godown 2.4.1 → 2.4.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.
- package/README.md +1 -1
- package/conf.d.ts +2 -2
- package/conf.d.ts.map +1 -1
- package/conf.js +12 -1
- package/conf.js.map +1 -1
- package/deps.d.ts +4 -9
- package/deps.d.ts.map +1 -1
- package/deps.js +4 -7
- package/deps.js.map +1 -1
- package/effect/clip-text.d.ts +4 -1
- package/effect/clip-text.d.ts.map +1 -1
- package/effect/clip-text.js +6 -2
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +5 -1
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +7 -1
- package/effect/overbreath-text.js.map +1 -1
- package/effect/std.d.ts +1 -1
- package/effect/std.js +1 -1
- package/effect/typewriter-text.d.ts +29 -1
- package/effect/typewriter-text.d.ts.map +1 -1
- package/effect/typewriter-text.js +36 -5
- package/effect/typewriter-text.js.map +1 -1
- package/{glob.d.ts → godown-element.d.ts} +11 -27
- package/godown-element.d.ts.map +1 -0
- package/godown-element.js +131 -0
- package/godown-element.js.map +1 -0
- package/group/avatar-group.d.ts +7 -1
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +11 -3
- package/group/avatar-group.js.map +1 -1
- package/group/details-group.d.ts +9 -2
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +20 -15
- package/group/details-group.js.map +1 -1
- package/group/std.d.ts +1 -1
- package/group/std.js +1 -1
- package/group/tab-group.d.ts +16 -1
- package/group/tab-group.d.ts.map +1 -1
- package/group/tab-group.js +14 -3
- package/group/tab-group.js.map +1 -1
- package/input-form/base-input.d.ts +22 -7
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +31 -20
- package/input-form/base-input.js.map +1 -1
- package/input-form/label-input.d.ts +11 -5
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +59 -37
- package/input-form/label-input.js.map +1 -1
- package/input-form/search-input.d.ts +26 -4
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +32 -16
- package/input-form/search-input.js.map +1 -1
- package/input-form/select-input.d.ts +18 -4
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +33 -18
- package/input-form/select-input.js.map +1 -1
- package/input-form/sign-form.d.ts +10 -4
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +11 -8
- package/input-form/sign-form.js.map +1 -1
- package/input-form/split-input.d.ts +10 -4
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +12 -11
- package/input-form/split-input.js.map +1 -1
- package/input-form/std.d.ts +7 -6
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +21 -9
- package/input-form/std.js.map +1 -1
- package/input-form/switch-input.d.ts +21 -3
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +25 -6
- package/input-form/switch-input.js.map +1 -1
- package/items/alert-item.d.ts +14 -2
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +17 -6
- package/items/alert-item.js.map +1 -1
- package/items/avatar-a.d.ts +18 -1
- package/items/avatar-a.d.ts.map +1 -1
- package/items/avatar-a.js +31 -7
- package/items/avatar-a.js.map +1 -1
- package/items/base-button.d.ts +22 -1
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +25 -2
- package/items/base-button.js.map +1 -1
- package/items/card-item.d.ts +7 -4
- package/items/card-item.d.ts.map +1 -1
- package/items/card-item.js +11 -6
- package/items/card-item.js.map +1 -1
- package/items/dialog-item.d.ts +19 -1
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +20 -1
- package/items/dialog-item.js.map +1 -1
- package/items/link-a.d.ts +9 -1
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +16 -7
- package/items/link-a.js.map +1 -1
- package/items/load-track.d.ts +22 -1
- package/items/load-track.d.ts.map +1 -1
- package/items/load-track.js +24 -2
- package/items/load-track.js.map +1 -1
- package/items/std.d.ts +1 -1
- package/items/std.d.ts.map +1 -1
- package/items/std.js +1 -1
- package/items/std.js.map +1 -1
- package/items/super-a.d.ts +10 -1
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +15 -6
- package/items/super-a.js.map +1 -1
- package/items/time-bar.d.ts +30 -2
- package/items/time-bar.d.ts.map +1 -1
- package/items/time-bar.js +32 -4
- package/items/time-bar.js.map +1 -1
- package/layout/div-line.d.ts +5 -2
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +7 -3
- package/layout/div-line.js.map +1 -1
- package/layout/drag-box.d.ts +10 -1
- package/layout/drag-box.d.ts.map +1 -1
- package/layout/drag-box.js +14 -4
- package/layout/drag-box.js.map +1 -1
- package/layout/flex-flow.d.ts +7 -1
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +9 -2
- package/layout/flex-flow.js.map +1 -1
- package/layout/nav-aside.d.ts +8 -2
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +9 -2
- package/layout/nav-aside.js.map +1 -1
- package/layout/nav-layout.d.ts +11 -2
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +9 -6
- package/layout/nav-layout.js.map +1 -1
- package/layout/skeleton-screen.d.ts +10 -1
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +12 -2
- package/layout/skeleton-screen.js.map +1 -1
- package/layout/std.d.ts +1 -1
- package/layout/std.js +1 -1
- package/layout/with-wrap.d.ts +4 -1
- package/layout/with-wrap.d.ts.map +1 -1
- package/layout/with-wrap.js +6 -2
- package/layout/with-wrap.js.map +1 -1
- package/{tmpl.d.ts → lib/templates.d.ts} +4 -3
- package/lib/templates.d.ts.map +1 -0
- package/{tmpl.js → lib/templates.js} +6 -3
- package/lib/templates.js.map +1 -0
- package/lib/utils.d.ts +45 -2
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +122 -13
- package/lib/utils.js.map +1 -1
- package/package.json +2 -2
- package/react/create.d.ts +1 -1
- package/react/create.d.ts.map +1 -1
- package/react/create.js +1 -2
- package/react/create.js.map +1 -1
- package/react/effect.d.ts.map +1 -1
- package/react/effect.js +0 -3
- package/react/effect.js.map +1 -1
- package/react/group.d.ts.map +1 -1
- package/react/group.js +0 -3
- package/react/group.js.map +1 -1
- package/react/input-form.d.ts.map +1 -1
- package/react/input-form.js +0 -8
- package/react/input-form.js.map +1 -1
- package/react/items.d.ts.map +1 -1
- package/react/items.js +0 -9
- package/react/items.js.map +1 -1
- package/react/layout.d.ts.map +1 -1
- package/react/layout.js +0 -7
- package/react/layout.js.map +1 -1
- package/react/view.d.ts.map +1 -1
- package/react/view.js +0 -7
- package/react/view.js.map +1 -1
- package/root.d.ts +23 -0
- package/root.d.ts.map +1 -0
- package/root.js +82 -0
- package/root.js.map +1 -0
- package/view/details-expand.d.ts +7 -2
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +9 -6
- package/view/details-expand.js.map +1 -1
- package/view/down-drop.d.ts +1 -1
- package/view/down-drop.d.ts.map +1 -1
- package/view/down-drop.js +3 -2
- package/view/down-drop.js.map +1 -1
- package/view/float-tips.d.ts +4 -1
- package/view/float-tips.d.ts.map +1 -1
- package/view/float-tips.js +6 -2
- package/view/float-tips.js.map +1 -1
- package/view/menu-list.d.ts +1 -3
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +6 -15
- package/view/menu-list.js.map +1 -1
- package/view/rotation-pool.d.ts +11 -2
- package/view/rotation-pool.d.ts.map +1 -1
- package/view/rotation-pool.js +13 -2
- package/view/rotation-pool.js.map +1 -1
- package/view/route-view.d.ts +21 -2
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +24 -3
- package/view/route-view.js.map +1 -1
- package/view/scroll-x.d.ts +6 -3
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +10 -5
- package/view/scroll-x.js.map +1 -1
- package/view/std.d.ts +18 -2
- package/view/std.d.ts.map +1 -1
- package/view/std.js +22 -1
- package/view/std.js.map +1 -1
- package/glob.d.ts.map +0 -1
- package/glob.js +0 -213
- package/glob.js.map +0 -1
- package/tmpl.d.ts.map +0 -1
- package/tmpl.js.map +0 -1
- package/with.d.ts +0 -43
- package/with.d.ts.map +0 -1
- package/with.js +0 -89
- package/with.js.map +0 -1
@@ -1,18 +1,40 @@
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
2
|
-
import { type HTMLTemplate } from "../
|
2
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
3
3
|
import { InputSTD } from "./std.js";
|
4
4
|
export declare class SearchInput extends InputSTD {
|
5
|
-
|
6
|
-
|
5
|
+
/**
|
6
|
+
* Query selectors.
|
7
|
+
*/
|
7
8
|
query: string;
|
9
|
+
/**
|
10
|
+
* Target selectors.
|
11
|
+
*/
|
8
12
|
target: string;
|
13
|
+
/**
|
14
|
+
* Enable infer.
|
15
|
+
*/
|
9
16
|
infer: boolean;
|
17
|
+
/**
|
18
|
+
* Use remote.
|
19
|
+
*/
|
10
20
|
remote: boolean;
|
21
|
+
/**
|
22
|
+
* Float result.
|
23
|
+
*/
|
11
24
|
float: boolean;
|
25
|
+
/**
|
26
|
+
* Form action.
|
27
|
+
*/
|
12
28
|
action: string;
|
29
|
+
/**
|
30
|
+
* Form method.
|
31
|
+
*/
|
13
32
|
method: "get" | "post";
|
33
|
+
/**
|
34
|
+
* Form name.
|
35
|
+
*/
|
14
36
|
name: string;
|
15
|
-
|
37
|
+
_input: HTMLInputElement;
|
16
38
|
list: any[];
|
17
39
|
useInfer: (x: string) => Promise<string[]>;
|
18
40
|
static styles: CSSResultGroup;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAA2C,MAAM,YAAY,CAAC;AAC/F,OAAO,EAAY,KAAK,YAAY,EAAa,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAMpC,qBACa,WAAY,SAAQ,QAAQ;IACvC;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,MAAM,SAAM;IACxB;;OAEG;IAC0B,KAAK,UAAS;IAC3C;;OAEG;IAC0B,MAAM,UAAS;IAC5C;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACS,MAAM,SAAQ;IAC1B;;OAEG;IACS,MAAM,EAAE,KAAK,GAAG,MAAM,CAAS;IAC3C;;OAEG;IACS,IAAI,SAAO;IAEP,MAAM,EAAG,gBAAgB,CAAC;IACjC,IAAI,EAAE,GAAG,EAAE,CAAM;IACjB,QAAQ,MAAa,MAAM,uBAOlC;IAEF,MAAM,CAAC,MAAM,iBA2FO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC,OAAO,CAAC,UAAU;IAMlB,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK;cAOhB,YAAY,CAAC,CAAC,EAAE,KAAK;CA4BtC;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
@@ -4,24 +4,47 @@ 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 { createScope,
|
8
|
-
import {
|
7
|
+
import { createScope, cssvarValues, define } from "../root.js";
|
8
|
+
import { css, html, ifDefined, property, query, state } from "../deps.js";
|
9
|
+
import { htmlSlot, svgSearch } from "../lib/templates.js";
|
9
10
|
import { InputSTD } from "./std.js";
|
10
11
|
const defineName = "search-input";
|
11
12
|
const cssvarInput = createScope(defineName);
|
12
13
|
let SearchInput = class SearchInput extends InputSTD {
|
13
14
|
constructor() {
|
14
15
|
super(...arguments);
|
15
|
-
|
16
|
+
/**
|
17
|
+
* Query selectors.
|
18
|
+
*/
|
16
19
|
this.query = "";
|
20
|
+
/**
|
21
|
+
* Target selectors.
|
22
|
+
*/
|
17
23
|
this.target = "";
|
24
|
+
/**
|
25
|
+
* Enable infer.
|
26
|
+
*/
|
18
27
|
this.infer = false;
|
28
|
+
/**
|
29
|
+
* Use remote.
|
30
|
+
*/
|
19
31
|
this.remote = false;
|
32
|
+
/**
|
33
|
+
* Float result.
|
34
|
+
*/
|
20
35
|
this.float = false;
|
36
|
+
/**
|
37
|
+
* Form action.
|
38
|
+
*/
|
21
39
|
this.action = "./";
|
40
|
+
/**
|
41
|
+
* Form method.
|
42
|
+
*/
|
22
43
|
this.method = "get";
|
44
|
+
/**
|
45
|
+
* Form name.
|
46
|
+
*/
|
23
47
|
this.name = "q";
|
24
|
-
this.pla = undefined;
|
25
48
|
this.list = [];
|
26
49
|
this.useInfer = async (x) => {
|
27
50
|
await new Promise((resolve) => {
|
@@ -35,7 +58,7 @@ let SearchInput = class SearchInput extends InputSTD {
|
|
35
58
|
render() {
|
36
59
|
return html `<form action="${this.action}" method="${this.method}">
|
37
60
|
<div>
|
38
|
-
<input name="${this.name}" @focus="${this._handleInput}" @input="${this._handleInput}" @change="${this._handleChange}" title="" placeholder="${ifDefined(this.pla)}" />
|
61
|
+
<input .value="${this.value}" ?autofocus="${this.autofocus}" name="${this.name}" @focus="${this._handleInput}" @input="${this._handleInput}" @change="${this._handleChange}" title="" placeholder="${ifDefined(this.pla)}" />
|
39
62
|
<button @click="${this._handleSubmit}">${svgSearch()}</button>
|
40
63
|
</div>
|
41
64
|
<ul>
|
@@ -89,10 +112,9 @@ SearchInput.styles = [
|
|
89
112
|
css `
|
90
113
|
:host {
|
91
114
|
${cssvarInput}--width:var(${cssvarValues.input}--width);
|
115
|
+
${cssvarInput}--input-padding: 0;
|
92
116
|
width: var(${cssvarValues.input}--width);
|
93
117
|
border-radius: var(${cssvarValues.input}--radius);
|
94
|
-
${cssvarInput}--input-padding: 0;
|
95
|
-
display: inline-block;
|
96
118
|
}
|
97
119
|
|
98
120
|
div {
|
@@ -167,7 +189,7 @@ SearchInput.styles = [
|
|
167
189
|
min-width: 0;
|
168
190
|
box-sizing: border-box;
|
169
191
|
margin-left: 0.25em;
|
170
|
-
padding: var(${cssvarInput}--input-padding
|
192
|
+
padding: var(${cssvarInput}--input-padding);
|
171
193
|
font-size: 1rem;
|
172
194
|
}
|
173
195
|
|
@@ -177,12 +199,6 @@ SearchInput.styles = [
|
|
177
199
|
}
|
178
200
|
`,
|
179
201
|
];
|
180
|
-
__decorate([
|
181
|
-
query("input")
|
182
|
-
], SearchInput.prototype, "_input", void 0);
|
183
|
-
__decorate([
|
184
|
-
property({ type: Boolean })
|
185
|
-
], SearchInput.prototype, "autofocus", void 0);
|
186
202
|
__decorate([
|
187
203
|
property()
|
188
204
|
], SearchInput.prototype, "query", void 0);
|
@@ -208,8 +224,8 @@ __decorate([
|
|
208
224
|
property()
|
209
225
|
], SearchInput.prototype, "name", void 0);
|
210
226
|
__decorate([
|
211
|
-
|
212
|
-
], SearchInput.prototype, "
|
227
|
+
query("input")
|
228
|
+
], SearchInput.prototype, "_input", void 0);
|
213
229
|
__decorate([
|
214
230
|
state()
|
215
231
|
], SearchInput.prototype, "list", void 0);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"search-input.js","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"search-input.js","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"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"}
|
@@ -1,14 +1,28 @@
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
2
|
-
import { type HTMLTemplate } from "../
|
2
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
3
3
|
import { InputSTD } from "./std.js";
|
4
4
|
export declare class SelectInput extends InputSTD {
|
5
|
-
|
5
|
+
/**
|
6
|
+
*
|
7
|
+
*/
|
6
8
|
open: boolean;
|
9
|
+
/**
|
10
|
+
* Only a single option is allowed.
|
11
|
+
*/
|
7
12
|
only: boolean;
|
13
|
+
/**
|
14
|
+
* Selected values.
|
15
|
+
*/
|
8
16
|
value: any[];
|
17
|
+
/**
|
18
|
+
* Input name.
|
19
|
+
*/
|
9
20
|
name: string;
|
21
|
+
/**
|
22
|
+
* Selected texts.
|
23
|
+
*/
|
10
24
|
text: string[];
|
11
|
-
|
25
|
+
static styles: CSSResultGroup;
|
12
26
|
get assigned(): any;
|
13
27
|
_input: HTMLInputElement;
|
14
28
|
_aside: HTMLInputElement;
|
@@ -20,7 +34,7 @@ export declare class SelectInput extends InputSTD {
|
|
20
34
|
getOptionValue(option: HTMLElement | any): any;
|
21
35
|
protected firstUpdated(): void;
|
22
36
|
select(value: string, text?: string): void;
|
23
|
-
_handleInput(): void;
|
37
|
+
protected _handleInput(): void;
|
24
38
|
namevalue(): [string, any[]] | [string, any];
|
25
39
|
reset(): void;
|
26
40
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,
|
1
|
+
{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAoC,MAAM,YAAY,CAAC;AAExF,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,QAAQ;IACvC;;OAEG;IACyC,IAAI,UAAS;IACzD;;OAEG;IACyC,IAAI,UAAS;IACzD;;OAEG;IACwB,KAAK,QAAM;IACtC;;OAEG;IACS,IAAI,SAAY;IAC5B;;OAEG;IACwB,IAAI,EAAE,MAAM,EAAE,CAAM;IAE/C,MAAM,CAAC,MAAM,iBAsFO;IAEpB,IAAI,QAAQ,QAEX;IAEe,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IAEzC,SAAS,CAAC,MAAM,IAAI,YAAY;IAkBhC,OAAO,CAAC,UAAU;IAqBlB,SAAS,CAAC,WAAW;IAOrB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAK5B,iBAAiB;IAIjB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG;IAIxC,SAAS,CAAC,YAAY;IAgCtB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IA4CnC,SAAS,CAAC,YAAY;IAuCtB,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAI5C,KAAK;CAcN;AAED,eAAe,WAAW,CAAC;AAM3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
@@ -4,18 +4,33 @@ 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 { css,
|
8
|
-
import {
|
7
|
+
import { css, html, ifDefined, property, query } from "../deps.js";
|
8
|
+
import { cssvarValues, define, GodownElement } from "../root.js";
|
9
|
+
import { htmlSlot, svgDelta, svgX } from "../lib/templates.js";
|
9
10
|
import { InputSTD } from "./std.js";
|
10
11
|
let SelectInput = class SelectInput extends InputSTD {
|
11
12
|
constructor() {
|
12
13
|
super(...arguments);
|
14
|
+
/**
|
15
|
+
*
|
16
|
+
*/
|
13
17
|
this.open = false;
|
18
|
+
/**
|
19
|
+
* Only a single option is allowed.
|
20
|
+
*/
|
14
21
|
this.only = false;
|
22
|
+
/**
|
23
|
+
* Selected values.
|
24
|
+
*/
|
15
25
|
this.value = [];
|
26
|
+
/**
|
27
|
+
* Input name.
|
28
|
+
*/
|
16
29
|
this.name = "select";
|
30
|
+
/**
|
31
|
+
* Selected texts.
|
32
|
+
*/
|
17
33
|
this.text = [];
|
18
|
-
this.autofocus = false;
|
19
34
|
}
|
20
35
|
get assigned() {
|
21
36
|
return super.assigned;
|
@@ -24,6 +39,8 @@ let SelectInput = class SelectInput extends InputSTD {
|
|
24
39
|
return html ` <div>
|
25
40
|
<section>${this.renderList()}</section>
|
26
41
|
<input
|
42
|
+
.value="${this.value}"
|
43
|
+
?autofocus="${this.autofocus}"
|
27
44
|
id="input"
|
28
45
|
@focus="${() => {
|
29
46
|
this.open = true;
|
@@ -77,16 +94,16 @@ let SelectInput = class SelectInput extends InputSTD {
|
|
77
94
|
this.select(i);
|
78
95
|
});
|
79
96
|
this._focusCheck();
|
80
|
-
const
|
97
|
+
const CLICK = "click";
|
81
98
|
this.assigned.forEach((option) => {
|
82
99
|
if (this.getOptionValue(option)) {
|
83
|
-
this.addEvent(option,
|
100
|
+
this.addEvent(option, CLICK, () => {
|
84
101
|
this.select(this.getOptionValue(option), option.textContent);
|
85
102
|
});
|
86
103
|
}
|
87
104
|
else if (option.children) {
|
88
105
|
[...option.children].forEach((option) => {
|
89
|
-
this.addEvent(option,
|
106
|
+
this.addEvent(option, CLICK, () => {
|
90
107
|
this.select(this.getOptionValue(option), option.textContent);
|
91
108
|
});
|
92
109
|
});
|
@@ -95,7 +112,7 @@ let SelectInput = class SelectInput extends InputSTD {
|
|
95
112
|
this.addEvent(this, "change", () => {
|
96
113
|
this.open = !this.only;
|
97
114
|
});
|
98
|
-
this.addEvent(document,
|
115
|
+
this.addEvent(document, CLICK, (e) => {
|
99
116
|
if (!this.contains(e.target)) {
|
100
117
|
this.open = false;
|
101
118
|
}
|
@@ -149,18 +166,20 @@ let SelectInput = class SelectInput extends InputSTD {
|
|
149
166
|
this.requestUpdate();
|
150
167
|
}
|
151
168
|
_handleInput() {
|
169
|
+
const BLOCK = "block";
|
170
|
+
const NONE = "none";
|
152
171
|
let value = this._input.value.trim();
|
153
172
|
if (!this.only && value.includes(";")) {
|
154
173
|
value = value.split(";").pop().trim();
|
155
174
|
}
|
156
175
|
this.assigned.forEach((option) => {
|
157
176
|
if (this.getOptionValue(option)) {
|
158
|
-
option.style.display =
|
177
|
+
option.style.display = BLOCK;
|
159
178
|
}
|
160
179
|
if (option.children) {
|
161
|
-
option.style.display =
|
180
|
+
option.style.display = BLOCK;
|
162
181
|
[...option.children].forEach((subOption) => {
|
163
|
-
subOption.style.display =
|
182
|
+
subOption.style.display = BLOCK;
|
164
183
|
});
|
165
184
|
}
|
166
185
|
});
|
@@ -169,16 +188,16 @@ let SelectInput = class SelectInput extends InputSTD {
|
|
169
188
|
const optionValue = this.getOptionValue(option);
|
170
189
|
if (optionValue) {
|
171
190
|
const isMatch = includesIgnoreCase(optionValue, value) || includesIgnoreCase(option.innerText, value);
|
172
|
-
option.style.display = isMatch ?
|
191
|
+
option.style.display = isMatch ? BLOCK : NONE;
|
173
192
|
}
|
174
193
|
else if (option.children) {
|
175
194
|
[...option.children].forEach((subOption) => {
|
176
195
|
const subOptionValue = this.getOptionValue(subOption);
|
177
196
|
const isSubMatch = includesIgnoreCase(subOptionValue, value) || includesIgnoreCase(subOption.innerText, value);
|
178
|
-
subOption.style.display = isSubMatch ?
|
197
|
+
subOption.style.display = isSubMatch ? BLOCK : NONE;
|
179
198
|
});
|
180
|
-
if ([...option.children].filter((option) => option.style.display ===
|
181
|
-
option.style.display =
|
199
|
+
if ([...option.children].filter((option) => option.style.display === BLOCK).length === 0) {
|
200
|
+
option.style.display = NONE;
|
182
201
|
}
|
183
202
|
}
|
184
203
|
});
|
@@ -208,7 +227,6 @@ SelectInput.styles = [
|
|
208
227
|
css `
|
209
228
|
:host {
|
210
229
|
background: var(${cssvarValues.input}--background);
|
211
|
-
display: inline-flex;
|
212
230
|
outline: var(${cssvarValues.input}--outline-width) solid transparent;
|
213
231
|
height: var(${cssvarValues.input}--height);
|
214
232
|
width: var(${cssvarValues.input}--width);
|
@@ -306,9 +324,6 @@ __decorate([
|
|
306
324
|
__decorate([
|
307
325
|
property({ type: Array })
|
308
326
|
], SelectInput.prototype, "text", void 0);
|
309
|
-
__decorate([
|
310
|
-
property({ type: Boolean })
|
311
|
-
], SelectInput.prototype, "autofocus", void 0);
|
312
327
|
__decorate([
|
313
328
|
query("input")
|
314
329
|
], SelectInput.prototype, "_input", void 0);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,
|
1
|
+
{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":"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"}
|
@@ -1,15 +1,21 @@
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
2
|
-
import { type HTMLTemplate } from "../
|
2
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
3
3
|
import { FormSTD } from "./std.js";
|
4
4
|
export declare class BaseForm extends FormSTD {
|
5
|
-
|
6
|
-
|
5
|
+
/**
|
6
|
+
* Form enctype.
|
7
|
+
*/
|
8
|
+
enctype: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
|
7
9
|
_form: HTMLFormElement;
|
10
|
+
static styles: CSSResultGroup;
|
8
11
|
protected render(): HTMLTemplate;
|
9
12
|
reset(): void;
|
10
|
-
namevalue(enctype?:
|
13
|
+
namevalue(enctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain"): [string, Record<string, any>];
|
11
14
|
FormData(): FormData;
|
12
15
|
}
|
16
|
+
/**
|
17
|
+
* SignForm is now an alias for {@linkcode BaseForm}.
|
18
|
+
*/
|
13
19
|
export declare class SignForm extends BaseForm {
|
14
20
|
}
|
15
21
|
export default SignForm;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,
|
1
|
+
{"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGlE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,qBACa,QAAS,SAAQ,OAAO;IACnC;;OAEG;IACS,OAAO,EAAE,mCAAmC,GAAG,qBAAqB,GAAG,YAAY,CAAyB;IAEzG,KAAK,EAAE,eAAe,CAAC;IAEtC,MAAM,CAAC,MAAM,iBAcO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAQhC,KAAK;IA0BL,SAAS,CAAC,OAAO,6EAAe,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAgChE,QAAQ,IAAI,QAAQ;CA8BrB;AAED;;GAEG;AACH,qBACa,QAAS,SAAQ,QAAQ;CAAG;AAEzC,eAAe,QAAQ,CAAC;AAExB,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,17 +4,21 @@ 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 { css,
|
8
|
-
import { htmlSlot } from "../
|
7
|
+
import { css, html, property, query } from "../deps.js";
|
8
|
+
import { htmlSlot } from "../lib/templates.js";
|
9
|
+
import { define } from "../root.js";
|
9
10
|
import { each } from "../lib/utils.js";
|
10
11
|
import { FormSTD } from "./std.js";
|
11
12
|
let BaseForm = class BaseForm extends FormSTD {
|
12
13
|
constructor() {
|
13
14
|
super(...arguments);
|
15
|
+
/**
|
16
|
+
* Form enctype.
|
17
|
+
*/
|
14
18
|
this.enctype = "multipart/form-data";
|
15
19
|
}
|
16
20
|
render() {
|
17
|
-
return html `<form enctype="
|
21
|
+
return html `<form enctype="${this.enctype}">
|
18
22
|
${htmlSlot("pre")}
|
19
23
|
<main>${htmlSlot()}</main>
|
20
24
|
${htmlSlot("suf")}
|
@@ -80,7 +84,7 @@ let BaseForm = class BaseForm extends FormSTD {
|
|
80
84
|
FormData() {
|
81
85
|
const temp = {};
|
82
86
|
const tempForm = document.createElement("form");
|
83
|
-
tempForm.enctype =
|
87
|
+
tempForm.enctype = this.enctype;
|
84
88
|
for (const slot of this._slots) {
|
85
89
|
for (const i of slot.assignedNodes()) {
|
86
90
|
if (i.FormData) {
|
@@ -111,10 +115,6 @@ let BaseForm = class BaseForm extends FormSTD {
|
|
111
115
|
};
|
112
116
|
BaseForm.styles = [
|
113
117
|
css `
|
114
|
-
:host {
|
115
|
-
display: flow-root;
|
116
|
-
}
|
117
|
-
|
118
118
|
form {
|
119
119
|
display: flex;
|
120
120
|
flex-direction: column;
|
@@ -138,6 +138,9 @@ BaseForm = __decorate([
|
|
138
138
|
define("base-form")
|
139
139
|
], BaseForm);
|
140
140
|
export { BaseForm };
|
141
|
+
/**
|
142
|
+
* SignForm is now an alias for {@linkcode BaseForm}.
|
143
|
+
*/
|
141
144
|
let SignForm = class SignForm extends BaseForm {
|
142
145
|
};
|
143
146
|
SignForm = __decorate([
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"sign-form.js","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,
|
1
|
+
{"version":3,"file":"sign-form.js","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"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"}
|
@@ -1,17 +1,23 @@
|
|
1
|
-
import { type CSSResultGroup
|
1
|
+
import { type CSSResultGroup } from "../deps.js";
|
2
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
2
3
|
import { InputSTD } from "./std.js";
|
3
4
|
export declare class SplitInput extends InputSTD {
|
4
|
-
|
5
|
+
/**
|
6
|
+
* The number of simulated input boxes.
|
7
|
+
*/
|
5
8
|
max: number;
|
9
|
+
/**
|
10
|
+
* Active index.
|
11
|
+
*/
|
6
12
|
index: number;
|
7
|
-
autofocus: boolean;
|
8
13
|
_input: HTMLInputElement;
|
9
14
|
_spans: NodeListOf<HTMLSpanElement>;
|
10
15
|
current: number;
|
11
16
|
currentValue: (string | null)[];
|
17
|
+
static styles: CSSResultGroup;
|
12
18
|
protected render(): HTMLTemplate;
|
13
19
|
protected firstUpdated(): void;
|
14
|
-
_handleInput(e: InputEvent): void;
|
20
|
+
protected _handleInput(e: InputEvent): void;
|
15
21
|
focus(): void;
|
16
22
|
focusAt(i?: number): void;
|
17
23
|
blur(i?: number): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAmC,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAQpC,qBACa,UAAW,SAAQ,QAAQ;IACtC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,KAAK,SAAM;IAEvB,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,SAAK;IACZ,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,MAAM,CAAC,MAAM,iBAiDO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,SAAS,CAAC,YAAY;IAiBtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IA4BpC,KAAK;IAIL,OAAO,CAAC,CAAC,SAAe;IAQxB,IAAI,CAAC,CAAC,SAAe;IAKrB,KAAK;CASN;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
@@ -4,16 +4,23 @@ 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 { createScope,
|
7
|
+
import { createScope, cssvarValues, define } from "../root.js";
|
8
|
+
import { css, html, property, query, queryAll } from "../deps.js";
|
8
9
|
import { InputSTD } from "./std.js";
|
10
|
+
const FOCUS = "focus";
|
9
11
|
const defineName = "split-input";
|
10
12
|
const cssScope = createScope(defineName);
|
11
13
|
let SplitInput = class SplitInput extends InputSTD {
|
12
14
|
constructor() {
|
13
15
|
super(...arguments);
|
16
|
+
/**
|
17
|
+
* The number of simulated input boxes.
|
18
|
+
*/
|
14
19
|
this.max = 6;
|
20
|
+
/**
|
21
|
+
* Active index.
|
22
|
+
*/
|
15
23
|
this.index = -1;
|
16
|
-
this.autofocus = false;
|
17
24
|
this.current = 0;
|
18
25
|
this.currentValue = [];
|
19
26
|
}
|
@@ -28,7 +35,6 @@ let SplitInput = class SplitInput extends InputSTD {
|
|
28
35
|
`;
|
29
36
|
}
|
30
37
|
firstUpdated() {
|
31
|
-
this._focusCheck();
|
32
38
|
this.currentValue = this.value.split("").concat(Array(this.max - this.value.length).fill(null));
|
33
39
|
this.current = this.index < 0 || this.index > this.max ? this.currentValue.indexOf(null) : this.index;
|
34
40
|
this._spans.forEach((span, index) => {
|
@@ -78,15 +84,14 @@ let SplitInput = class SplitInput extends InputSTD {
|
|
78
84
|
this.focusAt();
|
79
85
|
}
|
80
86
|
focusAt(i = this.current) {
|
81
|
-
const focus = "focus";
|
82
87
|
this._spans.forEach((span) => {
|
83
|
-
span.classList.remove(
|
88
|
+
span.classList.remove(FOCUS);
|
84
89
|
});
|
85
|
-
this._spans[i]?.classList.add(
|
90
|
+
this._spans[i]?.classList.add(FOCUS);
|
86
91
|
this._input.value = "";
|
87
92
|
}
|
88
93
|
blur(i = this.current) {
|
89
|
-
this._spans[i]?.classList.remove(
|
94
|
+
this._spans[i]?.classList.remove(FOCUS);
|
90
95
|
this._input.blur();
|
91
96
|
}
|
92
97
|
reset() {
|
@@ -104,7 +109,6 @@ SplitInput.styles = [
|
|
104
109
|
css `
|
105
110
|
:host {
|
106
111
|
${cssScope}--outline: .12em solid var( ${cssvarValues.input}--outline-color);
|
107
|
-
display: inline-flex;
|
108
112
|
width: fit-content;
|
109
113
|
border-radius: 1px;
|
110
114
|
}
|
@@ -156,9 +160,6 @@ __decorate([
|
|
156
160
|
__decorate([
|
157
161
|
property({ type: Number })
|
158
162
|
], SplitInput.prototype, "index", void 0);
|
159
|
-
__decorate([
|
160
|
-
property({ type: Boolean })
|
161
|
-
], SplitInput.prototype, "autofocus", void 0);
|
162
163
|
__decorate([
|
163
164
|
query("input")
|
164
165
|
], SplitInput.prototype, "_input", void 0);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split-input.js","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"split-input.js","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"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"}
|