@social-mail/social-mail-client 1.2.423 → 1.2.425

package/content/templates/plain/index.html

@@ -13,6 +13,7 @@
         <div
             styler-layout="floating-nav-bar"
             styler-background-color="header"
+            styler-background-mode="stretch"
             styler-color="header"
             styler-backdrop-filter="blur"
             styler-box-shadow="default"

package/dist/admin/AdminAppIndex.pack.js

@@ -20105,7 +20105,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
               start.removeAttribute("data-selected-item");
             }
             start = start.nextElementSibling;
-            if (start.hasAttribute("data-footer")) {
+            if (start === null || start === void 0 ? void 0 : start.hasAttribute("data-footer")) {
               break;
             }
           }
@@ -33248,19 +33248,21 @@ System.register(["tslib", "@web-atoms/core/dist/web/controls/AtomControl", "@web
         };
         let i = 0;
         let si = -1;
-        for (const iterator of items) {
-          const option = document.createElement("option");
-          const label = lp(iterator);
-          const value = vp(iterator);
-          option.text = label;
-          option.value = value;
-          element.options.add(option);
-          if (cv !== void 0) {
-            if (cv == value) {
-              si = i;
+        if (items === null || items === void 0 ? void 0 : items.length) {
+          for (const iterator of items) {
+            const option = document.createElement("option");
+            const label = lp(iterator);
+            const value = vp(iterator);
+            option.text = label;
+            option.value = value;
+            element.options.add(option);
+            if (cv !== void 0) {
+              if (cv == value) {
+                si = i;
+              }
             }
+            i++;
           }
-          i++;
         }
         if (si != -1) {
           element.selectedIndex = si;
@@ -46898,6 +46900,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
     padding: ${stylerVars.sizeDefault};
     margin: ${stylerVars.sizeDefault};
     gap: ${stylerVars.sizeLarge};
+    --children-width: 100%;
 
     @media (min-width: 900px) {
         & {
@@ -46919,12 +46922,18 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
 
     &[styler-full-screen] {
         width: 100%;
-        --children-width: 100%;
         max-width: 100%;
         padding: 0;
         margin: 0;
     }
 
+    & > [styler-background-mode=extend] {
+        align-self: center;
+        width: 100vw;
+        padding: 10px calc(50vw - var(--children-width) / 2 + 20px);
+        border-radius: 0;
+    }
+
     `.expand("[styler-layout=main]"));
       StylerSets.register("high", styled.css`
     & [styler-layout] {
@@ -46981,6 +46990,8 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
             display: flex;
             flex-direction: column;
             width: 100vw;
+            padding: 0;
+            margin: 0;
             align-self: center;
             align-items: center;
             justify-content: center;
@@ -46995,6 +47006,14 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
             &:empty:before {
                 content: "Inject Not Set";
             }
+
+            & > [styler-background-mode=extend] {
+                align-self: center;
+                width: 100vw;
+                padding: 10px calc(50vw - var(--children-width) / 2 + 20px);
+                border-radius: 0;
+            }
+
         }
 
         & video-player {
@@ -47562,7 +47581,8 @@ System.register(["../Styler"], function (_export, _context) {
         stylerLeft: new StylerProperty("styler-left", createVarSet("left", sizeVarList)),
         stylerTop: new StylerProperty("styler-top", createVarSet("top", sizeVarList)),
         stylerRight: new StylerProperty("styler-right", createVarSet("right", sizeVarList)),
-        stylerBottom: new StylerProperty("styler-bottom", createVarSet("bottom", sizeVarList))
+        stylerBottom: new StylerProperty("styler-bottom", createVarSet("bottom", sizeVarList)),
+        stylerZIndex: new StylerProperty("styler-z-index", createSet("z-index", ["none", "last", "back", "front", "first"]))
       });
     }
   };
@@ -47778,7 +47798,8 @@ System.register(["@web-atoms/core/dist/style/styled", "../Styler", "../StylerSet
         }),
         stylerBackgroundRepeat: new StylerProperty("styler-background-repeat", createSet("background-repeat", ["no-repeat", "repeat", "repeat-x", "repeat-y", "round", "space"])),
         stylerBackgroundAttachment: new StylerProperty("styler-background-attachment", createSet("background-attachment", ["fixed", "local", "scroll"])),
-        stylerBackgroundOrigin: new StylerProperty("styler-background-origin", createSet("background-origin", ["border-box", "content-box", "padding-box"]))
+        stylerBackgroundOrigin: new StylerProperty("styler-background-origin", createSet("background-origin", ["border-box", "content-box", "padding-box"])),
+        stylerBackgroundMode: new StylerProperty("styler-background-mode", createSet("background-mode", ["none", "extend"]))
       });
     }
   };
@@ -48427,6 +48448,9 @@ System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor"
     }), XNode.create(SizeEditorControl, {
       label: "Bottom",
       property: properties.stylerBottom
+    }), XNode.create(DropDownProperty, {
+      label: "Z-Index",
+      property: properties.stylerZIndex
     })));
   }
   _export("default", PositionGroupEditor);
@@ -48490,6 +48514,9 @@ System.register(["@web-atoms/core/dist/core/XNode", "../controls/PropertyEditor"
     }), XNode.create(DropDownProperty, {
       label: "Attachment",
       property: properties.stylerBackgroundAttachment
+    }), XNode.create(DropDownProperty, {
+      label: "Mode",
+      property: properties.stylerBackgroundMode
     }));
   }
   _export("default", BackgroundGroupEditor);