@reactvision/react-viro 2.42.0 → 2.43.1

package/fabric-interop/components/ViroVRSceneNavigator.tsx

@@ -0,0 +1,75 @@
+/**
+ * ViroVRSceneNavigator
+ *
+ * A component for rendering VR scenes.
+ */
+
+import React, { useState, useEffect } from "react";
+import { ViroFabricContainer } from "../ViroFabricContainer";
+import { getNativeViro } from "./ViroGlobal";
+
+export interface ViroVRSceneNavigatorProps {
+  // Scene properties
+  initialScene: {
+    scene: React.ComponentType<any>;
+  };
+
+  // VR properties
+  vrModeEnabled?: boolean;
+
+  // Camera properties
+  hdrEnabled?: boolean;
+  pbrEnabled?: boolean;
+  bloomEnabled?: boolean;
+  shadowsEnabled?: boolean;
+  multisamplingEnabled?: boolean;
+
+  // Events
+  onCameraTransformUpdate?: (transform: any) => void;
+  onExitViro?: () => void;
+
+  // Style
+  style?: React.CSSProperties;
+}
+
+/**
+ * ViroVRSceneNavigator is a component for rendering VR scenes.
+ * It provides a container for VR scenes and handles the VR session lifecycle.
+ */
+export const ViroVRSceneNavigator: React.FC<ViroVRSceneNavigatorProps> = (
+  props
+) => {
+  const [apiKey] = useState<string>(() => {
+    // Generate a random API key for demo purposes
+    return `viro-${Math.random().toString(36).substring(2, 15)}`;
+  });
+
+  // Initialize VR scene
+  useEffect(() => {
+    const nativeViro = getNativeViro();
+    if (!nativeViro) return;
+
+    // Initialize Viro
+    nativeViro.initialize();
+
+    // Cleanup when unmounting
+    return () => {
+      // Cleanup code here
+    };
+  }, []);
+
+  // Create the scene component
+  const SceneComponent = props.initialScene.scene;
+
+  // Render the VR scene
+  return (
+    <ViroFabricContainer
+      style={props.style}
+      debug={false}
+      arEnabled={false}
+      onCameraTransformUpdate={props.onCameraTransformUpdate}
+    >
+      <SceneComponent />
+    </ViroFabricContainer>
+  );
+};

package/fabric-interop/components/ViroVideo.tsx

@@ -0,0 +1,91 @@
+/**
+ * ViroVideo
+ *
+ * A component for displaying video content in 3D space.
+ */
+
+import React from "react";
+import {
+  ViroCommonProps,
+  useViroNode,
+  convertCommonProps,
+  useViroEventListeners,
+} from "./ViroUtils";
+import { getNativeViro } from "./ViroGlobal";
+
+export interface ViroVideoProps extends ViroCommonProps {
+  // Video source
+  source: { uri: string } | number;
+
+  // Video properties
+  width?: number;
+  height?: number;
+  loop?: boolean;
+  muted?: boolean;
+  volume?: number;
+  paused?: boolean;
+  resizeMode?: "ScaleToFill" | "ScaleToFit" | "StretchToFill";
+  stereoMode?: "LeftRight" | "RightLeft" | "TopBottom" | "BottomTop" | "None";
+
+  // Materials
+  materials?: string | string[];
+
+  // Lighting props
+  lightReceivingBitMask?: number;
+  shadowCastingBitMask?: number;
+
+  // Events
+  onBufferStart?: () => void;
+  onBufferEnd?: () => void;
+  onFinish?: () => void;
+  onUpdateTime?: (currentTime: number, totalTime: number) => void;
+  onError?: (error: string) => void;
+}
+
+/**
+ * ViroVideo is a component for displaying video content in 3D space.
+ */
+export const ViroVideo: React.FC<ViroVideoProps> = (props) => {
+  // Convert common props to the format expected by the native code
+  const nativeProps = {
+    ...convertCommonProps(props),
+    source: props.source,
+    width: props.width,
+    height: props.height,
+    loop: props.loop,
+    muted: props.muted,
+    volume: props.volume,
+    paused: props.paused,
+    resizeMode: props.resizeMode,
+    stereoMode: props.stereoMode,
+    materials: props.materials,
+    lightReceivingBitMask: props.lightReceivingBitMask,
+    shadowCastingBitMask: props.shadowCastingBitMask,
+  };
+
+  // Create the node (parent will be determined by context)
+  const nodeId = useViroNode("video", nativeProps);
+
+  
+  // Register event handlers using our new event system
+  useViroEventListeners(nodeId, {
+    onHover: props.onHover,
+    onClick: props.onClick,
+    onClickState: props.onClickState,
+    onTouch: props.onTouch,
+    onScroll: props.onScroll,
+    onSwipe: props.onSwipe,
+    onDrag: props.onDrag,
+    onPinch: props.onPinch,
+    onRotate: props.onRotate,
+    onFuse:
+      typeof props.onFuse === "function"
+        ? props.onFuse
+        : props.onFuse?.callback,
+    onCollision: props.onCollision,
+    onTransformUpdate: props.onTransformUpdate,
+  });
+
+  // Component doesn't have children, so just return null
+  return null;
+};

package/fabric-interop/components/index.ts

@@ -0,0 +1,94 @@
+/**
+ * Viro Component Wrappers
+ *
+ * This module exports React components that maintain the same API as the original
+ * Viro components but use the Fabric interop layer internally.
+ */
+
+// Basic components
+export { ViroNode } from "./ViroNode";
+export { ViroScene } from "./ViroScene";
+export { ViroARScene } from "./ViroARScene";
+export { ViroFlexView } from "./ViroFlexView";
+
+// 3D primitives
+export { ViroBox } from "./ViroBox";
+export { ViroSphere } from "./ViroSphere";
+export { Viro3DObject } from "./Viro3DObject";
+export { ViroGeometry } from "./ViroGeometry";
+export { ViroQuad } from "./ViroQuad";
+export { ViroPolygon } from "./ViroPolygon";
+export { ViroPolyline } from "./ViroPolyline";
+export { ViroSurface } from "./ViroSurface";
+
+// 2D components
+export { ViroText } from "./ViroText";
+export { ViroImage } from "./ViroImage";
+export { ViroVideo } from "./ViroVideo";
+export { ViroAnimatedImage } from "./ViroAnimatedImage";
+
+// 360 components
+export { Viro360Image } from "./Viro360Image";
+export { Viro360Video } from "./Viro360Video";
+export { ViroSkyBox } from "./ViroSkyBox";
+
+// Portal components
+export { ViroPortal } from "./ViroPortal";
+export { ViroPortalScene } from "./ViroPortalScene";
+
+// Lights
+export { ViroAmbientLight } from "./ViroAmbientLight";
+export { ViroDirectionalLight } from "./ViroDirectionalLight";
+export { ViroSpotLight } from "./ViroSpotLight";
+export { ViroOmniLight } from "./ViroOmniLight";
+export { ViroLightingEnvironment } from "./ViroLightingEnvironment";
+
+// Cameras
+export { ViroCamera } from "./ViroCamera";
+export { ViroOrbitCamera } from "./ViroOrbitCamera";
+
+// Audio
+export { ViroSound } from "./ViroSound";
+export { ViroSoundField } from "./ViroSoundField";
+export { ViroSpatialSound } from "./ViroSpatialSound";
+
+// Interactive components
+export { ViroButton } from "./ViroButton";
+export { ViroController } from "./ViroController";
+export { ViroSpinner } from "./ViroSpinner";
+
+// Effects
+export { ViroParticleEmitter } from "./ViroParticleEmitter";
+export { ViroAnimatedComponent } from "./ViroAnimatedComponent";
+export { ViroMaterialVideo } from "./ViroMaterialVideo";
+
+// Scene navigators
+export { ViroSceneNavigator } from "./ViroSceneNavigator";
+export { ViroVRSceneNavigator } from "./ViroVRSceneNavigator";
+export { ViroARSceneNavigator } from "./ViroARSceneNavigator";
+export { Viro3DSceneNavigator } from "./Viro3DSceneNavigator";
+
+// AR components
+export { ViroARCamera } from "./ViroARCamera";
+export { ViroARPlane } from "./AR/ViroARPlane";
+export { ViroARPlaneSelector } from "./AR/ViroARPlaneSelector";
+export { ViroARImageMarker } from "./ViroARImageMarker";
+export { ViroARObjectMarker } from "./ViroARObjectMarker";
+
+// Utilities
+export * from "./ViroUtils";
+
+// Animation utilities
+export * from "./Animation/ViroAnimations";
+import ViroAnimations from "./Animation/ViroAnimations";
+export { ViroAnimations };
+
+// Material utilities
+export * from "./Material/ViroMaterials";
+import ViroMaterials from "./Material/ViroMaterials";
+export { ViroMaterials };
+
+// AR utilities
+export * from "./AR/ViroARTrackingTargets";
+import ViroARTrackingTargets from "./AR/ViroARTrackingTargets";
+export { ViroARTrackingTargets };

package/fabric-interop/dist/NativeViro.d.ts

@@ -0,0 +1,43 @@
+/**
+ * NativeViro - JSI Bridge Functions
+ *
+ * This module provides direct JSI functions to communicate with the native Viro implementation.
+ * These functions bypass the React Native bridge and codegen, providing direct access to
+ * the existing native implementation.
+ */
+export type ViroNodeProps = Record<string, any>;
+export type ViroNodeType = "box" | "sphere" | "text" | "image" | "animatedImage" | "animatedComponent" | "object" | "scene" | "arScene" | "camera" | "arCamera" | "orbitCamera" | "light" | "ambientLight" | "directionalLight" | "spotLight" | "omniLight" | "sound" | "soundField" | "spatialSound" | "video" | "materialVideo" | "portal" | "portalScene" | "plane" | "arPlane" | "arImageMarker" | "arObjectMarker" | "quad" | "polygon" | "polyline" | "geometry" | "particle" | "flexView" | "surface" | "360Image" | "360Video" | "skyBox" | "lightingEnvironment" | "button" | "controller" | "node";
+export type ViroEventCallback = (event: any) => void;
+export declare const generateNodeId: () => string;
+export declare const generateCallbackId: () => string;
+export declare function handleViroEvent(callbackId: string, event: any): void;
+export declare function registerEventListener(nodeId: string, eventName: string, callback: ViroEventCallback): string;
+export declare function unregisterEventListener(nodeId: string, eventName: string, callbackId: string): void;
+export declare function initializeViro(config?: {
+    debug?: boolean;
+    arEnabled?: boolean;
+    worldAlignment?: string;
+}): Promise<boolean>;
+export declare function createScene(sceneId: string, sceneType: string, props?: ViroNodeProps): void;
+export declare function activateScene(sceneId: string): void;
+export declare function deactivateScene(sceneId: string): void;
+export declare function destroyScene(sceneId: string): void;
+export declare function getSceneState(sceneId: string): string | null;
+export declare function getMemoryStats(): Record<string, any> | null;
+export declare function performMemoryCleanup(): void;
+export declare function createNode(nodeId: string, nodeType: ViroNodeType, props?: ViroNodeProps): void;
+export declare function updateNode(nodeId: string, props: ViroNodeProps): void;
+export declare function deleteNode(nodeId: string): void;
+export declare function addChild(parentId: string, childId: string): void;
+export declare function removeChild(parentId: string, childId: string): void;
+export declare function createMaterial(materialName: string, properties: Record<string, any>): void;
+export declare function updateMaterial(materialName: string, properties: Record<string, any>): void;
+export declare function createAnimation(animationName: string, properties: Record<string, any>): void;
+export declare function executeAnimation(nodeId: string, animationName: string, options?: Record<string, any>): void;
+export declare function setARPlaneDetection(config: {
+    enabled?: boolean;
+    alignment?: string;
+}): void;
+export declare function setARImageTargets(targets: Record<string, any>): void;
+export declare function isViroJSIAvailable(): boolean;
+//# sourceMappingURL=NativeViro.d.ts.map

package/fabric-interop/dist/NativeViro.d.ts.map

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

package/fabric-interop/dist/NativeViro.js

@@ -0,0 +1,263 @@
+"use strict";
+/**
+ * NativeViro - JSI Bridge Functions
+ *
+ * This module provides direct JSI functions to communicate with the native Viro implementation.
+ * These functions bypass the React Native bridge and codegen, providing direct access to
+ * the existing native implementation.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateCallbackId = exports.generateNodeId = void 0;
+exports.handleViroEvent = handleViroEvent;
+exports.registerEventListener = registerEventListener;
+exports.unregisterEventListener = unregisterEventListener;
+exports.initializeViro = initializeViro;
+exports.createScene = createScene;
+exports.activateScene = activateScene;
+exports.deactivateScene = deactivateScene;
+exports.destroyScene = destroyScene;
+exports.getSceneState = getSceneState;
+exports.getMemoryStats = getMemoryStats;
+exports.performMemoryCleanup = performMemoryCleanup;
+exports.createNode = createNode;
+exports.updateNode = updateNode;
+exports.deleteNode = deleteNode;
+exports.addChild = addChild;
+exports.removeChild = removeChild;
+exports.createMaterial = createMaterial;
+exports.updateMaterial = updateMaterial;
+exports.createAnimation = createAnimation;
+exports.executeAnimation = executeAnimation;
+exports.setARPlaneDetection = setARPlaneDetection;
+exports.setARImageTargets = setARImageTargets;
+exports.isViroJSIAvailable = isViroJSIAvailable;
+// The global NativeViro object is injected by the native code
+// Note: The type declaration is in the generated .d.ts file
+// We don't redeclare it here to avoid conflicts
+// Additional methods that may not be in the type declaration
+// These are accessed using type assertions in the components
+// - recenterTracking(nodeId: string): void
+// - project(nodeId: string, point: [number, number, number]): Promise<[number, number, number]>
+// - unproject(nodeId: string, point: [number, number, number]): Promise<[number, number, number]>
+// Event callback registry
+const eventCallbacks = {};
+// Generate a unique ID for nodes
+let nextNodeId = 1;
+const generateNodeId = () => `viro_node_${nextNodeId++}`;
+exports.generateNodeId = generateNodeId;
+// Generate a unique ID for callbacks
+let nextCallbackId = 1;
+const generateCallbackId = () => `viro_callback_${nextCallbackId++}`;
+exports.generateCallbackId = generateCallbackId;
+// Event handler that receives events from native code
+function handleViroEvent(callbackId, event) {
+    const callback = eventCallbacks[callbackId];
+    if (callback) {
+        callback(event);
+    }
+    else {
+        console.warn(`No callback found for ID: ${callbackId}`);
+    }
+}
+// Set up the global event handler
+if (typeof global !== "undefined") {
+    // @ts-ignore - This property will be added by the native code
+    global.handleViroEvent = handleViroEvent;
+}
+const ViroGlobal_1 = require("./components/ViroGlobal");
+// Register a JS callback for native events
+function registerEventListener(nodeId, eventName, callback) {
+    const callbackId = (0, exports.generateCallbackId)();
+    eventCallbacks[callbackId] = callback;
+    // Register with native code
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.registerEventCallback(nodeId, eventName, callbackId);
+    }
+    return callbackId;
+}
+// Unregister a callback
+function unregisterEventListener(nodeId, eventName, callbackId) {
+    delete eventCallbacks[callbackId];
+    // Unregister with native code
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.unregisterEventCallback(nodeId, eventName, callbackId);
+    }
+}
+// Initialize the Viro platform
+function initializeViro(config) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        return nativeViro.initialize(config);
+    }
+    return Promise.reject(new Error("NativeViro not available"));
+}
+// Scene Management Functions
+function createScene(sceneId, sceneType, props = {}) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro && nativeViro.createViroScene) {
+        nativeViro.createViroScene(sceneId, sceneType, props);
+    }
+    else {
+        console.warn("Scene management not available - createScene");
+    }
+}
+function activateScene(sceneId) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro && nativeViro.activateViroScene) {
+        nativeViro.activateViroScene(sceneId);
+    }
+    else {
+        console.warn("Scene management not available - activateScene");
+    }
+}
+function deactivateScene(sceneId) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro && nativeViro.deactivateViroScene) {
+        nativeViro.deactivateViroScene(sceneId);
+    }
+    else {
+        console.warn("Scene management not available - deactivateScene");
+    }
+}
+function destroyScene(sceneId) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro && nativeViro.destroyViroScene) {
+        nativeViro.destroyViroScene(sceneId);
+    }
+    else {
+        console.warn("Scene management not available - destroyScene");
+    }
+}
+function getSceneState(sceneId) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro && nativeViro.getViroSceneState) {
+        return nativeViro.getViroSceneState(sceneId);
+    }
+    return null;
+}
+function getMemoryStats() {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro && nativeViro.getViroMemoryStats) {
+        return nativeViro.getViroMemoryStats();
+    }
+    return null;
+}
+function performMemoryCleanup() {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro && nativeViro.performViroMemoryCleanup) {
+        nativeViro.performViroMemoryCleanup();
+    }
+    else {
+        console.warn("Memory management not available - performMemoryCleanup");
+    }
+}
+// Node Management Functions (enhanced)
+function createNode(nodeId, nodeType, props = {}) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.createViroNode(nodeId, nodeType, props);
+    }
+    else {
+        console.warn("NativeViro not available - createNode");
+    }
+}
+function updateNode(nodeId, props) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.updateViroNode(nodeId, props);
+    }
+    else {
+        console.warn("NativeViro not available - updateNode");
+    }
+}
+function deleteNode(nodeId) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.deleteViroNode(nodeId);
+    }
+    else {
+        console.warn("NativeViro not available - deleteNode");
+    }
+}
+function addChild(parentId, childId) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.addViroNodeChild(parentId, childId);
+    }
+    else {
+        console.warn("NativeViro not available - addChild");
+    }
+}
+function removeChild(parentId, childId) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.removeViroNodeChild(parentId, childId);
+    }
+    else {
+        console.warn("NativeViro not available - removeChild");
+    }
+}
+// Material Management Functions (enhanced)
+function createMaterial(materialName, properties) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.createViroMaterial(materialName, properties);
+    }
+    else {
+        console.warn("NativeViro not available - createMaterial");
+    }
+}
+function updateMaterial(materialName, properties) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.updateViroMaterial(materialName, properties);
+    }
+    else {
+        console.warn("NativeViro not available - updateMaterial");
+    }
+}
+// Animation Management Functions (enhanced)
+function createAnimation(animationName, properties) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.createViroAnimation(animationName, properties);
+    }
+    else {
+        console.warn("NativeViro not available - createAnimation");
+    }
+}
+function executeAnimation(nodeId, animationName, options = {}) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.executeViroAnimation(nodeId, animationName, options);
+    }
+    else {
+        console.warn("NativeViro not available - executeAnimation");
+    }
+}
+// AR Configuration Functions (enhanced)
+function setARPlaneDetection(config) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.setViroARPlaneDetection(config);
+    }
+    else {
+        console.warn("NativeViro not available - setARPlaneDetection");
+    }
+}
+function setARImageTargets(targets) {
+    const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+    if (nativeViro) {
+        nativeViro.setViroARImageTargets(targets);
+    }
+    else {
+        console.warn("NativeViro not available - setARImageTargets");
+    }
+}
+// Check if the JSI interface is available
+function isViroJSIAvailable() {
+    return (0, ViroGlobal_1.isNativeViroAvailable)();
+}
+//# sourceMappingURL=NativeViro.js.map

package/fabric-interop/dist/NativeViro.js.map

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

package/fabric-interop/dist/ViroFabricContainer.d.ts

@@ -0,0 +1,35 @@
+/**
+ * ViroFabricContainer
+ *
+ * This is the main container component that Fabric manages directly.
+ * It serves as a viewport for the Viro rendering engine and delegates
+ * rendering to the existing native implementation.
+ */
+import React from "react";
+export interface ViroFabricContainerProps {
+    debug?: boolean;
+    style?: React.CSSProperties;
+    arEnabled?: boolean;
+    autofocus?: boolean;
+    worldAlignment?: "Gravity" | "GravityAndHeading" | "Camera";
+    videoQuality?: "High" | "Low";
+    onInitialized?: (success: boolean) => void;
+    onTrackingUpdated?: (state: any) => void;
+    onCameraTransformUpdate?: (transform: any) => void;
+    onARSessionFailed?: (error: string) => void;
+    onSceneStateChanged?: (event: {
+        sceneId: string;
+        state: string;
+    }) => void;
+    onMemoryWarning?: (event: {
+        memoryStats: Record<string, any>;
+    }) => void;
+    children?: React.ReactNode;
+}
+/**
+ * ViroFabricContainer is the main component that hosts the Viro rendering engine.
+ * It creates a native view that the Viro renderer can draw on and manages the
+ * lifecycle of the Viro system.
+ */
+export declare const ViroFabricContainer: React.FC<ViroFabricContainerProps>;
+//# sourceMappingURL=ViroFabricContainer.d.ts.map

package/fabric-interop/dist/ViroFabricContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViroFabricContainer.d.ts","sourceRoot":"","sources":["../ViroFabricContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAiD3D,MAAM,WAAW,wBAAwB;IAEvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAG5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,GAAG,mBAAmB,GAAG,QAAQ,CAAC;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAG9B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACzC,uBAAuB,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;IACnD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAG5C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IAGxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyLlE,CAAC"}