@social-mail/social-mail-client 1.2.523 → 1.2.525

package/dist/admin/AdminAppIndex.pack.js

@@ -47924,7 +47924,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
 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) {
   "use strict";
 
-  var __rest, XNode, AtomControl, Expander, Select, Bind, styled, BindEditor, BindStyleValue, BindStyleCustom;
+  var __rest, XNode, AtomControl, Expander, Select, Bind, styled, BindEditor, BindStyleValue, BindStyleChecked, BindStyleCustom;
   function PropertyEditor(_a, ...nodes) {
     var _b, _c, _d;
     var _e;
@@ -48036,6 +48036,23 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       "data-flex": "stretch-full"
     })));
   }
+  function CheckBoxProperty(_a) {
+    var {
+        label,
+        property,
+        attributeName
+      } = _a,
+      a = __rest(_a, ["label", "property", "attributeName"]);
+    return XNode.create(PropertyEditor, Object.assign({
+      label: label,
+      property: property,
+      attributeName: attributeName
+    }, a), XNode.create("input", Object.assign({
+      type: "checkbox"
+    }, BindStyleChecked(attributeName !== null && attributeName !== void 0 ? attributeName : property.key), {
+      "data-flex": "stretch-full"
+    })));
+  }
   function ButtonProperty(_a) {
     var {
         label,
@@ -48070,6 +48087,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
     DropDownProperty: DropDownProperty,
     NumberProperty: NumberProperty,
     TextProperty: TextProperty,
+    CheckBoxProperty: CheckBoxProperty,
     ButtonProperty: ButtonProperty
   });
   return {
@@ -48097,6 +48115,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
           value: Bind.sourceTwoWays(pv, s => s.source.value)
         }), e, c);
       }));
+      _export("BindStyleChecked", BindStyleChecked = AtomControl.registerProperty("data-style-property", "checked", (c, e, v) => {
+        const editor = c;
+        const pv = editor.selection.style(v);
+        c.render(XNode.create("div", {
+          checked: Bind.sourceTwoWays(pv, s => s.source.value)
+        }), e, c);
+      }));
       _export("BindStyleCustom", BindStyleCustom = AtomControl.registerProperty("data-style-property", "value", (c, e, v) => {
         const editor = c;
         const pv = editor.selection.style(v);
@@ -49354,49 +49379,15 @@ System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor"
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/BackgroundGroupEditor");
 
-System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
   "use strict";
 
-  var XNode, BindEditor, ExpanderPropertyEditor, TextProperty;
+  var XNode, BindEditor, CheckBoxProperty, ExpanderPropertyEditor, TextProperty, AtomControl, da;
   function AttributeEditor() {
     return XNode.create(ExpanderPropertyEditor, {
       isExpanded: true,
       label: "Attributes"
-    }, XNode.create(TextProperty, {
-      label: "Language",
-      attributeName: "lang"
-    }), XNode.create(TextProperty, {
-      label: "Link",
-      "style-display": BindEditor.oneWay(x => x.selection.name === "a"),
-      attributeName: "href"
-    }), XNode.create(TextProperty, {
-      label: "Link",
-      "style-display": BindEditor.oneWay(x => x.selection.parentName === "a"),
-      attributeName: "parent-href"
-    }), XNode.create(TextProperty, {
-      label: "Target",
-      "style-display": BindEditor.oneWay(x => x.selection.name === "a"),
-      attributeName: "target"
-    }), XNode.create(TextProperty, {
-      label: "Tool Tip",
-      attributeName: "title"
-    }), XNode.create(TextProperty, {
-      label: "Source",
-      "style-display": BindEditor.oneWay(x => /^(video|audio|img|video-player)$/i.test(x.selection.name)),
-      attributeName: "src"
-    }), XNode.create(TextProperty, {
-      label: "Poster",
-      "style-display": BindEditor.oneWay(x => /^(video|audio|video-player)$/i.test(x.selection.name)),
-      attributeName: "poster"
-    }), XNode.create(TextProperty, {
-      label: "Auto Play",
-      "style-display": BindEditor.oneWay(x => /^(video-player)$/i.test(x.selection.name)),
-      attributeName: "autoplay"
-    }), XNode.create(TextProperty, {
-      label: "Alt",
-      "style-display": BindEditor.oneWay(x => /img/i.test(x.selection.name)),
-      attributeName: "alt"
-    }));
+    }, XNode.create("div", Object.assign({}, da(BindEditor.oneWay(x => x.selection.element)))));
   }
   _export("default", AttributeEditor);
   return {
@@ -49404,10 +49395,48 @@ System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor"
       XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_controlsPropertyEditor) {
       BindEditor = _controlsPropertyEditor.BindEditor;
+      CheckBoxProperty = _controlsPropertyEditor.CheckBoxProperty;
       ExpanderPropertyEditor = _controlsPropertyEditor.ExpanderPropertyEditor;
       TextProperty = _controlsPropertyEditor.TextProperty;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
     }],
-    execute: function () {}
+    execute: function () {
+      da = AtomControl.registerProperty("data-attributes", "values", (c, e, v) => {
+        var _a, _b;
+        e.innerHTML = "";
+        if (!v) {
+          return;
+        }
+        const attributes = v.editableAttributes;
+        if (!attributes) {
+          return;
+        }
+        const ctrl = c;
+        for (const a of attributes) {
+          switch (a.type) {
+            case "boolean":
+              ctrl.render(XNode.create("div", null, XNode.create(CheckBoxProperty, {
+                label: (_a = a.display) !== null && _a !== void 0 ? _a : a.name,
+                attributeName: a.name
+              })), e, c);
+              break;
+            case "enum":
+            case "image":
+            case "lang":
+            case "number":
+            case "time":
+            case "video":
+            case "string":
+              ctrl.render(XNode.create("div", null, XNode.create(TextProperty, {
+                label: (_b = a.display) !== null && _b !== void 0 ? _b : a.name,
+                attributeName: a.name
+              })), e, c);
+              break;
+          }
+        }
+      });
+    }
   };
 });
 //# sourceMappingURL=AttributeEditor.js.map
@@ -51738,7 +51767,7 @@ System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XN
 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;
+  var __awaiter, sleep, FetchBuilder, CustomElementsProxy, WebComponents, addAttributes;
   _export("WebComponents", void 0);
   return {
     setters: [function (_tslib) {
@@ -51760,20 +51789,28 @@ System.register(["tslib", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/di
           });
         }
       };
+      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-scripts allow-same-origin");
+            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
             }));
-            frame.removeAttribute("allow");
-            frame.setAttribute("sandbox", sandbox);
+            setTimeout(() => frame.setAttribute("sandbox", ""), 100);
           });
         }
         static run(frame, doc) {
@@ -51799,19 +51836,30 @@ System.register(["tslib", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/di
               Array: win.Array,
               RegExp: win.RegExp,
               PromiseRejectionEvent: win.PromiseRejectionEvent,
-              setTimeout,
-              setInterval,
-              clearTimeout,
-              clearInterval,
+              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: win.MutationObserver,
-              IntersectionObserver: win.IntersectionObserver,
+              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 script = `
@@ -51824,6 +51872,55 @@ System.register(["tslib", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/di
         `;
             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,
@@ -51835,7 +51932,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/di
           });
         }
       });
-      WebComponents.path = `//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.103`;
+      WebComponents.path = `//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.107`;
     }
   };
 });