godown 1.2.0 → 2.0.1
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/conf.d.ts +6 -6
- package/conf.d.ts.map +1 -1
- package/conf.js +7 -6
- package/conf.js.map +1 -0
- package/deps.d.ts +4 -4
- package/deps.d.ts.map +1 -1
- package/deps.js +5 -4
- package/deps.js.map +1 -0
- package/effect/clip-text.d.ts +13 -0
- package/effect/clip-text.d.ts.map +1 -0
- package/effect/clip-text.js +35 -0
- package/effect/clip-text.js.map +1 -0
- package/effect/index.d.ts +3 -3
- package/effect/index.d.ts.map +1 -1
- package/effect/index.js +4 -3
- package/effect/index.js.map +1 -0
- package/effect/overbreath-text.d.ts +14 -0
- package/effect/overbreath-text.d.ts.map +1 -0
- package/effect/{ov-effect.js → overbreath-text.js} +57 -112
- package/effect/overbreath-text.js.map +1 -0
- package/effect/std.d.ts +2 -2
- package/effect/std.d.ts.map +1 -1
- package/effect/std.js +3 -2
- package/effect/std.js.map +1 -0
- package/effect/typewriter-text.d.ts +27 -0
- package/effect/typewriter-text.d.ts.map +1 -0
- package/effect/typewriter-text.js +121 -0
- package/effect/typewriter-text.js.map +1 -0
- package/glob.d.ts +15 -2
- package/glob.d.ts.map +1 -1
- package/glob.js +101 -5
- package/glob.js.map +1 -0
- package/group/avatar-group.d.ts +5 -7
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +24 -47
- package/group/avatar-group.js.map +1 -0
- package/group/details-group.d.ts +3 -4
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +7 -8
- package/group/details-group.js.map +1 -0
- package/group/index.d.ts +0 -1
- package/group/index.d.ts.map +1 -1
- package/group/index.js +1 -1
- package/group/index.js.map +1 -0
- package/group/std.d.ts +2 -2
- package/group/std.d.ts.map +1 -1
- package/group/std.js +3 -2
- package/group/std.js.map +1 -0
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/input-form/base-input.d.ts +6 -10
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +40 -47
- package/input-form/base-input.js.map +1 -0
- package/input-form/index.d.ts +0 -1
- package/input-form/index.d.ts.map +1 -1
- package/input-form/index.js +1 -1
- package/input-form/index.js.map +1 -0
- package/input-form/label-input.d.ts +4 -9
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +45 -57
- package/input-form/label-input.js.map +1 -0
- package/input-form/search-input.d.ts +6 -17
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +31 -148
- package/input-form/search-input.js.map +1 -0
- package/input-form/select-input.d.ts +5 -8
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +49 -63
- package/input-form/select-input.js.map +1 -0
- package/input-form/sign-form.d.ts +6 -11
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +29 -40
- package/input-form/sign-form.js.map +1 -0
- package/input-form/split-input.d.ts +3 -5
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +26 -29
- package/input-form/split-input.js.map +1 -0
- package/input-form/std.d.ts +25 -8
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +95 -20
- package/input-form/std.js.map +1 -0
- package/input-form/switch-input.d.ts +3 -3
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +27 -7
- package/input-form/switch-input.js.map +1 -0
- package/items/alert-item.d.ts +4 -3
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +99 -96
- package/items/alert-item.js.map +1 -0
- package/items/avatar-a.d.ts +17 -0
- package/items/avatar-a.d.ts.map +1 -0
- package/items/avatar-a.js +102 -0
- package/items/avatar-a.js.map +1 -0
- package/items/base-button.d.ts +23 -6
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +186 -142
- package/items/base-button.js.map +1 -0
- package/items/dialog-item.d.ts +10 -9
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +69 -43
- package/items/dialog-item.js.map +1 -0
- package/items/index.d.ts +2 -1
- package/items/index.d.ts.map +1 -1
- package/items/index.js +3 -1
- package/items/index.js.map +1 -0
- package/items/link-a.d.ts +6 -5
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +24 -49
- package/items/link-a.js.map +1 -0
- package/items/load-track.d.ts +4 -4
- package/items/load-track.d.ts.map +1 -1
- package/items/load-track.js +19 -15
- package/items/load-track.js.map +1 -0
- package/items/std.d.ts +2 -2
- package/items/std.d.ts.map +1 -1
- package/items/std.js +3 -2
- package/items/std.js.map +1 -0
- package/items/super-a.d.ts +3 -3
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +26 -17
- package/items/super-a.js.map +1 -0
- package/items/time-bar.d.ts +22 -0
- package/items/time-bar.d.ts.map +1 -0
- package/items/time-bar.js +99 -0
- package/items/time-bar.js.map +1 -0
- package/layout/div-line.d.ts +2 -2
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +12 -7
- package/layout/div-line.js.map +1 -0
- package/layout/drag-box.d.ts +10 -12
- package/layout/drag-box.d.ts.map +1 -1
- package/layout/drag-box.js +10 -18
- package/layout/drag-box.js.map +1 -0
- package/layout/flex-flow.d.ts +2 -2
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +7 -5
- package/layout/flex-flow.js.map +1 -0
- package/layout/index.d.ts +1 -0
- package/layout/index.d.ts.map +1 -1
- package/layout/index.js +2 -0
- package/layout/index.js.map +1 -0
- package/layout/nav-aside.d.ts +3 -3
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +9 -6
- package/layout/nav-aside.js.map +1 -0
- package/layout/nav-layout.d.ts +2 -4
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +23 -42
- package/layout/nav-layout.js.map +1 -0
- package/layout/std.d.ts +3 -3
- package/layout/std.d.ts.map +1 -1
- package/layout/std.js +4 -3
- package/layout/std.js.map +1 -0
- package/layout/with-wrap.d.ts +13 -0
- package/layout/with-wrap.d.ts.map +1 -0
- package/layout/with-wrap.js +32 -0
- package/layout/with-wrap.js.map +1 -0
- package/package.json +7 -5
- package/react/effect.d.ts +2 -5
- package/react/effect.d.ts.map +1 -1
- package/react/effect.js +8 -22
- package/react/effect.js.map +1 -0
- package/react/group.d.ts +0 -1
- package/react/group.d.ts.map +1 -1
- package/react/group.js +2 -6
- package/react/group.js.map +1 -0
- package/react/index.js +1 -0
- package/react/index.js.map +1 -0
- package/react/input-form.d.ts +0 -5
- package/react/input-form.d.ts.map +1 -1
- package/react/input-form.js +9 -19
- package/react/input-form.js.map +1 -0
- package/react/items.d.ts +2 -1
- package/react/items.d.ts.map +1 -1
- package/react/items.js +9 -3
- package/react/items.js.map +1 -0
- package/react/layout.d.ts.map +1 -1
- package/react/layout.js +2 -1
- package/react/layout.js.map +1 -0
- package/react/view.d.ts +1 -0
- package/react/view.d.ts.map +1 -1
- package/react/view.js +7 -1
- package/react/view.js.map +1 -0
- package/tmpl.d.ts +20 -0
- package/tmpl.d.ts.map +1 -0
- package/tmpl.js +39 -0
- package/tmpl.js.map +1 -0
- package/view/details-expand.d.ts +6 -4
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +30 -26
- package/view/details-expand.js.map +1 -0
- package/view/down-drop.d.ts +8 -4
- package/view/down-drop.d.ts.map +1 -1
- package/view/down-drop.js +45 -24
- package/view/down-drop.js.map +1 -0
- package/view/index.d.ts +1 -0
- package/view/index.d.ts.map +1 -1
- package/view/index.js +2 -0
- package/view/index.js.map +1 -0
- package/view/menu-list.d.ts +4 -2
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +26 -13
- package/view/menu-list.js.map +1 -0
- package/view/rotation-pool.d.ts +23 -0
- package/view/rotation-pool.d.ts.map +1 -0
- package/{effect/ro-effect.js → view/rotation-pool.js} +74 -41
- package/view/rotation-pool.js.map +1 -0
- package/view/route-view.d.ts +9 -18
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +20 -23
- package/view/route-view.js.map +1 -0
- package/view/scroll-x.d.ts +3 -2
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +14 -10
- package/view/scroll-x.js.map +1 -0
- package/view/std.d.ts +3 -3
- package/view/std.d.ts.map +1 -1
- package/view/std.js +21 -4
- package/view/std.js.map +1 -0
- package/with.d.ts +17 -5
- package/with.d.ts.map +1 -1
- package/with.js +36 -7
- package/with.js.map +1 -0
- package/effect/ov-effect.d.ts +0 -24
- package/effect/ov-effect.d.ts.map +0 -1
- package/effect/ro-effect.d.ts +0 -20
- package/effect/ro-effect.d.ts.map +0 -1
- package/effect/tw-effect.d.ts +0 -22
- package/effect/tw-effect.d.ts.map +0 -1
- package/effect/tw-effect.js +0 -108
- package/group/button-group.d.ts +0 -13
- package/group/button-group.d.ts.map +0 -1
- package/group/button-group.js +0 -79
- package/input-form/exp-input.d.ts +0 -24
- package/input-form/exp-input.d.ts.map +0 -1
- package/input-form/exp-input.js +0 -218
- package/items/avatar-anchor.d.ts +0 -20
- package/items/avatar-anchor.d.ts.map +0 -1
- package/items/avatar-anchor.js +0 -150
package/input-form/sign-form.js
CHANGED
@@ -4,29 +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 {
|
8
|
-
import
|
9
|
-
import "
|
10
|
-
let
|
7
|
+
import { css, define, html, property, query, queryAll } from "../deps.js";
|
8
|
+
import { FormSTD } from "./std.js";
|
9
|
+
import { htmlSlot } from "../tmpl.js";
|
10
|
+
let BaseForm = class BaseForm extends FormSTD {
|
11
11
|
constructor() {
|
12
12
|
super(...arguments);
|
13
|
-
this.
|
14
|
-
this.set = 2;
|
13
|
+
this.enctype = "multipart/form-data";
|
15
14
|
}
|
16
15
|
render() {
|
17
16
|
return html `<form enctype="multipart/form-data">
|
18
|
-
|
19
|
-
<main>${
|
20
|
-
|
17
|
+
${htmlSlot("pre")}
|
18
|
+
<main>${htmlSlot()}</main>
|
19
|
+
${htmlSlot("suf")}
|
21
20
|
</form>`;
|
22
21
|
}
|
23
|
-
opt() {
|
24
|
-
const result = [];
|
25
|
-
for (let i = 0; i <= this.set - 1; i++) {
|
26
|
-
opts[i] && result.push(opts[i]);
|
27
|
-
}
|
28
|
-
return result;
|
29
|
-
}
|
30
22
|
reset() {
|
31
23
|
each(this._form, (node) => {
|
32
24
|
if (node.reset) {
|
@@ -50,10 +42,10 @@ let SignForm = class SignForm extends STD {
|
|
50
42
|
}
|
51
43
|
form.remove();
|
52
44
|
}
|
53
|
-
namevalue() {
|
45
|
+
namevalue(enctype = this.enctype) {
|
54
46
|
const x = {};
|
55
47
|
const form = document.createElement("form");
|
56
|
-
form.enctype =
|
48
|
+
form.enctype = enctype;
|
57
49
|
for (const slot of this.shadowRoot.querySelectorAll("slot"))
|
58
50
|
for (const i of slot.assignedNodes()) {
|
59
51
|
if (i.namevalue) {
|
@@ -85,7 +77,7 @@ let SignForm = class SignForm extends STD {
|
|
85
77
|
const x = {};
|
86
78
|
const form = document.createElement("form");
|
87
79
|
form.enctype = "multipart/form-data";
|
88
|
-
for (const slot of this.
|
80
|
+
for (const slot of this._slots)
|
89
81
|
for (const i of slot.assignedNodes()) {
|
90
82
|
if (i.FormData) {
|
91
83
|
for (const [key, value] of i.FormData()) {
|
@@ -112,18 +104,19 @@ let SignForm = class SignForm extends STD {
|
|
112
104
|
return y;
|
113
105
|
}
|
114
106
|
};
|
115
|
-
|
116
|
-
STD.styles,
|
107
|
+
BaseForm.styles = [
|
117
108
|
css `
|
118
109
|
:host {
|
119
110
|
display: flow-root;
|
120
111
|
}
|
112
|
+
|
121
113
|
form {
|
122
114
|
display: flex;
|
123
115
|
flex-direction: column;
|
124
116
|
align-items: center;
|
125
117
|
margin: 0;
|
126
118
|
}
|
119
|
+
|
127
120
|
main {
|
128
121
|
display: flex;
|
129
122
|
flex-direction: column;
|
@@ -132,17 +125,17 @@ SignForm.styles = [
|
|
132
125
|
];
|
133
126
|
__decorate([
|
134
127
|
property()
|
135
|
-
],
|
136
|
-
__decorate([
|
137
|
-
property({ type: Number })
|
138
|
-
], SignForm.prototype, "set", void 0);
|
128
|
+
], BaseForm.prototype, "enctype", void 0);
|
139
129
|
__decorate([
|
140
130
|
query("form")
|
141
|
-
],
|
142
|
-
|
143
|
-
|
144
|
-
],
|
145
|
-
|
131
|
+
], BaseForm.prototype, "_form", void 0);
|
132
|
+
__decorate([
|
133
|
+
queryAll("slot")
|
134
|
+
], BaseForm.prototype, "_slots", void 0);
|
135
|
+
BaseForm = __decorate([
|
136
|
+
define("base-form")
|
137
|
+
], BaseForm);
|
138
|
+
export { BaseForm };
|
146
139
|
function each(node, callback) {
|
147
140
|
if (node) {
|
148
141
|
callback(node);
|
@@ -151,15 +144,11 @@ function each(node, callback) {
|
|
151
144
|
}
|
152
145
|
}
|
153
146
|
}
|
154
|
-
|
155
|
-
let BaseForm = class BaseForm extends SignForm {
|
156
|
-
constructor() {
|
157
|
-
super();
|
158
|
-
this.set = 0;
|
159
|
-
}
|
147
|
+
let SignForm = class SignForm extends BaseForm {
|
160
148
|
};
|
161
|
-
|
162
|
-
define("
|
163
|
-
],
|
164
|
-
export {
|
149
|
+
SignForm = __decorate([
|
150
|
+
define("sign-form")
|
151
|
+
], SignForm);
|
152
|
+
export { SignForm };
|
165
153
|
export default SignForm;
|
154
|
+
//# sourceMappingURL=sign-form.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"sign-form.js","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"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"}
|
@@ -1,16 +1,14 @@
|
|
1
1
|
import { CSSResultGroup } from "../deps.js";
|
2
|
-
import
|
3
|
-
export declare class SplitInput extends
|
2
|
+
import { InputSTD } from "./std.js";
|
3
|
+
export declare class SplitInput extends InputSTD {
|
4
4
|
static styles: CSSResultGroup[];
|
5
|
-
name: string;
|
6
|
-
value: string;
|
7
5
|
max: number;
|
8
6
|
index: number;
|
9
7
|
autofocus: boolean;
|
10
8
|
_input: HTMLInputElement;
|
11
9
|
_spans: NodeListOf<HTMLSpanElement>;
|
12
10
|
current: number;
|
13
|
-
currentValue:
|
11
|
+
currentValue: (string | null)[];
|
14
12
|
render(): import("lit").TemplateResult<1>;
|
15
13
|
firstUpdated(): void;
|
16
14
|
_handleInput(e: InputEvent): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAmD,MAAM,YAAY,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,UAAW,SAAQ,QAAQ;IACtC,MAAM,CAAC,MAAM,mBAwDS;IACM,GAAG,SAAK;IACR,KAAK,SAAM;IACV,SAAS,UAAS;IAC/B,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;IAWN,YAAY;IAkBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAIL,OAAO,CAAC,CAAC,SAAe;IAQxB,IAAI,CAAC,CAAC,SAAe;IAKrB,KAAK;CASN;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
@@ -4,13 +4,11 @@ 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 {
|
8
|
-
import
|
9
|
-
let SplitInput = class SplitInput extends
|
7
|
+
import { css, cssvar, define, html, property, query, queryAll } from "../deps.js";
|
8
|
+
import { InputSTD } from "./std.js";
|
9
|
+
let SplitInput = class SplitInput extends InputSTD {
|
10
10
|
constructor() {
|
11
11
|
super(...arguments);
|
12
|
-
this.name = "";
|
13
|
-
this.value = "";
|
14
12
|
this.max = 6;
|
15
13
|
this.index = -1;
|
16
14
|
this.autofocus = false;
|
@@ -18,27 +16,27 @@ let SplitInput = class SplitInput extends STD {
|
|
18
16
|
this.currentValue = [];
|
19
17
|
}
|
20
18
|
render() {
|
21
|
-
return html
|
19
|
+
return html `
|
22
20
|
<div>
|
23
21
|
${Array(this.max)
|
24
22
|
.fill(0)
|
25
23
|
.map(() => html `<span><i></i></span>`)}
|
26
|
-
<input @input
|
24
|
+
<input @input="${this._handleInput}" value=" " />
|
27
25
|
</div>
|
28
|
-
|
26
|
+
`;
|
29
27
|
}
|
30
28
|
firstUpdated() {
|
31
29
|
this._focusCheck();
|
32
30
|
this.currentValue = this.value.split("").concat(Array(this.max - this.value.length).fill(null));
|
33
31
|
this.current = this.index < 0 || this.index > this.max ? this.currentValue.indexOf(null) : this.index;
|
34
32
|
this._spans.forEach((span, index) => {
|
35
|
-
|
33
|
+
this.addEvent(span, "click", () => {
|
36
34
|
this.current = index;
|
37
35
|
this.focusAt();
|
38
36
|
this._input.focus();
|
39
37
|
});
|
40
38
|
});
|
41
|
-
|
39
|
+
this.addEvent(document, "click", (e) => {
|
42
40
|
if (!this.contains(e.target)) {
|
43
41
|
this.blur();
|
44
42
|
}
|
@@ -101,33 +99,37 @@ let SplitInput = class SplitInput extends STD {
|
|
101
99
|
}
|
102
100
|
};
|
103
101
|
SplitInput.styles = [
|
104
|
-
|
102
|
+
InputSTD.styles,
|
105
103
|
css `
|
106
104
|
:host {
|
107
|
-
|
105
|
+
${cssvar}--splited-width: .12em;
|
106
|
+
display: inline-flex;
|
108
107
|
width: fit-content;
|
108
|
+
border-radius: 0.1px;
|
109
|
+
font-size: 147%;
|
109
110
|
}
|
110
|
-
|
111
|
-
display: flex;
|
112
|
-
}
|
111
|
+
|
113
112
|
* {
|
114
113
|
font-size: 1em;
|
114
|
+
border-radius: inherit;
|
115
115
|
}
|
116
|
+
|
116
117
|
div {
|
117
118
|
vertical-align: top;
|
118
119
|
position: relative;
|
119
120
|
display: inline-flex;
|
120
|
-
font-size: 116%;
|
121
121
|
}
|
122
|
+
|
122
123
|
span {
|
123
124
|
box-sizing: content-box;
|
124
125
|
vertical-align: top;
|
125
126
|
display: inline-flex;
|
126
|
-
width:
|
127
|
+
width: 1em;
|
127
128
|
padding: 0.1em;
|
128
|
-
height:
|
129
|
+
height: 1em;
|
129
130
|
pointer-events: all;
|
130
131
|
}
|
132
|
+
|
131
133
|
i {
|
132
134
|
height: inherit;
|
133
135
|
width: 100%;
|
@@ -136,29 +138,23 @@ SplitInput.styles = [
|
|
136
138
|
font-style: normal;
|
137
139
|
text-align: center;
|
138
140
|
font-size: 80%;
|
139
|
-
line-height:
|
141
|
+
line-height: unset;
|
140
142
|
}
|
143
|
+
|
141
144
|
input {
|
142
|
-
|
145
|
+
position: absolute;
|
143
146
|
opacity: 0;
|
144
147
|
left: 0;
|
145
|
-
position: absolute;
|
146
|
-
background-color: tan;
|
147
148
|
right: 0;
|
148
149
|
top: 0;
|
149
150
|
bottom: 0;
|
150
151
|
}
|
152
|
+
|
151
153
|
.focus i {
|
152
|
-
outline:
|
154
|
+
outline: var(${cssvar}--splited-width) solid var(${cssvar}--input-true);
|
153
155
|
}
|
154
156
|
`,
|
155
157
|
];
|
156
|
-
__decorate([
|
157
|
-
property()
|
158
|
-
], SplitInput.prototype, "name", void 0);
|
159
|
-
__decorate([
|
160
|
-
property()
|
161
|
-
], SplitInput.prototype, "value", void 0);
|
162
158
|
__decorate([
|
163
159
|
property({ type: Number })
|
164
160
|
], SplitInput.prototype, "max", void 0);
|
@@ -179,3 +175,4 @@ SplitInput = __decorate([
|
|
179
175
|
], SplitInput);
|
180
176
|
export { SplitInput };
|
181
177
|
export default SplitInput;
|
178
|
+
//# sourceMappingURL=split-input.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"split-input.js","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"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"}
|
package/input-form/std.d.ts
CHANGED
@@ -1,21 +1,38 @@
|
|
1
|
-
import { CSSResultGroup,
|
1
|
+
import { CSSResultGroup, GlobalSTD } from "../deps.js";
|
2
2
|
export type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
|
3
|
-
export
|
3
|
+
export declare class InputSTD extends GlobalSTD {
|
4
|
+
static styles: CSSResultGroup[];
|
4
5
|
name: string;
|
5
|
-
value: any;
|
6
|
+
value: string | any;
|
7
|
+
label: string;
|
6
8
|
def: string;
|
9
|
+
pla?: string;
|
7
10
|
_input: HTMLInputElement;
|
8
11
|
compositing: boolean;
|
9
12
|
autofocus: boolean;
|
10
|
-
|
13
|
+
type?: string;
|
11
14
|
namevalue(): [string, any];
|
15
|
+
nameValue: () => [string, any];
|
12
16
|
reset(): void;
|
13
|
-
_handleInput(e: any): void;
|
14
|
-
_handleChange(): void;
|
17
|
+
protected _handleInput(e: any): void;
|
18
|
+
protected _handleChange(): void;
|
15
19
|
connectedCallback(): void;
|
16
|
-
_compositionCheck(): void;
|
17
|
-
_focusCheck(): void;
|
20
|
+
protected _compositionCheck(): void;
|
21
|
+
protected _focusCheck(): void;
|
18
22
|
focus(options?: FocusOptions): void;
|
19
23
|
firstUpdated(): void;
|
24
|
+
protected targetValue(e: Event): string;
|
25
|
+
}
|
26
|
+
export declare class FormSTD extends GlobalSTD {
|
27
|
+
static styles: CSSResultGroup;
|
28
|
+
name: string;
|
29
|
+
value: {};
|
30
|
+
namevalue(): [string, object];
|
31
|
+
nameValue: () => [string, object];
|
20
32
|
}
|
33
|
+
declare const _default: {
|
34
|
+
InputSTD: typeof InputSTD;
|
35
|
+
FormSTD: typeof FormSTD;
|
36
|
+
};
|
37
|
+
export default _default;
|
21
38
|
//# sourceMappingURL=std.d.ts.map
|
package/input-form/std.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAU,SAAS,EAAY,MAAM,YAAY,CAAC;AAE9E,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1O,qBAAa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,mBAyBS;IACV,IAAI,EAAE,MAAM,CAAa;IACzB,KAAK,EAAE,MAAM,GAAG,GAAG,CAAa;IAChC,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,CAAC,EAAE,MAAM,CAAa;IACrC,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,sBAA6D;IAEtE,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG;IAQ7B,SAAS,CAAC,aAAa;IAIvB,iBAAiB;IAejB,SAAS,CAAC,iBAAiB;IAY3B,SAAS,CAAC,WAAW;IAMrB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,YAAY;IAMZ,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK;CAO/B;AAED,qBAAa,OAAQ,SAAQ,SAAS;IACpC,MAAM,CAAC,MAAM,iBAAoB;IACrB,IAAI,SAAM;IACM,KAAK,KAAM;IAEvC,SAAS,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;IAI7B,SAAS,yBAA4D;CACtE;;;;;AAED,wBAGE"}
|
package/input-form/std.js
CHANGED
@@ -1,5 +1,20 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
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
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
+
};
|
7
|
+
import { css, cssvar, GlobalSTD, property } from "../deps.js";
|
8
|
+
export class InputSTD extends GlobalSTD {
|
9
|
+
constructor() {
|
10
|
+
super(...arguments);
|
11
|
+
this.name = undefined;
|
12
|
+
this.value = undefined;
|
13
|
+
this.label = "";
|
14
|
+
this.def = "";
|
15
|
+
this.pla = undefined;
|
16
|
+
this.nameValue = () => this.namevalue();
|
17
|
+
}
|
3
18
|
namevalue() {
|
4
19
|
return [this.name, this.value];
|
5
20
|
}
|
@@ -8,8 +23,9 @@ class InputFormSTD extends GLOBSTD {
|
|
8
23
|
this._input.value = this.def;
|
9
24
|
}
|
10
25
|
_handleInput(e) {
|
26
|
+
var _a;
|
11
27
|
e.stopPropagation();
|
12
|
-
this.value = e.target.value;
|
28
|
+
this.value = (_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim();
|
13
29
|
if (this.compositing)
|
14
30
|
return;
|
15
31
|
this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
|
@@ -20,20 +36,28 @@ class InputFormSTD extends GLOBSTD {
|
|
20
36
|
}
|
21
37
|
connectedCallback() {
|
22
38
|
super.connectedCallback();
|
23
|
-
if (!this.def)
|
39
|
+
if (!this.def) {
|
24
40
|
this.def = this.value || "";
|
25
|
-
|
41
|
+
}
|
42
|
+
if (!this.value) {
|
26
43
|
this.value = this.def;
|
44
|
+
}
|
45
|
+
if (!this.name) {
|
46
|
+
if (this.label || this.type) {
|
47
|
+
this.name = this.label || this.type;
|
48
|
+
}
|
49
|
+
}
|
27
50
|
}
|
28
51
|
_compositionCheck() {
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
52
|
+
if (this._input) {
|
53
|
+
this.addEvent(this._input, "compositionstart", () => {
|
54
|
+
this.compositing = true;
|
55
|
+
});
|
56
|
+
this.addEvent(this._input, "compositionend", (e) => {
|
57
|
+
this.compositing = false;
|
58
|
+
this._handleInput(e);
|
59
|
+
});
|
60
|
+
}
|
37
61
|
}
|
38
62
|
_focusCheck() {
|
39
63
|
if (this.autofocus) {
|
@@ -47,26 +71,77 @@ class InputFormSTD extends GLOBSTD {
|
|
47
71
|
firstUpdated() {
|
48
72
|
this._focusCheck();
|
49
73
|
this._compositionCheck();
|
74
|
+
this.reset();
|
75
|
+
}
|
76
|
+
targetValue(e) {
|
77
|
+
const target = e.target;
|
78
|
+
if (target.value.trim) {
|
79
|
+
return target.value.trim();
|
80
|
+
}
|
81
|
+
return target.value;
|
50
82
|
}
|
51
83
|
}
|
52
|
-
|
53
|
-
|
84
|
+
InputSTD.styles = [
|
85
|
+
GlobalSTD.styles,
|
54
86
|
css `
|
55
87
|
:host {
|
56
|
-
${cssvar}--text:rgb(240 240 240);
|
57
|
-
${cssvar}--input-outline: rgb(25 130 180);
|
58
|
-
${cssvar}--input-outline-
|
88
|
+
${cssvar}--text: rgb(240 240 240);
|
89
|
+
${cssvar}--input-outline-color: rgb(25 130 180);
|
90
|
+
${cssvar}--input-outline-width: .15em;
|
59
91
|
${cssvar}--input-background: rgb(24 24 24);
|
60
92
|
${cssvar}--input-background-hover: rgb(42 42 42);
|
61
|
-
${cssvar}--input-control:rgb(244 244 244);
|
62
93
|
${cssvar}--input-true: rgb(47 129 237);
|
63
94
|
${cssvar}--input-false: rgb(204 204 204);
|
64
95
|
${cssvar}--input-width: 10.6rem;
|
96
|
+
${cssvar}--input-height: 1.6em;
|
65
97
|
}
|
98
|
+
|
66
99
|
::-webkit-calendar-picker-indicator {
|
67
100
|
background-color: var(${cssvar}--input-true);
|
68
101
|
border-radius: 0.1rem;
|
69
102
|
}
|
103
|
+
|
104
|
+
:host(:focus),
|
105
|
+
:host(:focus-within) {
|
106
|
+
outline-color: var(${cssvar}--input-outline-color);
|
107
|
+
}
|
70
108
|
`,
|
71
109
|
];
|
72
|
-
|
110
|
+
__decorate([
|
111
|
+
property()
|
112
|
+
], InputSTD.prototype, "name", void 0);
|
113
|
+
__decorate([
|
114
|
+
property()
|
115
|
+
], InputSTD.prototype, "value", void 0);
|
116
|
+
__decorate([
|
117
|
+
property()
|
118
|
+
], InputSTD.prototype, "label", void 0);
|
119
|
+
__decorate([
|
120
|
+
property()
|
121
|
+
], InputSTD.prototype, "def", void 0);
|
122
|
+
__decorate([
|
123
|
+
property()
|
124
|
+
], InputSTD.prototype, "pla", void 0);
|
125
|
+
export class FormSTD extends GlobalSTD {
|
126
|
+
constructor() {
|
127
|
+
super(...arguments);
|
128
|
+
this.name = "";
|
129
|
+
this.value = {};
|
130
|
+
this.nameValue = () => this.namevalue();
|
131
|
+
}
|
132
|
+
namevalue() {
|
133
|
+
return [this.name, this.value];
|
134
|
+
}
|
135
|
+
}
|
136
|
+
FormSTD.styles = GlobalSTD.styles;
|
137
|
+
__decorate([
|
138
|
+
property()
|
139
|
+
], FormSTD.prototype, "name", void 0);
|
140
|
+
__decorate([
|
141
|
+
property({ type: Object })
|
142
|
+
], FormSTD.prototype, "value", void 0);
|
143
|
+
export default {
|
144
|
+
InputSTD,
|
145
|
+
FormSTD,
|
146
|
+
};
|
147
|
+
//# sourceMappingURL=std.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"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"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { CSSResultGroup } from "../deps.js";
|
2
|
-
import
|
3
|
-
export declare class SwitchInput extends
|
2
|
+
import { InputSTD } from "./std.js";
|
3
|
+
export declare class SwitchInput extends InputSTD {
|
4
4
|
static styles: CSSResultGroup[];
|
5
5
|
checked: boolean;
|
6
6
|
disabled: boolean;
|
@@ -12,7 +12,7 @@ export declare class SwitchInput extends STD {
|
|
12
12
|
render(): import("lit").TemplateResult<1>;
|
13
13
|
reset(): void;
|
14
14
|
connectedCallback(): void;
|
15
|
-
_handleChange(): void;
|
15
|
+
protected _handleChange(): void;
|
16
16
|
namevalue(): [string, boolean];
|
17
17
|
}
|
18
18
|
export default SwitchInput;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAyC,MAAM,YAAY,CAAC;AAExF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,QAAQ;IACvC,MAAM,CAAC,MAAM,mBA0HS;IACO,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IAEzC,MAAM;IAWN,KAAK;IAKL,iBAAiB;IASjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|