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.
Files changed (135) hide show
  1. package/README.md +35 -35
  2. package/effect/ov-effect.d.ts +3 -3
  3. package/effect/ov-effect.d.ts.map +1 -1
  4. package/effect/ov-effect.js +252 -228
  5. package/effect/ro-effect.d.ts +1 -1
  6. package/effect/ro-effect.d.ts.map +1 -1
  7. package/effect/ro-effect.js +51 -46
  8. package/effect/std.d.ts.map +1 -1
  9. package/effect/tw-effect.d.ts +1 -1
  10. package/effect/tw-effect.d.ts.map +1 -1
  11. package/effect/tw-effect.js +19 -18
  12. package/glob.d.ts.map +1 -1
  13. package/glob.js +18 -17
  14. package/group/avatar-group.d.ts +1 -1
  15. package/group/avatar-group.d.ts.map +1 -1
  16. package/group/avatar-group.js +29 -5
  17. package/group/button-group.d.ts +1 -1
  18. package/group/button-group.d.ts.map +1 -1
  19. package/group/button-group.js +53 -48
  20. package/group/details-group.d.ts +1 -1
  21. package/group/details-group.d.ts.map +1 -1
  22. package/group/details-group.js +5 -3
  23. package/group/std.d.ts.map +1 -1
  24. package/input-form/base-input.d.ts +2 -2
  25. package/input-form/base-input.d.ts.map +1 -1
  26. package/input-form/base-input.js +109 -106
  27. package/input-form/exp-input.d.ts +1 -1
  28. package/input-form/exp-input.d.ts.map +1 -1
  29. package/input-form/exp-input.js +155 -142
  30. package/input-form/label-input.d.ts +1 -1
  31. package/input-form/label-input.d.ts.map +1 -1
  32. package/input-form/label-input.js +88 -75
  33. package/input-form/search-input.d.ts +3 -3
  34. package/input-form/search-input.d.ts.map +1 -1
  35. package/input-form/search-input.js +171 -157
  36. package/input-form/select-input.d.ts +3 -3
  37. package/input-form/select-input.d.ts.map +1 -1
  38. package/input-form/select-input.js +128 -104
  39. package/input-form/sign-form.d.ts +7 -5
  40. package/input-form/sign-form.d.ts.map +1 -1
  41. package/input-form/sign-form.js +49 -44
  42. package/input-form/split-input.d.ts +3 -3
  43. package/input-form/split-input.d.ts.map +1 -1
  44. package/input-form/split-input.js +80 -72
  45. package/input-form/std.d.ts +1 -1
  46. package/input-form/std.d.ts.map +1 -1
  47. package/input-form/std.js +20 -17
  48. package/input-form/switch-input.d.ts +3 -3
  49. package/input-form/switch-input.d.ts.map +1 -1
  50. package/input-form/switch-input.js +118 -112
  51. package/items/alert-item.d.ts +1 -1
  52. package/items/alert-item.d.ts.map +1 -1
  53. package/items/alert-item.js +99 -98
  54. package/items/avatar-anchor.d.ts +2 -2
  55. package/items/avatar-anchor.d.ts.map +1 -1
  56. package/items/avatar-anchor.js +91 -89
  57. package/items/base-button.d.ts +1 -1
  58. package/items/base-button.d.ts.map +1 -1
  59. package/items/base-button.js +129 -126
  60. package/items/dialog-item.d.ts +1 -1
  61. package/items/dialog-item.d.ts.map +1 -1
  62. package/items/dialog-item.js +72 -71
  63. package/items/link-a.d.ts.map +1 -1
  64. package/items/link-a.js +23 -22
  65. package/items/load-track.d.ts +1 -1
  66. package/items/load-track.d.ts.map +1 -1
  67. package/items/load-track.js +45 -39
  68. package/items/std.d.ts.map +1 -1
  69. package/items/super-a.d.ts +2 -2
  70. package/items/super-a.d.ts.map +1 -1
  71. package/items/super-a.js +59 -48
  72. package/layout/div-line.d.ts +1 -1
  73. package/layout/div-line.d.ts.map +1 -1
  74. package/layout/div-line.js +35 -29
  75. package/layout/drag-box.d.ts +1 -1
  76. package/layout/drag-box.d.ts.map +1 -1
  77. package/layout/drag-box.js +10 -9
  78. package/layout/flex-flow.d.ts +2 -2
  79. package/layout/flex-flow.d.ts.map +1 -1
  80. package/layout/flex-flow.js +12 -7
  81. package/layout/nav-aside.d.ts +1 -1
  82. package/layout/nav-aside.d.ts.map +1 -1
  83. package/layout/nav-aside.js +32 -25
  84. package/layout/nav-layout.d.ts +1 -1
  85. package/layout/nav-layout.d.ts.map +1 -1
  86. package/layout/nav-layout.js +125 -104
  87. package/layout/std.d.ts.map +1 -1
  88. package/layout/std.js +6 -4
  89. package/package.json +47 -36
  90. package/react/effect.js +6 -6
  91. package/react/group.js +3 -3
  92. package/react/input-form.js +11 -11
  93. package/react/items.js +8 -8
  94. package/react/layout.js +5 -5
  95. package/react/view.js +5 -5
  96. package/view/details-expand.d.ts +1 -1
  97. package/view/details-expand.d.ts.map +1 -1
  98. package/view/details-expand.js +38 -33
  99. package/view/down-drop.d.ts +1 -1
  100. package/view/down-drop.d.ts.map +1 -1
  101. package/view/down-drop.js +34 -30
  102. package/view/menu-list.d.ts +1 -1
  103. package/view/menu-list.d.ts.map +1 -1
  104. package/view/menu-list.js +35 -30
  105. package/view/route-view.d.ts.map +1 -1
  106. package/view/route-view.js +10 -7
  107. package/view/scroll-x.d.ts +1 -1
  108. package/view/scroll-x.d.ts.map +1 -1
  109. package/view/scroll-x.js +32 -27
  110. package/view/std.d.ts.map +1 -1
  111. package/view/std.js +33 -33
  112. package/with.d.ts +10 -10
  113. package/with.d.ts.map +1 -1
  114. package/with.js +14 -15
  115. package/view/react/effect.d.ts +0 -10
  116. package/view/react/effect.d.ts.map +0 -1
  117. package/view/react/effect.js +0 -32
  118. package/view/react/group.d.ts +0 -5
  119. package/view/react/group.d.ts.map +0 -1
  120. package/view/react/group.js +0 -18
  121. package/view/react/index.d.ts +0 -7
  122. package/view/react/index.d.ts.map +0 -1
  123. package/view/react/index.js +0 -6
  124. package/view/react/input-form.d.ts +0 -33
  125. package/view/react/input-form.d.ts.map +0 -1
  126. package/view/react/input-form.js +0 -64
  127. package/view/react/items.d.ts +0 -9
  128. package/view/react/items.d.ts.map +0 -1
  129. package/view/react/items.js +0 -38
  130. package/view/react/layout.d.ts +0 -7
  131. package/view/react/layout.d.ts.map +0 -1
  132. package/view/react/layout.js +0 -28
  133. package/view/react/view.d.ts +0 -7
  134. package/view/react/view.d.ts.map +0 -1
  135. 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 '../deps.js';
8
- import STD from './std.js';
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('select-input')}-selected`;
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('slot').assignedElements();
23
+ return this.shadowRoot.querySelector("slot").assignedElements();
24
24
  }
25
25
  render() {
26
- return html `<div><section>${this.lists()}</section>
27
- <input id="input" @focus=${() => { this.open = true; }} @input=${this._handleInput} placeholder=${this.pla} />
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
- <aside ?open=${this.open}><slot></slot></aside>
30
- </div>`;
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
- var itemTemplates = [];
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">${this.text[i] || this.value[i]}
37
- <svg @click=${() => { this.select(this.value[i]); }} t="1678769821062" viewBox="0 0 1024 1024" version="1.1" p-id="2770"><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></svg>
38
- </i>`);
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 = [STD.styles, css `
218
- :host{
219
- background:var(${cssvar}--input-background);
220
- color:var(${cssvar}--text);
221
- display: inline-flex;
222
- outline: .145em solid transparent;
223
- border-radius: 0.25em;
224
- height: 1.5em;
225
- width: var(${cssvar}--input-width);
226
- }
227
- :host([open]){
228
- outline-color: var(${cssvar}--input-outline-focus);
229
- }
230
- input{
231
- padding: 0px 0px 0px 0.25em;
232
- background: none;
233
- cursor:inherit;
234
- height:100%;
235
- width: 100%;
236
- box-sizing: border-box;
237
- border:inherit;
238
- outline: none;
239
- border-radius:inherit;
240
- flex:1;
241
- }
242
- div{
243
- display: inline-flex;
244
- position: relative;
245
- width: 100%;
246
- border-radius:inherit;
247
- z-index: inherit;
248
- }
249
- label svg{
250
- height: 100%;
251
- }
252
- aside{
253
- margin-top: 1px;
254
- position: absolute;
255
- top:100%;
256
- width: 100%;
257
- visibility: hidden;
258
- z-index: 1;
259
- border-radius:inherit;
260
- }
261
- section{
262
- max-width:calc(100% - 1.2em);
263
- height: 100%;
264
- overflow: hidden;
265
- pointer-events: none;
266
- border-radius:inherit;
267
- z-index: inherit;
268
- }
269
- i.selected-item{
270
- background:var(${cssvar}--input-true);
271
- border-radius:inherit;
272
- height: 100%;
273
- float:left;
274
- display: inline-flex;
275
- font-style: normal;
276
- align-items: center;
277
- padding-left: .1em;
278
- margin-left: 0.065em;
279
- }
280
- i:first-child{
281
- margin-left: 0;
282
- }
283
- i.selected-item svg{
284
- width: 1em;
285
- padding: 0 .12em;
286
- height:.8em;
287
- pointer-events: all;
288
- }
289
- aside[open]{
290
- visibility: visible;
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('input')
345
+ query("input")
322
346
  ], SelectInput.prototype, "_input", void 0);
323
347
  __decorate([
324
- query('aside')
348
+ query("aside")
325
349
  ], SelectInput.prototype, "_aside", void 0);
326
350
  SelectInput = __decorate([
327
- define('select-input')
351
+ define("select-input")
328
352
  ], SelectInput);
329
353
  export { SelectInput };
330
354
  export default SelectInput;
@@ -1,14 +1,16 @@
1
- import STD from './std.js';
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
- 'sign-form': SignForm;
21
- 'base-form': BaseForm;
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,4FAaT;IACW,KAAK,EAAE,eAAe,CAAC;IACtC,MAAM;IAGN,GAAG;IAOH,KAAK;IAiBL,SAAS;IA6BT,QAAQ;CA4BT;AAaD,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"}
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"}
@@ -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 '../deps.js';
8
- import STD from './std.js';
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"><slot name="pre"></slot><main>${this.opt()}<slot></slot></main><slot name="suf"></slot></form>`;
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
- var form = document.createElement('form');
33
- for (let slot of this.shadowRoot.querySelectorAll('slot'))
34
- for (let i of slot.assignedNodes()) {
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 (let slot of this.shadowRoot.querySelectorAll('slot'))
42
- for (let i of slot.assignedNodes()) {
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
- var x = {};
51
- var form = document.createElement('form');
54
+ const x = {};
55
+ const form = document.createElement("form");
52
56
  form.enctype = "multipart/form-data";
53
- for (let slot of this.shadowRoot.querySelectorAll('slot'))
54
- for (let i of slot.assignedNodes()) {
57
+ for (const slot of this.shadowRoot.querySelectorAll("slot"))
58
+ for (const i of slot.assignedNodes()) {
55
59
  if (i.namevalue) {
56
- var [name, value] = i.namevalue();
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
- var y = new FormData(form);
66
- for (let [key, value] of y) {
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
- var [name, value] = node.namevalue();
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
- var x = {};
82
- var form = document.createElement('form');
85
+ const x = {};
86
+ const form = document.createElement("form");
83
87
  form.enctype = "multipart/form-data";
84
- for (let slot of this.shadowRoot.querySelectorAll('slot'))
85
- for (let i of slot.assignedNodes()) {
88
+ for (const slot of this.shadowRoot.querySelectorAll("slot"))
89
+ for (const i of slot.assignedNodes()) {
86
90
  if (i.FormData) {
87
- for (let [key, value] of i.FormData()) {
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
- var y = new FormData(form);
99
+ const y = new FormData(form);
96
100
  each(this._form, (node) => {
97
101
  if (node.namevalue) {
98
- var [name, value] = node.namevalue();
102
+ const [name, value] = node.namevalue();
99
103
  if (name) {
100
104
  y.append(name, value);
101
105
  }
102
106
  }
103
107
  });
104
- for (let key in x) {
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 = [STD.styles, css `
112
- :host{
113
- display: flow-root;
114
- }
115
- form {
116
- display: flex;
117
- flex-direction: column;
118
- align-items: center;
119
- margin: 0;
120
- }
121
- main{
122
- display: flex;
123
- flex-direction: column;
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('sign-form')
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 (let i of node.childNodes) {
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 './std.js';
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
- 'split-input': SplitInput;
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,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"}
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"}