@social-mail/social-mail-client 1.4.2 → 1.4.4

package/dist/web/AppIndex.pack.min.js

@@ -1399,7 +1399,7 @@ and limitations under the License.
         white-space: pre-wrap;
         overflow-wrap: break-word;
     }
-`.installLocal();_export("default",MailDetailPage=class MailDetailPage extends PopupWindowPage{init(){var _a;return __awaiter(this,void 0,void 0,(function*(){const model=this.parameters;this.renderer=XNode.create("div",null,XNode.create("div",null,"Fetching... this might take longer based on size of the email..."));this.title=model.subject;const text=yield this.mailService.raw(model);let from;const to=[];const cc=[];const bcc=[];(_a=model.recipients)!==null&&_a!==void 0?_a:model.recipients=[];for(const iterator of model.recipients){switch(iterator.type.toLocaleLowerCase()){case"to":if(to.length){to.push(XNode.create("span",{text:", "}))}to.push(displayRecipient(iterator));break;case"cc":if(cc.length){cc.push(XNode.create("span",{text:", "}))}cc.push(displayRecipient(iterator));break;case"bcc":if(bcc.length){bcc.push(XNode.create("span",{text:", "}))}bcc.push(displayRecipient(iterator));break;case"from":from=displayRecipient(iterator);break}}if(!from){from=displayRecipient(EmailRecipient.create({name:model.senderEmail.name,emailAddress:model.senderEmail}))}this.headerRenderer=()=>{var _a;return XNode.create("div",{"data-padding":"auto"},XNode.create("table",null,from&&XNode.create("tr",null,XNode.create("td",null,"From:"),XNode.create("td",null,from)),to.length&&XNode.create("tr",null,XNode.create("td",null,"To:"),XNode.create("td",null,...to)),cc.length&&XNode.create("tr",null,XNode.create("td",null,"Cc:"),XNode.create("td",null,...cc)),bcc.length&&XNode.create("tr",null,XNode.create("td",null,"Bcc:"),XNode.create("td",null,...bcc)),XNode.create("tr",null,XNode.create("td",null,"Subject:"),XNode.create("td",null,model.subject)),XNode.create("tr",null,XNode.create("td",null,"Date:"),XNode.create("td",null,DateFormats.withWeekDayAndTime((_a=model.dateReceived)!==null&&_a!==void 0?_a:model.dateCreated)))))};this.renderer=XNode.create("div",{class:css,"data-padding":"auto"},XNode.create("pre",null,...text.split("\n").map((x=>[x,XNode.create("br",null)])).flat()))}))}});__decorate([InjectProperty,__metadata("design:type",MailService)],MailDetailPage.prototype,"mailService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/mails/detail/MailDetailPage");System.register([],(function(_export,_context){"use strict";var FileUrlService;return{setters:[],execute:function(){_export("FileUrlService",FileUrlService={downloadUrl(file){const url=file.url;return url.replace("/view/","/download/")},webP(file,size=300){const url=file.url;return url.replace("/view/",`/webp(${300})/`)+`.${size}.webp`},webM(file){const url=file.url;return url.replace("/view/",`/webm/`)+`.webm`},webMBranded(file){const url=file.url;return url.replace("/view/",`/webm-branded/`)+`.branded.webm`}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/FileUrlService");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","../../NumberFormats","../../../web/commands/AppCommands","@social-mail/social-mail-client/content/images/icons/audio.svg","../../FileUrlService"],(function(_export,_context){"use strict";var XNode,styled,toFileSize,AppCommands,audioIcon,FileUrlService;function FilePreview(a){const size=a.fileSize&&toFileSize(a.fileSize);const{emailID,appFileID,name,fileContentID}=a;let src=FileUrlService.webP(a,300);if(/^audio\//i.test(a.contentType)){src=audioIcon}const command=AppCommands.getPreviewCommand(a);if(command){return XNode.create("a",{href:command.displayRoute({emailID,appFileID,name,fileContentID}),"data-click-event":"route",title:size?`${name} (${size})`:name,"data-file-preview":"file-preview"},XNode.create("img",{"data-element":"preview",src}),XNode.create("label",{"data-element":"file-name"},name))}return XNode.create("a",{href:FileUrlService.downloadUrl(a),title:size?`${name} (${size})`:name,target:"_blank","data-file-preview":"attachment"},XNode.create("i",{class:"fas fa-paperclip"}),XNode.create("label",{"data-element":"file-name"},name))}_export("default",FilePreview);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_NumberFormats){toFileSize=_NumberFormats.toFileSize},function(_webCommandsAppCommands){AppCommands=_webCommandsAppCommands.default},function(_socialMailSocialMailClientContentImagesIconsAudioSvg){audioIcon=_socialMailSocialMailClientContentImagesIconsAudioSvg.default},function(_FileUrlService){FileUrlService=_FileUrlService.FileUrlService}],execute:function(){styled.css`
+`.installLocal();_export("default",MailDetailPage=class MailDetailPage extends PopupWindowPage{init(){var _a;return __awaiter(this,void 0,void 0,(function*(){const model=this.parameters;this.renderer=XNode.create("div",null,XNode.create("div",null,"Fetching... this might take longer based on size of the email..."));this.title=model.subject;const text=yield this.mailService.raw(model);let from;const to=[];const cc=[];const bcc=[];(_a=model.recipients)!==null&&_a!==void 0?_a:model.recipients=[];for(const iterator of model.recipients){switch(iterator.type.toLocaleLowerCase()){case"to":if(to.length){to.push(XNode.create("span",{text:", "}))}to.push(displayRecipient(iterator));break;case"cc":if(cc.length){cc.push(XNode.create("span",{text:", "}))}cc.push(displayRecipient(iterator));break;case"bcc":if(bcc.length){bcc.push(XNode.create("span",{text:", "}))}bcc.push(displayRecipient(iterator));break;case"from":from=displayRecipient(iterator);break}}if(!from){from=displayRecipient(EmailRecipient.create({name:model.senderEmail.name,emailAddress:model.senderEmail}))}this.headerRenderer=()=>{var _a;return XNode.create("div",{"data-padding":"auto"},XNode.create("table",null,from&&XNode.create("tr",null,XNode.create("td",null,"From:"),XNode.create("td",null,from)),to.length&&XNode.create("tr",null,XNode.create("td",null,"To:"),XNode.create("td",null,...to)),cc.length&&XNode.create("tr",null,XNode.create("td",null,"Cc:"),XNode.create("td",null,...cc)),bcc.length&&XNode.create("tr",null,XNode.create("td",null,"Bcc:"),XNode.create("td",null,...bcc)),XNode.create("tr",null,XNode.create("td",null,"Subject:"),XNode.create("td",null,model.subject)),XNode.create("tr",null,XNode.create("td",null,"Date:"),XNode.create("td",null,DateFormats.withWeekDayAndTime((_a=model.dateReceived)!==null&&_a!==void 0?_a:model.dateCreated)))))};this.renderer=XNode.create("div",{class:css,"data-padding":"auto"},XNode.create("pre",null,...text.split("\n").map((x=>[x,XNode.create("br",null)])).flat()))}))}});__decorate([InjectProperty,__metadata("design:type",MailService)],MailDetailPage.prototype,"mailService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/mails/detail/MailDetailPage");System.register([],(function(_export,_context){"use strict";var FileUrlService;return{setters:[],execute:function(){_export("FileUrlService",FileUrlService={downloadUrl(file){const url=file.url;return url.replace("/view/","/download/")},pdf(file){const url=file.url;return url.replace("/view/","/pdf/")+".pdf"},html(file){const url=file.url;return url.replace("/view/","/html/")+".html"},webP(file,size=300){const url=file.url.replace("/view/",`/webp(${300})/`);return url+`.${size}.webp`},webM(file){const url=file.url;return url.replace("/view/",`/webm/`)+`.webm`},webMBranded(file){const url=file.url;return url.replace("/view/",`/webm-branded/`)+`.branded.webm`}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/FileUrlService");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","../../NumberFormats","../../../web/commands/AppCommands","@social-mail/social-mail-client/content/images/icons/audio.svg","../../FileUrlService"],(function(_export,_context){"use strict";var XNode,styled,toFileSize,AppCommands,audioIcon,FileUrlService;function FilePreview(a){const size=a.fileSize&&toFileSize(a.fileSize);const{emailID,appFileID,name,fileContentID}=a;let src=FileUrlService.webP(a,300);if(/^audio\//i.test(a.contentType)){src=audioIcon}const command=AppCommands.getPreviewCommand(a);if(command){return XNode.create("a",{href:command.displayRoute({emailID,appFileID,name,fileContentID}),"data-click-event":"route",title:size?`${name} (${size})`:name,"data-file-preview":"file-preview"},XNode.create("img",{"data-element":"preview",src}),XNode.create("label",{"data-element":"file-name"},name))}return XNode.create("a",{href:FileUrlService.downloadUrl(a),title:size?`${name} (${size})`:name,target:"_blank","data-file-preview":"attachment"},XNode.create("i",{class:"fas fa-paperclip"}),XNode.create("label",{"data-element":"file-name"},name))}_export("default",FilePreview);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_NumberFormats){toFileSize=_NumberFormats.toFileSize},function(_webCommandsAppCommands){AppCommands=_webCommandsAppCommands.default},function(_socialMailSocialMailClientContentImagesIconsAudioSvg){audioIcon=_socialMailSocialMailClientContentImagesIconsAudioSvg.default},function(_FileUrlService){FileUrlService=_FileUrlService.FileUrlService}],execute:function(){styled.css`
         border: solid 2px lightgray;
         display: inline-grid;
         margin: 5px;
@@ -2568,7 +2568,7 @@ and limitations under the License.
         & > .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.element.draggable=false;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":"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=>{let{x,y,anchorX,anchorY,scale}=this.zoom;if(ev.touches.length===2){ev.preventDefault();ev.stopImmediatePropagation();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,"dragstart",(ev=>{ev.preventDefault();ev.stopImmediatePropagation()}));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/fileUrl"],(function(_export,_context){"use strict";var __awaiter,ContentPage,XNode,PinchZoomView,IconButton,fileUrl,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(_commonFileUrl){fileUrl=_commonFileUrl.fileUrl}],execute:function(){_export("default",PreviewImage=class PreviewImage extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{name}=this.parameters;const pdf=fileUrl(this.parameters,{action:"pdf",ext:".pdf"});const download=fileUrl(this.parameters);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)?download:fileUrl(this.parameters,{action:"webp",ext:".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/common/pages/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/fileUrl"],(function(_export,_context){"use strict";var __awaiter,ContentPage,FetchBuilder,XNode,IconButton,AtomControl,fileUrl,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(_commonFileUrl){fileUrl=_commonFileUrl.fileUrl}],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{name}=this.parameters;const pdf=fileUrl(this.parameters,{action:"pdf",ext:".pdf"});const download=fileUrl(this.parameters);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(fileUrl(this.parameters,{action:"html",ext:".html"})).asText();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/common/pages/files/preview/document/PreviewDocument");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","@web-atoms/web-controls/dist/mobile-app/MobileApp"],(function(_export,_context){"use strict";var __awaiter,XNode,styled,ContentPage,PreviewDocument,css;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage}],execute:function(){css=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.element.draggable=false;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":"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=>{let{x,y,anchorX,anchorY,scale}=this.zoom;if(ev.touches.length===2){ev.preventDefault();ev.stopImmediatePropagation();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,"dragstart",(ev=>{ev.preventDefault();ev.stopImmediatePropagation()}));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","../../../../FileUrlService"],(function(_export,_context){"use strict";var __awaiter,ContentPage,XNode,PinchZoomView,IconButton,FileUrlService,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(_FileUrlService){FileUrlService=_FileUrlService.FileUrlService}],execute:function(){_export("default",PreviewImage=class PreviewImage extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{name}=this.parameters;const pdf=FileUrlService.pdf(this.parameters);const download=FileUrlService.downloadUrl(this.parameters);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)?download:FileUrlService.webP(this.parameters);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/common/pages/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","../../../../FileUrlService"],(function(_export,_context){"use strict";var __awaiter,ContentPage,FetchBuilder,XNode,IconButton,AtomControl,FileUrlService,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(_FileUrlService){FileUrlService=_FileUrlService.FileUrlService}],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{name}=this.parameters;const pdf=FileUrlService.pdf(this.parameters);const download=FileUrlService.downloadUrl(this.parameters);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(FileUrlService.html(this.parameters)).asText();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/common/pages/files/preview/document/PreviewDocument");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","@web-atoms/web-controls/dist/mobile-app/MobileApp"],(function(_export,_context){"use strict";var __awaiter,XNode,styled,ContentPage,PreviewDocument,css;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage}],execute:function(){css=styled.css`
     position: relative;
     & iframe {
         width: 100%;
@@ -2581,7 +2581,7 @@ and limitations under the License.
         border: none;
         outline: none;
     }
-`.installLocal();_export("default",PreviewDocument=class PreviewDocument extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{name,fileContentID,appFileID}=this.parameters;const q=new URLSearchParams({name,fileContentID,appFileID});const url=`/social-mail/ui/dist/public/preview/pdf/PreviewPDF?${q.toString()}`;this.title=name;this.renderer=XNode.create("div",{class:css},XNode.create("iframe",{src:url}))}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/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`
+`.installLocal();_export("default",PreviewDocument=class PreviewDocument extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{name,fileContentID,appFileID,url}=this.parameters;const q=new URLSearchParams({name,fileContentID,appFileID,url});const previewUrl=`/social-mail/ui/dist/public/preview/pdf/PreviewPDF?${q.toString()}`;this.title=name;this.renderer=XNode.create("div",{class:css},XNode.create("iframe",{src:previewUrl}))}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/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;
@@ -2804,7 +2804,7 @@ and limitations under the License.
         }
     }
     
-    `.installGlobal("[data-video-player=video-player]");gatherElements=(e,data={})=>{var _a;const ce=ChildEnumerator.enumerate(e);for(const iterator of ce){const elementName=(_a=iterator.dataset.element)===null||_a===void 0?void 0:_a.replace(/-([a-z])/g,(g=>g[1].toUpperCase()));if(elementName){data[elementName]=iterator}gatherElements(iterator,data)}return data};numberToText=n=>{if(n<10){return"0"+n}return n.toString()};durationText=(n,total)=>{if(n===null||n===undefined){return""}const minutes=Math.floor(n/60);const seconds=numberToText(Math.ceil(n%60));const totalMinutes=Math.floor(total/60);const totalSeconds=numberToText(Math.ceil(total%60));return`${minutes}:${seconds} / ${totalMinutes}:${totalSeconds}`};noSoundIcon="fa-duotone fa-volume-slash";mute="fa-duotone fa-volume-xmark";low="fa-duotone fa-volume-low";mid="fa-duotone fa-volume";high="fa-duotone fa-volume-high";getPlayIcon=state=>{switch(state){case"ended":return"fa-solid fa-refresh";case"paused":return"fa-solid fa-play";case"playing":return"fa-solid fa-pause"}return"fa-solid fa-play"};_export("default",AtomVideoPlayer=class AtomVideoPlayer extends AtomControl{constructor(){super(...arguments);this.maxWidth=""}get poster(){return this.video.poster}set poster(v){this.video.poster=v}get state(){return this.element.getAttribute("data-state")}set state(v){this.element.setAttribute("data-state",v);AtomBinder.refreshValue(this,"paused");AtomBinder.refreshValue(this,"state")}get duration(){return this.video.duration}get time(){return this.video.currentTime}set time(v){this.video.currentTime=v}get paused(){return this.video.paused}get isFullScreen(){var _a;return(_a=document.fullscreenEnabled&&this.element===document.fullscreenElement)!==null&&_a!==void 0?_a:false}stopFullscreen(){if(this.isFullScreen){return document.exitFullscreen()}return Promise.resolve()}pause(){this.video.pause()}play(){this.video.play().catch(console.error)}onPropertyChanged(name){switch(name){case"source":this.updateSource();break}}setCurrentTime(n){this.video.currentTime=n*this.video.duration}create(){this.element.dataset.videoPlayer="video-player";this.bindEvent(this.element,"togglePlay",(e=>{if(e.defaultPrevented){return}e.preventDefault();if(isTouchEnabled){if(this.state==="playing"){if(e.target===this.video){if(this.element.dataset.controls==="true"){this.element.dataset.controls="false"}else{this.element.dataset.controls="true"}return}}if(e.target.tagName==="CANVAS"){return}}if(this.video.paused){this.video.play();this.element.dataset.controls="false"}else{this.video.pause();this.element.dataset.controls="true"}}));this.bindEvent(this.element,"volume",(e=>{this.video.muted=!this.video.muted;this.updateVolume()}));this.bindEvent(this.element,"fullScreen",(e=>__awaiter(this,void 0,void 0,(function*(){if(!this.element.requestFullscreen){this.video.webkitEnterFullscreen();return}if(this.isFullScreen){yield document.exitFullscreen();return}yield this.element.requestFullscreen({navigationUI:"show"})}))));this.bindEvent(document,"fullscreenchange",(()=>{AtomBinder.refreshValue(this,"isFullScreen")}));this.render(XNode.create("div",{"data-click-event":"toggle-play","data-state":"pause"},XNode.create("div",{"data-has-logo":Bind.oneWay((()=>this.logo?"true":"false"),"false"),"data-element":"banner","style-width":Bind.oneWay((()=>this.maxWidth))},XNode.create("img",{"data-element":"logo",src:Bind.oneWay((()=>this.logo))}),XNode.create("div",{"data-element":"logo-title",text:Bind.oneWay((()=>this.logo&&this.logoTitle))}),XNode.create("div",{"data-element":"logo-description",text:Bind.oneWay((()=>this.logo&&this.logoDescription))})),XNode.create("video",{"event-abort":()=>this.state="aborted","event-durationchange":e=>AtomBinder.refreshValue(this,"duration"),"event-ended":e=>__awaiter(this,void 0,void 0,(function*(){this.state="ended";if(document.fullscreenEnabled&&this.element===document.fullscreenElement){yield document.exitFullscreen()}e.target.dispatchEvent(new CustomEvent("videoEnded",{bubbles:true}))})),"event-loadedmetadata":()=>{this.updateVolume();this.currentTimeSpan.textContent=durationText(0,this.duration);this.updateProgress();const{video}=this;const{videoWidth,videoHeight}=video;const eW=video.offsetWidth*videoHeight/videoWidth;const maxWidth=100*(this.element.offsetWidth-eW)/this.element.offsetWidth;if(maxWidth>50&&maxWidth<100){this.maxWidth=`${maxWidth}%`}AtomBinder.refreshValue(this,"duration")},"event-pause":()=>this.state="paused","event-play":()=>this.state="playing","event-progress":()=>this.updateProgress(),"event-timeupdate":()=>{this.currentTimeSpan.textContent=durationText(this.time,this.duration);this.state="playing";this.updateProgress();AtomBinder.refreshValue(this,"time")},"event-waiting":()=>this.state="waiting","event-volumechange":()=>this.updateVolume(),autoplay:false,playsInline:true,"style-max-width":"100%","style-max-height":"100%","data-element":"video"}),XNode.create("canvas",{"data-element":"progress"}),XNode.create("img",{"data-element":"poster"}),XNode.create("div",{"data-element":"toolbar"},XNode.create("i",{"data-element":"play","data-style":"button",class:Bind.oneWay((()=>getPlayIcon(this.state)))}),XNode.create("i",{"data-click-event":"volume","data-style":"button","data-element":"sound",class:"fa-duotone fa-volume-slash"}),!isTouchEnabled&&XNode.create("input",{"data-click-event":"none","data-element":"volume-range",type:"range",min:0,max:1,step:.1}),XNode.create("span",{"data-font-size":"small","data-element":"current",text:"0:00"}),XNode.create("i",{"data-click-event":"full-screen","data-style":"button","data-element":"full-screen",class:Bind.oneWay((()=>this.isFullScreen?"fa-solid fa-compress":"fa-solid fa-expand"))})),XNode.create("div",{"data-click-event":"toggle-play","data-element":"play-element"},XNode.create("button",{class:"play"},XNode.create("i",{class:Bind.oneWay((()=>getPlayIcon(this.state)))})))));const all=gatherElements(this.element);this.video=all.video;this.progress=all.progress;this.currentTimeSpan=all.current;this.soundIcon=all.sound;this.volumeRange=all.volumeRange;if(this.volumeRange){this.bindEvent(this.volumeRange,"input",(()=>{setTimeout((()=>{this.video.volume=parseFloat(this.volumeRange.value)}),1)}))}this.bindEvent(this.element,"mouseenter",(()=>{this.element.dataset.controls="true"}));this.bindEvent(this.element,"mouseleave",(()=>{this.element.dataset.controls="false"}));this.bindEvent(this.progress,"pointerdown",(e=>{e.preventDefault();this.setCurrentTime(e.offsetX/this.progress.clientWidth);const move=e1=>{e1.preventDefault();this.setCurrentTime(e1.offsetX/this.progress.clientWidth)};const up=e1=>{e1.preventDefault();this.progress.removeEventListener("pointermove",move);this.progress.removeEventListener("pointerup",up)};this.progress.addEventListener("pointermove",move);this.progress.addEventListener("pointerup",up)}))}updateSource(){this.video.src=this.source}updateProgress(){const context=this.progress.getContext("2d");context.strokeStyle="rgba(0,0,0,0)";const width=this.progress.clientWidth;const height=this.progress.clientHeight;this.progress.width=width;this.progress.height=height;context.clearRect(0,0,width,height);const max=this.video.duration;const seekable=this.video.buffered;const scale=width/max;context.fillStyle="rgba(255,255,255,0.3)";context.fillRect(0,0,width,height);context.fillStyle="rgba(255,255,255,0.6)";for(let index=0;index<seekable.length;index++){const start=seekable.start(index)*scale;const end=seekable.end(index)*scale;context.fillRect(start,0,end,height)}context.fillStyle="#ffffff";context.fillRect(0,0,this.video.currentTime*scale,height)}updateVolume(){if(this.video.muted){this.soundIcon.className=mute;this.soundIcon.title="Unmute";if(this.volumeRange){this.volumeRange.style.display="none"}return}const audio=this.video.volume;if(this.volumeRange){this.volumeRange.style.display="";this.volumeRange.value=audio===null||audio===void 0?void 0:audio.toString()}this.soundIcon.title="Mute";if(audio>.8){this.soundIcon.className=high;return}if(audio<.2){this.soundIcon.className=low;return}this.soundIcon.className=mid}});__decorate([BindableProperty,__metadata("design:type",Object)],AtomVideoPlayer.prototype,"source",void 0);__decorate([BindableProperty,__metadata("design:type",Object)],AtomVideoPlayer.prototype,"logo",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomVideoPlayer.prototype,"logoTitle",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomVideoPlayer.prototype,"logoDescription",void 0)}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/player/AtomVideoPlayer");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/player/AtomVideoPlayer","../../../../../common/controls/buttons/IconButton","../../../../../common/fileUrl"],(function(_export,_context){"use strict";var __awaiter,ContentPage,XNode,AtomVideoPlayer,IconButton,fileUrl,PreviewImage;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistPlayerAtomVideoPlayer){AtomVideoPlayer=_webAtomsWebControlsDistPlayerAtomVideoPlayer.default},function(_commonControlsButtonsIconButton){IconButton=_commonControlsButtonsIconButton.IconButton},function(_commonFileUrl){fileUrl=_commonFileUrl.fileUrl}],execute:function(){_export("default",PreviewImage=class PreviewImage extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{name}=this.parameters;const download=fileUrl(this.parameters);this.title=name;this.headerRenderer=()=>XNode.create("div",{"data-layout":"header-row"},XNode.create("a",{href:download,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-download",text:"Download"})));const webm=fileUrl.webm(this.parameters);const webp=fileUrl.webp(this.parameters);this.renderer=XNode.create("div",{"data-display":"grid","data-align-items":"stretch"},XNode.create(AtomVideoPlayer,{poster:webp,source:webm}))}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/files/preview/media/PreviewMedia");System.register([],(function(_export,_context){"use strict";var FileTypes;_export("default",void 0);return{setters:[],execute:function(){_export("default",FileTypes=class FileTypes{static canPreview(file){if(/(image|video|audio)\//.test(file.contentType)){return true}return/\.(pdf|docx|docm|pptx|pptm|xlsx|xlsm|doc|xls|pdf|ppt|dot|xlst|sxw|sxc|sxd|sxi|sxm|sxg|txt)$/i.test(file.name)}static isMedia(file){return/^(audio|video)\//i.test(file.contentType)}static isImage(file){return/^image\//i.test(file.contentType)||/\.(jpg|png|bmp|gif|tif|tiff|jiff|jpg)$/i.test(file.name)}static isDocument(file){return/\.(pdf|docx|docm|pptx|pptm|xlsx|xlsm|doc|xls|pdf|ppt|dot|xlst|sxw|sxc|sxd|sxi|sxm|sxg|txt|md)$/i.test(file.name)}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/FileTypes");System.register(["@web-atoms/core/dist/core/Command","../apiPath","../../services/FileTypes"],(function(_export,_context){"use strict";var Command,Commands,apiPathRoot,FileTypes,CommonCommands;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreCommand){Command=_webAtomsCoreDistCoreCommand.default;Commands=_webAtomsCoreDistCoreCommand.Commands},function(_apiPath){apiPathRoot=_apiPath.apiPathRoot},function(_servicesFileTypes){FileTypes=_servicesFileTypes.default}],execute:function(){Command.routePrefix=apiPathRoot;_export("default",CommonCommands=class CommonCommands extends Commands{static getPreviewCommand(p){var _a;(_a=p.emailID)!==null&&_a!==void 0?_a:p.emailID=0;if(FileTypes.isDocument(p)){return this.previewPdf}if(FileTypes.isImage(p)){return this.previewImage}if(FileTypes.isMedia(p)){return this.previewMedia}}});CommonCommands.openMailbox=Command.create({route:"/mailbox/{id}",routeOrder:50,openPage:()=>_context.import("../../web/page/mails/MailboxContacts")});CommonCommands.openChannel=Command.create({route:"/channel/{id}",routeOrder:50,openPage:()=>_context.import("../../web/page/channels/detail/ChannelDetailPage")});CommonCommands.openSubscribers=Command.create({route:"/mailbox-subscribers/{id}",routeOrder:50,openPage:()=>_context.import("../../web/page/channels/subscribers/ChannelSubscribersPage")});CommonCommands.openDrives=Command.create({route:"/drives",routeOrder:100,openPage:()=>_context.import("../pages/drives/DriveListPage")});CommonCommands.openFiles=Command.create({route:"/files/{id}",routeOrder:100,openPage:()=>_context.import("../../common/pages/files/FolderPage")});CommonCommands.changePassword=Command.create({route:"/user/change-password",pushPage:()=>_context.import("../pages/user/change-password/ChangePasswordPage")});CommonCommands.setupMultiFactor=Command.create({route:"/user/multi-factor/setup",pushPage:()=>_context.import("../pages/user/multi-factor/MultiFactorSetupPage")});CommonCommands.openWebSiteList=Command.create({route:"/websites",routeOrder:2e3,openPage:()=>_context.import("../pages/websites/list/WebSiteListPage")});CommonCommands.accessTokenList=Command.create({route:"/user/access-tokens",openPage:()=>_context.import("../pages/user/access-tokens/AccessTokenListPage")});CommonCommands.dnsZoneList=Command.create({route:"/hosted-zones/list/",openPage:()=>_context.import("../pages/dns/DnsZoneListPage")});CommonCommands.editDnsZone=Command.create({route:"/hosted-zone/{zoneID}/",pushPage:()=>_context.import("../pages/dns/edit/DnsZoneEditorPage")});CommonCommands.openTemplates=Command.create({route:"/templates",routeOrder:100,routeDefaults:{templates:true},openPage:()=>_context.import("../pages/files/FolderPage")});CommonCommands.previewImage=Command.create({route:"/social-mail/file-preview/image/{appFileID}/{emailID}/{fileContentID}/{name}",pushPage:()=>_context.import("../pages/files/preview/image/PreviewImage")});CommonCommands.previewHtml=Command.create({route:"/social-mail/file-preview/html/{appFileID}/{emailID}/{fileContentID}/{name}",pushPage:()=>_context.import("../pages/files/preview/document/PreviewDocument")});CommonCommands.previewPdf=Command.create({route:"/social-mail/file-preview/pdf/{appFileID}/{emailID}/{fileContentID}/{name}",pushPage:()=>_context.import("../pages/files/preview/document/PreviewPDF")});CommonCommands.previewMedia=Command.create({route:"/social-mail/file-preview/media/{appFileID}/{emailID}/{fileContentID}/{name}",pushPage:()=>_context.import("../pages/files/preview/media/PreviewMedia")})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/commands/CommonCommands");System.register(["@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var styled;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){styled.css`
+    `.installGlobal("[data-video-player=video-player]");gatherElements=(e,data={})=>{var _a;const ce=ChildEnumerator.enumerate(e);for(const iterator of ce){const elementName=(_a=iterator.dataset.element)===null||_a===void 0?void 0:_a.replace(/-([a-z])/g,(g=>g[1].toUpperCase()));if(elementName){data[elementName]=iterator}gatherElements(iterator,data)}return data};numberToText=n=>{if(n<10){return"0"+n}return n.toString()};durationText=(n,total)=>{if(n===null||n===undefined){return""}const minutes=Math.floor(n/60);const seconds=numberToText(Math.ceil(n%60));const totalMinutes=Math.floor(total/60);const totalSeconds=numberToText(Math.ceil(total%60));return`${minutes}:${seconds} / ${totalMinutes}:${totalSeconds}`};noSoundIcon="fa-duotone fa-volume-slash";mute="fa-duotone fa-volume-xmark";low="fa-duotone fa-volume-low";mid="fa-duotone fa-volume";high="fa-duotone fa-volume-high";getPlayIcon=state=>{switch(state){case"ended":return"fa-solid fa-refresh";case"paused":return"fa-solid fa-play";case"playing":return"fa-solid fa-pause"}return"fa-solid fa-play"};_export("default",AtomVideoPlayer=class AtomVideoPlayer extends AtomControl{constructor(){super(...arguments);this.maxWidth=""}get poster(){return this.video.poster}set poster(v){this.video.poster=v}get state(){return this.element.getAttribute("data-state")}set state(v){this.element.setAttribute("data-state",v);AtomBinder.refreshValue(this,"paused");AtomBinder.refreshValue(this,"state")}get duration(){return this.video.duration}get time(){return this.video.currentTime}set time(v){this.video.currentTime=v}get paused(){return this.video.paused}get isFullScreen(){var _a;return(_a=document.fullscreenEnabled&&this.element===document.fullscreenElement)!==null&&_a!==void 0?_a:false}stopFullscreen(){if(this.isFullScreen){return document.exitFullscreen()}return Promise.resolve()}pause(){this.video.pause()}play(){this.video.play().catch(console.error)}onPropertyChanged(name){switch(name){case"source":this.updateSource();break}}setCurrentTime(n){this.video.currentTime=n*this.video.duration}create(){this.element.dataset.videoPlayer="video-player";this.bindEvent(this.element,"togglePlay",(e=>{if(e.defaultPrevented){return}e.preventDefault();if(isTouchEnabled){if(this.state==="playing"){if(e.target===this.video){if(this.element.dataset.controls==="true"){this.element.dataset.controls="false"}else{this.element.dataset.controls="true"}return}}if(e.target.tagName==="CANVAS"){return}}if(this.video.paused){this.video.play();this.element.dataset.controls="false"}else{this.video.pause();this.element.dataset.controls="true"}}));this.bindEvent(this.element,"volume",(e=>{this.video.muted=!this.video.muted;this.updateVolume()}));this.bindEvent(this.element,"fullScreen",(e=>__awaiter(this,void 0,void 0,(function*(){if(!this.element.requestFullscreen){this.video.webkitEnterFullscreen();return}if(this.isFullScreen){yield document.exitFullscreen();return}yield this.element.requestFullscreen({navigationUI:"show"})}))));this.bindEvent(document,"fullscreenchange",(()=>{AtomBinder.refreshValue(this,"isFullScreen")}));this.render(XNode.create("div",{"data-click-event":"toggle-play","data-state":"pause"},XNode.create("div",{"data-has-logo":Bind.oneWay((()=>this.logo?"true":"false"),"false"),"data-element":"banner","style-width":Bind.oneWay((()=>this.maxWidth))},XNode.create("img",{"data-element":"logo",src:Bind.oneWay((()=>this.logo))}),XNode.create("div",{"data-element":"logo-title",text:Bind.oneWay((()=>this.logo&&this.logoTitle))}),XNode.create("div",{"data-element":"logo-description",text:Bind.oneWay((()=>this.logo&&this.logoDescription))})),XNode.create("video",{"event-abort":()=>this.state="aborted","event-durationchange":e=>AtomBinder.refreshValue(this,"duration"),"event-ended":e=>__awaiter(this,void 0,void 0,(function*(){this.state="ended";if(document.fullscreenEnabled&&this.element===document.fullscreenElement){yield document.exitFullscreen()}e.target.dispatchEvent(new CustomEvent("videoEnded",{bubbles:true}))})),"event-loadedmetadata":()=>{this.updateVolume();this.currentTimeSpan.textContent=durationText(0,this.duration);this.updateProgress();const{video}=this;const{videoWidth,videoHeight}=video;const eW=video.offsetWidth*videoHeight/videoWidth;const maxWidth=100*(this.element.offsetWidth-eW)/this.element.offsetWidth;if(maxWidth>50&&maxWidth<100){this.maxWidth=`${maxWidth}%`}AtomBinder.refreshValue(this,"duration")},"event-pause":()=>this.state="paused","event-play":()=>this.state="playing","event-progress":()=>this.updateProgress(),"event-timeupdate":()=>{this.currentTimeSpan.textContent=durationText(this.time,this.duration);this.state="playing";this.updateProgress();AtomBinder.refreshValue(this,"time")},"event-waiting":()=>this.state="waiting","event-volumechange":()=>this.updateVolume(),autoplay:false,playsInline:true,"style-max-width":"100%","style-max-height":"100%","data-element":"video"}),XNode.create("canvas",{"data-element":"progress"}),XNode.create("img",{"data-element":"poster"}),XNode.create("div",{"data-element":"toolbar"},XNode.create("i",{"data-element":"play","data-style":"button",class:Bind.oneWay((()=>getPlayIcon(this.state)))}),XNode.create("i",{"data-click-event":"volume","data-style":"button","data-element":"sound",class:"fa-duotone fa-volume-slash"}),!isTouchEnabled&&XNode.create("input",{"data-click-event":"none","data-element":"volume-range",type:"range",min:0,max:1,step:.1}),XNode.create("span",{"data-font-size":"small","data-element":"current",text:"0:00"}),XNode.create("i",{"data-click-event":"full-screen","data-style":"button","data-element":"full-screen",class:Bind.oneWay((()=>this.isFullScreen?"fa-solid fa-compress":"fa-solid fa-expand"))})),XNode.create("div",{"data-click-event":"toggle-play","data-element":"play-element"},XNode.create("button",{class:"play"},XNode.create("i",{class:Bind.oneWay((()=>getPlayIcon(this.state)))})))));const all=gatherElements(this.element);this.video=all.video;this.progress=all.progress;this.currentTimeSpan=all.current;this.soundIcon=all.sound;this.volumeRange=all.volumeRange;if(this.volumeRange){this.bindEvent(this.volumeRange,"input",(()=>{setTimeout((()=>{this.video.volume=parseFloat(this.volumeRange.value)}),1)}))}this.bindEvent(this.element,"mouseenter",(()=>{this.element.dataset.controls="true"}));this.bindEvent(this.element,"mouseleave",(()=>{this.element.dataset.controls="false"}));this.bindEvent(this.progress,"pointerdown",(e=>{e.preventDefault();this.setCurrentTime(e.offsetX/this.progress.clientWidth);const move=e1=>{e1.preventDefault();this.setCurrentTime(e1.offsetX/this.progress.clientWidth)};const up=e1=>{e1.preventDefault();this.progress.removeEventListener("pointermove",move);this.progress.removeEventListener("pointerup",up)};this.progress.addEventListener("pointermove",move);this.progress.addEventListener("pointerup",up)}))}updateSource(){this.video.src=this.source}updateProgress(){const context=this.progress.getContext("2d");context.strokeStyle="rgba(0,0,0,0)";const width=this.progress.clientWidth;const height=this.progress.clientHeight;this.progress.width=width;this.progress.height=height;context.clearRect(0,0,width,height);const max=this.video.duration;const seekable=this.video.buffered;const scale=width/max;context.fillStyle="rgba(255,255,255,0.3)";context.fillRect(0,0,width,height);context.fillStyle="rgba(255,255,255,0.6)";for(let index=0;index<seekable.length;index++){const start=seekable.start(index)*scale;const end=seekable.end(index)*scale;context.fillRect(start,0,end,height)}context.fillStyle="#ffffff";context.fillRect(0,0,this.video.currentTime*scale,height)}updateVolume(){if(this.video.muted){this.soundIcon.className=mute;this.soundIcon.title="Unmute";if(this.volumeRange){this.volumeRange.style.display="none"}return}const audio=this.video.volume;if(this.volumeRange){this.volumeRange.style.display="";this.volumeRange.value=audio===null||audio===void 0?void 0:audio.toString()}this.soundIcon.title="Mute";if(audio>.8){this.soundIcon.className=high;return}if(audio<.2){this.soundIcon.className=low;return}this.soundIcon.className=mid}});__decorate([BindableProperty,__metadata("design:type",Object)],AtomVideoPlayer.prototype,"source",void 0);__decorate([BindableProperty,__metadata("design:type",Object)],AtomVideoPlayer.prototype,"logo",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomVideoPlayer.prototype,"logoTitle",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomVideoPlayer.prototype,"logoDescription",void 0)}}}));AmdLoader.instance.setup("@web-atoms/web-controls/dist/player/AtomVideoPlayer");System.register(["tslib","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/player/AtomVideoPlayer","../../../../../common/controls/buttons/IconButton","../../../../FileUrlService"],(function(_export,_context){"use strict";var __awaiter,ContentPage,XNode,AtomVideoPlayer,IconButton,FileUrlService,PreviewImage;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter},function(_webAtomsWebControlsDistMobileAppMobileApp){ContentPage=_webAtomsWebControlsDistMobileAppMobileApp.ContentPage},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsWebControlsDistPlayerAtomVideoPlayer){AtomVideoPlayer=_webAtomsWebControlsDistPlayerAtomVideoPlayer.default},function(_commonControlsButtonsIconButton){IconButton=_commonControlsButtonsIconButton.IconButton},function(_FileUrlService){FileUrlService=_FileUrlService.FileUrlService}],execute:function(){_export("default",PreviewImage=class PreviewImage extends ContentPage{init(){return __awaiter(this,void 0,void 0,(function*(){const{name}=this.parameters;const download=FileUrlService.downloadUrl(this.parameters);this.title=name;this.headerRenderer=()=>XNode.create("div",{"data-layout":"header-row"},XNode.create("a",{href:download,target:"_blank"},XNode.create(IconButton,{icon:"fas fa-download",text:"Download"})));const webm=FileUrlService.webM(this.parameters);const webp=FileUrlService.webP(this.parameters);this.renderer=XNode.create("div",{"data-display":"grid","data-align-items":"stretch"},XNode.create(AtomVideoPlayer,{poster:webp,source:webm}))}))}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/files/preview/media/PreviewMedia");System.register([],(function(_export,_context){"use strict";var FileTypes;_export("default",void 0);return{setters:[],execute:function(){_export("default",FileTypes=class FileTypes{static canPreview(file){if(/(image|video|audio)\//.test(file.contentType)){return true}return/\.(pdf|docx|docm|pptx|pptm|xlsx|xlsm|doc|xls|pdf|ppt|dot|xlst|sxw|sxc|sxd|sxi|sxm|sxg|txt)$/i.test(file.name)}static isMedia(file){return/^(audio|video)\//i.test(file.contentType)}static isImage(file){return/^image\//i.test(file.contentType)||/\.(jpg|png|bmp|gif|tif|tiff|jiff|jpg)$/i.test(file.name)}static isDocument(file){return/\.(pdf|docx|docm|pptx|pptm|xlsx|xlsm|doc|xls|pdf|ppt|dot|xlst|sxw|sxc|sxd|sxi|sxm|sxg|txt|md)$/i.test(file.name)}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/FileTypes");System.register(["@web-atoms/core/dist/core/Command","../apiPath","../../services/FileTypes"],(function(_export,_context){"use strict";var Command,Commands,apiPathRoot,FileTypes,CommonCommands;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreCommand){Command=_webAtomsCoreDistCoreCommand.default;Commands=_webAtomsCoreDistCoreCommand.Commands},function(_apiPath){apiPathRoot=_apiPath.apiPathRoot},function(_servicesFileTypes){FileTypes=_servicesFileTypes.default}],execute:function(){Command.routePrefix=apiPathRoot;_export("default",CommonCommands=class CommonCommands extends Commands{static getPreviewCommand(p){var _a;(_a=p.emailID)!==null&&_a!==void 0?_a:p.emailID=0;if(FileTypes.isDocument(p)){return this.previewPdf}if(FileTypes.isImage(p)){return this.previewImage}if(FileTypes.isMedia(p)){return this.previewMedia}}});CommonCommands.openMailbox=Command.create({route:"/mailbox/{id}",routeOrder:50,openPage:()=>_context.import("../../web/page/mails/MailboxContacts")});CommonCommands.openChannel=Command.create({route:"/channel/{id}",routeOrder:50,openPage:()=>_context.import("../../web/page/channels/detail/ChannelDetailPage")});CommonCommands.openSubscribers=Command.create({route:"/mailbox-subscribers/{id}",routeOrder:50,openPage:()=>_context.import("../../web/page/channels/subscribers/ChannelSubscribersPage")});CommonCommands.openDrives=Command.create({route:"/drives",routeOrder:100,openPage:()=>_context.import("../pages/drives/DriveListPage")});CommonCommands.openFiles=Command.create({route:"/files/{id}",routeOrder:100,openPage:()=>_context.import("../../common/pages/files/FolderPage")});CommonCommands.changePassword=Command.create({route:"/user/change-password",pushPage:()=>_context.import("../pages/user/change-password/ChangePasswordPage")});CommonCommands.setupMultiFactor=Command.create({route:"/user/multi-factor/setup",pushPage:()=>_context.import("../pages/user/multi-factor/MultiFactorSetupPage")});CommonCommands.openWebSiteList=Command.create({route:"/websites",routeOrder:2e3,openPage:()=>_context.import("../pages/websites/list/WebSiteListPage")});CommonCommands.accessTokenList=Command.create({route:"/user/access-tokens",openPage:()=>_context.import("../pages/user/access-tokens/AccessTokenListPage")});CommonCommands.dnsZoneList=Command.create({route:"/hosted-zones/list/",openPage:()=>_context.import("../pages/dns/DnsZoneListPage")});CommonCommands.editDnsZone=Command.create({route:"/hosted-zone/{zoneID}/",pushPage:()=>_context.import("../pages/dns/edit/DnsZoneEditorPage")});CommonCommands.openTemplates=Command.create({route:"/templates",routeOrder:100,routeDefaults:{templates:true},openPage:()=>_context.import("../pages/files/FolderPage")});CommonCommands.previewImage=Command.create({route:"/social-mail/file-preview/image/{appFileID}/{emailID}/{fileContentID}/{name}/{url}",pushPage:()=>_context.import("../pages/files/preview/image/PreviewImage")});CommonCommands.previewHtml=Command.create({route:"/social-mail/file-preview/html/{appFileID}/{emailID}/{fileContentID}/{name}/{url}",pushPage:()=>_context.import("../pages/files/preview/document/PreviewDocument")});CommonCommands.previewPdf=Command.create({route:"/social-mail/file-preview/pdf/{appFileID}/{emailID}/{fileContentID}/{name}/{url}",pushPage:()=>_context.import("../pages/files/preview/document/PreviewPDF")});CommonCommands.previewMedia=Command.create({route:"/social-mail/file-preview/media/{appFileID}/{emailID}/{fileContentID}/{name}/{url}",pushPage:()=>_context.import("../pages/files/preview/media/PreviewMedia")})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/commands/CommonCommands");System.register(["@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var styled;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){styled.css`
 
         display: grid;
         grid-template-rows: auto 1fr;