@social-mail/social-mail-client 1.4.224 → 1.5.3

package/build.jsx

@@ -13,6 +13,7 @@ export default <Batch>
                     cmd={process.execPath}
                     args={[
                         lessCPath,
+                        "--glob",
                         "--source-map=" + dest.path + ".css.map",
                         "-ru=all",
                         file.path,

package/content/templates/plain/index.html

@@ -7,7 +7,7 @@
             font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
         }
     </style>
-    <link rel="stylesheet" styler-css="styler.css" href="./styles/styler.css">
+    <link rel="stylesheet" styler-css="styler.css" href="//cdn.jsdelivr.net/npm/@social-mail/social-mail-client@latest/dist/site-editor/styler/styler.less.css">
     <link rel="stylesheet" styler-css="vars.css" href="./styles/vars.css">
     <script web-components="social" async="true" defer="true" src="//cdn.jsdelivr.net/npm/@social-mail/web-components@latest/dist/main.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@social-mail/social-mail-client@latest/component.js" styler-component-script="component-script"></script>

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Banner.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,MAAM,WAKjB,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Banner.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,WAKjB,CAAC"}

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

@@ -1,31 +1,14 @@
-System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/StylerSets", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "./Block"], function (_export, _context) {
   "use strict";
 
-  var XNode, Block, StylerSets, styled, Banner;
+  var XNode, Block, Banner;
   return {
     setters: [function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_Block) {
       Block = _Block.Block;
-    }, function (_stylerStylerSets) {
-      StylerSets = _stylerStylerSets.StylerSets;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
     }],
     execute: function () {
-      StylerSets.register("low", styled.css`
-    display: flex;
-    flex-direction: column;
-    width: 100vw;
-    align-self: center;
-    align-items: center;
-    justify-content: center;
-    z-index: 20;
-
-    & > * {
-        width: var(--children-width, 100%);
-    }
-`.expand("[styler-layout=banner]"));
       _export("Banner", Banner = Block({
         className: "fad fa-rectangle",
         title: "Add Banner",

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

@@ -1 +1 @@
-{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_stylerStylerSets","StylerSets","_webAtomsCoreDistStyleStyled","styled","execute","register","css","expand","_export","Banner","className","title","factory","create"],"sources":["../../../src/site-editor/blocks/Banner.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,iBAAA;MACLC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,4BAAA;MACZC,MAAM,GAAAD,4BAAA,CAAAL,OAAA;IAAA;IAAAO,OAAA,WAAAA,CAAA;MAGbH,UAAU,CAACI,QAAQ,CAAC,KAAK,EAAEF,MAAM,CAACG,GAAI;;;;;;;;;;;;CAYrC,CAACC,MAAM,CAAC,wBAAwB,CAAC,CACjC;MAACC,OAAA,WAEWC,MAAM,GAAGV,KAAK,CAAC;QACxBW,SAAS,EAAE,kBAAkB;QAC7BC,KAAK,EAAE,YAAY;QACnBC,OAAO,EAAEA,CAAA,KAAMjB,KAAA,CAAAkB,MAAA;UAAA,iBAAuB;QAAQ;OAEjD,CAAC;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","execute","_export","Banner","className","title","factory","create"],"sources":["../../../src/site-editor/blocks/Banner.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,WAEDC,MAAM,GAAGH,KAAK,CAAC;QACxBI,SAAS,EAAE,kBAAkB;QAC7BC,KAAK,EAAE,YAAY;QACnBC,OAAO,EAAEA,CAAA,KAAMV,KAAA,CAAAW,MAAA;UAAA,iBAAuB;QAAQ;OAEjD,CAAC;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Billboard.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Billboard.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,SAAS,WAOpB,CAAC"}
+{"version":3,"file":"Billboard.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/Billboard.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,WAOpB,CAAC"}

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

@@ -1,47 +1,14 @@
-System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/StylerSets", "@web-atoms/core/dist/style/styled", "../styler/Styler"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "./Block"], function (_export, _context) {
   "use strict";
 
-  var XNode, Block, StylerSets, styled, stylerVars, Billboard;
+  var XNode, Block, Billboard;
   return {
     setters: [function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_Block) {
       Block = _Block.Block;
-    }, function (_stylerStylerSets) {
-      StylerSets = _stylerStylerSets.StylerSets;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_stylerStyler) {
-      stylerVars = _stylerStyler.stylerVars;
     }],
     execute: function () {
-      StylerSets.register("low", styled.css`
-    display: grid;
-    grid-template-columns: 1fr auto 1fr;
-    grid-template-rows: 1fr auto 1fr;
-    justify-content: center;
-    align-items: center;
-    justify-items: center;
-    margin: ${stylerVars.sizeDefault};
-    & > h1 {
-        grid-row: 1 / span 3;
-        grid-column: 1 / span 3;
-        margin-block-start: 0;
-        margin-block-end: 0;
-        font-size: 5rem;
-        -webkit-text-stroke-color: currentColor;
-        -webkit-text-stroke-width: 1px;
-        -webkit-text-fill-color: transparent;
-    }
-    & > h4 {
-        grid-row: 2;
-        grid-column: 2;
-        margin-block-start: 0;
-        margin-block-end: 0;
-        font-size: 2rem;
-    }
-
-`.expand("[styler-layout=billboard]"));
       _export("Billboard", Billboard = Block({
         className: "fad fa-text-size",
         title: "Add Billboard",

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

@@ -1 +1 @@
-{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","_stylerStylerSets","StylerSets","_webAtomsCoreDistStyleStyled","styled","_stylerStyler","stylerVars","execute","register","css","sizeDefault","expand","_export","Billboard","className","title","factory","create"],"sources":["../../../src/site-editor/blocks/Billboard.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA,aAAAC,iBAAA;MACLC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,4BAAA;MACZC,MAAM,GAAAD,4BAAA,CAAAL,OAAA;IAAA,aAAAO,aAAA;MACJC,UAAU,GAAAD,aAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEnBL,UAAU,CAACM,QAAQ,CAAC,KAAK,EAAEJ,MAAM,CAACK,GAAI;;;;;;;cAOxBH,UAAU,CAACI,WAAW;;;;;;;;;;;;;;;;;;;CAmBnC,CAACC,MAAM,CAAC,2BAA2B,CAAC,CACpC;MAACC,OAAA,cAEWC,SAAS,GAAGb,KAAK,CAAC;QAC3Bc,SAAS,EAAE,kBAAkB;QAC7BC,KAAK,EAAE,eAAe;QACtBC,OAAO,EAAEA,CAAA,KAAMpB,KAAA,CAAAqB,MAAA;UAAA,iBAAuB;QAAW,GAC7CrB,KAAA,CAAAqB,MAAA;UAAA,gBAAiB;QAAc,eAAe,EAC9CrB,KAAA,CAAAqB,MAAA,yBAAkB;OAEzB,CAAC;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","execute","_export","Billboard","className","title","factory","create"],"sources":["../../../src/site-editor/blocks/Billboard.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,cAEDC,SAAS,GAAGH,KAAK,CAAC;QAC3BI,SAAS,EAAE,kBAAkB;QAC7BC,KAAK,EAAE,eAAe;QACtBC,OAAO,EAAEA,CAAA,KAAMV,KAAA,CAAAW,MAAA;UAAA,iBAAuB;QAAW,GAC7CX,KAAA,CAAAW,MAAA;UAAA,gBAAiB;QAAc,eAAe,EAC9CX,KAAA,CAAAW,MAAA,yBAAkB;OAEzB,CAAC;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -1,5 +1,4 @@
 import XNode from "@web-atoms/core/dist/core/XNode";
-import "./BodyStyles";
 export declare function Block({ className, title, text, rotate, src, factory }: {
     className?: string;
     title: string;

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;AAKpD,OAAO,cAAc,CAAC;AAWtB,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;AAIpD,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", "./BodyStyles"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
   "use strict";
 
-  var XNode, AtomControl, styled;
+  var XNode, AtomControl;
   function Block({
     className,
     title,
@@ -52,18 +52,8 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
       XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_webAtomsCoreDistWebControlsAtomControl) {
       AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_BodyStyles) {}],
-    execute: function () {
-      styled.css`
-        padding: 5px;
-        cursor: pointer;
-        &:hover {
-            background-color: #00800080;
-        }
-    `.installGlobal("[data-html-editor-element=block]");
-    }
+    }],
+    execute: function () {}
   };
 });
 //# sourceMappingURL=Block.js.map

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","_BodyStyles","execute","css","installGlobal"],"sources":["../../../src/site-editor/blocks/Block.tsx"],"sourcesContent":[null],"mappings":";;;;EAgBM,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;MAhBdN,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,WAAA;IAAAC,OAAA,WAAAA,CAAA;MAGTF,MAAM,CAACG,GAAI;;;;;;KAMV,CAACC,aAAa,CAAC,kCAAkC,CAAC;IAAC;EAAA;AAAA","ignoreList":[]}
+{"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","execute"],"sources":["../../../src/site-editor/blocks/Block.tsx"],"sourcesContent":[null],"mappings":";;;;EAIM,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;MAJdN,KAAK,GAAAM,0BAAA,CAAAC,OAAA;IAAA,aAAAC,uCAAA;MACHpB,WAAW,GAAAoB,uCAAA,CAAXpB,WAAW;IAAA;IAAAqB,OAAA,WAAAA,CAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -1,2 +1 @@
-export {};
 //# sourceMappingURL=BodyStyles.d.ts.map

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

@@ -1,358 +1,9 @@
-System.register(["@web-atoms/core/dist/style/styled", "../styler/StylerSets", "../styler/Styler"], function (_export, _context) {
+System.register([], function (_export, _context) {
   "use strict";
 
-  var styled, StylerSets, stylerVars, svg, svgCross;
   return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_stylerStylerSets) {
-      StylerSets = _stylerStylerSets.StylerSets;
-    }, function (_stylerStyler) {
-      stylerVars = _stylerStyler.stylerVars;
-    }],
-    execute: function () {
-      StylerSets.register("low", styled.css`
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    justify-items: start;
-    padding: ${stylerVars.sizeDefault};
-    margin: ${stylerVars.sizeDefault};
-    line-height: 30px;
-
-    gap: ${stylerVars.sizeLarge};
-    
-    --children-width: 100%;
-    --children-padding: ${stylerVars.sizeLarge};
-
-    @media (max-width: 899px) {
-        & {
-            margin: 0;
-        }
-    }
-
-    @media (min-width: 900px) {
-        & {
-            width: 900px;
-            --children-width: 900px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-    }
-
-    @media (min-width: 1200px) {
-        & {
-            width: 1200px;
-            --children-width: 1200px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-    }
-
-    &[styler-full-screen] {
-        width: 100%;
-        max-width: 100%;
-        padding: 0;
-        margin: 0;
-    }
-
-    & > [styler-background-mode=extend] {
-        align-self: center;
-        width: 100vw;
-        border-radius: 0;
-        &:not([styler-padding]) {
-            padding: 10px calc(50vw - var(--children-width) / 2 + 20px);
-        }
-    }
-
-    `.expand("[styler-layout=main]"));
-      StylerSets.register("high", styled.css`
-
-    & menu-bar {
-        & menu-item {
-            & nav {
-                display: none;
-            }
-        }
-    }
-
-    & [styler-layout] {
-
-        &:empty:before {
-            background-color: #ddd;
-            color: #000;
-            font-size: 16px;
-            font-weight: bold;
-            font-family: 'Courier New', Courier, monospace;
-            display: flex;
-            justify-items: center;
-            align-items: center;
-            min-height: 30px;
-            height: 100%;
-            opacity: 0.3;
-            border-radius: 3px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            content: "Container";
-        }
-
-        & > :not(img,::-webkit-validation-bubble,inline-svg[status]):not([is-web-component]):empty:before {
-            background-color: #ddd;
-            color: #000;
-            font-size: 16px;
-            font-weight: bold;
-            font-family: 'Courier New', Courier, monospace;
-            display: flex;
-            justify-items: center;
-            align-items: center;
-            min-height: 30px;
-            height: 100%;
-            opacity: 0.3;
-            border-radius: 3px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            content: "Container";
-        }
-
-        & > h1, & > h2, & > h3, & > h4, & > h5, & > h6 {
-            &:empty:before {
-                content: "Title";
-            }
-        }
-
-        & marquee-text:empty:before {
-            content: "Marquee Text";
-        }
-
-        & inject {
-            display: flex;
-            flex-direction: column;
-            width: 100vw;
-            padding: 0;
-            margin: 0;
-            align-self: center;
-            align-items: center;
-            justify-content: center;
-
-            & > :not([styler-layout=banner]) {
-                width: var(--children-width, 100%);
-            }
-            & * {
-                user-select: none;
-                pointer-events: none;
-            }
-            &: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 {
-            &:empty:before {
-                content: "Video Player";
-            }
-
-        }
-
-        & pdf-flip-book {
-            & * {
-                user-select: none;
-                pointer-events: none;
-            }
-            &:empty:before {
-                content: "PDF Flip Book";
-            }
-        }
-
-        
-    }
-    `.expand("body[editing]"));
-      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;
-        & a {
-            text-decoration: none;
-            color: ${stylerVars.defaultTextColor};
-            &:hover {
-                color: ${stylerVars.accentColor};
-            }
-        }
-    }
-    & > [styler-element=navbar] {
-        display: flex;
-        gap: 5px;
-        position: relative;
-        & > input[type=checkbox][styler-element=drawer] {
-            color: transparent;
-            display: none;
-        }
-        & > nav {
-            display: flex;
-            gap: ${stylerVars.sizeDefault};
-            flex-wrap: wrap;
-        }
-    }
-
-    @media (max-width: 500px) {
-        & > [styler-element=navbar] {
-
-            & > nav {
-                display: none;
-            }
-
-            & > input[type=checkbox][styler-element=drawer] {
-                display: inline-block;
-                background-color: white;
-                background-image: url('data:image/svg+xml,${svg}');
-                background-position: 2px 2px;
-                border-radius: 2px;
-                background-repeat: no-repeat;
-                border-width: 1px;
-                border-style: solid;
-                border-color: transparent;
-                width: 21px;
-                height: 22px;
-                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;
-        & a {
-            text-decoration: none;
-            color: ${stylerVars.defaultTextColor};
-            &:hover {
-                color: ${stylerVars.accentColor};
-            }
-        }
-    }
-    `.expand("[styler-layout=nav-bar]"));
-      StylerSets.register("low", styled.css`
-
-    & nav {
-
-        input:not(:checked)+nav menu {
-            position: relative;
-            padding-inline-start: 0;
-            margin: 0;
-            &:not(:hover) > ul:not(:hover) {
-                display: none;
-            }
-
-            & > ul {
-                position: absolute;
-                left: 5px;
-                top: 1ch;
-                background-color: canvas;
-                margin: 10px;
-                border-radius: 5px;
-                border: solid 1px lightgray;
-                padding-inline-start: 0;
-            }
-
-            & li {
-                list-style-type: none;
-
-                padding: 10px;
-                margin: 5px;
-
-                &:hover {
-                    background-color: var(--hover-color);
-                    color: var(--hover-text-color);
-                }
-            }
-        }
-
-        input:checked+nav > menu {
-            position: relative;
-            padding-inline-start: 0;
-            margin: 0;
-
-            & > ul {
-                background-color: canvas;
-                margin: 10px;
-                border-radius: 5px;
-                border: solid 1px lightgray;
-                padding-inline-start: 0;
-            }
-
-            & li {
-                list-style-type: none;
-
-                padding: 10px;
-                margin: 5px;
-
-                &:hover {
-                    background-color: var(--hover-color);
-                    color: var(--hover-text-color);
-                }
-            }
-        }
-
-
-    }
-
-`.expand("[styler-element=navbar]"));
-    }
+    setters: [],
+    execute: function () {}
   };
 });
 //# sourceMappingURL=BodyStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_stylerStylerSets","StylerSets","_stylerStyler","stylerVars","execute","register","css","sizeDefault","sizeLarge","expand","svg","svgCross","sizeSmall","borderColor","navBarBackground","navBarBackDropFilter","defaultTextColor","accentColor","primarySurface","primaryAccentText"],"sources":["../../../src/site-editor/blocks/BodyStyles.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,iBAAA;MACJC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,aAAA;MACVC,UAAU,GAAAD,aAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAGnBH,UAAU,CAACI,QAAQ,CAAC,KAAK,EAAER,MAAM,CAACS,GAAI;;;;;eAKvBH,UAAU,CAACI,WAAW;cACvBJ,UAAU,CAACI,WAAW;;;WAGzBJ,UAAU,CAACK,SAAS;;;0BAGLL,UAAU,CAACK,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0CzC,CAACC,MAAM,CAAC,sBAAsB,CAAC,CACnC;MAEDR,UAAU,CAACI,QAAQ,CAAC,MAAM,EAAER,MAAM,CAACS,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6GlC,CAACG,MAAM,CAAC,eAAe,CAAC,CAAC;MAGxBC,GAAG,GAAG,uhBAAuhB;MAE7hBC,QAAQ,GAAG,umBAAumB;MAGxnBV,UAAU,CAACI,QAAQ,CAAC,KAAK,EAAER,MAAM,CAACS,GAAI;;eAEvBH,UAAU,CAACS,SAAS;oBACfT,UAAU,CAACK,SAAS;qBACnBL,UAAU,CAACK,SAAS;cAC3BL,UAAU,CAACI,WAAW;;WAEzBJ,UAAU,CAACI,WAAW;qBACZJ,UAAU,CAACK,SAAS;wBACjBL,UAAU,CAACU,WAAW;kBAC5BV,UAAU,CAACW,gBAAgB;uBACtBX,UAAU,CAACY,oBAAoB;;;;;;;;;qBASjCZ,UAAU,CAACa,gBAAgB;;yBAEvBb,UAAU,CAACc,WAAW;;;;;;;;;;;;;;mBAc5Bd,UAAU,CAACI,WAAW;;;;;;;;;;;;;;;4DAemBG,GAAG;;;;;;;;;;;;gEAYCC,QAAQ;;;;;;;;;;kCAUtCR,UAAU,CAACe,cAAc;6BAC9Bf,UAAU,CAACgB,iBAAiB;;;;;;;;;;;KAWpD,CAACV,MAAM,CAAC,kCAAkC,CAAC,CAC/C;MAEDR,UAAU,CAACI,QAAQ,CAAC,KAAK,EAAER,MAAM,CAACS,GAAI;;eAEvBH,UAAU,CAACS,SAAS;oBACfT,UAAU,CAACK,SAAS;qBACnBL,UAAU,CAACK,SAAS;qBACpBL,UAAU,CAACI,WAAW;cAC7BJ,UAAU,CAACI,WAAW;qBACfJ,UAAU,CAACK,SAAS;;;;;;;;qBAQpBL,UAAU,CAACa,gBAAgB;;yBAEvBb,UAAU,CAACc,WAAW;;;;KAI1C,CAACR,MAAM,CAAC,yBAAyB,CAAC,CACtC;MAGDR,UAAU,CAACI,QAAQ,CAAC,KAAK,EAAER,MAAM,CAACS,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiErC,CAACG,MAAM,CAAC,yBAAyB,CAAC,CAAE;IAAC;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/site-editor/blocks/BodyStyles.tsx"],"sourcesContent":[null],"mappings":"","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"BoxFrame.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/BoxFrame.tsx"],"names":[],"mappings":"AA8CA,eAAO,MAAM,QAAQ,WAOnB,CAAC"}
+{"version":3,"file":"BoxFrame.d.ts","sourceRoot":"","sources":["../../../src/site-editor/blocks/BoxFrame.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,WAOnB,CAAC"}

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

@@ -1,55 +1,14 @@
-System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "../styler/StylerSets", "./Block"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "./Block"], function (_export, _context) {
   "use strict";
 
-  var XNode, styled, StylerSets, Block, BoxFrame;
+  var XNode, Block, BoxFrame;
   return {
     setters: [function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_stylerStylerSets) {
-      StylerSets = _stylerStylerSets.StylerSets;
     }, function (_Block) {
       Block = _Block.Block;
     }],
     execute: function () {
-      StylerSets.register("low", styled.css`
-    overflow: hidden;
-    resize: none;
-    width: 500px;
-    min-height: 500px;
-    position: relative;
-    max-width: 80vw;
-    & > * {
-        border: none;
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-`.expand("[styler-layout=box-frame]"));
-      StylerSets.register("low", styled.css`
-        &: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: "IFRAME CONTENT";
-    }
-`.expand("body[editing] [styler-layout=box-frame]"));
       _export("BoxFrame", BoxFrame = Block({
         title: "Add Box with IFrame",
         factory: () => XNode.create("section", {

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

@@ -1 +1 @@
-{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_webAtomsCoreDistStyleStyled","styled","_stylerStylerSets","StylerSets","_Block","Block","execute","register","css","expand","_export","BoxFrame","title","factory","create","src"],"sources":["../../../src/site-editor/blocks/BoxFrame.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,4BAAA;MACLC,MAAM,GAAAD,4BAAA,CAAAD,OAAA;IAAA,aAAAG,iBAAA;MAEJC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAA,aAAAC,MAAA;MACVC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEdH,UAAU,CAACI,QAAQ,CAAC,KAAK,EAAEN,MAAM,CAACO,GAAI;;;;;;;;;;;;;;;;CAgBrC,CAACC,MAAM,CAAC,2BAA2B,CAAC,CAAC;MAEtCN,UAAU,CAACI,QAAQ,CAAC,KAAK,EAAEN,MAAM,CAACO,GAAI;;;;;;;;;;;;;;;;;;;CAmBrC,CAACC,MAAM,CAAC,yCAAyC,CAAC,CAAC;MAACC,OAAA,aAGxCC,QAAQ,GAAGN,KAAK,CAAC;QAE1BO,KAAK,EAAE,qBAAqB;QAE5BC,OAAO,EAAEA,CAAA,KAAMhB,KAAA,CAAAiB,MAAA;UAAA,iBAAuB;QAAW,GAC7CjB,KAAA,CAAAiB,MAAA;UAAQC,GAAG,EAAC;QAAY,EAAE;OAEjC,CAAC;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["XNode","_webAtomsCoreDistCoreXNode","default","_Block","Block","execute","_export","BoxFrame","title","factory","create","src"],"sources":["../../../src/site-editor/blocks/BoxFrame.tsx"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,MAAA;MACHC,KAAK,GAAAD,MAAA,CAALC,KAAK;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,aAIDC,QAAQ,GAAGH,KAAK,CAAC;QAE1BI,KAAK,EAAE,qBAAqB;QAE5BC,OAAO,EAAEA,CAAA,KAAMT,KAAA,CAAAU,MAAA;UAAA,iBAAuB;QAAW,GAC7CV,KAAA,CAAAU,MAAA;UAAQC,GAAG,EAAC;QAAY,EAAE;OAEjC,CAAC;IAAA;EAAA;AAAA","ignoreList":[]}

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":"AAoBA,eAAO,MAAM,SAAS,WAIpB,CAAC;AAuBH,eAAO,MAAM,UAAU,WAIrB,CAAC;AAsBH,eAAO,MAAM,cAAc,WAIzB,CAAC"}
+{"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"}