godown 3.0.0-canary.10 → 3.0.0-canary.11

package/README.md

@@ -1,6 +1,6 @@
 # godown
 
-Simple, stylized, semantic web components.
+`Non Composite` Web Components Library.
 
 ## Install
 

package/components/alert.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Alert} renders a alert.
@@ -43,7 +44,7 @@ declare class Alert extends GlobalStyle {
      * If variant is `"blockquote"`, hide the close button.
      */
     variant: "blockquote" | "dark" | "light";
-    protected render(): (symbol | import("lit").TemplateResult<1>)[];
+    protected render(): TemplateResult<1>;
     close(): void;
     protected firstUpdated(): void;
     static alert(root: HTMLElement, option: Partial<Alert>): Alert;

package/components/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAwFlF;;;;;;;;;GASG;AACH,cAIM,KAAM,SAAQ,WAAW;IAC7B;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EACD,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,CAAU;IAEpB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,CAAU;IAElD,SAAS,CAAC,MAAM;IAahB,KAAK;IAKL,SAAS,CAAC,YAAY;IAMtB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AAcA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAwFlF;;;;;;;;;GASG;AACH,cAIM,KAAM,SAAQ,WAAW;IAC7B;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EACD,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,CAAU;IAEpB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,CAAU;IAElD,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC"}

package/components/alert.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 { htmlStyle } from '@godown/element/directives/html-style.js';
 import { constructCSSObject, toVar } from '@godown/element/tools/css.js';
@@ -123,12 +124,9 @@ let Alert = class Alert extends GlobalStyle {
     render() {
         const color = calls[this.call]?.color || this.color;
         const icon = this.call ? calls[this.call].icon() : htmlSlot("icon");
-        return [
-            html `<div part="root" variant="${this.variant}"><div part="icon">${icon}</div><div part="content"><strong part="title">${this.title || htmlSlot("title")}</strong> ${this.content || htmlSlot()}</div>${!this.hideClose && this.variant !== "blockquote"
-                ? html `<div part="close" tabindex="0" @click="${this.close}">${iconXmark()}</div>`
-                : ""}</div>`,
-            htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color]),
-        ];
+        return html `<div part="root" ${attr(this.observedRecord)}><div part="icon">${icon}</div><div part="content"><strong part="title">${this.title || htmlSlot("title")} </strong>${this.content || htmlSlot()}</div>${!this.hideClose && this.variant !== "blockquote"
+            ? html `<div part="close" tabindex="0" @click="${this.close}">${iconXmark()}</div>`
+            : ""} ${htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color])}</div>`;
     }
     close() {
         this.remove();
@@ -169,7 +167,7 @@ __decorate([
 ], Alert.prototype, "variant", void 0);
 Alert = __decorate([
     godown(protoName),
-    styles(css `:host{border-radius:var(${cssScope}--border-radius);${cssScope}--border-radius:.25em;${cssScope}--border-width:.075em;${cssScope}--blockquote-width:.2em;${cssScope}--padding:.5em;display:block;width:100%}[part=root]{--color:var(${cssScope}--color);color:var(--color);width:100%;transition:.25s;display:flex;justify-content:space-between;padding:var(${cssScope}--padding);border-radius:inherit;border:var(${cssScope}--border-width) solid var(--color);background:var(${cssScope}--background)}[variant=blockquote]{border-radius:0;border-left:var(${cssScope}--blockquote-width) solid var(--color);border-bottom:none;border-right:none;border-top:none;background:0 0}[part=content]{color:var(--color)}[part=root]{display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[part=title]{line-height:2em}[part=icon]{display:inline-grid;align-items:center;height:2em}[part=icon] svg{margin-right:.5em;width:1.25em;height:1.25em}[part=content]{grid-row:span 2/span 2;line-height:1.5em}`)
+    styles(css `:host,:where(:host([contents]) [part=root]){border-radius:var(${cssScope}--border-radius);${cssScope}--border-radius:.25em;${cssScope}--border-width:.075em;${cssScope}--blockquote-width:.2em;${cssScope}--padding:.5em;display:block;width:100%}[part=root]{--color:var(${cssScope}--color);color:var(--color);width:100%;transition:.25s;display:flex;justify-content:space-between;padding:var(${cssScope}--padding);border-radius:inherit;border:var(${cssScope}--border-width) solid var(--color);background:var(${cssScope}--background)}[variant=blockquote]{border-radius:0;border-left:var(${cssScope}--blockquote-width) solid var(--color);border-bottom:none;border-right:none;border-top:none;background:0 0}[part=content]{color:var(--color)}[part=root]{display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[part=title]{line-height:2em}[part=icon]{display:inline-grid;align-items:center;height:2em}[part=icon] svg{margin-right:.5em;width:1.25em;height:1.25em}[part=content]{grid-row:span 2/span 2;line-height:1.5em}`)
 ], Alert);
 var Alert$1 = Alert;
 

package/components/alert.js.map

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

package/components/avatar.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Avatar} renders a avatar.
@@ -21,7 +22,7 @@ declare class Avatar extends GlobalStyle {
      * Display rounded.
      */
     round: boolean;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     private _renderAvatar;
     format(): string;
     _handleError(): void;

package/components/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAIM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM;IAIhB,OAAO,CAAC,aAAa;IAUrB,MAAM;IAIN,YAAY;CAGb;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAIM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,OAAO,CAAC,aAAa;IAUrB,MAAM,IAAI,MAAM;IAIhB,YAAY,IAAI,IAAI;CAGrB;AAED,eAAe,MAAM,CAAC"}

package/components/avatar.js

@@ -1,6 +1,9 @@
 import { __decorate } from 'tslib';
-import { godown, styles } from '@godown/element/decorators/index.js';
-import { htmlSlot } from '@godown/element/directives/index.js';
+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 { omit } from '@godown/element/tools/lib.js';
 import { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { scopePrefix, GlobalStyle } from '../core/global-style.js';
@@ -29,7 +32,7 @@ let Avatar = class Avatar extends GlobalStyle {
         this.round = false;
     }
     render() {
-        return html `<div part="root">${this._renderAvatar()}</div>`;
+        return html `<div part="root" ${attr(omit(this.observedRecord, "src"))}>${this._renderAvatar()}</div>`;
     }
     _renderAvatar() {
         if (this.src) {
@@ -58,7 +61,7 @@ __decorate([
 ], Avatar.prototype, "round", void 0);
 Avatar = __decorate([
     godown(protoName),
-    styles(css `:host{${cssScope}--size:2em;width:var(${cssScope}--size);height:var(${cssScope}--size);display:inline-block;vertical-align:bottom}:host([round]){border-radius:50%}[part=image]{width:100%;height:100%;object-fit:cover}[part=root]{overflow:hidden;position:relative;border-radius:inherit;width:100%;height:100%;display:flex;align-items:center;justify-content:center}`)
+    styles(css `:host{${cssScope}--size:2em;width:var(${cssScope}--size);height:var(${cssScope}--size);vertical-align:bottom}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;width:inherit;height:inherit}:host([round]){border-radius:50%}[part=image]{width:100%;height:100%;object-fit:cover}[part=root]{overflow:hidden;position:relative;border-radius:inherit;width:100%;height:100%;align-items:center;justify-content:center}`)
 ], Avatar);
 var Avatar$1 = Avatar;
 

package/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;AAOA,MAAM,SAAS,GAAG,QAAQ;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;AAQE;AAKF,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW,CAAA;AAAhC,IAAA,WAAA,GAAA;;AAOE;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAG,EAAE;AAET;;AAEE;QAEF,IAAK,CAAA,KAAA,GAAG,KAAK;;IAEH,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,aAAa,EAAE,QAAQ;;IAGrD,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACZ,YAAA,OAAO,IAAI,CAAA,CAA0B,uBAAA,EAAA,IAAI,CAAC,GAAG,CAAA,UAAA,EAAY,IAAI,CAAC,YAAY,CAAS,OAAA,EAAA,IAAI,CAAC,IAAI,IAAI;;AAElG,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,IAAI,CAAA,CAAqB,kBAAA,EAAA,IAAI,CAAC,MAAM,EAAE,SAAS;;QAExD,OAAO,QAAQ,EAAE;;IAGnB,MAAM,GAAA;QACJ,OAAO,IAAI,CAAC,IAAI;;IAGlB,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,GAAG,GAAG,SAAS;;CAExB;AAnCE,UAAA,CAAA;AADC,IAAA,QAAQ;AACqB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAM9B,UAAA,CAAA;AADC,IAAA,QAAQ;AACA,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMT,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACd,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAjBT,MAAM,GAAA,UAAA,CAAA;IAJX,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,mBAAA,EAAsB,QAAQ,CAAA,2RAAA,CAA6R;AAE3W,CAAA,EAAA,MAAM,CAwCZ;AAEA,eAAe,MAAM;;;;"}
+{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,QAAQ;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;AAQE;AAKF,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW,CAAA;AAAhC,IAAA,WAAA,GAAA;;AAOE;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAG,EAAE;AAET;;AAEE;QAEF,IAAK,CAAA,KAAA,GAAG,KAAK;;IAEH,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CACjE,CAAA,EAAA,IAAI,CAAC,aAAa,EAAE,QACjB;;IAGD,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACZ,YAAA,OAAO,IAAI,CAAA,CAA0B,uBAAA,EAAA,IAAI,CAAC,GAAG,CAAA,UAAA,EAAY,IAAI,CAAC,YAAY,CAAS,OAAA,EAAA,IAAI,CAAC,IAAI,IAAI;;AAElG,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,IAAI,CAAA,CAAqB,kBAAA,EAAA,IAAI,CAAC,MAAM,EAAE,SAAS;;QAExD,OAAO,QAAQ,EAAE;;IAGnB,MAAM,GAAA;QACJ,OAAO,IAAI,CAAC,IAAI;;IAGlB,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,GAAG,GAAG,SAAS;;CAExB;AArCE,UAAA,CAAA;AADC,IAAA,QAAQ;AACqB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAM9B,UAAA,CAAA;AADC,IAAA,QAAQ;AACA,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMT,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACd,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAjBT,MAAM,GAAA,UAAA,CAAA;IAJX,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,mBAAA,EAAsB,QAAQ,CAAA,8WAAA,CAAgX;AAE9b,CAAA,EAAA,MAAM,CA0CZ;AAEA,eAAe,MAAM;;;;"}

package/components/breath.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Breath} render the text with a breathing effect.
@@ -25,8 +26,8 @@ declare class Breath extends GlobalStyle {
      * Effect duration, ending in s or ms.
      */
     duration: string;
-    protected render(): (symbol | import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
-    protected renderText(text: string): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
+    protected renderText(text: string): TemplateResult<1>;
     protected getTexts(): string[];
     protected computeStyle(len: number): string;
     protected parseDuration(): number;

package/components/breath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM;IAQhB,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM;IAIjC,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAI9B,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM;IAoBlC,SAAS,CAAC,aAAa;CAUxB;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAQrC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAIrD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAI9B,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAoB3C,SAAS,CAAC,aAAa,IAAI,MAAM;CAUlC;AAED,eAAe,MAAM,CAAC"}

package/components/breath.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 { htmlStyle } from '@godown/element/directives/html-style.js';
 import { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
@@ -26,10 +27,10 @@ const cssScope = scopePrefix(defineName);
 let Breath = class Breath extends GlobalStyle {
     render() {
         const texts = this.getTexts();
-        return [
+        return html `<div part="root" ${attr(this.observedRecord)}>${[
             texts.map(this.renderText),
             htmlStyle(this.computeStyle(texts.length)),
-        ];
+        ]}</div>`;
     }
     renderText(text) {
         return html `<span class="rel"><span class="nocolor">${text}</span> <span class="colorful">${text}</span></span>`;
@@ -73,7 +74,7 @@ __decorate([
 ], Breath.prototype, "duration", void 0);
 Breath = __decorate([
     godown(defineName),
-    styles(css `:host{${cssScope}--deg:60deg;${cssScope}--1-1:var(${cssGlobalVars._colors.red[5]});${cssScope}--1-2:var(${cssGlobalVars._colors.yellow[5]});${cssScope}--2-1:var(${cssGlobalVars._colors.green[5]});${cssScope}--2-2:var(${cssGlobalVars._colors.purple[5]});${cssScope}--3-1:var(${cssGlobalVars._colors.blue[5]});${cssScope}--3-2:var(${cssGlobalVars._colors.pink[5]});${cssScope}--1:linear-gradient(var(${cssScope}--deg),var(${cssScope}--1-1),var(${cssScope}--1-2));${cssScope}--2:linear-gradient(var(${cssScope}--deg),var(${cssScope}--2-1),var(${cssScope}--2-2));${cssScope}--3:linear-gradient(var(${cssScope}--deg),var(${cssScope}--3-1),var(${cssScope}--3-2))}`, css `:host{display:flex;margin:auto;width:-moz-fit-content;width:fit-content;font-size:2em;align-items:center;direction:ltr}::selection{background:0 0}.rel{position:relative;font-weight:800;font-size:inherit;letter-spacing:-.05em}`, css `.colorful,.nocolor{padding:0 .05em;box-sizing:border-box;display:inline-block;animation-iteration-count:infinite;-webkit-text-fill-color:transparent;-webkit-background-clip:text!important;background-clip:text!important}.colorful{opacity:0;animation-name:colorfulN}.nocolor{position:absolute;top:0;background:var(${cssGlobalVars.clipBackground})}`)
+    styles(css `:host{${cssScope}--deg:60deg;${cssScope}--1-1:var(${cssGlobalVars._colors.red[5]});${cssScope}--1-2:var(${cssGlobalVars._colors.yellow[5]});${cssScope}--2-1:var(${cssGlobalVars._colors.green[5]});${cssScope}--2-2:var(${cssGlobalVars._colors.purple[5]});${cssScope}--3-1:var(${cssGlobalVars._colors.blue[5]});${cssScope}--3-2:var(${cssGlobalVars._colors.pink[5]});${cssScope}--1:linear-gradient(var(${cssScope}--deg),var(${cssScope}--1-1),var(${cssScope}--1-2));${cssScope}--2:linear-gradient(var(${cssScope}--deg),var(${cssScope}--2-1),var(${cssScope}--2-2));${cssScope}--3:linear-gradient(var(${cssScope}--deg),var(${cssScope}--3-1),var(${cssScope}--3-2))}`, css `:host{margin:auto;width:-moz-fit-content;width:fit-content;font-size:2em;align-items:center;direction:ltr}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:0 0}.rel{position:relative;font-weight:800;font-size:inherit;letter-spacing:-.05em}`, css `.colorful,.nocolor{padding:0 .05em;box-sizing:border-box;display:inline-block;animation-iteration-count:infinite;color:transparent;-webkit-background-clip:text!important;background-clip:text!important}.colorful{opacity:0;animation-name:colorfulN}.nocolor{position:absolute;top:0;background:var(${cssGlobalVars.clipBackground})}`)
 ], Breath);
 var Breath$1 = Breath;
 

package/components/breath.js.map

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

package/components/button.d.ts

@@ -1,5 +1,7 @@
+import { TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
-declare const colors: Record<"teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "black" | "gray" | "white", string>;
+type Colors = "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black";
+declare const colors: Record<Colors, string>;
 /**
  * {@linkcode Button} renders a button.
  *
@@ -40,13 +42,13 @@ declare class Button extends GlobalStyle {
     content: string;
     protected _modalRoot: HTMLElement;
     protected _root: HTMLElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     focus(): void;
     blur(): void;
     firstUpdated(): void;
     protected _handelClick(e: MouseEvent): void;
     protected _handleModal(e: MouseEvent): void;
-    nextColor(): "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "black" | "gray" | "white" | "none";
+    nextColor(): Colors | "none";
 }
 export default Button;
 //# sourceMappingURL=button.d.ts.map

package/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AASA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQlF,QAAA,MAAM,MAAM,0HA6DX,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IAEH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM;IAKhB,KAAK;IAQL,IAAI;IAKJ,YAAY;IAIZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IASpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS;CAGV;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AAOA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IAEH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,YAAY,IAAI,IAAI;IAIpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAS3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAe3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC"}

package/components/button.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 { constructCSSObject, toVar } from '@godown/element/tools/css.js';
@@ -93,7 +94,7 @@ let Button = class Button extends GlobalStyle {
     }
     render() {
         const color = this.nextColor();
-        return html `<div part="root"><span part="modal-root"></span><div part="content">${[this.content || htmlSlot(), htmlStyle(colors[color])]}</div></div>`;
+        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) {
@@ -161,7 +162,7 @@ __decorate([
 ], Button.prototype, "_root", void 0);
 Button = __decorate([
     godown(protoName),
-    styles(css `:host(:not([disabled]):active){transform:scale(var(${cssScope}--focus-scale))}:host([round]){${cssScope}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${cssScope}--modal-background:var(${cssScope}--ghost-color);box-shadow:inset 0 0 0 var(${cssScope}--ghost-width) var(${cssScope}--ghost-color);color:var(${cssScope}--ghost-color);background:0 0}`, css `:host{${cssScope}--padding-x:.5em;${cssScope}--padding-y:.15em;${cssScope}--padding:var(${cssScope}--padding-y) var(${cssScope}--padding-x);${cssScope}--modal-animation-duration:1s;${cssScope}--ghost-width:.08em;${cssScope}--focus-scale:.97;${cssScope}--deg:45deg;${cssScope}--ghost-color:var(${cssScope}--background);color:var(${cssScope}--color,inherit);background:linear-gradient(var(${cssScope}--deg),var(${cssScope}--background),var(${cssScope}--gradients,var(${cssScope}--background)));border-radius:.3em;width:-moz-fit-content;width:fit-content;transition:.1s;display:block;overflow:hidden;text-align:center;padding:0!important;cursor:pointer}[part=root]{width:100%;height:100%;overflow:hidden;position:relative;transition:none;-webkit-user-select:none;user-select:none;border-radius:inherit;transition-duration:inherit}[part=content]{padding:var(${cssScope}--padding)}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:var(${cssScope}--modal-background,currentColor);animation-duration:var(${cssScope}--modal-animation-duration)}@keyframes kf{0%{transform:scale(0) translate(-50%,-50%);opacity:var(${cssScope}--modal-opacity,.1)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)
+    styles(css `:host(:not([disabled]):active){transform:scale(var(${cssScope}--focus-scale))}:host([round]){${cssScope}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${cssScope}--modal-background:var(${cssScope}--ghost-color);box-shadow:inset 0 0 0 var(${cssScope}--ghost-width) var(${cssScope}--ghost-color);color:var(${cssScope}--ghost-color);background:0 0}`, css `:host{${cssScope}--padding-x:.5em;${cssScope}--padding-y:.15em;${cssScope}--padding:var(${cssScope}--padding-y) var(${cssScope}--padding-x);${cssScope}--modal-animation-duration:1s;${cssScope}--ghost-width:.08em;${cssScope}--focus-scale:.97;${cssScope}--deg:45deg;${cssScope}--ghost-color:var(${cssScope}--background);color:var(${cssScope}--color,inherit);background:linear-gradient(var(${cssScope}--deg),var(${cssScope}--background),var(${cssScope}--gradients,var(${cssScope}--background)));border-radius:.3em;width:-moz-fit-content;width:fit-content;transition:.1s;display:block;overflow:hidden;text-align:center;padding:0!important;cursor:pointer}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{width:100%;height:100%;overflow:hidden;position:relative;transition:none;-webkit-user-select:none;user-select:none;border-radius:inherit;transition-duration:inherit}[part=content]{padding:var(${cssScope}--padding)}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:var(${cssScope}--modal-background,currentColor);animation-duration:var(${cssScope}--modal-animation-duration)}@keyframes kf{0%{transform:scale(0) translate(-50%,-50%);opacity:var(${cssScope}--modal-opacity,.1)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)
 ], Button);
 var Button$1 = Button;
 

package/components/button.js.map

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

package/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.
@@ -13,7 +14,7 @@ import { GlobalStyle } from "../core/global-style.js";
 declare class Card extends GlobalStyle {
     footer: boolean;
     header: boolean;
-    protected render(): (string | import("lit").TemplateResult<1>)[];
+    protected render(): TemplateResult<1>;
 }
 export default Card;
 //# sourceMappingURL=card.d.ts.map

package/components/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAIM,IAAK,SAAQ,WAAW;IAE5B,MAAM,UAAS;IAGf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM;CAOjB;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,cAIM,IAAK,SAAQ,WAAW;IAE5B,MAAM,UAAS;IAGf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAOtC;AAED,eAAe,IAAI,CAAC"}

package/components/card.js

@@ -1,8 +1,9 @@
 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 { css } from 'lit';
+import { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
 
@@ -26,11 +27,11 @@ let Card = class Card extends GlobalStyle {
         this.header = false;
     }
     render() {
-        return [
+        return html `<div part="root" ${attr(this.observedRecord)}>${[
             this.header ? htmlSlot("header") : "",
             htmlSlot(),
             this.footer ? htmlSlot("footer") : "",
-        ];
+        ]}</div>`;
     }
 };
 __decorate([

package/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAUA,MAAM,SAAS,GAAG,MAAM;AACxB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;;;AAUE;AAKF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;QAEE,IAAM,CAAA,MAAA,GAAG,KAAK;QAGd,IAAM,CAAA,MAAA,GAAG,KAAK;;IAEJ,MAAM,GAAA;QACd,OAAO;AACL,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;AACrC,YAAA,QAAQ,EAAE;AACV,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;SACtC;;CAEL;AAZE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAGd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AALV,IAAI,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,oBAAoB,aAAa,CAAC,UAAU,CAAA,EAAA,EAAK,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,8BAA8B,QAAQ,CAAA,wBAAA,EAA2B,aAAa,CAAC,OAAO,CAAK,EAAA,EAAA,QAAQ,6BAA6B,aAAa,CAAC,UAAU,CAAA,iBAAA,EAAoB,QAAQ,CAAkC,+BAAA,EAAA,QAAQ,CAAsI,mIAAA,EAAA,QAAQ,0CAA0C,QAAQ,CAAA,2EAAA,EAA8E,QAAQ,CAAyD,sDAAA,EAAA,QAAQ,kBAAkB;AAElrB,CAAA,EAAA,IAAI,CAcV;AAEA,aAAe,IAAI;;;;"}
+{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAWA,MAAM,SAAS,GAAG,MAAM;AACxB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;;;AAUE;AAKF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;QAEE,IAAM,CAAA,MAAA,GAAG,KAAK;QAGd,IAAM,CAAA,MAAA,GAAG,KAAK;;IAEJ,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CACtD,CAAA,EAAA;AACA,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;AACrC,YAAA,QAAQ,EAAE;AACV,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;AACtC,SAAA,CAAA,MAAA,CACM;;CAEX;AAdE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAGd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AALV,IAAI,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,oBAAoB,aAAa,CAAC,UAAU,CAAA,EAAA,EAAK,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,8BAA8B,QAAQ,CAAA,wBAAA,EAA2B,aAAa,CAAC,OAAO,CAAK,EAAA,EAAA,QAAQ,6BAA6B,aAAa,CAAC,UAAU,CAAA,iBAAA,EAAoB,QAAQ,CAAkC,+BAAA,EAAA,QAAQ,CAAsI,mIAAA,EAAA,QAAQ,0CAA0C,QAAQ,CAAA,2EAAA,EAA8E,QAAQ,CAAyD,sDAAA,EAAA,QAAQ,kBAAkB;AAElrB,CAAA,EAAA,IAAI,CAgBV;AAEA,aAAe,IAAI;;;;"}

package/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.
@@ -29,13 +30,14 @@ declare class Carousel extends GlobalStyle {
     protected intervalID: number;
     private _cloneFirst;
     private _cloneLast;
-    protected render(): (symbol | import("lit").TemplateResult<1>)[];
+    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/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;;;;;;;;;;;;GAYG;AACH,cAIM,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;cAOA,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,cAIM,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;cAIrB,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/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';
@@ -37,10 +38,7 @@ 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;
@@ -54,11 +52,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);
@@ -74,6 +68,7 @@ let Carousel = class Carousel extends GlobalStyle {
         else {
             this.show(this.index + 1);
         }
+        this.checkInterval();
     }
     prev() {
         if (this.index === 0) {
@@ -83,6 +78,7 @@ let Carousel = class Carousel extends GlobalStyle {
         else {
             this.show(this.index - 1);
         }
+        this.checkInterval();
     }
     _doTranslateX(xValue, noTransition) {
         this._moveRoot.style.transform = `translateX(${xValue})`;
@@ -91,6 +87,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 })

package/components/carousel.js.map

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

package/components/details.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import SuperOpenable from "../core/super-openable.js";
 /**
  * {@linkcode Details} similar to `<details>`.
@@ -17,7 +18,7 @@ declare class Details extends SuperOpenable {
      */
     summary: string;
     protected _dd: HTMLDataListElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 export default Details;
 //# sourceMappingURL=details.d.ts.map

package/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;;;;;;;GAOG;AACH,cAIM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAGb,SAAS,CAAC,GAAG,EAAE,mBAAmB,CAAC;IAEnC,SAAS,CAAC,MAAM;CAGjB;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,cAIM,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;CAGtC;AAED,eAAe,OAAO,CAAC"}

package/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 { html, css } from 'lit';
@@ -31,7 +32,7 @@ let Details = class Details extends SuperOpenable {
         this.summary = "";
     }
     render() {
-        return html `<dl part="root"><dt part="title" @click="${this._handelClick}"><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></dd></dl>`;
+        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></dt><dd part="details" @click="${this.fill ? () => this.toggle() : null}"><div style="min-height:0">${htmlSlot()}</div></dd></dl>`;
     }
 };
 __decorate([

package/components/details.js.map

@@ -1 +1 @@
-{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,SAAS;AAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;AAOE;AAKF,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa,CAAA;AAAnC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAG,KAAK;AAEZ;;AAEE;QAEF,IAAO,CAAA,OAAA,GAAG,EAAE;;IAKF,MAAM,GAAA;AACd,QAAA,OAAO,IAAI,CAAA,CAAA,yCAAA,EACkB,IAAI,CAAC,YAAY,0BACnB,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,CACnC,6BAAA,EAAA,YAAY,EAAE,CAEX,2CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,+BAClC,QAAQ,EAAE,kBAEtC;;CAEV;AAtBE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACf,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAGF,UAAA,CAAA;IADT,KAAK,CAAC,IAAI;AACuB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAd9B,OAAO,GAAA,UAAA,CAAA;IAJZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,MAAA,EAAS,QAAQ,CAAwB,qBAAA,EAAA,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,2BAA2B,QAAQ,CAAA,yFAAA,EAA4F,QAAQ,CAAA,mMAAA,EAAsM,QAAQ,CAAA,2FAAA,EAA8F,QAAQ,CAAA,8IAAA,EAAiJ,QAAQ,CAAgC,6BAAA,EAAA,QAAQ,CAAsC,mCAAA,EAAA,QAAQ,CAA4H,yHAAA,EAAA,QAAQ,CAA2D,wDAAA,EAAA,QAAQ,oBAAoB;AAEhhC,CAAA,EAAA,OAAO,CA2Bb;AAEA,gBAAe,OAAO;;;;"}
+{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,GAAG,SAAS;AAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;AAOE;AAKF,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa,CAAA;AAAnC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAG,KAAK;AAEZ;;AAEE;QAEF,IAAO,CAAA,OAAA,GAAG,EAAE;;IAKF,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAmB,gBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,0BAAA,EAC1B,IAAI,CAAC,YAAY,0BAEtC,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAA,6BAAA,EAGpB,YAAY,EAAE,CAAA,2CAAA,EAGP,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAClC,4BAAA,EAAA,QAAQ,EAAE,CAAA,gBAAA,CAEtC;;CAEV;AA1BE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACf,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAGF,UAAA,CAAA;IADT,KAAK,CAAC,IAAI;AACuB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAd9B,OAAO,GAAA,UAAA,CAAA;IAJZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,MAAA,EAAS,QAAQ,CAAwB,qBAAA,EAAA,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,2BAA2B,QAAQ,CAAA,yFAAA,EAA4F,QAAQ,CAAA,mMAAA,EAAsM,QAAQ,CAAA,2FAAA,EAA8F,QAAQ,CAAA,8IAAA,EAAiJ,QAAQ,CAAgC,6BAAA,EAAA,QAAQ,CAAsC,mCAAA,EAAA,QAAQ,CAA4H,yHAAA,EAAA,QAAQ,CAA2D,wDAAA,EAAA,QAAQ,oBAAoB;AAEhhC,CAAA,EAAA,OAAO,CA+Bb;AAEA,gBAAe,OAAO;;;;"}

package/components/dialog.d.ts

@@ -1,5 +1,5 @@
 import { type HandlerEvent } from "@godown/element";
-import { type PropertyValues } from "lit";
+import { type PropertyValues, type TemplateResult } from "lit";
 import SuperOpenable, { type Direction9 } from "../core/super-openable.js";
 /**
  * {@linkcode Dialog} similar to `<dialog>`.
@@ -24,7 +24,7 @@ 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;

package/components/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAIM,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;IAIhB,SAAS;IAQT,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,aAAa,CAAqC;IAE1D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAcnD,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,cAIM,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;IAIrC,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"}

package/components/dialog.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 { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
@@ -35,7 +36,7 @@ let Dialog = class Dialog extends SuperOpenable {
         this.key = "Escape";
     }
     render() {
-        return html `<div part="root"><div part="modal"></div><div part="container" direction="${this.direction}">${htmlSlot()}</div></div>`;
+        return html `<div part="root" ${attr(this.observedRecord)}><div part="modal"></div><div part="container">${htmlSlot()}</div></div>`;
     }
     showModal() {
         if (!this.modal) {
@@ -89,7 +90,7 @@ __decorate([
 ], Dialog.prototype, "key", void 0);
 Dialog = __decorate([
     godown(protoName),
-    styles(css `:host{${cssScope}--background:none;${cssScope}--background-modal:var(${cssGlobalVars.background});${cssScope}--opacity-modal:0.2;background:var(${cssScope}--background);pointer-events:none;visibility:hidden;position:fixed;z-index:1;inset:0}:host([open]){visibility:visible}:host([open][modal]) [part=modal]{pointer-events:all;visibility:visible;opacity:var(${cssScope}--opacity-modal)}[part=modal]{visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;background:var(${cssScope}--background-modal)}[part=root]{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center}[direction]{pointer-events:all;position:absolute}[direction^=top]{top:0}[direction^=bottom]{bottom:0}[direction$=right]{right:0}[direction$=left]{left:0}`)
+    styles(css `:host{${cssScope}--background:none;${cssScope}--background-modal:var(${cssGlobalVars.background});${cssScope}--opacity-modal:0.2;background:var(${cssScope}--background);pointer-events:none;visibility:hidden;position:fixed;z-index:1;inset:0}:host([open]){visibility:visible}:host([open][modal]) [part=modal]{pointer-events:all;visibility:visible;opacity:var(${cssScope}--opacity-modal)}[part=modal]{visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;background:var(${cssScope}--background-modal)}[part=root]{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center}[part=container]{pointer-events:all;position:absolute}[direction^=top] [part=container]{top:0}[direction^=bottom] [part=container]{bottom:0}[direction$=right] [part=container]{right:0}[direction$=left] [part=container]{left:0}`)
 ], Dialog);
 var Dialog$1 = Dialog;