godown 1.2.0 → 2.0.1

package/input-form/switch-input.js

@@ -4,9 +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 { html, css, property, query, define, cssvar } from "../deps.js";
-import STD from "./std.js";
-let SwitchInput = class SwitchInput extends STD {
+import { css, cssvar, define, html, property, query } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import { InputSTD } from "./std.js";
+let SwitchInput = class SwitchInput extends InputSTD {
     constructor() {
         super(...arguments);
         this.checked = false;
@@ -17,11 +18,11 @@ let SwitchInput = class SwitchInput extends STD {
         this.value = "on";
     }
     render() {
-        return html `<span class=${this.base}>
-      <input @change=${this._handleChange} ?disabled=${this.disabled} ?checked=${this.checked} name=${this.name} value=${this.value} type="checkbox" />
+        return html `<span class="${this.base}">
+      <input @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" type="checkbox" />
       <aside>
         <div class="false"><slot name="false"></slot></div>
-        <div class="always"><slot></slot><slot name="always"></slot></div>
+        <div class="always">${htmlSlot()}<slot name="always"></slot></div>
         <div class="true"><slot name="true"></slot></div>
       </aside>
     </span>`;
@@ -49,12 +50,13 @@ let SwitchInput = class SwitchInput extends STD {
     }
 };
 SwitchInput.styles = [
-    STD.styles,
+    InputSTD.styles,
     css `
       :host {
         width: 3em;
         height: 1.5em;
       }
+
       :host,
       span {
         display: inline-flex;
@@ -63,10 +65,12 @@ SwitchInput.styles = [
         align-items: center;
         border-radius: inherit;
       }
+
       span {
         width: inherit;
         height: inherit;
       }
+
       input {
         width: inherit;
         height: inherit;
@@ -81,6 +85,7 @@ SwitchInput.styles = [
         border-radius: inherit;
         transition: all 0.3s;
       }
+
       aside {
         pointer-events: none;
         transition: 0.3s;
@@ -92,37 +97,46 @@ SwitchInput.styles = [
         overflow: hidden;
         border-radius: inherit;
       }
+
       aside div {
         height: 100%;
       }
+
       input[disabled] ~ aside {
         filter: brightness(0.87);
       }
+
       .rect div.always {
         display: none;
       }
+
       .always {
         position: absolute;
       }
+
       .rect aside {
         height: 100%;
         width: 100%;
         left: 0;
       }
+
       .rect .true,
       .rect .false {
         width: 50%;
         text-align: center;
         transition: all 0.3s;
       }
+
       .rect input:checked ~ aside div.true,
       .rect .false {
         background-color: var(${cssvar}--input-true);
       }
+
       .rect input:checked ~ aside div.false,
       .rect .true {
         background-color: var(${cssvar}--input-false);
       }
+
       .fat aside {
         width: 1.2em;
         height: 1.2em;
@@ -133,20 +147,25 @@ SwitchInput.styles = [
         top: 0.15em;
         bottom: 0.15em;
       }
+
       .fat {
         border-radius: 0.75em;
       }
+
       .fat input:checked {
         background-color: var(${cssvar}--input-true);
       }
+
       .fat input:checked ~ aside {
         left: calc(100% - 0.15em - 1.2em);
         right: 0.15em;
       }
+
       .fat input:checked ~ aside div.true,
       .fat div.false {
         display: block;
       }
+
       .fat input:checked ~ aside div.false,
       .fat div.true {
         display: none;
@@ -179,3 +198,4 @@ SwitchInput = __decorate([
 ], SwitchInput);
 export { SwitchInput };
 export default SwitchInput;
+//# sourceMappingURL=switch-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-input.js","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG7B,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ;IAAlC;;QA4HwB,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QAClC,SAAI,GAAmB,MAAM,CAAC;QAC9B,QAAG,GAAG,OAAO,CAAC;QACd,SAAI,GAAG,UAAU,CAAC;QAClB,UAAK,GAAG,IAAI,CAAC;IAqC3B,CAAC;IAlCC,MAAM;QACJ,OAAO,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI;wBAChB,IAAI,CAAC,aAAa,gBAAgB,IAAI,CAAC,QAAQ,eAAe,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,IAAI;;;8BAGxF,QAAQ,EAAE;;;YAG5B,CAAC;IACX,CAAC;IAED,KAAK;QACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,KAAK,MAAM,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC;SACnB;aAAM,IAAI,IAAI,CAAC,GAAG,KAAK,MAAM,EAAE;YAC9B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACrB;IACH,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACtG,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1F,CAAC;IAED,SAAS;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;;AApKM,kBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA8ByB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAgDN,MAAM;;;;;gCAKN,MAAM;;;;;;;gCAON,MAAM;;;;;;;;;;;;gCAYN,MAAM;;;;;;;;;;;;;;;;;KAiBjC;CACkB,AA1HR,CA0HS;AACO;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAiB;AAChB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAkB;AAClC;IAAX,QAAQ,EAAE;yCAA+B;AAC9B;IAAX,QAAQ,EAAE;wCAAe;AACd;IAAX,QAAQ,EAAE;yCAAmB;AAClB;IAAX,QAAQ,EAAE;0CAAc;AACT;IAAf,KAAK,CAAC,OAAO,CAAC;2CAA0B;AAlI9B,WAAW;IADvB,MAAM,CAAC,cAAc,CAAC;GACV,WAAW,CAsKvB;;AAED,eAAe,WAAW,CAAC"}

package/items/alert-item.d.ts

@@ -1,12 +1,13 @@
-import STD from "./std.js";
-export declare class AlertItem extends STD {
-    static styles: import("lit").CSSResult;
+import ItemsSTD from "./std.js";
+export declare class AlertItem extends ItemsSTD {
+    static styles: import("lit").CSSResult[];
     call: "success" | "info" | "warning" | "danger" | "hide";
     autoclose: number;
     title: string;
     content: string;
     render(): import("lit").TemplateResult<1>;
     close(): void;
+    static alert(root: HTMLElement, option: Partial<AlertItem>): AlertItem;
 }
 export default AlertItem;
 declare global {

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,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,0BAsFX;IACU,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAU;IAClD,SAAS,SAAQ;IACjC,KAAK,SAAM;IACX,OAAO,SAAM;IACzB,MAAM;IAeN,KAAK;CAMN;AACD,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,QAAQ,MAAM,UAAU,CAAC;AAUhC,qBACa,SAAU,SAAQ,QAAQ;IACrC,MAAM,CAAC,MAAM,4BA2EX;IACU,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAU;IAClD,SAAS,SAAQ;IACjC,KAAK,SAAM;IACX,OAAO,SAAM;IAEzB,MAAM;IAcN,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

@@ -4,9 +4,18 @@ 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 { html, css, property, define, cssvar } from "../deps.js";
-import STD from "./std.js";
-let AlertItem = class AlertItem extends STD {
+var AlertItem_1;
+import { constructCSS, css, cssvar, define, html, property, unsafeCSS } from "../deps.js";
+import { htmlSlot, svgX } from "../tmpl.js";
+import ItemsSTD from "./std.js";
+const vars = ["color", "background", "border", "super"].map((v) => `${cssvar}--${v}`);
+const styles = {
+    ".success": ["#3c763d", "#dff0d8", "#d6e9c6", "#2b542c"],
+    ".info": ["#31708f", "#d9edf7", "#bce8f1", "#245269"],
+    ".warning": ["#8a6d3b", "#fcf8e3", "#faebcc", "#66512c"],
+    ".danger": ["#a94442", "#f2dede", "#ebccd1", "#843534"],
+};
+let AlertItem = AlertItem_1 = class AlertItem extends ItemsSTD {
     constructor() {
         super(...arguments);
         this.call = "info";
@@ -17,17 +26,15 @@ let AlertItem = class AlertItem extends STD {
     render() {
         if (this.autoclose)
             setTimeout(() => this.close(), this.autoclose);
-        return html `<div class="${this.call} alert" role="alert">
+        return html ` <div class="${this.call} alert" role="alert">
       <section class="content">
-        <strong><slot name="title"></slot>${this.title}</strong>
-        <slot></slot>${this.content}
+        <strong>
+          <slot name="title"></slot>
+          ${this.title}</strong
+        >
+        ${htmlSlot()}${this.content}
       </section>
-      <aside class="close" @click=${this.close}>
-        <svg viewBox="0 0 48 48" fill="none">
-          <path d="M14 14L34 34" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-          <path d="M14 34L34 14" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-        </svg>
-      </aside>
+      <aside class="close" @click="${this.close}">${svgX()}</aside>
     </div>`;
     }
     close() {
@@ -36,94 +43,89 @@ let AlertItem = class AlertItem extends STD {
             this.remove();
         }, 300);
     }
-};
-AlertItem.styles = css `
-    :host {
-      margin: 0.1em auto;
-      width: 100%;
-      display: inline-block;
-    }
-    .hide {
-      opacity: 0;
-      transform: translateY(-50%);
-    }
-    .success {
-      ${cssvar}--color: #3c763d;
-      ${cssvar}--super: #2b542c;
-      ${cssvar}--background: #dff0d8;
-      ${cssvar}--border: #d6e9c6;
-    }
-    .info {
-      ${cssvar}--color: #31708f;
-      ${cssvar}--background: #d9edf7;
-      ${cssvar}--border: #bce8f1;
-      ${cssvar}--super: #245269;
-    }
-    .warning {
-      ${cssvar}--color: #8a6d3b;
-      ${cssvar}--background: #fcf8e3;
-      ${cssvar}--border: #faebcc;
-      ${cssvar}--super: #66512c;
-    }
-    .danger {
-      ${cssvar}--color: #a94442;
-      ${cssvar}--background: #f2dede;
-      ${cssvar}--border: #ebccd1;
-      ${cssvar}--super: #843534;
+    static alert(root, option) {
+        const ai = new AlertItem_1();
+        Object.assign(ai, option);
+        root.appendChild(ai);
+        return ai;
     }
-    .alert {
-      display: flex;
-      justify-content: space-between;
-      padding: 0.2em 0.5em;
-      border: 1px solid transparent;
-      border-radius: 4px;
-      transition: all 0.25s;
-      color: var(${cssvar}--color);
-      background-color: var(${cssvar}--background);
-      border-color: var(${cssvar}--border);
-      animation: alert 0.25s ease-in-out;
-    }
-    @keyframes alert {
-      0% {
+};
+AlertItem.styles = [
+    unsafeCSS(constructCSS(vars, styles)),
+    css `
+      :host {
+        margin: 0.1em auto;
+        width: 100%;
+        display: inline-block;
+      }
+
+      .hide {
         opacity: 0;
         transform: translateY(-50%);
       }
-      100% {
-        opacity: 1;
-        transform: translateY(0);
+
+      .alert {
+        display: flex;
+        justify-content: space-between;
+        padding: 0.2em 0.5em;
+        border: 1px solid;
+        border-radius: 4px;
+        transition: all 0.25s;
+        color: var(${cssvar}--color);
+        background-color: var(${cssvar}--background);
+        border-color: var(${cssvar}--border);
+        animation: alert 0.25s ease-in-out;
       }
-    }
-    section.content {
-      margin: 0 0.25em 0 0.35em;
-      min-height: 1.6em;
-      line-height: 1.6em;
-    }
-    aside.close {
-      height: fit-content;
-      width: fit-content;
-      border-radius: 50%;
-      transition: all 0.3s;
-    }
-    aside.close:hover {
-      backdrop-filter: contrast(115%);
-    }
-    svg {
-      display: block;
-      height: 1.6em;
-      width: 1.6em;
-    }
-    aside.close:hover path {
-      stroke: var(${cssvar}--super);
-    }
-    path {
-      stroke: var(${cssvar}--color);
-      transition: all 0.3s;
-    }
-    .alert ::slotted(a) {
-      font-weight: bold;
-      color: var(${cssvar}--super);
-    }
-  `;
+
+      @keyframes alert {
+        0% {
+          opacity: 0;
+          transform: translateY(-50%);
+        }
+        100% {
+          opacity: 1;
+          transform: translateY(0);
+        }
+      }
+
+      section.content {
+        margin: 0 0.25em 0 0.35em;
+        min-height: 1.6em;
+        line-height: 1.6em;
+      }
+
+      aside.close {
+        height: fit-content;
+        width: fit-content;
+        border-radius: 50%;
+        transition: all 0.3s;
+      }
+
+      aside.close:hover {
+        backdrop-filter: contrast(115%);
+      }
+
+      svg {
+        display: block;
+        height: 1.6em;
+        width: 1.6em;
+      }
+
+      aside.close:hover path {
+        stroke: var(${cssvar}--super);
+      }
+
+      path {
+        stroke: var(${cssvar}--color);
+        transition: all 0.3s;
+      }
+
+      .alert ::slotted(a) {
+        font-weight: bold;
+        color: var(${cssvar}--super);
+      }
+    `,
+];
 __decorate([
     property()
 ], AlertItem.prototype, "call", void 0);
@@ -136,8 +138,9 @@ __decorate([
 __decorate([
     property()
 ], AlertItem.prototype, "content", void 0);
-AlertItem = __decorate([
+AlertItem = AlertItem_1 = __decorate([
     define("alert-item")
 ], AlertItem);
 export { AlertItem };
 export default AlertItem;
+//# sourceMappingURL=alert-item.js.map

package/items/alert-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-item.js","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,KAAK,CAAC,EAAE,CAAC,CAAC;AACtF,MAAM,MAAM,GAAG;IACb,UAAU,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACxD,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACrD,UAAU,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACxD,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;CACxD,CAAC;AAGK,IAAM,SAAS,iBAAf,MAAM,SAAU,SAAQ,QAAQ;IAAhC;;QA6EO,SAAI,GAAuD,MAAM,CAAC;QAClD,cAAS,GAAG,IAAI,CAAC;QACjC,UAAK,GAAG,EAAE,CAAC;QACX,YAAO,GAAG,EAAE,CAAC;IA6B3B,CAAC;IA3BC,MAAM;QACJ,IAAI,IAAI,CAAC,SAAS;YAAE,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACnE,OAAO,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI;;;;YAI5B,IAAI,CAAC,KAAK;;UAEZ,QAAQ,EAAE,GAAG,IAAI,CAAC,OAAO;;qCAEE,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;WAC/C,CAAC;IACV,CAAC;IAED,KAAK;QACH,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC9D,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAiB,EAAE,MAA0B;QACxD,MAAM,EAAE,GAAG,IAAI,WAAS,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;;AA3GM,gBAAM,GAAG;IACd,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACrC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;qBAmBc,MAAM;gCACK,MAAM;4BACV,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuCZ,MAAM;;;;sBAIN,MAAM;;;;;;qBAMP,MAAM;;KAEtB;CACF,AA3EY,CA2EX;AACU;IAAX,QAAQ,EAAE;uCAAmE;AAClD;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAkB;AACjC;IAAX,QAAQ,EAAE;wCAAY;AACX;IAAX,QAAQ,EAAE;0CAAc;AAhFd,SAAS;IADrB,MAAM,CAAC,YAAY,CAAC;GACR,SAAS,CA6GrB;;AAED,eAAe,SAAS,CAAC"}

package/items/avatar-a.d.ts

@@ -0,0 +1,17 @@
+import ItemsSTD from "./std.js";
+export declare class AvatarA extends ItemsSTD {
+    static styles: import("lit").CSSResult;
+    src: string;
+    href: any;
+    name: string;
+    more: number;
+    render(): import("lit").TemplateResult<1>;
+    render_ava(): import("lit").TemplateResult<1>;
+}
+export default AvatarA;
+declare global {
+    interface HTMLElementTagNameMap {
+        "avatar-a": AvatarA;
+    }
+}
+//# sourceMappingURL=avatar-a.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-a.d.ts","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,qBACa,OAAQ,SAAQ,QAAQ;IACnC,MAAM,CAAC,MAAM,0BA4CX;IACU,GAAG,SAAM;IACT,IAAI,MAAa;IACjB,IAAI,SAAM;IACM,IAAI,SAAK;IAErC,MAAM;IAON,UAAU;CAeX;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/items/avatar-a.js

@@ -0,0 +1,102 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, cssvar, define, html, ifDefined, property } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import ItemsSTD from "./std.js";
+let AvatarA = class AvatarA extends ItemsSTD {
+    constructor() {
+        super(...arguments);
+        this.src = "";
+        this.href = undefined;
+        this.name = "";
+        this.more = 0;
+    }
+    render() {
+        return html `
+      <a href="${ifDefined(this.href)}"> ${this.render_ava()} ${htmlSlot("mask")} </a>
+      ${htmlSlot()}
+    `;
+    }
+    render_ava() {
+        if (this.more) {
+            const more = this.more > 99 ? "..." : this.more;
+            return html `<span>+${more}</span>`;
+        }
+        if (this.src) {
+            return html `<img src="${this.src}" alt="${this.name}" />`;
+        }
+        if (this.name) {
+            let name = this.name.slice(0, 2);
+            name = name[0].toUpperCase() + name.slice(1);
+            return html `<span>${name}</span>`;
+        }
+        return html `<slot name="avatar"></slot>`;
+    }
+};
+AvatarA.styles = css `
+    :host {
+      height: fit-content;
+      ${cssvar}--ava: 2em;
+      display: inline-flex;
+      align-items: center;
+    }
+
+    * {
+      border-radius: inherit;
+    }
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+
+    a {
+      color: inherit;
+      height: var(${cssvar}--ava);
+      width: var(${cssvar}--ava);
+      min-height: var(${cssvar}--ava);
+      min-width: var(${cssvar}--ava);
+      display: flex;
+      position: relative;
+    }
+
+    span {
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    slot[name="mask"] {
+      position: absolute;
+      display: flex;
+      width: 100%;
+      height: 100%;
+      align-items: center;
+      justify-content: center;
+    }
+  `;
+__decorate([
+    property()
+], AvatarA.prototype, "src", void 0);
+__decorate([
+    property()
+], AvatarA.prototype, "href", void 0);
+__decorate([
+    property()
+], AvatarA.prototype, "name", void 0);
+__decorate([
+    property({ type: Number })
+], AvatarA.prototype, "more", void 0);
+AvatarA = __decorate([
+    define("avatar-a")
+], AvatarA);
+export { AvatarA };
+export default AvatarA;
+//# sourceMappingURL=avatar-a.js.map

package/items/avatar-a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-a.js","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGzB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,QAAQ;IAA9B;;QA8CO,QAAG,GAAG,EAAE,CAAC;QACT,SAAI,GAAG,SAAS,CAAC;QACjB,SAAI,GAAG,EAAE,CAAC;QACM,SAAI,GAAG,CAAC,CAAC;IAwBvC,CAAC;IAtBC,MAAM;QACJ,OAAO,IAAI,CAAA;iBACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,QAAQ,CAAC,MAAM,CAAC;QACxE,QAAQ,EAAE;KACb,CAAC;IACJ,CAAC;IAED,UAAU;QACR,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,UAAU,IAAI,CAAC,IAAI,MAAM,CAAC;SAC3D;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,IAAI,CAAA,6BAA6B,CAAC;IAC3C,CAAC;;AAvEM,cAAM,GAAG,GAAG,CAAA;;;QAGb,MAAM;;;;;;;;;;;;;;;;oBAgBM,MAAM;mBACP,MAAM;wBACD,MAAM;uBACP,MAAM;;;;;;;;;;;;;;;;;;;;;;GAsB1B,AA5CY,CA4CX;AACU;IAAX,QAAQ,EAAE;oCAAU;AACT;IAAX,QAAQ,EAAE;qCAAkB;AACjB;IAAX,QAAQ,EAAE;qCAAW;AACM;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAU;AAjD1B,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAyEnB;;AAED,eAAe,OAAO,CAAC"}

package/items/base-button.d.ts

@@ -1,12 +1,29 @@
-import STD from "./std.js";
-export declare class BaseButton extends STD {
-    static styles: import("lit").CSSResult[];
+import ItemsSTD from "./std.js";
+declare const colors: {
+    black: string[];
+    white: string[];
+    red: string[];
+    green: string[];
+    blue: string[];
+    yellow: string[];
+};
+export declare class BaseButton extends ItemsSTD {
     disabled: boolean;
+    outline: boolean;
     ghost: boolean;
-    href: string;
-    target: string;
-    color: "black" | "white" | "yellow" | "gary" | "red" | "blue" | "green";
+    active: boolean;
+    color: "none" | keyof typeof colors;
+    text: string;
+    static styles: import("lit").CSSResult[];
+    _i: HTMLElement;
+    _b: HTMLElement;
+    _div: HTMLButtonElement;
     render(): import("lit").TemplateResult<1>;
+    focus(): void;
+    blur(): void;
+    protected firstUpdated(): void;
+    protected _handleModal(e: MouseEvent): void;
+    protected _handleClick(e: MouseEvent): void;
 }
 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,GAAG,MAAM,UAAU,CAAC;AAiI3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,4BAA2B;IACX,QAAQ,UAAS;IACjB,KAAK,UAAS;IAC/B,IAAI,EAAE,MAAM,CAAa;IACzB,MAAM,EAAE,MAAM,CAAa;IAC3B,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAW;IAC9F,MAAM;CAGP;AACD,eAAe,UAAU,CAAC;AAC1B,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,QAAQ,MAAM,UAAU,CAAC;AAGhC,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,4BAmGX;IACU,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,MAAM;IAkBN,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,YAAY;IAgBtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAWpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAOrC;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}