@social-mail/social-mail-client 1.8.406 → 1.8.411

package/dist/site-editor-app/pages/websites/studio/layers/TreeElement.js

@@ -0,0 +1,186 @@
+System.register(["@web-atoms/core/dist/web/core/AtomUI", "./TreeElement.global.css"], function (_export, _context) {
+  "use strict";
+
+  var ChildEnumerator, TreeElement, onTreeElementClick, onTreeActionClick, selectedElementSymbol;
+  return {
+    setters: [function (_webAtomsCoreDistWebCoreAtomUI) {
+      ChildEnumerator = _webAtomsCoreDistWebCoreAtomUI.ChildEnumerator;
+    }, function (_TreeElementGlobalCss) {}],
+    execute: function () {
+      onTreeElementClick = e => {
+        const target = e.target;
+        const root = target === null || target === void 0 ? void 0 : target.treeRoot;
+        if (!root) {
+          return;
+        }
+        root.selectedElement = root;
+      };
+      onTreeActionClick = e => {
+        const target = e.target;
+        const root = target === null || target === void 0 ? void 0 : target.treeRoot;
+        if (!root) {
+          return;
+        }
+        root.dispatchEvent(new CustomEvent("treeElementAction", {
+          bubbles: true,
+          detail: target
+        }));
+      };
+      selectedElementSymbol = Symbol("selectedElement");
+      TreeElement = class TreeElement extends HTMLElement {
+        get spacing() {
+          const parent = this.parentElement;
+          if (/tree-element/i.test(parent.tagName)) {
+            return parent.spacing + 5;
+          }
+          return 5;
+        }
+        get selectedElement() {
+          const root = this.treeRoot;
+          if (!root) {
+            return void 0;
+          }
+          return root[selectedElementSymbol];
+        }
+        set selectedElement(v) {
+          if (v && !(v instanceof TreeElement)) {
+            return;
+          }
+          const root = this.treeRoot;
+          if (!root) {
+            return;
+          }
+          const old = root[selectedElementSymbol];
+          if (old === v) {
+            return;
+          }
+          old === null || old === void 0 ? void 0 : old.removeAttribute("selected");
+          v === null || v === void 0 ? void 0 : v.setAttribute("selected", "1");
+          root[selectedElementSymbol] = v;
+          let start = v;
+          if (!v) {
+            return;
+          }
+          while (start === null || start === void 0 ? void 0 : start.check) {
+            start.check.checked = true;
+            start.updateSelection(true);
+            start = start.parentElement;
+          }
+          v.dispatchEvent(new CustomEvent("treeElementSelected", {
+            bubbles: true
+          }));
+        }
+        get treeRoot() {
+          var _a;
+          let start = this;
+          while (/tree-element/i.test((_a = start.parentElement) === null || _a === void 0 ? void 0 : _a.tagName)) {
+            start = start.parentElement;
+          }
+          return start;
+        }
+        attributeChangedCallback(name, oldValue, newValue) {
+          switch (name) {
+            case "label":
+              if (this.labelElement) {
+                this.labelElement.textContent = newValue;
+              }
+              break;
+            case "icon":
+              break;
+            case "actions":
+              if (this.actions) {
+                this.setActions(newValue);
+              }
+              break;
+          }
+        }
+        setActions(newValue) {
+          this.actions.innerHTML = newValue;
+          for (const e of ChildEnumerator.enumerate(this.actions)) {
+            e.setAttribute("part", "action-item");
+            e.treeRoot = this;
+          }
+        }
+        connectedCallback() {
+          this.root = this.attachShadow({
+            mode: "open"
+          });
+          const spacer = document.createElement("div");
+          spacer.setAttribute("part", "spacer");
+          this.spacer = spacer;
+          this.root.appendChild(spacer);
+          const bg = document.createElement("div");
+          bg.setAttribute("part", "bg");
+          this.root.appendChild(bg);
+          const label = document.createElement("span");
+          label.setAttribute("part", "label");
+          label.treeRoot = this;
+          this.labelElement = label;
+          const text = this.getAttribute("label");
+          if (text) {
+            label.textContent = text;
+          }
+          this.root.appendChild(label);
+          const check = document.createElement("input");
+          check.setAttribute("part", "check");
+          check.setAttribute("type", "checkbox");
+          this.check = check;
+          this.root.appendChild(check);
+          const actions = document.createElement("div");
+          actions.setAttribute("part", "actions");
+          this.actions = actions;
+          actions.treeRoot = this;
+          actions.onclick = onTreeActionClick;
+          const a = this.getAttribute("actions");
+          this.root.appendChild(actions);
+          if (a) {
+            this.setActions(a);
+          }
+          label.onclick = onTreeElementClick;
+          label.onpointerenter = () => {
+            this.setAttribute("hover", "1");
+            this.dispatchEvent(new CustomEvent("treeElementHover", {
+              bubbles: true
+            }));
+          };
+          label.onpointerleave = () => this.removeAttribute("hover");
+          const container = document.createElement("slot");
+          container.setAttribute("name", "container");
+          container.setAttribute("part", "container");
+          this.root.appendChild(container);
+          check.oninput = e => this.updateSelection(e.target !== check);
+          const parent = this.parentElement;
+          if (parent.check) {
+            if (parent.check.checked) {
+              this.slot = "container";
+              this.spacer.style.width = parent.spacing + "px";
+            }
+          }
+        }
+        updateSelection(checkOnly = false) {
+          const {
+            check
+          } = this;
+          if (check.checked) {
+            const spacing = this.spacing + "px";
+            for (const element of ChildEnumerator.enumerate(this)) {
+              element.slot = "container";
+              element.spacer.style.width = spacing;
+            }
+          } else {
+            if (checkOnly) {
+              return;
+            }
+            for (const element of ChildEnumerator.enumerate(this)) {
+              element.slot = "container1";
+            }
+          }
+        }
+      };
+      TreeElement.observedAttributes = ["label", "icon", "spacing", "actions"];
+      _export("default", TreeElement);
+      customElements.define("tree-element", TreeElement);
+    }
+  };
+});
+//# sourceMappingURL=TreeElement.js.map

package/dist/site-editor-app/pages/websites/studio/layers/TreeElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TreeElement","onTreeElementClick","onTreeActionClick","selectedElementSymbol","setters","_webAtomsCoreDistWebCoreAtomUI","ChildEnumerator","_TreeElementGlobalCss","execute","e","target","root","treeRoot","selectedElement","dispatchEvent","CustomEvent","bubbles","detail","Symbol","HTMLElement","spacing","parent","parentElement","test","tagName","v","old","removeAttribute","setAttribute","start","check","checked","updateSelection","_a","attributeChangedCallback","name","oldValue","newValue","labelElement","textContent","actions","setActions","innerHTML","enumerate","connectedCallback","attachShadow","mode","spacer","document","createElement","appendChild","bg","label","text","getAttribute","onclick","a","onpointerenter","onpointerleave","container","oninput","slot","style","width","checkOnly","element","observedAttributes","_export","customElements","define"],"sources":["../../../../../../src/site-editor-app/pages/websites/studio/layers/TreeElement.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/site-editor-app/pages/websites/studio/tool-bar/StudioToolBar.d.ts

@@ -0,0 +1,43 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import "./StudioToolBar.global.css";
+export default class StudioToolBar extends AtomControl {
+    static page(a: {
+        id: any;
+        title: any;
+        body: XNode;
+        className: any;
+        header?: never;
+    } | {
+        id: any;
+        title?: never;
+        header: XNode;
+        body: XNode;
+        className?: never;
+    }): {
+        id: any;
+        title: any;
+        body: XNode;
+        className: any;
+        header?: never;
+    } | {
+        id: any;
+        title?: never;
+        header: XNode;
+        body: XNode;
+        className?: never;
+    };
+    container: HTMLElement;
+    search: string;
+    root: any;
+    pages: {
+        id: any;
+        title: any;
+        body: any;
+    }[];
+    selectedItem: any;
+    constructor(app: any, e?: HTMLElement);
+    init(): Promise<void>;
+    updateSelected(): void;
+}
+//# sourceMappingURL=StudioToolBar.d.ts.map

package/dist/site-editor-app/pages/websites/studio/tool-bar/StudioToolBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StudioToolBar.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor-app/pages/websites/studio/tool-bar/StudioToolBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAI5E,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IAElD,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;QAAE,EAAE,MAAC;QAAC,KAAK,MAAC;QAAC,IAAI,EAAE,KAAK,CAAC;QAAC,SAAS,MAAC;QAAC,MAAM,CAAC,EAAE,KAAK,CAAA;KAAE,GAAG;QAAE,EAAE,MAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,MAAM,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,KAAK,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAA;KAAE;;;cAAzG,KAAK;;iBAAsB,KAAK;;;gBAAmB,KAAK;gBAAU,KAAK;cAAQ,KAAK;oBAAc,KAAK;;IASzI,SAAS,EAAE,WAAW,CAAC;IAEvB,MAAM,SAAM;IAEZ,IAAI,MAAQ;IAEZ,KAAK,EAAS;QAAE,EAAE,MAAC;QAAC,KAAK,MAAC;QAAC,IAAI,MAAA;KAAE,EAAE,CAAC;IAEpC,YAAY,MAAU;gBAEV,GAAG,KAAA,EAAE,CAAC,cAA4C;IAKxD,IAAI;IAoBV,cAAc;CAUjB"}

package/dist/site-editor-app/pages/websites/studio/tool-bar/StudioToolBar.global.css

@@ -0,0 +1,2 @@
+studio-tool-bar{display:grid;gap:0;grid-template-columns:auto 1fr;grid-template-rows:1fr;overflow:hidden}studio-tool-bar>button-bar{border:none;border-radius:0;border-right:1px solid #d3d3d3;display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:1;height:100%;position:relative;width:50px}studio-tool-bar>button-bar>label{justify-content:center;padding:5px}studio-tool-bar>button-bar input[type=radio]{left:-10px;position:absolute;top:-10px}studio-tool-bar>button-bar [data-element=header]{align-content:center;align-items:center;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;justify-content:center;justify-items:center}studio-tool-bar>button-bar [data-element=header]>i{font-size:25px;grid-column:1;grid-row:1}studio-tool-bar>button-bar [data-element=header]>span{font-size:smaller;grid-column:1;grid-row:2}studio-tool-bar>[data-element=container]{grid-column:2;grid-row:1;overflow-x:hidden;overflow-y:auto}
+/*# sourceMappingURL=StudioToolBar.global.css.map */

package/dist/site-editor-app/pages/websites/studio/tool-bar/StudioToolBar.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/site-editor-app/pages/websites/studio/tool-bar/StudioToolBar.global.css"],"names":[],"mappings":"AAAA,gBACI,YAAa,CAGb,KAAM,CAFN,8BAA+B,CAC/B,sBAAuB,CAEvB,eAsDJ,CArDI,2BAII,WAAiC,CACjC,eAAgB,CADhB,8BAAiC,CAMjC,YAAa,CACb,qBAAsB,CAGtB,QAAS,CAZT,aAAc,CADd,UAAW,CAKX,WAAY,CAMZ,iBAAkB,CAJlB,UAsCJ,CA9BI,iCAEI,sBAAuB,CADvB,WAEJ,CAEA,6CAEI,UAAW,CADX,iBAAkB,CAElB,SACJ,CAEA,iDAOI,oBAAqB,CAFrB,kBAAmB,CAJnB,YAAa,CACb,yBAA0B,CAC1B,2BAA4B,CAC5B,sBAAuB,CAEvB,oBAYJ,CAVI,mDAGI,cAAe,CAFf,aAAc,CACd,UAEJ,CACA,sDAGI,iBAAkB,CAFlB,aAAc,CACd,UAEJ,CAGR,yCAEI,aAAc,CADd,UAAW,CAEX,iBAAkB,CAClB,eACJ","file":"StudioToolBar.global.css"}

package/dist/site-editor-app/pages/websites/studio/tool-bar/StudioToolBar.js

@@ -0,0 +1,74 @@
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/web-controls/dist/basic/ButtonBar", "@web-atoms/core/dist/core/Defer", "./StudioToolBar.global.css"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, XNode, Bind, AtomControl, ButtonBar, Defer, StudioToolBar;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsWebControlsDistBasicButtonBar) {
+      ButtonBar = _webAtomsWebControlsDistBasicButtonBar.default;
+    }, function (_webAtomsCoreDistCoreDefer) {
+      Defer = _webAtomsCoreDistCoreDefer.default;
+    }, function (_StudioToolBarGlobalCss) {}],
+    execute: function () {
+      _export("default", StudioToolBar = class StudioToolBar extends AtomControl {
+        static page(a) {
+          var _a, _b;
+          var _c;
+          (_a = a.header) !== null && _a !== void 0 ? _a : a.header = XNode.create("div", {
+            "data-element": "header"
+          }, XNode.create("i", {
+            class: a.className
+          }), XNode.create("span", {
+            text: a.title
+          }));
+          ((_b = (_c = a.header).attributes) !== null && _b !== void 0 ? _b : _c.attributes = {})["data-element"] = "header";
+          return a;
+        }
+        constructor(app, e = document.createElement("studio-tool-bar")) {
+          super(app, e);
+          this.search = "";
+          this.root = null;
+          this.pages = [];
+          this.selectedItem = void 0;
+          this.pushInit();
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            (_a = this.selectedItem) !== null && _a !== void 0 ? _a : this.selectedItem = this.pages[1].id;
+            this.renderer = XNode.create("div", null, XNode.create(ButtonBar, {
+              items: this.pages,
+              itemRenderer: x => x.header,
+              valuePath: x => x.id,
+              value: Bind.twoWaysImmediate(() => this.selectedItem),
+              "event-input": () => this.updateSelected()
+            }), XNode.create("div", {
+              "data-element": "container"
+            }));
+            this.container = this.element.querySelector(`[data-element="container"]`);
+            this.updateSelected();
+          });
+        }
+        updateSelected() {
+          this.dispose(this.container);
+          this.container.innerHTML = "";
+          const parent = this.parent;
+          const selected = this.pages.find(x => x.id === this.selectedItem);
+          parent.render(XNode.create("div", null, selected.body), this.container, parent);
+        }
+      });
+      __decorate([Defer(10), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], StudioToolBar.prototype, "updateSelected", null);
+    }
+  };
+});
+//# sourceMappingURL=StudioToolBar.js.map

package/dist/site-editor-app/pages/websites/studio/tool-bar/StudioToolBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StudioToolBar","_export","setters","_tslib","XNode","_webAtomsCoreDistCoreXNode","default","_webAtomsCoreDistCoreBind","Bind","_webAtomsCoreDistWebControlsAtomControl","AtomControl","_webAtomsWebControlsDistBasicButtonBar","ButtonBar","_webAtomsCoreDistCoreDefer","Defer","_StudioToolBarGlobalCss","execute","page","a","_a","header","create","class","className","text","title","_b","_c","attributes","constructor","app","e","document","createElement","search","root","pages","selectedItem","pushInit","init","id","renderer","items","itemRenderer","x","valuePath","value","twoWaysImmediate","event-input","updateSelected","container","element","querySelector","dispose","innerHTML","parent","selected","find","render","body","__decorate"],"sources":["../../../../../../src/site-editor-app/pages/websites/studio/tool-bar/StudioToolBar.tsx"],"sourcesContent":[null],"mappings":";;;qFAQqBA,aAAc;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,MAAA;;;;;MAR5BC,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,yBAAA;MACLC,IAAI,GAAAD,yBAAA,CAAAD,OAAA;IAAA,aAAAG,uCAAA;MACFC,WAAW,GAAAD,uCAAA,CAAXC,WAAW;IAAA,aAAAC,sCAAA;MACbC,SAAS,GAAAD,sCAAA,CAAAL,OAAA;IAAA,aAAAO,0BAAA;MACTC,KAAK,GAAAD,0BAAA,CAAAP,OAAA;IAAA,aAAAS,uBAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAf,OAAA,YAISD,aAAc,GAArB,MAAOA,aAAc,SAAQU,WAAW;QAElD,OAAOO,IAAIA,CAACC,CAA+H;;;UACvI,CAAAC,EAAA,GAAAD,CAAC,CAACE,MAAM,cAAAD,EAAA,cAAAA,EAAA,GAARD,CAAC,CAACE,MAAM,GAAKhB,KAAA,CAAAiB,MAAA;YAAA,gBAAkB;UAAQ,GACnCjB,KAAA,CAAAiB,MAAA;YAAGC,KAAK,EAAEJ,CAAC,CAACK;UAAS,EAAG,EACxBnB,KAAA,CAAAiB,MAAA;YAAMG,IAAI,EAAEN,CAAC,CAACO;UAAK,EAAG,CACpB;UACN,EAAAC,EAAA,IAAAC,EAAA,GAACT,CAAC,CAACE,MAAM,EAACQ,UAAU,cAAAF,EAAA,cAAAA,EAAA,GAAAC,EAAA,CAAVC,UAAU,GAAK,EAAE,EAAE,cAAc,CAAC,GAAG,QAAQ;UACvD,OAAOV,CAAC;QACZ;QAYAW,YAAYC,GAAG,EAAEC,CAAC,GAAGC,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;UAC1D,KAAK,CAACH,GAAG,EAAEC,CAAC,CAAC;UATjB,KAAAG,MAAM,GAAG,EAAE;UAEX,KAAAC,IAAI,GAAG,IAAI;UAEX,KAAAC,KAAK,GAAG,EAA2B;UAEnC,KAAAC,YAAY,GAAG,KAAK,CAAC;UAIjB,IAAI,CAACC,QAAQ,EAAE;QACnB;QAEMC,IAAIA,CAAA;;;YAEN,CAAApB,EAAA,OAAI,CAACkB,YAAY,cAAAlB,EAAA,cAAAA,EAAA,GAAjB,IAAI,CAACkB,YAAY,GAAK,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC,CAACI,EAAE;YAEtC,IAAI,CAACC,QAAQ,GAAGrC,KAAA,CAAAiB,MAAA,cACZjB,KAAA,CAAAiB,MAAA,CAACT,SAAS;cACN8B,KAAK,EAAE,IAAI,CAACN,KAAK;cACjBO,YAAY,EAAGC,CAAC,IAAKA,CAAC,CAACxB,MAAM;cAC7ByB,SAAS,EAAGD,CAAC,IAAKA,CAAC,CAACJ,EAAE;cACtBM,KAAK,EAAEtC,IAAI,CAACuC,gBAAgB,CAAC,MAAM,IAAI,CAACV,YAAY,CAAC;cAAA,eACxCW,CAAA,KAAM,IAAI,CAACC,cAAc;YAAE,EACtC,EACN7C,KAAA,CAAAiB,MAAA;cAAA,gBAAkB;YAAW,EAAO,CAClC;YAEN,IAAI,CAAC6B,SAAS,GAAG,IAAI,CAACC,OAAO,CAACC,aAAa,CAAC,4BAA4B,CAAgB;YACxF,IAAI,CAACH,cAAc,EAAE;UACzB,CAAC;;QAGDA,cAAcA,CAAA;UAEV,IAAI,CAACI,OAAO,CAAC,IAAI,CAACH,SAAS,CAAC;UAC5B,IAAI,CAACA,SAAS,CAACI,SAAS,GAAG,EAAE;UAE7B,MAAMC,MAAM,GAAG,IAAI,CAACA,MAAM;UAC1B,MAAMC,QAAQ,GAAG,IAAI,CAACpB,KAAK,CAACqB,IAAI,CAAEb,CAAC,IAAKA,CAAC,CAACJ,EAAE,KAAK,IAAI,CAACH,YAAY,CAAC;UAEnEkB,MAAM,CAACG,MAAM,CAAEtD,KAAA,CAAAiB,MAAA,cAAMmC,QAAQ,CAACG,IAAI,CAAO,EAAE,IAAI,CAACT,SAAS,EAAEK,MAAM,CAAC;QACtE;OACH;MAVGK,UAAA,EADC9C,KAAK,CAAC,EAAE,CAAC,E,oKAUT;IAAA;EAAA;AAAA","ignoreList":[]}