godown 3.0.0-canary.0 → 3.0.0-canary.10

package/dev/components/dragbox.js

@@ -0,0 +1,117 @@
+import { __decorate } from "tslib";
+import { godown } from "@godown/element/decorators/godown.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { htmlSlot } from "@godown/element/directives/html-slot.js";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import { GlobalStyle } from "../core/global-style.js";
+const protoName = "dragbox";
+/**
+ * {@linkcode Dragbox} does not extend beyond the range of {@linkcode Dragbox.offsetsWidth} and {@linkcode Dragbox.offsetsHeight}.
+ *
+ * @category wrapper
+ */
+let Dragbox = class Dragbox extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        /**
+         * Position x.
+         */
+        this.x = "auto";
+        /**
+         * Position y.
+         */
+        this.y = "auto";
+    }
+    /**
+     * Width of (`this.offsetParent` or `document.body`).
+     */
+    get offsetsWidth() {
+        return this.offsetParent?.clientWidth ?? document.body.offsetWidth;
+    }
+    /**
+     * Height of (`this.offsetParent` or `document.body`).
+     */
+    get offsetsHeight() {
+        return this.offsetParent?.clientHeight ?? document.body.offsetHeight;
+    }
+    render() {
+        return html `<div @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${htmlSlot()}</div>`;
+    }
+    firstUpdated() {
+        this.reset();
+    }
+    _handleDragStart(e) {
+        this.cx = e.clientX;
+        this.cy = e.clientY;
+        this.t = this.offsetTop;
+        this.l = this.offsetLeft;
+        this.drag = true;
+        this._handleMouseMove = this.events.add(document, "mousemove", this._handleDrag.bind(this));
+        this._handleMouseLeave = this.events.add(document, "mouseleave", this._handleDragEnd.bind(this));
+    }
+    _handleDragEnd() {
+        this.drag = false;
+        this.events.remove(document, "mousemove", this._handleMouseMove);
+        this.events.remove(document, "mouseleave", this._handleMouseLeave);
+    }
+    _handleDrag(e) {
+        if (!this.drag) {
+            return;
+        }
+        const nl = e.clientX - (this.cx - this.l);
+        const nt = e.clientY - (this.cy - this.t);
+        const { style, offsetsWidth, offsetsHeight, offsetWidth, offsetHeight } = this;
+        if (nl < 0) {
+            style.left = "0";
+        }
+        else if (nl < offsetsWidth - offsetWidth) {
+            style.left = `${nl}px`;
+        }
+        else {
+            style.left = `${offsetsWidth - offsetWidth}"px"`;
+        }
+        if (nt < 0) {
+            style.top = "0";
+        }
+        else if (nt < offsetsHeight - offsetHeight) {
+            style.top = `${nt}px`;
+        }
+        else {
+            style.top = `${offsetsHeight - offsetHeight}px`;
+        }
+    }
+    reset() {
+        const { x, y, style, offsetsWidth, offsetsHeight, offsetWidth, offsetHeight, offsetLeft, offsetTop } = this;
+        style.left = x || "0";
+        style.top = y || "0";
+        if (offsetLeft > offsetsWidth - offsetWidth) {
+            style.left = `${offsetsWidth - offsetWidth}px`;
+        }
+        if (offsetTop > offsetsHeight - offsetHeight) {
+            style.top = `${offsetsHeight - offsetHeight}px`;
+        }
+    }
+};
+__decorate([
+    property()
+], Dragbox.prototype, "x", void 0);
+__decorate([
+    property()
+], Dragbox.prototype, "y", void 0);
+Dragbox = __decorate([
+    godown(protoName),
+    styles(css `
+    :host {
+      position: absolute;
+      display: block;
+    }
+
+    :host(:active) {
+      -webkit-user-select: none;
+      user-select: none;
+    }
+  `)
+], Dragbox);
+export default Dragbox;
+//# sourceMappingURL=dragbox.js.map

package/dev/components/dragbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragbox.js","sourceRoot":"","sources":["../../src/components/dragbox.ts"],"names":[],"mappings":"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"}

package/dev/components/flex.d.ts

@@ -0,0 +1,32 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode Flex} provides flex layout.
+ *
+ * @slot - Flex items.
+ * @category layout
+ */
+declare class Flex extends GlobalStyle {
+    /**
+     * CSS property `flex-flow` (`flex-direction flex-wrap`).
+     */
+    flexFlow: string;
+    /**
+     * CSS property `gap`.
+     */
+    gap: string;
+    /**
+     * CSS property `justify-content`.
+     */
+    content: string;
+    /**
+     * CSS property `align-items`.
+     */
+    items: string;
+    /**
+     * If true, set flex-direction to "column".
+     */
+    vertical: boolean;
+    protected render(): (symbol | import("lit").TemplateResult<1>)[];
+}
+export default Flex;
+//# sourceMappingURL=flex.d.ts.map

package/dev/components/flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../src/components/flex.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM;CAgBjB;AAED,eAAe,IAAI,CAAC"}

package/dev/components/flex.js

@@ -0,0 +1,60 @@
+import { __decorate } from "tslib";
+import { godown } from "@godown/element/decorators/godown.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { htmlSlot } from "@godown/element/directives/html-slot.js";
+import { htmlStyle } from "@godown/element/directives/html-style.js";
+import { joinRules } from "@godown/element/tools/css.js";
+import { css } from "lit";
+import { property } from "lit/decorators.js";
+import { GlobalStyle } from "../core/global-style.js";
+const protoName = "flex";
+/**
+ * {@linkcode Flex} provides flex layout.
+ *
+ * @slot - Flex items.
+ * @category layout
+ */
+let Flex = class Flex extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        /**
+         * If true, set flex-direction to "column".
+         */
+        this.vertical = false;
+    }
+    render() {
+        return [
+            htmlSlot(),
+            htmlStyle(joinRules({
+                ":host": {
+                    gap: this.gap,
+                    "flex-flow": this.flexFlow,
+                    "flex-direction": this.vertical && "column",
+                    "align-items": this.items,
+                    "justify-content": this.content,
+                },
+            })),
+        ];
+    }
+};
+__decorate([
+    property({ attribute: "flex-flow" })
+], Flex.prototype, "flexFlow", void 0);
+__decorate([
+    property()
+], Flex.prototype, "gap", void 0);
+__decorate([
+    property()
+], Flex.prototype, "content", void 0);
+__decorate([
+    property()
+], Flex.prototype, "items", void 0);
+__decorate([
+    property({ type: Boolean })
+], Flex.prototype, "vertical", void 0);
+Flex = __decorate([
+    godown(protoName),
+    styles(css `:host {display:flex;}`)
+], Flex);
+export default Flex;
+//# sourceMappingURL=flex.js.map

package/dev/components/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../src/components/flex.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QAyBE;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAkBnB,CAAC;IAhBW,MAAM;QACd,OAAO;YACL,QAAQ,EAAE;YACV,SAAS,CACP,SAAS,CAAC;gBACR,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,WAAW,EAAE,IAAI,CAAC,QAAQ;oBAC1B,gBAAgB,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ;oBAC3C,aAAa,EAAE,IAAI,CAAC,KAAK;oBACzB,iBAAiB,EAAE,IAAI,CAAC,OAAO;iBAChC;aACF,CAAC,CACH;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AA1CC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;sCACpB;AAMjB;IADC,QAAQ,EAAE;iCACC;AAMZ;IADC,QAAQ,EAAE;qCACK;AAMhB;IADC,QAAQ,EAAE;mCACG;AAMd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCACX;AA7Bb,IAAI;IAFT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA,uBAAuB,CAAC;GAC7B,IAAI,CA+CT;AAED,eAAe,IAAI,CAAC"}

package/dev/components/form.d.ts

@@ -0,0 +1,22 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode Form} Gets child element key-value object,
+ * which will be nested if the child element is the same as this element.
+ *
+ * @category form
+ */
+declare class Form<T = object> extends GlobalStyle {
+    name: string;
+    get value(): T;
+    nameValue: () => [string, T];
+    protected render(): import("lit").TemplateResult<1>;
+    reset(): void;
+    namevalue(): [string, T];
+    static buildValue(elements: (Element & {
+        name?: string;
+        value?: unknown;
+        namevalue?: () => [string, unknown];
+    })[]): Record<string, any>;
+}
+export default Form;
+//# sourceMappingURL=form.d.ts.map

package/dev/components/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAQM,IAAI,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAExC,IAAI,SAAM;IAEV,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/dev/components/form.js

@@ -0,0 +1,77 @@
+var Form_1;
+import { __decorate } from "tslib";
+import { godown } from "@godown/element/decorators/godown.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { htmlSlot } from "@godown/element/directives/html-slot.js";
+import { css } from "lit";
+import { property } from "lit/decorators.js";
+import { GlobalStyle } from "../core/global-style.js";
+const protoName = "form";
+/**
+ * {@linkcode Form} Gets child element key-value object,
+ * which will be nested if the child element is the same as this element.
+ *
+ * @category form
+ */
+let Form = Form_1 = class Form extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        this.name = "";
+        this.nameValue = this.namevalue;
+    }
+    get value() {
+        return Form_1.buildValue(this._slot.assignedElements());
+    }
+    render() {
+        return htmlSlot();
+    }
+    reset() {
+        this.deepQuerySelectorAll("*").forEach((el) => {
+            if (el.tagName === this.tagName) {
+                return;
+            }
+            if (el.reset) {
+                el.reset();
+            }
+        });
+    }
+    namevalue() {
+        return [this.name, this.value];
+    }
+    static buildValue(elements) {
+        const result = {};
+        for (const el of elements) {
+            if (el.tagName === "FORM") {
+                Object.assign(result, Object.fromEntries(new FormData(el).entries()));
+            }
+            else if (el.namevalue) {
+                const [name, value] = el.namevalue();
+                if (name) {
+                    result[name] = value;
+                }
+            }
+            else if (el.name && el.value !== undefined) {
+                result[el.name] = el.value;
+            }
+            else if (el.shadowRoot) {
+                for (const slot of el.shadowRoot.querySelectorAll("slot")) {
+                    Object.assign(result, this.buildValue(slot.assignedElements()));
+                }
+            }
+        }
+        return result;
+    }
+};
+__decorate([
+    property()
+], Form.prototype, "name", void 0);
+Form = Form_1 = __decorate([
+    godown(protoName),
+    styles(css `
+    :host {
+      display: block;
+    }
+  `)
+], Form);
+export default Form;
+//# sourceMappingURL=form.js.map

package/dev/components/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AASH,IAAM,IAAI,YAAV,MAAM,IAAiB,SAAQ,WAAW;IAA1C;;QAEE,SAAI,GAAG,EAAE,CAAC;QAMV,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,CAAwC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACnF,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;AArDC;IADC,QAAQ,EAAE;kCACD;AAFN,IAAI;IART,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;;;GAIF,CACF;GACK,IAAI,CAuDT;AAED,eAAe,IAAI,CAAC"}

package/dev/components/grid.d.ts

@@ -0,0 +1,36 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode Grid} provides gird layout.
+ *
+ * @slot - Grid items.
+ * @category layout
+ */
+declare class Grid extends GlobalStyle {
+    /**
+     * CSS property `gap`.
+     */
+    gap: string;
+    /**
+     * CSS property `grid-template-columns`.
+     *
+     * If columns is numerical, divide columns equally.
+     */
+    columns: string | number;
+    /**
+     * CSS property `grid-template-rows`.
+     *
+     * If rows is numerical, divide rows equally.
+     */
+    rows: string | number;
+    /**
+     * CSS property `place-content` (`align-content justify-content`).
+     */
+    content: string;
+    /**
+     * CSS property `place-items` (`align-items justify-items`).
+     */
+    items: string;
+    protected render(): (symbol | import("lit").TemplateResult<1>)[];
+}
+export default Grid;
+//# sourceMappingURL=grid.d.ts.map

package/dev/components/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/components/grid.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM;CAgBjB;AAED,eAAe,IAAI,CAAC"}

package/dev/components/grid.js

@@ -0,0 +1,54 @@
+import { __decorate } from "tslib";
+import { godown } from "@godown/element/decorators/godown.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { htmlSlot } from "@godown/element/directives/html-slot.js";
+import { htmlStyle } from "@godown/element/directives/html-style.js";
+import { joinRules } from "@godown/element/tools/css.js";
+import { isNumerical } from "@godown/element/tools/lib.js";
+import { css } from "lit";
+import { property } from "lit/decorators.js";
+import { GlobalStyle } from "../core/global-style.js";
+const protoName = "grid";
+/**
+ * {@linkcode Grid} provides gird layout.
+ *
+ * @slot - Grid items.
+ * @category layout
+ */
+let Grid = class Grid extends GlobalStyle {
+    render() {
+        return [
+            htmlSlot(),
+            htmlStyle(joinRules({
+                ":host": {
+                    gap: this.gap,
+                    "grid-template-columns": isNumerical(this.columns) ? `repeat(${this.columns},1fr)` : this.columns,
+                    "grid-template-rows": isNumerical(this.rows) ? `repeat(${this.rows},1fr)` : this.rows,
+                    "place-content": this.content,
+                    "place-items": this.items,
+                },
+            })),
+        ];
+    }
+};
+__decorate([
+    property()
+], Grid.prototype, "gap", void 0);
+__decorate([
+    property()
+], Grid.prototype, "columns", void 0);
+__decorate([
+    property()
+], Grid.prototype, "rows", void 0);
+__decorate([
+    property()
+], Grid.prototype, "content", void 0);
+__decorate([
+    property()
+], Grid.prototype, "items", void 0);
+Grid = __decorate([
+    godown(protoName),
+    styles(css `:host{display:grid;}`)
+], Grid);
+export default Grid;
+//# sourceMappingURL=grid.js.map

package/dev/components/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAmClB,MAAM;QACd,OAAO;YACL,QAAQ,EAAE;YACV,SAAS,CACP,SAAS,CAAC;gBACR,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,uBAAuB,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;oBACjG,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;oBACrF,eAAe,EAAE,IAAI,CAAC,OAAO;oBAC7B,aAAa,EAAE,IAAI,CAAC,KAAK;iBAC1B;aACF,CAAC,CACH;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AA9CC;IADC,QAAQ,EAAE;iCACC;AAQZ;IADC,QAAQ,EAAE;qCACc;AAQzB;IADC,QAAQ,EAAE;kCACW;AAMtB;IADC,QAAQ,EAAE;qCACK;AAMhB;IADC,QAAQ,EAAE;mCACG;AAjCV,IAAI;IAFT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA,sBAAsB,CAAC;GAC5B,IAAI,CAmDT;AAED,eAAe,IAAI,CAAC"}

package/dev/components/input.d.ts

@@ -0,0 +1,19 @@
+import SuperInput from "../core/super-input.js";
+/**
+ * {@linkcode Input} renders a text input.
+ *
+ * @category input
+ */
+declare class Input extends SuperInput {
+    type: "text" | "search" | "tel" | "url" | "email" | "password";
+    value: string;
+    /**
+     * If outline, the outline is always present.
+     */
+    variant: "default" | "outline";
+    protected _input: HTMLInputElement;
+    protected render(): import("lit").TemplateResult<1>;
+    reset(): void;
+}
+export default Input;
+//# sourceMappingURL=input.d.ts.map

package/dev/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":"AAQA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAIhD;;;;GAIG;AACH,cAaM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAU;IAExE,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM;IAqBhB,KAAK;CAIN;AAED,eAAe,KAAK,CAAC"}

package/dev/components/input.js

@@ -0,0 +1,70 @@
+import { __decorate } from "tslib";
+import { godown } from "@godown/element/decorators/godown.js";
+import { part } from "@godown/element/decorators/part.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { classList } from "@godown/element/directives/class-list.js";
+import { css, html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { cssGlobalVars } from "../core/global-style.js";
+import SuperInput from "../core/super-input.js";
+const protoName = "input";
+/**
+ * {@linkcode Input} renders a text input.
+ *
+ * @category input
+ */
+let Input = class Input extends SuperInput {
+    constructor() {
+        super(...arguments);
+        this.type = "text";
+        /**
+         * If outline, the outline is always present.
+         */
+        this.variant = "default";
+    }
+    render() {
+        return html `<div part="root" class="${classList("input-field", this.variant)}">
+    ${[
+            this._renderPrefix(),
+            html `<input
+        part="input"
+        type="${this.type}"
+        id="${this.makeId}"
+        .value="${this.value}"
+        placeholder="${this.placeholder || nothing}"
+        ?autofocus="${this.autofocus}"
+        autocapitalize="${this.autocapitalize || nothing}"
+        autocomplete="${this.autocomplete || nothing}"
+        ?disabled="${this.disabled}"
+        @input="${this._handleInput}"
+      >`,
+            this._renderSuffix(),
+        ]}
+    </div>`;
+    }
+    reset() {
+        this._input.value = this.default;
+        this.value = this.default;
+    }
+};
+__decorate([
+    property()
+], Input.prototype, "variant", void 0);
+__decorate([
+    part("input")
+], Input.prototype, "_input", void 0);
+Input = __decorate([
+    godown(protoName),
+    styles(css `
+    :host {
+      width: var(${cssGlobalVars.input}-width);
+      height: var(${cssGlobalVars.input}-height);
+      color: var(${cssGlobalVars.foreground});
+      background: var(${cssGlobalVars.input}-background);
+      border-radius: var(${cssGlobalVars.input}-radius);
+      display: block;
+    }
+  `)
+], Input);
+export default Input;
+//# sourceMappingURL=input.js.map

package/dev/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAEhD,MAAM,SAAS,GAAG,OAAO,CAAC;AAE1B;;;;GAIG;AAcH,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QACE,SAAI,GAA6D,MAAM,CAAC;QAIxE;;WAEG;QAEH,YAAO,GAA0B,SAAS,CAAC;IA8B7C,CAAC;IAzBW,MAAM;QACd,OAAO,IAAI,CAAA,2BAA2B,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC;MAC1E;YACA,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAA;;gBAEM,IAAI,CAAC,IAAI;cACX,IAAI,CAAC,MAAM;kBACP,IAAI,CAAC,KAAK;uBACL,IAAI,CAAC,WAAW,IAAI,OAAO;sBAC5B,IAAI,CAAC,SAAS;0BACV,IAAI,CAAC,cAAc,IAAI,OAAO;wBAChC,IAAI,CAAC,YAAY,IAAI,OAAO;qBAC/B,IAAI,CAAC,QAAQ;kBAChB,IAAI,CAAC,YAAY;QAC3B;YACF,IAAI,CAAC,aAAa,EAAE;SACrB;WACM,CAAC;IACV,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;IAC5B,CAAC;CACF,CAAA;AA9BC;IADC,QAAQ,EAAE;sCACgC;AAGjC;IADT,IAAI,CAAC,OAAO,CAAC;qCACqB;AAZ/B,KAAK;IAbV,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;mBAEc,aAAa,CAAC,KAAK;oBAClB,aAAa,CAAC,KAAK;mBACpB,aAAa,CAAC,UAAU;wBACnB,aAAa,CAAC,KAAK;2BAChB,aAAa,CAAC,KAAK;;;GAG3C,CACF;GACK,KAAK,CAuCV;AAED,eAAe,KAAK,CAAC"}

package/dev/components/layout.d.ts

@@ -0,0 +1,26 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode NavLayout} renders slot and optional top header, bottom footer.
+ *
+ * @slot - The main content of the layout.
+ * @slot header - The header of the layout.
+ * @slot footer - The footer of the layout.
+ * @category layout
+ */
+declare class NavLayout extends GlobalStyle {
+    /**
+     * If true, remove the header slot.
+     */
+    noHeader: boolean;
+    /**
+     * If true, remove the footer slot.
+     */
+    noFooter: boolean;
+    /**
+     * If true, header will sticky.
+     */
+    sticky: boolean;
+    protected render(): import("lit").TemplateResult<1>;
+}
+export default NavLayout;
+//# sourceMappingURL=layout.d.ts.map

package/dev/components/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/components/layout.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;GAOG;AACH,cA4BM,SAAU,SAAQ,WAAW;IACjC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM;CAajB;AAED,eAAe,SAAS,CAAC"}

package/dev/components/layout.js

@@ -0,0 +1,82 @@
+import { __decorate } from "tslib";
+import { godown } from "@godown/element/decorators/godown.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { classList } from "@godown/element/directives/class-list.js";
+import { htmlSlot } from "@godown/element/directives/html-slot.js";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import { GlobalStyle } from "../core/global-style.js";
+const protoName = "layout";
+/**
+ * {@linkcode NavLayout} renders slot and optional top header, bottom footer.
+ *
+ * @slot - The main content of the layout.
+ * @slot header - The header of the layout.
+ * @slot footer - The footer of the layout.
+ * @category layout
+ */
+let NavLayout = class NavLayout extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        /**
+         * If true, remove the header slot.
+         */
+        this.noHeader = false;
+        /**
+         * If true, remove the footer slot.
+         */
+        this.noFooter = false;
+        /**
+         * If true, header will sticky.
+         */
+        this.sticky = false;
+    }
+    render() {
+        return html `${!this.noHeader
+            ? html `<header part="header" class="${classList({ sticky: this.sticky })}">${htmlSlot("header")}</header>`
+            : ""}
+    <main part="main">${htmlSlot()}</main>
+    ${!this.noFooter
+            ? html `<footer part="footer">${htmlSlot("footer")}</footer>`
+            : ""}`;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], NavLayout.prototype, "noHeader", void 0);
+__decorate([
+    property({ type: Boolean })
+], NavLayout.prototype, "noFooter", void 0);
+__decorate([
+    property({ type: Boolean })
+], NavLayout.prototype, "sticky", void 0);
+NavLayout = __decorate([
+    godown(protoName),
+    styles(css `
+    :host {
+      min-height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .sticky {
+      position: sticky;
+      top: 0;
+      z-index: 1;
+    }
+
+    [part=main] {
+      position: relative;
+      flex: 1;
+      width: 100%;
+    }
+
+    header,
+    main,
+    footer {
+      width: 100%;
+    }
+  `)
+], NavLayout);
+export default NavLayout;
+//# sourceMappingURL=layout.js.map

package/dev/components/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/components/layout.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,QAAQ,CAAC;AAE3B;;;;;;;GAOG;AA6BH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,WAAW;IAAnC;;QACE;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;IAejB,CAAC;IAbW,MAAM;QACd,OAAO,IAAI,CAAA,GACT,CAAC,IAAI,CAAC,QAAQ;YACZ,CAAC,CAAC,IAAI,CAAA,gCAAgC,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,WAAW;YAC1G,CAAC,CAAC,EACN;wBACoB,QAAQ,EAAE;MAE5B,CAAC,IAAI,CAAC,QAAQ;YACZ,CAAC,CAAC,IAAI,CAAA,yBAAyB,QAAQ,CAAC,QAAQ,CAAC,WAAW;YAC5D,CAAC,CAAC,EACN,EAAE,CAAC;IACL,CAAC;CACF,CAAA;AA3BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACb;AAjBX,SAAS;IA5Bd,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBF,CACF;GACK,SAAS,CAgCd;AAED,eAAe,SAAS,CAAC"}