@principal-ai/principal-view-react 0.6.9 → 0.6.11
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 +2 -5
- package/dist/components/ConfigurationSelector.js +4 -2
- package/dist/components/ConfigurationSelector.js.map +1 -1
- package/dist/components/EdgeInfoPanel.d.ts.map +1 -1
- package/dist/components/EdgeInfoPanel.js +43 -13
- package/dist/components/EdgeInfoPanel.js.map +1 -1
- package/dist/components/GraphRenderer.d.ts.map +1 -1
- package/dist/components/GraphRenderer.js +135 -82
- package/dist/components/GraphRenderer.js.map +1 -1
- package/dist/components/NodeInfoPanel.d.ts.map +1 -1
- package/dist/components/NodeInfoPanel.js +143 -45
- package/dist/components/NodeInfoPanel.js.map +1 -1
- package/dist/edges/CustomEdge.d.ts.map +1 -1
- package/dist/edges/CustomEdge.js +2 -2
- package/dist/edges/CustomEdge.js.map +1 -1
- package/dist/edges/GenericEdge.d.ts.map +1 -1
- package/dist/edges/GenericEdge.js +2 -2
- package/dist/edges/GenericEdge.js.map +1 -1
- package/dist/hooks/usePathBasedEvents.d.ts +1 -1
- package/dist/hooks/usePathBasedEvents.d.ts.map +1 -1
- package/dist/hooks/usePathBasedEvents.js +9 -9
- package/dist/hooks/usePathBasedEvents.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/nodes/CustomNode.d.ts.map +1 -1
- package/dist/nodes/CustomNode.js +61 -44
- package/dist/nodes/CustomNode.js.map +1 -1
- package/dist/nodes/GenericNode.d.ts.map +1 -1
- package/dist/nodes/GenericNode.js.map +1 -1
- package/dist/utils/animationMapping.d.ts.map +1 -1
- package/dist/utils/animationMapping.js +12 -12
- package/dist/utils/animationMapping.js.map +1 -1
- package/dist/utils/graphConverter.d.ts.map +1 -1
- package/dist/utils/graphConverter.js +23 -17
- package/dist/utils/graphConverter.js.map +1 -1
- package/dist/utils/iconResolver.d.ts.map +1 -1
- package/dist/utils/iconResolver.js +1 -1
- package/dist/utils/iconResolver.js.map +1 -1
- package/package.json +2 -1
- package/src/components/ConfigurationSelector.tsx +5 -5
- package/src/components/EdgeInfoPanel.tsx +79 -37
- package/src/components/GraphRenderer.tsx +528 -364
- package/src/components/NodeInfoPanel.tsx +209 -86
- package/src/edges/CustomEdge.tsx +6 -4
- package/src/edges/GenericEdge.tsx +2 -6
- package/src/hooks/usePathBasedEvents.ts +54 -45
- package/src/index.ts +11 -2
- package/src/nodes/CustomNode.tsx +132 -106
- package/src/nodes/GenericNode.tsx +4 -3
- package/src/stories/AnimationWorkshop.stories.tsx +131 -12
- package/src/stories/CanvasNodeTypes.stories.tsx +898 -0
- package/src/stories/ColorPriority.stories.tsx +20 -10
- package/src/stories/EventDrivenAnimations.stories.tsx +8 -0
- package/src/stories/EventLog.stories.tsx +1 -1
- package/src/stories/GraphRenderer.stories.tsx +23 -10
- package/src/stories/IndustryThemes.stories.tsx +481 -0
- package/src/stories/MultiConfig.stories.tsx +8 -0
- package/src/stories/MultiDirectionalConnections.stories.tsx +8 -0
- package/src/stories/NodeFieldsAudit.stories.tsx +124 -37
- package/src/stories/NodeShapes.stories.tsx +73 -59
- package/src/utils/animationMapping.ts +19 -23
- package/src/utils/graphConverter.ts +35 -19
- package/src/utils/iconResolver.tsx +5 -1
package/README.md
CHANGED
|
@@ -39,11 +39,7 @@ bun add @principal-ai/visual-validation-react
|
|
|
39
39
|
These are **building block components**. You compose them to build your panel application:
|
|
40
40
|
|
|
41
41
|
```typescript
|
|
42
|
-
import {
|
|
43
|
-
GraphRenderer,
|
|
44
|
-
EventLog,
|
|
45
|
-
MetricsDashboard,
|
|
46
|
-
} from '@principal-ai/visual-validation-react';
|
|
42
|
+
import { GraphRenderer, EventLog, MetricsDashboard } from '@principal-ai/visual-validation-react';
|
|
47
43
|
import { EventProcessor } from '@principal-ai/visual-validation-core';
|
|
48
44
|
import type { GraphConfiguration } from '@principal-ai/visual-validation-core';
|
|
49
45
|
|
|
@@ -98,6 +94,7 @@ bun run storybook
|
|
|
98
94
|
**Alpha** - Core placeholder implemented. Full visualization features coming soon.
|
|
99
95
|
|
|
100
96
|
### TODO
|
|
97
|
+
|
|
101
98
|
- ✅ Integrate xyflow for graph visualization
|
|
102
99
|
- ✅ Implement node renderers with shapes and states
|
|
103
100
|
- ✅ Implement edge renderers with styles and animations
|
|
@@ -21,7 +21,7 @@ const ConfigurationSelector = ({ configurations, selectedConfig, onConfigChange,
|
|
|
21
21
|
const handleChange = (event) => {
|
|
22
22
|
onConfigChange(event.target.value);
|
|
23
23
|
};
|
|
24
|
-
const selectedConfigData = configurations.find(c => c.name === selectedConfig);
|
|
24
|
+
const selectedConfigData = configurations.find((c) => c.name === selectedConfig);
|
|
25
25
|
const defaultStyle = {
|
|
26
26
|
backgroundColor: 'white',
|
|
27
27
|
padding: '12px 16px',
|
|
@@ -61,7 +61,9 @@ const ConfigurationSelector = ({ configurations, selectedConfig, onConfigChange,
|
|
|
61
61
|
e.currentTarget.style.borderColor = '#4A90E2';
|
|
62
62
|
}, onMouseLeave: (e) => {
|
|
63
63
|
e.currentTarget.style.borderColor = '#ddd';
|
|
64
|
-
}, children: configurations.map((config) => ((0, jsx_runtime_1.jsxs)("option", { value: config.name, children: [config.config.metadata.name, showVersion &&
|
|
64
|
+
}, children: configurations.map((config) => ((0, jsx_runtime_1.jsxs)("option", { value: config.name, children: [config.config.metadata.name, showVersion &&
|
|
65
|
+
config.config.metadata.version &&
|
|
66
|
+
` (v${config.config.metadata.version})`] }, config.name))) }), selectedConfigData && (showDescription || showVersion) && ((0, jsx_runtime_1.jsxs)("div", { style: infoStyle, children: [showVersion && selectedConfigData.config.metadata.version && ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '4px' }, children: [(0, jsx_runtime_1.jsx)("strong", { children: "Version:" }), " ", selectedConfigData.config.metadata.version] })), showDescription && selectedConfigData.config.metadata.description && ((0, jsx_runtime_1.jsx)("div", { children: selectedConfigData.config.metadata.description }))] }))] }));
|
|
65
67
|
};
|
|
66
68
|
exports.ConfigurationSelector = ConfigurationSelector;
|
|
67
69
|
//# sourceMappingURL=ConfigurationSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigurationSelector.js","sourceRoot":"","sources":["../../src/components/ConfigurationSelector.tsx"],"names":[],"mappings":";;;;AA6BA;;;;;;;;;;;;;;GAcG;AACI,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,cAAc,EACd,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,qBAAqB,GAC9B,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,KAA2C,EAAE,EAAE;QACnE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,cAAc,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ConfigurationSelector.js","sourceRoot":"","sources":["../../src/components/ConfigurationSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeInfoPanel.d.ts","sourceRoot":"","sources":["../../src/components/EdgeInfoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"EdgeInfoPanel.d.ts","sourceRoot":"","sources":["../../src/components/EdgeInfoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,EAAE,kBAAkB,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8NtD,CAAC"}
|
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.EdgeInfoPanel = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const industry_theme_1 = require("@principal-ade/industry-theme");
|
|
5
6
|
/**
|
|
6
7
|
* Panel that displays information about a selected edge
|
|
7
8
|
*/
|
|
8
9
|
const EdgeInfoPanel = ({ edge, typeDefinition, sourceNodeId, targetNodeId, onClose, onDelete, }) => {
|
|
9
|
-
const
|
|
10
|
+
const { theme } = (0, industry_theme_1.useTheme)();
|
|
11
|
+
const edgeColor = typeDefinition.color || theme.colors.primary;
|
|
10
12
|
// Get fields to display based on dataSchema
|
|
11
13
|
const displayFields = typeDefinition.dataSchema
|
|
12
14
|
? Object.entries(typeDefinition.dataSchema)
|
|
@@ -24,56 +26,84 @@ const EdgeInfoPanel = ({ edge, typeDefinition, sourceNodeId, targetNodeId, onClo
|
|
|
24
26
|
position: 'absolute',
|
|
25
27
|
top: '60px',
|
|
26
28
|
right: '20px',
|
|
27
|
-
backgroundColor:
|
|
29
|
+
backgroundColor: theme.colors.background,
|
|
30
|
+
color: theme.colors.text,
|
|
28
31
|
borderRadius: '8px',
|
|
29
32
|
boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
|
|
30
33
|
padding: '16px',
|
|
31
34
|
minWidth: '250px',
|
|
32
35
|
maxWidth: '350px',
|
|
33
36
|
zIndex: 1000,
|
|
37
|
+
border: `1px solid ${theme.colors.border}`,
|
|
34
38
|
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
|
|
35
39
|
display: 'flex',
|
|
36
40
|
justifyContent: 'space-between',
|
|
37
41
|
alignItems: 'center',
|
|
38
42
|
marginBottom: '12px',
|
|
39
43
|
paddingBottom: '8px',
|
|
40
|
-
borderBottom: `2px solid ${
|
|
41
|
-
}, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 'bold', fontSize: '14px' }, children: "Edge Information" }), (0, jsx_runtime_1.jsx)("button", { onClick: onClose, style: {
|
|
44
|
+
borderBottom: `2px solid ${edgeColor}`,
|
|
45
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 'bold', fontSize: '14px', color: edgeColor }, children: "Edge Information" }), (0, jsx_runtime_1.jsx)("button", { onClick: onClose, style: {
|
|
42
46
|
border: 'none',
|
|
43
47
|
background: 'none',
|
|
44
48
|
cursor: 'pointer',
|
|
45
49
|
fontSize: '18px',
|
|
46
|
-
color:
|
|
50
|
+
color: theme.colors.textSecondary,
|
|
47
51
|
padding: '0',
|
|
48
52
|
width: '24px',
|
|
49
53
|
height: '24px',
|
|
50
54
|
display: 'flex',
|
|
51
55
|
alignItems: 'center',
|
|
52
56
|
justifyContent: 'center',
|
|
53
|
-
}, children: "\u00D7" })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: '10px', color:
|
|
57
|
+
}, children: "\u00D7" })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: '10px', color: theme.colors.textSecondary, marginBottom: '4px' }, children: "Type" }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
54
58
|
fontSize: '12px',
|
|
55
59
|
padding: '4px 8px',
|
|
56
|
-
backgroundColor:
|
|
57
|
-
color:
|
|
60
|
+
backgroundColor: edgeColor,
|
|
61
|
+
color: theme.colors.background,
|
|
58
62
|
borderRadius: '4px',
|
|
59
63
|
display: 'inline-block',
|
|
60
|
-
}, children: edge.type })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: '10px', color:
|
|
64
|
+
}, children: edge.type })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: '10px', color: theme.colors.textSecondary, marginBottom: '4px' }, children: "Connection" }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '12px' }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
|
|
65
|
+
fontFamily: theme.fonts.monospace,
|
|
66
|
+
backgroundColor: theme.colors.muted,
|
|
67
|
+
padding: '2px 6px',
|
|
68
|
+
borderRadius: '3px',
|
|
69
|
+
}, children: sourceNodeId }), (0, jsx_runtime_1.jsx)("span", { style: { margin: '0 8px', color: theme.colors.textMuted }, children: "\u2192" }), (0, jsx_runtime_1.jsx)("span", { style: {
|
|
70
|
+
fontFamily: theme.fonts.monospace,
|
|
71
|
+
backgroundColor: theme.colors.muted,
|
|
72
|
+
padding: '2px 6px',
|
|
73
|
+
borderRadius: '3px',
|
|
74
|
+
}, children: targetNodeId })] })] }), hasSchemaFields && ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
75
|
+
fontSize: '10px',
|
|
76
|
+
color: theme.colors.textSecondary,
|
|
77
|
+
marginBottom: '8px',
|
|
78
|
+
fontWeight: 'bold',
|
|
79
|
+
}, children: "Properties" }), displayFields.map(({ field, label, value }) => ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '8px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: '10px', color: theme.colors.textSecondary, marginBottom: '2px' }, children: label }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '12px' }, children: value !== undefined && value !== null
|
|
61
80
|
? typeof value === 'object'
|
|
62
81
|
? JSON.stringify(value, null, 2)
|
|
63
82
|
: String(value)
|
|
64
|
-
: '-' })] }, field)))] })), !hasSchemaFields && edgeDataEntries.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
83
|
+
: '-' })] }, field)))] })), !hasSchemaFields && edgeDataEntries.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
84
|
+
fontSize: '10px',
|
|
85
|
+
color: theme.colors.textSecondary,
|
|
86
|
+
marginBottom: '8px',
|
|
87
|
+
fontWeight: 'bold',
|
|
88
|
+
}, children: "Data" }), edgeDataEntries.map(([key, value]) => ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '8px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: '10px', color: theme.colors.textSecondary, marginBottom: '2px' }, children: key }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '12px', wordBreak: 'break-word' }, children: value !== undefined && value !== null
|
|
65
89
|
? typeof value === 'object'
|
|
66
90
|
? JSON.stringify(value, null, 2)
|
|
67
91
|
: String(value)
|
|
68
|
-
: '-' })] }, key)))] })), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
92
|
+
: '-' })] }, key)))] })), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
93
|
+
fontSize: '10px',
|
|
94
|
+
color: theme.colors.textMuted,
|
|
95
|
+
marginTop: '12px',
|
|
96
|
+
paddingTop: '8px',
|
|
97
|
+
borderTop: `1px solid ${theme.colors.border}`,
|
|
98
|
+
}, children: ["ID: ", edge.id] }), onDelete && ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
|
|
69
99
|
onDelete(edge.id);
|
|
70
100
|
onClose();
|
|
71
101
|
}, style: {
|
|
72
102
|
marginTop: '12px',
|
|
73
103
|
width: '100%',
|
|
74
104
|
padding: '8px 12px',
|
|
75
|
-
backgroundColor:
|
|
76
|
-
color:
|
|
105
|
+
backgroundColor: theme.colors.error,
|
|
106
|
+
color: theme.colors.background,
|
|
77
107
|
border: 'none',
|
|
78
108
|
borderRadius: '4px',
|
|
79
109
|
cursor: 'pointer',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeInfoPanel.js","sourceRoot":"","sources":["../../src/components/EdgeInfoPanel.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"EdgeInfoPanel.js","sourceRoot":"","sources":["../../src/components/EdgeInfoPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphRenderer.d.ts","sourceRoot":"","sources":["../../src/components/GraphRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GraphRenderer.d.ts","sourceRoot":"","sources":["../../src/components/GraphRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAcf,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAIV,SAAS,EACT,UAAU,EACV,cAAc,EACd,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAe3C,wDAAwD;AACxD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED,4CAA4C;AAC5C,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,wCAAwC;IACxC,WAAW,EAAE,KAAK,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE;YAAE,IAAI,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;SAAE,CAAC;KAC5D,CAAC,CAAC;IACH,uBAAuB;IACvB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,0EAA0E;IAC1E,YAAY,EAAE,KAAK,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC,CAAC;IACH,mEAAmE;IACnE,YAAY,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,iBAAiB,EAAE,MAAM,cAAc,CAAC;IACxC,8CAA8C;IAC9C,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,yCAAyC;IACzC,iBAAiB,EAAE,MAAM,OAAO,CAAC;CAClC;AAED,4CAA4C;AAC5C,UAAU,sBAAsB;IAC9B,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IAEzB,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,sDAAsD;IACtD,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IAEtB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE/C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD;AAED,+CAA+C;AAC/C,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,+BAA+B;IAC/B,MAAM,EAAE,cAAc,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAmlCD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,aAAa,gGAqHxB,CAAC"}
|