godown 1.0.44 → 1.0.46
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.ts +8 -7
- package/out/conf.d.ts +3 -2
- package/out/conf.d.ts.map +1 -1
- package/out/conf.js +8 -7
- package/out/react/layout.d.ts.map +1 -1
- package/out/src/effect/ov-effect.d.ts.map +1 -1
- package/out/src/effect/ov-effect.js +1 -0
- package/out/src/glob.d.ts +0 -3
- package/out/src/glob.d.ts.map +1 -1
- package/out/src/glob.js +0 -3
- package/out/src/input-form/base-input.js +5 -5
- package/out/src/input-form/exp-input.js +2 -2
- package/out/src/input-form/label-input.d.ts +1 -1
- package/out/src/input-form/label-input.d.ts.map +1 -1
- package/out/src/input-form/label-input.js +3 -3
- package/out/src/input-form/search-input.js +1 -1
- package/out/src/input-form/select-input.js +1 -1
- package/out/src/input-form/split-input.d.ts +1 -1
- package/out/src/input-form/split-input.d.ts.map +1 -1
- package/out/src/input-form/split-input.js +3 -3
- package/out/src/input-form/std.d.ts +1 -0
- package/out/src/input-form/std.d.ts.map +1 -1
- package/out/src/input-form/std.js +3 -0
- package/out/src/view/route-view.d.ts +1 -1
- package/out/src/view/route-view.js +4 -3
- package/package.json +1 -1
package/conf.ts
CHANGED
@@ -9,15 +9,16 @@ const defconf: conftype = {
|
|
9
9
|
reflect: false,
|
10
10
|
cssvar: "godown-c",
|
11
11
|
};
|
12
|
-
|
13
|
-
|
14
|
-
|
12
|
+
const conf: conftype = init(globalThis.GodownWebComponentsCONF, defconf);
|
13
|
+
function init(CONFObject: conftype, source = conf) {
|
14
|
+
Object.assign(source, CONFObject);
|
15
|
+
if (source.reflect) {
|
15
16
|
// Reflect conf to globalThis
|
16
|
-
globalThis.GodownWebComponentsCONF =
|
17
|
+
globalThis.GodownWebComponentsCONF = source;
|
17
18
|
}
|
18
|
-
return
|
19
|
-
}
|
20
|
-
export
|
19
|
+
return source;
|
20
|
+
}
|
21
|
+
export { conf, init };
|
21
22
|
export default conf;
|
22
23
|
declare global {
|
23
24
|
interface globalThis {
|
package/out/conf.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
declare const conf: conftype;
|
2
|
+
declare function init(CONFObject: conftype, source?: conftype): conftype;
|
3
|
+
export { conf, init };
|
3
4
|
export default conf;
|
4
5
|
declare global {
|
5
6
|
interface globalThis {
|
package/out/conf.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../conf.ts"],"names":[],"mappings":"AAWA,
|
1
|
+
{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../conf.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,IAAI,EAAE,QAA4D,CAAC;AACzE,iBAAS,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAO,YAOhD;AACD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACtB,eAAe,IAAI,CAAC;AACpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AACD,aAAK,QAAQ,GAAG;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
|
package/out/conf.js
CHANGED
@@ -9,13 +9,14 @@ const defconf = {
|
|
9
9
|
reflect: false,
|
10
10
|
cssvar: "godown-c",
|
11
11
|
};
|
12
|
-
|
13
|
-
|
14
|
-
|
12
|
+
const conf = init(globalThis.GodownWebComponentsCONF, defconf);
|
13
|
+
function init(CONFObject, source = conf) {
|
14
|
+
Object.assign(source, CONFObject);
|
15
|
+
if (source.reflect) {
|
15
16
|
// Reflect conf to globalThis
|
16
|
-
globalThis.GodownWebComponentsCONF =
|
17
|
+
globalThis.GodownWebComponentsCONF = source;
|
17
18
|
}
|
18
|
-
return
|
19
|
-
}
|
20
|
-
export
|
19
|
+
return source;
|
20
|
+
}
|
21
|
+
export { conf, init };
|
21
22
|
export default conf;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../react/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAE5C,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../react/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAE5C,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ov-effect.d.ts","sourceRoot":"","sources":["../../../src/effect/ov-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAA;
|
1
|
+
{"version":3,"file":"ov-effect.d.ts","sourceRoot":"","sources":["../../../src/effect/ov-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAA;AAyC1B,qBACa,MAAO,SAAQ,GAAG;IAC7B,MAAM,CAAC,MAAM,4BA6IX;IACU,EAAE,SAAe;IACjB,EAAE,SAAgB;IAClB,EAAE,SAAiB;IAC/B,MAAM;CAGP;AACD,qBACa,MAAO,SAAQ,GAAG;IAC7B,MAAM,CAAC,MAAM,4BAYX;IACF,MAAM;CAGP;AACD,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,4BA6BX;IACF,MAAM;CAGP;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/out/src/glob.d.ts
CHANGED
@@ -3,9 +3,6 @@ import { CSSResultGroup, LitElement } from "lit";
|
|
3
3
|
* Custom CSS variable,join with "--" ,only allow `a-Z,0-9,-`
|
4
4
|
*/
|
5
5
|
export declare const cssvar: import("lit").CSSResult;
|
6
|
-
/**
|
7
|
-
* Call customElements.define only customElements.get is undefined
|
8
|
-
*/
|
9
6
|
export declare class GLOBSTD extends LitElement {
|
10
7
|
static styles: CSSResultGroup;
|
11
8
|
}
|
package/out/src/glob.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"glob.d.ts","sourceRoot":"","sources":["../../src/glob.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjE;;GAEG;AACH,eAAO,MAAM,MAAM,yBAA+D,CAAC;AACnF
|
1
|
+
{"version":3,"file":"glob.d.ts","sourceRoot":"","sources":["../../src/glob.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjE;;GAEG;AACH,eAAO,MAAM,MAAM,yBAA+D,CAAC;AACnF,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iBAeQ;CACtB"}
|
package/out/src/glob.js
CHANGED
@@ -4,9 +4,6 @@ import { LitElement, css, unsafeCSS } from "lit";
|
|
4
4
|
* Custom CSS variable,join with "--" ,only allow `a-Z,0-9,-`
|
5
5
|
*/
|
6
6
|
export const cssvar = unsafeCSS("--" + conf.cssvar.replace(/[^a-zA-Z0-9\-]/g, ""));
|
7
|
-
/**
|
8
|
-
* Call customElements.define only customElements.get is undefined
|
9
|
-
*/
|
10
7
|
export class GLOBSTD extends LitElement {
|
11
8
|
}
|
12
9
|
GLOBSTD.styles = css `
|
@@ -73,11 +73,11 @@ let BaseInput = class BaseInput extends STD {
|
|
73
73
|
_typeSwitcher() {
|
74
74
|
switch (this.type) {
|
75
75
|
case "range":
|
76
|
-
return html `<input id="input" type="range"
|
76
|
+
return html `<input id="input" type="range" min=${this.min} max=${this.max} step=${this.step} value=${this.value} @input=${this._handleRange} @change=${this._handleChange}><i></i>`;
|
77
77
|
case "file":
|
78
|
-
return html `<input id="input" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input"
|
78
|
+
return html `<input id="input" type="file" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input" @change=${this._handleFile}>`;
|
79
79
|
default:
|
80
|
-
return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput}/>`;
|
80
|
+
return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput} @change=${this._handleChange}/>`;
|
81
81
|
}
|
82
82
|
}
|
83
83
|
};
|
@@ -91,8 +91,8 @@ BaseInput.styles = [STD.styles, , css `
|
|
91
91
|
outline: .18em solid transparent;
|
92
92
|
color:var(${cssvar}--text);
|
93
93
|
}
|
94
|
-
:host(:focus){
|
95
|
-
outline-color: var(${cssvar}--input-outline);
|
94
|
+
:host(:focus-within){
|
95
|
+
outline-color: var(${cssvar}--input-outline-focus);
|
96
96
|
}
|
97
97
|
:host([type="range"]){
|
98
98
|
outline: none;
|
@@ -24,7 +24,7 @@ let ExpInput = class ExpInput extends STD {
|
|
24
24
|
if (!this.name)
|
25
25
|
this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
|
26
26
|
return html `<div class=${classMap({ [this.base]: true, "no-label": !this.label })}>
|
27
|
-
${this.type !== "textarea" ? html `<input class="input" required title="" value=${this.value} @input=${this._handleInput} type=${this.type} placeholder=${this.pla} >` : html `<textarea class="input" required title="" value=${this.value || this.def} @input=${this._handleInput} placeholder=${this.pla} ></textarea>`}
|
27
|
+
${this.type !== "textarea" ? html `<input class="input" required title="" value=${this.value} @input=${this._handleInput} @change=${this._handleChange} type=${this.type} placeholder=${this.pla} >` : html `<textarea class="input" required title="" value=${this.value || this.def} @input=${this._handleInput} placeholder=${this.pla} ></textarea>`}
|
28
28
|
<fieldset>
|
29
29
|
<legend><span>${this.label}</span></legend>
|
30
30
|
</fieldset><style>:valid~fieldset legend,:focus~fieldset legend{margin-left: ${this.offset || 0} !important;}</style>
|
@@ -58,7 +58,7 @@ ExpInput.styles = [STD.styles, css `
|
|
58
58
|
border-bottom-left-radius: inherit;
|
59
59
|
border-bottom-right-radius: inherit;
|
60
60
|
}
|
61
|
-
.underline:
|
61
|
+
.underline:focus-within::before{
|
62
62
|
z-index:2;
|
63
63
|
width:100%;
|
64
64
|
}
|
@@ -8,8 +8,8 @@ export declare class LabelInput extends STD {
|
|
8
8
|
name: string;
|
9
9
|
value: string;
|
10
10
|
autofocus: boolean;
|
11
|
-
static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
|
12
11
|
_input: HTMLInputElement;
|
12
|
+
static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
|
13
13
|
render(): import("lit-html").TemplateResult<1>;
|
14
14
|
_passwordSwitcher(): void;
|
15
15
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/label-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,UAAW,SAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,MAAa;IAChB,IAAI,SAAM;IACV,KAAK,SAAM;IACM,SAAS,UAAS;IAC/
|
1
|
+
{"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/label-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,UAAW,SAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,MAAa;IAChB,IAAI,SAAM;IACV,KAAK,SAAM;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM,CAAC,MAAM,yFAkET;IACJ,MAAM;IAWN,iBAAiB;CAOlB;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
6
|
};
|
7
|
-
import { html, css, property, query,
|
7
|
+
import { html, css, property, query, define, cssvar } from '../deps.js';
|
8
8
|
import STD from './std.js';
|
9
9
|
let LabelInput = class LabelInput extends STD {
|
10
10
|
constructor() {
|
@@ -24,7 +24,7 @@ let LabelInput = class LabelInput extends STD {
|
|
24
24
|
return html `<label for=${this.name}><span>${this.label}<slot></slot></span>
|
25
25
|
<fieldset>
|
26
26
|
<i><slot name="pre"></slot></i>
|
27
|
-
<input
|
27
|
+
<input @input=${this._handleInput} @change=${this._handleChange} id=${this.name} type=${this.type} placeholder=${this.pla} class=${this.type} />
|
28
28
|
<i><slot name="suf"></slot></i>
|
29
29
|
${this.type === "password" && !this.querySelector('[slot="suf"]') ? html `<i @mousedown=${this._passwordSwitcher} @mouseup=${() => this._input.type = "password"} @mouseleave=${() => this._input.type = "password"} ><svg viewBox="0 0 48 48" fill="none"><path d="M9.85786 18C6.23858 21 4 24 4 24C4 24 12.9543 36 24 36C25.3699 36 26.7076 35.8154 28 35.4921M20.0318 12.5C21.3144 12.1816 22.6414 12 24 12C35.0457 12 44 24 44 24C44 24 41.7614 27 38.1421 30" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.3142 20.6211C19.4981 21.5109 19 22.6972 19 23.9998C19 26.7612 21.2386 28.9998 24 28.9998C25.3627 28.9998 26.5981 28.4546 27.5 27.5705" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 42L6 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></i>` : undefined}
|
30
30
|
</fieldset>
|
@@ -70,7 +70,7 @@ LabelInput.styles = [STD.styles, css `
|
|
70
70
|
width:100%;
|
71
71
|
padding:4.8px;
|
72
72
|
}
|
73
|
-
fieldset:
|
73
|
+
fieldset:focus-within {
|
74
74
|
outline: .18em solid var(${cssvar}--input-outline-focus);
|
75
75
|
}
|
76
76
|
@media screen and (max-width:540px) {
|
@@ -31,7 +31,7 @@ let SearchInput = class SearchInput extends STD {
|
|
31
31
|
var _a;
|
32
32
|
return html `<form action=${this.action} method=${this.method}>
|
33
33
|
<div>
|
34
|
-
<input name=${this.name} @input=${this._handleInput} value=${this.value} title="" placeholder=${this.pla
|
34
|
+
<input name=${this.name} @input=${this._handleInput} @change=${this._handleChange} value=${this.value} title="" placeholder=${this.pla} >
|
35
35
|
<button @click=${this._handleSubmit}><svg viewBox="0 0 1024 1024" width="95%" height="100%"><path fill="currentColor" d="M745.429333 655.658667c1.173333 0.746667 2.325333 1.578667 3.413334 2.496l114.410666 96a32 32 0 0 1-41.152 49.024l-114.389333-96a32 32 0 0 1-6.208-6.976A297.429333 297.429333 0 0 1 512 768c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 170.666667 512 170.666667s298.666667 133.717333 298.666667 298.666666a297.386667 297.386667 0 0 1-65.237334 186.325334zM512 704c129.6 0 234.666667-105.066667 234.666667-234.666667s-105.066667-234.666667-234.666667-234.666666-234.666667 105.066667-234.666667 234.666666 105.066667 234.666667 234.666667 234.666667z" p-id="9859"></path><path d="M512 298.666667c47.146667 0 89.813333 19.093333 120.682667 49.984l-0.085334 0.085333a21.333333 21.333333 0 1 1-31.210666 28.992A127.573333 127.573333 0 0 0 512 341.333333a21.333333 21.333333 0 0 1 0-42.666666z" p-id="9860"></path></svg></button>
|
36
36
|
</div>
|
37
37
|
<slot></slot>
|
@@ -225,7 +225,7 @@ SelectInput.styles = [STD.styles, css `
|
|
225
225
|
width: var(${cssvar}--input-width);
|
226
226
|
}
|
227
227
|
:host([open]){
|
228
|
-
outline-color: var(${cssvar}--input-outline);
|
228
|
+
outline-color: var(${cssvar}--input-outline-focus);
|
229
229
|
}
|
230
230
|
input{
|
231
231
|
padding: 0px 0px 0px 0.25em;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/split-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,yFA4CP;IACM,IAAI,SAAM;IACV,KAAK,SAAM;IACK,GAAG,SAAK;IACxB,KAAK,SAAM;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,CAAK;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAM;IACxC,MAAM;IAMN,YAAY;IAiBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAGL,
|
1
|
+
{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/split-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,yFA4CP;IACM,IAAI,SAAM;IACV,KAAK,SAAM;IACK,GAAG,SAAK;IACxB,KAAK,SAAM;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,CAAK;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAM;IACxC,MAAM;IAMN,YAAY;IAiBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAGL,OAAO,CAAC,CAAC,SAAe;IAOxB,IAAI,CAAC,CAAC,SAAe;IAIrB,KAAK;CASN;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
@@ -30,7 +30,7 @@ let SplitInput = class SplitInput extends STD {
|
|
30
30
|
this._spans.forEach((span, index) => {
|
31
31
|
span.addEventListener('click', () => {
|
32
32
|
this.current = index;
|
33
|
-
this.
|
33
|
+
this.focusAt();
|
34
34
|
this._input.focus();
|
35
35
|
});
|
36
36
|
});
|
@@ -72,9 +72,9 @@ let SplitInput = class SplitInput extends STD {
|
|
72
72
|
this.dispatchEvent(new CustomEvent('change', { detail: this.value, composed: true }));
|
73
73
|
}
|
74
74
|
focus() {
|
75
|
-
this.
|
75
|
+
this.focusAt();
|
76
76
|
}
|
77
|
-
|
77
|
+
focusAt(i = this.current) {
|
78
78
|
var _a;
|
79
79
|
this._spans.forEach((span) => {
|
80
80
|
span.classList.remove('focus');
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,OAAO;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,MAAM,2DAgBZ;IACD,SAAS;IAGT,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,iBAAiB;IAKjB,iBAAiB;IAUjB,WAAW;IAKX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAG5B,YAAY;CAIb"}
|
1
|
+
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,OAAO;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,MAAM,2DAgBZ;IACD,SAAS;IAGT,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,aAAa;IAGb,iBAAiB;IAKjB,iBAAiB;IAUjB,WAAW;IAKX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAG5B,YAAY;CAIb"}
|
@@ -15,6 +15,9 @@ export default class InputFormSTD extends GLOBSTD {
|
|
15
15
|
this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
|
16
16
|
this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
|
17
17
|
}
|
18
|
+
_handleChange() {
|
19
|
+
this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
|
20
|
+
}
|
18
21
|
connectedCallback() {
|
19
22
|
super.connectedCallback();
|
20
23
|
if (!this.def)
|
@@ -12,7 +12,7 @@ export declare class RouteView extends LitElement {
|
|
12
12
|
set routes(v: any[]);
|
13
13
|
get routes(): any[];
|
14
14
|
static styles: import("lit").CSSResult;
|
15
|
-
render():
|
15
|
+
render(): any;
|
16
16
|
connectedCallback(): void;
|
17
17
|
render_united(): any;
|
18
18
|
render_slotted(): import("lit-html").TemplateResult<1>;
|
@@ -34,13 +34,14 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
|
|
34
34
|
return this._routesSort;
|
35
35
|
}
|
36
36
|
render() {
|
37
|
+
var _a, _b, _c;
|
37
38
|
if (this.type === "child") {
|
38
|
-
return (
|
39
|
+
return (_a = this.render_slotted()) !== null && _a !== void 0 ? _a : html `<slot></slot>`;
|
39
40
|
}
|
40
41
|
if (this.type === "field") {
|
41
|
-
return (
|
42
|
+
return (_b = this.render_field()) !== null && _b !== void 0 ? _b : html `<slot></slot>`;
|
42
43
|
}
|
43
|
-
return (
|
44
|
+
return (_c = this.render_united()) !== null && _c !== void 0 ? _c : html `<slot></slot>`;
|
44
45
|
}
|
45
46
|
connectedCallback() {
|
46
47
|
super.connectedCallback();
|