godown 3.0.0-canary.10 → 3.0.0-canary.12

package/components/carousel.js

@@ -2,11 +2,12 @@ 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';
 import iconChevronRight from '@godown/f7-icon/icons/chevron-right.js';
-import { html, css } from 'lit';
+import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { GlobalStyle } from '../core/global-style.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 })
@@ -106,7 +112,7 @@ __decorate([
 ], Carousel.prototype, "_moveRoot", void 0);
 Carousel = __decorate([
     godown(protoName),
-    styles(css `:host{display:block;transition:.3s}[part=root]{overflow:hidden}[part=move-root],[part=root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=next],[part=prev]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)
+    styles(css `:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=next],[part=prev]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)
 ], Carousel);
 var Carousel$1 = Carousel;
 

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,9 +1,10 @@
 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';
+import { css, html } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { scopePrefix } from '../core/global-style.js';
 import SuperOpenable from '../core/super-openable.js';
@@ -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,CAAS;IAE7B,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,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 { html, css } from 'lit';
+import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
 import SuperOpenable from '../core/super-openable.js';
@@ -33,9 +34,10 @@ let Dialog = class Dialog extends SuperOpenable {
          * Close key.
          */
         this.key = "Escape";
+        this._modalInvoke = false;
     }
     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 +91,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;
 

package/components/dialog.js.map

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

package/components/divider.d.ts

@@ -1,9 +1,8 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Divider} similar to `<hr>`.
  *
- * This component does not render content.
- *
  * @category layout
  */
 declare class Divider extends GlobalStyle {
@@ -11,7 +10,7 @@ declare class Divider extends GlobalStyle {
      * Vertical display.
      */
     vertical: boolean;
-    connectedCallback(): void;
+    protected render(): TemplateResult<1>;
 }
 export default Divider;
 //# sourceMappingURL=divider.d.ts.map

package/components/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../src/components/divider.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;GAMG;AACH,cAIM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,QAAQ,UAAS;IAEjB,iBAAiB;CAGlB;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../src/components/divider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAIM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC"}

package/components/divider.js

@@ -1,6 +1,7 @@
 import { __decorate } from 'tslib';
 import { godown, styles } from '@godown/element/decorators/index.js';
-import { css } from 'lit';
+import { attr } from '@godown/element/directives/attr.js';
+import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { GlobalStyle } from '../core/global-style.js';
 
@@ -8,8 +9,6 @@ const protoName = "divider";
 /**
  * {@linkcode Divider} similar to `<hr>`.
  *
- * This component does not render content.
- *
  * @category layout
  */
 let Divider = class Divider extends GlobalStyle {
@@ -20,8 +19,8 @@ let Divider = class Divider extends GlobalStyle {
          */
         this.vertical = false;
     }
-    connectedCallback() {
-        this.createRenderRoot();
+    render() {
+        return html `<div part="root" ${attr(this.observedRecord)}></div>`;
     }
 };
 __decorate([
@@ -29,7 +28,7 @@ __decorate([
 ], Divider.prototype, "vertical", void 0);
 Divider = __decorate([
     godown(protoName),
-    styles(css `:host{width:100%;height:.05em;margin:auto;display:block;background:currentColor}:host([vertical]){width:.05em;height:max(1em,100%)}`)
+    styles(css `:host{width:100%;height:.05em;margin:auto;display:block;background:currentColor}:host([vertical]){width:.05em;height:max(1em,100%)}:host([contents]) [part=root]{width:100%;height:.05em;margin:auto;display:block;background:currentColor}[part=root]{display:contents}`)
 ], Divider);
 var Divider$1 = Divider;
 

package/components/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../src/components/divider.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;AAMA,MAAM,SAAS,GAAG,SAAS;AAE3B;;;;;;AAME;AAKF,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW,CAAA;AAAjC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAQ,CAAA,QAAA,GAAG,KAAK;;IAEhB,iBAAiB,GAAA;QACf,IAAI,CAAC,gBAAgB,EAAE;;CAE3B;AALE,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AALZ,OAAO,GAAA,UAAA,CAAA;IAJZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,mIAAA,CAAqI;AAEpI,CAAA,EAAA,OAAO,CAUb;AAEA,gBAAe,OAAO;;;;"}
+{"version":3,"file":"divider.js","sources":["../src/components/divider.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;AAOA,MAAM,SAAS,GAAG,SAAS;AAE3B;;;;AAIE;AAKF,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW,CAAA;AAAjC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAQ,CAAA,QAAA,GAAG,KAAK;;IAEN,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAA,iBAAA,EAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,OAAA,CAAS;;CAErE;AALE,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AALZ,OAAO,GAAA,UAAA,CAAA;IAJZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,wQAAA,CAA0Q;AAEzQ,CAAA,EAAA,OAAO,CAUb;AAEA,gBAAe,OAAO;;;;"}

package/components/dragbox.d.ts

@@ -1,4 +1,5 @@
 import { EventListenerFunc } from "@godown/element/tools/events.js";
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Dragbox} does not extend beyond the range of {@linkcode Dragbox.offsetsWidth} and {@linkcode Dragbox.offsetsHeight}.
@@ -27,7 +28,7 @@ declare class Dragbox extends GlobalStyle {
      * Position y.
      */
     y: string;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     protected firstUpdated(): void;
     protected _handleDragStart(e: MouseEvent): void;
     protected _handleMouseMove: EventListenerFunc;

package/components/dragbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dragbox.d.ts","sourceRoot":"","sources":["../src/components/dragbox.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIpE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAIM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,EAAE,CAAS;IACnB,OAAO,CAAC,EAAE,CAAS;IAEnB;;OAEG;IAEH,CAAC,SAAU;IAEX;;OAEG;IAEH,CAAC,SAAU;IAEX,SAAS,CAAC,MAAM;IAIhB,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU;IAUxC,SAAS,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;IAC9C,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAE/C,SAAS,CAAC,cAAc;IAMxB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAuBnC,KAAK;CAWN;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"dragbox.d.ts","sourceRoot":"","sources":["../src/components/dragbox.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAIM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,EAAE,CAAS;IACnB,OAAO,CAAC,EAAE,CAAS;IAEnB;;OAEG;IAEH,CAAC,SAAU;IAEX;;OAEG;IAEH,CAAC,SAAU;IAEX,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAU/C,SAAS,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;IAC9C,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAE/C,SAAS,CAAC,cAAc,IAAI,IAAI;IAMhC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB1C,KAAK,IAAI,IAAI;CAWd;AAED,eAAe,OAAO,CAAC"}

package/components/dragbox.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 { html, css } from 'lit';
+import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { GlobalStyle } from '../core/global-style.js';
 
@@ -15,6 +16,7 @@ const protoName = "dragbox";
 let Dragbox = class Dragbox extends GlobalStyle {
     constructor() {
         super(...arguments);
+        this.drag = false;
         /**
          * Position x.
          */
@@ -37,7 +39,7 @@ let Dragbox = class Dragbox extends GlobalStyle {
         return this.offsetParent?.clientHeight ?? document.body.offsetHeight;
     }
     render() {
-        return html `<div @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${htmlSlot()}</div>`;
+        return html `<div part="root" ${attr(this.observedRecord)} @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${htmlSlot()}</div>`;
     }
     firstUpdated() {
         this.reset();

package/components/dragbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragbox.js","sources":["../src/components/dragbox.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AASA,MAAM,SAAS,GAAG,SAAS;AAE3B;;;;AAIE;AAKF,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW,CAAA;AAAjC,IAAA,WAAA,GAAA;;AAqBE;;AAEE;QAEF,IAAC,CAAA,CAAA,GAAG,MAAM;AAEV;;AAEE;QAEF,IAAC,CAAA,CAAA,GAAG,MAAM;;AA9BV;;AAEE;AACF,IAAA,IAAI,YAAY,GAAA;QACd,OAAO,IAAI,CAAC,YAAY,EAAE,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW;;AAGpE;;AAEE;AACF,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,YAAY,EAAE,YAAY,IAAI,QAAQ,CAAC,IAAI,CAAC,YAAY;;IAqB5D,MAAM,GAAA;AACd,QAAA,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,gBAAgB,CAAA,YAAA,EAAe,IAAI,CAAC,cAAc,CAAA,EAAA,EAAK,QAAQ,EAAE,QAAQ;;IAGrG,YAAY,GAAA;QACpB,IAAI,CAAC,KAAK,EAAE;;AAGJ,IAAA,gBAAgB,CAAC,CAAa,EAAA;AACtC,QAAA,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO;AACnB,QAAA,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO;AACnB,QAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS;AACvB,QAAA,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU;AACxB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAChB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3F,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAMxF,cAAc,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC;AAChE,QAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC;;AAG1D,IAAA,WAAW,CAAC,CAAa,EAAA;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd;;AAEF,QAAA,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;AACzC,QAAA,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;AACzC,QAAA,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI;AAC9E,QAAA,IAAI,EAAE,GAAG,CAAC,EAAE;AACV,YAAA,KAAK,CAAC,IAAI,GAAG,GAAG;;AACX,aAAA,IAAI,EAAE,GAAG,YAAY,GAAG,WAAW,EAAE;AAC1C,YAAA,KAAK,CAAC,IAAI,GAAG,CAAG,EAAA,EAAE,IAAI;;aACjB;YACL,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,YAAY,GAAG,WAAW,MAAM;;AAElD,QAAA,IAAI,EAAE,GAAG,CAAC,EAAE;AACV,YAAA,KAAK,CAAC,GAAG,GAAG,GAAG;;AACV,aAAA,IAAI,EAAE,GAAG,aAAa,GAAG,YAAY,EAAE;AAC5C,YAAA,KAAK,CAAC,GAAG,GAAG,CAAG,EAAA,EAAE,IAAI;;aAChB;YACL,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,aAAa,GAAG,YAAY,IAAI;;;IAInD,KAAK,GAAA;QACH,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI;AAC3G,QAAA,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG;AACrB,QAAA,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG;AACpB,QAAA,IAAI,UAAU,GAAG,YAAY,GAAG,WAAW,EAAE;YAC3C,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,YAAY,GAAG,WAAW,IAAI;;AAEhD,QAAA,IAAI,SAAS,GAAG,aAAa,GAAG,YAAY,EAAE;YAC5C,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,aAAa,GAAG,YAAY,IAAI;;;CAGrD;AArEE,UAAA,CAAA;AADC,IAAA,QAAQ;AACC,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,GAAA,EAAA,KAAA,CAAA,CAAA;AAMV,UAAA,CAAA;AADC,IAAA,QAAQ;AACC,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,GAAA,EAAA,KAAA,CAAA,CAAA;AA/BN,OAAO,GAAA,UAAA,CAAA;IAJZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,+FAAA,CAAiG;AAEhG,CAAA,EAAA,OAAO,CA8Fb;AAEA,gBAAe,OAAO;;;;"}
+{"version":3,"file":"dragbox.js","sources":["../src/components/dragbox.ts"],"sourcesContent":null,"names":[],"mappings":"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"}

package/components/flex.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Flex} provides flex layout.
@@ -26,7 +27,7 @@ declare class Flex extends GlobalStyle {
      * If true, set flex-direction to "column".
      */
     vertical: boolean;
-    protected render(): (symbol | import("lit").TemplateResult<1>)[];
+    protected render(): TemplateResult<1>;
 }
 export default Flex;
 //# sourceMappingURL=flex.d.ts.map

package/components/flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../src/components/flex.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM;CAgBjB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../src/components/flex.ts"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgBtC;AAED,eAAe,IAAI,CAAC"}

package/components/flex.js

@@ -1,10 +1,11 @@
 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 { joinRules } from '@godown/element/tools/css.js';
-import { css } from 'lit';
+import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { GlobalStyle } from '../core/global-style.js';
 
@@ -24,7 +25,7 @@ let Flex = class Flex extends GlobalStyle {
         this.vertical = false;
     }
     render() {
-        return [
+        return html `<div part="root" ${attr(this.observedRecord)}>${[
             htmlSlot(),
             htmlStyle(joinRules({
                 ":host": {
@@ -35,7 +36,7 @@ let Flex = class Flex extends GlobalStyle {
                     "justify-content": this.content,
                 },
             })),
-        ];
+        ]}</div>`;
     }
 };
 __decorate([
@@ -55,7 +56,7 @@ __decorate([
 ], Flex.prototype, "vertical", void 0);
 Flex = __decorate([
     godown(protoName),
-    styles(css `:host{display:flex}`)
+    styles(css `:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}`)
 ], Flex);
 var Flex$1 = Flex;
 

package/components/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","sources":["../src/components/flex.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;;AAKE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AAyBE;;AAEE;QAEF,IAAQ,CAAA,QAAA,GAAG,KAAK;;IAEN,MAAM,GAAA;QACd,OAAO;AACL,YAAA,QAAQ,EAAE;YACV,SAAS,CACP,SAAS,CAAC;AACR,gBAAA,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,WAAW,EAAE,IAAI,CAAC,QAAQ;AAC1B,oBAAA,gBAAgB,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ;oBAC3C,aAAa,EAAE,IAAI,CAAC,KAAK;oBACzB,iBAAiB,EAAE,IAAI,CAAC,OAAO;AAChC,iBAAA;AACF,aAAA,CAAC,CACH;SACF;;CAEL;AA1CE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE;AACpB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAMhB,UAAA,CAAA;AADC,IAAA,QAAQ;AACE,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAMX,UAAA,CAAA;AADC,IAAA,QAAQ;AACM,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ;AACI,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACX,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AA7BZ,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,mBAAA,CAAqB;AAC1B,CAAA,EAAA,IAAI,CA+CV;AAEA,aAAe,IAAI;;;;"}
+{"version":3,"file":"flex.js","sources":["../src/components/flex.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;;AAKE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AAyBE;;AAEE;QAEF,IAAQ,CAAA,QAAA,GAAG,KAAK;;IAEN,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CACtD,CAAA,EAAA;AACA,YAAA,QAAQ,EAAE;YACV,SAAS,CACP,SAAS,CAAC;AACR,gBAAA,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,WAAW,EAAE,IAAI,CAAC,QAAQ;AAC1B,oBAAA,gBAAgB,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ;oBAC3C,aAAa,EAAE,IAAI,CAAC,KAAK;oBACzB,iBAAiB,EAAE,IAAI,CAAC,OAAO;AAChC,iBAAA;AACF,aAAA,CAAC,CACH;AACF,SAAA,CAAA,MAAA,CACM;;CAEX;AA5CE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE;AACpB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAMhB,UAAA,CAAA;AADC,IAAA,QAAQ;AACE,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAMX,UAAA,CAAA;AADC,IAAA,QAAQ;AACM,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ;AACI,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACX,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AA7BZ,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,8EAAA,CAAgF;AACrF,CAAA,EAAA,IAAI,CAiDV;AAEA,aAAe,IAAI;;;;"}

package/components/form.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Form} Gets child element key-value object,
@@ -9,7 +10,7 @@ declare class Form<T = object> extends GlobalStyle {
     name: string;
     get value(): T;
     nameValue: () => [string, T];
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     reset(): void;
     namevalue(): [string, T];
     static buildValue(elements: (Element & {

package/components/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/components/form.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAIM,IAAI,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAExC,IAAI,SAAM;IAEV,IAAI,KAAK,IAAI,CAAC,CAEb;IAED,SAAS,QAiBI,CAAC,MAAM,EAAE,CAAC,CAAC,CAjBG;IAE3B,SAAS,CAAC,MAAM;IAIhB,KAAK;IAWL,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAIxB,MAAM,CAAC,UAAU,CACf,QAAQ,EAAE,CAAC,OAAO,GAAG;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACrC,CAAC,EAAE,GACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAoBvB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/components/form.ts"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAIM,IAAI,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAExC,IAAI,SAAM;IAEV,IAAI,KAAK,IAAI,CAAC,CAEb;IAED,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAkB;IAE9C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAWb,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAIxB,MAAM,CAAC,UAAU,CACf,QAAQ,EAAE,CAAC,OAAO,GAAG;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACrC,CAAC,EAAE,GACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAoBvB;AAED,eAAe,IAAI,CAAC"}

package/components/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../src/components/form.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAQA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;;AAKE;AAKF,IAAM,IAAI,GAAA,MAAA,GAAV,MAAM,IAAiB,SAAQ,WAAW,CAAA;AAA1C,IAAA,WAAA,GAAA;;QAEE,IAAI,CAAA,IAAA,GAAG,EAAE;AAMT,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,CAAC,SAAS;;AAJ1B,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,MAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAM;;IAKlD,MAAM,GAAA;QACd,OAAO,QAAQ,EAAE;;IAGnB,KAAK,GAAA;QACH,IAAI,CAAC,oBAAoB,CAAwC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,KAAI;YACnF,IAAI,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE;gBAC/B;;AAEF,YAAA,IAAI,EAAE,CAAC,KAAK,EAAE;gBACZ,EAAE,CAAC,KAAK,EAAE;;AAEd,SAAC,CAAC;;IAGJ,SAAS,GAAA;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;;IAGhC,OAAO,UAAU,CACf,QAII,EAAA;QAEJ,MAAM,MAAM,GAAG,EAAE;AACjB,QAAA,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE;AACzB,YAAA,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,EAAE;AACzB,gBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,QAAQ,CAAC,EAAqB,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;;AACnF,iBAAA,IAAI,EAAE,CAAC,SAAS,EAAE;gBACvB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE;gBACpC,IAAI,IAAI,EAAE;AACR,oBAAA,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK;;;iBAEjB,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,KAAK,KAAK,SAAS,EAAE;gBAC5C,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK;;AACrB,iBAAA,IAAI,EAAE,CAAC,UAAU,EAAE;AACxB,gBAAA,KAAK,MAAM,IAAI,IAAI,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;AACzD,oBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;;;;AAIrE,QAAA,OAAO,MAAM;;CAEjB;AArDE,UAAA,CAAA;AADC,IAAA,QAAQ;AACA,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAFL,IAAI,GAAA,MAAA,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,oBAAA,CAAsB;AAErB,CAAA,EAAA,IAAI,CAuDV;AAEA,aAAe,IAAI;;;;"}
+{"version":3,"file":"form.js","sources":["../src/components/form.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAQA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;;AAKE;AAKF,IAAM,IAAI,GAAA,MAAA,GAAV,MAAM,IAAiB,SAAQ,WAAW,CAAA;AAA1C,IAAA,WAAA,GAAA;;QAEE,IAAI,CAAA,IAAA,GAAG,EAAE;AAMT,QAAA,IAAA,CAAA,SAAS,GAAsB,IAAI,CAAC,SAAS;;AAJ7C,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,MAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAM;;IAKlD,MAAM,GAAA;QACd,OAAO,QAAQ,EAAE;;IAGnB,KAAK,GAAA;QACH,IAAI,CAAC,oBAAoB,CAAwC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,KAAI;YACnF,IAAI,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE;gBAC/B;;AAEF,YAAA,IAAI,EAAE,CAAC,KAAK,EAAE;gBACZ,EAAE,CAAC,KAAK,EAAE;;AAEd,SAAC,CAAC;;IAGJ,SAAS,GAAA;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;;IAGhC,OAAO,UAAU,CACf,QAII,EAAA;QAEJ,MAAM,MAAM,GAAG,EAAE;AACjB,QAAA,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE;AACzB,YAAA,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,EAAE;AACzB,gBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,QAAQ,CAAC,EAAqB,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;;AACnF,iBAAA,IAAI,EAAE,CAAC,SAAS,EAAE;gBACvB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE;gBACpC,IAAI,IAAI,EAAE;AACR,oBAAA,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK;;;iBAEjB,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,KAAK,KAAK,SAAS,EAAE;gBAC5C,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK;;AACrB,iBAAA,IAAI,EAAE,CAAC,UAAU,EAAE;AACxB,gBAAA,KAAK,MAAM,IAAI,IAAI,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;AACzD,oBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;;;;AAIrE,QAAA,OAAO,MAAM;;CAEjB;AArDE,UAAA,CAAA;AADC,IAAA,QAAQ;AACA,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAFL,IAAI,GAAA,MAAA,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,oBAAA,CAAsB;AAErB,CAAA,EAAA,IAAI,CAuDV;AAEA,aAAe,IAAI;;;;"}

package/components/grid.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Grid} provides gird layout.
@@ -30,7 +31,7 @@ declare class Grid extends GlobalStyle {
      * CSS property `place-items` (`align-items justify-items`).
      */
     items: string;
-    protected render(): (symbol | import("lit").TemplateResult<1>)[];
+    protected render(): TemplateResult<1>;
 }
 export default Grid;
 //# sourceMappingURL=grid.d.ts.map

package/components/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/components/grid.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM;CAgBjB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/components/grid.ts"],"names":[],"mappings":"AAOA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgBtC;AAED,eAAe,IAAI,CAAC"}

package/components/grid.js

@@ -1,11 +1,12 @@
 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 { joinRules } from '@godown/element/tools/css.js';
 import { isNumerical } from '@godown/element/tools/lib.js';
-import { css } from 'lit';
+import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { GlobalStyle } from '../core/global-style.js';
 
@@ -18,7 +19,7 @@ const protoName = "grid";
  */
 let Grid = class Grid extends GlobalStyle {
     render() {
-        return [
+        return html `<div part="root" ${attr(this.observedRecord)}>${[
             htmlSlot(),
             htmlStyle(joinRules({
                 ":host": {
@@ -29,7 +30,7 @@ let Grid = class Grid extends GlobalStyle {
                     "place-items": this.items,
                 },
             })),
-        ];
+        ]}</div>`;
     }
 };
 __decorate([
@@ -49,7 +50,7 @@ __decorate([
 ], Grid.prototype, "items", void 0);
 Grid = __decorate([
     godown(protoName),
-    styles(css `:host{display:grid}`)
+    styles(css `:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}`)
 ], Grid);
 var Grid$1 = Grid;
 

package/components/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../src/components/grid.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;;AAKE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;IAmClB,MAAM,GAAA;QACd,OAAO;AACL,YAAA,QAAQ,EAAE;YACV,SAAS,CACP,SAAS,CAAC;AACR,gBAAA,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,uBAAuB,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,UAAU,IAAI,CAAC,OAAO,CAAO,KAAA,CAAA,GAAG,IAAI,CAAC,OAAO;oBACjG,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,IAAI,CAAO,KAAA,CAAA,GAAG,IAAI,CAAC,IAAI;oBACrF,eAAe,EAAE,IAAI,CAAC,OAAO;oBAC7B,aAAa,EAAE,IAAI,CAAC,KAAK;AAC1B,iBAAA;AACF,aAAA,CAAC,CACH;SACF;;CAEL;AA9CE,UAAA,CAAA;AADC,IAAA,QAAQ;AACE,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAQX,UAAA,CAAA;AADC,IAAA,QAAQ;AACe,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAQxB,UAAA,CAAA;AADC,IAAA,QAAQ;AACY,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMrB,UAAA,CAAA;AADC,IAAA,QAAQ;AACM,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ;AACI,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAjCT,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,mBAAA,CAAqB;AAC1B,CAAA,EAAA,IAAI,CAmDV;AAEA,aAAe,IAAI;;;;"}
+{"version":3,"file":"grid.js","sources":["../src/components/grid.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;;AAYA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;;AAKE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;IAmClB,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CACtD,CAAA,EAAA;AACA,YAAA,QAAQ,EAAE;YACV,SAAS,CACP,SAAS,CAAC;AACR,gBAAA,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,uBAAuB,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,UAAU,IAAI,CAAC,OAAO,CAAO,KAAA,CAAA,GAAG,IAAI,CAAC,OAAO;oBACjG,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,IAAI,CAAO,KAAA,CAAA,GAAG,IAAI,CAAC,IAAI;oBACrF,eAAe,EAAE,IAAI,CAAC,OAAO;oBAC7B,aAAa,EAAE,IAAI,CAAC,KAAK;AAC1B,iBAAA;AACF,aAAA,CAAC,CACH;AACF,SAAA,CAAA,MAAA,CACM;;CAEX;AAhDE,UAAA,CAAA;AADC,IAAA,QAAQ;AACE,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAQX,UAAA,CAAA;AADC,IAAA,QAAQ;AACe,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAQxB,UAAA,CAAA;AADC,IAAA,QAAQ;AACY,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMrB,UAAA,CAAA;AADC,IAAA,QAAQ;AACM,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ;AACI,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAjCT,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,8EAAA,CAAgF;AACrF,CAAA,EAAA,IAAI,CAqDV;AAEA,aAAe,IAAI;;;;"}

package/components/input.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import SuperInput from "../core/super-input.js";
 /**
  * {@linkcode Input} renders a text input.
@@ -12,7 +13,7 @@ declare class Input extends SuperInput {
      */
     variant: "default" | "outline";
     protected _input: HTMLInputElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     reset(): void;
 }
 export default Input;

package/components/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/components/input.ts"],"names":[],"mappings":"AAQA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAIhD;;;;GAIG;AACH,cAIM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAU;IAExE,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM;IAQhB,KAAK;CAIN;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/components/input.ts"],"names":[],"mappings":"AAKA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAIhD;;;;GAIG;AACH,cAIM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAU;IAExE,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAQrC,KAAK,IAAI,IAAI;CAId;AAED,eAAe,KAAK,CAAC"}

package/components/input.js

@@ -2,8 +2,9 @@ import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { part } from '@godown/element/decorators/part.js';
 import { styles } from '@godown/element/decorators/styles.js';
+import { attr } from '@godown/element/directives/attr.js';
 import { classList } from '@godown/element/directives/class-list.js';
-import { html, nothing, css } from 'lit';
+import { css, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { cssGlobalVars } from '../core/global-style.js';
 import SuperInput from '../core/super-input.js';
@@ -24,7 +25,7 @@ let Input = class Input extends SuperInput {
         this.variant = "default";
     }
     render() {
-        return html `<div part="root" class="${classList("input-field", this.variant)}">${[
+        return html `<div part="root" ${attr(this.observedRecord)} class="${classList("input-field", this.variant)}">${[
             this._renderPrefix(),
             html `<input part="input" type="${this.type}" id="${this.makeId}" .value="${this.value}" placeholder="${this.placeholder || nothing}" ?autofocus="${this.autofocus}" autocapitalize="${this.autocapitalize || nothing}" autocomplete="${this.autocomplete || nothing}" ?disabled="${this.disabled}" @input="${this._handleInput}">`,
             this._renderSuffix(),

package/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,OAAO;AAEzB;;;;AAIE;AAKF,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU,CAAA;AAA9B,IAAA,WAAA,GAAA;;QACE,IAAI,CAAA,IAAA,GAA6D,MAAM;AAIvE;;AAEE;QAEF,IAAO,CAAA,OAAA,GAA0B,SAAS;;IAKhC,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAA,wBAAA,EAA2B,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAC1E,EAAA,EAAA;YACA,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,IAAI,CAAA,CAEM,0BAAA,EAAA,IAAI,CAAC,IAAI,CAAA,MAAA,EACX,IAAI,CAAC,MAAM,aACP,IAAI,CAAC,KAAK,CACL,eAAA,EAAA,IAAI,CAAC,WAAW,IAAI,OAAO,CAC5B,cAAA,EAAA,IAAI,CAAC,SAAS,CAAA,kBAAA,EACV,IAAI,CAAC,cAAc,IAAI,OAAO,CAAA,gBAAA,EAChC,IAAI,CAAC,YAAY,IAAI,OAAO,CAAA,aAAA,EAC/B,IAAI,CAAC,QAAQ,aAChB,IAAI,CAAC,YAAY,CAC3B,EAAA,CAAA;YACF,IAAI,CAAC,aAAa,EAAE;AACrB,SAAA,CAAA,MAAA,CACM;;IAGT,KAAK,GAAA;QACH,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO;AAChC,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO;;CAE7B;AA9BE,UAAA,CAAA;AADC,IAAA,QAAQ;AACiC,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAGhC,UAAA,CAAA;IADT,IAAI,CAAC,OAAO;AACqB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAZ9B,KAAK,GAAA,UAAA,CAAA;IAJV,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAmB,gBAAA,EAAA,aAAa,CAAC,KAAK,CAAA,mBAAA,EAAsB,aAAa,CAAC,KAAK,CAAA,mBAAA,EAAsB,aAAa,CAAC,UAAU,CAAoB,iBAAA,EAAA,aAAa,CAAC,KAAK,kCAAkC,aAAa,CAAC,KAAK,CAAA,uBAAA,CAAyB;AAEjP,CAAA,EAAA,KAAK,CAuCX;AAEA,cAAe,KAAK;;;;"}
+{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,GAAG,OAAO;AAEzB;;;;AAIE;AAKF,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU,CAAA;AAA9B,IAAA,WAAA,GAAA;;QACE,IAAI,CAAA,IAAA,GAA6D,MAAM;AAIvE;;AAEE;QAEF,IAAO,CAAA,OAAA,GAA0B,SAAS;;IAKhC,MAAM,GAAA;AACd,QAAA,OAAO,IAAI,CAAA,CAAA,iBAAA,EAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAW,QAAA,EAAA,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CACvG,EAAA,EAAA;YACA,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,IAAI,CAAA,CAEM,0BAAA,EAAA,IAAI,CAAC,IAAI,CAAA,MAAA,EACX,IAAI,CAAC,MAAM,aACP,IAAI,CAAC,KAAK,CACL,eAAA,EAAA,IAAI,CAAC,WAAW,IAAI,OAAO,CAC5B,cAAA,EAAA,IAAI,CAAC,SAAS,CAAA,kBAAA,EACV,IAAI,CAAC,cAAc,IAAI,OAAO,CAAA,gBAAA,EAChC,IAAI,CAAC,YAAY,IAAI,OAAO,CAAA,aAAA,EAC/B,IAAI,CAAC,QAAQ,aAChB,IAAI,CAAC,YAAY,CAC3B,EAAA,CAAA;YACF,IAAI,CAAC,aAAa,EAAE;AACrB,SAAA,CAAA,MAAA,CACM;;IAGT,KAAK,GAAA;QACH,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO;AAChC,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO;;CAE7B;AA9BE,UAAA,CAAA;AADC,IAAA,QAAQ;AACiC,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAGhC,UAAA,CAAA;IADT,IAAI,CAAC,OAAO;AACqB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAZ9B,KAAK,GAAA,UAAA,CAAA;IAJV,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAmB,gBAAA,EAAA,aAAa,CAAC,KAAK,CAAA,mBAAA,EAAsB,aAAa,CAAC,KAAK,CAAA,mBAAA,EAAsB,aAAa,CAAC,UAAU,CAAoB,iBAAA,EAAA,aAAa,CAAC,KAAK,kCAAkC,aAAa,CAAC,KAAK,CAAA,uBAAA,CAAyB;AAEjP,CAAA,EAAA,KAAK,CAuCX;AAEA,cAAe,KAAK;;;;"}

package/components/layout.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode NavLayout} renders slot and optional top header, bottom footer.
@@ -20,7 +21,7 @@ declare class NavLayout extends GlobalStyle {
      * If true, header will sticky.
      */
     sticky: boolean;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 export default NavLayout;
 //# sourceMappingURL=layout.d.ts.map

package/components/layout.d.ts.map

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