godown 2.4.1 → 2.5.0
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 +15 -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 +7 -1
- package/effect/clip-text.d.ts.map +1 -1
- package/effect/clip-text.js +9 -2
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +11 -2
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +12 -1
- 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 +33 -1
- package/effect/typewriter-text.d.ts.map +1 -1
- package/effect/typewriter-text.js +39 -5
- package/effect/typewriter-text.js.map +1 -1
- package/{glob.d.ts → godown-element.d.ts} +20 -30
- package/godown-element.d.ts.map +1 -0
- package/godown-element.js +140 -0
- package/godown-element.js.map +1 -0
- package/group/avatar-group.d.ts +10 -2
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +16 -11
- package/group/avatar-group.js.map +1 -1
- package/group/details-group.d.ts +12 -2
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +23 -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 +24 -4
- package/group/tab-group.d.ts.map +1 -1
- package/group/tab-group.js +26 -6
- package/group/tab-group.js.map +1 -1
- package/input-form/base-input.d.ts +25 -7
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +36 -21
- package/input-form/base-input.js.map +1 -1
- package/input-form/label-input.d.ts +14 -6
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +64 -39
- package/input-form/label-input.js.map +1 -1
- package/input-form/search-input.d.ts +28 -9
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +61 -72
- package/input-form/search-input.js.map +1 -1
- package/input-form/select-input.d.ts +22 -5
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +39 -20
- package/input-form/select-input.js.map +1 -1
- package/input-form/sign-form.d.ts +19 -4
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +16 -8
- package/input-form/sign-form.js.map +1 -1
- package/input-form/split-input.d.ts +13 -4
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +20 -15
- package/input-form/split-input.js.map +1 -1
- package/input-form/std.d.ts +6 -6
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +18 -9
- package/input-form/std.js.map +1 -1
- package/input-form/switch-input.d.ts +26 -3
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +30 -6
- package/input-form/switch-input.js.map +1 -1
- package/items/alert-item.d.ts +20 -2
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +39 -26
- package/items/alert-item.js.map +1 -1
- package/items/avatar-a.d.ts +22 -2
- package/items/avatar-a.d.ts.map +1 -1
- package/items/avatar-a.js +34 -7
- package/items/avatar-a.js.map +1 -1
- package/items/base-button.d.ts +50 -6
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +179 -80
- package/items/base-button.js.map +1 -1
- package/items/card-item.d.ts +11 -5
- package/items/card-item.d.ts.map +1 -1
- package/items/card-item.js +52 -13
- package/items/card-item.js.map +1 -1
- package/items/dialog-item.d.ts +27 -5
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +26 -4
- package/items/dialog-item.js.map +1 -1
- package/items/index.d.ts +1 -1
- package/items/index.d.ts.map +1 -1
- package/items/index.js +1 -1
- package/items/index.js.map +1 -1
- package/items/link-a.d.ts +14 -1
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +21 -7
- package/items/link-a.js.map +1 -1
- package/items/load-progress.d.ts +36 -0
- package/items/load-progress.d.ts.map +1 -0
- package/items/{load-track.js → load-progress.js} +40 -49
- package/items/load-progress.js.map +1 -0
- 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 +15 -1
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +20 -6
- package/items/super-a.js.map +1 -1
- package/items/time-bar.d.ts +33 -2
- package/items/time-bar.d.ts.map +1 -1
- package/items/time-bar.js +35 -4
- package/items/time-bar.js.map +1 -1
- package/layout/div-line.d.ts +8 -2
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +16 -9
- 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 +11 -2
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +15 -5
- package/layout/flex-flow.js.map +1 -1
- package/layout/index.d.ts +0 -1
- package/layout/index.d.ts.map +1 -1
- package/layout/index.js +0 -1
- package/layout/index.js.map +1 -1
- package/layout/nav-aside.d.ts +12 -3
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +15 -5
- package/layout/nav-aside.js.map +1 -1
- package/layout/nav-layout.d.ts +14 -2
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +12 -6
- package/layout/nav-layout.js.map +1 -1
- package/layout/skeleton-screen.d.ts +15 -1
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +17 -2
- package/layout/skeleton-screen.js.map +1 -1
- package/layout/std.d.ts +1 -1
- package/layout/std.js +1 -1
- package/lib/directives.d.ts +31 -0
- package/lib/directives.d.ts.map +1 -0
- package/lib/directives.js +38 -0
- package/lib/directives.js.map +1 -0
- package/lib/event-collection.d.ts +9 -5
- package/lib/event-collection.d.ts.map +1 -1
- package/lib/event-collection.js +29 -29
- package/lib/event-collection.js.map +1 -1
- package/lib/templates.d.ts +39 -0
- package/lib/templates.d.ts.map +1 -0
- package/{tmpl.js → lib/templates.js} +27 -5
- package/lib/templates.js.map +1 -0
- package/lib/utils.d.ts +45 -2
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +121 -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 +1 -1
- package/react/items.d.ts.map +1 -1
- package/react/items.js +1 -10
- package/react/items.js.map +1 -1
- package/react/layout.d.ts +0 -1
- package/react/layout.d.ts.map +1 -1
- package/react/layout.js +0 -10
- package/react/layout.js.map +1 -1
- package/react/view.d.ts +3 -2
- package/react/view.d.ts.map +1 -1
- package/react/view.js +9 -13
- 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 +10 -2
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +15 -12
- package/view/details-expand.js.map +1 -1
- package/view/index.d.ts +3 -2
- package/view/index.d.ts.map +1 -1
- package/view/index.js +3 -2
- package/view/index.js.map +1 -1
- package/view/menu-list.d.ts +6 -4
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +18 -23
- package/view/menu-list.js.map +1 -1
- package/view/offset-expand.d.ts +27 -0
- package/view/offset-expand.d.ts.map +1 -0
- package/view/offset-expand.js +138 -0
- package/view/offset-expand.js.map +1 -0
- package/view/rotation-pool.d.ts +14 -2
- package/view/rotation-pool.d.ts.map +1 -1
- package/view/rotation-pool.js +16 -2
- package/view/rotation-pool.js.map +1 -1
- package/view/route-view.d.ts +25 -3
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +27 -3
- package/view/route-view.js.map +1 -1
- package/view/scroll-x.d.ts +9 -3
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +13 -5
- package/view/scroll-x.js.map +1 -1
- package/view/std.d.ts +27 -7
- package/view/std.d.ts.map +1 -1
- package/view/std.js +32 -6
- package/view/std.js.map +1 -1
- package/view/tool-tip.d.ts +24 -0
- package/view/tool-tip.d.ts.map +1 -0
- package/view/{float-tips.js → tool-tip.js} +41 -41
- package/view/tool-tip.js.map +1 -0
- package/view/with-wrap.d.ts +25 -0
- package/view/with-wrap.d.ts.map +1 -0
- package/view/with-wrap.js +99 -0
- package/view/with-wrap.js.map +1 -0
- package/glob.d.ts.map +0 -1
- package/glob.js +0 -213
- package/glob.js.map +0 -1
- package/items/load-track.d.ts +0 -23
- package/items/load-track.d.ts.map +0 -1
- package/items/load-track.js.map +0 -1
- package/layout/with-wrap.d.ts +0 -14
- package/layout/with-wrap.d.ts.map +0 -1
- package/layout/with-wrap.js +0 -33
- package/layout/with-wrap.js.map +0 -1
- package/tmpl.d.ts +0 -23
- package/tmpl.d.ts.map +0 -1
- package/tmpl.js.map +0 -1
- package/view/down-drop.d.ts +0 -25
- package/view/down-drop.d.ts.map +0 -1
- package/view/down-drop.js +0 -119
- package/view/down-drop.js.map +0 -1
- package/view/float-tips.d.ts +0 -19
- package/view/float-tips.d.ts.map +0 -1
- package/view/float-tips.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
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"godown-element.js","sourceRoot":"","sources":["../src/godown-element.ts"],"names":[],"mappings":"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"}
|
package/group/avatar-group.d.ts
CHANGED
@@ -1,12 +1,20 @@
|
|
1
|
-
import { type HTMLTemplate } from "../
|
1
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
2
2
|
import AvatarAnchor from "../items/avatar-a.js";
|
3
3
|
import GroupSTD from "./std.js";
|
4
|
+
/**
|
5
|
+
* AvatarGroup ensure that the display content does not exceed the maximum value, and display the excess quantity.
|
6
|
+
*/
|
4
7
|
export declare class AvatarGroup extends GroupSTD {
|
8
|
+
/**
|
9
|
+
* The maximum number of elements that can be accepted for this element.
|
10
|
+
*/
|
5
11
|
max: number;
|
12
|
+
/**
|
13
|
+
* When the content overflows, create an {@linkcode AvatarAnchor} with the same {@linkcode AvatarAnchor.more} attribute as more.
|
14
|
+
*/
|
6
15
|
more: number;
|
7
16
|
static styles: import("lit").CSSResult[];
|
8
17
|
protected render(): HTMLTemplate;
|
9
|
-
private renderMore;
|
10
18
|
protected firstUpdated(): void;
|
11
19
|
append(args?: AvatarAnchor): void;
|
12
20
|
subtract(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7E,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAEhD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC;;GAEG;AACH,qBACa,WAAY,SAAQ,QAAQ;IACvC;;OAEG;IACyB,GAAG,SAAM;IACrC;;OAEG;IACyB,IAAI,SAAK;IAErC,MAAM,CAAC,MAAM,4BAYX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAKhC,SAAS,CAAC,YAAY;IAMtB,MAAM,CAAC,IAAI,eAAqB;IAehC,QAAQ;CAYT;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
package/group/avatar-group.js
CHANGED
@@ -4,27 +4,32 @@ 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 { htmlSlot, htmlStyle } from "../
|
7
|
+
import { css, html, nothing, property } from "../deps.js";
|
8
|
+
import { htmlSlot, htmlStyle } from "../lib/templates.js";
|
9
|
+
import { append } from "../lib/utils.js";
|
9
10
|
import AvatarAnchor from "../items/avatar-a.js";
|
11
|
+
import { define } from "../root.js";
|
10
12
|
import GroupSTD from "./std.js";
|
13
|
+
import { ifValue } from "../lib/directives.js";
|
11
14
|
const defineName = "avatar-group";
|
15
|
+
/**
|
16
|
+
* AvatarGroup ensure that the display content does not exceed the maximum value, and display the excess quantity.
|
17
|
+
*/
|
12
18
|
let AvatarGroup = class AvatarGroup extends GroupSTD {
|
13
19
|
constructor() {
|
14
20
|
super(...arguments);
|
15
|
-
|
21
|
+
/**
|
22
|
+
* The maximum number of elements that can be accepted for this element.
|
23
|
+
*/
|
24
|
+
this.max = 99;
|
25
|
+
/**
|
26
|
+
* When the content overflows, create an {@linkcode AvatarAnchor} with the same {@linkcode AvatarAnchor.more} attribute as more.
|
27
|
+
*/
|
16
28
|
this.more = 0;
|
17
29
|
}
|
18
30
|
render() {
|
19
31
|
const cssStr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;
|
20
|
-
return html `${htmlSlot()} ${htmlStyle(cssStr)} ${this.
|
21
|
-
}
|
22
|
-
renderMore() {
|
23
|
-
if (this.more > 0) {
|
24
|
-
const aa = new AvatarAnchor();
|
25
|
-
aa.more = this.more;
|
26
|
-
return aa;
|
27
|
-
}
|
32
|
+
return html `${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new AvatarAnchor({ more: this.more }), nothing)}`;
|
28
33
|
}
|
29
34
|
firstUpdated() {
|
30
35
|
if (!this.more && this.assigned.length > this.max) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"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"}
|
package/group/details-group.d.ts
CHANGED
@@ -1,11 +1,21 @@
|
|
1
|
-
import { type HTMLTemplate } from "../
|
1
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
2
2
|
import GroupSTD from "./std.js";
|
3
|
+
/**
|
4
|
+
* DetailsGroup used to support multiple details like.
|
5
|
+
*/
|
3
6
|
export declare class DetailsGroup extends GroupSTD {
|
7
|
+
/**
|
8
|
+
* Default open element index.
|
9
|
+
*/
|
4
10
|
index: number;
|
11
|
+
/**
|
12
|
+
* If true, close the previous element when switching index.
|
13
|
+
*/
|
5
14
|
only: boolean;
|
6
15
|
static styles: import("lit").CSSResult[];
|
7
16
|
protected render(): HTMLTemplate;
|
8
|
-
|
17
|
+
connectedCallback(): void;
|
18
|
+
disconnectedCallback(): void;
|
9
19
|
protected _handleClick(e: MouseEvent): void;
|
10
20
|
}
|
11
21
|
export default DetailsGroup;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC;;GAEG;AACH,qBACa,YAAa,SAAQ,QAAQ;IACxC;;OAEG;IACyB,KAAK,SAAM;IACvC;;OAEG;IAC0B,IAAI,UAAS;IAE1C,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,iBAAiB;IAQjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAIrC;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
|
package/group/details-group.js
CHANGED
@@ -4,35 +4,43 @@ 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 { htmlSlot } from "../
|
7
|
+
import { css, property } from "../deps.js";
|
8
|
+
import { htmlSlot } from "../lib/templates.js";
|
9
|
+
import { define } from "../root.js";
|
9
10
|
import GroupSTD from "./std.js";
|
10
11
|
const defineName = "details-group";
|
12
|
+
/**
|
13
|
+
* DetailsGroup used to support multiple details like.
|
14
|
+
*/
|
11
15
|
let DetailsGroup = class DetailsGroup extends GroupSTD {
|
12
16
|
constructor() {
|
13
17
|
super(...arguments);
|
18
|
+
/**
|
19
|
+
* Default open element index.
|
20
|
+
*/
|
14
21
|
this.index = -1;
|
22
|
+
/**
|
23
|
+
* If true, close the previous element when switching index.
|
24
|
+
*/
|
15
25
|
this.only = false;
|
16
26
|
}
|
17
27
|
render() {
|
18
28
|
return htmlSlot();
|
19
29
|
}
|
20
|
-
|
21
|
-
|
22
|
-
if (this.
|
23
|
-
this.
|
30
|
+
connectedCallback() {
|
31
|
+
super.connectedCallback();
|
32
|
+
if (this.only) {
|
33
|
+
this.addEvent(this, "click", this._handleClick);
|
24
34
|
}
|
25
|
-
this.
|
35
|
+
this.children[this.index]?.setAttribute("open", "");
|
36
|
+
}
|
37
|
+
disconnectedCallback() {
|
38
|
+
super.disconnectedCallback();
|
39
|
+
this.index = -1;
|
26
40
|
}
|
27
41
|
_handleClick(e) {
|
28
|
-
|
29
|
-
|
30
|
-
this.assigned.forEach((e, i) => {
|
31
|
-
if (i !== this.index) {
|
32
|
-
e.removeAttribute("open");
|
33
|
-
}
|
34
|
-
});
|
35
|
-
}
|
42
|
+
this.children[this.index]?.removeAttribute("open");
|
43
|
+
this.index = this.assigned.indexOf(e.target);
|
36
44
|
}
|
37
45
|
};
|
38
46
|
DetailsGroup.styles = [
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"details-group.js","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,
|
1
|
+
{"version":3,"file":"details-group.js","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,eAAe,CAAC;AAEnC;;GAEG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QACL;;WAEG;QACyB,UAAK,GAAG,CAAC,CAAC,CAAC;QACvC;;WAEG;QAC0B,SAAI,GAAG,KAAK,CAAC;IA+B5C,CAAC;IArBW,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;SACjD;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAClB,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;IAC9D,CAAC;;AA5BM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,AANY,CAMX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAY;AAIV;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAc;AAR/B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CAuCxB;;AAED,eAAe,YAAY,CAAC"}
|
package/group/std.d.ts
CHANGED
package/group/std.js
CHANGED
package/group/tab-group.d.ts
CHANGED
@@ -1,15 +1,35 @@
|
|
1
|
-
import { type
|
1
|
+
import { type CSSResultGroup, type PropertyValueMap } from "../deps.js";
|
2
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
2
3
|
import GroupSTD from "./std.js";
|
3
|
-
|
4
|
+
/**
|
5
|
+
* TabGroup used to support multiple tabs.
|
6
|
+
*
|
7
|
+
* Inspired by Next-ui.
|
8
|
+
*/
|
4
9
|
export declare class TabGroup extends GroupSTD {
|
5
|
-
|
10
|
+
/**
|
11
|
+
* Active slot name.
|
12
|
+
*/
|
6
13
|
index: string;
|
14
|
+
/**
|
15
|
+
* Default slot name.
|
16
|
+
*/
|
7
17
|
def: string;
|
18
|
+
/**
|
19
|
+
* Align type.
|
20
|
+
*/
|
8
21
|
align: string;
|
22
|
+
/**
|
23
|
+
* Header texts or slot names, if headers is a zero value, it is taken from the {@linkcode TabGroup.contents}.
|
24
|
+
*/
|
9
25
|
headers: string[] | void;
|
26
|
+
/**
|
27
|
+
* Contents slot names.
|
28
|
+
*/
|
10
29
|
contents: string[];
|
30
|
+
static styles: CSSResultGroup;
|
11
31
|
protected render(): HTMLTemplate;
|
12
|
-
protected updated(changedProperties: PropertyValueMap<
|
32
|
+
protected updated(changedProperties: PropertyValueMap<this>): void;
|
13
33
|
/**
|
14
34
|
* Select one tab.
|
15
35
|
* @param s New index.
|
package/group/tab-group.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAkB,KAAK,gBAAgB,EAAS,MAAM,YAAY,CAAC;AACpG,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAOhC;;;;GAIG;AACH,qBACa,QAAS,SAAQ,QAAQ;IACpC;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,GAAG,SAAM;IACrB;;OAEG;IACS,KAAK,SAAW;IAC5B;;OAEG;IACM,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC;;OAEG;IACM,QAAQ,EAAE,MAAM,EAAE,CAAC;IAE5B,MAAM,CAAC,MAAM,iBA0CO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAoBhC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAkB3D;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,UAAQ;IAalC,iBAAiB;IAWjB;;OAEG;IACH,OAAO;CAGR;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/group/tab-group.js
CHANGED
@@ -4,22 +4,39 @@ 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, property, state } from "../deps.js";
|
9
|
+
import { htmlSlot } from "../lib/templates.js";
|
10
|
+
import { deepQuerySelectorAll } from "../lib/utils.js";
|
9
11
|
import GroupSTD from "./std.js";
|
12
|
+
import { ifValue } from "../lib/directives.js";
|
10
13
|
const defineName = "tab-group";
|
11
14
|
const cssvarScope = createScope(defineName);
|
15
|
+
/**
|
16
|
+
* TabGroup used to support multiple tabs.
|
17
|
+
*
|
18
|
+
* Inspired by Next-ui.
|
19
|
+
*/
|
12
20
|
let TabGroup = class TabGroup extends GroupSTD {
|
13
21
|
constructor() {
|
14
22
|
super(...arguments);
|
23
|
+
/**
|
24
|
+
* Active slot name.
|
25
|
+
*/
|
15
26
|
this.index = "";
|
27
|
+
/**
|
28
|
+
* Default slot name.
|
29
|
+
*/
|
16
30
|
this.def = "";
|
31
|
+
/**
|
32
|
+
* Align type.
|
33
|
+
*/
|
17
34
|
this.align = "start";
|
18
35
|
}
|
19
36
|
render() {
|
20
37
|
const headers = (this.headers || this.contents).map((value) => {
|
21
|
-
return html
|
22
|
-
class="${this.index === value
|
38
|
+
return html ` <section
|
39
|
+
class="${ifValue(this.index === value, "active")}"
|
23
40
|
@click="${() => {
|
24
41
|
this.select(value, true);
|
25
42
|
}}"
|
@@ -43,7 +60,10 @@ let TabGroup = class TabGroup extends GroupSTD {
|
|
43
60
|
if (active) {
|
44
61
|
this.dispatchEvent(new CustomEvent("select", { detail: this.index }));
|
45
62
|
slider.style.width = `${active.clientWidth}px`;
|
46
|
-
slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], {
|
63
|
+
slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], {
|
64
|
+
duration: 250,
|
65
|
+
fill: "forwards",
|
66
|
+
});
|
47
67
|
}
|
48
68
|
else {
|
49
69
|
slider.style.width = "0";
|
@@ -57,7 +77,7 @@ let TabGroup = class TabGroup extends GroupSTD {
|
|
57
77
|
*/
|
58
78
|
select(s, callSync = false) {
|
59
79
|
if (callSync) {
|
60
|
-
const elements =
|
80
|
+
const elements = deepQuerySelectorAll(this.tagName, document.body);
|
61
81
|
for (const e of elements) {
|
62
82
|
if ((e.headers || e.contents).includes(s)) {
|
63
83
|
e.select(s);
|
package/group/tab-group.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tab-group.js","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"tab-group.js","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":"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"}
|
@@ -1,19 +1,37 @@
|
|
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
|
+
/**
|
5
|
+
* BaseInput.
|
6
|
+
*/
|
5
7
|
export declare class BaseInput extends InputSTD {
|
6
|
-
|
7
|
-
|
8
|
-
|
8
|
+
/**
|
9
|
+
* Input sccept.
|
10
|
+
*/
|
9
11
|
accept: any;
|
10
|
-
|
12
|
+
/**
|
13
|
+
* Value.
|
14
|
+
*/
|
11
15
|
value: string | File | FileList;
|
16
|
+
/**
|
17
|
+
* Only single files are allowed to be selected.
|
18
|
+
*/
|
12
19
|
only: boolean;
|
20
|
+
/**
|
21
|
+
* Input min.
|
22
|
+
*/
|
13
23
|
min: number;
|
24
|
+
/**
|
25
|
+
* Input max.
|
26
|
+
*/
|
14
27
|
max: number;
|
28
|
+
/**
|
29
|
+
* Input step.
|
30
|
+
*/
|
15
31
|
step: number;
|
16
|
-
|
32
|
+
_input: HTMLInputElement;
|
33
|
+
_ranged: HTMLElement;
|
34
|
+
static styles: CSSResultGroup;
|
17
35
|
protected render(): HTMLTemplate;
|
18
36
|
connectedCallback(): void;
|
19
37
|
protected firstUpdated(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../src/input-form/base-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,
|
1
|
+
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../src/input-form/base-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAE7E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC;;GAEG;AACH,qBACa,SAAU,SAAQ,QAAQ;IACrC;;OAEG;IACS,MAAM,MAAa;IAC/B;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IACxD;;OAEG;IAC0B,IAAI,UAAS;IAC1C;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,IAAI,SAAK;IAEpB,MAAM,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IAExC,MAAM,CAAC,MAAM,iBA8GO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAahC,iBAAiB;IAejB,SAAS,CAAC,YAAY;IAOtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAMrC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAKpC,KAAK;IAeL,SAAS,CAAC,aAAa,IAAI,YAAY;CAYxC;AAED,eAAe,SAAS,CAAC;AAEzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
package/input-form/base-input.js
CHANGED
@@ -4,21 +4,41 @@ 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 { 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";
|
12
|
+
/**
|
13
|
+
* BaseInput.
|
14
|
+
*/
|
11
15
|
let BaseInput = class BaseInput extends InputSTD {
|
12
16
|
constructor() {
|
13
17
|
super(...arguments);
|
18
|
+
/**
|
19
|
+
* Input sccept.
|
20
|
+
*/
|
14
21
|
this.accept = undefined;
|
15
|
-
|
22
|
+
/**
|
23
|
+
* Value.
|
24
|
+
*/
|
16
25
|
this.value = undefined;
|
26
|
+
/**
|
27
|
+
* Only single files are allowed to be selected.
|
28
|
+
*/
|
17
29
|
this.only = false;
|
30
|
+
/**
|
31
|
+
* Input min.
|
32
|
+
*/
|
18
33
|
this.min = 0;
|
34
|
+
/**
|
35
|
+
* Input max.
|
36
|
+
*/
|
19
37
|
this.max = 100;
|
38
|
+
/**
|
39
|
+
* Input step.
|
40
|
+
*/
|
20
41
|
this.step = 1;
|
21
|
-
this.autofocus = false;
|
22
42
|
}
|
23
43
|
render() {
|
24
44
|
if (this.type === "range") {
|
@@ -28,12 +48,12 @@ let BaseInput = class BaseInput extends InputSTD {
|
|
28
48
|
<b>
|
29
49
|
<i></i>
|
30
50
|
</b>
|
31
|
-
</div
|
51
|
+
</div>`;
|
32
52
|
}
|
33
53
|
return html `<label for="input"> ${htmlSlot("pre")} ${this._typeSwitcher()} ${htmlSlot("suf")} </label>`;
|
34
54
|
}
|
35
55
|
connectedCallback() {
|
36
|
-
|
56
|
+
super.connectedCallback();
|
37
57
|
if (this.type === "file") {
|
38
58
|
this.value = null;
|
39
59
|
}
|
@@ -48,6 +68,7 @@ let BaseInput = class BaseInput extends InputSTD {
|
|
48
68
|
this._initName();
|
49
69
|
}
|
50
70
|
firstUpdated() {
|
71
|
+
super.firstUpdated();
|
51
72
|
if (this.type === "range") {
|
52
73
|
this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
|
53
74
|
}
|
@@ -79,11 +100,11 @@ let BaseInput = class BaseInput extends InputSTD {
|
|
79
100
|
_typeSwitcher() {
|
80
101
|
switch (this.type) {
|
81
102
|
case "file":
|
82
|
-
return html `<input id="input" class="input" type="file" accept="${
|
103
|
+
return html `<input id="input" class="input" type="file" accept="${this.accept}" ?multiple="${!this.only}" @change="${this._handleFile}" />${htmlSlot()}`;
|
83
104
|
case "number":
|
84
|
-
return html `<input id="input" class="input" type="number" placeholder="${
|
105
|
+
return html `<input .value="${this.value}" ?autofocus="${this.autofocus}" id="input" class="input" type="number" placeholder="${this.pla}" min="${this.min}" max="${this.max}" @input="${this._handleInput}" @change="${this._handleChange}" />`;
|
85
106
|
default:
|
86
|
-
return html `<input id="input" class="input" type="${this.type}" placeholder="${
|
107
|
+
return html `<input .value="${this.value}" ?autofocus="${this.autofocus}" id="input" class="input" type="${this.type}" placeholder="${this.pla}" @input="${this._handleInput}" @change="${this._handleChange}" />`;
|
87
108
|
}
|
88
109
|
}
|
89
110
|
};
|
@@ -91,10 +112,10 @@ BaseInput.styles = [
|
|
91
112
|
InputSTD.styles,
|
92
113
|
css `
|
93
114
|
:host {
|
94
|
-
display: inline-flex;
|
95
115
|
width: var(${cssvarValues.input}--width);
|
96
116
|
height: var(${cssvarValues.input}--height);
|
97
117
|
background: var(${cssvarValues.input}--background);
|
118
|
+
margin: var(--godown--input--outline-width);
|
98
119
|
outline: var(${cssvarValues.input}--outline);
|
99
120
|
border-radius: var(${cssvarValues.input}--radius);
|
100
121
|
}
|
@@ -198,18 +219,9 @@ BaseInput.styles = [
|
|
198
219
|
}
|
199
220
|
`,
|
200
221
|
];
|
201
|
-
__decorate([
|
202
|
-
query("#input")
|
203
|
-
], BaseInput.prototype, "_input", void 0);
|
204
|
-
__decorate([
|
205
|
-
query(".range i")
|
206
|
-
], BaseInput.prototype, "_ranged", void 0);
|
207
222
|
__decorate([
|
208
223
|
property()
|
209
224
|
], BaseInput.prototype, "accept", void 0);
|
210
|
-
__decorate([
|
211
|
-
property({ reflect: true })
|
212
|
-
], BaseInput.prototype, "type", void 0);
|
213
225
|
__decorate([
|
214
226
|
property()
|
215
227
|
], BaseInput.prototype, "value", void 0);
|
@@ -226,8 +238,11 @@ __decorate([
|
|
226
238
|
property({ type: Number })
|
227
239
|
], BaseInput.prototype, "step", void 0);
|
228
240
|
__decorate([
|
229
|
-
|
230
|
-
], BaseInput.prototype, "
|
241
|
+
query("#input")
|
242
|
+
], BaseInput.prototype, "_input", void 0);
|
243
|
+
__decorate([
|
244
|
+
query(".range i")
|
245
|
+
], BaseInput.prototype, "_ranged", void 0);
|
231
246
|
BaseInput = __decorate([
|
232
247
|
define(defineName)
|
233
248
|
], 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,21 @@
|
|
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
|
+
* LabelInput renders label and input.
|
6
|
+
*
|
7
|
+
* When there is a label, the layout will be adjusted according to the width of the screen.
|
8
|
+
*
|
9
|
+
* Otherwise it behaves similarly to the `BaseInput`.
|
10
|
+
*/
|
4
11
|
export declare class LabelInput extends InputSTD {
|
5
|
-
|
6
|
-
|
7
|
-
|
12
|
+
/**
|
13
|
+
* Conditions for adjust layout.
|
14
|
+
*/
|
15
|
+
mobile: string;
|
8
16
|
_input: HTMLInputElement;
|
9
17
|
static styles: CSSResultGroup;
|
10
|
-
protected render(): HTMLTemplate;
|
18
|
+
protected render(): HTMLTemplate[];
|
11
19
|
private renderSuf;
|
12
20
|
protected _passwordSwitcher(): void;
|
13
21
|
}
|
@@ -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;;;;;;GAMG;AACH,qBACa,UAAW,SAAQ,QAAQ;IACtC;;OAEG;IACS,MAAM,SAAW;IAEb,MAAM,EAAE,gBAAgB,CAAC;IAEzC,MAAM,CAAC,MAAM,iBA4DO;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"}
|