@e280/sly 0.2.0-0 → 0.2.0-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/README.md +94 -65
- package/package.json +3 -3
- package/s/demo/demo.bundle.ts +3 -3
- package/s/demo/views/counter.ts +14 -7
- package/s/dom/dom.ts +51 -0
- package/s/dom/types.ts +3 -0
- package/s/index.ts +0 -1
- package/s/views/use.ts +21 -3
- package/x/demo/demo.bundle.js +3 -3
- package/x/demo/demo.bundle.js.map +1 -1
- package/x/demo/demo.bundle.min.js +20 -15
- package/x/demo/demo.bundle.min.js.map +4 -4
- package/x/demo/views/counter.js +13 -6
- package/x/demo/views/counter.js.map +1 -1
- package/x/dom/dom.d.ts +21 -0
- package/x/dom/dom.js +41 -0
- package/x/dom/dom.js.map +1 -0
- package/x/dom/types.d.ts +2 -0
- package/x/index.d.ts +0 -1
- package/x/index.html +2 -2
- package/x/index.js +0 -1
- package/x/index.js.map +1 -1
- package/x/views/use.d.ts +8 -1
- package/x/views/use.js +18 -2
- package/x/views/use.js.map +1 -1
- package/s/dom/dollar.ts +0 -27
- package/x/dom/dollar.d.ts +0 -10
- package/x/dom/dollar.js +0 -18
- package/x/dom/dollar.js.map +0 -1
package/x/demo/views/counter.js
CHANGED
|
@@ -5,21 +5,28 @@ import { cssReset } from "../../views/css-reset.js";
|
|
|
5
5
|
export const CounterView = view(use => (initial) => {
|
|
6
6
|
use.name("counter");
|
|
7
7
|
use.styles(cssReset, styles);
|
|
8
|
+
const $seconds = use.signal(0);
|
|
8
9
|
const start = use.once(() => Date.now());
|
|
9
|
-
const seconds = use.signal(0);
|
|
10
10
|
use.mount(() => repeat(async () => {
|
|
11
11
|
const since = Date.now() - start;
|
|
12
|
-
seconds.set(Math.floor(since / 1000));
|
|
12
|
+
$seconds.set(Math.floor(since / 1000));
|
|
13
13
|
}));
|
|
14
|
-
const count = use.signal(initial);
|
|
15
|
-
const increment = () => count.value++;
|
|
14
|
+
const $count = use.signal(initial);
|
|
15
|
+
const increment = () => $count.value++;
|
|
16
|
+
const $product = use.signal
|
|
17
|
+
.derive(() => $count() * $seconds());
|
|
16
18
|
return html `
|
|
17
19
|
<slot></slot>
|
|
18
20
|
<div>
|
|
19
|
-
<span>${seconds.get()}</span>
|
|
21
|
+
<span>${$seconds.get()}</span>
|
|
22
|
+
</div>
|
|
23
|
+
<div>
|
|
24
|
+
<span>${$count.get()}</span>
|
|
25
|
+
</div>
|
|
26
|
+
<div>
|
|
27
|
+
<span>${$product.get()}</span>
|
|
20
28
|
</div>
|
|
21
29
|
<div>
|
|
22
|
-
<span>${count.get()}</span>
|
|
23
30
|
<button @click="${increment}">+</button>
|
|
24
31
|
</div>
|
|
25
32
|
`;
|
|
@@ -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,qBAAqB,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEjD,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,
|
|
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,qBAAqB,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEjD,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,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAC9B,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IACxC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAA;QAChC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAA;IACvC,CAAC,CAAC,CAAC,CAAA;IAEH,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAClC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAEtC,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM;SACzB,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAA;IAErC,OAAO,IAAI,CAAA;;;WAGD,QAAQ,CAAC,GAAG,EAAE;;;WAGd,MAAM,CAAC,GAAG,EAAE;;;WAGZ,QAAQ,CAAC,GAAG,EAAE;;;qBAGJ,SAAS;;EAE5B,CAAA;AACF,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;CAUjB,CAAA"}
|
package/x/dom/dom.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Content } from "../views/types.js";
|
|
2
|
+
import { Queryable, Renderable } from "./types.js";
|
|
3
|
+
export declare class Dom<C extends Queryable> {
|
|
4
|
+
element: C;
|
|
5
|
+
constructor(element: C);
|
|
6
|
+
in<E extends HTMLElement>(elementOrSelector: E | string): Dom<E>;
|
|
7
|
+
require<E extends Element = HTMLElement>(selector: string): E;
|
|
8
|
+
maybe<E extends Element = HTMLElement>(selector: string): E | null;
|
|
9
|
+
all<E extends Element = HTMLElement>(selector: string): E[];
|
|
10
|
+
render(...content: Content[]): import("lit-html").RootPart;
|
|
11
|
+
}
|
|
12
|
+
export declare function dom(selector: string): HTMLElement;
|
|
13
|
+
export declare namespace dom {
|
|
14
|
+
export var register: typeof import("./register.js").register;
|
|
15
|
+
export var render: (container: Renderable, ...content: Content[]) => import("lit-html").RootPart;
|
|
16
|
+
var _a: <E extends HTMLElement>(elementOrSelector: string | E) => Dom<E>;
|
|
17
|
+
export var require: <E extends Element = HTMLElement>(selector: string) => E;
|
|
18
|
+
export var maybe: <E extends Element = HTMLElement>(selector: string) => E | null;
|
|
19
|
+
export var all: <E extends Element = HTMLElement>(selector: string) => E[];
|
|
20
|
+
export { _a as in };
|
|
21
|
+
}
|
package/x/dom/dom.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { render } from "lit";
|
|
2
|
+
import { register } from "./register.js";
|
|
3
|
+
export class Dom {
|
|
4
|
+
element;
|
|
5
|
+
constructor(element) {
|
|
6
|
+
this.element = element;
|
|
7
|
+
}
|
|
8
|
+
in(elementOrSelector) {
|
|
9
|
+
return new Dom(typeof elementOrSelector === "string"
|
|
10
|
+
? this.require(elementOrSelector)
|
|
11
|
+
: elementOrSelector);
|
|
12
|
+
}
|
|
13
|
+
require(selector) {
|
|
14
|
+
const e = this.element.querySelector(selector);
|
|
15
|
+
if (!e)
|
|
16
|
+
throw new Error(`$1 ${selector} not found`);
|
|
17
|
+
return e;
|
|
18
|
+
}
|
|
19
|
+
maybe(selector) {
|
|
20
|
+
return this.element.querySelector(selector);
|
|
21
|
+
}
|
|
22
|
+
all(selector) {
|
|
23
|
+
return Array.from(this.element.querySelectorAll(selector));
|
|
24
|
+
}
|
|
25
|
+
render(...content) {
|
|
26
|
+
return render(content, this.element);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
export function dom(selector) {
|
|
30
|
+
return new Dom(document).require(selector);
|
|
31
|
+
}
|
|
32
|
+
const doc = new Dom(document);
|
|
33
|
+
dom.register = register;
|
|
34
|
+
dom.render = (container, ...content) => {
|
|
35
|
+
return render(content, container);
|
|
36
|
+
};
|
|
37
|
+
dom.in = doc.in.bind(doc);
|
|
38
|
+
dom.require = doc.require.bind(doc);
|
|
39
|
+
dom.maybe = doc.maybe.bind(doc);
|
|
40
|
+
dom.all = doc.all.bind(doc);
|
|
41
|
+
//# sourceMappingURL=dom.js.map
|
package/x/dom/dom.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../s/dom/dom.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAItC,MAAM,OAAO,GAAG;IACI;IAAnB,YAAmB,OAAU;QAAV,YAAO,GAAP,OAAO,CAAG;IAAG,CAAC;IAEjC,EAAE,CAAwB,iBAA6B;QACtD,OAAO,IAAI,GAAG,CACb,OAAO,iBAAiB,KAAK,QAAQ;YACpC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAI,iBAAiB,CAAC;YACpC,CAAC,CAAC,iBAAiB,CACpB,CAAA;IACF,CAAC;IAED,OAAO,CAAkC,QAAgB;QACxD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;QACjD,IAAI,CAAC,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,MAAM,QAAQ,YAAY,CAAC,CAAA;QACnD,OAAO,CAAC,CAAA;IACT,CAAC;IAED,KAAK,CAAkC,QAAgB;QACtD,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC/C,CAAC;IAED,GAAG,CAAkC,QAAgB;QACpD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAI,QAAQ,CAAC,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM,CAAC,GAAG,OAAkB;QAC3B,OAAO,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,OAAqB,CAAC,CAAA;IACnD,CAAC;CACD;AAED,MAAM,UAAU,GAAG,CAAC,QAAgB;IACnC,OAAO,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;AAC3C,CAAC;AAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAA;AAC7B,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAA;AACvB,GAAG,CAAC,MAAM,GAAG,CAAC,SAAqB,EAAE,GAAG,OAAkB,EAAE,EAAE;IAC7D,OAAO,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;AAClC,CAAC,CAAA;AAED,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACzB,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACnC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC/B,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA"}
|
package/x/dom/types.d.ts
CHANGED
package/x/index.d.ts
CHANGED
package/x/index.html
CHANGED
|
@@ -111,7 +111,7 @@ body {
|
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
</style>
|
|
114
|
-
<script type=module src="demo/demo.bundle.min.js?v=
|
|
114
|
+
<script type=module src="demo/demo.bundle.min.js?v=c6f94fbdccdb"></script>
|
|
115
115
|
<link rel="icon" href="assets/favicon.png?v=4dc161ed79b3"/>
|
|
116
116
|
|
|
117
117
|
<meta name="theme-color" content="#95ff7b">
|
|
@@ -131,7 +131,7 @@ body {
|
|
|
131
131
|
<img class=icon alt="" src="/assets/favicon.png"/>
|
|
132
132
|
<h1>sly testing page</h1>
|
|
133
133
|
<p><a href="https://github.com/e280/sly">github.com/e280/sly</a></p>
|
|
134
|
-
<p class=lil>v0.2.0-
|
|
134
|
+
<p class=lil>v0.2.0-1</p>
|
|
135
135
|
<demo-counter>component</demo-counter>
|
|
136
136
|
<div class=demo></div>
|
|
137
137
|
|
package/x/index.js
CHANGED
package/x/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAA;AAChC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAE9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,sCAAsC,CAAA;AAEpD,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAE9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA"}
|
package/x/views/use.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { CSSResultGroup } from "lit";
|
|
2
|
+
import { SignalOptions } from "@e280/strata/signals";
|
|
2
3
|
import { Op } from "../ops/op.js";
|
|
3
4
|
import { AttrSpec } from "./attributes.js";
|
|
4
5
|
export declare const _wrap: unique symbol;
|
|
@@ -30,5 +31,11 @@ export declare class Use {
|
|
|
30
31
|
fn: <V>(f: () => Promise<V>) => Op<V>;
|
|
31
32
|
promise<V>(p: Promise<V>): Op<V>;
|
|
32
33
|
};
|
|
33
|
-
signal
|
|
34
|
+
signal: {
|
|
35
|
+
<V>(value: V, options?: Partial<SignalOptions>): import("@e280/strata/signals").SignalFn<V>;
|
|
36
|
+
derive<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").DeriveFn<V>;
|
|
37
|
+
lazy<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").LazyFn<V>;
|
|
38
|
+
};
|
|
39
|
+
derive<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").DeriveFn<V>;
|
|
40
|
+
lazy<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").LazyFn<V>;
|
|
34
41
|
}
|
package/x/views/use.js
CHANGED
|
@@ -86,8 +86,24 @@ export class Use {
|
|
|
86
86
|
op.promise = (p) => this.once(() => Op.promise(p));
|
|
87
87
|
return op;
|
|
88
88
|
})();
|
|
89
|
-
signal(
|
|
90
|
-
|
|
89
|
+
signal = (() => {
|
|
90
|
+
const that = this;
|
|
91
|
+
function sig(value, options) {
|
|
92
|
+
return that.once(() => signal(value, options));
|
|
93
|
+
}
|
|
94
|
+
sig.derive = function derive(formula, options) {
|
|
95
|
+
return that.once(() => signal.derive(formula, options));
|
|
96
|
+
};
|
|
97
|
+
sig.lazy = function lazy(formula, options) {
|
|
98
|
+
return that.once(() => signal.lazy(formula, options));
|
|
99
|
+
};
|
|
100
|
+
return sig;
|
|
101
|
+
})();
|
|
102
|
+
derive(formula, options) {
|
|
103
|
+
return this.once(() => signal.derive(formula, options));
|
|
104
|
+
}
|
|
105
|
+
lazy(formula, options) {
|
|
106
|
+
return this.once(() => signal.lazy(formula, options));
|
|
91
107
|
}
|
|
92
108
|
}
|
|
93
109
|
//# sourceMappingURL=use.js.map
|
package/x/views/use.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/views/use.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/views/use.ts"],"names":[],"mappings":"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"}
|
package/s/dom/dollar.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import {render} from "lit"
|
|
3
|
-
import {register} from "./register.js"
|
|
4
|
-
import {Content} from "../views/types.js"
|
|
5
|
-
|
|
6
|
-
export type Container = HTMLElement | ShadowRoot | DocumentFragment
|
|
7
|
-
export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment
|
|
8
|
-
|
|
9
|
-
export function $<E extends HTMLElement = HTMLElement>(selector: string, context: Queryable = document) {
|
|
10
|
-
const e = context.querySelector<E>(selector)
|
|
11
|
-
if (!e) throw new Error(`$1 ${selector} not found`)
|
|
12
|
-
return e
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
function all<E extends HTMLElement = HTMLElement>(selector: string, context: Queryable = document) {
|
|
16
|
-
return Array.from(context.querySelectorAll<E>(selector))
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
$.maybe = <E extends HTMLElement = HTMLElement>(selector: string, context: Queryable = document) => {
|
|
20
|
-
return context.querySelector<E>(selector)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
$.all = all
|
|
24
|
-
|
|
25
|
-
$.render = (container: Container, ...content: Content[]) => render(content, container)
|
|
26
|
-
$.register = register
|
|
27
|
-
|
package/x/dom/dollar.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Content } from "../views/types.js";
|
|
2
|
-
export type Container = HTMLElement | ShadowRoot | DocumentFragment;
|
|
3
|
-
export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment;
|
|
4
|
-
export declare function $<E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable): E;
|
|
5
|
-
export declare namespace $ {
|
|
6
|
-
var maybe: <E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable) => E | null;
|
|
7
|
-
var all: <E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable) => E[];
|
|
8
|
-
var render: (container: Container, ...content: Content[]) => import("lit-html").RootPart;
|
|
9
|
-
var register: typeof import("./register.js").register;
|
|
10
|
-
}
|
package/x/dom/dollar.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { render } from "lit";
|
|
2
|
-
import { register } from "./register.js";
|
|
3
|
-
export function $(selector, context = document) {
|
|
4
|
-
const e = context.querySelector(selector);
|
|
5
|
-
if (!e)
|
|
6
|
-
throw new Error(`$1 ${selector} not found`);
|
|
7
|
-
return e;
|
|
8
|
-
}
|
|
9
|
-
function all(selector, context = document) {
|
|
10
|
-
return Array.from(context.querySelectorAll(selector));
|
|
11
|
-
}
|
|
12
|
-
$.maybe = (selector, context = document) => {
|
|
13
|
-
return context.querySelector(selector);
|
|
14
|
-
};
|
|
15
|
-
$.all = all;
|
|
16
|
-
$.render = (container, ...content) => render(content, container);
|
|
17
|
-
$.register = register;
|
|
18
|
-
//# sourceMappingURL=dollar.js.map
|
package/x/dom/dollar.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dollar.js","sourceRoot":"","sources":["../../s/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"}
|