godown 3.0.0-canary.13 → 3.0.0-canary.15

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

package/components/input.js.map

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","this","type","variant","render","html","attr","observedRecord","classList","_renderPrefix","makeId","value","placeholder","nothing","autofocus","autocapitalize","autocomplete","disabled","_handleInput","_renderSuffix","reset","_input","default","__decorate","property","prototype","part","godown","styles","css","cssGlobalVars","input","foreground","Input$1"],"mappings":"ohBAsBA,IAAMA,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACEC,KAAIC,KAA6D,OAQjED,KAAOE,QAA0B,UAKvB,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKL,KAAKM,0BAA0BC,EAAU,cAAeP,KAAKE,aAC7F,CACFF,KAAKQ,gBACLJ,CAAI,6BAEQJ,KAAKC,aACPD,KAAKS,mBACDT,KAAKU,uBACAV,KAAKW,aAAeC,kBACrBZ,KAAKa,8BACDb,KAAKc,gBAAkBF,oBACzBZ,KAAKe,cAAgBH,iBACxBZ,KAAKgB,qBACRhB,KAAKiB,iBAEnBjB,KAAKkB,yBAKT,KAAAC,GACEnB,KAAKoB,OAAOV,MAAQV,KAAKqB,QACzBrB,KAAKU,MAAQV,KAAKqB,UA5BpBC,EAAA,CADCC,KACyC1B,EAAA2B,UAAA,eAAA,GAGhCF,EAAA,CADTG,EAAK,UAC4B5B,EAAA2B,UAAA,cAAA,GAZ9B3B,EAAKyB,EAAA,CAJVI,EAPiB,SAQjBC,EACCC,CAAG,mBAAmBC,EAAcC,2BAA2BD,EAAcC,2BAA2BD,EAAcE,8BAA8BF,EAAcC,uCAAuCD,EAAcC,iCAEnNjC,GAyCN,IAAAmC,EAAenC"}

package/components/layout.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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;CAGtC;AAED,eAAe,SAAS,CAAC"}

package/components/layout.js

@@ -1,59 +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 = "layout";
-/**
- * {@linkcode NavLayout} renders slot and optional top header, bottom footer.
- *
- * @slot - The main content of the layout.
- * @slot header - The header of the layout.
- * @slot footer - The footer of the layout.
- * @category layout
- */
-let NavLayout = class NavLayout extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * If true, remove the header slot.
-         */
-        this.noHeader = false;
-        /**
-         * If true, remove the footer slot.
-         */
-        this.noFooter = false;
-        /**
-         * If true, header will sticky.
-         */
-        this.sticky = false;
-    }
-    render() {
-        return html `<div part="root" ${attr(this.observedRecord)}>${!this.noHeader
-            ? html `<header part="header">${htmlSlot("header")}</header>`
-            : ""}<main part="main">${htmlSlot()}</main>${!this.noFooter
-            ? html `<footer part="footer">${htmlSlot("footer")}</footer>`
-            : ""}</div>`;
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], NavLayout.prototype, "noHeader", void 0);
-__decorate([
-    property({ type: Boolean })
-], NavLayout.prototype, "noFooter", void 0);
-__decorate([
-    property({ type: Boolean })
-], NavLayout.prototype, "sticky", void 0);
-NavLayout = __decorate([
-    godown(protoName),
-    styles(css `:host,:host([contents]) [part=root]{min-height:100%;display:flex;flex-direction:column}[part=root]{display:contents}[sticky] header{position:sticky;top:0;z-index:1}[part=main]{position:relative;flex:1;width:100%}footer,header,main{width:100%}`)
-], NavLayout);
-var Layout = NavLayout;
-
-export { Layout 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 i}from"@godown/element/directives/html-slot.js";import{css as s,html as a}from"lit";import{property as n}from"lit/decorators.js";import{GlobalStyle as d}from"../core/global-style.js";let p=class NavLayout extends d{constructor(){super(...arguments),this.noHeader=!1,this.noFooter=!1,this.sticky=!1}render(){return a`<div part="root" ${r(this.observedRecord)}>${this.noHeader?"":a`<header part="header">${i("header")}</header>`}<main part="main">${i()}</main>${this.noFooter?"":a`<footer part="footer">${i("footer")}</footer>`}</div>`}};o([n({type:Boolean})],p.prototype,"noHeader",void 0),o([n({type:Boolean})],p.prototype,"noFooter",void 0),o([n({type:Boolean})],p.prototype,"sticky",void 0),p=o([t("layout"),e(s`:host,:host([contents]) [part=root]{min-height:100%;display:flex;flex-direction:column}[part=root]{display:contents}[sticky] header{position:sticky;top:0;z-index:1}[part=main]{position:relative;flex:1;width:100%}footer,header,main{width:100%}`)],p);var m=p;export{m as default};
 //# sourceMappingURL=layout.js.map

package/components/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../src/components/layout.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,QAAQ;AAE1B;;;;;;;AAOE;AAKF,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,WAAW,CAAA;AAAnC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB;;AAEE;QAEF,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB;;AAEE;QAEF,IAAM,CAAA,MAAA,GAAG,KAAK;;IAEJ,MAAM,GAAA;AACd,QAAA,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,CAAA,EAEtD,CAAC,IAAI,CAAC;cACF,IAAI,CAAA,CAAA,sBAAA,EAAyB,QAAQ,CAAC,QAAQ,CAAC,CAAU,SAAA;cACzD,EACN,CACoB,kBAAA,EAAA,QAAQ,EAAE,CAE5B,OAAA,EAAA,CAAC,IAAI,CAAC;cACF,IAAI,CAAA,CAAA,sBAAA,EAAyB,QAAQ,CAAC,QAAQ,CAAC,CAAU,SAAA;cACzD,EACN,CAAA,MAAA,CACO;;CAEX;AA7BE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACX,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAMhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACX,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAMhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAjBV,SAAS,GAAA,UAAA,CAAA;IAJd,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,kPAAA,CAAoP;AAEnP,CAAA,EAAA,SAAS,CAkCf;AAEA,aAAe,SAAS;;;;"}
+{"version":3,"file":"layout.js","sources":["../src/components/layout.ts"],"sourcesContent":null,"names":["NavLayout","GlobalStyle","constructor","this","noHeader","noFooter","sticky","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","godown","styles","css","Layout"],"mappings":"maAuBA,IAAMA,EAAN,MAAMA,kBAAkBC,EAAxB,WAAAC,uBAKEC,KAAQC,UAAG,EAMXD,KAAQE,UAAG,EAMXF,KAAMG,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKN,KAAKO,mBACpCP,KAAKC,SAAwE,GAA7DI,CAAI,yBAAyBG,EAAS,yCACrCA,aACjBR,KAAKE,SAAwE,GAA7DG,CAAI,yBAAyBG,EAAS,+BAlB7DC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACFf,EAAAgB,UAAA,gBAAA,GAMhBJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACFf,EAAAgB,UAAA,gBAAA,GAMhBJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJf,EAAAgB,UAAA,cAAA,GAjBVhB,EAASY,EAAA,CAJdK,EAViB,UAWjBC,EACCC,CAAG,uPAECnB,GA4BN,IAAAoB,EAAepB"}

package/components/link.js

@@ -1,54 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { property } from 'lit/decorators.js';
-import SuperAnchor from '../core/super-anchor.js';
-import Router from './router.js';
-
-const protoName = "link";
-/**
- * {@linkcode Link} is used for link jumping.
- *
- * Set `type` to `"push" `or `"replace"`,
- * will invoke the history api and trigger the {@linkcode Router.updateAll}.
- *
- * @category navigation
- */
-let Link = class Link extends SuperAnchor {
-    constructor() {
-        super(...arguments);
-        /**
-         * If "push", call `history.pushState`.
-         *
-         * If "replace", call `history.replaceState`.
-         *
-         * If "normal", behave like a normal anchor.
-         */
-        this.type = "normal";
-        /**
-         * Suppress the update of the {@linkcode Router}.
-         */
-        this.suppress = false;
-    }
-    _handleClick(e) {
-        if (this.type === "push" || this.type === "replace") {
-            e.preventDefault();
-            (history[`${this.type}State`])(null, "", this.href);
-            if (!this.suppress) {
-                Router.updateAll();
-            }
-        }
-    }
-};
-__decorate([
-    property()
-], Link.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean })
-], Link.prototype, "suppress", void 0);
-Link = __decorate([
-    godown(protoName)
-], Link);
-var Link$1 = Link;
-
-export { Link$1 as default };
+import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{property as o}from"lit/decorators.js";import r from"../core/super-anchor.js";import s from"./router.js";let p=class Link extends r{constructor(){super(...arguments),this.type="normal",this.suppress=!1}_handleClick(t){"push"!==this.type&&"replace"!==this.type||(t.preventDefault(),history[`${this.type}State`](null,"",this.href),this.suppress||s.updateAll())}};t([o()],p.prototype,"type",void 0),t([o({type:Boolean})],p.prototype,"suppress",void 0),p=t([e("link")],p);var i=p;export{i as default};
 //# sourceMappingURL=link.js.map

package/components/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../src/components/link.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;AAMA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;;;;AAOE;AAEF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;;;;;AAME;QAEF,IAAI,CAAA,IAAA,GAAkC,QAAQ;AAE9C;;AAEE;QAEF,IAAQ,CAAA,QAAA,GAAG,KAAK;;AAEN,IAAA,YAAY,CAAC,CAAa,EAAA;AAClC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YACnD,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,CAAC,OAAO,CAAC,CAAA,EAAG,IAAI,CAAC,IAAI,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC;AACnD,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,MAAM,CAAC,SAAS,EAAE;;;;CAI1B;AAjBE,UAAA,CAAA;AADC,IAAA,QAAQ;AACqC,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAM9C,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACX,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAfZ,IAAI,GAAA,UAAA,CAAA;IADT,MAAM,CAAC,SAAS;AACX,CAAA,EAAA,IAAI,CA0BV;AAEA,aAAe,IAAI;;;;"}
+{"version":3,"file":"link.js","sources":["../src/components/link.ts"],"sourcesContent":null,"names":["Link","SuperAnchor","constructor","this","type","suppress","_handleClick","e","preventDefault","history","href","Router","updateAll","__decorate","property","prototype","Boolean","godown","Link$1"],"mappings":"gNAiBA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBASEC,KAAIC,KAAkC,SAMtCD,KAAQE,UAAG,EAED,YAAAC,CAAaC,GACH,SAAdJ,KAAKC,MAAiC,YAAdD,KAAKC,OAC/BG,EAAEC,iBACDC,QAAQ,GAAGN,KAAKC,aAAc,KAAM,GAAID,KAAKO,MACzCP,KAAKE,UACRM,EAAOC,eAbbC,EAAA,CADCC,KAC6Cd,EAAAe,UAAA,YAAA,GAM9CF,EAAA,CADCC,EAAS,CAAEV,KAAMY,WACFhB,EAAAe,UAAA,gBAAA,GAfZf,EAAIa,EAAA,CADTI,EAViB,SAWZjB,GA4BN,IAAAkB,EAAelB"}

package/components/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/components/progress.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,cAEM,QAAS,SAAQ,WAAW;IAEhC,GAAG,SAAK;IAGR,GAAG,SAAK;IAGR,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/components/progress.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,cAIM,QAAS,SAAQ,WAAW;IAEhC,GAAG,SAAK;IAGR,GAAG,SAAK;IAGR,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,QAAQ,CAAC"}

package/components/progress.js

@@ -1,60 +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 { isNil } from '@godown/element/tools/lib.js';
-import { css, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { cssGlobalVars, GlobalStyle } from '../core/global-style.js';
-
-const protoName = "progress";
-/**
- * {@linkcode Progress} similar to `<progress>`.
- *
- * @category feedback
- */
-let Progress = class Progress extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        this.max = 1;
-        this.min = 0;
-    }
-    render() {
-        let width = 20;
-        let className;
-        if (!isNil(this.value)) {
-            width = this.parsePercent(this.value);
-            className = "static";
-        }
-        return html `<div part="root" ${attr(this.observedRecord)} class="${className}"><i part="value" style="width:${width}"></i></div>`;
-    }
-    /**
-     * Convert s to a percentage without a percent sign.
-     *
-     * @param s String or number to convert.
-     * @returns Percentage without a percent sign.
-     */
-    parsePercent(s = "0") {
-        if (String(s).includes("%")) {
-            return parseFloat(String(s));
-        }
-        return (parseFloat(String(s)) / (this.max - this.min)) * 100;
-    }
-};
-__decorate([
-    property({ type: Number })
-], Progress.prototype, "max", void 0);
-__decorate([
-    property({ type: Number })
-], Progress.prototype, "min", void 0);
-__decorate([
-    property({ type: Number })
-], Progress.prototype, "value", void 0);
-Progress = __decorate([
-    godown(protoName),
-    styles(css `:host{width:100%;height:.5em;border-radius:.25em;background:var(${cssGlobalVars.passive});color:var(${cssGlobalVars.active})}:host,[part=root]{display:block}[part=root]{height:inherit;z-index:1;position:relative;border-radius:inherit}[part=value]{position:absolute;z-index:2;top:0;left:0;height:100%;border-radius:inherit;transition:all .3s;animation:progress 1.8s ease-in-out infinite alternate;background:currentColor}@keyframes progress{from{left:0}to{left:80%}}.static [part=value]{animation:none}`)
-], Progress);
-var Progress$1 = Progress;
-
-export { Progress$1 as default };
+import{__decorate as t}from"tslib";import{godown as r}from"@godown/element/decorators/godown.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as o}from"@godown/element/directives/attr.js";import{isNil as i}from"@godown/element/tools/lib.js";import{css as s,html as a}from"lit";import{property as n}from"lit/decorators.js";import{cssGlobalVars as l,GlobalStyle as p}from"../core/global-style.js";let m=class Progress extends p{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,r=20;return i(this.value)||(r=this.parsePercent(this.value),t="static"),a`<div part="root" ${o(this.observedRecord)} class="${t}"><i part="value" style="width:${r}"></i></div>`}parsePercent(t="0"){return String(t).includes("%")?parseFloat(String(t)):parseFloat(String(t))/(this.max-this.min)*100}};t([n({type:Number})],m.prototype,"max",void 0),t([n({type:Number})],m.prototype,"min",void 0),t([n({type:Number})],m.prototype,"value",void 0),m=t([r("progress"),e(s`:host{width:100%;height:.5em;border-radius:.25em;background:var(${l.passive});color:var(${l.active})}:host,[part=root]{display:block}[part=root]{height:inherit;z-index:1;position:relative;border-radius:inherit}[part=value]{position:absolute;z-index:2;top:0;left:0;height:100%;border-radius:inherit;transition:all .3s;animation:progress 1.8s ease-in-out infinite alternate;background:currentColor}@keyframes progress{from{left:0}to{left:80%}}.static [part=value]{animation:none}`)],m);var d=m;export{d as default};
 //# sourceMappingURL=progress.js.map

package/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,UAAU;AAE5B;;;;AAIE;AAGF,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW,CAAA;AAAlC,IAAA,WAAA,GAAA;;QAEE,IAAG,CAAA,GAAA,GAAG,CAAC;QAGP,IAAG,CAAA,GAAA,GAAG,CAAC;;IAKG,MAAM,GAAA;QACd,IAAI,KAAK,GAAG,EAAE;AACd,QAAA,IAAI,SAAiB;QACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACtB,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;YACrC,SAAS,GAAG,QAAQ;;AAEtB,QAAA,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAW,QAAA,EAAA,SAAS,CAC3C,+BAAA,EAAA,KAAK,cAC/B;;AAGT;;;;;AAKE;IACF,YAAY,CAAC,IAAqB,GAAG,EAAA;QACnC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC3B,YAAA,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;;QAE9B,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG;;CAEhE;AAhCE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACnB,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAGP,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACnB,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAGP,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACb,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AART,QAAQ,GAAA,UAAA,CAAA;IAFb,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,gEAAA,EAAqE,aAAa,CAAC,OAAO,CAAA,YAAA,EAAe,aAAa,CAAC,MAAM,CAAA,0XAAA,CAA6X;AAC/f,CAAA,EAAA,QAAQ,CAkCd;AAEA,iBAAe,QAAQ;;;;"}
+{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":["Progress","GlobalStyle","constructor","this","max","min","render","className","width","isNil","value","parsePercent","html","attr","observedRecord","s","String","includes","parseFloat","__decorate","property","type","Number","prototype","godown","styles","css","cssGlobalVars","passive","active","Progress$1"],"mappings":"waAoBA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAEEC,KAAGC,IAAG,EAGND,KAAGE,IAAG,EAKI,MAAAC,GACR,IACIC,EADAC,EAAQ,GAMZ,OAJKC,EAAMN,KAAKO,SACdF,EAAQL,KAAKQ,aAAaR,KAAKO,OAC/BH,EAAY,UAEPK,CAAI,oBAAoBC,EAAKV,KAAKW,0BAA0BP,mCAClCC,gBAUnC,YAAAG,CAAaI,EAAqB,KAChC,OAAIC,OAAOD,GAAGE,SAAS,KACdC,WAAWF,OAAOD,IAEnBG,WAAWF,OAAOD,KAAOZ,KAAKC,IAAMD,KAAKE,KAAQ,MA9B3Dc,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAA,GAGPJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAA,GAGPJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACLtB,EAAAuB,UAAA,aAAA,GARTvB,EAAQmB,EAAA,CAJbK,EAPiB,YAQjBC,EACCC,CAAG,mEAAqEC,EAAcC,sBAAsBD,EAAcE,qYAEtH7B,GAoCN,IAAA8B,EAAe9B"}

package/components/range.d.ts

@@ -39,6 +39,7 @@ declare class Range extends SuperInput {
     protected _root: HTMLElement;
     protected _handles: NodeListOf<HTMLElement>;
     lastFocus?: number;
+    protected _focusStack: number[];
     /**
      * Returns true when the second number is greater than the first number.
      */

package/components/range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAOA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cAMM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC;IAG3B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAG7B,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;;;OAIG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA0BrC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAQxD,OAAO,CAAC,aAAa,CAAqC;IAE1D,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAShC,UAAU,IAAI,IAAI;IAKlB,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAI7B,aAAa,KAAG,IAAI;IAWjC,eAAe,CAAC,KAAK,EAAE,MAAM,OAChB,UAAU,KAAG,IAAI;IAM9B,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAMlD,cAAc,CAAC,KAAK,EAAE,MAAM,sBACA,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,KAAG,IAAI;IAavE,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI3B;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM;IAO9C;;OAEG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAM/C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAgBnD,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU,KAAG,IAAI;IAa9B,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OACrD,UAAU,KAAG,IAAI;IAS9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,MAAM,GAAG,MAAM,EAAE;IAIzB,QAAQ,IAAI,MAAM,GAAG,MAAM,EAAE;CAM9B;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAOA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cAMM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC;IAG3B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAG7B,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,WAAW,EAAE,MAAM,EAAE,CAAM;IAErC;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;;;OAIG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAmBrC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAQxD,OAAO,CAAC,aAAa,CAAqC;IAE1D,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAchC,UAAU,IAAI,IAAI;IAKlB,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAI7B,aAAa,KAAG,IAAI;IAWjC,eAAe,CAAC,KAAK,EAAE,MAAM,OAChB,UAAU,KAAG,IAAI;IAM9B,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAMlD,cAAc,CAAC,KAAK,EAAE,MAAM,sBACA,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,KAAG,IAAI;IAavE,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI3B;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM;IAO9C;;OAEG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAM/C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAgBnD,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU,KAAG,IAAI;IAa9B,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OACrD,UAAU,KAAG,IAAI;IAS9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,MAAM,GAAG,MAAM,EAAE;IAIzB,QAAQ,IAAI,MAAM,GAAG,MAAM,EAAE;CAM9B;AAED,eAAe,KAAK,CAAC"}

package/components/range.js

@@ -1,268 +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 { joinProperties } from '@godown/element/tools/css.js';
-import { isNil } from '@godown/element/tools/lib.js';
-import { css, html } from 'lit';
-import { property, queryAll, state } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
-import SuperInput from '../core/super-input.js';
-
-const protoName = "range";
-const cssScope = scopePrefix(protoName);
-/**
- * {@linkcode Range} is similar to `<input type="range">`.
- *
- * Value accepts number, or array.
- *
- * Number has 1 handle, the array has the number of its elements and the minimum is 2.
- *
- * @category input
- */
-let Range = class Range extends SuperInput {
-    constructor() {
-        super(...arguments);
-        /**
-         * Minimum value.
-         */
-        this.min = 0;
-        /**
-         * Maximum value.
-         */
-        this.max = 100;
-        /**
-         * Display vertically.
-         */
-        this.vertical = false;
-    }
-    /**
-     * Returns true when the second number is greater than the first number.
-     */
-    get reverse() {
-        return this.range ? this.value[0] > this.value[1] : false;
-    }
-    /**
-     * If value is array.
-     */
-    get range() {
-        return Array.isArray(this.value);
-    }
-    /**
-     * Return values in the form of an array.
-     */
-    get rangeValue() {
-        return (this.range ? this.value : [this.value]);
-    }
-    /**
-     * @param len Minimum result length.
-     * @param value Fill value.
-     * @returns Array with length of len.
-     */
-    padValue(len, value = 0) {
-        const { rangeValue } = this;
-        const miss = len - rangeValue.length;
-        if (miss > 0) {
-            return new Array(miss).fill(value).concat(rangeValue);
-        }
-        return rangeValue;
-    }
-    render() {
-        const rangeValue = this.padValue(2);
-        const from = Math.min(...rangeValue);
-        const to = Math.max(...rangeValue);
-        const gap = this.max - this.min;
-        return html `<div part="root" ${attr(this.observedRecord)} @mousedown="${this.disabled ? null : this._handleMousedownRoot}" style="${joinProperties({
-            "--from": `${((from - this.min) / gap) * 100}%`,
-            "--to": `${((to - this.min) / gap) * 100}%`,
-            ...(this.range
-                ? Object.fromEntries(rangeValue.map((value, index) => [
-                    `--handle-${index}`,
-                    `${((value - this.min) / gap) * 100}%`,
-                ]))
-                : {}),
-        })}"><div part="track"></div>${this.range
-            ? this.value.map((_, index) => this.renderHandle(index))
-            : this.renderHandle(0)}</div>`;
-    }
-    renderHandle(index) {
-        const { range } = this;
-        const end = !range || index === this.value.length - 1;
-        return html `<i tabindex="0" part="handle" class="${classList({ "last-focus": this.lastFocus === index })}" @mousedown="${this.disabled ? null : this.createMouseDown(index)}" @focus="${this.disabled ? null : () => this.focusHandle(index)}" @blur="${this.disabled ? null : this.blurHandle}" style="--handle:var(--${
-        /* In single-handle mod or end, it is max value */
-        (!range && end) ? `to` : `handle-${index}`})"></i>`;
-    }
-    focusHandle(index) {
-        this.lastFocus = index;
-        const handleItem = this._handles.item(index);
-        handleItem?.focus();
-        if (!this._keydownEvent) {
-            this._keydownEvent = this.events.add(document, "keydown", this.createKeydownEvent(index));
-        }
-    }
-    blurHandle() {
-        this.lastFocus = undefined;
-        this._keydownEvent = this.events.remove(document, "keydown", this._keydownEvent);
-    }
-    createKeydownEvent(index) {
-        if (!this.range) {
-            index = 0;
-        }
-        return (e) => {
-            if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
-                e.preventDefault();
-                this.createSetValue(index)(old => old - this.step);
-            }
-            else if (e.key === "ArrowRight" || e.key === "ArrowUp") {
-                e.preventDefault();
-                this.createSetValue(index)(old => old + this.step);
-            }
-        };
-    }
-    createMouseDown(index) {
-        return (e) => {
-            this.focusHandle(index);
-            this.createMousedownListener(this.createSetValue(index))(e);
-        };
-    }
-    _handleMousedownEnd(e) {
-        this.lastFocus = 0;
-        this.createMousedownListener(this.setEnd)(e);
-        this.focusHandle(0);
-    }
-    createSetValue(index) {
-        return (numberOrModifier) => {
-            const number = typeof numberOrModifier === "number"
-                ? this.normalizeValue(numberOrModifier)
-                : numberOrModifier(this.rangeValue[index]);
-            let newValue = number;
-            if (this.range) {
-                newValue = [...this.rangeValue];
-                newValue[index] = number;
-            }
-            this.value = newValue;
-        };
-    }
-    setEnd(value) {
-        this.createSetValue(this.value?.length - 1 || 0)(value);
-    }
-    /**
-     * Compute value from event.
-     */
-    _computeValue(e) {
-        const rect = this._root.getBoundingClientRect();
-        const div = this.vertical ? (e.clientY - rect.top) / rect.height : (e.clientX - rect.left) / rect.width;
-        const value = Math.round((div * (this.max - this.min)) / this.step) * this.step;
-        return this.normalizeValue(value);
-    }
-    /**
-     * Ensure that the values do not exceed the range of max and min.
-     */
-    normalizeValue(value) {
-        if (value > this.max) {
-            value -= this.step;
-        }
-        else if (value < this.min) {
-            value += this.step;
-        }
-        return value;
-    }
-    _handleMousedownRoot(e) {
-        const value = this._computeValue(e);
-        const index = this.range
-            ? this.rangeValue.reduce((acc, item, index) => {
-                const diff = Math.abs(value - item);
-                const prevDiff = Math.abs(value - this.rangeValue[acc]);
-                return diff < prevDiff ? index : acc;
-            }, 0)
-            : 0;
-        const set = this.createSetValue(index);
-        set(value);
-        this.createMousedownListener(set)(e);
-        this.focusHandle(index);
-    }
-    createMousedownListener(mouseMoveCallback) {
-        return (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            const move = this.createMousemoveListener(mouseMoveCallback);
-            this.events.add(document, "mousemove", move);
-            const stop = () => {
-                this.events.remove(document, "mousemove", move);
-                this.events.remove(document, "mouseup", stop);
-            };
-            this.events.add(document, "mouseup", stop);
-        };
-    }
-    createMousemoveListener(callback) {
-        return (e) => {
-            const value = this._computeValue(e);
-            if (value > this.max || value < this.min) {
-                return;
-            }
-            callback?.call(this, value);
-        };
-    }
-    _connectedInit() {
-        const gap = this.max - this.min;
-        this.step ||= gap / 100;
-        if (isNil(this.value)) {
-            if (!isNil(this.default)) {
-                this.value = this.default;
-            }
-            else {
-                this.value = Math.round(gap / 2 / this.step) * this.step;
-            }
-        }
-        this.default ??= this.value;
-    }
-    reset() {
-        this.value = this.default;
-    }
-    sort() {
-        return this.value = this.toSorted();
-    }
-    toSorted() {
-        if (this.range) {
-            return [...this.value].sort((a, b) => a - b);
-        }
-        return this.value;
-    }
-};
-__decorate([
-    property({ type: Number })
-], Range.prototype, "min", void 0);
-__decorate([
-    property({ type: Number })
-], Range.prototype, "max", void 0);
-__decorate([
-    property({ type: Number })
-], Range.prototype, "step", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Range.prototype, "vertical", void 0);
-__decorate([
-    property({ type: Array })
-], Range.prototype, "value", void 0);
-__decorate([
-    property({ type: Array })
-], Range.prototype, "default", void 0);
-__decorate([
-    part("root")
-], Range.prototype, "_root", void 0);
-__decorate([
-    queryAll("[part=handle]")
-], Range.prototype, "_handles", void 0);
-__decorate([
-    state()
-], Range.prototype, "lastFocus", void 0);
-Range = __decorate([
-    godown(protoName),
-    styles(css `:host{${cssScope}--handle-active:var(${cssGlobalVars.active});${cssScope}--track-width:.5em;${cssScope}--length:var(${cssGlobalVars.input}-width);background:var(${cssGlobalVars.input}-background);width:var(${cssScope}--length);display:block}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${cssScope}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{z-index:1;${cssScope}--handle-scale:1.05;background:var(${cssScope}--handle-active)}[part=root]{min-height:inherit;position:relative;border-radius:inherit;width:100%;--from:0%;--to:50%;height:var(${cssScope}--track-width)}[part=track]{height:100%;min-height:inherit;display:flex;position:absolute;pointer-events:none;border-radius:inherit;justify-content:space-between;left:min(var(--from),var(--to));background:var(${cssGlobalVars.active});width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=handle]{width:1em;height:1em;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:absolute;border:.1em solid;border-radius:50%;transform-origin:0 25%;transform:scale(var(${cssScope}--handle-scale,1)) translate(-50%,-25%);background:var(${cssGlobalVars.active});border-color:var(${cssGlobalVars.input}-control)}`, css `[vertical]{height:inherit;width:var(${cssScope}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{width:100%;height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));top:min(var(--from),var(--to));left:0}`, css `[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{top:var(--handle);left:0}`)
-], Range);
-var Range$1 = Range;
-
-export { Range$1 as default };
+import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{part as r}from"@godown/element/decorators/part.js";import{styles as s}from"@godown/element/decorators/styles.js";import{attr as o}from"@godown/element/directives/attr.js";import{classList as i}from"@godown/element/directives/class-list.js";import{joinProperties as a}from"@godown/element/tools/css.js";import{isNil as n}from"@godown/element/tools/lib.js";import{css as h,html as l}from"lit";import{property as d,queryAll as u,state as c}from"lit/decorators.js";import{scopePrefix as m,cssGlobalVars as v}from"../core/global-style.js";import p from"../core/super-input.js";const f="range",g=m(f);let w=class Range extends p{constructor(){super(...arguments),this.min=0,this.max=100,this.vertical=!1,this._focusStack=[]}get reverse(){return!!this.range&&this.value[0]>this.value[1]}get range(){return Array.isArray(this.value)}get rangeValue(){return this.range?this.value:[this.value]}padValue(t,e=0){const{rangeValue:r}=this,s=t-r.length;return s>0?new Array(s).fill(e).concat(r):r}render(){const t=this.padValue(2),e=Math.min(...t),r=Math.max(...t),s=this.max-this.min;return l`<div part="root" ${o(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${a({"--from":(e-this.min)/s*100+"%","--to":(r-this.min)/s*100+"%",...this.range?Object.fromEntries(t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/s*100+"%"]))):{}})}"><div part="track"></div>${this.range?this.value.map(((t,e)=>this.renderHandle(e))):this.renderHandle(0)}</div>`}renderHandle(t){const{range:e}=this,r=!e||t===this.value.length-1;return l`<i tabindex="0" part="handle" class="${i({"last-focus":this.lastFocus===t})}" @mousedown="${this.disabled?null:this.createMouseDown(t)}" @focus="${this.disabled?null:()=>this.focusHandle(t)}" @blur="${this.disabled?null:this.blurHandle}" style="z-index:${this._focusStack.indexOf(t)+1};--handle:var(--${!e&&r?"to":`handle-${t}`})"></i>`}focusHandle(t){this.lastFocus=t;const e=this._focusStack.indexOf(t);-1!==e&&this._focusStack.splice(e,1),this._focusStack.push(t);const r=this._handles.item(t);r?.focus(),this._keydownEvent||(this._keydownEvent=this.events.add(document,"keydown",this.createKeydownEvent(t)))}blurHandle(){this.lastFocus=void 0,this._keydownEvent=this.events.remove(document,"keydown",this._keydownEvent)}createKeydownEvent(t){return this.range||(t=0),e=>{"ArrowLeft"===e.key||"ArrowDown"===e.key?(e.preventDefault(),this.createSetValue(t)((t=>t-this.step))):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),this.createSetValue(t)((t=>t+this.step)))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}_handleMousedownEnd(t){this.lastFocus=0,this.createMousedownListener(this.setEnd)(t),this.focusHandle(0)}createSetValue(t){return e=>{const r="number"==typeof e?this.normalizeValue(e):e(this.rangeValue[t]);let s=r;this.range&&(s=[...this.rangeValue],s[t]=r),this.value=s}}setEnd(t){this.createSetValue(this.value?.length-1||0)(t)}_computeValue(t){const e=this._root.getBoundingClientRect(),r=this.vertical?(t.clientY-e.top)/e.height:(t.clientX-e.left)/e.width,s=Math.round(r*(this.max-this.min)/this.step)*this.step;return this.normalizeValue(s)}normalizeValue(t){return t>this.max?t-=this.step:t<this.min&&(t+=this.step),t}_handleMousedownRoot(t){const e=this._computeValue(t),r=this.range?this.rangeValue.reduce(((t,r,s)=>Math.abs(e-r)<Math.abs(e-this.rangeValue[t])?s:t),0):0,s=this.createSetValue(r);s(e),this.createMousedownListener(s)(t),this.focusHandle(r)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const r=this.createMousemoveListener(t);this.events.add(document,"mousemove",r);const s=()=>{this.events.remove(document,"mousemove",r),this.events.remove(document,"mouseup",s)};this.events.add(document,"mouseup",s)}}createMousemoveListener(t){return e=>{const r=this._computeValue(e);r>this.max||r<this.min||t?.call(this,r)}}_connectedInit(){const t=this.max-this.min;this.step||=t/100,n(this.value)&&(n(this.default)?this.value=Math.round(t/2/this.step)*this.step:this.value=this.default),this.default??=this.value}reset(){this.value=this.default}sort(){return this.value=this.toSorted()}toSorted(){return this.range?[...this.value].sort(((t,e)=>t-e)):this.value}};t([d({type:Number})],w.prototype,"min",void 0),t([d({type:Number})],w.prototype,"max",void 0),t([d({type:Number})],w.prototype,"step",void 0),t([d({type:Boolean,reflect:!0})],w.prototype,"vertical",void 0),t([d({type:Array})],w.prototype,"value",void 0),t([d({type:Array})],w.prototype,"default",void 0),t([r("root")],w.prototype,"_root",void 0),t([u("[part=handle]")],w.prototype,"_handles",void 0),t([c()],w.prototype,"lastFocus",void 0),w=t([e(f),s(h`:host{${g}--handle-active:var(${v.active});${g}--track-width:.5em;${g}--length:var(${v.input}-width);background:var(${v.input}-background);width:var(${g}--length);display:block}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${g}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${g}--handle-scale:1.05;background:var(${g}--handle-active)}[part=root]{min-height:inherit;position:relative;border-radius:inherit;width:100%;--from:0%;--to:50%;height:var(${g}--track-width)}[part=track]{height:100%;min-height:inherit;display:flex;position:absolute;pointer-events:none;border-radius:inherit;justify-content:space-between;left:min(var(--from),var(--to));background:var(${v.active});width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=handle]{width:1em;height:1em;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:absolute;border:.1em solid;border-radius:50%;transform-origin:0 25%;transform:scale(var(${g}--handle-scale,1)) translate(-50%,-25%);background:var(${v.active});border-color:var(${v.input}-control)}`,h`[vertical]{height:inherit;width:var(${g}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{width:100%;height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));top:min(var(--from),var(--to));left:0}`,h`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{top:var(--handle);left:0}`)],w);var y=w;export{y as default};
 //# sourceMappingURL=range.js.map