@e280/sly 0.0.0-5 → 0.0.0-7
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 +74 -2
- package/package.json +1 -1
- package/s/demo/demo.bundle.ts +5 -0
- package/s/demo/demo.css +4 -1
- package/s/demo/views/counter.ts +8 -4
- package/s/demo/views/demo.ts +1 -1
- package/s/demo/views/loaders.ts +16 -3
- package/s/features/dom/dollar.ts +2 -0
- package/s/features/op/loaders/parts/anims.ts +170 -34
- package/s/features/views/types.ts +7 -0
- package/s/features/views/use.ts +3 -2
- package/s/features/views/view.ts +33 -8
- package/s/index.html.ts +1 -0
- package/x/demo/demo.bundle.js +4 -0
- package/x/demo/demo.bundle.js.map +1 -1
- package/x/demo/demo.bundle.min.js +39 -22
- package/x/demo/demo.bundle.min.js.map +3 -3
- package/x/demo/demo.css +4 -1
- package/x/demo/views/counter.d.ts +1 -1
- package/x/demo/views/counter.js +8 -4
- package/x/demo/views/counter.js.map +1 -1
- package/x/demo/views/demo.js +1 -1
- package/x/demo/views/demo.js.map +1 -1
- package/x/demo/views/loaders.js +16 -3
- package/x/demo/views/loaders.js.map +1 -1
- package/x/features/dom/dollar.d.ts +1 -0
- package/x/features/dom/dollar.js +2 -0
- package/x/features/dom/dollar.js.map +1 -1
- package/x/features/op/loaders/parts/anims.d.ts +13 -3
- package/x/features/op/loaders/parts/anims.js +159 -33
- package/x/features/op/loaders/parts/anims.js.map +1 -1
- package/x/features/views/types.d.ts +6 -0
- package/x/features/views/use.d.ts +1 -1
- package/x/features/views/use.js +2 -1
- package/x/features/views/use.js.map +1 -1
- package/x/features/views/view.d.ts +3 -1
- package/x/features/views/view.js +27 -8
- package/x/features/views/view.js.map +1 -1
- package/x/index.html +7 -3
- package/x/index.html.js +1 -0
- package/x/index.html.js.map +1 -1
package/x/demo/demo.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
:root {
|
|
6
6
|
--prime: #1eff00;
|
|
7
7
|
--accent: #387d42;
|
|
8
|
-
--pill: #
|
|
8
|
+
--pill: #1276391a;
|
|
9
9
|
--bg: #0e2316;
|
|
10
10
|
--link: cyan;
|
|
11
11
|
}
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
@layer page {
|
|
54
54
|
:root {
|
|
55
|
+
height: 100%;
|
|
55
56
|
font-size: 21px;
|
|
56
57
|
font-family: sans-serif;
|
|
57
58
|
|
|
@@ -68,9 +69,11 @@
|
|
|
68
69
|
|
|
69
70
|
body {
|
|
70
71
|
width: 100%;
|
|
72
|
+
min-height: 100%;
|
|
71
73
|
max-width: 32em;
|
|
72
74
|
margin: auto;
|
|
73
75
|
padding: 1em;
|
|
76
|
+
padding-bottom: 6em;
|
|
74
77
|
|
|
75
78
|
display: flex;
|
|
76
79
|
flex-direction: column;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const CounterView: import("../../index.js").View<[]>;
|
|
1
|
+
export declare const CounterView: import("../../index.js").View<[initial: number]>;
|
package/x/demo/views/counter.js
CHANGED
|
@@ -2,7 +2,7 @@ import { css, html } from "lit";
|
|
|
2
2
|
import { repeat } from "@e280/stz";
|
|
3
3
|
import { view } from "../../features/views/view.js";
|
|
4
4
|
import { cssReset } from "../../features/views/css-reset.js";
|
|
5
|
-
export const CounterView = view(use => () => {
|
|
5
|
+
export const CounterView = view(use => (initial) => {
|
|
6
6
|
use.name("counter");
|
|
7
7
|
use.styles(cssReset, styles);
|
|
8
8
|
const start = use.once(() => Date.now());
|
|
@@ -11,9 +11,10 @@ export const CounterView = view(use => () => {
|
|
|
11
11
|
const since = Date.now() - start;
|
|
12
12
|
seconds(Math.floor(since / 1000));
|
|
13
13
|
}));
|
|
14
|
-
const count = use.signal(
|
|
14
|
+
const count = use.signal(initial);
|
|
15
15
|
const increment = () => count(count() + 1);
|
|
16
16
|
return html `
|
|
17
|
+
<slot></slot>
|
|
17
18
|
<div>
|
|
18
19
|
<span>${seconds()}</span>
|
|
19
20
|
</div>
|
|
@@ -26,9 +27,12 @@ export const CounterView = view(use => () => {
|
|
|
26
27
|
const styles = css `
|
|
27
28
|
:host {
|
|
28
29
|
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
30
|
justify-content: center;
|
|
31
|
-
|
|
31
|
+
gap: 1em;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
button {
|
|
35
|
+
padding: 0.2em 0.5em;
|
|
32
36
|
}
|
|
33
37
|
`;
|
|
34
38
|
//# sourceMappingURL=counter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"counter.js","sourceRoot":"","sources":["../../../s/demo/views/counter.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAE1D,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"counter.js","sourceRoot":"","sources":["../../../s/demo/views/counter.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAE1D,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAAe,EAAE,EAAE;IAC1D,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAE7B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAA;QAChC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAA;IAClC,CAAC,CAAC,CAAC,CAAA;IAEH,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IACjC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAA;IAE1C,OAAO,IAAI,CAAA;;;WAGD,OAAO,EAAE;;;WAGT,KAAK,EAAE;qBACG,SAAS;;EAE5B,CAAA;AACF,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;CAUjB,CAAA"}
|
package/x/demo/views/demo.js
CHANGED
package/x/demo/views/demo.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"demo.js","sourceRoot":"","sources":["../../../s/demo/views/demo.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAA;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE;IACxC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAChB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE5B,OAAO,IAAI,CAAA;IACR,WAAW,
|
|
1
|
+
{"version":3,"file":"demo.js","sourceRoot":"","sources":["../../../s/demo/views/demo.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAA;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE;IACxC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAChB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE5B,OAAO,IAAI,CAAA;IACR,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE;EACf,CAAA;AACF,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMjB,CAAA"}
|
package/x/demo/views/loaders.js
CHANGED
|
@@ -36,15 +36,28 @@ div {
|
|
|
36
36
|
|
|
37
37
|
display: flex;
|
|
38
38
|
flex-direction: column;
|
|
39
|
+
justify-content: center;
|
|
39
40
|
align-items: center;
|
|
40
|
-
|
|
41
|
+
text-align: center;
|
|
41
42
|
|
|
43
|
+
gap: 0.4em;
|
|
42
44
|
padding: 0.2em 0.5em;
|
|
43
45
|
background: var(--pill);
|
|
44
46
|
border-radius: 0.5em;
|
|
45
47
|
|
|
46
|
-
span:nth-child(1) {
|
|
47
|
-
|
|
48
|
+
span:nth-child(1) {
|
|
49
|
+
font-size: 0.6em;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
span:nth-child(2) {
|
|
53
|
+
display: flex;
|
|
54
|
+
justify-content: center;
|
|
55
|
+
align-items: center;
|
|
56
|
+
|
|
57
|
+
font-size: 1.2em;
|
|
58
|
+
min-width: 7em;
|
|
59
|
+
min-height: 2.5em;
|
|
60
|
+
}
|
|
48
61
|
}
|
|
49
62
|
`;
|
|
50
63
|
//# sourceMappingURL=loaders.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loaders.js","sourceRoot":"","sources":["../../../s/demo/views/loaders.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAA;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAC,KAAK,EAAE,UAAU,EAAC,MAAM,0CAA0C,CAAA;AAE1E,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE;IAC3C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE5B,MAAM,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;IAEvC,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAC7B,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3C,GAAG;QACH,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC;KACxB,CAAC,CAAC,CACH,CAAA;IAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA;oBACvB,GAAG;WACZ,GAAG;WACH,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC;;EAE/B,CAAC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"loaders.js","sourceRoot":"","sources":["../../../s/demo/views/loaders.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAA;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAC,KAAK,EAAE,UAAU,EAAC,MAAM,0CAA0C,CAAA;AAE1E,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE;IAC3C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE5B,MAAM,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;IAEvC,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAC7B,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3C,GAAG;QACH,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC;KACxB,CAAC,CAAC,CACH,CAAA;IAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA;oBACvB,GAAG;WACZ,GAAG;WACH,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC;;EAE/B,CAAC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCjB,CAAA"}
|
|
@@ -6,4 +6,5 @@ export declare namespace $ {
|
|
|
6
6
|
var maybe: <E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable) => E | null;
|
|
7
7
|
var all: <E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable) => E[];
|
|
8
8
|
var render: (container: Container, ...content: Content[]) => import("lit-html").RootPart;
|
|
9
|
+
var register: typeof import("./register.js").register;
|
|
9
10
|
}
|
package/x/features/dom/dollar.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { render } from "lit";
|
|
2
|
+
import { register } from "./register.js";
|
|
2
3
|
export function $(selector, context = document) {
|
|
3
4
|
const e = context.querySelector(selector);
|
|
4
5
|
if (!e)
|
|
@@ -13,4 +14,5 @@ $.maybe = (selector, context = document) => {
|
|
|
13
14
|
};
|
|
14
15
|
$.all = all;
|
|
15
16
|
$.render = (container, ...content) => render(content, container);
|
|
17
|
+
$.register = register;
|
|
16
18
|
//# sourceMappingURL=dollar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dollar.js","sourceRoot":"","sources":["../../../s/features/dom/dollar.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"dollar.js","sourceRoot":"","sources":["../../../s/features/dom/dollar.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAMtC,MAAM,UAAU,CAAC,CAAsC,QAAgB,EAAE,UAAqB,QAAQ;IACrG,MAAM,CAAC,GAAG,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC5C,IAAI,CAAC,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,MAAM,QAAQ,YAAY,CAAC,CAAA;IACnD,OAAO,CAAC,CAAA;AACT,CAAC;AAED,SAAS,GAAG,CAAsC,QAAgB,EAAE,UAAqB,QAAQ;IAChG,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAI,QAAQ,CAAC,CAAC,CAAA;AACzD,CAAC;AAED,CAAC,CAAC,KAAK,GAAG,CAAsC,QAAgB,EAAE,UAAqB,QAAQ,EAAE,EAAE;IAClG,OAAO,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED,CAAC,CAAC,GAAG,GAAG,GAAG,CAAA;AAEX,CAAC,CAAC,MAAM,GAAG,CAAC,SAAoB,EAAE,GAAG,OAAkB,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;AACtF,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAA"}
|
|
@@ -2,19 +2,29 @@ import { Content } from "../../../views/types.js";
|
|
|
2
2
|
export declare const spinner: () => Content;
|
|
3
3
|
export declare const braille: () => Content;
|
|
4
4
|
export declare const arrow: () => Content;
|
|
5
|
-
export declare const arrow2: () => Content;
|
|
6
5
|
export declare const bar: () => Content;
|
|
7
6
|
export declare const bar2: () => Content;
|
|
8
7
|
export declare const bar3: () => Content;
|
|
9
8
|
export declare const bar4: () => Content;
|
|
9
|
+
export declare const block: () => Content;
|
|
10
|
+
export declare const block2: () => Content;
|
|
11
|
+
export declare const runner: () => Content;
|
|
10
12
|
export declare const pie: () => Content;
|
|
11
13
|
export declare const cylon: () => Content;
|
|
12
14
|
export declare const slider: () => Content;
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const
|
|
15
|
+
export declare const brackets: () => Content;
|
|
16
|
+
export declare const brackets2: () => Content;
|
|
17
|
+
export declare const dots: () => Content;
|
|
18
|
+
export declare const dots2: () => Content;
|
|
19
|
+
export declare const wave: () => Content;
|
|
20
|
+
export declare const wavescrub: () => Content;
|
|
21
|
+
export declare const wavepulse: () => Content;
|
|
22
|
+
export declare const wavepulse2: () => Content;
|
|
15
23
|
export declare const bin: () => Content;
|
|
16
24
|
export declare const binary: () => Content;
|
|
17
25
|
export declare const binary2: () => Content;
|
|
26
|
+
export declare const pulseblue: () => Content;
|
|
27
|
+
export declare const kiss: () => Content;
|
|
18
28
|
export declare const clock: () => Content;
|
|
19
29
|
export declare const fistbump: () => Content;
|
|
20
30
|
export declare const earth: () => Content;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { makeAsciiAnim } from "./ascii-anim.js";
|
|
2
|
-
const
|
|
3
|
-
|
|
2
|
+
const fast = 20;
|
|
3
|
+
const mid = 10;
|
|
4
|
+
const slow = 4;
|
|
5
|
+
export const spinner = makeAsciiAnim(fast, [
|
|
4
6
|
"|",
|
|
5
7
|
"/",
|
|
6
8
|
"-",
|
|
7
9
|
"\\",
|
|
8
10
|
]);
|
|
9
|
-
export const braille = makeAsciiAnim(
|
|
11
|
+
export const braille = makeAsciiAnim(fast, [
|
|
10
12
|
"⠈",
|
|
11
13
|
"⠐",
|
|
12
14
|
"⠠",
|
|
@@ -16,17 +18,7 @@ export const braille = makeAsciiAnim(hz, [
|
|
|
16
18
|
"⠂",
|
|
17
19
|
"⠁",
|
|
18
20
|
]);
|
|
19
|
-
export const arrow = makeAsciiAnim(
|
|
20
|
-
"←",
|
|
21
|
-
"↖",
|
|
22
|
-
"↑",
|
|
23
|
-
"↗",
|
|
24
|
-
"→",
|
|
25
|
-
"↘",
|
|
26
|
-
"↓",
|
|
27
|
-
"↙",
|
|
28
|
-
]);
|
|
29
|
-
export const arrow2 = makeAsciiAnim(hz, [
|
|
21
|
+
export const arrow = makeAsciiAnim(fast, [
|
|
30
22
|
"⬆️",
|
|
31
23
|
"↗️",
|
|
32
24
|
"➡️",
|
|
@@ -36,7 +28,7 @@ export const arrow2 = makeAsciiAnim(hz, [
|
|
|
36
28
|
"⬅️",
|
|
37
29
|
"↖️",
|
|
38
30
|
]);
|
|
39
|
-
export const bar = makeAsciiAnim(
|
|
31
|
+
export const bar = makeAsciiAnim(fast, [
|
|
40
32
|
"▰▱▱▱▱",
|
|
41
33
|
"▰▱▱▱▱",
|
|
42
34
|
"▱▰▱▱▱",
|
|
@@ -48,7 +40,7 @@ export const bar = makeAsciiAnim(hz, [
|
|
|
48
40
|
"▱▱▰▱▱",
|
|
49
41
|
"▱▰▱▱▱",
|
|
50
42
|
]);
|
|
51
|
-
export const bar2 = makeAsciiAnim(
|
|
43
|
+
export const bar2 = makeAsciiAnim(fast, [
|
|
52
44
|
"▱▱▰▱▱",
|
|
53
45
|
"▱▱▱▰▱",
|
|
54
46
|
"▱▱▱▰▰",
|
|
@@ -70,7 +62,7 @@ export const bar2 = makeAsciiAnim(hz, [
|
|
|
70
62
|
"▰▰▱▱▱",
|
|
71
63
|
"▱▰▱▱▱",
|
|
72
64
|
]);
|
|
73
|
-
export const bar3 = makeAsciiAnim(
|
|
65
|
+
export const bar3 = makeAsciiAnim(fast, [
|
|
74
66
|
"▰▱▱▱▱",
|
|
75
67
|
"▰▱▱▱▱",
|
|
76
68
|
"▰▰▱▱▱",
|
|
@@ -86,7 +78,8 @@ export const bar3 = makeAsciiAnim(hz, [
|
|
|
86
78
|
"▰▰▰▱▱",
|
|
87
79
|
"▰▰▱▱▱",
|
|
88
80
|
]);
|
|
89
|
-
export const bar4 = makeAsciiAnim(
|
|
81
|
+
export const bar4 = makeAsciiAnim(fast, [
|
|
82
|
+
"▱▱▱▱▱",
|
|
90
83
|
"▱▱▱▱▱",
|
|
91
84
|
"▰▱▱▱▱",
|
|
92
85
|
"▰▰▱▱▱",
|
|
@@ -99,13 +92,53 @@ export const bar4 = makeAsciiAnim(hz, [
|
|
|
99
92
|
"▱▱▱▰▰",
|
|
100
93
|
"▱▱▱▱▰",
|
|
101
94
|
]);
|
|
102
|
-
export const
|
|
95
|
+
export const block = makeAsciiAnim(fast, [
|
|
96
|
+
"▁▁▁▁▁",
|
|
97
|
+
"▁▁▁▁▁",
|
|
98
|
+
"█▁▁▁▁",
|
|
99
|
+
"██▁▁▁",
|
|
100
|
+
"███▁▁",
|
|
101
|
+
"████▁",
|
|
102
|
+
"█████",
|
|
103
|
+
"█████",
|
|
104
|
+
"▁████",
|
|
105
|
+
"▁▁███",
|
|
106
|
+
"▁▁▁██",
|
|
107
|
+
"▁▁▁▁█",
|
|
108
|
+
]);
|
|
109
|
+
export const block2 = makeAsciiAnim(fast, [
|
|
110
|
+
"█▁▁▁▁",
|
|
111
|
+
"█▁▁▁▁",
|
|
112
|
+
"██▁▁▁",
|
|
113
|
+
"███▁▁",
|
|
114
|
+
"████▁",
|
|
115
|
+
"█████",
|
|
116
|
+
"█████",
|
|
117
|
+
"▁████",
|
|
118
|
+
"▁▁███",
|
|
119
|
+
"▁▁▁██",
|
|
120
|
+
"▁▁▁▁█",
|
|
121
|
+
"▁▁▁▁█",
|
|
122
|
+
"▁▁▁██",
|
|
123
|
+
"▁▁███",
|
|
124
|
+
"▁████",
|
|
125
|
+
"█████",
|
|
126
|
+
"█████",
|
|
127
|
+
"████▁",
|
|
128
|
+
"███▁▁",
|
|
129
|
+
"██▁▁▁",
|
|
130
|
+
]);
|
|
131
|
+
export const runner = makeAsciiAnim(slow, [
|
|
132
|
+
"🚶",
|
|
133
|
+
"🏃",
|
|
134
|
+
]);
|
|
135
|
+
export const pie = makeAsciiAnim(mid, [
|
|
103
136
|
"◷",
|
|
104
137
|
"◶",
|
|
105
138
|
"◵",
|
|
106
139
|
"◴",
|
|
107
140
|
]);
|
|
108
|
-
export const cylon = makeAsciiAnim(
|
|
141
|
+
export const cylon = makeAsciiAnim(fast, [
|
|
109
142
|
"=----",
|
|
110
143
|
"-=---",
|
|
111
144
|
"--=--",
|
|
@@ -117,7 +150,7 @@ export const cylon = makeAsciiAnim(hz, [
|
|
|
117
150
|
"-=---",
|
|
118
151
|
"=----",
|
|
119
152
|
]);
|
|
120
|
-
export const slider = makeAsciiAnim(
|
|
153
|
+
export const slider = makeAsciiAnim(fast, [
|
|
121
154
|
"o----",
|
|
122
155
|
"-o---",
|
|
123
156
|
"--o--",
|
|
@@ -129,7 +162,67 @@ export const slider = makeAsciiAnim(hz, [
|
|
|
129
162
|
"-o---",
|
|
130
163
|
"o----",
|
|
131
164
|
]);
|
|
132
|
-
export const
|
|
165
|
+
export const brackets = makeAsciiAnim(mid, [
|
|
166
|
+
"[ ]",
|
|
167
|
+
"[ ]",
|
|
168
|
+
"[= ]",
|
|
169
|
+
"[== ]",
|
|
170
|
+
"[===]",
|
|
171
|
+
"[ ==]",
|
|
172
|
+
"[ =]",
|
|
173
|
+
]);
|
|
174
|
+
export const brackets2 = makeAsciiAnim(mid, [
|
|
175
|
+
"[ ]",
|
|
176
|
+
"[ ]",
|
|
177
|
+
"[= ]",
|
|
178
|
+
"[== ]",
|
|
179
|
+
"[===]",
|
|
180
|
+
"[ ==]",
|
|
181
|
+
"[ =]",
|
|
182
|
+
"[ ]",
|
|
183
|
+
"[ ]",
|
|
184
|
+
"[ =]",
|
|
185
|
+
"[ ==]",
|
|
186
|
+
"[===]",
|
|
187
|
+
"[== ]",
|
|
188
|
+
"[= ]",
|
|
189
|
+
]);
|
|
190
|
+
export const dots = makeAsciiAnim(mid, [
|
|
191
|
+
" ",
|
|
192
|
+
" ",
|
|
193
|
+
". ",
|
|
194
|
+
".. ",
|
|
195
|
+
"...",
|
|
196
|
+
" ..",
|
|
197
|
+
" .",
|
|
198
|
+
]);
|
|
199
|
+
export const dots2 = makeAsciiAnim(fast, [
|
|
200
|
+
". ",
|
|
201
|
+
". ",
|
|
202
|
+
".. ",
|
|
203
|
+
"...",
|
|
204
|
+
" ..",
|
|
205
|
+
" .",
|
|
206
|
+
" .",
|
|
207
|
+
" ..",
|
|
208
|
+
"...",
|
|
209
|
+
".. ",
|
|
210
|
+
]);
|
|
211
|
+
export const wave = makeAsciiAnim(fast, [
|
|
212
|
+
".....",
|
|
213
|
+
".....",
|
|
214
|
+
":....",
|
|
215
|
+
"::...",
|
|
216
|
+
":::..",
|
|
217
|
+
"::::.",
|
|
218
|
+
":::::",
|
|
219
|
+
":::::",
|
|
220
|
+
".::::",
|
|
221
|
+
"..:::",
|
|
222
|
+
"...::",
|
|
223
|
+
"....:",
|
|
224
|
+
]);
|
|
225
|
+
export const wavescrub = makeAsciiAnim(fast, [
|
|
133
226
|
":....",
|
|
134
227
|
":....",
|
|
135
228
|
"::...",
|
|
@@ -143,7 +236,18 @@ export const scrubber = makeAsciiAnim(hz, [
|
|
|
143
236
|
".::..",
|
|
144
237
|
"::...",
|
|
145
238
|
]);
|
|
146
|
-
export const
|
|
239
|
+
export const wavepulse = makeAsciiAnim(fast, [
|
|
240
|
+
".....",
|
|
241
|
+
".....",
|
|
242
|
+
"..:..",
|
|
243
|
+
".:::.",
|
|
244
|
+
".:::.",
|
|
245
|
+
":::::",
|
|
246
|
+
":::::",
|
|
247
|
+
"::.::",
|
|
248
|
+
":...:",
|
|
249
|
+
]);
|
|
250
|
+
export const wavepulse2 = makeAsciiAnim(fast, [
|
|
147
251
|
".....",
|
|
148
252
|
".....",
|
|
149
253
|
"..:..",
|
|
@@ -153,8 +257,17 @@ export const pulse = makeAsciiAnim(hz, [
|
|
|
153
257
|
":::::",
|
|
154
258
|
"::.::",
|
|
155
259
|
":...:",
|
|
260
|
+
".....",
|
|
261
|
+
".....",
|
|
262
|
+
":...:",
|
|
263
|
+
"::.::",
|
|
264
|
+
":::::",
|
|
265
|
+
":::::",
|
|
266
|
+
".:::.",
|
|
267
|
+
".:::.",
|
|
268
|
+
"..:..",
|
|
156
269
|
]);
|
|
157
|
-
export const bin = makeAsciiAnim(
|
|
270
|
+
export const bin = makeAsciiAnim(fast, [
|
|
158
271
|
"000",
|
|
159
272
|
"100",
|
|
160
273
|
"110",
|
|
@@ -162,7 +275,7 @@ export const bin = makeAsciiAnim(hz, [
|
|
|
162
275
|
"011",
|
|
163
276
|
"001",
|
|
164
277
|
]);
|
|
165
|
-
export const binary = makeAsciiAnim(
|
|
278
|
+
export const binary = makeAsciiAnim(fast, [
|
|
166
279
|
"11111",
|
|
167
280
|
"01111",
|
|
168
281
|
"00111",
|
|
@@ -175,7 +288,7 @@ export const binary = makeAsciiAnim(hz, [
|
|
|
175
288
|
"11100",
|
|
176
289
|
"11110",
|
|
177
290
|
]);
|
|
178
|
-
export const binary2 = makeAsciiAnim(
|
|
291
|
+
export const binary2 = makeAsciiAnim(fast, [
|
|
179
292
|
"11111",
|
|
180
293
|
"01111",
|
|
181
294
|
"10111",
|
|
@@ -189,7 +302,20 @@ export const binary2 = makeAsciiAnim(hz, [
|
|
|
189
302
|
"10111",
|
|
190
303
|
"01111",
|
|
191
304
|
]);
|
|
192
|
-
export const
|
|
305
|
+
export const pulseblue = makeAsciiAnim(slow, [
|
|
306
|
+
"🔹",
|
|
307
|
+
"🔵",
|
|
308
|
+
]);
|
|
309
|
+
export const kiss = makeAsciiAnim(mid, [
|
|
310
|
+
"🙂",
|
|
311
|
+
"🙂",
|
|
312
|
+
"😗",
|
|
313
|
+
"😙",
|
|
314
|
+
"😘",
|
|
315
|
+
"😘",
|
|
316
|
+
"😙",
|
|
317
|
+
]);
|
|
318
|
+
export const clock = makeAsciiAnim(fast, [
|
|
193
319
|
"🕐",
|
|
194
320
|
"🕑",
|
|
195
321
|
"🕒",
|
|
@@ -203,7 +329,7 @@ export const clock = makeAsciiAnim(hz, [
|
|
|
203
329
|
"🕚",
|
|
204
330
|
"🕛",
|
|
205
331
|
]);
|
|
206
|
-
export const fistbump = makeAsciiAnim(
|
|
332
|
+
export const fistbump = makeAsciiAnim(fast, [
|
|
207
333
|
"🤜 🤛",
|
|
208
334
|
"🤜 🤛",
|
|
209
335
|
"🤜 🤛",
|
|
@@ -215,20 +341,20 @@ export const fistbump = makeAsciiAnim(hz, [
|
|
|
215
341
|
"🤜 ✨ 🤛",
|
|
216
342
|
"🤜 ✨ 🤛",
|
|
217
343
|
]);
|
|
218
|
-
export const earth = makeAsciiAnim(
|
|
344
|
+
export const earth = makeAsciiAnim(slow, [
|
|
219
345
|
"🌎",
|
|
220
346
|
"🌏",
|
|
221
347
|
"🌍",
|
|
222
348
|
]);
|
|
223
|
-
export const lock = makeAsciiAnim(
|
|
349
|
+
export const lock = makeAsciiAnim(slow, [
|
|
224
350
|
"🔓",
|
|
225
351
|
"🔒",
|
|
226
352
|
]);
|
|
227
|
-
export const bright = makeAsciiAnim(
|
|
353
|
+
export const bright = makeAsciiAnim(slow, [
|
|
228
354
|
"🔅",
|
|
229
355
|
"🔆",
|
|
230
356
|
]);
|
|
231
|
-
export const speaker = makeAsciiAnim(
|
|
357
|
+
export const speaker = makeAsciiAnim(slow, [
|
|
232
358
|
"🔈",
|
|
233
359
|
"🔈",
|
|
234
360
|
"🔉",
|
|
@@ -236,7 +362,7 @@ export const speaker = makeAsciiAnim(4, [
|
|
|
236
362
|
"🔊",
|
|
237
363
|
"🔉",
|
|
238
364
|
]);
|
|
239
|
-
export const moon = makeAsciiAnim(
|
|
365
|
+
export const moon = makeAsciiAnim(mid, [
|
|
240
366
|
"🌑",
|
|
241
367
|
"🌑",
|
|
242
368
|
"🌑",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"anims.js","sourceRoot":"","sources":["../../../../../s/features/op/loaders/parts/anims.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAA;AAG7C,MAAM,
|
|
1
|
+
{"version":3,"file":"anims.js","sourceRoot":"","sources":["../../../../../s/features/op/loaders/parts/anims.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAA;AAG7C,MAAM,IAAI,GAAG,EAAE,CAAA;AACf,MAAM,GAAG,GAAG,EAAE,CAAA;AACd,MAAM,IAAI,GAAG,CAAC,CAAA;AAEd,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,EAAE;IAC1C,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,EAAE;IAC1C,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;CACH,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE;IACxC,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,EAAE;IACtC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE;IACvC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE;IACvC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE;IACvC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE;IACxC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE;IACzC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE;IACzC,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,aAAa,CAAC,GAAG,EAAE;IACrC,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;CACH,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE;IACxC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE;IACzC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,EAAE;IAC1C,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,EAAE;IAC3C,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,GAAG,EAAE;IACtC,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;CACL,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE;IACxC,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;CACL,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE;IACvC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,EAAE;IAC5C,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,EAAE;IAC5C,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,EAAE;IAC7C,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,EAAE;IACtC,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;CACL,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE;IACzC,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,EAAE;IAC1C,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,EAAE;IAC5C,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,GAAG,EAAE;IACtC,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE;IACxC,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,EAAE;IAC3C,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,SAAS;IACT,SAAS;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE;IACxC,IAAI;IACJ,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE;IACvC,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE;IACzC,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,EAAE;IAC1C,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,GAAG,EAAE;IACtC,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACJ,CAAC,CAAA"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
+
import { Constructor } from "@e280/stz";
|
|
1
2
|
import { DirectiveResult } from "lit/directive.js";
|
|
2
3
|
import { CSSResultGroup, TemplateResult } from "lit";
|
|
3
4
|
import { Use } from "./use.js";
|
|
4
5
|
export type Content = TemplateResult | DirectiveResult | HTMLElement | string | null | undefined | void | Content[];
|
|
5
6
|
export type AttrValue = string | boolean | number | undefined | null | void;
|
|
7
|
+
export type Component<Props extends any[] = []> = {
|
|
8
|
+
render(...props: Props): void;
|
|
9
|
+
} & HTMLElement;
|
|
10
|
+
export type ComponentFn = (use: Use) => Content;
|
|
6
11
|
export type ViewFn<Props extends any[]> = (use: Use) => (...props: Props) => Content;
|
|
7
12
|
export type BasicView<Props extends any[]> = (...props: Props) => DirectiveResult<any>;
|
|
8
13
|
export type View<Props extends any[]> = BasicView<Props> & {
|
|
@@ -11,6 +16,7 @@ export type View<Props extends any[]> = BasicView<Props> & {
|
|
|
11
16
|
children: (...children: Content[]) => View<Props>;
|
|
12
17
|
attrs: (attrs: Record<string, AttrValue>) => View<Props>;
|
|
13
18
|
attr: (name: string, value: AttrValue) => View<Props>;
|
|
19
|
+
component: (...props: Props) => Constructor<Component>;
|
|
14
20
|
};
|
|
15
21
|
export type ViewSettings = ShadowRootInit & {
|
|
16
22
|
tag?: string;
|
|
@@ -8,7 +8,7 @@ export declare class Use {
|
|
|
8
8
|
element: HTMLElement;
|
|
9
9
|
shadow: ShadowRoot;
|
|
10
10
|
render: () => void;
|
|
11
|
-
[_wrap](fn: () =>
|
|
11
|
+
[_wrap]<R>(fn: () => R): R;
|
|
12
12
|
[_disconnect](): void;
|
|
13
13
|
[_reconnect](): void;
|
|
14
14
|
constructor(element: HTMLElement, shadow: ShadowRoot, render: () => void);
|
package/x/features/views/use.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../s/features/views/use.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAA;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,aAAa,CAAA;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AAEnD,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,EAAE,CAAA;AAC7B,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,EAAE,CAAA;AACnC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,EAAE,CAAA;AAElC,MAAM,OAAO,GAAG;
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../s/features/views/use.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Constructor } from "@e280/stz";
|
|
2
|
+
import { Component, ComponentFn, View, ViewFn, ViewSettings } from "./types.js";
|
|
2
3
|
export declare const view: {
|
|
3
4
|
<Props extends any[]>(fn: ViewFn<Props>): View<Props>;
|
|
4
5
|
view: /*elided*/ any;
|
|
5
6
|
settings(settings2: Partial<ViewSettings>): /*elided*/ any;
|
|
7
|
+
component(fn: ComponentFn): Constructor<Component<[]>>;
|
|
6
8
|
};
|
|
7
9
|
export declare class SlyView extends HTMLElement {
|
|
8
10
|
}
|