godown 2.4.2 → 2.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/conf.d.ts +44 -4
- package/conf.d.ts.map +1 -1
- package/conf.js +17 -11
- package/conf.js.map +1 -1
- package/deps.d.ts +1 -1
- package/deps.d.ts.map +1 -1
- package/deps.js +1 -1
- package/deps.js.map +1 -1
- package/effect/clip-text.d.ts +3 -0
- package/effect/clip-text.d.ts.map +1 -1
- package/effect/clip-text.js +3 -0
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +6 -1
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +5 -0
- package/effect/overbreath-text.js.map +1 -1
- package/effect/typewriter-text.d.ts +5 -1
- package/effect/typewriter-text.d.ts.map +1 -1
- package/effect/typewriter-text.js +3 -0
- package/effect/typewriter-text.js.map +1 -1
- package/godown-element.d.ts +10 -4
- package/godown-element.d.ts.map +1 -1
- package/godown-element.js +14 -5
- package/godown-element.js.map +1 -1
- package/group/avatar-group.d.ts +3 -1
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +6 -9
- package/group/avatar-group.js.map +1 -1
- package/group/details-group.d.ts +3 -0
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +3 -0
- package/group/details-group.js.map +1 -1
- package/group/tab-group.d.ts +8 -3
- package/group/tab-group.d.ts.map +1 -1
- package/group/tab-group.js +12 -3
- package/group/tab-group.js.map +1 -1
- package/input-form/base-input.d.ts +3 -0
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +8 -4
- package/input-form/base-input.js.map +1 -1
- package/input-form/label-input.d.ts +3 -1
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +6 -3
- package/input-form/label-input.js.map +1 -1
- package/input-form/search-input.d.ts +5 -8
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +38 -65
- package/input-form/search-input.js.map +1 -1
- package/input-form/select-input.d.ts +5 -2
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +11 -6
- package/input-form/select-input.js.map +1 -1
- package/input-form/sign-form.d.ts +9 -0
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +5 -0
- package/input-form/sign-form.js.map +1 -1
- package/input-form/split-input.d.ts +3 -0
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +8 -4
- package/input-form/split-input.js.map +1 -1
- package/input-form/std.d.ts +0 -1
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +0 -3
- package/input-form/std.js.map +1 -1
- package/input-form/switch-input.d.ts +5 -0
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +5 -0
- package/input-form/switch-input.js.map +1 -1
- package/items/alert-item.d.ts +6 -0
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +23 -21
- package/items/alert-item.js.map +1 -1
- package/items/avatar-a.d.ts +4 -1
- package/items/avatar-a.d.ts.map +1 -1
- package/items/avatar-a.js +3 -0
- package/items/avatar-a.js.map +1 -1
- package/items/base-button.d.ts +31 -8
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +157 -81
- package/items/base-button.js.map +1 -1
- package/items/card-item.d.ts +4 -1
- package/items/card-item.d.ts.map +1 -1
- package/items/card-item.js +42 -8
- package/items/card-item.js.map +1 -1
- package/items/dialog-item.d.ts +9 -5
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +7 -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 +5 -0
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +5 -0
- package/items/link-a.js.map +1 -1
- package/items/{load-track.d.ts → load-progress.d.ts} +10 -18
- package/items/load-progress.d.ts.map +1 -0
- package/items/{load-track.js → load-progress.js} +25 -56
- package/items/load-progress.js.map +1 -0
- package/items/super-a.d.ts +6 -1
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +6 -1
- package/items/super-a.js.map +1 -1
- package/items/time-bar.d.ts +3 -0
- package/items/time-bar.d.ts.map +1 -1
- package/items/time-bar.js +3 -0
- package/items/time-bar.js.map +1 -1
- package/layout/div-line.d.ts +3 -0
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +9 -6
- package/layout/div-line.js.map +1 -1
- package/layout/drag-box.js +1 -1
- package/layout/drag-box.js.map +1 -1
- package/layout/flex-flow.d.ts +4 -1
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +6 -3
- 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 +4 -1
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +6 -3
- package/layout/nav-aside.js.map +1 -1
- package/layout/nav-layout.d.ts +3 -0
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +3 -0
- package/layout/nav-layout.js.map +1 -1
- package/layout/skeleton-screen.d.ts +5 -0
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +5 -0
- package/layout/skeleton-screen.js.map +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 +16 -1
- package/lib/templates.d.ts.map +1 -1
- package/lib/templates.js +21 -2
- package/lib/templates.js.map +1 -1
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +11 -12
- package/lib/utils.js.map +1 -1
- package/package.json +1 -1
- package/react/items.d.ts +1 -1
- package/react/items.d.ts.map +1 -1
- package/react/items.js +1 -1
- 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 -3
- 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 -6
- package/react/view.js.map +1 -1
- package/root.d.ts +2 -2
- package/root.d.ts.map +1 -1
- package/root.js +3 -3
- package/root.js.map +1 -1
- package/view/details-expand.d.ts +3 -0
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +6 -6
- 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 +5 -1
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +14 -10
- package/view/menu-list.js.map +1 -1
- package/view/{down-drop.d.ts → offset-expand.d.ts} +9 -7
- 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 +3 -0
- package/view/rotation-pool.d.ts.map +1 -1
- package/view/rotation-pool.js +3 -0
- package/view/rotation-pool.js.map +1 -1
- package/view/route-view.d.ts +5 -2
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +4 -1
- package/view/route-view.js.map +1 -1
- package/view/scroll-x.d.ts +4 -1
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +3 -0
- package/view/scroll-x.js.map +1 -1
- package/view/std.d.ts +10 -6
- package/view/std.d.ts.map +1 -1
- package/view/std.js +11 -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} +37 -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/items/load-track.d.ts.map +0 -1
- package/items/load-track.js.map +0 -1
- package/layout/with-wrap.d.ts +0 -17
- package/layout/with-wrap.d.ts.map +0 -1
- package/layout/with-wrap.js +0 -37
- package/layout/with-wrap.js.map +0 -1
- package/view/down-drop.d.ts.map +0 -1
- package/view/down-drop.js +0 -120
- package/view/down-drop.js.map +0 -1
- package/view/float-tips.d.ts +0 -22
- package/view/float-tips.d.ts.map +0 -1
- package/view/float-tips.js.map +0 -1
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
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":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,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"}
|
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
@@ -10,6 +10,11 @@ import { property } from "../deps.js";
|
|
10
10
|
import { RouteView } from "../view/route-view.js";
|
11
11
|
import { SuperAnchor } from "./super-a.js";
|
12
12
|
const defineName = "link-a";
|
13
|
+
/**
|
14
|
+
* LinkAnchor works with {@linkcode RouteView}.
|
15
|
+
*
|
16
|
+
* @extends SuperAnchor
|
17
|
+
*/
|
13
18
|
let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
|
14
19
|
constructor() {
|
15
20
|
super(...arguments);
|
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,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,UAAU,GAAG,QAAQ,CAAC;
|
1
|
+
{"version":3,"file":"link-a.js","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"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"}
|
@@ -1,16 +1,10 @@
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
2
2
|
import { type HTMLTemplate } from "../lib/templates.js";
|
3
3
|
import ItemsSTD from "./std.js";
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
*/
|
9
|
-
current: number;
|
10
|
-
/**
|
11
|
-
* Whether or not there is an actual value for this element.
|
12
|
-
*/
|
13
|
-
hasValue: boolean;
|
4
|
+
/**
|
5
|
+
* LoadProgress similar to progress.
|
6
|
+
*/
|
7
|
+
export declare class LoadProgress extends ItemsSTD {
|
14
8
|
/**
|
15
9
|
* Maximum.
|
16
10
|
*/
|
@@ -20,11 +14,10 @@ export declare class LoadTrack extends ItemsSTD {
|
|
20
14
|
*/
|
21
15
|
min: number;
|
22
16
|
/**
|
23
|
-
*
|
17
|
+
* Input value.
|
24
18
|
*/
|
25
|
-
|
26
|
-
|
27
|
-
get value(): string;
|
19
|
+
value: any;
|
20
|
+
static styles: CSSResultGroup;
|
28
21
|
protected render(): HTMLTemplate;
|
29
22
|
/**
|
30
23
|
* Convert s to a percentage without a percent sign.
|
@@ -33,12 +26,11 @@ export declare class LoadTrack extends ItemsSTD {
|
|
33
26
|
* @returns Percentage without a percent sign.
|
34
27
|
*/
|
35
28
|
parsePercent(s?: string | number): number;
|
36
|
-
protected _handleClick(e: MouseEvent): void;
|
37
29
|
}
|
38
|
-
export default
|
30
|
+
export default LoadProgress;
|
39
31
|
declare global {
|
40
32
|
interface HTMLElementTagNameMap {
|
41
|
-
"load-track":
|
33
|
+
"load-track": LoadProgress;
|
42
34
|
}
|
43
35
|
}
|
44
|
-
//# sourceMappingURL=load-
|
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,21 +4,16 @@ 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
8
|
import { cssvarValues, define } from "../root.js";
|
9
9
|
import ItemsSTD from "./std.js";
|
10
|
-
const defineName = "load-
|
11
|
-
|
10
|
+
const defineName = "load-progress";
|
11
|
+
/**
|
12
|
+
* LoadProgress similar to progress.
|
13
|
+
*/
|
14
|
+
let LoadProgress = class LoadProgress extends ItemsSTD {
|
12
15
|
constructor() {
|
13
16
|
super(...arguments);
|
14
|
-
/**
|
15
|
-
* The current percentage value, without a percent sign.
|
16
|
-
*/
|
17
|
-
this.current = 20;
|
18
|
-
/**
|
19
|
-
* Whether or not there is an actual value for this element.
|
20
|
-
*/
|
21
|
-
this.hasValue = false;
|
22
17
|
/**
|
23
18
|
* Maximum.
|
24
19
|
*/
|
@@ -28,31 +23,19 @@ let LoadTrack = class LoadTrack extends ItemsSTD {
|
|
28
23
|
*/
|
29
24
|
this.min = 0;
|
30
25
|
/**
|
31
|
-
*
|
26
|
+
* Input value.
|
32
27
|
*/
|
33
|
-
this.
|
34
|
-
}
|
35
|
-
set value(val) {
|
36
|
-
if (val === null || val === undefined || val === "") {
|
37
|
-
this.removeAttribute("value");
|
38
|
-
this.hasValue = false;
|
39
|
-
}
|
40
|
-
else {
|
41
|
-
this.setAttribute("value", val);
|
42
|
-
this.hasValue = true;
|
43
|
-
}
|
44
|
-
this.current = this.parsePercent(val || 20);
|
45
|
-
}
|
46
|
-
get value() {
|
47
|
-
return this.getAttribute("value");
|
28
|
+
this.value = null;
|
48
29
|
}
|
49
30
|
render() {
|
31
|
+
let width = 20;
|
32
|
+
let className;
|
50
33
|
if (this.value !== null) {
|
51
|
-
|
52
|
-
|
34
|
+
width = this.parsePercent(this.value);
|
35
|
+
className = "v";
|
53
36
|
}
|
54
|
-
return html `<div class="${
|
55
|
-
<i style="width:${
|
37
|
+
return html `<div class="${className}">
|
38
|
+
<i style="width:${width}%;"></i>
|
56
39
|
</div>`;
|
57
40
|
}
|
58
41
|
/**
|
@@ -67,14 +50,8 @@ let LoadTrack = class LoadTrack extends ItemsSTD {
|
|
67
50
|
}
|
68
51
|
return (parseFloat(String(s)) / (this.max - this.min)) * 100;
|
69
52
|
}
|
70
|
-
_handleClick(e) {
|
71
|
-
if (this.modify) {
|
72
|
-
this.value = ((e.offsetX / this.offsetWidth) * (this.max - this.min)).toString();
|
73
|
-
this.dispatchEvent(new CustomEvent("change", { detail: e.offsetX / this.offsetWidth }));
|
74
|
-
}
|
75
|
-
}
|
76
53
|
};
|
77
|
-
|
54
|
+
LoadProgress.styles = [
|
78
55
|
ItemsSTD.styles,
|
79
56
|
css `
|
80
57
|
:host,
|
@@ -94,7 +71,6 @@ LoadTrack.styles = [
|
|
94
71
|
top: 0;
|
95
72
|
left: 0;
|
96
73
|
height: 100%;
|
97
|
-
width: 20%;
|
98
74
|
background: var(${cssvarValues.cssvar}--accept);
|
99
75
|
z-index: 2;
|
100
76
|
transition: all 0.3s;
|
@@ -110,30 +86,23 @@ LoadTrack.styles = [
|
|
110
86
|
}
|
111
87
|
}
|
112
88
|
|
113
|
-
div.
|
89
|
+
div.v i {
|
114
90
|
animation: none;
|
115
|
-
width: 20%;
|
116
91
|
}
|
117
92
|
`,
|
118
93
|
];
|
119
|
-
__decorate([
|
120
|
-
state()
|
121
|
-
], LoadTrack.prototype, "current", void 0);
|
122
|
-
__decorate([
|
123
|
-
state()
|
124
|
-
], LoadTrack.prototype, "hasValue", void 0);
|
125
94
|
__decorate([
|
126
95
|
property({ type: Number })
|
127
|
-
],
|
96
|
+
], LoadProgress.prototype, "max", void 0);
|
128
97
|
__decorate([
|
129
98
|
property({ type: Number })
|
130
|
-
],
|
99
|
+
], LoadProgress.prototype, "min", void 0);
|
131
100
|
__decorate([
|
132
|
-
property({ type:
|
133
|
-
],
|
134
|
-
|
101
|
+
property({ type: Number, reflect: true })
|
102
|
+
], LoadProgress.prototype, "value", void 0);
|
103
|
+
LoadProgress = __decorate([
|
135
104
|
define(defineName)
|
136
|
-
],
|
137
|
-
export {
|
138
|
-
export default
|
139
|
-
//# 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/super-a.d.ts
CHANGED
@@ -1,12 +1,17 @@
|
|
1
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 {
|
4
9
|
/**
|
5
10
|
* Href for a element.
|
6
11
|
*/
|
7
12
|
href: string;
|
8
13
|
/**
|
9
|
-
* Target for
|
14
|
+
* Target for an element.
|
10
15
|
*/
|
11
16
|
target: string;
|
12
17
|
/**
|
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,qBAAqB,CAAC;AAEtF,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,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"}
|
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
@@ -9,6 +9,11 @@ import { htmlSlot, svgArrow, svgDelta } from "../lib/templates.js";
|
|
9
9
|
import { define } from "../root.js";
|
10
10
|
import ItemsSTD from "./std.js";
|
11
11
|
const defineName = "super-a";
|
12
|
+
/**
|
13
|
+
* SuperAnchor similar to a.
|
14
|
+
*
|
15
|
+
* Has an optional arrow.
|
16
|
+
*/
|
12
17
|
let SuperAnchor = class SuperAnchor extends ItemsSTD {
|
13
18
|
constructor() {
|
14
19
|
super(...arguments);
|
@@ -17,7 +22,7 @@ let SuperAnchor = class SuperAnchor extends ItemsSTD {
|
|
17
22
|
*/
|
18
23
|
this.href = undefined;
|
19
24
|
/**
|
20
|
-
* Target for
|
25
|
+
* Target for an element.
|
21
26
|
*/
|
22
27
|
this.target = "_self";
|
23
28
|
/**
|
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,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;
|
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
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,EAAY,MAAM,YAAY,CAAC;AAEhE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,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"}
|
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
@@ -9,6 +9,9 @@ import { css, property } from "../deps.js";
|
|
9
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);
|
package/items/time-bar.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time-bar.js","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,UAAU,CAAC;
|
1
|
+
{"version":3,"file":"time-bar.js","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":"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"}
|
package/layout/div-line.d.ts
CHANGED
package/layout/div-line.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"div-line.d.ts","sourceRoot":"","sources":["../../src/layout/div-line.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,OAAQ,SAAQ,SAAS;IACpC;;OAEG;IAC0B,CAAC,UAAS;IAEvC,MAAM,CAAC,MAAM,4BAiDX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAOjC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
1
|
+
{"version":3,"file":"div-line.d.ts","sourceRoot":"","sources":["../../src/layout/div-line.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC;;GAEG;AACH,qBACa,OAAQ,SAAQ,SAAS;IACpC;;OAEG;IAC0B,CAAC,UAAS;IAEvC,MAAM,CAAC,MAAM,4BAiDX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAOjC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/layout/div-line.js
CHANGED
@@ -10,6 +10,9 @@ import { htmlSlot } from "../lib/templates.js";
|
|
10
10
|
import LayoutSTD from "./std.js";
|
11
11
|
const defineName = "div-line";
|
12
12
|
const cssvarScope = createScope(defineName);
|
13
|
+
/**
|
14
|
+
* DivLine similar to hr.
|
15
|
+
*/
|
13
16
|
let DivLine = class DivLine extends LayoutSTD {
|
14
17
|
constructor() {
|
15
18
|
super(...arguments);
|
@@ -29,8 +32,8 @@ let DivLine = class DivLine extends LayoutSTD {
|
|
29
32
|
DivLine.styles = [
|
30
33
|
css `
|
31
34
|
:host {
|
32
|
-
${cssvarScope}--before-
|
33
|
-
${cssvarScope}--after-
|
35
|
+
${cssvarScope}--before-length: auto;
|
36
|
+
${cssvarScope}--after-length: auto;
|
34
37
|
${cssvarScope}--breadth: .125em;
|
35
38
|
display: block;
|
36
39
|
color: currentColor;
|
@@ -60,19 +63,19 @@ DivLine.styles = [
|
|
60
63
|
|
61
64
|
.before {
|
62
65
|
height: var(${cssvarScope}--breadth);
|
63
|
-
max-width: var(${cssvarScope}--before-
|
66
|
+
max-width: var(${cssvarScope}--before-length);
|
64
67
|
}
|
65
68
|
.after {
|
66
69
|
height: var(${cssvarScope}--breadth);
|
67
|
-
max-width: var(${cssvarScope}--after-
|
70
|
+
max-width: var(${cssvarScope}--after-length);
|
68
71
|
}
|
69
72
|
.v .before {
|
70
73
|
width: var(${cssvarScope}--breadth);
|
71
|
-
max-height: var(${cssvarScope}--before-
|
74
|
+
max-height: var(${cssvarScope}--before-length);
|
72
75
|
}
|
73
76
|
.v .after {
|
74
77
|
width: var(${cssvarScope}--breadth);
|
75
|
-
max-height: var(${cssvarScope}--after-
|
78
|
+
max-height: var(${cssvarScope}--after-length);
|
76
79
|
}
|
77
80
|
`,
|
78
81
|
];
|
package/layout/div-line.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"div-line.js","sourceRoot":"","sources":["../../src/layout/div-line.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,UAAU,CAAC;AAC9B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"div-line.js","sourceRoot":"","sources":["../../src/layout/div-line.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,UAAU,CAAC;AAC9B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;QACL;;WAEG;QAC0B,MAAC,GAAG,KAAK,CAAC;IA4DzC,CAAC;IAPW,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;QAEvC,QAAQ,EAAE;;WAEP,CAAC;IACV,CAAC;;AAzDM,cAAM,GAAG;IACd,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA4BC,WAAW;yBACR,WAAW;;;sBAGd,WAAW;yBACR,WAAW;;;qBAGf,WAAW;0BACN,WAAW;;;qBAGhB,WAAW;0BACN,WAAW;;KAEhC;CACF,AAjDY,CAiDX;AAnD2B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAAW;AAJ5B,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAgEnB;;AAED,eAAe,OAAO,CAAC"}
|
package/layout/drag-box.js
CHANGED
@@ -37,7 +37,7 @@ let DragBox = class DragBox extends LayoutSTD {
|
|
37
37
|
this.t = this.offsetTop;
|
38
38
|
this.l = this.offsetLeft;
|
39
39
|
this.drag = true;
|
40
|
-
this.addEvent(document, "mousemove", this._handleDrag.bind(this), "0");
|
40
|
+
this.addEvent(document, "mousemove", this._handleDrag.bind(this), undefined, "0");
|
41
41
|
}
|
42
42
|
_handleDragEnd() {
|
43
43
|
this.drag = false;
|
package/layout/drag-box.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"drag-box.js","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,UAAU,CAAC;AAE9B;;GAEG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;QAOL;;WAEG;QACS,MAAC,GAAG,MAAM,CAAC;QACvB;;WAEG;QACS,MAAC,GAAG,MAAM,CAAC;IAkEzB,CAAC;IAvDW,MAAM;QACd,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,gBAAgB,eAAe,IAAI,CAAC,cAAc,KAAK,QAAQ,EAAE,QAAQ,CAAC;IAChH,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACrE,CAAC;IAES,gBAAgB,CAAC,CAAa;QACtC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC;QACpB,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"drag-box.js","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":"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"}
|
package/layout/flex-flow.d.ts
CHANGED
@@ -1,5 +1,8 @@
|
|
1
1
|
import { type HTMLTemplate } from "../lib/templates.js";
|
2
2
|
import LayoutSTD from "./std.js";
|
3
|
+
/**
|
4
|
+
* FlexFlow controls the flex layout based on the width of the screen.
|
5
|
+
*/
|
3
6
|
export declare class FlexFlow extends LayoutSTD {
|
4
7
|
/**
|
5
8
|
* The flex-flow behavior.
|
@@ -8,7 +11,7 @@ export declare class FlexFlow extends LayoutSTD {
|
|
8
11
|
/**
|
9
12
|
* The width of the screen for the position change.
|
10
13
|
*/
|
11
|
-
|
14
|
+
mobile: string;
|
12
15
|
static styles: import("lit").CSSResult[];
|
13
16
|
protected render(): HTMLTemplate;
|
14
17
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"flex-flow.d.ts","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7E,OAAO,SAAS,MAAM,UAAU,CAAC;AAIjC,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,QAAQ,SAA8B;IAClD;;OAEG;IACS,
|
1
|
+
{"version":3,"file":"flex-flow.d.ts","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7E,OAAO,SAAS,MAAM,UAAU,CAAC;AAIjC;;GAEG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,QAAQ,SAA8B;IAClD;;OAEG;IACS,MAAM,SAAW;IAE7B,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAUjC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/layout/flex-flow.js
CHANGED
@@ -9,6 +9,9 @@ import { htmlSlot, htmlStyle } from "../lib/templates.js";
|
|
9
9
|
import { define } from "../root.js";
|
10
10
|
import LayoutSTD from "./std.js";
|
11
11
|
const defineName = "flex-flow";
|
12
|
+
/**
|
13
|
+
* FlexFlow controls the flex layout based on the width of the screen.
|
14
|
+
*/
|
12
15
|
let FlexFlow = class FlexFlow extends LayoutSTD {
|
13
16
|
constructor() {
|
14
17
|
super(...arguments);
|
@@ -19,7 +22,7 @@ let FlexFlow = class FlexFlow extends LayoutSTD {
|
|
19
22
|
/**
|
20
23
|
* The width of the screen for the position change.
|
21
24
|
*/
|
22
|
-
this.
|
25
|
+
this.mobile = "720px";
|
23
26
|
}
|
24
27
|
render() {
|
25
28
|
const flexflow = this.flexflow.split(/\s+/);
|
@@ -27,7 +30,7 @@ let FlexFlow = class FlexFlow extends LayoutSTD {
|
|
27
30
|
const flexWrap = flexflow[1] || "nowrap";
|
28
31
|
const flexDirectionM = flexflow[2] || flexDirection || "column";
|
29
32
|
const flexWrapM = flexflow[3] || flexWrap || "nowrap";
|
30
|
-
const m = this.
|
33
|
+
const m = this.mobile || "720px";
|
31
34
|
const style = `:host{flex-direction:${flexDirection};flex-wrap:${flexWrap};}@media(max-width: ${m}){:host{flex-direction:${flexDirectionM};flex-wrap:${flexWrapM}}`;
|
32
35
|
return html `${htmlSlot()} ${htmlStyle(style)}`;
|
33
36
|
}
|
@@ -44,7 +47,7 @@ __decorate([
|
|
44
47
|
], FlexFlow.prototype, "flexflow", void 0);
|
45
48
|
__decorate([
|
46
49
|
property()
|
47
|
-
], FlexFlow.prototype, "
|
50
|
+
], FlexFlow.prototype, "mobile", void 0);
|
48
51
|
FlexFlow = __decorate([
|
49
52
|
define(defineName)
|
50
53
|
], FlexFlow);
|
package/layout/flex-flow.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"flex-flow.js","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;
|
1
|
+
{"version":3,"file":"flex-flow.js","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAE/B;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACL;;WAEG;QACS,aAAQ,GAAG,0BAA0B,CAAC;QAClD;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;IAoB/B,CAAC;IAVW,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;QAC3C,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QACzC,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC;QAChE,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,IAAI,QAAQ,CAAC;QACtD,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,wBAAwB,aAAa,cAAc,QAAQ,uBAAuB,CAAC,0BAA0B,cAAc,cAAc,SAAS,GAAG,CAAC;QACpK,OAAO,IAAI,CAAA,GAAG,QAAQ,EAAE,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACjD,CAAC;;AAjBM,eAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,AANY,CAMX;AAZU;IAAX,QAAQ,EAAE;0CAAuC;AAItC;IAAX,QAAQ,EAAE;wCAAkB;AARlB,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA4BpB;;AAED,eAAe,QAAQ,CAAC"}
|
package/layout/index.d.ts
CHANGED
package/layout/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}
|
package/layout/index.js
CHANGED
package/layout/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}
|
package/layout/nav-aside.d.ts
CHANGED
@@ -1,11 +1,14 @@
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
2
2
|
import { type HTMLTemplate } from "../lib/templates.js";
|
3
3
|
import LayoutSTD from "./std.js";
|
4
|
+
/**
|
5
|
+
* NavAside renders a side or top navigation.
|
6
|
+
*/
|
4
7
|
export declare class NavAside extends LayoutSTD {
|
5
8
|
/**
|
6
9
|
* The width of the screen for the position change.
|
7
10
|
*/
|
8
|
-
|
11
|
+
mobile: string;
|
9
12
|
/**
|
10
13
|
* The position behavior.
|
11
14
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,YAAY,CAAC;AACtE,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,
|
1
|
+
{"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,YAAY,CAAC;AACtE,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC;;GAEG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,MAAM,SAAW;IAC7B;;OAEG;IACS,QAAQ,SAAkB;IAEtC,MAAM,CAAC,MAAM,iBA0BO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;CASjC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/layout/nav-aside.js
CHANGED
@@ -10,13 +10,16 @@ import { htmlSlot, htmlStyle } from "../lib/templates.js";
|
|
10
10
|
import LayoutSTD from "./std.js";
|
11
11
|
const defineName = "nav-aside";
|
12
12
|
const cssvarScope = createScope(defineName);
|
13
|
+
/**
|
14
|
+
* NavAside renders a side or top navigation.
|
15
|
+
*/
|
13
16
|
let NavAside = class NavAside extends LayoutSTD {
|
14
17
|
constructor() {
|
15
18
|
super(...arguments);
|
16
19
|
/**
|
17
20
|
* The width of the screen for the position change.
|
18
21
|
*/
|
19
|
-
this.
|
22
|
+
this.mobile = "720px";
|
20
23
|
/**
|
21
24
|
* The position behavior.
|
22
25
|
*/
|
@@ -26,7 +29,7 @@ let NavAside = class NavAside extends LayoutSTD {
|
|
26
29
|
const position = this.position.split(/\s+/);
|
27
30
|
const p = position[0] || "sticky";
|
28
31
|
const pm = position[1] || "fixed";
|
29
|
-
const m = this.
|
32
|
+
const m = this.mobile || "720px";
|
30
33
|
const style = `:host{position:${p} !important;}@media(min-width:${m}){:host{position:${pm} !important;width:fit-content !important;height:100% !important;}nav{display: flex !important;justify-content: space-between !important;flex-direction: column !important;align-content: flex-start !important;align-items: stretch !important;}}`;
|
31
34
|
return html `<nav>${htmlSlot()}</nav>
|
32
35
|
${htmlStyle(style)}`;
|
@@ -61,7 +64,7 @@ NavAside.styles = [
|
|
61
64
|
];
|
62
65
|
__decorate([
|
63
66
|
property()
|
64
|
-
], NavAside.prototype, "
|
67
|
+
], NavAside.prototype, "mobile", void 0);
|
65
68
|
__decorate([
|
66
69
|
property()
|
67
70
|
], NavAside.prototype, "position", void 0);
|
package/layout/nav-aside.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nav-aside.js","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AAC7E,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"nav-aside.js","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AAC7E,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACL;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,aAAQ,GAAG,cAAc,CAAC;IAuCxC,CAAC;IATW,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QAClC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;QAClC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,EAAE,mPAAmP,CAAC;QAC7U,OAAO,IAAI,CAAA,QAAQ,QAAQ,EAAE;QACzB,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACzB,CAAC;;AApCM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;qBACtC,WAAW;0BACN,WAAW;;;;;;;;;;;;;;;;;;KAkBhC;CACgB,AA1BN,CA0BO;AAhCR;IAAX,QAAQ,EAAE;wCAAkB;AAIjB;IAAX,QAAQ,EAAE;0CAA2B;AAR3B,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA+CpB;;AAED,eAAe,QAAQ,CAAC"}
|