@social-mail/social-mail-client 1.2.424 → 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

@@ -46900,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) {
         & {
@@ -46921,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] {
@@ -46983,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;
@@ -46997,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 {
@@ -47564,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"]))
       });
     }
   };
@@ -47780,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"]))
       });
     }
   };
@@ -48429,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);
@@ -48492,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);