@social-mail/social-mail-client 1.2.140 → 1.2.142

package/package.json

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

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

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+/* eslint-disable @typescript-eslint/no-namespace */
 import XNode from "@web-atoms/core/dist/core/XNode";
 import { Block } from "./Block";
 import { StylerSets } from "../styler/StylerSets";
@@ -43,15 +45,20 @@ export const BlogComponent = Block({
     </section>
 });
 
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "type-writer": any;
+        }
+    }
+}
+
+
 export const TypeWriterComponent = Block({
     className: "fad fa-input-text",
     title: "Add TypeWriter Component",
-    factory: () => <section
-        styler-layout="component"
-        data-package="@social-mail/social-mail-client"
-        data-host="true"
-        data-view="dist/public/components/typewriter/TypeWriter"
-        data-json-args={`["Passionate Actor", "Method Actor", "Teleprompter"]`}>
-    </section>
+    factory: () => <type-writer>
+        Passionate Actor", "Method Actor", "Teleprompter
+    </type-writer>
 });
 

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

@@ -45,6 +45,15 @@ export default class WebSitePageEditor extends HtmlPageEditor {
         }
         await this.addStyleSheet(vars);
 
+        let script = this.htmlDocument.querySelector("script[web-components]");
+        if (!script) {
+            script = this.htmlDocument.createElement("script");
+            script.setAttribute("web-components", "social");
+            script.setAttribute("async", "true");
+            script.setAttribute("defer", "true");
+            this.htmlDocument.body.appendChild(script);
+        }
+        script.setAttribute("src", "//www.unpkg.com/@social-mail/web-components@latest/dist/components.js");
     }
 
 

package/src/site-editor/styler/properties/text/stylerText.ts

@@ -1,5 +1,5 @@
 import styled from "@web-atoms/core/dist/style/styled";
-import { StylerProperty, colorVarList, createSet, createVarSet, sizeVarList } from "../../Styler";
+import { StylerProperty, colorVarList, createSet, createVarSet, sizeVarList, stylerVars } from "../../Styler";
 
 export const stylerText = {
 
@@ -16,7 +16,8 @@ export const stylerText = {
         "large",
         "larger",
         "x-large",
-        "xx-large"
+        "xx-large",
+        ... sizeVarList
     ], false, true)),
 
     stylerFontWeight: new StylerProperty("styler-font-weight",

package/dist/public/components/typewriter/TypeWriter.d.ts

@@ -1,9 +0,0 @@
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-export default class TypeWriter extends AtomControl {
-    currentText: string;
-    private stop;
-    constructor(app: any, e: any);
-    init(): Promise<void>;
-    loop(): Promise<void>;
-}
-//# sourceMappingURL=TypeWriter.d.ts.map

package/dist/public/components/typewriter/TypeWriter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypeWriter.d.ts","sourceRoot":"","sources":["../../../../src/public/components/typewriter/TypeWriter.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAgB5E,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IAExC,WAAW,SAAM;IAExB,OAAO,CAAC,IAAI,CAAS;gBAET,GAAG,KAAA,EAAE,CAAC,KAAA;IAMZ,IAAI;IAWJ,IAAI;CAiCb"}

package/dist/public/components/typewriter/TypeWriter.js

@@ -1,85 +0,0 @@
-System.register(["tslib", "@web-atoms/core/dist/Pack", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
-  "use strict";
-
-  var __awaiter, __decorate, __metadata, Pack, Bind, XNode, sleep, styled, AtomControl, TypeWriter;
-  return {
-    setters: [function (_tslib) {
-      __awaiter = _tslib.__awaiter;
-      __decorate = _tslib.__decorate;
-      __metadata = _tslib.__metadata;
-    }, function (_webAtomsCoreDistPack) {
-      Pack = _webAtomsCoreDistPack.default;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistCoreSleep) {
-      sleep = _webAtomsCoreDistCoreSleep.default;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_webAtomsCoreDistWebControlsAtomControl) {
-      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
-    }],
-    execute: function () {
-      styled.css`
-        display: inline-flex;
-        align-items: center;
-        justify-content: start;
-        & > span {
-            display: inline-flex;
-            padding-right: 1px;
-            border-right-style: solid;
-            border-right-width: 2px;
-            border-right-color: currentColor;
-        }
-    `.installGlobal("[data-component=type-writer]");
-      TypeWriter = class TypeWriter extends AtomControl {
-        constructor(app, e) {
-          super(app, e);
-          this.currentText = "";
-          this.stop = false;
-          this.element.setAttribute("data-component", "type-writer");
-          this.runAfterInit(() => this.app.runAsync(() => this.init()));
-        }
-        init() {
-          return __awaiter(this, void 0, void 0, function* () {
-            this.render(XNode.create("div", null, XNode.create("span", {
-              text: Bind.oneWay(() => this.currentText)
-            })));
-            yield this.loop();
-            this.registerDisposable({
-              dispose: () => this.stop = true
-            });
-          });
-        }
-        loop() {
-          return __awaiter(this, void 0, void 0, function* () {
-            const textList = JSON.parse(this.element.getAttribute("data-json-args") || `["I am typing"]`);
-            let index = 0;
-            const max = textList.length;
-            while (!this.stop) {
-              const current = textList[index];
-              let length = 0;
-              while (length < current.length) {
-                this.currentText = current.substring(0, ++length);
-                yield sleep(200);
-              }
-              while (length) {
-                this.currentText = current.substring(0, --length);
-                yield sleep(100);
-              }
-              yield sleep(1000);
-              index++;
-              if (index === max) {
-                index = 0;
-              }
-            }
-          });
-        }
-      };
-      TypeWriter = __decorate([Pack, __metadata("design:paramtypes", [Object, Object])], TypeWriter);
-      _export("default", TypeWriter);
-    }
-  };
-});
-//# sourceMappingURL=TypeWriter.js.map

package/dist/public/components/typewriter/TypeWriter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Pack","_webAtomsCoreDistPack","default","_webAtomsCoreDistCoreBind","Bind","_webAtomsCoreDistCoreXNode","XNode","_webAtomsCoreDistCoreSleep","sleep","_webAtomsCoreDistStyleStyled","styled","_webAtomsCoreDistWebControlsAtomControl","AtomControl","execute","css","installGlobal","TypeWriter","constructor","app","e","currentText","stop","element","setAttribute","runAfterInit","runAsync","init","render","create","text","oneWay","loop","registerDisposable","dispose","textList","JSON","parse","getAttribute","index","max","length","current","substring","__decorate","_export"],"sources":["../../../../src/public/components/typewriter/TypeWriter.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;MAAOA,IAAI,GAAAC,qBAAA,CAAAC,OAAA;IAAA,aAAAC,yBAAA;MACJC,IAAI,GAAAD,yBAAA,CAAAD,OAAA;IAAA,aAAAG,0BAAA;MACJC,KAAK,GAAAD,0BAAA,CAAAH,OAAA;IAAA,aAAAK,0BAAA;MACLC,KAAK,GAAAD,0BAAA,CAAAL,OAAA;IAAA,aAAAO,4BAAA;MACLC,MAAM,GAAAD,4BAAA,CAAAP,OAAA;IAAA,aAAAS,uCAAA;MACJC,WAAW,GAAAD,uCAAA,CAAXC,WAAW;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEhBH,MAAM,CAACI,GAAI;;;;;;;;;;;KAWV,CAACC,aAAa,CAAC,8BAA8B,CAAC;MAG9BC,UAAU,GAAhB,MAAMA,UAAW,SAAQJ,WAAW;QAM/CK,YAAYC,GAAG,EAAEC,CAAC;UACd,KAAK,CAACD,GAAG,EAAEC,CAAC,CAAC;UALV,KAAAC,WAAW,GAAG,EAAE;UAEf,KAAAC,IAAI,GAAG,KAAK;UAIhB,IAAI,CAACC,OAAO,CAACC,YAAY,CAAC,gBAAgB,EAAC,aAAa,CAAC;UACzD,IAAI,CAACC,YAAY,CAAC,MAAM,IAAI,CAACN,GAAG,CAACO,QAAQ,CAAC,MAAM,IAAI,CAACC,IAAI,EAAE,CAAC,CAAC;QACjE;QAEMA,IAAIA,CAAA;;YACN,IAAI,CAACC,MAAM,CAACrB,KAAA,CAAAsB,MAAA,cACRtB,KAAA,CAAAsB,MAAA;cAAMC,IAAI,EAAEzB,IAAI,CAAC0B,MAAM,CAAC,MAAM,IAAI,CAACV,WAAW;YAAC,EAAG,CAChD,CAAC;YAEP,MAAM,IAAI,CAACW,IAAI,EAAE;YACjB,IAAI,CAACC,kBAAkB,CAAC;cACpBC,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACZ,IAAI,GAAG;aAC9B,CAAC;UACN,CAAC;;QAEKU,IAAIA,CAAA;;YAEN,MAAMG,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAAC,IAAI,CAACd,OAAO,CAACe,YAAY,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,CAAa;YAEzG,IAAIC,KAAK,GAAG,CAAC;YACb,MAAMC,GAAG,GAAGL,QAAQ,CAACM,MAAM;YAE3B,OAAM,CAAC,IAAI,CAACnB,IAAI,EAAE;cAEd,MAAMoB,OAAO,GAAGP,QAAQ,CAACI,KAAK,CAAC;cAE/B,IAAIE,MAAM,GAAG,CAAC;cAGd,OAAMA,MAAM,GAAGC,OAAO,CAACD,MAAM,EAAE;gBAC3B,IAAI,CAACpB,WAAW,GAAGqB,OAAO,CAACC,SAAS,CAAC,CAAC,EAAE,EAAEF,MAAM,CAAC;gBACjD,MAAMhC,KAAK,CAAC,GAAG,CAAC;;cAGpB,OAAMgC,MAAM,EAAE;gBACV,IAAI,CAACpB,WAAW,GAAGqB,OAAO,CAACC,SAAS,CAAC,CAAC,EAAE,EAAEF,MAAM,CAAC;gBACjD,MAAMhC,KAAK,CAAC,GAAG,CAAC;;cAGpB,MAAMA,KAAK,CAAC,IAAI,CAAC;cAEjB8B,KAAK,EAAE;cACP,IAAIA,KAAK,KAAKC,GAAG,EAAE;gBACfD,KAAK,GAAG,CAAC;;;UAGrB,CAAC;;OAEJ;MAxDoBtB,UAAU,GAAA2B,UAAA,EAD9B3C,IAAI,E,oDACgBgB,UAAU,CAwD9B;MAAA4B,OAAA,YAxDoB5B,UAAU;IAAA;EAAA;AAAA"}