godown 1.2.0 → 2.0.0

package/input-form/exp-input.js

@@ -1,218 +0,0 @@
-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, query, define, cssvar, classMap } from "../deps.js";
-import STD from "./std.js";
-let ExpInput = class ExpInput extends STD {
-    constructor() {
-        super(...arguments);
-        this.label = "";
-        this.name = "";
-        this.pla = undefined;
-        this.type = "text";
-        this.value = "";
-        this.def = "";
-        this.base = "outline";
-        this.offset = "";
-        this.autofocus = false;
-    }
-    render() {
-        var _a;
-        if (!this.name)
-            this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
-        return html `<div class=${classMap({ [this.base]: true, "no-label": !this.label })}>
-      ${this.type !== "textarea" ? html `<input class="input" required title="" value=${this.value} @input=${this._handleInput} @change=${this._handleChange} type=${this.type} placeholder=${this.pla} />` : html `<textarea class="input" required title="" value=${this.value || this.def} @input=${this._handleInput} placeholder=${this.pla}></textarea>`}
-      <fieldset>
-        <legend><span>${this.label}</span></legend>
-      </fieldset>
-      <style>
-        :valid ~ fieldset legend,
-        :focus ~ fieldset legend {
-          margin-left: ${this.offset || 0} !important;
-        }
-      </style>
-    </div>`;
-    }
-};
-ExpInput.styles = [
-    STD.styles,
-    css `
-      :host {
-        line-height: normal;
-        display: inline-block;
-        width: var(${cssvar}--input-width);
-        color: var(${cssvar}--text);
-        border-color: var(${cssvar}--input-outline);
-        border-radius: 0.2em;
-      }
-      .input:focus {
-        ${cssvar}--input-outline: var(${cssvar}--input-outline-focus) !important;
-      }
-      div:hover {
-        ${cssvar}--input-background: var(${cssvar}--input-background-hover) !important;
-      }
-      .underline::after,
-      .underline::before {
-        content: "";
-        position: absolute;
-        left: 0;
-        right: 0;
-        margin: auto;
-        bottom: -0.1em;
-        width: 100%;
-        height: 0.18em;
-        bottom: 0;
-        border-bottom-left-radius: inherit;
-        border-bottom-right-radius: inherit;
-      }
-      .underline:focus-within::before {
-        z-index: 2;
-        width: 100%;
-      }
-      .underline::before {
-        width: 0;
-        transition: all 0.2s;
-        background: var(${cssvar}--input-outline-focus) !important;
-      }
-      .underline::after {
-        background: var(${cssvar}--input-outline);
-      }
-      .underline fieldset {
-        border-color: transparent !important;
-      }
-      .outline fieldset {
-        border-color: inherit !important;
-        border: 0.18em solid;
-      }
-      .outline .input {
-        padding-left: 0.18em;
-        padding-right: 0.18em;
-      }
-      .no-label.filed .input {
-        margin-top: 0;
-      }
-      .filed {
-        background: var(${cssvar}--input-background);
-        outline: 0.18em solid var(${cssvar}--input-outline);
-        height: calc(100% - 0.36em);
-        width: calc(100% - 0.36em);
-        margin: 0.18em;
-      }
-      .filed fieldset {
-        border-color: transparent !important;
-        background: transparent !important;
-      }
-      :focus ~ fieldset,
-      :valid ~ fieldset {
-        border-color: var(${cssvar}--input-outline-focus);
-      }
-      * {
-        border-radius: inherit;
-        font-size: inherit;
-        font-family: inherit;
-        transition:
-          all 0.2s,
-          height 0s;
-      }
-      div {
-        border-color: inherit;
-        position: relative;
-        width: 100%;
-        display: inline-flex;
-        min-height: inherit;
-      }
-      textarea.input {
-        resize: vertical;
-        height: 1.5em;
-        padding-top: 0.3em;
-      }
-      .input {
-        margin-left: 0.18em;
-        margin-right: 0.18em;
-      }
-      .input {
-        width: 100%;
-        padding-top: 0.2em;
-        min-height: 1.7em;
-        margin-top: 0.45em;
-        margin-bottom: 0.2em;
-        border: 0;
-        box-sizing: border-box;
-        font-size: inherit;
-        outline: 0;
-        background: transparent;
-        z-index: 2;
-        overflow-y: hidden;
-      }
-      fieldset {
-        box-sizing: border-box;
-        position: absolute;
-        background: var(${cssvar}--input-background);
-        pointer-events: none;
-        padding: 0px;
-        position: absolute;
-        height: 100%;
-        margin: 0;
-        width: inherit;
-      }
-      legend span {
-        white-space: nowrap;
-        display: inline-block;
-        padding: 0 0.2em;
-        background: var(${cssvar}--input-background);
-        font-size: inherit;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-      legend {
-        width: 0;
-        height: 1em;
-        transform: translateY(0.8em);
-      }
-      .filed span {
-        background: transparent;
-      }
-      :focus + fieldset legend,
-      :valid + fieldset legend {
-        transform: translateY(-0.19em) scale(0.7);
-      }
-    `,
-];
-__decorate([
-    property()
-], ExpInput.prototype, "label", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "name", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "pla", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "type", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "value", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "def", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "base", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "offset", void 0);
-__decorate([
-    property({ type: Boolean })
-], ExpInput.prototype, "autofocus", void 0);
-__decorate([
-    query(".input")
-], ExpInput.prototype, "_input", void 0);
-ExpInput = __decorate([
-    define("exp-input")
-], ExpInput);
-export { ExpInput };
-export default ExpInput;

package/items/avatar-anchor.d.ts

@@ -1,20 +0,0 @@
-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;
-    }
-}
-//# sourceMappingURL=avatar-anchor.d.ts.map

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

@@ -1 +0,0 @@
-{"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,150 +0,0 @@
-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, cssvar } 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 {
-      ${cssvar}--ava: 2.5em;
-    }
-    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;
-    }
-    .left.gap {
-      margin-right: var(${cssvar}--ava);
-    }
-    .right.gap {
-      margin-left: var(${cssvar}--ava);
-    }
-    slot[name="bar"]::slotted(*) {
-      height: var(${cssvar}--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(${cssvar}--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;