@social-mail/social-mail-client 1.2.508 → 1.2.510

package/dist/admin/AdminAppIndex.pack.js

@@ -47941,6 +47941,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
     for (const iterator of nodes) {
       (_d = (_e = (_c = iterator.attributes) !== null && _c !== void 0 ? _c : iterator.attributes = {})["data-element"]) !== null && _d !== void 0 ? _d : _e["data-element"] = "editor";
     }
+    if (property) {
+      a["data-item-property"] = property.key;
+      if (custom) {
+        const binder = c => c.selection.style(property.key).custom;
+        binder.toString = () => `(c) => c.selection.styleProperty["${property.key.replace("-", "_")}"]`;
+        a["data-custom-value"] = Bind.oneWay(binder);
+      }
+    }
     return XNode.create("div", Object.assign({
       "data-element": "property-editor",
       "event-input": e => {
@@ -48093,6 +48101,16 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
         }), e, c);
       }));
       styled.css`
+        & [data-item-property*=desktop] {
+            display: none;
+        }
+    `.installGlobal("body[show-only=tablet]");
+      styled.css`
+        & [data-item-property*=tablet] {
+            display: none;
+        }
+    `.installGlobal("body[show-only=desktop]");
+      styled.css`
 
     display: grid;
     grid-template-columns: 1fr;
@@ -48128,7 +48146,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
         padding-right: 10px;
     }
 
-    &:not([data-custom]) > [data-element=custom] {
+    &[data-custom-value=""]:not([data-custom]) > [data-element=custom] {
         display: none;
     }
 
@@ -48724,21 +48742,24 @@ System.register(["@web-atoms/core/dist/style/styled", "../Styler"], function (_e
 System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function (_export, _context) {
   "use strict";
 
-  var styled, StylerProperty, stylerTransform;
+  var styled, StylerProperty, createSet, stylerTransform;
   return {
     setters: [function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_Styler) {
       StylerProperty = _Styler.StylerProperty;
+      createSet = _Styler.createSet;
     }],
     execute: function () {
       _export("stylerTransform", stylerTransform = {
         stylerDesktopTransform: new StylerProperty("styler-desktop-transform", {
           custom: styled.css`transform: var(--styler-desktop-transform);`
         }, "", "", "@media (min-width:900px)"),
+        stylerDesktopTransformOrigin: new StylerProperty("styler-desktop-origin", createSet("transform-origin", ["custom", "left", "right", "center", "top", "bottom", "top left", "bottom left", "top right", "bottom right"]), "", "", "@media (min-width:700px)"),
         stylerTabletTransform: new StylerProperty("styler-tablet-transform", {
           custom: styled.css`transform: var(--styler-tablet-transform);`
-        }, "", "", "@media (min-width:700px)")
+        }, "", "", "@media (min-width:700px)"),
+        stylerTabletTransformOrigin: new StylerProperty("styler-tablet-origin", createSet("transform-origin", ["custom", "left", "right", "center", "top", "bottom", "top left", "bottom left", "top right", "bottom right"]), "", "", "@media (min-width:700px)")
       });
     }
   };
@@ -49489,19 +49510,42 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../styler/StylerSet", ".
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/EffectGroup");
 
-System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor", "../../styler/StylerSet"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor", "../../styler/StylerSet", "@web-atoms/web-controls/dist/basic/ToggleButtonBar", "@web-atoms/core/dist/core/Bind"], function (_export, _context) {
   "use strict";
 
-  var XNode, DropDownProperty, ExpanderPropertyEditor, StylerSet, properties;
+  var XNode, DropDownProperty, ExpanderPropertyEditor, StylerSet, ToggleButtonBar, Bind, properties, updateSelector;
   function TransformGroupEditor() {
+    const modes = [{
+      label: "Desktop",
+      value: "desktop"
+    }, {
+      label: "Tablet",
+      value: "tablet"
+    }];
+    const mode = {
+      value: "desktop"
+    };
+    document.body.setAttribute("show-only", mode.value);
     return XNode.create(ExpanderPropertyEditor, {
       label: "Transform"
-    }, XNode.create(DropDownProperty, {
-      label: "Desktop",
+    }, XNode.create(ToggleButtonBar, {
+      items: modes,
+      labelPath: x => x.label,
+      valuePath: x => x.value,
+      value: Bind.sourceTwoWays(mode, x => x.source.value),
+      "event-click": () => setTimeout(() => updateSelector(mode.value))
+    }), XNode.create(DropDownProperty, {
+      label: "Transform",
       property: properties.stylerDesktopTransform
     }), XNode.create(DropDownProperty, {
-      label: "Tablet",
+      label: "Transform",
       property: properties.stylerTabletTransform
+    }), XNode.create(DropDownProperty, {
+      label: "Origin",
+      property: properties.stylerDesktopTransformOrigin
+    }), XNode.create(DropDownProperty, {
+      label: "Origin",
+      property: properties.stylerTabletTransformOrigin
     }));
   }
   _export("default", TransformGroupEditor);
@@ -49513,11 +49557,18 @@ System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor"
       ExpanderPropertyEditor = _controlsPropertyEditor.ExpanderPropertyEditor;
     }, function (_stylerStylerSet) {
       StylerSet = _stylerStylerSet.StylerSet;
+    }, function (_webAtomsWebControlsDistBasicToggleButtonBar) {
+      ToggleButtonBar = _webAtomsWebControlsDistBasicToggleButtonBar.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
     }],
     execute: function () {
       ({
         properties
       } = StylerSet.instance);
+      updateSelector = type => {
+        document.body.setAttribute("show-only", type);
+      };
     }
   };
 });
@@ -49595,6 +49646,15 @@ System.register(["@web-atoms/core/dist/core/AtomBinder"], function (_export, _co
         }
         constructor(editor) {
           this.editor = editor;
+          this.styleProperty = new Proxy(this, {
+            get: (target, p, receiver) => {
+              var _a, _b, _c;
+              if (typeof p === "string") {
+                p = "--" + p.replace("_", "--");
+              }
+              return (_c = (_b = (_a = this.e) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.getPropertyValue(p)) !== null && _c !== void 0 ? _c : void 0;
+            }
+          });
           this.styles = new Map();
           this.empty = {
             setAttribute(n, v) {
@@ -49614,6 +49674,7 @@ System.register(["@web-atoms/core/dist/core/AtomBinder"], function (_export, _co
             AtomBinder.refreshValue(this, "currentStyle");
             AtomBinder.refreshValue(this, "parentStyle");
             AtomBinder.refreshValue(this, "attributes");
+            AtomBinder.refreshValue(this, "styleProperty");
             for (const iterator of this.styles.values()) {
               AtomBinder.refreshValue(iterator, "value");
               AtomBinder.refreshValue(iterator, "custom");
@@ -49677,6 +49738,7 @@ System.register(["@web-atoms/core/dist/core/AtomBinder"], function (_export, _co
                   AtomBinder.refreshValue(this, "custom");
                   AtomBinder.refreshValue(owner, "currentStyle");
                   AtomBinder.refreshValue(owner, "parentStyle");
+                  AtomBinder.refreshValue(this, "styleProperty");
                 }, 1);
               },
               get custom() {
@@ -49727,6 +49789,7 @@ System.register(["@web-atoms/core/dist/core/AtomBinder"], function (_export, _co
             AtomBinder.refreshValue(this, "currentStyle");
             AtomBinder.refreshValue(this, "parentStyle");
             AtomBinder.refreshValue(this, "attributes");
+            AtomBinder.refreshValue(this, "styleProperty");
             this.mo.observe(e, {
               attributes: true
             });
@@ -53266,7 +53329,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
               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.87/dist/components.webpack.js");
+            script.setAttribute("src", "//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.88/dist/components.webpack.js");
             const start = "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free";
             if (!Array.from(this.htmlDocument.querySelectorAll(`link[rel=stylesheet]`)).find(x => x.getAttribute("href").startsWith(start))) {
               const css = this.htmlDocument.createElement("link");