@social-mail/social-mail-client 1.2.305 → 1.2.307

package/dist/admin/AdminAppIndex.pack.min.js

@@ -2125,7 +2125,7 @@ html, body {
         & > .hide {
             display: none;
         }
-    `.installGlobal("div[data-pinch-zoom]")}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/pinch-zoom-view-style");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","./styles/pinch-zoom-view-style"],(function(_export,_context){"use strict";var __decorate,__metadata,Bind,BindableProperty,XNode,AtomControl,PinchZoomView,center,distance;_export("default",void 0);return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_stylesPinchZoomViewStyle){}],execute:function(){center=ev=>{const touch=ev.touches[0];if(touch){return{x:touch.clientX,y:touch.clientY}}return{x:0,y:0}};distance=(first,second)=>Math.hypot(first.pageX-second.pageX,first.pageY-second.pageY);_export("default",PinchZoomView=class PinchZoomView extends AtomControl{preCreate(){this.element.title="Use mouse wheel to zoom";this.loading=false;this.zoom={scale:0,anchorX:0,anchorY:0,x:0,y:0};this.element.dataset.pinchZoom="true";this.render(XNode.create("div",null,XNode.create("div",{class:"image-container"},XNode.create("img",{src:Bind.oneWay((()=>this.getSource(this.source))),"style-opacity":Bind.oneWay((()=>this.loading?"0.3":"1")),"event-load":()=>{this.loading=false;this.updateZoom(this.zoom)}})),XNode.create("i",{class:Bind.oneWay((()=>this.loading?"spinner fa-duotone fa-spinner fa-spin":"hide"))}),XNode.create("i",{"event-click":()=>this.updateZoom(),class:Bind.oneWay((()=>this.zoom.scale?"scale fa-solid fa-arrows-minimize":"hide")),title:"Display entire image"})));this.imageContainer=this.element.firstElementChild;this.image=this.imageContainer.firstElementChild;const scrollView=this.element;let previous;let touchMoveDisposable;let touchEndDisposable;this.bindEvent(scrollView,"touchstart",(evs=>{previous=center(evs);let previousDistance=undefined;touchMoveDisposable!==null&&touchMoveDisposable!==void 0?touchMoveDisposable:touchMoveDisposable=this.bindEvent(scrollView,"touchmove",(ev=>{var _a;ev.preventDefault();(_a=ev.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(ev);let{x,y,anchorX,anchorY,scale}=this.zoom;if(ev.touches.length===2){const rect=this.element.getBoundingClientRect();const first=ev.touches[0];const second=ev.touches[1];anchorX=(first.clientX+second.clientX)/2-rect.left;anchorY=(first.clientY+second.clientY)/2-rect.top;const newScale=distance(first,second);if(previousDistance===void 0){previousDistance=newScale;return}if(previousDistance===newScale){return}scale+=newScale-previousDistance;previousDistance=newScale;this.updateZoom({anchorX,anchorY,x,y,scale});return}if(!previous){return}const cp=center(ev);x+=cp.x-previous.x;y+=cp.y-previous.y;previous=cp;this.updateZoom({anchorX,anchorY,x,y,scale})}));touchEndDisposable!==null&&touchEndDisposable!==void 0?touchEndDisposable:touchEndDisposable=this.bindEvent(scrollView,"touchend",(ev=>{touchMoveDisposable===null||touchMoveDisposable===void 0?void 0:touchMoveDisposable.dispose();touchEndDisposable===null||touchEndDisposable===void 0?void 0:touchEndDisposable.dispose();touchMoveDisposable=undefined;touchEndDisposable=undefined;previousDistance=undefined}))}));let mouseMoveDisposable;let mouseUpDisposable;this.bindEvent(scrollView,"mousedown",(ev=>{this.element.dataset.state="grabbing";previous={x:ev.clientX,y:ev.clientY};mouseMoveDisposable!==null&&mouseMoveDisposable!==void 0?mouseMoveDisposable:mouseMoveDisposable=this.bindEvent(scrollView,"mousemove",(e=>{var _a;e.preventDefault();(_a=e.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(e);const{anchorX,anchorY,scale}=this.zoom;let{x,y}=this.zoom;const cp={x:e.clientX,y:e.clientY};x+=cp.x-previous.x;y+=cp.y-previous.y;previous=cp;this.updateZoom({anchorX,anchorY,x,y,scale})}));mouseUpDisposable!==null&&mouseUpDisposable!==void 0?mouseUpDisposable:mouseUpDisposable=this.bindEvent(scrollView,"mouseup",(e=>{var _a;e.preventDefault();(_a=e.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(e);this.element.dataset.state="";previous=null;mouseMoveDisposable.dispose();mouseUpDisposable.dispose();mouseMoveDisposable=undefined;mouseUpDisposable=undefined}))}));this.bindEvent(scrollView,"wheel",(ev=>{var _a;const target=ev.currentTarget;ev.preventDefault();(_a=ev.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(ev);const newScale=this.zoom.scale-(ev.deltaY<0?-50:50);const anchorX=ev.offsetX;const anchorY=ev.offsetY;const{x,y}=this.zoom;this.updateZoom({anchorX,anchorY,x,y,scale:newScale<0?0:newScale})}),undefined,{passive:false})}getSource(text){if(text){this.loading=true}return text}updateZoom(zoom={x:0,y:0,anchorX:0,anchorY:0,scale:0}){const{anchorX,anchorY,x,y}=zoom;let{scale}=zoom;this.zoom=zoom;const image=this.image;if(!image.naturalHeight){return}const maxHeight=this.element.clientWidth>this.element.clientHeight;const s=maxHeight?this.element.clientWidth/image.naturalWidth:this.element.clientHeight/image.naturalHeight;if(scale<=0){scale=0}const newWidth=this.element.clientWidth+scale+"px";const newHeight=this.element.clientHeight+scale+"px";this.image.style.maxWidth=this.element.clientWidth+"px";this.image.style.maxHeight=this.element.clientHeight+"px";if(scale<=0){this.imageContainer.style.transform="";return}const clientWidth=this.element.clientWidth;const scaleFactor=(clientWidth+scale)/clientWidth;this.imageContainer.style.transformOrigin=`${anchorX}px ${anchorY}`;this.imageContainer.style.transform=`translate(${x}px, ${y}px) scale(${scaleFactor})`}});__decorate([BindableProperty,__metadata("design:type",Object)],PinchZoomView.prototype,"zoom",void 0);__decorate([BindableProperty,__metadata("design:type",String)],PinchZoomView.prototype,"source",void 0);__decorate([BindableProperty,__metadata("design:type",Boolean)],PinchZoomView.prototype,"loading",void 0)}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/PinchZoomView");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/PinchZoomView","../../../../../common/controls/buttons/IconButton","../../../../../common/apiPath"],(function(_export,_context){"use strict";var __awaiter,ContentPage,XNode,PinchZoomView,IconButton,apiPath,PreviewImage;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicPinchZoomView){PinchZoomView=_webAtomsWebControlsDistBasicPinchZoomView.default},function(_commonControlsButtonsIconButton){IconButton=_commonControlsButtonsIconButton.IconButton},function(_commonApiPath){apiPath=_commonApiPath.apiPath}],execute:function(){_export("default",PreviewImage=class PreviewImage extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{appFileID,fileContentID,name}=this.parameters;const pdf=apiPath(`/api/files/pdf/${appFileID}/${fileContentID}/${name}/${name}.pdf`);const download=apiPath(`/api/files/download/${appFileID}/${fileContentID}/${name}`);this.title=name;this.headerRenderer=()=>XNode.create("div",{"data-layout":"header-row"},XNode.create("a",{href:pdf,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-print",text:"Print"})),XNode.create("a",{href:download,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-download",text:"Download"})));const webp=/\.(jpg|png|jpeg|bmp)/i.test(name)?apiPath(`/api/files/download/${appFileID}/${fileContentID}/${name}`):apiPath(`/api/files/webp/${appFileID}/${fileContentID}/${name}/${name}.webp`);this.renderer=XNode.create("div",{"data-display":"grid","data-align-items":"stretch"},XNode.create(PinchZoomView,{source:webp}))}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/preview/image/PreviewImage");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/core/dist/core/XNode","../../../../../common/controls/buttons/IconButton","@web-atoms/core/dist/web/controls/AtomControl","../../../../../common/apiPath"],(function(_export,_context){"use strict";var __awaiter,ContentPage,FetchBuilder,XNode,IconButton,AtomControl,apiPath,PreviewDocument,renderHTML;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_commonControlsButtonsIconButton){IconButton=_commonControlsButtonsIconButton.IconButton},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_commonApiPath){apiPath=_commonApiPath.apiPath}],execute:function(){renderHTML=AtomControl.registerProperty("data-html","html",((c,e,value)=>{if(!value){e.innerHTML="";return}const html=value;const msg=document.createElement("div");msg.innerHTML=html;const shadow=e.attachShadow({mode:"open"});shadow.appendChild(msg);return}));_export("default",PreviewDocument=class PreviewDocument extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{appFileID,fileContentID,name}=this.parameters;const pdf=apiPath(`/api/files/pdf/${appFileID}/${fileContentID}/${name}/${name}.pdf`);const download=apiPath(`/api/files/download/${appFileID}/${fileContentID}/${name}`);this.title=name;this.headerRenderer=()=>XNode.create("div",{"data-layout":"header-row"},XNode.create("a",{href:pdf,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-print",text:"Print"})),XNode.create("a",{href:download,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-download",text:"Download"})));this.renderer=XNode.create("div",null,XNode.create("div",{text:"..."}));const html=yield FetchBuilder.get(apiPath(`/api/files/html/${appFileID}/${fileContentID}/${name}/${name}.html`)).responseAsText();this.renderer=XNode.create("div",{"style-overflow-y":"hidden"},XNode.create("div",{"data-position":"absolute-fill","data-overflow":"auto"},XNode.create("div",Object.assign({"data-margin-left":"auto","data-margin-right":"auto"},renderHTML(html)))))}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/preview/document/PreviewDocument");System.register(["tslib"],(function(_export,_context){"use strict";var __awaiter,Modules,modules,pendingModules;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter}],execute:function(){modules=new Map;pendingModules=new Map;window.pendingModules=pendingModules;_export("default",Modules=class Modules{static import(name){return __awaiter(this,void 0,void 0,(function*(){let m=modules.get(name);if(!m){m=new Promise(((resolve,reject)=>{const script=document.createElement("script");pendingModules.set(name,{resolve,reject,script});script.type="module";script.textContent=`\n                    import * as result from "${name}";\n                    const { resolve, script } = window.pendingModules.get("${name}");\n                    resolve(result);\n                    script.remove();\n                `;document.body.append(script)}));modules.set(name,m)}return m}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/Modules");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","../../../../../common/apiPath","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/core/Bind","../../../../../common/Modules","@web-atoms/core/dist/App"],(function(_export,_context){"use strict";var __awaiter,ContentPage,XNode,apiPath,styled,Bind,Modules,App,PreviewDocument,installStyleSheet;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_commonApiPath){apiPath=_commonApiPath.apiPath},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_commonModules){Modules=_commonModules.default},function(_webAtomsCoreDistApp){App=_webAtomsCoreDistApp.App}],execute:function(){styled.css`
+    `.installGlobal("div[data-pinch-zoom]")}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/pinch-zoom-view-style");System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","./styles/pinch-zoom-view-style"],(function(_export,_context){"use strict";var __decorate,__metadata,Bind,BindableProperty,XNode,AtomControl,PinchZoomView,center,distance;_export("default",void 0);return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_stylesPinchZoomViewStyle){}],execute:function(){center=ev=>{const touch=ev.touches[0];if(touch){return{x:touch.clientX,y:touch.clientY}}return{x:0,y:0}};distance=(first,second)=>Math.hypot(first.pageX-second.pageX,first.pageY-second.pageY);_export("default",PinchZoomView=class PinchZoomView extends AtomControl{preCreate(){this.element.title="Use mouse wheel to zoom";this.loading=false;this.zoom={scale:0,anchorX:0,anchorY:0,x:0,y:0};this.element.dataset.pinchZoom="true";this.render(XNode.create("div",null,XNode.create("div",{class:"image-container"},XNode.create("img",{src:Bind.oneWay((()=>this.getSource(this.source))),"style-opacity":Bind.oneWay((()=>this.loading?"0.3":"1")),"event-load":()=>{this.loading=false;this.updateZoom(this.zoom)}})),XNode.create("i",{class:Bind.oneWay((()=>this.loading?"spinner fa-duotone fa-spinner fa-spin":"hide"))}),XNode.create("i",{"event-click":()=>this.updateZoom(),class:Bind.oneWay((()=>this.zoom.scale?"scale fa-solid fa-arrows-minimize":"hide")),title:"Display entire image"})));this.imageContainer=this.element.firstElementChild;this.image=this.imageContainer.firstElementChild;const scrollView=this.element;let previous;let touchMoveDisposable;let touchEndDisposable;this.bindEvent(scrollView,"touchstart",(evs=>{previous=center(evs);let previousDistance=undefined;touchMoveDisposable!==null&&touchMoveDisposable!==void 0?touchMoveDisposable:touchMoveDisposable=this.bindEvent(scrollView,"touchmove",(ev=>{var _a;ev.preventDefault();(_a=ev.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(ev);let{x,y,anchorX,anchorY,scale}=this.zoom;if(ev.touches.length===2){const rect=this.element.getBoundingClientRect();const first=ev.touches[0];const second=ev.touches[1];anchorX=(first.clientX+second.clientX)/2-rect.left;anchorY=(first.clientY+second.clientY)/2-rect.top;const newScale=distance(first,second);if(previousDistance===void 0){previousDistance=newScale;return}if(previousDistance===newScale){return}scale+=newScale-previousDistance;previousDistance=newScale;this.updateZoom({anchorX,anchorY,x,y,scale});return}if(!previous){return}const cp=center(ev);x+=cp.x-previous.x;y+=cp.y-previous.y;previous=cp;this.updateZoom({anchorX,anchorY,x,y,scale})}));touchEndDisposable!==null&&touchEndDisposable!==void 0?touchEndDisposable:touchEndDisposable=this.bindEvent(scrollView,"touchend",(ev=>{touchMoveDisposable===null||touchMoveDisposable===void 0?void 0:touchMoveDisposable.dispose();touchEndDisposable===null||touchEndDisposable===void 0?void 0:touchEndDisposable.dispose();touchMoveDisposable=undefined;touchEndDisposable=undefined;previousDistance=undefined}))}));let mouseMoveDisposable;let mouseUpDisposable;this.bindEvent(scrollView,"mousedown",(ev=>{this.element.dataset.state="grabbing";previous={x:ev.clientX,y:ev.clientY};mouseMoveDisposable!==null&&mouseMoveDisposable!==void 0?mouseMoveDisposable:mouseMoveDisposable=this.bindEvent(scrollView,"mousemove",(e=>{var _a;e.preventDefault();(_a=e.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(e);const{anchorX,anchorY,scale}=this.zoom;let{x,y}=this.zoom;const cp={x:e.clientX,y:e.clientY};x+=cp.x-previous.x;y+=cp.y-previous.y;previous=cp;this.updateZoom({anchorX,anchorY,x,y,scale})}));mouseUpDisposable!==null&&mouseUpDisposable!==void 0?mouseUpDisposable:mouseUpDisposable=this.bindEvent(scrollView,"mouseup",(e=>{var _a;e.preventDefault();(_a=e.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(e);this.element.dataset.state="";previous=null;mouseMoveDisposable.dispose();mouseUpDisposable.dispose();mouseMoveDisposable=undefined;mouseUpDisposable=undefined}))}));this.bindEvent(scrollView,"wheel",(ev=>{var _a;const target=ev.currentTarget;ev.preventDefault();(_a=ev.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(ev);const newScale=this.zoom.scale-(ev.deltaY<0?-50:50);const anchorX=ev.offsetX;const anchorY=ev.offsetY;const{x,y}=this.zoom;this.updateZoom({anchorX,anchorY,x,y,scale:newScale<0?0:newScale})}),undefined,{passive:false})}getSource(text){if(text){this.loading=true}return text}updateZoom(zoom={x:0,y:0,anchorX:0,anchorY:0,scale:0}){const{anchorX,anchorY,x,y}=zoom;let{scale}=zoom;this.zoom=zoom;const image=this.image;if(!image.naturalHeight){return}const maxHeight=this.element.clientWidth>this.element.clientHeight;const s=maxHeight?this.element.clientWidth/image.naturalWidth:this.element.clientHeight/image.naturalHeight;if(scale<=0){scale=0}const newWidth=this.element.clientWidth+scale+"px";const newHeight=this.element.clientHeight+scale+"px";this.image.style.maxWidth=this.element.clientWidth+"px";this.image.style.maxHeight=this.element.clientHeight+"px";if(scale<=0){this.imageContainer.style.transform="";return}const clientWidth=this.element.clientWidth;const scaleFactor=(clientWidth+scale)/clientWidth;this.imageContainer.style.transformOrigin=`${anchorX}px ${anchorY}`;this.imageContainer.style.transform=`translate(${x}px, ${y}px) scale(${scaleFactor})`}});__decorate([BindableProperty,__metadata("design:type",Object)],PinchZoomView.prototype,"zoom",void 0);__decorate([BindableProperty,__metadata("design:type",String)],PinchZoomView.prototype,"source",void 0);__decorate([BindableProperty,__metadata("design:type",Boolean)],PinchZoomView.prototype,"loading",void 0)}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/PinchZoomView");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/PinchZoomView","../../../../../common/controls/buttons/IconButton","../../../../../common/apiPath"],(function(_export,_context){"use strict";var __awaiter,ContentPage,XNode,PinchZoomView,IconButton,apiPath,PreviewImage;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistBasicPinchZoomView){PinchZoomView=_webAtomsWebControlsDistBasicPinchZoomView.default},function(_commonControlsButtonsIconButton){IconButton=_commonControlsButtonsIconButton.IconButton},function(_commonApiPath){apiPath=_commonApiPath.apiPath}],execute:function(){_export("default",PreviewImage=class PreviewImage extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{appFileID,fileContentID,name}=this.parameters;const pdf=apiPath(`/api/files/pdf/${appFileID}/${fileContentID}/${name}/${name}.pdf`);const download=apiPath(`/api/files/download/${appFileID}/${fileContentID}/${name}`);this.title=name;this.headerRenderer=()=>XNode.create("div",{"data-layout":"header-row"},XNode.create("a",{href:pdf,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-print",text:"Print"})),XNode.create("a",{href:download,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-download",text:"Download"})));const webp=/\.(jpg|png|jpeg|bmp)/i.test(name)?apiPath(`/api/files/download/${appFileID}/${fileContentID}/${name}`):apiPath(`/api/files/webp/${appFileID}/${fileContentID}/${name}/${name}.webp`);this.renderer=XNode.create("div",{"data-display":"grid","data-align-items":"stretch"},XNode.create(PinchZoomView,{source:webp}))}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/preview/image/PreviewImage");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/core/dist/core/XNode","../../../../../common/controls/buttons/IconButton","@web-atoms/core/dist/web/controls/AtomControl","../../../../../common/apiPath"],(function(_export,_context){"use strict";var __awaiter,ContentPage,FetchBuilder,XNode,IconButton,AtomControl,apiPath,PreviewDocument,renderHTML;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistServicesFetchBuilder){FetchBuilder=_webAtomsCoreDistServicesFetchBuilder.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_commonControlsButtonsIconButton){IconButton=_commonControlsButtonsIconButton.IconButton},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_commonApiPath){apiPath=_commonApiPath.apiPath}],execute:function(){renderHTML=AtomControl.registerProperty("data-html","html",((c,e,value)=>{if(!value){e.innerHTML="";return}const html=value;const msg=document.createElement("div");msg.innerHTML=html;const shadow=e.attachShadow({mode:"open"});shadow.appendChild(msg);return}));_export("default",PreviewDocument=class PreviewDocument extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{appFileID,fileContentID,name}=this.parameters;const pdf=apiPath(`/api/files/pdf/${appFileID}/${fileContentID}/${name}/${name}.pdf`);const download=apiPath(`/api/files/download/${appFileID}/${fileContentID}/${name}`);this.title=name;this.headerRenderer=()=>XNode.create("div",{"data-layout":"header-row"},XNode.create("a",{href:pdf,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-print",text:"Print"})),XNode.create("a",{href:download,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-download",text:"Download"})));this.renderer=XNode.create("div",null,XNode.create("div",{text:"..."}));const html=yield FetchBuilder.get(apiPath(`/api/files/html/${appFileID}/${fileContentID}/${name}/${name}.html`)).responseAsText();this.renderer=XNode.create("div",{"style-overflow-y":"hidden"},XNode.create("div",{"data-position":"absolute-fill","data-overflow":"auto"},XNode.create("div",Object.assign({"data-margin-left":"auto","data-margin-right":"auto"},renderHTML(html)))))}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/preview/document/PreviewDocument");System.register(["tslib"],(function(_export,_context){"use strict";var __awaiter,Modules,modules,pendingModules;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter}],execute:function(){modules=new Map;pendingModules=new Map;window.pendingModules=pendingModules;_export("default",Modules=class Modules{static import(name){return __awaiter(this,void 0,void 0,(function*(){let m=modules.get(name);if(!m){m=new Promise(((resolve,reject)=>{const script=document.createElement("script");pendingModules.set(name,{resolve,reject,script});script.type="module";script.textContent=`\n                    import * as result from "${name}";\n                    const { resolve, script } = window.pendingModules.get("${name}");\n                    resolve(result);\n                    script.remove();\n                `;document.body.append(script)}));modules.set(name,m)}return m}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/Modules");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","../../../../../common/controls/buttons/IconButton","../../../../../common/apiPath","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/core/Bind","../../../../../common/Modules","@web-atoms/core/dist/App","@web-atoms/web-controls/dist/basic/Form","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/basic/PasswordBox"],(function(_export,_context){"use strict";var __awaiter,ContentPage,XNode,IconButton,apiPath,styled,Bind,Modules,App,Form,FormField,PasswordBox,PreviewDocument,installStyleSheet;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_commonControlsButtonsIconButton){IconButton=_commonControlsButtonsIconButton.IconButton},function(_commonApiPath){apiPath=_commonApiPath.apiPath},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_commonModules){Modules=_commonModules.default},function(_webAtomsCoreDistApp){App=_webAtomsCoreDistApp.App},function(_webAtomsWebControlsDistBasicForm){Form=_webAtomsWebControlsDistBasicForm.default},function(_webAtomsWebControlsDistBasicFormField){FormField=_webAtomsWebControlsDistBasicFormField.default},function(_webAtomsWebControlsDistBasicPasswordBox){PasswordBox=_webAtomsWebControlsDistBasicPasswordBox.default}],execute:function(){styled.css`
     display: grid;
     width: 100%;
     height: 100%;
@@ -2195,6 +2195,10 @@ html, body {
                 left: 10px;
                 top: 10px;
             }
+            & > * {
+                left: 10px;
+                top: 10px;
+            }
         }
     }
 
@@ -2257,7 +2261,7 @@ html, body {
         }
     }
 
-`.installGlobal("div > .pdf-frame");installStyleSheet=()=>{App.installStyleSheet("https://cdn.jsdelivr.net/npm/pdfjs-dist@4.4.168/web/pdf_viewer.css");installStyleSheet=null};_export("default",PreviewDocument=class PreviewDocument extends ContentPage{constructor(){super(...arguments);this.scale=1}init(){return __awaiter(this,void 0,void 0,(function*(){installStyleSheet===null||installStyleSheet===void 0?void 0:installStyleSheet();const{appFileID,fileContentID,name}=this.parameters;const pdf=apiPath(`/api/files/pdf/${appFileID}/${fileContentID}/${name}/${name}.pdf`);const downloadUrl=apiPath(`/api/files/download/${appFileID}/${fileContentID}/${name}`);this.observer=new IntersectionObserver((entries=>this.updateEntries(entries)),{root:this.element});this.registerDisposable({dispose:()=>this.observer.disconnect()});yield Modules.import("https://mozilla.github.io/pdf.js/build/pdf.mjs");const{pdfjsLib}=globalThis;pdfjsLib.GlobalWorkerOptions.workerSrc="https://mozilla.github.io/pdf.js/build/pdf.worker.mjs";const pdfDoc=yield pdfjsLib.getDocument(pdf).promise;this.renderer=XNode.create("div",null,XNode.create("div",{class:"pdf-frame"},XNode.create("div",{class:"preview"}),XNode.create("div",{class:"viewer"}),XNode.create("div",{class:"toolbar"},XNode.create("div",{class:"left"}),XNode.create("div",{class:"middle"},XNode.create("i",{class:"fas fa-minus","event-click":()=>this.changeScale(-.1)}),XNode.create("div",{class:"scale",text:Bind.oneWay((()=>(this.scale*100).toFixed(0)+"%"))}),XNode.create("i",{class:"fas fa-plus","event-click":()=>this.changeScale(.1)})),XNode.create("div",{class:"right"},XNode.create("a",{href:downloadUrl,target:"_blank",title:"Download"},XNode.create("i",{class:"fas fa-download"})),XNode.create("a",{href:pdf,target:"_blank",title:"Print"},XNode.create("i",{class:"fas fa-print"}))))));const viewer=this.viewer=this.element.querySelector(".viewer");const preview=this.preview=this.element.querySelector(".preview");const firstPage=yield pdfDoc.getPage(1);this.firstPage=firstPage;const{scale}=this;const viewport=firstPage.getViewport({scale});const previewViewPort=firstPage.getViewport({scale:.3});const scaleText=scale.toFixed(2);const width=viewport.width+"px";const height=viewport.height+"px";const previewWidth=previewViewPort.width+"px";const previewHeight=previewViewPort.height+"px";for(let i=1;i<=pdfDoc.numPages;i++){const fullView=document.createElement("pdf-page");fullView.pdfDoc=pdfDoc;fullView.index=i;fullView.TextLayer=pdfjsLib.TextLayer;fullView.setAttribute("scale",scaleText);fullView.style.setProperty("--scale-factor",scaleText);fullView.style.minWidth=width;fullView.style.minHeight=height;viewer.appendChild(fullView);this.observer.observe(fullView);this.queueRenderPage(fullView);const thumbnail=document.createElement("pdf-page");thumbnail.pdfDoc=pdfDoc;thumbnail.index=i;thumbnail.fullView=fullView;thumbnail.style.minWidth=previewWidth;thumbnail.style.minHeight=previewHeight;thumbnail.setAttribute("scale","0.3");thumbnail.setAttribute("preview","true");preview.appendChild(thumbnail);this.observer.observe(thumbnail)}this.bindEvent(this.element,"click",(e=>{let start=e.target;while(start){const fullView=start.fullView;if(fullView){fullView.scrollIntoView({behavior:"smooth",block:"nearest"});return}start=start.parentElement}}));setTimeout((()=>this.updatePages()),100)}))}updateEntries(entries){for(const{target,isIntersecting}of entries){const te=target;if(isIntersecting){te.removeAttribute("hidden")}else{te.setAttribute("hidden","true")}this.queueRenderPage(te)}}changeScale(a){const scale=this.scale+=a;const viewport=this.firstPage.getViewport({scale});const width=viewport.width+"px";const height=viewport.height+"px";const scaleText=scale.toFixed(2);let page=this.viewer.firstElementChild;while(page){page.style.minWidth=width;page.style.minHeight=height;page.setAttribute("scale",scaleText);page=page.nextElementSibling}setTimeout((()=>this.updatePages()),100)}updatePages(){let page=this.viewer.firstElementChild;while(page){this.queueRenderPage(page);page=page.nextElementSibling}this.viewer.setAttribute("align-left",this.viewer.scrollWidth>this.viewer.offsetWidth?"true":"false")}focusPage(page){while(page){const{fullView}=page;if(fullView){fullView.scrollIntoView({behavior:"smooth",block:"nearest"});return}page=page.parentElement}}queueRenderPage(pageElement){const{lastTimer}=pageElement;if(lastTimer){clearTimeout(lastTimer)}pageElement.lastTimer=setTimeout((()=>{var _a;var _b;return((_a=(_b=pageElement).lastPromise)!==null&&_a!==void 0?_a:_b.lastPromise=this.renderPage(pageElement)).then((()=>pageElement.lastPromise=null),console.error)}),100)}renderPage(pageElement){return __awaiter(this,void 0,void 0,(function*(){pageElement.innerHTML="";if(pageElement.hasAttribute("hidden")){return}const canvas=document.createElement("canvas");const{index,pdfDoc,TextLayer}=pageElement;const page=yield pdfDoc.getPage(index);const canvasContext=canvas.getContext("2d");const scale=Number(pageElement.getAttribute("scale")||"0.5");const viewport=page.getViewport({scale});canvas.width=viewport.width;canvas.height=viewport.height;yield page.render({canvasContext,viewport}).promise;pageElement.appendChild(canvas);if(!TextLayer){return}const textLayerDiv=document.createElement("div");textLayerDiv.className="textLayer";textLayerDiv.style.setProperty("--scale-factor",scale.toFixed(2));const textContentSource=yield page.streamTextContent();const textLayer=new TextLayer({textContentSource,container:textLayerDiv,viewport});textLayer.render();pageElement.appendChild(textLayerDiv)}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/preview/document/PreviewPDF");System.register(["tslib","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,AtomBinder,Bind,BindableProperty,XNode,AtomControl,ChildEnumerator,styled,AtomVideoPlayer,isTouchEnabled,gatherElements,numberToText,durationText,noSoundIcon,mute,low,mid,high,getPlayIcon;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsCoreDistWebCoreAtomUI){ChildEnumerator=_webAtomsCoreDistWebCoreAtomUI.ChildEnumerator},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){isTouchEnabled=/android|iPhone|iPad/i.test(navigator.userAgent);styled.css`
+`.installGlobal("div > .pdf-frame");installStyleSheet=()=>{App.installStyleSheet("https://cdn.jsdelivr.net/npm/pdfjs-dist@4.4.168/web/pdf_viewer.css");installStyleSheet=null};_export("default",PreviewDocument=class PreviewDocument extends ContentPage{constructor(){super(...arguments);this.scale=1;this.password=""}init(){return __awaiter(this,void 0,void 0,(function*(){installStyleSheet===null||installStyleSheet===void 0?void 0:installStyleSheet();const{appFileID,fileContentID,name}=this.parameters;this.title=name;const pdf=apiPath(`/api/files/pdf/${appFileID}/${fileContentID}/${name}/${name}.pdf`);const downloadUrl=apiPath(`/api/files/download/${appFileID}/${fileContentID}/${name}`);this.observer=new IntersectionObserver((entries=>this.updateEntries(entries)),{root:this.element});this.registerDisposable({dispose:()=>this.observer.disconnect()});yield Modules.import("https://mozilla.github.io/pdf.js/build/pdf.mjs");const{pdfjsLib}=globalThis;pdfjsLib.GlobalWorkerOptions.workerSrc="https://mozilla.github.io/pdf.js/build/pdf.worker.mjs";const loaderTask=pdfjsLib.getDocument(pdf);let tries=0;loaderTask.onPassword=(callback,reason)=>{console.log(reason);tries++;if(tries>3){this.renderer=XNode.create("div",null,XNode.create("div",{"data-layout":"center-page-900px"},"Failed..."));return}this.renderer=XNode.create("div",null,XNode.create("div",{"data-layout":"center-page-900px"},XNode.create(Form,{"event-submit-form":()=>{const password=this.password;this.password="";callback(password)}},XNode.create("div",null,XNode.create("h4",{text:reason?"Invalid Password, try again.":"Password is required to view this document."})),XNode.create(FormField,{label:"Password"},XNode.create(PasswordBox,{type:"password",autofocus:true,value:Bind.twoWaysImmediate((()=>this.password))})),XNode.create("div",null,XNode.create(IconButton,{type:"submit",disabled:Bind.oneWay((()=>!this.password)),text:"Open"})))))};const pdfDoc=yield loaderTask.promise;this.renderer=XNode.create("div",null,XNode.create("div",{class:"pdf-frame"},XNode.create("div",{class:"preview"}),XNode.create("div",{class:"viewer"}),XNode.create("div",{class:"toolbar"},XNode.create("div",{class:"left"}),XNode.create("div",{class:"middle"},XNode.create("i",{class:"fas fa-minus","event-click":()=>this.changeScale(-.1)}),XNode.create("div",{class:"scale",text:Bind.oneWay((()=>(this.scale*100).toFixed(0)+"%"))}),XNode.create("i",{class:"fas fa-plus","event-click":()=>this.changeScale(.1)})),XNode.create("div",{class:"right"},XNode.create("a",{href:downloadUrl,target:"_blank",title:"Download"},XNode.create("i",{class:"fas fa-download"})),XNode.create("a",{href:pdf,target:"_blank",title:"Print"},XNode.create("i",{class:"fas fa-print"}))))));const viewer=this.viewer=this.element.querySelector(".viewer");const preview=this.preview=this.element.querySelector(".preview");const firstPage=yield pdfDoc.getPage(1);this.firstPage=firstPage;const{scale}=this;const viewport=firstPage.getViewport({scale});const previewViewPort=firstPage.getViewport({scale:.3});const scaleText=scale.toFixed(2);const width=viewport.width+"px";const height=viewport.height+"px";const previewWidth=previewViewPort.width+"px";const previewHeight=previewViewPort.height+"px";for(let i=1;i<=pdfDoc.numPages;i++){const fullView=document.createElement("pdf-page");fullView.pdfDoc=pdfDoc;fullView.index=i;fullView.TextLayer=pdfjsLib.TextLayer;fullView.setAttribute("scale",scaleText);fullView.style.setProperty("--scale-factor",scaleText);fullView.style.minWidth=width;fullView.style.minHeight=height;viewer.appendChild(fullView);this.observer.observe(fullView);this.queueRenderPage(fullView);const thumbnail=document.createElement("pdf-page");thumbnail.pdfDoc=pdfDoc;thumbnail.index=i;thumbnail.fullView=fullView;thumbnail.style.minWidth=previewWidth;thumbnail.style.minHeight=previewHeight;thumbnail.setAttribute("scale","0.3");thumbnail.setAttribute("preview","true");preview.appendChild(thumbnail);this.observer.observe(thumbnail)}this.bindEvent(this.element,"click",(e=>{let start=e.target;while(start){const fullView=start.fullView;if(fullView){fullView.scrollIntoView({behavior:"smooth",block:"nearest"});return}start=start.parentElement}}));setTimeout((()=>this.updatePages()),100)}))}updateEntries(entries){for(const{target,isIntersecting}of entries){const te=target;if(isIntersecting){te.removeAttribute("hidden")}else{te.setAttribute("hidden","true")}this.queueRenderPage(te)}}changeScale(a){const scale=this.scale+=a;const viewport=this.firstPage.getViewport({scale});const width=viewport.width+"px";const height=viewport.height+"px";const scaleText=scale.toFixed(2);let page=this.viewer.firstElementChild;while(page){page.style.minWidth=width;page.style.minHeight=height;page.setAttribute("scale",scaleText);page=page.nextElementSibling}setTimeout((()=>this.updatePages()),100)}updatePages(){let page=this.viewer.firstElementChild;while(page){this.queueRenderPage(page);page=page.nextElementSibling}this.viewer.setAttribute("align-left",this.viewer.scrollWidth>this.viewer.offsetWidth?"true":"false")}focusPage(page){while(page){const{fullView}=page;if(fullView){fullView.scrollIntoView({behavior:"smooth",block:"nearest"});return}page=page.parentElement}}queueRenderPage(pageElement){const{lastTimer}=pageElement;if(lastTimer){clearTimeout(lastTimer)}pageElement.lastTimer=setTimeout((()=>{var _a;var _b;return((_a=(_b=pageElement).lastPromise)!==null&&_a!==void 0?_a:_b.lastPromise=this.renderPage(pageElement)).then((()=>pageElement.lastPromise=null),console.error)}),100)}renderPage(pageElement){return __awaiter(this,void 0,void 0,(function*(){pageElement.innerHTML="";if(pageElement.hasAttribute("hidden")){return}const canvas=document.createElement("canvas");const{index,pdfDoc,TextLayer}=pageElement;const page=yield pdfDoc.getPage(index);const canvasContext=canvas.getContext("2d");const scale=Number(pageElement.getAttribute("scale")||"0.5");const viewport=page.getViewport({scale});canvas.width=viewport.width;canvas.height=viewport.height;yield page.render({canvasContext,viewport}).promise;pageElement.appendChild(canvas);if(!TextLayer){return}const textLayerDiv=document.createElement("div");textLayerDiv.className="textLayer";textLayerDiv.style.setProperty("--scale-factor",scale.toFixed(2));const textContentSource=yield page.streamTextContent();const textLayer=new TextLayer({textContentSource,container:textLayerDiv,viewport});textLayer.render();pageElement.appendChild(textLayerDiv)}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/preview/document/PreviewPDF");System.register(["tslib","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,AtomBinder,Bind,BindableProperty,XNode,AtomControl,ChildEnumerator,styled,AtomVideoPlayer,isTouchEnabled,gatherElements,numberToText,durationText,noSoundIcon,mute,low,mid,high,getPlayIcon;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsCoreDistWebCoreAtomUI){ChildEnumerator=_webAtomsCoreDistWebCoreAtomUI.ChildEnumerator},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){isTouchEnabled=/android|iPhone|iPad/i.test(navigator.userAgent);styled.css`
 
     display: grid;
     grid-template-rows: auto 1fr auto auto auto;