@social-mail/social-mail-client 1.2.563 → 1.2.565

package/dist/public/channel/ChannelView.pack.min.js

@@ -707,7 +707,7 @@ gap: 5px;
         padding: 5px;
         cursor: pointer; 
     }
-`.withId("data-copy-icon").installGlobal();document.body.addEventListener("click",(e=>{var _a;const target=e.target;const text=(_a=target.dataset.copyIcon)===null||_a===void 0?void 0:_a.trim();if(!text){return}navigator.clipboard.writeText(text).then((x=>{const control=AtomControl.from(target);const ns=control.app.resolve(NavigationService);return ns.notify(XNode.create("div",null,XNode.create("p",{text}),XNode.create("p",null,"Copied to clipboard successfully")))})).catch((error=>console.error(error)))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/buttons/CopyIcon");System.register(["../../common/TestMode"],(function(_export,_context){"use strict";var AppLocation,UrlService;return{setters:[function(_commonTestMode){AppLocation=_commonTestMode.AppLocation}],execute:function(){_export("UrlService",UrlService={toBlogUrl({mailboxID,emailID,email:{subject}={}}){subject||(subject="");if(subject.length>400){subject=subject.substring(0,400)}subject=subject.replace(/[^\p{L}\p{N}]+/gu,"-");subject=encodeURIComponent(subject).replace(/\%20/g,"-");const cid=BigInt(mailboxID).toString(36);const eid=BigInt(emailID).toString(36);if(AppLocation.isLocalTesting){return`?detail=true&p0=${cid}&p1=p&p2=${eid}`}return`/channels/${cid}/p/${eid}/${subject}`},toTagUrl({mailboxID,tagID,tag:{name}={}}){const cid=BigInt(mailboxID).toString(36);const eid=BigInt(tagID).toString(36);if(AppLocation.isLocalTesting){return`?detail=true&p0=${cid}&p1=t&p2=${eid}`}name||(name="");if(name.length>400){name=name.substring(0,400)}name=name.replace(/[^\p{L}\p{N}]+/gu,"-");name=encodeURIComponent(name).replace(/\%20/g,"-");return`/channels/${cid}/t/${eid}/${name}`}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/UrlService");System.register(["tslib","@web-atoms/core/dist/core/InjectProperty","@web-atoms/web-controls/dist/basic/AtomRepeater","../../../services/EntityService","../../../model/model","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","../UrlService","../../../common/cache/CacheTTL"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomRepeater,EntityService,MailboxTag,XNode,styled,UrlService,CacheTTL,TagCloud,cacheVersion;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsWebControlsDistBasicAtomRepeater){AtomRepeater=_webAtomsWebControlsDistBasicAtomRepeater.default},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_modelModel){MailboxTag=_modelModel.MailboxTag},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_UrlService){UrlService=_UrlService.UrlService},function(_commonCacheCacheTTL){CacheTTL=_commonCacheCacheTTL.CacheTTL}],execute:function(){cacheVersion="1a";styled.css`
+`.withId("data-copy-icon").installGlobal();document.body.addEventListener("click",(e=>{var _a;const target=e.target;const text=(_a=target.dataset.copyIcon)===null||_a===void 0?void 0:_a.trim();if(!text){return}navigator.clipboard.writeText(text).then((x=>{const control=AtomControl.from(target);const ns=control.app.resolve(NavigationService);return ns.notify(XNode.create("div",null,XNode.create("p",{text}),XNode.create("p",null,"Copied to clipboard successfully")))})).catch((error=>console.error(error)))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/buttons/CopyIcon");System.register(["../../common/TestMode"],(function(_export,_context){"use strict";var AppLocation,UrlService;return{setters:[function(_commonTestMode){AppLocation=_commonTestMode.AppLocation}],execute:function(){_export("UrlService",UrlService={toBlogUrl({slug,mailbox:{emailAddress:{emailAddress}}}){const cid="@"+emailAddress.split("@")[0];if(AppLocation.isLocalTesting){return`?detail=${cid}/${slug}`}return`/c/${cid}/${slug}`},toTagUrl({mailboxID,tagID,tag:{name}={}}){const cid=BigInt(mailboxID).toString(36);const eid=BigInt(tagID).toString(36);if(AppLocation.isLocalTesting){return`?detail=true&p0=${cid}&p1=t&p2=${eid}`}name||(name="");if(name.length>400){name=name.substring(0,400)}name=name.replace(/[^\p{L}\p{N}]+/gu,"-");name=encodeURIComponent(name).replace(/\%20/g,"-");return`/channels/${cid}/t/${eid}/${name}`}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/UrlService");System.register(["tslib","@web-atoms/core/dist/core/InjectProperty","@web-atoms/web-controls/dist/basic/AtomRepeater","../../../services/EntityService","../../../model/model","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled","../UrlService","../../../common/cache/CacheTTL"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomRepeater,EntityService,MailboxTag,XNode,styled,UrlService,CacheTTL,TagCloud,cacheVersion;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsWebControlsDistBasicAtomRepeater){AtomRepeater=_webAtomsWebControlsDistBasicAtomRepeater.default},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_modelModel){MailboxTag=_modelModel.MailboxTag},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_UrlService){UrlService=_UrlService.UrlService},function(_commonCacheCacheTTL){CacheTTL=_commonCacheCacheTTL.CacheTTL}],execute:function(){cacheVersion="1a";styled.css`
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
@@ -769,7 +769,7 @@ gap: 5px;
             }
         }
 
-    `.installGlobal("post-list");_export("default",PostList=class PostList extends AtomRepeater{constructor(app,e=document.createElement("post-list")){super(app,e);this.pushInit()}init(){return __awaiter(this,void 0,void 0,(function*(){this.setHeader();this.headerRenderer=text=>XNode.create("header",{text});this.itemRenderer=x=>XNode.create("div",null,XNode.create("img",{src:Bind.oneTimeAsync((()=>this.blogImageService.getImage(x)),loaderImage)}),XNode.create("a",{href:UrlService.toBlogUrl(x),title:x.email.subject,target:"_blank",text:x.email.subject}));const q=this.entityService.query(MailboxEmail,"channelEmails").where((x=>x.email.parentID===null)).include((x=>x.email));const posts=yield this.query(q);this.items=posts.items}))}setHeader(){this.header="Popular Posts"}query(q){return q.orderByDescending((x=>x.engagementCount)).toPagedList({size:5,cacheVersion,cacheSeconds:CacheTTL.seconds.fifteenMinutes})}});__decorate([InjectProperty,__metadata("design:type",EntityService)],PostList.prototype,"entityService",void 0);__decorate([InjectProperty,__metadata("design:type",BlogImageService)],PostList.prototype,"blogImageService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/PostList");System.register(["./PostList"],(function(_export,_context){"use strict";var PostList,RecentPosts;_export("default",void 0);return{setters:[function(_PostList){PostList=_PostList.default}],execute:function(){_export("default",RecentPosts=class RecentPosts extends PostList{setHeader(){this.header="Recent Posts"}query(q){return q.orderByDescending((x=>x.datePublished)).toPagedList({size:5})}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/RecentPosts");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,styled;function BlogHeader({channel,search}){return XNode.create("header",{class:"blog-header"},XNode.create("div",null,XNode.create("span",{text:channel.emailAddress.name}),XNode.create("a",{href:`mailto:subscribe-${channel.emailAddress.emailAddress}?subject=subscribe`},XNode.create("button",null,"Follow"))),search&&XNode.create("div",null,XNode.create("input",{placeholder:"Search...",value:search})))}_export("default",BlogHeader);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){styled.css`
+    `.installGlobal("post-list");_export("default",PostList=class PostList extends AtomRepeater{constructor(app,e=document.createElement("post-list")){super(app,e);this.pushInit()}init(){return __awaiter(this,void 0,void 0,(function*(){this.setHeader();this.headerRenderer=text=>XNode.create("header",{text});this.itemRenderer=x=>XNode.create("div",null,XNode.create("img",{src:Bind.oneTimeAsync((()=>this.blogImageService.getImage(x)),loaderImage)}),XNode.create("a",{href:UrlService.toBlogUrl(x),title:x.email.subject,target:"_blank",text:x.email.subject}));const q=this.entityService.query(MailboxEmail,"channelEmails").where((x=>x.email.parentID===null)).include((x=>[x.email,x.mailbox.emailAddress]));const posts=yield this.query(q);this.items=posts.items}))}setHeader(){this.header="Popular Posts"}query(q){return q.orderByDescending((x=>x.engagementCount)).toPagedList({size:5,cacheVersion,cacheSeconds:CacheTTL.seconds.fifteenMinutes})}});__decorate([InjectProperty,__metadata("design:type",EntityService)],PostList.prototype,"entityService",void 0);__decorate([InjectProperty,__metadata("design:type",BlogImageService)],PostList.prototype,"blogImageService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/PostList");System.register(["./PostList"],(function(_export,_context){"use strict";var PostList,RecentPosts;_export("default",void 0);return{setters:[function(_PostList){PostList=_PostList.default}],execute:function(){_export("default",RecentPosts=class RecentPosts extends PostList{setHeader(){this.header="Recent Posts"}query(q){return q.orderByDescending((x=>x.datePublished)).toPagedList({size:5})}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/RecentPosts");System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,styled;function BlogHeader({channel,search}){return XNode.create("header",{class:"blog-header"},XNode.create("div",null,XNode.create("span",{text:channel.emailAddress.name}),XNode.create("a",{href:`mailto:subscribe-${channel.emailAddress.emailAddress}?subject=subscribe`},XNode.create("button",null,"Follow"))),search&&XNode.create("div",null,XNode.create("input",{placeholder:"Search...",value:search})))}_export("default",BlogHeader);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){styled.css`
     display: flex;
     flex-direction: column;
     gap: 10px;
@@ -792,5 +792,5 @@ gap: 5px;
         border: solid 1px gray;
     }
 
-`.installGlobal("[data-load-more=load-more]");pagedItemsSetter=AtomControl.registerProperty("paged-items","paged-items",((control,element,value)=>{var _b,_c;if(value&&value.items){let cancelToken=control[loadMoreSet];(_b=control.footerRenderer)!==null&&_b!==void 0?_b:control.footerRenderer=()=>XNode.create("div",{"data-load-more":"load-more","data-click-event":"load-more-items"},XNode.create("span",{text:"Load more ... "}));(_c=control.headerRenderer)!==null&&_c!==void 0?_c:control.headerRenderer=()=>XNode.create("div",{class:"scroll-header","style-height":"1px","style-width":"100%"});if(!cancelToken){control[loadMoreSet]=cancelToken=new CancelToken;control.bindEvent(control.element,"loadMoreItems",(e=>{const ce=new CustomEvent("moreItems",{detail:{pagedItems:control.pagedItems,cancelToken},bubbles:false});control.element.dispatchEvent(ce)}))}else{cancelToken.cancel();control[loadMoreSet]=cancelToken=new CancelToken}const items=control.items;if(items&&Array.isArray(items)){items.clear();items.addAll(value.items)}else{control.items=value.items}const autoScroll=control.element.getAttribute("data-auto-scroll")!=="false";if(autoScroll){setTimeout((()=>{var _b;const ce=(_b=control.element)===null||_b===void 0?void 0:_b.firstElementChild;const scrollX=window.scrollX;const scrollY=window.scrollY;ce===null||ce===void 0?void 0:ce.scrollIntoView();setTimeout((()=>{window.scrollTo(scrollX,scrollY)}),100)}),100)}control.footer=value.total&&value.items&&value.items.length<value.total;control.pagedItems=value}}));scrollToBottom=({target,detail:{type,index}})=>{if(!(type==="add"&&index===0)&&type!=="reset"){return}setTimeout((()=>{const e=target.firstElementChild;console.log(e);e===null||e===void 0?void 0:e.scrollIntoView(true)}),1)};_export("default",InfiniteRepeater=class InfiniteRepeater{});_a=InfiniteRepeater;InfiniteRepeater.pagedItems=start=>{const setter=start(0);const setters=pagedItemsSetter(Bind.oneWayAsync(setter));setters["event-more-items"]=Bind.event(((s,e)=>__awaiter(void 0,void 0,void 0,(function*(){var _b,_c;const st=(_c=(_b=s.items)===null||_b===void 0?void 0:_b.length)!==null&&_c!==void 0?_c:0;if(!st){return}const cancelToken=s[loadMoreSet];const loader=start(st);const results=yield loader(s,e.target,cancelToken);s.items.addAll(results.items);s.footer=results.items.length>0}))));return setters}}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater");System.register(["@web-atoms/core/dist/core/XNode","../../common/date/DateFormats","../../web/page/mails/service/ConversationService","./UrlService"],(function(_export,_context){"use strict";var XNode,DateFormats,renderMail,UrlService,commentIcon;function PostSummary({mailboxEmail=void 0,itemPath=void 0}){const{mailboxID,email}=mailboxEmail;const{engagements=[]}=email;const isComment=email.parentID!==null;return XNode.create("section",{"data-element":"blog-item","data-comment":isComment,"data-item-path":itemPath},XNode.create("h4",{"data-element":"title"},XNode.create("a",{href:UrlService.toBlogUrl(mailboxEmail),text:isComment?email.senderName:email.subject})),XNode.create("h6",{"data-element":"date",text:DateFormats.relative.short(email.dateSent)}),!isComment&&XNode.create("h5",{text:email.senderName}),XNode.create("section",{"data-element":"content","data-fade":"bottom"},!email.parentID?XNode.create("section",Object.assign({},renderMail({email}))):XNode.create("section",{text:email.textBody})),XNode.create("footer",null,...engagements.map((x=>XNode.create("span",{"data-click-event":x.engagement===commentIcon?"view-comments":"none","data-element":"engagements",title:`View all ${x.engagement} ${x.count}`,text:`${x.engagement} ${x.count}`})))))}_export("default",PostSummary);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_commonDateDateFormats){DateFormats=_commonDateDateFormats.DateFormats},function(_webPageMailsServiceConversationService){renderMail=_webPageMailsServiceConversationService.renderMail},function(_UrlService){UrlService=_UrlService.UrlService}],execute:function(){commentIcon="💬"}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/PostSummary");System.register([],(function(_export,_context){"use strict";var Base36,toBase36,parseBigInt;_export("Base36",void 0);return{setters:[],execute:function(){_export("toBase36",toBase36=n=>BigInt(n).toString(36));parseBigInt=(numberString,throwOnFail=true)=>{if(!numberString){return}if(numberString.startsWith("$")){return}const keySpace="0123456789abcdefghijklmnopqrstuvwxyz";let result=BigInt(0);const keySpaceLength=BigInt(keySpace.length);for(const iterator of numberString){const value=keySpace.indexOf(iterator);if(value===-1){if(throwOnFail){throw new Error("invalid string")}return}result=result*keySpaceLength+BigInt(value)}return result};_export("Base36",Base36=class Base36{static encode(n){return BigInt(n).toString(36)}static decode(n,throwOnFail=true){var _a;return(_a=parseBigInt(n,throwOnFail))===null||_a===void 0?void 0:_a.toString()}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/toBase36");System.register(["tslib","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/web/controls/AtomControl","./BlogService","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/view-model/Action","./emoji/EmojiPopup","../../style/GlobalStyle","./styles/channelViewStyle","@web-atoms/core/dist/web/services/PopupService","@web-atoms/web-controls/dist/basic/AtomRepeater","./PostView","../../common/controls/buttons/CopyIcon","./controls/TagCloud","./controls/PostList","./controls/RecentPosts","./controls/BlogHeader","@web-atoms/core/dist/Pack","../../common/controls/repeater/InfiniteRepeater","@web-atoms/core/dist/core/Bind","./PostSummary","../../common/toBase36"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomControl,BlogService,XNode,Action,EmojiPopup,PopupService,AtomRepeater,PostView,CopyIcon,TagCloud,PopularPosts,RecentPosts,BlogHeader,Pack,InfiniteRepeater,Bind,PostSummary,Base36,_a,_b,url,channelID,type,p2,emailID,commentIcon,ChannelMessage;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_BlogService){BlogService=_BlogService.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_emojiEmojiPopup){EmojiPopup=_emojiEmojiPopup.default},function(_styleGlobalStyle){},function(_stylesChannelViewStyle){},function(_webAtomsCoreDistWebServicesPopupService){PopupService=_webAtomsCoreDistWebServicesPopupService.default},function(_webAtomsWebControlsDistBasicAtomRepeater){AtomRepeater=_webAtomsWebControlsDistBasicAtomRepeater.default},function(_PostView){PostView=_PostView.default},function(_commonControlsButtonsCopyIcon){CopyIcon=_commonControlsButtonsCopyIcon.default},function(_controlsTagCloud){TagCloud=_controlsTagCloud.default},function(_controlsPostList){PopularPosts=_controlsPostList.default},function(_controlsRecentPosts){RecentPosts=_controlsRecentPosts.default},function(_controlsBlogHeader){BlogHeader=_controlsBlogHeader.default},function(_webAtomsCoreDistPack){Pack=_webAtomsCoreDistPack.default},function(_commonControlsRepeaterInfiniteRepeater){InfiniteRepeater=_commonControlsRepeaterInfiniteRepeater.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_PostSummary){PostSummary=_PostSummary.default},function(_commonToBase){Base36=_commonToBase.Base36}],execute:function(){url=(_a=window.pageUrl)!==null&&_a!==void 0?_a:new URL(location.href);({1:channelID=url.searchParams.get("p0"),2:type=url.searchParams.get("p1"),3:p2=url.searchParams.get("p2")}=(_b=/^\/channels\/([^\/]+)\/([^\/]+)\/([^\/]+)\//.exec(url===null||url===void 0?void 0:url.pathname))!==null&&_b!==void 0?_b:{});if(channelID){channelID=Base36.decode(channelID)}type||(type="");if(p2){p2=Base36.decode(p2)}emailID=type==="p"?p2:void 0;commentIcon="💬";ChannelMessage=class ChannelMessage extends AtomControl{constructor(app,e=document.createElement("section")){super(app,e);this.search="";this.tagID=type==="t"?p2:null;this.authorID=type==="a"?p2:null;this.emails=[];this.pushInit()}init(){var _a;var _b;return __awaiter(this,void 0,void 0,(function*(){const channel=yield this.blogService.getChannel(void 0,channelID,void 0);this.channel=channel;if(emailID){this.email=yield this.blogService.getEmail({emailID,channelID});(_a=(_b=this.email).engagements)!==null&&_a!==void 0?_a:_b.engagements=[];this.emails=[this.email]}const search=Bind.twoWaysImmediate((()=>this.search));this.element.setAttribute("data-blog-list","blog-list");this.element.setAttribute("data-layout","flex-center");this.renderer=XNode.create("section",null,XNode.create(BlogHeader,{search,channel}),XNode.create("section",null,emailID?XNode.create(AtomRepeater,{"data-items-updated-event":"items-updated","event-items-updated":()=>this.itemsUpdated(),itemRenderer:x=>XNode.create(PostView,{email:x}),items:this.emails}):XNode.create(AtomRepeater,Object.assign({"data-items-updated-event":"items-updated","event-items-updated":()=>this.itemsUpdated(),"data-auto-scroll":"false",itemRenderer:x=>XNode.create(PostSummary,{mailboxEmail:x}),items:this.emails},InfiniteRepeater.pagedItems((start=>(c,e,cancelToken)=>this.blogService.getEmails({channelID:this.channel.mailboxID,authorID:this.authorID,tagID:this.tagID,start,search:this.search,cancelToken})))))),XNode.create("aside",null,XNode.create(TagCloud,null),XNode.create(PopularPosts,null),XNode.create(RecentPosts,null)),XNode.create("footer",null))}))}itemsUpdated(){window.pageReady=true}reactEmail(email,ce){return __awaiter(this,void 0,void 0,(function*(){const{headerMessageID}=email;const emoji=yield EmojiPopup.showControl(ce.target,{parentElement:ce.target});const{channel}=this;const subject=`${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;yield PopupService.alert({message:XNode.create("div",{"data-layout":"vertical-flex"},"To add your emoji to this post, email just the emoji ",emoji," with given subject to the channel email address.",XNode.create("div",null,"To: ",channel.emailAddress.emailAddress," ",XNode.create(CopyIcon,{text:channel.emailAddress.emailAddress})," "),XNode.create("div",null,"Subject: ",subject," ",XNode.create(CopyIcon,{text:subject})),XNode.create("div",null,"Body: ",emoji," ",XNode.create(CopyIcon,{text:emoji})),XNode.create("br",null),XNode.create("div",null,"If you have email client configured, you can click on following link."),XNode.create("div",null,XNode.create("a",{href:`mailto:${channel.emailAddress.emailAddress}?subject=${subject}&body=${emoji}&in-reply-to=${headerMessageID}`},"Email Now"))),title:"Send Email"})}))}replyEmail(email,ce){return __awaiter(this,void 0,void 0,(function*(){const emoji=commentIcon;const{headerMessageID}=email;const{channel}=this;const subject=`${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;yield PopupService.alert({message:XNode.create("div",{"data-layout":"vertical-flex"},"To send comment to this post, email us your comment with given subject to the channel email address.",XNode.create("div",null,"To: ",channel.emailAddress.emailAddress," ",XNode.create(CopyIcon,{text:channel.emailAddress.emailAddress})),XNode.create("div",null,"Subject: ",subject," ",XNode.create(CopyIcon,{text:subject})),XNode.create("br",null),XNode.create("div",null,"If you have email client configured, you can click on following link."),XNode.create("div",null,XNode.create("a",{href:`mailto:${channel.emailAddress.emailAddress}?subject=${subject}&in-reply-to=${headerMessageID}`},"Email Now"))),title:"Send Email"})}))}};__decorate([InjectProperty,__metadata("design:type",BlogService)],ChannelMessage.prototype,"blogService",void 0);__decorate([Action({onEvent:"react-email"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object,CustomEvent]),__metadata("design:returntype",Promise)],ChannelMessage.prototype,"reactEmail",null);__decorate([Action({onEvent:"reply-email"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object,CustomEvent]),__metadata("design:returntype",Promise)],ChannelMessage.prototype,"replyEmail",null);ChannelMessage=__decorate([Pack,__metadata("design:paramtypes",[Object,Object])],ChannelMessage);_export("default",ChannelMessage)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/ChannelView");
+`.installGlobal("[data-load-more=load-more]");pagedItemsSetter=AtomControl.registerProperty("paged-items","paged-items",((control,element,value)=>{var _b,_c;if(value&&value.items){let cancelToken=control[loadMoreSet];(_b=control.footerRenderer)!==null&&_b!==void 0?_b:control.footerRenderer=()=>XNode.create("div",{"data-load-more":"load-more","data-click-event":"load-more-items"},XNode.create("span",{text:"Load more ... "}));(_c=control.headerRenderer)!==null&&_c!==void 0?_c:control.headerRenderer=()=>XNode.create("div",{class:"scroll-header","style-height":"1px","style-width":"100%"});if(!cancelToken){control[loadMoreSet]=cancelToken=new CancelToken;control.bindEvent(control.element,"loadMoreItems",(e=>{const ce=new CustomEvent("moreItems",{detail:{pagedItems:control.pagedItems,cancelToken},bubbles:false});control.element.dispatchEvent(ce)}))}else{cancelToken.cancel();control[loadMoreSet]=cancelToken=new CancelToken}const items=control.items;if(items&&Array.isArray(items)){items.clear();items.addAll(value.items)}else{control.items=value.items}const autoScroll=control.element.getAttribute("data-auto-scroll")!=="false";if(autoScroll){setTimeout((()=>{var _b;const ce=(_b=control.element)===null||_b===void 0?void 0:_b.firstElementChild;const scrollX=window.scrollX;const scrollY=window.scrollY;ce===null||ce===void 0?void 0:ce.scrollIntoView();setTimeout((()=>{window.scrollTo(scrollX,scrollY)}),100)}),100)}control.footer=value.total&&value.items&&value.items.length<value.total;control.pagedItems=value}}));scrollToBottom=({target,detail:{type,index}})=>{if(!(type==="add"&&index===0)&&type!=="reset"){return}setTimeout((()=>{const e=target.firstElementChild;console.log(e);e===null||e===void 0?void 0:e.scrollIntoView(true)}),1)};_export("default",InfiniteRepeater=class InfiniteRepeater{});_a=InfiniteRepeater;InfiniteRepeater.pagedItems=start=>{const setter=start(0);const setters=pagedItemsSetter(Bind.oneWayAsync(setter));setters["event-more-items"]=Bind.event(((s,e)=>__awaiter(void 0,void 0,void 0,(function*(){var _b,_c;const st=(_c=(_b=s.items)===null||_b===void 0?void 0:_b.length)!==null&&_c!==void 0?_c:0;if(!st){return}const cancelToken=s[loadMoreSet];const loader=start(st);const results=yield loader(s,e.target,cancelToken);s.items.addAll(results.items);s.footer=results.items.length>0}))));return setters}}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater");System.register(["@web-atoms/core/dist/core/XNode","../../common/date/DateFormats","../../web/page/mails/service/ConversationService","./UrlService"],(function(_export,_context){"use strict";var XNode,DateFormats,renderMail,UrlService,commentIcon;function PostSummary({channel=void 0,mailboxEmail=void 0,itemPath=void 0}){const{mailboxID,email}=mailboxEmail;const{engagements=[]}=email;const isComment=email.parentID!==null;return XNode.create("section",{"data-element":"blog-item","data-comment":isComment,"data-item-path":itemPath},XNode.create("h4",{"data-element":"title"},XNode.create("a",{href:UrlService.toBlogUrl(Object.assign({mailbox:channel},mailboxEmail)),text:isComment?email.senderName:email.subject})),XNode.create("h6",{"data-element":"date",text:DateFormats.relative.short(email.dateSent)}),!isComment&&XNode.create("h5",{text:email.senderName}),XNode.create("section",{"data-element":"content","data-fade":"bottom"},!email.parentID?XNode.create("section",Object.assign({},renderMail({email}))):XNode.create("section",{text:email.textBody})),XNode.create("footer",null,...engagements.map((x=>XNode.create("span",{"data-click-event":x.engagement===commentIcon?"view-comments":"none","data-element":"engagements",title:`View all ${x.engagement} ${x.count}`,text:`${x.engagement} ${x.count}`})))))}_export("default",PostSummary);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_commonDateDateFormats){DateFormats=_commonDateDateFormats.DateFormats},function(_webPageMailsServiceConversationService){renderMail=_webPageMailsServiceConversationService.renderMail},function(_UrlService){UrlService=_UrlService.UrlService}],execute:function(){commentIcon="💬"}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/PostSummary");System.register([],(function(_export,_context){"use strict";var Base36,toBase36,parseBigInt;_export("Base36",void 0);return{setters:[],execute:function(){_export("toBase36",toBase36=n=>BigInt(n).toString(36));parseBigInt=(numberString,throwOnFail=true)=>{if(!numberString){return}if(numberString.startsWith("$")){return}const keySpace="0123456789abcdefghijklmnopqrstuvwxyz";let result=BigInt(0);const keySpaceLength=BigInt(keySpace.length);for(const iterator of numberString){const value=keySpace.indexOf(iterator);if(value===-1){if(throwOnFail){throw new Error("invalid string")}return}result=result*keySpaceLength+BigInt(value)}return result};_export("Base36",Base36=class Base36{static encode(n){return BigInt(n).toString(36)}static decode(n,throwOnFail=true){var _a;return(_a=parseBigInt(n,throwOnFail))===null||_a===void 0?void 0:_a.toString()}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/toBase36");System.register(["tslib","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/web/controls/AtomControl","./BlogService","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/view-model/Action","./emoji/EmojiPopup","../../style/GlobalStyle","./styles/channelViewStyle","@web-atoms/core/dist/web/services/PopupService","@web-atoms/web-controls/dist/basic/AtomRepeater","./PostView","../../common/controls/buttons/CopyIcon","./controls/TagCloud","./controls/PostList","./controls/RecentPosts","./controls/BlogHeader","@web-atoms/core/dist/Pack","../../common/controls/repeater/InfiniteRepeater","@web-atoms/core/dist/core/Bind","./PostSummary","../../common/toBase36"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomControl,BlogService,XNode,Action,EmojiPopup,PopupService,AtomRepeater,PostView,CopyIcon,TagCloud,PopularPosts,RecentPosts,BlogHeader,Pack,InfiniteRepeater,Bind,PostSummary,Base36,_a,_b,url,channelID,type,p2,emailID,commentIcon,ChannelMessage;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistCoreInjectProperty){InjectProperty=_webAtomsCoreDistCoreInjectProperty.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_BlogService){BlogService=_BlogService.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistViewModelAction){Action=_webAtomsCoreDistViewModelAction.default},function(_emojiEmojiPopup){EmojiPopup=_emojiEmojiPopup.default},function(_styleGlobalStyle){},function(_stylesChannelViewStyle){},function(_webAtomsCoreDistWebServicesPopupService){PopupService=_webAtomsCoreDistWebServicesPopupService.default},function(_webAtomsWebControlsDistBasicAtomRepeater){AtomRepeater=_webAtomsWebControlsDistBasicAtomRepeater.default},function(_PostView){PostView=_PostView.default},function(_commonControlsButtonsCopyIcon){CopyIcon=_commonControlsButtonsCopyIcon.default},function(_controlsTagCloud){TagCloud=_controlsTagCloud.default},function(_controlsPostList){PopularPosts=_controlsPostList.default},function(_controlsRecentPosts){RecentPosts=_controlsRecentPosts.default},function(_controlsBlogHeader){BlogHeader=_controlsBlogHeader.default},function(_webAtomsCoreDistPack){Pack=_webAtomsCoreDistPack.default},function(_commonControlsRepeaterInfiniteRepeater){InfiniteRepeater=_commonControlsRepeaterInfiniteRepeater.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_PostSummary){PostSummary=_PostSummary.default},function(_commonToBase){Base36=_commonToBase.Base36}],execute:function(){url=(_a=window.pageUrl)!==null&&_a!==void 0?_a:new URL(location.href);({1:channelID=url.searchParams.get("p0"),2:type=url.searchParams.get("p1"),3:p2=url.searchParams.get("p2")}=(_b=/^\/channels\/([^\/]+)\/([^\/]+)\/([^\/]+)\//.exec(url===null||url===void 0?void 0:url.pathname))!==null&&_b!==void 0?_b:{});if(channelID){channelID=Base36.decode(channelID)}type||(type="");if(p2){p2=Base36.decode(p2)}emailID=type==="p"?p2:void 0;commentIcon="💬";ChannelMessage=class ChannelMessage extends AtomControl{constructor(app,e=document.createElement("section")){super(app,e);this.search="";this.tagID=type==="t"?p2:null;this.authorID=type==="a"?p2:null;this.emails=[];this.pushInit()}init(){var _a;var _b;return __awaiter(this,void 0,void 0,(function*(){const channel=yield this.blogService.getChannel(void 0,channelID,void 0);this.channel=channel;if(emailID){this.email=yield this.blogService.getEmail({emailID,channelID});(_a=(_b=this.email).engagements)!==null&&_a!==void 0?_a:_b.engagements=[];this.emails=[this.email]}const search=Bind.twoWaysImmediate((()=>this.search));this.element.setAttribute("data-blog-list","blog-list");this.element.setAttribute("data-layout","flex-center");this.renderer=XNode.create("section",null,XNode.create(BlogHeader,{search,channel}),XNode.create("section",null,emailID?XNode.create(AtomRepeater,{"data-items-updated-event":"items-updated","event-items-updated":()=>this.itemsUpdated(),itemRenderer:x=>XNode.create(PostView,{email:x}),items:this.emails}):XNode.create(AtomRepeater,Object.assign({"data-items-updated-event":"items-updated","event-items-updated":()=>this.itemsUpdated(),"data-auto-scroll":"false",itemRenderer:x=>XNode.create(PostSummary,{channel,mailboxEmail:x}),items:this.emails},InfiniteRepeater.pagedItems((start=>(c,e,cancelToken)=>this.blogService.getEmails({channelID:this.channel.mailboxID,authorID:this.authorID,tagID:this.tagID,start,search:this.search,cancelToken})))))),XNode.create("aside",null,XNode.create(TagCloud,null),XNode.create(PopularPosts,null),XNode.create(RecentPosts,null)),XNode.create("footer",null))}))}itemsUpdated(){window.pageReady=true}reactEmail(email,ce){return __awaiter(this,void 0,void 0,(function*(){const{headerMessageID}=email;const emoji=yield EmojiPopup.showControl(ce.target,{parentElement:ce.target});const{channel}=this;const subject=`${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;yield PopupService.alert({message:XNode.create("div",{"data-layout":"vertical-flex"},"To add your emoji to this post, email just the emoji ",emoji," with given subject to the channel email address.",XNode.create("div",null,"To: ",channel.emailAddress.emailAddress," ",XNode.create(CopyIcon,{text:channel.emailAddress.emailAddress})," "),XNode.create("div",null,"Subject: ",subject," ",XNode.create(CopyIcon,{text:subject})),XNode.create("div",null,"Body: ",emoji," ",XNode.create(CopyIcon,{text:emoji})),XNode.create("br",null),XNode.create("div",null,"If you have email client configured, you can click on following link."),XNode.create("div",null,XNode.create("a",{href:`mailto:${channel.emailAddress.emailAddress}?subject=${subject}&body=${emoji}&in-reply-to=${headerMessageID}`},"Email Now"))),title:"Send Email"})}))}replyEmail(email,ce){return __awaiter(this,void 0,void 0,(function*(){const emoji=commentIcon;const{headerMessageID}=email;const{channel}=this;const subject=`${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;yield PopupService.alert({message:XNode.create("div",{"data-layout":"vertical-flex"},"To send comment to this post, email us your comment with given subject to the channel email address.",XNode.create("div",null,"To: ",channel.emailAddress.emailAddress," ",XNode.create(CopyIcon,{text:channel.emailAddress.emailAddress})),XNode.create("div",null,"Subject: ",subject," ",XNode.create(CopyIcon,{text:subject})),XNode.create("br",null),XNode.create("div",null,"If you have email client configured, you can click on following link."),XNode.create("div",null,XNode.create("a",{href:`mailto:${channel.emailAddress.emailAddress}?subject=${subject}&in-reply-to=${headerMessageID}`},"Email Now"))),title:"Send Email"})}))}};__decorate([InjectProperty,__metadata("design:type",BlogService)],ChannelMessage.prototype,"blogService",void 0);__decorate([Action({onEvent:"react-email"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object,CustomEvent]),__metadata("design:returntype",Promise)],ChannelMessage.prototype,"reactEmail",null);__decorate([Action({onEvent:"reply-email"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object,CustomEvent]),__metadata("design:returntype",Promise)],ChannelMessage.prototype,"replyEmail",null);ChannelMessage=__decorate([Pack,__metadata("design:paramtypes",[Object,Object])],ChannelMessage);_export("default",ChannelMessage)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/ChannelView");
 //# sourceMappingURL=ChannelView.pack.min.js.map