godown 3.0.0-canary.9 → 3.0.0

package/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAQA,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,CAAA,wBAAA,EAA2B,SAAS,CACd,+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,qFAAA,EAA0F,aAAa,CAAC,OAAO,CAAA,YAAA,EAAe,aAAa,CAAC,MAAM,CAAA,0VAAA,CAAmW;AAC1f,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":"uQAiBA,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

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import SuperInput from "../core/super-input.js";
 /**
  * {@linkcode Range} is similar to `<input type="range">`.
@@ -6,6 +7,11 @@ import SuperInput from "../core/super-input.js";
  *
  * Number has 1 handle, the array has the number of its elements and the minimum is 2.
  *
+ * @fires input - Fires when the input value changes.
+ * @fires change - Fires when the input value changes.
+ * @fires range - Fires when the value changes.
+ * @fires focus - Fires when the handle is focused.
+ * @fires blur - Fires when the handle is blurred.
  * @category input
  */
 declare class Range extends SuperInput {
@@ -38,6 +44,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.
      */
@@ -56,16 +63,14 @@ declare class Range extends SuperInput {
      * @returns Array with length of len.
      */
     padValue(len: number, value?: number): number[];
-    protected render(): import("lit").TemplateResult<1>;
-    protected renderHandle(index: number): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
+    protected renderHandle(index: number): TemplateResult<1>;
     private _keydownEvent;
     focusHandle(index: number): void;
     blurHandle(): void;
     protected createKeydownEvent(index: number): (e: KeyboardEvent) => void;
     createMouseDown(index: number): (e: MouseEvent) => void;
-    protected _handleMousedownEnd(e: MouseEvent): void;
     createSetValue(index: number): (numberOrModifier: number | ((value: number) => number)) => void;
-    setEnd(value: number): void;
     /**
      * Compute value from event.
      */
@@ -83,4 +88,5 @@ declare class Range extends SuperInput {
     toSorted(): number | number[];
 }
 export default Range;
+export { Range };
 //# sourceMappingURL=range.d.ts.map

package/components/range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAUA,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,EAAE,OAAO,CAAC;IAElB;;;;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,YAEV;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;IAgChB,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM;IAQpC,OAAO,CAAC,aAAa,CAAqC;IAE1D,WAAW,CAAC,KAAK,EAAE,MAAM;IASzB,UAAU;IAKV,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAI7B,aAAa;IAW1B,eAAe,CAAC,KAAK,EAAE,MAAM,OAChB,UAAU;IAMvB,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,UAAU;IAM3C,cAAc,CAAC,KAAK,EAAE,MAAM,sBACA,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAahE,MAAM,CAAC,KAAK,EAAE,MAAM;IAIpB;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;IAOrC;;OAEG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM;IAMtC,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU;IAgB5C,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU;IAavB,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OACrD,UAAU;IASvB,SAAS,CAAC,cAAc;IAaxB,KAAK;IAIL,IAAI;IAIJ,QAAQ;CAMT;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;;;;;;GAaG;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;IAehC,UAAU,IAAI,IAAI;IAMlB,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAI7B,aAAa,KAAG,IAAI;IAWjC,eAAe,CAAC,KAAK,EAAE,MAAM,OAChB,UAAU,KAAG,IAAI;IAM9B,cAAc,CAAC,KAAK,EAAE,MAAM,sBACA,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,KAAG,IAAI;IAcvE;;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;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/components/range.js

@@ -1,267 +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 { 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 { html, css } 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;
-    }
-    /**
-     * 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" class="${classList({
-            vertical: this.vertical,
-            range: this.range,
-            reverse: this.reverse,
-        })}" @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._colors.blue[7]});${cssScope}-track-width:.5em;background:var(${cssGlobalVars.input}-background);width:var(${cssGlobalVars.input}-width);display:inline-block;margin:.25em 0}:host([vertical]){height:var(${cssGlobalVars.input}-width);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:100%;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{part as e,godown as r,styles as i,attr as s,joinProperties as a,classList as o,isNil as n}from"@godown/element";import{css as h,html as l}from"lit";import{property as u,queryAll as d,state as c}from"lit/decorators.js";import{scopePrefix as v,cssGlobalVars as m}from"../core/global-style.js";import p from"../core/super-input.js";const f="range",g=v(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,i=t-r.length;return i>0?new Array(i).fill(e).concat(r):r}render(){const t=this.padValue(2),e=Math.min(...t),r=Math.max(...t),i=this.max-this.min;return l`<div part="root" ${s(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${a({"--from":(e-this.min)/i*100+"%","--to":(r-this.min)/i*100+"%",...this.range?Object.fromEntries(t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/i*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="${o({"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))),this.dispatchEvent(new CustomEvent("focus",{detail:t}))}blurHandle(){this.lastFocus=void 0,this._keydownEvent=this.events.remove(document,"keydown",this._keydownEvent),this.dispatchEvent(new CustomEvent("blur"))}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)}}createSetValue(t){return e=>{const r="number"==typeof e?this.normalizeValue(e):e(this.rangeValue[t]);let i=r;this.range&&(i=[...this.rangeValue],i[t]=r),this.value=i,this.dispatchEvent(new CustomEvent("range",{detail:this.value}))}}_computeValue(t){const e=this._root.getBoundingClientRect(),r=this.vertical?(t.clientY-e.top)/e.height:(t.clientX-e.left)/e.width,i=Math.round(r*(this.max-this.min)/this.step)*this.step;return this.normalizeValue(i)}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,i)=>Math.abs(e-r)<Math.abs(e-this.rangeValue[t])?i:t),0):0,i=this.createSetValue(r);i(e),this.createMousedownListener(i)(t),this.focusHandle(r)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const r=this.createMousemoveListener(t);this.events.add(document,"mousemove",r);const i=()=>{this.events.remove(document,"mousemove",r),this.events.remove(document,"mouseup",i)};this.events.add(document,"mouseup",i)}}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([u({type:Number})],w.prototype,"min",void 0),t([u({type:Number})],w.prototype,"max",void 0),t([u({type:Number})],w.prototype,"step",void 0),t([u({type:Boolean,reflect:!0})],w.prototype,"vertical",void 0),t([u({type:Array})],w.prototype,"value",void 0),t([u({type:Array})],w.prototype,"default",void 0),t([e("root")],w.prototype,"_root",void 0),t([d("[part=handle]")],w.prototype,"_handles",void 0),t([c()],w.prototype,"lastFocus",void 0),w=t([r(f),i(h`:host{${g}--handle-active:var(${m.active});${g}--track-width:.5em;${g}--length:var(${m.input}-width);background:var(${m.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(${m.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(${m.active});border-color:var(${m.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{w as Range,y as default};
 //# sourceMappingURL=range.js.map

package/components/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;;AAYA,MAAM,SAAS,GAAG,OAAO;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;AAQE;AAOF,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAG,CAAA,GAAA,GAAG,CAAC;AAEP;;AAEE;QAEF,IAAG,CAAA,GAAA,GAAG,GAAG;;AAqCT;;AAEE;AACF,IAAA,IAAI,OAAO,GAAA;QACT,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK;;AAG3D;;AAEE;AACF,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGlC;;AAEE;AACF,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,QAAQ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGhD;;;;AAIE;AACF,IAAA,QAAQ,CAAC,GAAW,EAAE,KAAK,GAAG,CAAC,EAAA;AAC7B,QAAA,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI;AAC3B,QAAA,MAAM,IAAI,GAAG,GAAG,GAAG,UAAU,CAAC,MAAM;AACpC,QAAA,IAAI,IAAI,GAAG,CAAC,EAAE;AACZ,YAAA,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;;AAEvD,QAAA,OAAO,UAAU;;IAGT,MAAM,GAAA;QACd,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;QACpC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;QAClC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG;AAE/B,QAAA,OAAO,IAAI,CAAA,CAGT,wBAAA,EAAA,SAAS,CAAC;YACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;AACtB,SAAA,CACH,iBACgB,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,oBAAoB,CAAA,SAAA,EAE9D,cAAc,CAAC;AACb,YAAA,QAAQ,EAAE,CAAA,EAAG,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAG,CAAA,CAAA;AAC/C,YAAA,MAAM,EAAE,CAAA,EAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAG,CAAA,CAAA;YAC3C,IAAI,IAAI,CAAC;AACP,kBAAE,MAAM,CAAC,WAAW,CAClB,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK;AAC/B,oBAAA,CAAA,SAAA,EAAY,KAAK,CAAE,CAAA;AACnB,oBAAA,CAAA,EAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAG,CAAA,CAAA;AACvC,iBAAA,CAAC;kBAEF,EAAE,CAAC;SACR,CACH,CAAA,0BAAA,EAEE,IAAI,CAAC;cACA,IAAI,CAAC,KAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;cACnE,IAAI,CAAC,YAAY,CAAC,CAAC,CACzB,QACO;;AAGC,IAAA,YAAY,CAAC,KAAa,EAAA;AAClC,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI;AACtB,QAAA,MAAM,GAAG,GAAG,CAAC,KAAK,IAAI,KAAK,KAAM,IAAI,CAAC,KAAkB,CAAC,MAAM,GAAG,CAAC;AACnE,QAAA,OAAO,IAAI,CAAA,CAGA,qCAAA,EAAA,SAAS,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC,CAChD,cAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA,UAAA,EACtD,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CACrD,SAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,UAAU,CACxB,wBAAA;;AAEvB,QAAA,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,CAAI,EAAA,CAAA,GAAG,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE,SAEzC;;AAKL,IAAA,WAAW,CAAC,KAAa,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;QACtB,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QAC5C,UAAU,EAAE,KAAK,EAAE;AACnB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;;;IAI7F,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;;AAGxE,IAAA,kBAAkB,CAAC,KAAa,EAAA;AACxC,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,KAAK,GAAG,CAAC;;QAEX,OAAO,CAAC,CAAgB,KAAI;AAC1B,YAAA,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;gBAClD,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;;AAC7C,iBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE;gBACxD,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;;AAEtD,SAAC;;AAGH,IAAA,eAAe,CAAC,KAAa,EAAA;QAC3B,OAAO,CAAC,CAAa,KAAI;AACvB,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACvB,YAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,SAAC;;AAGO,IAAA,mBAAmB,CAAC,CAAa,EAAA;AACzC,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC;QAClB,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC5C,QAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;;AAGrB,IAAA,cAAc,CAAC,KAAa,EAAA;QAC1B,OAAO,CAAC,gBAAsD,KAAI;AAChE,YAAA,MAAM,MAAM,GAAG,OAAO,gBAAgB,KAAK;AACzC,kBAAE,IAAI,CAAC,cAAc,CAAC,gBAAgB;kBACpC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAC5C,IAAI,QAAQ,GAAQ,MAAM;AAC1B,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;AAC/B,gBAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,MAAM;;AAE1B,YAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACvB,SAAC;;AAGH,IAAA,MAAM,CAAC,KAAa,EAAA;AAClB,QAAA,IAAI,CAAC,cAAc,CAAE,IAAI,CAAC,KAAa,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;;AAGlE;;AAEE;AACQ,IAAA,aAAa,CAAC,CAAa,EAAA;QACnC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE;AAC/C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK;AACvG,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI;AAC/E,QAAA,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;;AAGnC;;AAEE;AACQ,IAAA,cAAc,CAAC,KAAa,EAAA;AACpC,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;AAAE,YAAA,KAAK,IAAI,IAAI,CAAC,IAAI;;AACrC,aAAA,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;AAAE,YAAA,KAAK,IAAI,IAAI,CAAC,IAAI;;AAC/C,QAAA,OAAO,KAAK;;AAGJ,IAAA,oBAAoB,CAAC,CAAa,EAAA;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;AACnC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC;AACjB,cAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,KAAI;gBAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;AACnC,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;gBACvD,OAAO,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,GAAG;aACrC,EAAE,CAAC;cACF,CAAC;QAEL,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QACtC,GAAG,CAAC,KAAK,CAAC;QACV,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACpC,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;;AAGf,IAAA,uBAAuB,CAAC,iBAAyC,EAAA;QACzE,OAAO,CAAC,CAAa,KAAI;YACvB,CAAC,CAAC,cAAc,EAAE;YAClB,CAAC,CAAC,eAAe,EAAE;YACnB,MAAM,IAAI,GAAG,IAAI,CAAC,uBAAuB,CAAC,iBAAiB,CAAC;YAC5D,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC;YAC5C,MAAM,IAAI,GAAG,MAAK;gBAChB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC;gBAC/C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC;AAC/C,aAAC;YACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC;AAC5C,SAAC;;AAGO,IAAA,uBAAuB,CAAC,QAAgC,EAAA;QAChE,OAAO,CAAC,CAAa,KAAI;YACvB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;AACnC,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;gBACxC;;AAEF,YAAA,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC7B,SAAC;;IAGO,cAAc,GAAA;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG;AAC/B,QAAA,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,GAAG;AACvB,QAAA,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;AACxB,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO;;iBACpB;AACL,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI;;;AAG5D,QAAA,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,KAAK;;IAG7B,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO;;IAG3B,IAAI,GAAA;QACF,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;;IAGrC,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,IAAI,CAAC,KAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;;QAE1D,OAAO,IAAI,CAAC,KAAK;;CAErB;AAzRE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACnB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAMP,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACjB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAMT,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACd,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAQjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;AACD,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAMxB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;AACC,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAGhB,UAAA,CAAA;IADT,IAAI,CAAC,MAAM;AACgB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAGlB,UAAA,CAAA;IADT,QAAQ,CAAC,eAAe;AACkB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAG3C,UAAA,CAAA;AADC,IAAA,KAAK;AACY,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AA9Cd,KAAK,GAAA,UAAA,CAAA;IANV,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,iCAAA,EAAoC,aAAa,CAAC,KAAK,CAAA,uBAAA,EAA0B,aAAa,CAAC,KAAK,CAAA,yEAAA,EAA6E,aAAa,CAAC,KAAK,CAAA,+FAAA,EAAkG,QAAQ,CAAA,kCAAA,EAAqC,QAAQ,CAAA,gIAAA,EAAqI,QAAQ,CAAA,gNAAA,EAAqN,aAAa,CAAC,MAAM,CAAA,8SAAA,EAAqT,QAAQ,CAAA,sDAAA,EAAyD,aAAa,CAAC,MAAM,CAAA,mBAAA,EAAsB,aAAa,CAAC,KAAK,CAAA,UAAA,CAAY,EACpuC,GAAG,CAAA,CAAA,gCAAA,EAAmC,QAAQ,CAAA,yMAAA,CAA6M,EAC3P,GAAG,CAAA,CAAA,wFAAA,CAA8F;AAE7F,CAAA,EAAA,KAAK,CA8RX;AAEA,cAAe,KAAK;;;;"}
+{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Range","SuperInput","constructor","this","min","max","vertical","_focusStack","reverse","range","value","Array","isArray","rangeValue","padValue","len","miss","length","fill","concat","render","from","Math","to","gap","html","attr","observedRecord","disabled","_handleMousedownRoot","joinProperties","Object","fromEntries","map","index","_","renderHandle","end","classList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","_keydownEvent","events","add","document","createKeydownEvent","dispatchEvent","CustomEvent","detail","undefined","remove","e","key","preventDefault","createSetValue","old","step","createMousedownListener","numberOrModifier","number","normalizeValue","newValue","_computeValue","rect","_root","getBoundingClientRect","div","clientY","top","height","clientX","left","width","round","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","call","_connectedInit","isNil","default","reset","sort","toSorted","a","b","__decorate","property","type","Number","prototype","Boolean","reflect","part","queryAll","state","godown","styles","css","cssGlobalVars","active","input","Range$1"],"mappings":"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"}

package/components/rotate.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Rotate} Make child elements rotate.
@@ -6,7 +7,7 @@ import { GlobalStyle } from "../core/global-style.js";
  */
 declare class Rotate extends GlobalStyle {
     protected _root: HTMLElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     reset(): void;
     protected _handleRotate(e: MouseEvent): void;
     /**
@@ -23,4 +24,5 @@ declare class Rotate extends GlobalStyle {
     };
 }
 export default Rotate;
+export { Rotate };
 //# sourceMappingURL=rotate.d.ts.map

package/components/rotate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../src/components/rotate.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAIM,MAAO,SAAQ,WAAW;IAE9B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM;IAIhB,KAAK;IAKL,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;IAMrC;;;;;;;OAOG;IACH,cAAc,CAAC,CAAC,EAAE,UAAU;;;;CAU7B;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../src/components/rotate.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAIM,MAAO,SAAQ,WAAW;IAE9B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAM5C;;;;;;;OAOG;IACH,cAAc,CAAC,CAAC,EAAE,UAAU,GAAG;QAC7B,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB;CAUF;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/rotate.js

@@ -1,57 +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 { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { html, css } from 'lit';
-import { scopePrefix, GlobalStyle } from '../core/global-style.js';
-
-const protoName = "rotate";
-const cssScope = scopePrefix(protoName);
-/**
- * {@linkcode Rotate} Make child elements rotate.
- *
- * @category wrapper
- */
-let Rotate = class Rotate extends GlobalStyle {
-    render() {
-        return html `<div part="root"><div part="slot" @mousemove="${this._handleRotate}">${htmlSlot()}</div><i @mouseleave="${this.reset}"></i></div>`;
-    }
-    reset() {
-        this._root.style.removeProperty("transform");
-        this._root.style.removeProperty("transition");
-    }
-    _handleRotate(e) {
-        const { rotateX, rotateY } = this._computeOffset(e);
-        this._root.style.setProperty("transform", `rotateX(${rotateX}rad) rotateY(${rotateY}rad)`);
-        this._root.style.setProperty("transition", "0s");
-    }
-    /**
-     * Compute offset.
-     * ```
-     * `rotateX(${rotateX}rad) rotateY(${rotateY}rad)`
-     * ```
-     * @param e Mouse move event.
-     * @returns rotateX, rotateY
-     */
-    _computeOffset(e) {
-        const { left, top, width, height } = this._root.getBoundingClientRect();
-        const { clientX, clientY } = e;
-        const offsetX = clientX - left;
-        const offsetY = clientY - top;
-        const rotateX = -(offsetY - height / 2) / height / 2;
-        const rotateY = (offsetX - width / 2) / width / 2;
-        return { rotateX, rotateY };
-    }
-};
-__decorate([
-    part("root")
-], Rotate.prototype, "_root", void 0);
-Rotate = __decorate([
-    godown(protoName),
-    styles(css `:host{display:block;width:-moz-fit-content;width:fit-content;transition:all .5s ease-in-out;${cssScope}--padding:.75em;${cssScope}--offset:.5em}div{position:relative;transition:inherit;transition-property:transform}i{width:100%;height:100%;position:absolute;top:0;box-sizing:content-box;padding:var(${cssScope}--offset);margin:calc(-1 * var(${cssScope}--offset))}[part=slot]{z-index:2}`)
-], Rotate);
-var Rotate$1 = Rotate;
-
-export { Rotate$1 as default };
+import{__decorate as t}from"tslib";import{part as o,godown as e,styles as r,htmlSlot as i}from"@godown/element";import{css as s,html as n}from"lit";import{scopePrefix as a,GlobalStyle as l}from"../core/global-style.js";const d="rotate",p=a(d);let m=class Rotate extends l{render(){return n`<div part="root"><div part="slot" @mousemove="${this._handleRotate}">${i()}</div><i @mouseleave="${this.reset}"></i></div>`}reset(){this._root.style.removeProperty("transform"),this._root.style.removeProperty("transition")}_handleRotate(t){const{rotateX:o,rotateY:e}=this._computeOffset(t);this._root.style.setProperty("transform",`rotateX(${o}rad) rotateY(${e}rad)`),this._root.style.setProperty("transition","0s")}_computeOffset(t){const{left:o,top:e,width:r,height:i}=this._root.getBoundingClientRect(),{clientX:s,clientY:n}=t;return{rotateX:-(n-e-i/2)/i/2,rotateY:(s-o-r/2)/r/2}}};t([o("root")],m.prototype,"_root",void 0),m=t([e(d),r(s`:host{display:block;width:-moz-fit-content;width:fit-content;transition:all .5s ease-in-out;${p}--padding:.75em;${p}--offset:.5em}div{position:relative;transition:inherit;transition-property:transform}i{width:100%;height:100%;position:absolute;top:0;box-sizing:content-box;padding:var(${p}--offset);margin:calc(-1 * var(${p}--offset))}[part=slot]{z-index:2}`)],m);var f=m;export{m as Rotate,f as default};
 //# sourceMappingURL=rotate.js.map

package/components/rotate.js.map

@@ -1 +1 @@
-{"version":3,"file":"rotate.js","sources":["../src/components/rotate.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAQA,MAAM,SAAS,GAAG,QAAQ;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;AAIE;AAKF,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW,CAAA;IAIpB,MAAM,GAAA;AACd,QAAA,OAAO,IAAI,CAAA,CACsB,8CAAA,EAAA,IAAI,CAAC,aAAa,CAAA,EAAA,EAAK,QAAQ,EAAE,CAC9C,sBAAA,EAAA,IAAI,CAAC,KAAK,cACvB;;IAGT,KAAK,GAAA;QACH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC;;AAGrC,IAAA,aAAa,CAAC,CAAa,EAAA;AACnC,QAAA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;AACnD,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,OAAO,CAAA,aAAA,EAAgB,OAAO,CAAA,IAAA,CAAM,CAAC;QAC1F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC;;AAGlD;;;;;;;AAOE;AACF,IAAA,cAAc,CAAC,CAAa,EAAA;AAC1B,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE;AACvE,QAAA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC;AAC9B,QAAA,MAAM,OAAO,GAAG,OAAO,GAAG,IAAI;AAC9B,QAAA,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG;AAE7B,QAAA,MAAM,OAAO,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC;AACpD,QAAA,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC;AACjD,QAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;;CAE/B;AAtCY,UAAA,CAAA;IADT,IAAI,CAAC,MAAM;AACgB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAFxB,MAAM,GAAA,UAAA,CAAA;IAJX,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,4FAAA,EAAgG,QAAQ,CAAA,gBAAA,EAAmB,QAAQ,CAAA,yKAAA,EAA4K,QAAQ,CAAA,+BAAA,EAAkC,QAAQ,CAAA,iCAAA,CAAqC;AAErY,CAAA,EAAA,MAAM,CAwCZ;AAEA,eAAe,MAAM;;;;"}
+{"version":3,"file":"rotate.js","sources":["../src/components/rotate.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Rotate","GlobalStyle","render","html","this","_handleRotate","htmlSlot","reset","_root","style","removeProperty","e","rotateX","rotateY","_computeOffset","setProperty","left","top","width","height","getBoundingClientRect","clientX","clientY","__decorate","part","prototype","godown","styles","css","Rotate$1"],"mappings":"2NAKA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAW7B,IAAMG,EAAN,MAAMA,eAAeC,EAIT,MAAAC,GACR,OAAOC,CAAI,iDACsBC,KAAKC,kBAAkBC,4BACpCF,KAAKG,oBAI3B,KAAAA,GACEH,KAAKI,MAAMC,MAAMC,eAAe,aAChCN,KAAKI,MAAMC,MAAMC,eAAe,cAGxB,aAAAL,CAAcM,GACtB,MAAMC,QAAEA,EAAOC,QAAEA,GAAYT,KAAKU,eAAeH,GACjDP,KAAKI,MAAMC,MAAMM,YAAY,YAAa,WAAWH,iBAAuBC,SAC5ET,KAAKI,MAAMC,MAAMM,YAAY,aAAc,MAW7C,cAAAD,CAAeH,GAIb,MAAMK,KAAEA,EAAIC,IAAEA,EAAGC,MAAEA,EAAKC,OAAEA,GAAWf,KAAKI,MAAMY,yBAC1CC,QAAEA,EAAOC,QAAEA,GAAYX,EAM7B,MAAO,CAAEC,UAJOU,EAAUL,EAEEE,EAAS,GAAKA,EAAS,EAEjCN,SALFQ,EAAUL,EAICE,EAAQ,GAAKA,EAAQ,KAtCxCK,EAAA,CADTC,EAAK,SACsBxB,EAAAyB,UAAA,aAAA,GAFxBzB,EAAMuB,EAAA,CAJXG,EAAO7B,GACP8B,EACCC,CAAG,+FAAgG9B,oBAA2BA,6KAAoLA,mCAA0CA,uCAExVE,GA6CN,IAAA6B,EAAe7B"}

package/components/router.d.ts

@@ -22,8 +22,8 @@ import { GlobalStyle } from "../core/global-style.js";
  * @slot * - Matching slot will be displayed.
  * @category navigation
  */
-declare class Router<C = unknown> extends GlobalStyle {
-    static routerInstances: Set<Router<unknown>>;
+declare class Router extends GlobalStyle {
+    static routerInstances: Set<Router>;
     private __fieldRouteTree;
     private __slottedRouteTree;
     private __cacheRecord;
@@ -31,7 +31,7 @@ declare class Router<C = unknown> extends GlobalStyle {
     /**
      * Render result.
      */
-    component: C | TemplateResult;
+    component: unknown | TemplateResult;
     /**
      * Dynamic parameters record.
      */
@@ -44,10 +44,6 @@ declare class Router<C = unknown> extends GlobalStyle {
      * Current pathname (equals to location.pathname).
      */
     pathname: string;
-    /**
-     * Path prefix.
-     */
-    baseURL: string;
     /**
      * Rendered content when there is no match.
      */
@@ -68,21 +64,23 @@ declare class Router<C = unknown> extends GlobalStyle {
     cache: boolean;
     set routes(value: (Record<string, any> & {
         path: string;
-        component?: C;
+        render?: (ur: ReturnType<Router["useRouter"]>) => unknown;
+        component?: unknown;
     })[]);
     get routes(): (Record<string, any> & {
         path: string;
-        component?: C;
+        render?: (ur: ReturnType<Router["useRouter"]>) => unknown;
+        component?: unknown;
     })[];
     clear(): void;
-    protected render(): C | TemplateResult;
+    protected render(): unknown;
     connectedCallback(): void;
     disconnectedCallback(): void;
     useRouter(): {
         pathname: string;
         params: Record<string, string>;
         path: string;
-        component: C | TemplateResult;
+        component: unknown;
     };
     /**
      * Callback function when the route changes.
@@ -91,17 +89,17 @@ declare class Router<C = unknown> extends GlobalStyle {
         pathname: string;
         params: Record<string, string>;
         path: string;
-        component: C | TemplateResult;
+        component: unknown | TemplateResult;
     }, first: boolean) => void;
     protected updated(changedProperties: PropertyValueMap<this>): void;
     /**
      * Get component from {@linkcode routes} by query.
      */
-    fieldComponent(query?: string): C;
+    fieldComponent(query?: string): unknown;
     /**
      * Get component from slotted elements by query.
      */
-    slottedComponent(usedRouteTemplate?: string): TemplateResult<1>;
+    slottedComponent(query?: string): TemplateResult<1>;
     /**
      * Reset the route tree, clear cache, collect routes from child elements.
      */
@@ -110,10 +108,10 @@ declare class Router<C = unknown> extends GlobalStyle {
      * Reset the route tree, clear cache, collect routes from value.
      */
     collectFieldRoutes(value: typeof this.routes): void;
-    useWhich(path: string): string;
-    parseParams(routeTemplate: string, path: string): Record<string, string>;
+    parseParams(routeTemplate: string, path?: string): Record<string, string>;
     static updateAll(): void;
     handlePopstate: () => void;
 }
 export default Router;
+export { Router };
 //# sourceMappingURL=router.d.ts.map