@social-mail/social-mail-client 1.2.595 → 1.2.597

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","@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/common/controls/buttons/CopyIcon","@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/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","@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/common/controls/buttons/CopyIcon","@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"]);
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -16216,10 +16216,8 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
         getChannel(emailAddress, channel, d) {
           return __awaiter(this, void 0, void 0, function* () {
             let q = this.entityService.query(Mailbox, "channels", emailAddress, d).where(x => x.datePublished !== null);
-            if (channel) {
-              if (channel.startsWith("@")) {
-                channel = channel.substring(1).toLowerCase() + "@%";
-              }
+            if (channel === null || channel === void 0 ? void 0 : channel.startsWith("@")) {
+              channel = channel.substring(1).toLowerCase() + "@%";
               q = q.where({
                 channel
               }, p => x => Sql.text.like(x.emailAddress.emailAddress, p.channel));
@@ -21574,7 +21572,7 @@ box-sizing: border-box;
     border-right: solid 1px lightgray;
     display: grid;
     grid-template-columns: 1fr auto;
-    grid-template-rows: auto auto 1fr auto auto;
+    grid-template-rows: auto auto auto 1fr auto auto auto;
 
     & video, & img {
         max-width: 100%;
@@ -21632,14 +21630,14 @@ box-sizing: border-box;
     }
     & > section {
         padding: 10px;
-        grid-row: 3;
+        grid-row: 4;
         grid-column: 1 / span 3;
         background-color: canvas;
         color: canvastext;
     }
     & > footer {
         padding: 10px;
-        grid-row: 5;
+        grid-row: 6;
         grid-column: 1/ span 3;
         background-color: canvas;
         color: canvastext;
@@ -21657,8 +21655,19 @@ box-sizing: border-box;
         }
 
     }
+
+    & > carousel-slider {
+        grid-row: 3;
+        grid-column: 1 / span 3;
+    }
+
+    &[has-poster] > carousel-slider {
+        grid-row: 5;
+        grid-column: 1 / span 3;
+    }
+
     & > section[data-element=comments] {
-        grid-row: 4;
+        grid-row: 5;
         grid-column: 1 / span 3;
         padding-left: 20px;
         display: flex;
@@ -23823,7 +23832,7 @@ System.register(["./apiPath"], function (_export, _context) {
 System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/core/dist/di/Inject", "../../../../services/EntityService", "../../../../model/model", "../../../../common/Sql", "@web-atoms/email-dom/dist/DomToString", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/core/AtomUI", "@web-atoms/date-time/dist/DateTime", "../../../../common/events/CommonEvents", "../../../../services/BusyProgress", "../../../../services/email/EmailContentDownloader", "./EngagementService", "../../../commands/MailAppEvents", "../../../../common/fileUrl"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, DISingleton, Inject, EntityService, Email, EmailRecipient, MailboxContactEmail, MailboxEmail, Sql, DomToString, XNode, AtomControl, descendentElementIterator, DateTime, CommonEvents, BusyProgress, EmailContentDownloader, EngagementService, MailAppEvents, fileUrl, renderMail, ConversationService;
+  var __awaiter, __decorate, __metadata, DISingleton, Inject, EntityService, Email, EmailRecipient, MailboxContactEmail, MailboxEmail, Sql, DomToString, XNode, AtomControl, AncestorEnumerator, descendentIterator, DateTime, CommonEvents, BusyProgress, EmailContentDownloader, EngagementService, MailAppEvents, fileUrl, renderMail, ConversationService;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
@@ -23849,7 +23858,8 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
     }, function (_webAtomsCoreDistWebControlsAtomControl) {
       AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
     }, function (_webAtomsCoreDistWebCoreAtomUI) {
-      descendentElementIterator = _webAtomsCoreDistWebCoreAtomUI.descendentElementIterator;
+      AncestorEnumerator = _webAtomsCoreDistWebCoreAtomUI.AncestorEnumerator;
+      descendentIterator = _webAtomsCoreDistWebCoreAtomUI.descendentIterator;
     }, function (_webAtomsDateTimeDistDateTime) {
       DateTime = _webAtomsDateTimeDistDateTime.default;
     }, function (_commonEventsCommonEvents) {
@@ -23887,7 +23897,20 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
           return;
         }
         msg.innerHTML = html;
-        for (const iterator of descendentElementIterator(msg)) {
+        let firstVisibleElement = null;
+        for (const node of descendentIterator(msg)) {
+          if (!firstVisibleElement && node.nodeType === Node.TEXT_NODE) {
+            const {
+              parentElement
+            } = node;
+            if (parentElement.tagName !== "STYLE") {
+              firstVisibleElement || (firstVisibleElement = node.parentElement);
+            }
+          }
+          if (node.nodeType !== Node.ELEMENT_NODE) {
+            continue;
+          }
+          const iterator = node;
           let cid = iterator.getAttribute("data-content-id");
           if (cid) {
             const a = (_a = mail.attachments) === null || _a === void 0 ? void 0 : _a.find(x => x.contentID === cid);
@@ -23896,6 +23919,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
             }
           }
           if (/^(IMG|VIDEO)$/.test(iterator.tagName)) {
+            firstVisibleElement || (firstVisibleElement = iterator);
             const src = iterator.getAttribute("src");
             iterator.setAttribute("controls", "true");
             iterator.setAttribute("crossorigin", "anonymous");
@@ -23934,6 +23958,10 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
         container.appendChild(style);
         msg.setAttribute("msg", "msg");
         container.appendChild(msg);
+        if (/img|video/i.test(firstVisibleElement === null || firstVisibleElement === void 0 ? void 0 : firstVisibleElement.tagName)) {
+          const root = AncestorEnumerator.find(e, x => x.hasAttribute("data-msg-container"));
+          (root !== null && root !== void 0 ? root : e).setAttribute("has-poster", "true");
+        }
         if (!thread.timeRead && thread.mailboxID && thread.mailboxID !== ((_c = thread.email) === null || _c === void 0 ? void 0 : _c.senderID)) {
           const timeRead = DateTime.now;
           thread.timeRead = timeRead;
@@ -24181,10 +24209,39 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService");
 
-System.register(["@web-atoms/core/dist/core/XNode", "../../common/date/DateFormats", "@web-atoms/core/dist/core/types", "../../web/page/mails/service/ConversationService"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode"], function (_export, _context) {
+  "use strict";
+
+  var XNode;
+  function MediaCarousel({
+    email = void 0
+  }) {
+    var _a;
+    if (!((_a = email.attachments) === null || _a === void 0 ? void 0 : _a.length)) {
+      return XNode.create("div", null);
+    }
+    return XNode.create("carousel-slider", null, ...email.attachments.map(x => /image/i.test(x.contentType) ? XNode.create("img", {
+      src: x.downloadUrl
+    }) : /video/i.test(x.contentType) && XNode.create("video", {
+      src: x.downloadUrl
+    })));
+  }
+  _export("default", MediaCarousel);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=MediaCarousel.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/MediaCarousel");
+
+System.register(["@web-atoms/core/dist/core/XNode", "../../common/date/DateFormats", "@web-atoms/core/dist/core/types", "../../web/page/mails/service/ConversationService", "./controls/MediaCarousel"], function (_export, _context) {
   "use strict";
 
-  var XNode, DateFormats, UMD, renderMail, commentIcon;
+  var XNode, DateFormats, UMD, renderMail, MediaCarousel, commentIcon;
   function PostView({
     email = void 0,
     itemPath = void 0
@@ -24197,7 +24254,8 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../common/date/DateForma
     return XNode.create("section", {
       "data-element": "blog-item",
       "data-comment": isComment,
-      "data-item-path": itemPath
+      "data-item-path": itemPath,
+      "data-msg-container": "true"
     }, XNode.create("h4", {
       "data-element": "title"
     }, XNode.create("label", {
@@ -24213,7 +24271,9 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../common/date/DateForma
       email
     }))) : XNode.create("section", {
       text: email.textBody
-    })), XNode.create("footer", null, XNode.create("button", {
+    })), XNode.create(MediaCarousel, {
+      email: email
+    }), XNode.create("footer", null, XNode.create("button", {
       "data-element": "engage",
       "data-click-event": "react-email",
       style: "padding:0; margin:0; border: none; outline: none;"
@@ -24251,6 +24311,8 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../common/date/DateForma
       UMD = _webAtomsCoreDistCoreTypes.UMD;
     }, function (_webPageMailsServiceConversationService) {
       renderMail = _webPageMailsServiceConversationService.renderMail;
+    }, function (_controlsMediaCarousel) {
+      MediaCarousel = _controlsMediaCarousel.default;
     }],
     execute: function () {
       commentIcon = "💬";
@@ -24443,7 +24505,7 @@ System.register(["../../common/Slugger", "../../common/TestMode", "../../common/
           return `/${cid}/tag/${name}`;
         },
         getParameters() {
-          var _a, _b;
+          var _a, _b, _c;
           const url = (_a = window.pageUrl) !== null && _a !== void 0 ? _a : new URL(location.href);
           let pathname = url === null || url === void 0 ? void 0 : url.pathname;
           const detail = url.searchParams.get("detail");
@@ -24468,6 +24530,7 @@ System.register(["../../common/Slugger", "../../common/TestMode", "../../common/
             };
           }
           switch (slug) {
+            case "tag":
             case "tags":
               tag = p2;
               slug = null;
@@ -24479,8 +24542,10 @@ System.register(["../../common/Slugger", "../../common/TestMode", "../../common/
             default:
               const {
                 1: emailIDBase36
-              } = /\-([^\-]+)\/?$/.exec(slug);
-              emailID = Base36.decode(emailIDBase36);
+              } = (_c = /\-([^\-]+)\/?$/.exec(slug)) !== null && _c !== void 0 ? _c : [];
+              if (emailIDBase36) {
+                emailID = Base36.decode(emailIDBase36);
+              }
           }
           return {
             channel,
@@ -24677,9 +24742,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
         flex-wrap: wrap;
         gap: 10px;
 
+        & > * {
+            flex: 1 1 100%;
+        }
+
         & > header {
             display: block;
-            flex: 1 1 100%;
             color: var(--accent-color, gray);
             background-color: #cccccc0a;
             padding: 5px;
@@ -25042,10 +25110,185 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../common/date/DateForma
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/PostSummary");
 
-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", "./UrlService"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/services/FetchBuilder"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, sleep, FetchBuilder, CustomElementsProxy, WebComponents, addAttributes;
+  _export("WebComponents", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsCoreDistCoreSleep) {
+      sleep = _webAtomsCoreDistCoreSleep.default;
+    }, function (_webAtomsCoreDistServicesFetchBuilder) {
+      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
+    }],
+    execute: function () {
+      CustomElementsProxy = class CustomElementsProxy {
+        constructor(elements = []) {
+          this.elements = elements;
+        }
+        define(name, factory) {
+          this.elements.push({
+            name,
+            factory
+          });
+        }
+      };
+      addAttributes = (target, values) => {
+        Object.defineProperty(target.prototype, "editableAttributes", {
+          enumerable: true,
+          configurable: true,
+          get() {
+            return values(this);
+          }
+        });
+      };
+      _export("WebComponents", WebComponents = class WebComponents {
+        static run2(frame, doc) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const url = this.path + "/dist/editable.js";
+            const sandbox = frame.getAttribute("sandbox");
+            frame.setAttribute("sandbox", "allow-same-origin allow-scripts allow-popups allow-forms");
+            const text = yield FetchBuilder.get(url).responseAsText();
+            const win = doc.defaultView;
+            win.eval(`window.addEventListener("unsafeEval", (e) => eval(e.detail) , { once: true });`);
+            win.dispatchEvent(new CustomEvent("unsafeEval", {
+              detail: text
+            }));
+            setTimeout(() => frame.setAttribute("sandbox", ""), 100);
+          });
+        }
+        static run(frame, doc) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const url = this.path + "/dist/editable.js";
+            frame.sandbox.add("allow-scripts");
+            const text = yield FetchBuilder.get(url).responseAsText();
+            const proxy = new CustomElementsProxy();
+            const win = doc.defaultView;
+            const globals = {
+              window: win,
+              document: win.document,
+              Object: win.Object,
+              Promise,
+              console: win.console,
+              Boolean: win.Boolean,
+              String: win.String,
+              Number: win.Number,
+              Math: win.Math,
+              Date: win.Date,
+              Proxy: win.Proxy,
+              Map: win.Map,
+              Array: win.Array,
+              RegExp: win.RegExp,
+              PromiseRejectionEvent: win.PromiseRejectionEvent,
+              setTimeout: (cb, n) => setTimeout(cb, n),
+              setInterval: (cb, n) => setInterval(cb, n),
+              clearTimeout: n => clearTimeout(n),
+              clearInterval: n => clearInterval(n),
+              Reflect: win.Reflect,
+              requestAnimationFrame: win.requestAnimationFrame,
+              requestIdleCallback: win.requestIdleCallback,
+              Symbol: win.Symbol,
+              HTMLElement: win.HTMLElement,
+              MutationObserver: class extends win.MutationObserver {
+                constructor(a) {
+                  super(a);
+                }
+              },
+              IntersectionObserver: class extends win.IntersectionObserver {
+                constructor(a) {
+                  super(a);
+                }
+              },
+              customElements: proxy
+            };
+            win.HTMLElement.prototype.addEventListener = function (type, listener, options) {
+              return win.EventTarget.prototype.addEventListener.call(this, type, listener, options);
+            };
+            const keys = Object.keys(globals);
+            const init = `${keys.map(x => `var ${x} = globalWindow[${JSON.stringify(x)}]`).join(";\n")}`;
+            const sourceMappingURL = this.path + "/dist/editable.js.map";
+            const script = `
+        "use strict";
+        ${init};
+        Symbol.dispose ||= Symbol("dispose");
+        ;${text.replace("//# sourceMappingURL=editable.js.map", "//# sourceMappingURL=" + sourceMappingURL)}
+        `;
+            const fx = new doc.defaultView.Function("globalWindow", script);
+            fx.call(win, globals);
+            addAttributes(win.HTMLElement, () => [{
+              name: "title",
+              type: "string",
+              display: "Tool Tip"
+            }, {
+              name: "lang",
+              type: "lang",
+              display: "Language"
+            }]);
+            addAttributes(win.HTMLAnchorElement, () => [{
+              name: "href",
+              type: "string",
+              display: "Link"
+            }, {
+              name: "target",
+              type: "string",
+              suggest: ["_blank"],
+              display: "Target"
+            }]);
+            addAttributes(win.HTMLImageElement, () => [{
+              name: "src",
+              type: "image",
+              display: "Image"
+            }, {
+              name: "alt",
+              type: "string",
+              display: "Alt"
+            }]);
+            addAttributes(win.HTMLVideoElement, () => [{
+              name: "src",
+              type: "video",
+              display: "Video"
+            }, {
+              name: "poster",
+              type: "image",
+              display: "Poster"
+            }, {
+              name: "autoplay",
+              type: "boolean",
+              display: "Auto Play"
+            }, {
+              name: "loop",
+              type: "boolean",
+              display: "Loop"
+            }, {
+              name: "muted",
+              type: "boolean",
+              display: "Muted"
+            }]);
+            yield sleep(10);
+            for (const {
+              name,
+              factory
+            } of proxy.elements) {
+              doc.defaultView.customElements.define(name, factory);
+            }
+            frame.sandbox.remove("allow-scripts");
+          });
+        }
+      });
+      WebComponents.path = `//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.122`;
+    }
+  };
+});
+//# sourceMappingURL=webComponentsPath.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/webComponentsPath");
+
+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", "./UrlService", "../../site-editor/editor/webComponentsPath"], 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, UrlService, channel, emailID, tag, author, commentIcon, ChannelMessage;
+  var __awaiter, __decorate, __metadata, InjectProperty, AtomControl, BlogService, XNode, Action, EmojiPopup, PopupService, AtomRepeater, PostView, CopyIcon, TagCloud, PopularPosts, RecentPosts, BlogHeader, Pack, InfiniteRepeater, Bind, PostSummary, UrlService, WebComponents, channel, emailID, tag, author, commentIcon, ChannelMessage;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
@@ -25089,6 +25332,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
       PostSummary = _PostSummary.default;
     }, function (_UrlService) {
       UrlService = _UrlService.UrlService;
+    }, function (_siteEditorEditorWebComponentsPath) {
+      WebComponents = _siteEditorEditorWebComponentsPath.WebComponents;
     }],
     execute: function () {
       ({
@@ -25111,6 +25356,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
           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