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
package/items/dialog-item.js
CHANGED
@@ -4,22 +4,44 @@ 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,
|
7
|
+
import { css, html, property, query } from "../deps.js";
|
8
|
+
import { cssvarValues, define } from "../root.js";
|
8
9
|
import ItemsSTD from "./std.js";
|
9
10
|
const defineName = "dialog-item";
|
11
|
+
/**
|
12
|
+
* DialogItem similar to dialog.
|
13
|
+
*/
|
10
14
|
let DialogItem = class DialogItem extends ItemsSTD {
|
11
15
|
constructor() {
|
12
16
|
super(...arguments);
|
17
|
+
/**
|
18
|
+
* Enable modal.
|
19
|
+
*/
|
13
20
|
this.modal = false;
|
21
|
+
/**
|
22
|
+
* Whether this element is activated.
|
23
|
+
*/
|
14
24
|
this.open = false;
|
25
|
+
/**
|
26
|
+
* Enable scale.
|
27
|
+
*/
|
15
28
|
this.scale = false;
|
29
|
+
/**
|
30
|
+
* Scale gap.
|
31
|
+
*/
|
16
32
|
this.gap = 0.1;
|
33
|
+
/**
|
34
|
+
* Exit key, which can be multiple.
|
35
|
+
*/
|
17
36
|
this.key = "Escape";
|
18
|
-
|
37
|
+
/**
|
38
|
+
* The direction in which it appears.
|
39
|
+
*/
|
40
|
+
this.direction = "center";
|
19
41
|
}
|
20
42
|
render() {
|
21
43
|
return html `<div>
|
22
|
-
<slot class="${this.
|
44
|
+
<slot class="${this.direction}"></slot>
|
23
45
|
</div>`;
|
24
46
|
}
|
25
47
|
connectedCallback() {
|
@@ -174,7 +196,7 @@ __decorate([
|
|
174
196
|
], DialogItem.prototype, "key", void 0);
|
175
197
|
__decorate([
|
176
198
|
property({ type: String })
|
177
|
-
], DialogItem.prototype, "
|
199
|
+
], DialogItem.prototype, "direction", void 0);
|
178
200
|
__decorate([
|
179
201
|
query("div")
|
180
202
|
], DialogItem.prototype, "_div", void 0);
|
package/items/dialog-item.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dialog-item.js","sourceRoot":"","sources":["../../src/items/dialog-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,
|
1
|
+
{"version":3,"file":"dialog-item.js","sourceRoot":"","sources":["../../src/items/dialog-item.ts"],"names":[],"mappings":"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"}
|
package/items/index.d.ts
CHANGED
@@ -4,7 +4,7 @@ export * from "./base-button.js";
|
|
4
4
|
export * from "./card-item.js";
|
5
5
|
export * from "./dialog-item.js";
|
6
6
|
export * from "./link-a.js";
|
7
|
-
export * from "./load-
|
7
|
+
export * from "./load-progress.js";
|
8
8
|
export * from "./super-a.js";
|
9
9
|
export * from "./time-bar.js";
|
10
10
|
//# sourceMappingURL=index.d.ts.map
|
package/items/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/items/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/items/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
|
package/items/index.js
CHANGED
@@ -4,7 +4,7 @@ export * from "./base-button.js";
|
|
4
4
|
export * from "./card-item.js";
|
5
5
|
export * from "./dialog-item.js";
|
6
6
|
export * from "./link-a.js";
|
7
|
-
export * from "./load-
|
7
|
+
export * from "./load-progress.js";
|
8
8
|
export * from "./super-a.js";
|
9
9
|
export * from "./time-bar.js";
|
10
10
|
//# sourceMappingURL=index.js.map
|
package/items/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/items/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/items/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
|
package/items/link-a.d.ts
CHANGED
@@ -1,9 +1,22 @@
|
|
1
1
|
import { SuperAnchor } from "./super-a.js";
|
2
|
+
/**
|
3
|
+
* LinkAnchor works with {@linkcode RouteView}.
|
4
|
+
*
|
5
|
+
* @extends SuperAnchor
|
6
|
+
*/
|
2
7
|
export declare class LinkAnchor extends SuperAnchor {
|
8
|
+
/**
|
9
|
+
* True when the href is in the same pathname as the location.
|
10
|
+
*/
|
3
11
|
active: boolean;
|
12
|
+
/**
|
13
|
+
* If true, replaceState, or pushState.
|
14
|
+
*/
|
4
15
|
replace: boolean;
|
5
|
-
static styles: import("lit").CSSResult[];
|
6
16
|
connectedCallback(): void;
|
17
|
+
/**
|
18
|
+
* Set active to true when the {@linkcode LinkAnchor.href} is in the same pathname as the location.
|
19
|
+
*/
|
7
20
|
useActive(): void;
|
8
21
|
protected _handleClick(e: MouseEvent): void;
|
9
22
|
pushState(url?: string, data?: any): void;
|
package/items/link-a.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C;;;;GAIG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IAC0B,OAAO,UAAS;IAE7C,iBAAiB;IAOjB;;OAEG;IACH,SAAS;IAOT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAapC,SAAS,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKtC,YAAY,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKzC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAKxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAC;KACtB;CACF"}
|
package/items/link-a.js
CHANGED
@@ -5,14 +5,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
6
|
};
|
7
7
|
var LinkAnchor_1;
|
8
|
-
import { define
|
8
|
+
import { define } from "../root.js";
|
9
|
+
import { property } from "../deps.js";
|
9
10
|
import { RouteView } from "../view/route-view.js";
|
10
11
|
import { SuperAnchor } from "./super-a.js";
|
11
12
|
const defineName = "link-a";
|
13
|
+
/**
|
14
|
+
* LinkAnchor works with {@linkcode RouteView}.
|
15
|
+
*
|
16
|
+
* @extends SuperAnchor
|
17
|
+
*/
|
12
18
|
let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
|
13
19
|
constructor() {
|
14
20
|
super(...arguments);
|
21
|
+
/**
|
22
|
+
* True when the href is in the same pathname as the location.
|
23
|
+
*/
|
15
24
|
this.active = false;
|
25
|
+
/**
|
26
|
+
* If true, replaceState, or pushState.
|
27
|
+
*/
|
16
28
|
this.replace = false;
|
17
29
|
}
|
18
30
|
connectedCallback() {
|
@@ -21,16 +33,19 @@ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
|
|
21
33
|
this.addEvent(window, "popstate", this.useActive.bind(this));
|
22
34
|
this.useActive();
|
23
35
|
}
|
36
|
+
/**
|
37
|
+
* Set active to true when the {@linkcode LinkAnchor.href} is in the same pathname as the location.
|
38
|
+
*/
|
24
39
|
useActive() {
|
25
|
-
const url = new URL(this.href,
|
26
|
-
if (url.origin ===
|
27
|
-
this.active = url.pathname ===
|
40
|
+
const url = new URL(this.href, location.href);
|
41
|
+
if (url.origin === location.origin) {
|
42
|
+
this.active = url.pathname === location.pathname;
|
28
43
|
}
|
29
44
|
}
|
30
45
|
_handleClick(e) {
|
31
46
|
const href = this.href ?? this.querySelector("[href]")?.getAttribute("href");
|
32
|
-
const url = new URL(href,
|
33
|
-
if (url.origin ===
|
47
|
+
const url = new URL(href, location.href);
|
48
|
+
if (url.origin === location.origin) {
|
34
49
|
e.preventDefault();
|
35
50
|
if (this.replace) {
|
36
51
|
this.replaceState(href);
|
@@ -57,7 +72,6 @@ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
|
|
57
72
|
RouteView.updateAll();
|
58
73
|
}
|
59
74
|
};
|
60
|
-
LinkAnchor.styles = SuperAnchor.styles;
|
61
75
|
__decorate([
|
62
76
|
property({ type: Boolean, reflect: true })
|
63
77
|
], LinkAnchor.prototype, "active", void 0);
|
package/items/link-a.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"link-a.js","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
1
|
+
{"version":3,"file":"link-a.js","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import { type CSSResultGroup } from "../deps.js";
|
2
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
3
|
+
import ItemsSTD from "./std.js";
|
4
|
+
/**
|
5
|
+
* LoadProgress similar to progress.
|
6
|
+
*/
|
7
|
+
export declare class LoadProgress extends ItemsSTD {
|
8
|
+
/**
|
9
|
+
* Maximum.
|
10
|
+
*/
|
11
|
+
max: number;
|
12
|
+
/**
|
13
|
+
* Minimum.
|
14
|
+
*/
|
15
|
+
min: number;
|
16
|
+
/**
|
17
|
+
* Input value.
|
18
|
+
*/
|
19
|
+
value: any;
|
20
|
+
static styles: CSSResultGroup;
|
21
|
+
protected render(): HTMLTemplate;
|
22
|
+
/**
|
23
|
+
* Convert s to a percentage without a percent sign.
|
24
|
+
*
|
25
|
+
* @param s String or number to convert.
|
26
|
+
* @returns Percentage without a percent sign.
|
27
|
+
*/
|
28
|
+
parsePercent(s?: string | number): number;
|
29
|
+
}
|
30
|
+
export default LoadProgress;
|
31
|
+
declare global {
|
32
|
+
interface HTMLElementTagNameMap {
|
33
|
+
"load-track": LoadProgress;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
//# sourceMappingURL=load-progress.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"load-progress.d.ts","sourceRoot":"","sources":["../../src/items/load-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,YAAY,CAAC;AAEtE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC;;GAEG;AACH,qBACa,YAAa,SAAQ,QAAQ;IACxC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACwC,KAAK,MAAQ;IAExD,MAAM,CAAC,MAAM,iBAuCO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}
|
@@ -4,55 +4,54 @@ 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 {
|
7
|
+
import { css, html, property } from "../deps.js";
|
8
|
+
import { cssvarValues, define } from "../root.js";
|
8
9
|
import ItemsSTD from "./std.js";
|
9
|
-
const defineName = "load-
|
10
|
-
|
10
|
+
const defineName = "load-progress";
|
11
|
+
/**
|
12
|
+
* LoadProgress similar to progress.
|
13
|
+
*/
|
14
|
+
let LoadProgress = class LoadProgress extends ItemsSTD {
|
11
15
|
constructor() {
|
12
16
|
super(...arguments);
|
13
|
-
|
14
|
-
|
17
|
+
/**
|
18
|
+
* Maximum.
|
19
|
+
*/
|
15
20
|
this.max = 1;
|
21
|
+
/**
|
22
|
+
* Minimum.
|
23
|
+
*/
|
16
24
|
this.min = 0;
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
this.removeAttribute("value");
|
22
|
-
this.hasValue = false;
|
23
|
-
}
|
24
|
-
else {
|
25
|
-
this.setAttribute("value", val);
|
26
|
-
this.hasValue = true;
|
27
|
-
}
|
28
|
-
this.current = this.parsePercent(val || 20);
|
29
|
-
}
|
30
|
-
get value() {
|
31
|
-
return this.getAttribute("value");
|
25
|
+
/**
|
26
|
+
* Input value.
|
27
|
+
*/
|
28
|
+
this.value = null;
|
32
29
|
}
|
33
30
|
render() {
|
31
|
+
let width = 20;
|
32
|
+
let className;
|
34
33
|
if (this.value !== null) {
|
35
|
-
|
36
|
-
|
34
|
+
width = this.parsePercent(this.value);
|
35
|
+
className = "v";
|
37
36
|
}
|
38
|
-
return html
|
39
|
-
<i style="width:${
|
37
|
+
return html `<div class="${className}">
|
38
|
+
<i style="width:${width}%;"></i>
|
40
39
|
</div>`;
|
41
40
|
}
|
41
|
+
/**
|
42
|
+
* Convert s to a percentage without a percent sign.
|
43
|
+
*
|
44
|
+
* @param s String or number to convert.
|
45
|
+
* @returns Percentage without a percent sign.
|
46
|
+
*/
|
42
47
|
parsePercent(s = "0") {
|
43
48
|
if (String(s).includes("%")) {
|
44
49
|
return parseFloat(String(s));
|
45
50
|
}
|
46
51
|
return (parseFloat(String(s)) / (this.max - this.min)) * 100;
|
47
52
|
}
|
48
|
-
_handleClick(e) {
|
49
|
-
if (this.modify) {
|
50
|
-
this.value = ((e.offsetX / this.offsetWidth) * (this.max - this.min)).toString();
|
51
|
-
this.dispatchEvent(new CustomEvent("change", { detail: e.offsetX / this.offsetWidth }));
|
52
|
-
}
|
53
|
-
}
|
54
53
|
};
|
55
|
-
|
54
|
+
LoadProgress.styles = [
|
56
55
|
ItemsSTD.styles,
|
57
56
|
css `
|
58
57
|
:host,
|
@@ -72,7 +71,6 @@ LoadTrack.styles = [
|
|
72
71
|
top: 0;
|
73
72
|
left: 0;
|
74
73
|
height: 100%;
|
75
|
-
width: 20%;
|
76
74
|
background: var(${cssvarValues.cssvar}--accept);
|
77
75
|
z-index: 2;
|
78
76
|
transition: all 0.3s;
|
@@ -88,30 +86,23 @@ LoadTrack.styles = [
|
|
88
86
|
}
|
89
87
|
}
|
90
88
|
|
91
|
-
div.
|
89
|
+
div.v i {
|
92
90
|
animation: none;
|
93
|
-
width: 20%;
|
94
91
|
}
|
95
92
|
`,
|
96
93
|
];
|
97
|
-
__decorate([
|
98
|
-
state()
|
99
|
-
], LoadTrack.prototype, "current", void 0);
|
100
|
-
__decorate([
|
101
|
-
state()
|
102
|
-
], LoadTrack.prototype, "hasValue", void 0);
|
103
94
|
__decorate([
|
104
95
|
property({ type: Number })
|
105
|
-
],
|
96
|
+
], LoadProgress.prototype, "max", void 0);
|
106
97
|
__decorate([
|
107
98
|
property({ type: Number })
|
108
|
-
],
|
99
|
+
], LoadProgress.prototype, "min", void 0);
|
109
100
|
__decorate([
|
110
|
-
property({ type:
|
111
|
-
],
|
112
|
-
|
101
|
+
property({ type: Number, reflect: true })
|
102
|
+
], LoadProgress.prototype, "value", void 0);
|
103
|
+
LoadProgress = __decorate([
|
113
104
|
define(defineName)
|
114
|
-
],
|
115
|
-
export {
|
116
|
-
export default
|
117
|
-
//# sourceMappingURL=load-
|
105
|
+
], LoadProgress);
|
106
|
+
export { LoadProgress };
|
107
|
+
export default LoadProgress;
|
108
|
+
//# sourceMappingURL=load-progress.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"load-progress.js","sourceRoot":"","sources":["../../src/items/load-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAGlD,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,QAAG,GAAG,CAAC,CAAC;QACpC;;WAEG;QACyB,QAAG,GAAG,CAAC,CAAC;QACpC;;WAEG;QACwC,UAAK,GAAG,IAAI,CAAC;IAmE1D,CAAC;IAxBW,MAAM;QACd,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,SAAiB,CAAC;QACtB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;YACvB,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,GAAG,GAAG,CAAC;SACjB;QACD,OAAO,IAAI,CAAA,eAAe,SAAS;wBACf,KAAK;WAClB,CAAC;IACV,CAAC;IAED;;;;;OAKG;IACH,YAAY,CAAC,IAAqB,GAAG;QACnC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC3B,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SAC9B;QACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAC/D,CAAC;;AAhEM,mBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;;;;;0BAQmB,YAAY,CAAC,KAAK;;;;;;;;;;0BAUlB,YAAY,CAAC,MAAM;;;;;;;;;;;;;;;;;;KAkBxC;CACgB,AAvCN,CAuCO;AAjDQ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAS;AAIR;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAS;AAIO;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAc;AAZ7C,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CA+ExB;;AAED,eAAe,YAAY,CAAC"}
|
package/items/std.d.ts
CHANGED
package/items/std.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;
|
1
|
+
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,aAAa;CAAG"}
|
package/items/std.js
CHANGED
package/items/std.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;
|
1
|
+
{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,aAAa;CAAG"}
|
package/items/super-a.d.ts
CHANGED
@@ -1,8 +1,22 @@
|
|
1
|
-
import { type HTMLTemplate } from "../
|
1
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
2
2
|
import ItemsSTD from "./std.js";
|
3
|
+
/**
|
4
|
+
* SuperAnchor similar to a.
|
5
|
+
*
|
6
|
+
* Has an optional arrow.
|
7
|
+
*/
|
3
8
|
export declare class SuperAnchor extends ItemsSTD {
|
9
|
+
/**
|
10
|
+
* Href for a element.
|
11
|
+
*/
|
4
12
|
href: string;
|
13
|
+
/**
|
14
|
+
* Target for an element.
|
15
|
+
*/
|
5
16
|
target: string;
|
17
|
+
/**
|
18
|
+
* Arrow type.
|
19
|
+
*/
|
6
20
|
arrow: "" | "delta" | "arrow" | "angle";
|
7
21
|
static styles: import("lit").CSSResult[];
|
8
22
|
protected render(): HTMLTemplate;
|
package/items/super-a.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAsB,MAAM,
|
1
|
+
{"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AAEtF,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC;;;;GAIG;AACH,qBACa,WAAY,SAAQ,QAAQ;IACvC;;OAEG;IACS,IAAI,EAAE,MAAM,CAAa;IACrC;;OAEG;IACS,MAAM,SAAW;IAC7B;;OAEG;IACS,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAM;IAEzD,MAAM,CAAC,MAAM,4BA0DX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,cAAc;CAYvB;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,WAAW,CAAC;KACxB;CACF"}
|
package/items/super-a.js
CHANGED
@@ -4,24 +4,36 @@ 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, svgArrow, svgDelta } from "../
|
7
|
+
import { css, html, ifDefined, property } from "../deps.js";
|
8
|
+
import { htmlSlot, svgArrow, svgDelta } from "../lib/templates.js";
|
9
|
+
import { define } from "../root.js";
|
9
10
|
import ItemsSTD from "./std.js";
|
10
11
|
const defineName = "super-a";
|
12
|
+
/**
|
13
|
+
* SuperAnchor similar to a.
|
14
|
+
*
|
15
|
+
* Has an optional arrow.
|
16
|
+
*/
|
11
17
|
let SuperAnchor = class SuperAnchor extends ItemsSTD {
|
12
18
|
constructor() {
|
13
19
|
super(...arguments);
|
20
|
+
/**
|
21
|
+
* Href for a element.
|
22
|
+
*/
|
14
23
|
this.href = undefined;
|
24
|
+
/**
|
25
|
+
* Target for an element.
|
26
|
+
*/
|
15
27
|
this.target = "_self";
|
28
|
+
/**
|
29
|
+
* Arrow type.
|
30
|
+
*/
|
16
31
|
this.arrow = "";
|
17
32
|
}
|
18
33
|
render() {
|
19
34
|
return html `<a href="${ifDefined(this.href)}" target="${this.target}">
|
20
35
|
${htmlSlot()}
|
21
|
-
<i>
|
22
|
-
<slot name="icon"></slot>
|
23
|
-
${this._arrowSwitcher()}
|
24
|
-
</i>
|
36
|
+
<i> ${this._arrowSwitcher()} </i>
|
25
37
|
</a>`;
|
26
38
|
}
|
27
39
|
_arrowSwitcher() {
|
@@ -32,6 +44,8 @@ let SuperAnchor = class SuperAnchor extends ItemsSTD {
|
|
32
44
|
return svgArrow(true);
|
33
45
|
case "angle":
|
34
46
|
return svgArrow();
|
47
|
+
default:
|
48
|
+
return htmlSlot("icon");
|
35
49
|
}
|
36
50
|
}
|
37
51
|
};
|
package/items/super-a.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-a.js","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,
|
1
|
+
{"version":3,"file":"super-a.js","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B;;;;GAIG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ;IAAlC;;QACL;;WAEG;QACS,SAAI,GAAW,SAAS,CAAC;QACrC;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,UAAK,GAAqC,EAAE,CAAC;IAiF3D,CAAC;IAnBW,MAAM;QACd,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM;QAC/D,QAAQ,EAAE;YACN,IAAI,CAAC,cAAc,EAAE;SACxB,CAAC;IACR,CAAC;IAEO,cAAc;QACpB,QAAQ,IAAI,CAAC,KAAK,EAAE;YAClB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB;gBACE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;SAC3B;IACH,CAAC;;AA9EM,kBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA1DY,CA0DX;AApEU;IAAX,QAAQ,EAAE;yCAA0B;AAIzB;IAAX,QAAQ,EAAE;2CAAkB;AAIjB;IAAX,QAAQ,EAAE;0CAA8C;AAZ9C,WAAW;IADvB,MAAM,CAAC,UAAU,CAAC;GACN,WAAW,CA6FvB;;AAED,eAAe,WAAW,CAAC"}
|
package/items/time-bar.d.ts
CHANGED
@@ -1,17 +1,48 @@
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
2
|
-
import { type HTMLTemplate } from "../tmpl.js";
|
3
2
|
import ItemsSTD from "./std.js";
|
3
|
+
/**
|
4
|
+
* TimeBar renders a formatting time.
|
5
|
+
*/
|
4
6
|
export declare class TimeBar extends ItemsSTD {
|
7
|
+
/**
|
8
|
+
* Format strings.
|
9
|
+
* {@linkcode TimeBar.fmt}
|
10
|
+
*/
|
5
11
|
format: string;
|
12
|
+
/**
|
13
|
+
* Display content.
|
14
|
+
*/
|
6
15
|
value: string;
|
16
|
+
/**
|
17
|
+
* Time.
|
18
|
+
*/
|
7
19
|
time: Date;
|
20
|
+
/**
|
21
|
+
* If there is a value, update every gap or timeout.
|
22
|
+
*/
|
8
23
|
timeout: number;
|
24
|
+
/**
|
25
|
+
* The number of milliseconds that change with each update.
|
26
|
+
*/
|
9
27
|
gap: number;
|
10
28
|
intervalID: number;
|
11
29
|
static styles: CSSResultGroup;
|
12
|
-
protected render():
|
30
|
+
protected render(): string;
|
13
31
|
protected firstUpdated(): void;
|
14
32
|
disconnectedCallback(): void;
|
33
|
+
/**
|
34
|
+
* @param fm Format string.
|
35
|
+
* @param tm Time.
|
36
|
+
* @returns F.ormat result\
|
37
|
+
*
|
38
|
+
* Y for years\
|
39
|
+
* M for months\
|
40
|
+
* D for days\
|
41
|
+
* h for hours\
|
42
|
+
* m for minutes\
|
43
|
+
* s for seconds\
|
44
|
+
* Z for time zones.
|
45
|
+
*/
|
15
46
|
static fmt(fm: string, tm: Date): string;
|
16
47
|
}
|
17
48
|
export default TimeBar;
|
package/items/time-bar.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time-bar.d.ts","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,
|
1
|
+
{"version":3,"file":"time-bar.d.ts","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,YAAY,CAAC;AAEhE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC;;GAEG;AACH,qBACa,OAAQ,SAAQ,QAAQ;IACnC;;;OAGG;IACS,MAAM,SAA8B;IAChD;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACyB,IAAI,OAAc;IAC9C;;OAEG;IACyB,OAAO,SAAK;IACxC;;OAEG;IACyB,GAAG,SAAK;IAEpC,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,MAAM,EAAE,cAAc,CAM3B;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAQtB,oBAAoB;IAIpB;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM;CAmCzC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/items/time-bar.js
CHANGED
@@ -5,21 +5,40 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
6
|
};
|
7
7
|
var TimeBar_1;
|
8
|
-
import { css,
|
9
|
-
import {
|
8
|
+
import { css, property } from "../deps.js";
|
9
|
+
import { define } from "../root.js";
|
10
10
|
import ItemsSTD from "./std.js";
|
11
11
|
const defineName = "time-bar";
|
12
|
+
/**
|
13
|
+
* TimeBar renders a formatting time.
|
14
|
+
*/
|
12
15
|
let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
|
13
16
|
constructor() {
|
14
17
|
super(...arguments);
|
18
|
+
/**
|
19
|
+
* Format strings.
|
20
|
+
* {@linkcode TimeBar.fmt}
|
21
|
+
*/
|
15
22
|
this.format = "YYYY-MM-DD hh:mm:ss UTFZ";
|
23
|
+
/**
|
24
|
+
* Display content.
|
25
|
+
*/
|
16
26
|
this.value = "";
|
27
|
+
/**
|
28
|
+
* Time.
|
29
|
+
*/
|
17
30
|
this.time = new Date();
|
31
|
+
/**
|
32
|
+
* If there is a value, update every gap or timeout.
|
33
|
+
*/
|
18
34
|
this.timeout = 0;
|
35
|
+
/**
|
36
|
+
* The number of milliseconds that change with each update.
|
37
|
+
*/
|
19
38
|
this.gap = 0;
|
20
39
|
}
|
21
40
|
render() {
|
22
|
-
return
|
41
|
+
return this.value || TimeBar_1.fmt(this.format, this.time);
|
23
42
|
}
|
24
43
|
firstUpdated() {
|
25
44
|
if (this.timeout) {
|
@@ -31,6 +50,19 @@ let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
|
|
31
50
|
disconnectedCallback() {
|
32
51
|
clearInterval(this.intervalID);
|
33
52
|
}
|
53
|
+
/**
|
54
|
+
* @param fm Format string.
|
55
|
+
* @param tm Time.
|
56
|
+
* @returns F.ormat result\
|
57
|
+
*
|
58
|
+
* Y for years\
|
59
|
+
* M for months\
|
60
|
+
* D for days\
|
61
|
+
* h for hours\
|
62
|
+
* m for minutes\
|
63
|
+
* s for seconds\
|
64
|
+
* Z for time zones.
|
65
|
+
*/
|
34
66
|
static fmt(fm, tm) {
|
35
67
|
if (fm === "") {
|
36
68
|
return fm;
|
@@ -69,7 +101,6 @@ let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
|
|
69
101
|
}
|
70
102
|
};
|
71
103
|
TimeBar.styles = [
|
72
|
-
ItemsSTD.styles,
|
73
104
|
css `
|
74
105
|
:host {
|
75
106
|
text-align: center;
|