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

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 { css, html } 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{godown as o}from"@godown/element/decorators/godown.js";import{part as e}from"@godown/element/decorators/part.js";import{styles as r}from"@godown/element/decorators/styles.js";import{htmlSlot as i}from"@godown/element/directives/html-slot.js";import{css as s,html as n}from"lit";import{scopePrefix as a,GlobalStyle as l}from"../core/global-style.js";const d="rotate",m=a(d);let p=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([e("root")],p.prototype,"_root",void 0),p=t([o(d),r(s`:host{display:block;width:-moz-fit-content;width:fit-content;transition:all .5s ease-in-out;${m}--padding:.75em;${m}--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(${m}--offset);margin:calc(-1 * var(${m}--offset))}[part=slot]{z-index:2}`)],p);var f=p;export{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;AAI1B,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;AAzCY,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,CAAmC;AAEnY,CAAA,EAAA,MAAM,CA2CZ;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":"uYAQA,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.js

@@ -1,248 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { RouteTree } from '@godown/element/tools/route-tree.js';
-import { css } from 'lit';
-import { state, property } from 'lit/decorators.js';
-import { GlobalStyle } from '../core/global-style.js';
-
-var Router_1;
-const protoName = "router";
-/**
- * {@linkcode Router} has basic routing control.
- *
- * To switch routes, use `router-link component`.
- *
- * It has two methods to collect routes.
- *
- * 1. From field `routes`, an array, each elements require "path" and "component".
- * 2. From child elements, which have the slot attribute for matching routes.
- *
- * If only the method 1 is used, set `type` to `"field"`.
- *
- * If only the method 2 is used, set `type` to `"slotted"`.
- *
- * `type` defaults to `"united"`, which will try method 1, then method 2.
- *
- * If no routes are matched, the default value (no named slot) will be rendered.
- *
- * @slot - Display slot when there is no match.
- * @slot * - Matching slot will be displayed.
- * @category navigation
- */
-let Router = Router_1 = class Router extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        this.__fieldRouteTree = new RouteTree();
-        this.__slottedRouteTree = new RouteTree();
-        this.__cacheRecord = new Map();
-        /**
-         * Render result.
-         */
-        this.component = null;
-        /**
-         * Dynamic parameters record.
-         */
-        this.params = {};
-        /**
-         * Current pathname (equals to location.pathname).
-         */
-        this.pathname = "";
-        /**
-         * Path prefix.
-         */
-        this.baseURL = "";
-        /**
-         * Rendered content when there is no match.
-         */
-        this.default = htmlSlot();
-        /**
-         * The type of routing sources.
-         *
-         * If field, it won't collect the slot attribute of the child elements.
-         *
-         * This property should not be changed after the rendering is complete.
-         */
-        this.type = "united";
-        /**
-         * Cache accessed records.
-         *
-         * Emptied at each re-collection.
-         */
-        this.cache = false;
-        /**
-         * Callback function when the route changes.
-         */
-        this.routeChangeCallback = null;
-        this.handlePopstate = this.events.add(window, "popstate", () => {
-            this.pathname = location.pathname;
-        });
-    }
-    set routes(value) {
-        this.__routes = value;
-        this.collectFieldRoutes(value);
-    }
-    get routes() {
-        return this.__routes;
-    }
-    clear() {
-        this.__cacheRecord.clear();
-    }
-    render() {
-        this.params = {};
-        if (this.cache) {
-            const cached = this.__cacheRecord.get(this.pathname);
-            if (cached) {
-                Object.assign(this, cached);
-                return this.component;
-            }
-        }
-        switch (this.type) {
-            case "field":
-                this.component = this.fieldComponent();
-                break;
-            case "slotted":
-                this.component = this.slottedComponent();
-                break;
-            default:
-                this.component = this.fieldComponent() ?? this.slottedComponent();
-        }
-        return this.component ?? this.default ?? null;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        Router_1.routerInstances.add(this);
-        this.pathname ??= location.pathname;
-        if (this.type !== "field") {
-            const mutationObserver = new MutationObserver(this.collectSlottedRoutes);
-            mutationObserver.observe(this, {
-                attributeFilter: ["slot"],
-                attributes: true,
-                subtree: true,
-            });
-            this.collectSlottedRoutes();
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        Router_1.routerInstances.delete(this);
-    }
-    useRouter() {
-        return {
-            pathname: this.pathname,
-            params: this.params,
-            path: this.path,
-            component: this.component,
-        };
-    }
-    updated(changedProperties) {
-        const shouldDispatch = changedProperties.has("pathname") || changedProperties.has("path");
-        if (shouldDispatch) {
-            const ur = this.useRouter();
-            const noRecord = !this.__cacheRecord.has(this.pathname);
-            if (noRecord) {
-                this.__cacheRecord.set(this.pathname, ur);
-            }
-            this.routeChangeCallback?.(ur, noRecord);
-            this.dispatchEvent(new CustomEvent("change", { detail: ur }));
-        }
-    }
-    /**
-     * Get component from {@linkcode routes} by query.
-     */
-    fieldComponent(query) {
-        query ||= this.__fieldRouteTree.search(RouteTree.split(this.pathname)).pattern || null;
-        this.path = query;
-        if (!query) {
-            return null;
-        }
-        this.params = this.parseParams(this.path, this.pathname);
-        const route = this.routes.find((r) => r.path === query);
-        if (!route) {
-            return null;
-        }
-        return route.component;
-    }
-    /**
-     * Get component from slotted elements by query.
-     */
-    slottedComponent(usedRouteTemplate) {
-        const slottedPaths = this._slottedNames;
-        usedRouteTemplate ||= this.__slottedRouteTree.search(RouteTree.split(this.pathname)).pattern || null;
-        this.path = usedRouteTemplate;
-        if (!usedRouteTemplate) {
-            return null;
-        }
-        this.path = slottedPaths.find((s) => s === usedRouteTemplate);
-        if (!this.path) {
-            return null;
-        }
-        this.params = this.parseParams(usedRouteTemplate, this.pathname);
-        return htmlSlot(this.path);
-    }
-    /**
-     * Reset the route tree, clear cache, collect routes from child elements.
-     */
-    collectSlottedRoutes() {
-        this.__slottedRouteTree = new RouteTree();
-        this.clear();
-        this._slottedNames.forEach(slotName => {
-            this.__slottedRouteTree.insert(slotName);
-        });
-    }
-    /**
-     * Reset the route tree, clear cache, collect routes from value.
-     */
-    collectFieldRoutes(value) {
-        this.__fieldRouteTree = new RouteTree();
-        this.clear();
-        value.forEach(({ path }) => {
-            this.__fieldRouteTree.insert(path);
-        });
-    }
-    parseParams(routeTemplate, path = this.pathname) {
-        return RouteTree.parseParams(path, routeTemplate);
-    }
-    static updateAll() {
-        this.routerInstances.forEach((i) => {
-            i.handlePopstate();
-        });
-    }
-};
-Router.routerInstances = new Set();
-__decorate([
-    state()
-], Router.prototype, "component", void 0);
-__decorate([
-    state()
-], Router.prototype, "params", void 0);
-__decorate([
-    state()
-], Router.prototype, "path", void 0);
-__decorate([
-    property()
-], Router.prototype, "pathname", void 0);
-__decorate([
-    property()
-], Router.prototype, "baseURL", void 0);
-__decorate([
-    state()
-], Router.prototype, "default", void 0);
-__decorate([
-    property()
-], Router.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean })
-], Router.prototype, "cache", void 0);
-__decorate([
-    state()
-], Router.prototype, "routes", null);
-Router = Router_1 = __decorate([
-    godown(protoName),
-    styles(css `:host{display:contents}`)
-], Router);
-var Router$1 = Router;
-
-export { Router$1 as default };
+import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{styles as s}from"@godown/element/decorators/styles.js";import{htmlSlot as o}from"@godown/element/directives/html-slot.js";import{RouteTree as a}from"@godown/element/tools/route-tree.js";import{css as i}from"lit";import{state as h,property as r}from"lit/decorators.js";import{GlobalStyle as n}from"../core/global-style.js";var l;let p=l=class Router extends n{constructor(){super(...arguments),this.__fieldRouteTree=new a,this.__slottedRouteTree=new a,this.__cacheRecord=new Map,this.component=null,this.params={},this.pathname="",this.baseURL="",this.default=o(),this.type="united",this.cache=!1,this.routeChangeCallback=null,this.handlePopstate=this.events.add(window,"popstate",(()=>{this.pathname=location.pathname}))}set routes(t){this.__routes=t,this.collectFieldRoutes(t)}get routes(){return this.__routes}clear(){this.__cacheRecord.clear()}render(){if(this.params={},this.cache){const t=this.__cacheRecord.get(this.pathname);if(t)return Object.assign(this,t),this.component}switch(this.type){case"field":this.component=this.fieldComponent();break;case"slotted":this.component=this.slottedComponent();break;default:this.component=this.fieldComponent()??this.slottedComponent()}return this.component??this.default??null}connectedCallback(){if(super.connectedCallback(),l.routerInstances.add(this),this.pathname??=location.pathname,"field"!==this.type){new MutationObserver(this.collectSlottedRoutes).observe(this,{attributeFilter:["slot"],attributes:!0,subtree:!0}),this.collectSlottedRoutes()}}disconnectedCallback(){super.disconnectedCallback(),l.routerInstances.delete(this)}useRouter(){return{pathname:this.pathname,params:this.params,path:this.path,component:this.component}}updated(t){if(t.has("pathname")||t.has("path")){const t=this.useRouter(),e=!this.__cacheRecord.has(this.pathname);e&&this.__cacheRecord.set(this.pathname,t),this.routeChangeCallback?.(t,e),this.dispatchEvent(new CustomEvent("change",{detail:t}))}}fieldComponent(t){if(t||=this.__fieldRouteTree.search(a.split(this.pathname))?.pattern||null,this.path=t,!t)return null;this.params=this.parseParams(this.path,this.pathname);const e=this.routes.find((e=>e.path===t));return e?e.component:null}slottedComponent(t){const e=this._slottedNames;return t||=this.__slottedRouteTree.search(a.split(this.pathname))?.pattern||null,this.path=t,t?(this.path=e.find((e=>e===t)),this.path?(this.params=this.parseParams(t,this.pathname),o(this.path)):null):null}collectSlottedRoutes(){this.__slottedRouteTree=new a,this.clear(),this._slottedNames.forEach((t=>{this.__slottedRouteTree.insert(t)}))}collectFieldRoutes(t){this.__fieldRouteTree=new a,this.clear(),t.forEach((({path:t})=>{this.__fieldRouteTree.insert(t)}))}parseParams(t,e=this.pathname){return a.parseParams(e,t)}static updateAll(){this.routerInstances.forEach((t=>{t.handlePopstate()}))}};p.routerInstances=new Set,t([h()],p.prototype,"component",void 0),t([h()],p.prototype,"params",void 0),t([h()],p.prototype,"path",void 0),t([r()],p.prototype,"pathname",void 0),t([r()],p.prototype,"baseURL",void 0),t([h()],p.prototype,"default",void 0),t([r()],p.prototype,"type",void 0),t([r({type:Boolean})],p.prototype,"cache",void 0),t([h()],p.prototype,"routes",null),p=l=t([e("router"),s(i`:host{display:contents}`)],p);var c=p;export{c as default};
 //# sourceMappingURL=router.js.map

package/components/router.js.map

@@ -1 +1 @@
-{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
+{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":["Router","Router_1","GlobalStyle","constructor","this","__fieldRouteTree","RouteTree","__slottedRouteTree","__cacheRecord","Map","component","params","pathname","baseURL","default","htmlSlot","type","cache","routeChangeCallback","handlePopstate","events","add","window","location","routes","value","__routes","collectFieldRoutes","clear","render","cached","get","Object","assign","fieldComponent","slottedComponent","connectedCallback","super","routerInstances","MutationObserver","collectSlottedRoutes","observe","attributeFilter","attributes","subtree","disconnectedCallback","delete","useRouter","path","updated","changedProperties","has","ur","noRecord","set","dispatchEvent","CustomEvent","detail","query","search","split","pattern","parseParams","route","find","r","usedRouteTemplate","slottedPaths","_slottedNames","s","forEach","slotName","insert","routeTemplate","updateAll","i","Set","__decorate","state","prototype","property","Boolean","godown","styles","css","Router$1"],"mappings":"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"}

package/components/select.js

@@ -1,218 +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 { htmlSlot } from '@godown/element/directives/html-slot.js';
-import svgCaretDown from '@godown/f7-icon/icons/chevron-down.js';
-import { css, html, nothing } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import Input from './input.js';
-
-function contain(a, b) {
-    return a && b && a.toLowerCase().includes(b.toLowerCase());
-}
-function betweenAt(i, s, c) {
-    const start = s.slice(0, i).lastIndexOf(c) + 1 || 0;
-    const end = s.indexOf(c, i) || s.length;
-    return s.slice(start, end);
-}
-function updateChecked(element, operation) {
-    if (element) {
-        const name = "checked";
-        if (operation) {
-            element.setAttribute(name, "");
-        }
-        else {
-            element.removeAttribute(name);
-        }
-    }
-}
-const protoName = "select";
-/**
- * {@linkcode Select} is similar to `<select>`.
- *
- * Elements with the value attribute/property can be used as options.
- *
- * The checked attribute will be added to the selected element.
- *
- * Multi-selected state looks the same as single-selected.
- *
- * Input will filter the element.
- *
- * @slot - Options.
- * @category input
- */
-let Select = class Select extends Input {
-    constructor() {
-        super(...arguments);
-        this.multiple = false;
-        this.visible = false;
-        this.autoDirection = "bottom";
-        this._store = [];
-    }
-    render() {
-        return html `<div part="root" ${attr({
-            ...this.observedRecord,
-            direction: this.direction || this.autoDirection,
-        })} class="input-field">${[
-            this._renderPrefix(),
-            html `<input part="input" dir="${ifDefined(this.dir)}" id="${this.makeId}" .value="${this.text}" type="${this.type}" placeholder="${this.placeholder || nothing}" ?autofocus="${this.autofocus}" autocapitalize="${this.autocapitalize || nothing}" autocomplete="${this.autocomplete || nothing}" ?disabled="${this.disabled}" @focus="${this._handleFocus}" @input="${this._handleInput}">`,
-            html `<label for="${this.makeId}" part="suffix"><i part="icon">${svgCaretDown()}</i></label>`,
-            html `<label for="${this.makeId}" part="content">${htmlSlot()}</label>`,
-        ]}</div>`;
-    }
-    _handleFocus() {
-        if (!this.direction) {
-            const { top, bottom } = this.getBoundingClientRect();
-            if (window.innerHeight - bottom < this._content.clientHeight && top > this._content.clientHeight) {
-                this.autoDirection = "top";
-            }
-            else {
-                this.autoDirection = "bottom";
-            }
-        }
-        this.visible = true;
-    }
-    firstUpdated() {
-        this.events.add(this._content, "click", (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            const { target } = e;
-            const value = this.optionValue(target);
-            if (value) {
-                const operation = this.select(value, target.textContent);
-                if (!this.multiple) {
-                    updateChecked(this.lastChecked, 0);
-                }
-                updateChecked(target, operation);
-                this.lastChecked = target;
-            }
-            this._input.focus();
-        });
-        this.events.add(document, "click", (e) => {
-            // e.preventDefault();
-            e.stopPropagation();
-            const composed1 = e.composedPath()[0];
-            if (composed1 && !this.shadowRoot.contains(composed1)) {
-                this.blur();
-            }
-        });
-    }
-    _connectedInit() {
-        if (!this.value) {
-            const checked = [...this.querySelectorAll("[checked]")];
-            const list = this.multiple
-                ? checked
-                : checked.length
-                    ? [this.lastChecked = checked[0]]
-                    : [];
-            list.forEach((element) => {
-                const operation = this.select(this.optionValue(element), element.textContent);
-                updateChecked(element, operation);
-            });
-            this.default = this.value;
-            this.defaultText = this.text;
-            this.defaultChecked = checked;
-        }
-        if (!this.text) {
-            this.text = "";
-        }
-    }
-    reset() {
-        this.value = this.default;
-        this.text = this.defaultText;
-        this.querySelectorAll("[checked]").forEach(element => updateChecked(element, 0));
-        this.defaultChecked.forEach(element => updateChecked(element, 1));
-    }
-    select(value, text) {
-        text ||= value;
-        let operation = 0;
-        if (this.multiple) {
-            const i = this._store.findIndex(s => s.value === value);
-            if (i > -1) {
-                this._store.splice(i, 1);
-            }
-            else {
-                this._store.push({ value, text });
-                operation = 1;
-            }
-            this.value = this._store.map(s => s.value);
-            this.text = this._store.map(s => s.text).join(", ");
-        }
-        else {
-            if (this.value === value) {
-                this.value = "";
-                this.text = "";
-            }
-            else {
-                this.value = value;
-                this.text = text;
-                operation = 1;
-            }
-        }
-        this.dispatchEvent(new CustomEvent("change", { detail: this.namevalue() }));
-        this.filter();
-        return operation;
-    }
-    filter(query) {
-        query = query?.trim();
-        [...this.children].forEach((element) => {
-            this.filterCallback(element, !query
-                || contain(this.optionValue(element), query)
-                || contain(element.textContent, query), query);
-        });
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    filterCallback(element, match, query) {
-        element.style.display = match ? "" : "none";
-    }
-    _handleInput(e) {
-        e.stopPropagation();
-        if (this.compositing) {
-            return;
-        }
-        const s = this._input.value;
-        this.filter(this.multiple ? betweenAt(this._input.selectionStart, s, ",") : s);
-        this.dispatchEvent(new CustomEvent("input", { detail: this.namevalue() }));
-    }
-    focus(options) {
-        this._input.focus(options);
-        this.visible = true;
-    }
-    blur() {
-        this._input.blur();
-        this.visible = false;
-        super.blur();
-    }
-    optionValue(option) {
-        return option.value || option.getAttribute("value") || "";
-    }
-};
-__decorate([
-    property()
-], Select.prototype, "text", void 0);
-__decorate([
-    part("content")
-], Select.prototype, "_content", void 0);
-__decorate([
-    property()
-], Select.prototype, "direction", void 0);
-__decorate([
-    property({ type: Boolean })
-], Select.prototype, "multiple", void 0);
-__decorate([
-    property({ type: Boolean })
-], Select.prototype, "visible", void 0);
-__decorate([
-    state()
-], Select.prototype, "autoDirection", void 0);
-Select = __decorate([
-    godown(protoName),
-    styles(css `[part=input]{text-overflow:ellipsis}[part=content]{position:absolute;width:100%;visibility:hidden}[direction=bottom] [part=content]{top:100%}[direction=top] [part=content]{bottom:100%}[visible] [part=content]{visibility:visible}`)
-], Select);
-var Select$1 = Select;
-
-export { Select$1 as default };
+import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{part as i}from"@godown/element/decorators/part.js";import{styles as o}from"@godown/element/decorators/styles.js";import{attr as s}from"@godown/element/directives/attr.js";import{htmlSlot as n}from"@godown/element/directives/html-slot.js";import l from"@godown/f7-icon/icons/chevron-down.js";import{css as r,html as h,nothing as a}from"lit";import{property as c,state as u}from"lit/decorators.js";import{ifDefined as d}from"lit/directives/if-defined.js";import p from"./input.js";function f(t,e){return t&&e&&t.toLowerCase().includes(e.toLowerCase())}function m(t,e){if(t){const i="checked";e?t.setAttribute(i,""):t.removeAttribute(i)}}let v=class Select extends p{constructor(){super(...arguments),this.multiple=!1,this.visible=!1,this.autoDirection="bottom",this._store=[]}render(){return h`<div part="root" ${s({...this.observedRecord,direction:this.direction||this.autoDirection})} class="input-field">${[this._renderPrefix(),h`<input part="input" dir="${d(this.dir)}" id="${this.makeId}" .value="${this.text}" type="${this.type}" placeholder="${this.placeholder||a}" ?autofocus="${this.autofocus}" autocapitalize="${this.autocapitalize||a}" autocomplete="${this.autocomplete||a}" ?disabled="${this.disabled}" @focus="${this._handleFocus}" @input="${this._handleInput}">`,h`<label for="${this.makeId}" part="suffix"><i part="icon">${l()}</i></label>`,h`<label for="${this.makeId}" part="content">${n()}</label>`]}</div>`}_handleFocus(){if(!this.direction){const{top:t,bottom:e}=this.getBoundingClientRect();window.innerHeight-e<this._content.clientHeight&&t>this._content.clientHeight?this.autoDirection="top":this.autoDirection="bottom"}this.visible=!0}firstUpdated(){this.events.add(this._content,"click",(t=>{t.preventDefault(),t.stopPropagation();const{target:e}=t,i=this.optionValue(e);if(i){const t=this.select(i,e.textContent);this.multiple||m(this.lastChecked,0),m(e,t),this.lastChecked=e}this._input.focus()})),this.events.add(document,"click",(t=>{t.stopPropagation();const e=t.composedPath()[0];e&&!this.shadowRoot.contains(e)&&this.blur()}))}_connectedInit(){if(!this.value){const t=[...this.querySelectorAll("[checked]")];(this.multiple?t:t.length?[this.lastChecked=t[0]]:[]).forEach((t=>{m(t,this.select(this.optionValue(t),t.textContent))})),this.default=this.value,this.defaultText=this.text,this.defaultChecked=t}this.text||(this.text="")}reset(){this.value=this.default,this.text=this.defaultText,this.querySelectorAll("[checked]").forEach((t=>m(t,0))),this.defaultChecked.forEach((t=>m(t,1)))}select(t,e){e||=t;let i=0;if(this.multiple){const o=this._store.findIndex((e=>e.value===t));o>-1?this._store.splice(o,1):(this._store.push({value:t,text:e}),i=1),this.value=this._store.map((t=>t.value)),this.text=this._store.map((t=>t.text)).join(", ")}else this.value===t?(this.value="",this.text=""):(this.value=t,this.text=e,i=1);return this.dispatchEvent(new CustomEvent("change",{detail:this.namevalue()})),this.filter(),i}filter(t){t=t?.trim(),[...this.children].forEach((e=>{this.filterCallback(e,!t||f(this.optionValue(e),t)||f(e.textContent,t),t)}))}filterCallback(t,e,i){t.style.display=e?"":"none"}_handleInput(t){if(t.stopPropagation(),this.compositing)return;const e=this._input.value;this.filter(this.multiple?function(t,e,i){const o=e.slice(0,t).lastIndexOf(i)+1||0,s=e.indexOf(i,t)||e.length;return e.slice(o,s)}(this._input.selectionStart,e,","):e),this.dispatchEvent(new CustomEvent("input",{detail:this.namevalue()}))}focus(t){this._input.focus(t),this.visible=!0}blur(){this._input.blur(),this.visible=!1,super.blur()}optionValue(t){return t.value||t.getAttribute("value")||""}};t([c()],v.prototype,"text",void 0),t([i("content")],v.prototype,"_content",void 0),t([c()],v.prototype,"direction",void 0),t([c({type:Boolean})],v.prototype,"multiple",void 0),t([c({type:Boolean})],v.prototype,"visible",void 0),t([u()],v.prototype,"autoDirection",void 0),v=t([e("select"),o(r`[part=input]{text-overflow:ellipsis}[part=content]{position:absolute;width:100%;visibility:hidden}[direction=bottom] [part=content]{top:100%}[direction=top] [part=content]{bottom:100%}[visible] [part=content]{visibility:visible}`)],v);var b=v;export{b as default};
 //# sourceMappingURL=select.js.map