@social-mail/social-mail-client 1.2.736 → 1.2.737

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -793,7 +793,7 @@ aside {
793
793
  }
794
794
  }
795
795
 
796
- `.installGlobal("tag-cloud");_export("default",TagCloud=class TagCloud extends AtomRepeater{constructor(app,e=document.createElement("tag-cloud")){super(app,e);this.pushInit()}init(){return __awaiter(this,void 0,void 0,(function*(){const tags=yield this.entityService.query(MailboxTag,"channelTags").include((x=>[x.tag,x.mailbox.emailAddress])).orderByDescending((x=>x.count)).toPagedList({size:20,cacheVersion,cacheSeconds:CacheTTL.seconds.fifteenMinutes});this.itemRenderer=x=>XNode.create("a",{href:UrlService.toTagUrl(x),text:`# ${x.tag.name}`});this.items=tags.items}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],TagCloud.prototype,"entityService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/TagCloud");System.register(["tslib","@web-atoms/core/dist/di/Inject","../../services/EntityService","@web-atoms/core/dist/di/DISingleton","../../common/Sql","../../model/model","../../common/cache/CacheTTL","../../common/apiPath","@social-mail/social-mail-client/content/images/svg/logo/logo-orange.svg","../../common/CDN"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,Inject,EntityService,DISingleton,Sql,AppFile,CacheTTL,apiPath,orangeLogo,CDN,cacheVersion,cacheSeconds,BlogImageService;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistDiInject){Inject=_webAtomsCoreDistDiInject.Inject},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_webAtomsCoreDistDiDISingleton){DISingleton=_webAtomsCoreDistDiDISingleton.default},function(_commonSql){Sql=_commonSql.Sql},function(_modelModel){AppFile=_modelModel.AppFile},function(_commonCacheCacheTTL){CacheTTL=_commonCacheCacheTTL.CacheTTL},function(_commonApiPath){apiPath=_commonApiPath.apiPath},function(_socialMailSocialMailClientContentImagesSvgLogoLogoOrangeSvg){orangeLogo=_socialMailSocialMailClientContentImagesSvgLogoLogoOrangeSvg.default},function(_commonCDN){CDN=_commonCDN.CDN}],execute:function(){cacheVersion="1a";cacheSeconds=CacheTTL.seconds.oneDay;BlogImageService=class BlogImageService{getImage({emailID,email,mailboxID:channelID}){return __awaiter(this,void 0,void 0,(function*(){const types=["image/%","video/%"];const file=yield this.entityService.query(AppFile,"channelEmailFiles",emailID).where({types},(p=>x=>Sql.text.likeAny(x.contentType,p.types))).firstOrDefault({cacheVersion,cacheSeconds});if(file){return CDN.toCDNUrl(apiPath(`/social-mail/c/d/${location.hostname}/webp(100)/${file.postID}/${file.appFileID}/${file.name}/${file.name}.100.webp`))}return orangeLogo}))}};__decorate([Inject,__metadata("design:type",EntityService)],BlogImageService.prototype,"entityService",void 0);BlogImageService=__decorate([DISingleton()],BlogImageService);_export("default",BlogImageService)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/BlogImageService");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","@web-atoms/core/dist/core/Bind","@social-mail/social-mail-client/content/images/gif/loader.gif","../BlogImageService","../../../common/cache/CacheTTL"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomRepeater,EntityService,MailboxEmail,XNode,styled,UrlService,Bind,loaderImage,BlogImageService,CacheTTL,PostList,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){MailboxEmail=_modelModel.MailboxEmail},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_UrlService){UrlService=_UrlService.UrlService},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_socialMailSocialMailClientContentImagesGifLoaderGif){loaderImage=_socialMailSocialMailClientContentImagesGifLoaderGif.default},function(_BlogImageService){BlogImageService=_BlogImageService.default},function(_commonCacheCacheTTL){CacheTTL=_commonCacheCacheTTL.CacheTTL}],execute:function(){cacheVersion="1a";styled.css`
796
+ `.installGlobal("tag-cloud");_export("default",TagCloud=class TagCloud extends AtomRepeater{constructor(app,e=document.createElement("tag-cloud")){super(app,e);this.pushInit()}init(){return __awaiter(this,void 0,void 0,(function*(){const tags=yield this.entityService.query(MailboxTag,"channelTags").include((x=>[x.tag,x.mailbox.emailAddress])).orderByDescending((x=>x.count)).toPagedList({size:20,cacheVersion,cacheSeconds:CacheTTL.seconds.fifteenMinutes});this.itemRenderer=x=>XNode.create("a",{href:UrlService.toTagUrl(x),text:`# ${x.tag.name}`});this.items=tags.items}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],TagCloud.prototype,"entityService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/TagCloud");System.register(["tslib","@web-atoms/core/dist/di/Inject","../../services/EntityService","@web-atoms/core/dist/di/DISingleton","../../common/Sql","../../model/model","../../common/cache/CacheTTL","../../common/apiPath","@social-mail/social-mail-client/content/images/svg/logo/logo-orange.svg","../../common/CDN"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,Inject,EntityService,DISingleton,Sql,AppFile,CacheTTL,apiPath,orangeLogo,CDN,cacheVersion,cacheSeconds,BlogImageService;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata},function(_webAtomsCoreDistDiInject){Inject=_webAtomsCoreDistDiInject.Inject},function(_servicesEntityService){EntityService=_servicesEntityService.default},function(_webAtomsCoreDistDiDISingleton){DISingleton=_webAtomsCoreDistDiDISingleton.default},function(_commonSql){Sql=_commonSql.Sql},function(_modelModel){AppFile=_modelModel.AppFile},function(_commonCacheCacheTTL){CacheTTL=_commonCacheCacheTTL.CacheTTL},function(_commonApiPath){apiPath=_commonApiPath.apiPath},function(_socialMailSocialMailClientContentImagesSvgLogoLogoOrangeSvg){orangeLogo=_socialMailSocialMailClientContentImagesSvgLogoLogoOrangeSvg.default},function(_commonCDN){CDN=_commonCDN.CDN}],execute:function(){cacheVersion="1a";cacheSeconds=CacheTTL.seconds.oneDay;BlogImageService=class BlogImageService{getImage({emailID,email,mailboxID:channelID}){return __awaiter(this,void 0,void 0,(function*(){const types=["image/%","video/%"];const file=yield this.entityService.query(AppFile,"channelEmailFiles",emailID).where({types},(p=>x=>Sql.text.likeAny(x.contentType,p.types))).firstOrDefault({cacheVersion,cacheSeconds});if(file){return CDN.toCDNUrl(apiPath(`/social-mail/c/d/${location.hostname}/webp(700)/${file.postID}/${file.appFileID}/${file.name}/${file.name}.700.webp`))}return orangeLogo}))}};__decorate([Inject,__metadata("design:type",EntityService)],BlogImageService.prototype,"entityService",void 0);BlogImageService=__decorate([DISingleton()],BlogImageService);_export("default",BlogImageService)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/BlogImageService");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","@web-atoms/core/dist/core/Bind","@social-mail/social-mail-client/content/images/gif/loader.gif","../BlogImageService","../../../common/cache/CacheTTL"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomRepeater,EntityService,MailboxEmail,XNode,styled,UrlService,Bind,loaderImage,BlogImageService,CacheTTL,PostList,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){MailboxEmail=_modelModel.MailboxEmail},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_UrlService){UrlService=_UrlService.UrlService},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_socialMailSocialMailClientContentImagesGifLoaderGif){loaderImage=_socialMailSocialMailClientContentImagesGifLoaderGif.default},function(_BlogImageService){BlogImageService=_BlogImageService.default},function(_commonCacheCacheTTL){CacheTTL=_commonCacheCacheTTL.CacheTTL}],execute:function(){cacheVersion="1a";styled.css`
797
797
  display: flex;
798
798
  flex-direction: row;
799
799
  flex-wrap: wrap;
@@ -861,16 +861,18 @@ aside {
861
861
  border: solid 1px gray;
862
862
  }
863
863
 
864
- `.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","./UrlService","@social-mail/social-mail-client/content/images/gif/loader.gif","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,DateFormats,UrlService,loaderImage,Bind,styled,commentIcon;function PostSummary({channel=void 0,mailboxEmail=void 0,itemPath=void 0,blogService=void 0}){var _a,_b;const{mailboxID,email}=mailboxEmail;const{engagements=[]}=email;const isComment=email.parentID!==null;const firstMedia=(_a=email.attachments)===null||_a===void 0?void 0:_a.find((x=>/(image|video)\//i.test(x.contentType)));const href=UrlService.toBlogUrl(Object.assign({mailbox:channel},mailboxEmail));return XNode.create("post-summary",{"data-comment":isComment,"data-item-path":itemPath},firstMedia?XNode.create("a",{"data-element":"preview",href},XNode.create("img",{src:Bind.oneTimeAsync((()=>blogService.getImage(mailboxEmail)),loaderImage)})):XNode.create("a",{"data-element":"preview-text",href,text:(_b=isComment?email.senderName:email.subject)===null||_b===void 0?void 0:_b.trim()}),XNode.create("a",{"data-element":"title",href,text:isComment?email.senderName:email.subject}),XNode.create("h6",{"data-element":"date",href,text:DateFormats.relative.short(email.dateSent)}),!isComment&&XNode.create("h5",{href,"data-element":"author",text:email.senderName}),XNode.create("section",null,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(_UrlService){UrlService=_UrlService.UrlService},function(_socialMailSocialMailClientContentImagesGifLoaderGif){loaderImage=_socialMailSocialMailClientContentImagesGifLoaderGif.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){commentIcon="💬";styled.css`
864
+ `.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","./UrlService","@social-mail/social-mail-client/content/images/gif/loader.gif","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,DateFormats,UrlService,loaderImage,Bind,styled,commentIcon;function PostSummary({channel=void 0,mailboxEmail=void 0,itemPath=void 0,blogService=void 0}){var _a,_b;const{mailboxID,email}=mailboxEmail;const{engagements=[]}=email;const isComment=email.parentID!==null;const firstMedia=(_a=email.attachments)===null||_a===void 0?void 0:_a.find((x=>/(image|video)\//i.test(x.contentType)));const href=UrlService.toBlogUrl(Object.assign({mailbox:channel},mailboxEmail));return XNode.create("post-summary",{"data-comment":isComment,"data-item-path":itemPath},firstMedia?XNode.create("a",{"data-element":"preview",href},XNode.create("img",{src:Bind.oneTimeAsync((()=>blogService.getImage(mailboxEmail)),loaderImage)})):XNode.create("a",{"data-element":"preview-text",href,text:(_b=isComment?email.senderName:email.subject)===null||_b===void 0?void 0:_b.trim()}),XNode.create("a",{"data-element":"title",href,text:isComment?email.senderName:email.subject}),XNode.create("h6",{"data-element":"date",href,text:DateFormats.relative.short(email.dateSent)}),!isComment&&XNode.create("h5",{href,"data-element":"author",text:email.senderName}),XNode.create("section",null,XNode.create("section",null,email.textBody.substring(0,110).trim()," ",XNode.create("a",{href},"Read More ..."))),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(_UrlService){UrlService=_UrlService.UrlService},function(_socialMailSocialMailClientContentImagesGifLoaderGif){loaderImage=_socialMailSocialMailClientContentImagesGifLoaderGif.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){commentIcon="💬";styled.css`
865
865
 
866
866
  display: grid;
867
867
  grid-template-columns: 1fr 2fr auto;
868
868
  grid-template-rows: auto auto 1fr auto;
869
869
 
870
+ padding-bottom: 10px;
871
+
870
872
  border-bottom: solid 1px lightgray;
871
873
 
872
- max-height: 120px;
873
- height: 120px;
874
+ max-height: 285px;
875
+ height: 285px;
874
876
 
875
877
  overflow: hidden;
876
878
 
@@ -878,15 +880,15 @@ aside {
878
880
 
879
881
  gap: 10px;
880
882
 
881
- cursor: pointer;
883
+ row-gap: 20px;
882
884
 
883
885
  & > [data-element=preview] {
884
886
  grid-row: 1 / span 4;
885
887
  grid-column: 1;
886
- background-color: gray;
888
+ background-color: #343a400d;
887
889
  object-fit: contain;
888
- width: 100%;
889
- height: 120px;
890
+ width: 275px;
891
+ height: 275px;
890
892
  border: none;
891
893
  outline: none;
892
894
  text-decoration: none;
@@ -933,39 +935,39 @@ aside {
933
935
  }
934
936
 
935
937
  & > [data-element=title] {
936
- grid-row: 1;
937
- grid-column: 2;
938
+ grid-row: 2;
939
+ grid-column: 2 / span 2;
940
+ font-size: 1.5em;
941
+ line-height: 1.2;
942
+ text-decoration: none;
938
943
  margin: 0;
944
+ & a {
945
+ text-decoration: none;
946
+ }
939
947
  }
940
948
 
941
949
  & > [data-element=date] {
942
- grid-row: 2;
950
+ grid-row: 1;
943
951
  grid-column: 3;
952
+ font-size: 0.70rem;
953
+ line-height: 1;
954
+ letter-spacing:0.05rem;
944
955
  margin: 0;
945
956
  }
946
957
 
947
958
  & > [data-element=author] {
948
- grid-row: 2;
959
+ grid-row: 1;
949
960
  grid-column: 2;
961
+ font-size: 0.70rem;
962
+ line-height: 1;
963
+ letter-spacing:0.05rem;
950
964
  margin: 0;
951
965
  }
952
966
 
953
967
  & > section {
954
968
  grid-row: 3;
955
- grid-column: 2;
969
+ grid-column: 2 / span 2;
956
970
  position: relative;
957
- max-height: 60px;
958
- overflow: hidden;
959
- &::after {
960
- position: absolute;
961
- left: 0;
962
- right: 0;
963
- top: 0;
964
- bottom: 0;
965
- content: "";
966
- pointer-events: none;
967
- background: linear-gradient(to top, rgba(255, 255, 255, 1) 1px, rgba(255, 255, 255, 0) 16px);
968
- }
969
971
  }
970
972
 
971
973
  & > footer {
@@ -1247,5 +1249,5 @@ aside {
1247
1249
  gap: 10px;
1248
1250
  }
1249
1251
 
1250
- `.installGlobal("[calendar-view]");cacheVersion="v1";cacheSeconds=CacheTTL.seconds.fifteenMinutes;renderChildren=AtomControl.registerProperty("data-render","children",((c,e,v)=>{e.innerHTML="";if(!v){return}c.render(XNode.create("div",null," ",...v," "),e,c)}));toVisibleDate=date=>{if(!date){return""}const month=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][date.month];return`${date.year}-${month}-${date.day}`};_export("default",ChannelCalendarView=class ChannelCalendarView extends AtomControl{constructor(app,e){super(app,e);this.channel=null;this.selectedDate=null;this.calendarEvents=new Map;this.time=TimeSpan.parse("11:00 AM");this.element.setAttribute("calendar-view","simple");this.pushInit();const now=DateTime.now;this.month=now.month;this.year=now.year}init(){return __awaiter(this,void 0,void 0,(function*(){this.app.installScript(`${WebComponents.path}/dist/main.js`);this.renderer=XNode.create("div",{update:Bind.oneWayAsync(((c,e,cancelToken)=>this.loadEvents(this.year,this.month,cancelToken)))},XNode.create(Calendar,{year:Bind.twoWaysImmediate((()=>this.year)),month:Bind.twoWaysImmediate((()=>this.month)),value:Bind.twoWaysImmediate((()=>this.selectedDate)),dateRenderer:x=>XNode.create("div",null,XNode.create("label",{text:x.label}),XNode.create("mini-calendar-events",Object.assign({},renderChildren(Bind.source({self:this,x},(s=>this.renderEvent(s.source.self.calendarEvents,s.source.x.value)))))))}),XNode.create("vflex-div",{"style-display":Bind.oneWay((()=>!!this.selectedDate))},XNode.create("calendar-events",Object.assign({},renderChildren(Bind.source({self:this},(s=>this.renderEventItem(s.source.self.calendarEvents,s.source.self.selectedDate)))))),XNode.create("details",null,XNode.create("summary",null,"Create New"),XNode.create("div",{"data-layout":"row"},"Create Event at",XNode.create(TimeEditor,{time:Bind.twoWaysImmediate((()=>this.time))}),XNode.create("share-button",{href:Bind.oneWay((()=>this.createEvent(this.selectedDate,this.time)))},"Create Event")))))}))}createEvent(date,time){if(!date){return""}let l="";const d=date.date.add(time);const body=`\r\nEvent on: 📅: ${d.toJSON()}\r\n${l}`;return Mailto.create({to:this.channel.emailAddress.emailAddress,body})}renderEvent(calendarEvents,date){if(!date){return null}const items=calendarEvents.get(date.date.msSinceEpoch);if(!items){return null}return items.map((x=>XNode.create("a",{href:UrlService.toBlogUrl({emailID:x.emailID,email:x.email,mailbox:x.mailbox}),text:x.title,title:x.title})))}renderEventItem(calendarEvents,date){if(!date){return null}const items=calendarEvents.get(date.date.msSinceEpoch);if(!items){return null}return items.map((x=>XNode.create("post-item",null,XNode.create("span",{text:"📅"}),XNode.create("span",{text:toVisibleDate(date)}),XNode.create("a",{href:UrlService.toBlogUrl({emailID:x.emailID,email:x.email,mailbox:x.mailbox}),text:x.title}))))}loadEvents(year,month,cancelToken){return __awaiter(this,void 0,void 0,(function*(){const events=yield this.entityService.query(MailboxContactEvent,"calendarMonth",year,month).include((x=>[x.email,x.mailbox.emailAddress])).orderBy((x=>x.startDate)).toArray({cancelToken,cacheVersion,cacheSeconds});const dayMap=new Map;let start=null;for(const element of events){const key=element.startDate.date.msSinceEpoch;let values=dayMap.get(key);start!==null&&start!==void 0?start:start=element.startDate.date;if(!values){values=[];dayMap.set(key,values)}values.push(element)}this.calendarEvents=dayMap;if(start){this.selectedDate=start}return}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],ChannelCalendarView.prototype,"entityService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/ChannelCalendarView");System.register(["./PostList","@web-atoms/core/dist/core/XNode","../UrlService","@web-atoms/date-time/dist/DateTime"],(function(_export,_context){"use strict";var PostList,XNode,UrlService,DateTime,UpcomingEvents;_export("default",void 0);return{setters:[function(_PostList){PostList=_PostList.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_UrlService){UrlService=_UrlService.UrlService},function(_webAtomsDateTimeDistDateTime){DateTime=_webAtomsDateTimeDistDateTime.default}],execute:function(){_export("default",UpcomingEvents=class UpcomingEvents extends PostList{constructor(){super(...arguments);this.channel=null}setHeader(){this.header="Events";this.headerRenderer=text=>XNode.create("header",null,XNode.create("a",{href:UrlService.toCalendarUrl(this.channel)},"Events"))}query(q){const{now}=DateTime;return q.where({now},(p=>x=>x.email.mailboxContactEvents.some((a=>a.startDate>p.now)))).orderByDescending((x=>x.datePublished)).toPagedList({size:5})}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/UpcomingEvents");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/web-controls/dist/basic/AtomRepeater","./PostView","./controls/TagCloud","./controls/PostList","./controls/RecentPosts","./controls/BlogHeader","@web-atoms/core/dist/Pack","../../common/controls/repeater/InfiniteRepeater","@web-atoms/core/dist/core/Bind","./PostSummary","./UrlService","../../site-editor/editor/webComponentsPath","./BlogImageService","./ChannelCalendarView","../../common/Mailto","./controls/UpcomingEvents"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomControl,BlogService,XNode,Action,EmojiPopup,AtomRepeater,PostView,TagCloud,PopularPosts,RecentPosts,BlogHeader,Pack,InfiniteRepeater,Bind,PostSummary,UrlService,WebComponents,BlogImageService,ChannelCalendarView,Mailto,UpcomingEvents,channel,emailID,tag,author,calendar,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(_webAtomsWebControlsDistBasicAtomRepeater){AtomRepeater=_webAtomsWebControlsDistBasicAtomRepeater.default},function(_PostView){PostView=_PostView.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(_UrlService){UrlService=_UrlService.UrlService},function(_siteEditorEditorWebComponentsPath){WebComponents=_siteEditorEditorWebComponentsPath.WebComponents},function(_BlogImageService){BlogImageService=_BlogImageService.default},function(_ChannelCalendarView){ChannelCalendarView=_ChannelCalendarView.default},function(_commonMailto){Mailto=_commonMailto.Mailto},function(_controlsUpcomingEvents){UpcomingEvents=_controlsUpcomingEvents.default}],execute:function(){({channel,emailID,tag,author,calendar}=UrlService.getParameters());commentIcon="💬";ChannelMessage=class ChannelMessage extends AtomControl{constructor(app,e=document.createElement("section")){super(app,e);this.search="";this.tag=tag;this.author=author;this.emails=[];this.pushInit()}init(){var _a;var _b;return __awaiter(this,void 0,void 0,(function*(){this.app.installScript(`${WebComponents.path}/dist/main.js`);this.channel=yield this.blogService.getChannel(void 0,channel,void 0);const{mailboxID:channelID}=this.channel;if(emailID){this.email=yield this.blogService.getEmail({emailID,channelID,channel});(_a=(_b=this.email).engagements)!==null&&_a!==void 0?_a:_b.engagements=[];this.emails=[this.email];document.title="Social "+this.channel.emailAddress.emailAddress+" "+this.email.subject}else{document.title="Social "+this.channel.emailAddress.emailAddress}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,!calendar&&!emailID&&XNode.create(BlogHeader,{search,channel:this.channel}),XNode.create("section",{"data-width":"100%"},this.renderBody()),XNode.create("aside",null,XNode.create(TagCloud,null),XNode.create(UpcomingEvents,{channel:this.channel}),XNode.create(PopularPosts,null),XNode.create(RecentPosts,null)),XNode.create("footer",null))}))}renderBody(){if(calendar){return XNode.create(ChannelCalendarView,{channel:this.channel})}return emailID?XNode.create(AtomRepeater,{"data-items-updated-event":"items-updated","event-items-updated":()=>this.itemsUpdated(),itemRenderer:x=>XNode.create(PostView,{channel:this.channel,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,{blogService:this.blogImageService,channel:this.channel,mailboxEmail:x}),items:this.emails},InfiniteRepeater.pagedItems((start=>(c,e,cancelToken)=>this.blogService.getEmails({channelID:this.channel.mailboxID,author:this.author,tag:this.tag,start,search:this.search,cancelToken})))))}itemsUpdated(){window.pageReady=true}engagementClick({email,engagement}){const emoji=engagement.engagement;this.reactAction(email,emoji)}reactAction(email,emoji){const{headerMessageID}=email;const{channel:{emailAddress:{emailAddress}}}=this;const subject=`${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;const link=Mailto.create({to:emailAddress,subject,body:emoji,inReplyTo:headerMessageID});this.element.dispatchEvent(new CustomEvent("shareLink",{detail:{link,shareTitle:`React ${emoji} Via`},bubbles:true}))}reactEmail(email,ce){return __awaiter(this,void 0,void 0,(function*(){const emoji=yield EmojiPopup.showControl(ce.target,{parentElement:ce.target});this.reactAction(email,emoji)}))}replyEmail(email,ce){return __awaiter(this,void 0,void 0,(function*(){const emoji=commentIcon;const{headerMessageID}=email;const{channel:{emailAddress:{emailAddress}}}=this;const subject=`${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;const link=Mailto.create({to:emailAddress,subject,inReplyTo:headerMessageID});this.element.dispatchEvent(new CustomEvent("shareLink",{detail:{link,shareTitle:"Add Comment Via"},bubbles:true}))}))}};__decorate([InjectProperty,__metadata("design:type",BlogService)],ChannelMessage.prototype,"blogService",void 0);__decorate([InjectProperty,__metadata("design:type",BlogImageService)],ChannelMessage.prototype,"blogImageService",void 0);__decorate([Action({onEvent:"engagement-click"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],ChannelMessage.prototype,"engagementClick",null);__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");
1252
+ `.installGlobal("[calendar-view]");cacheVersion="v1";cacheSeconds=CacheTTL.seconds.fifteenMinutes;renderChildren=AtomControl.registerProperty("data-render","children",((c,e,v)=>{e.innerHTML="";if(!v){return}c.render(XNode.create("div",null," ",...v," "),e,c)}));toVisibleDate=date=>{if(!date){return""}const month=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][date.month];return`${date.year}-${month}-${date.day}`};_export("default",ChannelCalendarView=class ChannelCalendarView extends AtomControl{constructor(app,e){super(app,e);this.channel=null;this.selectedDate=null;this.calendarEvents=new Map;this.time=TimeSpan.parse("11:00 AM");this.element.setAttribute("calendar-view","simple");this.pushInit();const now=DateTime.now;this.month=now.month;this.year=now.year}init(){return __awaiter(this,void 0,void 0,(function*(){this.app.installScript(`${WebComponents.path}/dist/main.js`);this.renderer=XNode.create("div",{update:Bind.oneWayAsync(((c,e,cancelToken)=>this.loadEvents(this.year,this.month,cancelToken)))},XNode.create(Calendar,{year:Bind.twoWaysImmediate((()=>this.year)),month:Bind.twoWaysImmediate((()=>this.month)),value:Bind.twoWaysImmediate((()=>this.selectedDate)),dateRenderer:x=>XNode.create("div",null,XNode.create("label",{text:x.label}),XNode.create("mini-calendar-events",Object.assign({},renderChildren(Bind.source({self:this,x},(s=>this.renderEvent(s.source.self.calendarEvents,s.source.x.value)))))))}),XNode.create("vflex-div",{"style-display":Bind.oneWay((()=>!!this.selectedDate))},XNode.create("calendar-events",Object.assign({},renderChildren(Bind.source({self:this},(s=>this.renderEventItem(s.source.self.calendarEvents,s.source.self.selectedDate)))))),XNode.create("details",null,XNode.create("summary",null,"Create New"),XNode.create("div",{"data-layout":"row"},"Create Event at",XNode.create(TimeEditor,{time:Bind.twoWaysImmediate((()=>this.time))}),XNode.create("share-button",{href:Bind.oneWay((()=>this.createEvent(this.selectedDate,this.time)))},"Create Event")))))}))}createEvent(date,time){if(!date){return""}let l="";const d=date.date.add(time);const body=`\r\nEvent on: 📅: ${d.toJSON()}\r\n${l}`;return Mailto.create({to:this.channel.emailAddress.emailAddress,body})}renderEvent(calendarEvents,date){if(!date){return null}const items=calendarEvents.get(date.date.msSinceEpoch);if(!items){return null}return items.map((x=>XNode.create("a",{href:UrlService.toBlogUrl({emailID:x.emailID,email:x.email,mailbox:x.mailbox}),text:x.title,title:x.title})))}renderEventItem(calendarEvents,date){if(!date){return null}const items=calendarEvents.get(date.date.msSinceEpoch);if(!items){return null}return items.map((x=>XNode.create("post-item",null,XNode.create("span",{text:"📅"}),XNode.create("span",{text:toVisibleDate(date)}),XNode.create("a",{href:UrlService.toBlogUrl({emailID:x.emailID,email:x.email,mailbox:x.mailbox}),text:x.title}))))}loadEvents(year,month,cancelToken){return __awaiter(this,void 0,void 0,(function*(){const events=yield this.entityService.query(MailboxContactEvent,"calendarMonth",year,month).include((x=>[x.email,x.mailbox.emailAddress])).orderBy((x=>x.startDate)).toArray({cancelToken,cacheVersion,cacheSeconds});const dayMap=new Map;let start=null;for(const element of events){const key=element.startDate.date.msSinceEpoch;let values=dayMap.get(key);start!==null&&start!==void 0?start:start=element.startDate.date;if(!values){values=[];dayMap.set(key,values)}values.push(element)}this.calendarEvents=dayMap;if(start){this.selectedDate=start}return}))}});__decorate([InjectProperty,__metadata("design:type",EntityService)],ChannelCalendarView.prototype,"entityService",void 0)}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/ChannelCalendarView");System.register(["./PostList","@web-atoms/core/dist/core/XNode","../UrlService","@web-atoms/date-time/dist/DateTime"],(function(_export,_context){"use strict";var PostList,XNode,UrlService,DateTime,UpcomingEvents;_export("default",void 0);return{setters:[function(_PostList){PostList=_PostList.default},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_UrlService){UrlService=_UrlService.UrlService},function(_webAtomsDateTimeDistDateTime){DateTime=_webAtomsDateTimeDistDateTime.default}],execute:function(){_export("default",UpcomingEvents=class UpcomingEvents extends PostList{constructor(){super(...arguments);this.channel=null}setHeader(){this.header="Events";this.headerRenderer=text=>XNode.create("header",null,XNode.create("a",{href:UrlService.toCalendarUrl(this.channel)},"Events"))}query(q){const{now}=DateTime;return q.where({now},(p=>x=>x.email.mailboxContactEvents.some((a=>a.startDate>p.now)))).orderByDescending((x=>x.datePublished)).toPagedList({size:5})}})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/UpcomingEvents");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/web-controls/dist/basic/AtomRepeater","./PostView","./controls/TagCloud","./controls/PostList","./controls/RecentPosts","./controls/BlogHeader","@web-atoms/core/dist/Pack","../../common/controls/repeater/InfiniteRepeater","@web-atoms/core/dist/core/Bind","./PostSummary","./UrlService","../../site-editor/editor/webComponentsPath","./BlogImageService","./ChannelCalendarView","../../common/Mailto","./controls/UpcomingEvents","../../common/TestMode","@web-atoms/core/dist/web/WebApp"],(function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,InjectProperty,AtomControl,BlogService,XNode,Action,EmojiPopup,AtomRepeater,PostView,TagCloud,PopularPosts,RecentPosts,BlogHeader,Pack,InfiniteRepeater,Bind,PostSummary,UrlService,WebComponents,BlogImageService,ChannelCalendarView,Mailto,UpcomingEvents,AppLocation,WebApp,channel,emailID,tag,author,calendar,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(_webAtomsWebControlsDistBasicAtomRepeater){AtomRepeater=_webAtomsWebControlsDistBasicAtomRepeater.default},function(_PostView){PostView=_PostView.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(_UrlService){UrlService=_UrlService.UrlService},function(_siteEditorEditorWebComponentsPath){WebComponents=_siteEditorEditorWebComponentsPath.WebComponents},function(_BlogImageService){BlogImageService=_BlogImageService.default},function(_ChannelCalendarView){ChannelCalendarView=_ChannelCalendarView.default},function(_commonMailto){Mailto=_commonMailto.Mailto},function(_controlsUpcomingEvents){UpcomingEvents=_controlsUpcomingEvents.default},function(_commonTestMode){AppLocation=_commonTestMode.AppLocation},function(_webAtomsCoreDistWebWebApp){WebApp=_webAtomsCoreDistWebWebApp.default}],execute:function(){if(AppLocation.isLocalTesting){WebApp.installStyleSheet("/styles/styler.css");WebApp.installStyleSheet("/styles/vars.css")}({channel,emailID,tag,author,calendar}=UrlService.getParameters());commentIcon="💬";ChannelMessage=class ChannelMessage extends AtomControl{constructor(app,e=document.createElement("section")){super(app,e);this.search="";this.tag=tag;this.author=author;this.emails=[];this.pushInit()}init(){var _a;var _b;return __awaiter(this,void 0,void 0,(function*(){this.app.installScript(`${WebComponents.path}/dist/main.js`);this.channel=yield this.blogService.getChannel(void 0,channel,void 0);const{mailboxID:channelID}=this.channel;if(emailID){this.email=yield this.blogService.getEmail({emailID,channelID,channel});(_a=(_b=this.email).engagements)!==null&&_a!==void 0?_a:_b.engagements=[];this.emails=[this.email];document.title="Social "+this.channel.emailAddress.emailAddress+" "+this.email.subject}else{document.title="Social "+this.channel.emailAddress.emailAddress}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,!calendar&&!emailID&&XNode.create(BlogHeader,{search,channel:this.channel}),XNode.create("section",{"data-width":"100%"},this.renderBody()),XNode.create("aside",null,XNode.create(TagCloud,null),XNode.create(UpcomingEvents,{channel:this.channel}),XNode.create(PopularPosts,null),XNode.create(RecentPosts,null)),XNode.create("footer",null))}))}renderBody(){if(calendar){return XNode.create(ChannelCalendarView,{channel:this.channel})}return emailID?XNode.create(AtomRepeater,{"data-items-updated-event":"items-updated","event-items-updated":()=>this.itemsUpdated(),itemRenderer:x=>XNode.create(PostView,{channel:this.channel,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,{blogService:this.blogImageService,channel:this.channel,mailboxEmail:x}),items:this.emails},InfiniteRepeater.pagedItems((start=>(c,e,cancelToken)=>this.blogService.getEmails({channelID:this.channel.mailboxID,author:this.author,tag:this.tag,start,search:this.search,cancelToken})))))}itemsUpdated(){window.pageReady=true}engagementClick({email,engagement}){const emoji=engagement.engagement;this.reactAction(email,emoji)}reactAction(email,emoji){const{headerMessageID}=email;const{channel:{emailAddress:{emailAddress}}}=this;const subject=`${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;const link=Mailto.create({to:emailAddress,subject,body:emoji,inReplyTo:headerMessageID});this.element.dispatchEvent(new CustomEvent("shareLink",{detail:{link,shareTitle:`React ${emoji} Via`},bubbles:true}))}reactEmail(email,ce){return __awaiter(this,void 0,void 0,(function*(){const emoji=yield EmojiPopup.showControl(ce.target,{parentElement:ce.target});this.reactAction(email,emoji)}))}replyEmail(email,ce){return __awaiter(this,void 0,void 0,(function*(){const emoji=commentIcon;const{headerMessageID}=email;const{channel:{emailAddress:{emailAddress}}}=this;const subject=`${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;const link=Mailto.create({to:emailAddress,subject,inReplyTo:headerMessageID});this.element.dispatchEvent(new CustomEvent("shareLink",{detail:{link,shareTitle:"Add Comment Via"},bubbles:true}))}))}};__decorate([InjectProperty,__metadata("design:type",BlogService)],ChannelMessage.prototype,"blogService",void 0);__decorate([InjectProperty,__metadata("design:type",BlogImageService)],ChannelMessage.prototype,"blogImageService",void 0);__decorate([Action({onEvent:"engagement-click"}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],ChannelMessage.prototype,"engagementClick",null);__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");
1251
1253
  //# sourceMappingURL=ChannelView.pack.min.js.map