@social-mail/social-mail-client 1.2.366 → 1.2.367

package/dist/web/AppIndex.pack.min.js

@@ -2644,7 +2644,87 @@ and limitations under the License.
         margin: 0;
     }
 
-    `.expand("[styler-layout=main]"));svg=`<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512">\x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e<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">\x3c!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--\x3e<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`
+    `.expand("[styler-layout=main]"));StylerSets.register("high",styled.css`
+    &[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";
+        }
+
+        & > *: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 {
+            & * {
+                user-select: none;
+                pointer-events: none;
+            }
+            &:empty:before {
+                content: "Marquee Text";
+            }
+        }
+
+        & 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">\x3c!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--\x3e<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">\x3c!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--\x3e<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};
@@ -2758,24 +2838,6 @@ and limitations under the License.
     padding: ${stylerVars.sizeDefault};
     margin: ${stylerVars.sizeDefault};
     border-radius: ${stylerVars.sizeDefault};
-    &: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=wrap-list]"));_export("WrapGrid",WrapGrid=Block({className:"fa-duotone fa-grid-horizontal fa-rotate-90",title:"Wrap Grid",factory:()=>XNode.create("div",{"styler-layout":"wrap-list"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/WrapGrid");System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/Select","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var __rest,XNode,AtomControl,Expander,Select,Bind,styled,BindEditor,BindStyleValue,BindStyleCustom;function PropertyEditor(_a,...nodes){var _b,_c;var _d;var{label=void 0,custom=void 0}=_a,a=__rest(_a,["label","custom"]);if(!label&&nodes.length===1){return nodes[0]}for(const iterator of nodes){(_c=(_d=(_b=iterator.attributes)!==null&&_b!==void 0?_b:iterator.attributes={})["data-element"])!==null&&_c!==void 0?_c:_d["data-element"]="editor"}return XNode.create("div",Object.assign({"data-element":"property-editor"},a),label&&XNode.create("label",{"data-font-size":"small"},label),...nodes,custom)}function ExpanderPropertyEditor(_a,...nodes){var{isExpanded=false,label}=_a,a=__rest(_a,["isExpanded","label"]);const child=nodes.length>1?XNode.create("div",{"data-layout":"vertical-flex-stretch-items"},...nodes):nodes[0];return XNode.create(Expander,Object.assign({"data-element":"expander-property-editor",isExpanded},a),label&&XNode.create("label",null,label),child)}function DropDownProperty(_a){var{label,property}=_a,a=__rest(_a,["label","property"]);return XNode.create(PropertyEditor,Object.assign({label,custom:XNode.create("input",Object.assign({type:"text","data-element":"custom"},BindStyleCustom(property.key)))},a),XNode.create(Select,Object.assign({},BindStyleValue(property.key),{"data-flex":"stretch-full",valuePath:v=>v.value,items:[{label:"-",value:""},...property.values.map((pair=>pair.toPair()))]})))}function NumberProperty(_a){var{label,property}=_a,a=__rest(_a,["label","property"]);return XNode.create(PropertyEditor,Object.assign({label},a),XNode.create("input",Object.assign({},BindStyleValue(property.key),{"data-flex":"stretch-full",type:"tel"})))}function TextProperty(_a){var{label,property,attributeName}=_a,a=__rest(_a,["label","property","attributeName"]);return XNode.create(PropertyEditor,Object.assign({label},a),XNode.create("input",Object.assign({type:"text","data-element":"custom"},BindStyleValue(attributeName!==null&&attributeName!==void 0?attributeName:property.key),{"data-flex":"stretch-full"})))}_export({ExpanderPropertyEditor,DropDownProperty,NumberProperty,TextProperty});return{setters:[function(_tslib){__rest=_tslib.__rest},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl},function(_webAtomsWebControlsDistBasicExpander){Expander=_webAtomsWebControlsDistBasicExpander.default},function(_webAtomsWebControlsDistBasicSelect){Select=_webAtomsWebControlsDistBasicSelect.default},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){_export("BindEditor",BindEditor=Bind.forControl());_export("BindStyleValue",BindStyleValue=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{value:Bind.sourceTwoWays(pv,(s=>s.source.value))}),e,c)})));_export("BindStyleCustom",BindStyleCustom=AtomControl.registerProperty("data-style-property","value",((c,e,v)=>{const editor=c;const pv=editor.selection.style(v);c.render(XNode.create("div",{"style-display":Bind.source(pv,(s=>s.source.value==="custom")),value:Bind.sourceTwoWays(pv,(s=>s.source.custom))}),e,c)})));styled.css`
 
     display: grid;
@@ -2990,17 +3052,6 @@ and limitations under the License.
         max-width: 100%;
     }
 
-    @media (min-width: 600px) { 
-        & {
-            flex-direction: row;
-        }
-        & > * {
-            padding: ${stylerVars.sizeDefault};
-            flex: 1 1 50%;
-            max-width: 50%;
-        }
-    }
-
     & > img {
         align-self: stretch;
         border-radius: ${stylerVars.sizeLarge}
@@ -3013,23 +3064,21 @@ and limitations under the License.
         }
     }
 
-    & > *: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";
+
+    @media (min-width: 600px) { 
+        & {
+            flex-direction: row;
+        }
+
+        & > img {
+            align-self: center;
+        }
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 50%;
+            max-width: 50%;
+        }
     }
     `.expand("[styler-layout=image-box]"));_export("ImageBox",ImageBox=Block({className:"material-symbols-outlined",title:"Add Image Box",text:"",factory:()=>XNode.create("section",{"styler-layout":"image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null,XNode.create("h4",{"styler-element":"accent"},"Header"),XNode.create("div",null,XNode.create("p",null,"Content here..."))))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/row.png","../styler/StylerSets","@web-atoms/core/dist/style/styled","../styler/Styler"],(function(_export,_context){"use strict";var XNode,Block,row,StylerSets,styled,stylerVars,RowBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsRowPng){row=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsRowPng.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;
@@ -3054,24 +3103,6 @@ and limitations under the License.
             flex-wrap: nowrap;
         }
     }
-    & > *: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=row]"));_export("RowBox",RowBox=Block({title:"Add Row",src:row,factory:()=>XNode.create("section",{"styler-layout":"row"},XNode.create("section",null),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/RowBox");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,StylerSets,styled,stylerVars,ColumnBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng){column=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumnPng.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;
@@ -3086,24 +3117,6 @@ and limitations under the License.
         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,factory:()=>XNode.create("section",{"styler-layout":"column"},XNode.create("section",null),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ColumnBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/vertical-image-box.png","../styler/StylerSets","@web-atoms/core/dist/style/styled","../styler/Styler"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,verticalImageBox,StylerSets,styled,stylerVars,VerticalImageBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsVerticalImageBoxPng){verticalImageBox=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsVerticalImageBoxPng.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;
@@ -3132,24 +3145,6 @@ and limitations under the License.
         }
     }
 
-    & > *: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=vertical-image-box]"));_export("VerticalImageBox",VerticalImageBox=Block({className:"fas fa-image",title:"Add Vertical Image Box",src:verticalImageBox,factory:()=>XNode.create("section",{"styler-layout":"vertical-image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/VerticalImageBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,defaultImageSrc,Image;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){_export("Image",Image=Block({className:"fad fa-image",title:"Add Photo",factory:()=>XNode.create("img",{src:defaultImageSrc})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Image");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,StylerSets,styled,stylerVars,ImageCard;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){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`
 display: grid;
     margin: ${stylerVars.sizeDefault};
@@ -3210,43 +3205,6 @@ display: grid;
             grid-row: 2;
         }
     }
-
-    & > 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=image-card]"));_export("ImageCard",ImageCard=Block({className:"fad fa-id-card",title:"Add Image Card",factory:()=>XNode.create("section",{"styler-layout":"image-card"},XNode.create("h4",null),XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageCard");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled","../styler/Styler"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,stylerVars,src,TextBox;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(){src=`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnYmEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+`;StylerSets.register("low",styled.css`
     display: flex;
     flex-direction: column;
@@ -3256,26 +3214,6 @@ display: grid;
     border-radius: ${stylerVars.sizeDefault};
     justify-items: center;
     align-items: stretch;
-
-    & > p: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=text-box]"));_export("TextBox",TextBox=Block({className:"material-symbols-outlined",title:"Add Text Box",text:"",factory:()=>XNode.create("section",{"styler-layout":"text-box"},XNode.create("p",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/TextBox");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,StylerSets,styled,stylerVars,Card;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){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};
@@ -3304,43 +3242,6 @@ display: grid;
         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,factory:()=>XNode.create("section",{"styler-layout":"card"},XNode.create("h4",{"styler-element":"accent"}),XNode.create("section",{"styler-element":"surface"}))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Card");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,List;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("List",List=Block({className:"fad fa-list",title:"Add List",factory:()=>XNode.create("ul",null,XNode.create("li",null),XNode.create("li",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/List");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled","../styler/Styler"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,stylerVars,BlogComponent,TypeWriterComponent;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: block;
 
@@ -3443,25 +3344,6 @@ display: grid;
             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))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Columns2");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;
@@ -3490,25 +3372,6 @@ display: grid;
             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))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Columns3");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,StylerSets,styled,stylerVars,RightImageBox;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){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`
     display: flex;
@@ -3528,18 +3391,6 @@ display: grid;
         max-width: 100%;
     }
 
-    @media (min-width: 600px) { 
-        & {
-            flex-direction: row-reverse;
-        }
-
-        & > * {
-            padding: ${stylerVars.sizeDefault};
-            flex: 1 1 50%;
-            max-width: 50%;
-        }
-    }
-
     & > img {
         align-self: stretch;
         border-radius: ${stylerVars.sizeLarge}
@@ -3552,24 +3403,22 @@ display: grid;
         }
     }
 
-    & > *: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";
+    @media (min-width: 600px) { 
+        & {
+            flex-direction: row-reverse;
+        }
+
+        & > img {
+            align-self: center;
+        }
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 50%;
+            max-width: 50%;
+        }
     }
+
     `.expand("[styler-layout=right-image-box]"));_export("RightImageBox",RightImageBox=Block({className:"material-symbols-outlined",title:"Add Image Box with Image on Right",text:"",factory:()=>XNode.create("section",{"styler-layout":"right-image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null,XNode.create("h4",{"styler-element":"accent"},"Header"),XNode.create("div",null,XNode.create("p",null,"Content here..."))))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/RightImageBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","@web-atoms/core/dist/style/styled","../styler/Styler","../styler/StylerSets"],(function(_export,_context){"use strict";var XNode,Block,styled,stylerVars,StylerSets,PriceTable;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets}],execute:function(){StylerSets.register("low",styled.css`
 
     max-width: 300px;
@@ -3660,25 +3509,6 @@ display: grid;
         -webkit-text-stroke-color: currentColor;
         -webkit-text-stroke-width: 1px;
         -webkit-text-fill-color: transparent;
-        &: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 {
         grid-row: 2;
@@ -3686,24 +3516,6 @@ display: grid;
         margin-block-start: 0;
         margin-block-end: 0;
         font-size: 2rem;
-        &: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=billboard]"));_export("Billboard",Billboard=Block({className:"fad fa-text-size",title:"Add Billboard",factory:()=>XNode.create("section",{"styler-layout":"billboard"},XNode.create("h1",{"styler-color":"border-color"},"Billboard"),XNode.create("h4",null,"Billboard"))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Billboard");System.register(["@web-atoms/core/dist/core/XNode","./Block","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,Block,styled,OutlineText;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default}],execute:function(){styled.css`
@@ -3721,51 +3533,11 @@ display: grid;
 
     display: flex;
     flex-direction: row;
-
-    & > *: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("carousel-slider"));_export("Carousel",Carousel=Block({className:"fad fa-gallery-thumbnails",title:"Add Carousel",factory:()=>XNode.create("carousel-slider",null,XNode.create("section",{"styler-layout":"vertical-image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null)),XNode.create("section",{"styler-layout":"vertical-image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null)),XNode.create("section",{"styler-layout":"vertical-image-box"},XNode.create("img",{src:defaultImageSrc}),XNode.create("section",null)))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Carousel");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,defaultImageSrc,ImageGallery;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){StylerSets.register("low",styled.css`
 
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-
-    & > *: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("image-gallery"));StylerSets.register("low",styled.css`
     & image-gallery {
         display: flex;
@@ -3796,29 +3568,6 @@ display: grid;
     }
 `.expand("body[editing]"));_export("ImageGallery",ImageGallery=Block({className:"fad fa-panorama",title:"Add Image Gallery",factory:()=>XNode.create("image-gallery",null,XNode.create("img",{src:defaultImageSrc}),XNode.create("img",{src:defaultImageSrc}),XNode.create("img",{src:defaultImageSrc}))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageGallery");System.register(["@web-atoms/core/dist/core/XNode","./Block","@web-atoms/core/dist/style/styled","../styler/StylerSets"],(function(_export,_context){"use strict";var XNode,Block,styled,StylerSets,VideoPlayer;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets}],execute:function(){StylerSets.register("low",styled.css`
 
-
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        min-height: 100px;
-        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: "Video Player";
-
-    }
-`.expand("video-player"));StylerSets.register("low",styled.css`
-
     display: flex;
     content: "Video Player";
     align-items: center;
@@ -3854,49 +3603,9 @@ display: grid;
 
 `.expand("body[editing=true] video-player"));_export("VideoPlayer",VideoPlayer=Block({className:"fad fa-circle-play",title:"Add Video Player",factory:()=>XNode.create("video-player",{controls:true,autoplay:true,"styler-max-height":"size80vh"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/VideoPlayer");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,BackgroundVideo;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("BackgroundVideo",BackgroundVideo=Block({className:"fad fa-tv-music",title:"Add Auto Play Background Video",factory:()=>XNode.create("video",{muted:true,autoplay:true})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/BackgroundVideo");System.register(["@web-atoms/core/dist/core/XNode","./Block","@web-atoms/core/dist/style/styled","../styler/StylerSets"],(function(_export,_context){"use strict";var XNode,Block,styled,StylerSets,TextMask;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets}],execute:function(){StylerSets.register("low",styled.css`
         &:empty:before {
-            padding: 10px;
-            background-color: #ddd;
-            color: #000;
-            font-size: 16px;
-            font-weight: bold;
-            font-family: 'Courier New', Courier, monospace;
-            height: 100%;
-            min-height: 100px;
-            display: flex;
-            justify-items: center;
-            align-items: center;
-            opacity: 0.3;
-            border-radius: 3px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-align: center;
-            vertical-align: middle;
-            text-overflow: ellipsis;
             content: "Text Mask";
         }
-    `.expand("body[editing] [styler-background-clip=text]"));_export("TextMask",TextMask=Block({className:"fas fa-subtitles",title:"Add Text Mask",factory:()=>XNode.create("div",{"styler-text-align":"center","styler-padding":"rem2","styler-font-size":"rem2","styler-color":"transparent","styler-background-clip":"text"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/TextMask");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,MarqueeText;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`
-
-
-    &: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: "Marquee Text";
-
-    }
-`.expand("marquee-text"));_export("MarqueeText",MarqueeText=Block({className:"fad fa-text",title:"Add Marquee Text",factory:()=>XNode.create("marquee-text",null,"Your Slding Text")}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/MarqueeText");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,defaultImageSrc,ImageGrid;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){StylerSets.register("low",styled.css`
+    `.expand("body[editing] [styler-background-clip=text]"));_export("TextMask",TextMask=Block({className:"fas fa-subtitles",title:"Add Text Mask",factory:()=>XNode.create("div",{"styler-text-align":"center","styler-padding":"rem2","styler-font-size":"rem2","styler-color":"transparent","styler-background-clip":"text"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/TextMask");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,MarqueeText;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("MarqueeText",MarqueeText=Block({className:"fad fa-text",title:"Add Marquee Text",factory:()=>XNode.create("marquee-text",null,"Your Slding Text")}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/MarqueeText");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,defaultImageSrc,ImageGrid;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){StylerSets.register("low",styled.css`
 
     display: flex;
     flex-wrap: wrap;
@@ -3981,54 +3690,8 @@ display: grid;
             user-select: none;
             pointer-events: none;
         }
-
-        &: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: "INJECT HTML";
-        }
-
-    }
-`.expand("body[editing]"));_export("InjectBox",InjectBox=Block({title:"Add Card",className:"fad fa-file-code",factory:()=>XNode.create("inject",{src:""})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/InjectBox");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,PDFFlipBook;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`
-    & pdf-flip-book {
-        & * {
-            user-select: none;
-            pointer-events: none;
-        }
-
-        &: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: "PDF Book";
-        }
     }
-`.expand("body[editing]"));_export("PDFFlipBook",PDFFlipBook=Block({className:"fad fa-grid-4",title:"Add Image Grid",factory:()=>XNode.create("pdf-flip-book",{src:"./files/pdf-book.pdf"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/PDFFlipBook");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,PDFViewer;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`
+`.expand("body[editing]"));_export("InjectBox",InjectBox=Block({title:"Add Card",className:"fad fa-file-code",factory:()=>XNode.create("inject",{src:""})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/InjectBox");System.register(["@web-atoms/core/dist/core/XNode","./Block"],(function(_export,_context){"use strict";var XNode,Block,PDFFlipBook;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block}],execute:function(){_export("PDFFlipBook",PDFFlipBook=Block({className:"fad fa-grid-4",title:"Add Image Grid",factory:()=>XNode.create("pdf-flip-book",{src:"./files/pdf-book.pdf"})}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/PDFFlipBook");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,PDFViewer;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`
     & pdf-viewer {
         display: inline-block;
         position: relative;