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

package/dev/components/button.js

@@ -1,26 +1,23 @@
-var Button_1;
 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 { htmlSlot } from "@godown/element/directives/html-slot.js";
 import { htmlStyle } from "@godown/element/directives/html-style.js";
-import { constructCSSObject } from "@godown/element/tools/css.js";
-import { css, html, unsafeCSS } from "lit";
+import { constructCSSObject, toVar } from "@godown/element/tools/css.js";
+import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
 const protoName = "button";
 const cssScope = scopePrefix(protoName);
-const whiteFont = cssGlobalVars._colors.lightgray[0];
-const blackFont = cssGlobalVars._colors.darkgray[6];
-const toVar = (s) => {
-    return unsafeCSS(`var(${s})`);
-};
+const whiteFont = cssGlobalVars.white;
+const blackFont = cssGlobalVars.black;
 const colors = constructCSSObject(["color", "background", "gradients"].map((k) => `${cssScope}--${k}`), {
     black: [
         whiteFont, // color
         cssGlobalVars._colors.darkgray[7], // background
-        cssGlobalVars._colors.darkgray[4], // gradients
+        cssGlobalVars._colors.darkgray[5], // gradients
     ],
     gray: [
         whiteFont, // color
@@ -72,13 +69,21 @@ const colors = constructCSSObject(["color", "background", "gradients"].map((k) =
         cssGlobalVars._colors.teal[6], // background
         cssGlobalVars._colors.teal[4], // gradients
     ],
-}, () => `:host`, toVar);
+}, () => `:host`, (prop) => toVar(prop));
 /**
- * {@linkcode Button}.
+ * {@linkcode Button} renders a button.
+ *
+ * Create modal animation upon clicking.
+ *
+ * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
+ *
+ * Default color is `black`.
+ *
+ * Set the color to `none` to prevent applying styles.
  *
  * @category input
  */
-let Button = Button_1 = class Button extends GlobalStyle {
+let Button = class Button extends GlobalStyle {
     constructor() {
         super(...arguments);
         /**
@@ -88,22 +93,23 @@ let Button = Button_1 = class Button extends GlobalStyle {
     }
     render() {
         const color = this.nextColor();
-        return [
-            html `<div part="root">
-        <span part="modal-root"></span>
-        <div part="slot">${this.text || htmlSlot()}</div>
-      </div>`,
-            htmlStyle(Button_1.colors[color]),
-        ];
+        return html `<div part="root" ${attr(this.observedRecord)}>
+      <span part="modal-root"></span>
+      <div part="content">
+        ${[this.content || htmlSlot(), htmlStyle(colors[color])]}
+      </div>
+    </div>`;
     }
     focus() {
         if (this.disabled) {
             return;
         }
         this.active = true;
+        super.focus();
     }
     blur() {
         this.active = false;
+        super.blur();
     }
     firstUpdated() {
         this.events.add(this, "click", this._handelClick, true);
@@ -134,7 +140,6 @@ let Button = Button_1 = class Button extends GlobalStyle {
         return this.color;
     }
 };
-Button.colors = colors;
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Button.prototype, "disabled", void 0);
@@ -152,14 +157,14 @@ __decorate([
 ], Button.prototype, "color", void 0);
 __decorate([
     property()
-], Button.prototype, "text", void 0);
+], Button.prototype, "content", void 0);
 __decorate([
     part("modal-root")
 ], Button.prototype, "_modalRoot", void 0);
 __decorate([
     part("root")
 ], Button.prototype, "_root", void 0);
-Button = Button_1 = __decorate([
+Button = __decorate([
     godown(protoName),
     styles(css `
     :host(:not([disabled]):active) {
@@ -209,7 +214,11 @@ Button = Button_1 = __decorate([
       cursor: pointer;
     }
 
-    [part="root"] {
+    :host([contents]) [part=root] {
+      width: fit-content;
+    }
+
+    [part=root] {
       width: 100%;
       height: 100%;
       overflow: hidden;
@@ -220,7 +229,7 @@ Button = Button_1 = __decorate([
       transition-duration: inherit;
     }
 
-    [part="slot"] {
+    [part=content] {
       padding: var(${cssScope}--padding);
     }
 
@@ -241,7 +250,7 @@ Button = Button_1 = __decorate([
     @keyframes kf {
       0% {
         transform: scale(0) translate(-50%, -50%);
-        opacity: var(${cssScope}--modal-opacity, 0.18);
+        opacity: var(${cssScope}--modal-opacity, 0.1);
       }
       80% {
         transform: scale(1) translate(-50%, -50%);

package/dev/components/button.js.map

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

package/dev/components/card.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Card} renders a card.
@@ -11,10 +12,9 @@ import { GlobalStyle } from "../core/global-style.js";
  * @category display
  */
 declare class Card extends GlobalStyle {
-    shadow: "none" | "always" | "hover";
     footer: boolean;
     header: boolean;
-    protected render(): (import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
+    protected render(): TemplateResult<1>;
 }
 export default Card;
 //# sourceMappingURL=card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.ts"],"names":[],"mappings":"AAOA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAyCM,IAAK,SAAQ,WAAW;IAE5B,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAW;IAG9C,MAAM,UAAS;IAEf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM;CAQjB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAuCM,IAAK,SAAQ,WAAW;IAE5B,MAAM,UAAS;IAGf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAStC;AAED,eAAe,IAAI,CAAC"}

package/dev/components/card.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { godown } from "@godown/element/decorators/godown.js";
 import { styles } from "@godown/element/decorators/styles.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";
@@ -22,22 +22,19 @@ const cssScope = scopePrefix(protoName);
 let Card = class Card extends GlobalStyle {
     constructor() {
         super(...arguments);
-        this.shadow = "hover";
         this.footer = false;
         this.header = false;
     }
     render() {
-        const hr = html `<hr part="divider">`;
-        return [
-            conditionIf(this.header, [htmlSlot("header"), hr]),
+        return html `<div part="root" ${attr(this.observedRecord)}>
+    ${[
+            this.header ? htmlSlot("header") : "",
             htmlSlot(),
-            conditionIf(this.footer, [hr, htmlSlot("footer")]),
-        ];
+            this.footer ? htmlSlot("footer") : "",
+        ]}
+    </div>`;
     }
 };
-__decorate([
-    property({ reflect: true })
-], Card.prototype, "shadow", void 0);
 __decorate([
     property({ type: Boolean })
 ], Card.prototype, "footer", void 0);
@@ -48,41 +45,39 @@ Card = __decorate([
     godown(protoName),
     styles(css `
     :host {
-      ${cssScope}--shadow-width: .0375em;
-      ${cssScope}--shadow-color: transparent;
       ${cssScope}--background: var(${cssGlobalVars.background});
-      ${cssScope}--divider-width: 100%;
-      ${cssScope}--divider-height: var(${cssScope}--shadow-width);
-      ${cssScope}--divider-background: var(${cssGlobalVars.passive});
+      ${cssScope}--border-width: .0375em;
+      ${cssScope}--border-color: transparent;
+      ${cssScope}--border-background: var(${cssGlobalVars.passive});
       ${cssScope}--padding: .75em;
       color: var(${cssGlobalVars.foreground});
       background: var(${cssScope}--background);
+      border-width: var(${cssScope}--border-width);
       display: block;
       flex-shrink: 0;
       position: relative;
       overflow: hidden;
       box-sizing: border-box;
-      border-radius: 0.25em;
-      transition: .15s ease-in-out;
-    }
-    
-    :host([shadow="hover"]:hover),
-    :host([shadow="always"]) {
-      ${cssScope}--shadow-color: var(${cssScope}--divider-background);
-      box-shadow: inset 0 0 0px var(${cssScope}--shadow-width) var(${cssScope}--shadow-color);
-    }
-
-   [part="divider"] {
-      margin: auto;
-      width: var(${cssScope}--divider-width);
-      height: var(${cssScope}--divider-height);
-      background: var(${cssScope}--divider-background);
     }
 
     slot {
       display: block;
       padding: var(${cssScope}--padding);
     }
+
+    :host,
+    slot {
+      border-color: var(${cssScope}--border-background);
+      border-style: solid;
+    }
+
+    [name=footer] {
+      border-top-width: var(${cssScope}--border-width);
+    }
+
+    [name=header] {
+      border-bottom-width: var(${cssScope}--border-width);
+    }
   `)
 ], Card);
 export default Card;

package/dev/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,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,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIlF,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;;;GAUG;AA0CH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QAEE,WAAM,GAAgC,OAAO,CAAC;QAG9C,WAAM,GAAG,KAAK,CAAC;QAEf,WAAM,GAAG,KAAK,CAAC;IAUjB,CAAC;IARW,MAAM;QACd,MAAM,EAAE,GAAG,IAAI,CAAA,qBAAqB,CAAC;QACrC,OAAO;YACL,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;YAClD,QAAQ,EAAE;YACV,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;SACnD,CAAC;IACJ,CAAC;CACF,CAAA;AAfC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCACkB;AAG9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AAEf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AAPX,IAAI;IAzCT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;QACR,QAAQ;QACR,QAAQ,qBAAqB,aAAa,CAAC,UAAU;QACrD,QAAQ;QACR,QAAQ,yBAAyB,QAAQ;QACzC,QAAQ,6BAA6B,aAAa,CAAC,OAAO;QAC1D,QAAQ;mBACG,aAAa,CAAC,UAAU;wBACnB,QAAQ;;;;;;;;;;;;QAYxB,QAAQ,uBAAuB,QAAQ;sCACT,QAAQ,uBAAuB,QAAQ;;;;;mBAK1D,QAAQ;oBACP,QAAQ;wBACJ,QAAQ;;;;;qBAKX,QAAQ;;GAE1B,CACF;GACK,IAAI,CAiBT;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.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,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIlF,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;;;GAUG;AAwCH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QAEE,WAAM,GAAG,KAAK,CAAC;QAGf,WAAM,GAAG,KAAK,CAAC;IAWjB,CAAC;IATW,MAAM;QACd,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;MACtD;YACA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YACrC,QAAQ,EAAE;YACV,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;SACtC;WACM,CAAC;IACV,CAAC;CACF,CAAA;AAdC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AALX,IAAI;IAvCT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ,qBAAqB,aAAa,CAAC,UAAU;QACrD,QAAQ;QACR,QAAQ;QACR,QAAQ,4BAA4B,aAAa,CAAC,OAAO;QACzD,QAAQ;mBACG,aAAa,CAAC,UAAU;wBACnB,QAAQ;0BACN,QAAQ;;;;;;;;;;qBAUb,QAAQ;;;;;0BAKH,QAAQ;;;;;8BAKJ,QAAQ;;;;iCAIL,QAAQ;;GAEtC,CACF;GACK,IAAI,CAgBT;AAED,eAAe,IAAI,CAAC"}

package/dev/components/carousel.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Carousel} make the content display as a carousel.
@@ -9,6 +10,7 @@ import { GlobalStyle } from "../core/global-style.js";
  *
  * If no width, it will be the width of the first element.
  *
+ * @slot - Carousel items, should maintain the same size.
  * @category display
  */
 declare class Carousel extends GlobalStyle {
@@ -24,17 +26,18 @@ declare class Carousel extends GlobalStyle {
      * Element width.
      */
     width: string;
-    _moveRoot: HTMLElement;
-    intervalID: number;
-    _cloneFirst: HTMLElement | undefined;
-    _cloneLast: HTMLElement | undefined;
-    protected render(): import("lit").TemplateResult<1>[];
+    protected _moveRoot: HTMLElement;
+    protected intervalID: number;
+    private _cloneFirst;
+    private _cloneLast;
+    protected render(): TemplateResult<1>;
     protected firstUpdated(): Promise<void>;
     disconnectedCallback(): void;
     show(i: number): void;
     next(): void;
     prev(): void;
     protected _doTranslateX(xValue: string, noTransition?: boolean): void;
+    checkInterval(): void;
 }
 export default Carousel;
 //# sourceMappingURL=carousel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;GAWG;AACH,cA6CM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IACV;;OAEG;IAEH,UAAU,SAAK;IACf;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,EAAE,WAAW,CAAC;IAEvB,UAAU,EAAE,MAAM,CAAC;IAEnB,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC;IAErC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IAEpC,SAAS,CAAC,MAAM;cAWA,YAAY;IAqB5B,oBAAoB;IAIpB,IAAI,CAAC,CAAC,EAAE,MAAM;IAId,IAAI;IASJ,IAAI;IASJ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO;CAO/D;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"AAQA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;GAYG;AACH,cA8CM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAE7B,OAAO,CAAC,WAAW,CAA0B;IAE7C,OAAO,CAAC,UAAU,CAA0B;IAE5C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;cAerB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAiB7C,oBAAoB,IAAI,IAAI;IAI5B,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAIrB,IAAI,IAAI,IAAI;IAUZ,IAAI,IAAI,IAAI;IAUZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAQrE,aAAa,IAAI,IAAI;CAUtB;AAED,eAAe,QAAQ,CAAC"}

package/dev/components/carousel.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 { htmlSlot } from "@godown/element/directives/html-slot.js";
 import { htmlStyle } from "@godown/element/directives/html-style.js";
 import iconChevronLeft from "@godown/f7-icon/icons/chevron-left.js";
@@ -20,6 +21,7 @@ const protoName = "carousel";
  *
  * If no width, it will be the width of the first element.
  *
+ * @slot - Carousel items, should maintain the same size.
  * @category display
  */
 let Carousel = class Carousel extends GlobalStyle {
@@ -35,14 +37,18 @@ let Carousel = class Carousel extends GlobalStyle {
         this.autoChange = 0;
     }
     render() {
-        return [
-            html `<div part="root">
-        <i part="prev" @click="${this.prev}">${iconChevronLeft()}</i>
-        <div part="move-root" style="transform:${`translateX(-${this.index + 1}00%)`}">${htmlSlot()}</div>
-        <i part="next" @click="${this.next}">${iconChevronRight()}</i>
-    </div>`,
-            htmlStyle(`:host{width:${this.width};}`),
-        ];
+        return html `<div part="root" ${attr(this.observedRecord)}>
+      <i part="prev" @click="${this.prev}">
+        ${iconChevronLeft()}
+      </i>
+      <div part="move-root" style="transform:${`translateX(-${this.index + 1}00%)`}">
+        ${htmlSlot()}
+      </div>
+      <i part="next" @click="${this.next}">
+        ${iconChevronRight()}
+      </i>
+      ${htmlStyle(`:host,:host([contents]) [part=root]{width:${this.width};}`)}
+    </div>`;
     }
     async firstUpdated() {
         await this.updateComplete;
@@ -56,11 +62,7 @@ let Carousel = class Carousel extends GlobalStyle {
             this.insertBefore(this._cloneFirst, this.firstElementChild);
             this.show(this.index);
         }
-        if (this.autoChange) {
-            this.intervalID = window.setInterval(() => {
-                this.next();
-            }, this.autoChange);
-        }
+        this.checkInterval();
     }
     disconnectedCallback() {
         clearInterval(this.intervalID);
@@ -76,6 +78,7 @@ let Carousel = class Carousel extends GlobalStyle {
         else {
             this.show(this.index + 1);
         }
+        this.checkInterval();
     }
     prev() {
         if (this.index === 0) {
@@ -85,6 +88,7 @@ let Carousel = class Carousel extends GlobalStyle {
         else {
             this.show(this.index - 1);
         }
+        this.checkInterval();
     }
     _doTranslateX(xValue, noTransition) {
         this._moveRoot.style.transform = `translateX(${xValue})`;
@@ -93,6 +97,16 @@ let Carousel = class Carousel extends GlobalStyle {
         }
         this._moveRoot.getBoundingClientRect();
     }
+    checkInterval() {
+        if (this.autoChange) {
+            if (this.intervalID) {
+                clearInterval(this.intervalID);
+            }
+            this.intervalID = window.setInterval(() => {
+                this.next();
+            }, this.autoChange);
+        }
+    }
 };
 __decorate([
     property({ type: Number })
@@ -114,20 +128,21 @@ Carousel = __decorate([
       transition: .3s;
     }
 
-    [part="root"] {
+    [part=root] {
       overflow: hidden;
     }
 
-    [part="root"],
-    [part="move-root"] {
+    [part=root],
+    [part=move-root] {
+      height: 100%;
       width: 100%;
       display: flex;
       position: relative;
       transition: inherit;
     }
 
-    [part="prev"],
-    [part="next"] {
+    [part=prev],
+    [part=next] {
       height: 100%;
       width: 1.5em;
       z-index: 1;
@@ -138,11 +153,11 @@ Carousel = __decorate([
       user-select: none;
     }
 
-    [part="prev"] {
+    [part=prev] {
       left: 0;
     }
 
-    [part="next"] {
+    [part=next] {
       right: 0;
     }
 

package/dev/components/carousel.js.map

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

package/dev/components/details.d.ts

@@ -1,7 +1,11 @@
+import { type TemplateResult } from "lit";
 import SuperOpenable from "../core/super-openable.js";
 /**
- * {@linkcode Details} similar to <details>.
+ * {@linkcode Details} similar to `<details>`.
  *
+ * @slot summary - Details summary if no `summary` is provided.
+ * @slot - Details content.
+ * @fires change - Fired when the details is toggled.
  * @category display
  */
 declare class Details extends SuperOpenable {
@@ -13,8 +17,8 @@ declare class Details extends SuperOpenable {
      * Summary text.
      */
     summary: string;
-    _dd: HTMLDataListElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected _dd: HTMLDataListElement;
+    protected render(): TemplateResult<1>;
 }
 export default Details;
 //# sourceMappingURL=details.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../src/components/details.ts"],"names":[],"mappings":"AAQA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;GAIG;AACH,cAgEM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IACb;;OAEG;IAEH,OAAO,SAAM;IAGb,GAAG,EAAE,mBAAmB,CAAC;IAEzB,SAAS,CAAC,MAAM;CAWjB;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../src/components/details.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;;;;GAOG;AACH,cAgEM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAGb,SAAS,CAAC,GAAG,EAAE,mBAAmB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAetC;AAED,eAAe,OAAO,CAAC"}

package/dev/components/details.js

@@ -1,6 +1,7 @@
 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 { htmlSlot } from "@godown/element/directives/html-slot.js";
 import svgCaretDown from "@godown/f7-icon/icons/chevron-down.js";
 import { css, html } from "lit";
@@ -10,8 +11,11 @@ import SuperOpenable from "../core/super-openable.js";
 const protoName = "details";
 const cssScope = scopePrefix(protoName);
 /**
- * {@linkcode Details} similar to <details>.
+ * {@linkcode Details} similar to `<details>`.
  *
+ * @slot summary - Details summary if no `summary` is provided.
+ * @slot - Details content.
+ * @fires change - Fired when the details is toggled.
  * @category display
  */
 let Details = class Details extends SuperOpenable {
@@ -27,10 +31,14 @@ let Details = class Details extends SuperOpenable {
         this.summary = "";
     }
     render() {
-        return html `<dl part="root">
+        return html `<dl part="root" ${attr(this.observedRecord)}>
       <dt part="title" @click="${this._handelClick}">
-        <span part="summary">${this.summary || htmlSlot("summary")} </span>
-        <span><i part="icon">${svgCaretDown()}</i></span>
+        <span part="summary">
+          ${this.summary || htmlSlot("summary")}
+        </span>
+        <span>
+          <i part="icon">${svgCaretDown()}</i>
+        </span>
       </dt>
       <dd part="details" @click=${this.fill ? () => this.toggle() : null}>
         <div style="min-height: 0;">${htmlSlot()}</div>

package/dev/components/details.js.map

@@ -1 +1 @@
-{"version":3,"file":"details.js","sourceRoot":"","sources":["../../src/components/details.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,YAAY,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAEtD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;GAIG;AAiEH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QACb;;WAEG;QAEH,YAAO,GAAG,EAAE,CAAC;IAgBf,CAAC;IAXW,MAAM;QACd,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,YAAY;+BACnB,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;+BACnC,YAAY,EAAE;;kCAEX,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;sCAClC,QAAQ,EAAE;;UAEtC,CAAC;IACT,CAAC;CACF,CAAA;AArBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACf;AAKb;IADC,QAAQ,EAAE;wCACE;AAGb;IADC,KAAK,CAAC,IAAI,CAAC;oCACa;AAbrB,OAAO;IAhEZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;;;wBAGQ,QAAQ;;;;;;;;;;;;;;;;4BAgBJ,QAAQ;;;;;;;wBAOZ,QAAQ;;;;;;;qBAOX,QAAQ;wBACL,QAAQ;8BACF,QAAQ;;;;;;;;;;;;;8BAaR,QAAQ;;;8BAGR,QAAQ;;GAEnC,CACF;GACK,OAAO,CA0BZ;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"details.js","sourceRoot":"","sources":["../../src/components/details.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,YAAY,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAEtD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;GAOG;AAiEH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAEb;;WAEG;QAEH,YAAO,GAAG,EAAE,CAAC;IAoBf,CAAC;IAfW,MAAM;QACd,OAAO,IAAI,CAAA,mBAAmB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;iCAC1B,IAAI,CAAC,YAAY;;YAEtC,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;;;2BAGpB,YAAY,EAAE;;;kCAGP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;sCAClC,QAAQ,EAAE;;UAEtC,CAAC;IACT,CAAC;CACF,CAAA;AA1BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACf;AAMb;IADC,QAAQ,EAAE;wCACE;AAGH;IADT,KAAK,CAAC,IAAI,CAAC;oCACuB;AAd/B,OAAO;IAhEZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;;;wBAGQ,QAAQ;;;;;;;;;;;;;;;;4BAgBJ,QAAQ;;;;;;;wBAOZ,QAAQ;;;;;;;qBAOX,QAAQ;wBACL,QAAQ;8BACF,QAAQ;;;;;;;;;;;;;8BAaR,QAAQ;;;8BAGR,QAAQ;;GAEnC,CACF;GACK,OAAO,CA+BZ;AAED,eAAe,OAAO,CAAC"}

package/dev/components/dialog.d.ts

@@ -1,15 +1,19 @@
-import { HandlerEvent } from "@godown/element";
+import { type HandlerEvent } from "@godown/element";
+import { type PropertyValues, type TemplateResult } from "lit";
 import SuperOpenable, { type Direction9 } from "../core/super-openable.js";
 /**
- * {@linkcode Dialog} similar to <dialog>.
+ * {@linkcode Dialog} similar to `<dialog>`.
  *
  * Like dialog, it listens for submit events and closes itself when the target method is "dialog".
  *
- * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed
+ * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed.
  *
  * @category feedback
  */
 declare class Dialog extends SuperOpenable {
+    /**
+     * Direction of the opening animation.
+     */
     direction: Direction9;
     /**
      * Enable modal, blocking event penetration.
@@ -20,11 +24,11 @@ declare class Dialog extends SuperOpenable {
      */
     key: string;
     private _modalInvoke;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     showModal(): void;
     private _submitEvent;
     private _keydownEvent;
-    protected updated(): void;
+    protected updated(changedProperties: PropertyValues): void;
     protected _handleKeydown(e: KeyboardEvent): void;
     protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void;
     close(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAkEM,MAAO,SAAQ,aAAa;IAEhC,SAAS,EAAE,UAAU,CAAY;IACjC;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,YAAY,CAAU;IAE9B,SAAS,CAAC,MAAM;IAOhB,SAAS;IAQT,OAAO,CAAC,YAAY,CAAiD;IACrE,OAAO,CAAC,aAAa,CAAiD;IAEtE,SAAS,CAAC,OAAO;IAYjB,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAQzC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC;IAMxD,KAAK;CAON;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpD,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAkEM,MAAO,SAAQ,aAAa;IAChC;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAY;IAEjC;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,YAAY,CAAU;IAE9B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAOrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,aAAa,CAAqC;IAE1D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAM/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC"}