godown 1.1.6 → 2.0.0

package/LICENSE

@@ -1,9 +1,9 @@
-MIT License
-
-Copyright (c) 2023 startracex
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+MIT License
+
+Copyright (c) 2023 startracex
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/conf.d.ts

@@ -1,19 +1,18 @@
-declare const conf: conftype;
-declare function init(CONFObject: conftype, source?: conftype): conftype;
-export { conf, init };
+export declare const conf: ConfType;
 export default conf;
+export declare function init(CONFObject: Partial<ConfType>, source?: ConfType): ConfType;
 declare global {
     interface globalThis {
-        GodownWebComponentsCONF: conftype;
+        GodownWebComponentsCONF: ConfType;
     }
 }
-type conftype = {
-    prefix?: string;
-    suffix?: string;
-    tag?: (origin: string) => string;
-    enabled?: any[];
-    namemap?: Map<string, string>;
-    reflect?: boolean;
-    cssvar?: string;
-};
+interface ConfType {
+    cssvar: string;
+    enabled: Set<string>;
+    namemap: Map<string, string>;
+    prefix: string;
+    reflect: boolean;
+    suffix: string;
+    tag: (origin: string) => string;
+}
 //# sourceMappingURL=conf.d.ts.map

package/conf.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,IAAI,EAAE,QAA4D,CAAC;AACzE,iBAAS,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAO,YAOhD;AACD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACtB,eAAe,IAAI,CAAC;AACpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AACD,KAAK,QAAQ,GAAG;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
+{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,EAAE,QAAkE,CAAC;AACtF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAE,QAAe,YAS1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AAED,UAAU,QAAQ;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CACjC"}

package/conf.js

@@ -1,22 +1,25 @@
-const defconf = {
+const defaultConfig = {
+    cssvar: "godown",
+    enabled: new Set(),
+    namemap: new Map(),
     prefix: "",
+    reflect: false,
     suffix: "",
     tag(origin) {
         return this.prefix + origin + this.suffix;
     },
-    enabled: [],
-    namemap: new Map(),
-    reflect: false,
-    cssvar: "godown-c",
 };
-const conf = init(globalThis.GodownWebComponentsCONF, defconf);
-function init(CONFObject, source = conf) {
+export const conf = init(globalThis.GodownWebComponentsCONF, defaultConfig);
+export default conf;
+export function init(CONFObject, source = conf) {
     Object.assign(source, CONFObject);
     if (source.reflect) {
         // Reflect conf to globalThis
         globalThis.GodownWebComponentsCONF = source;
     }
+    else {
+        delete globalThis.GodownWebComponentsCONF;
+    }
     return source;
 }
-export { conf, init };
-export default conf;
+//# sourceMappingURL=conf.js.map

package/conf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conf.js","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAa;IAC9B,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,IAAI,GAAG,EAAU;IAC1B,OAAO,EAAE,IAAI,GAAG,EAAkB;IAClC,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,EAAE;IACV,GAAG,CAAC,MAAM;QACR,OAAO,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC5C,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAa,IAAI,CAAC,UAAU,CAAC,uBAAuB,EAAE,aAAa,CAAC,CAAC;AACtF,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,IAAI,CAAC,UAA6B,EAAE,SAAmB,IAAI;IACzE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClC,IAAI,MAAM,CAAC,OAAO,EAAE;QAClB,6BAA6B;QAC7B,UAAU,CAAC,uBAAuB,GAAG,MAAM,CAAC;KAC7C;SAAM;QACL,OAAO,UAAU,CAAC,uBAAuB,CAAC;KAC3C;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/deps.d.ts

@@ -1,8 +1,8 @@
-export { CSSResultGroup, html, css, LitElement } from "lit";
+export { conf, init } from "./conf.js";
+export { GlobalSTD, cssvar, DisableWarning } from "./glob.js";
+export { append, create, define, retag, constructCSS } from "./with.js";
+export { CSSResultGroup, html, css, LitElement, unsafeCSS } from "lit";
 export { query, queryAll, property, state, customElement } from "lit/decorators.js";
-export { conf } from "./conf.js";
-export { append, create, define, retag } from "./with.js";
 export { ifDefined } from "lit/directives/if-defined.js";
 export { classMap } from "lit/directives/class-map.js";
-export { GLOBSTD, cssvar } from "./glob.js";
 //# sourceMappingURL=deps.d.ts.map

package/deps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC"}

package/deps.js

@@ -1,7 +1,8 @@
-export { html, css, LitElement } from "lit";
+export { conf, init } from "./conf.js";
+export { GlobalSTD, cssvar, DisableWarning } from "./glob.js";
+export { append, create, define, retag, constructCSS } from "./with.js";
+export { html, css, LitElement, unsafeCSS } from "lit";
 export { query, queryAll, property, state, customElement } from "lit/decorators.js";
-export { conf } from "./conf.js";
-export { append, create, define, retag } from "./with.js";
 export { ifDefined } from "lit/directives/if-defined.js";
 export { classMap } from "lit/directives/class-map.js";
-export { GLOBSTD, cssvar } from "./glob.js";
+//# sourceMappingURL=deps.js.map

package/deps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deps.js","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACxE,OAAO,EAAkB,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC"}

package/effect/clip-text.d.ts

@@ -0,0 +1,13 @@
+import EffectSTD from "./std.js";
+export declare class ClipText extends EffectSTD {
+    text: string;
+    static styles: import("lit").CSSResult;
+    render(): string | import("lit").TemplateResult<1>;
+}
+export default ClipText;
+declare global {
+    interface HTMLElementTagNameMap {
+        "clip-text": ClipText;
+    }
+}
+//# sourceMappingURL=clip-text.d.ts.map

package/effect/clip-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip-text.d.ts","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,UAAU,CAAC;AAGjC,qBACa,QAAS,SAAQ,SAAS;IACzB,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,0BAOX;IAEF,MAAM;CAGP;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/effect/clip-text.js

@@ -0,0 +1,35 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, define, property } from "../deps.js";
+import EffectSTD from "./std.js";
+import { htmlSlot } from "../tmpl.js";
+let ClipText = class ClipText extends EffectSTD {
+    constructor() {
+        super(...arguments);
+        this.text = "";
+    }
+    render() {
+        return this.text || htmlSlot();
+    }
+};
+ClipText.styles = css `
+    :host {
+      color: transparent;
+      background-color: currentColor;
+      -webkit-background-clip: text !important;
+      background-clip: text !important;
+    }
+  `;
+__decorate([
+    property()
+], ClipText.prototype, "text", void 0);
+ClipText = __decorate([
+    define("clip-text")
+], ClipText);
+export { ClipText };
+export default ClipText;
+//# sourceMappingURL=clip-text.js.map

package/effect/clip-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip-text.js","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,SAAS,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,SAAI,GAAG,EAAE,CAAC;IAaxB,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAXM,eAAM,GAAG,GAAG,CAAA;;;;;;;GAOlB,AAPY,CAOX;AARU;IAAX,QAAQ,EAAE;sCAAW;AADX,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAcpB;;AAED,eAAe,QAAQ,CAAC"}

package/effect/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./ov-effect.js";
-export * from "./ro-effect.js";
-export * from "./tw-effect.js";
+export * from "./clip-text.js";
+export * from "./overbreath-text.js";
+export * from "./typewriter-text.js";
 //# sourceMappingURL=index.d.ts.map

package/effect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/effect/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/effect/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}

package/effect/index.js

@@ -1,3 +1,4 @@
-export * from "./ov-effect.js";
-export * from "./ro-effect.js";
-export * from "./tw-effect.js";
+export * from "./clip-text.js";
+export * from "./overbreath-text.js";
+export * from "./typewriter-text.js";
+//# sourceMappingURL=index.js.map

package/effect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/effect/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}

package/effect/overbreath-text.d.ts

@@ -0,0 +1,14 @@
+import EffectSTD from "./std.js";
+export declare class OverbreathText extends EffectSTD {
+    static styles: import("lit").CSSResult[];
+    t1: string;
+    t2: string;
+    t3: string;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "overbreath-text": OverbreathText;
+    }
+}
+//# sourceMappingURL=overbreath-text.d.ts.map

package/effect/overbreath-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overbreath-text.d.ts","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,UAAU,CAAC;AA+CjC,qBACa,cAAe,SAAQ,SAAS;IAC3C,MAAM,CAAC,MAAM,4BA2JX;IACU,EAAE,SAAe;IACjB,EAAE,SAAgB;IAClB,EAAE,SAAiB;IAE/B,MAAM;CAcP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/effect/overbreath-text.js

@@ -0,0 +1,244 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, cssvar, define, html, property } from "../deps.js";
+import EffectSTD from "./std.js";
+const theme = css `
+  :host {
+    ${cssvar}--ov-text: aliceblue;
+    ${cssvar}--ov-border: 0.275em;
+    ${cssvar}--ov-port: #1a1a1a;
+    ${cssvar}--ov-1-1: #ae0ca5;
+    ${cssvar}--ov-1-2: #ffd802;
+    ${cssvar}--ov-2-1: #1fe173;
+    ${cssvar}--ov-2-2: #582bca;
+    ${cssvar}--ov-3-1: #00b4f0;
+    ${cssvar}--ov-3-2: #e614e6;
+    ${cssvar}--ov-deg: 60deg;
+    ${cssvar}--ov-1: linear-gradient(var(${cssvar}--ov-deg), var(${cssvar}--ov-1-1), var(${cssvar}--ov-1-2));
+    ${cssvar}--ov-2: linear-gradient(var(${cssvar}--ov-deg), var(${cssvar}--ov-2-1), var(${cssvar}--ov-2-2));
+    ${cssvar}--ov-3: linear-gradient(var(${cssvar}--ov-deg), var(${cssvar}--ov-3-1), var(${cssvar}--ov-3-2));
+  }
+  .overbreathflow {
+    animation: 8s linear infinite breathflow;
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    border-radius: inherit;
+  }
+  @keyframes breathflow {
+    0%,
+    100% {
+      opacity: 1;
+      background-image: var(${cssvar}--ov-1);
+    }
+    33.33% {
+      opacity: 1;
+      background-image: var(${cssvar}--ov-2);
+    }
+    16.66%,
+    50.33%,
+    83% {
+      opacity: 0;
+    }
+    66.67% {
+      opacity: 1;
+      background-image: var(${cssvar}--ov-3);
+    }
+  }
+`;
+let OverbreathText = class OverbreathText extends EffectSTD {
+    constructor() {
+        super(...arguments);
+        this.t1 = "t1 unset.";
+        this.t2 = "t2 unset..";
+        this.t3 = "t3 unset...";
+    }
+    render() {
+        return html ` <span class="rel">
+        <span class="abs">${this.t1}</span>
+        <span class="ani">${this.t1}</span>
+      </span>
+      <span class="rel">
+        <span class="abs">${this.t2}</span>
+        <span class="ani">${this.t2}</span>
+      </span>
+      <span class="rel">
+        <span class="abs">${this.t3}</span>
+        <span class="ani">${this.t3}</span>
+      </span>`;
+    }
+};
+OverbreathText.styles = [
+    theme,
+    css `
+      :host {
+        display: flex;
+        margin: auto;
+        width: fit-content;
+        font-size: clamp(4.4rem, 9vw, 5rem);
+        align-items: center;
+      }
+
+      @media screen and (max-width: 1280px) {
+        :host {
+          flex-direction: column;
+        }
+      }
+
+      span {
+        display: flex;
+      }
+
+      *::selection {
+        background: none;
+      }
+
+      .rel {
+        line-height: 1;
+        position: relative;
+      }
+
+      .abs {
+        color: currentColor;
+        position: absolute;
+        top: 0;
+      }
+
+      .ani,
+      .abs {
+        white-space: nowrap;
+        box-sizing: border-box;
+        padding-right: 2.5px;
+        letter-spacing: -2.5px;
+        width: fit-content;
+        background-clip: text;
+        -webkit-background-clip: text;
+        font-weight: 800;
+        font-size: inherit;
+      }
+
+      .ani {
+        box-sizing: border-box;
+        -webkit-text-fill-color: transparent;
+      }
+
+      .rel:nth-child(1) .ani {
+        animation: ani1 8s infinite;
+        background-image: var(${cssvar}--ov-1);
+      }
+
+      .rel:nth-child(2) .ani {
+        animation: 8s ease 0s infinite normal none running ani2;
+        background-image: var(${cssvar}--ov-2);
+      }
+
+      .rel:nth-child(3) .ani {
+        animation: 8s ease 0s infinite normal none running ani3;
+        background-image: var(${cssvar}--ov-3);
+      }
+
+      .rel:nth-child(1) .abs {
+        animation: overbreath1 8s infinite;
+      }
+
+      .rel:nth-child(2) .abs {
+        animation: overbreath2 8s infinite;
+      }
+
+      .rel:nth-child(3) .abs {
+        animation: overbreath3 8s infinite;
+      }
+
+      @keyframes ani1 {
+        0%,
+        16.667%,
+        to {
+          opacity: 1;
+        }
+        33.333%,
+        83.333% {
+          opacity: 0;
+        }
+      }
+      @keyframes ani2 {
+        0%,
+        to {
+          opacity: 0;
+        }
+        33.333%,
+        50% {
+          opacity: 1;
+        }
+        16.667%,
+        66.667% {
+          opacity: 0;
+        }
+      }
+      @keyframes ani3 {
+        0%,
+        50%,
+        to {
+          opacity: 0;
+        }
+        66.667%,
+        83.333% {
+          opacity: 1;
+        }
+      }
+      @keyframes overbreath1 {
+        0%,
+        16.667%,
+        to {
+          opacity: 0;
+        }
+        25%,
+        91.667% {
+          opacity: 1;
+        }
+      }
+      @keyframes overbreath2 {
+        0%,
+        to {
+          opacity: 1;
+        }
+        33.333%,
+        50% {
+          opacity: 0;
+        }
+        25%,
+        58.333% {
+          opacity: 1;
+        }
+      }
+      @keyframes overbreath3 {
+        0%,
+        58.333%,
+        91.667%,
+        to {
+          opacity: 1;
+        }
+        66.667%,
+        83.333% {
+          opacity: 0;
+        }
+      }
+    `,
+];
+__decorate([
+    property()
+], OverbreathText.prototype, "t1", void 0);
+__decorate([
+    property()
+], OverbreathText.prototype, "t2", void 0);
+__decorate([
+    property()
+], OverbreathText.prototype, "t3", void 0);
+OverbreathText = __decorate([
+    define("overbreath-text")
+], OverbreathText);
+export { OverbreathText };
+//# sourceMappingURL=overbreath-text.js.map

package/effect/overbreath-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overbreath-text.js","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,KAAK,GAAG,GAAG,CAAA;;MAEX,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM;MACN,MAAM,+BAA+B,MAAM,kBAAkB,MAAM,kBAAkB,MAAM;MAC3F,MAAM,+BAA+B,MAAM,kBAAkB,MAAM,kBAAkB,MAAM;MAC3F,MAAM,+BAA+B,MAAM,kBAAkB,MAAM,kBAAkB,MAAM;;;;;;;;;;;;;8BAanE,MAAM;;;;8BAIN,MAAM;;;;;;;;;8BASN,MAAM;;;CAGnC,CAAC;AAGK,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QA6JO,OAAE,GAAG,WAAW,CAAC;QACjB,OAAE,GAAG,YAAY,CAAC;QAClB,OAAE,GAAG,aAAa,CAAC;IAgBjC,CAAC;IAdC,MAAM;QACJ,OAAO,IAAI,CAAA;4BACa,IAAI,CAAC,EAAE;4BACP,IAAI,CAAC,EAAE;;;4BAGP,IAAI,CAAC,EAAE;4BACP,IAAI,CAAC,EAAE;;;4BAGP,IAAI,CAAC,EAAE;4BACP,IAAI,CAAC,EAAE;cACrB,CAAC;IACb,CAAC;;AA7KM,qBAAM,GAAG;IACd,KAAK;IACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAsDyB,MAAM;;;;;gCAKN,MAAM;;;;;gCAKN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwFjC;CACF,AA3JY,CA2JX;AACU;IAAX,QAAQ,EAAE;0CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAAmB;AAClB;IAAX,QAAQ,EAAE;0CAAoB;AA/JpB,cAAc;IAD1B,MAAM,CAAC,iBAAiB,CAAC;GACb,cAAc,CA+K1B"}

package/effect/std.d.ts

@@ -1,4 +1,4 @@
-import { GLOBSTD } from "../deps.js";
-export default class EffectSTD extends GLOBSTD {
+import { GlobalSTD } from "../deps.js";
+export default class EffectSTD extends GlobalSTD {
 }
 //# sourceMappingURL=std.d.ts.map

package/effect/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/effect/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,OAAO;CAAG"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/effect/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,SAAS;CAAG"}

package/effect/std.js

@@ -1,3 +1,4 @@
-import { GLOBSTD } from "../deps.js";
-export default class EffectSTD extends GLOBSTD {
+import { GlobalSTD } from "../deps.js";
+export default class EffectSTD extends GlobalSTD {
 }
+//# sourceMappingURL=std.js.map

package/effect/std.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/effect/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,SAAS;CAAG"}

package/effect/typewriter-text.d.ts

@@ -0,0 +1,27 @@
+import EffectSTD from "./std.js";
+export declare class TypewriterText extends EffectSTD {
+    text: string;
+    stopped: boolean;
+    ended: boolean;
+    max: number;
+    min: number;
+    delay: number;
+    index: number;
+    content: string;
+    timeoutID: number;
+    _i: HTMLElement;
+    get len(): number;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+    firstUpdated(): void;
+    write(at?: number): void;
+    stop(): void;
+    end(): void;
+}
+export default TypewriterText;
+declare global {
+    interface HTMLElementTagNameMap {
+        "typewriter-text": TypewriterText;
+    }
+}
+//# sourceMappingURL=typewriter-text.d.ts.map

package/effect/typewriter-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-text.d.ts","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,UAAU,CAAC;AAGjC,qBACa,cAAe,SAAQ,SAAS;IAC/B,IAAI,SAAM;IACO,OAAO,UAAS;IAChB,KAAK,UAAS;IACf,GAAG,SAAO;IACV,GAAG,SAAM;IACT,KAAK,SAAK;IACV,KAAK,SAAK;IAC7B,OAAO,SAAM;IACtB,SAAS,EAAE,MAAM,CAAC;IACN,EAAE,EAAE,WAAW,CAAC;IAE5B,IAAI,GAAG,WAEN;IAED,MAAM,CAAC,MAAM,0BA6BX;IAEF,MAAM;IAIN,YAAY;IASZ,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAQD,eAAe,cAAc,CAAC;AAC9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}