godown 2.4.0 → 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 +11 -4
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +9 -3
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +83 -69
- 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} +14 -34
- 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 +15 -4
- 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 +23 -1
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +45 -8
- 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 +13 -8
- 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 +11 -1
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +39 -5
- 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 +46 -2
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +129 -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 +26 -7
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +35 -15
- 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 -215
- 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
package/input-form/base-input.js
CHANGED
@@ -4,21 +4,38 @@ 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 { cssvar, cssvarValues, define } from "../root.js";
|
9
|
+
import { htmlSlot } from "../lib/templates.js";
|
9
10
|
import { InputSTD } from "./std.js";
|
10
11
|
const defineName = "base-input";
|
11
12
|
let BaseInput = class BaseInput extends InputSTD {
|
12
13
|
constructor() {
|
13
14
|
super(...arguments);
|
15
|
+
/**
|
16
|
+
* Input sccept.
|
17
|
+
*/
|
14
18
|
this.accept = undefined;
|
15
|
-
|
19
|
+
/**
|
20
|
+
* Value.
|
21
|
+
*/
|
16
22
|
this.value = undefined;
|
23
|
+
/**
|
24
|
+
* Only single files are allowed to be selected.
|
25
|
+
*/
|
17
26
|
this.only = false;
|
27
|
+
/**
|
28
|
+
* Input min.
|
29
|
+
*/
|
18
30
|
this.min = 0;
|
31
|
+
/**
|
32
|
+
* Input max.
|
33
|
+
*/
|
19
34
|
this.max = 100;
|
35
|
+
/**
|
36
|
+
* Input step.
|
37
|
+
*/
|
20
38
|
this.step = 1;
|
21
|
-
this.autofocus = false;
|
22
39
|
}
|
23
40
|
render() {
|
24
41
|
if (this.type === "range") {
|
@@ -28,12 +45,12 @@ let BaseInput = class BaseInput extends InputSTD {
|
|
28
45
|
<b>
|
29
46
|
<i></i>
|
30
47
|
</b>
|
31
|
-
</div
|
48
|
+
</div>`;
|
32
49
|
}
|
33
50
|
return html `<label for="input"> ${htmlSlot("pre")} ${this._typeSwitcher()} ${htmlSlot("suf")} </label>`;
|
34
51
|
}
|
35
52
|
connectedCallback() {
|
36
|
-
|
53
|
+
super.connectedCallback();
|
37
54
|
if (this.type === "file") {
|
38
55
|
this.value = null;
|
39
56
|
}
|
@@ -48,6 +65,7 @@ let BaseInput = class BaseInput extends InputSTD {
|
|
48
65
|
this._initName();
|
49
66
|
}
|
50
67
|
firstUpdated() {
|
68
|
+
super.firstUpdated();
|
51
69
|
if (this.type === "range") {
|
52
70
|
this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
|
53
71
|
}
|
@@ -81,9 +99,9 @@ let BaseInput = class BaseInput extends InputSTD {
|
|
81
99
|
case "file":
|
82
100
|
return html `<input id="input" class="input" type="file" accept="${ifDefined(this.accept)}" ?multiple="${!this.only}" @change="${this._handleFile}" />${htmlSlot()}`;
|
83
101
|
case "number":
|
84
|
-
return html `<input id="input" class="input" type="number" placeholder="${ifDefined(this.pla)}" min="${this.min}" max="${this.max}" @input="${this._handleInput}" @change="${this._handleChange}" />`;
|
102
|
+
return html `<input .value="${this.value}" ?autofocus="${this.autofocus}" id="input" class="input" type="number" placeholder="${ifDefined(this.pla)}" min="${this.min}" max="${this.max}" @input="${this._handleInput}" @change="${this._handleChange}" />`;
|
85
103
|
default:
|
86
|
-
return html `<input id="input" class="input" type="${this.type}" placeholder="${ifDefined(this.pla)}" @input="${this._handleInput}" @change="${this._handleChange}" />`;
|
104
|
+
return html `<input .value="${this.value}" ?autofocus="${this.autofocus}" id="input" class="input" type="${this.type}" placeholder="${ifDefined(this.pla)}" @input="${this._handleInput}" @change="${this._handleChange}" />`;
|
87
105
|
}
|
88
106
|
}
|
89
107
|
};
|
@@ -91,7 +109,6 @@ BaseInput.styles = [
|
|
91
109
|
InputSTD.styles,
|
92
110
|
css `
|
93
111
|
:host {
|
94
|
-
display: inline-flex;
|
95
112
|
width: var(${cssvarValues.input}--width);
|
96
113
|
height: var(${cssvarValues.input}--height);
|
97
114
|
background: var(${cssvarValues.input}--background);
|
@@ -198,18 +215,9 @@ BaseInput.styles = [
|
|
198
215
|
}
|
199
216
|
`,
|
200
217
|
];
|
201
|
-
__decorate([
|
202
|
-
query("#input")
|
203
|
-
], BaseInput.prototype, "_input", void 0);
|
204
|
-
__decorate([
|
205
|
-
query(".range i")
|
206
|
-
], BaseInput.prototype, "_ranged", void 0);
|
207
218
|
__decorate([
|
208
219
|
property()
|
209
220
|
], BaseInput.prototype, "accept", void 0);
|
210
|
-
__decorate([
|
211
|
-
property({ reflect: true })
|
212
|
-
], BaseInput.prototype, "type", void 0);
|
213
221
|
__decorate([
|
214
222
|
property()
|
215
223
|
], BaseInput.prototype, "value", void 0);
|
@@ -226,8 +234,11 @@ __decorate([
|
|
226
234
|
property({ type: Number })
|
227
235
|
], BaseInput.prototype, "step", void 0);
|
228
236
|
__decorate([
|
229
|
-
|
230
|
-
], BaseInput.prototype, "
|
237
|
+
query("#input")
|
238
|
+
], BaseInput.prototype, "_input", void 0);
|
239
|
+
__decorate([
|
240
|
+
query(".range i")
|
241
|
+
], BaseInput.prototype, "_ranged", void 0);
|
231
242
|
BaseInput = __decorate([
|
232
243
|
define(defineName)
|
233
244
|
], BaseInput);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../src/input-form/base-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,
|
1
|
+
{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../src/input-form/base-input.ts"],"names":[],"mappings":"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"}
|
@@ -1,13 +1,19 @@
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
2
|
-
import { type HTMLTemplate } from "../
|
3
|
-
import { InputSTD
|
2
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
3
|
+
import { InputSTD } from "./std.js";
|
4
|
+
/**
|
5
|
+
* When there is a label, the layout will be adjusted according to the width of the screen.
|
6
|
+
*
|
7
|
+
* Otherwise it behaves similarly to the `BaseInput`.
|
8
|
+
*/
|
4
9
|
export declare class LabelInput extends InputSTD {
|
5
|
-
|
6
|
-
|
10
|
+
/**
|
11
|
+
* Conditions for adjust layout.
|
12
|
+
*/
|
7
13
|
m: string;
|
8
14
|
_input: HTMLInputElement;
|
9
15
|
static styles: CSSResultGroup;
|
10
|
-
protected render(): HTMLTemplate;
|
16
|
+
protected render(): HTMLTemplate[];
|
11
17
|
private renderSuf;
|
12
18
|
protected _passwordSwitcher(): void;
|
13
19
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../src/input-form/label-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,
|
1
|
+
{"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../src/input-form/label-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAE7E,OAAO,EAAuB,KAAK,YAAY,EAAU,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AA+BpC;;;;GAIG;AACH,qBACa,UAAW,SAAQ,QAAQ;IACtC;;OAEG;IACS,CAAC,SAAW;IAER,MAAM,EAAE,gBAAgB,CAAC;IAEzC,MAAM,CAAC,MAAM,iBA2DO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,EAAE;IAmBlC,OAAO,CAAC,SAAS;IAkBjB,SAAS,CAAC,iBAAiB;CAO5B;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
@@ -4,41 +4,77 @@ 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, property, query } from "../deps.js";
|
8
|
+
import { cssvarValues, define } from "../root.js";
|
9
|
+
import { htmlSlot, htmlStyle, svgEye } from "../lib/templates.js";
|
9
10
|
import { InputSTD } from "./std.js";
|
11
|
+
const PASSWORD = "password";
|
12
|
+
const styleInMedia = css `
|
13
|
+
label[for] {
|
14
|
+
justify-content: flex-start;
|
15
|
+
flex-direction: column;
|
16
|
+
align-items: inherit;
|
17
|
+
width: fit-content;
|
18
|
+
}
|
19
|
+
:host {
|
20
|
+
width: var(${cssvarValues.input}--width);
|
21
|
+
margin: auto;
|
22
|
+
}
|
23
|
+
`;
|
24
|
+
const styleNoLabel = css `
|
25
|
+
:host {
|
26
|
+
width: var(${cssvarValues.input}--width);
|
27
|
+
}
|
28
|
+
`;
|
29
|
+
const styleWithLabel = css `
|
30
|
+
:host {
|
31
|
+
width: calc(var(${cssvarValues.input}--width) * 2);
|
32
|
+
}
|
33
|
+
`;
|
10
34
|
const defineName = "label-input";
|
35
|
+
/**
|
36
|
+
* When there is a label, the layout will be adjusted according to the width of the screen.
|
37
|
+
*
|
38
|
+
* Otherwise it behaves similarly to the `BaseInput`.
|
39
|
+
*/
|
11
40
|
let LabelInput = class LabelInput extends InputSTD {
|
12
41
|
constructor() {
|
13
42
|
super(...arguments);
|
14
|
-
|
15
|
-
|
43
|
+
/**
|
44
|
+
* Conditions for adjust layout.
|
45
|
+
*/
|
16
46
|
this.m = "540px";
|
17
47
|
}
|
18
48
|
render() {
|
19
|
-
const
|
20
|
-
|
21
|
-
<
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
49
|
+
const result = html `<fieldset>
|
50
|
+
<i>${htmlSlot("pre")}</i>
|
51
|
+
<input .value="${this.value}" ?autofocus="${this.autofocus}" id="${this.name}" type="${this.type}" placeholder="${this.pla}" class="${this.type}" @input="${this._handleInput}" @change="${this._handleChange}" />
|
52
|
+
${this.renderSuf()}
|
53
|
+
</fieldset>`;
|
54
|
+
if (this.label) {
|
55
|
+
const style = this.m && `}${styleWithLabel}@media (max-width: ${this.m}){${styleInMedia}`;
|
56
|
+
return [
|
57
|
+
html `<label for="${this.name}">
|
58
|
+
<span>${this.label}${htmlSlot()}</span>
|
59
|
+
${result}
|
60
|
+
</label>`,
|
61
|
+
htmlStyle(style),
|
62
|
+
];
|
63
|
+
}
|
64
|
+
return [result, htmlStyle(styleNoLabel.toString())];
|
29
65
|
}
|
30
66
|
renderSuf() {
|
31
|
-
if (this.type ===
|
67
|
+
if (this.type === PASSWORD) {
|
32
68
|
return html `<i
|
33
69
|
@mousedown="${this._passwordSwitcher}"
|
34
70
|
@mouseup="${() => {
|
35
|
-
this._changeInputType(
|
71
|
+
this._changeInputType(PASSWORD);
|
36
72
|
}}"
|
37
73
|
@mouseleave="${() => {
|
38
|
-
this._changeInputType(
|
74
|
+
this._changeInputType(PASSWORD);
|
39
75
|
}}"
|
40
76
|
>
|
41
|
-
${
|
77
|
+
${htmlSlot("suf", svgEye(), this)}
|
42
78
|
</i>`;
|
43
79
|
}
|
44
80
|
else {
|
@@ -46,11 +82,11 @@ let LabelInput = class LabelInput extends InputSTD {
|
|
46
82
|
}
|
47
83
|
}
|
48
84
|
_passwordSwitcher() {
|
49
|
-
if (this._input.type ===
|
50
|
-
this._changeInputType(
|
85
|
+
if (this._input.type === PASSWORD) {
|
86
|
+
this._changeInputType("text");
|
51
87
|
}
|
52
88
|
else {
|
53
|
-
this._changeInputType(
|
89
|
+
this._changeInputType(PASSWORD);
|
54
90
|
}
|
55
91
|
}
|
56
92
|
};
|
@@ -58,16 +94,12 @@ LabelInput.styles = [
|
|
58
94
|
InputSTD.styles,
|
59
95
|
css `
|
60
96
|
:host {
|
61
|
-
background-color: inherit;
|
62
|
-
display: block;
|
63
97
|
border-radius: var(${cssvarValues.input}--radius);
|
64
|
-
max-width: calc(var(${cssvarValues.input}--width) * 2);
|
65
|
-
margin: auto;
|
66
98
|
}
|
67
99
|
|
68
100
|
label {
|
69
|
-
margin: auto;
|
70
101
|
width: 100%;
|
102
|
+
margin: auto;
|
71
103
|
box-sizing: border-box;
|
72
104
|
height: fit-content;
|
73
105
|
display: flex;
|
@@ -77,7 +109,6 @@ LabelInput.styles = [
|
|
77
109
|
}
|
78
110
|
|
79
111
|
span {
|
80
|
-
flex: 1;
|
81
112
|
white-space: nowrap;
|
82
113
|
}
|
83
114
|
|
@@ -115,19 +146,10 @@ LabelInput.styles = [
|
|
115
146
|
border-radius: inherit;
|
116
147
|
height: var(${cssvarValues.input}--height);
|
117
148
|
width: var(${cssvarValues.input}--width);
|
118
|
-
|
119
|
-
|
120
|
-
::-ms-reveal {
|
121
|
-
display: none;
|
149
|
+
min-width: var(${cssvarValues.input}--width);
|
122
150
|
}
|
123
151
|
`,
|
124
152
|
];
|
125
|
-
__decorate([
|
126
|
-
property({ reflect: true })
|
127
|
-
], LabelInput.prototype, "type", void 0);
|
128
|
-
__decorate([
|
129
|
-
property({ type: Boolean })
|
130
|
-
], LabelInput.prototype, "autofocus", void 0);
|
131
153
|
__decorate([
|
132
154
|
property()
|
133
155
|
], LabelInput.prototype, "m", void 0);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"label-input.js","sourceRoot":"","sources":["../../src/input-form/label-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,
|
1
|
+
{"version":3,"file":"label-input.js","sourceRoot":"","sources":["../../src/input-form/label-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,QAAQ,GAAG,UAAU,CAAC;AAE5B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;iBAQP,YAAY,CAAC,KAAK;;;CAGlC,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAA;;iBAEP,YAAY,CAAC,KAAK;;CAElC,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,CAAA;;sBAEJ,YAAY,CAAC,KAAK;;CAEvC,CAAC;AAEF,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC;;;;GAIG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,QAAQ;IAAjC;;QACL;;WAEG;QACS,MAAC,GAAG,OAAO,CAAC;IA6G1B,CAAC;IA5CW,MAAM;QACd,MAAM,MAAM,GAAG,IAAI,CAAA;WACZ,QAAQ,CAAC,KAAK,CAAC;uBACH,IAAI,CAAC,KAAK,iBAAiB,IAAI,CAAC,SAAS,SAAS,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,kBAAkB,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,IAAI,aAAa,IAAI,CAAC,YAAY,cAAc,IAAI,CAAC,aAAa;QAC3M,IAAI,CAAC,SAAS,EAAE;gBACR,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,cAAc,sBAAsB,IAAI,CAAC,CAAC,KAAK,YAAY,EAAE,CAAC;YAC1F,OAAO;gBACL,IAAI,CAAA,eAAe,IAAI,CAAC,IAAI;kBAClB,IAAI,CAAC,KAAK,GAAG,QAAQ,EAAE;YAC7B,MAAM;iBACD;gBACT,SAAS,CAAC,KAAK,CAAC;aACjB,CAAC;SACH;QACD,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IACtD,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC1B,OAAO,IAAI,CAAA;sBACK,IAAI,CAAC,iBAAiB;oBACxB,GAAG,EAAE;gBACf,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YAClC,CAAC;uBACc,GAAG,EAAE;gBAClB,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YAClC,CAAC;;UAEC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC;WAC9B,CAAC;SACP;aAAM;YACL,OAAO,IAAI,CAAA,MAAM,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;SACxC;IACH,CAAC;IAES,iBAAiB;QACzB,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;YACjC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;SAC/B;aAAM;YACL,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;SACjC;IACH,CAAC;;AAxGM,iBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;6BAEsB,YAAY,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA4BxB,YAAY,CAAC,KAAK;;;;;;;;;;;;;;;;;;gCAkBT,YAAY,CAAC,KAAK;;;;sBAI5B,YAAY,CAAC,KAAK;qBACnB,YAAY,CAAC,KAAK;yBACd,YAAY,CAAC,KAAK;;KAEtC;CACgB,AA3DN,CA2DO;AA/DR;IAAX,QAAQ,EAAE;qCAAa;AAER;IAAf,KAAK,CAAC,OAAO,CAAC;0CAA0B;AAN9B,UAAU;IADtB,MAAM,CAAC,UAAU,CAAC;GACN,UAAU,CAiHtB;;AAED,eAAe,UAAU,CAAC"}
|
@@ -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"}
|