godown 2.4.1 → 2.5.0

package/README.md

@@ -1,6 +1,6 @@
 # Godown
 
-The **simple, stylized, semantic components** for standard HTML and other frameworks.
+Simple, stylized, semantic web components.
 
 ## Install
 

package/conf.d.ts

@@ -7,15 +7,15 @@ declare global {
         GodownWebComponentsCONF: ConfType;
     }
 }
-interface ConfType {
+export interface ConfType {
     assign: null | Record<string, any>;
     cssvar: string;
-    enabled: Set<string>;
     namemap: Map<string, string>;
     classmap: Map<string, CustomElementConstructor>;
     prefix: string;
     reflect: boolean;
     suffix: string;
     tag: (origin: string) => string;
+    define: (name: string | void, constructor: CustomElementConstructor, options?: ElementDefinitionOptions) => void;
 }
 //# 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":"AAcA,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,wBAAgB,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,YAEzD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AAED,UAAU,QAAQ;IAChB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,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"}
+{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,IAAI,EAAE,QAAkE,CAAC;AACtF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAE,QAAe,GAAG,QAAQ,CASrF;AAED,wBAAgB,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAEpE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,EAAE,wBAAwB,EAAE,OAAO,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAClH"}

package/conf.js

@@ -1,7 +1,6 @@
 const defaultConfig = {
     assign: null,
     cssvar: "godown",
-    enabled: new Set(),
     namemap: new Map(),
     classmap: new Map(),
     prefix: "",
@@ -10,6 +9,21 @@ const defaultConfig = {
     tag(origin) {
         return this.prefix + origin + this.suffix;
     },
+    define(name, constructor, options) {
+        if (!name) {
+            name = constructor.name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+        }
+        const tagName = this.tag(name);
+        if (!tagName) {
+            return;
+        }
+        if (!customElements.get(tagName)) {
+            customElements.define(tagName, constructor, options);
+            constructor.elementTagName = tagName;
+            this.namemap.set(name, tagName);
+            this.classmap.set(name, constructor);
+        }
+    },
 };
 export const conf = init(globalThis.GodownWebComponentsCONF, defaultConfig);
 export default conf;

package/conf.js.map

@@ -1 +1 @@
-{"version":3,"file":"conf.js","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAa;IAC9B,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,IAAI,GAAG,EAAE;IAClB,OAAO,EAAE,IAAI,GAAG,EAAE;IAClB,QAAQ,EAAE,IAAI,GAAG,EAAE;IACnB,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;AAED,MAAM,UAAU,YAAY,CAAC,UAA6B;IACxD,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC"}
+{"version":3,"file":"conf.js","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AACA,MAAM,aAAa,GAAa;IAC9B,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,IAAI,GAAG,EAAE;IAClB,QAAQ,EAAE,IAAI,GAAG,EAAE;IACnB,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,EAAE;IACV,GAAG,CAAC,MAAc;QAChB,OAAO,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC5C,CAAC;IACD,MAAM,CAAC,IAAY,EAAE,WAAqC,EAAE,OAAkC;QAC5F,IAAI,CAAC,IAAI,EAAE;YACT,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;SAC3E;QACD,MAAM,OAAO,GAAW,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAChC,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;YACpD,WAAoC,CAAC,cAAc,GAAG,OAAO,CAAC;YAC/D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAChC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;SACtC;IACH,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;AAED,MAAM,UAAU,YAAY,CAAC,UAA6B;IACxD,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC"}

package/deps.d.ts

@@ -1,10 +1,5 @@
-export { conf, init } from "./conf.js";
-export { GodownElement, cssvar, cssvarValues, define, createScope } from "./glob.js";
-export { append, create, retag, constructCSS } from "./with.js";
-export { html, css, LitElement, unsafeCSS } from "lit";
-export { query, queryAll, property, state, customElement } from "lit/decorators.js";
-export { ifDefined } from "lit/directives/if-defined.js";
-export { classMap } from "lit/directives/class-map.js";
-export type { HTMLTemplate } from "./tmpl";
-export type { CSSResultGroup } from "lit";
+export { html, css, unsafeCSS, type CSSResultGroup, nothing, type PropertyValueMap } from "lit";
+export * from "lit/decorators.js";
+export * from "lit/directives/if-defined.js";
+export * from "lit/directives/class-map.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,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvD,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;AAEvD,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC"}
+{"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAChG,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}

package/deps.js

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

package/deps.js.map

@@ -1 +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,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvD,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"}
+{"version":3,"file":"deps.js","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAuB,OAAO,EAAyB,MAAM,KAAK,CAAC;AAChG,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}

package/effect/clip-text.d.ts

@@ -1,7 +1,13 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import EffectSTD from "./std.js";
+/**
+ * ClipText renders a gradient text.
+ */
 export declare class ClipText extends EffectSTD {
+    /**
+     * The text to be clipped.
+     */
     text: string;
     static styles: CSSResultGroup;
     protected render(): HTMLTemplate | string;

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

@@ -1 +1 @@
-{"version":3,"file":"clip-text.d.ts","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAA4B,MAAM,YAAY,CAAC;AAC7F,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,QAAS,SAAQ,SAAS;IACzB,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,iBAaO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,GAAG,MAAM;CAG1C;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"clip-text.d.ts","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,YAAY,CAAC;AAChE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC;;GAEG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,IAAI,SAAM;IAEtB,MAAM,CAAC,MAAM,iBAaO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,GAAG,MAAM;CAG1C;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/effect/clip-text.js

@@ -4,14 +4,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { createScope, css, cssvar, define, property } from "../deps.js";
-import { htmlSlot } from "../tmpl.js";
+import { createScope, cssvar, define } from "../root.js";
+import { css, property } from "../deps.js";
+import { htmlSlot } from "../lib/templates.js";
 import EffectSTD from "./std.js";
 const defineName = "clip-text";
 const cssvarScope = createScope(defineName);
+/**
+ * ClipText renders a gradient text.
+ */
 let ClipText = class ClipText extends EffectSTD {
     constructor() {
         super(...arguments);
+        /**
+         * The text to be clipped.
+         */
         this.text = "";
     }
     render() {

package/effect/clip-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"clip-text.js","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAuB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,SAAI,GAAG,EAAE,CAAC;IAmBxB,CAAC;IAHW,MAAM;QACd,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAjBM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;KAOhC;CACgB,AAbN,CAaO;AAdR;IAAX,QAAQ,EAAE;sCAAW;AADX,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAoBpB;;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"clip-text.js","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACL;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;IAoBxB,CAAC;IAHW,MAAM;QACd,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAjBM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;KAOhC;CACgB,AAbN,CAaO;AAfR;IAAX,QAAQ,EAAE;sCAAW;AAJX,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAwBpB;;AAED,eAAe,QAAQ,CAAC"}

package/effect/overbreath-text.d.ts

@@ -1,10 +1,19 @@
-import { type CSSResultGroup, type HTMLTemplate } from "../deps.js";
+import { type CSSResultGroup } from "../deps.js";
 import EffectSTD from "./std.js";
+import { type HTMLTemplate } from "../lib/templates.js";
+/**
+ * OverbreathText renders three animated pieces of text.
+ *
+ * Inspired by Vercel homepage (2022? - 2023).
+ */
 export declare class OverbreathText extends EffectSTD {
-    static styles: CSSResultGroup;
+    /**
+     * One of the texts.
+     */
     t1: string;
     t2: string;
     t3: string;
+    static styles: CSSResultGroup;
     protected render(): HTMLTemplate[];
     protected renderText(text: string): HTMLTemplate;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"overbreath-text.d.ts","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAwB,KAAK,YAAY,EAAY,MAAM,YAAY,CAAC;AACtH,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,cAAe,SAAQ,SAAS;IAC3C,MAAM,CAAC,MAAM,iBAiLO;IACR,EAAE,SAAM;IACR,EAAE,SAAM;IACR,EAAE,SAAM;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,EAAE;IAIlC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY;CAMjD;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
+{"version":3,"file":"overbreath-text.d.ts","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,YAAY,CAAC;AACtE,OAAO,SAAS,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKxD;;;;GAIG;AACH,qBACa,cAAe,SAAQ,SAAS;IAC3C;;OAEG;IACS,EAAE,SAAM;IAER,EAAE,SAAM;IAER,EAAE,SAAM;IAEpB,MAAM,CAAC,MAAM,iBAiLO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,EAAE;IAIlC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY;CAMjD;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/effect/overbreath-text.js

@@ -4,15 +4,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { createScope, css, cssvar, define, html, property } from "../deps.js";
+import { createScope, cssvar, define } from "../root.js";
+import { css, html, property } from "../deps.js";
 import EffectSTD from "./std.js";
 const defineName = "overbreath-text";
 const cssvarScope = createScope(defineName);
+/**
+ * OverbreathText renders three animated pieces of text.
+ *
+ * Inspired by Vercel homepage (2022? - 2023).
+ */
 let OverbreathText = class OverbreathText extends EffectSTD {
     constructor() {
         super(...arguments);
+        /**
+         * One of the texts.
+         */
         this.t1 = "";
+        // As t1.
         this.t2 = "";
+        // As t2.
         this.t3 = "";
     }
     render() {

package/effect/overbreath-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"overbreath-text.js","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAuB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAqB,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtH,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QAmLO,OAAE,GAAG,EAAE,CAAC;QACR,OAAE,GAAG,EAAE,CAAC;QACR,OAAE,GAAG,EAAE,CAAC;IAYtB,CAAC;IAVW,MAAM;QACd,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1D,CAAC;IAES,UAAU,CAAC,IAAY;QAC/B,OAAO,IAAI,CAAA;yBACU,IAAI;yBACJ,IAAI;YACjB,CAAC;IACX,CAAC;;AA/LM,qBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;;KAE3G;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2CyB,WAAW;;;;;gCAKX,WAAW;;;;;gCAKX,WAAW;;;;;;;;;;;;;;KActC;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+EF;IACD,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;;;KAShC;CACgB,AAjLN,CAiLO;AACR;IAAX,QAAQ,EAAE;0CAAS;AACR;IAAX,QAAQ,EAAE;0CAAS;AACR;IAAX,QAAQ,EAAE;0CAAS;AArLT,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CAiM1B;;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"overbreath-text.js","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,SAAS,MAAM,UAAU,CAAC;AAGjC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QACL;;WAEG;QACS,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;IA+LtB,CAAC;IAVW,MAAM;QACd,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1D,CAAC;IAES,UAAU,CAAC,IAAY;QAC/B,OAAO,IAAI,CAAA;yBACU,IAAI;yBACJ,IAAI;YACjB,CAAC;IACX,CAAC;;AA5LM,qBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;;KAE3G;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2CyB,WAAW;;;;;gCAKX,WAAW;;;;;gCAKX,WAAW;;;;;;;;;;;;;;KActC;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+EF;IACD,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;;;KAShC;CACgB,AAjLN,CAiLO;AAvLR;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AART,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CAuM1B;;AAED,eAAe,cAAc,CAAC"}

package/effect/std.d.ts

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

package/effect/std.js

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

package/effect/typewriter-text.d.ts

@@ -1,20 +1,52 @@
-import { type HTMLTemplate } from "../tmpl.js";
+import { type PropertyValueMap } from "../deps.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import EffectSTD from "./std.js";
+/**
+ * TypewriterText renders a typewriter effect to text.
+ */
 export declare class TypewriterText extends EffectSTD {
+    /**
+     * Raw text.
+     */
     text: string;
+    /**
+     * Start immediately after {@linkcode TypewriterText.firstUpdated}.
+     */
     stopped: boolean;
+    /**
+     * If true, hide the cursor
+     */
     ended: boolean;
+    /**
+     * Maximum random time.
+     */
     max: number;
+    /**
+     * Minimum random time.
+     */
     min: number;
+    /**
+     * Fixed time.
+     */
     delay: number;
+    /**
+     * The index at the beginning.
+     */
     index: number;
+    /**
+     * Internal text.
+     */
     content: string;
     timeoutID: number;
     _i: HTMLElement;
+    /**
+     * {@linkcode TypewriterText.text} length.
+     */
     get len(): number;
     static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplate;
     protected firstUpdated(): void;
+    protected updated(changedProperties: PropertyValueMap<this>): void;
     write(at?: number): void;
     stop(): void;
     end(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"typewriter-text.d.ts","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,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,4BA+BX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAStB,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAMD,eAAe,cAAc,CAAC;AAC9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
+{"version":3,"file":"typewriter-text.d.ts","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,gBAAgB,EAAgB,MAAM,YAAY,CAAC;AACtF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAMjC;;GAEG;AACH,qBACa,cAAe,SAAQ,SAAS;IAC3C;;OAEG;IACS,IAAI,SAAM;IACtB;;OAEG;IAC0B,OAAO,UAAS;IAC7C;;OAEG;IAC0B,KAAK,UAAS;IAC3C;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,GAAG,SAAM;IACrC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACM,OAAO,SAAM;IAEtB,SAAS,EAAE,MAAM,CAAC;IACN,EAAE,EAAE,WAAW,CAAC;IAE5B;;OAEG;IACH,IAAI,GAAG,WAEN;IAED,MAAM,CAAC,MAAM,4BA+BX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAM3D,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/effect/typewriter-text.js

@@ -4,23 +4,55 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { createScope, css, define, html, property, query, state } from "../deps.js";
-import { htmlSlot } from "../tmpl.js";
+import { createScope, define } from "../root.js";
+import { css, html, property, query, state } from "../deps.js";
+import { htmlSlot } from "../lib/templates.js";
 import EffectSTD from "./std.js";
+import { random } from "../lib/utils.js";
 const defineName = "typewriter-text";
 const cssvarScope = createScope(defineName);
+/**
+ * TypewriterText renders a typewriter effect to text.
+ */
 let TypewriterText = class TypewriterText extends EffectSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Raw text.
+         */
         this.text = "";
+        /**
+         * Start immediately after {@linkcode TypewriterText.firstUpdated}.
+         */
         this.stopped = false;
+        /**
+         * If true, hide the cursor
+         */
         this.ended = false;
+        /**
+         * Maximum random time.
+         */
         this.max = 100;
+        /**
+         * Minimum random time.
+         */
         this.min = 50;
+        /**
+         * Fixed time.
+         */
         this.delay = 0;
+        /**
+         * The index at the beginning.
+         */
         this.index = 0;
+        /**
+         * Internal text.
+         */
         this.content = "";
     }
+    /**
+     * {@linkcode TypewriterText.text} length.
+     */
     get len() {
         return this.text.length;
     }
@@ -35,6 +67,11 @@ let TypewriterText = class TypewriterText extends EffectSTD {
             this.write();
         }
     }
+    updated(changedProperties) {
+        if (changedProperties.has("index")) {
+            this.dispatchEvent(new CustomEvent(this.index === this.len ? "done" : "write", { detail: this.content }));
+        }
+    }
     write(at = this.index) {
         this.content = this.text.slice(0, at + 1);
         const timeout = this.delay || random(this.max, this.min);
@@ -116,8 +153,5 @@ TypewriterText = __decorate([
     define(defineName)
 ], TypewriterText);
 export { TypewriterText };
-function random(m = 0, n = 1) {
-    return Math.random() * (n - m) + m;
-}
 export default TypewriterText;
 //# sourceMappingURL=typewriter-text.js.map

package/effect/typewriter-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"typewriter-text.js","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"typewriter-text.js","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"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"}

package/{glob.d.ts → godown-element.d.ts}

@@ -1,31 +1,13 @@
-import { type CSSResult, type CSSResultGroup, LitElement } from "lit";
-import { deepQuerySelector, deepQuerySelectorAll } from "./lib/utils.js";
-import { EventListenerFunc } from "./lib/event-collection.js";
-import type { LikeString } from "./with";
-/**
- * Define a custom element.
- * @param name Name for the new custom element. Must be a valid custom element name.
- * @param options Object that controls how the element is defined.
- */
-export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
-/**
- * Custom CSS variable prefix, join with "--".
- */
-export declare const cssvar: CSSResult;
-export declare function createScope(scope: LikeString): CSSResult;
-export declare const cssvarValues: {
-    cssvar: CSSResult;
-    input: CSSResult;
-    main: CSSResult;
-    text: CSSResult;
-    mainRGB: CSSResult;
-    textRGB: CSSResult;
-};
+import { type AddOptions, type EventsNames, type ListenerFunc } from "./lib/event-collection.js";
+import { deepQuerySelector, deepQuerySelectorAll, type LikeString } from "./lib/utils.js";
+import type { ConfType } from "./conf";
+import { LitElement } from "lit";
 /**
  * Global element.
  */
-export declare class GodownElement extends LitElement {
-    static styles: CSSResultGroup;
+declare class GodownElement extends LitElement {
+    static conf?: ConfType;
+    static elementTagName?: string;
     /**
      * No named slot element's assignedElements, as HTMLElement[].
      */
@@ -50,6 +32,13 @@ export declare class GodownElement extends LitElement {
      * Named slot elements' slot attribute.
      */
     get slottedNames(): string[];
+    /**
+     * Query for a element with slot names
+     *
+     * @param slotName Slot name.
+     * @returns Slot element.
+     */
+    querySlot(slotName: string): HTMLSlotElement | null;
     /**
      * Width of (`this.offsetParent` or `document.body`).
      */
@@ -66,7 +55,7 @@ export declare class GodownElement extends LitElement {
      * this.addEvent(src, "type", listener)
      * ```
      */
-    addEvent(src: any, type: string, listener: EventListenerFunc, alias?: string): void;
+    addEvent(src: any, type: EventsNames, listener: ListenerFunc, options?: AddOptions, alias?: PropertyKey): void;
     /**
      * ```
      * src.removeEventListener("type", listener)
@@ -74,7 +63,7 @@ export declare class GodownElement extends LitElement {
      * this.removeEvent(src, "type", listener)
      * ```
      */
-    removeEvent(src: any, type: string, id: string | EventListenerFunc): void;
+    removeEvent(src: any, type: EventsNames, alias: PropertyKey | ListenerFunc): void;
     removeAllEvents(): void;
     private __assign;
     constructor(assign?: typeof GodownElement.prototype.__assign);
@@ -83,8 +72,8 @@ export declare class GodownElement extends LitElement {
     mount(arg?: any): void;
     unmount(): void;
     remount(arg?: any): void;
-    deepQuerySelector<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelector>[0], ignore?: Parameters<typeof deepQuerySelector>[1], root?: Parameters<typeof deepQuerySelector>[2]): E;
-    deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelectorAll>[0], ignore?: Parameters<typeof deepQuerySelectorAll>[1], root?: Parameters<typeof deepQuerySelectorAll>[2]): E[];
+    deepQuerySelector<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelector>[0], root?: Parameters<typeof deepQuerySelector>[1]): E;
+    deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelectorAll>[0], root?: Parameters<typeof deepQuerySelectorAll>[1]): E[];
     /**
      * Add styles to shadowRoot.
      *
@@ -100,4 +89,5 @@ export declare class GodownElement extends LitElement {
      */
     adoptStyles(...styles: LikeString[]): void;
 }
-//# sourceMappingURL=glob.d.ts.map
+export default GodownElement;
+//# sourceMappingURL=godown-element.d.ts.map

package/godown-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"godown-element.d.ts","sourceRoot":"","sources":["../src/godown-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAoB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACnH,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAY,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACpG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC;;GAEG;AACH,cAAM,aAAc,SAAQ,UAAU;IACpC,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACvB,MAAM,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,IAAI,QAAQ,IAAI,WAAW,EAAE,CAE5B;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,IAAI,EAAE,CAE1B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,eAAe,CAE3B;IAED;;OAEG;IACH,IAAI,MAAM,IAAI,eAAe,EAAE,CAE9B;IAED;;OAEG;IACH,IAAI,eAAe,IAAI,eAAe,EAAE,CAEvC;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,EAAE,CAE3B;IAED;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe,GAAG,IAAI;IAInD;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,OAAO,CAAC,QAAQ,CAAmB;IAEnC;;;;;;OAMG;IACH,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,WAAW;IAIvG;;;;;;OAMG;IACH,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY;IAI1E,eAAe;IAIf,OAAO,CAAC,QAAQ,CAAyE;gBAE7E,MAAM,GAAE,OAAO,aAAa,CAAC,SAAS,CAAC,QAAqC;IAMxF,iBAAiB;IAQjB,oBAAoB;IAIpB,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG;IAIf,OAAO;IAIP,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG;IAMjB,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,GAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAQ,GAAG,CAAC;IAI/J,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,GAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAQ,GAAG,CAAC,EAAE;IAI1K;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE;CAKpC;AAED,eAAe,aAAa,CAAC"}

package/godown-element.js

@@ -0,0 +1,140 @@
+import { EventsCollection } from "./lib/event-collection.js";
+import { deepQuerySelector, deepQuerySelectorAll, doAssign } from "./lib/utils.js";
+import { LitElement } from "lit";
+/**
+ * Global element.
+ */
+class GodownElement extends LitElement {
+    /**
+     * No named slot element's assignedElements, as HTMLElement[].
+     */
+    get assigned() {
+        return this._slot?.assignedElements();
+    }
+    /**
+     * No named slot element's assignedElements, as Node[].
+     */
+    get assignedNodes() {
+        return this._slot?.assignedNodes();
+    }
+    /**
+     * No named slot element.
+     */
+    get _slot() {
+        return this.shadowRoot.querySelector("slot:not([name])");
+    }
+    /**
+     * Slot elements.
+     */
+    get _slots() {
+        return [...this.shadowRoot.querySelectorAll("slot")];
+    }
+    /**
+     * Named slot elements.
+     */
+    get slottedChildren() {
+        return [...this.querySelectorAll("[slot]")];
+    }
+    /**
+     * Named slot elements' slot attribute.
+     */
+    get slottedNames() {
+        return this.slottedChildren.map((c) => c.getAttribute("slot")).filter((v) => v);
+    }
+    /**
+     * Query for a element with slot names
+     *
+     * @param slotName Slot name.
+     * @returns Slot element.
+     */
+    querySlot(slotName) {
+        return this.querySelector(`[slot=${slotName}]`);
+    }
+    /**
+     * Width of (`this.offsetParent` or `document.body`).
+     */
+    get offsetsWidth() {
+        return this.offsetParent?.clientWidth ?? document.body.offsetWidth;
+    }
+    /**
+     * Height of (`this.offsetParent` or `document.body`).
+     */
+    get offsetsHeight() {
+        return this.offsetParent?.clientHeight ?? document.body.offsetHeight;
+    }
+    /**
+     * ```
+     * src.addEventListener("type", listener)
+     * //as
+     * this.addEvent(src, "type", listener)
+     * ```
+     */
+    addEvent(src, type, listener, options, alias) {
+        this.__events.addEvent(src, type, listener, options, alias);
+    }
+    /**
+     * ```
+     * src.removeEventListener("type", listener)
+     * //as
+     * this.removeEvent(src, "type", listener)
+     * ```
+     */
+    removeEvent(src, type, alias) {
+        this.__events.removeEvent(src, type, alias);
+    }
+    removeAllEvents() {
+        this.__events.removeAllEvents();
+    }
+    constructor(assign = GodownElement.conf?.assign) {
+        super();
+        this.__events = new EventsCollection();
+        this.__assign = assign;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.__assign) {
+            this.__assign.__assign = null;
+            doAssign(this.__assign, this);
+        }
+    }
+    disconnectedCallback() {
+        this.removeAllEvents();
+    }
+    mount(arg) {
+        this.firstUpdated(arg);
+    }
+    unmount() {
+        this.disconnectedCallback();
+    }
+    remount(arg) {
+        this.unmount();
+        this.connectedCallback();
+        this.mount(arg);
+    }
+    deepQuerySelector(selectors, root = this) {
+        return deepQuerySelector(selectors, root);
+    }
+    deepQuerySelectorAll(selectors, root = this) {
+        return deepQuerySelectorAll(selectors, root);
+    }
+    /**
+     * Add styles to shadowRoot.
+     *
+     * @param styles css strings
+     *
+     * @example
+     * ```
+     * this.applyStyles(
+     * "...",
+     * css`...`,
+     * )
+     * ```
+     */
+    adoptStyles(...styles) {
+        const sheet = new CSSStyleSheet();
+        styles.forEach((style) => sheet.insertRule(style.toString()));
+        this.shadowRoot.adoptedStyleSheets.push(sheet);
+    }
+}
+export default GodownElement;
+//# sourceMappingURL=godown-element.js.map