@social-mail/social-mail-client 1.2.121 → 1.2.122

package/dist/site-editor/blocks/Block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAepD,wBAAgB,KAAK,CAAC,EAClB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAO,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAC,MAAM,KAAK,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,aAyCvH"}
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAiBpD,wBAAgB,KAAK,CAAC,EAClB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAO,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAC,MAAM,KAAK,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,aAyCvH"}

package/dist/site-editor/blocks/Block.js

@@ -1,7 +1,7 @@
-System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/style/styled", "../styler/StylerSets", "../styler/Styler"], function (_export, _context) {
   "use strict";
 
-  var XNode, AtomControl, styled;
+  var XNode, AtomControl, styled, StylerSets, stylerVars, svg, svgCross;
   function Block({
     className,
     title,
@@ -54,6 +54,10 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
       AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
     }, function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_stylerStylerSets) {
+      StylerSets = _stylerStylerSets.StylerSets;
+    }, function (_stylerStyler) {
+      stylerVars = _stylerStyler.stylerVars;
     }],
     execute: function () {
       styled.css`
@@ -63,6 +67,121 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
             background-color: #00800080;
         }
     `.installGlobal("[data-html-editor-element=block]");
+      StylerSets.register("low", styled.css`
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-items: start;
+    padding: ${stylerVars.sizeDefault};
+    margin: ${stylerVars.sizeDefault};
+
+    @media (min-width: 900px) {
+        & {
+            max-width: 900px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+    }
+
+    @media (min-width: 1200px) {
+        & {
+            max-width: 1200px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+    }
+
+    `.expand("[styler-layout=main]"));
+      svg = `<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>`;
+      svgCross = `<svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path class="fa-secondary" opacity=".4" d="M297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6z"/><path class="fa-primary" d=""/></svg>`;
+      StylerSets.register("low", styled.css`
+    display: flex;
+    padding: ${stylerVars.sizeSmall};
+    padding-left: ${stylerVars.sizeLarge};
+    padding-right: ${stylerVars.sizeLarge};
+    margin: ${stylerVars.sizeDefault};
+    position: sticky;
+    top: ${stylerVars.sizeDefault};
+    border-radius: ${stylerVars.sizeLarge};
+    border: solid 1px ${stylerVars.borderColor};
+    background: ${stylerVars.navBarBackground};
+    backdrop-filter: ${stylerVars.navBarBackDropFilter};
+    align-items: center;
+    justify-content: space-between;
+    z-index: 20;
+    & > h1, & > h2, & > h3, & > h5, & > h6 {
+        margin-block-start: 0;
+        margin-block-end: 0;
+        font-weight: 400;
+    }
+    & > [styler-element=navbar] {
+        display: flex;
+        gap: 5px;
+        position: relative;
+        & > input[type=checkbox][styler-element=drawer] {
+            color: transparent;
+            display: none;
+        }
+    }
+
+    @media (max-width: 500px) {
+        & > [styler-element=navbar] {
+
+            & > nav {
+                display: none;
+            }
+
+            & > input[type=checkbox][styler-element=drawer] {
+                display: inline-block;
+                background-image: url('data:image/svg+xml,${svg}');
+                background-repeat: no-repeat;
+                border-width: 1px;
+                border-style: solid;
+                border-color: transparent;
+                width: 20px;
+                height: 20px;
+                appearance: none;
+                outline: none;
+                &:checked {
+                    background-image: url('data:image/svg+xml,${svgCross}');
+                }
+
+                &:checked ~ nav {
+                    display: flex;
+                    gap: var(--size-default);
+                    flex-direction: column;
+                    position: absolute;
+                    right: 10px;
+                    top: 40px;
+                    background: ${stylerVars.primarySurface};
+                    color: ${stylerVars.primaryAccentText};
+                    padding: var(--size-default);
+                    border-radius: var(--size-default);
+                    box-shadow: 0 0 8px 2px gray;
+                    min-width: 200px;
+                    min-height: 300px;                    
+                }
+            }
+        }
+        
+    }
+    `.expand("[styler-layout=floating-nav-bar]"));
+      StylerSets.register("low", styled.css`
+    display: flex;
+    padding: ${stylerVars.sizeSmall};
+    padding-left: ${stylerVars.sizeLarge};
+    padding-right: ${stylerVars.sizeLarge};
+    border-radius: ${stylerVars.sizeDefault};
+    margin: ${stylerVars.sizeDefault};
+    border-radius: ${stylerVars.sizeLarge};
+    align-items: center;
+    justify-content: space-between;
+    & > h1, & > h2, & > h3, & > h5, & > h6 {
+        margin-block-start: 0;
+        margin-block-end: 0;
+        font-weight: 400;
+    }
+    `.expand("[styler-layout=nav-bar]"));
     }
   };
 });

package/dist/site-editor/blocks/Block.js.map

@@ -1 +1 @@
-{"version":3,"names":["Block","className","title","text","rotate","src","factory","onClick","e","editor","AtomControl","from","target","element","buildXNode","insertElement","onDragStart","ne","dataTransfer","setDragImage","setData","outerHTML","XNode","create","class","draggable","_export","setters","_webAtomsCoreDistCoreXNode","default","_webAtomsCoreDistWebControlsAtomControl","_webAtomsCoreDistStyleStyled","styled","execute","css","installGlobal"],"sources":["../../../src/site-editor/blocks/Block.tsx"],"sourcesContent":[null],"mappings":";;;;EAeM,SAAUA,KAAKA,CAAC;IAClBC,SAAS;IACTC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,GAAG;IACHC;EAAO,CAA6G;IAEpH,OAAO,MAAK;MAER,MAAMC,OAAO,GAAIC,CAAa,IAAI;QAC9B,MAAMC,MAAM,GAAIC,WAAW,CAACC,IAAI,CAACH,CAAC,CAACI,MAAM,CAAoB;QAC7D,MAAMC,OAAO,GAAGJ,MAAM,CAACK,UAAU,CAACR,OAAO,EAAE,CAAC;QAC5CG,MAAM,CAACM,aAAa,CAACF,OAAO,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC;MAC/C,CAAC;MAED,MAAMG,WAAW,GAAIR,CAAY,IAAI;QACjC,MAAMC,MAAM,GAAIC,WAAW,CAACC,IAAI,CAACH,CAAC,CAACI,MAAM,CAAoB;QAC7D,MAAMK,EAAE,GAAGR,MAAM,CAACK,UAAU,CAACR,OAAO,EAAE,CAAC;QACvCE,CAAC,CAACU,YAAY,CAACC,YAAY,CAACF,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;QACrCT,CAAC,CAACU,YAAY,CAACE,OAAO,CAAC,WAAW,EAAEH,EAAE,CAACI,SAAS,CAAC;MACrD,CAAC;MAED,IAAIhB,GAAG,EAAE;QACL,OAAOiB,KAAA,CAAAC,MAAA;UAAA,4BACkB,OAAO;UAChCC,KAAK,EAAEvB,SAAS;UAChBC,KAAK,EAAEA,KAAK;UACZG,GAAG,EAAEA,GAAG;UACRoB,SAAS,EAAE,IAAI;UACftB,IAAI,EAAEA,IAAI;UAAA,eACGI,OAAO;UAAA,mBACHS;QAAW,EAC9B;;MAGF,OAAOM,KAAA,CAAAC,MAAA;QAAA,4BACsB,OAAO;QAChCC,KAAK,EAAEvB,SAAS;QAChBC,KAAK,EAAEA,KAAK;QACZuB,SAAS,EAAE,IAAI;QACftB,IAAI,EAAEA,IAAI;QAAA,gBACIC,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;QAAA,eAC1BG,OAAO;QAAA,mBACHS;MAAW,EAC9B;IACN,CAAC;EACL;EAACU,OAAA,UA/Ce1B,KAAK;EAAA;IAAA2B,OAAA,aAAAC,0BAAA;MAfdN,KAAK,GAAAM,0BAAA,CAAAC,OAAA;IAAA,aAAAC,uCAAA;MAEHpB,WAAW,GAAAoB,uCAAA,CAAXpB,WAAW;IAAA,aAAAqB,4BAAA;MAEbC,MAAM,GAAAD,4BAAA,CAAAF,OAAA;IAAA;IAAAI,OAAA,WAAAA,CAAA;MAETD,MAAM,CAACE,GAAI;;;;;;KAMV,CAACC,aAAa,CAAC,kCAAkC,CAAC;IAAC;EAAA;AAAA"}
+{"version":3,"names":["Block","className","title","text","rotate","src","factory","onClick","e","editor","AtomControl","from","target","element","buildXNode","insertElement","onDragStart","ne","dataTransfer","setDragImage","setData","outerHTML","XNode","create","class","draggable","_export","setters","_webAtomsCoreDistCoreXNode","default","_webAtomsCoreDistWebControlsAtomControl","_webAtomsCoreDistStyleStyled","styled","_stylerStylerSets","StylerSets","_stylerStyler","stylerVars","execute","css","installGlobal","register","sizeDefault","expand","svg","svgCross","sizeSmall","sizeLarge","borderColor","navBarBackground","navBarBackDropFilter","primarySurface","primaryAccentText"],"sources":["../../../src/site-editor/blocks/Block.tsx"],"sourcesContent":[null],"mappings":";;;;EAiBM,SAAUA,KAAKA,CAAC;IAClBC,SAAS;IACTC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,GAAG;IACHC;EAAO,CAA6G;IAEpH,OAAO,MAAK;MAER,MAAMC,OAAO,GAAIC,CAAa,IAAI;QAC9B,MAAMC,MAAM,GAAIC,WAAW,CAACC,IAAI,CAACH,CAAC,CAACI,MAAM,CAAoB;QAC7D,MAAMC,OAAO,GAAGJ,MAAM,CAACK,UAAU,CAACR,OAAO,EAAE,CAAC;QAC5CG,MAAM,CAACM,aAAa,CAACF,OAAO,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC;MAC/C,CAAC;MAED,MAAMG,WAAW,GAAIR,CAAY,IAAI;QACjC,MAAMC,MAAM,GAAIC,WAAW,CAACC,IAAI,CAACH,CAAC,CAACI,MAAM,CAAoB;QAC7D,MAAMK,EAAE,GAAGR,MAAM,CAACK,UAAU,CAACR,OAAO,EAAE,CAAC;QACvCE,CAAC,CAACU,YAAY,CAACC,YAAY,CAACF,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;QACrCT,CAAC,CAACU,YAAY,CAACE,OAAO,CAAC,WAAW,EAAEH,EAAE,CAACI,SAAS,CAAC;MACrD,CAAC;MAED,IAAIhB,GAAG,EAAE;QACL,OAAOiB,KAAA,CAAAC,MAAA;UAAA,4BACkB,OAAO;UAChCC,KAAK,EAAEvB,SAAS;UAChBC,KAAK,EAAEA,KAAK;UACZG,GAAG,EAAEA,GAAG;UACRoB,SAAS,EAAE,IAAI;UACftB,IAAI,EAAEA,IAAI;UAAA,eACGI,OAAO;UAAA,mBACHS;QAAW,EAC9B;;MAGF,OAAOM,KAAA,CAAAC,MAAA;QAAA,4BACsB,OAAO;QAChCC,KAAK,EAAEvB,SAAS;QAChBC,KAAK,EAAEA,KAAK;QACZuB,SAAS,EAAE,IAAI;QACftB,IAAI,EAAEA,IAAI;QAAA,gBACIC,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;QAAA,eAC1BG,OAAO;QAAA,mBACHS;MAAW,EAC9B;IACN,CAAC;EACL;EAACU,OAAA,UA/Ce1B,KAAK;EAAA;IAAA2B,OAAA,aAAAC,0BAAA;MAjBdN,KAAK,GAAAM,0BAAA,CAAAC,OAAA;IAAA,aAAAC,uCAAA;MAEHpB,WAAW,GAAAoB,uCAAA,CAAXpB,WAAW;IAAA,aAAAqB,4BAAA;MAEbC,MAAM,GAAAD,4BAAA,CAAAF,OAAA;IAAA,aAAAI,iBAAA;MACJC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,aAAA;MACVC,UAAU,GAAAD,aAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEfL,MAAM,CAACM,GAAI;;;;;;KAMV,CAACC,aAAa,CAAC,kCAAkC,CAAC;MAqDvDL,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAER,MAAM,CAACM,GAAI;;;;;eAKvBF,UAAU,CAACK,WAAW;cACvBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;KAkB/B,CAACC,MAAM,CAAC,sBAAsB,CAAC,CACnC;MAEKC,GAAG,GAAG,uhBAAuhB;MAE7hBC,QAAQ,GAAG,umBAAumB;MAGxnBV,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAER,MAAM,CAACM,GAAI;;eAEvBF,UAAU,CAACS,SAAS;oBACfT,UAAU,CAACU,SAAS;qBACnBV,UAAU,CAACU,SAAS;cAC3BV,UAAU,CAACK,WAAW;;WAEzBL,UAAU,CAACK,WAAW;qBACZL,UAAU,CAACU,SAAS;wBACjBV,UAAU,CAACW,WAAW;kBAC5BX,UAAU,CAACY,gBAAgB;uBACtBZ,UAAU,CAACa,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;4DA4BMN,GAAG;;;;;;;;;;gEAUCC,QAAQ;;;;;;;;;;kCAUtCR,UAAU,CAACc,cAAc;6BAC9Bd,UAAU,CAACe,iBAAiB;;;;;;;;;;;KAWpD,CAACT,MAAM,CAAC,kCAAkC,CAAC,CAC/C;MAEDR,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAER,MAAM,CAACM,GAAI;;eAEvBF,UAAU,CAACS,SAAS;oBACfT,UAAU,CAACU,SAAS;qBACnBV,UAAU,CAACU,SAAS;qBACpBV,UAAU,CAACK,WAAW;cAC7BL,UAAU,CAACK,WAAW;qBACfL,UAAU,CAACU,SAAS;;;;;;;;KAQpC,CAACJ,MAAM,CAAC,yBAAyB,CAAC,CACtC;IAAC;EAAA;AAAA"}

package/dist/site-editor/blocks/Buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Buttons.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,WAIpB,CAAC;AAEH,eAAO,MAAM,UAAU,WAIrB,CAAC;AAEH,eAAO,MAAM,cAAc,WAIzB,CAAC"}
+{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Buttons.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,SAAS,WAIpB,CAAC;AAuBH,eAAO,MAAM,UAAU,WAIrB,CAAC;AAsBH,eAAO,MAAM,cAAc,WAIzB,CAAC"}

package/dist/site-editor/blocks/Buttons.js

@@ -1,7 +1,7 @@
-System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage", "../styler/StylerSets", "@web-atoms/core/dist/style/styled", "../styler/Styler"], function (_export, _context) {
   "use strict";
 
-  var XNode, Block, defaultImageSrc, ImageLink, LinkButton, LinkIconButton;
+  var XNode, Block, defaultImageSrc, StylerSets, styled, stylerVars, ImageLink, LinkButton, LinkIconButton;
   return {
     setters: [function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
@@ -9,8 +9,24 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage"]
       Block = _Block.Block;
     }, function (_defaultImage) {
       defaultImageSrc = _defaultImage.defaultImageSrc;
+    }, function (_stylerStylerSets) {
+      StylerSets = _stylerStylerSets.StylerSets;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_stylerStyler) {
+      stylerVars = _stylerStyler.stylerVars;
     }],
     execute: function () {
+      StylerSets.register("low", styled.css`
+        border: solid 1px transparent;
+        outline: none;
+        text-decoration: none;
+        display: flex;
+        &:hover {
+            border-color: green;
+            text-decoration: underline;
+        }
+    `.expand("[styler-element=image-link]"));
       _export("ImageLink", ImageLink = Block({
         className: "fad fa-images",
         title: "Add Photo with Link",
@@ -21,6 +37,25 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage"]
           src: defaultImageSrc
         }))
       }));
+      StylerSets.register("low", styled.css`
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: ${stylerVars.sizeDefault};
+    padding-top: ${stylerVars.sizeTiny};
+    padding-bottom: ${stylerVars.sizeTiny};
+    padding-left: ${stylerVars.sizeLarge};
+    padding-right: ${stylerVars.sizeLarge};
+    background: ${stylerVars.buttonBackground};
+    color: ${stylerVars.buttonText};
+    border: none;
+    border-radius: ${stylerVars.sizeLarge};
+    text-decoration: none;
+    &:hover {
+        text-decoration: underline;
+    }
+    `.expand("[styler-element=link-button]"));
       _export("LinkButton", LinkButton = Block({
         className: "fad fa-link-simple",
         title: "Add Link Button",
@@ -29,6 +64,24 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage"]
           "styler-element": "link-button"
         }, "Button")
       }));
+      StylerSets.register("low", styled.css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: ${stylerVars.sizeDefault};
+    padding-top: ${stylerVars.sizeTiny};
+    padding-bottom: ${stylerVars.sizeTiny};
+    padding-left: ${stylerVars.sizeLarge};
+    padding-right: ${stylerVars.sizeLarge};
+    background: ${stylerVars.buttonBackground};
+    color: ${stylerVars.buttonText};
+    border: none;
+    border-radius: ${stylerVars.sizeLarge};
+    text-decoration: none;
+    &:hover {
+        text-decoration: underline;
+    }
+`.expand("[styler-element=link-icon-button]"));
       _export("LinkIconButton", LinkIconButton = Block({
         className: "fad fa-symbols",
         title: "Add Link Button",

package/dist/site-editor/blocks/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_defaultImage","defaultImageSrc","execute","_export","ImageLink","className","title","factory","create","href","src","LinkButton","LinkIconButton","class"],"sources":["../../../src/site-editor/blocks/Buttons.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,aAAA;MACLC,eAAe,GAAAD,aAAA,CAAfC,eAAe;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,cAEXC,SAAS,GAAGL,KAAK,CAAC;QAC3BM,SAAS,EAAE,eAAe;QAC1BC,KAAK,EAAE,qBAAqB;QAC5BC,OAAO,EAAEA,CAAA,KAAMZ,KAAA,CAAAa,MAAA;UAAGC,IAAI,EAAC,GAAG;UAAA,kBAAgB;QAAY,GAACd,KAAA,CAAAa,MAAA;UAAKE,GAAG,EAAET;QAAe,EAAG;OACtF,CAAC;MAAAE,OAAA,eAEWQ,UAAU,GAAGZ,KAAK,CAAC;QAC5BM,SAAS,EAAE,oBAAoB;QAC/BC,KAAK,EAAE,iBAAiB;QACxBC,OAAO,EAAEA,CAAA,KAAMZ,KAAA,CAAAa,MAAA;UAAGC,IAAI,EAAC,GAAG;UAAA,kBAAgB;QAAa;OAC1D,CAAC;MAAAN,OAAA,mBAEWS,cAAc,GAAGb,KAAK,CAAC;QAChCM,SAAS,EAAE,gBAAgB;QAC3BC,KAAK,EAAE,iBAAiB;QACxBC,OAAO,EAAEA,CAAA,KAAMZ,KAAA,CAAAa,MAAA;UAAGC,IAAI,EAAC,GAAG;UAAA,kBAAgB;QAAkB,GAACd,KAAA,CAAAa,MAAA;UAAGK,KAAK,EAAC;QAAc,EAAE,E;OACzF,CAAC;IAAA;EAAA;AAAA"}
+{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_defaultImage","defaultImageSrc","_stylerStylerSets","StylerSets","_webAtomsCoreDistStyleStyled","styled","_stylerStyler","stylerVars","execute","register","css","expand","_export","ImageLink","className","title","factory","create","href","src","sizeDefault","sizeTiny","sizeLarge","buttonBackground","buttonText","LinkButton","LinkIconButton","class"],"sources":["../../../src/site-editor/blocks/Buttons.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,aAAA;MACLC,eAAe,GAAAD,aAAA,CAAfC,eAAe;IAAA,aAAAC,iBAAA;MACfC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,4BAAA;MACZC,MAAM,GAAAD,4BAAA,CAAAP,OAAA;IAAA,aAAAS,aAAA;MACJC,UAAU,GAAAD,aAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEnBL,UAAU,CAACM,QAAQ,CAAC,KAAK,EACrBJ,MAAM,CAACK,GAAI;;;;;;;;;KASV,CAACC,MAAM,CAAC,6BAA6B,CAAC,CAC1C;MAACC,OAAA,cAEWC,SAAS,GAAGd,KAAK,CAAC;QAC3Be,SAAS,EAAE,eAAe;QAC1BC,KAAK,EAAE,qBAAqB;QAC5BC,OAAO,EAAEA,CAAA,KAAMrB,KAAA,CAAAsB,MAAA;UAAGC,IAAI,EAAC,GAAG;UAAA,kBAAgB;QAAY,GAACvB,KAAA,CAAAsB,MAAA;UAAKE,GAAG,EAAElB;QAAe,EAAG;OACtF,CAAC;MAEFE,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAEJ,MAAM,CAACK,GAAI;;;;;WAK3BH,UAAU,CAACa,WAAW;mBACdb,UAAU,CAACc,QAAQ;sBAChBd,UAAU,CAACc,QAAQ;oBACrBd,UAAU,CAACe,SAAS;qBACnBf,UAAU,CAACe,SAAS;kBACvBf,UAAU,CAACgB,gBAAgB;aAChChB,UAAU,CAACiB,UAAU;;qBAEbjB,UAAU,CAACe,SAAS;;;;;KAKpC,CAACX,MAAM,CAAC,8BAA8B,CAAC,CAC3C;MAACC,OAAA,eAEWa,UAAU,GAAG1B,KAAK,CAAC;QAC5Be,SAAS,EAAE,oBAAoB;QAC/BC,KAAK,EAAE,iBAAiB;QACxBC,OAAO,EAAEA,CAAA,KAAMrB,KAAA,CAAAsB,MAAA;UAAGC,IAAI,EAAC,GAAG;UAAA,kBAAgB;QAAa;OAC1D,CAAC;MAEFf,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAEJ,MAAM,CAACK,GAAI;;;;WAI3BH,UAAU,CAACa,WAAW;mBACdb,UAAU,CAACc,QAAQ;sBAChBd,UAAU,CAACc,QAAQ;oBACrBd,UAAU,CAACe,SAAS;qBACnBf,UAAU,CAACe,SAAS;kBACvBf,UAAU,CAACgB,gBAAgB;aAChChB,UAAU,CAACiB,UAAU;;qBAEbjB,UAAU,CAACe,SAAS;;;;;CAKxC,CAACX,MAAM,CAAC,mCAAmC,CAAC,CAC5C;MAACC,OAAA,mBAEWc,cAAc,GAAG3B,KAAK,CAAC;QAChCe,SAAS,EAAE,gBAAgB;QAC3BC,KAAK,EAAE,iBAAiB;QACxBC,OAAO,EAAEA,CAAA,KAAMrB,KAAA,CAAAsB,MAAA;UAAGC,IAAI,EAAC,GAAG;UAAA,kBAAgB;QAAkB,GAACvB,KAAA,CAAAsB,MAAA;UAAGU,KAAK,EAAC;QAAc,EAAE,E;OACzF,CAAC;IAAA;EAAA;AAAA"}

package/dist/site-editor/blocks/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Card.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,WAOf,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Card.tsx"],"names":[],"mappings":"AA2EA,eAAO,MAAM,IAAI,WAOf,CAAC"}

package/dist/site-editor/blocks/Card.js

@@ -1,7 +1,7 @@
-System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/social-mail-client/content/images/svg/html-editor/layouts/card.png"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/social-mail-client/content/images/svg/html-editor/layouts/card.png", "../styler/StylerSets", "@web-atoms/core/dist/style/styled", "../styler/Styler"], function (_export, _context) {
   "use strict";
 
-  var XNode, Block, card, Card;
+  var XNode, Block, card, StylerSets, styled, stylerVars, Card;
   return {
     setters: [function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
@@ -9,8 +9,80 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
       Block = _Block.Block;
     }, function (_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsCardPng) {
       card = _socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsCardPng.default;
+    }, function (_stylerStylerSets) {
+      StylerSets = _stylerStylerSets.StylerSets;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_stylerStyler) {
+      stylerVars = _stylerStyler.stylerVars;
     }],
     execute: function () {
+      StylerSets.register("low", styled.css`
+    display: grid;
+    margin: ${stylerVars.sizeDefault};
+    border-radius: ${stylerVars.sizeDefault};
+    grid-template-columns: 1fr;
+    grid-template-rows: auto 1fr;
+    justify-items: stretch;
+    align-items: stretch;
+    contain: content;
+
+    & > h4 {
+        max-width: 100%;
+        padding: ${stylerVars.sizeDefault};
+        font-size: ${stylerVars.rem1_5};
+        grid-column: 1;
+        grid-row: 1;
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+
+    & > section {
+        max-width: 100%;
+        margin: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        grid-column: 1;
+        grid-row: 3;
+    }
+
+    & > section:empty:before {
+        background-color: #ddd;
+        color: #000;
+        font-size: 16px;
+        font-weight: bold;
+        font-family: 'Courier New', Courier, monospace;
+        height: 100%;
+        display: flex;
+        justify-items: center;
+        align-items: center;
+        min-height: 30px;
+        opacity: 0.3;
+        border-radius: 3px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        content: "Container";
+    }
+    & > h4:empty:before {
+        background-color: #ddd;
+        color: #000;
+        font-size: 16px;
+        font-weight: bold;
+        font-family: 'Courier New', Courier, monospace;
+        height: 100%;
+        display: flex;
+        justify-items: center;
+        align-items: center;
+        min-height: 30px;
+        opacity: 0.3;
+        border-radius: 3px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        content: "Title";
+    }
+    `.expand("[styler-layout=card]"));
       _export("Card", Card = Block({
         title: "Add Card",
         src: card,

package/dist/site-editor/blocks/Card.js.map

@@ -1 +1 @@
-{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsCardPng","card","execute","_export","Card","title","src","factory","create"],"sources":["../../../src/site-editor/blocks/Card.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,mEAAA;MACPC,IAAI,GAAAD,mEAAA,CAAAH,OAAA;IAAA;IAAAK,OAAA,WAAAA,CAAA;MAAAC,OAAA,SAEEC,IAAI,GAAGL,KAAK,CAAC;QACtBM,KAAK,EAAE,UAAU;QACjBC,GAAG,EAAEL,IAAI;QACTM,OAAO,EAAEA,CAAA,KAAMZ,KAAA,CAAAa,MAAA;UAAA,iBAAuB;QAAM,GACxCb,KAAA,CAAAa,MAAA;UAAA,kBAAmB;QAAQ,EAAM,EACjCb,KAAA,CAAAa,MAAA;UAAA,kBAAwB;QAAS,EAAW;OAEnD,CAAC;IAAA;EAAA;AAAA"}
+{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsCardPng","card","_stylerStylerSets","StylerSets","_webAtomsCoreDistStyleStyled","styled","_stylerStyler","stylerVars","execute","register","css","sizeDefault","rem1_5","expand","_export","Card","title","src","factory","create"],"sources":["../../../src/site-editor/blocks/Card.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,mEAAA;MACPC,IAAI,GAAAD,mEAAA,CAAAH,OAAA;IAAA,aAAAK,iBAAA;MACFC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,4BAAA;MACZC,MAAM,GAAAD,4BAAA,CAAAP,OAAA;IAAA,aAAAS,aAAA;MACJC,UAAU,GAAAD,aAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEnBL,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAEJ,MAAM,CAACK,GAAI;;cAExBH,UAAU,CAACI,WAAW;qBACfJ,UAAU,CAACI,WAAW;;;;;;;;;mBASxBJ,UAAU,CAACI,WAAW;qBACpBJ,UAAU,CAACK,MAAM;;;;;;;;;kBASpBL,UAAU,CAACI,WAAW;mBACrBJ,UAAU,CAACI,WAAW;yBAChBJ,UAAU,CAACI,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyC1C,CAACE,MAAM,CAAC,sBAAsB,CAAC,CACnC;MAACC,OAAA,SAEWC,IAAI,GAAGhB,KAAK,CAAC;QACtBiB,KAAK,EAAE,UAAU;QACjBC,GAAG,EAAEhB,IAAI;QACTiB,OAAO,EAAEA,CAAA,KAAMvB,KAAA,CAAAwB,MAAA;UAAA,iBAAuB;QAAM,GACxCxB,KAAA,CAAAwB,MAAA;UAAA,kBAAmB;QAAQ,EAAM,EACjCxB,KAAA,CAAAwB,MAAA;UAAA,kBAAwB;QAAS,EAAW;OAEnD,CAAC;IAAA;EAAA;AAAA"}

package/dist/site-editor/blocks/ColumnBox.d.ts

@@ -1,4 +1,2 @@
 export declare const ColumnBox: () => any;
-export declare const Columns2: () => any;
-export declare const Columns3: () => any;
 //# sourceMappingURL=ColumnBox.d.ts.map

package/dist/site-editor/blocks/ColumnBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnBox.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/ColumnBox.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS,WASpB,CAAC;AAEH,eAAO,MAAM,QAAQ,WAQnB,CAAC;AAEH,eAAO,MAAM,QAAQ,WASnB,CAAC"}
+{"version":3,"file":"ColumnBox.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/ColumnBox.tsx"],"names":[],"mappings":"AA0CA,eAAO,MAAM,SAAS,WASpB,CAAC"}

package/dist/site-editor/blocks/ColumnBox.js

@@ -1,7 +1,7 @@
-System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column.png", "@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-2.png", "@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-3.png"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column.png", "../styler/StylerSets", "@web-atoms/core/dist/style/styled", "../styler/Styler"], function (_export, _context) {
   "use strict";
 
-  var XNode, Block, column, column2, column3, ColumnBox, Columns2, Columns3;
+  var XNode, Block, column, StylerSets, styled, stylerVars, ColumnBox;
   return {
     setters: [function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
@@ -9,12 +9,47 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
       Block = _Block.Block;
     }, function (_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng) {
       column = _socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng.default;
-    }, function (_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png) {
-      column2 = _socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png.default;
-    }, function (_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png) {
-      column3 = _socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png.default;
+    }, function (_stylerStylerSets) {
+      StylerSets = _stylerStylerSets.StylerSets;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_stylerStyler) {
+      stylerVars = _stylerStyler.stylerVars;
     }],
     execute: function () {
+      StylerSets.register("low", styled.css`
+    display: flex;
+    flex-direction: column;
+    gap: ${stylerVars.sizeDefault};
+    padding: ${stylerVars.sizeDefault};
+    border-radius: ${stylerVars.sizeDefault};
+    justify-items: center;
+    align-items: stretch;
+
+    & > * {
+        padding: ${stylerVars.sizeDefault};
+        flex: 1 1 100%;
+    }
+
+    & > *:empty:before {
+        background-color: #ddd;
+        color: #000;
+        font-size: 16px;
+        font-weight: bold;
+        font-family: 'Courier New', Courier, monospace;
+        height: 100%;
+        display: flex;
+        justify-items: center;
+        align-items: center;
+        min-height: 30px;
+        opacity: 0.3;
+        border-radius: 3px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        content: "Container";
+    }
+`.expand("[styler-layout=column]"));
       _export("ColumnBox", ColumnBox = Block({
         title: "Add Single Column Box",
         src: column,
@@ -22,20 +57,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
           "styler-layout": "column"
         }, XNode.create("section", null), XNode.create("section", null))
       }));
-      _export("Columns2", Columns2 = Block({
-        title: "Add 2 Columns",
-        src: column2,
-        factory: () => XNode.create("section", {
-          "styler-layout": "columns-2"
-        }, XNode.create("section", null), XNode.create("section", null))
-      }));
-      _export("Columns3", Columns3 = Block({
-        title: "Add 3 Columns",
-        src: column3,
-        factory: () => XNode.create("section", {
-          "styler-layout": "columns-3"
-        }, XNode.create("section", null), XNode.create("section", null), XNode.create("section", null))
-      }));
     }
   };
 });

package/dist/site-editor/blocks/ColumnBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng","column","_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png","column2","_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png","column3","execute","_export","ColumnBox","title","src","factory","create","Columns2","Columns3"],"sources":["../../../src/site-editor/blocks/ColumnBox.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,qEAAA;MACPC,MAAM,GAAAD,qEAAA,CAAAH,OAAA;IAAA,aAAAK,sEAAA;MACNC,OAAO,GAAAD,sEAAA,CAAAL,OAAA;IAAA,aAAAO,sEAAA;MACPC,OAAO,GAAAD,sEAAA,CAAAP,OAAA;IAAA;IAAAS,OAAA,WAAAA,CAAA;MAAAC,OAAA,cAIDC,SAAS,GAAGT,KAAK,CAAC;QAE3BU,KAAK,EAAE,uBAAuB;QAC9BC,GAAG,EAAET,MAAM;QAEXU,OAAO,EAAEA,CAAA,KAAMhB,KAAA,CAAAiB,MAAA;UAAA,iBAAuB;QAAQ,GAC1CjB,KAAA,CAAAiB,MAAA,iBAAmB,EACnBjB,KAAA,CAAAiB,MAAA,iBAAmB;OAE1B,CAAC;MAAAL,OAAA,aAEWM,QAAQ,GAAGd,KAAK,CAAC;QAE1BU,KAAK,EAAE,eAAe;QACtBC,GAAG,EAAEP,OAAO;QACZQ,OAAO,EAAEA,CAAA,KAAMhB,KAAA,CAAAiB,MAAA;UAAA,iBAAuB;QAAW,GAC7CjB,KAAA,CAAAiB,MAAA,iBAAmB,EACnBjB,KAAA,CAAAiB,MAAA,iBAAmB;OAE1B,CAAC;MAAAL,OAAA,aAEWO,QAAQ,GAAGf,KAAK,CAAC;QAE1BU,KAAK,EAAE,eAAe;QACtBC,GAAG,EAAEL,OAAO;QACZM,OAAO,EAAEA,CAAA,KAAMhB,KAAA,CAAAiB,MAAA;UAAA,iBAAuB;QAAW,GAC7CjB,KAAA,CAAAiB,MAAA,iBAAmB,EACnBjB,KAAA,CAAAiB,MAAA,iBAAmB,EACnBjB,KAAA,CAAAiB,MAAA,iBAAmB;OAE1B,CAAC;IAAA;EAAA;AAAA"}
+{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng","column","_stylerStylerSets","StylerSets","_webAtomsCoreDistStyleStyled","styled","_stylerStyler","stylerVars","execute","register","css","sizeDefault","expand","_export","ColumnBox","title","src","factory","create"],"sources":["../../../src/site-editor/blocks/ColumnBox.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,qEAAA;MACPC,MAAM,GAAAD,qEAAA,CAAAH,OAAA;IAAA,aAAAK,iBAAA;MACJC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,4BAAA;MACZC,MAAM,GAAAD,4BAAA,CAAAP,OAAA;IAAA,aAAAS,aAAA;MACJC,UAAU,GAAAD,aAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEnBL,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAEJ,MAAM,CAACK,GAAI;;;WAG3BH,UAAU,CAACI,WAAW;eAClBJ,UAAU,CAACI,WAAW;qBAChBJ,UAAU,CAACI,WAAW;;;;;mBAKxBJ,UAAU,CAACI,WAAW;;;;;;;;;;;;;;;;;;;;;;CAsBxC,CAACC,MAAM,CAAC,wBAAwB,CAAC,CAAC;MAACC,OAAA,cAGvBC,SAAS,GAAGf,KAAK,CAAC;QAE3BgB,KAAK,EAAE,uBAAuB;QAC9BC,GAAG,EAAEf,MAAM;QAEXgB,OAAO,EAAEA,CAAA,KAAMtB,KAAA,CAAAuB,MAAA;UAAA,iBAAuB;QAAQ,GAC1CvB,KAAA,CAAAuB,MAAA,iBAAmB,EACnBvB,KAAA,CAAAuB,MAAA,iBAAmB;OAE1B,CAAC;IAAA;EAAA;AAAA"}

package/dist/site-editor/blocks/Columns2.d.ts

@@ -0,0 +1,2 @@
+export declare const Columns2: () => any;
+//# sourceMappingURL=Columns2.d.ts.map

package/dist/site-editor/blocks/Columns2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns2.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Columns2.tsx"],"names":[],"mappings":"AAiDA,eAAO,MAAM,QAAQ,WAQnB,CAAC"}

package/dist/site-editor/blocks/Columns2.js

@@ -0,0 +1,70 @@
+System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-2.png", "../styler/StylerSets", "@web-atoms/core/dist/style/styled", "../styler/Styler"], function (_export, _context) {
+  "use strict";
+
+  var XNode, Block, column2, StylerSets, styled, stylerVars, Columns2;
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_Block) {
+      Block = _Block.Block;
+    }, function (_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png) {
+      column2 = _socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png.default;
+    }, function (_stylerStylerSets) {
+      StylerSets = _stylerStylerSets.StylerSets;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_stylerStyler) {
+      stylerVars = _stylerStyler.stylerVars;
+    }],
+    execute: function () {
+      StylerSets.register("low", styled.css`
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    gap: ${stylerVars.sizeDefault};
+    border-radius: ${stylerVars.sizeDefault};
+    justify-items: center;
+    align-items: stretch;
+    contain: content;
+
+    @media (min-width: 600px) { 
+        & {
+            flex-direction: row;
+            flex-wrap: nowrap;
+        }
+        & > * {
+            width: 50%;
+            max-width: 50%;
+        }
+    }
+    & > *:empty:before {
+        background-color: #ddd;
+        color: #000;
+        font-size: 16px;
+        font-weight: bold;
+        font-family: 'Courier New', Courier, monospace;
+        height: 100%;
+        display: flex;
+        justify-items: center;
+        align-items: center;
+        min-height: 30px;
+        opacity: 0.3;
+        border-radius: 3px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        content: "Container";
+
+    }
+    `.expand("[styler-layout=columns-2]"));
+      _export("Columns2", Columns2 = Block({
+        title: "Add 2 Columns",
+        src: column2,
+        factory: () => XNode.create("section", {
+          "styler-layout": "columns-2"
+        }, XNode.create("section", null), XNode.create("section", null))
+      }));
+    }
+  };
+});
+//# sourceMappingURL=Columns2.js.map

package/dist/site-editor/blocks/Columns2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png","column2","_stylerStylerSets","StylerSets","_webAtomsCoreDistStyleStyled","styled","_stylerStyler","stylerVars","execute","register","css","sizeDefault","expand","_export","Columns2","title","src","factory","create"],"sources":["../../../src/site-editor/blocks/Columns2.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,sEAAA;MACPC,OAAO,GAAAD,sEAAA,CAAAH,OAAA;IAAA,aAAAK,iBAAA;MACLC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,4BAAA;MACZC,MAAM,GAAAD,4BAAA,CAAAP,OAAA;IAAA,aAAAS,aAAA;MACJC,UAAU,GAAAD,aAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEnBL,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAEJ,MAAM,CAACK,GAAI;;;;WAI3BH,UAAU,CAACI,WAAW;qBACZJ,UAAU,CAACI,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkCtC,CAACC,MAAM,CAAC,2BAA2B,CAAC,CACxC;MAACC,OAAA,aAEWC,QAAQ,GAAGf,KAAK,CAAC;QAE1BgB,KAAK,EAAE,eAAe;QACtBC,GAAG,EAAEf,OAAO;QACZgB,OAAO,EAAEA,CAAA,KAAMtB,KAAA,CAAAuB,MAAA;UAAA,iBAAuB;QAAW,GAC7CvB,KAAA,CAAAuB,MAAA,iBAAmB,EACnBvB,KAAA,CAAAuB,MAAA,iBAAmB;OAE1B,CAAC;IAAA;EAAA;AAAA"}

package/dist/site-editor/blocks/Columns3.d.ts

@@ -0,0 +1,2 @@
+export declare const Columns3: () => any;
+//# sourceMappingURL=Columns3.d.ts.map

package/dist/site-editor/blocks/Columns3.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns3.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Columns3.tsx"],"names":[],"mappings":"AAkDA,eAAO,MAAM,QAAQ,WASnB,CAAC"}

package/dist/site-editor/blocks/Columns3.js

@@ -0,0 +1,71 @@
+System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-3.png", "../styler/StylerSets", "@web-atoms/core/dist/style/styled", "../styler/Styler"], function (_export, _context) {
+  "use strict";
+
+  var XNode, Block, column3, StylerSets, styled, stylerVars, Columns3;
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_Block) {
+      Block = _Block.Block;
+    }, function (_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png) {
+      column3 = _socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png.default;
+    }, function (_stylerStylerSets) {
+      StylerSets = _stylerStylerSets.StylerSets;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_stylerStyler) {
+      stylerVars = _stylerStyler.stylerVars;
+    }],
+    execute: function () {
+      StylerSets.register("low", styled.css`
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    gap: ${stylerVars.sizeDefault};
+    border-radius: ${stylerVars.sizeDefault};
+    justify-items: center;
+    align-items: stretch;
+    contain: content;
+
+    @media (min-width: 600px) { 
+        & {
+            flex-direction: row;
+            flex-wrap: nowrap;
+        }
+        & > * {
+            width: 33%;
+            max-width: 33%;
+        }
+    }
+    & > *:empty:before {
+        background-color: #ddd;
+        color: #000;
+        font-size: 16px;
+        font-weight: bold;
+        font-family: 'Courier New', Courier, monospace;
+        height: 100%;
+        display: flex;
+        justify-items: center;
+        align-items: center;
+        min-height: 30px;
+        opacity: 0.3;
+        border-radius: 3px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        content: "Container";
+
+    }
+
+    `.expand("[styler-layout=columns-3]"));
+      _export("Columns3", Columns3 = Block({
+        title: "Add 3 Columns",
+        src: column3,
+        factory: () => XNode.create("section", {
+          "styler-layout": "columns-3"
+        }, XNode.create("section", null), XNode.create("section", null), XNode.create("section", null))
+      }));
+    }
+  };
+});
+//# sourceMappingURL=Columns3.js.map

package/dist/site-editor/blocks/Columns3.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png","column3","_stylerStylerSets","StylerSets","_webAtomsCoreDistStyleStyled","styled","_stylerStyler","stylerVars","execute","register","css","sizeDefault","expand","_export","Columns3","title","src","factory","create"],"sources":["../../../src/site-editor/blocks/Columns3.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,sEAAA;MACPC,OAAO,GAAAD,sEAAA,CAAAH,OAAA;IAAA,aAAAK,iBAAA;MACLC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,4BAAA;MACZC,MAAM,GAAAD,4BAAA,CAAAP,OAAA;IAAA,aAAAS,aAAA;MACJC,UAAU,GAAAD,aAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEnBL,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAEJ,MAAM,CAACK,GAAI;;;;WAI3BH,UAAU,CAACI,WAAW;qBACZJ,UAAU,CAACI,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCtC,CAACC,MAAM,CAAC,2BAA2B,CAAC,CACxC;MAACC,OAAA,aAEWC,QAAQ,GAAGf,KAAK,CAAC;QAE1BgB,KAAK,EAAE,eAAe;QACtBC,GAAG,EAAEf,OAAO;QACZgB,OAAO,EAAEA,CAAA,KAAMtB,KAAA,CAAAuB,MAAA;UAAA,iBAAuB;QAAW,GAC7CvB,KAAA,CAAAuB,MAAA,iBAAmB,EACnBvB,KAAA,CAAAuB,MAAA,iBAAmB,EACnBvB,KAAA,CAAAuB,MAAA,iBAAmB;OAE1B,CAAC;IAAA;EAAA;AAAA"}