godown 3.0.0-canary.1 → 3.0.0-canary.11

package/dev/components/input.js

@@ -2,6 +2,7 @@ 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 { attr } from "@godown/element/directives/attr.js";
 import { classList } from "@godown/element/directives/class-list.js";
 import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
@@ -9,7 +10,7 @@ import { cssGlobalVars } from "../core/global-style.js";
 import SuperInput from "../core/super-input.js";
 const protoName = "input";
 /**
- * {@linkcode Input} used for text input.
+ * {@linkcode Input} renders a text input.
  *
  * @category input
  */
@@ -23,7 +24,7 @@ let Input = class Input extends SuperInput {
         this.variant = "default";
     }
     render() {
-        return html `<div part="root" class="${classList("input-field", this.variant)}">
+        return html `<div part="root" ${attr(this.observedRecord)} class="${classList("input-field", this.variant)}">
     ${[
             this._renderPrefix(),
             html `<input
@@ -50,9 +51,6 @@ let Input = class Input extends SuperInput {
 __decorate([
     property()
 ], Input.prototype, "variant", void 0);
-__decorate([
-    property()
-], Input.prototype, "accept", void 0);
 __decorate([
     part("input")
 ], Input.prototype, "_input", void 0);
@@ -67,22 +65,6 @@ Input = __decorate([
       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;

package/dev/components/input.js.map

@@ -1 +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"}
+{"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,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAC9D,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,oBAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC;MACvG;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

@@ -1,29 +1,27 @@
+import { type TemplateResult } from "lit";
 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.
+     * If true, remove the header slot.
      */
     noHeader: boolean;
     /**
-     * If true, hide the footer slot.
+     * If true, remove the footer slot.
      */
     noFooter: boolean;
     /**
      * If true, header will sticky.
      */
     sticky: boolean;
-    protected render(): import("lit").TemplateResult<1>[];
+    protected render(): TemplateResult<1>;
 }
 export default NavLayout;
 //# sourceMappingURL=layout.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/components/layout.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;GAOG;AACH,cAiCM,SAAU,SAAQ,WAAW;IACjC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAetC;AAED,eAAe,SAAS,CAAC"}

package/dev/components/layout.js

@@ -1,8 +1,7 @@
 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 { attr } from "@godown/element/directives/attr.js";
 import { htmlSlot } from "@godown/element/directives/html-slot.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
@@ -12,20 +11,36 @@ 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 [
-            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> `),
-        ];
+        return html `<div part="root" ${attr(this.observedRecord)}>
+    ${!this.noHeader
+            ? html `<header part="header">${htmlSlot("header")}</header>`
+            : ""}
+    <main part="main">${htmlSlot()}</main>
+    ${!this.noFooter
+            ? html `<footer part="footer">${htmlSlot("footer")}</footer>`
+            : ""}
+    </div>`;
     }
 };
 __decorate([
@@ -40,19 +55,24 @@ __decorate([
 NavLayout = __decorate([
     godown(protoName),
     styles(css `
-    :host {
+    :host,
+    :host([contents]) [part=root] {
       min-height: 100%;
       display: flex;
       flex-direction: column;
     }
 
-    .sticky {
+    [part=root] {
+      display: contents;
+    }
+
+    [sticky] header {
       position: sticky;
       top: 0;
       z-index: 1;
     }
 
-    [part="main"] {
+    [part=main] {
       position: relative;
       flex: 1;
       width: 100%;

package/dev/components/layout.js.map

@@ -1 +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"}
+{"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,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,QAAQ,CAAC;AAE3B;;;;;;;GAOG;AAkCH,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;IAiBjB,CAAC;IAfW,MAAM;QACd,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;MAEtD,CAAC,IAAI,CAAC,QAAQ;YACZ,CAAC,CAAC,IAAI,CAAA,yBAAyB,QAAQ,CAAC,QAAQ,CAAC,WAAW;YAC5D,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;WACO,CAAC;IACV,CAAC;CACF,CAAA;AA7BC;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;IAjCd,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BF,CACF;GACK,SAAS,CAkCd;AAED,eAAe,SAAS,CAAC"}

package/dev/components/link.d.ts

@@ -11,7 +11,9 @@ declare class Link extends SuperAnchor {
     /**
      * If "push", call `history.pushState`.
      *
-     * If "replace", call `history.replaceState`
+     * If "replace", call `history.replaceState`.
+     *
+     * If "normal", behave like a normal anchor.
      */
     type: "push" | "replace" | "normal";
     protected _handleClick(e: MouseEvent): void;

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

@@ -1 +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"}
+{"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;;;;;;OAMG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAY;IAE/C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAO5C;AAED,eAAe,IAAI,CAAC"}

package/dev/components/link.js

@@ -18,7 +18,9 @@ let Link = class Link extends SuperAnchor {
         /**
          * If "push", call `history.pushState`.
          *
-         * If "replace", call `history.replaceState`
+         * If "replace", call `history.replaceState`.
+         *
+         * If "normal", behave like a normal anchor.
          */
         this.type = "normal";
     }

package/dev/components/link.js.map

@@ -1 +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"}
+{"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;;;;;;WAMG;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;AAT3C,IAAI;IADT,MAAM,CAAC,SAAS,CAAC;GACZ,IAAI,CAkBT;AAED,eAAe,IAAI,CAAC"}

package/dev/components/progress.d.ts

@@ -1,23 +1,15 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
- * {@linkcode Progress} similar to <progress>.
+ * {@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>;
+    value: number;
+    protected render(): TemplateResult<1>;
     /**
      * Convert s to a percentage without a percent sign.
      *

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

@@ -1 +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"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,cA+CM,QAAS,SAAQ,WAAW;IAEhC,GAAG,SAAK;IAGR,GAAG,SAAK;IAGR,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,QAAQ,CAAC"}

package/dev/components/progress.js

@@ -1,39 +1,31 @@
 import { __decorate } from "tslib";
 import { godown } from "@godown/element/decorators/godown.js";
 import { styles } from "@godown/element/decorators/styles.js";
+import { attr } from "@godown/element/directives/attr.js";
+import { isNil } from "@godown/element/tools/lib.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 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) {
+        if (!isNil(this.value)) {
             width = this.parsePercent(this.value);
             className = "static";
         }
-        return html `<div part="root" class="${className}">
+        return html `<div part="root" ${attr(this.observedRecord)} class="${className}">
       <i part="value" style="width:${width}%;"></i>
     </div>`;
     }
@@ -57,7 +49,7 @@ __decorate([
     property({ type: Number })
 ], Progress.prototype, "min", void 0);
 __decorate([
-    property({ type: Number, reflect: true })
+    property({ type: Number })
 ], Progress.prototype, "value", void 0);
 Progress = __decorate([
     godown(protoName),
@@ -65,20 +57,24 @@ Progress = __decorate([
   :host {
     width: 100%;
     height: 0.5em;
-    display: inline-block;
     border-radius: 0.25em;
     background: var(${cssGlobalVars.passive});
     color: var(${cssGlobalVars.active});
   }
 
-  [part="root"] {
+  :host,
+  [part=root] {
+    display: block;
+  }
+
+  [part=root] {
     height: inherit;
     z-index: 1;
     position: relative;
     border-radius: inherit;
   }
 
-  [part="value"] {
+  [part=value] {
     position: absolute;
     z-index: 2;
     top: 0;
@@ -99,7 +95,7 @@ Progress = __decorate([
     }
   }
 
-  .static [part="value"] {
+  .static [part=value] {
     animation: none;
   }
 `)

package/dev/components/progress.js.map

@@ -1 +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"}
+{"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,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AACrD,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;AAgDH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW;IAAlC;;QAEE,QAAG,GAAG,CAAC,CAAC;QAGR,QAAG,GAAG,CAAC,CAAC;IA6BV,CAAC;IAxBW,MAAM;QACd,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,SAAiB,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACvB,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,GAAG,QAAQ,CAAC;QACvB,CAAC;QACD,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,SAAS;qCAC3C,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;AAhCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACnB;AAGR;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACnB;AAGR;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACb;AARV,QAAQ;IA/Cb,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;sBAKW,aAAa,CAAC,OAAO;iBAC1B,aAAa,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCpC,CAAC;GACI,QAAQ,CAkCb;AAED,eAAe,QAAQ,CAAC"}

package/dev/components/range.d.ts

@@ -1,10 +1,11 @@
+import { type TemplateResult } from "lit";
 import SuperInput from "../core/super-input.js";
 /**
- * {@linkcode Range} is similar to <input type="range">.
+ * {@linkcode Range} is similar to `<input type="range">`.
  *
- * Value accepts a number, or an array of two numbers.
+ * Value accepts number, or array.
  *
- * Number have one handle, array have two.
+ * Number has 1 handle, the array has the number of its elements and the minimum is 2.
  *
  * @category input
  */
@@ -21,40 +22,66 @@ declare class Range extends SuperInput {
      * Sliding step length.
      */
     step: number;
+    /**
+     * Display vertically.
+     */
     vertical: boolean;
     /**
-     * When `this.range` is true, it should be [number, number], otherwise number.
+     * Value, or each of values, will render a handle.
+     *
+     * Accepts number or array of numbers.
      */
-    value: number | [number, number];
+    value: number | number[];
     /**
-     * The default of `this.value`.
+     * The default of `{@linkcode this.value}`.
      */
-    default: number | [number, number];
-    _root: HTMLElement;
-    lastFocus: undefined | 1 | 2;
+    default: typeof this.value;
+    protected _root: HTMLElement;
+    protected _handles: NodeListOf<HTMLElement>;
+    lastFocus?: number;
     /**
-     * Returns true when the second number is greater than the first number
+     * Returns true when the second number is greater than the first number.
      */
     get reverse(): boolean;
     /**
-     * Enable range sliding.
+     * If value is array.
      */
     get range(): boolean;
-    get rangeValue(): [number, number];
-    protected render(): import("lit").TemplateResult<1>;
-    protected _handleMousedownStart(e: MouseEvent): void;
+    /**
+     * Return values in the form of an array.
+     */
+    get rangeValue(): number[];
+    /**
+     * @param len Minimum result length.
+     * @param value Fill value.
+     * @returns Array with length of len.
+     */
+    padValue(len: number, value?: number): number[];
+    protected render(): TemplateResult<1>;
+    protected renderHandle(index: number): TemplateResult<1>;
+    private _keydownEvent;
+    focusHandle(index: number): void;
+    blurHandle(): void;
+    protected createKeydownEvent(index: number): (e: KeyboardEvent) => void;
+    createMouseDown(index: number): (e: MouseEvent) => void;
     protected _handleMousedownEnd(e: MouseEvent): void;
-    setStart(value: number): void;
+    createSetValue(index: number): (numberOrModifier: number | ((value: number) => number)) => void;
     setEnd(value: number): void;
+    /**
+     * Compute value from event.
+     */
     protected _computeValue(e: MouseEvent): number;
+    /**
+     * Ensure that the values do not exceed the range of max and min.
+     */
+    protected normalizeValue(value: number): 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];
+    sort(): number | number[];
+    toSorted(): number | number[];
 }
 export default Range;
 //# sourceMappingURL=range.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/components/range.ts"],"names":[],"mappings":"AAOA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cA2FM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC;IAG3B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAG7B,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;;;OAIG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAgCrC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAiBxD,OAAO,CAAC,aAAa,CAAqC;IAE1D,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAShC,UAAU,IAAI,IAAI;IAKlB,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAI7B,aAAa,KAAG,IAAI;IAWjC,eAAe,CAAC,KAAK,EAAE,MAAM,OAChB,UAAU,KAAG,IAAI;IAM9B,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAMlD,cAAc,CAAC,KAAK,EAAE,MAAM,sBACA,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,KAAG,IAAI;IAavE,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI3B;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM;IAO9C;;OAEG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAM/C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAgBnD,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU,KAAG,IAAI;IAa9B,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OACrD,UAAU,KAAG,IAAI;IAS9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,MAAM,GAAG,MAAM,EAAE;IAIzB,QAAQ,IAAI,MAAM,GAAG,MAAM,EAAE;CAM9B;AAED,eAAe,KAAK,CAAC"}