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

package/dist/web/AppIndex.pack.js

@@ -12902,7 +12902,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
       _export("SameObjectValue", SameObjectValue = item => item);
       SelectAllControl = class SelectAllControl extends AtomControl {
         preCreate() {
-          this.element.dataset.selectAll = "select-all";
+          this.element.setAttribute("data-select-all", "select-all");
           this.items = [];
           this.selectedItems = [];
           this.render(XNode.create(SelectAllControl, {
@@ -13141,7 +13141,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           const items = this.items;
           let start = getFirstChild(container);
           while (start) {
-            const index = start.dataset.itemIndex;
+            const index = start.getAttribute("data-item-index");
             const item = items[~~index];
             action(item, start);
             start = start.nextElementSibling;
@@ -13153,7 +13153,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           const items = this.items;
           let node = getFirstChild(container);
           while (node) {
-            const index = node.dataset.itemIndex;
+            const index = node.getAttribute("data-item-index");
             const item = items[~~index];
             let element = node;
             if (itemSelector) {
@@ -13179,7 +13179,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           const items = this.items;
           let element = getFirstChild(container);
           while (element) {
-            const index = element.dataset.itemIndex;
+            const index = element.getAttribute("data-item-index");
             const item = items[~~index];
             yield {
               item,
@@ -13347,6 +13347,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
               start.removeAttribute("data-selected-item");
             }
             start = start.nextElementSibling;
+            if (start.hasAttribute("data-footer")) {
+              break;
+            }
           }
         }
         updateItems(container, force) {
@@ -13432,7 +13435,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           const vp = (_b = this.valuePath) !== null && _b !== void 0 ? _b : i => i;
           const si = ((_c = this.selectedItems) !== null && _c !== void 0 ? _c : []).map(vp);
           while (element) {
-            const index = ~~element.dataset.itemIndex;
+            const index = ~~element.getAttribute("data-item-index");
             const item = items[index];
             const v = vp(item);
             if (si.indexOf(v) !== -1) {
@@ -13450,7 +13453,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           let element = container.firstElementChild;
           const vf = (_b = this.visibilityFilter) !== null && _b !== void 0 ? _b : MatchTrue;
           while (element) {
-            const index = ~~element.dataset.itemIndex;
+            const index = ~~element.getAttribute("data-item-index");
             const item = items[index];
             if (vf(item)) {
               element.removeAttribute("data-ui-display");
@@ -23275,7 +23278,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
     }],
     execute: function () {
       _export("renderMail", renderMail = AtomControl.registerProperty("data-html", "html", (c, e, value) => {
-        var _a;
+        var _a, _b;
         if (!value) {
           e.innerHTML = "";
           return;
@@ -23308,7 +23311,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
             if (src) {
               if (src.startsWith("cid:")) {
                 cid = src.substring(4);
-                const a = mail.attachments.find(x => x.contentID === cid);
+                const a = (_a = mail.attachments) === null || _a === void 0 ? void 0 : _a.find(x => x.contentID === cid);
                 if (a) {
                   iterator.setAttribute("src", apiPath(`/api/files/${a.appFileID}/${a.fileContentID}/${a.name}`));
                 }
@@ -23327,7 +23330,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
           mode: "open"
         });
         shadow.appendChild(msg);
-        if (!thread.timeRead && thread.mailboxID && thread.mailboxID !== ((_a = thread.email) === null || _a === void 0 ? void 0 : _a.senderID)) {
+        if (!thread.timeRead && thread.mailboxID && thread.mailboxID !== ((_b = thread.email) === null || _b === void 0 ? void 0 : _b.senderID)) {
           const timeRead = DateTime.now;
           thread.timeRead = timeRead;
           const control = AtomControl.from(e);
@@ -41778,6 +41781,87 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
     }
 
     `.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"><!--!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`
@@ -41920,24 +42004,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
     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",
@@ -43611,17 +43677,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
         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}
@@ -43634,23 +43689,21 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
         }
     }
 
-    & > *: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({
@@ -43714,24 +43767,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
             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",
@@ -43780,24 +43815,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
         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",
@@ -43862,24 +43879,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
         }
     }
 
-    & > *: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",
@@ -44004,43 +44003,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",
@@ -44085,26 +44047,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
     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",
@@ -44168,43 +44110,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
         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",
@@ -44466,25 +44371,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
             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",
@@ -44547,25 +44433,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
             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({
@@ -44619,18 +44486,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
         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}
@@ -44643,24 +44498,22 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
         }
     }
 
-    & > *: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",
@@ -44882,25 +44735,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
         -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;
@@ -44908,24 +44742,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
         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]"));
@@ -45006,26 +44822,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
 
     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",
@@ -45073,26 +44869,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
     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 {
@@ -45158,30 +44934,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@web-atoms/core/
     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;
@@ -45275,24 +45027,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@web-atoms/core/
     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]"));
@@ -45314,44 +45048,17 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@web-atoms/core/
 
     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) {
+System.register(["@web-atoms/core/dist/core/XNode", "./Block"], function (_export, _context) {
   "use strict";
 
-  var XNode, Block, StylerSets, styled, MarqueeText;
+  var XNode, Block, 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",
@@ -45533,26 +45240,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
             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({
@@ -45569,48 +45256,17 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
 
     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) {
+System.register(["@web-atoms/core/dist/core/XNode", "./Block"], function (_export, _context) {
   "use strict";
 
-  var XNode, Block, StylerSets, styled, PDFFlipBook;
+  var XNode, Block, 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",