@luxonis/depthai-viewer-common 3.7.5 → 3.8.0

package/dist/visualizer/panels/ImagePanel.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { type PanelProps } from "../components/Panel.js";
+import type { PanelRenderer } from "./panel-renderer.js";
+type ImagePanelBodyProps = {
+    topic: string;
+    annotationTopics?: string[];
+    extraAnnotationTopics?: string[];
+    frameRenderedEvent?: (currentTime: number) => void;
+    annotationReceivedEventHandler?: () => void;
+    handleOnClick?: (event: React.MouseEvent, clickOffsetCoords: {
+        offsetX: number;
+        offsetY: number;
+    } | undefined) => void;
+    handleCursorPositionUpdate?: (coordinates: {
+        x: number;
+        y: number;
+    }, offsetCoordinates: {
+        offsetX: number;
+        offsetY: number;
+    } | undefined) => void;
+    registerRendered?: (renderer: PanelRenderer) => void;
+    unregisterRendered?: () => void;
+    customOverlay?: JSX.Element;
+    disableZoom?: boolean;
+};
+export type ImagePanelProps = Omit<PanelProps, "kind" | "metrics"> & ImagePanelBodyProps & {
+    toggleTopic?: (topic: string) => void;
+    fakedAs?: string;
+    targetFps?: number;
+    triggerToast?: () => void;
+    panelToolbarActions?: JSX.Element;
+};
+export declare const ImagePanel: React.MemoExoticComponent<(props: ImagePanelProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=ImagePanel.d.ts.map

package/dist/visualizer/panels/ImagePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePanel.d.ts","sourceRoot":"","sources":["../../../src/visualizer/panels/ImagePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAMhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,8BAA8B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,iBAAiB,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAChE,IAAI,CAAC;IACV,0BAA0B,CAAC,EAAE,CAC3B,WAAW,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EACrC,iBAAiB,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAChE,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACrD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAgCF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC,GAChE,mBAAmB,GAAG;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACnC,CAAC;AAEJ,eAAO,MAAM,UAAU,oCAAyC,eAAe,6CAyC7E,CAAC"}

package/dist/visualizer/panels/ImagePanel.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+import React from "react";
+import { Panel } from "../components/Panel.js";
+import { constructKeyForTopicRenderMetrics, globalRenderMetricsManager, } from "../utils/metrics-manager.js";
+import { ImageCanvasRenderer } from "./image/ImageCanvasRenderer.js";
+const ImagePanelBody = ({ topic, annotationTopics = [], extraAnnotationTopics = [], frameRenderedEvent, annotationReceivedEventHandler, handleOnClick, handleCursorPositionUpdate, registerRendered, unregisterRendered, customOverlay, disableZoom = false, }) => {
+    return (_jsx(ImageCanvasRenderer, { topic: topic, annotationTopics: annotationTopics, extraAnnotationTopics: extraAnnotationTopics, frameRenderedEvent: frameRenderedEvent, annotationReceivedEventHandler: annotationReceivedEventHandler, handleOnClick: handleOnClick, handleCursorPositionUpdate: handleCursorPositionUpdate, registerRendered: registerRendered, unregisterRendered: unregisterRendered, customOverlay: customOverlay, disableZoom: disableZoom }));
+};
+export const ImagePanel = React.memo(function ImagePanel(props) {
+    const [renderMetricsKey, annotationsMetricsKey] = React.useMemo(() => {
+        return [
+            constructKeyForTopicRenderMetrics("renderImageFrame", props.topic),
+            constructKeyForTopicRenderMetrics("renderAnnotationsFrame", props.topic),
+        ];
+    }, [props.topic]);
+    const handleFrameRendered = (_frameTime) => {
+        globalRenderMetricsManager.registerEvent(renderMetricsKey);
+    };
+    return (_jsx(Panel, { kind: "image", ...props, toggleTopic: props.toggleTopic, toggleFullscreen: props.toggleFullscreen, canMoveUp: props.canMoveUp, moveUp: props.moveUp, canMoveDown: props.canMoveDown, moveDown: props.moveDown, panelToolbarActions: props.panelToolbarActions, children: _jsx(ImagePanelBody, { topic: props.topic, annotationTopics: props.annotationTopics, extraAnnotationTopics: props.extraAnnotationTopics, frameRenderedEvent: handleFrameRendered, annotationReceivedEventHandler: () => {
+                globalRenderMetricsManager.registerEvent(annotationsMetricsKey);
+            }, handleOnClick: props.handleOnClick, handleCursorPositionUpdate: props.handleCursorPositionUpdate, registerRendered: props.registerRendered, unregisterRendered: props.unregisterRendered, customOverlay: props.customOverlay, disableZoom: props.disableZoom }) }));
+});
+//# sourceMappingURL=ImagePanel.js.map

package/dist/visualizer/panels/ImagePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePanel.js","sourceRoot":"","sources":["../../../src/visualizer/panels/ImagePanel.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAmB,MAAM,wBAAwB,CAAC;AAChE,OAAO,EACL,iCAAiC,EACjC,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAuBrE,MAAM,cAAc,GAAkC,CAAC,EACrD,KAAK,EACL,gBAAgB,GAAG,EAAE,EACrB,qBAAqB,GAAG,EAAE,EAC1B,kBAAkB,EAClB,8BAA8B,EAC9B,aAAa,EACb,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,WAAW,GAAG,KAAK,GACpB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,8BAA8B,EAAE,8BAA8B,EAC9D,aAAa,EAAE,aAAa,EAC5B,0BAA0B,EAAE,0BAA0B,EACtD,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC,KAAsB;IAC7E,MAAM,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnE,OAAO;YACL,iCAAiC,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC;YAClE,iCAAiC,CAAC,wBAAwB,EAAE,KAAK,CAAC,KAAK,CAAC;SACzE,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,mBAAmB,GAAG,CAAC,UAAkB,EAAE,EAAE;QACjD,0BAA0B,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,KACR,KAAK,EACT,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,YAE9C,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,kBAAkB,EAAE,mBAAmB,EACvC,8BAA8B,EAAE,GAAG,EAAE;gBACnC,0BAA0B,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;YAClE,CAAC,EACD,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,EAC5D,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,GACI,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/visualizer/panels/PointCloudPanel.d.ts

@@ -0,0 +1,32 @@
+import React, { type MutableRefObject } from "react";
+import type { PanelRenderer } from "./panel-renderer.js";
+export type PointCloudPanelProps = {
+    topic: string;
+    hideToolbar?: boolean;
+    showPerformanceMetrics?: boolean;
+    canMoveUp?: boolean;
+    moveUp?: () => void;
+    canMoveDown?: boolean;
+    moveDown?: () => void;
+    handleOnClick?: (event: React.MouseEvent, clickOffsetCoords: {
+        offsetX: number;
+        offsetY: number;
+    } | undefined) => void;
+    handleCursorPositionUpdate?: (coordinates: {
+        x: number;
+        y: number;
+    }, offsetCoordinates: {
+        offsetX: number;
+        offsetY: number;
+    } | undefined) => void;
+    registerRendered?: (renderer: PanelRenderer) => void;
+    unregisterRendered?: () => void;
+    customOverlay?: JSX.Element;
+    panelToolbarActions?: JSX.Element;
+};
+export declare const PointCloudPanel: React.MemoExoticComponent<({ topic, toggleTopic, toggleFullscreen, targetFps, hideToolbar, showPerformanceMetrics, canMoveUp, moveUp, canMoveDown, moveDown, handleOnClick, handleCursorPositionUpdate, registerRendered, unregisterRendered, customOverlay, panelToolbarActions, }: PointCloudPanelProps & {
+    toggleTopic?: (topic: string) => void;
+    toggleFullscreen?: (panelRef: MutableRefObject<HTMLElement>) => void;
+    targetFps?: number;
+}) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=PointCloudPanel.d.ts.map

package/dist/visualizer/panels/PointCloudPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudPanel.d.ts","sourceRoot":"","sources":["../../../src/visualizer/panels/PointCloudPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AASrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAQzD,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,iBAAiB,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAChE,IAAI,CAAC;IACV,0BAA0B,CAAC,EAAE,CAC3B,WAAW,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EACrC,iBAAiB,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAChE,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACrD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACnC,CAAC;AA4DF,eAAO,MAAM,eAAe,uRAiBzB,oBAAoB,GAAG;IACxB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,6CAyEC,CAAC"}

package/dist/visualizer/panels/PointCloudPanel.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+import { Button, Tooltip } from "@luxonis/ui-components";
+import React from "react";
+import { IoMdRefresh } from "react-icons/io";
+import { Panel } from "../components/Panel.js";
+import { constructKeyForTopicRenderMetrics, globalRenderMetricsManager, } from "../utils/metrics-manager.js";
+import { getPerspective } from "../utils/runtime-config.js";
+import { PointCloudCanvasRenderer } from "./pointcloud/PointCloudCanvasRenderer.js";
+import { DEFAULT_POINT_CLOUD_CAMERA_STATE } from "./pointcloud-camera.js";
+const PointCloudPanelBody = ({ topic, frameRenderedEvent, handleOnClick, handleCursorPositionUpdate, registerRendered, unregisterRendered, customOverlay, }) => {
+    const defaultConfig = React.useMemo(() => ({
+        topics: {
+            [topic]: {
+                maxValue: 5000,
+                minValue: 0,
+                pointSize: 2,
+                pointShape: "square",
+                visible: true,
+            },
+        },
+        cameraState: {
+            distance: DEFAULT_POINT_CLOUD_CAMERA_STATE.distance,
+            perspective: getPerspective(DEFAULT_POINT_CLOUD_CAMERA_STATE.perspective),
+            phi: 89,
+            target: DEFAULT_POINT_CLOUD_CAMERA_STATE.target,
+            targetOffset: DEFAULT_POINT_CLOUD_CAMERA_STATE.targetOffset,
+            targetOrientation: DEFAULT_POINT_CLOUD_CAMERA_STATE.targetOrientation,
+            thetaOffset: DEFAULT_POINT_CLOUD_CAMERA_STATE.thetaOffset,
+            near: DEFAULT_POINT_CLOUD_CAMERA_STATE.near,
+            far: DEFAULT_POINT_CLOUD_CAMERA_STATE.far,
+            fovy: DEFAULT_POINT_CLOUD_CAMERA_STATE.fovy,
+        },
+        imageMode: {
+            colorMode: "rgba-fields",
+        },
+    }), [topic]);
+    return (_jsx(PointCloudCanvasRenderer, { topic: topic, initialConfig: defaultConfig, frameRenderedEvent: frameRenderedEvent, handleOnClick: handleOnClick, handleCursorPositionUpdate: handleCursorPositionUpdate, registerRendered: registerRendered, unregisterRendered: unregisterRendered, customOverlay: customOverlay }, topic));
+};
+export const PointCloudPanel = React.memo(function PointCloudPanel({ topic, toggleTopic, toggleFullscreen, targetFps, hideToolbar = false, showPerformanceMetrics = false, canMoveUp, moveUp, canMoveDown, moveDown, handleOnClick, handleCursorPositionUpdate, registerRendered, unregisterRendered, customOverlay, panelToolbarActions, }) {
+    const renderMetricsKey = React.useMemo(() => constructKeyForTopicRenderMetrics("renderPointCloudFrame", topic), [topic]);
+    const rendererRef = React.useRef(undefined);
+    React.useEffect(() => {
+        globalRenderMetricsManager.ensureTopic(renderMetricsKey);
+    }, [renderMetricsKey]);
+    const handleFrameRendered = (_frameTime) => {
+        globalRenderMetricsManager.registerEvent(renderMetricsKey);
+    };
+    const handleRegisterRendered = React.useCallback((renderer) => {
+        rendererRef.current = renderer;
+        registerRendered?.(renderer);
+    }, [registerRendered]);
+    const handleUnregisterRendered = React.useCallback(() => {
+        rendererRef.current = undefined;
+        unregisterRendered?.();
+    }, [unregisterRendered]);
+    const pointCloudToolbarActions = React.useMemo(() => (_jsxs(_Fragment, { children: [_jsx(Tooltip, { content: "Reset View", children: _jsx(Button, { icon: IoMdRefresh, variant: "outline", intent: "white", size: "sm", onClick: () => rendererRef.current?.resetView() }) }), panelToolbarActions] })), [panelToolbarActions]);
+    return (_jsx(Panel, { kind: "pointCloud", topic: topic, toggleTopic: toggleTopic, toggleFullscreen: toggleFullscreen, disableAnnotations: true, targetFps: targetFps, hideToolbar: hideToolbar, showPerformanceMetrics: showPerformanceMetrics, canMoveUp: canMoveUp, moveUp: moveUp, canMoveDown: canMoveDown, moveDown: moveDown, panelToolbarActions: pointCloudToolbarActions, children: _jsx(PointCloudPanelBody, { topic: topic, frameRenderedEvent: handleFrameRendered, handleOnClick: handleOnClick, handleCursorPositionUpdate: handleCursorPositionUpdate, registerRendered: handleRegisterRendered, unregisterRendered: handleUnregisterRendered, customOverlay: customOverlay }) }));
+});
+//# sourceMappingURL=PointCloudPanel.js.map

package/dist/visualizer/panels/PointCloudPanel.js.map

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

package/dist/visualizer/panels/image/ImageCanvasRenderer.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import type { PanelRenderer } from "../panel-renderer.js";
+type ImageCanvasRendererProps = {
+    topic: string;
+    annotationTopics: readonly string[];
+    extraAnnotationTopics: readonly string[];
+    frameRenderedEvent?: (currentTime: number) => void;
+    annotationReceivedEventHandler?: () => void;
+    handleOnClick?: (event: React.MouseEvent, clickOffsetCoords: {
+        offsetX: number;
+        offsetY: number;
+    } | undefined) => void;
+    handleCursorPositionUpdate?: (coordinates: {
+        x: number;
+        y: number;
+    }, offsetCoordinates: {
+        offsetX: number;
+        offsetY: number;
+    } | undefined) => void;
+    registerRendered?: (renderer: PanelRenderer) => void;
+    unregisterRendered?: () => void;
+    customOverlay?: JSX.Element;
+    disableZoom?: boolean;
+};
+export declare function ImageCanvasRenderer({ topic, annotationTopics, extraAnnotationTopics, frameRenderedEvent, annotationReceivedEventHandler, handleOnClick, handleCursorPositionUpdate, registerRendered, unregisterRendered, customOverlay, disableZoom, }: ImageCanvasRendererProps): React.ReactElement;
+export {};
+//# sourceMappingURL=ImageCanvasRenderer.d.ts.map

package/dist/visualizer/panels/image/ImageCanvasRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCanvasRenderer.d.ts","sourceRoot":"","sources":["../../../../src/visualizer/panels/image/ImageCanvasRenderer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAM1D,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,qBAAqB,EAAE,SAAS,MAAM,EAAE,CAAC;IACzC,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,8BAA8B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,iBAAiB,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAChE,IAAI,CAAC;IACV,0BAA0B,CAAC,EAAE,CAC3B,WAAW,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EACrC,iBAAiB,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAChE,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACrD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AA8CF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,8BAA8B,EAC9B,aAAa,EACb,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,WAAmB,GACpB,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,CAiyB/C"}