@perses-dev/plugin-system 0.51.0-beta.1 → 0.51.0-rc.0

package/dist/cjs/remote/PluginRuntime.js

@@ -24,9 +24,6 @@ _export(exports, {
     loadPlugin: function() {
         return loadPlugin;
     },
-    pluginRuntime: function() {
-        return pluginRuntime;
-    },
     usePluginRuntime: function() {
         return usePluginRuntime;
     }
@@ -35,8 +32,8 @@ const _runtime = require("@module-federation/enhanced/runtime");
 const _reactquery = /*#__PURE__*/ _interop_require_wildcard(require("@tanstack/react-query"));
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _reactdom = /*#__PURE__*/ _interop_require_default(require("react-dom"));
-const _reactrouterdom = /*#__PURE__*/ _interop_require_wildcard(require("react-router-dom"));
 const _reacthookform = /*#__PURE__*/ _interop_require_wildcard(require("react-hook-form"));
+const _reactrouterdom = /*#__PURE__*/ _interop_require_wildcard(require("react-router-dom"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -83,166 +80,175 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const pluginRuntime = (0, _runtime.init)({
-    name: '@perses/perses-ui-host',
-    remotes: [],
-    shared: {
-        react: {
-            version: _react.default.version,
-            lib: ()=>_react.default,
-            shareConfig: {
-                singleton: true,
-                requiredVersion: `^${_react.default.version}`
-            }
-        },
-        'react-dom': {
-            version: '18.3.1',
-            lib: ()=>_reactdom.default,
-            shareConfig: {
-                singleton: true,
-                requiredVersion: `^18.3.1`
-            }
-        },
-        'react-router-dom': {
-            version: '6.26.0',
-            lib: ()=>_reactrouterdom,
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^6.26.0'
-            }
-        },
-        '@tanstack/react-query': {
-            version: '5.64.2',
-            lib: ()=>_reactquery,
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^5.64.2'
-            }
-        },
-        'react-hook-form': {
-            version: '7.52.2',
-            lib: ()=>_reacthookform,
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^7.52.2'
-            }
-        },
-        echarts: {
-            version: '5.5.0',
-            lib: ()=>require('echarts'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^5.5.0'
-            }
-        },
-        '@perses-dev/components': {
-            version: '0.51.0-beta.0',
-            lib: ()=>require('@perses-dev/components'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^0.51.0-beta.0'
-            }
-        },
-        '@perses-dev/plugin-system': {
-            version: '0.51.0-beta.0',
-            lib: ()=>require('@perses-dev/plugin-system'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^0.51.0-beta.0'
-            }
-        },
-        '@perses-dev/explore': {
-            version: '0.51.0-beta.0',
-            lib: ()=>require('@perses-dev/explore'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^0.51.0-beta.0'
-            }
-        },
-        '@perses-dev/dashboards': {
-            version: '0.51.0-beta.0',
-            lib: ()=>require('@perses-dev/dashboards'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^0.51.0-beta.0'
+let instance = null;
+const getPluginRuntime = ()=>{
+    if (instance === null) {
+        const pluginRuntime = (0, _runtime.init)({
+            name: '@perses/perses-ui-host',
+            remotes: [],
+            shared: {
+                react: {
+                    version: _react.default.version,
+                    lib: ()=>_react.default,
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: `^${_react.default.version}`
+                    }
+                },
+                'react-dom': {
+                    version: '18.3.1',
+                    lib: ()=>_reactdom.default,
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: `^18.3.1`
+                    }
+                },
+                'react-router-dom': {
+                    version: '6.26.0',
+                    lib: ()=>_reactrouterdom,
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^6.26.0'
+                    }
+                },
+                '@tanstack/react-query': {
+                    version: '5.64.2',
+                    lib: ()=>_reactquery,
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^5.64.2'
+                    }
+                },
+                'react-hook-form': {
+                    version: '7.52.2',
+                    lib: ()=>_reacthookform,
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^7.52.2'
+                    }
+                },
+                echarts: {
+                    version: '5.5.0',
+                    lib: ()=>require('echarts'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^5.5.0'
+                    }
+                },
+                '@perses-dev/components': {
+                    version: '0.51.0-beta.0',
+                    lib: ()=>require('@perses-dev/components'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^0.51.0-beta.0'
+                    }
+                },
+                '@perses-dev/plugin-system': {
+                    version: '0.51.0-beta.0',
+                    lib: ()=>require('@perses-dev/plugin-system'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^0.51.0-beta.0'
+                    }
+                },
+                '@perses-dev/explore': {
+                    version: '0.51.0-beta.0',
+                    lib: ()=>require('@perses-dev/explore'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^0.51.0-beta.0'
+                    }
+                },
+                '@perses-dev/dashboards': {
+                    version: '0.51.0-beta.0',
+                    lib: ()=>require('@perses-dev/dashboards'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^0.51.0-beta.0'
+                    }
+                },
+                // Below are the shared modules that are used by the plugins, this can be part of the SDK
+                'date-fns': {
+                    version: '4.1.0',
+                    lib: ()=>require('date-fns'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^4.1.0'
+                    }
+                },
+                'date-fns-tz': {
+                    version: '3.2.0',
+                    lib: ()=>require('date-fns-tz'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^3.2.0'
+                    }
+                },
+                lodash: {
+                    version: '4.17.21',
+                    lib: ()=>require('lodash'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^4.17.21'
+                    }
+                },
+                '@emotion/react': {
+                    version: '11.11.3',
+                    lib: ()=>require('@emotion/react'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^11.11.3'
+                    }
+                },
+                '@emotion/styled': {
+                    version: '11.11.0',
+                    lib: ()=>require('@emotion/styled'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^11.11.0'
+                    }
+                },
+                '@hookform/resolvers/zod': {
+                    version: '3.3.4',
+                    lib: ()=>require('@hookform/resolvers/zod'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^3.3.4'
+                    }
+                },
+                'use-resize-observer': {
+                    version: '9.1.0',
+                    lib: ()=>require('use-resize-observer'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^9.1.0'
+                    }
+                },
+                'mdi-material-ui': {
+                    version: '7.4.0',
+                    lib: ()=>require('mdi-material-ui'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^7.4.0'
+                    }
+                },
+                immer: {
+                    version: '10.1.1',
+                    lib: ()=>require('immer'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^10.1.1'
+                    }
+                }
             }
-        },
-        // Below are the shared modules that are used by the plugins, this can be part of the SDK
-        'date-fns': {
-            version: '4.1.0',
-            lib: ()=>require('date-fns'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^4.1.0'
-            }
-        },
-        'date-fns-tz': {
-            version: '3.2.0',
-            lib: ()=>require('date-fns-tz'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^3.2.0'
-            }
-        },
-        lodash: {
-            version: '4.17.21',
-            lib: ()=>require('lodash'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^4.17.21'
-            }
-        },
-        '@emotion/react': {
-            version: '11.11.3',
-            lib: ()=>require('@emotion/react'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^11.11.3'
-            }
-        },
-        '@emotion/styled': {
-            version: '11.11.0',
-            lib: ()=>require('@emotion/styled'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^11.11.0'
-            }
-        },
-        '@hookform/resolvers/zod': {
-            version: '3.3.4',
-            lib: ()=>require('@hookform/resolvers/zod'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^3.3.4'
-            }
-        },
-        'use-resize-observer': {
-            version: '9.1.0',
-            lib: ()=>require('use-resize-observer'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^9.1.0'
-            }
-        },
-        'mdi-material-ui': {
-            version: '7.4.0',
-            lib: ()=>require('mdi-material-ui'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^7.4.0'
-            }
-        },
-        immer: {
-            version: '10.1.1',
-            lib: ()=>require('immer'),
-            shareConfig: {
-                singleton: true,
-                requiredVersion: '^10.1.1'
-            }
-        }
+        });
+        instance = pluginRuntime;
+        return instance;
     }
-});
+    return instance;
+};
 const registerRemote = (name, baseURL)=>{
+    const pluginRuntime = getPluginRuntime();
     const existingRemote = pluginRuntime.options.remotes.find((remote)=>remote.name === name);
     if (!existingRemote) {
         const remoteEntryURL = baseURL ? `${baseURL}/${name}/mf-manifest.json` : `/plugins/${name}/mf-manifest.json`;
@@ -261,7 +267,7 @@ const loadPlugin = async (moduleName, pluginName, baseURL)=>{
 };
 function usePluginRuntime({ plugin }) {
     return {
-        pluginRuntime,
+        pluginRuntime: getPluginRuntime(),
         loadPlugin: ()=>loadPlugin(plugin.moduleName, plugin.name, plugin.baseURL)
     };
 }

package/dist/cjs/runtime/TimeRangeProvider/TimeRangeSettingsProvider.js

@@ -30,6 +30,9 @@ _export(exports, {
     useShowCustomTimeRangeSetting: function() {
         return useShowCustomTimeRangeSetting;
     },
+    useShowZoomRangeSetting: function() {
+        return useShowZoomRangeSetting;
+    },
     useTimeRangeOptionsSetting: function() {
         return useTimeRangeOptionsSetting;
     },
@@ -56,6 +59,7 @@ const DEFAULT_OPTIONS = [
 ];
 const defaultTimeRangeSettings = {
     showCustom: true,
+    showZoomButtons: true,
     options: DEFAULT_OPTIONS.map((duration)=>(0, _components.buildRelativeTimeOption)(duration))
 };
 const TimeRangeSettingsContext = /*#__PURE__*/ (0, _react.createContext)(defaultTimeRangeSettings);
@@ -76,6 +80,13 @@ function useShowCustomTimeRangeSetting(override) {
     }
     return showCustomTimeRange;
 }
+function useShowZoomRangeSetting(override) {
+    const showZoomTimeRange = useTimeRangeSettings().showZoomButtons;
+    if (override !== undefined) {
+        return override;
+    }
+    return showZoomTimeRange;
+}
 function useTimeRangeOptionsSetting(override) {
     const showCustomTimeRange = useTimeRangeSettings().options;
     if (override !== undefined) {
@@ -87,10 +98,12 @@ function TimeRangeSettingsProvider(props) {
     const ctx = (0, _react.useMemo)(()=>{
         return {
             showCustom: props.showCustom === undefined ? defaultTimeRangeSettings.showCustom : props.showCustom,
+            showZoomButtons: props.showZoomButtons === undefined ? defaultTimeRangeSettings.showZoomButtons : props.showZoomButtons,
             options: props.options === undefined ? defaultTimeRangeSettings.options : props.options
         };
     }, [
         props.showCustom,
+        props.showZoomButtons,
         props.options
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(TimeRangeSettingsContext.Provider, {

package/dist/cjs/runtime/time-series-queries.js

@@ -42,25 +42,15 @@ const _variables = require("./variables");
 const _TimeRangeProvider = require("./TimeRangeProvider");
 const _datasources = require("./datasources");
 const _pluginregistry = require("./plugin-registry");
+const _utils = require("./utils");
 const TIME_SERIES_QUERY_KEY = 'TimeSeriesQuery';
-/**
- * Returns a serialized string of the current state of variable values.
- */ function getVariableValuesKey(v) {
-    return Object.values(v).map((v)=>JSON.stringify(v.value)).join(',');
-}
-function filterVariableStateMap(v, names) {
-    if (!names) {
-        return v;
-    }
-    return Object.fromEntries(Object.entries(v).filter(([name])=>names.includes(name)));
-}
 function getQueryOptions({ plugin, definition, context }) {
     const { timeRange, datasourceStore, suggestedStepMs, mode, variableState, refreshKey } = context;
     const dependencies = plugin?.dependsOn ? plugin.dependsOn(definition.spec.plugin.spec, context) : {};
     const variableDependencies = dependencies?.variables;
     // Determine queryKey
-    const filteredVariabledState = filterVariableStateMap(variableState, variableDependencies);
-    const variablesValueKey = getVariableValuesKey(filteredVariabledState);
+    const filteredVariabledState = (0, _utils.filterVariableStateMap)(variableState, variableDependencies);
+    const variablesValueKey = (0, _utils.getVariableValuesKey)(filteredVariabledState);
     const queryKey = [
         definition,
         timeRange,

package/dist/cjs/runtime/trace-queries.js

@@ -36,6 +36,8 @@ const _reactquery = require("@tanstack/react-query");
 const _datasources = require("./datasources");
 const _pluginregistry = require("./plugin-registry");
 const _TimeRangeProvider = require("./TimeRangeProvider");
+const _variables = require("./variables");
+const _utils = require("./utils");
 const TRACE_QUERY_KEY = 'TraceQuery';
 function getUnixTimeRange(timeRange) {
     const { start, end } = timeRange;
@@ -46,34 +48,62 @@ function getUnixTimeRange(timeRange) {
 }
 function useTraceQueries(definitions) {
     const { getPlugin } = (0, _pluginregistry.usePluginRegistry)();
-    const datasourceStore = (0, _datasources.useDatasourceStore)();
-    const { absoluteTimeRange } = (0, _TimeRangeProvider.useTimeRange)();
-    const context = {
-        datasourceStore,
-        absoluteTimeRange
-    };
+    const context = useTraceQueryContext();
+    const pluginLoaderResponse = (0, _pluginregistry.usePlugins)('TraceQuery', definitions.map((d)=>({
+            kind: d.spec.plugin.kind
+        })));
     // useQueries() handles data fetching from query plugins (e.g. traceQL queries, promQL queries)
     // https://tanstack.com/query/v4/docs/react/reference/useQuery
     return (0, _reactquery.useQueries)({
-        queries: definitions.map((definition)=>{
-            const queryKey = [
+        queries: definitions.map((definition, idx)=>{
+            const plugin = pluginLoaderResponse[idx]?.data;
+            const { queryEnabled, queryKey } = getQueryOptions({
+                context,
                 definition,
-                datasourceStore,
-                absoluteTimeRange
-            ]; // `queryKey` watches and reruns `queryFn` if keys in the array change
+                plugin
+            });
             const traceQueryKind = definition?.spec?.plugin?.kind;
             return {
+                enabled: queryEnabled,
                 queryKey: queryKey,
                 queryFn: async ()=>{
                     const plugin = await getPlugin(TRACE_QUERY_KEY, traceQueryKind);
                     const data = await plugin.getTraceData(definition.spec.plugin.spec, context);
                     return data;
-                },
-                // The data returned by getTraceData() contains circular dependencies (a span has a reference to the parent span, and the parent span has an array of child spans)
-                // Therefore structuralSharing must be turned off, otherwise the query is stuck in the 'fetching' state on re-fetch.
-                // Ref: https://github.com/TanStack/query/issues/6954#issuecomment-1962321426
-                structuralSharing: false
+                }
             };
         })
     });
 }
+function getQueryOptions({ plugin, definition, context }) {
+    const { datasourceStore, variableState, absoluteTimeRange } = context;
+    const dependencies = plugin?.dependsOn ? plugin.dependsOn(definition.spec.plugin.spec, context) : {};
+    const variableDependencies = dependencies?.variables;
+    const filteredVariabledState = (0, _utils.filterVariableStateMap)(variableState, variableDependencies);
+    const variablesValueKey = (0, _utils.getVariableValuesKey)(filteredVariabledState);
+    const queryKey = [
+        definition,
+        datasourceStore,
+        absoluteTimeRange,
+        variablesValueKey
+    ];
+    let waitToLoad = false;
+    if (variableDependencies) {
+        waitToLoad = variableDependencies.some((v)=>variableState[v]?.loading);
+    }
+    const queryEnabled = plugin !== undefined && !waitToLoad;
+    return {
+        queryKey,
+        queryEnabled
+    };
+}
+function useTraceQueryContext() {
+    const { absoluteTimeRange } = (0, _TimeRangeProvider.useTimeRange)();
+    const variableState = (0, _variables.useAllVariableValues)();
+    const datasourceStore = (0, _datasources.useDatasourceStore)();
+    return {
+        variableState,
+        datasourceStore,
+        absoluteTimeRange
+    };
+}

package/dist/cjs/runtime/utils.js

@@ -0,0 +1,39 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    filterVariableStateMap: function() {
+        return filterVariableStateMap;
+    },
+    getVariableValuesKey: function() {
+        return getVariableValuesKey;
+    }
+});
+function filterVariableStateMap(v, names) {
+    if (!names) {
+        return v;
+    }
+    return Object.fromEntries(Object.entries(v).filter(([name])=>names.includes(name)));
+}
+function getVariableValuesKey(v) {
+    return Object.values(v).map((v)=>JSON.stringify(v.value)).join(',');
+}

package/dist/components/DatasourceSelect.d.ts

@@ -1,10 +1,12 @@
 import { OutlinedSelectProps, BaseSelectProps } from '@mui/material';
-import { DatasourceSelector } from '@perses-dev/core';
+import { DatasourceSelector, VariableName } from '@perses-dev/core';
 import { ReactElement } from 'react';
+import { DatasourceSelectItemGroup, VariableStateMap } from '../runtime';
 type OmittedMuiProps = 'children' | 'value' | 'onChange';
+export type DatasourceSelectValue<T = DatasourceSelector> = T | VariableName;
 export interface DatasourceSelectProps extends Omit<OutlinedSelectProps & BaseSelectProps<string>, OmittedMuiProps> {
-    value: DatasourceSelector;
-    onChange: (next: DatasourceSelector) => void;
+    value: DatasourceSelectValue;
+    onChange: (next: DatasourceSelectValue) => void;
     datasourcePluginKind: string;
     project?: string;
 }
@@ -18,5 +20,8 @@ export declare function DatasourceName(props: {
     overridden?: boolean;
     overriding?: boolean;
 }): ReactElement;
+export declare function isVariableDatasource(value: DatasourceSelectValue | undefined): value is VariableName;
+export declare const datasourceSelectValueToSelector: (value: DatasourceSelectValue | undefined, variables: VariableStateMap, datasourceSelectItemGroups: DatasourceSelectItemGroup[] | undefined) => DatasourceSelector | undefined;
+export declare const useDatasourceSelectValueToSelector: (value: DatasourceSelectValue, datasourcePluginKind: string) => DatasourceSelector;
 export {};
 //# sourceMappingURL=DatasourceSelect.d.ts.map

package/dist/components/DatasourceSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatasourceSelect.d.ts","sourceRoot":"","sources":["../../src/components/DatasourceSelect.tsx"],"names":[],"mappings":"AAcA,OAAO,EAUL,mBAAmB,EACnB,eAAe,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAK9C,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACjH,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAuF3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAahH"}
+{"version":3,"file":"DatasourceSelect.d.ts","sourceRoot":"","sources":["../../src/components/DatasourceSelect.tsx"],"names":[],"mappings":"AAcA,OAAO,EAML,mBAAmB,EACnB,eAAe,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAC9C,OAAO,EAEL,yBAAyB,EAIzB,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAOpB,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAWzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,kBAAkB,IAAI,CAAC,GAAG,YAAY,CAAC;AAE7E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACjH,KAAK,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAiH3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAahH;AAuCD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GAAG,KAAK,IAAI,YAAY,CAEpG;AAED,eAAO,MAAM,+BAA+B,UACnC,qBAAqB,GAAG,SAAS,aAC7B,gBAAgB,8BACC,yBAAyB,EAAE,GAAG,SAAS,KAClE,kBAAkB,GAAG,SA4BvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,UACtC,qBAAqB,wBACN,MAAM,KAC3B,kBAQF,CAAC"}