@social-mail/social-mail-client 1.2.697 → 1.2.699

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/common/Mailto","@social-mail/social-mail-client/dist/public/channel/controls/UpcomingEvents"]);
+            ["@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","@web-atoms/web-controls/dist/basic/TimeEditor","@web-atoms/web-controls/dist/basic/styles/time-editor-style","@social-mail/social-mail-client/dist/public/channel/controls/UpcomingEvents"]);
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -22204,6 +22204,25 @@ gap: 5px;
     background: #FAFAFA;
 }
 
+aside {
+
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    & > * {
+        padding-bottom: 10px;
+        border-bottom: solid 1px lightgray;
+    }
+}
+
+@media (max-width: 900px) {
+    & > * {
+        padding: 10px;
+    }
+
+}
+
 @media (min-width: 900px) {
     & {
         display: grid;
@@ -26466,10 +26485,208 @@ System.register([], function (_export, _context) {
 
     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) {
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, InjectProperty, AtomControl, EntityService, DateTime, Calendar, XNode, MailboxContactEvent, Bind, CacheTTL, styled, UrlService, Mailto, WebComponents, ChannelCalendarView, cacheVersion, cacheSeconds, renderChildren, toVisibleDate;
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+
+    padding-left: 5px;
+    grid-row: 2;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: start;
+    gap: 0;
+
+    & > [data-element=hour] {
+        margin-left: 5px;
+        margin-right: 5px;
+    }
+
+    & > [data-element=minute] {
+        margin-left: 5px;
+    }
+
+    & > [data-element=pm] {
+        margin-right: 5px;
+    }
+
+    & > button {
+        border-radius: 9999px;
+        outline: none;
+        border: none;
+        background-color: transparent;
+
+        &[data-selected=true] {
+            background-color: var(--accent-color, blue);
+            color: var(--accent-text-color, white);
+        }
+
+        &[data-element=am] {
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+        }
+
+        &[data-element=pm] {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+        }
+    }
+
+    & > select {
+        border: none;
+        outline: none;
+    }
+
+    `.installGlobal("[data-time-editor]");
+    }
+  };
+});
+//# sourceMappingURL=time-editor-style.js.map
+
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/time-editor-style");
+
+System.register(["@web-atoms/core/dist/core/AtomBinder", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/date-time/dist/TimeSpan", "./Select", "@web-atoms/core/dist/core/Bind", "./styles/time-editor-style"], function (_export, _context) {
+  "use strict";
+
+  var AtomBinder, XNode, AtomControl, TimeSpan, Select, Bind, TimeEditor;
+  function hours() {
+    return [{
+      label: "01",
+      value: 1
+    }, {
+      label: "02",
+      value: 2
+    }, {
+      label: "03",
+      value: 3
+    }, {
+      label: "04",
+      value: 4
+    }, {
+      label: "05",
+      value: 5
+    }, {
+      label: "06",
+      value: 6
+    }, {
+      label: "07",
+      value: 7
+    }, {
+      label: "08",
+      value: 8
+    }, {
+      label: "09",
+      value: 9
+    }, {
+      label: "10",
+      value: 10
+    }, {
+      label: "11",
+      value: 11
+    }, {
+      label: "12",
+      value: 12
+    }];
+  }
+  function minutes() {
+    const items = [];
+    for (let index = 0; index < 10; index++) {
+      items.push({
+        label: "0" + index,
+        value: index
+      });
+    }
+    for (let index = 10; index < 60; index++) {
+      items.push({
+        label: index.toString(),
+        value: index
+      });
+    }
+    return items;
+  }
+  _export("default", void 0);
+  return {
+    setters: [function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsDateTimeDistTimeSpan) {
+      TimeSpan = _webAtomsDateTimeDistTimeSpan.default;
+    }, function (_Select) {
+      Select = _Select.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_stylesTimeEditorStyle) {}],
+    execute: function () {
+      _export("default", TimeEditor = class TimeEditor extends AtomControl {
+        get time() {
+          let t = new TimeSpan(0, this.hour, this.minute);
+          if (this.isPM) {
+            t = t.add(TimeSpan.fromHours(12));
+          }
+          return t;
+        }
+        set time(v) {
+          if (!v) {
+            v = TimeSpan.fromSeconds(0);
+          }
+          let h = v.hours;
+          if (h > 12) {
+            h -= 12;
+            this.isPM = true;
+          }
+          this.hour = h;
+          this.minute = v.minutes;
+          AtomBinder.refreshValue(this, "time");
+        }
+        create() {
+          this.isPM = false;
+          this.hour = 12;
+          this.minute = 0;
+          this.render(XNode.create("div", {
+            "data-time-editor": "time-editor",
+            "event-change": () => setTimeout(() => AtomBinder.refreshValue(this, "time"), 1)
+          }, XNode.create(Select, {
+            "data-element": "hour",
+            items: hours(),
+            value: Bind.twoWays(() => this.hour)
+          }), XNode.create(Select, {
+            "data-element": "minute",
+            items: minutes(),
+            value: Bind.twoWays(() => this.minute)
+          }), XNode.create("button", {
+            "event-click": () => (this.isPM = false, AtomBinder.refreshValue(this, "time")),
+            "data-selected": Bind.oneWay(() => !this.isPM),
+            "data-element": "am",
+            text: "AM"
+          }), XNode.create("button", {
+            "event-click": () => (this.isPM = true, AtomBinder.refreshValue(this, "time")),
+            "data-selected": Bind.oneWay(() => this.isPM),
+            "data-element": "pm",
+            text: "PM"
+          })));
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=TimeEditor.js.map
+
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/TimeEditor");
+
+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", "@web-atoms/web-controls/dist/basic/TimeEditor", "@web-atoms/date-time/dist/TimeSpan"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, InjectProperty, AtomControl, EntityService, DateTime, Calendar, XNode, MailboxContactEvent, Bind, CacheTTL, styled, UrlService, Mailto, WebComponents, TimeEditor, TimeSpan, ChannelCalendarView, cacheVersion, cacheSeconds, renderChildren, toVisibleDate;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -26502,28 +26719,55 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
       Mailto = _commonMailto.Mailto;
     }, function (_siteEditorEditorWebComponentsPath) {
       WebComponents = _siteEditorEditorWebComponentsPath.WebComponents;
+    }, function (_webAtomsWebControlsDistBasicTimeEditor) {
+      TimeEditor = _webAtomsWebControlsDistBasicTimeEditor.default;
+    }, function (_webAtomsDateTimeDistTimeSpan) {
+      TimeSpan = _webAtomsDateTimeDistTimeSpan.default;
     }],
     execute: function () {
       styled.css`
+
+        width: 100%;
+    
         display: grid;
-        grid-template-columns: 1fr auto;
-        grid-template-rows: 1fr auto;
+        grid-template-columns: 1fr;
+        grid-template-rows: 1fr;
+
+        align-items: center;
+        justify-items: stretch;
+        justify-content: stretch;
 
         & > [data-calendar] {
             grid-row: 1;
             grid-column: 1;
+            & mini-calendar-events {
+                min-height: 80px;
+                display: flex;
+                align-items: center;
+                flex-direction: column;
+                padding-top: 10px;
+                & > a {
+                    font-size: smaller;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    /* margin-left: 5px; */
+                    /* margin-right: 5px; */
+                    /* display: block; */
+                    flex: 1 1 100%;
+                    place-self: stretch;
+                    overflow: hidden;
+                    background-color: #ffe1217d;
+                    border-radius: 9999px;
+                    max-height: 20px;
+                    padding: 2px;
+                    padding-left: 5px;
+                    text-decoration: none;
+                }
+            }
         }
 
-        & > [events-view] {
-            grid-column: 2;
-        }
-
-        & calendar-events {
-            min-height: 80px;
-            display: flex;
-            align-items: center;
-            flex-direction: column;
-            padding: 10px;
+        & > vflex-div {
+            grid-row: 2;
         }
 
         & share-button {
@@ -26539,6 +26783,76 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             }
         }
 
+        @media (max-width: 900px) {
+            & > [data-calendar] > * {
+                & [data-item-index] {
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    justify-items: center;
+                    flex-direction: column;
+                }
+                & mini-calendar-events {
+                    position: relative;
+                    pointer-events: none;
+                    min-height: 20px;
+                    max-height: 30px;
+                    height: 30px;
+                    width: 20px;
+                    & a {
+                        position: absolute;
+                        display: block;
+                        position: relative;
+                        overflow: hidden;
+                        background-color: transparent;
+                        border: none;
+                        min-height: 20px;
+                        max-height: 20px;
+                        height: 20px;
+                        width: 20px;
+                        padding: 0;
+                        padding-left: 20px;
+                        &::before {
+                            display: block;
+                            position: absolute;
+                            left: 0;
+                            top: 0;
+                            display: block;
+                            width: 20px;
+                            height: 20px;
+                            content: "";
+                            background-color: blue;
+                            border-radius: 20px;
+                        }
+                    }
+                }
+            }
+        }
+
+        & vflex-div {
+            margin-top: 10px;
+            border-top: solid 1px lightgray;
+            padding-top: 10px;
+
+            margin-bottom: 10px;
+            border-bottom: solid 1px lightgray;
+            padding-bottom: 10px;
+
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            & > share-button {
+                margin-right: auto;
+            }
+        }
+
+        & post-item {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            gap: 10px;
+        }
+
     `.installGlobal("[calendar-view]");
       cacheVersion = "v1";
       cacheSeconds = CacheTTL.seconds.fifteenMinutes;
@@ -26562,6 +26876,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
           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;
@@ -26579,30 +26894,34 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               value: Bind.twoWaysImmediate(() => this.selectedDate),
               dateRenderer: x => XNode.create("div", null, XNode.create("label", {
                 text: x.label
-              }), XNode.create("calendar-events", Object.assign({}, renderChildren(Bind.source({
+              }), XNode.create("mini-calendar-events", Object.assign({}, renderChildren(Bind.source({
                 self: this,
                 x
-              }, s => this.renderEvent(s.source.self.calendarEvents, s.source.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", {
-              "style-display": Bind.oneWay(() => !!this.selectedDate),
-              href: Bind.oneWay(() => Mailto.create({
-                to: this.channel.emailAddress.emailAddress,
-                body: `\r\nEvent on 📅:${toVisibleDate(this.selectedDate)}\r\nEvent at 📍:`
-              }))
-            }, 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} `;
-              })
-            }))));
+              href: Bind.oneWay(() => this.createEvent(this.selectedDate, this.time))
+            }, "Create Event")))));
+          });
+        }
+        createEvent(date, time) {
+          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, item) {
-          const items = calendarEvents.get(item.value.date.msSinceEpoch);
+        renderEvent(calendarEvents, date) {
+          const items = calendarEvents.get(date.date.msSinceEpoch);
           if (!items) {
             return null;
           }
@@ -26615,17 +26934,37 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             text: x.title
           }));
         }
+        renderEventItem(calendarEvents, date) {
+          const items = calendarEvents.get(date.date.msSinceEpoch);
+          if (!items) {
+            return null;
+          }
+          return items.map(x => XNode.create("post-item", null, XNode.create("span", {
+            text: "\uD83D\uDCC5"
+          }), 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]).toArray({
+            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);
@@ -26633,6 +26972,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               values.push(element);
             }
             this.calendarEvents = dayMap;
+            if (start) {
+              this.selectedDate = start;
+            }
             return;
           });
         }
@@ -26788,7 +27130,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             this.renderer = XNode.create("section", null, !calendar && !emailID && XNode.create(BlogHeader, {
               search: search,
               channel: this.channel
-            }), XNode.create("section", null, this.renderBody()), XNode.create("aside", null, XNode.create(TagCloud, null), XNode.create(UpcomingEvents, {
+            }), 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));
           });