godown 1.1.6 → 2.0.0

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 (244) hide show
  1. package/LICENSE +9 -9
  2. package/conf.d.ts +12 -13
  3. package/conf.d.ts.map +1 -1
  4. package/conf.js +12 -9
  5. package/conf.js.map +1 -0
  6. package/deps.d.ts +4 -4
  7. package/deps.d.ts.map +1 -1
  8. package/deps.js +5 -4
  9. package/deps.js.map +1 -0
  10. package/effect/clip-text.d.ts +13 -0
  11. package/effect/clip-text.d.ts.map +1 -0
  12. package/effect/clip-text.js +35 -0
  13. package/effect/clip-text.js.map +1 -0
  14. package/effect/index.d.ts +3 -3
  15. package/effect/index.d.ts.map +1 -1
  16. package/effect/index.js +4 -3
  17. package/effect/index.js.map +1 -0
  18. package/effect/overbreath-text.d.ts +14 -0
  19. package/effect/overbreath-text.d.ts.map +1 -0
  20. package/effect/overbreath-text.js +244 -0
  21. package/effect/overbreath-text.js.map +1 -0
  22. package/effect/std.d.ts +2 -2
  23. package/effect/std.d.ts.map +1 -1
  24. package/effect/std.js +3 -2
  25. package/effect/std.js.map +1 -0
  26. package/effect/typewriter-text.d.ts +27 -0
  27. package/effect/typewriter-text.d.ts.map +1 -0
  28. package/effect/typewriter-text.js +121 -0
  29. package/effect/typewriter-text.js.map +1 -0
  30. package/glob.d.ts +18 -2
  31. package/glob.d.ts.map +1 -1
  32. package/glob.js +112 -5
  33. package/glob.js.map +1 -0
  34. package/group/avatar-group.d.ts +6 -8
  35. package/group/avatar-group.d.ts.map +1 -1
  36. package/group/avatar-group.js +24 -47
  37. package/group/avatar-group.js.map +1 -0
  38. package/group/details-group.d.ts +4 -5
  39. package/group/details-group.d.ts.map +1 -1
  40. package/group/details-group.js +7 -8
  41. package/group/details-group.js.map +1 -0
  42. package/group/index.d.ts +0 -1
  43. package/group/index.d.ts.map +1 -1
  44. package/group/index.js +1 -1
  45. package/group/index.js.map +1 -0
  46. package/group/std.d.ts +2 -2
  47. package/group/std.d.ts.map +1 -1
  48. package/group/std.js +3 -2
  49. package/group/std.js.map +1 -0
  50. package/index.js +1 -0
  51. package/index.js.map +1 -0
  52. package/input-form/base-input.d.ts +11 -10
  53. package/input-form/base-input.d.ts.map +1 -1
  54. package/input-form/base-input.js +38 -27
  55. package/input-form/base-input.js.map +1 -0
  56. package/input-form/index.d.ts +0 -1
  57. package/input-form/index.d.ts.map +1 -1
  58. package/input-form/index.js +1 -1
  59. package/input-form/index.js.map +1 -0
  60. package/input-form/label-input.d.ts +9 -8
  61. package/input-form/label-input.d.ts.map +1 -1
  62. package/input-form/label-input.js +43 -33
  63. package/input-form/label-input.js.map +1 -0
  64. package/input-form/search-input.d.ts +9 -18
  65. package/input-form/search-input.d.ts.map +1 -1
  66. package/input-form/search-input.js +31 -141
  67. package/input-form/search-input.js.map +1 -0
  68. package/input-form/select-input.d.ts +11 -8
  69. package/input-form/select-input.d.ts.map +1 -1
  70. package/input-form/select-input.js +79 -54
  71. package/input-form/select-input.js.map +1 -0
  72. package/input-form/sign-form.d.ts +9 -13
  73. package/input-form/sign-form.d.ts.map +1 -1
  74. package/input-form/sign-form.js +29 -40
  75. package/input-form/sign-form.js.map +1 -0
  76. package/input-form/split-input.d.ts +6 -5
  77. package/input-form/split-input.d.ts.map +1 -1
  78. package/input-form/split-input.js +27 -22
  79. package/input-form/split-input.js.map +1 -0
  80. package/input-form/std.d.ts +13 -8
  81. package/input-form/std.d.ts.map +1 -1
  82. package/input-form/std.js +58 -16
  83. package/input-form/std.js.map +1 -0
  84. package/input-form/switch-input.d.ts +6 -5
  85. package/input-form/switch-input.d.ts.map +1 -1
  86. package/input-form/switch-input.js +27 -7
  87. package/input-form/switch-input.js.map +1 -0
  88. package/items/alert-item.d.ts +4 -4
  89. package/items/alert-item.d.ts.map +1 -1
  90. package/items/alert-item.js +91 -95
  91. package/items/alert-item.js.map +1 -0
  92. package/items/avatar-a.d.ts +17 -0
  93. package/items/avatar-a.d.ts.map +1 -0
  94. package/items/avatar-a.js +102 -0
  95. package/items/avatar-a.js.map +1 -0
  96. package/items/base-button.d.ts +24 -7
  97. package/items/base-button.d.ts.map +1 -1
  98. package/items/base-button.js +184 -140
  99. package/items/base-button.js.map +1 -0
  100. package/items/dialog-item.d.ts +11 -10
  101. package/items/dialog-item.d.ts.map +1 -1
  102. package/items/dialog-item.js +69 -43
  103. package/items/dialog-item.js.map +1 -0
  104. package/items/index.d.ts +2 -1
  105. package/items/index.d.ts.map +1 -1
  106. package/items/index.js +3 -1
  107. package/items/index.js.map +1 -0
  108. package/items/link-a.d.ts +6 -5
  109. package/items/link-a.d.ts.map +1 -1
  110. package/items/link-a.js +24 -49
  111. package/items/link-a.js.map +1 -0
  112. package/items/load-track.d.ts +7 -6
  113. package/items/load-track.d.ts.map +1 -1
  114. package/items/load-track.js +17 -13
  115. package/items/load-track.js.map +1 -0
  116. package/items/std.d.ts +2 -2
  117. package/items/std.d.ts.map +1 -1
  118. package/items/std.js +3 -2
  119. package/items/std.js.map +1 -0
  120. package/items/super-a.d.ts +5 -5
  121. package/items/super-a.d.ts.map +1 -1
  122. package/items/super-a.js +26 -17
  123. package/items/super-a.js.map +1 -0
  124. package/items/time-bar.d.ts +20 -0
  125. package/items/time-bar.d.ts.map +1 -0
  126. package/items/time-bar.js +90 -0
  127. package/items/time-bar.js.map +1 -0
  128. package/layout/div-line.d.ts +3 -3
  129. package/layout/div-line.d.ts.map +1 -1
  130. package/layout/div-line.js +12 -7
  131. package/layout/div-line.js.map +1 -0
  132. package/layout/drag-box.d.ts +10 -12
  133. package/layout/drag-box.d.ts.map +1 -1
  134. package/layout/drag-box.js +10 -18
  135. package/layout/drag-box.js.map +1 -0
  136. package/layout/flex-flow.d.ts +3 -3
  137. package/layout/flex-flow.d.ts.map +1 -1
  138. package/layout/flex-flow.js +7 -5
  139. package/layout/flex-flow.js.map +1 -0
  140. package/layout/index.d.ts +1 -0
  141. package/layout/index.d.ts.map +1 -1
  142. package/layout/index.js +2 -0
  143. package/layout/index.js.map +1 -0
  144. package/layout/nav-aside.d.ts +5 -4
  145. package/layout/nav-aside.d.ts.map +1 -1
  146. package/layout/nav-aside.js +9 -6
  147. package/layout/nav-aside.js.map +1 -0
  148. package/layout/nav-layout.d.ts +5 -6
  149. package/layout/nav-layout.d.ts.map +1 -1
  150. package/layout/nav-layout.js +23 -42
  151. package/layout/nav-layout.js.map +1 -0
  152. package/layout/std.d.ts +3 -3
  153. package/layout/std.d.ts.map +1 -1
  154. package/layout/std.js +4 -3
  155. package/layout/std.js.map +1 -0
  156. package/layout/with-wrap.d.ts +13 -0
  157. package/layout/with-wrap.d.ts.map +1 -0
  158. package/{items/no-support.js → layout/with-wrap.js} +32 -23
  159. package/layout/with-wrap.js.map +1 -0
  160. package/package.json +15 -10
  161. package/react/effect.d.ts +2 -5
  162. package/react/effect.d.ts.map +1 -1
  163. package/react/effect.js +8 -22
  164. package/react/effect.js.map +1 -0
  165. package/react/group.d.ts +0 -1
  166. package/react/group.d.ts.map +1 -1
  167. package/react/group.js +2 -6
  168. package/react/group.js.map +1 -0
  169. package/react/index.js +1 -0
  170. package/react/index.js.map +1 -0
  171. package/react/input-form.d.ts +0 -5
  172. package/react/input-form.d.ts.map +1 -1
  173. package/react/input-form.js +9 -19
  174. package/react/input-form.js.map +1 -0
  175. package/react/items.d.ts +2 -1
  176. package/react/items.d.ts.map +1 -1
  177. package/react/items.js +9 -3
  178. package/react/items.js.map +1 -0
  179. package/react/layout.d.ts.map +1 -1
  180. package/react/layout.js +2 -1
  181. package/react/layout.js.map +1 -0
  182. package/react/view.d.ts +1 -0
  183. package/react/view.d.ts.map +1 -1
  184. package/react/view.js +7 -1
  185. package/react/view.js.map +1 -0
  186. package/tmpl.d.ts +20 -0
  187. package/tmpl.d.ts.map +1 -0
  188. package/tmpl.js +39 -0
  189. package/tmpl.js.map +1 -0
  190. package/view/details-expand.d.ts +9 -6
  191. package/view/details-expand.d.ts.map +1 -1
  192. package/view/details-expand.js +30 -26
  193. package/view/details-expand.js.map +1 -0
  194. package/view/down-drop.d.ts +11 -6
  195. package/view/down-drop.d.ts.map +1 -1
  196. package/view/down-drop.js +45 -24
  197. package/view/down-drop.js.map +1 -0
  198. package/view/index.d.ts +1 -0
  199. package/view/index.d.ts.map +1 -1
  200. package/view/index.js +2 -0
  201. package/view/index.js.map +1 -0
  202. package/view/menu-list.d.ts +7 -4
  203. package/view/menu-list.d.ts.map +1 -1
  204. package/view/menu-list.js +26 -13
  205. package/view/menu-list.js.map +1 -0
  206. package/view/rotation-pool.d.ts +23 -0
  207. package/view/rotation-pool.d.ts.map +1 -0
  208. package/{effect/ro-effect.js → view/rotation-pool.js} +74 -41
  209. package/view/rotation-pool.js.map +1 -0
  210. package/view/route-view.d.ts +10 -30
  211. package/view/route-view.d.ts.map +1 -1
  212. package/view/route-view.js +24 -28
  213. package/view/route-view.js.map +1 -0
  214. package/view/scroll-x.d.ts +4 -3
  215. package/view/scroll-x.d.ts.map +1 -1
  216. package/view/scroll-x.js +14 -10
  217. package/view/scroll-x.js.map +1 -0
  218. package/view/std.d.ts +3 -3
  219. package/view/std.d.ts.map +1 -1
  220. package/view/std.js +21 -4
  221. package/view/std.js.map +1 -0
  222. package/with.d.ts +27 -19
  223. package/with.d.ts.map +1 -1
  224. package/with.js +81 -59
  225. package/with.js.map +1 -0
  226. package/effect/ov-effect.d.ts +0 -24
  227. package/effect/ov-effect.d.ts.map +0 -1
  228. package/effect/ov-effect.js +0 -299
  229. package/effect/ro-effect.d.ts +0 -20
  230. package/effect/ro-effect.d.ts.map +0 -1
  231. package/effect/tw-effect.d.ts +0 -22
  232. package/effect/tw-effect.d.ts.map +0 -1
  233. package/effect/tw-effect.js +0 -108
  234. package/group/button-group.d.ts +0 -13
  235. package/group/button-group.d.ts.map +0 -1
  236. package/group/button-group.js +0 -79
  237. package/input-form/exp-input.d.ts +0 -23
  238. package/input-form/exp-input.d.ts.map +0 -1
  239. package/input-form/exp-input.js +0 -218
  240. package/items/avatar-anchor.d.ts +0 -20
  241. package/items/avatar-anchor.d.ts.map +0 -1
  242. package/items/avatar-anchor.js +0 -150
  243. package/items/no-support.d.ts +0 -7
  244. package/items/no-support.d.ts.map +0 -1
@@ -4,9 +4,10 @@ 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, define, query, cssvar } from "../deps.js";
8
- import STD from "./std.js";
9
- let SearchInput = class SearchInput extends STD {
7
+ import { css, cssvar, define, html, ifDefined, property, query } from "../deps.js";
8
+ import { htmlSlot, svgSearch } from "../tmpl.js";
9
+ import InputFormSTD from "./std.js";
10
+ let SearchInput = class SearchInput extends InputFormSTD {
10
11
  constructor() {
11
12
  super(...arguments);
12
13
  this.query = "";
@@ -20,30 +21,26 @@ let SearchInput = class SearchInput extends STD {
20
21
  this.pla = undefined;
21
22
  this.list = [];
22
23
  this.autofocus = false;
23
- this.useinfer = async (x) => {
24
+ this.useInfer = async (x) => {
24
25
  await new Promise((resolve) => {
25
26
  setTimeout(() => {
26
27
  resolve();
27
28
  }, 400);
28
29
  });
29
- return ["Undefine: useinfer", `Use: useinfer(${x} :string)`, "Return Array<string>"];
30
+ return ["Undefined: useInfer", `Use: useInfer(${x} :string)`, "Return Array<string>"];
30
31
  };
31
32
  }
32
33
  render() {
33
34
  var _a;
34
- return html `<form action=${this.action} method=${this.method}>
35
+ return html `<form action="${this.action}" method="${this.method}">
35
36
  <div>
36
- <input name=${this.name} @input=${this._handleInput} @change=${this._handleChange} value=${this.value} title="" placeholder=${this.pla} />
37
- <button @click=${this._handleSubmit}>
38
- <svg viewBox="0 0 1024 1024" width="95%" height="100%">
39
- <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>
40
- </svg>
41
- </button>
37
+ <input name="${this.name}" @input="${this._handleInput}" @change="${this._handleChange}" title="" placeholder="${ifDefined(this.pla)}" />
38
+ <button @click="${this._handleSubmit}">${svgSearch()}</button>
42
39
  </div>
43
- <slot></slot>
40
+ ${htmlSlot()}
44
41
  ${((_a = this.list) === null || _a === void 0 ? void 0 : _a.length)
45
42
  ? html `<ul>
46
- ${this.list.map((v, i) => html `<li key=${i}>${v}</li>`)}
43
+ ${this.list.map((v, i) => html `<li key="${i}">${v}</li>`)}
47
44
  </ul>`
48
45
  : undefined}
49
46
  </form>`;
@@ -54,12 +51,12 @@ let SearchInput = class SearchInput extends STD {
54
51
  this.dispatchEvent(new CustomEvent("submit", { detail: this.value }));
55
52
  }
56
53
  async _handleInput(e) {
57
- const value = e.target.value.trim();
54
+ const value = this.targetValue(e);
58
55
  this.value = value;
59
56
  if (this.compositing)
60
57
  return;
61
58
  if (value && this.infer) {
62
- this.list = await this.useinfer(value);
59
+ this.list = await this.useInfer(value);
63
60
  if (!this.value) {
64
61
  this.list = [];
65
62
  }
@@ -86,9 +83,11 @@ let SearchInput = class SearchInput extends STD {
86
83
  }
87
84
  };
88
85
  SearchInput.styles = [
89
- STD.styles,
86
+ InputFormSTD.styles,
90
87
  css `
91
88
  :host {
89
+ outline-width: 0.18em;
90
+ outline-style: solid;
92
91
  color: var(${cssvar}--text);
93
92
  display: inline-block;
94
93
  min-height: 1.5rem;
@@ -96,13 +95,12 @@ SearchInput.styles = [
96
95
  border-radius: 0.75em;
97
96
  background: var(${cssvar}--input-background);
98
97
  }
99
- :host(:focus) form {
100
- outline-color: var(${cssvar}--input-outline);
101
- }
98
+
102
99
  div {
103
100
  flex: 1;
104
101
  display: flex;
105
102
  }
103
+
106
104
  form {
107
105
  min-height: 100%;
108
106
  outline: 0.145em solid transparent;
@@ -115,26 +113,32 @@ SearchInput.styles = [
115
113
  margin: 0;
116
114
  overflow: hidden;
117
115
  }
116
+
118
117
  ul {
119
118
  list-style: none;
120
119
  }
120
+
121
121
  li {
122
122
  padding: 0.1em 0.5em;
123
123
  font-size: 0.95rem;
124
124
  }
125
+
125
126
  li:hover {
126
127
  background: var(${cssvar}--input-background-hover);
127
128
  }
129
+
128
130
  button,
129
131
  input {
130
132
  border: 0;
131
133
  background: none;
132
134
  outline: none;
133
135
  }
136
+
134
137
  button {
135
138
  width: 1.8rem;
136
139
  height: 1.5rem;
137
140
  }
141
+
138
142
  input {
139
143
  flex: 1;
140
144
  min-width: 0;
@@ -143,6 +147,11 @@ SearchInput.styles = [
143
147
  padding-right: 0;
144
148
  font-size: 1rem;
145
149
  }
150
+
151
+ svg {
152
+ height: 100%;
153
+ padding: 1px;
154
+ }
146
155
  `,
147
156
  ];
148
157
  __decorate([
@@ -183,129 +192,10 @@ __decorate([
183
192
  ], SearchInput.prototype, "autofocus", void 0);
184
193
  __decorate([
185
194
  property({ attribute: false })
186
- ], SearchInput.prototype, "useinfer", void 0);
195
+ ], SearchInput.prototype, "useInfer", void 0);
187
196
  SearchInput = __decorate([
188
197
  define("search-input")
189
198
  ], SearchInput);
190
199
  export { SearchInput };
191
- const e = [
192
- { action: "https://www.google.com/search", name: "q", pla: "Google" },
193
- { action: "https://quark.sm.cn/s", name: "q", pla: "Quark" },
194
- { action: "https://www.bing.com/search", name: "q", pla: "Bing" },
195
- { action: "https://www.sogou.com/web", name: "query", pla: "搜狗" },
196
- { action: "https://yandex.com/search/", name: "text", pla: "Yandex" },
197
- { action: "https://www.qwant.com/", name: "q", pla: "Qwant" },
198
- ];
199
- let SearchW = class SearchW extends STD {
200
- constructor() {
201
- super();
202
- Object.assign(this, e[Math.floor(Math.random() * e.length)]);
203
- }
204
- render() {
205
- if (this.origin) {
206
- Object.assign(this, e.find((v) => v.pla === this.origin));
207
- }
208
- return html `<form action=${this.action} method="get" target="_blank">
209
- <input name=${this.name} placeholder=${this.pla} />
210
- <button type="submit" aria-label="Search">
211
- <svg viewBox="0 0 18 18"><path d="M7.25 0C3.254 0 0 3.254 0 7.25s3.254 7.25 7.25 7.25c1.727 0 3.316-.61 4.563-1.625l4.906 4.906a.757.757 0 0 0 .73.207.766.766 0 0 0 .54-.539.757.757 0 0 0-.208-.73l-4.906-4.907A7.202 7.202 0 0 0 14.5 7.25C14.5 3.254 11.246 0 7.25 0Zm0 1.5A5.74 5.74 0 0 1 13 7.25c0 1.55-.613 2.953-1.605 3.984a1.035 1.035 0 0 0-.16.16A5.726 5.726 0 0 1 7.25 13 5.74 5.74 0 0 1 1.5 7.25 5.74 5.74 0 0 1 7.25 1.5Z" fill="currentColor" fill-rule="nonzero"></path></svg>
212
- </button>
213
- </form>`;
214
- }
215
- };
216
- SearchW.styles = [
217
- STD.styles,
218
- css `
219
- :host {
220
- width: 10em;
221
- height: 1.5em;
222
- display: inline-block;
223
- border-radius: 0.75em;
224
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
225
- --search: aliceblue;
226
- --ground: currentColor;
227
- --search-hover: rgb(20 69 155);
228
- }
229
- form {
230
- color: currentColor;
231
- display: inline-flex;
232
- height: 100%;
233
- box-sizing: border-box;
234
- position: relative;
235
- border-radius: inherit;
236
- margin: 0;
237
- }
238
- input {
239
- border-top-left-radius: inherit;
240
- border-bottom-left-radius: inherit;
241
- border-right: 0 !important;
242
- box-sizing: border-box;
243
- height: 100%;
244
- width: 100%;
245
- margin-top: 0px;
246
- margin-bottom: 0px;
247
- margin-left: 0px;
248
- outline: none;
249
- flex: 1 1 0%;
250
- padding-left: 1em;
251
- padding-right: 3.05em;
252
- border-width: 0.08em;
253
- border-style: solid;
254
- border-image: initial;
255
- border-color: var(--ground);
256
- background-color: transparent;
257
- color: var(--ground);
258
- transition: all 0.2s;
259
- }
260
- button:hover {
261
- background-color: var(--search-hover);
262
- }
263
- button {
264
- background: currentColor;
265
- border-top-right-radius: inherit;
266
- border-bottom-right-radius: inherit;
267
- margin: 0;
268
- background: none transparent;
269
- border-spacing: 0;
270
- text-align: left;
271
- align-items: center;
272
- justify-content: center;
273
- outline: none;
274
- border: none;
275
- display: inline-flex;
276
- transition: all 0.2s;
277
- padding: 0;
278
- font-size: 1em;
279
- height: 100%;
280
- width: 2.5em;
281
- background-color: var(--ground);
282
- }
283
- svg {
284
- text-indent: 0;
285
- font-size: 1em;
286
- color: var(--search);
287
- width: 0.8em;
288
- height: 0.8em;
289
- }
290
- path {
291
- mix-blend-mode: exclusion;
292
- }
293
- `,
294
- ];
295
- __decorate([
296
- property()
297
- ], SearchW.prototype, "action", void 0);
298
- __decorate([
299
- property()
300
- ], SearchW.prototype, "name", void 0);
301
- __decorate([
302
- property()
303
- ], SearchW.prototype, "pla", void 0);
304
- __decorate([
305
- property()
306
- ], SearchW.prototype, "origin", void 0);
307
- SearchW = __decorate([
308
- define("search-w")
309
- ], SearchW);
310
- export { SearchW };
311
200
  export default SearchInput;
201
+ //# sourceMappingURL=search-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-input.js","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"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"}
@@ -1,22 +1,25 @@
1
- import STD from "./std.js";
2
- export declare class SelectInput extends STD {
3
- static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
1
+ import { CSSResultGroup } from "../deps.js";
2
+ import InputFormSTD from "./std.js";
3
+ export declare class SelectInput extends InputFormSTD {
4
+ static styles: CSSResultGroup[];
4
5
  open: boolean;
5
- selcls: string;
6
- pla: any;
6
+ selectedClass: string;
7
+ pla?: string;
7
8
  only: boolean;
8
9
  def: string;
9
10
  value: any[];
10
11
  name: string;
11
- text: Array<string>;
12
+ text: string[];
12
13
  autofocus: boolean;
13
14
  get assigned(): any;
14
15
  _input: HTMLInputElement;
15
16
  _aside: HTMLInputElement;
16
- render(): import("lit-html").TemplateResult<1>;
17
- lists(): any[];
17
+ render(): import("lit").TemplateResult<1>;
18
+ protected render_list(): any[];
18
19
  _focusCheck(): void;
19
20
  focus(options?: FocusOptions): void;
21
+ connectedCallback(): void;
22
+ getIndexFunc(option: HTMLOptionElement | any): any;
20
23
  firstUpdated(): void;
21
24
  select(value: string, text?: string): void;
22
25
  _handleInput(): 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;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,4FA8EX;IAC0C,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;IAiBN,KAAK;IAuBL,WAAW;IAMX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,YAAY;IAwBZ,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IAsDnC,YAAY;IAwCZ,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAM5C,KAAK;CAuBN;AACD,eAAe,WAAW,CAAC;AAC3B,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":"AAAA,OAAO,EAAa,cAAc,EAAgF,MAAM,YAAY,CAAC;AAErI,OAAO,YAAY,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,YAAY;IAC3C,MAAM,CAAC,MAAM,mBAwFS;IACsB,IAAI,UAAS;IAC7C,aAAa,SAA0C;IACvD,GAAG,CAAC,EAAE,MAAM,CAAa;IACO,IAAI,UAAS;IAC7C,GAAG,SAAM;IACM,KAAK,QAAM;IACT,IAAI,SAAY;IAClB,IAAI,EAAE,MAAM,EAAE,CAAM;IAClB,SAAS,UAAS;IAE/C,IAAI,QAAQ,QAEX;IAEe,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IAEzC,MAAM;IAgBN,SAAS,CAAC,WAAW;IAoBrB,WAAW;IAOX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAK5B,iBAAiB;IAIjB,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,GAAG;IAI5C,YAAY;IAoCZ,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IAuDnC,YAAY;IAyCZ,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAO5C,KAAK;CAuBN;AAID,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
@@ -4,13 +4,14 @@ 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, state, define, conf, cssvar } from "../deps.js";
8
- import STD from "./std.js";
9
- let SelectInput = class SelectInput extends STD {
7
+ import { conf, css, cssvar, define, DisableWarning, html, ifDefined, LitElement, property, query } from "../deps.js";
8
+ import { htmlSlot, svgDelta, svgX } from "../tmpl.js";
9
+ import InputFormSTD from "./std.js";
10
+ let SelectInput = class SelectInput extends InputFormSTD {
10
11
  constructor() {
11
12
  super(...arguments);
12
13
  this.open = false;
13
- this.selcls = `${conf.tag("select-input")}-selected`;
14
+ this.selectedClass = `${conf.tag("select-input")}-selected`;
14
15
  this.pla = undefined;
15
16
  this.only = false;
16
17
  this.def = "";
@@ -20,42 +21,36 @@ let SelectInput = class SelectInput extends STD {
20
21
  this.autofocus = false;
21
22
  }
22
23
  get assigned() {
23
- return this.shadowRoot.querySelector("slot").assignedElements();
24
+ return super.assigned;
24
25
  }
25
26
  render() {
26
27
  return html `<div>
27
- <section>${this.lists()}</section>
28
+ <section>${this.render_list()}</section>
28
29
  <input
29
30
  id="input"
30
- @focus=${() => {
31
+ @focus="${() => {
31
32
  this.open = true;
32
- }}
33
- @input=${this._handleInput}
34
- placeholder=${this.pla}
33
+ }}"
34
+ @input="${this._handleInput}"
35
+ placeholder="${ifDefined(this.pla)}"
35
36
  />
36
- <label for="input">
37
- <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>
38
- </label>
39
- <aside ?open=${this.open}><slot></slot></aside>
37
+ <label for="input">${svgDelta()}</label>
38
+ <aside ?open="${this.open}">${htmlSlot()}</aside>
40
39
  </div>`;
41
40
  }
42
- lists() {
41
+ render_list() {
43
42
  const itemTemplates = [];
44
43
  if (this.value.length)
45
44
  for (const i in this.value) {
46
45
  itemTemplates.push(html `<i class="selected-item">
47
46
  ${this.text[i] || this.value[i]}
48
- <svg
49
- @click=${() => {
47
+ <div
48
+ @click="${() => {
50
49
  this.select(this.value[i]);
51
- }}
52
- t="1678769821062"
53
- viewBox="0 0 1024 1024"
54
- version="1.1"
55
- p-id="2770"
50
+ }}"
56
51
  >
57
- <path d="M960 512c0-249.6-198.4-448-448-448S64 262.4 64 512s198.4 448 448 448 448-198.4 448-448zM691.2 736L512 556.8 332.8 736c-12.8 12.8-32 12.8-44.8 0-12.8-12.8-12.8-32 0-44.8L467.2 512 288 332.8c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0L512 467.2 691.2 288c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L556.8 512 736 691.2c12.8 12.8 12.8 32 0 44.8-12.8 12.8-32 12.8-44.8 0z" fill="currentColor" p-id="2771"></path>
58
- </svg>
52
+ ${svgX()}
53
+ </div>
59
54
  </i>`);
60
55
  }
61
56
  return itemTemplates;
@@ -72,26 +67,44 @@ let SelectInput = class SelectInput extends STD {
72
67
  (_a = this._input) === null || _a === void 0 ? void 0 : _a.focus(options);
73
68
  this.open = true;
74
69
  }
70
+ connectedCallback() {
71
+ LitElement.prototype.connectedCallback.call(this);
72
+ }
73
+ getIndexFunc(option) {
74
+ return option.value || option.getAttribute("value");
75
+ }
75
76
  firstUpdated() {
77
+ if (this.def) {
78
+ if (this.only) {
79
+ this.select(this.def);
80
+ }
81
+ else {
82
+ for (const i of this.def.split(";")) {
83
+ if (i.trim()) {
84
+ this.select(i);
85
+ }
86
+ }
87
+ }
88
+ }
76
89
  this._focusCheck();
77
90
  this.assigned.forEach((option) => {
78
- if (option.value) {
79
- option.addEventListener("click", () => {
80
- this.select(option.value, option.innerText);
91
+ if (this.getIndexFunc(option)) {
92
+ this.addEvent(option, "click", () => {
93
+ this.select(this.getIndexFunc(option), option.innerText);
81
94
  });
82
95
  }
83
96
  else if (option.children) {
84
97
  [...option.children].forEach((option) => {
85
- option.addEventListener("click", () => {
86
- this.select(option.value, option.innerText);
98
+ this.addEvent(option, "click", () => {
99
+ this.select(this.getIndexFunc(option), option.innerText);
87
100
  });
88
101
  });
89
102
  }
90
103
  });
91
- this.addEventListener("change", (e) => {
104
+ this.addEvent(this, "change", () => {
92
105
  this.open = !this.only;
93
106
  });
94
- document.addEventListener("click", (e) => {
107
+ this.addEvent(document, "click", (e) => {
95
108
  if (!this.contains(e.target)) {
96
109
  this.open = false;
97
110
  }
@@ -100,14 +113,14 @@ let SelectInput = class SelectInput extends STD {
100
113
  select(value, text) {
101
114
  if (text === undefined || text === null) {
102
115
  this.assigned.forEach((option) => {
103
- if (option.value) {
104
- if (option.value == value) {
116
+ if (this.getIndexFunc(option)) {
117
+ if (this.getIndexFunc(option) == value) {
105
118
  text = option.innerText;
106
119
  }
107
120
  }
108
121
  else if (option.children) {
109
122
  [...option.children].forEach((option) => {
110
- if (option.value == value) {
123
+ if (this.getIndexFunc(option) == value) {
111
124
  text = option.innerText;
112
125
  }
113
126
  });
@@ -135,21 +148,21 @@ let SelectInput = class SelectInput extends STD {
135
148
  }
136
149
  }
137
150
  this.assigned.forEach((option) => {
138
- if (option.value) {
139
- if (this.value.includes(option.value)) {
140
- option.classList.add(this.selcls);
151
+ if (this.getIndexFunc(option)) {
152
+ if (this.value.includes(this.getIndexFunc(option))) {
153
+ option.classList.add(this.selectedClass);
141
154
  }
142
155
  else {
143
- option.classList.remove(this.selcls);
156
+ option.classList.remove(this.selectedClass);
144
157
  }
145
158
  }
146
159
  else if (option.children) {
147
160
  [...option.children].forEach((option) => {
148
- if (this.value.includes(option.value)) {
149
- option.classList.add(this.selcls);
161
+ if (this.value.includes(this.getIndexFunc(option))) {
162
+ option.classList.add(this.selectedClass);
150
163
  }
151
164
  else {
152
- option.classList.remove(this.selcls);
165
+ option.classList.remove(this.selectedClass);
153
166
  }
154
167
  });
155
168
  }
@@ -164,7 +177,7 @@ let SelectInput = class SelectInput extends STD {
164
177
  value = value.split(";").pop().trim();
165
178
  }
166
179
  this.assigned.forEach((option) => {
167
- if (option.value) {
180
+ if (this.getIndexFunc(option)) {
168
181
  option.style.display = "block";
169
182
  }
170
183
  if (option.children) {
@@ -176,8 +189,8 @@ let SelectInput = class SelectInput extends STD {
176
189
  });
177
190
  if (value) {
178
191
  this.assigned.forEach((option) => {
179
- if (option.value) {
180
- if (option.value.toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
192
+ if (this.getIndexFunc(option)) {
193
+ if (this.getIndexFunc(option).toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
181
194
  option.style.display = "block";
182
195
  }
183
196
  else {
@@ -186,7 +199,7 @@ let SelectInput = class SelectInput extends STD {
186
199
  }
187
200
  else if (option.children) {
188
201
  [...option.children].forEach((option) => {
189
- if (option.value.toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
202
+ if (this.getIndexFunc(option).toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
190
203
  option.style.display = "block";
191
204
  }
192
205
  else {
@@ -212,12 +225,12 @@ let SelectInput = class SelectInput extends STD {
212
225
  this.text = [];
213
226
  this._input.value = "";
214
227
  this.assigned.forEach((option) => {
215
- if (option.value) {
216
- option.classList.remove(this.selcls);
228
+ if (this.getIndexFunc(option)) {
229
+ option.classList.remove(this.selectedClass);
217
230
  }
218
231
  else if (option.children) {
219
232
  [...option.children].forEach((option) => {
220
- option.classList.remove(this.selcls);
233
+ option.classList.remove(this.selectedClass);
221
234
  });
222
235
  }
223
236
  });
@@ -236,7 +249,7 @@ let SelectInput = class SelectInput extends STD {
236
249
  }
237
250
  };
238
251
  SelectInput.styles = [
239
- STD.styles,
252
+ InputFormSTD.styles,
240
253
  css `
241
254
  :host {
242
255
  background: var(${cssvar}--input-background);
@@ -247,11 +260,13 @@ SelectInput.styles = [
247
260
  height: 1.5em;
248
261
  width: var(${cssvar}--input-width);
249
262
  }
263
+
250
264
  :host([open]) {
251
265
  outline-color: var(${cssvar}--input-outline-focus);
252
266
  }
267
+
253
268
  input {
254
- padding: 0px 0px 0px 0.25em;
269
+ padding: 0 0 0 0.25em;
255
270
  background: none;
256
271
  cursor: inherit;
257
272
  height: 100%;
@@ -262,6 +277,7 @@ SelectInput.styles = [
262
277
  border-radius: inherit;
263
278
  flex: 1;
264
279
  }
280
+
265
281
  div {
266
282
  display: inline-flex;
267
283
  position: relative;
@@ -269,9 +285,11 @@ SelectInput.styles = [
269
285
  border-radius: inherit;
270
286
  z-index: inherit;
271
287
  }
288
+
272
289
  label svg {
273
290
  height: 100%;
274
291
  }
292
+
275
293
  aside {
276
294
  margin-top: 1px;
277
295
  position: absolute;
@@ -281,6 +299,7 @@ SelectInput.styles = [
281
299
  z-index: 1;
282
300
  border-radius: inherit;
283
301
  }
302
+
284
303
  section {
285
304
  max-width: calc(100% - 1.2em);
286
305
  height: 100%;
@@ -289,6 +308,7 @@ SelectInput.styles = [
289
308
  border-radius: inherit;
290
309
  z-index: inherit;
291
310
  }
311
+
292
312
  i.selected-item {
293
313
  background: var(${cssvar}--input-true);
294
314
  border-radius: inherit;
@@ -300,15 +320,18 @@ SelectInput.styles = [
300
320
  padding-left: 0.1em;
301
321
  margin-left: 0.065em;
302
322
  }
323
+
303
324
  i:first-child {
304
325
  margin-left: 0;
305
326
  }
327
+
306
328
  i.selected-item svg {
307
329
  width: 1em;
308
330
  padding: 0 0.12em;
309
331
  height: 0.8em;
310
332
  pointer-events: all;
311
333
  }
334
+
312
335
  aside[open] {
313
336
  visibility: visible;
314
337
  }
@@ -319,12 +342,12 @@ __decorate([
319
342
  ], SelectInput.prototype, "open", void 0);
320
343
  __decorate([
321
344
  property()
322
- ], SelectInput.prototype, "selcls", void 0);
345
+ ], SelectInput.prototype, "selectedClass", void 0);
323
346
  __decorate([
324
347
  property()
325
348
  ], SelectInput.prototype, "pla", void 0);
326
349
  __decorate([
327
- property({ type: Boolean })
350
+ property({ type: Boolean, reflect: true })
328
351
  ], SelectInput.prototype, "only", void 0);
329
352
  __decorate([
330
353
  property()
@@ -333,10 +356,10 @@ __decorate([
333
356
  property({ type: Array })
334
357
  ], SelectInput.prototype, "value", void 0);
335
358
  __decorate([
336
- property()
359
+ property({ reflect: true })
337
360
  ], SelectInput.prototype, "name", void 0);
338
361
  __decorate([
339
- state()
362
+ property({ type: Array })
340
363
  ], SelectInput.prototype, "text", void 0);
341
364
  __decorate([
342
365
  property({ type: Boolean })
@@ -351,4 +374,6 @@ SelectInput = __decorate([
351
374
  define("select-input")
352
375
  ], SelectInput);
353
376
  export { SelectInput };
377
+ DisableWarning(SelectInput);
354
378
  export default SelectInput;
379
+ //# sourceMappingURL=select-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":"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"}