@vibes.diy/use-vibes-base 0.15.14 → 0.15.15
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/components/AuthWall/AuthWall.js +6 -1
- package/components/AuthWall/AuthWall.js.map +1 -1
- package/components/ControlsBar.js +73 -57
- package/components/ControlsBar.js.map +1 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +7 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +1 -1
- package/components/ImgGen.js +17 -15
- package/components/ImgGen.js.map +1 -1
- package/components/ImgGenUtils/ImgGenDisplay.js +66 -55
- package/components/ImgGenUtils/ImgGenDisplay.js.map +1 -1
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js +36 -26
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js.map +1 -1
- package/components/ImgGenUtils/ImgGenError.js +3 -1
- package/components/ImgGenUtils/ImgGenError.js.map +1 -1
- package/components/ImgGenUtils/ImgGenFileDrop.js +3 -1
- package/components/ImgGenUtils/ImgGenFileDrop.js.map +1 -1
- package/components/ImgGenUtils/ImgGenModal.js +27 -23
- package/components/ImgGenUtils/ImgGenModal.js.map +1 -1
- package/components/ImgGenUtils/ImgGenPromptWaiting.js +5 -1
- package/components/ImgGenUtils/ImgGenPromptWaiting.js.map +1 -1
- package/components/ImgGenUtils/ImgGenUploadWaiting.js +24 -5
- package/components/ImgGenUtils/ImgGenUploadWaiting.js.map +1 -1
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js +7 -6
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map +1 -1
- package/components/ImgGenUtils/overlays/ImageOverlay.js +3 -1
- package/components/ImgGenUtils/overlays/ImageOverlay.js.map +1 -1
- package/components/PromptBar.js +18 -17
- package/components/PromptBar.js.map +1 -1
- package/components/VibeControl.js +22 -7
- package/components/VibeControl.js.map +1 -1
- package/components/VibesPanel/VibesPanel.js +50 -38
- package/components/VibesPanel/VibesPanel.js.map +1 -1
- package/components/VibesSwitch/VibesSwitch.js +46 -34
- package/components/VibesSwitch/VibesSwitch.js.map +1 -1
- package/constants.d.ts +4 -0
- package/constants.js +5 -0
- package/constants.js.map +1 -0
- package/hooks/vibes-gen/IframeVibesComponent.js +3 -1
- package/hooks/vibes-gen/IframeVibesComponent.js.map +1 -1
- package/index.js +22 -49
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stories/VibeControl.stories.js +78 -38
- package/stories/VibeControl.stories.js.map +1 -1
- package/utils/styles.d.ts +2 -2
- package/vibe-app-mount.d.ts +0 -1
- package/vibe-app-mount.js +19 -33
- package/vibe-app-mount.js.map +1 -1
|
@@ -83,21 +83,39 @@ export const WithCustomContent = {
|
|
|
83
83
|
label: 'Settings',
|
|
84
84
|
position: 'bottom-right',
|
|
85
85
|
visible: true,
|
|
86
|
-
children: (React.createElement("div", null,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
border: '
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
86
|
+
children: (React.createElement("div", null,
|
|
87
|
+
React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Settings Panel"),
|
|
88
|
+
React.createElement("div", { style: { marginBottom: '16px' } },
|
|
89
|
+
React.createElement("label", { style: { display: 'block', marginBottom: '8px', fontWeight: '600' } }, "Theme Preference"),
|
|
90
|
+
React.createElement("select", { style: { width: '100%', padding: '8px', borderRadius: '4px', border: '1px solid #ccc' } },
|
|
91
|
+
React.createElement("option", null, "Light"),
|
|
92
|
+
React.createElement("option", null, "Dark"),
|
|
93
|
+
React.createElement("option", null, "Auto"))),
|
|
94
|
+
React.createElement("div", { style: { marginBottom: '16px' } },
|
|
95
|
+
React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
|
|
96
|
+
React.createElement("input", { type: "checkbox", defaultChecked: true }),
|
|
97
|
+
React.createElement("span", null, "Enable notifications"))),
|
|
98
|
+
React.createElement("div", { style: { marginBottom: '16px' } },
|
|
99
|
+
React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
|
|
100
|
+
React.createElement("input", { type: "checkbox" }),
|
|
101
|
+
React.createElement("span", null, "Auto-save changes"))),
|
|
102
|
+
React.createElement("div", { style: { display: 'flex', gap: '8px', marginTop: '20px' } },
|
|
103
|
+
React.createElement("button", { style: {
|
|
104
|
+
padding: '8px 16px',
|
|
105
|
+
backgroundColor: '#0066cc',
|
|
106
|
+
color: 'white',
|
|
107
|
+
border: 'none',
|
|
108
|
+
borderRadius: '4px',
|
|
109
|
+
cursor: 'pointer',
|
|
110
|
+
} }, "Save Changes"),
|
|
111
|
+
React.createElement("button", { style: {
|
|
112
|
+
padding: '8px 16px',
|
|
113
|
+
backgroundColor: '#f5f5f5',
|
|
114
|
+
color: '#333',
|
|
115
|
+
border: '1px solid #ccc',
|
|
116
|
+
borderRadius: '4px',
|
|
117
|
+
cursor: 'pointer',
|
|
118
|
+
} }, "Cancel")))),
|
|
101
119
|
},
|
|
102
120
|
};
|
|
103
121
|
export const WithRichContent = {
|
|
@@ -105,28 +123,47 @@ export const WithRichContent = {
|
|
|
105
123
|
label: 'Help & Info',
|
|
106
124
|
position: 'bottom-right',
|
|
107
125
|
visible: true,
|
|
108
|
-
children: (React.createElement("div", null,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
126
|
+
children: (React.createElement("div", null,
|
|
127
|
+
React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Welcome to VibeControl"),
|
|
128
|
+
React.createElement("div", { style: { marginBottom: '20px', lineHeight: '1.6' } },
|
|
129
|
+
React.createElement("p", null, "VibeControl provides a floating action button that opens rich overlay content. Perfect for settings, help content, or any additional functionality.")),
|
|
130
|
+
React.createElement("div", { style: {
|
|
131
|
+
marginBottom: '20px',
|
|
132
|
+
padding: '16px',
|
|
133
|
+
backgroundColor: '#f0f8ff',
|
|
134
|
+
borderRadius: '8px',
|
|
135
|
+
border: '1px solid #bbdefb',
|
|
136
|
+
} },
|
|
137
|
+
React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#1976d2' } }, "Key Features"),
|
|
138
|
+
React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#1976d2' } },
|
|
139
|
+
React.createElement("li", null, "Portal rendering avoids z-index issues"),
|
|
140
|
+
React.createElement("li", null, "Escape key and backdrop click to close"),
|
|
141
|
+
React.createElement("li", null, "Four corner position options"),
|
|
142
|
+
React.createElement("li", null, "Fully customizable overlay content"),
|
|
143
|
+
React.createElement("li", null, "Event callbacks for integration"))),
|
|
144
|
+
React.createElement("div", { style: {
|
|
145
|
+
marginBottom: '20px',
|
|
146
|
+
padding: '16px',
|
|
147
|
+
backgroundColor: '#f3e5f5',
|
|
148
|
+
borderRadius: '8px',
|
|
149
|
+
border: '1px solid #e1bee7',
|
|
150
|
+
} },
|
|
151
|
+
React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#7b1fa2' } }, "Usage Examples"),
|
|
152
|
+
React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#7b1fa2' } },
|
|
153
|
+
React.createElement("li", null, "Application settings and preferences"),
|
|
154
|
+
React.createElement("li", null, "User help and documentation"),
|
|
155
|
+
React.createElement("li", null, "Additional navigation or tools"),
|
|
156
|
+
React.createElement("li", null, "Context-sensitive controls"))),
|
|
157
|
+
React.createElement("button", { style: {
|
|
158
|
+
width: '100%',
|
|
159
|
+
padding: '12px',
|
|
160
|
+
backgroundColor: '#4caf50',
|
|
161
|
+
color: 'white',
|
|
162
|
+
border: 'none',
|
|
163
|
+
borderRadius: '4px',
|
|
164
|
+
fontSize: '16px',
|
|
165
|
+
cursor: 'pointer',
|
|
166
|
+
}, onClick: () => alert('Action triggered!') }, "Try It Out!"))),
|
|
130
167
|
},
|
|
131
168
|
};
|
|
132
169
|
export const Hidden = {
|
|
@@ -149,7 +186,10 @@ export const WithCustomStyling = {
|
|
|
149
186
|
closeButton: 'custom-close',
|
|
150
187
|
content: 'custom-content',
|
|
151
188
|
},
|
|
152
|
-
children: (React.createElement("div", null,
|
|
189
|
+
children: (React.createElement("div", null,
|
|
190
|
+
React.createElement("h3", null, "Custom Styled Overlay"),
|
|
191
|
+
React.createElement("p", null, "This example shows how you can customize the styling using CSS classes."),
|
|
192
|
+
React.createElement("p", null, "You can override the default styles by providing custom classes for each element of the component."))),
|
|
153
193
|
},
|
|
154
194
|
};
|
|
155
195
|
//# sourceMappingURL=VibeControl.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VibeControl.stories.js","sourceRoot":"","sources":["../../jsr/stories/VibeControl.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;SAUV;aACF;SACF;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,CAAC;YACjE,WAAW,EAAE,iCAAiC;SAC/C;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,8BAA8B;SAC5C;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,WAAW,EAAE,+BAA+B;SAC7C;QACD,MAAM,EAAE;YACN,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE,6BAA6B;SAC3C;QACD,OAAO,EAAE;YACP,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE,8BAA8B;SAC5C;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,gCAAgC;SAC9C;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,CACR,
|
|
1
|
+
{"version":3,"file":"VibeControl.stories.js","sourceRoot":"","sources":["../../jsr/stories/VibeControl.stories.tsx"],"names":[],"mappings":"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"}
|
package/utils/styles.d.ts
CHANGED
|
@@ -311,10 +311,10 @@ export declare const imgGenStyles: {
|
|
|
311
311
|
export declare function createStyledVariant(baseStyle: Record<string, unknown>, variants?: Record<string, unknown>): Record<string, unknown>;
|
|
312
312
|
export declare const styleUtils: {
|
|
313
313
|
hover: (styles: Record<string, unknown>) => {
|
|
314
|
-
|
|
314
|
+
'&:hover': Record<string, unknown>;
|
|
315
315
|
};
|
|
316
316
|
disabled: (styles: Record<string, unknown>) => {
|
|
317
|
-
|
|
317
|
+
'&:disabled': Record<string, unknown>;
|
|
318
318
|
};
|
|
319
319
|
mediaQuery: (query: string, styles: Record<string, unknown>) => {
|
|
320
320
|
[x: string]: Record<string, unknown>;
|
package/vibe-app-mount.d.ts
CHANGED
package/vibe-app-mount.js
CHANGED
|
@@ -1,59 +1,46 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as ReactDOM from 'react-dom/client';
|
|
3
3
|
import { AuthWall } from './components/AuthWall/AuthWall.js';
|
|
4
|
-
import {
|
|
4
|
+
import { VIBES_SYNC_ENABLE_EVENT, VIBES_SYNC_ENABLED_CLASS } from './constants.js';
|
|
5
5
|
import { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
|
|
6
6
|
import { VibesPanel } from './components/VibesPanel/VibesPanel.js';
|
|
7
|
-
function VibesApp({
|
|
8
|
-
const
|
|
7
|
+
function VibesApp({ title = 'Vibes App', imageUrl = '/screenshot.png', children, }) {
|
|
8
|
+
const syncEnabled = typeof window !== 'undefined' && document.body.classList.contains(VIBES_SYNC_ENABLED_CLASS);
|
|
9
9
|
const mockLogin = typeof window !== 'undefined' &&
|
|
10
10
|
new URLSearchParams(window.location.search).get('mock_login') === 'true';
|
|
11
11
|
const [showAuthWall, setShowAuthWall] = React.useState(!syncEnabled && !mockLogin);
|
|
12
|
-
const [appReady, setAppReady] = React.useState(syncEnabled || mockLogin);
|
|
13
12
|
React.useEffect(() => {
|
|
14
13
|
const observer = new MutationObserver(() => {
|
|
15
|
-
const isConnected = document.body.classList.contains(
|
|
16
|
-
setShowAuthWall(!isConnected);
|
|
14
|
+
const isConnected = document.body.classList.contains(VIBES_SYNC_ENABLED_CLASS);
|
|
15
|
+
setShowAuthWall(!isConnected && !mockLogin);
|
|
17
16
|
});
|
|
18
17
|
observer.observe(document.body, {
|
|
19
18
|
attributes: true,
|
|
20
19
|
attributeFilter: ['class'],
|
|
21
20
|
});
|
|
22
21
|
return () => observer.disconnect();
|
|
23
|
-
}, []);
|
|
24
|
-
React.useEffect(() => {
|
|
25
|
-
const shouldShowAuthWall = !syncEnabled && !mockLogin;
|
|
26
|
-
setShowAuthWall(shouldShowAuthWall);
|
|
27
|
-
if (shouldShowAuthWall) {
|
|
28
|
-
setAppReady(false);
|
|
29
|
-
}
|
|
30
|
-
}, [syncEnabled, mockLogin]);
|
|
31
|
-
React.useEffect(() => {
|
|
32
|
-
if (!showAuthWall && !appReady) {
|
|
33
|
-
const rafId = requestAnimationFrame(() => {
|
|
34
|
-
setAppReady(true);
|
|
35
|
-
});
|
|
36
|
-
return () => cancelAnimationFrame(rafId);
|
|
37
|
-
}
|
|
38
|
-
}, [showAuthWall, appReady]);
|
|
22
|
+
}, [mockLogin]);
|
|
39
23
|
const handleLogin = () => {
|
|
40
|
-
|
|
24
|
+
document.dispatchEvent(new CustomEvent(VIBES_SYNC_ENABLE_EVENT));
|
|
41
25
|
};
|
|
42
|
-
|
|
43
|
-
|
|
26
|
+
return React.createElement(React.Fragment, null, React.createElement('div', {
|
|
27
|
+
style: showAuthWall ? { display: 'none' } : { width: '100%', height: '100%' },
|
|
28
|
+
'aria-hidden': showAuthWall ? 'true' : undefined,
|
|
29
|
+
inert: showAuthWall ? true : undefined,
|
|
30
|
+
}, React.createElement(HiddenMenuWrapper, {
|
|
31
|
+
menuContent: React.createElement(VibesPanel),
|
|
32
|
+
children: children,
|
|
33
|
+
})), showAuthWall
|
|
34
|
+
? React.createElement(AuthWall, {
|
|
44
35
|
onLogin: handleLogin,
|
|
45
36
|
imageUrl,
|
|
46
37
|
title,
|
|
47
38
|
open: true,
|
|
48
|
-
})
|
|
49
|
-
|
|
50
|
-
return React.createElement(HiddenMenuWrapper, {
|
|
51
|
-
menuContent: React.createElement(VibesPanel),
|
|
52
|
-
children: appReady ? children : null,
|
|
53
|
-
});
|
|
39
|
+
})
|
|
40
|
+
: null);
|
|
54
41
|
}
|
|
55
42
|
export function mountVibesApp(options = {}) {
|
|
56
|
-
const { container: containerOption,
|
|
43
|
+
const { container: containerOption, title, imageUrl, appComponent } = options;
|
|
57
44
|
let containerElement;
|
|
58
45
|
if (typeof containerOption === 'string') {
|
|
59
46
|
const found = document.querySelector(containerOption);
|
|
@@ -92,7 +79,6 @@ export function mountVibesApp(options = {}) {
|
|
|
92
79
|
}
|
|
93
80
|
const root = ReactDOM.createRoot(containerElement);
|
|
94
81
|
root.render(React.createElement(VibesApp, {
|
|
95
|
-
...(database !== undefined && { database }),
|
|
96
82
|
...(title !== undefined && { title }),
|
|
97
83
|
...(imageUrl !== undefined && { imageUrl }),
|
|
98
84
|
}, appComponent
|
package/vibe-app-mount.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAcnE,SAAS,QAAQ,CAAC,EAChB,KAAK,GAAG,WAAW,EACnB,QAAQ,GAAG,iBAAiB,EAC5B,QAAQ,GAKT,EAAE;IAED,MAAM,WAAW,GACf,OAAO,MAAM,KAAK,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;IAE9F,MAAM,SAAS,GACb,OAAO,MAAM,KAAK,WAAW;QAC7B,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC;IAE3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,CAAC;IAEnF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC;YAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;YAC/E,eAAe,CAAC,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,CAAC;QAAA,CAC7C,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;YAC9B,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,CAAC;SAC3B,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IAAA,CACpC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC;QAExB,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAAA,CAClE,CAAC;IAIF,OAAO,KAAK,CAAC,aAAa,CACxB,KAAK,CAAC,QAAQ,EACd,IAAI,EAEJ,KAAK,CAAC,aAAa,CACjB,KAAK,EACL;QAEE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QAC7E,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAChD,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;KACvC,EAED,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;QACrC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;QAC5C,QAAQ,EAAE,QAAQ;KACnB,CAAC,CACH,EAED,YAAY;QACV,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;YAC5B,OAAO,EAAE,WAAW;YACpB,QAAQ;YACR,KAAK;YACL,IAAI,EAAE,IAAI;SACX,CAAC;QACJ,CAAC,CAAC,IAAI,CACT,CAAC;AAAA,CACH;AAED,MAAM,UAAU,aAAa,CAAC,OAAO,GAAyB,EAAE,EAAuB;IACrF,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAE9E,IAAI,gBAA6B,CAAC;IAClC,IAAI,OAAO,eAAe,KAAK,QAAQ,EAAE,CAAC;QACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QACtD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,iCAAiC,eAAe,EAAE,CAAC,CAAC;QACtE,CAAC;QACD,gBAAgB,GAAG,KAAoB,CAAC;IAC1C,CAAC;SAAM,IAAI,eAAe,YAAY,WAAW,EAAE,CAAC;QAClD,gBAAgB,GAAG,eAAe,CAAC;IACrC,CAAC;SAAM,CAAC;QACN,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC;IACnC,CAAC;IAED,IAAI,cAAc,GAAuB,IAAI,CAAC;IAC9C,IAAI,gBAAgB,GAAgB,EAAE,CAAC;IAGvC,IAAI,gBAAgB,KAAK,QAAQ,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACxD,MAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC;QAC1E,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAExD,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC/C,cAAc,CAAC,EAAE,GAAG,wBAAwB,CAAC;YAC7C,cAAc,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACrC,cAAc,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;YACpC,cAAc,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YAE3C,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;gBAClC,IAAI,cAAc,EAAE,CAAC;oBACnB,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC;YAAA,CACF,CAAC,CAAC;YAEH,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,cAAc,GAAG,eAA8B,CAAC;QAClD,CAAC;IACH,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEnD,IAAI,CAAC,MAAM,CACT,KAAK,CAAC,aAAa,CACjB,QAAQ,EACR;QACE,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,CAAC;QACrC,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,CAAC;KAC5C,EAED,YAAY;QACV,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;QACnC,CAAC,CAAC,cAAc;YACd,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;gBACzB,GAAG,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC;oBACpC,IAAI,IAAI,IAAI,cAAc,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;wBAEzD,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;oBACnC,CAAC;gBAAA,CACF;gBACD,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;aACzC,CAAC;YACJ,CAAC,CAAC,IAAI,CACX,CACF,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,UAAU,CAAC,GAAG,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,EAAE,CAAC;gBAEf,IAAI,cAAc,IAAI,gBAAgB,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;oBACzD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;oBACvD,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;oBAC5D,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;wBAC7B,IAAI,YAAY,EAAE,CAAC;4BAEjB,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;wBACpD,CAAC;6BAAM,CAAC;4BAEN,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;wBACnC,CAAC;oBACH,CAAC;oBACD,IAAI,YAAY,EAAE,CAAC;wBACjB,cAAc,CAAC,MAAM,EAAE,CAAC;oBAC1B,CAAC;gBACH,CAAC;gBAED,MAAM,OAAO,GAAkB,EAAE,CAAC;gBAClC,IAAI,gBAAgB,YAAY,WAAW;oBAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;gBAC5E,IAAI,cAAc,YAAY,WAAW;oBAAE,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gBACxE,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;oBACzB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;oBACrB,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC;oBAC5B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;oBACxB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;oBACzB,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,EAAE,CAAC;gBAChC,CAAC;YAAA,CACF,EAAE,CAAC,CAAC,CAAC;QAAA,CACP;QAED,YAAY,EAAE,GAAG,EAAE,CAAC,gBAAgB;KACrC,CAAC;AAAA,CACH;AAED,MAAM,UAAU,mBAAmB,GAAwB;IACzD,OAAO,aAAa,EAAE,CAAC;AAAA,CACxB"}
|