godown 1.1.4 → 1.1.6

package/items/alert-item.js

@@ -1,142 +1,143 @@
-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 { html, css, property, define } from "../deps.js";
-import STD from "./std.js";
-let AlertItem = class AlertItem extends STD {
-    constructor() {
-        super(...arguments);
-        this.call = "info";
-        this.autoclose = 3000;
-        this.title = "";
-        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>
-    <slot></slot>${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>
-</div>`;
-    }
-    close() {
-        this.shadowRoot.querySelector(".alert").classList.add("hide");
-        setTimeout(() => {
-            this.remove();
-        }, 300);
-    }
-};
-AlertItem.styles = css `
-  :host{
-    margin: .1em auto;
-    width: 100%;
-    display: inline-block;
-  }
-  .hide{
-    opacity: 0;
-    transform: translateY(-50%);
-  }
-  .success {
-    --color: #3c763d;
-    --super: #2b542c;
-    --background: #dff0d8;
-    --border: #d6e9c6;
-  }
-  .info {
-    --color: #31708f;
-    --background: #d9edf7;
-    --border: #bce8f1;
-    --super: #245269;
-  }
-  .warning {
-    --color: #8a6d3b;
-    --background: #fcf8e3;
-    --border: #faebcc;
-    --super: #66512c;
-  }
-  .danger {
-    --color: #a94442;
-    --background: #f2dede;
-    --border: #ebccd1;
-    --super: #843534;
-  }
-  .alert {
-    display: flex;
-    justify-content: space-between;
-    padding: .2em .5em;
-    border: 1px solid transparent;
-    border-radius: 4px;
-    transition: all .25s;
-    color: var(--color);
-    background-color: var(--background);
-    border-color: var(--border);
-    animation: alert .25s ease-in-out;
-  }
-  @keyframes alert {
-    0% {
-      opacity: 0;
-      transform: translateY(-50%);
-    }
-    100% {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-  section.content {
-    margin:0 .25em 0 .35em;
-    min-height: 1.6em;
-    line-height: 1.6em;
-  }
-  aside.close {
-    height:fit-content;
-    width:fit-content;
-    border-radius: 50%;
-    transition: all .3s;
-  }
-  aside.close:hover {
-    backdrop-filter: contrast(115%);
-  }
-  svg {
-    display: block;
-    height: 1.6em;
-    width: 1.6em;
-  }
-  aside.close:hover path {
-    stroke: var(--super);
-  }
-  path {
-    stroke: var(--color);
-    transition: all .3s;
-  }
-  .alert ::slotted(a) {
-    font-weight: bold;
-    color: var(--super);
-  }`;
-__decorate([
-    property()
-], AlertItem.prototype, "call", void 0);
-__decorate([
-    property({ type: Number })
-], AlertItem.prototype, "autoclose", void 0);
-__decorate([
-    property()
-], AlertItem.prototype, "title", void 0);
-__decorate([
-    property()
-], AlertItem.prototype, "content", void 0);
-AlertItem = __decorate([
-    define("alert-item")
-], AlertItem);
-export { AlertItem };
-export default AlertItem;
+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 { html, css, property, define } from "../deps.js";
+import STD from "./std.js";
+let AlertItem = class AlertItem extends STD {
+    constructor() {
+        super(...arguments);
+        this.call = "info";
+        this.autoclose = 3000;
+        this.title = "";
+        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>
+        <slot></slot>${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>
+    </div>`;
+    }
+    close() {
+        this.shadowRoot.querySelector(".alert").classList.add("hide");
+        setTimeout(() => {
+            this.remove();
+        }, 300);
+    }
+};
+AlertItem.styles = css `
+    :host {
+      margin: 0.1em auto;
+      width: 100%;
+      display: inline-block;
+    }
+    .hide {
+      opacity: 0;
+      transform: translateY(-50%);
+    }
+    .success {
+      --color: #3c763d;
+      --super: #2b542c;
+      --background: #dff0d8;
+      --border: #d6e9c6;
+    }
+    .info {
+      --color: #31708f;
+      --background: #d9edf7;
+      --border: #bce8f1;
+      --super: #245269;
+    }
+    .warning {
+      --color: #8a6d3b;
+      --background: #fcf8e3;
+      --border: #faebcc;
+      --super: #66512c;
+    }
+    .danger {
+      --color: #a94442;
+      --background: #f2dede;
+      --border: #ebccd1;
+      --super: #843534;
+    }
+    .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(--color);
+      background-color: var(--background);
+      border-color: var(--border);
+      animation: alert 0.25s ease-in-out;
+    }
+    @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(--super);
+    }
+    path {
+      stroke: var(--color);
+      transition: all 0.3s;
+    }
+    .alert ::slotted(a) {
+      font-weight: bold;
+      color: var(--super);
+    }
+  `;
+__decorate([
+    property()
+], AlertItem.prototype, "call", void 0);
+__decorate([
+    property({ type: Number })
+], AlertItem.prototype, "autoclose", void 0);
+__decorate([
+    property()
+], AlertItem.prototype, "title", void 0);
+__decorate([
+    property()
+], AlertItem.prototype, "content", void 0);
+AlertItem = __decorate([
+    define("alert-item")
+], AlertItem);
+export { AlertItem };
+export default AlertItem;

package/items/avatar-anchor.d.ts

@@ -1,20 +1,20 @@
-import STD from "./std.js";
-export declare class AvatarAnchor extends STD {
-    src: string;
-    href: any;
-    name: string;
-    more: number;
-    call: "left" | "center" | "right";
-    gap: boolean;
-    static styles: import("lit").CSSResult;
-    constructor();
-    render(): import("lit").TemplateResult<1>;
-    ava(): import("lit").TemplateResult<1>;
-}
-export default AvatarAnchor;
-declare global {
-    interface HTMLElementTagNameMap {
-        "avatar-anchor": AvatarAnchor;
-    }
-}
+import STD from "./std.js";
+export declare class AvatarAnchor extends STD {
+    src: string;
+    href: any;
+    name: string;
+    more: number;
+    call: "left" | "center" | "right";
+    gap: boolean;
+    static styles: import("lit").CSSResult;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    ava(): import("lit-html").TemplateResult<1>;
+}
+export default AvatarAnchor;
+declare global {
+    interface HTMLElementTagNameMap {
+        "avatar-anchor": AvatarAnchor;
+    }
+}
 //# sourceMappingURL=avatar-anchor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-anchor.d.ts","sourceRoot":"","sources":["../../src/items/avatar-anchor.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,YAAa,SAAQ,GAAG;IACvB,GAAG,SAAM;IACT,IAAI,MAAa;IACjB,IAAI,SAAM;IACM,IAAI,SAAK;IACzB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC5B,GAAG,UAAS;IACzC,MAAM,CAAC,MAAM,0BA0EV;;IAKH,MAAM;IAeN,GAAG;CAaJ;AACD,eAAe,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
+{"version":3,"file":"avatar-anchor.d.ts","sourceRoot":"","sources":["../../src/items/avatar-anchor.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,YAAa,SAAQ,GAAG;IACvB,GAAG,SAAM;IACT,IAAI,MAAa;IACjB,IAAI,SAAM;IACM,IAAI,SAAK;IACzB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC5B,GAAG,UAAS;IACzC,MAAM,CAAC,MAAM,0BA4EX;;IAKF,MAAM;IAeN,GAAG;CAaJ;AACD,eAAe,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/items/avatar-anchor.js

@@ -1,148 +1,150 @@
-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 { html, css, property, classMap, ifDefined, define } from "../deps.js";
-import STD from "./std.js";
-let AvatarAnchor = class AvatarAnchor extends STD {
-    constructor() {
-        super();
-        this.src = "";
-        this.href = undefined;
-        this.name = "";
-        this.more = 0;
-        this.call = "center";
-        this.gap = false;
-        this.call = "center";
-    }
-    render() {
-        return html `<div class=${classMap({ gap: this.gap, [this.call]: this.call })} >
-      <header>
-        <a href=${ifDefined(this.href)}>
-          ${this.ava()}
-          <slot name="state"></slot>
-        </a>
-        <section>
-          <slot name="bar"></slot>
-          ${this.gap ? html `<article><slot></slot></article>` : ""}
-        </section>
-      </header>
-          ${!this.gap ? html `<article><slot></slot></article>` : ""}
-    </div>`;
-    }
-    ava() {
-        if (this.src) {
-            return html `<img src=${this.src} />`;
-        }
-        else if (this.name) {
-            var name = this.name.slice(0, 2);
-            name = name[0].toUpperCase() + name.slice(1);
-            return html `<span>${name}</span>`;
-        }
-        else if (this.more) {
-            var more = this.more > 99 ? "..." : this.more;
-            return html `<span>+${more}</span>`;
-        }
-        return html `<slot name="avatar"></slot>`;
-    }
-};
-AvatarAnchor.styles = css `
-  :host{
-    display: inline-block;
-    height: fit-content;
-  }
-  *{
-    border-radius: inherit;
-  }
-  article{
-    flex:1;
-  }
-  header{
-    display: flex; 
-    flex-wrap: nowrap;
-  }
-  .center header{
-    flex-direction: column;
-  }
-  .right header{
-    flex-direction: row-reverse;
-    justify-content: flex-start;
-  }
-  .left header{
-    justify-content: flex-start;
-  }
-  img{
-    width: 100%;
-    height: 100%;
-  }
-  div{
-    --ava:2.5em;
-  }
-  a{
-    color: inherit;
-    height: var(--ava);
-    width:var(--ava);
-    min-height: var(--ava);
-    min-width:var(--ava);
-    display: flex;
-    position: relative;
-  }
-  span{
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .left.gap{
-    margin-right:var(--ava);
-  }
-  .right.gap{
-    margin-left:var(--ava);
-  }
-  slot[name="bar"]::slotted(*){
-    height: var(--ava);
-  }
-  slot[name="state"]{
-    position: absolute;
-    display: block;
-    position: absolute;
-    display: block;
-    bottom: -.25em;
-    right: -.25em;
-  }
-  .left section,.right section{
-    min-height: var(--ava);
-    display: flex;
-    flex-direction: column;
-    flex:1;
-  }
-  .right section{
-    justify-content: flex-end;
-  }`;
-__decorate([
-    property()
-], AvatarAnchor.prototype, "src", void 0);
-__decorate([
-    property()
-], AvatarAnchor.prototype, "href", void 0);
-__decorate([
-    property()
-], AvatarAnchor.prototype, "name", void 0);
-__decorate([
-    property({ type: Number })
-], AvatarAnchor.prototype, "more", void 0);
-__decorate([
-    property()
-], AvatarAnchor.prototype, "call", void 0);
-__decorate([
-    property({ type: Boolean })
-], AvatarAnchor.prototype, "gap", void 0);
-AvatarAnchor = __decorate([
-    define("avatar-anchor")
-], AvatarAnchor);
-export { AvatarAnchor };
-export default AvatarAnchor;
+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 { html, css, property, classMap, ifDefined, define } from "../deps.js";
+import STD from "./std.js";
+let AvatarAnchor = class AvatarAnchor extends STD {
+    constructor() {
+        super();
+        this.src = "";
+        this.href = undefined;
+        this.name = "";
+        this.more = 0;
+        this.call = "center";
+        this.gap = false;
+        this.call = "center";
+    }
+    render() {
+        return html `<div class=${classMap({ gap: this.gap, [this.call]: this.call })}>
+      <header>
+        <a href=${ifDefined(this.href)}>
+          ${this.ava()}
+          <slot name="state"></slot>
+        </a>
+        <section>
+          <slot name="bar"></slot>
+          ${this.gap ? html `<article><slot></slot></article>` : ""}
+        </section>
+      </header>
+      ${!this.gap ? html `<article><slot></slot></article>` : ""}
+    </div>`;
+    }
+    ava() {
+        if (this.src) {
+            return html `<img src=${this.src} />`;
+        }
+        else if (this.name) {
+            let name = this.name.slice(0, 2);
+            name = name[0].toUpperCase() + name.slice(1);
+            return html `<span>${name}</span>`;
+        }
+        else if (this.more) {
+            const more = this.more > 99 ? "..." : this.more;
+            return html `<span>+${more}</span>`;
+        }
+        return html `<slot name="avatar"></slot>`;
+    }
+};
+AvatarAnchor.styles = css `
+    :host {
+      display: inline-block;
+      height: fit-content;
+    }
+    * {
+      border-radius: inherit;
+    }
+    article {
+      flex: 1;
+    }
+    header {
+      display: flex;
+      flex-wrap: nowrap;
+    }
+    .center header {
+      flex-direction: column;
+    }
+    .right header {
+      flex-direction: row-reverse;
+      justify-content: flex-start;
+    }
+    .left header {
+      justify-content: flex-start;
+    }
+    img {
+      width: 100%;
+      height: 100%;
+    }
+    div {
+      --ava: 2.5em;
+    }
+    a {
+      color: inherit;
+      height: var(--ava);
+      width: var(--ava);
+      min-height: var(--ava);
+      min-width: var(--ava);
+      display: flex;
+      position: relative;
+    }
+    span {
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .left.gap {
+      margin-right: var(--ava);
+    }
+    .right.gap {
+      margin-left: var(--ava);
+    }
+    slot[name="bar"]::slotted(*) {
+      height: var(--ava);
+    }
+    slot[name="state"] {
+      position: absolute;
+      display: block;
+      position: absolute;
+      display: block;
+      bottom: -0.25em;
+      right: -0.25em;
+    }
+    .left section,
+    .right section {
+      min-height: var(--ava);
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+    }
+    .right section {
+      justify-content: flex-end;
+    }
+  `;
+__decorate([
+    property()
+], AvatarAnchor.prototype, "src", void 0);
+__decorate([
+    property()
+], AvatarAnchor.prototype, "href", void 0);
+__decorate([
+    property()
+], AvatarAnchor.prototype, "name", void 0);
+__decorate([
+    property({ type: Number })
+], AvatarAnchor.prototype, "more", void 0);
+__decorate([
+    property()
+], AvatarAnchor.prototype, "call", void 0);
+__decorate([
+    property({ type: Boolean })
+], AvatarAnchor.prototype, "gap", void 0);
+AvatarAnchor = __decorate([
+    define("avatar-anchor")
+], AvatarAnchor);
+export { AvatarAnchor };
+export default AvatarAnchor;

package/items/base-button.d.ts

@@ -1,17 +1,17 @@
-import STD from "./std.js";
-export declare class BaseButton extends STD {
-    static styles: import("lit").CSSResult[];
-    disabled: boolean;
-    ghost: boolean;
-    href: string;
-    target: string;
-    color: "black" | "white" | "yellow" | "gary" | "red" | "blue" | "green";
-    render(): import("lit").TemplateResult<1>;
-}
-export default BaseButton;
-declare global {
-    interface HTMLElementTagNameMap {
-        "base-button": BaseButton;
-    }
-}
+import STD from "./std.js";
+export declare class BaseButton extends STD {
+    static styles: import("lit").CSSResult[];
+    disabled: boolean;
+    ghost: boolean;
+    href: string;
+    target: string;
+    color: "black" | "white" | "yellow" | "gary" | "red" | "blue" | "green";
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default BaseButton;
+declare global {
+    interface HTMLElementTagNameMap {
+        "base-button": BaseButton;
+    }
+}
 //# sourceMappingURL=base-button.d.ts.map