@terraware/web-components 4.2.12 → 4.2.14-rc.0

package/components/VirtualWalkthrough/CameraInfo.js

@@ -0,0 +1,88 @@
+import React, { useEffect, useState } from 'react';
+import { Box, Typography, useTheme } from '@mui/material';
+import { getRgbaFromHex } from '../../utils/color';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const UPDATE_FREQUENCY_MS = 200;
+const COORDINATE_LABELS = ['X', 'Y', 'Z'];
+const formatNumber = num => num.toFixed(6);
+const CoordinateDisplay = ({
+  label,
+  coordinates,
+  textColor
+}) => /*#__PURE__*/_jsxs(Box, {
+  children: [/*#__PURE__*/_jsxs(Typography, {
+    variant: "caption",
+    sx: {
+      color: textColor,
+      fontWeight: 'bold'
+    },
+    children: [label, ":"]
+  }), coordinates.map((value, index) => /*#__PURE__*/_jsxs(Typography, {
+    variant: "caption",
+    sx: {
+      color: textColor,
+      display: 'block',
+      fontFamily: 'monospace'
+    },
+    children: [COORDINATE_LABELS[index], ": ", formatNumber(value)]
+  }, COORDINATE_LABELS[index]))]
+});
+const CameraInfo = ({
+  strings,
+  getCameraState
+}) => {
+  const theme = useTheme();
+  const [cameraState, setCameraState] = useState(null);
+  useEffect(() => {
+    const updateCameraState = () => {
+      const state = getCameraState();
+      if (state) {
+        setCameraState(state);
+      }
+    };
+    updateCameraState();
+    const intervalId = setInterval(updateCameraState, UPDATE_FREQUENCY_MS);
+    return () => clearInterval(intervalId);
+  }, [getCameraState]);
+  if (!cameraState) {
+    return null;
+  }
+  const textColor = theme.palette.TwClrIcnInfo;
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      position: 'absolute',
+      bottom: 16,
+      left: 16,
+      backgroundColor: getRgbaFromHex(theme.palette.TwClrIcnOnBrand, 0.9),
+      padding: 2,
+      borderRadius: 1,
+      pointerEvents: 'auto',
+      minWidth: 220
+    },
+    children: [/*#__PURE__*/_jsx(Typography, {
+      variant: "body2",
+      sx: {
+        color: textColor,
+        fontWeight: 'bold',
+        marginBottom: 1
+      },
+      children: strings.cameraInfo
+    }), /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 1
+      },
+      children: [/*#__PURE__*/_jsx(CoordinateDisplay, {
+        label: strings.cameraPosition,
+        coordinates: cameraState.position,
+        textColor: textColor
+      }), /*#__PURE__*/_jsx(CoordinateDisplay, {
+        label: strings.cameraFocusPoint,
+        coordinates: cameraState.focus,
+        textColor: textColor
+      })]
+    })]
+  });
+};
+export default CameraInfo;

package/components/VirtualWalkthrough/ControlsInfoPane.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+export interface ControlsInfoPaneStrings {
+    controls: string;
+    annotations: string;
+    autoRotate: string;
+    orbit: string;
+    leftMouse: string;
+    touchDrag: string;
+    pan: string;
+    middleMouse: string;
+    swipe: string;
+    look: string;
+    rightMouse: string;
+    zoom: string;
+    mouseWheel: string;
+    pinch: string;
+    fly: string;
+    arrowKeys: string;
+    flyFaster: string;
+    shift: string;
+    flySlower: string;
+    ctrl: string;
+    resetCamera: string;
+}
+interface ControlsInfoPaneProps {
+    visible: boolean;
+    paneRef: React.RefObject<HTMLDivElement | null>;
+    strings: ControlsInfoPaneStrings;
+    showAnnotations?: boolean;
+    onToggleAnnotations?: (show: boolean) => void;
+    autoRotate?: boolean;
+    onToggleAutoRotate?: (enabled: boolean) => void;
+    isFullScreen?: boolean;
+}
+declare const ControlsInfoPane: ({ visible, paneRef, strings, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, isFullScreen, }: ControlsInfoPaneProps) => import("react/jsx-runtime").JSX.Element;
+export default ControlsInfoPane;
+//# sourceMappingURL=ControlsInfoPane.d.ts.map

package/components/VirtualWalkthrough/ControlsInfoPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsInfoPane.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/ControlsInfoPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,OAAO,EAAE,uBAAuB,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,GAAI,oHASvB,qBAAqB,4CA8JvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/components/VirtualWalkthrough/ControlsInfoPane.js

@@ -0,0 +1,196 @@
+import React, { useCallback } from 'react';
+import { Box, Checkbox, Divider, Fade, Typography, useTheme } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ControlsInfoPane = ({
+  visible,
+  paneRef,
+  strings,
+  showAnnotations,
+  onToggleAnnotations,
+  autoRotate,
+  onToggleAutoRotate,
+  isFullScreen = false
+}) => {
+  const theme = useTheme();
+  const handleAnnotationsChange = useCallback(e => {
+    onToggleAnnotations?.(e.target.checked);
+  }, [onToggleAnnotations]);
+  const handleAutoRotateChange = useCallback(e => {
+    onToggleAutoRotate?.(e.target.checked);
+  }, [onToggleAutoRotate]);
+  const controlRowSx = {
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  };
+  const rightAlignedTextSx = {
+    textAlign: 'right'
+  };
+  const dividerSx = {
+    backgroundColor: theme.palette.TwClrBrdrTertiary
+  };
+  return /*#__PURE__*/_jsx(Box, {
+    sx: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      pointerEvents: 'none',
+      display: 'flex',
+      justifyContent: 'flex-end',
+      alignItems: 'flex-start',
+      paddingX: 2,
+      paddingTop: isFullScreen ? 8 : 2,
+      zIndex: 1001
+    },
+    children: /*#__PURE__*/_jsx(Fade, {
+      in: visible,
+      timeout: 500,
+      children: /*#__PURE__*/_jsx(Box, {
+        ref: paneRef,
+        sx: {
+          backgroundColor: theme.palette.grey[900],
+          color: theme.palette.common.white,
+          borderRadius: 2,
+          padding: 3,
+          minWidth: 320,
+          maxWidth: 400,
+          pointerEvents: 'auto'
+        },
+        children: /*#__PURE__*/_jsxs(Box, {
+          sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 1
+          },
+          children: [/*#__PURE__*/_jsx(Typography, {
+            sx: {
+              fontWeight: 600
+            },
+            children: strings.controls
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.annotations
+            }), /*#__PURE__*/_jsx(Checkbox, {
+              checked: showAnnotations ?? true,
+              onChange: handleAnnotationsChange,
+              sx: {
+                color: theme.palette.primary.main
+              }
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.autoRotate
+            }), /*#__PURE__*/_jsx(Checkbox, {
+              checked: autoRotate ?? true,
+              onChange: handleAutoRotateChange,
+              sx: {
+                color: theme.palette.primary.main
+              }
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.orbit
+            }), /*#__PURE__*/_jsxs(Box, {
+              sx: rightAlignedTextSx,
+              children: [/*#__PURE__*/_jsx(Typography, {
+                children: strings.leftMouse
+              }), /*#__PURE__*/_jsx(Typography, {
+                children: strings.touchDrag
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.pan
+            }), /*#__PURE__*/_jsxs(Box, {
+              sx: rightAlignedTextSx,
+              children: [/*#__PURE__*/_jsx(Typography, {
+                children: strings.middleMouse
+              }), /*#__PURE__*/_jsx(Typography, {
+                children: strings.swipe
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.look
+            }), /*#__PURE__*/_jsx(Typography, {
+              children: strings.rightMouse
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.zoom
+            }), /*#__PURE__*/_jsxs(Box, {
+              sx: rightAlignedTextSx,
+              children: [/*#__PURE__*/_jsx(Typography, {
+                children: strings.mouseWheel
+              }), /*#__PURE__*/_jsx(Typography, {
+                children: strings.pinch
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.fly
+            }), /*#__PURE__*/_jsxs(Box, {
+              sx: rightAlignedTextSx,
+              children: [/*#__PURE__*/_jsx(Typography, {
+                children: "WASD"
+              }), /*#__PURE__*/_jsx(Typography, {
+                children: strings.arrowKeys
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.flyFaster
+            }), /*#__PURE__*/_jsx(Typography, {
+              children: strings.shift
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.flySlower
+            }), /*#__PURE__*/_jsx(Typography, {
+              children: strings.ctrl
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: controlRowSx,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              children: strings.resetCamera
+            }), /*#__PURE__*/_jsx(Typography, {
+              children: "R"
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {
+            sx: dividerSx
+          })]
+        })
+      })
+    })
+  });
+};
+export default ControlsInfoPane;

package/components/VirtualWalkthrough/GradientSky.d.ts

@@ -0,0 +1,9 @@
+interface GradientSkyProps {
+    topColor?: string;
+    horizonColor?: string;
+    groundColor?: string;
+    resolution?: number;
+}
+declare const GradientSky: ({ topColor, horizonColor, groundColor, resolution, }: GradientSkyProps) => import("react/jsx-runtime").JSX.Element | null;
+export default GradientSky;
+//# sourceMappingURL=GradientSky.d.ts.map

package/components/VirtualWalkthrough/GradientSky.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientSky.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/GradientSky.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,GAAI,sDAKlB,gBAAgB,mDAkElB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/components/VirtualWalkthrough/GradientSky.js

@@ -0,0 +1,73 @@
+import React, { useEffect, useMemo } from 'react';
+import { Entity } from '@playcanvas/react';
+import { Render } from '@playcanvas/react/components';
+import { useApp } from '@playcanvas/react/hooks';
+import { Color, PIXELFORMAT_RGBA8, StandardMaterial, Texture } from 'playcanvas';
+import { jsx as _jsx } from "react/jsx-runtime";
+const GradientSky = ({
+  topColor = '#1e90ff',
+  horizonColor = '#87ceeb',
+  groundColor = '#8b7355',
+  resolution = 512
+}) => {
+  const app = useApp();
+  const material = useMemo(() => {
+    if (!app) {
+      return null;
+    }
+    const canvas = document.createElement('canvas');
+    canvas.width = resolution;
+    canvas.height = resolution;
+    const ctx = canvas.getContext('2d');
+    if (!ctx) {
+      return null;
+    }
+    const gradient = ctx.createLinearGradient(0, 0, 0, resolution);
+    gradient.addColorStop(0, topColor);
+    gradient.addColorStop(0.5, horizonColor);
+    gradient.addColorStop(0.5, groundColor);
+    gradient.addColorStop(1, groundColor);
+    ctx.fillStyle = gradient;
+    ctx.fillRect(0, 0, resolution, resolution);
+    const texture = new Texture(app.graphicsDevice, {
+      width: resolution,
+      height: resolution,
+      format: PIXELFORMAT_RGBA8,
+      mipmaps: false
+    });
+    const pixels = ctx.getImageData(0, 0, resolution, resolution);
+    texture.lock().set(new Uint8Array(pixels.data));
+    texture.unlock();
+    const mat = new StandardMaterial();
+    mat.emissiveMap = texture;
+    mat.emissive = new Color(1, 1, 1);
+    mat.useLighting = false;
+    mat.cull = 0;
+    mat.depthWrite = false;
+    mat.update();
+    return mat;
+  }, [app, topColor, horizonColor, groundColor, resolution]);
+  useEffect(() => {
+    // remove material to avoid memory leak
+    return () => {
+      if (material) {
+        material.destroy();
+      }
+    };
+  }, [material]);
+  if (!material) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Entity, {
+    name: "gradient-sky",
+    position: [0, 0, 0],
+    scale: [500, 500, 500],
+    children: /*#__PURE__*/_jsx(Render, {
+      type: "sphere",
+      material: material,
+      castShadows: false,
+      receiveShadows: false
+    })
+  });
+};
+export default GradientSky;

package/components/VirtualWalkthrough/SplatControls.d.ts

@@ -0,0 +1,50 @@
+import { AnnotationProps } from './Annotation';
+import { AnnotationEditPaneStrings } from './AnnotationEditPane';
+import { CameraInfoStrings } from './CameraInfo';
+import { ControlsInfoPaneStrings } from './ControlsInfoPane';
+export interface SplatControlsStrings {
+    addAnnotation: string;
+    deselectAnnotation: string;
+    deleteAnnotation: string;
+    ar: string;
+    vr: string;
+    edit: string;
+    freeFly: string;
+    boundedFly: string;
+    cancel: string;
+    save: string;
+    controlsInfoPane: ControlsInfoPaneStrings;
+    cameraInfo: CameraInfoStrings;
+    annotationEditPane: AnnotationEditPaneStrings;
+}
+export interface SplatControlsProps {
+    strings: SplatControlsStrings;
+    defaultCameraPosition?: [number, number, number];
+    defaultCameraFocus?: [number, number, number];
+    showAnnotations?: boolean;
+    onToggleAnnotations?: (show: boolean) => void;
+    autoRotate?: boolean;
+    onToggleAutoRotate?: (enabled: boolean) => void;
+    editable?: boolean;
+    isEdit?: boolean;
+    onToggleEdit?: (isEdit: boolean) => void;
+    onSave?: () => void;
+    onCancel?: () => void;
+    onAddAnnotation?: () => void;
+    onDeleteAnnotation?: () => void;
+    onDeselectAnnotation?: () => void;
+    hasSelectedAnnotation?: boolean;
+    selectedAnnotation?: AnnotationProps | null;
+    onAnnotationUpdate: (updates: Partial<AnnotationProps>) => void;
+    onTextFieldFocus?: (isFocused: boolean) => void;
+    canSave?: boolean;
+    isFullScreen?: boolean;
+    onToggleFullScreen?: () => void;
+    isFreeFly?: boolean;
+    onToggleFreeFly?: () => void;
+    showFreeFly?: boolean;
+    onError?: (error: Error) => void;
+}
+declare const SplatControls: ({ strings, defaultCameraPosition, defaultCameraFocus, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, editable, isEdit, onToggleEdit, onSave, onCancel, onAddAnnotation, onDeleteAnnotation, onDeselectAnnotation, hasSelectedAnnotation, selectedAnnotation, onAnnotationUpdate, onTextFieldFocus, canSave, isFullScreen, onToggleFullScreen, isFreeFly, onToggleFreeFly, showFreeFly, onError, }: SplatControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default SplatControls;
+//# sourceMappingURL=SplatControls.d.ts.map

package/components/VirtualWalkthrough/SplatControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplatControls.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/SplatControls.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAA2B,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAmB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAyB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE/E,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,UAAU,EAAE,iBAAiB,CAAC;IAC9B,kBAAkB,EAAE,yBAAyB,CAAC;CAC/C;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,aAAa,GAAI,0ZA2BpB,kBAAkB,4CA2NpB,CAAC;AAEF,eAAe,aAAa,CAAC"}