godown 2.6.2 → 2.7.1

package/supers/input.d.ts

@@ -0,0 +1,28 @@
+import { type CSSResultGroup } from "../.deps.js";
+import { GodownElement } from "./root.js";
+export type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
+export declare class GodownInput extends GodownElement {
+    type: InputType;
+    name: string;
+    value: string | any;
+    label: string;
+    def: string;
+    pla?: string;
+    autofocus: boolean;
+    _input: HTMLInputElement;
+    compositing: boolean;
+    static styles: CSSResultGroup;
+    namevalue(): [string, any];
+    nameValue: () => [string, any];
+    reset(): void;
+    protected _handleInput(e: any): void;
+    protected _handleChange(): void;
+    connectedCallback(): void;
+    protected _initName(): void;
+    protected _compositionCheck(): void;
+    protected _changeInputType(t: InputType): void;
+    focus(options?: FocusOptions): void;
+    protected firstUpdated(): void;
+    protected targetValue(e: Event): string | any;
+}
+//# sourceMappingURL=input.d.ts.map

package/supers/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,aAAa,CAAC;AACjE,OAAO,EAAgB,aAAa,EAAE,MAAM,WAAW,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1O,qBAAa,WAAY,SAAQ,aAAa;IACf,IAAI,EAAE,SAAS,CAAU;IAC1C,IAAI,EAAE,MAAM,CAAa;IACzB,KAAK,EAAE,MAAM,GAAG,GAAG,CAAa;IACf,KAAK,SAAM;IAC5B,GAAG,SAAM;IACQ,GAAG,CAAC,EAAE,MAAM,CAAa;IACV,SAAS,UAAS;IAE9D,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IAErB,MAAM,CAAC,MAAM,iBAcO;IAEpB,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,sBAA0B;IAEnC,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG;IAU7B,SAAS,CAAC,aAAa;IAIvB,iBAAiB;IAWjB,SAAS,CAAC,SAAS;IAQnB,SAAS,CAAC,iBAAiB;IAY3B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,SAAS;IAIvC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,YAAY;IAKtB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,GAAG;CAO9C"}

package/supers/input.js

@@ -0,0 +1,117 @@
+import { __decorate } from "tslib";
+import { css, property } from "../.deps.js";
+import { cssvarValues, GodownElement } from "./root.js";
+export class GodownInput extends GodownElement {
+    constructor() {
+        super(...arguments);
+        this.type = "text";
+        this.name = undefined;
+        this.value = undefined;
+        this.label = "";
+        this.def = "";
+        this.pla = undefined;
+        this.autofocus = false;
+        this.nameValue = () => this.namevalue();
+    }
+    namevalue() {
+        return [this.name, this.value];
+    }
+    reset() {
+        this.value = this.def;
+        this._input.value = this.def;
+    }
+    _handleInput(e) {
+        e.stopPropagation();
+        this.value = e.target.value?.trim();
+        if (this.compositing) {
+            return;
+        }
+        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
+    }
+    _handleChange() {
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.def) {
+            this.def = this.value || "";
+        }
+        if (!this.value) {
+            this.value = this.def;
+        }
+        this._initName();
+    }
+    _initName() {
+        if (!this.name) {
+            if (this.label || this.type) {
+                this.name = this.label || this.type;
+            }
+        }
+    }
+    _compositionCheck() {
+        if (this._input) {
+            this.addEvent(this._input, "compositionstart", () => {
+                this.compositing = true;
+            });
+            this.addEvent(this._input, "compositionend", (e) => {
+                this.compositing = false;
+                this._handleInput(e);
+            });
+        }
+    }
+    _changeInputType(t) {
+        this._input.type = t;
+    }
+    focus(options) {
+        this._input?.focus(options);
+    }
+    firstUpdated() {
+        this._compositionCheck();
+        this.reset();
+    }
+    targetValue(e) {
+        const target = e.target;
+        if (target.value.trim) {
+            return target.value.trim();
+        }
+        return target.value;
+    }
+}
+GodownInput.styles = [
+    GodownElement.styles,
+    css `
+      :host {
+        display: flex;
+      }
+      ::-ms-reveal {
+        display: none;
+      }
+      ::-webkit-calendar-picker-indicator {
+        background-color: var(${cssvarValues.input}-true);
+        border-radius: 0.1rem;
+      }
+    `,
+];
+__decorate([
+    property({ reflect: true })
+], GodownInput.prototype, "type", void 0);
+__decorate([
+    property()
+], GodownInput.prototype, "name", void 0);
+__decorate([
+    property()
+], GodownInput.prototype, "value", void 0);
+__decorate([
+    property({ reflect: true })
+], GodownInput.prototype, "label", void 0);
+__decorate([
+    property()
+], GodownInput.prototype, "def", void 0);
+__decorate([
+    property({ reflect: true })
+], GodownInput.prototype, "pla", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], GodownInput.prototype, "autofocus", void 0);
+//# sourceMappingURL=input.js.map

package/supers/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/input.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, property } from \"../.deps.js\";\nimport { cssvarValues, GodownElement } from \"./root.js\";\n\nexport type InputType = \"hidden\" | \"text\" | \"search\" | \"tel\" | \"url\" | \"email\" | \"password\" | \"datetime\" | \"date\" | \"month\" | \"week\" | \"time\" | \"datetime-local\" | \"number\" | \"range\" | \"color\" | \"checkbox\" | \"radio\" | \"file\" | \"image\";\n\nexport class GodownInput extends GodownElement {\n  @property({ reflect: true }) type: InputType = \"text\";\n  @property() name: string = undefined;\n  @property() value: string | any = undefined;\n  @property({ reflect: true }) label = \"\";\n  @property() def = \"\";\n  @property({ reflect: true }) pla?: string = undefined;\n  @property({ type: Boolean, reflect: true }) autofocus = false;\n\n  _input: HTMLInputElement;\n  compositing: boolean;\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        display: flex;\n      }\n      ::-ms-reveal {\n        display: none;\n      }\n      ::-webkit-calendar-picker-indicator {\n        background-color: var(${cssvarValues.input}-true);\n        border-radius: 0.1rem;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  namevalue(): [string, any] {\n    return [this.name, this.value];\n  }\n\n  nameValue = () => this.namevalue();\n\n  reset() {\n    this.value = this.def;\n    this._input.value = this.def;\n  }\n\n  protected _handleInput(e: any) {\n    e.stopPropagation();\n    this.value = e.target.value?.trim();\n    if (this.compositing) {\n      return;\n    }\n    this.dispatchEvent(new CustomEvent(\"input\", { detail: this.value, bubbles: true, composed: true }));\n    this.dispatchEvent(new CustomEvent(\"change\", { detail: this.value, composed: true }));\n  }\n\n  protected _handleChange() {\n    this.dispatchEvent(new CustomEvent(\"change\", { detail: this.value, composed: true }));\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.def) {\n      this.def = this.value || \"\";\n    }\n    if (!this.value) {\n      this.value = this.def;\n    }\n    this._initName();\n  }\n\n  protected _initName() {\n    if (!this.name) {\n      if (this.label || this.type) {\n        this.name = this.label || this.type;\n      }\n    }\n  }\n\n  protected _compositionCheck() {\n    if (this._input) {\n      this.addEvent(this._input, \"compositionstart\", () => {\n        this.compositing = true;\n      });\n      this.addEvent(this._input, \"compositionend\", (e: MouseEvent) => {\n        this.compositing = false;\n        this._handleInput(e);\n      });\n    }\n  }\n\n  protected _changeInputType(t: InputType) {\n    this._input.type = t;\n  }\n\n  focus(options?: FocusOptions) {\n    this._input?.focus(options);\n  }\n\n  protected firstUpdated() {\n    this._compositionCheck();\n    this.reset();\n  }\n\n  protected targetValue(e: Event): string | any {\n    const target = e.target as HTMLInputElement;\n    if (target.value.trim) {\n      return target.value.trim();\n    }\n    return target.value;\n  }\n}\n"]}

package/{web-components/open/open.d.ts → supers/openable.d.ts}

@@ -1,12 +1,12 @@
-import { type CSSResultGroup, type PropertyValueMap } from "../../deps.js";
-import { type EventsNames } from "../../lib/event-collection.js";
-import { GodownElement } from "../../root.js";
+import { type CSSResultGroup, type PropertyValueMap } from "../.deps.js";
+import { type EventsNames } from "../lib/event-collection.js";
+import { GodownElement } from "./root.js";
 export type Direction4 = "left" | "right" | "top" | "bottom";
 export type Direction5 = Direction4 | "center";
 export type Direction8 = Direction4 | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 export type Direction9 = Direction8 | "center";
 export type OnEvents = EventsNames | "";
-export declare class OpenableElement extends GodownElement {
+export declare class GodownOpenable extends GodownElement {
     /**
      * Summary text.
      */
@@ -34,5 +34,5 @@ export declare class OpenableElement extends GodownElement {
     protected updated(changedProperties: PropertyValueMap<this>): void;
     protected _handelClick(_: MouseEvent): void;
 }
-export default OpenableElement;
-//# sourceMappingURL=open.d.ts.map
+export default GodownOpenable;
+//# sourceMappingURL=openable.d.ts.map

package/supers/openable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openable.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/openable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACxF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEhG,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC;AAExC,qBAAa,cAAe,SAAQ,aAAa;IAC/C;;OAEG;IACS,OAAO,SAAM;IACzB;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,IAAI,UAAS;IACzD;;OAEG;IACS,EAAE,EAAE,QAAQ,CAAM;IAC9B;;OAEG;IACS,SAAS,EAAE,UAAU,GAAG,EAAE,CAAM;IAE5C,MAAM,CAAC,MAAM,iBAYO;IAEpB,MAAM,CAAC,EAAE,UAAa;IAItB,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAQ3D,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAGrC;AAED,eAAe,cAAc,CAAC"}

package/{web-components/open/open.js → supers/openable.js}

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
-import { css, property } from "../../deps.js";
-import { GodownElement } from "../../root.js";
-export class OpenableElement extends GodownElement {
+import { css, property } from "../.deps.js";
+import { GodownElement } from "./root.js";
+export class GodownOpenable extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -45,7 +45,7 @@ export class OpenableElement extends GodownElement {
         this.toggle();
     }
 }
-OpenableElement.styles = [
+GodownOpenable.styles = [
     GodownElement.styles,
     css `
       :host {
@@ -60,18 +60,18 @@ OpenableElement.styles = [
 ];
 __decorate([
     property()
-], OpenableElement.prototype, "summary", void 0);
+], GodownOpenable.prototype, "summary", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], OpenableElement.prototype, "float", void 0);
+], GodownOpenable.prototype, "float", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], OpenableElement.prototype, "open", void 0);
+], GodownOpenable.prototype, "open", void 0);
 __decorate([
     property()
-], OpenableElement.prototype, "on", void 0);
+], GodownOpenable.prototype, "on", void 0);
 __decorate([
     property()
-], OpenableElement.prototype, "direction", void 0);
-export default OpenableElement;
-//# sourceMappingURL=open.js.map
+], GodownOpenable.prototype, "direction", void 0);
+export default GodownOpenable;
+//# sourceMappingURL=openable.js.map

package/supers/openable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openable.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/openable.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAyB,MAAM,aAAa,CAAC;AAExF,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAY1C,MAAM,OAAO,cAAe,SAAQ,aAAa;IAAjD;;QACE;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;QACzB;;WAEG;QACyC,UAAK,GAAG,KAAK,CAAC;QAC1D;;WAEG;QACyC,SAAI,GAAG,KAAK,CAAC;QACzD;;WAEG;QACS,OAAE,GAAa,EAAE,CAAC;QAC9B;;WAEG;QACS,cAAS,GAAoB,EAAE,CAAC;IAuC9C,CAAC;IAvBC,MAAM,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI;QACpB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,OAAO,CAAC,iBAAyC;QACzD,MAAM,IAAI,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,OAAO,IAAI,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;IAED,6DAA6D;IACnD,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;;AApCM,qBAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;;;;;;;;KASF;CACgB,AAZN,CAYO;AA9BR;IAAX,QAAQ,EAAE;+CAAc;AAImB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAe;AAId;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAc;AAI7C;IAAX,QAAQ,EAAE;0CAAmB;AAIlB;IAAX,QAAQ,EAAE;iDAAiC;AAyC9C,eAAe,cAAc,CAAC","sourcesContent":["import { css, type CSSResultGroup, property, type PropertyValueMap } from \"../.deps.js\";\nimport { type EventsNames } from \"../lib/event-collection.js\";\nimport { GodownElement } from \"./root.js\";\n\nexport type Direction4 = \"left\" | \"right\" | \"top\" | \"bottom\";\n\nexport type Direction5 = Direction4 | \"center\";\n\nexport type Direction8 = Direction4 | \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n\nexport type Direction9 = Direction8 | \"center\";\n\nexport type OnEvents = EventsNames | \"\";\n\nexport class GodownOpenable extends GodownElement {\n  /**\n   * Summary text.\n   */\n  @property() summary = \"\";\n  /**\n   * Make the content float.\n   */\n  @property({ type: Boolean, reflect: true }) float = false;\n  /**\n   * Open the content.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n  /**\n   * Enable event mode.\n   */\n  @property() on: OnEvents = \"\";\n  /**\n   * Direction of appearance.\n   */\n  @property() direction: Direction9 | \"\" = \"\";\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        display: block;\n        transition:\n          all 0.3s ease-in-out,\n          color 0s,\n          background 0s;\n        height: fit-content;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  toggle(to = !this.open) {\n    this.open = to;\n  }\n\n  close() {\n    this.open = false;\n  }\n\n  show() {\n    this.open = true;\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    const open = changedProperties.get(\"open\");\n    if (typeof open === typeof !0) {\n      this.dispatchEvent(new CustomEvent(\"change\", { detail: this.open }));\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handelClick(_: MouseEvent) {\n    this.toggle();\n  }\n}\n\nexport default GodownOpenable;\n"]}

package/supers/root.d.ts

@@ -0,0 +1,18 @@
+import { type CSSResult } from "lit";
+import GodownElement from "../godown-element.js";
+/**
+ * Custom CSS variable prefix, join with "--".
+ */
+export declare const cssvar: CSSResult;
+export declare function createScope(scope: string): CSSResult;
+export declare const cssvarValues: {
+    cssvar: CSSResult;
+    input: CSSResult;
+    main: CSSResult;
+    text: CSSResult;
+    mainRGB: CSSResult;
+    textRGB: CSSResult;
+};
+export { GodownElement };
+export default GodownElement;
+//# sourceMappingURL=root.d.ts.map

package/supers/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,SAAS,EAAkC,MAAM,KAAK,CAAC;AAG1E,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAIjD;;GAEG;AACH,eAAO,MAAM,MAAM,WAAuE,CAAC;AAE3F,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAMD,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC;AAuDF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,eAAe,aAAa,CAAC"}

package/{root.js → supers/root.js}

@@ -1,14 +1,6 @@
 import { css, unsafeCSS } from "lit";
-import { conf } from "./conf.js";
-import GodownElement from "./godown-element.js";
-/**
- * {@linkcode conf.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 const define = (name, options) => (constructor) => {
-    conf.define(name, constructor, options);
-};
+import { conf } from "../conf.js";
+import GodownElement from "../godown-element.js";
 const scopeString = "--";
 /**
  * Custom CSS variable prefix, join with "--".
@@ -79,6 +71,6 @@ GodownElement.styles = [
     }
   `,
 ];
-GodownElement.disableWarning?.("change-in-update");
 export { GodownElement };
+export default GodownElement;
 //# sourceMappingURL=root.js.map

package/supers/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuC,SAAS,EAAE,MAAM,KAAK,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAEjD,MAAM,WAAW,GAAG,IAAI,CAAC;AAEzB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC;AAE3F,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,CAAC;AAED,SAAS,SAAS,CAAC,CAAS;IAC1B,OAAO,SAAS,CAAC,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC;IACzB,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;IAC7B,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;IACpC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;CACrC,CAAC;AAEF,aAAa,CAAC,IAAI,GAAG,IAAI,CAAC;AAE1B,aAAa,CAAC,MAAM,GAAG;IACrB,GAAG,CAAA;;QAEG,MAAM;QACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;QACnD,MAAM;QACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;QACnD,MAAM,iDAAiD,YAAY,CAAC,IAAI,cAAc,YAAY,CAAC,OAAO;QAC1G,MAAM;QACN,MAAM;uBACS,MAAM;;GAE1B;IACD,GAAG,CAAA;;QAEG,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,qBAAqB,YAAY,CAAC,IAAI;QACxD,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,iBAAiB,YAAY,CAAC,IAAI;QACpD,YAAY,CAAC,KAAK,uBAAuB,YAAY,CAAC,KAAK;QAC3D,YAAY,CAAC,KAAK,wBAAwB,MAAM;QAChD,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,kBAAkB,YAAY,CAAC,KAAK,yBAAyB,YAAY,CAAC,KAAK,wBAAwB,YAAY,CAAC,KAAK;QAC3I,YAAY,CAAC,KAAK;;GAEvB;IACD,GAAG,CAAA;;;;;;;;;;;;;;QAcG,MAAM;QACN,MAAM;mBACK,MAAM;wBACD,MAAM;;GAE3B;CACgB,CAAC;AAEpB,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,eAAe,aAAa,CAAC","sourcesContent":["import { css, type CSSResult, type CSSResultGroup, unsafeCSS } from \"lit\";\n\nimport { conf } from \"../conf.js\";\nimport GodownElement from \"../godown-element.js\";\n\nconst scopeString = \"--\";\n\n/**\n * Custom CSS variable prefix, join with \"--\".\n */\nexport const cssvar = unsafeCSS(scopeString + conf.cssvar.replace(/[^a-zA-Z0-9\\\\-]/g, \"\"));\n\nexport function createScope(scope: string): CSSResult {\n  return joinScope(conf.tag(scope));\n}\n\nfunction joinScope(s: string) {\n  return unsafeCSS(cssvar + scopeString + s);\n}\n\nexport const cssvarValues = {\n  cssvar,\n  input: joinScope(\"input\"),\n  main: joinScope(\"background\"),\n  text: joinScope(\"foreground\"),\n  mainRGB: joinScope(\"background-rgb\"),\n  textRGB: joinScope(\"foreground-rgb\"),\n};\n\nGodownElement.conf = conf;\n\nGodownElement.styles = [\n  css`\n    :host {\n      ${cssvar}--background-rgb: 12 12 12;\n      ${cssvar}--background: rgb(var(${cssvarValues.mainRGB}));\n      ${cssvar}--foreground-rgb: 240 240 240;\n      ${cssvar}--foreground: rgb(var(${cssvarValues.textRGB}));\n      ${cssvar}--clip-background:linear-gradient(180deg, var(${cssvarValues.text}), rgb(var(${cssvarValues.textRGB}) / 68%));\n      ${cssvar}--size: 100%;\n      ${cssvar}--accept: rgb(25 130 180);\n      font-size: var(${cssvar}--size);\n    }\n  `,\n  css`\n    :host {\n      ${cssvarValues.input}--width: 10em;\n      ${cssvarValues.input}--height: 1.6em;\n      ${cssvarValues.input}--background: var(${cssvarValues.main});\n      ${cssvarValues.input}--true: rgb(48 132 240);\n      ${cssvarValues.input}--false: rgb(198 198 198);\n      ${cssvarValues.input}--control:var(${cssvarValues.text});\n      ${cssvarValues.input}--control-edge: var(${cssvarValues.input}--true);\n      ${cssvarValues.input}--outline-color: var(${cssvar}--accept);\n      ${cssvarValues.input}--outline-width: .15em;\n      ${cssvarValues.input}--outline-style: solid;\n      ${cssvarValues.input}--outline: var(${cssvarValues.input}--outline-width)  var(${cssvarValues.input}--outline-style) var(${cssvarValues.input}--outline-color);\n      ${cssvarValues.input}--radius: 0.2em;\n    }\n  `,\n  css`\n    * {\n      font-size: 100%;\n      font-style: normal;\n      color: inherit;\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n      border: 0;\n      outline: 0;\n      text-decoration: none;\n    }\n\n    ::selection {\n      ${cssvar}--text-selection--color: inherit;\n      ${cssvar}--text-selection--background: none;\n      color: var(${cssvar}--text-selection--color);\n      background: var(${cssvar}--text-selection--background);\n    }\n  `,\n] as CSSResultGroup;\n\nexport { GodownElement };\nexport default GodownElement;\n"]}

package/switch-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch-input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC","sourcesContent":["export { default } from \"./web-components/input/switch-input.js\";"]}
+{"version":3,"file":"switch-input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC","sourcesContent":["export { default } from \"./web-components/input/switch-input.js\";\n"]}

package/tabs.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./web-components/tabs/tabs.js";
+//# sourceMappingURL=tabs.d.ts.map

package/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC"}

package/tabs.js

@@ -0,0 +1,2 @@
+export { default } from "./web-components/tabs/tabs.js";
+//# sourceMappingURL=tabs.js.map

package/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export { default } from \"./web-components/tabs/tabs.js\";\n"]}

package/time.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./web-components/text/time.js";
+//# sourceMappingURL=time.d.ts.map

package/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC"}

package/time.js

@@ -0,0 +1,2 @@
+export { default } from "./web-components/text/time.js";
+//# sourceMappingURL=time.js.map

package/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export { default } from \"./web-components/text/time.js\";\n"]}

package/tooltip.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./web-components/tooltip/tooltip.js";
+//# sourceMappingURL=tooltip.d.ts.map

package/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC"}

package/tooltip.js

@@ -0,0 +1,2 @@
+export { default } from "./web-components/tooltip/tooltip.js";
+//# sourceMappingURL=tooltip.js.map

package/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC","sourcesContent":["export { default } from \"./web-components/tooltip/tooltip.js\";\n"]}

package/typewriter.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./web-components/text/typewriter.js";
+//# sourceMappingURL=typewriter.d.ts.map

package/typewriter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["typewriter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC"}

package/typewriter.js

@@ -0,0 +1,2 @@
+export { default } from "./web-components/text/typewriter.js";
+//# sourceMappingURL=typewriter.js.map

package/typewriter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["typewriter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC","sourcesContent":["export { default } from \"./web-components/text/typewriter.js\";\n"]}

package/web-components/a/a.d.ts

@@ -0,0 +1,16 @@
+import GodownAnchor from "../../supers/anchor.js";
+/**
+ * {@linkcode A} similar to a.
+ *
+ * Has an optional arrow.
+ */
+export declare class A extends GodownAnchor {
+}
+export default A;
+declare global {
+    interface HTMLElementTagNameMap {
+        "super-a": A;
+        "g-a": A;
+    }
+}
+//# sourceMappingURL=a.d.ts.map

package/web-components/a/a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/a.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAIlD;;;;GAIG;AACH,qBACa,CAAE,SAAQ,YAAY;CAAG;AAEtC,eAAe,CAAC,CAAC;AAEjB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,CAAC,CAAC;QACb,KAAK,EAAE,CAAC,CAAC;KACV;CACF"}

package/web-components/a/a.js

@@ -0,0 +1,17 @@
+import { __decorate } from "tslib";
+import { define } from "../../decorators/define.js";
+import GodownAnchor from "../../supers/anchor.js";
+const defineName = "a";
+/**
+ * {@linkcode A} similar to a.
+ *
+ * Has an optional arrow.
+ */
+let A = class A extends GodownAnchor {
+};
+A = __decorate([
+    define(defineName)
+], A);
+export { A };
+export default A;
+//# sourceMappingURL=a.js.map

package/web-components/a/a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/a.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB;;;;GAIG;AAEI,IAAM,CAAC,GAAP,MAAM,CAAE,SAAQ,YAAY;CAAG,CAAA;AAAzB,CAAC;IADb,MAAM,CAAC,UAAU,CAAC;GACN,CAAC,CAAwB;;AAEtC,eAAe,CAAC,CAAC","sourcesContent":["import { define } from \"../../decorators/define.js\";\nimport GodownAnchor from \"../../supers/anchor.js\";\n\nconst defineName = \"a\";\n\n/**\n * {@linkcode A} similar to a.\n *\n * Has an optional arrow.\n */\n@define(defineName)\nexport class A extends GodownAnchor {}\n\nexport default A;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"super-a\": A;\n    \"g-a\": A;\n  }\n}\n"]}

package/web-components/{items/alert-item.d.ts → alert/alert.d.ts}

@@ -1,5 +1,5 @@
 import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../root.js";
+import { GodownElement } from "../../supers/root.js";
 declare const colors: {
     success: string[];
     info: string[];
@@ -8,11 +8,11 @@ declare const colors: {
     inherit: string[];
 };
 /**
- * AlertItem renders a alert.
+ * {@linkcode Alert} renders a alert.
  *
  * Inspired by Ant-design.
  */
-export declare class AlertItem extends GodownElement {
+export declare class Alert extends GodownElement {
     /**
      * Type of performance.
      */
@@ -32,12 +32,13 @@ export declare class AlertItem extends GodownElement {
     static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplate;
     close(): void;
-    static alert(root: HTMLElement, option: Partial<AlertItem>): AlertItem;
+    static alert(root: HTMLElement, option: Partial<Alert>): Alert;
 }
-export default AlertItem;
+export default Alert;
 declare global {
     interface HTMLElementTagNameMap {
-        "alert-item": AlertItem;
+        "alert-item": Alert;
+        "g-alert": Alert;
     }
 }
-//# sourceMappingURL=alert-item.d.ts.map
+//# sourceMappingURL=alert.d.ts.map

package/web-components/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/alert/alert.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAQ,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAAe,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAQlE,QAAA,MAAM,MAAM;;;;;;CAMX,CAAC;AAEF;;;;GAIG;AACH,qBACa,KAAM,SAAQ,aAAa;IACtC;;OAEG;IACS,IAAI,EAAE,MAAM,OAAO,MAAM,GAAG,MAAM,CAAU;IACxD;;OAEG;IACyB,SAAS,SAAQ;IAC7C;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,OAAO,SAAM;IAEzB,MAAM,CAAC,MAAM,4BA0EX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAahC,KAAK;IAOL,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,KAAK,CAAC;QACpB,SAAS,EAAE,KAAK,CAAC;KAClB;CACF"}

package/web-components/{items/alert-item.js → alert/alert.js}

@@ -1,10 +1,11 @@
-var AlertItem_1;
+var Alert_1;
 import { __decorate } from "tslib";
-import { css, html, property, unsafeCSS } from "../../deps.js";
+import { css, html, property, unsafeCSS } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
 import { htmlSlot, svgX } from "../../lib/templates.js";
 import { constructCSS } from "../../lib/utils.js";
-import { createScope, define, GodownElement } from "../../root.js";
-const defineName = "alert-item";
+import { createScope, GodownElement } from "../../supers/root.js";
+const defineName = "alert";
 const cssvarScope = createScope(defineName);
 const currentColor = "currentColor";
 const vars = ["color", "background", "border", "super"].map((v) => `${cssvarScope}--${v}`);
@@ -16,11 +17,11 @@ const colors = {
     inherit: [currentColor, "inherit", currentColor, currentColor],
 };
 /**
- * AlertItem renders a alert.
+ * {@linkcode Alert} renders a alert.
  *
  * Inspired by Ant-design.
  */
-let AlertItem = AlertItem_1 = class AlertItem extends GodownElement {
+let Alert = Alert_1 = class Alert extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -59,13 +60,13 @@ let AlertItem = AlertItem_1 = class AlertItem extends GodownElement {
         }, 250);
     }
     static alert(root, option) {
-        const ai = new AlertItem_1();
+        const ai = new Alert_1();
         Object.assign(ai, option);
         root.appendChild(ai);
         return ai;
     }
 };
-AlertItem.styles = [
+Alert.styles = [
     unsafeCSS(constructCSS(vars, colors, (raw) => {
         return `.${raw}`;
     })),
@@ -140,19 +141,19 @@ AlertItem.styles = [
 ];
 __decorate([
     property()
-], AlertItem.prototype, "call", void 0);
+], Alert.prototype, "call", void 0);
 __decorate([
     property({ type: Number })
-], AlertItem.prototype, "autoclose", void 0);
+], Alert.prototype, "autoclose", void 0);
 __decorate([
     property()
-], AlertItem.prototype, "title", void 0);
+], Alert.prototype, "title", void 0);
 __decorate([
     property()
-], AlertItem.prototype, "content", void 0);
-AlertItem = AlertItem_1 = __decorate([
+], Alert.prototype, "content", void 0);
+Alert = Alert_1 = __decorate([
     define(defineName)
-], AlertItem);
-export { AlertItem };
-export default AlertItem;
-//# sourceMappingURL=alert-item.js.map
+], Alert);
+export { Alert };
+export default Alert;
+//# sourceMappingURL=alert.js.map

package/web-components/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/alert/alert.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, unsafeCSS } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate, svgX } from \"../../lib/templates.js\";\nimport { constructCSS } from \"../../lib/utils.js\";\nimport { createScope, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"alert\";\nconst cssvarScope = createScope(defineName);\n\nconst currentColor = \"currentColor\";\n\nconst vars = [\"color\", \"background\", \"border\", \"super\"].map((v) => `${cssvarScope}--${v}`);\nconst colors = {\n  success: [\"#3c763d\", \"#dff0d8\", \"#d6e9c6\", \"#2b542c\"],\n  info: [\"#31708f\", \"#d9edf7\", \"#bce8f1\", \"#245269\"],\n  warning: [\"#8a6d3b\", \"#fcf8e3\", \"#faebcc\", \"#66512c\"],\n  danger: [\"#a94442\", \"#f2dede\", \"#ebccd1\", \"#843534\"],\n  inherit: [currentColor, \"inherit\", currentColor, currentColor],\n};\n\n/**\n * {@linkcode Alert} renders a alert.\n *\n * Inspired by Ant-design.\n */\n@define(defineName)\nexport class Alert extends GodownElement {\n  /**\n   * Type of performance.\n   */\n  @property() call: keyof typeof colors | \"hide\" = \"info\";\n  /**\n   * Close delay.\n   */\n  @property({ type: Number }) autoclose = 3000;\n  /**\n   * Alert title.\n   */\n  @property() title = \"\";\n  /**\n   * Alert content.\n   */\n  @property() content = \"\";\n\n  static styles = [\n    unsafeCSS(\n      constructCSS(vars, colors, (raw) => {\n        return `.${raw}`;\n      }),\n    ),\n    css`\n      :host {\n        ${cssvarScope}--padding: .05em .25em .05em .35em;\n        ${cssvarScope}--border-width: 0.15em;\n        ${cssvarScope}--border-radius: 0.4em;\n        border-radius: var(${cssvarScope}--border-radius);\n        margin: 0 auto;\n        display: block;\n      }\n\n      .hide {\n        opacity: 0;\n        transform: translateY(-100%);\n      }\n\n      .alert {\n        transition: 0.25s;\n        display: flex;\n        justify-content: space-between;\n        padding: var(${cssvarScope}--padding);\n        border-radius: inherit;\n        border: var(${cssvarScope}--border-width) solid var(${cssvarScope}--border);\n        color: var(${cssvarScope}--color);\n        background: var(${cssvarScope}--background);\n        animation: alert 0.25s ease-in-out;\n      }\n\n      @keyframes alert {\n        0% {\n          opacity: 0;\n          transform: translateY(-50%);\n        }\n        100% {\n          opacity: 1;\n          transform: none;\n        }\n      }\n\n      div {\n        min-height: 1.5em;\n        line-height: 1.5em;\n      }\n\n      .close {\n        height: fit-content;\n        width: fit-content;\n        border-radius: 50%;\n        transition: inherit;\n      }\n\n      .close:hover {\n        backdrop-filter: contrast(115%);\n      }\n\n      svg {\n        display: block;\n        height: 1.6em;\n        width: 1.6em;\n      }\n\n      .close:hover path {\n        stroke: var(${cssvarScope}--super);\n      }\n\n      path {\n        stroke: var(${cssvarScope}--color);\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    if (this.autoclose) {\n      setTimeout(() => this.close(), this.autoclose);\n    }\n    return html`<main class=\"${this.call} alert\">\n      <div>\n        <strong> ${this.title || htmlSlot(\"title\")}</strong>\n        ${this.content || htmlSlot()}\n      </div>\n      <aside class=\"close\" @click=\"${this.close}\">${htmlSlot(\"close\", svgX(), this)}</aside>\n    </main>`;\n  }\n\n  close() {\n    this.shadowRoot.querySelector(\".alert\").classList.add(\"hide\");\n    setTimeout(() => {\n      this.remove();\n    }, 250);\n  }\n\n  static alert(root: HTMLElement, option: Partial<Alert>): Alert {\n    const ai = new Alert();\n    Object.assign(ai, option);\n    root.appendChild(ai);\n    return ai;\n  }\n}\n\nexport default Alert;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"alert-item\": Alert;\n    \"g-alert\": Alert;\n  }\n}\n"]}

package/web-components/{a/avatar-a.d.ts → avatar/avatar.d.ts}

@@ -1,9 +1,9 @@
 import { type HTMLTemplate } from "../../lib/templates.js";
-import SuperA from "./super-a.js";
+import GodownAnchor from "../../supers/anchor.js";
 /**
- * AvatarAnchor renders the avatar or name and has a href.
+ * {@linkcode Avatar} renders the avatar or name and has a href.
  */
-export declare class AvatarA extends SuperA {
+export declare class Avatar extends GodownAnchor {
     /**
      * Image src.
      */
@@ -17,11 +17,11 @@ export declare class AvatarA extends SuperA {
      */
     href: any;
     /**
-     * If the image is not available, the {@linkcode AvatarA.avaName} will be displayed.
+     * If the image is not available, the {@linkcode Avatar.avaName} will be displayed.
      */
     name: string;
     /**
-     * If there is a value, the {@linkcode AvatarA.avaMore} will be displayed.
+     * If there is a value, the {@linkcode Avatar.avaMore} will be displayed.
      */
     more: number;
     static styles: import("lit").CSSResult[];
@@ -31,10 +31,11 @@ export declare class AvatarA extends SuperA {
     avaName(): string;
     imgOnError(e: ErrorEvent): void;
 }
-export default AvatarA;
+export default Avatar;
 declare global {
     interface HTMLElementTagNameMap {
-        "avatar-a": AvatarA;
+        "avatar-a": Avatar;
+        "g-avatar": Avatar;
     }
 }
-//# sourceMappingURL=avatar-a.d.ts.map
+//# sourceMappingURL=avatar.d.ts.map

package/web-components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/avatar/avatar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAMlD;;GAEG;AACH,qBACa,MAAO,SAAQ,YAAY;IACtC;;OAEG;IACS,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAM;IAChD;;OAEG;IACS,GAAG,EAAE,MAAM,CAAa;IACpC;;OAEG;IACS,IAAI,MAAa;IAC7B;;OAEG;IACS,IAAI,SAAM;IACtB;;OAEG;IACyB,IAAI,SAAK;IAErC,MAAM,CAAC,MAAM,4BAyCX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,SAAS;IAajB,OAAO,IAAI,MAAM,GAAG,MAAM;IAO1B,OAAO,IAAI,MAAM;IAKjB,UAAU,CAAC,CAAC,EAAE,UAAU;CAOzB;AAED,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACpB;CACF"}