@social-mail/social-mail-client 1.2.133 → 1.2.135

package/dist/web/AppIndex.pack.js

@@ -36870,112 +36870,17 @@ System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor"
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/LayoutEditor");
 
-System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/AtomBinder"], function (_export, _context) {
+System.register(["./PropertyEditor"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, BindableProperty, AtomControl, XNode, Bind, AtomBinder, SizeEditorControl, BindSizeEditor;
-  _export("default", void 0);
+  var DropDownProperty, SizeEditorControl;
   return {
-    setters: [function (_tslib) {
-      __awaiter = _tslib.__awaiter;
-      __decorate = _tslib.__decorate;
-      __metadata = _tslib.__metadata;
-    }, function (_webAtomsCoreDistCoreBindableProperty) {
-      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
-    }, function (_webAtomsCoreDistWebControlsAtomControl) {
-      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_webAtomsCoreDistCoreAtomBinder) {
-      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
+    setters: [function (_PropertyEditor) {
+      DropDownProperty = _PropertyEditor.DropDownProperty;
     }],
     execute: function () {
-      _export("BindSizeEditor", BindSizeEditor = Bind.forControl());
-      _export("default", SizeEditorControl = class SizeEditorControl extends AtomControl {
-        constructor() {
-          super(...arguments);
-          this._value = "";
-          this._isChanging = false;
-          this._old = "";
-        }
-        get isCustom() {
-          return this.propertyValue === "custom";
-        }
-        set isCustom(v) {
-          if (v) {
-            this.propertyValue = "custom";
-          } else {
-            this.propertyValue = this._old;
-          }
-        }
-        get propertyValue() {
-          return this._value;
-        }
-        set propertyValue(v) {
-          if (this._isChanging) {
-            return;
-          }
-          this._isChanging = true;
-          this._old = v && v !== "custom" ? this._value : this._old;
-          this._value = v;
-          AtomBinder.refreshValue(this, "propertyValue");
-          AtomBinder.refreshValue(this, "valueAsNumber");
-          AtomBinder.refreshValue(this, "isCustom");
-          this._isChanging = false;
-        }
-        get valueAsNumber() {
-          var _a;
-          const v = this.propertyValue;
-          if (!v || v === "custom") {
-            return 0;
-          }
-          return (_a = this.values.findIndex(item => item.name === v)) !== null && _a !== void 0 ? _a : 0;
-        }
-        set valueAsNumber(v) {
-          var _a;
-          this.propertyValue = ((_a = this.values[v]) === null || _a === void 0 ? void 0 : _a.name) || this._old;
-        }
-        init() {
-          return __awaiter(this, void 0, void 0, function* () {
-            const parent = this.parent;
-            const pv = parent.selection.style(this.property.key);
-            this.values = this.property.values.filter(x => x.name !== "custom");
-            this.render(XNode.create("div", {
-              propertyValue: Bind.sourceTwoWays(pv, x => x.source.value),
-              custom: Bind.sourceTwoWays(pv, x => x.source.custom),
-              "data-element": "property-editor",
-              "data-display": "flex",
-              "data-justify-items": "stretch"
-            }, XNode.create("div", {
-              "data-layout": "row"
-            }, XNode.create("label", {
-              "data-font-size": "small",
-              text: Bind.oneWay(() => this.label)
-            }), XNode.create("input", {
-              type: "checkbox",
-              checked: Bind.twoWaysImmediate(() => this.isCustom)
-            })), XNode.create("div", null, XNode.create("input", {
-              "style-display": Bind.oneWay(() => !this.isCustom),
-              type: "range",
-              min: 0,
-              max: this.values.length - 2,
-              value: Bind.twoWays(() => this.valueAsNumber)
-            }), XNode.create("input", {
-              "style-display": Bind.oneWay(() => this.isCustom),
-              type: "text",
-              value: Bind.twoWaysImmediate(() => this.custom)
-            }))));
-          });
-        }
-        preCreate() {
-          this.runAfterInit(() => this.app.runAsync(() => this.init()));
-        }
-      });
-      __decorate([BindableProperty, __metadata("design:type", String)], SizeEditorControl.prototype, "label", void 0);
-      __decorate([BindableProperty, __metadata("design:type", Function)], SizeEditorControl.prototype, "property", void 0);
-      __decorate([BindableProperty, __metadata("design:type", String)], SizeEditorControl.prototype, "custom", void 0);
+      SizeEditorControl = DropDownProperty;
+      _export("default", SizeEditorControl);
     }
   };
 });
@@ -37205,43 +37110,41 @@ System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor"
 System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor", "../../styler/StylerSet", "../controls/SizeEditorControl"], function (_export, _context) {
   "use strict";
 
-  var XNode, DropDownProperty, ExpanderPropertyEditor, StylerSet, SizeEditorControl, BindSizeEditor, properties;
+  var XNode, BindEditor, DropDownProperty, ExpanderPropertyEditor, StylerSet, SizeEditorControl, properties;
   function PositionGroupEditor() {
     return XNode.create(ExpanderPropertyEditor, {
       label: "Position"
     }, XNode.create(DropDownProperty, {
       label: "Position",
       property: properties.stylerPosition
-    }), XNode.create(SizeEditorControl, {
+    }), XNode.create("section", {
+      "style-display": BindEditor.oneWay(e => /relative|fixed|absolute|sticky/i.test(e.selection.currentStyle.position))
+    }, XNode.create(SizeEditorControl, {
       label: "Left",
-      "style-display": BindSizeEditor.oneWay(e => /relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position)),
       property: properties.stylerLeft
     }), XNode.create(SizeEditorControl, {
       label: "Top",
-      "style-display": BindSizeEditor.oneWay(e => /relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position)),
       property: properties.stylerTop
     }), XNode.create(SizeEditorControl, {
       label: "Right",
-      "style-display": BindSizeEditor.oneWay(e => /relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position)),
       property: properties.stylerRight
     }), XNode.create(SizeEditorControl, {
       label: "Bottom",
-      "style-display": BindSizeEditor.oneWay(e => /relative|fixed|absolute|sticky/i.test(e.parent.selection.currentStyle.position)),
       property: properties.stylerBottom
-    }));
+    })));
   }
   _export("default", PositionGroupEditor);
   return {
     setters: [function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_controlsPropertyEditor) {
+      BindEditor = _controlsPropertyEditor.BindEditor;
       DropDownProperty = _controlsPropertyEditor.DropDownProperty;
       ExpanderPropertyEditor = _controlsPropertyEditor.ExpanderPropertyEditor;
     }, function (_stylerStylerSet) {
       StylerSet = _stylerStylerSet.StylerSet;
     }, function (_controlsSizeEditorControl) {
       SizeEditorControl = _controlsSizeEditorControl.default;
-      BindSizeEditor = _controlsSizeEditorControl.BindSizeEditor;
     }],
     execute: function () {
       ({
@@ -38287,7 +38190,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
             font-size: 16px;
             font-weight: bold;
             font-family: 'Courier New', Courier, monospace;
-            height: 100%;
+            height: 20px;
             display: flex;
             justify-items: center;
             align-items: center;
@@ -38458,13 +38361,19 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
     gap: ${stylerVars.sizeDefault};
     border-radius: ${stylerVars.sizeDefault};
     justify-items: center;
-    align-items: stretch;
+    align-items: center;
     contain: content;
 
+    & > * {
+        max-width: 100%;
+    }
+
     @media (min-width: 600px) { 
         & {
             flex-direction: row;
             flex-wrap: nowrap;
+            align-items: center;
+            justify-content: space-around;
         }
         & > * {
             width: 50%;