godown 2.7.7 → 3.0.0-canary.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/carousel/carousel.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D;;GAEG;AACH,qBAuEa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,UAAU,SAAK;IAC3C;;OAEG;IACS,KAAK,SAAM;IAEJ,SAAS,EAAE,WAAW,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,SAAS,CAAC,MAAM;IAchB,SAAS,CAAC,YAAY;IAwBtB,oBAAoB;IAIpB,IAAI,CAAC,CAAC,EAAE,MAAM;IAMd,IAAI;IAWJ,IAAI;CAUL;AAED,eAAe,QAAQ,CAAC"}

package/web-components/carousel/carousel.js

@@ -1,185 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { part } from "../../decorators/part.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlSlot } from "../../lib/directives.js";
-import { htmlStyle } from "../../lib/directives.js";
-import { svgArrow } from "../../lib/icons.js";
-import { GodownElement } from "../../proto/godown-element.js";
-const protoName = "carousel";
-/**
- * {@linkcode Carousel} rotates child elements.
- */
-let Carousel = class Carousel extends GodownElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * The index of the element is displayed for the first time.
-         */
-        this.index = 0;
-        /**
-         * If autoChange > 0, the rotation will be automated.
-         */
-        this.autoChange = 0;
-        /**
-         * Width.
-         */
-        this.width = "";
-        this._clone = [];
-    }
-    render() {
-        const style = this.width && `:host{width:${this.width.split(";")[0]};}`;
-        return html `<div part="root">
-      <a part="prev" class="prev" @click="${this.prev}">
-        <i>${svgArrow()}</i>
-      </a>
-      <div part="move-root">${htmlSlot()}</div>
-      <a part="next" class="next" @click="${this.next}">
-        <i>${svgArrow()}</i>
-      </a>
-      ${htmlStyle(style)}
-    </div>`;
-    }
-    firstUpdated() {
-        if (this.assigned.length) {
-            if (!this.width) {
-                this.width = `${this.assigned[0].offsetWidth}px`;
-            }
-            if (this._clone.length) {
-                this._clone.forEach((element) => element.remove());
-                this._clone = [];
-            }
-            const last = this.assigned[0].cloneNode(true);
-            const first = this.assigned[this.assigned.length - 1].cloneNode(true);
-            first.style.marginLeft = "-100%";
-            this._clone.push(first, last);
-            this.appendChild(last);
-            this.insertBefore(first, this.firstElementChild);
-            this.show(this.index);
-        }
-        if (this.autoChange) {
-            this.intervalID = setInterval(() => {
-                this.next();
-            }, this.autoChange);
-        }
-    }
-    disconnectedCallback() {
-        clearInterval(this.intervalID);
-    }
-    show(i) {
-        this.index = i;
-        this._moveRoot.style.transform = `translateX(-${i}00%)`;
-        this._moveRoot.style.transition = "inherit";
-    }
-    next() {
-        if (this.index === this.assigned.length - 3) {
-            this._moveRoot.style.transform = `translateX(100%)`;
-            this._moveRoot.style.transition = "none";
-            this._moveRoot.getBoundingClientRect();
-            this.show(0);
-        }
-        else {
-            this.show(this.index + 1);
-        }
-    }
-    prev() {
-        if (this.index === 0) {
-            this._moveRoot.style.transform = `translateX(-${this.assigned.length - 2}00%)`;
-            this._moveRoot.style.transition = `none`;
-            this._moveRoot.getBoundingClientRect();
-            this.show(this.assigned.length - 3);
-        }
-        else {
-            this.show(this.index - 1);
-        }
-    }
-};
-__decorate([
-    property({ type: Number })
-], Carousel.prototype, "index", void 0);
-__decorate([
-    property({ type: Number })
-], Carousel.prototype, "autoChange", void 0);
-__decorate([
-    property()
-], Carousel.prototype, "width", void 0);
-__decorate([
-    part("move-root")
-], Carousel.prototype, "_moveRoot", void 0);
-Carousel = __decorate([
-    godown(protoName),
-    styles([
-        css `
-    :host {
-      display: block;
-      transition: all 0.2s;
-    }
-
-    [part="root"] {
-      overflow: hidden;
-    }
-
-    div {
-      width: 100%;
-      display: flex;
-      position: relative;
-      transition: inherit;
-    }
-
-    a {
-      position: absolute;
-      height: 100%;
-      width: -moz-fit-content;
-      width: fit-content;
-      z-index: 1;
-      display: flex;
-      align-items: center;
-    }
-
-    [part="prev"] {
-      left: 0;
-    }
-
-    [part="prev"] svg {
-      transform: rotate(180deg);
-    }
-
-    [part="next"] {
-      right: 0;
-    }
-
-    i {
-      position: relative;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      transition: 0.3s;
-      width: 2em;
-      height: 100%;
-    }
-
-    svg {
-      flex: 1;
-      max-height: 100%;
-      max-width: 100%;
-    }
-
-    a:hover i {
-      background-color: #0000001a;
-      width: 2.2em;
-    }
-
-    i svg path {
-      stroke-width: 4;
-    }
-
-    slot::slotted(*) {
-      flex-shrink: 0 !important;
-    }
-  `,
-    ])
-], Carousel);
-export { Carousel };
-export default Carousel;
-//# sourceMappingURL=carousel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/carousel/carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { part } from \"../../decorators/part.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { htmlStyle } from \"../../lib/directives.js\";\nimport { svgArrow } from \"../../lib/icons.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\n\nconst protoName = \"carousel\";\n\n/**\n * {@linkcode Carousel} rotates child elements.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      display: block;\n      transition: all 0.2s;\n    }\n\n    [part=\"root\"] {\n      overflow: hidden;\n    }\n\n    div {\n      width: 100%;\n      display: flex;\n      position: relative;\n      transition: inherit;\n    }\n\n    a {\n      position: absolute;\n      height: 100%;\n      width: -moz-fit-content;\n      width: fit-content;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n    }\n\n    [part=\"prev\"] {\n      left: 0;\n    }\n\n    [part=\"prev\"] svg {\n      transform: rotate(180deg);\n    }\n\n    [part=\"next\"] {\n      right: 0;\n    }\n\n    i {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: 0.3s;\n      width: 2em;\n      height: 100%;\n    }\n\n    svg {\n      flex: 1;\n      max-height: 100%;\n      max-width: 100%;\n    }\n\n    a:hover i {\n      background-color: #0000001a;\n      width: 2.2em;\n    }\n\n    i svg path {\n      stroke-width: 4;\n    }\n\n    slot::slotted(*) {\n      flex-shrink: 0 !important;\n    }\n  `,\n])\nexport class Carousel extends GodownElement {\n  /**\n   * The index of the element is displayed for the first time.\n   */\n  @property({ type: Number }) index = 0;\n  /**\n   * If autoChange > 0, the rotation will be automated.\n   */\n  @property({ type: Number }) autoChange = 0;\n  /**\n   * Width.\n   */\n  @property() width = \"\";\n\n  @part(\"move-root\") _moveRoot: HTMLElement;\n  intervalID: number;\n  _clone: HTMLElement[] = [];\n\n  protected render() {\n    const style = this.width && `:host{width:${this.width.split(\";\")[0]};}`;\n    return html`<div part=\"root\">\n      <a part=\"prev\" class=\"prev\" @click=\"${this.prev}\">\n        <i>${svgArrow()}</i>\n      </a>\n      <div part=\"move-root\">${htmlSlot()}</div>\n      <a part=\"next\" class=\"next\" @click=\"${this.next}\">\n        <i>${svgArrow()}</i>\n      </a>\n      ${htmlStyle(style)}\n    </div>`;\n  }\n\n  protected firstUpdated() {\n    if (this.assigned.length) {\n      if (!this.width) {\n        this.width = `${this.assigned[0].offsetWidth}px`;\n      }\n      if (this._clone.length) {\n        this._clone.forEach((element) => element.remove());\n        this._clone = [];\n      }\n      const last = this.assigned[0].cloneNode(true) as HTMLElement;\n      const first = this.assigned[this.assigned.length - 1].cloneNode(true) as HTMLElement;\n      first.style.marginLeft = \"-100%\";\n      this._clone.push(first, last);\n      this.appendChild(last);\n      this.insertBefore(first, this.firstElementChild);\n      this.show(this.index);\n    }\n    if (this.autoChange) {\n      this.intervalID = setInterval(() => {\n        this.next();\n      }, this.autoChange);\n    }\n  }\n\n  disconnectedCallback() {\n    clearInterval(this.intervalID);\n  }\n\n  show(i: number) {\n    this.index = i;\n    this._moveRoot.style.transform = `translateX(-${i}00%)`;\n    this._moveRoot.style.transition = \"inherit\";\n  }\n\n  next() {\n    if (this.index === this.assigned.length - 3) {\n      this._moveRoot.style.transform = `translateX(100%)`;\n      this._moveRoot.style.transition = \"none\";\n      this._moveRoot.getBoundingClientRect();\n      this.show(0);\n    } else {\n      this.show(this.index + 1);\n    }\n  }\n\n  prev() {\n    if (this.index === 0) {\n      this._moveRoot.style.transform = `translateX(-${this.assigned.length - 2}00%)`;\n      this._moveRoot.style.transition = `none`;\n      this._moveRoot.getBoundingClientRect();\n      this.show(this.assigned.length - 3);\n    } else {\n      this.show(this.index - 1);\n    }\n  }\n}\n\nexport default Carousel;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/details/details.ts"],"names":[],"mappings":"AAKA,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAO3D;;GAEG;AACH,qBAyEa,OAAQ,SAAQ,cAAc;IACzC;;OAEG;IAC0B,IAAI,UAAS;IAC1C;;OAEG;IACS,OAAO,SAAM;IAEZ,GAAG,EAAE,mBAAmB,CAAC;IAEtC,SAAS,CAAC,MAAM;CAWjB;AAED,eAAe,OAAO,CAAC"}

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"}