godown 3.0.0-canary.1 → 3.0.0-canary.11

package/components/router.d.ts

@@ -18,10 +18,12 @@ import { GlobalStyle } from "../core/global-style.js";
  *
  * 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
  */
-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;
@@ -29,7 +31,7 @@ declare class Router<C = unknown> extends GlobalStyle {
     /**
      * Render result.
      */
-    component: C | TemplateResult;
+    component: unknown | TemplateResult;
     /**
      * Dynamic parameters record.
      */
@@ -66,43 +68,38 @@ declare class Router<C = unknown> extends GlobalStyle {
     cache: boolean;
     set routes(value: (Record<string, any> & {
         path: string;
-        component?: C;
+        component?: unknown;
     })[]);
     get routes(): (Record<string, any> & {
         path: string;
-        component?: C;
+        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;
     };
     /**
-     * @param params value of useRouter()
-     * @param first whether this path is loaded for the first time.
+     * Callback function when the route changes.
      */
     routeChangeCallback: (params: {
         pathname: string;
         params: Record<string, string>;
         path: string;
-        component: C | TemplateResult;
+        component: unknown | TemplateResult;
     }, first: boolean) => void;
     protected updated(changedProperties: PropertyValueMap<this>): void;
     /**
-     * Find components from {@linkcode __fieldRouteTree} matching query.
-     * @param query Query string.
-     * @returns Components or null.
+     * Get component from {@linkcode routes} by query.
      */
-    fieldComponent(query?: string): C;
+    fieldComponent(query?: string): unknown;
     /**
-     * Find components from {@linkcode __slottedRouteTree} matching query.
-     * @param query Query string.
-     * @returns Named slot element template result or null.
+     * Get component from slotted elements by query.
      */
     slottedComponent(usedRouteTemplate?: string): TemplateResult<1>;
     /**
@@ -116,6 +113,7 @@ declare class Router<C = unknown> extends GlobalStyle {
     useWhich(path: string): string;
     parseParams(routeTemplate: string, path: string): Record<string, string>;
     static updateAll(): void;
+    handlePopstate: () => void;
 }
 export default Router;
 //# sourceMappingURL=router.d.ts.map

package/components/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAEM,MAAM,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,WAAW;IAC3C,MAAM,CAAC,eAAe,uBAAqB;IAE3C,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,aAAa,CAAwD;IAC7E,OAAO,CAAC,QAAQ,CAMZ;IAEJ;;OAEG;IAEH,SAAS,EAAE,CAAC,GAAG,cAAc,CAAQ;IACrC;;OAEG;IAEH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACpC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IAEH,QAAQ,SAAM;IACd;;OAEG;IAEH,OAAO,SAAM;IACb;;OAEG;IAEH,OAAO,EAAE,cAAc,CAAc;IACrC;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAChD;;;;OAIG;IAEH,KAAK,UAAS;IAEd,IACI,MAAM,CAAC,KAAK;;;QAAA,EAGf;IACD,IAAI,MAAM;;;SAET;IAED,KAAK;IAIL,SAAS,CAAC,MAAM;IAsBhB,iBAAiB;IAgBjB,oBAAoB;IAKpB,SAAS;;;;;;IAST;;;OAGG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE;QAC5B,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,CAAC,GAAG,cAAc,CAAC;KAC/B,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAElC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAa3D;;;;OAIG;IACH,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM;IAgB7B;;;;OAIG;IACH,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM;IAiB3C;;OAEG;IACH,oBAAoB;IAQpB;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM;IAQ5C,QAAQ,CAAC,IAAI,EAAE,MAAM;IAIrB,WAAW,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAI/C,MAAM,CAAC,SAAS;CAKjB;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAqB;IAExD,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,aAAa,CAAwD;IAC7E,OAAO,CAAC,QAAQ,CAMZ;IAEJ;;OAEG;IAEH,SAAS,EAAE,OAAO,GAAG,cAAc,CAAQ;IAE3C;;OAEG;IAEH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAEpC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,OAAO,EAAE,cAAc,CAAc;IAErC;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAEhD;;;;OAIG;IAEH,KAAK,UAAS;IAEd,IACI,MAAM,CAAC,KAAK,EAKF,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QACnC,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC,EAAE,AARY,EAGf;IAED,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QACnC,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC,EAAE,CAEH;IAED,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,MAAM,IAAI,OAAO;IAsB3B,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,IAAI;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,OAAO,CAAC;KACpB;IASD;;OAEG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE;QAC5B,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,OAAO,GAAG,cAAc,CAAC;KACrC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAElC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAalE;;OAEG;IACH,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAgBvC;;OAEG;IACH,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAiB/D;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAQ5B;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI;IAQnD,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAI9B,WAAW,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAIxE,MAAM,CAAC,SAAS,IAAI,IAAI;IAMxB,cAAc,QAEF,IAAI,CAAC;CAClB;AAED,eAAe,MAAM,CAAC"}

package/components/router.js

@@ -27,6 +27,8 @@ const protoName = "router";
  *
  * 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 {
@@ -70,10 +72,12 @@ let Router = Router_1 = class Router extends GlobalStyle {
          */
         this.cache = false;
         /**
-         * @param params value of useRouter()
-         * @param first whether this path is loaded for the first time.
+         * 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;
@@ -109,7 +113,7 @@ let Router = Router_1 = class Router extends GlobalStyle {
     connectedCallback() {
         super.connectedCallback();
         Router_1.routerInstances.add(this);
-        this.pathname = window.location.pathname;
+        this.pathname ??= location.pathname;
         if (this.type !== "field") {
             const mutationObserver = new MutationObserver(this.collectSlottedRoutes);
             mutationObserver.observe(this, {
@@ -145,9 +149,7 @@ let Router = Router_1 = class Router extends GlobalStyle {
         }
     }
     /**
-     * Find components from {@linkcode __fieldRouteTree} matching query.
-     * @param query Query string.
-     * @returns Components or null.
+     * Get component from {@linkcode routes} by query.
      */
     fieldComponent(query) {
         query ||= this.useWhich(this.pathname);
@@ -163,9 +165,7 @@ let Router = Router_1 = class Router extends GlobalStyle {
         return route.component;
     }
     /**
-     * Find components from {@linkcode __slottedRouteTree} matching query.
-     * @param query Query string.
-     * @returns Named slot element template result or null.
+     * Get component from slotted elements by query.
      */
     slottedComponent(usedRouteTemplate) {
         const slottedPaths = this._slottedNames;
@@ -209,7 +209,7 @@ let Router = Router_1 = class Router extends GlobalStyle {
     }
     static updateAll() {
         this.routerInstances.forEach((i) => {
-            i.pathname = window.location.pathname;
+            i.handlePopstate();
         });
     }
 };

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":[],"mappings":"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"}

package/components/select.d.ts

@@ -1,7 +1,8 @@
 import { HandlerEvent } from "@godown/element";
+import { type TemplateResult } from "lit";
 import Input from "./input.js";
 /**
- * {@linkcode Select} is similar to <select>.
+ * {@linkcode Select} is similar to `<select>`.
  *
  * Elements with the value attribute/property can be used as options.
  *
@@ -15,27 +16,23 @@ import Input from "./input.js";
  * @category input
  */
 declare class Select extends Input {
-    _cache: WeakMap<HTMLElement, boolean>;
     value: string | string[];
-    /**
-     * Open content.
-     */
-    open: boolean;
     /**
      * Selected texts.
      */
     text: string;
-    _content: HTMLElement;
-    visible: boolean;
+    protected _content: HTMLElement;
     direction: "top" | "bottom" | undefined;
     multiple: boolean;
+    visible: boolean;
     protected autoDirection: "top" | "bottom";
     protected lastChecked: HTMLElement;
     protected defaultText: string;
     protected defaultChecked: HTMLElement[];
     private _store;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     protected _handleFocus(): void;
+    protected firstUpdated(): void;
     protected _connectedInit(): void;
     reset(): void;
     select(value: string, text?: string): 0 | 1;

package/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU/C,OAAO,KAAK,MAAM,YAAY,CAAC;AAyB/B;;;;;;;;;;;;;GAaG;AACH,cAIM,MAAO,SAAQ,KAAK;IACxB,MAAM,gCAAuC;IAE7C,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,QAAQ,EAAE,WAAW,CAAC;IAGtB,OAAO,EAAE,OAAO,CAAC;IAGjB,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAGxC,QAAQ,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1C,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,MAAM,CAA0C;IAExD,SAAS,CAAC,MAAM;IAWhB,SAAS,CAAC,YAAY;IAmCtB,SAAS,CAAC,cAAc;IAmBxB,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IA4BnC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;IAcrB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IAIlE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC;IAUxD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAK5B,IAAI;IAKJ,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM;CAGzC;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAO/C,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9D,OAAO,KAAK,MAAM,YAAY,CAAC;AAyB/B;;;;;;;;;;;;;GAaG;AACH,cAIM,MAAO,SAAQ,KAAK;IAExB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAGhC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAGxC,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGjB,SAAS,CAAC,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAY;IAErD,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,MAAM,CAA0C;IAExD,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAcrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAY9B,SAAS,CAAC,YAAY,IAAI,IAAI;IA0B9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAsBhC,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;IA4B3C,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAc5B,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAU/D,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,IAAI,IAAI,IAAI;IAMZ,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM;CAGzC;AAED,eAAe,MAAM,CAAC"}

package/components/select.js

@@ -2,10 +2,11 @@ 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/index.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 } from 'lit/decorators.js';
+import { html, nothing, css } from 'lit';
+import { property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import Input from './input.js';
 
@@ -30,7 +31,7 @@ function updateChecked(element, operation) {
 }
 const protoName = "select";
 /**
- * {@linkcode Select} is similar to <select>.
+ * {@linkcode Select} is similar to `<select>`.
  *
  * Elements with the value attribute/property can be used as options.
  *
@@ -46,19 +47,18 @@ const protoName = "select";
 let Select = class Select extends Input {
     constructor() {
         super(...arguments);
-        this._cache = new WeakMap();
-        /**
-         * Open content.
-         */
-        this.open = false;
+        this.autoDirection = "bottom";
         this._store = [];
     }
     render() {
-        return html `<div part="root" class="input-field">${[
+        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="space"></i><i part="icon">${svgCaretDown()}</i><i part="space"></i></label>`,
-            html `<div part="content" direction="${this.direction || this.autoDirection}" style="visibility:${this.visible ? "visible" : "hidden"}">${htmlSlot()}</div>`,
+            html `<label for="${this.makeId}" part="suffix"><i part="space"></i> <i part="icon">${svgCaretDown()}</i> <i part="space"></i></label>`,
+            html `<label for="${this.makeId}" part="content">${htmlSlot()}</label>`,
         ]}</div>`;
     }
     _handleFocus() {
@@ -71,32 +71,33 @@ let Select = class Select extends Input {
                 this.autoDirection = "bottom";
             }
         }
-        if (!this.visible) {
-            const event = this.events.add(document, "click", (e) => {
-                const { target } = e;
-                if (!this.contains(target)) {
-                    this.events.remove(document, "click", event);
-                    this.visible = false;
-                }
-                else if (target !== this) {
-                    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.visible = this.multiple;
-                    if (!this.visible) {
-                        this.events.remove(document, "click", event);
-                    }
-                }
-            });
-        }
         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]")];
@@ -113,6 +114,9 @@ let Select = class Select extends Input {
             this.defaultText = this.text;
             this.defaultChecked = checked;
         }
+        if (!this.text) {
+            this.text = "";
+        }
     }
     reset() {
         this.value = this.default;
@@ -178,32 +182,33 @@ let Select = class Select extends Input {
     blur() {
         this._input.blur();
         this.visible = false;
+        super.blur();
     }
     optionValue(option) {
         return option.value || option.getAttribute("value") || "";
     }
 };
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Select.prototype, "open", void 0);
 __decorate([
     property()
 ], Select.prototype, "text", void 0);
 __decorate([
     part("content")
 ], Select.prototype, "_content", void 0);
-__decorate([
-    property({ type: Boolean })
-], Select.prototype, "visible", 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]{top:100%}[direction=top]{bottom:100%}`)
+    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;
 

package/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../src/components/select.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sources":["../src/components/select.ts"],"sourcesContent":null,"names":[],"mappings":"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"}

package/components/skeleton.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Skeleton} renders a skeleton screen.
@@ -20,7 +21,7 @@ declare class Skeleton extends GlobalStyle {
      * If false, render slot only.
      */
     loading: boolean;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 export default Skeleton;
 //# sourceMappingURL=skeleton.d.ts.map

package/components/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"AAQA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;GAMG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB;;;OAGG;IAEH,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAC/C;;OAEG;IAEH,OAAO,UAAQ;IAEf,SAAS,CAAC,MAAM;CAMjB;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;GAMG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IAEvB;;;OAGG;IAEH,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAE/C;;OAEG;IAEH,OAAO,UAAQ;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAMtC;AAED,eAAe,QAAQ,CAAC"}

package/components/skeleton.js

@@ -1,12 +1,12 @@
 import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
-import { conditionIf } from '@godown/element/directives/condition-if.js';
+import { attr } from '@godown/element/directives/attr.js';
 import { htmlSlot } from '@godown/element/directives/html-slot.js';
 import iconPhoto from '@godown/f7-icon/icons/photo.js';
-import { css, html } from 'lit';
+import { html, css } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
+import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
 
 const protoName = "skeleton";
 const cssScope = scopePrefix(protoName);
@@ -34,7 +34,7 @@ let Skeleton = class Skeleton extends GlobalStyle {
         if (!this.loading) {
             return htmlSlot();
         }
-        return html `<div part="root" class="${this.animation}">${conditionIf(this.type === "image", iconPhoto())} ${htmlSlot("loading")}</div>`;
+        return html `<div part="root" ${attr(this.observedRecord)}>${this.type === "image" ? iconPhoto() : ""} ${htmlSlot("loading")}</div>`;
     }
 };
 __decorate([
@@ -48,7 +48,7 @@ __decorate([
 ], Skeleton.prototype, "loading", void 0);
 Skeleton = __decorate([
     godown(protoName),
-    styles(css `:host{${cssScope}--from:var(${cssGlobalVars._colors.darkgray[9]});${cssScope}--to:var(${cssGlobalVars._colors.darkgray[7]});${cssScope}--deg:95deg;${cssScope}--duration:1.5s;${cssScope}--icon-size:5em;${cssScope}--icon-margin:.25em;color:var(${cssGlobalVars._colors.darkgray[5]});background:var(${cssScope}--from);min-height:1.5em;width:100%;flex-shrink:0;display:block;overflow:hidden}[part=root]{height:100%;min-height:inherit;text-align:center;animation:var(${cssScope}--duration) ease-in-out 0s infinite none running}svg{--size:var(${cssScope}--icon-size);font-size:var(--size);margin:calc(var(--size) * .05)}.position{background-image:linear-gradient(var(${cssScope}--deg),var(${cssScope}--from) 36%,var(${cssScope}--to) 50%,var(${cssScope}--from) 64%);background-color:transparent;background-size:200% 100%;animation-name:po}@keyframes po{from{background-position:150% center}to{background-position:-50% center}}.opacity{animation-name:op;animation-direction:alternate}@keyframes op{50%{opacity:.25}to{opacity:1}}`)
+    styles(css `:host{${cssScope}--from:var(${cssGlobalVars._colors.darkgray[9]});${cssScope}--to:var(${cssGlobalVars._colors.darkgray[7]});${cssScope}--deg:95deg;${cssScope}--duration:1.5s;${cssScope}--icon-size:5em;${cssScope}--icon-margin:.25em;color:var(${cssGlobalVars._colors.darkgray[5]});background:var(${cssScope}--from);min-height:1.5em;width:100%;flex-shrink:0;display:block;overflow:hidden}[part=root]{height:100%;min-height:inherit;text-align:center;animation:var(${cssScope}--duration) ease-in-out 0s infinite none running}svg{--size:var(${cssScope}--icon-size);font-size:var(--size);margin:calc(var(--size) * .05)}[animation=position]{background-image:linear-gradient(var(${cssScope}--deg),var(${cssScope}--from) 36%,var(${cssScope}--to) 50%,var(${cssScope}--from) 64%);background-color:transparent;background-size:200% 100%;animation-name:po}@keyframes po{from{background-position:150% center}to{background-position:-50% center}}[animation=opacity]{animation-name:op;animation-direction:alternate}@keyframes op{50%{opacity:.25}to{opacity:1}}`)
 ], Skeleton);
 var Skeleton$1 = Skeleton;
 

package/components/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;AAMG;AAKH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW,CAAA;AAAlC,IAAA,WAAA,GAAA;;AAME;;;AAGG;QAEH,IAAS,CAAA,SAAA,GAA2B,UAAU,CAAC;AAC/C;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC;KAUhB;IARW,MAAM,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,OAAO,IAAI,CAAA,CAAA,wBAAA,EAA2B,IAAI,CAAC,SAAS,CAClD,EAAA,EAAA,WAAW,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,CAAC,CAAA,CAAA,EAC/C,QAAQ,CAAC,SAAS,CAAC,CAAA,MAAA,CAAQ,CAAC;KAC/B;CACF,CAAA;AArBC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACY,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMvB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACoC,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK/C,UAAA,CAAA;AADC,IAAA,KAAK,EAAE;AACO,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAhBX,QAAQ,GAAA,UAAA,CAAA;IAJb,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,CAAc,WAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAK,EAAA,EAAA,QAAQ,CAAY,SAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,YAAA,EAAe,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAiC,8BAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,iBAAA,EAAoB,QAAQ,CAAA,2JAAA,EAAgK,QAAQ,CAAA,gEAAA,EAAmE,QAAQ,CAAA,iHAAA,EAAqH,QAAQ,CAAA,WAAA,EAAc,QAAQ,CAAA,gBAAA,EAAmB,QAAQ,CAAA,cAAA,EAAiB,QAAQ,CAAA,kRAAA,CAAqR,CACrgC;AACK,CAAA,EAAA,QAAQ,CA0Bb,CAAA;AAED,iBAAe,QAAQ;;;;"}
+{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,UAAU;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;AAME;AAKF,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW,CAAA;AAAlC,IAAA,WAAA,GAAA;;AAOE;;;AAGE;QAEF,IAAS,CAAA,SAAA,GAA2B,UAAU;AAE9C;;AAEE;QAEF,IAAO,CAAA,OAAA,GAAG,IAAI;;IAEJ,MAAM,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO,QAAQ,EAAE;;AAEnB,QAAA,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,CAAA,EACtD,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,SAAS,EAAE,GAAG,EAAE,CAAA,CAAA,EACxC,QAAQ,CAAC,SAAS,CAAC,QAAQ;;CAEjC;AAvBE,UAAA,CAAA;AADC,IAAA,QAAQ;AACa,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAOtB,UAAA,CAAA;AADC,IAAA,QAAQ;AACqC,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAM9C,UAAA,CAAA;AADC,IAAA,KAAK;AACQ,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAlBV,QAAQ,GAAA,UAAA,CAAA;IAJb,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,CAAc,WAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAK,EAAA,EAAA,QAAQ,CAAY,SAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,YAAA,EAAe,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAiC,8BAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,iBAAA,EAAoB,QAAQ,CAAA,2JAAA,EAA8J,QAAQ,CAAA,gEAAA,EAAmE,QAAQ,CAAA,4HAAA,EAAgI,QAAQ,CAAA,WAAA,EAAc,QAAQ,CAAA,gBAAA,EAAmB,QAAQ,CAAA,cAAA,EAAiB,QAAQ,CAAA,6RAAA,CAAgS;AAEphC,CAAA,EAAA,QAAQ,CA4Bd;AAEA,iBAAe,QAAQ;;;;"}

package/components/split.d.ts

@@ -1,4 +1,5 @@
 import { type HandlerEvent } from "@godown/element/element.js";
+import { type TemplateResult } from "lit";
 import SuperInput from "../core/super-input.js";
 /**
  * {@linkcode Split} renders multiple input boxes.
@@ -19,10 +20,27 @@ declare class Split extends SuperInput {
      */
     index: number;
     current: number;
-    currentValue: (string | null)[];
-    protected render(): import("lit").TemplateResult<1>;
+    currentValue: (string | void)[];
+    protected render(): TemplateResult<1>;
     connectedCallback(): void;
     protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void;
+    /**
+     * Fill input with data.
+     *
+     * If data is null
+     *  - If current value is null, move to before.
+     *  - If current value is not null, delete it.
+     *
+     * If data is not null
+     *  - If current value is null, input data.
+     *  - If current value is not null, input data and move to after.
+     *
+     * If data is multiple characters,
+     *   Fill input with data[0] and call fillInput with data.slice(1).
+     *
+     * @param data Input event data.
+     */
+    protected fillInput(data: string | null): void;
     focus(): void;
     focusAt(i: number): void;
     blur(): void;

package/components/split.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cAIM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IACR;;OAEG;IAEH,KAAK,SAAM;IAGX,OAAO,SAAM;IAEb,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,SAAS,CAAC,MAAM;IAWhB,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC;IA2CpE,KAAK;IAIL,OAAO,CAAC,CAAC,EAAE,MAAM;IAKjB,IAAI;IAKJ,KAAK;CAQN;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAahD;;;;;;;;GAQG;AACH,cAIM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IASrC,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,IAAI;IAa3E;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA2C9C,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAKxB,IAAI,IAAI,IAAI;IAMZ,KAAK,IAAI,IAAI;CAQd;AAED,eAAe,KAAK,CAAC"}