godown 3.0.0-canary.13 → 3.0.0-canary.14

package/components/dialog.js

@@ -1,99 +1,2 @@
-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, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
-import SuperOpenable from '../core/super-openable.js';
-
-const protoName = "dialog";
-const cssScope = scopePrefix(protoName);
-/**
- * {@linkcode Dialog} similar to `<dialog>`.
- *
- * Like dialog, it listens for submit events and closes itself when the target method is "dialog".
- *
- * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed.
- *
- * @category feedback
- */
-let Dialog = class Dialog extends SuperOpenable {
-    constructor() {
-        super(...arguments);
-        /**
-         * Direction of the opening animation.
-         */
-        this.direction = "center";
-        /**
-         * Enable modal, blocking event penetration.
-         */
-        this.modal = false;
-        /**
-         * Close key.
-         */
-        this.key = "Escape";
-        this._modalInvoke = false;
-    }
-    render() {
-        return html `<div part="root" ${attr(this.observedRecord)}><div part="modal"></div><div part="container">${htmlSlot()}</div></div>`;
-    }
-    showModal() {
-        if (!this.modal) {
-            this.modal = true;
-            this._modalInvoke = true;
-        }
-        this.show();
-    }
-    updated(changedProperties) {
-        if (changedProperties.has("open")) {
-            if (this.open) {
-                this._submitEvent = this.events.add(this, "submit", this._handelSubmit);
-                if (this.key) {
-                    this._keydownEvent = this.events.add(document, "keydown", this._handleKeydown.bind(this));
-                }
-            }
-            else {
-                this.events.remove(this, "submit", this._submitEvent);
-                this.events.remove(document, "keydown", this._keydownEvent);
-            }
-        }
-    }
-    _handleKeydown(e) {
-        e.preventDefault();
-        const keys = this.key.split(/[\s,]/);
-        if (keys.includes(e.key) || keys.includes(e.code)) {
-            this.close();
-        }
-    }
-    _handelSubmit(e) {
-        if (e.target.method === "dialog") {
-            this.close();
-        }
-    }
-    close() {
-        if (this._modalInvoke) {
-            this.modal = false;
-            this._modalInvoke = false;
-        }
-        this.open = false;
-    }
-};
-__decorate([
-    property()
-], Dialog.prototype, "direction", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Dialog.prototype, "modal", void 0);
-__decorate([
-    property()
-], 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}[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;
-
-export { Dialog$1 as default };
+import{__decorate as t}from"tslib";import{godown as o}from"@godown/element/decorators/godown.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as i}from"@godown/element/directives/attr.js";import{htmlSlot as n}from"@godown/element/directives/html-slot.js";import{css as s,html as r}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as a,cssGlobalVars as l}from"../core/global-style.js";import m from"../core/super-openable.js";const p="dialog",h=a(p);let c=class Dialog extends m{constructor(){super(...arguments),this.direction="center",this.modal=!1,this.key="Escape",this._modalInvoke=!1}render(){return r`<div part="root" ${i(this.observedRecord)}><div part="modal"></div><div part="container">${n()}</div></div>`}showModal(){this.modal||(this.modal=!0,this._modalInvoke=!0),this.show()}updated(t){t.has("open")&&(this.open?(this._submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this._keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this._submitEvent),this.events.remove(document,"keydown",this._keydownEvent)))}_handleKeydown(t){t.preventDefault();const o=this.key.split(/[\s,]/);(o.includes(t.key)||o.includes(t.code))&&this.close()}_handelSubmit(t){"dialog"===t.target.method&&this.close()}close(){this._modalInvoke&&(this.modal=!1,this._modalInvoke=!1),this.open=!1}};t([d()],c.prototype,"direction",void 0),t([d({type:Boolean,reflect:!0})],c.prototype,"modal",void 0),t([d()],c.prototype,"key",void 0),c=t([o(p),e(s`:host{${h}--background:none;${h}--background-modal:var(${l.background});${h}--opacity-modal:0.2;background:var(${h}--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(${h}--opacity-modal)}[part=modal]{visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;background:var(${h}--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}`)],c);var v=c;export{v as default};
 //# sourceMappingURL=dialog.js.map

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":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","direction","modal","key","_modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","_submitEvent","events","add","_handelSubmit","_keydownEvent","document","_handleKeydown","bind","remove","e","preventDefault","keys","split","includes","code","close","target","method","__decorate","property","prototype","type","Boolean","reflect","godown","styles","css","cssGlobalVars","background","Dialog$1"],"mappings":"+dAWA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAASC,UAAe,SAMxBD,KAAKE,OAAG,EAMRF,KAAGG,IAAG,SAEEH,KAAYI,cAAG,EAEb,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKP,KAAKQ,iEAEfC,kBAI5B,SAAAC,GACOV,KAAKE,QACRF,KAAKE,OAAQ,EACbF,KAAKI,cAAe,GAEtBJ,KAAKW,OAMG,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACpBd,KAAKe,MACPf,KAAKgB,aAAehB,KAAKiB,OAAOC,IAAIlB,KAAM,SAAUA,KAAKmB,eACrDnB,KAAKG,MACPH,KAAKoB,cAAgBpB,KAAKiB,OAAOC,IAAIG,SAAU,UAAWrB,KAAKsB,eAAeC,KAAKvB,UAGrFA,KAAKiB,OAAOO,OAAOxB,KAAM,SAAUA,KAAKgB,cACxChB,KAAKiB,OAAOO,OAAOH,SAAU,UAAWrB,KAAKoB,iBAKzC,cAAAE,CAAeG,GACvBA,EAAEC,iBACF,MAAMC,EAAO3B,KAAKG,IAAIyB,MAAM,UACxBD,EAAKE,SAASJ,EAAEtB,MAAQwB,EAAKE,SAASJ,EAAEK,QAC1C9B,KAAK+B,QAIC,aAAAZ,CAAcM,GACE,WAApBA,EAAEO,OAAOC,QACXjC,KAAK+B,QAIT,KAAAA,GACM/B,KAAKI,eACPJ,KAAKE,OAAQ,EACbF,KAAKI,cAAe,GAEtBJ,KAAKe,MAAO,IAnEdmB,EAAA,CADCC,KAC+BtC,EAAAuC,UAAA,iBAAA,GAMhCF,EAAA,CADCC,EAAS,CAAEE,KAAMC,QAASC,SAAS,KACvB1C,EAAAuC,UAAA,aAAA,GAMbF,EAAA,CADCC,KACatC,EAAAuC,UAAA,WAAA,GAjBVvC,EAAMqC,EAAA,CAJXM,EAAO9C,GACP+C,EACCC,CAAG,SAAS/C,sBAA6BA,2BAAkCgD,EAAcC,eAAejD,uCAA8CA,8MAAqNA,sHAA6HA,wWAEpeE,GA4EN,IAAAgD,EAAehD"}

package/components/divider.js

@@ -1,36 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown, styles } from '@godown/element/decorators/index.js';
-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';
-
-const protoName = "divider";
-/**
- * {@linkcode Divider} similar to `<hr>`.
- *
- * @category layout
- */
-let Divider = class Divider extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * Vertical display.
-         */
-        this.vertical = false;
-    }
-    render() {
-        return html `<div part="root" ${attr(this.observedRecord)}></div>`;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], 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%)}:host([contents]) [part=root]{width:100%;height:.05em;margin:auto;display:block;background:currentColor}[part=root]{display:contents}`)
-], Divider);
-var Divider$1 = Divider;
-
-export { Divider$1 as default };
+import{__decorate as t}from"tslib";import{godown as o,styles as r}from"@godown/element/decorators/index.js";import{attr as e}from"@godown/element/directives/attr.js";import{css as i,html as s}from"lit";import{property as a}from"lit/decorators.js";import{GlobalStyle as d}from"../core/global-style.js";let l=class Divider extends d{constructor(){super(...arguments),this.vertical=!1}render(){return s`<div part="root" ${e(this.observedRecord)}></div>`}};t([a({type:Boolean,reflect:!0})],l.prototype,"vertical",void 0),l=t([o("divider"),r(i`: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}`)],l);var m=l;export{m as default};
 //# sourceMappingURL=divider.js.map

package/components/divider.js.map

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"divider.js","sources":["../src/components/divider.ts"],"sourcesContent":null,"names":["Divider","GlobalStyle","constructor","this","vertical","render","html","attr","observedRecord","__decorate","property","type","Boolean","reflect","prototype","godown","styles","css","Divider$1"],"mappings":"6SAkBA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAQC,UAAG,EAED,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKJ,KAAKK,2BAH3CC,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpBb,EAAAc,UAAA,gBAAA,GALZd,EAAOS,EAAA,CAJZM,EAPiB,WAQjBC,EACCC,CAAG,6QAECjB,GAYN,IAAAkB,EAAelB"}

package/components/dragbox.js

@@ -1,112 +1,2 @@
-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, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { GlobalStyle } from '../core/global-style.js';
-
-const protoName = "dragbox";
-/**
- * {@linkcode Dragbox} does not extend beyond the range of {@linkcode Dragbox.offsetsWidth} and {@linkcode Dragbox.offsetsHeight}.
- *
- * @category wrapper
- */
-let Dragbox = class Dragbox extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        this.drag = false;
-        /**
-         * Position x.
-         */
-        this.x = "auto";
-        /**
-         * Position y.
-         */
-        this.y = "auto";
-    }
-    /**
-     * Width of (`this.offsetParent` or `document.body`).
-     */
-    get offsetsWidth() {
-        return this.offsetParent?.clientWidth ?? document.body.offsetWidth;
-    }
-    /**
-     * Height of (`this.offsetParent` or `document.body`).
-     */
-    get offsetsHeight() {
-        return this.offsetParent?.clientHeight ?? document.body.offsetHeight;
-    }
-    render() {
-        return html `<div part="root" ${attr(this.observedRecord)} @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${htmlSlot()}</div>`;
-    }
-    firstUpdated() {
-        this.reset();
-    }
-    _handleDragStart(e) {
-        this.cx = e.clientX;
-        this.cy = e.clientY;
-        this.t = this.offsetTop;
-        this.l = this.offsetLeft;
-        this.drag = true;
-        this._handleMouseMove = this.events.add(document, "mousemove", this._handleDrag.bind(this));
-        this._handleMouseLeave = this.events.add(document, "mouseleave", this._handleDragEnd.bind(this));
-    }
-    _handleDragEnd() {
-        this.drag = false;
-        this.events.remove(document, "mousemove", this._handleMouseMove);
-        this.events.remove(document, "mouseleave", this._handleMouseLeave);
-    }
-    _handleDrag(e) {
-        if (!this.drag) {
-            return;
-        }
-        const nl = e.clientX - (this.cx - this.l);
-        const nt = e.clientY - (this.cy - this.t);
-        const { style, offsetsWidth, offsetsHeight, offsetWidth, offsetHeight } = this;
-        if (nl < 0) {
-            style.left = "0";
-        }
-        else if (nl < offsetsWidth - offsetWidth) {
-            style.left = `${nl}px`;
-        }
-        else {
-            style.left = `${offsetsWidth - offsetWidth}"px"`;
-        }
-        if (nt < 0) {
-            style.top = "0";
-        }
-        else if (nt < offsetsHeight - offsetHeight) {
-            style.top = `${nt}px`;
-        }
-        else {
-            style.top = `${offsetsHeight - offsetHeight}px`;
-        }
-    }
-    reset() {
-        const { x, y, style, offsetsWidth, offsetsHeight, offsetWidth, offsetHeight, offsetLeft, offsetTop } = this;
-        style.left = x || "0";
-        style.top = y || "0";
-        if (offsetLeft > offsetsWidth - offsetWidth) {
-            style.left = `${offsetsWidth - offsetWidth}px`;
-        }
-        if (offsetTop > offsetsHeight - offsetHeight) {
-            style.top = `${offsetsHeight - offsetHeight}px`;
-        }
-    }
-};
-__decorate([
-    property()
-], Dragbox.prototype, "x", void 0);
-__decorate([
-    property()
-], Dragbox.prototype, "y", void 0);
-Dragbox = __decorate([
-    godown(protoName),
-    styles(css `:host{position:absolute;display:block}:host(:active){-webkit-user-select:none;user-select:none}`)
-], Dragbox);
-var Dragbox$1 = Dragbox;
-
-export { Dragbox$1 as default };
+import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{styles as s}from"@godown/element/decorators/styles.js";import{attr as o}from"@godown/element/directives/attr.js";import{htmlSlot as i}from"@godown/element/directives/html-slot.js";import{css as r,html as h}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as n}from"../core/global-style.js";let f=class Dragbox extends n{constructor(){super(...arguments),this.drag=!1,this.x="auto",this.y="auto"}get offsetsWidth(){return this.offsetParent?.clientWidth??document.body.offsetWidth}get offsetsHeight(){return this.offsetParent?.clientHeight??document.body.offsetHeight}render(){return h`<div part="root" ${o(this.observedRecord)} @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${i()}</div>`}firstUpdated(){this.reset()}_handleDragStart(t){this.cx=t.clientX,this.cy=t.clientY,this.t=this.offsetTop,this.l=this.offsetLeft,this.drag=!0,this._handleMouseMove=this.events.add(document,"mousemove",this._handleDrag.bind(this)),this._handleMouseLeave=this.events.add(document,"mouseleave",this._handleDragEnd.bind(this))}_handleDragEnd(){this.drag=!1,this.events.remove(document,"mousemove",this._handleMouseMove),this.events.remove(document,"mouseleave",this._handleMouseLeave)}_handleDrag(t){if(!this.drag)return;const e=t.clientX-(this.cx-this.l),s=t.clientY-(this.cy-this.t),{style:o,offsetsWidth:i,offsetsHeight:r,offsetWidth:h,offsetHeight:d}=this;o.left=e<0?"0":e<i-h?`${e}px`:i-h+'"px"',o.top=s<0?"0":s<r-d?`${s}px`:r-d+"px"}reset(){const{x:t,y:e,style:s,offsetsWidth:o,offsetsHeight:i,offsetWidth:r,offsetHeight:h,offsetLeft:d,offsetTop:n}=this;s.left=t||"0",s.top=e||"0",d>o-r&&(s.left=o-r+"px"),n>i-h&&(s.top=i-h+"px")}};t([d()],f.prototype,"x",void 0),t([d()],f.prototype,"y",void 0),f=t([e("dragbox"),s(r`:host{position:absolute;display:block}:host(:active){-webkit-user-select:none;user-select:none}`)],f);var a=f;export{a as default};
 //# sourceMappingURL=dragbox.js.map

package/components/dragbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragbox.js","sources":["../src/components/dragbox.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
+{"version":3,"file":"dragbox.js","sources":["../src/components/dragbox.ts"],"sourcesContent":null,"names":["Dragbox","GlobalStyle","constructor","this","drag","x","y","offsetsWidth","offsetParent","clientWidth","document","body","offsetWidth","offsetsHeight","clientHeight","offsetHeight","render","html","attr","observedRecord","_handleDragStart","_handleDragEnd","htmlSlot","firstUpdated","reset","e","cx","clientX","cy","clientY","t","offsetTop","l","offsetLeft","_handleMouseMove","events","add","_handleDrag","bind","_handleMouseLeave","remove","nl","nt","style","left","top","__decorate","property","prototype","godown","styles","css","Dragbox$1"],"mappings":"maAqBA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAeUC,KAAIC,MAAG,EAUfD,KAACE,EAAG,OAMJF,KAACG,EAAG,OA3BJ,gBAAIC,GACF,OAAOJ,KAAKK,cAAcC,aAAeC,SAASC,KAAKC,YAMzD,iBAAIC,GACF,OAAOV,KAAKK,cAAcM,cAAgBJ,SAASC,KAAKI,aAqBhD,MAAAC,GACR,OAAOC,CAAI,oBAEPC,EAAKf,KAAKgB,+BACEhB,KAAKiB,+BACPjB,KAAKkB,mBACfC,YAII,YAAAC,GACRpB,KAAKqB,QAGG,gBAAAJ,CAAiBK,GACzBtB,KAAKuB,GAAKD,EAAEE,QACZxB,KAAKyB,GAAKH,EAAEI,QACZ1B,KAAK2B,EAAI3B,KAAK4B,UACd5B,KAAK6B,EAAI7B,KAAK8B,WACd9B,KAAKC,MAAO,EACZD,KAAK+B,iBAAmB/B,KAAKgC,OAAOC,IAAI1B,SAAU,YAAaP,KAAKkC,YAAYC,KAAKnC,OACrFA,KAAKoC,kBAAoBpC,KAAKgC,OAAOC,IAAI1B,SAAU,aAAcP,KAAKkB,eAAeiB,KAAKnC,OAMlF,cAAAkB,GACRlB,KAAKC,MAAO,EACZD,KAAKgC,OAAOK,OAAO9B,SAAU,YAAaP,KAAK+B,kBAC/C/B,KAAKgC,OAAOK,OAAO9B,SAAU,aAAcP,KAAKoC,mBAGxC,WAAAF,CAAYZ,GACpB,IAAKtB,KAAKC,KACR,OAEF,MAAMqC,EAAKhB,EAAEE,SAAWxB,KAAKuB,GAAKvB,KAAK6B,GACjCU,EAAKjB,EAAEI,SAAW1B,KAAKyB,GAAKzB,KAAK2B,IACjCa,MAAEA,EAAKpC,aAAEA,EAAYM,cAAEA,EAAaD,YAAEA,EAAWG,aAAEA,GAAiBZ,KAExEwC,EAAMC,KADJH,EAAK,EACM,IACJA,EAAKlC,EAAeK,EAChB,GAAG6B,MAEAlC,EAAeK,EAAlB,OAGb+B,EAAME,IADJH,EAAK,EACK,IACHA,EAAK7B,EAAgBE,EAClB,GAAG2B,MAEA7B,EAAgBE,EAAnB,KAIhB,KAAAS,GACE,MAAMnB,EAAEA,EAACC,EAAEA,EAACqC,MAAEA,EAAKpC,aAAEA,EAAYM,cAAEA,EAAaD,YAAEA,EAAWG,aAAEA,EAAYkB,WAAEA,EAAUF,UAAEA,GAAc5B,KACvGwC,EAAMC,KAAOvC,GAAK,IAClBsC,EAAME,IAAMvC,GAAK,IACb2B,EAAa1B,EAAeK,IAC9B+B,EAAMC,KAAUrC,EAAeK,EAAlB,MAEXmB,EAAYlB,EAAgBE,IAC9B4B,EAAME,IAAShC,EAAgBE,EAAnB,QAxEhB+B,EAAA,CADCC,KACS/C,EAAAgD,UAAA,SAAA,GAMVF,EAAA,CADCC,KACS/C,EAAAgD,UAAA,SAAA,GA/BNhD,EAAO8C,EAAA,CAJZG,EAPiB,WAQjBC,EACCC,CAAG,oGAECnD,GAsGN,IAAAoD,EAAepD"}

package/components/flex.js

@@ -1,64 +1,2 @@
-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, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { GlobalStyle } from '../core/global-style.js';
-
-const protoName = "flex";
-/**
- * {@linkcode Flex} provides flex layout.
- *
- * @slot - Flex items.
- * @category layout
- */
-let Flex = class Flex extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * If true, set flex-direction to "column".
-         */
-        this.vertical = false;
-    }
-    render() {
-        return html `<div part="root" ${attr(this.observedRecord)}>${[
-            htmlSlot(),
-            htmlStyle(joinRules({
-                ":host": {
-                    gap: this.gap,
-                    "flex-flow": this.flexFlow,
-                    "flex-direction": this.vertical && "column",
-                    "align-items": this.items,
-                    "justify-content": this.content,
-                },
-            })),
-        ]}</div>`;
-    }
-};
-__decorate([
-    property({ attribute: "flex-flow" })
-], Flex.prototype, "flexFlow", void 0);
-__decorate([
-    property()
-], Flex.prototype, "gap", void 0);
-__decorate([
-    property()
-], Flex.prototype, "content", void 0);
-__decorate([
-    property()
-], Flex.prototype, "items", void 0);
-__decorate([
-    property({ type: Boolean })
-], Flex.prototype, "vertical", void 0);
-Flex = __decorate([
-    godown(protoName),
-    styles(css `:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}`)
-], Flex);
-var Flex$1 = Flex;
-
-export { Flex$1 as default };
+import{__decorate as t}from"tslib";import{godown as o}from"@godown/element/decorators/godown.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as r}from"@godown/element/directives/attr.js";import{htmlSlot as s}from"@godown/element/directives/html-slot.js";import{htmlStyle as i}from"@godown/element/directives/html-style.js";import{joinRules as l}from"@godown/element/tools/css.js";import{css as m,html as n}from"lit";import{property as p}from"lit/decorators.js";import{GlobalStyle as d}from"../core/global-style.js";let a=class Flex extends d{constructor(){super(...arguments),this.vertical=!1}render(){return n`<div part="root" ${r(this.observedRecord)}>${[s(),i(l({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&"column","align-items":this.items,"justify-content":this.content}}))]}</div>`}};t([p({attribute:"flex-flow"})],a.prototype,"flexFlow",void 0),t([p()],a.prototype,"gap",void 0),t([p()],a.prototype,"content",void 0),t([p()],a.prototype,"items",void 0),t([p({type:Boolean})],a.prototype,"vertical",void 0),a=t([o("flex"),e(m`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}`)],a);var c=a;export{c as default};
 //# sourceMappingURL=flex.js.map

package/components/flex.js.map

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"flex.js","sources":["../src/components/flex.ts"],"sourcesContent":null,"names":["Flex","GlobalStyle","constructor","this","vertical","render","html","attr","observedRecord","htmlSlot","htmlStyle","joinRules","gap","flexFlow","items","content","__decorate","property","attribute","prototype","type","Boolean","godown","styles","css","Flex$1"],"mappings":"iiBAqBA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBA6BEC,KAAQC,UAAG,EAED,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKJ,KAAKK,mBACvC,CACAC,IACAC,EACEC,EAAU,CACR,QAAS,CACPC,IAAKT,KAAKS,IACV,YAAaT,KAAKU,SAClB,iBAAkBV,KAAKC,UAAY,SACnC,cAAeD,KAAKW,MACpB,kBAAmBX,KAAKY,uBArClCC,EAAA,CADCC,EAAS,CAAEC,UAAW,eACPlB,EAAAmB,UAAA,gBAAA,GAMhBH,EAAA,CADCC,KACUjB,EAAAmB,UAAA,WAAA,GAMXH,EAAA,CADCC,KACcjB,EAAAmB,UAAA,eAAA,GAMfH,EAAA,CADCC,KACYjB,EAAAmB,UAAA,aAAA,GAMbH,EAAA,CADCC,EAAS,CAAEG,KAAMC,WACFrB,EAAAmB,UAAA,gBAAA,GA7BZnB,EAAIgB,EAAA,CAFTM,EARiB,QASjBC,EAAOC,CAAG,mFACLxB,GAmDN,IAAAyB,EAAezB"}

package/components/form.js

@@ -1,76 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { css } from 'lit';
-import { property } from 'lit/decorators.js';
-import { GlobalStyle } from '../core/global-style.js';
-
-var Form_1;
-const protoName = "form";
-/**
- * {@linkcode Form} Gets child element key-value object,
- * which will be nested if the child element is the same as this element.
- *
- * @category form
- */
-let Form = Form_1 = class Form extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        this.name = "";
-        this.nameValue = this.namevalue;
-    }
-    get value() {
-        return Form_1.buildValue(this._slot.assignedElements());
-    }
-    render() {
-        return htmlSlot();
-    }
-    reset() {
-        this.deepQuerySelectorAll("*").forEach((el) => {
-            if (el.tagName === this.tagName) {
-                return;
-            }
-            if (el.reset) {
-                el.reset();
-            }
-        });
-    }
-    namevalue() {
-        return [this.name, this.value];
-    }
-    static buildValue(elements) {
-        const result = {};
-        for (const el of elements) {
-            if (el.tagName === "FORM") {
-                Object.assign(result, Object.fromEntries(new FormData(el).entries()));
-            }
-            else if (el.namevalue) {
-                const [name, value] = el.namevalue();
-                if (name) {
-                    result[name] = value;
-                }
-            }
-            else if (el.name && el.value !== undefined) {
-                result[el.name] = el.value;
-            }
-            else if (el.shadowRoot) {
-                for (const slot of el.shadowRoot.querySelectorAll("slot")) {
-                    Object.assign(result, this.buildValue(slot.assignedElements()));
-                }
-            }
-        }
-        return result;
-    }
-};
-__decorate([
-    property()
-], Form.prototype, "name", void 0);
-Form = Form_1 = __decorate([
-    godown(protoName),
-    styles(css `:host{display:block}`)
-], Form);
-var Form$1 = Form;
-
-export { Form$1 as default };
+import{__decorate as e}from"tslib";import{godown as t}from"@godown/element/decorators/godown.js";import{styles as o}from"@godown/element/decorators/styles.js";import{htmlSlot as s}from"@godown/element/directives/html-slot.js";import{css as r}from"lit";import{property as a}from"lit/decorators.js";import{GlobalStyle as l}from"../core/global-style.js";var i;let m=i=class Form extends l{constructor(){super(...arguments),this.name="",this.nameValue=this.namevalue}get value(){return i.buildValue(this._slot.assignedElements())}render(){return s()}reset(){this.deepQuerySelectorAll("*").forEach((e=>{e.tagName!==this.tagName&&e.reset&&e.reset()}))}namevalue(){return[this.name,this.value]}static buildValue(e){const t={};for(const o of e)if("FORM"===o.tagName)Object.assign(t,Object.fromEntries(new FormData(o).entries()));else if(o.namevalue){const[e,s]=o.namevalue();e&&(t[e]=s)}else if(o.name&&void 0!==o.value)t[o.name]=o.value;else if(o.shadowRoot)for(const e of o.shadowRoot.querySelectorAll("slot"))Object.assign(t,this.buildValue(e.assignedElements()));return t}};e([a()],m.prototype,"name",void 0),m=i=e([t("form"),o(r`:host{display:block}`)],m);var n=m;export{n as default};
 //# sourceMappingURL=form.js.map

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,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;;;;"}
+{"version":3,"file":"form.js","sources":["../src/components/form.ts"],"sourcesContent":null,"names":["Form","Form_1","GlobalStyle","constructor","this","name","nameValue","namevalue","value","buildValue","_slot","assignedElements","render","htmlSlot","reset","deepQuerySelectorAll","forEach","el","tagName","elements","result","Object","assign","fromEntries","FormData","entries","undefined","shadowRoot","slot","querySelectorAll","__decorate","property","prototype","godown","styles","css","Form$1"],"mappings":"qWAoBA,IAAMA,EAAIC,EAAV,MAAMD,aAAyBE,EAA/B,WAAAC,uBAEEC,KAAIC,KAAG,GAMPD,KAAAE,UAA+BF,KAAKG,UAJpC,SAAIC,GACF,OAAOP,EAAKQ,WAAWL,KAAKM,MAAMC,oBAK1B,MAAAC,GACR,OAAOC,IAGT,KAAAC,GACEV,KAAKW,qBAA4D,KAAKC,SAASC,IACzEA,EAAGC,UAAYd,KAAKc,SAGpBD,EAAGH,OACLG,EAAGH,WAKT,SAAAP,GACE,MAAO,CAACH,KAAKC,KAAMD,KAAKI,OAG1B,iBAAOC,CACLU,GAMA,MAAMC,EAAS,CAAE,EACjB,IAAK,MAAMH,KAAME,EACf,GAAmB,SAAfF,EAAGC,QACLG,OAAOC,OAAOF,EAAQC,OAAOE,YAAY,IAAIC,SAASP,GAAuBQ,iBACxE,GAAIR,EAAGV,UAAW,CACvB,MAAOF,EAAMG,GAASS,EAAGV,YACrBF,IACFe,EAAOf,GAAQG,QAEZ,GAAIS,EAAGZ,WAAqBqB,IAAbT,EAAGT,MACvBY,EAAOH,EAAGZ,MAAQY,EAAGT,WAChB,GAAIS,EAAGU,WACZ,IAAK,MAAMC,KAAQX,EAAGU,WAAWE,iBAAiB,QAChDR,OAAOC,OAAOF,EAAQhB,KAAKK,WAAWmB,EAAKjB,qBAIjD,OAAOS,IAnDTU,EAAA,CADCC,KACQ/B,EAAAgC,UAAA,YAAA,GAFLhC,EAAIC,EAAA6B,EAAA,CAJTG,EARiB,QASjBC,EACCC,CAAG,yBAECnC,GAyDN,IAAAoC,EAAepC"}

package/components/grid.js

@@ -1,58 +1,2 @@
-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, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { GlobalStyle } from '../core/global-style.js';
-
-const protoName = "grid";
-/**
- * {@linkcode Grid} provides gird layout.
- *
- * @slot - Grid items.
- * @category layout
- */
-let Grid = class Grid extends GlobalStyle {
-    render() {
-        return html `<div part="root" ${attr(this.observedRecord)}>${[
-            htmlSlot(),
-            htmlStyle(joinRules({
-                ":host": {
-                    gap: this.gap,
-                    "grid-template-columns": isNumerical(this.columns) ? `repeat(${this.columns},1fr)` : this.columns,
-                    "grid-template-rows": isNumerical(this.rows) ? `repeat(${this.rows},1fr)` : this.rows,
-                    "place-content": this.content,
-                    "place-items": this.items,
-                },
-            })),
-        ]}</div>`;
-    }
-};
-__decorate([
-    property()
-], Grid.prototype, "gap", void 0);
-__decorate([
-    property()
-], Grid.prototype, "columns", void 0);
-__decorate([
-    property()
-], Grid.prototype, "rows", void 0);
-__decorate([
-    property()
-], Grid.prototype, "content", void 0);
-__decorate([
-    property()
-], Grid.prototype, "items", void 0);
-Grid = __decorate([
-    godown(protoName),
-    styles(css `:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}`)
-], Grid);
-var Grid$1 = Grid;
-
-export { Grid$1 as default };
+import{__decorate as o}from"tslib";import{godown as t}from"@godown/element/decorators/godown.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as r}from"@godown/element/directives/attr.js";import{htmlSlot as s}from"@godown/element/directives/html-slot.js";import{htmlStyle as i}from"@godown/element/directives/html-style.js";import{joinRules as m}from"@godown/element/tools/css.js";import{isNumerical as p}from"@godown/element/tools/lib.js";import{css as l,html as d}from"lit";import{property as n}from"lit/decorators.js";import{GlobalStyle as a}from"../core/global-style.js";let c=class Grid extends a{render(){return d`<div part="root" ${r(this.observedRecord)}>${[s(),i(m({":host":{gap:this.gap,"grid-template-columns":p(this.columns)?`repeat(${this.columns},1fr)`:this.columns,"grid-template-rows":p(this.rows)?`repeat(${this.rows},1fr)`:this.rows,"place-content":this.content,"place-items":this.items}}))]}</div>`}};o([n()],c.prototype,"gap",void 0),o([n()],c.prototype,"columns",void 0),o([n()],c.prototype,"rows",void 0),o([n()],c.prototype,"content",void 0),o([n()],c.prototype,"items",void 0),c=o([t("grid"),e(l`:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}`)],c);var g=c;export{g as default};
 //# sourceMappingURL=grid.js.map

package/components/grid.js.map

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"grid.js","sources":["../src/components/grid.ts"],"sourcesContent":null,"names":["Grid","GlobalStyle","render","html","attr","this","observedRecord","htmlSlot","htmlStyle","joinRules","gap","isNumerical","columns","rows","content","items","__decorate","property","prototype","godown","styles","css","Grid$1"],"mappings":"4lBAsBA,IAAMA,EAAN,MAAMA,aAAaC,EAmCP,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKC,KAAKC,mBACvC,CACAC,IACAC,EACEC,EAAU,CACR,QAAS,CACPC,IAAKL,KAAKK,IACV,wBAAyBC,EAAYN,KAAKO,SAAW,UAAUP,KAAKO,eAAiBP,KAAKO,QAC1F,qBAAsBD,EAAYN,KAAKQ,MAAQ,UAAUR,KAAKQ,YAAcR,KAAKQ,KACjF,gBAAiBR,KAAKS,QACtB,cAAeT,KAAKU,qBAzC9BC,EAAA,CADCC,KACUjB,EAAAkB,UAAA,WAAA,GAQXF,EAAA,CADCC,KACuBjB,EAAAkB,UAAA,eAAA,GAQxBF,EAAA,CADCC,KACoBjB,EAAAkB,UAAA,YAAA,GAMrBF,EAAA,CADCC,KACcjB,EAAAkB,UAAA,eAAA,GAMfF,EAAA,CADCC,KACYjB,EAAAkB,UAAA,aAAA,GAjCTlB,EAAIgB,EAAA,CAFTG,EARiB,QASjBC,EAAOC,CAAG,mFACLrB,GAuDN,IAAAsB,EAAetB"}

package/components/input.js

@@ -1,52 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { part } from '@godown/element/decorators/part.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import { attr } from '@godown/element/directives/attr.js';
-import { classList } from '@godown/element/directives/class-list.js';
-import { css, html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { cssGlobalVars } from '../core/global-style.js';
-import SuperInput from '../core/super-input.js';
-
-const protoName = "input";
-/**
- * {@linkcode Input} renders a text input.
- *
- * @category input
- */
-let Input = class Input extends SuperInput {
-    constructor() {
-        super(...arguments);
-        this.type = "text";
-        /**
-         * If outline, the outline is always present.
-         */
-        this.variant = "default";
-    }
-    render() {
-        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(),
-        ]}</div>`;
-    }
-    reset() {
-        this._input.value = this.default;
-        this.value = this.default;
-    }
-};
-__decorate([
-    property()
-], Input.prototype, "variant", void 0);
-__decorate([
-    part("input")
-], Input.prototype, "_input", void 0);
-Input = __decorate([
-    godown(protoName),
-    styles(css `:host{width:var(${cssGlobalVars.input}-width);height:var(${cssGlobalVars.input}-height);color:var(${cssGlobalVars.foreground});background:var(${cssGlobalVars.input}-background);border-radius:var(${cssGlobalVars.input}-radius);display:block}`)
-], Input);
-var Input$1 = Input;
-
-export { Input$1 as default };
+import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{part as o}from"@godown/element/decorators/part.js";import{styles as r}from"@godown/element/decorators/styles.js";import{attr as i}from"@godown/element/directives/attr.js";import{classList as s}from"@godown/element/directives/class-list.js";import{css as a,html as d,nothing as p}from"lit";import{property as u}from"lit/decorators.js";import{cssGlobalVars as l}from"../core/global-style.js";import n from"../core/super-input.js";let h=class Input extends n{constructor(){super(...arguments),this.type="text",this.variant="default"}render(){return d`<div part="root" ${i(this.observedRecord)} class="${s("input-field",this.variant)}">${[this._renderPrefix(),d`<input part="input" type="${this.type}" id="${this.makeId}" .value="${this.value}" placeholder="${this.placeholder||p}" ?autofocus="${this.autofocus}" autocapitalize="${this.autocapitalize||p}" autocomplete="${this.autocomplete||p}" ?disabled="${this.disabled}" @input="${this._handleInput}">`,this._renderSuffix()]}</div>`}reset(){this._input.value=this.default,this.value=this.default}};t([u()],h.prototype,"variant",void 0),t([o("input")],h.prototype,"_input",void 0),h=t([e("input"),r(a`:host{width:var(${l.input}-width);height:var(${l.input}-height);color:var(${l.foreground});background:var(${l.input}-background);border-radius:var(${l.input}-radius);display:block}`)],h);var m=h;export{m as default};
 //# sourceMappingURL=input.js.map