godown 1.0.40 → 1.0.42
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/out/src/input-form/base-input.d.ts +1 -1
- package/out/src/input-form/base-input.d.ts.map +1 -1
- package/out/src/input-form/base-input.js +11 -5
- package/out/src/items/base-button.js +1 -1
- package/out/src/layout/div-line.js +1 -1
- package/out/src/layout/nav-layout.d.ts.map +1 -1
- package/out/src/layout/nav-layout.js +16 -2
- package/package.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/base-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,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;AACnO,qBACa,SAAU,SAAQ,GAAG;IAChB,MAAM,EAAE,gBAAgB,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IAC5B,MAAM,MAAa;IACnB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IAC5C,GAAG,EAAE,MAAM,CAAM;
|
1
|
+
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/base-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,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;AACnO,qBACa,SAAU,SAAQ,GAAG;IAChB,MAAM,EAAE,gBAAgB,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IAC5B,MAAM,MAAa;IACnB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,GAAG,MAAa;IAChB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IAC5C,GAAG,EAAE,MAAM,CAAM;IACA,IAAI,UAAS;IACd,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,MAAM,yFA+FV;IACH,MAAM;IASN,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IASZ,YAAY,CAAC,CAAC,KAAA;IAKd,WAAW,CAAC,CAAC,KAAA;IAIb,KAAK;IAUL,aAAa;CAUd;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
@@ -16,7 +16,7 @@ let BaseInput = class BaseInput extends STD {
|
|
16
16
|
this.type = 'text';
|
17
17
|
this.value = undefined;
|
18
18
|
this.def = '';
|
19
|
-
this.
|
19
|
+
this.only = false;
|
20
20
|
this.min = 0;
|
21
21
|
this.max = 100;
|
22
22
|
this.step = 1;
|
@@ -54,7 +54,7 @@ let BaseInput = class BaseInput extends STD {
|
|
54
54
|
this.dispatchEvent(new CustomEvent('input', { detail: this.value }));
|
55
55
|
}
|
56
56
|
_handleFile(e) {
|
57
|
-
this.value = this.
|
57
|
+
this.value = !this.only ? e.target.files : e.target.files[0];
|
58
58
|
this.dispatchEvent(new CustomEvent('change', { detail: this.value }));
|
59
59
|
}
|
60
60
|
reset() {
|
@@ -73,7 +73,7 @@ let BaseInput = class BaseInput extends STD {
|
|
73
73
|
case "range":
|
74
74
|
return html `<input id="input" type="range" @input=${this._handleRange} min=${this.min} max=${this.max} step=${this.step} value=${this.value}><i></i>`;
|
75
75
|
case "file":
|
76
|
-
return html `<input id="input" accept=${ifDefined(this.accept)} ?multiple=${this.
|
76
|
+
return html `<input id="input" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input" type=${this.type} @change=${this._handleFile}>`;
|
77
77
|
default:
|
78
78
|
return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput}/>`;
|
79
79
|
}
|
@@ -96,6 +96,12 @@ BaseInput.styles = [STD.styles, , css `
|
|
96
96
|
outline: none;
|
97
97
|
height: auto;
|
98
98
|
}
|
99
|
+
:host([type="file"]){
|
100
|
+
height: auto;
|
101
|
+
width: auto;
|
102
|
+
min-height: .5em;
|
103
|
+
min-width: .5em;
|
104
|
+
}
|
99
105
|
div,label{
|
100
106
|
display: flex;
|
101
107
|
flex: 1;
|
@@ -197,8 +203,8 @@ __decorate([
|
|
197
203
|
property()
|
198
204
|
], BaseInput.prototype, "def", void 0);
|
199
205
|
__decorate([
|
200
|
-
property()
|
201
|
-
], BaseInput.prototype, "
|
206
|
+
property({ type: Boolean })
|
207
|
+
], BaseInput.prototype, "only", void 0);
|
202
208
|
__decorate([
|
203
209
|
property({ type: Number })
|
204
210
|
], BaseInput.prototype, "min", void 0);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../../src/layout/nav-layout.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,
|
1
|
+
{"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../../src/layout/nav-layout.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,2DAyFV;IACS,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM;IAcN,GAAG;CAOJ;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
@@ -18,7 +18,7 @@ let NavLayout = class NavLayout extends STD {
|
|
18
18
|
return html `<nav>
|
19
19
|
<h1>
|
20
20
|
<slot name="host"></slot>
|
21
|
-
<a href="/">${this.host}</a>${this.subhead && html `<span
|
21
|
+
<a href="/">${this.host}</a>${this.subhead && html `<span class="sub"></span><div>${this.subhead}</div>`}
|
22
22
|
</h1>
|
23
23
|
<div>
|
24
24
|
${this.opt()}
|
@@ -68,8 +68,17 @@ NavLayout.styles = [STD.styles, css `:host{
|
|
68
68
|
font-weight: normal;
|
69
69
|
font-size: 1rem;
|
70
70
|
margin: 0;
|
71
|
+
display: flex;
|
72
|
+
align-items: center;
|
73
|
+
}
|
74
|
+
h1 span{
|
75
|
+
height: 1em;
|
76
|
+
width: .1em;
|
77
|
+
background: currentColor;
|
78
|
+
margin: .24em;
|
71
79
|
}
|
72
|
-
h1
|
80
|
+
h1>*{
|
81
|
+
white-space: nowrap;
|
73
82
|
font-size: 145%;
|
74
83
|
}
|
75
84
|
main{
|
@@ -111,6 +120,11 @@ NavLayout.styles = [STD.styles, css `:host{
|
|
111
120
|
color: var(${cssvar}--text-selection);
|
112
121
|
background: var(${cssvar}--text-selection-background);
|
113
122
|
}
|
123
|
+
@media screen and (max-width: 540px) {
|
124
|
+
h1 a~*{
|
125
|
+
display: none;
|
126
|
+
}
|
127
|
+
}
|
114
128
|
`];
|
115
129
|
__decorate([
|
116
130
|
property()
|