@journeyapps-labs/reactor-mod-editor 1.0.0

package/dist/utils/paths.js

@@ -0,0 +1,110 @@
+const LOCAL_URI_PREFIX = 'file:///';
+import * as _ from 'lodash';
+import { extname } from 'path';
+// file:///12341-234-1234/test3_-4.1234/1234/1234/1234/1234
+// file:///<app_id>/<branch>/<path>
+const pathRegex = /^\/([\w|\d|-]*)\/([^\/]*)\/(.*)$/;
+const _uriToPath = _.memoize((path) => {
+    const matches = pathRegex.exec(path);
+    if (matches) {
+        return {
+            appID: matches[1],
+            branch: decodeURIComponent(matches[2]),
+            path: matches[3]
+        };
+    }
+});
+/**
+ * Take a Monaco model URI, and covert it to a path in the local repo.
+ * If the URI does not reference a valid local path, null is returned.
+ * No checks are performed on whether or not the referenced file exists.
+ */
+export const uriToPath = (uri) => {
+    // monaco.Uri#toString() is broken - a path of "%2F" in uri.path is turned into "%252F".
+    // `uri.path` bypasses that.
+    if (uri.toString().startsWith(LOCAL_URI_PREFIX)) {
+        return _uriToPath(uri.path);
+    }
+    else {
+        return null;
+    }
+};
+/**
+ * Given a local filename, return a monaco Uri.
+ * @param path The local path, e.g. schema.xml or mobile/main.js
+ */
+export function pathToUri(path, _monaco) {
+    // monaco.Uri.parse is broken, and won't be fixed. A URL of "file:///some%2Fbranch" is turned into { path: "/some/branch" }.
+    // monaco.Uri.file avoids keeps the path intact.
+    // https://github.com/microsoft/vscode/issues/45515
+    return _monaco.Uri.file(`/${path.appID}/${encodeURIComponent(path.branch)}/${path.path}`);
+}
+const getIdealLanguageFromPath = _.memoize((path) => {
+    const ext = extname(path);
+    switch (ext) {
+        case '.html':
+        case '.htm': {
+            return 'html';
+        }
+        case '.js': {
+            return 'javascript';
+        }
+        case '.json': {
+            return 'json';
+        }
+        case '.md': {
+            return 'markdown';
+        }
+        case '.ts': {
+            return 'typescript';
+        }
+        case '.tsx': {
+            return 'typescript';
+        }
+        case '.jsx': {
+            return 'typescript';
+        }
+        case '.css': {
+            return 'css';
+        }
+        case '.scss': {
+            // This mapping is not perfect, but it's decent at least.
+            return 'css';
+        }
+        case '.handlebars': {
+            return 'handlebars';
+        }
+        case '.xml': {
+            if (path.endsWith('.view.xml') || path.endsWith('schema.xml')) {
+                return 'jxml';
+            }
+            return 'xml';
+        }
+        case '.py': {
+            return 'python';
+        }
+        case '.yml':
+        case '.yaml':
+        case '.lock': {
+            return 'yaml';
+        }
+        default: {
+            return 'text';
+        }
+    }
+});
+/**
+ * Given a path or filename return a language based on the file extension. Optionally accepts a file_length
+ * parameter (1 char = 2 bytes) which, if too large, will result in 'text' being returned regardless of
+ * language
+ */
+export function getLanguageFromFile(file, file_length) {
+    const mime = getIdealLanguageFromPath(file);
+    // html can be impossibly large to parse
+    const MAX_CONTENT_LENGTH = 250 * 1024;
+    if (mime === 'html' && file_length && file_length * 2 > MAX_CONTENT_LENGTH) {
+        return 'text';
+    }
+    return mime;
+}
+//# sourceMappingURL=paths.js.map

package/dist/utils/paths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paths.js","sourceRoot":"","sources":["../../src/utils/paths.ts"],"names":[],"mappings":"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"}

package/dist/utils/useEditorStickyHeader.js

@@ -0,0 +1,45 @@
+import { useEffect, useState } from 'react';
+import * as _ from 'lodash';
+export const useEditorStickyHeader = (props) => {
+    const [zIndex, setZIndex] = useState();
+    const [lines, setLines] = useState(0);
+    useEffect(() => {
+        if (props.editor) {
+            const compute = _.debounce(() => {
+                let element = props.editor.getContainerDomNode().querySelector('.sticky-widget');
+                if (element) {
+                    _.defer(() => {
+                        var _a, _b;
+                        let lines = ((_a = element.querySelector('.sticky-widget-lines')) === null || _a === void 0 ? void 0 : _a.childNodes) || [];
+                        setZIndex((_b = element.computedStyleMap().get('z-index')) === null || _b === void 0 ? void 0 : _b.value);
+                        setLines(lines.length);
+                    });
+                }
+            }, 200);
+            // could already be on scrolled sticky state
+            let res = setTimeout(() => {
+                compute();
+                res = null;
+            }, 500);
+            const l1 = props.editor.onDidScrollChange(() => {
+                compute();
+            });
+            const l2 = props.editor.onDidDispose(() => {
+                l1.dispose();
+                l2.dispose();
+            });
+            return () => {
+                l1.dispose();
+                l2.dispose();
+                if (res) {
+                    clearTimeout(res);
+                }
+            };
+        }
+    }, [props.editor]);
+    return {
+        zIndex,
+        lines
+    };
+};
+//# sourceMappingURL=useEditorStickyHeader.js.map

package/dist/utils/useEditorStickyHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorStickyHeader.js","sourceRoot":"","sources":["../../src/utils/useEditorStickyHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAM5B,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAmC,EAAE,EAAE;IAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC9B,IAAI,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBACjF,IAAI,OAAO,EAAE,CAAC;oBACZ,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;;wBACX,IAAI,KAAK,GAAG,CAAA,MAAA,OAAO,CAAC,aAAa,CAAC,sBAAsB,CAAC,0CAAE,UAAU,KAAI,EAAE,CAAC;wBAC5E,SAAS,CAAC,MAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,SAAS,CAAS,0CAAE,KAAK,CAAC,CAAC;wBACrE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;oBACzB,CAAC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,EAAE,GAAG,CAAC,CAAC;YAER,4CAA4C;YAC5C,IAAI,GAAG,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,OAAO,EAAE,CAAC;gBACV,GAAG,GAAG,IAAI,CAAC;YACb,CAAC,EAAE,GAAG,CAAC,CAAC;YAER,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;gBAC7C,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC,CAAC;YACH,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,EAAE;gBACxC,EAAE,CAAC,OAAO,EAAE,CAAC;gBACb,EAAE,CAAC,OAAO,EAAE,CAAC;YACf,CAAC,CAAC,CAAC;YAEH,OAAO,GAAG,EAAE;gBACV,EAAE,CAAC,OAAO,EAAE,CAAC;gBACb,EAAE,CAAC,OAAO,EAAE,CAAC;gBACb,IAAI,GAAG,EAAE,CAAC;oBACR,YAAY,CAAC,GAAG,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnB,OAAO;QACL,MAAM;QACN,KAAK;KACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/widgets/DualEditorWidget.js

@@ -0,0 +1,79 @@
+import * as React from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { MonacoDiffEditor } from 'react-monaco-editor';
+import { styled } from '@journeyapps-labs/reactor-mod';
+import { DARK_THEME } from '../theme/theme-utils';
+export const DualEditorWidget = (props) => {
+    var _a, _b;
+    const [listener, setListener] = useState();
+    const leftRef = useRef(null);
+    const ref = React.useRef(null);
+    const [compactMode, setCompactMode] = useState(false);
+    useEffect(() => {
+        return () => {
+            listener === null || listener === void 0 ? void 0 : listener.dispose();
+        };
+    }, []);
+    return (React.createElement(S.Container, null,
+        !compactMode ? (React.createElement(S.Header, null,
+            React.createElement(S.Part, { ref: leftRef }, (_a = props.getLeftHeaderContent) === null || _a === void 0 ? void 0 : _a.call(props)),
+            React.createElement(S.Part2, null, (_b = props.getRightHeaderContent) === null || _b === void 0 ? void 0 : _b.call(props)))) : null,
+        React.createElement(S.EditorContainer, { ref: ref },
+            React.createElement(MonacoDiffEditor, Object.assign({}, props, { options: Object.assign(Object.assign({}, props.options), { renderSideBySide: true, automaticLayout: true }), theme: DARK_THEME, editorDidMount: (editor, monaco) => {
+                    var _a;
+                    (_a = props.editorDidMount) === null || _a === void 0 ? void 0 : _a.call(props, editor, monaco);
+                    const doLayout = () => {
+                        const info = editor.getOriginalEditor().getLayoutInfo();
+                        // this is the only way i can see to detect if it's changed to an inline mode
+                        setCompactMode(info.viewportColumn === 1);
+                        if (!leftRef.current) {
+                            return;
+                        }
+                        leftRef.current.style.width = `${info.width}px`;
+                    };
+                    const dispose1 = editor.getOriginalEditor().onDidLayoutChange((e) => {
+                        doLayout();
+                    });
+                    doLayout();
+                    setListener(dispose1);
+                } })))));
+};
+var S;
+(function (S) {
+    S.EditorContainer = styled.div `
+    position: relative;
+    flex-grow: 1;
+    overflow: hidden;
+  `;
+    S.Container = styled.div `
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+
+    .monaco-editor {
+      outline: none;
+    }
+  `;
+    S.Header = styled.div `
+    display: flex;
+    align-items: center;
+    flex-grow: 0;
+    color: ${(p) => p.theme.panels.titleBackground};
+  `;
+    S.Part = styled.div `
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    border-right: solid 2px ${(p) => p.theme.panels.divider};
+
+    &:last-of-type {
+      border-right: 0;
+    }
+  `;
+    S.Part2 = styled(S.Part) `
+    flex-grow: 1;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=DualEditorWidget.js.map

package/dist/widgets/DualEditorWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualEditorWidget.js","sourceRoot":"","sources":["../../src/widgets/DualEditorWidget.tsx"],"names":[],"mappings":"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"}

package/dist/widgets/EditorWidget.js

@@ -0,0 +1,85 @@
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import { ioc, ThemeStore } from '@journeyapps-labs/reactor-mod';
+import { MonacoStore } from '../stores/MonacoStore';
+import { EnableVimSetting } from '../settings/VimSupportSetting';
+import { observer } from 'mobx-react';
+import * as vim from 'monaco-vim';
+import { theme, themed } from '../theme-reactor/editor-theme-fragment';
+import { MonacoEditorWidget } from './MonacoEditorWidget';
+var S;
+(function (S) {
+    S.Background = themed.div `
+    display: flex;
+    height: 100%;
+    width: 100%;
+    flex-direction: column;
+    position: relative;
+    overflow: hidden;
+  `;
+    S.Monaco = themed.div `
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: ${(p) => p.background};
+
+    // note: there is really no other way to do this
+    // note: we have this code since we have the monaco editor background
+    // set as transparent for a plethora of other reasons not listed here
+    .sticky-widget,.monaco-quick-open-widget {
+      background-color: ${(p) => p.theme.editor.backgroundSticky} !important;
+    }
+  `;
+})(S || (S = {}));
+export const EditorWidget = observer((props) => {
+    const monacoStore = ioc.get(MonacoStore);
+    const ref = props.forwardRef || React.useRef(null);
+    const [focusDisposer, setFocusDisposer] = useState(null);
+    const e = React.useRef(null);
+    useEffect(() => {
+        return () => {
+            if (e.current) {
+                monacoStore.deregisterEditor(e.current);
+            }
+            focusDisposer === null || focusDisposer === void 0 ? void 0 : focusDisposer.dispose();
+        };
+    }, []);
+    return (React.createElement(S.Background, { ref: ref },
+        React.createElement(S.Monaco, { background: props.backgroundColor || ioc.get(ThemeStore).getCurrentTheme(theme).editor.background },
+            React.createElement(MonacoEditorWidget, { model: props.model, options: Object.assign({ minimap: {
+                        enabled: false
+                    }, automaticLayout: true, 
+                    // https://github.com/microsoft/monaco-editor/issues/1993
+                    // this was default true, which caused the model drift monitor to kick in and report errors (correctly)
+                    trimAutoWhitespace: false, 
+                    // autoIndent is required for XML files, not necessarily for others
+                    autoIndent: 'full', fixedOverflowWidgets: true }, (props.options || {})), editorDidMount: (editor) => {
+                    e.current = editor;
+                    // !------ react-monaco fixes their API (it broke after upgrade) -----
+                    requestAnimationFrame(() => {
+                        var _a, _b, _c;
+                        /**
+                         * There are certain conditions where patching the monaco shortcuts is not required.
+                         * (patching shortcuts also introduces a slight overhead, which is why we allow this to be configurable)
+                         * furthermore: some editors will always be readonly such as search previews and dont need these shortcuts
+                         */
+                        if (props.patchOxideShortcuts == null || props.patchOxideShortcuts === true) {
+                            monacoStore.registerEditor(editor);
+                        }
+                        (_b = (_a = props.events) === null || _a === void 0 ? void 0 : _a.getEditor) === null || _b === void 0 ? void 0 : _b.call(_a, editor);
+                        // !------------------------------------------------------------------
+                        if ((_c = props.events) === null || _c === void 0 ? void 0 : _c.gotFocus) {
+                            const focusDisposer = editor.onDidFocusEditorWidget(() => {
+                                props.events.gotFocus(editor);
+                            });
+                            setFocusDisposer(focusDisposer);
+                        }
+                        if (EnableVimSetting.enabled()) {
+                            vim.initVimMode(editor);
+                        }
+                    });
+                } }))));
+});
+//# sourceMappingURL=EditorWidget.js.map

package/dist/widgets/EditorWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorWidget.js","sourceRoot":"","sources":["../../src/widgets/EditorWidget.tsx"],"names":[],"mappings":"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"}

package/dist/widgets/MonacoEditorWidget.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { editor } from 'monaco-editor';
+import styled from '@emotion/styled';
+import { useEffect, useRef } from 'react';
+import { DARK_THEME } from '../theme/theme-utils';
+export const MonacoEditorWidget = (props) => {
+    const ref = useRef(null);
+    useEffect(() => {
+        var _a;
+        const editorRef = editor.create(ref.current, Object.assign(Object.assign({}, props.options), { model: props.model, value: null, theme: DARK_THEME }));
+        (_a = props.editorDidMount) === null || _a === void 0 ? void 0 : _a.call(props, editorRef);
+        return () => {
+            editorRef.dispose();
+        };
+    }, []);
+    return React.createElement(S.Container, { className: props.className, ref: ref });
+};
+var S;
+(function (S) {
+    S.Container = styled.div `
+    width: 100%;
+    height: 100%;
+
+    .monaco-editor {
+      outline: none;
+    }
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=MonacoEditorWidget.js.map

package/dist/widgets/MonacoEditorWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoEditorWidget.js","sourceRoot":"","sources":["../../src/widgets/MonacoEditorWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AASlD,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC7E,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;;QACb,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,kCACtC,KAAK,CAAC,OAAO,KAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,UAAU,IACjB,CAAC;QACH,MAAA,KAAK,CAAC,cAAc,sDAAG,SAAS,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,EAAE,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,GAAgB,CAAC;AAC3E,CAAC,CAAC;AACF,IAAU,CAAC,CASV;AATD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;GAOlC,CAAC;AACJ,CAAC,EATS,CAAC,KAAD,CAAC,QASV"}

package/dist/widgets/SimpleEditorWidget.js

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import styled from '@emotion/styled';
+import { EditorWidget } from './EditorWidget';
+import { editor, Uri } from 'monaco-editor';
+var createModel = editor.createModel;
+import { v4 } from 'uuid';
+export const SimpleEditorWidget = (props) => {
+    const [height, setHeight] = useState(0);
+    const [model] = useState(() => {
+        // For simple read-only editors: we add entropy here to allow panels to be moved around which would otherwise cause
+        // race conditions with 'model already exists' errors.
+        // good to know: this problem is solved for shared models in other ways with more complex panel lifecycle logic
+        const uri = Uri.parse(`${v4()}/${props.path}`);
+        return createModel(props.text, props.lang, uri);
+    });
+    useEffect(() => {
+        return () => {
+            model.dispose();
+        };
+    }, [model]);
+    return (React.createElement(S.Container, { height: height, className: props.className },
+        React.createElement(EditorWidget, { options: {
+                readOnly: true,
+                scrollBeyondLastLine: false,
+                glyphMargin: false,
+                minimap: {
+                    enabled: false
+                },
+                guides: {
+                    indentation: false
+                },
+                scrollbar: {
+                    horizontal: 'hidden',
+                    vertical: 'hidden',
+                    alwaysConsumeMouseWheel: false
+                },
+                overviewRulerLanes: 0,
+                occurrencesHighlight: 'off'
+            }, model: model, events: {
+                getEditor: (editor) => {
+                    setHeight(editor.getContentHeight());
+                }
+            } })));
+};
+var S;
+(function (S) {
+    S.Container = styled.div `
+    height: ${(p) => p.height}px;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .monaco-editor {
+      background-color: transparent !important;
+      outline: none;
+
+      .monaco-editor-background {
+        background-color: transparent !important;
+      }
+
+      .margin {
+        background-color: transparent !important;
+      }
+
+      .cursors-layer .cursor {
+        display: none;
+      }
+    }
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=SimpleEditorWidget.js.map

package/dist/widgets/SimpleEditorWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleEditorWidget.js","sourceRoot":"","sources":["../../src/widgets/SimpleEditorWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAC5C,IAAO,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAExC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAS1B,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5B,mHAAmH;QACnH,sDAAsD;QACtD,+GAA+G;QAC/G,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/C,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;QACrD,oBAAC,YAAY,IACX,OAAO,EAAE;gBACP,QAAQ,EAAE,IAAI;gBACd,oBAAoB,EAAE,KAAK;gBAC3B,WAAW,EAAE,KAAK;gBAClB,OAAO,EAAE;oBACP,OAAO,EAAE,KAAK;iBACf;gBACD,MAAM,EAAE;oBACN,WAAW,EAAE,KAAK;iBACnB;gBACD,SAAS,EAAE;oBACT,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,uBAAuB,EAAE,KAAK;iBAC/B;gBACD,kBAAkB,EAAE,CAAC;gBACrB,oBAAoB,EAAE,KAAK;aAC5B,EACD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE;gBACN,SAAS,EAAE,CAAC,MAA6B,EAAE,EAAE;oBAC3C,SAAS,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;gBACvC,CAAC;aACF,GACD,CACU,CACf,CAAC;AACJ,CAAC,CAAC;AACF,IAAU,CAAC,CAuBV;AAvBD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAoB;cAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;GAoB1B,CAAC;AACJ,CAAC,EAvBS,CAAC,KAAD,CAAC,QAuBV"}