@social-mail/social-mail-client 1.2.190 → 1.2.192

package/dist/admin/AdminAppIndex.pack.js

@@ -43091,17 +43091,81 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageGallery");
 
-System.register(["@web-atoms/core/dist/core/XNode", "./Block"], function (_export, _context) {
+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, VideoPlayer;
+  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;
+    justify-content: center;
+    justify-items: center;
+    min-height: 100px;
+    background-color: black;
+    border-radius: 10px;
+    color: white;
+
+    &: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: "Video Player";
+
+    }
+
+`.expand("body[editing=true] video-player"));
       _export("VideoPlayer", VideoPlayer = Block({
         className: "fad fa-circle-play",
         title: "Add Video Player",