godown 3.0.0-canary.8 → 3.0.0

package/components/details.d.ts

@@ -1,7 +1,11 @@
+import { type TemplateResult } from "lit";
 import SuperOpenable from "../core/super-openable.js";
 /**
  * {@linkcode Details} similar to `<details>`.
  *
+ * @slot summary - Details summary if no `summary` is provided.
+ * @slot - Details content.
+ * @fires change - Fired when the open changes.
  * @category display
  */
 declare class Details extends SuperOpenable {
@@ -13,8 +17,8 @@ declare class Details extends SuperOpenable {
      * Summary text.
      */
     summary: string;
-    _dd: HTMLDataListElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 export default Details;
+export { 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;;;;GAIG;AACH,cAIM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IACb;;OAEG;IAEH,OAAO,SAAM;IAGb,GAAG,EAAE,mBAAmB,CAAC;IAEzB,SAAS,CAAC,MAAM;CAGjB;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAEA,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;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/components/details.js

@@ -1,50 +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 svgCaretDown from '@godown/f7-icon/icons/chevron-down.js';
-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';
-
-const protoName = "details";
-const cssScope = scopePrefix(protoName);
-/**
- * {@linkcode Details} similar to `<details>`.
- *
- * @category display
- */
-let Details = class Details extends SuperOpenable {
-    constructor() {
-        super(...arguments);
-        /**
-         * If it is true, the summary event scope will fill the element.
-         */
-        this.fill = false;
-        /**
-         * Summary text.
-         */
-        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>`;
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], Details.prototype, "fill", void 0);
-__decorate([
-    property()
-], Details.prototype, "summary", void 0);
-__decorate([
-    query("dd")
-], Details.prototype, "_dd", void 0);
-Details = __decorate([
-    godown(protoName),
-    styles(css `:host{${cssScope}--icon-deg-open:0deg;${cssScope}--icon-deg-close:90deg;${cssScope}--icon-deg:0deg;${cssScope}--icon-space:0.3em;${cssScope}--summary-direction:row;${cssScope}--transition:.3s;height:-moz-fit-content;height:fit-content;display:block;transition:var(${cssScope}--transition)}dl{height:100%;position:relative;overflow:hidden}dt{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;background:inherit;align-items:center;flex-direction:var(${cssScope}--summary-direction)}dd{display:grid;overflow:hidden;grid-template-rows:0fr;transition:var(${cssScope}--transition);transition-property:grid-template-rows}i{display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:var(${cssScope}--icon-space);transition:var(${cssScope}--transition);transform:rotate(var(${cssScope}--icon-deg))}:host([open]) dd{grid-template-rows:1fr}:host([float]) dd{top:100%;position:absolute}i{transform:rotate(var(${cssScope}--icon-deg-close))}:host([open]) i{transform:rotate(var(${cssScope}--icon-deg-open))}`)
-], Details);
-var Details$1 = Details;
-
-export { Details$1 as default };
+import{__decorate as t}from"tslib";import{godown as i,styles as o,attr as r,htmlSlot as e}from"@godown/element";import a from"@godown/f7-icon/icons/chevron-down.js";import{css as s,html as n}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as d}from"../core/global-style.js";import p from"../core/super-openable.js";const c="details",m=d(c);let f=class Details extends p{constructor(){super(...arguments),this.fill=!1,this.summary=""}render(){return n`<dl part="root" ${r(this.observedRecord)}><dt part="title" @click="${this._handelClick}"><span part="summary">${this.summary||e("summary")}</span> <span><i part="icon">${a()}</i></span></dt><dd part="details" @click="${this.fill?()=>this.toggle():null}"><div style="min-height:0">${e()}</div></dd></dl>`}};t([l({type:Boolean})],f.prototype,"fill",void 0),t([l()],f.prototype,"summary",void 0),f=t([i(c),o(s`:host{${m}--icon-deg-open:0deg;${m}--icon-deg-close:90deg;${m}--icon-space:0.3em;${m}--summary-direction:row;${m}--transition:.3s;height:-moz-fit-content;height:fit-content;display:block;transition:var(${m}--transition)}[part=root]{height:100%;position:relative;overflow:hidden}[part=title]{direction:ltr;height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;background:inherit;align-items:center;flex-direction:var(${m}--summary-direction)}[part=details]{display:grid;overflow:hidden;grid-template-rows:0fr;transition:var(${m}--transition);transition-property:grid-template-rows}:host([open]) [part=details]{grid-template-rows:1fr}:host([float]) [part=details]{top:100%;position:absolute}[part=icon]{display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:var(${m}--icon-space);transition:var(${m}--transition);transform:rotate(var(${m}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${m}--icon-deg-open))}`)],f);var h=f;export{f as Details,h as default};
 //# sourceMappingURL=details.js.map

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;;;;AAIE;AAKF,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa,CAAA;AAAnC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAG,KAAK;AACZ;;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;AArBE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACf,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAKZ,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAGZ,UAAA,CAAA;IADC,KAAK,CAAC,IAAI;AACa,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAbpB,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,CA0Bb;AAEA,gBAAe,OAAO;;;;"}
+{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","fill","summary","render","html","attr","observedRecord","_handelClick","htmlSlot","svgCaretDown","toggle","__decorate","property","type","Boolean","prototype","godown","styles","css","Details$1"],"mappings":"qVAQA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAc7B,IAAMG,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAIC,MAAG,EAMPD,KAAOE,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAAmBC,EAAKL,KAAKM,4CACXN,KAAKO,sCACPP,KAAKE,SAAWM,EAAS,0CAE7BC,iDAGOT,KAAKC,KAAO,IAAMD,KAAKU,SAAW,mCAC9BF,wBAjBpCG,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACNjB,EAAAkB,UAAA,YAAA,GAMZJ,EAAA,CADCC,KACWf,EAAAkB,UAAA,eAAA,GAXRlB,EAAOc,EAAA,CAJZK,EAAOtB,GACPuB,EACCC,CAAG,SAASvB,yBAAgCA,2BAAkCA,uBAA8BA,4BAAmCA,6FAAoGA,wOAA+OA,2GAAkHA,yQAAgRA,iCAAwCA,uCAA8CA,sEAA6EA,wBAEngCE,GA4BN,IAAAsB,EAAetB"}

package/components/dialog.d.ts

@@ -1,16 +1,20 @@
 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>`.
  *
  * Like dialog, it listens for submit events and closes itself when the target method is "dialog".
  *
- * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed
+ * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed.
  *
+ * @fires change - Fires when the open changes.
  * @category feedback
  */
 declare class Dialog extends SuperOpenable {
+    /**
+     * Direction of the opening animation.
+     */
     direction: Direction9;
     /**
      * Enable modal, blocking event penetration.
@@ -21,7 +25,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;
@@ -31,4 +35,5 @@ declare class Dialog extends SuperOpenable {
     close(): void;
 }
 export default Dialog;
+export { Dialog };
 //# sourceMappingURL=dialog.d.ts.map

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;IAEhC,SAAS,EAAE,UAAU,CAAY;IACjC;;OAEG;IAEH,KAAK,UAAS;IACd;;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,EAAgB,KAAK,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;;GASG;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;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/dialog.js

@@ -1,94 +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, 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);
-        this.direction = "center";
-        /**
-         * Enable modal, blocking event penetration.
-         */
-        this.modal = false;
-        /**
-         * Close key.
-         */
-        this.key = "Escape";
-    }
-    render() {
-        return html `<div part="root"><div part="modal"></div><div part="container" direction="${this.direction}">${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}[direction]{pointer-events:all;position:absolute}[direction^=top]{top:0}[direction^=bottom]{bottom:0}[direction$=right]{right:0}[direction$=left]{left:0}`)
-], Dialog);
-var Dialog$1 = Dialog;
-
-export { Dialog$1 as default };
+import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as i,htmlSlot as n}from"@godown/element";import{css as s,html as d}from"lit";import{property as r}from"lit/decorators.js";import{scopePrefix as a,cssGlobalVars as l}from"../core/global-style.js";import h from"../core/super-openable.js";const p="dialog",c=a(p);let m=class Dialog extends h{constructor(){super(...arguments),this.direction="center",this.modal=!1,this.key="Escape",this._modalInvoke=!1}render(){return d`<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([r()],m.prototype,"direction",void 0),t([r({type:Boolean,reflect:!0})],m.prototype,"modal",void 0),t([r()],m.prototype,"key",void 0),m=t([o(p),e(s`:host{${c}--background:none;${c}--background-modal:var(${l.background});${c}--opacity-modal:0.2;background:var(${c}--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(${c}--opacity-modal)}[part=modal]{visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;background:var(${c}--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}`)],m);var v=m;export{m as Dialog,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":"mTAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAgB7B,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.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,8 @@ declare class Divider extends GlobalStyle {
      * Vertical display.
      */
     vertical: boolean;
-    connectedCallback(): void;
+    protected render(): TemplateResult<1>;
 }
 export default Divider;
+export { 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":"AACA,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;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/components/divider.js

@@ -1,37 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown, styles } from '@godown/element/decorators/index.js';
-import { css } from 'lit';
-import { property } from 'lit/decorators.js';
-import { GlobalStyle } from '../core/global-style.js';
-
-const protoName = "divider";
-/**
- * {@linkcode Divider} similar to `<hr>`.
- *
- * This component does not render content.
- *
- * @category layout
- */
-let Divider = class Divider extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * Vertical display.
-         */
-        this.vertical = false;
-    }
-    connectedCallback() {
-        this.createRenderRoot();
-    }
-};
-__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%)}`)
-], Divider);
-var Divider$1 = Divider;
-
-export { Divider$1 as default };
+import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e}from"@godown/element";import{css as i,html as a}from"lit";import{property as l}from"lit/decorators.js";import{GlobalStyle as s}from"../core/global-style.js";let d=class Divider extends s{constructor(){super(...arguments),this.vertical=!1}render(){return a`<div part="root" ${e(this.observedRecord)}></div>`}};t([l({type:Boolean,reflect:!0})],d.prototype,"vertical",void 0),d=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}`)],d);var c=d;export{d as Divider,c 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":";;;;;;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":["Divider","GlobalStyle","constructor","this","vertical","render","html","attr","observedRecord","__decorate","property","type","Boolean","reflect","prototype","godown","styles","css","Divider$1"],"mappings":"yOAiBA,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.d.ts

@@ -1,4 +1,5 @@
-import { EventListenerFunc } from "@godown/element/tools/events.js";
+import { type EventListenerFunc } from "@godown/element";
+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}.
@@ -14,11 +15,11 @@ declare class Dragbox extends GlobalStyle {
      * Height of (`this.offsetParent` or `document.body`).
      */
     get offsetsHeight(): number;
-    drag: boolean;
-    t: number;
-    l: number;
-    cx: number;
-    cy: number;
+    private drag;
+    private t;
+    private l;
+    private cx;
+    private cy;
     /**
      * Position x.
      */
@@ -27,14 +28,15 @@ 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;
-    _handleMouseMove: EventListenerFunc;
-    _handleMouseLeave: EventListenerFunc;
+    protected _handleMouseMove: EventListenerFunc;
+    protected _handleMouseLeave: EventListenerFunc;
     protected _handleDragEnd(): void;
     protected _handleDrag(e: MouseEvent): void;
     reset(): void;
 }
 export default Dragbox;
+export { Dragbox };
 //# sourceMappingURL=dragbox.d.ts.map

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,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IAEH,CAAC,SAAU;IACX;;OAEG;IAEH,CAAC,SAAU;IAEX,SAAS,CAAC,MAAM;IAIhB,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU;IAUxC,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,iBAAiB,EAAE,iBAAiB,CAAC;IAErC,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":"AAAA,OAAO,EAAQ,KAAK,iBAAiB,EAA4B,MAAM,iBAAiB,CAAC;AACzF,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;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/components/dragbox.js

@@ -1,110 +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, 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);
-        /**
-         * 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 @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,styles as s,attr as o,htmlSlot as i}from"@godown/element";import{css as h,html as r}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 r`<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:h,offsetWidth:r,offsetHeight:d}=this;o.left=e<0?"0":e<i-r?`${e}px`:i-r+'"px"',o.top=s<0?"0":s<h-d?`${s}px`:h-d+"px"}reset(){const{x:t,y:e,style:s,offsetsWidth:o,offsetsHeight:i,offsetWidth:h,offsetHeight:r,offsetLeft:d,offsetTop:n}=this;s.left=t||"0",s.top=e||"0",d>o-h&&(s.left=o-h+"px"),n>i-r&&(s.top=i-r+"px")}};t([d()],f.prototype,"x",void 0),t([d()],f.prototype,"y",void 0),f=t([e("dragbox"),s(h`:host{position:absolute;display:block}:host(:active){-webkit-user-select:none;user-select:none}`)],f);var a=f;export{f as Dragbox,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":";;;;;;;;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;AACV;;AAEE;QAEF,IAAC,CAAA,CAAA,GAAG,MAAM;;AA7BV;;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;;IAoB5D,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;AApEE,UAAA,CAAA;AADC,IAAA,QAAQ;AACC,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,GAAA,EAAA,KAAA,CAAA,CAAA;AAKV,UAAA,CAAA;AADC,IAAA,QAAQ;AACC,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,GAAA,EAAA,KAAA,CAAA,CAAA;AA9BN,OAAO,GAAA,UAAA,CAAA;IAJZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,+FAAA,CAAiG;AAEhG,CAAA,EAAA,OAAO,CA6Fb;AAEA,gBAAe,OAAO;;;;"}
+{"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":"uPAiBA,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,mBAEfC,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,QAzEhB+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,GAuGN,IAAAoD,EAAepD"}

package/components/flex.d.ts

@@ -1,7 +1,9 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Flex} provides flex layout.
  *
+ * @slot - Flex items.
  * @category layout
  */
 declare class Flex extends GlobalStyle {
@@ -25,7 +27,8 @@ 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;
+export { 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;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,MAAM;CAgBjB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../src/components/flex.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAIM,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;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/components/flex.js

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