godown 3.0.1 → 3.1.0

package/dev/core/super-input.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { htmlSlot, part, styles } from "@godown/element";
+import { htmlSlot, omit, part, styles } from "@godown/element";
 import iconEyeSlashFill from "@godown/f7-icon/icons/eye-slash-fill.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
@@ -85,6 +85,9 @@ let SuperInput = class SuperInput extends GlobalStyle {
         this.makeId = Math.random().toString(36).slice(1);
         this.nameValue = this.namevalue;
     }
+    get observedRecord() {
+        return omit(super.observedRecord, "default", "value");
+    }
     set defaultValue(value) {
         this.default = value;
     }
@@ -201,4 +204,5 @@ SuperInput = __decorate([
     styles(fieldStyle, inputStyle)
 ], SuperInput);
 export default SuperInput;
+export { SuperInput };
 //# sourceMappingURL=super-input.js.map

package/dev/core/super-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"super-input.js","sourceRoot":"","sources":["../../src/core/super-input.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"super-input.js","sourceRoot":"","sources":["../../src/core/super-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAqB,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;qBAcD,aAAa,CAAC,KAAK;;;;;sBAKlB,aAAa,CAAC,KAAK;;;;;;;;;;;;;;;;8BAgBX,aAAa,CAAC,KAAK;;;;gCAIjB,aAAa,CAAC,KAAK;;CAElD,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAA;;MAEhB,aAAa,CAAC,KAAK;MACnB,aAAa,CAAC,KAAK;MACnB,aAAa,CAAC,KAAK;MACnB,aAAa,CAAC,KAAK,oBAAoB,aAAa,CAAC,UAAU;MAC/D,aAAa,CAAC,KAAK,iBAAiB,aAAa,CAAC,UAAU;MAC5D,aAAa,CAAC,KAAK,sBAAsB,aAAa,CAAC,MAAM;MAC7D,aAAa,CAAC,KAAK;MACnB,aAAa,CAAC,KAAK,qCAAqC,aAAa,CAAC,MAAM;yBACzD,aAAa,CAAC,KAAK;;;;;;;;;;;;;;;;CAgB3C,CAAC;AAGF,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,WAAW;IAApC;;QACE,cAAS,GAAG,KAAK,CAAC;QAKlB,aAAQ,GAAG,KAAK,CAAC;QA2BjB;;WAEG;QACH,gBAAW,GAAG,KAAK,CAAC;QAUV,WAAM,GAAW,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAM/D,cAAS,GAAwB,IAAI,CAAC,SAAS,CAAC;IA2FlD,CAAC;IA3HC,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IAgBD,IAAI,YAAY,CAAC,KAA0B;QACzC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAID,SAAS;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAID,KAAK;QACH,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;IACnC,CAAC;IAES,YAAY,CAAC,CAAiC;QACtD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;QACpC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,MAAM,EAAE,IAAI,CAAC,KAAK;YAClB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACpG,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACxF,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAES,cAAc;QACtB,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC;IAC9B,CAAC;IAES,gBAAgB;QACxB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;YAClF,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAiC,EAAE,EAAE;gBACnF,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;gBACzB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAES,gBAAgB,CAAC,CAAmB;QAC5C,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,OAAsB;QAC1B,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,MAAM;;;UAGf,QAAQ,CAAC,QAAQ,CAAC;;KAEvB,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,MAAM,QAAQ,GAAG,UAAU,CAAC;QAC5B,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,MAAM;;;UAGf,IAAI,CAAC,IAAI,KAAK,UAAU;YACxB,CAAC,CAAC,IAAI,CAAA;;;8BAGc,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;4BACrC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC;+BAClC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC;;kBAElD,gBAAgB,EAAE;;aAEvB;YACH,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;;KAEzB,CAAC;IACJ,CAAC;CACF,CAAA;AA5IC;IADC,QAAQ,EAAE;gDACoB;AAG/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACZ;AAGhB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACR;AAGpB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACf;AAGb;IADC,QAAQ,EAAE;yCACA;AAUX;IADC,QAAQ,EAAE;2CACE;AAGH;IADT,IAAI,CAAC,OAAO,CAAC;0CACqB;AA/B/B,UAAU;IADf,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC;GACzB,UAAU,CA+If;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dev/core/super-openable.d.ts

@@ -12,6 +12,7 @@ declare class SuperOpenable extends GlobalStyle {
     protected _handelClick(_: MouseEvent): void;
 }
 export default SuperOpenable;
+export { SuperOpenable };
 export type Direction4 = "left" | "right" | "top" | "bottom";
 export type Direction5 = Direction4 | "center";
 export type Direction8 = Direction4 | "top-left" | "top-right" | "bottom-left" | "bottom-right";

package/dev/core/super-openable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,GAAE,OAAsC,GAAG,IAAI;IAIxD,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAOlE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAG5C;AAED,eAAe,aAAa,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEhG,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC"}
+{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,GAAE,OAAsC,GAAG,IAAI;IAIxD,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAOlE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAG5C;AAED,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEhG,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC"}

package/dev/core/super-openable.js

@@ -32,4 +32,5 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], SuperOpenable.prototype, "open", void 0);
 export default SuperOpenable;
+export { SuperOpenable };
 //# sourceMappingURL=super-openable.js.map

package/dev/core/super-openable.js.map

@@ -1 +1 @@
-{"version":3,"file":"super-openable.js","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,aAAc,SAAQ,WAAW;IAAvC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;IAwBf,CAAC;IAtBC,MAAM,CAAC,KAAc,CAAC,IAAI,CAAC,IAAsB;QAC/C,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,OAAO,CAAC,iBAAyC;QACzD,MAAM,IAAI,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACvF,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;CACF;AAxBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC9B;AA0Bf,eAAe,aAAa,CAAC"}
+{"version":3,"file":"super-openable.js","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,aAAc,SAAQ,WAAW;IAAvC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;IAwBf,CAAC;IAtBC,MAAM,CAAC,KAAc,CAAC,IAAI,CAAC,IAAsB;QAC/C,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,OAAO,CAAC,iBAAyC;QACzD,MAAM,IAAI,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACvF,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;CACF;AAxBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC9B;AA0Bf,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Non Composite Web Components Library",
   "type": "module",
   "main": "index.js",
@@ -33,8 +33,8 @@
     "lit": "^3.0.0",
     "tslib": "^2.7.0",
     "@godown/colors": "^1.0.0",
-    "@godown/f7-icon": "^1.0.0",
-    "@godown/element": "^1.0.0"
+    "@godown/element": "^1.0.0",
+    "@godown/f7-icon": "^1.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/alert.ts

@@ -44,6 +44,9 @@ const genLight = (key: string) => {
   return [cssGlobalVars._colors[key][6], cssGlobalVars._colors[key][0]];
 };
 
+/**
+ * @deprecated
+ */
 const lightStyles = constructCSSObject(
   vars,
   {
@@ -232,6 +235,8 @@ class Alert extends GlobalStyle {
    * Alert variant, if set to `blockquote`, the alert will be rendered as a blockquote.
    *
    * If variant is `"blockquote"`, hide the close button.
+   *
+   * ! __"light" will be deprecated__ in the future.
    */
   @property()
   variant: "blockquote" | "dark" | "light" = "dark";

package/src/components/avatar.ts

@@ -86,7 +86,7 @@ class Avatar extends GlobalStyle {
     `;
   }
 
-  private _renderAvatar() {
+  protected _renderAvatar(): TemplateResult<1> {
     if (this.src) {
       return html`
         <img
@@ -109,7 +109,7 @@ class Avatar extends GlobalStyle {
     return this.name;
   }
 
-  _handleError(): void {
+  protected _handleError(): void {
     this.src = undefined;
   }
 }

package/src/components/badge.ts

@@ -85,7 +85,7 @@ class Badge extends GlobalStyle {
   @property({ type: Number })
   max = 99;
 
-  private formatValue(value: number): string {
+  formatValue(value: number): string {
     return value > this.max ? this.max + "+" : value + "";
   }
 

package/src/components/breath.ts

@@ -98,7 +98,7 @@ class Breath extends GlobalStyle {
    * otherwise split strings by whitespace.
    */
   @property()
-  text: string | string[];
+  content: string | string[];
 
   /**
    * Effect duration, ending in s or ms.
@@ -113,12 +113,12 @@ class Breath extends GlobalStyle {
         part="root"
         ${attr(this.observedRecord)}
       >
-        ${[texts.map(this.renderText), htmlStyle(this._computeStyle(texts.length))]}
+        ${[texts.map(this._renderText), htmlStyle(this._computeStyle(texts.length))]}
       </div>
     `;
   }
 
-  protected renderText(text: string): TemplateResult<1> {
+  protected _renderText(text: string): TemplateResult<1> {
     return html`
       <span class="rel">
         <span class="nocolor">${text}</span>
@@ -128,7 +128,9 @@ class Breath extends GlobalStyle {
   }
 
   protected getTexts(): string[] {
-    return Array.isArray(this.text) ? this.text : (this.text || this.textContent).split(/\s+/).filter((x) => x);
+    return Array.isArray(this.content)
+      ? this.content
+      : (this.content || this.textContent).split(/\s+/).filter((x) => x);
   }
 
   protected _computeStyle(len: number): string {
@@ -145,7 +147,7 @@ class Breath extends GlobalStyle {
     }%{opacity:1;}}${style1}`;
   }
 
-  protected parseDuration(): number | undefined {
+  parseDuration(): number | undefined {
     const { duration } = this;
     if (duration) {
       if (duration.endsWith("s")) {

package/src/components/button.ts

@@ -114,7 +114,7 @@ const colors: Record<Colors, string> = constructCSSObject(
   css`
     :host {
       ${cssScope}--padding-x: .5em;
-      ${cssScope}--padding-y: min(calc(var(${cssScope}--padding-x) / 2), .25em);
+      ${cssScope}--padding-y: min(calc(var(${cssScope}--padding-x) / 2), .125em);
       ${cssScope}--padding: var(${cssScope}--padding-y) var(${cssScope}--padding-x);
       ${cssScope}--modal-animation-duration: 1s;
       ${cssScope}--ghost-width: .08em;
@@ -150,9 +150,6 @@ const colors: Record<Colors, string> = constructCSSObject(
       user-select: none;
       border-radius: inherit;
       transition-duration: inherit;
-    }
-
-    [part="content"] {
       padding: var(${cssScope}--padding);
     }
 

package/src/components/carousel.ts

@@ -19,7 +19,7 @@ const protoName = "carousel";
  * If no width, it will be the width of the first element.
  *
  * @slot - Carousel items, should maintain the same size.
- * @fires change - Fired when the index changes.
+ * @fires change - Fires when the index changes.
  * @category display
  */
 @godown(protoName)
@@ -89,11 +89,11 @@ class Carousel extends GlobalStyle {
   @part("move-root")
   protected _moveRoot: HTMLElement;
 
-  protected intervalID: number;
+  intervalID: number;
 
-  private _cloneFirst: HTMLElement | undefined;
+  private __cloneFirst: HTMLElement | undefined;
 
-  private _cloneLast: HTMLElement | undefined;
+  private __cloneLast: HTMLElement | undefined;
 
   protected render(): TemplateResult<1> {
     return html`
@@ -130,12 +130,12 @@ class Carousel extends GlobalStyle {
     if (this.children.length) {
       this.width ||= `${(this.firstElementChild as HTMLElement).offsetWidth}px`;
 
-      this._cloneFirst?.remove();
-      this._cloneLast?.remove();
-      this._cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;
-      this._cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;
-      this.appendChild(this._cloneLast);
-      this.insertBefore(this._cloneFirst, this.firstElementChild);
+      this.__cloneFirst?.remove();
+      this.__cloneLast?.remove();
+      this.__cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;
+      this.__cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;
+      this.appendChild(this.__cloneLast);
+      this.insertBefore(this.__cloneFirst, this.firstElementChild);
       this.show(this.index);
     }
     this.checkInterval();

package/src/components/details.ts

@@ -15,7 +15,7 @@ const cssScope = scopePrefix(protoName);
  *
  * @slot summary - Details summary if no `summary` is provided.
  * @slot - Details content.
- * @fires change - Fired when the open changes.
+ * @fires change - Fires when the open changes.
  * @category display
  */
 @godown(protoName)

package/src/components/dialog.ts

@@ -3,7 +3,7 @@ import { type PropertyValues, type TemplateResult, css, html } from "lit";
 import { property } from "lit/decorators.js";
 
 import { cssGlobalVars, scopePrefix } from "../core/global-style.js";
-import SuperOpenable, { type Direction9 } from "../core/super-openable.js";
+import SuperOpenable from "../core/super-openable.js";
 
 const protoName = "dialog";
 const cssScope = scopePrefix(protoName);
@@ -84,9 +84,9 @@ const cssScope = scopePrefix(protoName);
 class Dialog extends SuperOpenable {
   /**
    * Direction of the opening animation.
+   * @deprecated
    */
-  @property()
-  direction: Direction9 = "center";
+  direction: string;
 
   /**
    * Enable modal, blocking event penetration.
@@ -100,7 +100,7 @@ class Dialog extends SuperOpenable {
   @property()
   key = "Escape";
 
-  private _modalInvoke = false;
+  private __modalInvoke = false;
 
   protected render(): TemplateResult<1> {
     return html`
@@ -117,46 +117,47 @@ class Dialog extends SuperOpenable {
   showModal(): void {
     if (!this.modal) {
       this.modal = true;
-      this._modalInvoke = true;
+      this.__modalInvoke = true;
     }
     this.show();
   }
 
-  private _submitEvent: EventListenerOrEventListenerObject;
-  private _keydownEvent: EventListenerOrEventListenerObject;
+  private __submitEvent: EventListenerOrEventListenerObject;
+  private __keydownEvent: EventListenerOrEventListenerObject;
 
   protected updated(changedProperties: PropertyValues): void {
     if (changedProperties.has("open")) {
       if (this.open) {
-        this._submitEvent = this.events.add(this, "submit", this._handelSubmit);
+        this.__submitEvent = this.events.add(this, "submit", this._handelSubmit);
         if (this.key) {
-          this._keydownEvent = this.events.add(document, "keydown", this._handleKeydown.bind(this));
+          this.__keydownEvent = this.events.add(document, "keydown", this._handleKeydown.bind(this));
         }
       } else {
-        this.events.remove(this, "submit", this._submitEvent);
-        this.events.remove(document, "keydown", this._keydownEvent);
+        this.events.remove(this, "submit", this.__submitEvent);
+        this.events.remove(document, "keydown", this.__keydownEvent);
       }
     }
   }
 
   protected _handleKeydown(e: KeyboardEvent): void {
-    e.preventDefault();
     const keys = this.key.split(/[\s,]/);
     if (keys.includes(e.key) || keys.includes(e.code)) {
+      e.preventDefault();
       this.close();
     }
   }
 
   protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void {
     if (e.target.method === "dialog") {
+      e.preventDefault();
       this.close();
     }
   }
 
   close(): void {
-    if (this._modalInvoke) {
+    if (this.__modalInvoke) {
       this.modal = false;
-      this._modalInvoke = false;
+      this.__modalInvoke = false;
     }
     this.open = false;
   }

package/src/components/dragbox.ts

@@ -38,11 +38,11 @@ class Dragbox extends GlobalStyle {
     return this.offsetParent?.clientHeight ?? document.body.offsetHeight;
   }
 
-  private drag = false;
-  private t: number;
-  private l: number;
-  private cx: number;
-  private cy: number;
+  private __drag = false;
+  private __t: number;
+  private __l: number;
+  private __cx: number;
+  private __cy: number;
 
   /**
    * Position x.
@@ -74,11 +74,11 @@ class Dragbox extends GlobalStyle {
   }
 
   protected _handleDragStart(e: MouseEvent): void {
-    this.cx = e.clientX;
-    this.cy = e.clientY;
-    this.t = this.offsetTop;
-    this.l = this.offsetLeft;
-    this.drag = true;
+    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));
   }
@@ -87,17 +87,17 @@ class Dragbox extends GlobalStyle {
   protected _handleMouseLeave: EventListenerFunc;
 
   protected _handleDragEnd(): void {
-    this.drag = false;
+    this.__drag = false;
     this.events.remove(document, "mousemove", this._handleMouseMove);
     this.events.remove(document, "mouseleave", this._handleMouseLeave);
   }
 
   protected _handleDrag(e: MouseEvent): void {
-    if (!this.drag) {
+    if (!this.__drag) {
       return;
     }
-    const nl = e.clientX - (this.cx - this.l);
-    const nt = e.clientY - (this.cy - this.t);
+    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";

package/src/components/grid.ts

@@ -4,6 +4,8 @@ import { property } from "lit/decorators.js";
 
 import { GlobalStyle } from "../core/global-style.js";
 
+const toTemplate = (s: number | string) => (isNumerical(s) ? `repeat(${s},1fr)` : s);
+
 const protoName = "grid";
 
 /**
@@ -70,8 +72,8 @@ class Grid extends GlobalStyle {
             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,
+                "grid-template-columns": toTemplate(this.columns),
+                "grid-template-rows": toTemplate(this.rows),
                 "place-content": this.content,
                 "place-items": this.items,
               },

package/src/components/progress.ts

@@ -73,6 +73,11 @@ class Progress extends GlobalStyle {
     let className: string;
     if (!isNil(this.value)) {
       width = this.parsePercent(this.value);
+      if (width > 100) {
+        width = 100;
+      } else if (width < 0) {
+        width = 0;
+      }
       className = "static";
     }
     return html`
@@ -96,10 +101,15 @@ class Progress extends GlobalStyle {
    * @returns Percentage without a percent sign.
    */
   parsePercent(s: string | number = "0"): number {
-    if (String(s).includes("%")) {
-      return parseFloat(String(s));
+    s = String(s);
+    if (s.includes("%")) {
+      return parseFloat(s);
     }
-    return (parseFloat(String(s)) / (this.max - this.min)) * 100;
+    const diff = this.max - this.min;
+    if (diff === 0) {
+      return 100;
+    }
+    return (parseFloat(s) / diff) * 100;
   }
 }
 

package/src/components/range.ts

@@ -164,7 +164,7 @@ class Range extends SuperInput {
   @state()
   lastFocus?: number;
 
-  protected _focusStack: number[] = [];
+  private __focusStack: number[] = [];
 
   /**
    * Returns true when the second number is greater than the first number.
@@ -223,12 +223,12 @@ class Range extends SuperInput {
         })}"
       >
         <div part="track"></div>
-        ${this.range ? (this.value as number[]).map((_, index) => this.renderHandle(index)) : this.renderHandle(0)}
+        ${this.range ? (this.value as number[]).map((_, index) => this._renderHandle(index)) : this._renderHandle(0)}
       </div>
     `;
   }
 
-  protected renderHandle(index: number): TemplateResult<1> {
+  protected _renderHandle(index: number): TemplateResult<1> {
     const { range } = this;
     const end = !range || index === (this.value as number[]).length - 1;
     return html`
@@ -239,7 +239,7 @@ class Range extends SuperInput {
         @mousedown="${this.disabled ? null : this.createMouseDown(index)}"
         @focus="${this.disabled ? null : () => this.focusHandle(index)}"
         @blur="${this.disabled ? null : this.blurHandle}"
-        style="z-index:${this._focusStack.indexOf(index) + 1};--handle:var(--${
+        style="z-index:${this.__focusStack.indexOf(index) + 1};--handle:var(--${
           /* In single-handle mod or end, it is max value */
           !range && end ? "to" : `handle-${index}`
         })"
@@ -247,26 +247,26 @@ class Range extends SuperInput {
     `;
   }
 
-  private _keydownEvent: EventListenerOrEventListenerObject;
+  private __keydownEvent: EventListenerOrEventListenerObject;
 
   focusHandle(index: number): void {
     this.lastFocus = index;
-    const indexOfFocusStack = this._focusStack.indexOf(index);
+    const indexOfFocusStack = this.__focusStack.indexOf(index);
     if (indexOfFocusStack !== -1) {
-      this._focusStack.splice(indexOfFocusStack, 1);
+      this.__focusStack.splice(indexOfFocusStack, 1);
     }
-    this._focusStack.push(index);
+    this.__focusStack.push(index);
     const handleItem = this._handles.item(index);
     handleItem?.focus();
-    if (!this._keydownEvent) {
-      this._keydownEvent = this.events.add(document, "keydown", this.createKeydownEvent(index));
+    if (!this.__keydownEvent) {
+      this.__keydownEvent = this.events.add(document, "keydown", this.createKeydownEvent(index));
     }
     this.dispatchEvent(new CustomEvent("focus", { detail: index }));
   }
 
   blurHandle(): void {
     this.lastFocus = undefined;
-    this._keydownEvent = this.events.remove(document, "keydown", this._keydownEvent);
+    this.__keydownEvent = this.events.remove(document, "keydown", this.__keydownEvent);
     this.dispatchEvent(new CustomEvent("blur"));
   }
 
@@ -321,7 +321,7 @@ class Range extends SuperInput {
   /**
    * Ensure that the values do not exceed the range of max and min.
    */
-  protected normalizeValue(value: number): number {
+  normalizeValue(value: number): number {
     if (value > this.max) {
       value -= this.step;
     } else if (value < this.min) {

package/src/components/rotate.ts

@@ -79,7 +79,7 @@ class Rotate extends GlobalStyle {
    * @param e Mouse move event.
    * @returns rotateX, rotateY
    */
-  _computeOffset(e: MouseEvent): {
+  protected _computeOffset(e: MouseEvent): {
     rotateX: number;
     rotateY: number;
   } {

package/src/components/router.ts

@@ -30,7 +30,7 @@ const protoName = "router";
  *
  * It has two methods to collect routes.
  *
- * 1. From field `routes`, an array, each elements require "path" and "component".
+ * 1. From field `routes`, an array, each elements require "path".
  * 2. From child elements, which have the slot attribute for matching routes.
  *
  * If only the method 1 is used, set `type` to `"field"`.
@@ -69,6 +69,9 @@ class Router extends GlobalStyle {
    * Dynamic parameters record.
    */
   get params(): Record<string, string> {
+    if (!this.path) {
+      return {};
+    }
     return RouteTree.parseParams(this.pathname, this.path);
   }
 
@@ -172,11 +175,6 @@ class Router extends GlobalStyle {
     };
   }
 
-  /**
-   * Callback function when the route changes.
-   */
-  routeChangeCallback: (params: RouteResult, first: boolean) => void = null;
-
   protected updated(changedProperties: PropertyValueMap<this>): void {
     const shouldDispatch = changedProperties.has("pathname") || changedProperties.has("path");
     if (shouldDispatch) {
@@ -185,7 +183,6 @@ class Router extends GlobalStyle {
       if (noRecord) {
         this.__cacheRecord.set(this.pathname, ur);
       }
-      this.routeChangeCallback?.(ur, noRecord);
       this.dispatchEvent(new CustomEvent("change", { detail: ur }));
     }
   }

package/src/components/select.ts

@@ -97,7 +97,7 @@ class Select extends Input {
   protected lastChecked: HTMLElement;
   protected defaultText: string;
   protected defaultChecked: HTMLElement[];
-  private _store: { value: string; text: string }[] = [];
+  private __store: { value: string; text: string }[] = [];
 
   protected render(): TemplateResult<1> {
     return html`
@@ -214,15 +214,15 @@ class Select extends Input {
     text ||= value;
     let operation: 0 | 1 = 0;
     if (this.multiple) {
-      const i = this._store.findIndex((s) => s.value === value);
+      const i = this.__store.findIndex((s) => s.value === value);
       if (i > -1) {
-        this._store.splice(i, 1);
+        this.__store.splice(i, 1);
       } else {
-        this._store.push({ value, text });
+        this.__store.push({ value, text });
         operation = 1;
       }
-      this.value = this._store.map((s) => s.value);
-      this.text = this._store.map((s) => s.text).join(", ");
+      this.value = this.__store.map((s) => s.value);
+      this.text = this.__store.map((s) => s.text).join(", ");
     } else {
       if (this.value === value) {
         this.value = "";

package/src/components/split.ts

@@ -1,5 +1,5 @@
 import { type HandlerEvent, attr, classList, godown, styles } from "@godown/element";
-import { type TemplateResult, css, html, nothing } from "lit";
+import { type TemplateResult, css, html } from "lit";
 import { property, state } from "lit/decorators.js";
 
 import { cssGlobalVars, scopePrefix } from "../core/global-style.js";

package/src/components/time.ts

@@ -30,7 +30,7 @@ class Time extends GlobalStyle {
    * Format strings.
    */
   @property()
-  format = "YYYY-MM-DD hh:mm:ss UTFZ";
+  format = "YYYY-MM-DD hh:mm:ss";
 
   /**
    * Time.
@@ -71,8 +71,8 @@ class Time extends GlobalStyle {
 
   protected updated(changedProperties: PropertyValues): void {
     if (changedProperties.has("timeout")) {
-      clearInterval(this.timeoutId);
       if (this.timeout) {
+        clearInterval(this.timeoutId);
         this.timeoutId = this.startTimeout();
       }
     }
@@ -80,6 +80,7 @@ class Time extends GlobalStyle {
 
   disconnectedCallback(): void {
     clearInterval(this.timeoutId);
+    this.timeoutId = undefined;
   }
 
   startTimeout(): number {

package/src/core/global-style.ts

@@ -4,6 +4,7 @@ import { GodownElement, joinProperties, trim } from "@godown/element";
 import { type CSSResult, css, unsafeCSS } from "lit";
 
 export class GlobalStyle extends GodownElement {}
+export default GlobalStyle;
 
 const cssvar = trim(GlobalStyle.godownConfig.prefix, "-");