@social-mail/social-mail-client 1.2.688 → 1.2.690

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

@@ -1976,7 +1976,7 @@ const UMD = new UMDClass();
 
         AmdLoader.instance.register(
             ["@social-mail/social-mail-client","@web-atoms/core","reflect-metadata","@web-atoms/date-time","@web-atoms/entity","@web-atoms/web-controls","@web-atoms/data-styles","@web-atoms/email-dom"],
-            ["@social-mail/social-mail-client/dist/public/channel/ChannelView","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@social-mail/social-mail-client/dist/public/channel/BlogService","@web-atoms/core/dist/di/DISingleton","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/models/TaskManager","@web-atoms/entity/dist/models/Queue","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@social-mail/social-mail-client/dist/services/BusyProgress","@web-atoms/core/dist/style/styled","@social-mail/social-mail-client/dist/common/apiPath","@social-mail/social-mail-client/dist/model/model","@social-mail/social-mail-client/dist/common/Sql","@social-mail/social-mail-client/dist/services/email/EmailContentDownloader","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/web/page/mails/service/EngagementService","@social-mail/social-mail-client/dist/common/cache/CacheTTL","@social-mail/social-mail-client/dist/common/CDN","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@social-mail/social-mail-client/dist/public/channel/emoji/EmojiPopup","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@social-mail/social-mail-client/dist/style/GlobalStyle","@web-atoms/core/dist/core/AtomList","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@web-atoms/data-styles/data-styles","@social-mail/social-mail-client/dist/public/channel/styles/channelViewStyle","@social-mail/social-mail-client/dist/common/TestMode","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@web-atoms/web-controls/dist/DataAttributes","@social-mail/social-mail-client/dist/public/channel/PostView","@social-mail/social-mail-client/dist/common/date/DateFormats","@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService","@web-atoms/email-dom/dist/DomToString","@web-atoms/email-dom/dist/dom/StyleHelper","@web-atoms/email-dom/dist/style/mergeStyle","@social-mail/social-mail-client/dist/common/events/CommonEvents","@social-mail/social-mail-client/dist/web/commands/MailAppEvents","@social-mail/social-mail-client/dist/common/fileUrl","@social-mail/social-mail-client/dist/public/channel/controls/MediaCarousel","@social-mail/social-mail-client/dist/public/channel/controls/TagCloud","@social-mail/social-mail-client/dist/public/channel/UrlService","@social-mail/social-mail-client/dist/common/Slugger","@social-mail/social-mail-client/dist/common/toBase36","@social-mail/social-mail-client/dist/public/channel/controls/PostList","@social-mail/social-mail-client/content/images/gif/loader.gif","@social-mail/social-mail-client/dist/public/channel/BlogImageService","@social-mail/social-mail-client/content/images/svg/logo/logo-orange.svg","@social-mail/social-mail-client/dist/public/channel/controls/RecentPosts","@social-mail/social-mail-client/dist/public/channel/controls/BlogHeader","@web-atoms/core/dist/Pack","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/public/channel/PostSummary","@social-mail/social-mail-client/dist/site-editor/editor/webComponentsPath","@social-mail/social-mail-client/dist/public/channel/ChannelCalendarView","@web-atoms/web-controls/dist/basic/Calendar","@web-atoms/web-controls/dist/basic/Select","@web-atoms/web-controls/dist/basic/styles/calendar-style"]);
+            ["@social-mail/social-mail-client/dist/public/channel/ChannelView","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@social-mail/social-mail-client/dist/public/channel/BlogService","@web-atoms/core/dist/di/DISingleton","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/models/TaskManager","@web-atoms/entity/dist/models/Queue","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@social-mail/social-mail-client/dist/services/BusyProgress","@web-atoms/core/dist/style/styled","@social-mail/social-mail-client/dist/common/apiPath","@social-mail/social-mail-client/dist/model/model","@social-mail/social-mail-client/dist/common/Sql","@social-mail/social-mail-client/dist/services/email/EmailContentDownloader","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/web/page/mails/service/EngagementService","@social-mail/social-mail-client/dist/common/cache/CacheTTL","@social-mail/social-mail-client/dist/common/CDN","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@social-mail/social-mail-client/dist/public/channel/emoji/EmojiPopup","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@social-mail/social-mail-client/dist/style/GlobalStyle","@web-atoms/core/dist/core/AtomList","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@web-atoms/data-styles/data-styles","@social-mail/social-mail-client/dist/public/channel/styles/channelViewStyle","@social-mail/social-mail-client/dist/common/TestMode","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@web-atoms/web-controls/dist/DataAttributes","@social-mail/social-mail-client/dist/public/channel/PostView","@social-mail/social-mail-client/dist/common/date/DateFormats","@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService","@web-atoms/email-dom/dist/DomToString","@web-atoms/email-dom/dist/dom/StyleHelper","@web-atoms/email-dom/dist/style/mergeStyle","@social-mail/social-mail-client/dist/common/events/CommonEvents","@social-mail/social-mail-client/dist/web/commands/MailAppEvents","@social-mail/social-mail-client/dist/common/fileUrl","@social-mail/social-mail-client/dist/public/channel/controls/MediaCarousel","@social-mail/social-mail-client/dist/public/channel/controls/TagCloud","@social-mail/social-mail-client/dist/public/channel/UrlService","@social-mail/social-mail-client/dist/common/Slugger","@social-mail/social-mail-client/dist/common/toBase36","@social-mail/social-mail-client/dist/public/channel/controls/PostList","@social-mail/social-mail-client/content/images/gif/loader.gif","@social-mail/social-mail-client/dist/public/channel/BlogImageService","@social-mail/social-mail-client/content/images/svg/logo/logo-orange.svg","@social-mail/social-mail-client/dist/public/channel/controls/RecentPosts","@social-mail/social-mail-client/dist/public/channel/controls/BlogHeader","@web-atoms/core/dist/Pack","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/public/channel/PostSummary","@social-mail/social-mail-client/dist/site-editor/editor/webComponentsPath","@social-mail/social-mail-client/dist/public/channel/ChannelCalendarView","@web-atoms/web-controls/dist/basic/Calendar","@web-atoms/web-controls/dist/basic/Select","@web-atoms/web-controls/dist/basic/styles/calendar-style","@social-mail/social-mail-client/dist/common/Mailto","@social-mail/social-mail-client/dist/public/channel/controls/UpcomingEvents"]);
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -24966,6 +24966,17 @@ System.register(["../../common/Slugger", "../../common/TestMode", "../../common/
     }],
     execute: function () {
       _export("UrlService", UrlService = {
+        toCalendarUrl({
+          emailAddress: {
+            emailAddress
+          }
+        }) {
+          const cid = "@" + emailAddress.split("@")[0];
+          if (AppLocation.isLocalTesting) {
+            return `?detail=${cid}/calendar/`;
+          }
+          return `/${cid}/calendar/`;
+        },
         toBlogUrl({
           emailID,
           email: {
@@ -25295,10 +25306,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
         }
         init() {
           return __awaiter(this, void 0, void 0, function* () {
-            this.setHeader();
             this.headerRenderer = text => XNode.create("header", {
               text: text
             });
+            this.setHeader();
             this.itemRenderer = x => XNode.create("div", null, XNode.create("img", {
               src: Bind.oneTimeAsync(() => this.blogImageService.getImage(x), loaderImage)
             }), XNode.create("a", {
@@ -26421,10 +26432,44 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
 
     AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/Calendar");
 
-System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/web/controls/AtomControl", "../../services/EntityService", "@web-atoms/date-time/dist/DateTime", "@web-atoms/web-controls/dist/basic/Calendar", "@web-atoms/core/dist/core/XNode", "../../model/model", "@web-atoms/core/dist/core/Bind", "../../common/cache/CacheTTL", "@web-atoms/core/dist/style/styled", "./UrlService"], function (_export, _context) {
+System.register([], function (_export, _context) {
+  "use strict";
+
+  var Mailto;
+  return {
+    setters: [],
+    execute: function () {
+      _export("Mailto", Mailto = {
+        create({
+          subject = "",
+          to = "",
+          body = "",
+          inReplyTo = ""
+        }) {
+          const usp = new URLSearchParams();
+          if (subject) {
+            usp.append("subject", subject);
+          }
+          if (body) {
+            usp.append("body", body);
+          }
+          if (inReplyTo) {
+            usp.append("in-reply-to", inReplyTo);
+          }
+          return `mailto:${to}?${usp.toString()}`;
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=Mailto.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/Mailto");
+
+System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/web/controls/AtomControl", "../../services/EntityService", "@web-atoms/date-time/dist/DateTime", "@web-atoms/web-controls/dist/basic/Calendar", "@web-atoms/core/dist/core/XNode", "../../model/model", "@web-atoms/core/dist/core/Bind", "../../common/cache/CacheTTL", "@web-atoms/core/dist/style/styled", "./UrlService", "../../common/Mailto", "../../site-editor/editor/webComponentsPath"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, InjectProperty, AtomControl, EntityService, DateTime, Calendar, XNode, MailboxContactEvent, Bind, CacheTTL, styled, UrlService, ChannelCalendarView, cacheVersion, cacheSeconds, renderChildren;
+  var __awaiter, __decorate, __metadata, InjectProperty, AtomControl, EntityService, DateTime, Calendar, XNode, MailboxContactEvent, Bind, CacheTTL, styled, UrlService, Mailto, WebComponents, ChannelCalendarView, cacheVersion, cacheSeconds, renderChildren, toVisibleDate;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -26453,11 +26498,16 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
       styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_UrlService) {
       UrlService = _UrlService.UrlService;
+    }, function (_commonMailto) {
+      Mailto = _commonMailto.Mailto;
+    }, function (_siteEditorEditorWebComponentsPath) {
+      WebComponents = _siteEditorEditorWebComponentsPath.WebComponents;
     }],
     execute: function () {
       styled.css`
         display: grid;
         grid-template-columns: 1fr auto;
+        grid-template-rows: 1fr auto;
 
         & > [data-calendar] {
             grid-row: 1;
@@ -26476,6 +26526,19 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             padding: 10px;
         }
 
+        & share-button {
+            grid-row: 2;
+            grid-column: 1 / span 2;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-items: center;
+            justify-content: center;
+            & a {
+                text-decoration: none;
+            }
+        }
+
     `.installGlobal("[calendar-view]");
       cacheVersion = "v1";
       cacheSeconds = CacheTTL.seconds.fifteenMinutes;
@@ -26486,6 +26549,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
         }
         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);
@@ -26499,6 +26569,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
         }
         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, {
@@ -26511,7 +26582,21 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
                 self: this,
                 x
               }, s => this.renderEvent(s.source.self.calendarEvents, s.source.x))))))
-            }));
+            }), XNode.create("share-button", {
+              "style-display": Bind.oneWay(() => !!this.selectedDate),
+              href: Bind.oneWay(() => Mailto.create({
+                subject: `📅:${toVisibleDate(this.selectedDate)} - `
+              }))
+            }, XNode.create("button", {
+              "data-layout": "accent-icon-button"
+            }, XNode.create("i", {
+              class: "fas fa-plus"
+            }), XNode.create("span", {
+              text: Bind.oneWay(() => {
+                var _a;
+                return `Create Event on ${(_a = this.selectedDate) === null || _a === void 0 ? void 0 : _a.day} `;
+              })
+            }))));
           });
         }
         renderEvent(calendarEvents, item) {
@@ -26558,10 +26643,55 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/ChannelCalendarView");
 
-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"], function (_export, _context) {
+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
+          });
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=UpcomingEvents.js.map
+
+    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, channel, emailID, tag, author, calendar, commentIcon, ChannelMessage, view;
+  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;
@@ -26607,6 +26737,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
       BlogImageService = _BlogImageService.default;
     }, function (_ChannelCalendarView) {
       ChannelCalendarView = _ChannelCalendarView.default;
+    }, function (_commonMailto) {
+      Mailto = _commonMailto.Mailto;
+    }, function (_controlsUpcomingEvents) {
+      UpcomingEvents = _controlsUpcomingEvents.default;
     }],
     execute: function () {
       ({
@@ -26649,37 +26783,45 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             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, {
+            this.renderer = XNode.create("section", null, !calendar && !emailID && XNode.create(BlogHeader, {
               search: search,
               channel: this.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, {
-                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
-            }))))), XNode.create("aside", null, XNode.create(TagCloud, null), XNode.create(PopularPosts, null), XNode.create(RecentPosts, null)), XNode.create("footer", null));
+            }), XNode.create("section", null, 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, null);
+          }
+          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;
         }
@@ -26695,10 +26837,19 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             headerMessageID
           } = email;
           const {
-            channel
+            channel: {
+              emailAddress: {
+                emailAddress
+              }
+            }
           } = this;
           const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
-          const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&body=${emoji}&in-reply-to=${headerMessageID}`;
+          const link = Mailto.create({
+            to: emailAddress,
+            subject,
+            body: emoji,
+            inReplyTo: headerMessageID
+          });
           this.element.dispatchEvent(new CustomEvent("shareLink", {
             detail: {
               link,
@@ -26722,10 +26873,18 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               headerMessageID
             } = email;
             const {
-              channel
+              channel: {
+                emailAddress: {
+                  emailAddress
+                }
+              }
             } = this;
             const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
-            const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&in-reply-to=${headerMessageID}&body=&`;
+            const link = Mailto.create({
+              to: emailAddress,
+              subject,
+              inReplyTo: headerMessageID
+            });
             this.element.dispatchEvent(new CustomEvent("shareLink", {
               detail: {
                 link,
@@ -26748,11 +26907,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
         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);
-      view = ChannelMessage;
-      if (calendar) {
-        view = ChannelCalendarView;
-      }
-      _export("default", view);
+      _export("default", ChannelMessage);
     }
   };
 });