godown 2.7.7 → 3.0.0-canary.1

package/{web-components/form → dev/components}/form.js

@@ -1,18 +1,21 @@
 var Form_1;
 import { __decorate } from "tslib";
-import { css, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlSlot } from "../../lib/directives.js";
-import { GodownElement } from "../../proto/godown-element.js";
+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.
  *
  * @slot - Child elements.
+ *
+ * @category form
  */
-let Form = Form_1 = class Form extends GodownElement {
+let Form = Form_1 = class Form extends GlobalStyle {
     constructor() {
         super(...arguments);
         this.name = "";
@@ -66,14 +69,11 @@ __decorate([
 ], Form.prototype, "name", void 0);
 Form = Form_1 = __decorate([
     godown(protoName),
-    styles([
-        css `
+    styles(css `
     :host {
       display: block;
     }
-  `,
-    ])
+  `)
 ], Form);
-export { 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;;;;;;;GAOG;AASH,IAAM,IAAI,YAAV,MAAM,IAAiB,SAAQ,WAAW;IAA1C;;QAEE,SAAI,GAAG,EAAE,CAAC;QAKV,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;AApDC;IADC,QAAQ,EAAE;kCACD;AAFN,IAAI;IART,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;;;GAIF,CACF;GACK,IAAI,CAsDT;AAED,eAAe,IAAI,CAAC"}

package/dev/components/grid.d.ts

@@ -0,0 +1,31 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode Grid} provides gird layout.
+ *
+ * @category layout
+ */
+declare class Grid extends GlobalStyle {
+    /**
+     * CSS property `gap`.
+     */
+    gap: string;
+    /**
+     * CSS property `grid-template-columns`, if {@linkcode isNumerical} divide equally.
+     */
+    columns: string | number;
+    /**
+     * CSS property `grid-template-rows`, if {@linkcode isNumerical} divide 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(): 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;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM;CAgBjB;AAED,eAAe,IAAI,CAAC"}

package/dev/components/grid.js

@@ -0,0 +1,53 @@
+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.
+ *
+ * @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;;;;GAIG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IA2BlB,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;AAtCC;IADC,QAAQ,EAAE;iCACC;AAKZ;IADC,QAAQ,EAAE;qCACc;AAKzB;IADC,QAAQ,EAAE;kCACW;AAKtB;IADC,QAAQ,EAAE;qCACK;AAKhB;IADC,QAAQ,EAAE;mCACG;AAzBV,IAAI;IAFT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA,sBAAsB,CAAC;GAC5B,IAAI,CA2CT;AAED,eAAe,IAAI,CAAC"}

package/dev/components/input.d.ts

@@ -0,0 +1,20 @@
+import SuperInput from "../core/super-input.js";
+/**
+ * {@linkcode Input} used for 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";
+    accept: string;
+    _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,cA6BM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAU;IACxE,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,MAAM,EAAE,MAAM,CAAC;IAGf,MAAM,EAAE,gBAAgB,CAAC;IAEzB,SAAS,CAAC,MAAM;IAqBhB,KAAK;CAIN;AAED,eAAe,KAAK,CAAC"}

package/dev/components/input.js

@@ -0,0 +1,89 @@
+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} used for 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([
+    property()
+], Input.prototype, "accept", 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;
+    }
+
+    [part="root"] {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      cursor: inherit;
+    }
+
+    input {
+      height: 100%;
+      width: 100%;
+      margin: 0;
+      color: inherit;
+      cursor: inherit;
+      border-radius: inherit;
+    }
+  `)
+], 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;AA8BH,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QACE,SAAI,GAA6D,MAAM,CAAC;QAGxE;;WAEG;QAEH,YAAO,GAA0B,SAAS,CAAC;IAiC7C,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;AAjCC;IADC,QAAQ,EAAE;sCACgC;AAG3C;IADC,QAAQ,EAAE;qCACI;AAGf;IADC,IAAI,CAAC,OAAO,CAAC;qCACW;AAdrB,KAAK;IA7BV,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;;;;;;;;;;;;;;;;;;;GAmB3C,CACF;GACK,KAAK,CAyCV;AAED,eAAe,KAAK,CAAC"}

package/dev/components/layout.d.ts

@@ -0,0 +1,29 @@
+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, hide the header slot.
+     */
+    noHeader: boolean;
+    /**
+     * If true, hide 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":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;GAUG;AACH,cA4BM,SAAU,SAAQ,WAAW;IACjC;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,MAAM,EAAE,OAAO,CAAC;IAEhB,SAAS,CAAC,MAAM;CAUjB;AAED,eAAe,SAAS,CAAC"}

package/dev/components/layout.js

@@ -0,0 +1,69 @@
+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 { conditionIf } from "@godown/element/directives/condition-if.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 {
+    render() {
+        return [
+            conditionIf(!this.noHeader, html `<header part="header" class="${classList({ sticky: this.sticky })}">${htmlSlot("header")}</header>`),
+            html `<main part="main">${htmlSlot()}</main>`,
+            conditionIf(!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,WAAW,EAAE,MAAM,4CAA4C,CAAC;AACzE,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;;;;;;;;;;GAUG;AA6BH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,WAAW;IAkBvB,MAAM;QACd,OAAO;YACL,WAAW,CACT,CAAC,IAAI,CAAC,QAAQ,EACd,IAAI,CAAA,gCAAgC,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,WAAW,CACzG;YACD,IAAI,CAAA,qBAAqB,QAAQ,EAAE,SAAS;YAC5C,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAA,yBAAyB,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC;SACzF,CAAC;IACJ,CAAC;CACF,CAAA;AAvBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACV;AAKlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACV;AAMlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACZ;AAhBZ,SAAS;IA5Bd,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBF,CACF;GACK,SAAS,CA4Bd;AAED,eAAe,SAAS,CAAC"}

package/dev/components/link.d.ts

@@ -0,0 +1,20 @@
+import SuperAnchor from "../core/super-anchor.js";
+/**
+ * {@linkcode Link} is used for link jumping.
+ *
+ * Set `type` to `"push" `or `"replace"`,
+ * will invoke the history api and trigger the {@linkcode Router.updateAll}.
+ *
+ * @category navigation
+ */
+declare class Link extends SuperAnchor {
+    /**
+     * If "push", call `history.pushState`.
+     *
+     * If "replace", call `history.replaceState`
+     */
+    type: "push" | "replace" | "normal";
+    protected _handleClick(e: MouseEvent): void;
+}
+export default Link;
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.ts"],"names":[],"mappings":"AAGA,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAKlD;;;;;;;GAOG;AACH,cACM,IAAK,SAAQ,WAAW;IAC5B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAY;IAE/C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAOrC;AAED,eAAe,IAAI,CAAC"}

package/dev/components/link.js

@@ -0,0 +1,40 @@
+import { __decorate } from "tslib";
+import { godown } from "@godown/element/decorators/godown.js";
+import { property } from "lit/decorators.js";
+import SuperAnchor from "../core/super-anchor.js";
+import Router from "./router.js";
+const protoName = "link";
+/**
+ * {@linkcode Link} is used for link jumping.
+ *
+ * Set `type` to `"push" `or `"replace"`,
+ * will invoke the history api and trigger the {@linkcode Router.updateAll}.
+ *
+ * @category navigation
+ */
+let Link = class Link extends SuperAnchor {
+    constructor() {
+        super(...arguments);
+        /**
+         * If "push", call `history.pushState`.
+         *
+         * If "replace", call `history.replaceState`
+         */
+        this.type = "normal";
+    }
+    _handleClick(e) {
+        if (this.type === "push" || this.type === "replace") {
+            e.preventDefault();
+            (history[`${this.type}State`])(null, "", this.href);
+            Router.updateAll();
+        }
+    }
+};
+__decorate([
+    property()
+], Link.prototype, "type", void 0);
+Link = __decorate([
+    godown(protoName)
+], Link);
+export default Link;
+//# sourceMappingURL=link.js.map

package/dev/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAClD,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;;;GAOG;AAEH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;;;WAIG;QAEH,SAAI,GAAkC,QAAQ,CAAC;IASjD,CAAC;IAPW,YAAY,CAAC,CAAa;QAClC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACpD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACpD,MAAM,CAAC,SAAS,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;CACF,CAAA;AATC;IADC,QAAQ,EAAE;kCACoC;AAP3C,IAAI;IADT,MAAM,CAAC,SAAS,CAAC;GACZ,IAAI,CAgBT;AAED,eAAe,IAAI,CAAC"}

package/dev/components/progress.d.ts

@@ -0,0 +1,30 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode Progress} similar to <progress>.
+ *
+ * @category feedback
+ */
+declare class Progress extends GlobalStyle {
+    /**
+     * Maximum.
+     */
+    max: number;
+    /**
+     * Minimum.
+     */
+    min: number;
+    /**
+     * Input value.
+     */
+    value: any;
+    protected render(): import("lit").TemplateResult<1>;
+    /**
+     * Convert s to a percentage without a percent sign.
+     *
+     * @param s String or number to convert.
+     * @returns Percentage without a percent sign.
+     */
+    parsePercent(s?: string | number): number;
+}
+export default Progress;
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,cA2CM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,GAAG,SAAK;IACR;;OAEG;IAEH,GAAG,SAAK;IACR;;OAEG;IAEH,KAAK,MAAQ;IAEb,SAAS,CAAC,MAAM;IAYhB;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,QAAQ,CAAC"}

package/{web-components/progress → dev/components}/progress.js

@@ -1,14 +1,16 @@
 import { __decorate } from "tslib";
-import { css, html, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { GodownElement } from "../../proto/godown-element.js";
-import { cssGlobalVars } from "../../styles/global.js";
+import { godown } from "@godown/element/decorators/godown.js";
+import { styles } from "@godown/element/decorators/styles.js";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import { cssGlobalVars, GlobalStyle } from "../core/global-style.js";
 const protoName = "progress";
 /**
- * {@linkcode Progress} similar to  progress.
+ * {@linkcode Progress} similar to <progress>.
+ *
+ * @category feedback
  */
-let Progress = class Progress extends GodownElement {
+let Progress = class Progress extends GlobalStyle {
     constructor() {
         super(...arguments);
         /**
@@ -65,8 +67,8 @@ Progress = __decorate([
     height: 0.5em;
     display: inline-block;
     border-radius: 0.25em;
-    background: var(--${cssGlobalVars.passive});
-    color: var(--${cssGlobalVars.active});
+    background: var(${cssGlobalVars.passive});
+    color: var(${cssGlobalVars.active});
   }
 
   [part="root"] {
@@ -84,7 +86,7 @@ Progress = __decorate([
     height: 100%;
     border-radius: inherit;
     transition: all 0.3s;
-    animation: progress 1.5s ease-in-out infinite alternate;
+    animation: progress 1.8s ease-in-out infinite alternate;
     background: currentColor;
   }
 
@@ -102,6 +104,5 @@ Progress = __decorate([
   }
 `)
 ], Progress);
-export { Progress };
 export default Progress;
 //# sourceMappingURL=progress.js.map

package/dev/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAErE,MAAM,SAAS,GAAG,UAAU,CAAC;AAE7B;;;;GAIG;AA4CH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW;IAAlC;;QACE;;WAEG;QAEH,QAAG,GAAG,CAAC,CAAC;QACR;;WAEG;QAEH,QAAG,GAAG,CAAC,CAAC;QACR;;WAEG;QAEH,UAAK,GAAG,IAAI,CAAC;IA0Bf,CAAC;IAxBW,MAAM;QACd,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,SAAiB,CAAC;QACtB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YACxB,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,GAAG,QAAQ,CAAC;QACvB,CAAC;QACD,OAAO,IAAI,CAAA,2BAA2B,SAAS;qCACd,KAAK;WAC/B,CAAC;IACV,CAAC;IAED;;;;;OAKG;IACH,YAAY,CAAC,IAAqB,GAAG;QACnC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAC/D,CAAC;CACF,CAAA;AApCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACnB;AAKR;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACnB;AAKR;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAC7B;AAfT,QAAQ;IA3Cb,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;sBAMW,aAAa,CAAC,OAAO;iBAC1B,aAAa,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCpC,CAAC;GACI,QAAQ,CAyCb;AAED,eAAe,QAAQ,CAAC"}

package/dev/components/range.d.ts

@@ -0,0 +1,60 @@
+import SuperInput from "../core/super-input.js";
+/**
+ * {@linkcode Range} is similar to <input type="range">.
+ *
+ * Value accepts a number, or an array of two numbers.
+ *
+ * Number have one handle, array have two.
+ *
+ * @category input
+ */
+declare class Range extends SuperInput {
+    /**
+     * Minimum value.
+     */
+    min: number;
+    /**
+     * Maximum value.
+     */
+    max: number;
+    /**
+     * Sliding step length.
+     */
+    step: number;
+    vertical: boolean;
+    /**
+     * When `this.range` is true, it should be [number, number], otherwise number.
+     */
+    value: number | [number, number];
+    /**
+     * The default of `this.value`.
+     */
+    default: number | [number, number];
+    _root: HTMLElement;
+    lastFocus: undefined | 1 | 2;
+    /**
+     * Returns true when the second number is greater than the first number
+     */
+    get reverse(): boolean;
+    /**
+     * Enable range sliding.
+     */
+    get range(): boolean;
+    get rangeValue(): [number, number];
+    protected render(): import("lit").TemplateResult<1>;
+    protected _handleMousedownStart(e: MouseEvent): void;
+    protected _handleMousedownEnd(e: MouseEvent): void;
+    setStart(value: number): void;
+    setEnd(value: number): void;
+    protected _computeValue(e: MouseEvent): number;
+    protected _handleMousedownRoot(e: MouseEvent): void;
+    protected createMousedownListener(mouseMoveCallback: (arg0: number) => void): (e: MouseEvent) => void;
+    protected createMousemoveListener(callback: (arg0: number) => void): (e: MouseEvent) => void;
+    protected _connectedInit(): void;
+    reset(): void;
+    swap(): void;
+    sort(): void;
+    toSorted(): number | [number, number];
+}
+export default Range;
+//# sourceMappingURL=range.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/components/range.ts"],"names":[],"mappings":"AAYA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cAwGM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IACR;;OAEG;IAEH,GAAG,SAAO;IACV;;OAEG;IAEH,IAAI,SAAK;IAGT,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAGnC,KAAK,EAAE,WAAW,CAAC;IAGnB,SAAS,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;IAE7B;;OAEG;IACH,IAAI,OAAO,YAEV;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAEjC;IAED,SAAS,CAAC,MAAM;IAqChB,SAAS,CAAC,qBAAqB,CAAC,CAAC,EAAE,UAAU;IAI7C,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,UAAU;IAK3C,QAAQ,CAAC,KAAK,EAAE,MAAM;IAKtB,MAAM,CAAC,KAAK,EAAE,MAAM;IAKpB,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;IASrC,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU;IAW5C,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU;IAavB,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OACrD,UAAU;IASvB,SAAS,CAAC,cAAc;IAcxB,KAAK;IAIL,IAAI;IAOJ,IAAI;IAIJ,QAAQ,IAAI,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;CAOtC;AAED,eAAe,KAAK,CAAC"}