@social-mail/social-mail-client 1.2.530 → 1.2.531

package/dist/admin/AdminAppIndex.pack.js

@@ -47921,10 +47921,10 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/WrapGrid");
 
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/web-controls/dist/basic/Expander", "@web-atoms/web-controls/dist/basic/Select", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/web-controls/dist/basic/Expander", "@web-atoms/web-controls/dist/basic/Select", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/core/AtomUI"], function (_export, _context) {
   "use strict";
 
-  var __rest, XNode, AtomControl, Expander, Select, Bind, styled, BindEditor, BindStyleValue, BindStyleChecked, BindStyleCustom;
+  var __rest, XNode, AtomControl, Expander, Select, Bind, styled, AncestorEnumerator, BindEditor, BindStyleValue, BindStyleChecked, BindStyleCustom;
   function PropertyEditor(_a, ...nodes) {
     var _b, _c, _d;
     var _e;
@@ -47954,18 +47954,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       }
     }
     return XNode.create("div", Object.assign({
-      "data-element": "property-editor",
-      "event-input": e => {
-        const target = e.target;
-        const currentTarget = e.currentTarget;
-        if (target.tagName === "SELECT") {
-          if (target.value === "custom") {
-            currentTarget.setAttribute("data-custom", "true");
-          } else {
-            currentTarget.removeAttribute("data-custom");
-          }
-        }
-      }
+      "data-element": "property-editor"
     }, a), label && XNode.create("label", {
       "data-font-size": "small"
     }, label), ...nodes, custom);
@@ -47996,7 +47985,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       custom: XNode.create("input", Object.assign({
         type: "text"
       }, BindStyleCustom(property.key)))
-    }, a), XNode.create(Select, Object.assign({}, BindStyleValue(property.key), {
+    }, a), XNode.create(Select, Object.assign({
+      "data-property-value-editor": "drop-down"
+    }, BindStyleValue(property.key), {
       "data-flex": "stretch-full",
       valuePath: v => v.value,
       items: [{
@@ -48105,6 +48096,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_webAtomsCoreDistWebCoreAtomUI) {
+      AncestorEnumerator = _webAtomsCoreDistWebCoreAtomUI.AncestorEnumerator;
     }],
     execute: function () {
       _export("BindEditor", BindEditor = Bind.forControl());
@@ -48195,6 +48188,26 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
 
 
     `.installGlobal("[data-element=expander-property-editor]");
+      document.addEventListener("input", e => {
+        const target = e.target;
+        if (!/select/i.test(target.tagName)) {
+          return;
+        }
+        if (target.getAttribute("data-property-value-editor") !== "drop-down") {
+          return;
+        }
+        const currentTarget = AncestorEnumerator.find(target, x => x.getAttribute("data-element") === "property-editor");
+        if (!currentTarget) {
+          return;
+        }
+        if (target.tagName === "SELECT") {
+          if (target.value === "custom") {
+            currentTarget.setAttribute("data-custom", "true");
+          } else {
+            currentTarget.removeAttribute("data-custom");
+          }
+        }
+      });
     }
   };
 });
@@ -51862,13 +51875,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/di
             };
             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 = `
-        // (function (globalWindow) {
         "use strict";
         ${init};
         Symbol.dispose ||= Symbol("dispose");
-        ;${text}
-        // })(globalWindow);
+        ;${text.replace("//# sourceMappingURL=editable.js.map", "//# sourceMappingURL=" + sourceMappingURL)}
         `;
             const fx = new doc.defaultView.Function("globalWindow", script);
             fx.call(win, globals);
@@ -51943,7 +51955,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/di
 System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/web/controls/AtomControl", "../drag-drop/DragDropHelper", "../toolbars/UndoRedoToolbar", "../blocks/WrapGrid", "../toolbars/EditorToolbar", "../properties/Properties", "../styler/StylerSet", "./SelectedElement", "@web-atoms/core/dist/core/AtomBinder", "../blocks/ImageBox", "../blocks/RowBox", "../blocks/ColumnBox", "../blocks/VerticalImageBox", "../blocks/Image", "../blocks/ImageCard", "../blocks/TextBox", "../blocks/Card", "../blocks/List", "../blocks/Components", "@web-atoms/core/dist/core/types", "../blocks/Buttons", "../blocks/Columns2", "../blocks/Columns3", "../blocks/RightImageBox", "@web-atoms/core/dist/web/core/AtomUI", "../blocks/PriceBox", "@web-atoms/core/dist/core/BindableProperty", "../blocks/Billboard", "../blocks/OutlineText", "../blocks/Carousel", "../blocks/ImageGallery", "@web-atoms/web-controls/dist/basic/InlinePopup", "../blocks/VideoPlayer", "../blocks/BackgroundVideo", "../blocks/TextMask", "../blocks/MarqueeText", "../blocks/ImageGrid", "../blocks/BoxFrame", "../blocks/InjectBox", "../blocks/PDFFlipBook", "../blocks/PDFViewer", "../blocks/Banner", "./BreadCrum", "./LanguageDropDown", "./webComponentsPath"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, __rest, Bind, XNode, sleep, styled, Action, AtomControl, InstallDragDropHelper, UndoRedoToolbar, WrapGrid, EditorToolbar, Properties, StylerSet, SelectedElement, AtomBinder, ImageBox, RowBox, ColumnBox, VerticalImageBox, Image, ImageCard, TextBox, Card, List, BlogComponent, TypeWriterComponent, UMD, ImageLink, LinkButton, Columns2, Columns3, RightImageBox, descendentElementIterator, PriceTable, BindableProperty, Billboard, OutlineText, Carousel, ImageGallery, InlinePopupButton, VideoPlayer, BackgroundVideo, TextMask, MarqueeText, ImageGrid, BoxFrame, InjectBox, PDFFlipBook, PDFViewer, Banner, BreadCrum, LanguageDropDown, WebComponents, HtmlPageEditor, desktopWidth, tabletWidth, mobileWidth, languageSymbol;
+  var __awaiter, __decorate, __metadata, __rest, Bind, XNode, sleep, styled, Action, AtomControl, InstallDragDropHelper, UndoRedoToolbar, WrapGrid, EditorToolbar, Properties, StylerSet, SelectedElement, AtomBinder, ImageBox, RowBox, ColumnBox, VerticalImageBox, Image, ImageCard, TextBox, Card, List, BlogComponent, TypeWriterComponent, CancelToken, UMD, ImageLink, LinkButton, Columns2, Columns3, RightImageBox, descendentElementIterator, PriceTable, BindableProperty, Billboard, OutlineText, Carousel, ImageGallery, InlinePopupButton, VideoPlayer, BackgroundVideo, TextMask, MarqueeText, ImageGrid, BoxFrame, InjectBox, PDFFlipBook, PDFViewer, Banner, BreadCrum, LanguageDropDown, WebComponents, HtmlPageEditor, desktopWidth, tabletWidth, mobileWidth, languageSymbol;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -52001,6 +52013,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       BlogComponent = _blocksComponents.BlogComponent;
       TypeWriterComponent = _blocksComponents.TypeWriterComponent;
     }, function (_webAtomsCoreDistCoreTypes) {
+      CancelToken = _webAtomsCoreDistCoreTypes.CancelToken;
       UMD = _webAtomsCoreDistCoreTypes.UMD;
     }, function (_blocksButtons) {
       ImageLink = _blocksButtons.ImageLink;
@@ -52218,6 +52231,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
           return (_a = this.lastCommittedHtml) !== null && _a !== void 0 ? _a : (_c = (_b = this.htmlDocument) === null || _b === void 0 ? void 0 : _b.documentElement) === null || _c === void 0 ? void 0 : _c.outerHTML;
         }
         set htmlPage(v) {
+          var _a;
           if (!this.element) {
             return;
           }
@@ -52227,8 +52241,11 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             }, 100);
             return;
           }
+          (_a = this.initCT) === null || _a === void 0 ? void 0 : _a.cancel();
+          const ct = this.initCT = new CancelToken();
           void this.ready.then(() => {
-            return this.initDocument(v);
+            const prevInit = this.lastInit;
+            this.lastInit = this.initDocument(prevInit, v, ct);
           });
         }
         get language() {
@@ -52576,24 +52593,25 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
           body.removeAttribute("editing");
           body.removeAttribute("editing-lang");
           const all = clone.querySelectorAll("*");
-          const deleteAll = [];
+          const clearChildren = [];
           const removeAll = [];
           for (let index = 0; index < all.length; index++) {
             const element = all[index];
-            element.removeAttribute("draggable");
             if (element.hasAttribute("remove-when-save")) {
-              deleteAll.push(element);
+              removeAll.push(element);
               continue;
             }
             if (element.tagName === "INJECT") {
-              deleteAll.push(element);
+              clearChildren.push(element);
               continue;
             }
             if (element.getAttribute("data-cursor-style") === "editing") {
               removeAll.push(element);
+              continue;
             }
+            element.removeAttribute("draggable");
           }
-          for (const iterator of deleteAll) {
+          for (const iterator of clearChildren) {
             iterator.innerHTML = "";
           }
           for (const iterator of removeAll) {
@@ -52665,8 +52683,11 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
           this.htmlDocument.body.contentEditable = "true";
           this.htmlDocument.body.setAttribute("editing", "true");
         }
-        initDocument(v) {
+        initDocument(prev, v, ct) {
           return __awaiter(this, void 0, void 0, function* () {
+            try {
+              yield prev;
+            } catch (_a) {}
             this.contentEditor.srcdoc = "about:empty";
             const dom = new DOMParser();
             const doc = dom.parseFromString(v, "text/html");
@@ -53473,8 +53494,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
               }));
             }
             pending.push(() => __awaiter(this, void 0, void 0, function* () {
-              const stylerCSS = yield this.createFile("styler.css", StylerSet.instance.toString());
-              yield this.addStyleSheet(doc, stylerCSS, "styles/styler.css");
+              const stylerFile = yield this.cloudFileService.children(this.folder.appFileID, "styles/styler.css").firstOrDefault();
+              const stylerContent = yield FetchBuilder.get(stylerFile.downloadUrl).responseAsText();
+              const newStyle = StylerSet.instance.toString();
+              if (stylerContent !== newStyle) {
+                const stylerCSS = yield this.createFile("styler.css", newStyle);
+                yield this.addStyleSheet(doc, stylerCSS, "styles/styler.css");
+              }
             }));
             pending.push(() => __awaiter(this, void 0, void 0, function* () {
               let vars = yield this.cloudFileService.children(this.folder.appFileID, "styles/vars.css").firstOrDefault();
@@ -53775,7 +53801,11 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               start,
               search: this.search,
               cancelToken
-            })))));
+            })), {
+              itemRenderer: x => XNode.create("div", {
+                text: x.emailAddress.emailAddress
+              })
+            })));
             this.footerRenderer = () => XNode.create("div", {
               "style-display": Bind.oneWay(() => this.selected !== null),
               "data-layout": "command-row"
@@ -53807,7 +53837,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                 }, p => x => Sql.text.like(x.emailAddress.emailAddress, p.search));
               }
             }
-            return q.toPagedList({
+            return q.include(x => x.emailAddress).toPagedList({
               start,
               cancelToken,
               size
@@ -53823,10 +53853,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/websites/blogs/LookupChannelPage");
 
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "../../../controls/collection-editor/CollectionEditor", "@web-atoms/web-controls/dist/PageNavigator", "./LookupChannelPage"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "@web-atoms/web-controls/dist/PageNavigator", "./LookupChannelPage", "../../../controls/collection-editor/CollectionEditorEx"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, PopupWindowPage, WebSiteChannel, XNode, Bind, CollectionEditor, PageNavigator, LookupChannelPage, WebSiteBlogsPage;
+  var __awaiter, PopupWindowPage, WebSiteChannel, XNode, Bind, PageNavigator, LookupChannelPage, CollectionEditorEx, WebSiteBlogsPage;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -53839,12 +53869,12 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_webAtomsCoreDistCoreBind) {
       Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_controlsCollectionEditorCollectionEditor) {
-      CollectionEditor = _controlsCollectionEditorCollectionEditor.default;
     }, function (_webAtomsWebControlsDistPageNavigator) {
       PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
     }, function (_LookupChannelPage) {
       LookupChannelPage = _LookupChannelPage.default;
+    }, function (_controlsCollectionEditorCollectionEditorEx) {
+      CollectionEditorEx = _controlsCollectionEditorCollectionEditorEx.default;
     }],
     execute: function () {
       _export("default", WebSiteBlogsPage = class WebSiteBlogsPage extends PopupWindowPage {
@@ -53858,11 +53888,13 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             this.headerRenderer = () => XNode.create("div", {
               "style-display": Bind.oneWay(() => this.parameters.hosts.length === 0)
             }, "To display blog/channels on your website, you must add them here.");
-            this.renderer = XNode.create("div", null, XNode.create(CollectionEditor, {
+            this.renderer = XNode.create("div", null, XNode.create(CollectionEditorEx, {
               label: "Channels",
               model: this.model,
-              collection: "channels",
-              itemRenderer: item => XNode.create("div", null, item.channel.emailAddress.emailAddress),
+              field: x => x.channels,
+              itemRenderer: item => XNode.create("div", null, XNode.create("div", {
+                text: item.channel.emailAddress.emailAddress
+              })),
               itemFactory: () => __awaiter(this, void 0, void 0, function* () {
                 const {
                   mailboxID: channelID