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

package/src/public/components/typewriter/TypeWriter.tsx

@@ -1,78 +0,0 @@
-import Pack from "@web-atoms/core/dist/Pack";
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import sleep from "@web-atoms/core/dist/core/sleep";
-import styled from "@web-atoms/core/dist/style/styled";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-
-    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]");
-
-@Pack
-export default class TypeWriter extends AtomControl {
-
-    public currentText = "";
-
-    private stop = false;
-
-    constructor(app, e) {
-        super(app, e);
-        this.element.setAttribute("data-component","type-writer");
-        this.runAfterInit(() => this.app.runAsync(() => this.init()));
-    }
-
-    async init() {
-        this.render(<div>
-            <span text={Bind.oneWay(() => this.currentText)}/>
-        </div>);
-
-        await this.loop();
-        this.registerDisposable({
-            dispose: () => this.stop = true
-        });
-    }
-
-    async loop() {
-
-        const textList = JSON.parse(this.element.getAttribute("data-json-args") || `["I am typing"]`) as string[];
-
-        let index = 0;
-        const max = textList.length;
-
-        while(!this.stop) {
-
-            const current = textList[index];
-
-            let length = 0;
-
-            // forward...
-            while(length < current.length) {
-                this.currentText = current.substring(0, ++length);
-                await sleep(200);
-            }
-
-            while(length) {
-                this.currentText = current.substring(0, --length);
-                await sleep(100);
-            }
-
-            await sleep(1000);
-
-            index++;
-            if (index === max) {
-                index = 0;
-            }
-        }
-    }
-
-}