godown 2.7.7 → 3.0.0-canary.1

package/web-components/details/details.js

@@ -1,124 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, property, query } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlSlot } from "../../lib/directives.js";
-import { svgDeltaSmooth } from "../../lib/icons.js";
-import GodownOpenable from "../../proto/super-openable.js";
-import { createScope } from "../../styles/global.js";
-const protoName = "details";
-const cssScope = createScope(protoName);
-/**
- * {@linkcode Details} similar to details.
- */
-let Details = class Details extends GodownOpenable {
-    constructor() {
-        super(...arguments);
-        /**
-         * If it is true, the summary event scope will fill the element.
-         */
-        this.fill = false;
-        /**
-         * Summary text.
-         */
-        this.summary = "";
-    }
-    render() {
-        return html `<dl part="root">
-      <dt part="title" @click="${this._handelClick}">
-        <span part="summary"> ${this.summary || htmlSlot("summary")} </span>
-        <i part="open">${svgDeltaSmooth()}</i>
-      </dt>
-      <dd part="details" @click=${this.fill ? () => this.toggle() : null}>
-        <section part="slot">${htmlSlot()}</section>
-      </dd>
-    </dl>`;
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], Details.prototype, "fill", void 0);
-__decorate([
-    property()
-], Details.prototype, "summary", void 0);
-__decorate([
-    query("dd")
-], Details.prototype, "_dd", void 0);
-Details = __decorate([
-    godown(protoName),
-    styles([
-        css `
-    :host {
-      --${cssScope}--icon-deg-open: -90deg;
-      --${cssScope}--icon-deg: 0deg;
-      --${cssScope}--summary-direction: row;
-      --${cssScope}--transition: .3s;
-      height: -moz-fit-content;
-      height: fit-content;
-      display: block;
-      transition: var(--${cssScope}--transition);
-    }
-
-    span {
-      display: inline-flex;
-      align-items: center;
-      white-space: nowrap;
-    }
-
-    dl {
-      height: 100%;
-      position: relative;
-      overflow: hidden;
-    }
-
-    dt {
-      height: 100%;
-      display: flex;
-      flex-wrap: nowrap;
-      justify-content: space-between;
-      background: inherit;
-      align-items: center;
-      flex-direction: var(--${cssScope}--summary-direction);
-    }
-
-    dd {
-      display: grid;
-      overflow: hidden;
-      grid-template-rows: 0fr;
-      transition: var(--${cssScope}--transition);
-      transition-property:grid-template-rows;
-    }
-
-    section {
-      min-height: 0;
-      overflow: hidden;
-    }
-
-    i {
-      height: 1em;
-      width: 1em;
-      display: flex;
-      -webkit-backface-visibility: hidden;
-              backface-visibility: hidden;
-      transform: rotate(var(--${cssScope}--icon-deg));
-      transition: var(--${cssScope}--transition);
-    }
-
-    :host([open]) dd {
-      grid-template-rows: 1fr;
-    }
-
-    :host([float]) dd {
-      top: 100%;
-      position: absolute;
-    }
-
-    :host([open]) i {
-      transform: rotate(var(--${cssScope}--icon-deg-open));
-    }
-  `,
-    ])
-], Details);
-export { Details };
-export default Details;
-//# sourceMappingURL=details.js.map

package/web-components/details/details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"details.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/details/details.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;GAEG;AA0EI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,cAAc;IAApC;;QACL;;WAEG;QAC0B,SAAI,GAAG,KAAK,CAAC;QAC1C;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;IAe3B,CAAC;IAXW,MAAM;QACd,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,YAAY;gCAClB,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;yBAC1C,cAAc,EAAE;;kCAEP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;+BACzC,QAAQ,EAAE;;UAE/B,CAAC;IACT,CAAC;CACF,CAAA;AAnB8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCAAc;AAI9B;IAAX,QAAQ,EAAE;wCAAc;AAEZ;IAAZ,KAAK,CAAC,IAAI,CAAC;oCAA0B;AAV3B,OAAO;IAzEnB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;UAEK,QAAQ;UACR,QAAQ;UACR,QAAQ;UACR,QAAQ;;;;0BAIQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;8BAsBJ,QAAQ;;;;;;;0BAOZ,QAAQ;;;;;;;;;;;;;;;gCAeF,QAAQ;0BACd,QAAQ;;;;;;;;;;;;;gCAaF,QAAQ;;GAErC;KACF,CAAC;GACW,OAAO,CAuBnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property, query } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { svgDeltaSmooth } from \"../../lib/icons.js\";\nimport GodownOpenable from \"../../proto/super-openable.js\";\nimport { createScope } from \"../../styles/global.js\";\n\nconst protoName = \"details\";\n\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Details} similar to details.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--icon-deg-open: -90deg;\n      --${cssScope}--icon-deg: 0deg;\n      --${cssScope}--summary-direction: row;\n      --${cssScope}--transition: .3s;\n      height: -moz-fit-content;\n      height: fit-content;\n      display: block;\n      transition: var(--${cssScope}--transition);\n    }\n\n    span {\n      display: inline-flex;\n      align-items: center;\n      white-space: nowrap;\n    }\n\n    dl {\n      height: 100%;\n      position: relative;\n      overflow: hidden;\n    }\n\n    dt {\n      height: 100%;\n      display: flex;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      background: inherit;\n      align-items: center;\n      flex-direction: var(--${cssScope}--summary-direction);\n    }\n\n    dd {\n      display: grid;\n      overflow: hidden;\n      grid-template-rows: 0fr;\n      transition: var(--${cssScope}--transition);\n      transition-property:grid-template-rows;\n    }\n\n    section {\n      min-height: 0;\n      overflow: hidden;\n    }\n\n    i {\n      height: 1em;\n      width: 1em;\n      display: flex;\n      -webkit-backface-visibility: hidden;\n              backface-visibility: hidden;\n      transform: rotate(var(--${cssScope}--icon-deg));\n      transition: var(--${cssScope}--transition);\n    }\n\n    :host([open]) dd {\n      grid-template-rows: 1fr;\n    }\n\n    :host([float]) dd {\n      top: 100%;\n      position: absolute;\n    }\n\n    :host([open]) i {\n      transform: rotate(var(--${cssScope}--icon-deg-open));\n    }\n  `,\n])\nexport class Details extends GodownOpenable {\n  /**\n   * If it is true, the summary event scope will fill the element.\n   */\n  @property({ type: Boolean }) fill = false;\n  /**\n   * Summary text.\n   */\n  @property() summary = \"\";\n\n  @query(\"dd\") _dd: HTMLDataListElement;\n\n  protected render() {\n    return html`<dl part=\"root\">\n      <dt part=\"title\" @click=\"${this._handelClick}\">\n        <span part=\"summary\"> ${this.summary || htmlSlot(\"summary\")} </span>\n        <i part=\"open\">${svgDeltaSmooth()}</i>\n      </dt>\n      <dd part=\"details\" @click=${this.fill ? () => this.toggle() : null}>\n        <section part=\"slot\">${htmlSlot()}</section>\n      </dd>\n    </dl>`;\n  }\n}\n\nexport default Details;\n"]}

package/web-components/dialog/dialog.d.ts

@@ -1,31 +0,0 @@
-import GodownSuperOpenable, { type Direction9 } from "../../proto/super-openable.js";
-/**
- * {@linkcode Dialog} similar to dialog.
- */
-export declare class Dialog extends GodownSuperOpenable {
-    direction: Direction9;
-    /**
-     * Enable modal.
-     */
-    modal: boolean;
-    /**
-     * @deprecated
-     */
-    scale: boolean;
-    /**
-     * @deprecated
-     */
-    gap: number;
-    /**
-     * Exit key, which can be multiple.
-     */
-    key: string;
-    protected render(): import("lit").TemplateResult<1>;
-    connectedCallback(): void;
-    showModal(): void;
-    protected _handelWheel(e: WheelEvent): void;
-    protected _handleKeydown(e: KeyboardEvent): void;
-    protected _handelSubmit(e: SubmitEvent): void;
-}
-export default Dialog;
-//# sourceMappingURL=dialog.d.ts.map

package/web-components/dialog/dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/dialog/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,mBAAmB,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAMrF;;GAEG;AACH,qBA4Ea,MAAO,SAAQ,mBAAmB;IAC7C,SAAS,EAAE,UAAU,CAAY;IACjC;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACyB,GAAG,SAAY;IAE3C,SAAS,CAAC,MAAM;IAIhB,iBAAiB;IAQjB,SAAS;IAKT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAMpC,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAOzC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW;CAKvC;AAED,eAAe,MAAM,CAAC"}

package/web-components/dialog/dialog.js

@@ -1,143 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlSlot } from "../../lib/directives.js";
-import GodownSuperOpenable from "../../proto/super-openable.js";
-import { createScope, cssGlobalVars } from "../../styles/global.js";
-const protoName = "dialog";
-const cssScope = createScope(protoName);
-/**
- * {@linkcode Dialog} similar to dialog.
- */
-let Dialog = class Dialog extends GodownSuperOpenable {
-    constructor() {
-        super(...arguments);
-        this.direction = "center";
-        /**
-         * Enable modal.
-         */
-        this.modal = false;
-        /**
-         * Exit key, which can be multiple.
-         */
-        this.key = "Escape";
-    }
-    render() {
-        return html `<div part="root" class="${this.direction}">${htmlSlot()}</div>`;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEvent(this, "submit", this._handelSubmit);
-        if (this.key) {
-            this.addEvent(document, "keydown", this._handleKeydown.bind(this));
-        }
-    }
-    showModal() {
-        this.modal = true;
-        this.show();
-    }
-    _handelWheel(e) {
-        if (this.modal) {
-            e.preventDefault();
-        }
-    }
-    _handleKeydown(e) {
-        const keys = this.key.split(/[\s;]/);
-        if (keys.includes(e.key) || keys.includes(e.code)) {
-            this.close();
-        }
-    }
-    _handelSubmit(e) {
-        if (e.target.method === "dialog") {
-            this.close();
-        }
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Dialog.prototype, "modal", void 0);
-__decorate([
-    property({ type: String })
-], Dialog.prototype, "key", void 0);
-Dialog = __decorate([
-    godown(protoName),
-    styles([
-        css `
-    :host {
-      --${cssScope}--background: none;
-      --${cssScope}--background-modal: rgb(var(--${cssGlobalVars.backgroundRGB}) / 15%);
-      background: var(--${cssScope}--background);
-      height: 100%;
-      width: 100%;
-      position: fixed;
-      inset:0;
-      display: flex;
-      visibility: hidden;
-      transition: all 0.3s;
-      pointer-events: none;
-    }
-
-    :host([open]) {
-      visibility: visible;
-    }
-
-    :host([open][modal]) {
-      pointer-events: all;
-      background: var(--${cssScope}--background-modal);
-    }
-
-    :host([open]) div {
-      opacity: 1;
-    }
-
-    div {
-      height: 100%;
-      width: 100%;
-      display: flex;
-      opacity: 0;
-      position: relative;
-    }
-
-    slot {
-      display: block;
-      width: -moz-fit-content;
-      width: fit-content;
-      height: -moz-fit-content;
-      height: fit-content;
-      margin: auto;
-      transition: inherit;
-      pointer-events: all;
-      position: absolute;
-    }
-
-    [class^="top"] slot {
-      top: 0;
-    }
-
-    [class^="bottom"] slot {
-      bottom: 0;
-    }
-
-    [class$="right"] slot {
-      right: 0%;
-    }
-
-    [class$="left"] slot {
-      left: 0%;
-    }
-
-    div[class$="center"],
-    .top,
-    .left,
-    .right,
-    .bottom {
-      align-items: center;
-      justify-content: center;
-    }
-  `,
-    ])
-], Dialog);
-export { Dialog };
-export default Dialog;
-//# sourceMappingURL=dialog.js.map

package/web-components/dialog/dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/dialog/dialog.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,mBAAwC,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;GAEG;AA6EI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,mBAAmB;IAAxC;;QACL,cAAS,GAAe,QAAQ,CAAC;QACjC;;WAEG;QACyC,UAAK,GAAG,KAAK,CAAC;QAS1D;;WAEG;QACyB,QAAG,GAAG,QAAQ,CAAC;IAqC7C,CAAC;IAnCW,MAAM;QACd,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,SAAS,KAAK,QAAQ,EAAE,QAAQ,CAAC;IAC9E,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAClD,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACrE,CAAC;IACH,CAAC;IAED,SAAS;QACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAES,cAAc,CAAC,CAAgB;QACvC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACrC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YAClD,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;IAES,aAAa,CAAC,CAAc;QACpC,IAAK,CAAC,CAAC,MAA0B,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YACtD,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;CACF,CAAA;AAjD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAe;AAY9B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCAAgB;AAjBhC,MAAM;IA5ElB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;UAEK,QAAQ;UACR,QAAQ,iCAAiC,aAAa,CAAC,aAAa;0BACpD,QAAQ;;;;;;;;;;;;;;;;;0BAiBR,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmD/B;KACF,CAAC;GACW,MAAM,CAsDlB;;AAED,eAAe,MAAM,CAAC","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport GodownSuperOpenable, { type Direction9 } from \"../../proto/super-openable.js\";\nimport { createScope, cssGlobalVars } from \"../../styles/global.js\";\n\nconst protoName = \"dialog\";\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Dialog} similar to dialog.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--background: none;\n      --${cssScope}--background-modal: rgb(var(--${cssGlobalVars.backgroundRGB}) / 15%);\n      background: var(--${cssScope}--background);\n      height: 100%;\n      width: 100%;\n      position: fixed;\n      inset:0;\n      display: flex;\n      visibility: hidden;\n      transition: all 0.3s;\n      pointer-events: none;\n    }\n\n    :host([open]) {\n      visibility: visible;\n    }\n\n    :host([open][modal]) {\n      pointer-events: all;\n      background: var(--${cssScope}--background-modal);\n    }\n\n    :host([open]) div {\n      opacity: 1;\n    }\n\n    div {\n      height: 100%;\n      width: 100%;\n      display: flex;\n      opacity: 0;\n      position: relative;\n    }\n\n    slot {\n      display: block;\n      width: -moz-fit-content;\n      width: fit-content;\n      height: -moz-fit-content;\n      height: fit-content;\n      margin: auto;\n      transition: inherit;\n      pointer-events: all;\n      position: absolute;\n    }\n\n    [class^=\"top\"] slot {\n      top: 0;\n    }\n\n    [class^=\"bottom\"] slot {\n      bottom: 0;\n    }\n\n    [class$=\"right\"] slot {\n      right: 0%;\n    }\n\n    [class$=\"left\"] slot {\n      left: 0%;\n    }\n\n    div[class$=\"center\"],\n    .top,\n    .left,\n    .right,\n    .bottom {\n      align-items: center;\n      justify-content: center;\n    }\n  `,\n])\nexport class Dialog extends GodownSuperOpenable {\n  direction: Direction9 = \"center\";\n  /**\n   * Enable modal.\n   */\n  @property({ type: Boolean, reflect: true }) modal = false;\n  /**\n   * @deprecated\n   */\n  scale: boolean;\n  /**\n   * @deprecated\n   */\n  gap: number;\n  /**\n   * Exit key, which can be multiple.\n   */\n  @property({ type: String }) key = \"Escape\";\n\n  protected render() {\n    return html`<div part=\"root\" class=\"${this.direction}\">${htmlSlot()}</div>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEvent(this, \"submit\", this._handelSubmit);\n    if (this.key) {\n      this.addEvent(document, \"keydown\", this._handleKeydown.bind(this));\n    }\n  }\n\n  showModal() {\n    this.modal = true;\n    this.show();\n  }\n\n  protected _handelWheel(e: WheelEvent) {\n    if (this.modal) {\n      e.preventDefault();\n    }\n  }\n\n  protected _handleKeydown(e: KeyboardEvent) {\n    const keys = this.key.split(/[\\s;]/);\n    if (keys.includes(e.key) || keys.includes(e.code)) {\n      this.close();\n    }\n  }\n\n  protected _handelSubmit(e: SubmitEvent) {\n    if ((e.target as HTMLFormElement).method === \"dialog\") {\n      this.close();\n    }\n  }\n}\n\nexport default Dialog;\n"]}

package/web-components/divider/divider.d.ts

@@ -1,13 +0,0 @@
-import { GodownElement } from "../../proto/godown-element.js";
-/**
- * {@linkcode Divider} similar to hr.
- */
-export declare class Divider extends GodownElement {
-    /**
-     * Enable vertical.
-     */
-    vertical: boolean;
-    protected render(): import("lit").TemplateResult<1>;
-}
-export default Divider;
-//# sourceMappingURL=divider.d.ts.map

package/web-components/divider/divider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/divider/divider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D;;GAEG;AACH,qBAyDa,OAAQ,SAAQ,aAAa;IACxC;;OAEG;IACyC,QAAQ,UAAS;IAE7D,SAAS,CAAC,MAAM;CAYjB;AAED,eAAe,OAAO,CAAC"}

package/web-components/divider/divider.js

@@ -1,95 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { ifValue } from "../../lib/directives.js";
-import { htmlSlot } from "../../lib/directives.js";
-import { GodownElement } from "../../proto/godown-element.js";
-import { createScope } from "../../styles/global.js";
-const protoName = "divider";
-const cssScope = createScope(protoName);
-/**
- * {@linkcode Divider} similar to hr.
- */
-let Divider = class Divider extends GodownElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Enable vertical.
-         */
-        this.vertical = false;
-    }
-    render() {
-        const hasElement = this.childElementCount || this.textContent;
-        return html `<div part="root" class="${this.vertical ? "vertical" : "horizontal"}">
-      ${ifValue(hasElement, html `<hr part="before" class="before" />
-          ${htmlSlot()}
-          <hr part="after" class="after" />`, html `<hr part="cross" />`)}
-    </div>`;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Divider.prototype, "vertical", void 0);
-Divider = __decorate([
-    godown(protoName),
-    styles(css `
-  :host {
-    --${cssScope}--before-length: auto;
-    --${cssScope}--after-length: auto;
-    --${cssScope}--breadth: .05em;
-    display: block;
-    background: none;
-    margin: auto;
-  }
-  :host([vertical]) {
-    width: -moz-fit-content;
-    width: fit-content;
-    height: 100%;
-  }
-  div {
-    display: flex;
-    align-items: center;
-    border-radius: inherit;
-    width: 100%;
-  }
-
-  hr {
-    border-radius: inherit;
-    margin: 0;
-    border: 0;
-    flex: 1;
-    background: currentColor;
-  }
-  .horizontal {
-    display: flex;
-  }
-
-  .vertical {
-    display: flex;
-    height: 100%;
-    flex-direction: column;
-  }
-  .horizontal hr {
-    height: var(--${cssScope}--breadth);
-  }
-  .horizontal .before {
-    max-width: var(--${cssScope}--before-length);
-  }
-  .horizontal .after {
-    max-width: var(--${cssScope}--after-length);
-  }
-  .vertical hr {
-    width: var(--${cssScope}--breadth);
-  }
-  .vertical .before {
-    max-height: var(--${cssScope}--before-length);
-  }
-  .vertical .after {
-    max-height: var(--${cssScope}--after-length);
-  }
-`)
-], Divider);
-export { Divider };
-export default Divider;
-//# sourceMappingURL=divider.js.map

package/web-components/divider/divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/divider/divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,SAAS,GAAG,SAAS,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;GAEG;AA0DI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACL;;WAEG;QACyC,aAAQ,GAAG,KAAK,CAAC;IAc/D,CAAC;IAZW,MAAM;QACd,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,WAAW,CAAC;QAC9D,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;QAC3E,OAAO,CACP,UAAU,EACV,IAAI,CAAA;YACA,QAAQ,EAAE;4CACsB,EACpC,IAAI,CAAA,qBAAqB,CAC1B;WACI,CAAC;IACV,CAAC;CACF,CAAA;AAd6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAkB;AAJlD,OAAO;IAzDnB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;QAEH,QAAQ;QACR,QAAQ;QACR,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAkCI,QAAQ;;;uBAGL,QAAQ;;;uBAGR,QAAQ;;;mBAGZ,QAAQ;;;wBAGH,QAAQ;;;wBAGR,QAAQ;;CAE/B,CAAC;GACW,OAAO,CAkBnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\nimport { createScope } from \"../../styles/global.js\";\n\nconst protoName = \"divider\";\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Divider} similar to hr.\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    --${cssScope}--before-length: auto;\n    --${cssScope}--after-length: auto;\n    --${cssScope}--breadth: .05em;\n    display: block;\n    background: none;\n    margin: auto;\n  }\n  :host([vertical]) {\n    width: -moz-fit-content;\n    width: fit-content;\n    height: 100%;\n  }\n  div {\n    display: flex;\n    align-items: center;\n    border-radius: inherit;\n    width: 100%;\n  }\n\n  hr {\n    border-radius: inherit;\n    margin: 0;\n    border: 0;\n    flex: 1;\n    background: currentColor;\n  }\n  .horizontal {\n    display: flex;\n  }\n\n  .vertical {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n  .horizontal hr {\n    height: var(--${cssScope}--breadth);\n  }\n  .horizontal .before {\n    max-width: var(--${cssScope}--before-length);\n  }\n  .horizontal .after {\n    max-width: var(--${cssScope}--after-length);\n  }\n  .vertical hr {\n    width: var(--${cssScope}--breadth);\n  }\n  .vertical .before {\n    max-height: var(--${cssScope}--before-length);\n  }\n  .vertical .after {\n    max-height: var(--${cssScope}--after-length);\n  }\n`)\nexport class Divider extends GodownElement {\n  /**\n   * Enable vertical.\n   */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  protected render() {\n    const hasElement = this.childElementCount || this.textContent;\n    return html`<div part=\"root\" class=\"${this.vertical ? \"vertical\" : \"horizontal\"}\">\n      ${ifValue(\n        hasElement,\n        html`<hr part=\"before\" class=\"before\" />\n          ${htmlSlot()}\n          <hr part=\"after\" class=\"after\" />`,\n        html`<hr part=\"cross\" />`,\n      )}\n    </div>`;\n  }\n}\n\nexport default Divider;\n"]}

package/web-components/form/form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/form/form.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D;;;;;GAKG;AACH,qBAQa,IAAI,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,aAAa;IACrC,IAAI,SAAM;IACtB,IAAI,KAAK,IAAI,CAAC,CAEb;IAED,SAAS,QAiBI,CAAC,MAAM,EAAE,CAAC,CAAC,CAjBG;IAE3B,SAAS,CAAC,MAAM;IAIhB,KAAK;IAWL,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAIxB,MAAM,CAAC,UAAU,CACf,QAAQ,EAAE,CAAC,OAAO,GAAG;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACrC,CAAC,EAAE,GACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAoBvB;AAED,eAAe,IAAI,CAAC"}

package/web-components/form/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/form/form.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB;;;;;GAKG;AASI,IAAM,IAAI,YAAV,MAAM,IAAiB,SAAQ,aAAa;IAA5C;;QACO,SAAI,GAAG,EAAE,CAAC;QAKtB,cAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IA+C7B,CAAC;IAnDC,IAAI,KAAK;QACP,OAAO,MAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAM,CAAC;IAC7D,CAAC;IAIS,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,oBAAoB,CAAuC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAClF,IAAI,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;gBAChC,OAAO;YACT,CAAC;YACD,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;gBACb,EAAE,CAAC,KAAK,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,CAAC,UAAU,CACf,QAII;QAEJ,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;YAC1B,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;gBAC1B,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,QAAQ,CAAC,EAAqB,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;YAC3F,CAAC;iBAAM,IAAI,EAAE,CAAC,SAAS,EAAE,CAAC;gBACxB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC;gBACrC,IAAI,IAAI,EAAE,CAAC;oBACT,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACvB,CAAC;YACH,CAAC;iBAAM,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC7C,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;YAC7B,CAAC;iBAAM,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;gBACzB,KAAK,MAAM,IAAI,IAAI,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC1D,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;gBAClE,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAA;AApDa;IAAX,QAAQ,EAAE;kCAAW;AADX,IAAI;IARhB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;;;GAIF;KACF,CAAC;GACW,IAAI,CAqDhB;;AAED,eAAe,IAAI,CAAC","sourcesContent":["import { css, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\n\nconst protoName = \"form\";\n/**\n * {@linkcode Form} Gets child element key-value object,\n * which will be nested if the child element is the same as this element.\n *\n * @slot - Child elements.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      display: block;\n    }\n  `,\n])\nexport class Form<T = object> extends GodownElement {\n  @property() name = \"\";\n  get value(): T {\n    return Form.buildValue(this._slot.assignedElements()) as T;\n  }\n\n  nameValue = this.namevalue;\n\n  protected render() {\n    return htmlSlot();\n  }\n\n  reset() {\n    this.deepQuerySelectorAll<HTMLElement & { reset?: () => void }>(\"*\").forEach((el) => {\n      if (el.tagName === this.tagName) {\n        return;\n      }\n      if (el.reset) {\n        el.reset();\n      }\n    });\n  }\n\n  namevalue(): [string, T] {\n    return [this.name, this.value];\n  }\n\n  static buildValue(\n    elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[],\n  ): Record<string, any> {\n    const result = {};\n    for (const el of elements) {\n      if (el.tagName === \"FORM\") {\n        Object.assign(result, Object.fromEntries(new FormData(el as HTMLFormElement).entries()));\n      } else if (el.namevalue) {\n        const [name, value] = el.namevalue();\n        if (name) {\n          result[name] = value;\n        }\n      } else if (el.name && el.value !== undefined) {\n        result[el.name] = el.value;\n      } else if (el.shadowRoot) {\n        for (const slot of el.shadowRoot.querySelectorAll(\"slot\")) {\n          Object.assign(result, this.buildValue(slot.assignedElements()));\n        }\n      }\n    }\n    return result;\n  }\n}\n\nexport default Form;\n"]}

package/web-components/input/input.d.ts

@@ -1,37 +0,0 @@
-import GodownInput from "../../proto/super-input.js";
-/**
- * {@linkcode Input }.
- */
-export declare class Input extends GodownInput {
-    variant: "default" | "outline";
-    /**
-     * Input accept.
-     */
-    accept: string;
-    /**
-     * Value.
-     */
-    value: string | File | FileList;
-    /**
-     * Only single files are allowed to be selected.
-     */
-    only: boolean;
-    /**
-     * Input min.
-     */
-    min: number;
-    /**
-     * Input max.
-     */
-    max: number;
-    /**
-     * Input step.
-     */
-    step: number;
-    protected render(): import("lit").TemplateResult<1>;
-    connectedCallback(): void;
-    protected _handleFile(e: any | Event): void;
-    reset(): void;
-}
-export default Input;
-//# sourceMappingURL=input.d.ts.map

package/web-components/input/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/input.ts"],"names":[],"mappings":"AAIA,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAMrD;;GAEG;AACH,qBAyCa,KAAM,SAAQ,WAAW;IACxB,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IACvD;;OAEG;IACS,MAAM,EAAE,MAAM,CAAa;IACvC;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IACxD;;OAEG;IAC0B,IAAI,UAAS;IAC1C;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,IAAI,SAAK;IAErC,SAAS,CAAC,MAAM;IAkBhB,iBAAiB;IAajB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAKpC,KAAK;CAQN;AAED,eAAe,KAAK,CAAC"}

package/web-components/input/input.js

@@ -1,152 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { combine } from "../../lib/directives.js";
-import GodownInput from "../../proto/super-input.js";
-import { cssGlobalVars } from "../../styles/global.js";
-import { fieldStyle, inputStyle } from "../../styles/inputStyle.js";
-const protoName = "input";
-/**
- * {@linkcode Input }.
- */
-let Input = class Input extends GodownInput {
-    constructor() {
-        super(...arguments);
-        this.variant = "default";
-        /**
-         * Input accept.
-         */
-        this.accept = undefined;
-        /**
-         * Value.
-         */
-        this.value = undefined;
-        /**
-         * Only single files are allowed to be selected.
-         */
-        this.only = false;
-        /**
-         * Input min.
-         */
-        this.min = 0;
-        /**
-         * Input max.
-         */
-        this.max = 100;
-        /**
-         * Input step.
-         */
-        this.step = 1;
-    }
-    render() {
-        return html `<div part="root" class="${combine({ "input-field": true, outline: this.variant === "outline" })}">
-      <input
-        part="input"
-        class="input"
-        id=${this.makeId}
-        .value="${this.value}"
-        ?autofocus="${this.autofocus}"
-        type="${this.type}"
-        placeholder="${this.placeholder}"
-        min="${this.min}"
-        max="${this.max}"
-        @input="${this._handleInput}"
-      />
-      ${this._renderSuffix()}
-    </div>`;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.type === "file") {
-            this.value = null;
-        }
-        else {
-            if (!this.default) {
-                this.default = this.value || "";
-            }
-            if (!this.value) {
-                this.value = this.default;
-            }
-        }
-    }
-    _handleFile(e) {
-        this.value = !this.only ? e.target.files : e.target.files[0];
-        this.dispatchEvent(new CustomEvent("change", { detail: this.value }));
-    }
-    reset() {
-        if (this.type === "file") {
-            this.value = null;
-            return;
-        }
-        this._input.value = this.default.toString();
-        this.value = this.default;
-    }
-};
-__decorate([
-    property()
-], Input.prototype, "variant", void 0);
-__decorate([
-    property()
-], Input.prototype, "accept", void 0);
-__decorate([
-    property()
-], Input.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean })
-], Input.prototype, "only", void 0);
-__decorate([
-    property({ type: Number })
-], Input.prototype, "min", void 0);
-__decorate([
-    property({ type: Number })
-], Input.prototype, "max", void 0);
-__decorate([
-    property({ type: Number })
-], Input.prototype, "step", void 0);
-Input = __decorate([
-    godown(protoName),
-    styles([
-        inputStyle,
-        fieldStyle,
-        css `
-    :host {
-      width: var(--${cssGlobalVars.input}--width);
-      height: var(--${cssGlobalVars.input}--height);
-      color: var(--${cssGlobalVars.foreground});
-      background: var(--${cssGlobalVars.input}--background);
-      margin: var(--${cssGlobalVars.input}--outline-width);
-      border-radius: var(--${cssGlobalVars.input}--radius);
-      display: block;
-    }
-
-    input[type="file"] {
-      display: none;
-    }
-
-    [part="root"] {
-      width: 100%;
-      display: flex;
-      align-items: center;
-    }
-
-    * {
-      border-radius: inherit;
-      cursor: inherit;
-    }
-
-    input {
-      box-sizing: border-box;
-      height: 100%;
-      width: 100%;
-      margin: 0;
-      color: inherit;
-      background: transparent;
-      border-radius: 0.25em;
-    }
-  `,
-    ])
-], Input);
-export { Input };
-export default Input;
-//# sourceMappingURL=input.js.map

package/web-components/input/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/input.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { combine } from \"../../lib/directives.js\";\nimport GodownInput from \"../../proto/super-input.js\";\nimport { cssGlobalVars } from \"../../styles/global.js\";\nimport { fieldStyle, inputStyle } from \"../../styles/inputStyle.js\";\n\nconst protoName = \"input\";\n\n/**\n * {@linkcode Input }.\n */\n@godown(protoName)\n@styles([\n  inputStyle,\n  fieldStyle,\n  css`\n    :host {\n      width: var(--${cssGlobalVars.input}--width);\n      height: var(--${cssGlobalVars.input}--height);\n      color: var(--${cssGlobalVars.foreground});\n      background: var(--${cssGlobalVars.input}--background);\n      margin: var(--${cssGlobalVars.input}--outline-width);\n      border-radius: var(--${cssGlobalVars.input}--radius);\n      display: block;\n    }\n\n    input[type=\"file\"] {\n      display: none;\n    }\n\n    [part=\"root\"] {\n      width: 100%;\n      display: flex;\n      align-items: center;\n    }\n\n    * {\n      border-radius: inherit;\n      cursor: inherit;\n    }\n\n    input {\n      box-sizing: border-box;\n      height: 100%;\n      width: 100%;\n      margin: 0;\n      color: inherit;\n      background: transparent;\n      border-radius: 0.25em;\n    }\n  `,\n])\nexport class Input extends GodownInput {\n  @property() variant: \"default\" | \"outline\" = \"default\";\n  /**\n   * Input accept.\n   */\n  @property() accept: string = undefined;\n  /**\n   * Value.\n   */\n  @property() value: string | File | FileList = undefined;\n  /**\n   * Only single files are allowed to be selected.\n   */\n  @property({ type: Boolean }) only = false;\n  /**\n   * Input min.\n   */\n  @property({ type: Number }) min = 0;\n  /**\n   * Input max.\n   */\n  @property({ type: Number }) max = 100;\n  /**\n   * Input step.\n   */\n  @property({ type: Number }) step = 1;\n\n  protected render() {\n    return html`<div part=\"root\" class=\"${combine({ \"input-field\": true, outline: this.variant === \"outline\" })}\">\n      <input\n        part=\"input\"\n        class=\"input\"\n        id=${this.makeId}\n        .value=\"${this.value as string}\"\n        ?autofocus=\"${this.autofocus}\"\n        type=\"${this.type}\"\n        placeholder=\"${this.placeholder}\"\n        min=\"${this.min}\"\n        max=\"${this.max}\"\n        @input=\"${this._handleInput}\"\n      />\n      ${this._renderSuffix()}\n    </div>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.type === \"file\") {\n      this.value = null;\n    } else {\n      if (!this.default) {\n        this.default = (this.value as string) || \"\";\n      }\n      if (!this.value) {\n        this.value = this.default;\n      }\n    }\n  }\n  protected _handleFile(e: any | Event) {\n    this.value = !this.only ? e.target.files : e.target.files[0];\n    this.dispatchEvent(new CustomEvent(\"change\", { detail: this.value }));\n  }\n\n  reset() {\n    if (this.type === \"file\") {\n      this.value = null;\n      return;\n    }\n    this._input.value = this.default.toString();\n    this.value = this.default;\n  }\n}\n\nexport default Input;\n"]}