godown 1.1.4 → 1.1.5
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 +35 -35
- package/effect/ov-effect.d.ts +3 -3
- package/effect/ov-effect.d.ts.map +1 -1
- package/effect/ov-effect.js +252 -228
- package/effect/ro-effect.d.ts +1 -1
- package/effect/ro-effect.d.ts.map +1 -1
- package/effect/ro-effect.js +51 -46
- package/effect/std.d.ts.map +1 -1
- package/effect/tw-effect.d.ts +1 -1
- package/effect/tw-effect.d.ts.map +1 -1
- package/effect/tw-effect.js +19 -18
- package/glob.d.ts.map +1 -1
- package/glob.js +18 -17
- package/group/avatar-group.d.ts +1 -1
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +29 -5
- package/group/button-group.d.ts +1 -1
- package/group/button-group.d.ts.map +1 -1
- package/group/button-group.js +53 -48
- package/group/details-group.d.ts +1 -1
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +5 -3
- package/group/std.d.ts.map +1 -1
- package/input-form/base-input.d.ts +2 -2
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +109 -106
- package/input-form/exp-input.d.ts +1 -1
- package/input-form/exp-input.d.ts.map +1 -1
- package/input-form/exp-input.js +155 -142
- package/input-form/label-input.d.ts +1 -1
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +88 -75
- package/input-form/search-input.d.ts +3 -3
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +171 -157
- package/input-form/select-input.d.ts +3 -3
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +128 -104
- package/input-form/sign-form.d.ts +7 -5
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +49 -44
- package/input-form/split-input.d.ts +3 -3
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +80 -72
- package/input-form/std.d.ts +1 -1
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +20 -17
- 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 +118 -112
- package/items/alert-item.d.ts +1 -1
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +99 -98
- package/items/avatar-anchor.d.ts +2 -2
- package/items/avatar-anchor.d.ts.map +1 -1
- package/items/avatar-anchor.js +91 -89
- package/items/base-button.d.ts +1 -1
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +129 -126
- package/items/dialog-item.d.ts +1 -1
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +72 -71
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +23 -22
- package/items/load-track.d.ts +1 -1
- package/items/load-track.d.ts.map +1 -1
- package/items/load-track.js +45 -39
- package/items/std.d.ts.map +1 -1
- package/items/super-a.d.ts +2 -2
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +59 -48
- package/layout/div-line.d.ts +1 -1
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +35 -29
- package/layout/drag-box.d.ts +1 -1
- package/layout/drag-box.d.ts.map +1 -1
- package/layout/drag-box.js +10 -9
- package/layout/flex-flow.d.ts +2 -2
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +12 -7
- package/layout/nav-aside.d.ts +1 -1
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +32 -25
- package/layout/nav-layout.d.ts +1 -1
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +125 -104
- package/layout/std.d.ts.map +1 -1
- package/layout/std.js +6 -4
- package/package.json +47 -40
- package/react/effect.js +6 -6
- package/react/group.js +3 -3
- package/react/input-form.js +11 -11
- package/react/items.js +7 -7
- package/react/layout.js +5 -5
- package/react/view.js +5 -5
- package/view/details-expand.d.ts +1 -1
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +38 -33
- package/view/down-drop.d.ts +1 -1
- package/view/down-drop.d.ts.map +1 -1
- package/view/down-drop.js +34 -30
- package/view/menu-list.d.ts +1 -1
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +35 -30
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +9 -6
- package/view/scroll-x.d.ts +1 -1
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +32 -27
- package/view/std.d.ts.map +1 -1
- package/view/std.js +33 -33
- package/with.d.ts +10 -10
- package/with.d.ts.map +1 -1
- package/with.js +14 -15
- package/view/react/effect.d.ts +0 -10
- package/view/react/effect.d.ts.map +0 -1
- package/view/react/effect.js +0 -32
- package/view/react/group.d.ts +0 -5
- package/view/react/group.d.ts.map +0 -1
- package/view/react/group.js +0 -18
- package/view/react/index.d.ts +0 -7
- package/view/react/index.d.ts.map +0 -1
- package/view/react/index.js +0 -6
- package/view/react/input-form.d.ts +0 -33
- package/view/react/input-form.d.ts.map +0 -1
- package/view/react/input-form.js +0 -64
- package/view/react/items.d.ts +0 -9
- package/view/react/items.d.ts.map +0 -1
- package/view/react/items.js +0 -38
- package/view/react/layout.d.ts +0 -7
- package/view/react/layout.d.ts.map +0 -1
- package/view/react/layout.js +0 -28
- package/view/react/view.d.ts +0 -7
- package/view/react/view.d.ts.map +0 -1
- package/view/react/view.js +0 -28
package/effect/ro-effect.js
CHANGED
@@ -17,17 +17,21 @@ let ROPort = class ROPort extends STD {
|
|
17
17
|
return this.shadowRoot.querySelector("slot").assignedElements();
|
18
18
|
}
|
19
19
|
render() {
|
20
|
-
return html `<div>
|
21
|
-
<a @click=${this.prev} prev
|
22
|
-
|
23
|
-
|
20
|
+
return html `<div>
|
21
|
+
<a @click=${this.prev} prev>
|
22
|
+
<svg viewBox="0 0 48 48" fill="none"><path d="M31 36L19 24L31 12" stroke="#1e293b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
23
|
+
</a>
|
24
|
+
<section><slot></slot></section>
|
25
|
+
<a @click=${this.next} next
|
26
|
+
><svg viewBox="0 0 48 48" fill="none"><path d="M19 12L31 24L19 36" stroke="#1e293b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
27
|
+
</a>
|
24
28
|
</div>`;
|
25
29
|
}
|
26
30
|
firstUpdated() {
|
27
31
|
if (this.assigned.length == 0)
|
28
32
|
return;
|
29
33
|
this.shadowRoot.querySelector("div").style.width = `${this.assigned[0].offsetWidth}px`;
|
30
|
-
this.assigned.forEach(e => {
|
34
|
+
this.assigned.forEach((e) => {
|
31
35
|
e.style.overflowX = "hidden";
|
32
36
|
e.style.transition = "width 0s";
|
33
37
|
});
|
@@ -44,7 +48,7 @@ let ROPort = class ROPort extends STD {
|
|
44
48
|
this.shadowRoot.querySelector("section").style.width = "100%";
|
45
49
|
this.assigned.forEach((e, index) => {
|
46
50
|
if (index == i) {
|
47
|
-
e.style.width =
|
51
|
+
e.style.width = "100%";
|
48
52
|
e.style.transition = "";
|
49
53
|
}
|
50
54
|
else {
|
@@ -66,46 +70,47 @@ let ROPort = class ROPort extends STD {
|
|
66
70
|
this.show(this.index);
|
67
71
|
}
|
68
72
|
};
|
69
|
-
ROPort.styles = css `
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
73
|
+
ROPort.styles = css `
|
74
|
+
:host {
|
75
|
+
display: block;
|
76
|
+
}
|
77
|
+
div,
|
78
|
+
section {
|
79
|
+
display: flex;
|
80
|
+
position: relative;
|
81
|
+
}
|
82
|
+
div {
|
83
|
+
min-width: 5.8em;
|
84
|
+
overflow: hidden;
|
85
|
+
}
|
86
|
+
a {
|
87
|
+
position: absolute;
|
88
|
+
height: 100%;
|
89
|
+
width: 1.4em;
|
90
|
+
z-index: 1;
|
91
|
+
transition: all 0.3s;
|
92
|
+
}
|
93
|
+
a:hover {
|
94
|
+
background-color: #0000000f;
|
95
|
+
padding: 0 0.05em;
|
96
|
+
}
|
97
|
+
a[prev] {
|
98
|
+
left: 0;
|
99
|
+
}
|
100
|
+
a[next] {
|
101
|
+
right: 0;
|
102
|
+
}
|
103
|
+
:host(:hover) a[prev] {
|
104
|
+
margin-left: 0.05em;
|
105
|
+
}
|
106
|
+
:host(:hover) a[next] {
|
107
|
+
margin-right: 0.05em;
|
108
|
+
}
|
109
|
+
svg {
|
110
|
+
display: flex;
|
111
|
+
height: 100%;
|
112
|
+
width: 1.4em;
|
113
|
+
}
|
109
114
|
`;
|
110
115
|
__decorate([
|
111
116
|
property({ type: Number })
|
package/effect/std.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/effect/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,OAAO;
|
1
|
+
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/effect/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,OAAO;CAAG"}
|
package/effect/tw-effect.d.ts
CHANGED
@@ -8,7 +8,7 @@ export declare class TWText extends STD {
|
|
8
8
|
len: number;
|
9
9
|
_timer: any[];
|
10
10
|
static styles: import("lit").CSSResult;
|
11
|
-
render(): import("lit").TemplateResult<1>;
|
11
|
+
render(): import("lit-html").TemplateResult<1>;
|
12
12
|
firstUpdated(): void;
|
13
13
|
rewrite(): void;
|
14
14
|
stop(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tw-effect.d.ts","sourceRoot":"","sources":["../../src/effect/tw-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,MAAO,SAAQ,GAAG;IACjB,IAAI,EAAE,MAAM,CAAa;IACR,OAAO,UAAS;IACjB,UAAU,SAAK;IACf,GAAG,SAAM;IACT,GAAG,SAAO;IAC7B,GAAG,SAAK;IACR,MAAM,QAAM;IACrB,MAAM,CAAC,MAAM,
|
1
|
+
{"version":3,"file":"tw-effect.d.ts","sourceRoot":"","sources":["../../src/effect/tw-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,MAAO,SAAQ,GAAG;IACjB,IAAI,EAAE,MAAM,CAAa;IACR,OAAO,UAAS;IACjB,UAAU,SAAK;IACf,GAAG,SAAM;IACT,GAAG,SAAO;IAC7B,GAAG,SAAK;IACR,MAAM,QAAM;IACrB,MAAM,CAAC,MAAM,0BAkBX;IACF,MAAM;IAGN,YAAY;IAKZ,OAAO;IAyBP,IAAI;CAML;AAID,eAAe,MAAM,CAAC;AACtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
package/effect/tw-effect.js
CHANGED
@@ -58,24 +58,25 @@ let TWText = class TWText extends STD {
|
|
58
58
|
this._timer = [];
|
59
59
|
}
|
60
60
|
};
|
61
|
-
TWText.styles = css `
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
61
|
+
TWText.styles = css `
|
62
|
+
:host {
|
63
|
+
font-family: monospace;
|
64
|
+
white-space: nowrap;
|
65
|
+
}
|
66
|
+
i {
|
67
|
+
border-right: 1px solid;
|
68
|
+
margin: 1px;
|
69
|
+
animation: s 1.5s steps(1) infinite;
|
70
|
+
}
|
71
|
+
@keyframes s {
|
72
|
+
0% {
|
73
|
+
border-color: currentColor;
|
74
|
+
}
|
75
|
+
50% {
|
76
|
+
border-color: transparent;
|
77
|
+
}
|
78
|
+
}
|
79
|
+
`;
|
79
80
|
__decorate([
|
80
81
|
property()
|
81
82
|
], TWText.prototype, "text", void 0);
|
package/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,
|
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,yBAAgE,CAAC;AACpF,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iBAgBO;CACrB"}
|
package/glob.js
CHANGED
@@ -3,22 +3,23 @@ import { LitElement, css, unsafeCSS } from "lit";
|
|
3
3
|
/**
|
4
4
|
* Custom CSS variable,join with "--" ,only allow `a-Z,0-9,-`
|
5
5
|
*/
|
6
|
-
export const cssvar = unsafeCSS("--" + conf.cssvar.replace(/[^a-zA-Z0-9
|
6
|
+
export const cssvar = unsafeCSS("--" + conf.cssvar.replace(/[^a-zA-Z0-9\\-]/g, ""));
|
7
7
|
export class GLOBSTD extends LitElement {
|
8
8
|
}
|
9
|
-
GLOBSTD.styles = css `
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
9
|
+
GLOBSTD.styles = css `
|
10
|
+
:host {
|
11
|
+
${cssvar}--text-selection: rgb(80 255 255);
|
12
|
+
${cssvar}--text-selection-background: rgb(0 0 0 / 10%);
|
13
|
+
}
|
14
|
+
* {
|
15
|
+
font-size: 100%;
|
16
|
+
color: inherit;
|
17
|
+
box-sizing: border-box;
|
18
|
+
margin: 0;
|
19
|
+
padding: 0;
|
20
|
+
}
|
21
|
+
::selection {
|
22
|
+
color: var(${cssvar}--text-selection);
|
23
|
+
background: var(${cssvar}--text-selection-background);
|
24
|
+
}
|
25
|
+
`;
|
package/group/avatar-group.d.ts
CHANGED
@@ -6,7 +6,7 @@ export declare class AvatarGroup extends STD {
|
|
6
6
|
usefresh: () => Promise<void>;
|
7
7
|
static styles: import("lit").CSSResult;
|
8
8
|
get assigned(): HTMLElement[];
|
9
|
-
render(): import("lit").TemplateResult<1>;
|
9
|
+
render(): import("lit-html").TemplateResult<1>;
|
10
10
|
firstUpdated(): void;
|
11
11
|
append(args?: string): void;
|
12
12
|
subtract(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,IAAI,UAAS;IACd,GAAG,SAAK;IACR,IAAI,SAAK;IACL,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAG3D;IACF,MAAM,CAAC,MAAM,
|
1
|
+
{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,IAAI,UAAS;IACd,GAAG,SAAK;IACR,IAAI,SAAK;IACL,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAG3D;IACF,MAAM,CAAC,MAAM,0BAgBX;IACF,IAAI,QAAQ,kBAEX;IACD,MAAM;IAcN,YAAY;IASZ,MAAM,CAAC,IAAI,SAAkB;IAe7B,QAAQ;IAUF,KAAK;CAGZ;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
package/group/avatar-group.js
CHANGED
@@ -21,10 +21,18 @@ let AvatarGroup = class AvatarGroup extends STD {
|
|
21
21
|
return this.shadowRoot.querySelector("slot").assignedElements();
|
22
22
|
}
|
23
23
|
render() {
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
24
|
+
const cssstr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;
|
25
|
+
return html `
|
26
|
+
${this.rank
|
27
|
+
? html `<div class="flex">
|
28
|
+
<slot></slot>
|
29
|
+
<style>
|
30
|
+
${cssstr}
|
31
|
+
</style>
|
32
|
+
<avatar-anchor style="display:${this.more > 0 ? undefined : "none"}" more=${this.more || 0}></avatar-anchor>
|
33
|
+
</div>`
|
34
|
+
: html `<div><slot></slot></div>`}
|
35
|
+
`;
|
28
36
|
}
|
29
37
|
firstUpdated() {
|
30
38
|
if (this.rank && !this.more) {
|
@@ -68,7 +76,23 @@ let AvatarGroup = class AvatarGroup extends STD {
|
|
68
76
|
await this.usefresh();
|
69
77
|
}
|
70
78
|
};
|
71
|
-
AvatarGroup.styles = css
|
79
|
+
AvatarGroup.styles = css `
|
80
|
+
:host {
|
81
|
+
display: flex;
|
82
|
+
flex-direction: column;
|
83
|
+
width: 100%;
|
84
|
+
height: 100%;
|
85
|
+
overflow-y: auto;
|
86
|
+
overflow-x: hidden;
|
87
|
+
}
|
88
|
+
div {
|
89
|
+
display: contents;
|
90
|
+
}
|
91
|
+
.flex {
|
92
|
+
display: flex;
|
93
|
+
flex-direction: row;
|
94
|
+
}
|
95
|
+
`;
|
72
96
|
__decorate([
|
73
97
|
property({ type: Boolean })
|
74
98
|
], AvatarGroup.prototype, "rank", void 0);
|
package/group/button-group.d.ts
CHANGED
@@ -2,7 +2,7 @@ import STD from "./std.js";
|
|
2
2
|
export declare class ButtonGroup extends STD {
|
3
3
|
v: boolean;
|
4
4
|
static styles: import("lit").CSSResult;
|
5
|
-
render(): import("lit").TemplateResult<1>;
|
5
|
+
render(): import("lit-html").TemplateResult<1>;
|
6
6
|
}
|
7
7
|
export default ButtonGroup;
|
8
8
|
declare global {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/group/button-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,CAAC,UAAS;IACvC,MAAM,CAAC,MAAM,0BAyCX;IACF,MAAM;
|
1
|
+
{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/group/button-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACL,CAAC,UAAS;IACvC,MAAM,CAAC,MAAM,0BAyCX;IACF,MAAM;CAeP;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
package/group/button-group.js
CHANGED
@@ -12,57 +12,62 @@ let ButtonGroup = class ButtonGroup extends STD {
|
|
12
12
|
this.v = false;
|
13
13
|
}
|
14
14
|
render() {
|
15
|
-
return html `
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
15
|
+
return html `
|
16
|
+
<slot name="pre"></slot>
|
17
|
+
<div class=${this.v ? "v" : "h"}>
|
18
|
+
<style>
|
19
|
+
::slotted(*:nth-of-type(1)),
|
20
|
+
::slotted(*:last-of-type) {
|
21
|
+
border-radius: ${getComputedStyle(this).borderRadius};
|
22
|
+
}
|
23
|
+
</style>
|
24
|
+
<slot></slot>
|
25
|
+
</div>
|
26
|
+
<slot name="suf"></slot>
|
22
27
|
`;
|
23
28
|
}
|
24
29
|
};
|
25
|
-
ButtonGroup.styles = css `
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
30
|
+
ButtonGroup.styles = css `
|
31
|
+
:host {
|
32
|
+
display: inline-flex;
|
33
|
+
align-items: center;
|
34
|
+
}
|
35
|
+
.v {
|
36
|
+
flex-direction: column;
|
37
|
+
}
|
38
|
+
.h ::slotted(*:nth-of-type(1)) {
|
39
|
+
border-top-right-radius: 0 !important;
|
40
|
+
border-bottom-right-radius: 0 !important;
|
41
|
+
}
|
42
|
+
.h ::slotted(*:last-of-type) {
|
43
|
+
border-top-left-radius: 0 !important;
|
44
|
+
border-bottom-left-radius: 0 !important;
|
45
|
+
}
|
46
|
+
.v ::slotted(*:nth-of-type(1)) {
|
47
|
+
border-bottom-left-radius: 0 !important;
|
48
|
+
border-bottom-right-radius: 0 !important;
|
49
|
+
}
|
50
|
+
.v ::slotted(*:last-of-type) {
|
51
|
+
border-top-left-radius: 0 !important;
|
52
|
+
border-top-right-radius: 0 !important;
|
53
|
+
}
|
54
|
+
.h ::slotted(*) {
|
55
|
+
margin: 0 -0.04em; /* 50% border-width */
|
56
|
+
}
|
57
|
+
.v ::slotted(*) {
|
58
|
+
margin: -0.04em 0; /* 50% border-width */
|
59
|
+
}
|
60
|
+
::slotted(*:hover) {
|
61
|
+
z-index: 2;
|
62
|
+
}
|
63
|
+
.h {
|
64
|
+
margin: 0 0.04em;
|
65
|
+
display: inherit;
|
66
|
+
}
|
67
|
+
.v {
|
68
|
+
margin: 0.04em 0;
|
69
|
+
display: inherit;
|
70
|
+
}
|
66
71
|
`;
|
67
72
|
__decorate([
|
68
73
|
property({ type: Boolean })
|
package/group/details-group.d.ts
CHANGED
@@ -3,7 +3,7 @@ export declare class DetailsGroup extends STD {
|
|
3
3
|
index: number;
|
4
4
|
only: boolean;
|
5
5
|
static styles: import("lit").CSSResult;
|
6
|
-
render(): import("lit").TemplateResult<1>;
|
6
|
+
render(): import("lit-html").TemplateResult<1>;
|
7
7
|
get assigned(): Element[];
|
8
8
|
firstUpdated(): Promise<void>;
|
9
9
|
_handleClick(e: any): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,YAAa,SAAQ,GAAG;IACP,KAAK,SAAM;IACV,IAAI,UAAS;IAC1C,MAAM,CAAC,MAAM,
|
1
|
+
{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,YAAa,SAAQ,GAAG;IACP,KAAK,SAAM;IACV,IAAI,UAAS;IAC1C,MAAM,CAAC,MAAM,0BAIX;IACF,MAAM;IAGN,IAAI,QAAQ,cAEX;IACK,YAAY;IAOlB,YAAY,CAAC,CAAC,KAAA;CAUf;AACD,eAAe,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
|
package/group/details-group.js
CHANGED
@@ -37,9 +37,11 @@ let DetailsGroup = class DetailsGroup extends STD {
|
|
37
37
|
}
|
38
38
|
}
|
39
39
|
};
|
40
|
-
DetailsGroup.styles = css
|
41
|
-
|
42
|
-
|
40
|
+
DetailsGroup.styles = css `
|
41
|
+
:host {
|
42
|
+
display: block;
|
43
|
+
}
|
44
|
+
`;
|
43
45
|
__decorate([
|
44
46
|
property({ type: Number })
|
45
47
|
], DetailsGroup.prototype, "index", void 0);
|
package/group/std.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/group/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;
|
1
|
+
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/group/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;CAAG"}
|
@@ -16,13 +16,13 @@ export declare class BaseInput extends STD {
|
|
16
16
|
step: number;
|
17
17
|
autofocus: boolean;
|
18
18
|
static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
|
19
|
-
render(): import("lit").TemplateResult<1>;
|
19
|
+
render(): import("lit-html").TemplateResult<1>;
|
20
20
|
connectedCallback(): void;
|
21
21
|
firstUpdated(): void;
|
22
22
|
_handleRange(e: any): void;
|
23
23
|
_handleFile(e: any): void;
|
24
24
|
reset(): void;
|
25
|
-
_typeSwitcher(): import("lit").TemplateResult<1>;
|
25
|
+
_typeSwitcher(): import("lit-html").TemplateResult<1>;
|
26
26
|
}
|
27
27
|
export default BaseInput;
|
28
28
|
declare global {
|
@@ -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,KAAK,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;IACR,SAAS,UAAS;IAC/C,MAAM,CAAC,MAAM,
|
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,KAAK,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;IACR,SAAS,UAAS;IAC/C,MAAM,CAAC,MAAM,4FAkGX;IACF,MAAM;IASN,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IAUZ,YAAY,CAAC,CAAC,KAAA;IAKd,WAAW,CAAC,CAAC,KAAA;IAIb,KAAK;IAUL,aAAa;CAUd;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|