godown 2.4.1 → 2.5.0

package/input-form/switch-input.d.ts

@@ -1,15 +1,38 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import { InputSTD } from "./std.js";
+/**
+ * Switch renders a switch.
+ *
+ * Inspired by Steam.
+ */
 export declare class SwitchInput extends InputSTD {
-    static styles: CSSResultGroup;
+    /**
+     * Border style.
+     */
+    base: "fat" | "rect";
+    /**
+     * Whether this element is selected or not.
+     */
     checked: boolean;
+    /**
+     * Whether this element is disabled or not.
+     */
     disabled: boolean;
-    base: "fat" | "rect";
+    /**
+     * Parsed by JSON.parse to checked.
+     */
     def: string;
+    /**
+     * Input name.
+     */
     name: string;
+    /**
+     * Input value.
+     */
     value: string;
     _input: HTMLInputElement;
+    static styles: CSSResultGroup;
     protected render(): HTMLTemplate;
     reset(): void;
     connectedCallback(): void;

package/input-form/switch-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAA+C,MAAM,YAAY,CAAC;AAChH,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKpC,qBACa,WAAY,SAAQ,QAAQ;IACvC,MAAM,CAAC,MAAM,iBA4HO;IACS,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IAEzC,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,KAAK;IAKL,iBAAiB;IASjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKpC;;;;GAIG;AACH,qBACa,WAAY,SAAQ,QAAQ;IACvC;;OAEG;IACS,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC1C;;OAEG;IAC0B,OAAO,UAAS;IAC7C;;OAEG;IAC0B,QAAQ,UAAS;IAC9C;;OAEG;IACS,GAAG,SAAW;IAC1B;;OAEG;IACS,IAAI,SAAc;IAC9B;;OAEG;IACS,KAAK,SAAQ;IAET,MAAM,EAAE,gBAAgB,CAAC;IAEzC,MAAM,CAAC,MAAM,iBA4HO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,KAAK;IAKL,iBAAiB;IASjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/input-form/switch-input.js

@@ -4,19 +4,43 @@ 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, cssvarValues, define, html, property, query } from "../deps.js";
-import { htmlSlot } from "../tmpl.js";
+import { createScope, cssvarValues, define } from "../root.js";
+import { css, html, property, query } from "../deps.js";
+import { htmlSlot } from "../lib/templates.js";
 import { InputSTD } from "./std.js";
 const defineName = "switch-input";
 const cssScope = createScope(defineName);
+/**
+ * Switch renders a switch.
+ *
+ * Inspired by Steam.
+ */
 let SwitchInput = class SwitchInput extends InputSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Border style.
+         */
+        this.base = "rect";
+        /**
+         * Whether this element is selected or not.
+         */
         this.checked = false;
+        /**
+         * Whether this element is disabled or not.
+         */
         this.disabled = false;
-        this.base = "rect";
+        /**
+         * Parsed by JSON.parse to checked.
+         */
         this.def = "false";
+        /**
+         * Input name.
+         */
         this.name = "checkbox";
+        /**
+         * Input value.
+         */
         this.value = "on";
     }
     render() {
@@ -176,15 +200,15 @@ SwitchInput.styles = [
       }
     `,
 ];
+__decorate([
+    property()
+], SwitchInput.prototype, "base", void 0);
 __decorate([
     property({ type: Boolean })
 ], SwitchInput.prototype, "checked", void 0);
 __decorate([
     property({ type: Boolean })
 ], SwitchInput.prototype, "disabled", void 0);
-__decorate([
-    property()
-], SwitchInput.prototype, "base", void 0);
 __decorate([
     property()
 ], SwitchInput.prototype, "def", void 0);

package/input-form/switch-input.js.map

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

package/items/alert-item.d.ts

@@ -1,17 +1,35 @@
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import ItemsSTD from "./std.js";
 declare const colors: {
     success: string[];
     info: string[];
     warning: string[];
     danger: string[];
+    inherit: string[];
 };
+/**
+ * AlertItem renders a alert.
+ *
+ * Inspired by Ant-design.
+ */
 export declare class AlertItem extends ItemsSTD {
-    static styles: import("lit").CSSResult[];
+    /**
+     * Type of performance.
+     */
     call: keyof typeof colors | "hide";
+    /**
+     * Close delay.
+     */
     autoclose: number;
+    /**
+     * Alert title.
+     */
     title: string;
+    /**
+     * Alert content.
+     */
     content: string;
+    static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplate;
     close(): void;
     static alert(root: HTMLElement, option: Partial<AlertItem>): AlertItem;

package/items/alert-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-item.d.ts","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAQ,MAAM,YAAY,CAAC;AAC/D,OAAO,QAAQ,MAAM,UAAU,CAAC;AAMhC,QAAA,MAAM,MAAM;;;;;CAKX,CAAC;AAEF,qBACa,SAAU,SAAQ,QAAQ;IACrC,MAAM,CAAC,MAAM,4BA+EX;IACU,IAAI,EAAE,MAAM,OAAO,MAAM,GAAG,MAAM,CAAU;IAC5B,SAAS,SAAQ;IACjC,KAAK,SAAM;IACX,OAAO,SAAM;IAEzB,SAAS,CAAC,MAAM,IAAI,YAAY;IAgBhC,KAAK;IAOL,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS;CAMvE;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"alert-item.d.ts","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAQ,MAAM,qBAAqB,CAAC;AAExE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAQhC,QAAA,MAAM,MAAM;;;;;;CAMX,CAAC;AAEF;;;;GAIG;AACH,qBACa,SAAU,SAAQ,QAAQ;IACrC;;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,SAAS,CAAC,GAAG,SAAS;CAMvE;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/items/alert-item.js

@@ -5,40 +5,58 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var AlertItem_1;
-import { constructCSS, createScope, css, define, html, property, unsafeCSS } from "../deps.js";
-import { htmlSlot, svgX } from "../tmpl.js";
+import { createScope, define } from "../root.js";
+import { css, html, property, unsafeCSS } from "../deps.js";
+import { htmlSlot, svgX } from "../lib/templates.js";
+import { constructCSS } from "../lib/utils.js";
 import ItemsSTD from "./std.js";
 const defineName = "alert-item";
 const cssvarScope = createScope(defineName);
+const currentColor = "currentColor";
 const vars = ["color", "background", "border", "super"].map((v) => `${cssvarScope}--${v}`);
 const colors = {
     success: ["#3c763d", "#dff0d8", "#d6e9c6", "#2b542c"],
     info: ["#31708f", "#d9edf7", "#bce8f1", "#245269"],
     warning: ["#8a6d3b", "#fcf8e3", "#faebcc", "#66512c"],
     danger: ["#a94442", "#f2dede", "#ebccd1", "#843534"],
+    inherit: [currentColor, "inherit", currentColor, currentColor],
 };
+/**
+ * AlertItem renders a alert.
+ *
+ * Inspired by Ant-design.
+ */
 let AlertItem = AlertItem_1 = class AlertItem extends ItemsSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Type of performance.
+         */
         this.call = "info";
+        /**
+         * Close delay.
+         */
         this.autoclose = 3000;
+        /**
+         * Alert title.
+         */
         this.title = "";
+        /**
+         * Alert content.
+         */
         this.content = "";
     }
     render() {
         if (this.autoclose) {
             setTimeout(() => this.close(), this.autoclose);
         }
-        return html `<div class="${this.call} alert" role="alert">
-      <section class="content">
-        <strong>
-          <slot name="title"></slot>
-          ${this.title}</strong
-        >
-        ${htmlSlot()}${this.content}
-      </section>
-      <aside class="close" @click="${this.close}">${svgX()}</aside>
-    </div>`;
+        return html `<main class="${this.call} alert">
+      <div>
+        <strong> ${this.title || htmlSlot("title")}</strong>
+        ${this.content || htmlSlot()}
+      </div>
+      <aside class="close" @click="${this.close}">${htmlSlot("close", svgX(), this)}</aside>
+    </main>`;
     }
     close() {
         this.shadowRoot.querySelector(".alert").classList.add("hide");
@@ -59,7 +77,7 @@ AlertItem.styles = [
     })),
     css `
       :host {
-        ${cssvarScope}--padding:0 0.25em 0 0.35em;
+        ${cssvarScope}--padding: .05em .25em .05em .35em;
         ${cssvarScope}--border-width: 0.15em;
         ${cssvarScope}--border-radius: 0.4em;
         border-radius: var(${cssvarScope}--border-radius);
@@ -80,7 +98,7 @@ AlertItem.styles = [
         border-radius: inherit;
         border: var(${cssvarScope}--border-width) solid var(${cssvarScope}--border);
         color: var(${cssvarScope}--color);
-        background-color: var(${cssvarScope}--background);
+        background: var(${cssvarScope}--background);
         animation: alert 0.25s ease-in-out;
       }
 
@@ -95,19 +113,19 @@ AlertItem.styles = [
         }
       }
 
-      section.content {
-        min-height: 1.6em;
-        line-height: 1.6em;
+      div {
+        min-height: 1.5em;
+        line-height: 1.5em;
       }
 
-      aside.close {
+      .close {
         height: fit-content;
         width: fit-content;
         border-radius: 50%;
-        transition: backdrop-filter inherit;
+        transition: inherit;
       }
 
-      aside.close:hover {
+      .close:hover {
         backdrop-filter: contrast(115%);
       }
 
@@ -117,18 +135,13 @@ AlertItem.styles = [
         width: 1.6em;
       }
 
-      aside.close:hover path {
+      .close:hover path {
         stroke: var(${cssvarScope}--super);
       }
 
       path {
         stroke: var(${cssvarScope}--color);
       }
-
-      .alert ::slotted(a) {
-        font-weight: bold;
-        color: var(${cssvarScope}--super);
-      }
     `,
 ];
 __decorate([

package/items/alert-item.js.map

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

package/items/avatar-a.d.ts

@@ -1,14 +1,34 @@
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import ItemsSTD from "./std.js";
+/**
+ * AvatarAnchor renders the avatar or name and has a href.
+ */
 export declare class AvatarAnchor extends ItemsSTD {
-    static styles: import("lit").CSSResult[];
+    /**
+     * Image src.
+     */
     src: string | undefined | null;
+    /**
+     * Default image src.
+     */
     def: string;
+    /**
+     * Link href.
+     */
     href: any;
+    /**
+     * If the image is not available, the {@linkcode AvatarAnchor.avaName} will be displayed.
+     */
     name: string;
+    /**
+     * If there is a value, the {@linkcode AvatarAnchor.avaMore} will be displayed.
+     */
     more: number;
+    static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplate;
     private renderAva;
+    avaMore(): string | number;
+    avaName(): string;
     imgOnError(e: ErrorEvent): void;
 }
 export default AvatarAnchor;

package/items/avatar-a.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-a.d.ts","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,qBACa,YAAa,SAAQ,QAAQ;IACxC,MAAM,CAAC,MAAM,4BAwCX;IACU,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAM;IACpC,GAAG,EAAE,MAAM,CAAa;IACxB,IAAI,MAAa;IACjB,IAAI,SAAM;IACM,IAAI,SAAK;IAErC,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,SAAS;IAgBjB,UAAU,CAAC,CAAC,EAAE,UAAU;CAOzB;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,YAAY,CAAC;KAC1B;CACF"}
+{"version":3,"file":"avatar-a.d.ts","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC;;GAEG;AACH,qBACa,YAAa,SAAQ,QAAQ;IACxC;;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,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,YAAY,CAAC;KAC1B;CACF"}

package/items/avatar-a.js

@@ -4,18 +4,37 @@ 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, ifDefined, property } from "../deps.js";
-import { htmlSlot } from "../tmpl.js";
+import { createScope, define } from "../root.js";
+import { css, html, ifDefined, property } from "../deps.js";
+import { htmlSlot } from "../lib/templates.js";
 import ItemsSTD from "./std.js";
 const defineName = "avatar-a";
 const cssvarScope = createScope(defineName);
+/**
+ * AvatarAnchor renders the avatar or name and has a href.
+ */
 let AvatarAnchor = class AvatarAnchor extends ItemsSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Image src.
+         */
         this.src = "";
+        /**
+         * Default image src.
+         */
         this.def = undefined;
+        /**
+         * Link href.
+         */
         this.href = undefined;
+        /**
+         * If the image is not available, the {@linkcode AvatarAnchor.avaName} will be displayed.
+         */
         this.name = "";
+        /**
+         * If there is a value, the {@linkcode AvatarAnchor.avaMore} will be displayed.
+         */
         this.more = 0;
     }
     render() {
@@ -26,19 +45,26 @@ let AvatarAnchor = class AvatarAnchor extends ItemsSTD {
     }
     renderAva() {
         if (this.more) {
-            const more = this.more > 99 ? "..." : this.more;
-            return html `<span>+${more}</span>`;
+            return html `<span>${this.avaMore()}</span>`;
         }
         if (this.src) {
             return html `<img src="${this.src}" @error=${this.imgOnError} alt="" />`;
         }
         if (this.name) {
-            let name = this.name.slice(0, 2);
-            name = name[0].toUpperCase() + name.slice(1);
-            return html `<span>${name}</span>`;
+            return html `<span>${this.avaName()}</span>`;
         }
         return htmlSlot("avatar");
     }
+    avaMore() {
+        if (this.more < 0) {
+            return "+";
+        }
+        return (this.more > 99 ? "99" : this.more) + "+";
+    }
+    avaName() {
+        const name = this.name.slice(0, 2);
+        return name[0].toUpperCase() + name.slice(1);
+    }
     imgOnError(e) {
         if (this.def) {
             e.target.src = this.def;
@@ -53,6 +79,7 @@ AvatarAnchor.styles = [
       :host {
         ${cssvarScope}--ava: 1.5em;
         display: inline-flex;
+        align-items: center;
       }
 
       * {

package/items/avatar-a.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-a.js","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,UAAU,CAAC;AAC9B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QA0CO,QAAG,GAA8B,EAAE,CAAC;QACpC,QAAG,GAAW,SAAS,CAAC;QACxB,SAAI,GAAG,SAAS,CAAC;QACjB,SAAI,GAAG,EAAE,CAAC;QACM,SAAI,GAAG,CAAC,CAAC;IAgCvC,CAAC;IA9BW,MAAM;QACd,OAAO,IAAI,CAAA;iBACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,QAAQ,CAAC,MAAM,CAAC;QACvE,QAAQ,EAAE;KACb,CAAC;IACJ,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YAChD,OAAO,IAAI,CAAA,UAAU,IAAI,SAAS,CAAC;SACpC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,UAAU,YAAY,CAAC;SACzE;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7C,OAAO,IAAI,CAAA,SAAS,IAAI,SAAS,CAAC;SACnC;QACD,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC;IAED,UAAU,CAAC,CAAa;QACtB,IAAI,IAAI,CAAC,GAAG,EAAE;YACX,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;SAC/C;aAAM;YACL,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;SACtB;IACH,CAAC;;AA5EM,mBAAM,GAAG;IACd,GAAG,CAAA;;UAEG,WAAW;;;;;;;;;;;;;;sBAcC,WAAW;qBACZ,WAAW;;;;;;;;;;;;;;;;;;;;;KAqB3B;CACF,AAxCY,CAwCX;AACU;IAAX,QAAQ,EAAE;yCAAqC;AACpC;IAAX,QAAQ,EAAE;yCAAyB;AACxB;IAAX,QAAQ,EAAE;0CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAAW;AACM;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAU;AA9C1B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CA8ExB;;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"avatar-a.js","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,UAAU,CAAC;AAC9B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QACL;;WAEG;QACS,QAAG,GAA8B,EAAE,CAAC;QAChD;;WAEG;QACS,QAAG,GAAW,SAAS,CAAC;QACpC;;WAEG;QACS,SAAI,GAAG,SAAS,CAAC;QAC7B;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;QACtB;;WAEG;QACyB,SAAI,GAAG,CAAC,CAAC;IAoFvC,CAAC;IAvCW,MAAM;QACd,OAAO,IAAI,CAAA;iBACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,QAAQ,CAAC,MAAM,CAAC;QACvE,QAAQ,EAAE;KACb,CAAC;IACJ,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,IAAI,CAAA,SAAS,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC;SAC7C;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,UAAU,YAAY,CAAC;SACzE;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,IAAI,CAAA,SAAS,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC;SAC7C;QACD,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE;YACjB,OAAO,GAAG,CAAC;SACZ;QACD,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;IACnD,CAAC;IAED,OAAO;QACL,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACnC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC;IAED,UAAU,CAAC,CAAa;QACtB,IAAI,IAAI,CAAC,GAAG,EAAE;YACX,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;SAC/C;aAAM;YACL,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;SACtB;IACH,CAAC;;AAjFM,mBAAM,GAAG;IACd,GAAG,CAAA;;UAEG,WAAW;;;;;;;;;;;;;;;sBAeC,WAAW;qBACZ,WAAW;;;;;;;;;;;;;;;;;;;;;KAqB3B;CACF,AAzCY,CAyCX;AA3DU;IAAX,QAAQ,EAAE;yCAAqC;AAIpC;IAAX,QAAQ,EAAE;yCAAyB;AAIxB;IAAX,QAAQ,EAAE;0CAAkB;AAIjB;IAAX,QAAQ,EAAE;0CAAW;AAIM;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAU;AApB1B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CAwGxB;;AAED,eAAe,YAAY,CAAC"}

package/items/base-button.d.ts

@@ -1,31 +1,75 @@
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import ItemsSTD from "./std.js";
 declare const colors: {
     black: string[];
+    gary: string[];
     white: string[];
     red: string[];
     green: string[];
     blue: string[];
     yellow: string[];
 };
+type Colors = keyof typeof colors;
+/**
+ * BaseButton.
+ *
+ * Inspired by Next-ui.
+ */
 export declare class BaseButton extends ItemsSTD {
+    /**
+     * Whether to disable this element.
+     */
     disabled: boolean;
-    outline: boolean;
+    /**
+     * Invert font and background color.
+     */
     ghost: boolean;
+    /**
+     * Whether this element is active or not.
+     */
     active: boolean;
+    /**
+     * Enables rounded corners to appear capsule shaped.
+     */
     radius: boolean;
-    color: "none" | keyof typeof colors;
+    /**
+     * Enables scale when mousedown.
+     */
+    scale: boolean;
+    /**
+     * The primary color.
+     */
+    color: "none" | Colors;
+    /**
+     * Text inside.
+     */
     text: string;
-    static styles: import("lit").CSSResult[];
-    _i: HTMLElement;
     _b: HTMLElement;
     _div: HTMLButtonElement;
+    static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplate;
     focus(): void;
     blur(): void;
     protected firstUpdated(): void;
     protected _handleModal(e: MouseEvent): void;
-    protected _handleClick(e: MouseEvent): void;
+    protected _handelClick(e: MouseEvent): void;
+    /**
+     * Get the color to render, default is this.color.
+     *
+     * @returns New color.
+     *
+     * Colors can be set for different states.
+     *
+     * The matching selector is `[color=COLOR]`.
+     *
+     * @example
+     * ```ts
+     * button.adoptStyles("[color=COLOR1]{...}")
+     * button.adoptStyles("[color=COLOR2]{...}")
+     * button.nextColor = () => state ? COLOR1 : COLOR2
+     * ```
+     */
+    nextColor(): Colors | string;
 }
 export default BaseButton;
 declare global {

package/items/base-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAMhC,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAEF,qBACa,UAAW,SAAQ,QAAQ;IACM,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,KAAK,UAAS;IACd,MAAM,UAAS;IACf,MAAM,UAAS;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC/D,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,4BAuHX;IACU,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAOrC;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../src/items/base-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAYhC,QAAA,MAAM,MAAM;;;;;;;;CA2CX,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC;AAElC;;;;GAIG;AACH,qBACa,UAAW,SAAQ,QAAQ;IACtC;;OAEG;IACyC,QAAQ,UAAS;IAC7D;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,MAAM,CAAW;IAC7C;;OAEG;IACS,IAAI,SAAM;IAEV,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,MAAM,CAAC,MAAM,4BAuHX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAShC,KAAK;IAOL,IAAI;IAIJ,SAAS,CAAC,YAAY;IAiBtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAgBpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAYpC;;;;;;;;;;;;;;;OAeG;IACH,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}