godown 1.1.4 → 1.1.5

package/items/alert-item.js

@@ -17,18 +17,18 @@ let AlertItem = class AlertItem extends STD {
     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>`;
+        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");
@@ -37,92 +37,93 @@ let AlertItem = class AlertItem extends STD {
         }, 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);
-  }`;
+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);

package/items/avatar-anchor.d.ts

@@ -8,8 +8,8 @@ export declare class AvatarAnchor extends STD {
     gap: boolean;
     static styles: import("lit").CSSResult;
     constructor();
-    render(): import("lit").TemplateResult<1>;
-    ava(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+    ava(): import("lit-html").TemplateResult<1>;
 }
 export default AvatarAnchor;
 declare global {

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

@@ -18,18 +18,18 @@ let AvatarAnchor = class AvatarAnchor extends STD {
         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>` : ""}
+        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() {
@@ -37,92 +37,94 @@ let AvatarAnchor = class AvatarAnchor extends STD {
             return html `<img src=${this.src} />`;
         }
         else if (this.name) {
-            var name = this.name.slice(0, 2);
+            let 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;
+            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: -.25em;
-    right: -.25em;
-  }
-  .left section,.right section{
-    min-height: var(--ava);
-    display: flex;
-    flex-direction: column;
-    flex:1;
-  }
-  .right section{
-    justify-content: flex-end;
-  }`;
+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);

package/items/base-button.d.ts

@@ -6,7 +6,7 @@ export declare class BaseButton extends STD {
     href: string;
     target: string;
     color: "black" | "white" | "yellow" | "gary" | "red" | "blue" | "green";
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 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;AA4H3B,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;CAKP;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":"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"}