@social-mail/social-mail-client 1.2.201 → 1.2.202

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.201",
+  "version": "1.2.202",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/site-editor/blocks/MarqueeText.tsx

@@ -0,0 +1,46 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+
+import XNode from "@web-atoms/core/dist/core/XNode";
+import { Block } from "./Block";
+import { StylerSets } from "../styler/StylerSets";
+import styled from "@web-atoms/core/dist/style/styled";
+
+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"));
+
+/* eslint-disable @typescript-eslint/no-namespace */
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "marquee-text": any;
+        }
+    }
+}
+
+export const MarqueeText = Block({
+    className: "fad fa-text",
+    title: "Add Marquee Text",
+    factory: () => <marquee-text
+        >Your Slding Text</marquee-text>
+});

package/src/site-editor/editor/HtmlPageEditor.tsx

@@ -41,6 +41,7 @@ import { InlinePopupButton } from "@web-atoms/web-controls/dist/basic/InlinePopu
 import { VideoPlayer } from "../blocks/VideoPlayer";
 import { BackgroundVideo } from "../blocks/BackgroundVideo";
 import { TextMask } from "../blocks/TextMask";
+import { MarqueeText } from "../blocks/MarqueeText";
 
     styled.css `
         display: grid;
@@ -304,6 +305,7 @@ export default class HtmlPageEditor extends AtomControl {
                     <BackgroundVideo/>
                     <TextMask/>
                     <ImageGallery/>
+                    <MarqueeText/>
                 </EditorToolbar>}></InlinePopupButton>
             </EditorToolbar>
             <div data-element="editor"