godown 1.1.3 → 1.1.5
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.
- package/README.md +35 -35
- package/effect/ov-effect.d.ts +3 -3
- package/effect/ov-effect.d.ts.map +1 -1
- package/effect/ov-effect.js +252 -228
- package/effect/ro-effect.d.ts +1 -1
- package/effect/ro-effect.d.ts.map +1 -1
- package/effect/ro-effect.js +51 -46
- package/effect/std.d.ts.map +1 -1
- package/effect/tw-effect.d.ts +1 -1
- package/effect/tw-effect.d.ts.map +1 -1
- package/effect/tw-effect.js +19 -18
- package/glob.d.ts.map +1 -1
- package/glob.js +18 -17
- package/group/avatar-group.d.ts +1 -1
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +29 -5
- package/group/button-group.d.ts +1 -1
- package/group/button-group.d.ts.map +1 -1
- package/group/button-group.js +53 -48
- package/group/details-group.d.ts +1 -1
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +5 -3
- package/group/std.d.ts.map +1 -1
- package/input-form/base-input.d.ts +2 -2
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +109 -106
- package/input-form/exp-input.d.ts +1 -1
- package/input-form/exp-input.d.ts.map +1 -1
- package/input-form/exp-input.js +155 -142
- package/input-form/label-input.d.ts +1 -1
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +88 -75
- package/input-form/search-input.d.ts +3 -3
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +171 -157
- package/input-form/select-input.d.ts +3 -3
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +128 -104
- package/input-form/sign-form.d.ts +7 -5
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +49 -44
- package/input-form/split-input.d.ts +3 -3
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +80 -72
- package/input-form/std.d.ts +1 -1
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +20 -17
- package/input-form/switch-input.d.ts +3 -3
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +118 -112
- package/items/alert-item.d.ts +1 -1
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +99 -98
- package/items/avatar-anchor.d.ts +2 -2
- package/items/avatar-anchor.d.ts.map +1 -1
- package/items/avatar-anchor.js +91 -89
- package/items/base-button.d.ts +1 -1
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +129 -126
- package/items/dialog-item.d.ts +1 -1
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +72 -71
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +23 -22
- package/items/load-track.d.ts +1 -1
- package/items/load-track.d.ts.map +1 -1
- package/items/load-track.js +45 -39
- package/items/std.d.ts.map +1 -1
- package/items/super-a.d.ts +2 -2
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +59 -48
- package/layout/div-line.d.ts +1 -1
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +35 -29
- package/layout/drag-box.d.ts +1 -1
- package/layout/drag-box.d.ts.map +1 -1
- package/layout/drag-box.js +10 -9
- package/layout/flex-flow.d.ts +2 -2
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +12 -7
- package/layout/nav-aside.d.ts +1 -1
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +32 -25
- package/layout/nav-layout.d.ts +1 -1
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +125 -104
- package/layout/std.d.ts.map +1 -1
- package/layout/std.js +6 -4
- package/package.json +47 -36
- package/react/effect.js +6 -6
- package/react/group.js +3 -3
- package/react/input-form.js +11 -11
- package/react/items.js +8 -8
- package/react/layout.js +5 -5
- package/react/view.js +5 -5
- package/view/details-expand.d.ts +1 -1
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +38 -33
- package/view/down-drop.d.ts +1 -1
- package/view/down-drop.d.ts.map +1 -1
- package/view/down-drop.js +34 -30
- package/view/menu-list.d.ts +1 -1
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +35 -30
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +10 -7
- package/view/scroll-x.d.ts +1 -1
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +32 -27
- package/view/std.d.ts.map +1 -1
- package/view/std.js +33 -33
- package/with.d.ts +10 -10
- package/with.d.ts.map +1 -1
- package/with.js +14 -15
- package/view/react/effect.d.ts +0 -10
- package/view/react/effect.d.ts.map +0 -1
- package/view/react/effect.js +0 -32
- package/view/react/group.d.ts +0 -5
- package/view/react/group.d.ts.map +0 -1
- package/view/react/group.js +0 -18
- package/view/react/index.d.ts +0 -7
- package/view/react/index.d.ts.map +0 -1
- package/view/react/index.js +0 -6
- package/view/react/input-form.d.ts +0 -33
- package/view/react/input-form.d.ts.map +0 -1
- package/view/react/input-form.js +0 -64
- package/view/react/items.d.ts +0 -9
- package/view/react/items.d.ts.map +0 -1
- package/view/react/items.js +0 -38
- package/view/react/layout.d.ts +0 -7
- package/view/react/layout.d.ts.map +0 -1
- package/view/react/layout.js +0 -28
- package/view/react/view.d.ts +0 -7
- package/view/react/view.d.ts.map +0 -1
- package/view/react/view.js +0 -28
@@ -4,13 +4,13 @@ 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
|
8
|
-
import STD from
|
7
|
+
import { html, css, property, query, state, define, conf, cssvar } from "../deps.js";
|
8
|
+
import STD from "./std.js";
|
9
9
|
let SelectInput = class SelectInput extends STD {
|
10
10
|
constructor() {
|
11
11
|
super(...arguments);
|
12
12
|
this.open = false;
|
13
|
-
this.selcls = `${conf.tag(
|
13
|
+
this.selcls = `${conf.tag("select-input")}-selected`;
|
14
14
|
this.pla = undefined;
|
15
15
|
this.only = false;
|
16
16
|
this.def = "";
|
@@ -20,22 +20,43 @@ let SelectInput = class SelectInput extends STD {
|
|
20
20
|
this.autofocus = false;
|
21
21
|
}
|
22
22
|
get assigned() {
|
23
|
-
return this.shadowRoot.querySelector(
|
23
|
+
return this.shadowRoot.querySelector("slot").assignedElements();
|
24
24
|
}
|
25
25
|
render() {
|
26
|
-
return html `<div
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
26
|
+
return html `<div>
|
27
|
+
<section>${this.lists()}</section>
|
28
|
+
<input
|
29
|
+
id="input"
|
30
|
+
@focus=${() => {
|
31
|
+
this.open = true;
|
32
|
+
}}
|
33
|
+
@input=${this._handleInput}
|
34
|
+
placeholder=${this.pla}
|
35
|
+
/>
|
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>
|
40
|
+
</div>`;
|
31
41
|
}
|
32
42
|
lists() {
|
33
|
-
|
43
|
+
const itemTemplates = [];
|
34
44
|
if (this.value.length)
|
35
45
|
for (const i in this.value) {
|
36
|
-
itemTemplates.push(html `<i class="selected-item"
|
37
|
-
|
38
|
-
|
46
|
+
itemTemplates.push(html `<i class="selected-item">
|
47
|
+
${this.text[i] || this.value[i]}
|
48
|
+
<svg
|
49
|
+
@click=${() => {
|
50
|
+
this.select(this.value[i]);
|
51
|
+
}}
|
52
|
+
t="1678769821062"
|
53
|
+
viewBox="0 0 1024 1024"
|
54
|
+
version="1.1"
|
55
|
+
p-id="2770"
|
56
|
+
>
|
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>
|
59
|
+
</i>`);
|
39
60
|
}
|
40
61
|
return itemTemplates;
|
41
62
|
}
|
@@ -60,7 +81,7 @@ let SelectInput = class SelectInput extends STD {
|
|
60
81
|
});
|
61
82
|
}
|
62
83
|
else if (option.children) {
|
63
|
-
[...option.children].forEach(option => {
|
84
|
+
[...option.children].forEach((option) => {
|
64
85
|
option.addEventListener("click", () => {
|
65
86
|
this.select(option.value, option.innerText);
|
66
87
|
});
|
@@ -85,7 +106,7 @@ let SelectInput = class SelectInput extends STD {
|
|
85
106
|
}
|
86
107
|
}
|
87
108
|
else if (option.children) {
|
88
|
-
[...option.children].forEach(option => {
|
109
|
+
[...option.children].forEach((option) => {
|
89
110
|
if (option.value == value) {
|
90
111
|
text = option.innerText;
|
91
112
|
}
|
@@ -95,8 +116,8 @@ let SelectInput = class SelectInput extends STD {
|
|
95
116
|
}
|
96
117
|
if (this.value.includes(value)) {
|
97
118
|
if (!this.only) {
|
98
|
-
this.value = this.value.filter(v => v != value);
|
99
|
-
this.text = this.text.filter(v => v != text);
|
119
|
+
this.value = this.value.filter((v) => v != value);
|
120
|
+
this.text = this.text.filter((v) => v != text);
|
100
121
|
}
|
101
122
|
else {
|
102
123
|
this.value = [];
|
@@ -123,7 +144,7 @@ let SelectInput = class SelectInput extends STD {
|
|
123
144
|
}
|
124
145
|
}
|
125
146
|
else if (option.children) {
|
126
|
-
[...option.children].forEach(option => {
|
147
|
+
[...option.children].forEach((option) => {
|
127
148
|
if (this.value.includes(option.value)) {
|
128
149
|
option.classList.add(this.selcls);
|
129
150
|
}
|
@@ -142,19 +163,19 @@ let SelectInput = class SelectInput extends STD {
|
|
142
163
|
if (!this.only && value.includes(";")) {
|
143
164
|
value = value.split(";").pop().trim();
|
144
165
|
}
|
145
|
-
this.assigned.forEach(option => {
|
166
|
+
this.assigned.forEach((option) => {
|
146
167
|
if (option.value) {
|
147
168
|
option.style.display = "block";
|
148
169
|
}
|
149
170
|
if (option.children) {
|
150
171
|
option.style.display = "block";
|
151
|
-
[...option.children].forEach(option => {
|
172
|
+
[...option.children].forEach((option) => {
|
152
173
|
option.style.display = "block";
|
153
174
|
});
|
154
175
|
}
|
155
176
|
});
|
156
177
|
if (value) {
|
157
|
-
this.assigned.forEach(option => {
|
178
|
+
this.assigned.forEach((option) => {
|
158
179
|
if (option.value) {
|
159
180
|
if (option.value.toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
|
160
181
|
option.style.display = "block";
|
@@ -164,7 +185,7 @@ let SelectInput = class SelectInput extends STD {
|
|
164
185
|
}
|
165
186
|
}
|
166
187
|
else if (option.children) {
|
167
|
-
[...option.children].forEach(option => {
|
188
|
+
[...option.children].forEach((option) => {
|
168
189
|
if (option.value.toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
|
169
190
|
option.style.display = "block";
|
170
191
|
}
|
@@ -172,7 +193,7 @@ let SelectInput = class SelectInput extends STD {
|
|
172
193
|
option.style.display = "none";
|
173
194
|
}
|
174
195
|
});
|
175
|
-
if ([...option.children].filter(option => option.style.display == "block").length == 0) {
|
196
|
+
if ([...option.children].filter((option) => option.style.display == "block").length == 0) {
|
176
197
|
option.style.display = "none";
|
177
198
|
}
|
178
199
|
}
|
@@ -195,14 +216,14 @@ let SelectInput = class SelectInput extends STD {
|
|
195
216
|
option.classList.remove(this.selcls);
|
196
217
|
}
|
197
218
|
else if (option.children) {
|
198
|
-
[...option.children].forEach(option => {
|
219
|
+
[...option.children].forEach((option) => {
|
199
220
|
option.classList.remove(this.selcls);
|
200
221
|
});
|
201
222
|
}
|
202
223
|
});
|
203
224
|
if (this.def) {
|
204
225
|
if (!this.only) {
|
205
|
-
this.def.split(";").forEach(def => {
|
226
|
+
this.def.split(";").forEach((def) => {
|
206
227
|
if (def.trim())
|
207
228
|
this.select(def.trim(), null);
|
208
229
|
});
|
@@ -214,82 +235,85 @@ let SelectInput = class SelectInput extends STD {
|
|
214
235
|
}
|
215
236
|
}
|
216
237
|
};
|
217
|
-
SelectInput.styles = [
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
256
|
-
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
264
|
-
|
265
|
-
|
266
|
-
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
|
280
|
-
|
281
|
-
|
282
|
-
|
283
|
-
|
284
|
-
|
285
|
-
|
286
|
-
|
287
|
-
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
238
|
+
SelectInput.styles = [
|
239
|
+
STD.styles,
|
240
|
+
css `
|
241
|
+
:host {
|
242
|
+
background: var(${cssvar}--input-background);
|
243
|
+
color: var(${cssvar}--text);
|
244
|
+
display: inline-flex;
|
245
|
+
outline: 0.145em solid transparent;
|
246
|
+
border-radius: 0.25em;
|
247
|
+
height: 1.5em;
|
248
|
+
width: var(${cssvar}--input-width);
|
249
|
+
}
|
250
|
+
:host([open]) {
|
251
|
+
outline-color: var(${cssvar}--input-outline-focus);
|
252
|
+
}
|
253
|
+
input {
|
254
|
+
padding: 0px 0px 0px 0.25em;
|
255
|
+
background: none;
|
256
|
+
cursor: inherit;
|
257
|
+
height: 100%;
|
258
|
+
width: 100%;
|
259
|
+
box-sizing: border-box;
|
260
|
+
border: inherit;
|
261
|
+
outline: none;
|
262
|
+
border-radius: inherit;
|
263
|
+
flex: 1;
|
264
|
+
}
|
265
|
+
div {
|
266
|
+
display: inline-flex;
|
267
|
+
position: relative;
|
268
|
+
width: 100%;
|
269
|
+
border-radius: inherit;
|
270
|
+
z-index: inherit;
|
271
|
+
}
|
272
|
+
label svg {
|
273
|
+
height: 100%;
|
274
|
+
}
|
275
|
+
aside {
|
276
|
+
margin-top: 1px;
|
277
|
+
position: absolute;
|
278
|
+
top: 100%;
|
279
|
+
width: 100%;
|
280
|
+
visibility: hidden;
|
281
|
+
z-index: 1;
|
282
|
+
border-radius: inherit;
|
283
|
+
}
|
284
|
+
section {
|
285
|
+
max-width: calc(100% - 1.2em);
|
286
|
+
height: 100%;
|
287
|
+
overflow: hidden;
|
288
|
+
pointer-events: none;
|
289
|
+
border-radius: inherit;
|
290
|
+
z-index: inherit;
|
291
|
+
}
|
292
|
+
i.selected-item {
|
293
|
+
background: var(${cssvar}--input-true);
|
294
|
+
border-radius: inherit;
|
295
|
+
height: 100%;
|
296
|
+
float: left;
|
297
|
+
display: inline-flex;
|
298
|
+
font-style: normal;
|
299
|
+
align-items: center;
|
300
|
+
padding-left: 0.1em;
|
301
|
+
margin-left: 0.065em;
|
302
|
+
}
|
303
|
+
i:first-child {
|
304
|
+
margin-left: 0;
|
305
|
+
}
|
306
|
+
i.selected-item svg {
|
307
|
+
width: 1em;
|
308
|
+
padding: 0 0.12em;
|
309
|
+
height: 0.8em;
|
310
|
+
pointer-events: all;
|
311
|
+
}
|
312
|
+
aside[open] {
|
313
|
+
visibility: visible;
|
314
|
+
}
|
315
|
+
`,
|
316
|
+
];
|
293
317
|
__decorate([
|
294
318
|
property({ type: Boolean, reflect: true })
|
295
319
|
], SelectInput.prototype, "open", void 0);
|
@@ -318,13 +342,13 @@ __decorate([
|
|
318
342
|
property({ type: Boolean })
|
319
343
|
], SelectInput.prototype, "autofocus", void 0);
|
320
344
|
__decorate([
|
321
|
-
query(
|
345
|
+
query("input")
|
322
346
|
], SelectInput.prototype, "_input", void 0);
|
323
347
|
__decorate([
|
324
|
-
query(
|
348
|
+
query("aside")
|
325
349
|
], SelectInput.prototype, "_aside", void 0);
|
326
350
|
SelectInput = __decorate([
|
327
|
-
define(
|
351
|
+
define("select-input")
|
328
352
|
], SelectInput);
|
329
353
|
export { SelectInput };
|
330
354
|
export default SelectInput;
|
@@ -1,14 +1,16 @@
|
|
1
|
-
import STD from
|
1
|
+
import STD from "./std.js";
|
2
2
|
import "./label-input.js";
|
3
3
|
export declare class SignForm extends STD {
|
4
4
|
name: string;
|
5
5
|
set: 0 | 1 | 2;
|
6
6
|
static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
|
7
7
|
_form: HTMLFormElement;
|
8
|
-
render(): import("lit").TemplateResult<1>;
|
8
|
+
render(): import("lit-html").TemplateResult<1>;
|
9
9
|
opt(): any[];
|
10
10
|
reset(): void;
|
11
|
-
namevalue(): {
|
11
|
+
namevalue(): [string, {
|
12
|
+
[key: string]: any;
|
13
|
+
}];
|
12
14
|
FormData(): FormData;
|
13
15
|
}
|
14
16
|
export declare class BaseForm extends SignForm {
|
@@ -17,8 +19,8 @@ export declare class BaseForm extends SignForm {
|
|
17
19
|
export default SignForm;
|
18
20
|
declare global {
|
19
21
|
interface HTMLElementTagNameMap {
|
20
|
-
|
21
|
-
|
22
|
+
"sign-form": SignForm;
|
23
|
+
"base-form": BaseForm;
|
22
24
|
}
|
23
25
|
}
|
24
26
|
//# sourceMappingURL=sign-form.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAC1B,qBACa,QAAS,SAAQ,GAAG;IACnB,IAAI,SAAM;IACM,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM,CAAC,MAAM,
|
1
|
+
{"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAC1B,qBACa,QAAS,SAAQ,GAAG;IACnB,IAAI,SAAM;IACM,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM,CAAC,MAAM,4FAiBX;IACa,KAAK,EAAE,eAAe,CAAC;IACtC,MAAM;IAON,GAAG;IAOH,KAAK;IAuBL,SAAS,IAAI,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IA8B7C,QAAQ,IAAI,QAAQ;CA6BrB;AAUD,qBACa,QAAS,SAAQ,QAAQ;;CAKrC;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;QACtB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/input-form/sign-form.js
CHANGED
@@ -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 } from
|
8
|
-
import STD from
|
7
|
+
import { html, css, property, query, define } from "../deps.js";
|
8
|
+
import STD from "./std.js";
|
9
9
|
import "./label-input.js";
|
10
10
|
let SignForm = class SignForm extends STD {
|
11
11
|
constructor() {
|
@@ -14,7 +14,11 @@ let SignForm = class SignForm extends STD {
|
|
14
14
|
this.set = 2;
|
15
15
|
}
|
16
16
|
render() {
|
17
|
-
return html `<form enctype="multipart/form-data"
|
17
|
+
return html `<form enctype="multipart/form-data">
|
18
|
+
<slot name="pre"></slot>
|
19
|
+
<main>${this.opt()}<slot></slot></main>
|
20
|
+
<slot name="suf"></slot>
|
21
|
+
</form>`;
|
18
22
|
}
|
19
23
|
opt() {
|
20
24
|
const result = [];
|
@@ -29,17 +33,17 @@ let SignForm = class SignForm extends STD {
|
|
29
33
|
node.reset();
|
30
34
|
}
|
31
35
|
});
|
32
|
-
|
33
|
-
for (
|
34
|
-
for (
|
36
|
+
const form = document.createElement("form");
|
37
|
+
for (const slot of this.shadowRoot.querySelectorAll("slot"))
|
38
|
+
for (const i of slot.assignedNodes()) {
|
35
39
|
if (i.reset) {
|
36
40
|
i.reset();
|
37
41
|
}
|
38
42
|
form.appendChild(i.cloneNode(true));
|
39
43
|
}
|
40
44
|
form.reset();
|
41
|
-
for (
|
42
|
-
for (
|
45
|
+
for (const slot of this.shadowRoot.querySelectorAll("slot"))
|
46
|
+
for (const i of slot.assignedNodes()) {
|
43
47
|
if (i.name && form[i.name]) {
|
44
48
|
i.value = form[i.name].value;
|
45
49
|
}
|
@@ -47,13 +51,13 @@ let SignForm = class SignForm extends STD {
|
|
47
51
|
form.remove();
|
48
52
|
}
|
49
53
|
namevalue() {
|
50
|
-
|
51
|
-
|
54
|
+
const x = {};
|
55
|
+
const form = document.createElement("form");
|
52
56
|
form.enctype = "multipart/form-data";
|
53
|
-
for (
|
54
|
-
for (
|
57
|
+
for (const slot of this.shadowRoot.querySelectorAll("slot"))
|
58
|
+
for (const i of slot.assignedNodes()) {
|
55
59
|
if (i.namevalue) {
|
56
|
-
|
60
|
+
const [name, value] = i.namevalue();
|
57
61
|
if (name) {
|
58
62
|
x[name] = value;
|
59
63
|
}
|
@@ -62,13 +66,13 @@ let SignForm = class SignForm extends STD {
|
|
62
66
|
form.appendChild(i.cloneNode(true));
|
63
67
|
}
|
64
68
|
}
|
65
|
-
|
66
|
-
for (
|
69
|
+
const y = new FormData(form);
|
70
|
+
for (const [key, value] of y) {
|
67
71
|
x[key] = value;
|
68
72
|
}
|
69
73
|
each(this._form, (node) => {
|
70
74
|
if (node.namevalue) {
|
71
|
-
|
75
|
+
const [name, value] = node.namevalue();
|
72
76
|
if (name) {
|
73
77
|
x[name] = value;
|
74
78
|
}
|
@@ -78,13 +82,13 @@ let SignForm = class SignForm extends STD {
|
|
78
82
|
return [this.name, x];
|
79
83
|
}
|
80
84
|
FormData() {
|
81
|
-
|
82
|
-
|
85
|
+
const x = {};
|
86
|
+
const form = document.createElement("form");
|
83
87
|
form.enctype = "multipart/form-data";
|
84
|
-
for (
|
85
|
-
for (
|
88
|
+
for (const slot of this.shadowRoot.querySelectorAll("slot"))
|
89
|
+
for (const i of slot.assignedNodes()) {
|
86
90
|
if (i.FormData) {
|
87
|
-
for (
|
91
|
+
for (const [key, value] of i.FormData()) {
|
88
92
|
x[key] = value;
|
89
93
|
}
|
90
94
|
}
|
@@ -92,36 +96,40 @@ let SignForm = class SignForm extends STD {
|
|
92
96
|
form.appendChild(i.cloneNode(true));
|
93
97
|
}
|
94
98
|
}
|
95
|
-
|
99
|
+
const y = new FormData(form);
|
96
100
|
each(this._form, (node) => {
|
97
101
|
if (node.namevalue) {
|
98
|
-
|
102
|
+
const [name, value] = node.namevalue();
|
99
103
|
if (name) {
|
100
104
|
y.append(name, value);
|
101
105
|
}
|
102
106
|
}
|
103
107
|
});
|
104
|
-
for (
|
108
|
+
for (const key in x) {
|
105
109
|
y.append(key, x[key]);
|
106
110
|
}
|
107
111
|
form.remove();
|
108
112
|
return y;
|
109
113
|
}
|
110
114
|
};
|
111
|
-
SignForm.styles = [
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
115
|
+
SignForm.styles = [
|
116
|
+
STD.styles,
|
117
|
+
css `
|
118
|
+
:host {
|
119
|
+
display: flow-root;
|
120
|
+
}
|
121
|
+
form {
|
122
|
+
display: flex;
|
123
|
+
flex-direction: column;
|
124
|
+
align-items: center;
|
125
|
+
margin: 0;
|
126
|
+
}
|
127
|
+
main {
|
128
|
+
display: flex;
|
129
|
+
flex-direction: column;
|
130
|
+
}
|
131
|
+
`,
|
132
|
+
];
|
125
133
|
__decorate([
|
126
134
|
property()
|
127
135
|
], SignForm.prototype, "name", void 0);
|
@@ -132,21 +140,18 @@ __decorate([
|
|
132
140
|
query("form")
|
133
141
|
], SignForm.prototype, "_form", void 0);
|
134
142
|
SignForm = __decorate([
|
135
|
-
define(
|
143
|
+
define("sign-form")
|
136
144
|
], SignForm);
|
137
145
|
export { SignForm };
|
138
146
|
function each(node, callback) {
|
139
147
|
if (node) {
|
140
148
|
callback(node);
|
141
|
-
for (
|
149
|
+
for (const i of node.childNodes) {
|
142
150
|
each(i, callback);
|
143
151
|
}
|
144
152
|
}
|
145
153
|
}
|
146
|
-
const opts = [
|
147
|
-
html `<label-input label="E-mail" style="margin: 0.25em 0;" type="email"></label-input>`,
|
148
|
-
html `<label-input label="Password" style="margin: 0.25em 0;" type="password"></label-input>`
|
149
|
-
];
|
154
|
+
const opts = [html `<label-input label="E-mail" style="margin: 0.25em 0;" type="email"></label-input>`, html `<label-input label="Password" style="margin: 0.25em 0;" type="password"></label-input>`];
|
150
155
|
let BaseForm = class BaseForm extends SignForm {
|
151
156
|
constructor() {
|
152
157
|
super();
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import STD from
|
1
|
+
import STD from "./std.js";
|
2
2
|
export declare class SplitInput extends STD {
|
3
3
|
static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
|
4
4
|
name: string;
|
@@ -10,7 +10,7 @@ export declare class SplitInput extends STD {
|
|
10
10
|
_spans: NodeListOf<HTMLSpanElement>;
|
11
11
|
current: number;
|
12
12
|
currentValue: Array<string | null>;
|
13
|
-
render(): import("lit").TemplateResult<1>;
|
13
|
+
render(): import("lit-html").TemplateResult<1>;
|
14
14
|
firstUpdated(): void;
|
15
15
|
_handleInput(e: InputEvent): void;
|
16
16
|
focus(): void;
|
@@ -21,7 +21,7 @@ export declare class SplitInput extends STD {
|
|
21
21
|
export default SplitInput;
|
22
22
|
declare global {
|
23
23
|
interface HTMLElementTagNameMap {
|
24
|
-
|
24
|
+
"split-input": SplitInput;
|
25
25
|
}
|
26
26
|
}
|
27
27
|
//# sourceMappingURL=split-input.d.ts.map
|
@@ -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,
|
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,4FAoDX;IACU,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;IAUN,YAAY;IAiBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA2B1B,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"}
|