@social-mail/social-mail-client 1.2.375 → 1.2.376

package/dist/web/AppIndex.pack.js

@@ -42155,7 +42155,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
 
     & nav {
 
-        menu {
+        input:not(:checked)+nav menu {
             position: relative;
             padding-inline-start: 0;
             margin: 0;
@@ -42187,6 +42187,33 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
             }
         }
 
+        input:checked+nav > menu {
+            position: relative;
+            padding-inline-start: 0;
+            margin: 0;
+
+            & > ul {
+                background-color: canvas;
+                margin: 10px;
+                border-radius: 5px;
+                border: solid 1px lightgray;
+                padding-inline-start: 0;
+            }
+
+            & li {
+                list-style-type: none;
+
+                padding: 10px;
+                margin: 5px;
+
+                &:hover {
+                    background-color: var(--hover-color);
+                    color: var(--hover-text-color);
+                }
+            }
+        }
+
+
     }
 
 `.expand("[styler-element=navbar]"));
@@ -47039,10 +47066,10 @@ System.register(["./apiPath"], function (_export, _context) {
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/fileUrl");
 
-System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlPageEditor", "../../web/page/files/media/ChooseMediaPage", "@web-atoms/web-controls/dist/PageNavigator", "../styler/StylerSet", "@web-atoms/core/dist/core/InjectProperty", "../../web/page/files/service/CloudFileService", "@web-atoms/core/dist/view-model/Action", "../../code-editor/CodeEditorPage", "../../common/apiPath", "@web-atoms/core/dist/services/FetchBuilder", "../../common/fileUrl"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlPageEditor", "../../web/page/files/media/ChooseMediaPage", "@web-atoms/web-controls/dist/PageNavigator", "../styler/StylerSet", "@web-atoms/core/dist/core/InjectProperty", "../../web/page/files/service/CloudFileService", "@web-atoms/core/dist/view-model/Action", "../../code-editor/CodeEditorPage", "@web-atoms/core/dist/services/FetchBuilder", "../../common/fileUrl"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, BindableProperty, HtmlPageEditor, ChooseMediaPage, PageNavigator, StylerSet, InjectProperty, CloudFileService, Action, CodeEditorPage, apiPath, FetchBuilder, imageUrl, srcSetUrl, WebSitePageEditor;
+  var __awaiter, __decorate, __metadata, BindableProperty, HtmlPageEditor, ChooseMediaPage, PageNavigator, StylerSet, InjectProperty, CloudFileService, Action, CodeEditorPage, FetchBuilder, imageUrl, srcSetUrl, WebSitePageEditor;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -47067,8 +47094,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
       Action = _webAtomsCoreDistViewModelAction.default;
     }, function (_codeEditorCodeEditorPage) {
       CodeEditorPage = _codeEditorCodeEditorPage.default;
-    }, function (_commonApiPath) {
-      apiPath = _commonApiPath.apiPath;
     }, function (_webAtomsCoreDistServicesFetchBuilder) {
       FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
     }, function (_commonFileUrl) {
@@ -47080,6 +47105,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
         constructor() {
           super(...arguments);
           this.folder = null;
+          this.selectedFile = null;
         }
         changeImage() {
           return __awaiter(this, void 0, void 0, function* () {
@@ -47203,7 +47229,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
               });
               file = yield this.cloudFileService.getFile(file.appFileID);
             }
-            yield this.addStyleSheet(file);
+            yield this.addStyleSheet(file, "styles/vars.css");
           });
         }
         setStylerSheet() {
@@ -47227,14 +47253,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
               }
             }
             const stylerCSS = yield this.createFile("styler.css", StylerSet.instance.toString());
-            yield this.addStyleSheet(stylerCSS);
+            yield this.addStyleSheet(stylerCSS, "styles/styler.css");
             let vars = yield this.cloudFileService.children(this.folder.appFileID, "styles/vars.css").firstOrDefault();
             if (!vars) {
               vars = yield this.createFile("vars.css", `* {
                 ${StylerSet.instance.varsCss}
             }`);
             }
-            yield this.addStyleSheet(vars);
+            yield this.addStyleSheet(vars, "styles/vars.css");
             let script = this.htmlDocument.querySelector("script[web-components]");
             if (!script) {
               script = this.htmlDocument.createElement("script");
@@ -47243,14 +47269,21 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
               script.setAttribute("defer", "true");
               this.htmlDocument.head.appendChild(this.htmlDocument.createTextNode("\n"));
               this.htmlDocument.head.appendChild(script);
+              this.htmlDocument.head.appendChild(this.htmlDocument.createTextNode("\n"));
             }
             script.setAttribute("src", "//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.72/dist/components.webpack.js");
           });
         }
-        addStyleSheet(file) {
+        addStyleSheet(file, path) {
           return __awaiter(this, void 0, void 0, function* () {
+            const filePath = this.selectedFile.path.substring(this.folder.path.length);
+            let folder = filePath.split("/").length - 2;
+            while (folder > 0) {
+              path = "../" + path;
+              folder--;
+            }
             const document = this.htmlDocument;
-            const href = apiPath(`/api/site/asset/download/${this.folder.appFileID}/${file.appFileID}/${file.fileContentID}/${file.name}`);
+            const href = "./" + path;
             let link;
             for (const iterator of Array.from(document.querySelectorAll(`link[rel="stylesheet"][styler-css]`))) {
               if (iterator.getAttribute("styler-css") === file.name) {
@@ -47948,7 +47981,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               }
             }), XNode.create(WebSitePageEditor, {
               class: "file-list",
-              baseUrl: Bind.oneWay(() => apiPath(`/api/site/draft/${this.selectedFile.appFileID}/`)),
+              selectedFile: Bind.oneWay(() => this.selectedFile),
+              baseUrl: Bind.oneWay(() => apiPath(`/api/site/draft/${this.root.appFileID}/`)),
               folder: this.root,
               presenter: Bind.presenter(c => this.htmlEditor = c),
               "event-html-page-changed": ce => this.pageContent = ce.detail,