@netless/app-slide 0.3.0-canary.12 → 0.3.0-canary.13
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/connect.d.ts +4 -2
- package/dist/main.iife.js +2 -2
- package/dist/main.iife.js.map +1 -1
- package/dist/main.js +2 -2
- package/dist/main.js.map +1 -1
- package/dist/main.mjs +156 -156
- package/dist/main.mjs.map +1 -1
- package/package.json +2 -2
- package/src/connect.ts +12 -10
- package/src/index.ts +6 -4
package/dist/main.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";var vt=Object.defineProperty;var mt=(e,t,s)=>t in e?vt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var u=(e,t,s)=>(mt(e,typeof t!="symbol"?t+"":t,s),s);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const re=require("@netless/slide"),wt="!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",_t=87,yt=20,Ee=[],kt=()=>{for(let e=0;e<yt;e++)Ee[e]=wt.charAt(Math.random()*_t);return Ee.join("")};function Pe(e){try{return e()}catch(t){console.error(t)}}class Te{constructor(){this.push=this.addDisposer,this.disposers=new Map}addDisposer(t,s=this.genUID()){return this.flush(s),this.disposers.set(s,Array.isArray(t)?St(t):t),s}add(t,s=this.genUID()){const r=t();return r?this.addDisposer(r,s):s}addEventListener(t,s,r,o,i=this.genUID()){return t.addEventListener(s,r,o),this.addDisposer(()=>t.removeEventListener(s,r,o),i),i}setTimeout(t,s,r=this.genUID()){const o=window.setTimeout(()=>{this.remove(r),t()},s);return this.addDisposer(()=>window.clearTimeout(o),r)}setInterval(t,s,r=this.genUID()){const o=window.setInterval(t,s);return this.addDisposer(()=>window.clearInterval(o),r)}remove(t){const s=this.disposers.get(t);return this.disposers.delete(t),s}flush(t){const s=this.remove(t);s&&s()}flushAll(){this.disposers.forEach(Pe),this.disposers.clear()}genUID(){let t;do t=kt();while(this.disposers.has(t));return t}}function St(e){return()=>e.forEach(Pe)}const H="netless-app-slide",ue="https://convertcdn.netless.link/dynamicConvert";class xt{constructor(){u(this,"threshold",2);u(this,"_map",new Map);u(this,"_queue",[])}set(t,s){return this._map.set(t,s),this._queue.includes(t)||this._queue.unshift(t),this._refresh(),()=>{this.delete(t)}}delete(t){this._map.delete(t),this._queue=this._queue.filter(s=>s!==t),this._refresh()}focus(t){const s=this._queue.indexOf(t);s>=0&&this._queue.splice(s,1),this._queue.unshift(t),this._refresh()}_refresh(){let t;this._queue.forEach((s,r)=>{!(t=this._map.get(s))||(r<this.threshold?t.unfreeze():t.freeze())})}}const pe=new xt,Et=function(t){t.on("focus",s=>{pe.focus(s.appId)})};class It{constructor(){this.a=new Map,this.b=new Set}emit(t,s){const r=this.a.get(t);if(r)for(const o of r)try{o(s)}catch(i){console.error(i)}}on(t,s){let r=this.a.get(t);if(r||(r=new Set,this.a.set(t,r)),r.add(s),r.size===1)for(const o of this.b)o.e(t);return()=>{this.off(t,s)}}once(t,s){const r=o=>(this.off(t,s),s(o));return this.c=this.c||new WeakMap,this.c.set(s,r),this.on(t,r)}off(t,s){var r;const o=this.a.get(t);if(o){const i=o.delete(((r=this.c)==null?void 0:r.get(s))||s);if(o.size<=0){this.a.delete(t);for(const a of this.b)a.d(t)}return i}return!1}clear(t){var s;t?(s=this.a.get(t))==null||s.clear():this.a.clear()}count(t){var s;if(t)return((s=this.a.get(t))==null?void 0:s.size)||0;{let r=0;for(const o of this.a.values())r+=o.size;return r}}remit(t,s){var r;let o;const i={e:a=>{if(a===t)try{o=s(this)}catch(n){console.error(n)}},d:a=>{if(o&&(!a||a===t))try{o()}catch(n){console.error(n)}}};return this.b.add(i),(r=this.a.get(t))!=null&&r.size&&i.e(t),()=>{this.b.delete(i),i.d()}}destroy(){this.clear();for(const t of this.b)t.d();this.b.clear()}}var De={exports:{}},Ct={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]},Fe={exports:{}},$t=function(t){return!t||typeof t=="string"?!1:t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&t.constructor.name!=="String")},Lt=$t,At=Array.prototype.concat,zt=Array.prototype.slice,Ie=Fe.exports=function(t){for(var s=[],r=0,o=t.length;r<o;r++){var i=t[r];Lt(i)?s=At.call(s,zt.call(i)):s.push(i)}return s};Ie.wrap=function(e){return function(){return e(Ie(arguments))}};var Z=Ct,X=Fe.exports,Re=Object.hasOwnProperty,Ve=Object.create(null);for(var ce in Z)Re.call(Z,ce)&&(Ve[Z[ce]]=ce);var _=De.exports={to:{},get:{}};_.get=function(e){var t=e.substring(0,3).toLowerCase(),s,r;switch(t){case"hsl":s=_.get.hsl(e),r="hsl";break;case"hwb":s=_.get.hwb(e),r="hwb";break;default:s=_.get.rgb(e),r="rgb";break}return s?{model:r,value:s}:null};_.get.rgb=function(e){if(!e)return null;var t=/^#([a-f0-9]{3,4})$/i,s=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i,r=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,i=/^(\w+)$/,a=[0,0,0,1],n,l,c;if(n=e.match(s)){for(c=n[2],n=n[1],l=0;l<3;l++){var h=l*2;a[l]=parseInt(n.slice(h,h+2),16)}c&&(a[3]=parseInt(c,16)/255)}else if(n=e.match(t)){for(n=n[1],c=n[3],l=0;l<3;l++)a[l]=parseInt(n[l]+n[l],16);c&&(a[3]=parseInt(c+c,16)/255)}else if(n=e.match(r)){for(l=0;l<3;l++)a[l]=parseInt(n[l+1],0);n[4]&&(n[5]?a[3]=parseFloat(n[4])*.01:a[3]=parseFloat(n[4]))}else if(n=e.match(o)){for(l=0;l<3;l++)a[l]=Math.round(parseFloat(n[l+1])*2.55);n[4]&&(n[5]?a[3]=parseFloat(n[4])*.01:a[3]=parseFloat(n[4]))}else return(n=e.match(i))?n[1]==="transparent"?[0,0,0,0]:Re.call(Z,n[1])?(a=Z[n[1]],a[3]=1,a):null:null;for(l=0;l<3;l++)a[l]=N(a[l],0,255);return a[3]=N(a[3],0,1),a};_.get.hsl=function(e){if(!e)return null;var t=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,s=e.match(t);if(s){var r=parseFloat(s[4]),o=(parseFloat(s[1])%360+360)%360,i=N(parseFloat(s[2]),0,100),a=N(parseFloat(s[3]),0,100),n=N(isNaN(r)?1:r,0,1);return[o,i,a,n]}return null};_.get.hwb=function(e){if(!e)return null;var t=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,s=e.match(t);if(s){var r=parseFloat(s[4]),o=(parseFloat(s[1])%360+360)%360,i=N(parseFloat(s[2]),0,100),a=N(parseFloat(s[3]),0,100),n=N(isNaN(r)?1:r,0,1);return[o,i,a,n]}return null};_.to.hex=function(){var e=X(arguments);return"#"+se(e[0])+se(e[1])+se(e[2])+(e[3]<1?se(Math.round(e[3]*255)):"")};_.to.rgb=function(){var e=X(arguments);return e.length<4||e[3]===1?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"};_.to.rgb.percent=function(){var e=X(arguments),t=Math.round(e[0]/255*100),s=Math.round(e[1]/255*100),r=Math.round(e[2]/255*100);return e.length<4||e[3]===1?"rgb("+t+"%, "+s+"%, "+r+"%)":"rgba("+t+"%, "+s+"%, "+r+"%, "+e[3]+")"};_.to.hsl=function(){var e=X(arguments);return e.length<4||e[3]===1?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"};_.to.hwb=function(){var e=X(arguments),t="";return e.length>=4&&e[3]!==1&&(t=", "+e[3]),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+t+")"};_.to.keyword=function(e){return Ve[e.slice(0,3)]};function N(e,t,s){return Math.min(Math.max(t,e),s)}function se(e){var t=Math.round(e).toString(16).toUpperCase();return t.length<2?"0"+t:t}function K(){}function g(e){return document.createElement(e)}function Ce(e,t){const s=g(e);return w(s,t),s}function D(e,t){return e.appendChild(t)}function b(e){return`${H}-${e}`}function w(e,t){e.className=b(t)}function Ot(e){return e.endsWith("/")?e.slice(0,-1):e}function $e(e,t){if(typeof e=="object"&&e!==null)return e[t]}function Le(){let e;return[new Promise(s=>{e=s}),e]}function Nt(e){const t=e.room,s=e.displayer;return t?()=>t.calibrationTimestamp:s?()=>s.beginTimestamp+s.progressTime:()=>Date.now()}function Ue(e){try{let t=window.getComputedStyle(e).backgroundColor;if(t!=="rgba(0, 0, 0, 0)"&&t!=="transparent")return t=Mt(t),console.log("[Slide] guess bg color:",t),t;if(e.parentElement)return Ue(e.parentElement)}catch{}return"#ffffff"}function Mt(e){const t=De.exports.get(e);if(t&&t.model==="rgb"){const s=t.value,o=(((Math.round(s[0])&255)<<16)+((Math.round(s[1])&255)<<8)+(Math.round(s[2])&255)).toString(16);return"#"+"000000".substring(o.length)+o}else return e}function qe(e,t){return`${Ot(t||ue)}/${e}`}async function Pt({taskId:e,url:t}){const s=qe(e,t),r=`${s}/preview/1.png`,o=`${s}/jsonOutput/slide-1.json`,i=new Promise(n=>{const l=new Image;l.onload=()=>n(l),l.onerror=()=>n(null),l.src=r}),a=fetch(o).then(n=>n.json());return{preview:await i,slide:await a}}function Tt(e){if(typeof document<"u"){const t=()=>e(document.visibilityState==="visible");return document.addEventListener("visibilitychange",t),()=>document.removeEventListener("visibilitychange",t)}return K}const Dt=`.netless-app-slide-tele-fancy-scrollbar{overscroll-behavior:contain;overflow:auto;overflow-y:scroll;overflow-y:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar{height:8px;width:8px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb{background-color:#444e601a;background-color:transparent;border-radius:4px;transition:background-color .4s}.netless-app-slide-tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#444e601a}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:active{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:50px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal{min-width:50px}.netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:10200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:10300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-overlay{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10100;top:0;left:0;width:100%;height:100%;background:rgba(255,0,0,.25);transition:opacity .3s;opacity:0;pointer-events:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.netless-app-slide-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-slide-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{display:flex;align-items:center;height:26px;margin-left:auto;font-size:13px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;font-variant-numeric:tabular-nums}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 .5em 0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:transparent;transition:background .4s;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{user-select:text;background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly .netless-app-slide-footer-btn{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-footer-btn:hover{background:transparent}.netless-app-slide-readonly .netless-app-slide-page-number-input{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-page-number-input:hover,.netless-app-slide-readonly .netless-app-slide-page-number-input:focus,.netless-app-slide-readonly .netless-app-slide-page-number-input:active{background:transparent;box-shadow:none}.netless-app-slide-readonly .netless-app-slide-page-number-input:disabled{color:inherit}.netless-app-slide-readonly.netless-app-slide-float-footer{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:currentColor;background:#25282e}.telebox-color-scheme-dark .netless-app-slide-footer{border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}.netless-app-slide-preview-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex-flow:column nowrap}.netless-app-slide-preview-wrapper .netless-app-slide-content{flex:1}.netless-app-slide-preview-wrapper .netless-app-slide-footer{flex-shrink:0}
|
|
2
|
-
`;function Ft(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-sidebar`),s.setAttribute("viewBox","0 0 64 64");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M50 8H14c-3.309 0-6 2.691-6 6v36c0 3.309 2.691 6 6 6h36c3.309 0 6-2.691 6-6V14c0-3.309-2.691-6-6-6zM12 50V14c0-1.103.897-2 2-2h8v40h-8c-1.103 0-2-.897-2-2zm40 0c0 1.103-.897 2-2 2H26V12h24c1.103 0 2 .897 2 2z"),s.appendChild(r),s}function Rt(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-arrow-left`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M177.81 249.959L337.473 90.295c2.722-2.865 2.651-7.378-.143-10.1-2.793-2.65-7.163-2.65-9.956 0l-164.75 164.75c-2.793 2.793-2.793 7.306 0 10.1l164.75 164.75c2.865 2.722 7.378 2.65 10.099-.143 2.651-2.794 2.651-7.163 0-9.957L177.809 249.959z"),s.appendChild(r),s}function Vt(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-play`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M418.158 257.419L174.663 413.33c-6.017 3.919-15.708 3.772-21.291-.29-2.791-2.018-4.295-4.483-4.295-7.084V94.109c0-5.65 6.883-10.289 15.271-10.289 4.298 0 8.391 1.307 11.181 3.332l242.629 155.484c6.016 3.917 6.451 10.292.649 14.491-.216.154-.432.154-.649.292zM170.621 391.288l223.116-141.301L170.71 107.753l-.089 283.535z"),s.appendChild(r),s}function Ut(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-pause`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M312.491 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261zM165.257 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261z"),s.appendChild(r),s}function qt(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-arrow-right`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M322.19 250.041L162.527 409.705c-2.722 2.865-2.651 7.378.143 10.1 2.793 2.65 7.163 2.65 9.956 0l164.75-164.75c2.793-2.793 2.793-7.306 0-10.1l-164.75-164.75c-2.865-2.722-7.378-2.65-10.099.143-2.651 2.794-2.651 7.163 0 9.957l159.664 159.736z"),s.appendChild(r),s}function Bt(){let e=K;const t=d=>{e=d};let s=K;const r=d=>{s=d};let o=K;const i=d=>{o=d};let a=!1,n=!1,l=0,c=0;const h=g("div");w(h,"footer");const p=g("button");w(p,"btn-sidebar"),p.classList.add(b("footer-btn")),p.appendChild(Ft(H)),p.onclick=function(){a||s()},p.style.display="none",h.appendChild(p);const S=g("div");w(S,"page-jumps");const E=g("button");w(E,"btn-page-back"),E.classList.add(b("footer-btn")),E.appendChild(Rt(H)),E.onclick=function(){a||e(l-1)},S.appendChild(E);const v=g("button");w(v,"btn-page-play"),v.classList.add(b("footer-btn")),v.appendChild(Vt(H)),v.appendChild(Ut(H));let V=0;v.onclick=function(){a||(v.classList.add(b("footer-btn-playing")),o(),clearTimeout(V),V=setTimeout(()=>{v.classList.remove(b("footer-btn-playing"))},500))},S.appendChild(v);const A=g("button");w(A,"btn-page-next"),A.classList.add(b("footer-btn")),A.appendChild(qt(H)),A.onclick=function(){a||e(l+1)},S.appendChild(A);const z=g("div");w(z,"page-number");const k=g("input");w(k,"page-number-input"),k.value=String(l+1),k.onchange=function(){a||k.value&&e(Number(k.value)-1)};const f=g("span");w(f,"total-page"),f.textContent=" / ",z.appendChild(k),z.appendChild(f),h.appendChild(S),h.appendChild(z);const y=b("readonly");function I(d){a!==d&&(a=d,h.classList.toggle(y,a),k.disabled=a)}function O(d){n!==d&&(n=d,p.style.display=n?"":"none")}function U(d,q=!1){(q||l!==d)&&(l=d,k.value=String(l+1))}function W(d){c!==d&&(c=d,f.textContent=` / ${c}`)}return{$footer:h,$pageNumberInput:k,set_readonly:I,set_sidebar:O,set_page_index:U,set_page_count:W,on_new_page_index:t,on_toggle_preview:r,on_play:i}}const P=typeof window<"u",Be=P&&!("onscroll"in window)||typeof navigator<"u"&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),He=P&&"IntersectionObserver"in window,je=P&&"classList"in document.createElement("p"),Ge=P&&window.devicePixelRatio>1,Ht={elements_selector:".lazy",container:Be||P?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_bg_set:"bg-set",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1,restore_on_error:!1},We=e=>Object.assign({},Ht,e),Ae=function(e,t){let s;const r="LazyLoad::Initialized",o=new e(t);try{s=new CustomEvent(r,{detail:{instance:o}})}catch{s=document.createEvent("CustomEvent"),s.initCustomEvent(r,!1,!1,{instance:o})}window.dispatchEvent(s)},jt=(e,t)=>{if(!!t)if(!t.length)Ae(e,t);else for(let s=0,r;r=t[s];s+=1)Ae(e,r)},L="src",he="srcset",fe="sizes",Je="poster",Y="llOriginalAttrs",Ze="data",ge="loading",Ke="loaded",Qe="applied",Gt="entered",be="error",Xe="native",Ye="data-",et="ll-status",m=(e,t)=>e.getAttribute(Ye+t),Wt=(e,t,s)=>{var r=Ye+t;if(s===null){e.removeAttribute(r);return}e.setAttribute(r,s)},ee=e=>m(e,et),R=(e,t)=>Wt(e,et,t),ne=e=>R(e,null),ve=e=>ee(e)===null,Jt=e=>ee(e)===ge,Zt=e=>ee(e)===be,me=e=>ee(e)===Xe,Kt=[ge,Ke,Qe,be],Qt=e=>Kt.indexOf(ee(e))>=0,T=(e,t,s,r)=>{if(!!e){if(r!==void 0){e(t,s,r);return}if(s!==void 0){e(t,s);return}e(t)}},G=(e,t)=>{if(je){e.classList.add(t);return}e.className+=(e.className?" ":"")+t},x=(e,t)=>{if(je){e.classList.remove(t);return}e.className=e.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},Xt=e=>{e.llTempImage=document.createElement("IMG")},Yt=e=>{delete e.llTempImage},tt=e=>e.llTempImage,ae=(e,t)=>{if(!t)return;const s=t._observer;!s||s.unobserve(e)},es=e=>{e.disconnect()},ts=(e,t,s)=>{t.unobserve_entered&&ae(e,s)},we=(e,t)=>{!e||(e.loadingCount+=t)},ss=e=>{!e||(e.toLoadCount-=1)},st=(e,t)=>{!e||(e.toLoadCount=t)},rs=e=>e.loadingCount>0,os=e=>e.toLoadCount>0,rt=e=>{let t=[];for(let s=0,r;r=e.children[s];s+=1)r.tagName==="SOURCE"&&t.push(r);return t},_e=(e,t)=>{const s=e.parentNode;if(!s||s.tagName!=="PICTURE")return;rt(s).forEach(t)},ot=(e,t)=>{rt(e).forEach(t)},ie=[L],nt=[L,Je],Q=[L,he,fe],at=[Ze],le=e=>!!e[Y],it=e=>e[Y],lt=e=>delete e[Y],j=(e,t)=>{if(le(e))return;const s={};t.forEach(r=>{s[r]=e.getAttribute(r)}),e[Y]=s},ns=e=>{le(e)||(e[Y]={backgroundImage:e.style.backgroundImage})},as=(e,t,s)=>{if(!s){e.removeAttribute(t);return}e.setAttribute(t,s)},F=(e,t)=>{if(!le(e))return;const s=it(e);t.forEach(r=>{as(e,r,s[r])})},is=e=>{if(!le(e))return;const t=it(e);e.style.backgroundImage=t.backgroundImage},ct=(e,t,s)=>{G(e,t.class_applied),R(e,Qe),s&&(t.unobserve_completed&&ae(e,t),T(t.callback_applied,e,s))},dt=(e,t,s)=>{G(e,t.class_loading),R(e,ge),s&&(we(s,1),T(t.callback_loading,e,s))},M=(e,t,s)=>{!s||e.setAttribute(t,s)},ze=(e,t)=>{M(e,fe,m(e,t.data_sizes)),M(e,he,m(e,t.data_srcset)),M(e,L,m(e,t.data_src))},ls=(e,t)=>{_e(e,s=>{j(s,Q),ze(s,t)}),j(e,Q),ze(e,t)},cs=(e,t)=>{j(e,ie),M(e,L,m(e,t.data_src))},ds=(e,t)=>{ot(e,s=>{j(s,ie),M(s,L,m(s,t.data_src))}),j(e,nt),M(e,Je,m(e,t.data_poster)),M(e,L,m(e,t.data_src)),e.load()},us=(e,t)=>{j(e,at),M(e,Ze,m(e,t.data_src))},ps=(e,t,s)=>{const r=m(e,t.data_bg),o=m(e,t.data_bg_hidpi),i=Ge&&o?o:r;!i||(e.style.backgroundImage=`url("${i}")`,tt(e).setAttribute(L,i),dt(e,t,s))},hs=(e,t,s)=>{const r=m(e,t.data_bg_multi),o=m(e,t.data_bg_multi_hidpi),i=Ge&&o?o:r;!i||(e.style.backgroundImage=i,ct(e,t,s))},fs=(e,t,s)=>{const r=m(e,t.data_bg_set);if(!r)return;const o=r.split("|");let i=o.map(a=>`image-set(${a})`);e.style.backgroundImage=i.join(),e.style.backgroundImage===""&&(i=o.map(a=>`-webkit-image-set(${a})`),e.style.backgroundImage=i.join()),ct(e,t,s)},ut={IMG:ls,IFRAME:cs,VIDEO:ds,OBJECT:us},gs=(e,t)=>{const s=ut[e.tagName];!s||s(e,t)},bs=(e,t,s)=>{const r=ut[e.tagName];!r||(r(e,t),dt(e,t,s))},vs=["IMG","IFRAME","VIDEO","OBJECT"],ms=e=>vs.indexOf(e.tagName)>-1,pt=(e,t)=>{t&&!rs(t)&&!os(t)&&T(e.callback_finish,t)},Oe=(e,t,s)=>{e.addEventListener(t,s),e.llEvLisnrs[t]=s},ws=(e,t,s)=>{e.removeEventListener(t,s)},ye=e=>!!e.llEvLisnrs,_s=(e,t,s)=>{ye(e)||(e.llEvLisnrs={});const r=e.tagName==="VIDEO"?"loadeddata":"load";Oe(e,r,t),Oe(e,"error",s)},de=e=>{if(!ye(e))return;const t=e.llEvLisnrs;for(let s in t){const r=t[s];ws(e,s,r)}delete e.llEvLisnrs},ht=(e,t,s)=>{Yt(e),we(s,-1),ss(s),x(e,t.class_loading),t.unobserve_completed&&ae(e,s)},ys=(e,t,s,r)=>{const o=me(t);ht(t,s,r),G(t,s.class_loaded),R(t,Ke),T(s.callback_loaded,t,r),o||pt(s,r)},ks=(e,t,s,r)=>{const o=me(t);ht(t,s,r),G(t,s.class_error),R(t,be),T(s.callback_error,t,r),s.restore_on_error&&F(t,Q),o||pt(s,r)},ke=(e,t,s)=>{const r=tt(e)||e;if(ye(r))return;_s(r,a=>{ys(a,e,t,s),de(r)},a=>{ks(a,e,t,s),de(r)})},Ss=(e,t,s)=>{Xt(e),ke(e,t,s),ns(e),ps(e,t,s),hs(e,t,s),fs(e,t,s)},xs=(e,t,s)=>{ke(e,t,s),bs(e,t,s)},Se=(e,t,s)=>{ms(e)?xs(e,t,s):Ss(e,t,s)},Es=(e,t,s)=>{e.setAttribute("loading","lazy"),ke(e,t,s),gs(e,t),R(e,Xe)},Ne=e=>{e.removeAttribute(L),e.removeAttribute(he),e.removeAttribute(fe)},Is=e=>{_e(e,t=>{Ne(t)}),Ne(e)},ft=e=>{_e(e,t=>{F(t,Q)}),F(e,Q)},Cs=e=>{ot(e,t=>{F(t,ie)}),F(e,nt),e.load()},$s=e=>{F(e,ie)},Ls=e=>{F(e,at)},As={IMG:ft,IFRAME:$s,VIDEO:Cs,OBJECT:Ls},zs=e=>{const t=As[e.tagName];if(!t){is(e);return}t(e)},Os=(e,t)=>{ve(e)||me(e)||(x(e,t.class_entered),x(e,t.class_exited),x(e,t.class_applied),x(e,t.class_loading),x(e,t.class_loaded),x(e,t.class_error))},Ns=(e,t)=>{zs(e),Os(e,t),ne(e),lt(e)},Ms=(e,t,s,r)=>{!s.cancel_on_exit||!Jt(e)||e.tagName==="IMG"&&(de(e),Is(e),ft(e),x(e,s.class_loading),we(r,-1),ne(e),T(s.callback_cancel,e,t,r))},Ps=(e,t,s,r)=>{const o=Qt(e);R(e,Gt),G(e,s.class_entered),x(e,s.class_exited),ts(e,s,r),T(s.callback_enter,e,t,r),!o&&Se(e,s,r)},Ts=(e,t,s,r)=>{ve(e)||(G(e,s.class_exited),Ms(e,t,s,r),T(s.callback_exit,e,t,r))},Ds=["IMG","IFRAME","VIDEO"],gt=e=>e.use_native&&"loading"in HTMLImageElement.prototype,Fs=(e,t,s)=>{e.forEach(r=>{Ds.indexOf(r.tagName)!==-1&&Es(r,t,s)}),st(s,0)},Rs=e=>e.isIntersecting||e.intersectionRatio>0,Vs=e=>({root:e.container===document?null:e.container,rootMargin:e.thresholds||e.threshold+"px"}),Us=(e,t,s)=>{e.forEach(r=>Rs(r)?Ps(r.target,r,t,s):Ts(r.target,r,t,s))},qs=(e,t)=>{t.forEach(s=>{e.observe(s)})},Bs=(e,t)=>{es(e),qs(e,t)},Hs=(e,t)=>{!He||gt(e)||(t._observer=new IntersectionObserver(s=>{Us(s,e,t)},Vs(e)))},bt=e=>Array.prototype.slice.call(e),oe=e=>e.container.querySelectorAll(e.elements_selector),js=e=>bt(e).filter(ve),Gs=e=>Zt(e),Ws=e=>bt(e).filter(Gs),Me=(e,t)=>js(e||oe(t)),Js=(e,t)=>{Ws(oe(e)).forEach(r=>{x(r,e.class_error),ne(r)}),t.update()},Zs=(e,t)=>{!P||(t._onlineHandler=()=>{Js(e,t)},window.addEventListener("online",t._onlineHandler))},Ks=e=>{!P||window.removeEventListener("online",e._onlineHandler)},te=function(e,t){const s=We(e);this._settings=s,this.loadingCount=0,Hs(s,this),Zs(s,this),this.update(t)};te.prototype={update:function(e){const t=this._settings,s=Me(e,t);if(st(this,s.length),Be||!He){this.loadAll(s);return}if(gt(t)){Fs(s,t,this);return}Bs(this._observer,s)},destroy:function(){this._observer&&this._observer.disconnect(),Ks(this),oe(this._settings).forEach(e=>{lt(e)}),delete this._observer,delete this._settings,delete this._onlineHandler,delete this.loadingCount,delete this.toLoadCount},loadAll:function(e){const t=this._settings;Me(e,t).forEach(r=>{ae(r,this),Se(r,t,this)})},restoreAll:function(){const e=this._settings;oe(e).forEach(t=>{Ns(t,e)})}};te.load=(e,t)=>{const s=We(t);Se(e,s)};te.resetStatus=e=>{ne(e)};P&&jt(te,window.lazyLoadOptions);function Qs(){let e=K;const t=f=>{e=f};let s=!1,r=!1,o=!1,i=[],a=0;const n=b("readonly"),l=b("preview-active"),c=g("div");w(c,"content");const h=g("div");w(h,"preview-mask"),h.onclick=function(y){r||y.target===h&&v(!1)},D(c,h);const p=g("div");w(p,"preview"),p.classList.add(b("tele-fancy-scrollbar")),p.onclick=function(y){var O;if(r)return;const I=(O=y.target.dataset)==null?void 0:O.pageIndex;I&&(y.preventDefault(),y.stopPropagation(),y.stopImmediatePropagation(),e(Number(I)),v(!1))},D(c,p);const S=new te({container:p,elements_selector:`.${b("preview-page>img")}`});function E(f){r!==f&&(r=f,c.classList.toggle(n,r))}function v(f){o!==f&&(o=f,c.classList.toggle(l,o))}function V(f){if(i!==f){i=f;const y=b("preview-page"),I=b("preview-page-name");i.forEach((O,U)=>{const W=String(U),d=g("a");d.className=y+" "+b(`preview-page-${U}`),d.href="#",d.dataset.pageIndex=W;const q=g("span");q.className=I,q.textContent=String(U+1),q.dataset.pageIndex=W;const B=g("img");B.width=O.width,B.height=O.height,B.src=O.thumbnail,B.alt=`page-${U}`,B.dataset.pageIndex=W,D(d,B),D(d,q),D(p,d)}),s||S.update()}}function A(f,y=!1){if(y||a!==f){a=f;const I=p.querySelector(`.${b(`preview-page-${a}`)}`);I&&p.scrollTo({top:I.offsetTop-16})}}function z(){s=!0,S.destroy()}function k(){return o}return{$content:c,$preview:p,set_readonly:E,set_active:v,get_active:k,set_pages:V,on_new_page_index:t,set_page_index:A,destroy:z}}const xe=class{constructor(t){u(this,"sideEffect",new Te);u(this,"events",new It);u(this,"$slide",Ce("div","slide"));u(this,"$overlay",Ce("div","overlay"));u(this,"sidebar",Qs());u(this,"footer",Bt());u(this,"$content");u(this,"$footer");u(this,"slide");u(this,"_readyPromise");u(this,"_infoPromise");u(this,"_ready",!1);u(this,"_slideCount",0);u(this,"_destroyed",!1);u(this,"_isFrozen",!1);u(this,"_cachedIsFrozen",!1);u(this,"onPlay",()=>{this.slide.nextStep()});u(this,"onNewPageIndex",t=>{this._ready&&t>=0&&t<this._slideCount?this.slide.renderSlide(t+1):this.setPage(this.slide.slideState.currentSlideIndex)});u(this,"onTogglePreview",()=>{this.sidebar.set_active(!this.sidebar.get_active())});this.$content=this.sidebar.$content,this.$footer=this.footer.$footer,D(this.$content,this.$slide),D(this.$content,this.$overlay),this.sidebar.on_new_page_index(this.onNewPageIndex),this.footer.on_new_page_index(this.onNewPageIndex),this.footer.on_toggle_preview(this.onTogglePreview),this.footer.on_play(this.onPlay),this.sideEffect.push(this.sidebar.destroy),this.sideEffect.push(()=>this.slide.destroy()),this.sideEffect.push(()=>{this.$content.parentElement&&this.$content.remove(),this.$footer.parentElement&&this.$footer.remove(),this.$slide.parentElement&&this.$slide.remove()}),this.sideEffect.push(Tt(n=>{this._destroyed||(n?this._cachedIsFrozen||this.unfreeze():(this._cachedIsFrozen=this._isFrozen,this.freeze()))}));const[s,r]=Le();this._infoPromise=s,xe.fetchSlideInfo(t).then(({preview:n,slide:l})=>{if(!this._destroyed){if(this._slideCount=l.slideCount,n){const{taskId:c,url:h}=t,{slideCount:p}=l,{width:S,height:E}=n,v=qe(c,h),V=Array.from({length:p},(A,z)=>({width:S,height:E,thumbnail:`${v}/preview/${z+1}.png`}));this.sidebar.set_pages(V),this.footer.set_sidebar(!0)}this.footer.set_page_count(l.slideCount),r(l)}}).catch(n=>{console.log("[Slide] fetch slide info error"),console.error(n),this.events.emit("prepareError",n)});const[i,a]=Le();this._readyPromise=i,this.slide=new re.Slide({anchor:this.$slide,mode:"local",interactive:!0,enableGlobalClick:!0,useLocalCache:!0,...t}),this.slide.setResource(t.taskId,t.url||ue),this.slide.on("slideChange",n=>{this._destroyed||this.setPage(n)}),this.slide.on("renderEnd",()=>{this._ready?this.$overlay.style.opacity="":setTimeout(()=>{this._ready=!0,a()},1e3)}),this.slide.on("renderError",n=>{this._destroyed||n.error&&(console.error(n.error),this.$overlay.textContent=`Error on slide.index=${n.index}: ${n.error.message}`,this.$overlay.style.opacity="1",this.events.emit("renderError",n))}),this.ready(()=>{this._isFrozen&&this.freeze()})}prepare(t){return this._infoPromise.then(t)}ready(t){return this._readyPromise.then(t)}destroy(){this._destroyed=!0,this.sideEffect.flushAll()}setReadonly(t){this.slide.setInteractive(!t),this.sidebar.set_readonly(t),this.footer.set_readonly(t)}setPage(t){this.sidebar.set_page_index(t-1,!0),this.footer.set_page_index(t-1,!0)}freeze(){this._destroyed||(this._isFrozen=!0,this._ready&&(this.slide.frozen(),this.events.emit("freeze")))}unfreeze(){this._destroyed||(this._isFrozen=!1,this._ready&&(this.slide.release(),this.events.emit("unfreeze")))}};let $=xe;u($,"styles",Dt),u($,"fetchSlideInfo",Pt);function Xs(e){return e.displayer.logger}const C=class{constructor(t){u(this,"info",t=>{C.roomLogger&&this.context?C.roomLogger.info(t+` (${this.context.appId})`):this.context?console.debug(t+` (${this.context.appId})`):console.debug(t)});this.context=t,t&&(C.active.add(t.appId),C.roomLogger=Xs(t))}destroy(){this.context&&C.active.delete(this.context.appId),C.active.size===0&&(C.roomLogger=null)}};let J=C;u(J,"active",new Set),u(J,"roomLogger",null);function Ys({context:e,viewer:t,sideEffect:s,logger:r}){const o=r.info.bind(r);let i=null;t.prepare(({width:c,height:h,slideCount:p})=>{e.destroyed||(c&&e.box.setStageRatio(h/c),i=e.createWhiteBoardView({size:p}),i.setBaseRect({width:c,height:h}),l())});const{slide:a}=t;function n(c=e.storage.state.state){return JSON.stringify(c)}function l(){if(e.storage.state.state)o("[Slide] restore "+n()),a.setSlideState(e.storage.state.state);else if(e.isAddApp)o("[Slide] kick start"),a.renderSlide(1);else{o("[Slide] wait for restore");const c=s.add(()=>{const p=setInterval(()=>{e.storage.state.state||(o("[Slide] timeout"),a.renderSlide(1))},15e3);return()=>clearInterval(p)}),h=s.push(e.storage.on("stateChanged",()=>{e.storage.state.state&&(o("[Slide] restore "+n()),a.setSlideState(e.storage.state.state),s.flush(h),s.flush(c))}))}}a.on("stateChange",()=>{e.isWritable&&e.storage.setState({state:a.slideState})}),a.on("syncDispatch",c=>{e.isWritable&&(o("[Slide] dispatch "+n($e(c,"uuid"))),e.dispatchMagixEvent("syncDispatch",c))}),s.push(e.addMagixEventListener("syncDispatch",({payload:c})=>{o("[Slide] receive "+n($e(c,"uuid"))),a.emit("syncReceive",c)},{fireSelfEventAfterCommit:!0})),a.on("slideChange",c=>{e.isWritable&&i&&(o("[Slide] page to "+c),i.jumpPage(c-1))}),t.setReadonly(!e.isWritable),s.push(e.emitter.on("writableChange",c=>{t.setReadonly(!c)})),s.addEventListener(window,"keydown",c=>{e.box.focus&&((c.key==="ArrowUp"||c.key==="ArrowLeft")&&t.slide.prevStep(),(c.key==="ArrowRight"||c.key==="ArrowDown")&&t.slide.nextStep())})}function er(e){const{container:t,...s}=e,r=document.createElement("div");r.className="netless-app-slide-preview-wrapper";const o=new $(s);return r.appendChild(document.createElement("style")).textContent=$.styles,r.appendChild(o.$content),r.appendChild(o.$footer),t.appendChild(r),o.prepare(()=>o.slide.renderSlide(1)),o}const tr=re.Slide.usePlugin.bind(re.Slide),sr="0.3.0-canary.12",rr={kind:"Slide",setup(e){var a,n;console.log("[Slide] setup @ 0.3.0-canary.12 ("+e.appId+")");const t=new J(e);if(t.info("[Slide] setup @ 0.3.0-canary.12"),!e.storage.state.taskId)throw new Error("[Slide] no taskId");const s=e.getAppOptions()||{},r=s.renderOptions||{},o=new Te,i=new $({interactive:!0,mode:"interactive",enableGlobalClick:!0,timestamp:Nt(e),logger:s.logger||t,renderOptions:{minFPS:r.minFPS||25,maxFPS:r.maxFPS||30,autoFPS:(a=r.autoFPS)!=null?a:!0,autoResolution:(n=r.autoResolution)!=null?n:!0,resolution:r.resolution,maxResolutionLevel:r.maxResolutionLevel,transactionBgColor:r.transactionBgColor||Ue(e.box.$content)},rtcAudio:s.rtcAudio,useLocalCache:s.useLocalCache,resourceTimeout:s.resourceTimeout,loaderDelegate:s.loaderDelegate,navigatorDelegate:s.navigatorDelegate,fixedFrameSize:s.fixedFrameSize,taskId:e.storage.state.taskId,url:e.storage.state.url});return Object.assign(i,{context:e,logger:t}),o.push(pe.set(e.appId,i)),o.push(i.events.on("freeze",()=>t.info("[Slide] freeze"))),o.push(i.events.on("unfreeze",()=>t.info("[Slide] unfreeze"))),o.push(i.events.on("prepareError",l=>t.info("[Slide] fetch slide info failed: "+l.message))),o.push(i.events.on("renderError",({error:l,index:c})=>t.info(`[Slide] render failed [${c}]: ${l.message}`))),e.box.mountStyles($.styles),e.box.mountStage(i.$slide),e.box.mountFooter(i.$footer),e.box.mountContent(i.$content),o.push(()=>i.destroy()),Ys({context:e,viewer:i,sideEffect:o,logger:t}),e.emitter.on("destroy",()=>{t.info("[Slide] destroy"),t.destroy(),o.flushAll()}),i}};Object.defineProperty(exports,"Slide",{enumerable:!0,get:()=>re.Slide});exports.DefaultUrl=ue;exports.SlideViewer=$;exports.addHooks=Et;exports.default=rr;exports.previewSlide=er;exports.refrigerator=pe;exports.usePlugin=tr;exports.version=sr;
|
|
1
|
+
"use strict";var vt=Object.defineProperty;var mt=(e,t,s)=>t in e?vt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var u=(e,t,s)=>(mt(e,typeof t!="symbol"?t+"":t,s),s);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const re=require("@netless/slide"),wt="!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",_t=87,yt=20,Ee=[],kt=()=>{for(let e=0;e<yt;e++)Ee[e]=wt.charAt(Math.random()*_t);return Ee.join("")};function Pe(e){try{return e()}catch(t){console.error(t)}}class Te{constructor(){this.push=this.addDisposer,this.disposers=new Map}addDisposer(t,s=this.genUID()){return this.flush(s),this.disposers.set(s,Array.isArray(t)?St(t):t),s}add(t,s=this.genUID()){const r=t();return r?this.addDisposer(r,s):s}addEventListener(t,s,r,o,i=this.genUID()){return t.addEventListener(s,r,o),this.addDisposer(()=>t.removeEventListener(s,r,o),i),i}setTimeout(t,s,r=this.genUID()){const o=window.setTimeout(()=>{this.remove(r),t()},s);return this.addDisposer(()=>window.clearTimeout(o),r)}setInterval(t,s,r=this.genUID()){const o=window.setInterval(t,s);return this.addDisposer(()=>window.clearInterval(o),r)}remove(t){const s=this.disposers.get(t);return this.disposers.delete(t),s}flush(t){const s=this.remove(t);s&&s()}flushAll(){this.disposers.forEach(Pe),this.disposers.clear()}genUID(){let t;do t=kt();while(this.disposers.has(t));return t}}function St(e){return()=>e.forEach(Pe)}const H="netless-app-slide",ue="https://convertcdn.netless.link/dynamicConvert";class xt{constructor(){u(this,"threshold",2);u(this,"_map",new Map);u(this,"_queue",[])}set(t,s){return this._map.set(t,s),this._queue.includes(t)||this._queue.unshift(t),this._refresh(),()=>{this.delete(t)}}delete(t){this._map.delete(t),this._queue=this._queue.filter(s=>s!==t),this._refresh()}focus(t){const s=this._queue.indexOf(t);s>=0&&this._queue.splice(s,1),this._queue.unshift(t),this._refresh()}_refresh(){let t;this._queue.forEach((s,r)=>{!(t=this._map.get(s))||(r<this.threshold?t.unfreeze():t.freeze())})}}const pe=new xt,Et=function(t){t.on("focus",s=>{pe.focus(s.appId)})};class It{constructor(){this.a=new Map,this.b=new Set}emit(t,s){const r=this.a.get(t);if(r)for(const o of r)try{o(s)}catch(i){console.error(i)}}on(t,s){let r=this.a.get(t);if(r||(r=new Set,this.a.set(t,r)),r.add(s),r.size===1)for(const o of this.b)o.e(t);return()=>{this.off(t,s)}}once(t,s){const r=o=>(this.off(t,s),s(o));return this.c=this.c||new WeakMap,this.c.set(s,r),this.on(t,r)}off(t,s){var r;const o=this.a.get(t);if(o){const i=o.delete(((r=this.c)==null?void 0:r.get(s))||s);if(o.size<=0){this.a.delete(t);for(const a of this.b)a.d(t)}return i}return!1}clear(t){var s;t?(s=this.a.get(t))==null||s.clear():this.a.clear()}count(t){var s;if(t)return((s=this.a.get(t))==null?void 0:s.size)||0;{let r=0;for(const o of this.a.values())r+=o.size;return r}}remit(t,s){var r;let o;const i={e:a=>{if(a===t)try{o=s(this)}catch(n){console.error(n)}},d:a=>{if(o&&(!a||a===t))try{o()}catch(n){console.error(n)}}};return this.b.add(i),(r=this.a.get(t))!=null&&r.size&&i.e(t),()=>{this.b.delete(i),i.d()}}destroy(){this.clear();for(const t of this.b)t.d();this.b.clear()}}var De={exports:{}},Ct={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]},Fe={exports:{}},$t=function(t){return!t||typeof t=="string"?!1:t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&t.constructor.name!=="String")},Lt=$t,At=Array.prototype.concat,zt=Array.prototype.slice,Ie=Fe.exports=function(t){for(var s=[],r=0,o=t.length;r<o;r++){var i=t[r];Lt(i)?s=At.call(s,zt.call(i)):s.push(i)}return s};Ie.wrap=function(e){return function(){return e(Ie(arguments))}};var Z=Ct,X=Fe.exports,Re=Object.hasOwnProperty,Ve=Object.create(null);for(var ce in Z)Re.call(Z,ce)&&(Ve[Z[ce]]=ce);var y=De.exports={to:{},get:{}};y.get=function(e){var t=e.substring(0,3).toLowerCase(),s,r;switch(t){case"hsl":s=y.get.hsl(e),r="hsl";break;case"hwb":s=y.get.hwb(e),r="hwb";break;default:s=y.get.rgb(e),r="rgb";break}return s?{model:r,value:s}:null};y.get.rgb=function(e){if(!e)return null;var t=/^#([a-f0-9]{3,4})$/i,s=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i,r=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,i=/^(\w+)$/,a=[0,0,0,1],n,l,p;if(n=e.match(s)){for(p=n[2],n=n[1],l=0;l<3;l++){var c=l*2;a[l]=parseInt(n.slice(c,c+2),16)}p&&(a[3]=parseInt(p,16)/255)}else if(n=e.match(t)){for(n=n[1],p=n[3],l=0;l<3;l++)a[l]=parseInt(n[l]+n[l],16);p&&(a[3]=parseInt(p+p,16)/255)}else if(n=e.match(r)){for(l=0;l<3;l++)a[l]=parseInt(n[l+1],0);n[4]&&(n[5]?a[3]=parseFloat(n[4])*.01:a[3]=parseFloat(n[4]))}else if(n=e.match(o)){for(l=0;l<3;l++)a[l]=Math.round(parseFloat(n[l+1])*2.55);n[4]&&(n[5]?a[3]=parseFloat(n[4])*.01:a[3]=parseFloat(n[4]))}else return(n=e.match(i))?n[1]==="transparent"?[0,0,0,0]:Re.call(Z,n[1])?(a=Z[n[1]],a[3]=1,a):null:null;for(l=0;l<3;l++)a[l]=N(a[l],0,255);return a[3]=N(a[3],0,1),a};y.get.hsl=function(e){if(!e)return null;var t=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,s=e.match(t);if(s){var r=parseFloat(s[4]),o=(parseFloat(s[1])%360+360)%360,i=N(parseFloat(s[2]),0,100),a=N(parseFloat(s[3]),0,100),n=N(isNaN(r)?1:r,0,1);return[o,i,a,n]}return null};y.get.hwb=function(e){if(!e)return null;var t=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,s=e.match(t);if(s){var r=parseFloat(s[4]),o=(parseFloat(s[1])%360+360)%360,i=N(parseFloat(s[2]),0,100),a=N(parseFloat(s[3]),0,100),n=N(isNaN(r)?1:r,0,1);return[o,i,a,n]}return null};y.to.hex=function(){var e=X(arguments);return"#"+se(e[0])+se(e[1])+se(e[2])+(e[3]<1?se(Math.round(e[3]*255)):"")};y.to.rgb=function(){var e=X(arguments);return e.length<4||e[3]===1?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"};y.to.rgb.percent=function(){var e=X(arguments),t=Math.round(e[0]/255*100),s=Math.round(e[1]/255*100),r=Math.round(e[2]/255*100);return e.length<4||e[3]===1?"rgb("+t+"%, "+s+"%, "+r+"%)":"rgba("+t+"%, "+s+"%, "+r+"%, "+e[3]+")"};y.to.hsl=function(){var e=X(arguments);return e.length<4||e[3]===1?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"};y.to.hwb=function(){var e=X(arguments),t="";return e.length>=4&&e[3]!==1&&(t=", "+e[3]),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+t+")"};y.to.keyword=function(e){return Ve[e.slice(0,3)]};function N(e,t,s){return Math.min(Math.max(t,e),s)}function se(e){var t=Math.round(e).toString(16).toUpperCase();return t.length<2?"0"+t:t}function K(){}function g(e){return document.createElement(e)}function Ce(e,t){const s=g(e);return _(s,t),s}function D(e,t){return e.appendChild(t)}function b(e){return`${H}-${e}`}function _(e,t){e.className=b(t)}function Ot(e){return e.endsWith("/")?e.slice(0,-1):e}function $e(e,t){if(typeof e=="object"&&e!==null)return e[t]}function Le(){let e;return[new Promise(s=>{e=s}),e]}function Nt(e){const t=e.room,s=e.displayer;return t?()=>t.calibrationTimestamp:s?()=>s.beginTimestamp+s.progressTime:()=>Date.now()}function Ue(e){try{let t=window.getComputedStyle(e).backgroundColor;if(t!=="rgba(0, 0, 0, 0)"&&t!=="transparent")return t=Mt(t),console.log("[Slide] guess bg color:",t),t;if(e.parentElement)return Ue(e.parentElement)}catch{}return"#ffffff"}function Mt(e){const t=De.exports.get(e);if(t&&t.model==="rgb"){const s=t.value,o=(((Math.round(s[0])&255)<<16)+((Math.round(s[1])&255)<<8)+(Math.round(s[2])&255)).toString(16);return"#"+"000000".substring(o.length)+o}else return e}function qe(e,t){return`${Ot(t||ue)}/${e}`}async function Pt({taskId:e,url:t}){const s=qe(e,t),r=`${s}/preview/1.png`,o=`${s}/jsonOutput/slide-1.json`,i=new Promise(n=>{const l=new Image;l.onload=()=>n(l),l.onerror=()=>n(null),l.src=r}),a=fetch(o).then(n=>n.json());return{preview:await i,slide:await a}}function Tt(e){if(typeof document<"u"){const t=()=>e(document.visibilityState==="visible");return document.addEventListener("visibilitychange",t),()=>document.removeEventListener("visibilitychange",t)}return K}const Dt=`.netless-app-slide-tele-fancy-scrollbar{overscroll-behavior:contain;overflow:auto;overflow-y:scroll;overflow-y:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar{height:8px;width:8px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb{background-color:#444e601a;background-color:transparent;border-radius:4px;transition:background-color .4s}.netless-app-slide-tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#444e601a}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:active{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:50px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal{min-width:50px}.netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:10200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:10300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-overlay{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10100;top:0;left:0;width:100%;height:100%;background:rgba(255,0,0,.25);transition:opacity .3s;opacity:0;pointer-events:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.netless-app-slide-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-slide-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{display:flex;align-items:center;height:26px;margin-left:auto;font-size:13px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;font-variant-numeric:tabular-nums}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 .5em 0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:transparent;transition:background .4s;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{user-select:text;background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly .netless-app-slide-footer-btn{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-footer-btn:hover{background:transparent}.netless-app-slide-readonly .netless-app-slide-page-number-input{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-page-number-input:hover,.netless-app-slide-readonly .netless-app-slide-page-number-input:focus,.netless-app-slide-readonly .netless-app-slide-page-number-input:active{background:transparent;box-shadow:none}.netless-app-slide-readonly .netless-app-slide-page-number-input:disabled{color:inherit}.netless-app-slide-readonly.netless-app-slide-float-footer{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:currentColor;background:#25282e}.telebox-color-scheme-dark .netless-app-slide-footer{border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}.netless-app-slide-preview-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex-flow:column nowrap}.netless-app-slide-preview-wrapper .netless-app-slide-content{flex:1}.netless-app-slide-preview-wrapper .netless-app-slide-footer{flex-shrink:0}
|
|
2
|
+
`;function Ft(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-sidebar`),s.setAttribute("viewBox","0 0 64 64");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M50 8H14c-3.309 0-6 2.691-6 6v36c0 3.309 2.691 6 6 6h36c3.309 0 6-2.691 6-6V14c0-3.309-2.691-6-6-6zM12 50V14c0-1.103.897-2 2-2h8v40h-8c-1.103 0-2-.897-2-2zm40 0c0 1.103-.897 2-2 2H26V12h24c1.103 0 2 .897 2 2z"),s.appendChild(r),s}function Rt(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-arrow-left`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M177.81 249.959L337.473 90.295c2.722-2.865 2.651-7.378-.143-10.1-2.793-2.65-7.163-2.65-9.956 0l-164.75 164.75c-2.793 2.793-2.793 7.306 0 10.1l164.75 164.75c2.865 2.722 7.378 2.65 10.099-.143 2.651-2.794 2.651-7.163 0-9.957L177.809 249.959z"),s.appendChild(r),s}function Vt(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-play`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M418.158 257.419L174.663 413.33c-6.017 3.919-15.708 3.772-21.291-.29-2.791-2.018-4.295-4.483-4.295-7.084V94.109c0-5.65 6.883-10.289 15.271-10.289 4.298 0 8.391 1.307 11.181 3.332l242.629 155.484c6.016 3.917 6.451 10.292.649 14.491-.216.154-.432.154-.649.292zM170.621 391.288l223.116-141.301L170.71 107.753l-.089 283.535z"),s.appendChild(r),s}function Ut(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-pause`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M312.491 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261zM165.257 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261z"),s.appendChild(r),s}function qt(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-arrow-right`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M322.19 250.041L162.527 409.705c-2.722 2.865-2.651 7.378.143 10.1 2.793 2.65 7.163 2.65 9.956 0l164.75-164.75c2.793-2.793 2.793-7.306 0-10.1l-164.75-164.75c-2.865-2.722-7.378-2.65-10.099.143-2.651 2.794-2.651 7.163 0 9.957l159.664 159.736z"),s.appendChild(r),s}function Bt(){let e=K;const t=d=>{e=d};let s=K;const r=d=>{s=d};let o=K;const i=d=>{o=d};let a=!1,n=!1,l=0,p=0;const c=g("div");_(c,"footer");const h=g("button");_(h,"btn-sidebar"),h.classList.add(b("footer-btn")),h.appendChild(Ft(H)),h.onclick=function(){a||s()},h.style.display="none",c.appendChild(h);const v=g("div");_(v,"page-jumps");const E=g("button");_(E,"btn-page-back"),E.classList.add(b("footer-btn")),E.appendChild(Rt(H)),E.onclick=function(){a||e(l-1)},v.appendChild(E);const m=g("button");_(m,"btn-page-play"),m.classList.add(b("footer-btn")),m.appendChild(Vt(H)),m.appendChild(Ut(H));let V=0;m.onclick=function(){a||(m.classList.add(b("footer-btn-playing")),o(),clearTimeout(V),V=setTimeout(()=>{m.classList.remove(b("footer-btn-playing"))},500))},v.appendChild(m);const A=g("button");_(A,"btn-page-next"),A.classList.add(b("footer-btn")),A.appendChild(qt(H)),A.onclick=function(){a||e(l+1)},v.appendChild(A);const z=g("div");_(z,"page-number");const S=g("input");_(S,"page-number-input"),S.value=String(l+1),S.onchange=function(){a||S.value&&e(Number(S.value)-1)};const f=g("span");_(f,"total-page"),f.textContent=" / ",z.appendChild(S),z.appendChild(f),c.appendChild(v),c.appendChild(z);const k=b("readonly");function I(d){a!==d&&(a=d,c.classList.toggle(k,a),S.disabled=a)}function O(d){n!==d&&(n=d,h.style.display=n?"":"none")}function U(d,q=!1){(q||l!==d)&&(l=d,S.value=String(l+1))}function W(d){p!==d&&(p=d,f.textContent=` / ${p}`)}return{$footer:c,$pageNumberInput:S,set_readonly:I,set_sidebar:O,set_page_index:U,set_page_count:W,on_new_page_index:t,on_toggle_preview:r,on_play:i}}const P=typeof window<"u",Be=P&&!("onscroll"in window)||typeof navigator<"u"&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),He=P&&"IntersectionObserver"in window,je=P&&"classList"in document.createElement("p"),Ge=P&&window.devicePixelRatio>1,Ht={elements_selector:".lazy",container:Be||P?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_bg_set:"bg-set",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1,restore_on_error:!1},We=e=>Object.assign({},Ht,e),Ae=function(e,t){let s;const r="LazyLoad::Initialized",o=new e(t);try{s=new CustomEvent(r,{detail:{instance:o}})}catch{s=document.createEvent("CustomEvent"),s.initCustomEvent(r,!1,!1,{instance:o})}window.dispatchEvent(s)},jt=(e,t)=>{if(!!t)if(!t.length)Ae(e,t);else for(let s=0,r;r=t[s];s+=1)Ae(e,r)},L="src",he="srcset",fe="sizes",Je="poster",Y="llOriginalAttrs",Ze="data",ge="loading",Ke="loaded",Qe="applied",Gt="entered",be="error",Xe="native",Ye="data-",et="ll-status",w=(e,t)=>e.getAttribute(Ye+t),Wt=(e,t,s)=>{var r=Ye+t;if(s===null){e.removeAttribute(r);return}e.setAttribute(r,s)},ee=e=>w(e,et),R=(e,t)=>Wt(e,et,t),ne=e=>R(e,null),ve=e=>ee(e)===null,Jt=e=>ee(e)===ge,Zt=e=>ee(e)===be,me=e=>ee(e)===Xe,Kt=[ge,Ke,Qe,be],Qt=e=>Kt.indexOf(ee(e))>=0,T=(e,t,s,r)=>{if(!!e){if(r!==void 0){e(t,s,r);return}if(s!==void 0){e(t,s);return}e(t)}},G=(e,t)=>{if(je){e.classList.add(t);return}e.className+=(e.className?" ":"")+t},x=(e,t)=>{if(je){e.classList.remove(t);return}e.className=e.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},Xt=e=>{e.llTempImage=document.createElement("IMG")},Yt=e=>{delete e.llTempImage},tt=e=>e.llTempImage,ae=(e,t)=>{if(!t)return;const s=t._observer;!s||s.unobserve(e)},es=e=>{e.disconnect()},ts=(e,t,s)=>{t.unobserve_entered&&ae(e,s)},we=(e,t)=>{!e||(e.loadingCount+=t)},ss=e=>{!e||(e.toLoadCount-=1)},st=(e,t)=>{!e||(e.toLoadCount=t)},rs=e=>e.loadingCount>0,os=e=>e.toLoadCount>0,rt=e=>{let t=[];for(let s=0,r;r=e.children[s];s+=1)r.tagName==="SOURCE"&&t.push(r);return t},_e=(e,t)=>{const s=e.parentNode;if(!s||s.tagName!=="PICTURE")return;rt(s).forEach(t)},ot=(e,t)=>{rt(e).forEach(t)},ie=[L],nt=[L,Je],Q=[L,he,fe],at=[Ze],le=e=>!!e[Y],it=e=>e[Y],lt=e=>delete e[Y],j=(e,t)=>{if(le(e))return;const s={};t.forEach(r=>{s[r]=e.getAttribute(r)}),e[Y]=s},ns=e=>{le(e)||(e[Y]={backgroundImage:e.style.backgroundImage})},as=(e,t,s)=>{if(!s){e.removeAttribute(t);return}e.setAttribute(t,s)},F=(e,t)=>{if(!le(e))return;const s=it(e);t.forEach(r=>{as(e,r,s[r])})},is=e=>{if(!le(e))return;const t=it(e);e.style.backgroundImage=t.backgroundImage},ct=(e,t,s)=>{G(e,t.class_applied),R(e,Qe),s&&(t.unobserve_completed&&ae(e,t),T(t.callback_applied,e,s))},dt=(e,t,s)=>{G(e,t.class_loading),R(e,ge),s&&(we(s,1),T(t.callback_loading,e,s))},M=(e,t,s)=>{!s||e.setAttribute(t,s)},ze=(e,t)=>{M(e,fe,w(e,t.data_sizes)),M(e,he,w(e,t.data_srcset)),M(e,L,w(e,t.data_src))},ls=(e,t)=>{_e(e,s=>{j(s,Q),ze(s,t)}),j(e,Q),ze(e,t)},cs=(e,t)=>{j(e,ie),M(e,L,w(e,t.data_src))},ds=(e,t)=>{ot(e,s=>{j(s,ie),M(s,L,w(s,t.data_src))}),j(e,nt),M(e,Je,w(e,t.data_poster)),M(e,L,w(e,t.data_src)),e.load()},us=(e,t)=>{j(e,at),M(e,Ze,w(e,t.data_src))},ps=(e,t,s)=>{const r=w(e,t.data_bg),o=w(e,t.data_bg_hidpi),i=Ge&&o?o:r;!i||(e.style.backgroundImage=`url("${i}")`,tt(e).setAttribute(L,i),dt(e,t,s))},hs=(e,t,s)=>{const r=w(e,t.data_bg_multi),o=w(e,t.data_bg_multi_hidpi),i=Ge&&o?o:r;!i||(e.style.backgroundImage=i,ct(e,t,s))},fs=(e,t,s)=>{const r=w(e,t.data_bg_set);if(!r)return;const o=r.split("|");let i=o.map(a=>`image-set(${a})`);e.style.backgroundImage=i.join(),e.style.backgroundImage===""&&(i=o.map(a=>`-webkit-image-set(${a})`),e.style.backgroundImage=i.join()),ct(e,t,s)},ut={IMG:ls,IFRAME:cs,VIDEO:ds,OBJECT:us},gs=(e,t)=>{const s=ut[e.tagName];!s||s(e,t)},bs=(e,t,s)=>{const r=ut[e.tagName];!r||(r(e,t),dt(e,t,s))},vs=["IMG","IFRAME","VIDEO","OBJECT"],ms=e=>vs.indexOf(e.tagName)>-1,pt=(e,t)=>{t&&!rs(t)&&!os(t)&&T(e.callback_finish,t)},Oe=(e,t,s)=>{e.addEventListener(t,s),e.llEvLisnrs[t]=s},ws=(e,t,s)=>{e.removeEventListener(t,s)},ye=e=>!!e.llEvLisnrs,_s=(e,t,s)=>{ye(e)||(e.llEvLisnrs={});const r=e.tagName==="VIDEO"?"loadeddata":"load";Oe(e,r,t),Oe(e,"error",s)},de=e=>{if(!ye(e))return;const t=e.llEvLisnrs;for(let s in t){const r=t[s];ws(e,s,r)}delete e.llEvLisnrs},ht=(e,t,s)=>{Yt(e),we(s,-1),ss(s),x(e,t.class_loading),t.unobserve_completed&&ae(e,s)},ys=(e,t,s,r)=>{const o=me(t);ht(t,s,r),G(t,s.class_loaded),R(t,Ke),T(s.callback_loaded,t,r),o||pt(s,r)},ks=(e,t,s,r)=>{const o=me(t);ht(t,s,r),G(t,s.class_error),R(t,be),T(s.callback_error,t,r),s.restore_on_error&&F(t,Q),o||pt(s,r)},ke=(e,t,s)=>{const r=tt(e)||e;if(ye(r))return;_s(r,a=>{ys(a,e,t,s),de(r)},a=>{ks(a,e,t,s),de(r)})},Ss=(e,t,s)=>{Xt(e),ke(e,t,s),ns(e),ps(e,t,s),hs(e,t,s),fs(e,t,s)},xs=(e,t,s)=>{ke(e,t,s),bs(e,t,s)},Se=(e,t,s)=>{ms(e)?xs(e,t,s):Ss(e,t,s)},Es=(e,t,s)=>{e.setAttribute("loading","lazy"),ke(e,t,s),gs(e,t),R(e,Xe)},Ne=e=>{e.removeAttribute(L),e.removeAttribute(he),e.removeAttribute(fe)},Is=e=>{_e(e,t=>{Ne(t)}),Ne(e)},ft=e=>{_e(e,t=>{F(t,Q)}),F(e,Q)},Cs=e=>{ot(e,t=>{F(t,ie)}),F(e,nt),e.load()},$s=e=>{F(e,ie)},Ls=e=>{F(e,at)},As={IMG:ft,IFRAME:$s,VIDEO:Cs,OBJECT:Ls},zs=e=>{const t=As[e.tagName];if(!t){is(e);return}t(e)},Os=(e,t)=>{ve(e)||me(e)||(x(e,t.class_entered),x(e,t.class_exited),x(e,t.class_applied),x(e,t.class_loading),x(e,t.class_loaded),x(e,t.class_error))},Ns=(e,t)=>{zs(e),Os(e,t),ne(e),lt(e)},Ms=(e,t,s,r)=>{!s.cancel_on_exit||!Jt(e)||e.tagName==="IMG"&&(de(e),Is(e),ft(e),x(e,s.class_loading),we(r,-1),ne(e),T(s.callback_cancel,e,t,r))},Ps=(e,t,s,r)=>{const o=Qt(e);R(e,Gt),G(e,s.class_entered),x(e,s.class_exited),ts(e,s,r),T(s.callback_enter,e,t,r),!o&&Se(e,s,r)},Ts=(e,t,s,r)=>{ve(e)||(G(e,s.class_exited),Ms(e,t,s,r),T(s.callback_exit,e,t,r))},Ds=["IMG","IFRAME","VIDEO"],gt=e=>e.use_native&&"loading"in HTMLImageElement.prototype,Fs=(e,t,s)=>{e.forEach(r=>{Ds.indexOf(r.tagName)!==-1&&Es(r,t,s)}),st(s,0)},Rs=e=>e.isIntersecting||e.intersectionRatio>0,Vs=e=>({root:e.container===document?null:e.container,rootMargin:e.thresholds||e.threshold+"px"}),Us=(e,t,s)=>{e.forEach(r=>Rs(r)?Ps(r.target,r,t,s):Ts(r.target,r,t,s))},qs=(e,t)=>{t.forEach(s=>{e.observe(s)})},Bs=(e,t)=>{es(e),qs(e,t)},Hs=(e,t)=>{!He||gt(e)||(t._observer=new IntersectionObserver(s=>{Us(s,e,t)},Vs(e)))},bt=e=>Array.prototype.slice.call(e),oe=e=>e.container.querySelectorAll(e.elements_selector),js=e=>bt(e).filter(ve),Gs=e=>Zt(e),Ws=e=>bt(e).filter(Gs),Me=(e,t)=>js(e||oe(t)),Js=(e,t)=>{Ws(oe(e)).forEach(r=>{x(r,e.class_error),ne(r)}),t.update()},Zs=(e,t)=>{!P||(t._onlineHandler=()=>{Js(e,t)},window.addEventListener("online",t._onlineHandler))},Ks=e=>{!P||window.removeEventListener("online",e._onlineHandler)},te=function(e,t){const s=We(e);this._settings=s,this.loadingCount=0,Hs(s,this),Zs(s,this),this.update(t)};te.prototype={update:function(e){const t=this._settings,s=Me(e,t);if(st(this,s.length),Be||!He){this.loadAll(s);return}if(gt(t)){Fs(s,t,this);return}Bs(this._observer,s)},destroy:function(){this._observer&&this._observer.disconnect(),Ks(this),oe(this._settings).forEach(e=>{lt(e)}),delete this._observer,delete this._settings,delete this._onlineHandler,delete this.loadingCount,delete this.toLoadCount},loadAll:function(e){const t=this._settings;Me(e,t).forEach(r=>{ae(r,this),Se(r,t,this)})},restoreAll:function(){const e=this._settings;oe(e).forEach(t=>{Ns(t,e)})}};te.load=(e,t)=>{const s=We(t);Se(e,s)};te.resetStatus=e=>{ne(e)};P&&jt(te,window.lazyLoadOptions);function Qs(){let e=K;const t=f=>{e=f};let s=!1,r=!1,o=!1,i=[],a=0;const n=b("readonly"),l=b("preview-active"),p=g("div");_(p,"content");const c=g("div");_(c,"preview-mask"),c.onclick=function(k){r||k.target===c&&m(!1)},D(p,c);const h=g("div");_(h,"preview"),h.classList.add(b("tele-fancy-scrollbar")),h.onclick=function(k){var O;if(r)return;const I=(O=k.target.dataset)==null?void 0:O.pageIndex;I&&(k.preventDefault(),k.stopPropagation(),k.stopImmediatePropagation(),e(Number(I)),m(!1))},D(p,h);const v=new te({container:h,elements_selector:`.${b("preview-page>img")}`});function E(f){r!==f&&(r=f,p.classList.toggle(n,r))}function m(f){o!==f&&(o=f,p.classList.toggle(l,o))}function V(f){if(i!==f){i=f;const k=b("preview-page"),I=b("preview-page-name");i.forEach((O,U)=>{const W=String(U),d=g("a");d.className=k+" "+b(`preview-page-${U}`),d.href="#",d.dataset.pageIndex=W;const q=g("span");q.className=I,q.textContent=String(U+1),q.dataset.pageIndex=W;const B=g("img");B.width=O.width,B.height=O.height,B.src=O.thumbnail,B.alt=`page-${U}`,B.dataset.pageIndex=W,D(d,B),D(d,q),D(h,d)}),s||v.update()}}function A(f,k=!1){if(k||a!==f){a=f;const I=h.querySelector(`.${b(`preview-page-${a}`)}`);I&&h.scrollTo({top:I.offsetTop-16})}}function z(){s=!0,v.destroy()}function S(){return o}return{$content:p,$preview:h,set_readonly:E,set_active:m,get_active:S,set_pages:V,on_new_page_index:t,set_page_index:A,destroy:z}}const xe=class{constructor(t){u(this,"sideEffect",new Te);u(this,"events",new It);u(this,"$slide",Ce("div","slide"));u(this,"$overlay",Ce("div","overlay"));u(this,"sidebar",Qs());u(this,"footer",Bt());u(this,"$content");u(this,"$footer");u(this,"slide");u(this,"_readyPromise");u(this,"_infoPromise");u(this,"_ready",!1);u(this,"_slideCount",0);u(this,"_destroyed",!1);u(this,"_isFrozen",!1);u(this,"_cachedIsFrozen",!1);u(this,"onPlay",()=>{this.slide.nextStep()});u(this,"onNewPageIndex",t=>{this._ready&&t>=0&&t<this._slideCount?this.slide.renderSlide(t+1):this.setPage(this.slide.slideState.currentSlideIndex)});u(this,"onTogglePreview",()=>{this.sidebar.set_active(!this.sidebar.get_active())});this.$content=this.sidebar.$content,this.$footer=this.footer.$footer,D(this.$content,this.$slide),D(this.$content,this.$overlay),this.sidebar.on_new_page_index(this.onNewPageIndex),this.footer.on_new_page_index(this.onNewPageIndex),this.footer.on_toggle_preview(this.onTogglePreview),this.footer.on_play(this.onPlay),this.sideEffect.push(this.sidebar.destroy),this.sideEffect.push(()=>this.slide.destroy()),this.sideEffect.push(()=>{this.$content.parentElement&&this.$content.remove(),this.$footer.parentElement&&this.$footer.remove(),this.$slide.parentElement&&this.$slide.remove()}),this.sideEffect.push(Tt(n=>{this._destroyed||(n?this._cachedIsFrozen||this.unfreeze():(this._cachedIsFrozen=this._isFrozen,this.freeze()))}));const[s,r]=Le();this._infoPromise=s,xe.fetchSlideInfo(t).then(({preview:n,slide:l})=>{if(!this._destroyed){if(this._slideCount=l.slideCount,n){const{taskId:p,url:c}=t,{slideCount:h}=l,{width:v,height:E}=n,m=qe(p,c),V=Array.from({length:h},(A,z)=>({width:v,height:E,thumbnail:`${m}/preview/${z+1}.png`}));this.sidebar.set_pages(V),this.footer.set_sidebar(!0)}this.footer.set_page_count(l.slideCount),r(l)}}).catch(n=>{console.log("[Slide] fetch slide info error"),console.error(n),this.events.emit("prepareError",n)});const[i,a]=Le();this._readyPromise=i,this.slide=new re.Slide({anchor:this.$slide,mode:"local",interactive:!0,enableGlobalClick:!0,useLocalCache:!0,...t}),this.slide.setResource(t.taskId,t.url||ue),this.slide.on("slideChange",n=>{this._destroyed||this.setPage(n)}),this.slide.on("renderEnd",()=>{this._ready?this.$overlay.style.opacity="":setTimeout(()=>{this._ready=!0,a()},1e3)}),this.slide.on("renderError",n=>{this._destroyed||n.error&&(console.error(n.error),this.$overlay.textContent=`Error on slide.index=${n.index}: ${n.error.message}`,this.$overlay.style.opacity="1",this.events.emit("renderError",n))}),this.ready(()=>{this._isFrozen&&this.freeze()})}prepare(t){return this._infoPromise.then(t)}ready(t){return this._readyPromise.then(t)}destroy(){this._destroyed=!0,this.sideEffect.flushAll()}setReadonly(t){this.slide.setInteractive(!t),this.sidebar.set_readonly(t),this.footer.set_readonly(t)}setPage(t){this.sidebar.set_page_index(t-1,!0),this.footer.set_page_index(t-1,!0)}freeze(){this._destroyed||(this._isFrozen=!0,this._ready&&(this.slide.frozen(),this.events.emit("freeze")))}unfreeze(){this._destroyed||(this._isFrozen=!1,this._ready&&(this.slide.release(),this.events.emit("unfreeze")))}};let $=xe;u($,"styles",Dt),u($,"fetchSlideInfo",Pt);function Xs(e){return e.displayer.logger}const C=class{constructor(t){u(this,"info",t=>{C.roomLogger&&this.context?C.roomLogger.info(t+` (${this.context.appId})`):this.context?console.debug(t+` (${this.context.appId})`):console.debug(t)});this.context=t,t&&(C.active.add(t.appId),C.roomLogger=Xs(t))}destroy(){this.context&&C.active.delete(this.context.appId),C.active.size===0&&(C.roomLogger=null)}};let J=C;u(J,"active",new Set),u(J,"roomLogger",null);function Ys({context:e,storage:t,viewer:s,sideEffect:r,logger:o}){const i=o.info.bind(o);let a=null;s.prepare(({width:c,height:h,slideCount:v})=>{e.destroyed||(c&&e.box.setStageRatio(h/c),a=e.createWhiteBoardView({size:v}),a.setBaseRect({width:c,height:h}),p())});const{slide:n}=s;function l(c=t.state.state){return JSON.stringify(c)}function p(){if(t.state.state)i("[Slide] restore "+l()),n.setSlideState(t.state.state);else if(e.isAddApp)i("[Slide] kick start"),n.renderSlide(1);else{i("[Slide] wait for restore");const c=r.add(()=>{const v=setInterval(()=>{t.state.state||(i("[Slide] timeout"),n.renderSlide(1))},15e3);return()=>clearInterval(v)}),h=r.push(t.on("stateChanged",()=>{t.state.state&&(i("[Slide] restore "+l()),n.setSlideState(t.state.state),r.flush(h),r.flush(c))}))}}n.on("stateChange",()=>{e.isWritable&&t.setState({state:n.slideState})}),n.on("syncDispatch",c=>{e.isWritable&&(i("[Slide] dispatch "+l($e(c,"uuid"))),e.dispatchMagixEvent("syncDispatch",c))}),r.push(e.addMagixEventListener("syncDispatch",({payload:c})=>{i("[Slide] receive "+l($e(c,"uuid"))),n.emit("syncReceive",c)},{fireSelfEventAfterCommit:!0})),n.on("slideChange",c=>{e.isWritable&&a&&(i("[Slide] page to "+c),a.jumpPage(c-1))}),s.setReadonly(!e.isWritable),r.push(e.emitter.on("writableChange",c=>{s.setReadonly(!c)})),r.addEventListener(window,"keydown",c=>{e.box.focus&&((c.key==="ArrowUp"||c.key==="ArrowLeft")&&s.slide.prevStep(),(c.key==="ArrowRight"||c.key==="ArrowDown")&&s.slide.nextStep())})}function er(e){const{container:t,...s}=e,r=document.createElement("div");r.className="netless-app-slide-preview-wrapper";const o=new $(s);return r.appendChild(document.createElement("style")).textContent=$.styles,r.appendChild(o.$content),r.appendChild(o.$footer),t.appendChild(r),o.prepare(()=>o.slide.renderSlide(1)),o}const tr=re.Slide.usePlugin.bind(re.Slide),sr="0.3.0-canary.13",rr={kind:"Slide",setup(e){var n,l;console.log("[Slide] setup @ 0.3.0-canary.13 ("+e.appId+")");const t=new J(e);if(t.info("[Slide] setup @ 0.3.0-canary.13"),!e.attributes.taskId)throw new Error("[Slide] no taskId");const s=e.createStorage("slide",e.attributes),r=e.getAppOptions()||{},o=r.renderOptions||{},i=new Te,a=new $({interactive:!0,mode:"interactive",enableGlobalClick:!0,timestamp:Nt(e),logger:r.logger||t,renderOptions:{minFPS:o.minFPS||25,maxFPS:o.maxFPS||30,autoFPS:(n=o.autoFPS)!=null?n:!0,autoResolution:(l=o.autoResolution)!=null?l:!0,resolution:o.resolution,maxResolutionLevel:o.maxResolutionLevel,transactionBgColor:o.transactionBgColor||Ue(e.box.$content)},rtcAudio:r.rtcAudio,useLocalCache:r.useLocalCache,resourceTimeout:r.resourceTimeout,loaderDelegate:r.loaderDelegate,navigatorDelegate:r.navigatorDelegate,fixedFrameSize:r.fixedFrameSize,taskId:s.state.taskId,url:s.state.url});return Object.assign(a,{context:e,logger:t}),i.push(pe.set(e.appId,a)),i.push(a.events.on("freeze",()=>t.info("[Slide] freeze"))),i.push(a.events.on("unfreeze",()=>t.info("[Slide] unfreeze"))),i.push(a.events.on("prepareError",p=>t.info("[Slide] fetch slide info failed: "+p.message))),i.push(a.events.on("renderError",({error:p,index:c})=>t.info(`[Slide] render failed [${c}]: ${p.message}`))),e.box.mountStyles($.styles),e.box.mountStage(a.$slide),e.box.mountFooter(a.$footer),e.box.mountContent(a.$content),i.push(()=>a.destroy()),Ys({context:e,storage:s,viewer:a,sideEffect:i,logger:t}),e.emitter.on("destroy",()=>{t.info("[Slide] destroy"),t.destroy(),i.flushAll()}),a}};Object.defineProperty(exports,"Slide",{enumerable:!0,get:()=>re.Slide});exports.DefaultUrl=ue;exports.SlideViewer=$;exports.addHooks=Et;exports.default=rr;exports.previewSlide=er;exports.refrigerator=pe;exports.usePlugin=tr;exports.version=sr;
|
|
3
3
|
//# sourceMappingURL=main.js.map
|