godown 2.4.0 → 2.4.2

package/input-form/switch-input.js

@@ -4,19 +4,38 @@ 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);
 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 +195,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,4 +1,4 @@
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import ItemsSTD from "./std.js";
 declare const colors: {
     success: string[];
@@ -7,11 +7,23 @@ declare const colors: {
     danger: string[];
 };
 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;AAMhC,QAAA,MAAM,MAAM;;;;;CAKX,CAAC;AAEF,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,4BA+EX;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,8 +5,10 @@ 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);
@@ -20,9 +22,21 @@ const colors = {
 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() {
@@ -31,10 +45,7 @@ let AlertItem = AlertItem_1 = class AlertItem extends ItemsSTD {
         }
         return html `<div class="${this.call} alert" role="alert">
       <section class="content">
-        <strong>
-          <slot name="title"></slot>
-          ${this.title}</strong
-        >
+        <strong> ${htmlSlot("title")} ${this.title}</strong>
         ${htmlSlot()}${this.content}
       </section>
       <aside class="close" @click="${this.close}">${svgX()}</aside>

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,31 @@
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import ItemsSTD from "./std.js";
 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;
     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,qBACa,YAAa,SAAQ,QAAQ;IACxC,MAAM,CAAC,MAAM,4BAyCX;IAEF;;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,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,34 @@ 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);
 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 +42,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 +76,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;AAGrC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QA4CL;;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;IAyCvC,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;;AAtGM,mBAAM,GAAG;IACd,GAAG,CAAA;;UAEG,WAAW;;;;;;;;;;;;;;;sBAeC,WAAW;qBACZ,WAAW;;;;;;;;;;;;;;;;;;;;;KAqB3B;CACF,AAzCY,CAyCX;AAKU;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;AA/D1B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CAwGxB;;AAED,eAAe,YAAY,CAAC"}

package/items/base-button.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import ItemsSTD from "./std.js";
 declare const colors: {
     black: string[];
@@ -9,11 +9,33 @@ declare const colors: {
     yellow: string[];
 };
 export declare class BaseButton extends ItemsSTD {
+    /**
+     * Whether to disable this element.
+     */
     disabled: boolean;
+    /**
+     * Add a outline to the element.
+     */
     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;
+    /**
+     * The primary color.
+     */
     color: "none" | keyof typeof colors;
+    /**
+     * Text inside.
+     */
     text: string;
     static styles: import("lit").CSSResult[];
     _i: HTMLElement;

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,EAAuB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAMhC,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAIF,qBACa,UAAW,SAAQ,QAAQ;IACM,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,KAAK,UAAS;IACd,MAAM,UAAS;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC/D,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,4BA0GX;IACU,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,SAAS,CAAC,MAAM,IAAI,YAAY;IAahC,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;AAMhC,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAEF,qBACa,UAAW,SAAQ,QAAQ;IACtC;;OAEG;IAEH,QAAQ,UAAS;IACjB;;OAEG;IACyC,OAAO,UAAS;IAC5D;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IAC0B,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC3E;;OAEG;IACS,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"}

package/items/base-button.js

@@ -4,8 +4,10 @@ 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 { constructCSS, createScope, css, define, html, property, query, unsafeCSS } from "../deps.js";
-import { htmlSlot, htmlStyle } from "../tmpl.js";
+import { createScope, define } from "../root.js";
+import { css, html, property, query, unsafeCSS } from "../deps.js";
+import { htmlSlot } from "../lib/templates.js";
+import { constructCSS } from "../lib/utils.js";
 import ItemsSTD from "./std.js";
 const defineName = "base-button";
 const cssvarScope = createScope(defineName);
@@ -18,26 +20,45 @@ const colors = {
     blue: ["#fff", "linear-gradient(45deg, rgb(22 119 255 / 85%), rgb(21 198 198 / 65%))", "-2px 2px 5px 0px rgb(92 182 255 / 20%), 2px -2px 5px 0 rgb(135 232 222 / 20%)", "rgb(42 141 221 / 80%)"],
     yellow: ["#fff", "linear-gradient(45deg, rgb(223 194 0 / 85%), rgb(230 255 0 / 65%))", "-2px 2px 5px 0px rgb(214 203 55 / 20%), 2px -2px 5px 0 rgb(202 203 137 / 20%)", "rgb(237 224 43 / 80%)"],
 };
-const outlineBoxShadow = unsafeCSS(`0 0 0 var(${cssvarScope}--ghost-width) var(${cssvarScope}--ghost-color);`);
 let BaseButton = class BaseButton extends ItemsSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Whether to disable this element.
+         */
         this.disabled = false;
+        /**
+         * Add a outline to the element.
+         */
         this.outline = false;
+        /**
+         * Invert font and background color.
+         */
         this.ghost = false;
+        /**
+         * Whether this element is active or not.
+         */
         this.active = false;
+        /**
+         * Enables rounded corners to appear capsule shaped.
+         */
+        this.radius = false;
+        /**
+         * The primary color.
+         */
         this.color = "black";
+        /**
+         * Text inside.
+         */
         this.text = "";
     }
     render() {
-        const style = this.outline ? `:host([active]) {box-shadow: ${outlineBoxShadow};}` : "";
         return html `
       <div>
         <b>
           <i></i>
         </b>
         <p>${this.text || htmlSlot()}</p>
-        ${htmlStyle(style)}
       </div>
     `;
     }
@@ -83,7 +104,9 @@ BaseButton.styles = [
     unsafeCSS(constructCSS(vars, colors, (raw) => `:host([color="${raw}"])`, (k, v) => `${cssvarScope}${k}:${v}`)),
     css `
       :host {
-        ${cssvarScope}--padding: .125em .25em;
+        ${cssvarScope}--padding-x: .25em;
+        ${cssvarScope}--padding-y: .075em;
+        ${cssvarScope}--padding: var(${cssvarScope}--padding-y) var(${cssvarScope}--padding-x);
         ${cssvarScope}--ghost-width: .15em;
         ${cssvarScope}--modal-opacity: .15;
         ${cssvarScope}--modal-opacity-end: 0;
@@ -107,7 +130,6 @@ BaseButton.styles = [
       }
 
       div {
-        padding: var(${cssvarScope}--padding);
         width: 100%;
         height: 100%;
         position: relative;
@@ -144,7 +166,9 @@ BaseButton.styles = [
       }
 
       p {
+        padding: var(${cssvarScope}--padding);
         margin: 0;
+        user-select: none;
       }
 
       :host([ghost]) p {
@@ -157,7 +181,7 @@ BaseButton.styles = [
       :host([ghost]) {
         ${cssvarScope}--modal-opacity: .2;
         background: transparent;
-        box-shadow: ${outlineBoxShadow};
+        box-shadow: 0 0 0 var(${cssvarScope}--ghost-width) var(${cssvarScope}--ghost-color);
       }
 
       :host([ghost]) i {
@@ -174,9 +198,19 @@ BaseButton.styles = [
           opacity: var(${cssvarScope}--modal-opacity-end);
         }
       }
+
       :host([outline]) {
         ${cssvarScope}--modal-opacity-end:var( ${cssvarScope}--modal-opacity);
       }
+
+      :host([outline][active]) {
+        outline: var(--godown--base-button--ghost-color) var(${cssvarScope}--ghost-width) solid;
+      }
+
+      :host([radius]) {
+        border-radius: calc(infinity * 1px);
+        ${cssvarScope}--padding-x: .5em;
+      }
     `,
 ];
 __decorate([
@@ -191,6 +225,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], BaseButton.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BaseButton.prototype, "radius", void 0);
 __decorate([
     property({ reflect: true })
 ], BaseButton.prototype, "color", void 0);

package/items/base-button.js.map

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

package/items/card-item.d.ts

@@ -1,20 +1,23 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import ItemsSTD from "./std.js";
 export declare class CardItem extends ItemsSTD {
     static styles: CSSResultGroup;
+    /**
+     * Enable rotate.
+     */
     rotate: boolean;
     protected _main: HTMLElement;
     protected _aside: HTMLElement;
     protected render(): HTMLTemplate;
     protected firstUpdated(): void;
     /**
-     * Cancel the aside offset
+     * Cancel the aside offset.
      */
     reset(): void;
     /**
-     * Offset aside
-     * @param e Mouse move event
+     * Offset aside.
+     * @param e Mouse move event.
      */
     protected _drawRotate(e: MouseEvent): void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"card-item.d.ts","sourceRoot":"","sources":["../../src/items/card-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAA+C,MAAM,YAAY,CAAC;AAChH,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,qBACa,QAAS,SAAQ,QAAQ;IACpC,MAAM,CAAC,MAAM,iBA+CO;IACS,MAAM,UAAS;IAC7B,SAAS,CAAC,KAAK,EAAG,WAAW,CAAC;IAC7B,SAAS,CAAC,MAAM,EAAG,WAAW,CAAC;IAE/C,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,SAAS,CAAC,YAAY;IAUtB;;OAEG;IACH,KAAK;IAKL;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;CAUpC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"card-item.d.ts","sourceRoot":"","sources":["../../src/items/card-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,qBACa,QAAS,SAAQ,QAAQ;IACpC,MAAM,CAAC,MAAM,iBAgDO;IAEpB;;OAEG;IAC0B,MAAM,UAAS;IAE7B,SAAS,CAAC,KAAK,EAAG,WAAW,CAAC;IAC7B,SAAS,CAAC,MAAM,EAAG,WAAW,CAAC;IAE/C,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,SAAS,CAAC,YAAY;IAUtB;;OAEG;IACH,KAAK;IAKL;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;CAUpC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/items/card-item.js

@@ -4,20 +4,24 @@ 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 ItemsSTD from "./std.js";
 const defineName = "card-item";
 const cssvarScope = createScope(defineName);
 let CardItem = class CardItem extends ItemsSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Enable rotate.
+         */
         this.rotate = false;
     }
     render() {
         return html `<div>
       <aside></aside>
-      <main>${htmlSlot("header")} ${htmlSlot()} ${htmlSlot("footer")}</main>
+      <main>${htmlSlot()}</main>
     </div>`;
     }
     firstUpdated() {
@@ -30,15 +34,15 @@ let CardItem = class CardItem extends ItemsSTD {
         }
     }
     /**
-     * Cancel the aside offset
+     * Cancel the aside offset.
      */
     reset() {
         this._main.style.transition = ".5s";
         this._main.style.transform = "none";
     }
     /**
-     * Offset aside
-     * @param e Mouse move event
+     * Offset aside.
+     * @param e Mouse move event.
      */
     _drawRotate(e) {
         const { left, top, width, height } = this._main.getBoundingClientRect();
@@ -58,11 +62,12 @@ CardItem.styles = [
         ${cssvarScope}--offset: .25em;
         ${cssvarScope}--background: var(${cssvarValues.main});
         ${cssvarScope}--wapper-background: none;
-        ${cssvarScope}--outline: 0;
-        ${cssvarScope}--box-shadow: 0 0 .5em 0 rgba(var(${cssvarValues.mainRGB}) 0.5);
+        ${cssvarScope}--outline: 1px solid rgb(var(${cssvarValues.textRGB}) / 12.5%);
+        ${cssvarScope}--box-shadow: 0 0 .5em 0 rgb(var(${cssvarValues.mainRGB}) / 60%);
         margin: auto;
         display: block;
         width: fit-content;
+        color: var(${cssvarValues.text});
       }
 
       * {

package/items/card-item.js.map

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

package/items/dialog-item.d.ts

@@ -1,13 +1,31 @@
-import { type HTMLTemplate } from "../deps.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import ItemsSTD from "./std.js";
 import type { PropertyValueMap } from "lit";
 export declare class DialogItem extends ItemsSTD {
     static styles: import("lit").CSSResult[];
+    /**
+     * Enable modal.
+     */
     modal: boolean;
+    /**
+     * Whether or not this element is activated.
+     */
     open: boolean;
+    /**
+     * Enable scale.
+     */
     scale: boolean;
+    /**
+     * Scale gap.
+     */
     gap: number;
+    /**
+     * Exit key, which can be multiple.
+     */
     key: string;
+    /**
+     * The direction in which it appears.
+     */
     call: "left" | "center" | "right" | "top" | "bottom";
     _div: HTMLDivElement;
     protected render(): HTMLTemplate;