@rasamjs/core 0.1.2 → 0.3.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/API.md +29 -9
- package/CHANGELOG.md +98 -1
- package/COMPONENTS.md +229 -0
- package/README.md +178 -25
- package/RELEASING.md +31 -21
- package/dist/advanced.d.ts +1 -1
- package/dist/advanced.d.ts.map +1 -1
- package/dist/catalog/fragment.d.ts +2 -2
- package/dist/catalog/fragment.d.ts.map +1 -1
- package/dist/catalog/fragment.js.map +1 -1
- package/dist/changes/derived.d.ts +10 -0
- package/dist/changes/derived.d.ts.map +1 -0
- package/dist/changes/derived.js +14 -0
- package/dist/changes/derived.js.map +1 -0
- package/dist/changes/restore.d.ts.map +1 -1
- package/dist/changes/restore.js +22 -4
- package/dist/changes/restore.js.map +1 -1
- package/dist/changes/service.d.ts +10 -2
- package/dist/changes/service.d.ts.map +1 -1
- package/dist/changes/service.js +45 -6
- package/dist/changes/service.js.map +1 -1
- package/dist/changes/types.d.ts +9 -0
- package/dist/changes/types.d.ts.map +1 -1
- package/dist/changes/types.js.map +1 -1
- package/dist/changes.d.ts +5 -3
- package/dist/changes.d.ts.map +1 -1
- package/dist/changes.js +103 -2
- package/dist/changes.js.map +1 -1
- package/dist/components/changes.d.ts +34 -0
- package/dist/components/changes.d.ts.map +1 -0
- package/dist/components/changes.js +119 -0
- package/dist/components/changes.js.map +1 -0
- package/dist/components/component.d.ts +62 -0
- package/dist/components/component.d.ts.map +1 -0
- package/dist/components/component.js +355 -0
- package/dist/components/component.js.map +1 -0
- package/dist/components/decorators.d.ts +7 -0
- package/dist/components/decorators.d.ts.map +1 -0
- package/dist/components/decorators.js +81 -0
- package/dist/components/decorators.js.map +1 -0
- package/dist/components/metadata.d.ts +10 -0
- package/dist/components/metadata.d.ts.map +1 -0
- package/dist/components/metadata.js +85 -0
- package/dist/components/metadata.js.map +1 -0
- package/dist/components/registry.d.ts +24 -0
- package/dist/components/registry.d.ts.map +1 -0
- package/dist/components/registry.js +78 -0
- package/dist/components/registry.js.map +1 -0
- package/dist/components/types.d.ts +54 -0
- package/dist/components/types.d.ts.map +1 -0
- package/dist/components/types.js +2 -0
- package/dist/components/types.js.map +1 -0
- package/dist/components/view.d.ts +9 -0
- package/dist/components/view.d.ts.map +1 -0
- package/dist/components/view.js +104 -0
- package/dist/components/view.js.map +1 -0
- package/dist/components.d.ts +6 -0
- package/dist/components.d.ts.map +1 -0
- package/dist/components.js +5 -0
- package/dist/components.js.map +1 -0
- package/dist/core/node.d.ts +7 -0
- package/dist/core/node.d.ts.map +1 -1
- package/dist/core/node.js +30 -0
- package/dist/core/node.js.map +1 -1
- package/dist/dom/images.d.ts.map +1 -1
- package/dist/dom/images.js +3 -1
- package/dist/dom/images.js.map +1 -1
- package/dist/elements/image.d.ts.map +1 -1
- package/dist/elements/image.js +4 -1
- package/dist/elements/image.js.map +1 -1
- package/dist/interchange/clone.d.ts.map +1 -1
- package/dist/interchange/clone.js +4 -3
- package/dist/interchange/clone.js.map +1 -1
- package/dist/interchange/dom.d.ts +3 -1
- package/dist/interchange/dom.d.ts.map +1 -1
- package/dist/interchange/dom.js +29 -5
- package/dist/interchange/dom.js.map +1 -1
- package/dist/interchange/markup.d.ts.map +1 -1
- package/dist/interchange/markup.js +71 -3
- package/dist/interchange/markup.js.map +1 -1
- package/dist/interchange/policy.d.ts.map +1 -1
- package/dist/interchange/policy.js +4 -0
- package/dist/interchange/policy.js.map +1 -1
- package/dist/interchange/reconstruct.d.ts.map +1 -1
- package/dist/interchange/reconstruct.js +16 -12
- package/dist/interchange/reconstruct.js.map +1 -1
- package/dist/interchange/references.d.ts.map +1 -1
- package/dist/interchange/references.js +10 -4
- package/dist/interchange/references.js.map +1 -1
- package/dist/interchange/types.d.ts +10 -1
- package/dist/interchange/types.d.ts.map +1 -1
- package/dist/mixins/parent-internals.d.ts +6 -0
- package/dist/mixins/parent-internals.d.ts.map +1 -1
- package/dist/mixins/parent-internals.js +34 -0
- package/dist/mixins/parent-internals.js.map +1 -1
- package/dist/mixins/parent.d.ts.map +1 -1
- package/dist/mixins/parent.js +6 -1
- package/dist/mixins/parent.js.map +1 -1
- package/dist/mixins/transformable.d.ts.map +1 -1
- package/dist/mixins/transformable.js +25 -27
- package/dist/mixins/transformable.js.map +1 -1
- package/dist/mixins/types.d.ts +2 -2
- package/dist/mixins/types.d.ts.map +1 -1
- package/dist/raster/frame.d.ts +12 -0
- package/dist/raster/frame.d.ts.map +1 -0
- package/dist/raster/frame.js +43 -0
- package/dist/raster/frame.js.map +1 -0
- package/dist/raster/images.d.ts +2 -0
- package/dist/raster/images.d.ts.map +1 -0
- package/dist/raster/images.js +60 -0
- package/dist/raster/images.js.map +1 -0
- package/dist/raster/render.d.ts +3 -0
- package/dist/raster/render.d.ts.map +1 -0
- package/dist/raster/render.js +40 -0
- package/dist/raster/render.js.map +1 -0
- package/dist/raster/types.d.ts +10 -0
- package/dist/raster/types.d.ts.map +1 -0
- package/dist/raster/types.js +2 -0
- package/dist/raster/types.js.map +1 -0
- package/dist/raster.d.ts +6 -0
- package/dist/raster.d.ts.map +1 -0
- package/dist/raster.js +10 -0
- package/dist/raster.js.map +1 -0
- package/dist/resources/references.d.ts +2 -0
- package/dist/resources/references.d.ts.map +1 -1
- package/dist/resources/references.js +3 -1
- package/dist/resources/references.js.map +1 -1
- package/dist/services/catalog.d.ts.map +1 -1
- package/dist/services/catalog.js +5 -3
- package/dist/services/catalog.js.map +1 -1
- package/dist/services/defs-manager.d.ts +2 -0
- package/dist/services/defs-manager.d.ts.map +1 -1
- package/dist/services/defs-manager.js +4 -0
- package/dist/services/defs-manager.js.map +1 -1
- package/dist/services/element-key.d.ts +4 -0
- package/dist/services/element-key.d.ts.map +1 -0
- package/dist/services/element-key.js +12 -0
- package/dist/services/element-key.js.map +1 -0
- package/dist/services/initialization.d.ts +7 -0
- package/dist/services/initialization.d.ts.map +1 -0
- package/dist/services/initialization.js +27 -0
- package/dist/services/initialization.js.map +1 -0
- package/dist/services/registry.d.ts +8 -0
- package/dist/services/registry.d.ts.map +1 -1
- package/dist/services/registry.js +45 -10
- package/dist/services/registry.js.map +1 -1
- package/dist/services/types.d.ts +17 -0
- package/dist/services/types.d.ts.map +1 -1
- package/dist/services/viewport.d.ts +2 -0
- package/dist/services/viewport.d.ts.map +1 -1
- package/dist/services/viewport.js +4 -3
- package/dist/services/viewport.js.map +1 -1
- package/dist/template/parts.d.ts +12 -6
- package/dist/template/parts.d.ts.map +1 -1
- package/dist/template/parts.js +36 -29
- package/dist/template/parts.js.map +1 -1
- package/dist/template/render.d.ts +6 -7
- package/dist/template/render.d.ts.map +1 -1
- package/dist/template/render.js +188 -44
- package/dist/template/render.js.map +1 -1
- package/dist/template/svg-tag.d.ts +5 -1
- package/dist/template/svg-tag.d.ts.map +1 -1
- package/dist/template/svg-tag.js.map +1 -1
- package/dist/text/content.d.ts +0 -2
- package/dist/text/content.d.ts.map +1 -1
- package/dist/text/content.js +4 -10
- package/dist/text/content.js.map +1 -1
- package/dist/text/internals.d.ts +1 -0
- package/dist/text/internals.d.ts.map +1 -1
- package/dist/text/policies.d.ts +7 -0
- package/dist/text/policies.d.ts.map +1 -0
- package/dist/text/policies.js +13 -0
- package/dist/text/policies.js.map +1 -0
- package/dist/types/common.d.ts +27 -0
- package/dist/types/common.d.ts.map +1 -1
- package/package.json +156 -143
- package/reports/adoption.json +20 -20
- package/reports/animation-benchmark.json +616 -616
- package/reports/benchmark.json +65 -65
- package/reports/components-benchmark-before.json +10 -0
- package/reports/components-benchmark.json +10 -0
- package/reports/creation.json +26 -26
- package/reports/interchange-benchmark.json +85 -85
- package/reports/public-api-contract.json +353 -23
- package/reports/public-api-review.md +23 -0
- package/reports/size-components.json +102 -0
- package/reports/size-parity.json +82 -34
- package/reports/size.json +6 -4
- package/reports/svgjs-comparison.json +3466 -3466
- package/reports/svgjs-comparison.md +19 -19
- package/reports/svgjs-parity-current.json +177 -60
- package/src/advanced.ts +1 -1
- package/src/catalog/fragment.ts +2 -2
- package/src/changes/derived.ts +19 -0
- package/src/changes/restore.ts +27 -4
- package/src/changes/service.ts +60 -11
- package/src/changes/types.ts +9 -0
- package/src/changes.ts +93 -4
- package/src/components/changes.ts +131 -0
- package/src/components/component.ts +401 -0
- package/src/components/decorators.ts +104 -0
- package/src/components/metadata.ts +111 -0
- package/src/components/registry.ts +79 -0
- package/src/components/types.ts +66 -0
- package/src/components/view.ts +123 -0
- package/src/components.ts +15 -0
- package/src/core/node.ts +32 -1
- package/src/dom/images.ts +2 -1
- package/src/elements/image.ts +4 -1
- package/src/interchange/clone.ts +4 -3
- package/src/interchange/dom.ts +34 -5
- package/src/interchange/markup.ts +77 -3
- package/src/interchange/policy.ts +6 -0
- package/src/interchange/reconstruct.ts +16 -12
- package/src/interchange/references.ts +12 -4
- package/src/interchange/types.ts +10 -1
- package/src/mixins/parent-internals.ts +37 -0
- package/src/mixins/parent.ts +13 -4
- package/src/mixins/transformable.ts +23 -25
- package/src/mixins/types.ts +2 -2
- package/src/raster/frame.ts +53 -0
- package/src/raster/images.ts +73 -0
- package/src/raster/render.ts +45 -0
- package/src/raster/types.ts +9 -0
- package/src/raster.ts +13 -0
- package/src/resources/references.ts +5 -1
- package/src/services/catalog.ts +5 -3
- package/src/services/defs-manager.ts +5 -0
- package/src/services/element-key.ts +14 -0
- package/src/services/initialization.ts +25 -0
- package/src/services/registry.ts +47 -10
- package/src/services/types.ts +21 -0
- package/src/services/viewport.ts +5 -4
- package/src/template/parts.ts +54 -39
- package/src/template/render.ts +211 -54
- package/src/template/svg-tag.ts +6 -1
- package/src/text/content.ts +4 -14
- package/src/text/internals.ts +1 -0
- package/src/text/policies.ts +18 -0
- package/src/types/common.ts +29 -0
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { deriveChanges, observeChanges, withChanges } from '../changes.js';
|
|
2
|
+
const drawings = new WeakMap();
|
|
3
|
+
/** Routes work by changed node, independent of the number of components in a drawing. */
|
|
4
|
+
export class ComponentChanges {
|
|
5
|
+
bindings = new WeakMap();
|
|
6
|
+
discovery = new Set();
|
|
7
|
+
bindingCount = 0;
|
|
8
|
+
dirty = new Set();
|
|
9
|
+
cancelFrame;
|
|
10
|
+
stopDerive;
|
|
11
|
+
stopObserve;
|
|
12
|
+
context;
|
|
13
|
+
static for(node) {
|
|
14
|
+
let changes = drawings.get(node.context);
|
|
15
|
+
if (!changes) {
|
|
16
|
+
changes = new ComponentChanges(node);
|
|
17
|
+
drawings.set(node.context, changes);
|
|
18
|
+
}
|
|
19
|
+
return changes;
|
|
20
|
+
}
|
|
21
|
+
constructor(drawing) {
|
|
22
|
+
this.context = drawing.context;
|
|
23
|
+
this.stopDerive = deriveChanges(drawing, ({ nodes }) => {
|
|
24
|
+
for (const node of nodes)
|
|
25
|
+
this.bindings.get(node)?.derive();
|
|
26
|
+
});
|
|
27
|
+
this.stopObserve = observeChanges(drawing, (event) => {
|
|
28
|
+
if (event.type === 'change')
|
|
29
|
+
this.dispatch(event);
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
bind(binding) {
|
|
33
|
+
if (this.bindings.has(binding.node))
|
|
34
|
+
throw new Error('Component is already observing changes');
|
|
35
|
+
this.bindings.set(binding.node, binding);
|
|
36
|
+
this.bindingCount++;
|
|
37
|
+
return this.release(() => {
|
|
38
|
+
this.bindings.delete(binding.node);
|
|
39
|
+
this.dirty.delete(binding);
|
|
40
|
+
this.bindingCount--;
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
discover(discovery) {
|
|
44
|
+
this.discovery.add(discovery);
|
|
45
|
+
return this.release(() => this.discovery.delete(discovery));
|
|
46
|
+
}
|
|
47
|
+
release(cleanup) {
|
|
48
|
+
let active = true;
|
|
49
|
+
return () => {
|
|
50
|
+
if (!active)
|
|
51
|
+
return;
|
|
52
|
+
active = false;
|
|
53
|
+
cleanup();
|
|
54
|
+
if (!this.bindingCount && !this.discovery.size) {
|
|
55
|
+
this.cancelFrame?.();
|
|
56
|
+
this.stopDerive();
|
|
57
|
+
this.stopObserve();
|
|
58
|
+
drawings.delete(this.context);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
/** Live state from every instance renders in one shared frame, as one temporary change. */
|
|
63
|
+
schedule(binding) {
|
|
64
|
+
this.dirty.add(binding);
|
|
65
|
+
this.cancelFrame ??= this.context.dom.requestFrame(() => {
|
|
66
|
+
this.cancelFrame = undefined;
|
|
67
|
+
this.paint(this.dirty);
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
/** Renders without an undo step; failures surface after every other instance rendered. */
|
|
71
|
+
paint(bindings) {
|
|
72
|
+
const list = [...bindings].filter((binding) => !binding.node.isDestroyed);
|
|
73
|
+
for (const binding of list)
|
|
74
|
+
this.dirty.delete(binding);
|
|
75
|
+
if (!list.length)
|
|
76
|
+
return;
|
|
77
|
+
const failures = [];
|
|
78
|
+
withChanges(list[0].node, { source: 'components', temporary: true }, () => {
|
|
79
|
+
for (const binding of list)
|
|
80
|
+
try {
|
|
81
|
+
binding.paint();
|
|
82
|
+
}
|
|
83
|
+
catch (error) {
|
|
84
|
+
failures.push(error);
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
if (failures.length > 1)
|
|
88
|
+
throw new AggregateError(failures, 'Component renders failed');
|
|
89
|
+
if (failures.length)
|
|
90
|
+
throw failures[0];
|
|
91
|
+
}
|
|
92
|
+
dispatch(event) {
|
|
93
|
+
// Replay skips rendered children, so restored and recreated instances redraw together.
|
|
94
|
+
const replayed = new Set();
|
|
95
|
+
for (const change of event.changes) {
|
|
96
|
+
const node = change.target.node, binding = this.bindings.get(node);
|
|
97
|
+
if (binding &&
|
|
98
|
+
event.source === 'replay' &&
|
|
99
|
+
((change.domain === 'property' && change.attribute === 'data-rasam-props') ||
|
|
100
|
+
(change.domain === 'existence' && change.after)))
|
|
101
|
+
replayed.add(binding);
|
|
102
|
+
if (!this.discovery.size)
|
|
103
|
+
continue;
|
|
104
|
+
if ((change.domain === 'placement' && change.after.parent && !change.before.parent) ||
|
|
105
|
+
(change.domain === 'existence' && change.after))
|
|
106
|
+
for (const subscriber of this.discovery)
|
|
107
|
+
subscriber.added(node);
|
|
108
|
+
else if (change.domain === 'property' && change.attribute === 'data-rasam-component')
|
|
109
|
+
for (const subscriber of this.discovery)
|
|
110
|
+
subscriber.identityChanged(node);
|
|
111
|
+
}
|
|
112
|
+
if (!replayed.size)
|
|
113
|
+
return;
|
|
114
|
+
for (const binding of replayed)
|
|
115
|
+
binding.replay();
|
|
116
|
+
this.paint(replayed);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
//# sourceMappingURL=changes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"changes.js","sourceRoot":"","sources":["../../src/components/changes.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { Group } from '../elements/group.js';
|
|
2
|
+
import type { DrawingContext } from '../services/context.js';
|
|
3
|
+
import type { SvgTemplate } from '../template/svg-tag.js';
|
|
4
|
+
import { derivesChildren } from '../changes/derived.js';
|
|
5
|
+
import { initializeElement } from '../services/initialization.js';
|
|
6
|
+
import type { AttributeValue, Length, PortDefinition } from '../types/common.js';
|
|
7
|
+
import type { creationOptions } from '../services/types.js';
|
|
8
|
+
import type { ActionDefinition, ComponentDefinition, ComponentProps, PropDefinition, PropOptions, ComponentFields } from './types.js';
|
|
9
|
+
export declare const installField: unique symbol;
|
|
10
|
+
export declare const assertField: unique symbol;
|
|
11
|
+
export declare const editComponent: unique symbol;
|
|
12
|
+
export declare const registerAction: unique symbol;
|
|
13
|
+
/** A closed rasam group whose children are rendered from decorated props and live state. */
|
|
14
|
+
export declare abstract class Component extends Group {
|
|
15
|
+
#private;
|
|
16
|
+
readonly [creationOptions]: ComponentFields<this>;
|
|
17
|
+
static readonly ownsChildren = true;
|
|
18
|
+
/** @internal History restores props; the component redraws its children after replay. */
|
|
19
|
+
static readonly [derivesChildren] = true;
|
|
20
|
+
constructor(context: DrawingContext, input?: ComponentProps, existing?: SVGGElement);
|
|
21
|
+
get componentDefinition(): ComponentDefinition;
|
|
22
|
+
get editRules(): Readonly<{
|
|
23
|
+
rotate: NonNullable<number | "free" | false>;
|
|
24
|
+
flip: boolean;
|
|
25
|
+
resize: NonNullable<"props" | "scale" | false>;
|
|
26
|
+
}>;
|
|
27
|
+
get propDefinitions(): readonly PropDefinition[];
|
|
28
|
+
/** `@action` methods with their undo labels, in declaration order; overrides relabel. */
|
|
29
|
+
get actionDefinitions(): readonly ActionDefinition[];
|
|
30
|
+
/** @internal The `@action` decorator records each method once per instance. */
|
|
31
|
+
[registerAction](name: string, label: string): void;
|
|
32
|
+
render(): SvgTemplate;
|
|
33
|
+
/**
|
|
34
|
+
* Override to declare connection points, in local coordinates at 0°, from props and
|
|
35
|
+
* the saved size. Live state never moves a port. Defaults to none.
|
|
36
|
+
*/
|
|
37
|
+
ports(): readonly PortDefinition[];
|
|
38
|
+
/** Validated, frozen `ports()`, computed again only when the saved props change. */
|
|
39
|
+
get portDefinitions(): readonly PortDefinition[];
|
|
40
|
+
created(): void;
|
|
41
|
+
destroyed(): void;
|
|
42
|
+
changed(_name: string): void;
|
|
43
|
+
validateAttribute(name: string, value: AttributeValue): void;
|
|
44
|
+
setAttributeValue(name: string, value: AttributeValue): this;
|
|
45
|
+
attrs(values: Parameters<Group['attrs']>[0]): this;
|
|
46
|
+
width(): Length | null;
|
|
47
|
+
width(value: Length): this;
|
|
48
|
+
height(): Length | null;
|
|
49
|
+
height(value: Length): this;
|
|
50
|
+
/** For `resize: 'props'`, one undo step that redraws at once, so callers read new bounds. */
|
|
51
|
+
size(width: Length, height?: Length): this;
|
|
52
|
+
resetState(): void;
|
|
53
|
+
/** @internal Called after decorated fields and reconstructed children are available. */
|
|
54
|
+
[initializeElement](): void;
|
|
55
|
+
/** @internal Field decorators install accessors after their initializers execute. */
|
|
56
|
+
[assertField](name: string): void;
|
|
57
|
+
/** @internal Field decorators install accessors after their initializers execute. */
|
|
58
|
+
[installField](name: string, kind: 'prop' | 'state', options: PropOptions, initial: unknown): void;
|
|
59
|
+
/** @internal Actions share one change group across nested calls and instances. */
|
|
60
|
+
[editComponent]<Result>(label: string, callback: () => Result): Result;
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/components/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAe,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAKlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,WAAW,EAEX,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,YAAY,eAAkC,CAAC;AAC5D,eAAO,MAAM,WAAW,eAAiC,CAAC;AAC1D,eAAO,MAAM,aAAa,eAA0B,CAAC;AACrD,eAAO,MAAM,cAAc,eAAoC,CAAC;AAYhE,4FAA4F;AAC5F,8BAAsB,SAAU,SAAQ,KAAK;;IAC3C,SAAiB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAC1D,gBAAyB,YAAY,QAAQ;IAC7C,yFAAyF;IACzF,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,QAAQ;IAgBzC,YAAY,OAAO,EAAE,cAAc,EAAE,KAAK,GAAE,cAAmB,EAAE,QAAQ,CAAC,EAAE,WAAW,EAItF;IAED,IAAI,mBAAmB,IAAI,mBAAmB,CAE7C;IACD,IAAI,SAAS;;;;OAGZ;IACD,IAAI,eAAe,IAAI,SAAS,cAAc,EAAE,CAQ/C;IAED,yFAAyF;IACzF,IAAI,iBAAiB,IAAI,SAAS,gBAAgB,EAAE,CAEnD;IAED,+EAA+E;IAC/E,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAElD;IAED,MAAM,IAAI,WAAW,CAEpB;IAED;;;OAGG;IACH,KAAK,IAAI,SAAS,cAAc,EAAE,CAEjC;IAED,oFAAoF;IACpF,IAAI,eAAe,IAAI,SAAS,cAAc,EAAE,CAW/C;IACD,OAAO,IAAI,IAAI,CAAG;IAClB,SAAS,IAAI,IAAI,CAAG;IACpB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAG;IAEtB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,GAAG,IAAI,CAQpE;IAEQ,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,GAAG,IAAI,CAIpE;IAEQ,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAQ1D;IAOQ,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAK3B,MAAM,IAAI,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAMrC,6FAA6F;IACpF,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAqBlD;IAOD,UAAU,IAAI,IAAI,CAIjB;IAED,wFAAwF;IACxF,CAAC,iBAAiB,CAAC,IAAI,IAAI,CA8D1B;IAED,qFAAqF;IACrF,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAGhC;IAED,qFAAqF;IACrF,CAAC,YAAY,CAAC,CACZ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GAAG,OAAO,EACtB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,GACf,IAAI,CAmDN;IAED,kFAAkF;IAClF,CAAC,aAAa,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,MAAM,GAAG,MAAM,CAkBrE;CAqCF"}
|
|
@@ -0,0 +1,355 @@
|
|
|
1
|
+
import { Group } from '../elements/group.js';
|
|
2
|
+
import { beginChangeGroup } from '../changes.js';
|
|
3
|
+
import { derivesChildren, markDerived } from '../changes/derived.js';
|
|
4
|
+
import { initializeElement } from '../services/initialization.js';
|
|
5
|
+
import { definition, isSize, validatePorts, validateProp } from './metadata.js';
|
|
6
|
+
import { ComponentView } from './view.js';
|
|
7
|
+
import { ComponentChanges } from './changes.js';
|
|
8
|
+
import { Attributes } from '../dom/attributes.js';
|
|
9
|
+
export const installField = Symbol('installComponentField');
|
|
10
|
+
export const assertField = Symbol('assertComponentField');
|
|
11
|
+
export const editComponent = Symbol('editComponent');
|
|
12
|
+
export const registerAction = Symbol('registerComponentAction');
|
|
13
|
+
const restoredHooks = new WeakSet();
|
|
14
|
+
const sizes = ['width', 'height'];
|
|
15
|
+
const copy = (value) => value && typeof value === 'object' ? structuredClone(value) : value;
|
|
16
|
+
/** A closed rasam group whose children are rendered from decorated props and live state. */
|
|
17
|
+
export class Component extends Group {
|
|
18
|
+
static ownsChildren = true;
|
|
19
|
+
/** @internal History restores props; the component redraws its children after replay. */
|
|
20
|
+
static [derivesChildren] = true;
|
|
21
|
+
#fields = new Map();
|
|
22
|
+
#view = new ComponentView(this);
|
|
23
|
+
#initialized = false;
|
|
24
|
+
#constructing = true;
|
|
25
|
+
#schedule;
|
|
26
|
+
#observedProps = {};
|
|
27
|
+
#propsCache;
|
|
28
|
+
#propDefinitions;
|
|
29
|
+
#actions = new Map();
|
|
30
|
+
#ports;
|
|
31
|
+
#readingPorts = false;
|
|
32
|
+
#input;
|
|
33
|
+
#reserved;
|
|
34
|
+
constructor(context, input = {}, existing) {
|
|
35
|
+
super(context, {}, existing);
|
|
36
|
+
this.#input = input;
|
|
37
|
+
this.#reserved = new Set(Object.getOwnPropertyNames(this));
|
|
38
|
+
}
|
|
39
|
+
get componentDefinition() {
|
|
40
|
+
return definition(this.constructor);
|
|
41
|
+
}
|
|
42
|
+
get editRules() {
|
|
43
|
+
const { rotate, flip, resize } = this.componentDefinition;
|
|
44
|
+
return Object.freeze({ rotate, flip, resize });
|
|
45
|
+
}
|
|
46
|
+
get propDefinitions() {
|
|
47
|
+
return (this.#propDefinitions ??= Object.freeze([...this.#fields]
|
|
48
|
+
.filter(([, field]) => field.kind === 'prop')
|
|
49
|
+
.map(([name, field]) => Object.freeze({ ...field.options, name, initial: field.initial }))));
|
|
50
|
+
}
|
|
51
|
+
/** `@action` methods with their undo labels, in declaration order; overrides relabel. */
|
|
52
|
+
get actionDefinitions() {
|
|
53
|
+
return Object.freeze([...this.#actions].map(([name, label]) => Object.freeze({ name, label })));
|
|
54
|
+
}
|
|
55
|
+
/** @internal The `@action` decorator records each method once per instance. */
|
|
56
|
+
[registerAction](name, label) {
|
|
57
|
+
this.#actions.set(name, label);
|
|
58
|
+
}
|
|
59
|
+
render() {
|
|
60
|
+
throw new TypeError('Components must implement render()');
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Override to declare connection points, in local coordinates at 0°, from props and
|
|
64
|
+
* the saved size. Live state never moves a port. Defaults to none.
|
|
65
|
+
*/
|
|
66
|
+
ports() {
|
|
67
|
+
return [];
|
|
68
|
+
}
|
|
69
|
+
/** Validated, frozen `ports()`, computed again only when the saved props change. */
|
|
70
|
+
get portDefinitions() {
|
|
71
|
+
const props = this.#readProps();
|
|
72
|
+
if (this.#ports?.props === props)
|
|
73
|
+
return this.#ports.ports;
|
|
74
|
+
this.#readingPorts = true;
|
|
75
|
+
try {
|
|
76
|
+
const ports = validatePorts(this.ports());
|
|
77
|
+
this.#ports = { props, ports };
|
|
78
|
+
return ports;
|
|
79
|
+
}
|
|
80
|
+
finally {
|
|
81
|
+
this.#readingPorts = false;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
created() { }
|
|
85
|
+
destroyed() { }
|
|
86
|
+
changed(_name) { }
|
|
87
|
+
validateAttribute(name, value) {
|
|
88
|
+
super.validateAttribute(name, value);
|
|
89
|
+
if (Attributes.normalizeName(name) === 'data-rasam-props' &&
|
|
90
|
+
#initialized in this &&
|
|
91
|
+
this.#initialized)
|
|
92
|
+
this.#assertProps(parseProps(value));
|
|
93
|
+
}
|
|
94
|
+
setAttributeValue(name, value) {
|
|
95
|
+
if (restoredHooks.has(this) && Attributes.normalizeName(name) === 'data-rasam-props')
|
|
96
|
+
return this;
|
|
97
|
+
return super.setAttributeValue(name, value);
|
|
98
|
+
}
|
|
99
|
+
attrs(values) {
|
|
100
|
+
if (restoredHooks.has(this))
|
|
101
|
+
values = Object.fromEntries(Object.entries(values).filter(([name]) => Attributes.normalizeName(name) !== 'data-rasam-props'));
|
|
102
|
+
return super.attrs(values);
|
|
103
|
+
}
|
|
104
|
+
/** `resize: 'props'` components keep their size as saved `width` and `height` props. */
|
|
105
|
+
get #sized() {
|
|
106
|
+
return this.componentDefinition.resize === 'props';
|
|
107
|
+
}
|
|
108
|
+
width(value) {
|
|
109
|
+
if (!this.#sized)
|
|
110
|
+
return value === undefined ? super.width() : super.width(value);
|
|
111
|
+
return value === undefined ? this.#size('width') : this.size(value, this.#size('height'));
|
|
112
|
+
}
|
|
113
|
+
height(value) {
|
|
114
|
+
if (!this.#sized)
|
|
115
|
+
return value === undefined ? super.height() : super.height(value);
|
|
116
|
+
return value === undefined ? this.#size('height') : this.size(this.#size('width'), value);
|
|
117
|
+
}
|
|
118
|
+
/** For `resize: 'props'`, one undo step that redraws at once, so callers read new bounds. */
|
|
119
|
+
size(width, height) {
|
|
120
|
+
if (!this.#sized)
|
|
121
|
+
return super.size(width, height);
|
|
122
|
+
this.assertLive();
|
|
123
|
+
const next = {
|
|
124
|
+
width: toSize(width),
|
|
125
|
+
height: height === undefined ? undefined : toSize(height),
|
|
126
|
+
};
|
|
127
|
+
const target = {
|
|
128
|
+
width: next.width,
|
|
129
|
+
height: next.height ?? (next.width * this.#size('height')) / this.#size('width'),
|
|
130
|
+
};
|
|
131
|
+
if (restoredHooks.has(this))
|
|
132
|
+
return this;
|
|
133
|
+
if (target.width === this.#size('width') && target.height === this.#size('height'))
|
|
134
|
+
return this;
|
|
135
|
+
this[editComponent](`Resize ${this.componentDefinition.name}`, () => {
|
|
136
|
+
this.setAttributeValue('data-rasam-props', JSON.stringify({ ...this.#readProps(), ...target }));
|
|
137
|
+
});
|
|
138
|
+
if (this.#initialized && this.#notifyProps())
|
|
139
|
+
this.#redraw();
|
|
140
|
+
return this;
|
|
141
|
+
}
|
|
142
|
+
#size(name) {
|
|
143
|
+
const saved = this.#readProps()[name] ?? this.#input[name];
|
|
144
|
+
return isSize(saved) ? saved : this.componentDefinition[name];
|
|
145
|
+
}
|
|
146
|
+
resetState() {
|
|
147
|
+
this.assertLive();
|
|
148
|
+
for (const [name, field] of this.#fields)
|
|
149
|
+
if (field.kind === 'state')
|
|
150
|
+
Reflect.set(this, name, copy(field.initial));
|
|
151
|
+
}
|
|
152
|
+
/** @internal Called after decorated fields and reconstructed children are available. */
|
|
153
|
+
[initializeElement]() {
|
|
154
|
+
if (this.#initialized)
|
|
155
|
+
return;
|
|
156
|
+
const metadata = this.componentDefinition;
|
|
157
|
+
const saved = this.#readProps();
|
|
158
|
+
const rawVersion = this.getAttributeValue('data-rasam-version');
|
|
159
|
+
const version = rawVersion === undefined ? metadata.version : Number(rawVersion);
|
|
160
|
+
if (!Number.isInteger(version) || version < 1 || version > metadata.version)
|
|
161
|
+
throw new TypeError(`Unsupported ${metadata.type} component version: ${rawVersion}`);
|
|
162
|
+
if (version < metadata.version && !metadata.migrate)
|
|
163
|
+
throw new TypeError(`No migration for ${metadata.type} version ${version}`);
|
|
164
|
+
const values = version < metadata.version ? metadata.migrate(saved, version) : saved;
|
|
165
|
+
this.#assertProps(values);
|
|
166
|
+
this.#assertProps(this.#input);
|
|
167
|
+
const props = {};
|
|
168
|
+
for (const [name, field] of this.#fields)
|
|
169
|
+
if (field.kind === 'prop') {
|
|
170
|
+
const value = Object.hasOwn(this.#input, name)
|
|
171
|
+
? this.#input[name]
|
|
172
|
+
: Object.hasOwn(values, name)
|
|
173
|
+
? values[name]
|
|
174
|
+
: field.initial;
|
|
175
|
+
validateProp(value, field.initial, field.options, name);
|
|
176
|
+
props[name] = value;
|
|
177
|
+
}
|
|
178
|
+
if (metadata.resize === 'props')
|
|
179
|
+
for (const name of sizes)
|
|
180
|
+
props[name] = (this.#input[name] ?? values[name] ?? metadata[name]);
|
|
181
|
+
this.#initialized = true;
|
|
182
|
+
if (!this.context.changes.replaying) {
|
|
183
|
+
this.setAttributeValue('data-rasam-version', metadata.version);
|
|
184
|
+
this.setAttributeValue('data-rasam-props', JSON.stringify(props));
|
|
185
|
+
this.#redraw();
|
|
186
|
+
}
|
|
187
|
+
this.#observedProps = this.#readProps();
|
|
188
|
+
const changes = ComponentChanges.for(this);
|
|
189
|
+
const binding = {
|
|
190
|
+
node: this,
|
|
191
|
+
derive: () => {
|
|
192
|
+
if (this.#notifyProps())
|
|
193
|
+
this.#redraw();
|
|
194
|
+
},
|
|
195
|
+
replay: () => {
|
|
196
|
+
this.#notifyProps();
|
|
197
|
+
},
|
|
198
|
+
paint: () => this.#redraw(),
|
|
199
|
+
};
|
|
200
|
+
const stop = changes.bind(binding);
|
|
201
|
+
this.#schedule = () => changes.schedule(binding);
|
|
202
|
+
this.onDispose(() => {
|
|
203
|
+
stop();
|
|
204
|
+
this.destroyed();
|
|
205
|
+
});
|
|
206
|
+
this.context.changes.local(() => {
|
|
207
|
+
if (this.adopting)
|
|
208
|
+
restoredHooks.add(this);
|
|
209
|
+
try {
|
|
210
|
+
this.created();
|
|
211
|
+
}
|
|
212
|
+
finally {
|
|
213
|
+
restoredHooks.delete(this);
|
|
214
|
+
this.#constructing = false;
|
|
215
|
+
}
|
|
216
|
+
// A newly constructed, detached node is not eligible for change derivation yet.
|
|
217
|
+
if (this.#readProps() !== this.#observedProps && this.#notifyProps())
|
|
218
|
+
this.#redraw();
|
|
219
|
+
});
|
|
220
|
+
}
|
|
221
|
+
/** @internal Field decorators install accessors after their initializers execute. */
|
|
222
|
+
[assertField](name) {
|
|
223
|
+
if (name in Component.prototype || this.#fields.has(name) || this.#reserved.has(name))
|
|
224
|
+
throw new TypeError(`Component field conflicts with an inherited rasam member: ${name}`);
|
|
225
|
+
}
|
|
226
|
+
/** @internal Field decorators install accessors after their initializers execute. */
|
|
227
|
+
[installField](name, kind, options, initial) {
|
|
228
|
+
this[assertField](name);
|
|
229
|
+
if (kind === 'prop')
|
|
230
|
+
validateProp(initial, initial, options, name);
|
|
231
|
+
const field = {
|
|
232
|
+
kind,
|
|
233
|
+
options: Object.freeze({
|
|
234
|
+
...options,
|
|
235
|
+
...(options.options ? { options: Object.freeze([...options.options]) } : {}),
|
|
236
|
+
}),
|
|
237
|
+
initial: copy(initial),
|
|
238
|
+
value: initial,
|
|
239
|
+
};
|
|
240
|
+
this.#fields.set(name, field);
|
|
241
|
+
this.#propDefinitions = undefined;
|
|
242
|
+
Object.defineProperty(this, name, {
|
|
243
|
+
enumerable: true,
|
|
244
|
+
configurable: false,
|
|
245
|
+
get: () => {
|
|
246
|
+
if (kind === 'state') {
|
|
247
|
+
if (this.#readingPorts)
|
|
248
|
+
throw new TypeError(`ports() cannot read live state: ${name}`);
|
|
249
|
+
return field.value;
|
|
250
|
+
}
|
|
251
|
+
const props = this.#readProps();
|
|
252
|
+
return Object.hasOwn(props, name)
|
|
253
|
+
? props[name]
|
|
254
|
+
: Object.hasOwn(this.#input, name)
|
|
255
|
+
? this.#input[name]
|
|
256
|
+
: initial;
|
|
257
|
+
},
|
|
258
|
+
set: (value) => {
|
|
259
|
+
this.assertLive();
|
|
260
|
+
if (kind === 'state') {
|
|
261
|
+
if (Object.is(field.value, value))
|
|
262
|
+
return;
|
|
263
|
+
field.value = value;
|
|
264
|
+
if (this.#initialized) {
|
|
265
|
+
this.changed(name);
|
|
266
|
+
this.#schedule?.();
|
|
267
|
+
}
|
|
268
|
+
return;
|
|
269
|
+
}
|
|
270
|
+
if (restoredHooks.has(this))
|
|
271
|
+
return;
|
|
272
|
+
validateProp(value, initial, options, name);
|
|
273
|
+
if (Object.is(Reflect.get(this, name), value))
|
|
274
|
+
return;
|
|
275
|
+
this[editComponent](`Set ${options.label ?? name}`, () => {
|
|
276
|
+
this.setAttributeValue('data-rasam-props', JSON.stringify({ ...this.#readProps(), [name]: value }));
|
|
277
|
+
});
|
|
278
|
+
},
|
|
279
|
+
});
|
|
280
|
+
}
|
|
281
|
+
/** @internal Actions share one change group across nested calls and instances. */
|
|
282
|
+
[editComponent](label, callback) {
|
|
283
|
+
this.assertLive();
|
|
284
|
+
if (this.#constructing || this.context.changes.currentGroup !== undefined)
|
|
285
|
+
return callback();
|
|
286
|
+
const group = beginChangeGroup(this, { source: 'components', label });
|
|
287
|
+
try {
|
|
288
|
+
const result = group.run(callback);
|
|
289
|
+
if (result && typeof result.then === 'function')
|
|
290
|
+
throw new TypeError('Component actions must be synchronous');
|
|
291
|
+
group.end();
|
|
292
|
+
return result;
|
|
293
|
+
}
|
|
294
|
+
catch (error) {
|
|
295
|
+
try {
|
|
296
|
+
group.cancel();
|
|
297
|
+
}
|
|
298
|
+
catch (rollback) {
|
|
299
|
+
throw new AggregateError([error, rollback], 'Component edit and rollback failed');
|
|
300
|
+
}
|
|
301
|
+
throw error;
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
#readProps() {
|
|
305
|
+
// Retain ordinary field-read semantics for destroyed() and post-disposal inspection.
|
|
306
|
+
const raw = this.attributes.get('data-rasam-props');
|
|
307
|
+
if (this.#propsCache && this.#propsCache.raw === raw)
|
|
308
|
+
return this.#propsCache.props;
|
|
309
|
+
this.#propsCache = { raw, props: Object.freeze(parseProps(raw)) };
|
|
310
|
+
return this.#propsCache.props;
|
|
311
|
+
}
|
|
312
|
+
#assertProps(props) {
|
|
313
|
+
if (!props || typeof props !== 'object' || Array.isArray(props))
|
|
314
|
+
throw new TypeError('Component props must be an object');
|
|
315
|
+
for (const [name, value] of Object.entries(props)) {
|
|
316
|
+
if (this.#sized && sizes.includes(name)) {
|
|
317
|
+
if (!isSize(value))
|
|
318
|
+
throw new RangeError(`Component ${name} must be a positive number`);
|
|
319
|
+
continue;
|
|
320
|
+
}
|
|
321
|
+
const field = this.#fields.get(name);
|
|
322
|
+
if (!field || field.kind !== 'prop')
|
|
323
|
+
throw new TypeError(`Unknown component prop: ${name}`);
|
|
324
|
+
validateProp(value, field.initial, field.options, name);
|
|
325
|
+
}
|
|
326
|
+
}
|
|
327
|
+
#notifyProps() {
|
|
328
|
+
const props = this.#readProps(), previous = this.#observedProps;
|
|
329
|
+
if (props === previous)
|
|
330
|
+
return false;
|
|
331
|
+
this.#observedProps = props;
|
|
332
|
+
const names = [...this.propDefinitions.map((field) => field.name), ...sizes].filter((name) => !Object.is(previous[name], props[name]));
|
|
333
|
+
for (const name of names)
|
|
334
|
+
this.changed(name);
|
|
335
|
+
return names.length > 0;
|
|
336
|
+
}
|
|
337
|
+
#redraw() {
|
|
338
|
+
this.withOwnChildren(() => this.#view.render(this.render()));
|
|
339
|
+
markDerived(this);
|
|
340
|
+
}
|
|
341
|
+
}
|
|
342
|
+
/** Sizes are user units of at least 1, so a collapsing resize never reaches zero. */
|
|
343
|
+
function toSize(value) {
|
|
344
|
+
const size = typeof value === 'number' ? value : Number(value);
|
|
345
|
+
if (!Number.isFinite(size) || size < 0)
|
|
346
|
+
throw new RangeError('Component sizes must be finite non-negative numbers');
|
|
347
|
+
return Math.max(size, 1);
|
|
348
|
+
}
|
|
349
|
+
function parseProps(raw) {
|
|
350
|
+
const props = raw == null ? {} : JSON.parse(String(raw));
|
|
351
|
+
if (!props || typeof props !== 'object' || Array.isArray(props))
|
|
352
|
+
throw new TypeError('Component props must be a JSON object');
|
|
353
|
+
return props;
|
|
354
|
+
}
|
|
355
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/components/component.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Component } from './component.js';
|
|
2
|
+
import type { ComponentClass, ComponentOptions, PropOptions } from './types.js';
|
|
3
|
+
export declare function component(options: ComponentOptions): <Class extends ComponentClass>(target: Class, _context: ClassDecoratorContext<Class>) => Class;
|
|
4
|
+
export declare function prop(options?: PropOptions): <Host extends Component, Value>(_target: undefined, context: ClassFieldDecoratorContext<Host, Value>) => (this: Host, value: Value) => Value;
|
|
5
|
+
export declare function state(): <Host extends Component, Value>(_target: undefined, context: ClassFieldDecoratorContext<Host, Value>) => (this: Host, value: Value) => Value;
|
|
6
|
+
export declare function action(label: string): <Host extends Component, Args extends unknown[], Result>(method: (this: Host, ...args: Args) => Result, context: ClassMethodDecoratorContext<Host, (this: Host, ...args: Args) => Result>) => (this: Host, ...args: Args) => Result;
|
|
7
|
+
//# sourceMappingURL=decorators.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../src/components/decorators.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAKV,MAAM,gBAAgB,CAAC;AAKxB,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEhF,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB,IACzC,KAAK,SAAS,cAAc,UAC1B,KAAK,YACH,qBAAqB,CAAC,KAAK,CAAC,KACrC,KAAK,CAkCT;AAwBD,wBAAgB,IAAI,CAAC,OAAO,GAAE,WAAgB,IArBpC,IAAI,SAAS,SAAS,EAAE,KAAK,WAC1B,SAAS,WACT,0BAA0B,CAAC,IAAI,EAAE,KAAK,CAAC,YAYzB,IAAI,SAAS,KAAK,KAAG,KAAK,CASpD;AACD,wBAAgB,KAAK,KAxBX,IAAI,SAAS,SAAS,EAAE,KAAK,WAC1B,SAAS,WACT,0BAA0B,CAAC,IAAI,EAAE,KAAK,CAAC,YAYzB,IAAI,SAAS,KAAK,KAAG,KAAK,CAYpD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,IAC1B,IAAI,SAAS,SAAS,EAAE,IAAI,SAAS,OAAO,EAAE,EAAE,MAAM,UACpD,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,IAAI,KAAK,MAAM,WACpC,2BAA2B,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,YAc1D,IAAI,WAAW,IAAI,KAAG,MAAM,CAItD"}
|