godown 1.0.40 → 1.0.44

package/conf.ts

@@ -0,0 +1,35 @@
+const defconf: conftype = {
+  prefix: "",
+  suffix: "",
+  tag(origin) {
+    return this.prefix + origin + this.suffix;
+  },
+  enabled: [],
+  namemap: new Map(),
+  reflect: false,
+  cssvar: "godown-c",
+};
+export const init = (CONFObject: conftype) => {
+  Object.assign(defconf, CONFObject);
+  if (defconf.reflect) {
+    // Reflect conf to globalThis
+    globalThis.GodownWebComponentsCONF = defconf;
+  }
+  return defconf;
+};
+export const conf: conftype = { ...init(globalThis.GodownWebComponentsCONF) };
+export default conf;
+declare global {
+  interface globalThis {
+    GodownWebComponentsCONF: conftype;
+  }
+}
+type conftype = {
+  prefix?: string;
+  suffix?: string;
+  tag?: (origin: string) => string;
+  enabled?: any[];
+  namemap?: Map<string, string>;
+  reflect?: boolean;
+  cssvar?: string;
+};

package/out/conf.d.ts

@@ -0,0 +1,18 @@
+export declare const init: (CONFObject: conftype) => conftype;
+export declare const conf: conftype;
+export default conf;
+declare global {
+    interface globalThis {
+        GodownWebComponentsCONF: conftype;
+    }
+}
+declare type conftype = {
+    prefix?: string;
+    suffix?: string;
+    tag?: (origin: string) => string;
+    enabled?: any[];
+    namemap?: Map<string, string>;
+    reflect?: boolean;
+    cssvar?: string;
+};
+//# sourceMappingURL=conf.d.ts.map

package/out/conf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../conf.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI,eAAgB,QAAQ,aAOxC,CAAC;AACF,eAAO,MAAM,IAAI,EAAE,QAA0D,CAAC;AAC9E,eAAe,IAAI,CAAC;AACpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AACD,aAAK,QAAQ,GAAG;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/out/conf.js

@@ -0,0 +1,21 @@
+const defconf = {
+    prefix: "",
+    suffix: "",
+    tag(origin) {
+        return this.prefix + origin + this.suffix;
+    },
+    enabled: [],
+    namemap: new Map(),
+    reflect: false,
+    cssvar: "godown-c",
+};
+export const init = (CONFObject) => {
+    Object.assign(defconf, CONFObject);
+    if (defconf.reflect) {
+        // Reflect conf to globalThis
+        globalThis.GodownWebComponentsCONF = defconf;
+    }
+    return defconf;
+};
+export const conf = { ...init(globalThis.GodownWebComponentsCONF) };
+export default conf;

package/out/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./src/conf.js";
+export * from "./conf.js";
 export * from "./src/effect/index.js";
 export * from "./src/group/index.js";
 export * from "./src/input-form/index.js";

package/out/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC"}

package/out/index.js

@@ -1,4 +1,4 @@
-export * from "./src/conf.js";
+export * from "./conf.js";
 export * from "./src/effect/index.js";
 export * from "./src/group/index.js";
 export * from "./src/input-form/index.js";

package/out/react/items.d.ts

@@ -3,6 +3,7 @@ export declare const AvatarAnchor: import("@lit-labs/react").ReactWebComponent<X
 export declare const BaseButton: import("@lit-labs/react").ReactWebComponent<X.BaseButton, {}>;
 export declare const AlertItem: import("@lit-labs/react").ReactWebComponent<X.AlertItem, {}>;
 export declare const DialogItem: import("@lit-labs/react").ReactWebComponent<X.DialogItem, {}>;
+export declare const LinkAnchor: import("@lit-labs/react").ReactWebComponent<X.LinkAnchor, {}>;
 export declare const LoadTrack: import("@lit-labs/react").ReactWebComponent<X.LoadTrack, {}>;
 export declare const SuperAnchor: import("@lit-labs/react").ReactWebComponent<X.SuperAnchor, {}>;
 //# sourceMappingURL=items.d.ts.map

package/out/react/items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../react/items.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,uBAAuB,CAAC;AAE3C,eAAO,MAAM,YAAY,iEAIvB,CAAC;AACH,eAAO,MAAM,UAAU,+DAIrB,CAAC;AACH,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,UAAU,+DAIrB,CAAC;AACH,eAAO,MAAM,SAAS,8DAIpB,CAAC;AAEH,eAAO,MAAM,WAAW,gEAItB,CAAC"}
+{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../react/items.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,uBAAuB,CAAC;AAE3C,eAAO,MAAM,YAAY,iEAIvB,CAAC;AACH,eAAO,MAAM,UAAU,+DAIrB,CAAC;AACH,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,UAAU,+DAIrB,CAAC;AACH,eAAO,MAAM,UAAU,+DAIrB,CAAC;AACH,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,WAAW,gEAItB,CAAC"}

package/out/react/items.js

@@ -21,6 +21,11 @@ export const DialogItem = createComponent({
     elementClass: X.DialogItem,
     react: React
 });
+export const LinkAnchor = createComponent({
+    tagName: 'link-a',
+    elementClass: X.LinkAnchor,
+    react: React
+});
 export const LoadTrack = createComponent({
     tagName: 'load-track',
     elementClass: X.LoadTrack,

package/out/react/view.d.ts

@@ -2,5 +2,6 @@ import * as X from "../src/view/index.js";
 export declare const DetailsExpand: import("@lit-labs/react").ReactWebComponent<X.DetailsExpand, {}>;
 export declare const DownDrop: import("@lit-labs/react").ReactWebComponent<X.DownDrop, {}>;
 export declare const MenuList: import("@lit-labs/react").ReactWebComponent<X.MenuList, {}>;
+export declare const RouteView: import("@lit-labs/react").ReactWebComponent<X.RouteView, {}>;
 export declare const ScrollX: import("@lit-labs/react").ReactWebComponent<X.ScrollX, {}>;
 //# sourceMappingURL=view.d.ts.map

package/out/react/view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../react/view.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,sBAAsB,CAAC;AAE1C,eAAO,MAAM,aAAa,kEAIxB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC"}
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../react/view.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,sBAAsB,CAAC;AAE1C,eAAO,MAAM,aAAa,kEAIxB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC"}

package/out/react/view.js

@@ -16,6 +16,11 @@ export const MenuList = createComponent({
     elementClass: X.MenuList,
     react: React
 });
+export const RouteView = createComponent({
+    tagName: 'route-view',
+    elementClass: X.RouteView,
+    react: React
+});
 export const ScrollX = createComponent({
     tagName: 'scroll-x',
     elementClass: X.ScrollX,

package/out/src/deps.d.ts

@@ -1,8 +1,8 @@
-export { CSSResultGroup, html, css } from 'lit';
+export { CSSResultGroup, html, css, LitElement } from 'lit';
 export { query, queryAll, property, state, customElement } from 'lit/decorators.js';
-export { conf } from './conf.js';
+export { conf } from '../conf.js';
 export { append, create, define, retag } from "./with.js";
 export { ifDefined } from 'lit/directives/if-defined.js';
 export { classMap } from "lit/directives/class-map.js";
-export { STD, cssvar } from "./glob.js";
+export { GLOBSTD, cssvar } from "./glob.js";
 //# sourceMappingURL=deps.d.ts.map

package/out/src/deps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}

package/out/src/deps.js

@@ -1,7 +1,7 @@
-export { html, css } from 'lit';
+export { html, css, LitElement } from 'lit';
 export { query, queryAll, property, state, customElement } from 'lit/decorators.js';
-export { conf } from './conf.js';
+export { conf } from '../conf.js';
 export { append, create, define, retag } from "./with.js";
 export { ifDefined } from 'lit/directives/if-defined.js';
 export { classMap } from "lit/directives/class-map.js";
-export { STD, cssvar } from "./glob.js";
+export { GLOBSTD, cssvar } from "./glob.js";

package/out/src/effect/std.d.ts

@@ -1,4 +1,4 @@
-import { STD } from "../deps.js";
-export default class EffectSTD extends STD {
+import { GLOBSTD } from "../deps.js";
+export default class EffectSTD extends GLOBSTD {
 }
 //# sourceMappingURL=std.d.ts.map

package/out/src/effect/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/effect/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,GAAG;CAAI"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/effect/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,OAAO;CAAI"}

package/out/src/effect/std.js

@@ -1,3 +1,3 @@
-import { STD } from "../deps.js";
-export default class EffectSTD extends STD {
+import { GLOBSTD } from "../deps.js";
+export default class EffectSTD extends GLOBSTD {
 }

package/out/src/glob.d.ts

@@ -6,7 +6,7 @@ export declare const cssvar: import("lit").CSSResult;
 /**
  * Call customElements.define only customElements.get is undefined
 */
-export declare class STD extends LitElement {
+export declare class GLOBSTD extends LitElement {
     static styles: CSSResultGroup;
 }
 //# sourceMappingURL=glob.d.ts.map

package/out/src/glob.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glob.d.ts","sourceRoot":"","sources":["../../src/glob.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjE;;GAEG;AACH,eAAO,MAAM,MAAM,yBAA+D,CAAC;AACnF;;EAEE;AACF,qBAAa,GAAI,SAAQ,UAAU;IACjC,MAAM,CAAC,MAAM,iBAeQ;CACtB"}
+{"version":3,"file":"glob.d.ts","sourceRoot":"","sources":["../../src/glob.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjE;;GAEG;AACH,eAAO,MAAM,MAAM,yBAA+D,CAAC;AACnF;;EAEE;AACF,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iBAeQ;CACtB"}

package/out/src/glob.js

@@ -1,4 +1,4 @@
-import { conf } from "./conf.js";
+import { conf } from "../conf.js";
 import { LitElement, css, unsafeCSS } from "lit";
 /**
  * Custom CSS variable,join with "--" ,only allow `a-Z,0-9,-`
@@ -7,9 +7,9 @@ export const cssvar = unsafeCSS("--" + conf.cssvar.replace(/[^a-zA-Z0-9\-]/g, ""
 /**
  * Call customElements.define only customElements.get is undefined
 */
-export class STD extends LitElement {
+export class GLOBSTD extends LitElement {
 }
-STD.styles = css `
+GLOBSTD.styles = css `
   :host{
     ${cssvar}--text-selection: rgb(80 255 255);
     ${cssvar}--text-selection-background: rgb(0 0 0 / 10%);

package/out/src/group/std.d.ts

@@ -1,4 +1,4 @@
-import { STD } from "../deps.js";
-export default class GroupSTD extends STD {
+import { GLOBSTD } from "../deps.js";
+export default class GroupSTD extends GLOBSTD {
 }
 //# sourceMappingURL=std.d.ts.map

package/out/src/group/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/group/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,GAAG;CAAI"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/group/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;CAAI"}

package/out/src/group/std.js

@@ -1,3 +1,3 @@
-import { STD } from "../deps.js";
-export default class GroupSTD extends STD {
+import { GLOBSTD } from "../deps.js";
+export default class GroupSTD extends GLOBSTD {
 }

package/out/src/input-form/base-input.d.ts

@@ -10,11 +10,11 @@ export declare class BaseInput extends STD {
     type: inputtype;
     value: string | File | FileList;
     def: string;
-    multiple: boolean;
+    only: boolean;
     min: number;
     max: number;
     step: number;
-    compositing: boolean;
+    autofocus: boolean;
     static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
     render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;

package/out/src/input-form/base-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/base-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,SAAU,SAAQ,GAAG;IAChB,MAAM,EAAE,gBAAgB,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IAC5B,MAAM,MAAa;IACnB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IAC5C,GAAG,EAAE,MAAM,CAAM;IACjB,QAAQ,UAAS;IACD,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,MAAM,yFAyFV;IACH,MAAM;IASN,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IASZ,YAAY,CAAC,CAAC,KAAA;IAKd,WAAW,CAAC,CAAC,KAAA;IAIb,KAAK;IAUL,aAAa;CAUd;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/base-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,SAAU,SAAQ,GAAG;IAChB,MAAM,EAAE,gBAAgB,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IAC5B,MAAM,MAAa;IACnB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IAC5C,GAAG,EAAE,MAAM,CAAM;IACA,IAAI,UAAS;IACd,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACR,SAAS,UAAS;IAC/C,MAAM,CAAC,MAAM,yFA+FV;IACH,MAAM;IASN,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IAUZ,YAAY,CAAC,CAAC,KAAA;IAKd,WAAW,CAAC,CAAC,KAAA;IAIb,KAAK;IAUL,aAAa;CAUd;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/out/src/input-form/base-input.js

@@ -16,10 +16,11 @@ let BaseInput = class BaseInput extends STD {
         this.type = 'text';
         this.value = undefined;
         this.def = '';
-        this.multiple = false;
+        this.only = false;
         this.min = 0;
         this.max = 100;
         this.step = 1;
+        this.autofocus = false;
     }
     render() {
         var _a;
@@ -46,6 +47,7 @@ let BaseInput = class BaseInput extends STD {
                 this.shadowRoot.querySelector('div').style.margin = "0";
             }
         }
+        this._focusCheck();
         this._compositionCheck();
     }
     _handleRange(e) {
@@ -54,7 +56,7 @@ let BaseInput = class BaseInput extends STD {
         this.dispatchEvent(new CustomEvent('input', { detail: this.value }));
     }
     _handleFile(e) {
-        this.value = this.multiple ? e.target.files : e.target.files[0];
+        this.value = !this.only ? e.target.files : e.target.files[0];
         this.dispatchEvent(new CustomEvent('change', { detail: this.value }));
     }
     reset() {
@@ -73,7 +75,7 @@ let BaseInput = class BaseInput extends STD {
             case "range":
                 return html `<input id="input" type="range" @input=${this._handleRange} min=${this.min} max=${this.max} step=${this.step} value=${this.value}><i></i>`;
             case "file":
-                return html `<input id="input" accept=${ifDefined(this.accept)} ?multiple=${this.multiple} class="input" type=${this.type} @change=${this._handleFile}>`;
+                return html `<input id="input" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input" type=${this.type} @change=${this._handleFile}>`;
             default:
                 return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput}/>`;
         }
@@ -96,6 +98,12 @@ BaseInput.styles = [STD.styles, , css `
     outline: none;
     height: auto;
   }
+  :host([type="file"]){
+    height: auto;
+    width: auto;
+    min-height: .5em;
+    min-width: .5em;
+  }
   div,label{
     display: flex;
     flex: 1;
@@ -197,8 +205,8 @@ __decorate([
     property()
 ], BaseInput.prototype, "def", void 0);
 __decorate([
-    property()
-], BaseInput.prototype, "multiple", void 0);
+    property({ type: Boolean })
+], BaseInput.prototype, "only", void 0);
 __decorate([
     property({ type: Number })
 ], BaseInput.prototype, "min", void 0);
@@ -208,6 +216,9 @@ __decorate([
 __decorate([
     property({ type: Number })
 ], BaseInput.prototype, "step", void 0);
+__decorate([
+    property({ type: Boolean })
+], BaseInput.prototype, "autofocus", void 0);
 BaseInput = __decorate([
     define('base-input')
 ], BaseInput);

package/out/src/input-form/exp-input.d.ts

@@ -10,10 +10,9 @@ export declare class ExpInput extends STD {
     def: string;
     base: "outline" | "filed" | "underline";
     offset: string;
+    autofocus: boolean;
     _input: HTMLInputElement;
-    compositing: boolean;
     render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/out/src/input-form/exp-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exp-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/exp-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,yFAuIX;IACU,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,GAAG,UAAU,CAAU;IACtC,KAAK,SAAM;IACX,GAAG,SAAM;IACT,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAa;IACpD,MAAM,SAAM;IACP,MAAM,EAAE,gBAAgB,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM;IASN,YAAY;CAGb;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"exp-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/exp-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,yFAuIX;IACU,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,GAAG,UAAU,CAAU;IACtC,KAAK,SAAM;IACX,GAAG,SAAM;IACT,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAa;IACpD,MAAM,SAAM;IACK,SAAS,UAAS;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IAC1C,MAAM;CASP;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/out/src/input-form/exp-input.js

@@ -17,6 +17,7 @@ let ExpInput = class ExpInput extends STD {
         this.def = "";
         this.base = "outline";
         this.offset = "";
+        this.autofocus = false;
     }
     render() {
         var _a;
@@ -29,9 +30,6 @@ let ExpInput = class ExpInput extends STD {
   </fieldset><style>:valid~fieldset legend,:focus~fieldset legend{margin-left: ${this.offset || 0} !important;}</style>
 </div>`;
     }
-    firstUpdated() {
-        this._compositionCheck();
-    }
 };
 ExpInput.styles = [STD.styles, css `
     :host{
@@ -193,6 +191,9 @@ __decorate([
 __decorate([
     property()
 ], ExpInput.prototype, "offset", void 0);
+__decorate([
+    property({ type: Boolean })
+], ExpInput.prototype, "autofocus", void 0);
 __decorate([
     query('.input')
 ], ExpInput.prototype, "_input", void 0);

package/out/src/input-form/label-input.d.ts

@@ -7,11 +7,10 @@ export declare class LabelInput extends STD {
     pla: any;
     name: string;
     value: string;
-    compositing: boolean;
+    autofocus: boolean;
     static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
     _input: HTMLInputElement;
     render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
     _passwordSwitcher(): void;
 }
 declare global {

package/out/src/input-form/label-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/label-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,UAAW,SAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,MAAa;IAChB,IAAI,SAAM;IACV,KAAK,SAAM;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,MAAM,yFAkET;IACY,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAWN,YAAY;IAGZ,iBAAiB;CAOlB;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/label-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,UAAW,SAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,MAAa;IAChB,IAAI,SAAM;IACV,KAAK,SAAM;IACM,SAAS,UAAS;IAC/C,MAAM,CAAC,MAAM,yFAkET;IACY,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAWN,iBAAiB;CAOlB;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/out/src/input-form/label-input.js

@@ -15,6 +15,7 @@ let LabelInput = class LabelInput extends STD {
         this.pla = undefined;
         this.name = "";
         this.value = "";
+        this.autofocus = false;
     }
     render() {
         var _a;
@@ -29,9 +30,6 @@ let LabelInput = class LabelInput extends STD {
   </fieldset>
 </label>`;
     }
-    firstUpdated() {
-        this._compositionCheck();
-    }
     _passwordSwitcher() {
         if (this._input.type === "password") {
             this._input.type = "text";
@@ -126,6 +124,9 @@ __decorate([
 __decorate([
     property()
 ], LabelInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], LabelInput.prototype, "autofocus", void 0);
 __decorate([
     query('input')
 ], LabelInput.prototype, "_input", void 0);

package/out/src/input-form/search-input.d.ts

@@ -11,10 +11,10 @@ export declare class SearchInput extends STD {
     value: string;
     pla: any;
     list: any[];
+    autofocus: boolean;
     useinfer: (x: string) => Promise<string[]>;
     static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
     render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
     _handleSubmit(e: any): void;
     _handleInput(e: any): Promise<void>;
 }

package/out/src/input-form/search-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/search-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClB,MAAM,EAAG,gBAAgB,CAAC;IAC9B,KAAK,SAAM;IACX,MAAM,SAAM;IACK,KAAK,UAAS;IACd,MAAM,UAAS;IAChC,MAAM,SAAQ;IACd,MAAM,EAAE,KAAK,GAAG,MAAM,CAAS;IAC/B,IAAI,SAAO;IACX,KAAK,SAAM;IACX,GAAG,MAAa;IACD,IAAI,EAAE,GAAG,EAAE,CAAM;IACd,QAAQ,MAAa,MAAM,uBAKvD;IACF,MAAM,CAAC,MAAM,yFAqDX;IACF,MAAM;IAUN,YAAY;IAGZ,aAAa,CAAC,CAAC,KAAA;IAIT,YAAY,CAAC,CAAC,KAAA;CAgCrB;AAUD,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,yFAuET;IACQ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;;IAK3B,MAAM;CAYP;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;QAC5B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/search-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClB,MAAM,EAAG,gBAAgB,CAAC;IAC9B,KAAK,SAAM;IACX,MAAM,SAAM;IACK,KAAK,UAAS;IACd,MAAM,UAAS;IAChC,MAAM,SAAQ;IACd,MAAM,EAAE,KAAK,GAAG,MAAM,CAAS;IAC/B,IAAI,SAAO;IACX,KAAK,SAAM;IACX,GAAG,MAAa;IACD,IAAI,EAAE,GAAG,EAAE,CAAM;IACf,SAAS,UAAS;IACjB,QAAQ,MAAa,MAAM,uBAKvD;IACF,MAAM,CAAC,MAAM,yFAqDX;IACF,MAAM;IAUN,aAAa,CAAC,CAAC,KAAA;IAIT,YAAY,CAAC,CAAC,KAAA;CAgCrB;AAUD,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,yFAuET;IACQ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;;IAK3B,MAAM;CAYP;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;QAC5B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/out/src/input-form/search-input.js

@@ -19,6 +19,7 @@ let SearchInput = class SearchInput extends STD {
         this.value = "";
         this.pla = undefined;
         this.list = [];
+        this.autofocus = false;
         this.useinfer = async (x) => {
             await new Promise((resolve) => {
                 setTimeout(() => { resolve(); }, 400);
@@ -37,9 +38,6 @@ let SearchInput = class SearchInput extends STD {
   ${((_a = this.list) === null || _a === void 0 ? void 0 : _a.length) ? html `<ul>${this.list.map((v, i) => html `<li key=${i}>${v}</li>`)}</ul>` : undefined}
 </form>`;
     }
-    firstUpdated() {
-        this._compositionCheck();
-    }
     _handleSubmit(e) {
         if (!this.remote)
             e.preventDefault();
@@ -166,6 +164,9 @@ __decorate([
 __decorate([
     property({ type: Array })
 ], SearchInput.prototype, "list", void 0);
+__decorate([
+    property({ type: Boolean })
+], SearchInput.prototype, "autofocus", void 0);
 __decorate([
     property({ type: Function })
 ], SearchInput.prototype, "useinfer", void 0);

package/out/src/input-form/select-input.d.ts

@@ -1,24 +1,24 @@
 import STD from './std.js';
 export declare class SelectInput extends STD {
     static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
+    open: boolean;
     selcls: string;
     pla: any;
-    m: boolean;
+    only: boolean;
     def: string;
-    autofocus: boolean;
     value: any[];
     name: string;
     text: Array<string>;
+    autofocus: boolean;
     get assigned(): any;
     _input: HTMLInputElement;
     _aside: HTMLInputElement;
     render(): import("lit-html").TemplateResult<1>;
-    lists(): import("lit-html").TemplateResult<1>;
+    lists(): any[];
+    _focusCheck(): void;
+    focus(options?: FocusOptions): void;
     firstUpdated(): void;
     select(value: string, text?: string): void;
-    focus(): void;
-    close(): void;
-    open(): void;
     _handleInput(): void;
     namevalue(): any[];
     reset(): void;

package/out/src/input-form/select-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/select-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,yFAwEV;IACS,MAAM,SAA2B;IACjC,GAAG,MAAa;IACC,CAAC,UAAS;IAC3B,GAAG,SAAM;IACT,SAAS,UAAS;IACH,KAAK,QAAM;IAC1B,IAAI,SAAM;IACb,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAClC,IAAI,QAAQ,IAAI,GAAG,CAElB;IACe,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAQN,KAAK;IAUL,YAAY;IAsBZ,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IA0DnC,KAAK;IAIL,KAAK;IAGL,IAAI;IAGJ,YAAY;IAyCZ,SAAS;IAMT,KAAK;CA2BN;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/select-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,yFA2EV;IACyC,IAAI,UAAS;IAC7C,MAAM,SAA0C;IAChD,GAAG,MAAa;IACC,IAAI,UAAS;IAC9B,GAAG,SAAM;IACM,KAAK,QAAM;IAC1B,IAAI,SAAY;IACnB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IACL,SAAS,UAAS;IAC/C,IAAI,QAAQ,IAAI,GAAG,CAElB;IACe,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAON,KAAK;IAUL,WAAW;IAMX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,YAAY;IAyBZ,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IA0DnC,YAAY;IAyCZ,SAAS;IAMT,KAAK;CA2BN;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}