godown 1.0.42 → 1.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/conf.ts +36 -0
  2. package/out/conf.d.ts +19 -0
  3. package/out/conf.d.ts.map +1 -0
  4. package/out/conf.js +22 -0
  5. package/out/index.d.ts +1 -1
  6. package/out/index.d.ts.map +1 -1
  7. package/out/index.js +1 -1
  8. package/out/react/items.d.ts +1 -0
  9. package/out/react/items.d.ts.map +1 -1
  10. package/out/react/items.js +5 -0
  11. package/out/react/layout.d.ts.map +1 -1
  12. package/out/react/view.d.ts +1 -0
  13. package/out/react/view.d.ts.map +1 -1
  14. package/out/react/view.js +5 -0
  15. package/out/src/deps.d.ts +3 -3
  16. package/out/src/deps.d.ts.map +1 -1
  17. package/out/src/deps.js +3 -3
  18. package/out/src/effect/std.d.ts +2 -2
  19. package/out/src/effect/std.d.ts.map +1 -1
  20. package/out/src/effect/std.js +2 -2
  21. package/out/src/glob.d.ts +1 -4
  22. package/out/src/glob.d.ts.map +1 -1
  23. package/out/src/glob.js +3 -6
  24. package/out/src/group/std.d.ts +2 -2
  25. package/out/src/group/std.d.ts.map +1 -1
  26. package/out/src/group/std.js +2 -2
  27. package/out/src/input-form/base-input.d.ts +2 -2
  28. package/out/src/input-form/base-input.d.ts.map +1 -1
  29. package/out/src/input-form/base-input.js +10 -5
  30. package/out/src/input-form/exp-input.d.ts +2 -3
  31. package/out/src/input-form/exp-input.d.ts.map +1 -1
  32. package/out/src/input-form/exp-input.js +6 -5
  33. package/out/src/input-form/label-input.d.ts +2 -3
  34. package/out/src/input-form/label-input.d.ts.map +1 -1
  35. package/out/src/input-form/label-input.js +7 -6
  36. package/out/src/input-form/search-input.d.ts +3 -3
  37. package/out/src/input-form/search-input.d.ts.map +1 -1
  38. package/out/src/input-form/search-input.js +5 -4
  39. package/out/src/input-form/select-input.d.ts +7 -7
  40. package/out/src/input-form/select-input.d.ts.map +1 -1
  41. package/out/src/input-form/select-input.js +55 -46
  42. package/out/src/input-form/sign-form.d.ts +1 -1
  43. package/out/src/input-form/sign-form.d.ts.map +1 -1
  44. package/out/src/input-form/split-input.d.ts +4 -2
  45. package/out/src/input-form/split-input.d.ts.map +1 -1
  46. package/out/src/input-form/split-input.js +11 -3
  47. package/out/src/input-form/std.d.ts +8 -3
  48. package/out/src/input-form/std.d.ts.map +1 -1
  49. package/out/src/input-form/std.js +21 -5
  50. package/out/src/input-form/switch-input.d.ts +1 -1
  51. package/out/src/input-form/switch-input.d.ts.map +1 -1
  52. package/out/src/items/index.d.ts +1 -0
  53. package/out/src/items/index.d.ts.map +1 -1
  54. package/out/src/items/index.js +1 -0
  55. package/out/src/items/link-a.d.ts +19 -0
  56. package/out/src/items/link-a.d.ts.map +1 -0
  57. package/out/src/items/link-a.js +96 -0
  58. package/out/src/items/load-track.d.ts +1 -1
  59. package/out/src/items/load-track.d.ts.map +1 -1
  60. package/out/src/items/std.d.ts +2 -2
  61. package/out/src/items/std.d.ts.map +1 -1
  62. package/out/src/items/std.js +2 -2
  63. package/out/src/items/super-a.d.ts +0 -2
  64. package/out/src/items/super-a.d.ts.map +1 -1
  65. package/out/src/items/super-a.js +4 -14
  66. package/out/src/layout/nav-aside.d.ts +1 -1
  67. package/out/src/layout/nav-aside.d.ts.map +1 -1
  68. package/out/src/layout/nav-layout.d.ts +1 -1
  69. package/out/src/layout/nav-layout.d.ts.map +1 -1
  70. package/out/src/layout/nav-layout.js +1 -1
  71. package/out/src/layout/std.d.ts +2 -2
  72. package/out/src/layout/std.d.ts.map +1 -1
  73. package/out/src/layout/std.js +2 -2
  74. package/out/src/view/details-expand.d.ts +1 -1
  75. package/out/src/view/details-expand.d.ts.map +1 -1
  76. package/out/src/view/down-drop.d.ts +1 -1
  77. package/out/src/view/down-drop.d.ts.map +1 -1
  78. package/out/src/view/index.d.ts +1 -0
  79. package/out/src/view/index.d.ts.map +1 -1
  80. package/out/src/view/index.js +1 -0
  81. package/out/src/view/menu-list.d.ts +1 -1
  82. package/out/src/view/menu-list.d.ts.map +1 -1
  83. package/out/src/view/route-view.d.ts +33 -0
  84. package/out/src/view/route-view.d.ts.map +1 -0
  85. package/out/src/view/route-view.js +239 -0
  86. package/out/src/view/std.d.ts +2 -2
  87. package/out/src/view/std.d.ts.map +1 -1
  88. package/out/src/view/std.js +2 -2
  89. package/out/src/with.d.ts.map +1 -1
  90. package/out/src/with.js +6 -5
  91. package/package.json +2 -1
package/conf.ts ADDED
@@ -0,0 +1,36 @@
1
+ const defconf: conftype = {
2
+ prefix: "",
3
+ suffix: "",
4
+ tag(origin) {
5
+ return this.prefix + origin + this.suffix;
6
+ },
7
+ enabled: [],
8
+ namemap: new Map(),
9
+ reflect: false,
10
+ cssvar: "godown-c",
11
+ };
12
+ const conf: conftype = init(globalThis.GodownWebComponentsCONF, defconf);
13
+ function init(CONFObject: conftype, source = conf) {
14
+ Object.assign(source, CONFObject);
15
+ if (source.reflect) {
16
+ // Reflect conf to globalThis
17
+ globalThis.GodownWebComponentsCONF = source;
18
+ }
19
+ return source;
20
+ }
21
+ export { conf, init };
22
+ export default conf;
23
+ declare global {
24
+ interface globalThis {
25
+ GodownWebComponentsCONF: conftype;
26
+ }
27
+ }
28
+ type conftype = {
29
+ prefix?: string;
30
+ suffix?: string;
31
+ tag?: (origin: string) => string;
32
+ enabled?: any[];
33
+ namemap?: Map<string, string>;
34
+ reflect?: boolean;
35
+ cssvar?: string;
36
+ };
package/out/conf.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ declare const conf: conftype;
2
+ declare function init(CONFObject: conftype, source?: conftype): conftype;
3
+ export { conf, init };
4
+ export default conf;
5
+ declare global {
6
+ interface globalThis {
7
+ GodownWebComponentsCONF: conftype;
8
+ }
9
+ }
10
+ declare type conftype = {
11
+ prefix?: string;
12
+ suffix?: string;
13
+ tag?: (origin: string) => string;
14
+ enabled?: any[];
15
+ namemap?: Map<string, string>;
16
+ reflect?: boolean;
17
+ cssvar?: string;
18
+ };
19
+ //# sourceMappingURL=conf.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../conf.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,IAAI,EAAE,QAA4D,CAAC;AACzE,iBAAS,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAO,YAOhD;AACD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACtB,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 ADDED
@@ -0,0 +1,22 @@
1
+ const defconf = {
2
+ prefix: "",
3
+ suffix: "",
4
+ tag(origin) {
5
+ return this.prefix + origin + this.suffix;
6
+ },
7
+ enabled: [],
8
+ namemap: new Map(),
9
+ reflect: false,
10
+ cssvar: "godown-c",
11
+ };
12
+ const conf = init(globalThis.GodownWebComponentsCONF, defconf);
13
+ function init(CONFObject, source = conf) {
14
+ Object.assign(source, CONFObject);
15
+ if (source.reflect) {
16
+ // Reflect conf to globalThis
17
+ globalThis.GodownWebComponentsCONF = source;
18
+ }
19
+ return source;
20
+ }
21
+ export { conf, init };
22
+ export default conf;
package/out/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./src/conf.js";
1
+ export * from "./conf.js";
2
2
  export * from "./src/effect/index.js";
3
3
  export * from "./src/group/index.js";
4
4
  export * from "./src/input-form/index.js";
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./src/conf.js";
1
+ export * from "./conf.js";
2
2
  export * from "./src/effect/index.js";
3
3
  export * from "./src/group/index.js";
4
4
  export * from "./src/input-form/index.js";
@@ -3,6 +3,7 @@ export declare const AvatarAnchor: import("@lit-labs/react").ReactWebComponent<X
3
3
  export declare const BaseButton: import("@lit-labs/react").ReactWebComponent<X.BaseButton, {}>;
4
4
  export declare const AlertItem: import("@lit-labs/react").ReactWebComponent<X.AlertItem, {}>;
5
5
  export declare const DialogItem: import("@lit-labs/react").ReactWebComponent<X.DialogItem, {}>;
6
+ export declare const LinkAnchor: import("@lit-labs/react").ReactWebComponent<X.LinkAnchor, {}>;
6
7
  export declare const LoadTrack: import("@lit-labs/react").ReactWebComponent<X.LoadTrack, {}>;
7
8
  export declare const SuperAnchor: import("@lit-labs/react").ReactWebComponent<X.SuperAnchor, {}>;
8
9
  //# sourceMappingURL=items.d.ts.map
@@ -1 +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"}
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,UAAU,+DAIrB,CAAC;AACH,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,WAAW,gEAItB,CAAC"}
@@ -21,6 +21,11 @@ export const DialogItem = createComponent({
21
21
  elementClass: X.DialogItem,
22
22
  react: React
23
23
  });
24
+ export const LinkAnchor = createComponent({
25
+ tagName: 'link-a',
26
+ elementClass: X.LinkAnchor,
27
+ react: React
28
+ });
24
29
  export const LoadTrack = createComponent({
25
30
  tagName: 'load-track',
26
31
  elementClass: X.LoadTrack,
@@ -1 +1 @@
1
- {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../react/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAE5C,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AAEH,eAAO,MAAM,OAAO,4DAIlB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC"}
1
+ {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../react/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAE5C,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC"}
@@ -2,5 +2,6 @@ import * as X from "../src/view/index.js";
2
2
  export declare const DetailsExpand: import("@lit-labs/react").ReactWebComponent<X.DetailsExpand, {}>;
3
3
  export declare const DownDrop: import("@lit-labs/react").ReactWebComponent<X.DownDrop, {}>;
4
4
  export declare const MenuList: import("@lit-labs/react").ReactWebComponent<X.MenuList, {}>;
5
+ export declare const RouteView: import("@lit-labs/react").ReactWebComponent<X.RouteView, {}>;
5
6
  export declare const ScrollX: import("@lit-labs/react").ReactWebComponent<X.ScrollX, {}>;
6
7
  //# sourceMappingURL=view.d.ts.map
@@ -1 +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"}
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,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC"}
package/out/react/view.js CHANGED
@@ -16,6 +16,11 @@ export const MenuList = createComponent({
16
16
  elementClass: X.MenuList,
17
17
  react: React
18
18
  });
19
+ export const RouteView = createComponent({
20
+ tagName: 'route-view',
21
+ elementClass: X.RouteView,
22
+ react: React
23
+ });
19
24
  export const ScrollX = createComponent({
20
25
  tagName: 'scroll-x',
21
26
  elementClass: X.ScrollX,
package/out/src/deps.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- export { CSSResultGroup, html, css } from 'lit';
1
+ export { CSSResultGroup, html, css, LitElement } from 'lit';
2
2
  export { query, queryAll, property, state, customElement } from 'lit/decorators.js';
3
- export { conf } from './conf.js';
3
+ export { conf } from '../conf.js';
4
4
  export { append, create, define, retag } from "./with.js";
5
5
  export { ifDefined } from 'lit/directives/if-defined.js';
6
6
  export { classMap } from "lit/directives/class-map.js";
7
- export { STD, cssvar } from "./glob.js";
7
+ export { GLOBSTD, cssvar } from "./glob.js";
8
8
  //# sourceMappingURL=deps.d.ts.map
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,7 +1,7 @@
1
- export { html, css } from 'lit';
1
+ export { html, css, LitElement } from 'lit';
2
2
  export { query, queryAll, property, state, customElement } from 'lit/decorators.js';
3
- export { conf } from './conf.js';
3
+ export { conf } from '../conf.js';
4
4
  export { append, create, define, retag } from "./with.js";
5
5
  export { ifDefined } from 'lit/directives/if-defined.js';
6
6
  export { classMap } from "lit/directives/class-map.js";
7
- export { STD, cssvar } from "./glob.js";
7
+ export { GLOBSTD, cssvar } from "./glob.js";
@@ -1,4 +1,4 @@
1
- import { STD } from "../deps.js";
2
- export default class EffectSTD extends STD {
1
+ import { GLOBSTD } from "../deps.js";
2
+ export default class EffectSTD extends GLOBSTD {
3
3
  }
4
4
  //# sourceMappingURL=std.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,3 +1,3 @@
1
- import { STD } from "../deps.js";
2
- export default class EffectSTD extends STD {
1
+ import { GLOBSTD } from "../deps.js";
2
+ export default class EffectSTD extends GLOBSTD {
3
3
  }
package/out/src/glob.d.ts CHANGED
@@ -3,10 +3,7 @@ import { CSSResultGroup, LitElement } from "lit";
3
3
  * Custom CSS variable,join with "--" ,only allow `a-Z,0-9,-`
4
4
  */
5
5
  export declare const cssvar: import("lit").CSSResult;
6
- /**
7
- * Call customElements.define only customElements.get is undefined
8
- */
9
- export declare class STD extends LitElement {
6
+ export declare class GLOBSTD extends LitElement {
10
7
  static styles: CSSResultGroup;
11
8
  }
12
9
  //# sourceMappingURL=glob.d.ts.map
@@ -1 +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"}
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,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iBAeQ;CACtB"}
package/out/src/glob.js CHANGED
@@ -1,15 +1,12 @@
1
- import { conf } from "./conf.js";
1
+ import { conf } from "../conf.js";
2
2
  import { LitElement, css, unsafeCSS } from "lit";
3
3
  /**
4
4
  * Custom CSS variable,join with "--" ,only allow `a-Z,0-9,-`
5
5
  */
6
6
  export const cssvar = unsafeCSS("--" + conf.cssvar.replace(/[^a-zA-Z0-9\-]/g, ""));
7
- /**
8
- * Call customElements.define only customElements.get is undefined
9
- */
10
- export class STD extends LitElement {
7
+ export class GLOBSTD extends LitElement {
11
8
  }
12
- STD.styles = css `
9
+ GLOBSTD.styles = css `
13
10
  :host{
14
11
  ${cssvar}--text-selection: rgb(80 255 255);
15
12
  ${cssvar}--text-selection-background: rgb(0 0 0 / 10%);
@@ -1,4 +1,4 @@
1
- import { STD } from "../deps.js";
2
- export default class GroupSTD extends STD {
1
+ import { GLOBSTD } from "../deps.js";
2
+ export default class GroupSTD extends GLOBSTD {
3
3
  }
4
4
  //# sourceMappingURL=std.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,3 +1,3 @@
1
- import { STD } from "../deps.js";
2
- export default class GroupSTD extends STD {
1
+ import { GLOBSTD } from "../deps.js";
2
+ export default class GroupSTD extends GLOBSTD {
3
3
  }
@@ -14,8 +14,8 @@ export declare class BaseInput extends STD {
14
14
  min: number;
15
15
  max: number;
16
16
  step: number;
17
- compositing: boolean;
18
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
17
+ autofocus: boolean;
18
+ static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
19
19
  render(): import("lit-html").TemplateResult<1>;
20
20
  connectedCallback(): void;
21
21
  firstUpdated(): void;
@@ -1 +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;IACA,IAAI,UAAS;IACd,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,MAAM,yFA+FV;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"}
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;IACA,IAAI,UAAS;IACd,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACR,SAAS,UAAS;IAC/C,MAAM,CAAC,MAAM,4FA+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"}
@@ -20,6 +20,7 @@ let BaseInput = class BaseInput extends STD {
20
20
  this.min = 0;
21
21
  this.max = 100;
22
22
  this.step = 1;
23
+ this.autofocus = false;
23
24
  }
24
25
  render() {
25
26
  var _a;
@@ -46,6 +47,7 @@ let BaseInput = class BaseInput extends STD {
46
47
  this.shadowRoot.querySelector('div').style.margin = "0";
47
48
  }
48
49
  }
50
+ this._focusCheck();
49
51
  this._compositionCheck();
50
52
  }
51
53
  _handleRange(e) {
@@ -71,11 +73,11 @@ let BaseInput = class BaseInput extends STD {
71
73
  _typeSwitcher() {
72
74
  switch (this.type) {
73
75
  case "range":
74
- return html `<input id="input" type="range" @input=${this._handleRange} min=${this.min} max=${this.max} step=${this.step} value=${this.value}><i></i>`;
76
+ return html `<input id="input" type="range" min=${this.min} max=${this.max} step=${this.step} value=${this.value} @input=${this._handleRange} @change=${this._handleChange}><i></i>`;
75
77
  case "file":
76
- return html `<input id="input" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input" type=${this.type} @change=${this._handleFile}>`;
78
+ return html `<input id="input" type="file" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input" @change=${this._handleFile}>`;
77
79
  default:
78
- return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput}/>`;
80
+ return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput} @change=${this._handleChange}/>`;
79
81
  }
80
82
  }
81
83
  };
@@ -89,8 +91,8 @@ BaseInput.styles = [STD.styles, , css `
89
91
  outline: .18em solid transparent;
90
92
  color:var(${cssvar}--text);
91
93
  }
92
- :host(:focus){
93
- outline-color: var(${cssvar}--input-outline);
94
+ :host(:focus-within){
95
+ outline-color: var(${cssvar}--input-outline-focus);
94
96
  }
95
97
  :host([type="range"]){
96
98
  outline: none;
@@ -214,6 +216,9 @@ __decorate([
214
216
  __decorate([
215
217
  property({ type: Number })
216
218
  ], BaseInput.prototype, "step", void 0);
219
+ __decorate([
220
+ property({ type: Boolean })
221
+ ], BaseInput.prototype, "autofocus", void 0);
217
222
  BaseInput = __decorate([
218
223
  define('base-input')
219
224
  ], BaseInput);
@@ -1,7 +1,7 @@
1
1
  import STD from './std.js';
2
2
  declare type inputtype = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
3
3
  export declare class ExpInput extends STD {
4
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
4
+ static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
5
5
  label: string;
6
6
  name: string;
7
7
  pla: any;
@@ -10,10 +10,9 @@ export declare class ExpInput extends STD {
10
10
  def: string;
11
11
  base: "outline" | "filed" | "underline";
12
12
  offset: string;
13
+ autofocus: boolean;
13
14
  _input: HTMLInputElement;
14
- compositing: boolean;
15
15
  render(): import("lit-html").TemplateResult<1>;
16
- firstUpdated(): void;
17
16
  }
18
17
  declare global {
19
18
  interface HTMLElementTagNameMap {
@@ -1 +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"}
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,4FAuIX;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"}
@@ -17,21 +17,19 @@ let ExpInput = class ExpInput extends STD {
17
17
  this.def = "";
18
18
  this.base = "outline";
19
19
  this.offset = "";
20
+ this.autofocus = false;
20
21
  }
21
22
  render() {
22
23
  var _a;
23
24
  if (!this.name)
24
25
  this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
25
26
  return html `<div class=${classMap({ [this.base]: true, "no-label": !this.label })}>
26
- ${this.type !== "textarea" ? html `<input class="input" required title="" value=${this.value} @input=${this._handleInput} type=${this.type} placeholder=${this.pla} >` : html `<textarea class="input" required title="" value=${this.value || this.def} @input=${this._handleInput} placeholder=${this.pla} ></textarea>`}
27
+ ${this.type !== "textarea" ? html `<input class="input" required title="" value=${this.value} @input=${this._handleInput} @change=${this._handleChange} type=${this.type} placeholder=${this.pla} >` : html `<textarea class="input" required title="" value=${this.value || this.def} @input=${this._handleInput} placeholder=${this.pla} ></textarea>`}
27
28
  <fieldset>
28
29
  <legend><span>${this.label}</span></legend>
29
30
  </fieldset><style>:valid~fieldset legend,:focus~fieldset legend{margin-left: ${this.offset || 0} !important;}</style>
30
31
  </div>`;
31
32
  }
32
- firstUpdated() {
33
- this._compositionCheck();
34
- }
35
33
  };
36
34
  ExpInput.styles = [STD.styles, css `
37
35
  :host{
@@ -60,7 +58,7 @@ ExpInput.styles = [STD.styles, css `
60
58
  border-bottom-left-radius: inherit;
61
59
  border-bottom-right-radius: inherit;
62
60
  }
63
- .underline:has(:focus)::before{
61
+ .underline:focus-within::before{
64
62
  z-index:2;
65
63
  width:100%;
66
64
  }
@@ -193,6 +191,9 @@ __decorate([
193
191
  __decorate([
194
192
  property()
195
193
  ], ExpInput.prototype, "offset", void 0);
194
+ __decorate([
195
+ property({ type: Boolean })
196
+ ], ExpInput.prototype, "autofocus", void 0);
196
197
  __decorate([
197
198
  query('.input')
198
199
  ], ExpInput.prototype, "_input", void 0);
@@ -7,11 +7,10 @@ export declare class LabelInput extends STD {
7
7
  pla: any;
8
8
  name: string;
9
9
  value: string;
10
- compositing: boolean;
11
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
10
+ autofocus: boolean;
12
11
  _input: HTMLInputElement;
12
+ static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
13
13
  render(): import("lit-html").TemplateResult<1>;
14
- firstUpdated(): void;
15
14
  _passwordSwitcher(): void;
16
15
  }
17
16
  declare global {
@@ -1 +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"}
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;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM,CAAC,MAAM,4FAkET;IACJ,MAAM;IAWN,iBAAiB;CAOlB;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- import { html, css, property, query, ifDefined, define, cssvar } from '../deps.js';
7
+ import { html, css, property, query, define, cssvar } from '../deps.js';
8
8
  import STD from './std.js';
9
9
  let LabelInput = class LabelInput extends STD {
10
10
  constructor() {
@@ -15,6 +15,7 @@ let LabelInput = class LabelInput extends STD {
15
15
  this.pla = undefined;
16
16
  this.name = "";
17
17
  this.value = "";
18
+ this.autofocus = false;
18
19
  }
19
20
  render() {
20
21
  var _a;
@@ -23,15 +24,12 @@ let LabelInput = class LabelInput extends STD {
23
24
  return html `<label for=${this.name}><span>${this.label}<slot></slot></span>
24
25
  <fieldset>
25
26
  <i><slot name="pre"></slot></i>
26
- <input value=${this.value} @input=${this._handleInput} id=${this.name} type=${this.type} placeholder=${ifDefined(this.pla)} class=${this.type} />
27
+ <input @input=${this._handleInput} @change=${this._handleChange} id=${this.name} type=${this.type} placeholder=${this.pla} class=${this.type} />
27
28
  <i><slot name="suf"></slot></i>
28
29
  ${this.type === "password" && !this.querySelector('[slot="suf"]') ? html `<i @mousedown=${this._passwordSwitcher} @mouseup=${() => this._input.type = "password"} @mouseleave=${() => this._input.type = "password"} ><svg viewBox="0 0 48 48" fill="none"><path d="M9.85786 18C6.23858 21 4 24 4 24C4 24 12.9543 36 24 36C25.3699 36 26.7076 35.8154 28 35.4921M20.0318 12.5C21.3144 12.1816 22.6414 12 24 12C35.0457 12 44 24 44 24C44 24 41.7614 27 38.1421 30" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.3142 20.6211C19.4981 21.5109 19 22.6972 19 23.9998C19 26.7612 21.2386 28.9998 24 28.9998C25.3627 28.9998 26.5981 28.4546 27.5 27.5705" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 42L6 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></i>` : undefined}
29
30
  </fieldset>
30
31
  </label>`;
31
32
  }
32
- firstUpdated() {
33
- this._compositionCheck();
34
- }
35
33
  _passwordSwitcher() {
36
34
  if (this._input.type === "password") {
37
35
  this._input.type = "text";
@@ -72,7 +70,7 @@ LabelInput.styles = [STD.styles, css `
72
70
  width:100%;
73
71
  padding:4.8px;
74
72
  }
75
- fieldset:has(:focus) {
73
+ fieldset:focus-within {
76
74
  outline: .18em solid var(${cssvar}--input-outline-focus);
77
75
  }
78
76
  @media screen and (max-width:540px) {
@@ -126,6 +124,9 @@ __decorate([
126
124
  __decorate([
127
125
  property()
128
126
  ], LabelInput.prototype, "value", void 0);
127
+ __decorate([
128
+ property({ type: Boolean })
129
+ ], LabelInput.prototype, "autofocus", void 0);
129
130
  __decorate([
130
131
  query('input')
131
132
  ], LabelInput.prototype, "_input", void 0);
@@ -11,15 +11,15 @@ export declare class SearchInput extends STD {
11
11
  value: string;
12
12
  pla: any;
13
13
  list: any[];
14
+ autofocus: boolean;
14
15
  useinfer: (x: string) => Promise<string[]>;
15
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
16
+ static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
16
17
  render(): import("lit-html").TemplateResult<1>;
17
- firstUpdated(): void;
18
18
  _handleSubmit(e: any): void;
19
19
  _handleInput(e: any): Promise<void>;
20
20
  }
21
21
  export declare class SearchW extends STD {
22
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
22
+ static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
23
23
  action: string;
24
24
  name: string;
25
25
  pla: string;
@@ -1 +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"}
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;IACf,SAAS,UAAS;IACjB,QAAQ,MAAa,MAAM,uBAKvD;IACF,MAAM,CAAC,MAAM,4FAqDX;IACF,MAAM;IAUN,aAAa,CAAC,CAAC,KAAA;IAIT,YAAY,CAAC,CAAC,KAAA;CAgCrB;AAUD,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,4FAuET;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"}
@@ -19,6 +19,7 @@ let SearchInput = class SearchInput extends STD {
19
19
  this.value = "";
20
20
  this.pla = undefined;
21
21
  this.list = [];
22
+ this.autofocus = false;
22
23
  this.useinfer = async (x) => {
23
24
  await new Promise((resolve) => {
24
25
  setTimeout(() => { resolve(); }, 400);
@@ -30,16 +31,13 @@ let SearchInput = class SearchInput extends STD {
30
31
  var _a;
31
32
  return html `<form action=${this.action} method=${this.method}>
32
33
  <div>
33
- <input name=${this.name} @input=${this._handleInput} value=${this.value} title="" placeholder=${this.pla || " "} >
34
+ <input name=${this.name} @input=${this._handleInput} @change=${this._handleChange} value=${this.value} title="" placeholder=${this.pla} >
34
35
  <button @click=${this._handleSubmit}><svg viewBox="0 0 1024 1024" width="95%" height="100%"><path fill="currentColor" d="M745.429333 655.658667c1.173333 0.746667 2.325333 1.578667 3.413334 2.496l114.410666 96a32 32 0 0 1-41.152 49.024l-114.389333-96a32 32 0 0 1-6.208-6.976A297.429333 297.429333 0 0 1 512 768c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 170.666667 512 170.666667s298.666667 133.717333 298.666667 298.666666a297.386667 297.386667 0 0 1-65.237334 186.325334zM512 704c129.6 0 234.666667-105.066667 234.666667-234.666667s-105.066667-234.666667-234.666667-234.666666-234.666667 105.066667-234.666667 234.666666 105.066667 234.666667 234.666667 234.666667z" p-id="9859"></path><path d="M512 298.666667c47.146667 0 89.813333 19.093333 120.682667 49.984l-0.085334 0.085333a21.333333 21.333333 0 1 1-31.210666 28.992A127.573333 127.573333 0 0 0 512 341.333333a21.333333 21.333333 0 0 1 0-42.666666z" p-id="9860"></path></svg></button>
35
36
  </div>
36
37
  <slot></slot>
37
38
  ${((_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}
38
39
  </form>`;
39
40
  }
40
- firstUpdated() {
41
- this._compositionCheck();
42
- }
43
41
  _handleSubmit(e) {
44
42
  if (!this.remote)
45
43
  e.preventDefault();
@@ -166,6 +164,9 @@ __decorate([
166
164
  __decorate([
167
165
  property({ type: Array })
168
166
  ], SearchInput.prototype, "list", void 0);
167
+ __decorate([
168
+ property({ type: Boolean })
169
+ ], SearchInput.prototype, "autofocus", void 0);
169
170
  __decorate([
170
171
  property({ type: Function })
171
172
  ], SearchInput.prototype, "useinfer", void 0);
@@ -1,24 +1,24 @@
1
1
  import STD from './std.js';
2
2
  export declare class SelectInput extends STD {
3
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
3
+ static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
4
+ open: boolean;
4
5
  selcls: string;
5
6
  pla: any;
6
- m: boolean;
7
+ only: boolean;
7
8
  def: string;
8
- autofocus: boolean;
9
9
  value: any[];
10
10
  name: string;
11
11
  text: Array<string>;
12
+ autofocus: boolean;
12
13
  get assigned(): any;
13
14
  _input: HTMLInputElement;
14
15
  _aside: HTMLInputElement;
15
16
  render(): import("lit-html").TemplateResult<1>;
16
- lists(): import("lit-html").TemplateResult<1>;
17
+ lists(): any[];
18
+ _focusCheck(): void;
19
+ focus(options?: FocusOptions): void;
17
20
  firstUpdated(): void;
18
21
  select(value: string, text?: string): void;
19
- focus(): void;
20
- close(): void;
21
- open(): void;
22
22
  _handleInput(): void;
23
23
  namevalue(): any[];
24
24
  reset(): void;
@@ -1 +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"}
1
+ {"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,4FA2EV;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"}