godown 2.7.7 → 3.0.0-canary.0

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

@@ -1,18 +1,22 @@
+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';
+
 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";
 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 +70,9 @@ __decorate([
 ], Form.prototype, "name", void 0);
 Form = Form_1 = __decorate([
     godown(protoName),
-    styles([
-        css `
-    :host {
-      display: block;
-    }
-  `,
-    ])
+    styles(css `:host{display:block}`)
 ], Form);
-export { Form };
-export default Form;
-//# sourceMappingURL=form.js.map
+var Form$1 = Form;
+
+export { Form$1 as default };
+//# sourceMappingURL=form.js.map

package/components/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sources":["../src/components/form.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAQA,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;;;AAOG;AAKH,IAAM,IAAI,GAAA,MAAA,GAAV,MAAM,IAAiB,SAAQ,WAAW,CAAA;AAA1C,IAAA,WAAA,GAAA;;QAEE,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;AAKV,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;KA+C5B;AAnDC,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,MAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAM,CAAC;KAC5D;IAIS,MAAM,GAAA;QACd,OAAO,QAAQ,EAAE,CAAC;KACnB;IAED,KAAK,GAAA;QACH,IAAI,CAAC,oBAAoB,CAAwC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,KAAI;YACnF,IAAI,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE;gBAC/B,OAAO;aACR;AACD,YAAA,IAAI,EAAE,CAAC,KAAK,EAAE;gBACZ,EAAE,CAAC,KAAK,EAAE,CAAC;aACZ;AACH,SAAC,CAAC,CAAC;KACJ;IAED,SAAS,GAAA;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;IAED,OAAO,UAAU,CACf,QAII,EAAA;QAEJ,MAAM,MAAM,GAAG,EAAE,CAAC;AAClB,QAAA,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE;AACzB,YAAA,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,EAAE;AACzB,gBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,QAAQ,CAAC,EAAqB,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;aAC1F;AAAM,iBAAA,IAAI,EAAE,CAAC,SAAS,EAAE;gBACvB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC;gBACrC,IAAI,IAAI,EAAE;AACR,oBAAA,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;iBACtB;aACF;iBAAM,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,KAAK,KAAK,SAAS,EAAE;gBAC5C,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;aAC5B;AAAM,iBAAA,IAAI,EAAE,CAAC,UAAU,EAAE;AACxB,gBAAA,KAAK,MAAM,IAAI,IAAI,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;AACzD,oBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;iBACjE;aACF;SACF;AACD,QAAA,OAAO,MAAM,CAAC;KACf;CACF,CAAA;AApDC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACD,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAFN,IAAI,GAAA,MAAA,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAC;AACjB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,oBAAA,CAAsB,CAC1B;AACK,CAAA,EAAA,IAAI,CAsDT,CAAA;AAED,aAAe,IAAI;;;;"}

package/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/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/components/grid.js

@@ -0,0 +1,56 @@
+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);
+var Grid$1 = Grid;
+
+export { Grid$1 as default };
+//# sourceMappingURL=grid.js.map

package/components/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../src/components/grid.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;AAIG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;IA2BlB,MAAM,GAAA;QACd,OAAO;AACL,YAAA,QAAQ,EAAE;YACV,SAAS,CACP,SAAS,CAAC;AACR,gBAAA,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,uBAAuB,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,UAAU,IAAI,CAAC,OAAO,CAAO,KAAA,CAAA,GAAG,IAAI,CAAC,OAAO;oBACjG,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,IAAI,CAAO,KAAA,CAAA,GAAG,IAAI,CAAC,IAAI;oBACrF,eAAe,EAAE,IAAI,CAAC,OAAO;oBAC7B,aAAa,EAAE,IAAI,CAAC,KAAK;AAC1B,iBAAA;AACF,aAAA,CAAC,CACH;SACF,CAAC;KACH;CACF,CAAA;AAtCC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACC,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKZ,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACc,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKzB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACW,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKtB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACK,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKhB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACG,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAzBV,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAC;AACjB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,mBAAA,CAAqB,CAAC;AAC3B,CAAA,EAAA,IAAI,CA2CT,CAAA;AAED,aAAe,IAAI;;;;"}

package/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/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,cAIM,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;IAQhB,KAAK;CAIN;AAED,eAAe,KAAK,CAAC"}

package/components/input.js

@@ -0,0 +1,54 @@
+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);
+var Input$1 = Input;
+
+export { Input$1 as default };
+//# sourceMappingURL=input.js.map

package/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,OAAO,CAAC;AAE1B;;;;AAIG;AAKH,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU,CAAA;AAA9B,IAAA,WAAA,GAAA;;QACE,IAAI,CAAA,IAAA,GAA6D,MAAM,CAAC;AAGxE;;AAEG;QAEH,IAAO,CAAA,OAAA,GAA0B,SAAS,CAAC;KAiC5C;IAzBW,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAA,wBAAA,EAA2B,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAC1E,EAAA,EAAA;YACA,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,IAAI,CAAA,CAEM,0BAAA,EAAA,IAAI,CAAC,IAAI,CAAA,MAAA,EACX,IAAI,CAAC,MAAM,aACP,IAAI,CAAC,KAAK,CACL,eAAA,EAAA,IAAI,CAAC,WAAW,IAAI,OAAO,CAC5B,cAAA,EAAA,IAAI,CAAC,SAAS,CAAA,kBAAA,EACV,IAAI,CAAC,cAAc,IAAI,OAAO,CAAA,gBAAA,EAChC,IAAI,CAAC,YAAY,IAAI,OAAO,CAAA,aAAA,EAC/B,IAAI,CAAC,QAAQ,aAChB,IAAI,CAAC,YAAY,CAC3B,EAAA,CAAA;YACF,IAAI,CAAC,aAAa,EAAE;AACrB,SAAA,CAAA,MAAA,CACM,CAAC;KACT;IAED,KAAK,GAAA;QACH,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;AACjC,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;KAC3B;CACF,CAAA;AAjCC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACgC,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG3C,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACI,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGf,UAAA,CAAA;IADC,IAAI,CAAC,OAAO,CAAC;AACW,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAdrB,KAAK,GAAA,UAAA,CAAA;IAJV,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA,CAAmB,gBAAA,EAAA,aAAa,CAAC,KAAK,CAAA,mBAAA,EAAsB,aAAa,CAAC,KAAK,CAAA,mBAAA,EAAsB,aAAa,CAAC,UAAU,CAAoB,iBAAA,EAAA,aAAa,CAAC,KAAK,kCAAkC,aAAa,CAAC,KAAK,CAAA,sLAAA,CAA0L,CACvZ;AACK,CAAA,EAAA,KAAK,CAyCV,CAAA;AAED,cAAe,KAAK;;;;"}

package/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/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,cAIM,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/components/layout.js

@@ -0,0 +1,48 @@
+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%}footer,header,main{width:100%}`)
+], NavLayout);
+var Layout = NavLayout;
+
+export { Layout as default };
+//# sourceMappingURL=layout.js.map

package/components/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../src/components/layout.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,QAAQ,CAAC;AAE3B;;;;;;;;;;AAUG;AAKH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,WAAW,CAAA;IAkBvB,MAAM,GAAA;QACd,OAAO;YACL,WAAW,CACT,CAAC,IAAI,CAAC,QAAQ,EACd,IAAI,CAAA,CAAgC,6BAAA,EAAA,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAK,EAAA,EAAA,QAAQ,CAAC,QAAQ,CAAC,CAAA,SAAA,CAAW,CACzG;AACD,YAAA,IAAI,CAAA,CAAA,kBAAA,EAAqB,QAAQ,EAAE,CAAS,OAAA,CAAA;AAC5C,YAAA,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAA,CAAA,sBAAA,EAAyB,QAAQ,CAAC,QAAQ,CAAC,WAAY,CAAC;SACzF,CAAC;KACH;CACF,CAAA;AAvBC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACV,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACV,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACZ,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAhBZ,SAAS,GAAA,UAAA,CAAA;IAJd,MAAM,CAAC,SAAS,CAAC;AACjB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,+KAAA,CAAmL,CACvL;AACK,CAAA,EAAA,SAAS,CA4Bd,CAAA;AAED,aAAe,SAAS;;;;"}

package/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/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/components/link.js

@@ -0,0 +1,43 @@
+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);
+var Link$1 = Link;
+
+export { Link$1 as default };
+//# sourceMappingURL=link.js.map

package/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../src/components/link.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;AAMA,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;;;AAOG;AAEH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;;;AAIG;QAEH,IAAI,CAAA,IAAA,GAAkC,QAAQ,CAAC;KAShD;AAPW,IAAA,YAAY,CAAC,CAAa,EAAA;AAClC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YACnD,CAAC,CAAC,cAAc,EAAE,CAAC;AACnB,YAAA,CAAC,OAAO,CAAC,CAAA,EAAG,IAAI,CAAC,IAAI,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACpD,MAAM,CAAC,SAAS,EAAE,CAAC;SACpB;KACF;CACF,CAAA;AATC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACoC,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAP3C,IAAI,GAAA,UAAA,CAAA;IADT,MAAM,CAAC,SAAS,CAAC;AACZ,CAAA,EAAA,IAAI,CAgBT,CAAA;AAED,aAAe,IAAI;;;;"}

package/{web-components/progress → components}/progress.d.ts

@@ -1,8 +1,10 @@
-import { GodownElement } from "../../proto/godown-element.js";
+import { GlobalStyle } from "../core/global-style.js";
 /**
- * {@linkcode Progress} similar to  progress.
+ * {@linkcode Progress} similar to <progress>.
+ *
+ * @category feedback
  */
-export declare class Progress extends GodownElement {
+declare class Progress extends GlobalStyle {
     /**
      * Maximum.
      */

package/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,cAEM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,GAAG,SAAK;IACR;;OAEG;IAEH,GAAG,SAAK;IACR;;OAEG;IAEH,KAAK,MAAQ;IAEb,SAAS,CAAC,MAAM;IAUhB;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,QAAQ,CAAC"}

package/components/progress.js

@@ -0,0 +1,68 @@
+import { __decorate } from 'tslib';
+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>.
+ *
+ * @category feedback
+ */
+let Progress = class Progress extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        /**
+         * Maximum.
+         */
+        this.max = 1;
+        /**
+         * Minimum.
+         */
+        this.min = 0;
+        /**
+         * Input value.
+         */
+        this.value = null;
+    }
+    render() {
+        let width = 20;
+        let className;
+        if (this.value !== null) {
+            width = this.parsePercent(this.value);
+            className = "static";
+        }
+        return html `<div part="root" class="${className}"><i part="value" style="width:${width}"></i></div>`;
+    }
+    /**
+     * Convert s to a percentage without a percent sign.
+     *
+     * @param s String or number to convert.
+     * @returns Percentage without a percent sign.
+     */
+    parsePercent(s = "0") {
+        if (String(s).includes("%")) {
+            return parseFloat(String(s));
+        }
+        return (parseFloat(String(s)) / (this.max - this.min)) * 100;
+    }
+};
+__decorate([
+    property({ type: Number })
+], Progress.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], Progress.prototype, "min", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], Progress.prototype, "value", void 0);
+Progress = __decorate([
+    godown(protoName),
+    styles(css `:host{width:100%;height:.5em;display:inline-block;border-radius:.25em;background:var(${cssGlobalVars.passive});color:var(${cssGlobalVars.active})}[part=root]{height:inherit;z-index:1;position:relative;border-radius:inherit}[part=value]{position:absolute;z-index:2;top:0;left:0;height:100%;border-radius:inherit;transition:all .3s;animation:progress 1.8s ease-in-out infinite alternate;background:currentColor}@keyframes progress{from{left:0}to{left:80%}}.static [part=value]{animation:none}`)
+], Progress);
+var Progress$1 = Progress;
+
+export { Progress$1 as default };
+//# sourceMappingURL=progress.js.map

package/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;AAOA,MAAM,SAAS,GAAG,UAAU,CAAC;AAE7B;;;;AAIG;AAGH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW,CAAA;AAAlC,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAG,CAAA,GAAA,GAAG,CAAC,CAAC;AACR;;AAEG;QAEH,IAAG,CAAA,GAAA,GAAG,CAAC,CAAC;AACR;;AAEG;QAEH,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;KA0Bd;IAxBW,MAAM,GAAA;QACd,IAAI,KAAK,GAAG,EAAE,CAAC;AACf,QAAA,IAAI,SAAiB,CAAC;AACtB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;YACvB,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,GAAG,QAAQ,CAAC;SACtB;AACD,QAAA,OAAO,IAAI,CAAA,CAAA,wBAAA,EAA2B,SAAS,CACd,+BAAA,EAAA,KAAK,cAC/B,CAAC;KACT;AAED;;;;;AAKG;IACH,YAAY,CAAC,IAAqB,GAAG,EAAA;QACnC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC3B,YAAA,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SAC9B;QACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;KAC9D;CACF,CAAA;AApCC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACnB,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKR,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACnB,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKR,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC7B,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAfT,QAAQ,GAAA,UAAA,CAAA;IAFb,MAAM,CAAC,SAAS,CAAC;AACjB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,qFAAA,EAA0F,aAAa,CAAC,OAAO,CAAA,YAAA,EAAe,aAAa,CAAC,MAAM,CAAA,0VAAA,CAAmW,CAAC;AAC3f,CAAA,EAAA,QAAQ,CAyCb,CAAA;AAED,iBAAe,QAAQ;;;;"}

package/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/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,cAMM,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;IAmBhB,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"}