godown 1.1.0 → 1.1.2

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 (97) hide show
  1. package/conf.d.ts +1 -1
  2. package/conf.d.ts.map +1 -1
  3. package/deps.d.ts +4 -4
  4. package/deps.js +4 -4
  5. package/effect/ov-effect.d.ts +3 -3
  6. package/effect/ro-effect.js +6 -6
  7. package/effect/tw-effect.js +6 -6
  8. package/group/avatar-group.d.ts +3 -3
  9. package/group/avatar-group.d.ts.map +1 -1
  10. package/group/avatar-group.js +12 -23
  11. package/input-form/base-input.d.ts +2 -2
  12. package/input-form/base-input.d.ts.map +1 -1
  13. package/input-form/base-input.js +13 -13
  14. package/input-form/exp-input.d.ts +3 -3
  15. package/input-form/exp-input.d.ts.map +1 -1
  16. package/input-form/exp-input.js +5 -4
  17. package/input-form/label-input.d.ts +3 -3
  18. package/input-form/label-input.d.ts.map +1 -1
  19. package/input-form/label-input.js +5 -5
  20. package/input-form/search-input.d.ts.map +1 -1
  21. package/input-form/search-input.js +23 -18
  22. package/input-form/select-input.js +1 -1
  23. package/input-form/split-input.d.ts.map +1 -1
  24. package/input-form/split-input.js +5 -2
  25. package/input-form/std.js +1 -1
  26. package/input-form/switch-input.d.ts +1 -1
  27. package/input-form/switch-input.d.ts.map +1 -1
  28. package/input-form/switch-input.js +22 -18
  29. package/items/alert-item.js +1 -1
  30. package/items/avatar-anchor.d.ts +1 -1
  31. package/items/avatar-anchor.d.ts.map +1 -1
  32. package/items/avatar-anchor.js +8 -7
  33. package/items/dialog-item.js +8 -8
  34. package/items/link-a.d.ts +1 -1
  35. package/items/link-a.js +1 -1
  36. package/items/load-track.d.ts +1 -1
  37. package/items/load-track.js +1 -1
  38. package/items/super-a.d.ts +2 -2
  39. package/items/super-a.d.ts.map +1 -1
  40. package/items/super-a.js +3 -1
  41. package/layout/div-line.d.ts +2 -2
  42. package/layout/div-line.js +3 -3
  43. package/layout/drag-box.d.ts +2 -2
  44. package/layout/drag-box.js +13 -13
  45. package/layout/nav-aside.d.ts +2 -2
  46. package/layout/nav-aside.js +3 -3
  47. package/layout/nav-layout.d.ts +2 -2
  48. package/layout/nav-layout.js +6 -6
  49. package/layout/std.js +1 -1
  50. package/package.json +3 -3
  51. package/react/effect.d.ts.map +1 -1
  52. package/react/effect.js +8 -7
  53. package/react/group.d.ts.map +1 -1
  54. package/react/group.js +6 -5
  55. package/react/input-form.d.ts.map +1 -1
  56. package/react/input-form.js +15 -14
  57. package/react/items.d.ts.map +1 -1
  58. package/react/items.js +10 -9
  59. package/react/layout.d.ts.map +1 -1
  60. package/react/layout.js +8 -7
  61. package/react/view.d.ts.map +1 -1
  62. package/react/view.js +8 -7
  63. package/view/details-expand.js +1 -1
  64. package/view/down-drop.d.ts +2 -2
  65. package/view/down-drop.js +7 -7
  66. package/view/menu-list.d.ts +0 -1
  67. package/view/menu-list.d.ts.map +1 -1
  68. package/view/menu-list.js +12 -11
  69. package/view/react/effect.d.ts +10 -0
  70. package/view/react/effect.d.ts.map +1 -0
  71. package/view/react/effect.js +32 -0
  72. package/view/react/group.d.ts +5 -0
  73. package/view/react/group.d.ts.map +1 -0
  74. package/view/react/group.js +18 -0
  75. package/view/react/index.d.ts +7 -0
  76. package/view/react/index.d.ts.map +1 -0
  77. package/view/react/index.js +6 -0
  78. package/view/react/input-form.d.ts +33 -0
  79. package/view/react/input-form.d.ts.map +1 -0
  80. package/view/react/input-form.js +64 -0
  81. package/view/react/items.d.ts +9 -0
  82. package/view/react/items.d.ts.map +1 -0
  83. package/view/react/items.js +38 -0
  84. package/view/react/layout.d.ts +7 -0
  85. package/view/react/layout.d.ts.map +1 -0
  86. package/view/react/layout.js +28 -0
  87. package/view/react/view.d.ts +7 -0
  88. package/view/react/view.d.ts.map +1 -0
  89. package/view/react/view.js +28 -0
  90. package/view/route-view.d.ts +4 -4
  91. package/view/route-view.d.ts.map +1 -1
  92. package/view/route-view.js +33 -10
  93. package/view/scroll-x.d.ts.map +1 -1
  94. package/view/scroll-x.js +18 -9
  95. package/with.d.ts +7 -2
  96. package/with.d.ts.map +1 -1
  97. package/with.js +6 -6
package/conf.d.ts CHANGED
@@ -7,7 +7,7 @@ declare global {
7
7
  GodownWebComponentsCONF: conftype;
8
8
  }
9
9
  }
10
- declare type conftype = {
10
+ type conftype = {
11
11
  prefix?: string;
12
12
  suffix?: string;
13
13
  tag?: (origin: string) => string;
package/conf.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/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"}
1
+ {"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/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,KAAK,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/deps.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- export { CSSResultGroup, html, css, LitElement } from 'lit';
2
- export { query, queryAll, property, state, customElement } from 'lit/decorators.js';
3
- export { conf } from './conf.js';
1
+ export { CSSResultGroup, html, css, LitElement } from "lit";
2
+ export { query, queryAll, property, state, customElement } from "lit/decorators.js";
3
+ export { conf } from "./conf.js";
4
4
  export { append, create, define, retag } from "./with.js";
5
- export { ifDefined } from 'lit/directives/if-defined.js';
5
+ export { ifDefined } from "lit/directives/if-defined.js";
6
6
  export { classMap } from "lit/directives/class-map.js";
7
7
  export { GLOBSTD, cssvar } from "./glob.js";
8
8
  //# sourceMappingURL=deps.d.ts.map
package/deps.js CHANGED
@@ -1,7 +1,7 @@
1
- export { html, css, LitElement } from 'lit';
2
- export { query, queryAll, property, state, customElement } from 'lit/decorators.js';
3
- export { conf } from './conf.js';
1
+ export { html, css, LitElement } from "lit";
2
+ export { query, queryAll, property, state, customElement } from "lit/decorators.js";
3
+ export { conf } from "./conf.js";
4
4
  export { append, create, define, retag } from "./with.js";
5
- export { ifDefined } from 'lit/directives/if-defined.js';
5
+ export { ifDefined } from "lit/directives/if-defined.js";
6
6
  export { classMap } from "lit/directives/class-map.js";
7
7
  export { GLOBSTD, cssvar } from "./glob.js";
@@ -16,9 +16,9 @@ export declare class OVButton extends STD {
16
16
  }
17
17
  declare global {
18
18
  interface HTMLElementTagNameMap {
19
- 'ov-text': OVText;
20
- 'ov-port': OVPort;
21
- 'ov-button': OVButton;
19
+ "ov-text": OVText;
20
+ "ov-port": OVPort;
21
+ "ov-button": OVButton;
22
22
  }
23
23
  }
24
24
  //# sourceMappingURL=ov-effect.d.ts.map
@@ -14,7 +14,7 @@ let ROPort = class ROPort extends STD {
14
14
  this.current = 0;
15
15
  }
16
16
  get assigned() {
17
- return this.shadowRoot.querySelector('slot').assignedElements();
17
+ return this.shadowRoot.querySelector("slot").assignedElements();
18
18
  }
19
19
  render() {
20
20
  return html `<div>
@@ -26,10 +26,10 @@ let ROPort = class ROPort extends STD {
26
26
  firstUpdated() {
27
27
  if (this.assigned.length == 0)
28
28
  return;
29
- this.shadowRoot.querySelector('div').style.width = `${this.assigned[0].offsetWidth}px`;
29
+ this.shadowRoot.querySelector("div").style.width = `${this.assigned[0].offsetWidth}px`;
30
30
  this.assigned.forEach(e => {
31
- e.style.overflowX = 'hidden';
32
- e.style.transition = 'width 0s';
31
+ e.style.overflowX = "hidden";
32
+ e.style.transition = "width 0s";
33
33
  });
34
34
  this.show(this.index);
35
35
  if (this.autochange)
@@ -41,11 +41,11 @@ let ROPort = class ROPort extends STD {
41
41
  }, this.autochange);
42
42
  }
43
43
  show(i) {
44
- this.shadowRoot.querySelector('section').style.width = '100%';
44
+ this.shadowRoot.querySelector("section").style.width = "100%";
45
45
  this.assigned.forEach((e, index) => {
46
46
  if (index == i) {
47
47
  e.style.width = `100%`;
48
- e.style.transition = '';
48
+ e.style.transition = "";
49
49
  }
50
50
  else {
51
51
  e.style.width = 0;
@@ -23,7 +23,7 @@ let TWText = class TWText extends STD {
23
23
  firstUpdated() {
24
24
  var _a;
25
25
  if (!this.text)
26
- this.text = ((_a = this.shadowRoot.querySelector('slot').assignedNodes()[0]) === null || _a === void 0 ? void 0 : _a.textContent.trim()) || '';
26
+ this.text = ((_a = this.shadowRoot.querySelector("slot").assignedNodes()[0]) === null || _a === void 0 ? void 0 : _a.textContent.trim()) || "";
27
27
  this.len = this.text.length;
28
28
  if (!this.stopped && this.len)
29
29
  this.rewrite();
@@ -33,16 +33,16 @@ let TWText = class TWText extends STD {
33
33
  clearTimeout(timer);
34
34
  }
35
35
  this._timer = [];
36
- const text = this.shadowRoot.querySelector('slot').assignedNodes()[0];
37
- text.textContent = '';
36
+ const text = this.shadowRoot.querySelector("slot").assignedNodes()[0];
37
+ text.textContent = "";
38
38
  let delay = 0;
39
39
  let autochange = this.autochange ? this.autochange : random(this.min, this.max);
40
- this.text.split('').forEach((char) => {
40
+ this.text.split("").forEach((char) => {
41
41
  this._timer.push(setTimeout(() => {
42
42
  text.textContent += char;
43
- this.dispatchEvent(new CustomEvent('change'));
43
+ this.dispatchEvent(new CustomEvent("change"));
44
44
  if (this.len === text.textContent.length) {
45
- this.dispatchEvent(new CustomEvent('done', { detail: delay }));
45
+ this.dispatchEvent(new CustomEvent("done", { detail: delay }));
46
46
  }
47
47
  }, delay));
48
48
  delay += autochange;
@@ -5,12 +5,12 @@ export declare class AvatarGroup extends STD {
5
5
  more: number;
6
6
  usefresh: () => Promise<void>;
7
7
  static styles: import("lit").CSSResult;
8
- get assigned(): any;
8
+ get assigned(): HTMLElement[];
9
9
  render(): import("lit-html").TemplateResult<1>;
10
10
  firstUpdated(): void;
11
- append(args: any): void;
11
+ append(args?: string): void;
12
12
  subtract(): void;
13
- fresh(): void;
13
+ fresh(): Promise<void>;
14
14
  }
15
15
  export default AvatarGroup;
16
16
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,IAAI,UAAS;IACd,GAAG,SAAK;IACR,IAAI,SAAK;IACP,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAGzD;IACF,MAAM,CAAC,MAAM,0BAWV;IACH,IAAI,QAAQ,IAAI,GAAG,CAElB;IACD,MAAM;IAMN,YAAY;IASZ,MAAM,CAAC,IAAI,KAAA;IAgBX,QAAQ;IAWR,KAAK;CAGN;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
1
+ {"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,IAAI,UAAS;IACd,GAAG,SAAK;IACR,IAAI,SAAK;IACL,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAG3D;IACF,MAAM,CAAC,MAAM,0BAAyI;IACtJ,IAAI,QAAQ,kBAEX;IACD,MAAM;IAMN,YAAY;IASZ,MAAM,CAAC,IAAI,SAAkB;IAgB7B,QAAQ;IAWF,KAAK;CAGZ;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
@@ -18,16 +18,16 @@ let AvatarGroup = class AvatarGroup extends STD {
18
18
  };
19
19
  }
20
20
  get assigned() {
21
- return this.shadowRoot.querySelector('slot').assignedElements();
21
+ return this.shadowRoot.querySelector("slot").assignedElements();
22
22
  }
23
23
  render() {
24
24
  if (this.rank)
25
- return html `<div style="display: flex;flex-direction: row;"><slot></slot><avatar-anchor style="display:${this.more > 0 ? "" : "none"}" more=${this.more || 0}></avatar-anchor></div>`;
25
+ return html `<div style="display: flex;flex-direction: row;"><slot></slot><avatar-anchor style="display:${this.more > 0 ? "" : "none"}" more=${this.more || 0}></avatar-anchor><style>slot::slotted(:nth-of-type(n+${this.max + 1})) { display: none; }</style></div>`;
26
26
  else
27
27
  return html `<div style="display:contents"><slot></slot></div>`;
28
28
  }
29
29
  firstUpdated() {
30
- if (!this.more) {
30
+ if (this.rank && !this.more) {
31
31
  let more = 0;
32
32
  if (this.max && this.assigned.length > this.max) {
33
33
  more = this.assigned.length - this.max;
@@ -35,16 +35,16 @@ let AvatarGroup = class AvatarGroup extends STD {
35
35
  this.more = more;
36
36
  }
37
37
  }
38
- append(args) {
38
+ append(args = "avatar-anchor") {
39
39
  if (this.max && this.assigned.length == this.max) {
40
- this.assigned.pop().style.display = 'none';
40
+ this.assigned.pop().style.display = "none";
41
41
  append(this, args);
42
- this.assigned.pop().style.display = 'none';
42
+ this.assigned.pop().style.display = "none";
43
43
  this.more = 2;
44
44
  }
45
45
  else if (this.max && this.assigned.length > this.max) {
46
46
  append(this, args);
47
- this.assigned.pop().style.display = 'none';
47
+ this.assigned.pop().style.display = "none";
48
48
  this.more += 1;
49
49
  }
50
50
  else {
@@ -54,7 +54,7 @@ let AvatarGroup = class AvatarGroup extends STD {
54
54
  }
55
55
  subtract() {
56
56
  if (this.more == 2) {
57
- this.assigned.pop().style.display = '';
57
+ this.assigned.pop().style.display = "";
58
58
  this.more = 0;
59
59
  return;
60
60
  }
@@ -64,22 +64,11 @@ let AvatarGroup = class AvatarGroup extends STD {
64
64
  if (this.assigned.length)
65
65
  this.assigned.pop().remove();
66
66
  }
67
- fresh() {
68
- this.usefresh();
67
+ async fresh() {
68
+ await this.usefresh();
69
69
  }
70
70
  };
71
- AvatarGroup.styles = css `
72
- :host{
73
- display: flex;
74
- flex-direction: column;
75
- width: 100%;
76
- height: 100%;
77
- overflow-y: auto;
78
- overflow-x: hidden;
79
- }
80
- div{
81
- display:contents;
82
- }`;
71
+ AvatarGroup.styles = css `:host{display: flex;flex-direction: column;width: 100%;height: 100%;overflow-y: auto; overflow-x: hidden;}div{display:contents;}`;
83
72
  __decorate([
84
73
  property({ type: Boolean })
85
74
  ], AvatarGroup.prototype, "rank", void 0);
@@ -90,7 +79,7 @@ __decorate([
90
79
  property({ type: Number })
91
80
  ], AvatarGroup.prototype, "more", void 0);
92
81
  __decorate([
93
- property({ type: Function })
82
+ property({ attribute: false })
94
83
  ], AvatarGroup.prototype, "usefresh", void 0);
95
84
  AvatarGroup = __decorate([
96
85
  define("avatar-group")
@@ -1,5 +1,5 @@
1
- import STD from './std.js';
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";
1
+ import STD from "./std.js";
2
+ 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 BaseInput extends STD {
4
4
  _input: HTMLInputElement;
5
5
  _ranged: HTMLElement;
@@ -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;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,eAAe,SAAS,CAAC;AACzB,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,KAAK,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,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -4,18 +4,18 @@ 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';
8
- import STD from './std.js';
7
+ import { html, css, property, query, ifDefined, define, cssvar } from "../deps.js";
8
+ import STD from "./std.js";
9
9
  let BaseInput = class BaseInput extends STD {
10
10
  constructor() {
11
11
  super(...arguments);
12
12
  this.accept = undefined;
13
- this.label = '';
14
- this.name = '';
13
+ this.label = "";
14
+ this.name = "";
15
15
  this.pla = undefined;
16
- this.type = 'text';
16
+ this.type = "text";
17
17
  this.value = undefined;
18
- this.def = '';
18
+ this.def = "";
19
19
  this.only = false;
20
20
  this.min = 0;
21
21
  this.max = 100;
@@ -42,9 +42,9 @@ let BaseInput = class BaseInput extends STD {
42
42
  }
43
43
  firstUpdated() {
44
44
  if (this.type === "range") {
45
- this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + '%';
45
+ this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
46
46
  if (this.childNodes.length) {
47
- this.shadowRoot.querySelector('div').style.margin = "0";
47
+ this.shadowRoot.querySelector("div").style.margin = "0";
48
48
  }
49
49
  }
50
50
  this._focusCheck();
@@ -52,18 +52,18 @@ let BaseInput = class BaseInput extends STD {
52
52
  }
53
53
  _handleRange(e) {
54
54
  this.value = e.target.value;
55
- this._ranged.style.width = 100 * parseInt(e.target.value) / (this.max - this.min) + '%';
56
- this.dispatchEvent(new CustomEvent('input', { detail: this.value }));
55
+ this._ranged.style.width = 100 * parseInt(e.target.value) / (this.max - this.min) + "%";
56
+ this.dispatchEvent(new CustomEvent("input", { detail: this.value }));
57
57
  }
58
58
  _handleFile(e) {
59
59
  this.value = !this.only ? e.target.files : e.target.files[0];
60
- this.dispatchEvent(new CustomEvent('change', { detail: this.value }));
60
+ this.dispatchEvent(new CustomEvent("change", { detail: this.value }));
61
61
  }
62
62
  reset() {
63
63
  if (this.type === "range") {
64
64
  this._input.value = this.def || ((this.max - this.min) / 2).toString();
65
65
  this.value = this._input.value;
66
- this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + '%';
66
+ this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
67
67
  }
68
68
  else {
69
69
  this._input.value = this.def.toString();
@@ -220,7 +220,7 @@ __decorate([
220
220
  property({ type: Boolean })
221
221
  ], BaseInput.prototype, "autofocus", void 0);
222
222
  BaseInput = __decorate([
223
- define('base-input')
223
+ define("base-input")
224
224
  ], BaseInput);
225
225
  export { BaseInput };
226
226
  export default BaseInput;
@@ -1,5 +1,5 @@
1
- import STD from './std.js';
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";
1
+ import STD from "./std.js";
2
+ 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
4
  static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
5
5
  label: string;
@@ -17,7 +17,7 @@ export declare class ExpInput extends STD {
17
17
  export default ExpInput;
18
18
  declare global {
19
19
  interface HTMLElementTagNameMap {
20
- 'exp-input': ExpInput;
20
+ "exp-input": ExpInput;
21
21
  }
22
22
  }
23
23
  //# sourceMappingURL=exp-input.d.ts.map
@@ -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,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,eAAe,QAAQ,CAAC;AACxB,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,KAAK,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,4FAwIX;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,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
@@ -4,8 +4,8 @@ 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, define, cssvar, classMap } from '../deps.js';
8
- import STD from './std.js';
7
+ import { html, css, property, query, define, cssvar, classMap } from "../deps.js";
8
+ import STD from "./std.js";
9
9
  let ExpInput = class ExpInput extends STD {
10
10
  constructor() {
11
11
  super(...arguments);
@@ -33,6 +33,7 @@ let ExpInput = class ExpInput extends STD {
33
33
  };
34
34
  ExpInput.styles = [STD.styles, css `
35
35
  :host{
36
+ line-height: normal;
36
37
  display: inline-block;
37
38
  width: var(${cssvar}--input-width);
38
39
  color: var(${cssvar}--text);
@@ -195,10 +196,10 @@ __decorate([
195
196
  property({ type: Boolean })
196
197
  ], ExpInput.prototype, "autofocus", void 0);
197
198
  __decorate([
198
- query('.input')
199
+ query(".input")
199
200
  ], ExpInput.prototype, "_input", void 0);
200
201
  ExpInput = __decorate([
201
- define('exp-input')
202
+ define("exp-input")
202
203
  ], ExpInput);
203
204
  export { ExpInput };
204
205
  export default ExpInput;
@@ -1,5 +1,5 @@
1
- import STD from './std.js';
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";
1
+ import STD from "./std.js";
2
+ 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 LabelInput extends STD {
4
4
  type: inputtype;
5
5
  label: string;
@@ -16,7 +16,7 @@ export declare class LabelInput extends STD {
16
16
  export default LabelInput;
17
17
  declare global {
18
18
  interface HTMLElementTagNameMap {
19
- 'label-input': LabelInput;
19
+ "label-input": LabelInput;
20
20
  }
21
21
  }
22
22
  //# sourceMappingURL=label-input.d.ts.map
@@ -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;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM,CAAC,MAAM,4FAkET;IACJ,MAAM;IAWN,iBAAiB;CAOlB;AACD,eAAe,UAAU,CAAC;AAC1B,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,KAAK,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,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
@@ -4,8 +4,8 @@ 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, define, cssvar } from '../deps.js';
8
- import STD from './std.js';
7
+ import { html, css, property, query, define, cssvar } from "../deps.js";
8
+ import STD from "./std.js";
9
9
  let LabelInput = class LabelInput extends STD {
10
10
  constructor() {
11
11
  super(...arguments);
@@ -26,7 +26,7 @@ let LabelInput = class LabelInput extends STD {
26
26
  <i><slot name="pre"></slot></i>
27
27
  <input @input=${this._handleInput} @change=${this._handleChange} id=${this.name} type=${this.type} placeholder=${this.pla} class=${this.type} />
28
28
  <i><slot name="suf"></slot></i>
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
+ ${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}
30
30
  </fieldset>
31
31
  </label>`;
32
32
  }
@@ -128,10 +128,10 @@ __decorate([
128
128
  property({ type: Boolean })
129
129
  ], LabelInput.prototype, "autofocus", void 0);
130
130
  __decorate([
131
- query('input')
131
+ query("input")
132
132
  ], LabelInput.prototype, "_input", void 0);
133
133
  LabelInput = __decorate([
134
- define('label-input')
134
+ define("label-input")
135
135
  ], LabelInput);
136
136
  export { LabelInput };
137
137
  export default LabelInput;
@@ -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;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,eAAe,WAAW,CAAC;AAC3B,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;IACf,QAAQ,MAAa,MAAM,uBAKzD;IACF,MAAM,CAAC,MAAM,4FAqDX;IACF,MAAM;IAcN,aAAa,CAAC,CAAC,KAAA;IAIT,YAAY,CAAC,CAAC,KAAA;CA8BrB;AASD,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,4FA2EV;IACS,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;;IAK3B,MAAM;CAYP;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;QAC5B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
@@ -32,7 +32,11 @@ let SearchInput = class SearchInput extends STD {
32
32
  return html `<form action=${this.action} method=${this.method}>
33
33
  <div>
34
34
  <input name=${this.name} @input=${this._handleInput} @change=${this._handleChange} value=${this.value} title="" placeholder=${this.pla} >
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
+ <button @click=${this._handleSubmit}>
36
+ <svg viewBox="0 0 1024 1024" width="95%" height="100%">
37
+ <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>
38
+ </svg>
39
+ </button>
36
40
  </div>
37
41
  <slot></slot>
38
42
  ${((_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}
@@ -58,18 +62,16 @@ let SearchInput = class SearchInput extends STD {
58
62
  this.list = [];
59
63
  }
60
64
  if (this.target && this.query) {
61
- if (!value) {
62
- document.querySelector(this.target).innerHTML = "";
65
+ const targetElement = document.querySelector(this.target);
66
+ const queryElementCollection = document.querySelectorAll(this.query);
67
+ console.log();
68
+ if (!value || !targetElement || !queryElementCollection.length) {
69
+ document.querySelector(this.target).replaceChildren();
63
70
  return;
64
71
  }
65
- var Equery = document.querySelectorAll(this.query);
66
- if (Equery.length) {
67
- let Etarget = document.querySelector(this.target);
68
- Etarget.innerHTML = "";
69
- for (let e of Equery) {
70
- if (e.innerText.includes(value)) {
71
- Etarget.appendChild(e.cloneNode(true));
72
- }
72
+ for (let e of queryElementCollection) {
73
+ if (e.textContent.includes(value)) {
74
+ targetElement.appendChild(e.cloneNode(true));
73
75
  }
74
76
  }
75
77
  }
@@ -168,7 +170,7 @@ __decorate([
168
170
  property({ type: Boolean })
169
171
  ], SearchInput.prototype, "autofocus", void 0);
170
172
  __decorate([
171
- property({ type: Function })
173
+ property({ attribute: false })
172
174
  ], SearchInput.prototype, "useinfer", void 0);
173
175
  SearchInput = __decorate([
174
176
  define('search-input')
@@ -176,7 +178,6 @@ SearchInput = __decorate([
176
178
  export { SearchInput };
177
179
  const e = [
178
180
  { action: "https://www.google.com/search", name: "q", pla: "Google" },
179
- { action: "https://www.baidu.com/s", name: "wd", pla: "百度" },
180
181
  { action: "https://quark.sm.cn/s", name: "q", pla: "Quark" },
181
182
  { action: "https://www.bing.com/search", name: "q", pla: "Bing" },
182
183
  { action: "https://www.sogou.com/web", name: "query", pla: "搜狗" },
@@ -212,10 +213,9 @@ SearchW.styles = [STD.styles, css `
212
213
  --ground: currentColor;
213
214
  --search-hover: rgb(20 69 155);
214
215
  }
215
- *{
216
- color:inherit;
217
- }
218
- form {display: inline-flex;
216
+ form {
217
+ color: currentColor;
218
+ display: inline-flex;
219
219
  height: 100%;
220
220
  box-sizing: border-box;
221
221
  position: relative;
@@ -248,6 +248,7 @@ SearchW.styles = [STD.styles, css `
248
248
  background-color: var(--search-hover);
249
249
  }
250
250
  button {
251
+ background: currentColor;
251
252
  border-top-right-radius: inherit;
252
253
  border-bottom-right-radius: inherit;
253
254
  margin: 0;
@@ -272,7 +273,11 @@ SearchW.styles = [STD.styles, css `
272
273
  color: var(--search);
273
274
  width: .8em;
274
275
  height: .8em;
275
- }`];
276
+ }
277
+ path{
278
+ mix-blend-mode: exclusion;
279
+ }
280
+ `];
276
281
  __decorate([
277
282
  property()
278
283
  ], SearchW.prototype, "action", void 0);
@@ -24,7 +24,7 @@ let SelectInput = class SelectInput extends STD {
24
24
  }
25
25
  render() {
26
26
  return html `<div><section>${this.lists()}</section>
27
- <input id="input" @focus=${() => { this.open = true; }} @input=${this._handleInput} placeholder=${this.pla}/>
27
+ <input id="input" @focus=${() => { this.open = true; }} @input=${this._handleInput} placeholder=${this.pla} />
28
28
  <label for="input"><svg viewBox="0 0 48 48" fill="none"><path d="M36 19L24 31L12 19H36Z" fill="currentColor" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/></svg></label>
29
29
  <aside ?open=${this.open}><slot></slot></aside>
30
30
  </div>`;
@@ -1 +1 @@
1
- {"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,4FA4CP;IACM,IAAI,SAAM;IACV,KAAK,SAAM;IACK,GAAG,SAAK;IACxB,KAAK,SAAM;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,CAAK;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAM;IACxC,MAAM;IAMN,YAAY;IAiBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAGL,OAAO,CAAC,CAAC,SAAe;IAOxB,IAAI,CAAC,CAAC,SAAe;IAIrB,KAAK;CASN;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
1
+ {"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,4FA+CP;IACM,IAAI,SAAM;IACV,KAAK,SAAM;IACK,GAAG,SAAK;IACR,KAAK,SAAM;IACV,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,CAAK;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAM;IACxC,MAAM;IAMN,YAAY;IAiBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAGL,OAAO,CAAC,CAAC,SAAe;IAOxB,IAAI,CAAC,CAAC,SAAe;IAIrB,KAAK;CASN;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
@@ -99,7 +99,10 @@ let SplitInput = class SplitInput extends STD {
99
99
  };
100
100
  SplitInput.styles = [STD.styles, css `:host{
101
101
  display: inline-block;
102
- width: var(${cssvar}--input-width);
102
+ width: fit-content;
103
+ }
104
+ main{
105
+ display:flex;
103
106
  }
104
107
  *{
105
108
  font-size: 1em;
@@ -152,7 +155,7 @@ __decorate([
152
155
  property({ type: Number })
153
156
  ], SplitInput.prototype, "max", void 0);
154
157
  __decorate([
155
- property()
158
+ property({ type: Number })
156
159
  ], SplitInput.prototype, "index", void 0);
157
160
  __decorate([
158
161
  property({ type: Boolean })
package/input-form/std.js CHANGED
@@ -54,7 +54,7 @@ InputFormSTD.styles = [GLOBSTD.styles, css `
54
54
  ${cssvar}--text:rgb(240 240 240);
55
55
  ${cssvar}--input-outline: rgb(25 130 180);
56
56
  ${cssvar}--input-outline-focus: rgb(29 155 180);
57
- ${cssvar}--input-background: rgb(36 34 34);
57
+ ${cssvar}--input-background: rgb(24 24 24);
58
58
  ${cssvar}--input-background-hover: rgb(42 42 42);
59
59
  ${cssvar}--input-control:rgb(244 244 244);
60
60
  ${cssvar}--input-true: rgb(47 129 237);
@@ -9,8 +9,8 @@ export declare class SwitchInput extends STD {
9
9
  value: string;
10
10
  _input: HTMLInputElement;
11
11
  render(): import("lit-html").TemplateResult<1>;
12
- connectedCallback(): void;
13
12
  reset(): void;
13
+ connectedCallback(): void;
14
14
  _handleChange(): void;
15
15
  namevalue(): (string | boolean)[];
16
16
  }
@@ -1 +1 @@
1
- {"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,4FA4FP;IACuB,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAM;IACT,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IASN,iBAAiB;IAWjB,KAAK;IAIL,aAAa;IAKb,SAAS;CAGV;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
1
+ {"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,4FAmGP;IACuB,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IASN,KAAK;IAIL,iBAAiB;IAQjB,aAAa;IAKb,SAAS;CAGV;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}