@gemx-dev/heatmap-react 3.5.47 → 3.5.48

package/dist/esm/components/Layout/ContentToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ContentToolbar.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAmBlC,CAAC"}
+{"version":3,"file":"ContentToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ContentToolbar.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAkBlC,CAAC"}

package/dist/esm/hooks/viz-scale/useHeatmapScale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useHeatmapScale.ts"],"names":[],"mappings":"AAMA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,kBAAkB,KAAG,sBA4B3D,CAAC"}
+{"version":3,"file":"useHeatmapScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useHeatmapScale.ts"],"names":[],"mappings":"AAMA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,kBAAkB,KAAG,sBAiC3D,CAAC"}

package/dist/esm/hooks/viz-scale/useScaleCalculation.d.ts

@@ -1,9 +1,13 @@
 interface IUseScaleCalculationProps {
     containerWidth: number;
+    containerHeight: number;
     contentWidth: number;
+    contentHeight: number;
 }
 interface IUseScaleCalculationResult {
     scale: number;
+    isScaledToFit: boolean;
+    minZoomRatio: number;
 }
 export declare const useScaleCalculation: (props: IUseScaleCalculationProps) => IUseScaleCalculationResult;
 export {};

package/dist/esm/hooks/viz-scale/useScaleCalculation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScaleCalculation.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useScaleCalculation.ts"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,GAC9B,OAAO,yBAAyB,KAC/B,0BAeF,CAAC"}
+{"version":3,"file":"useScaleCalculation.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useScaleCalculation.ts"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAC9B,OAAO,yBAAyB,KAC/B,0BA2DF,CAAC"}

package/dist/esm/index.js

@@ -161,8 +161,14 @@ const useHeatmapVizStore = create()((set, get) => {
     return {
         isRenderViz: false,
         setIsRenderViz: (isRenderViz) => set({ isRenderViz }),
+        zoomRatio: 100,
+        minZoomRatio: 10,
+        setMinZoomRatio: (minZoomRatio) => set({ minZoomRatio }),
+        setZoomRatio: (zoomRatio) => set({ zoomRatio }),
         scale: 1,
         setScale: (scale) => set({ scale }),
+        isScaledToFit: false,
+        setIsScaledToFit: (isScaledToFit) => set({ isScaledToFit }),
     };
 });
 
@@ -1964,16 +1970,52 @@ const useObserveIframeHeight = (props) => {
 
 const useScaleCalculation = (props) => {
     const scale = useHeatmapVizStore((state) => state.scale);
+    const zoomRatio = useHeatmapVizStore((state) => state.zoomRatio);
     const setScale = useHeatmapVizStore((state) => state.setScale);
-    const { containerWidth, contentWidth } = props;
-    useEffect(() => {
-        if (containerWidth > 0 && contentWidth > 0) {
+    const isScaledToFit = useHeatmapVizStore((state) => state.isScaledToFit);
+    const setIsScaledToFit = useHeatmapVizStore((state) => state.setIsScaledToFit);
+    const minZoomRatio = useHeatmapVizStore((state) => state.minZoomRatio);
+    const setMinZoomRatio = useHeatmapVizStore((state) => state.setMinZoomRatio);
+    const { containerWidth, containerHeight, contentWidth, contentHeight } = props;
+    const calculateScaleResult = useCallback(() => {
+        if (containerWidth > 0 && contentWidth > 0 && containerHeight > 0 && contentHeight > 0) {
+            // 1. Calculate widthScale (base scale from width)
             const availableWidth = containerWidth - HEATMAP_CONFIG['padding'] * 2;
-            const calculatedScale = Math.min(availableWidth / contentWidth, 1);
-            setScale(calculatedScale);
-        }
-    }, [containerWidth, contentWidth]);
-    return { scale };
+            const widthScale = Math.min(availableWidth / contentWidth, 1);
+            // 2. Calculate available height
+            const toolbarHeight = HEATMAP_CONFIG['heightToolbar'] ;
+            const paddingTotal = HEATMAP_CONFIG['padding'] * 2;
+            const availableHeight = containerHeight - toolbarHeight - paddingTotal; // 10px buffer to avoid scroll bar
+            // 3. Calculate minZoomRatio (zoom ratio minimum to fit iframe in container)
+            const roundedMinZoomRatio = (availableHeight / (contentHeight * widthScale)) * 100;
+            // Limit minZoomRatio to a reasonable range (10-100)
+            const finalMinZoomRatio = Math.max(10, Math.min(roundedMinZoomRatio, 100));
+            // 4. Apply zoom ratio (cannot be less than minZoomRatio)
+            const clampedZoomRatio = Math.max(zoomRatio, finalMinZoomRatio);
+            const zoomMultiplier = clampedZoomRatio / 100;
+            // 5. Calculate finalScale
+            const finalScale = widthScale * zoomMultiplier;
+            // 6. Check if it is currently fitted
+            const isCurrentlyFitted = zoomRatio <= finalMinZoomRatio;
+            // 7. Update store
+            setScale(finalScale);
+            setIsScaledToFit(isCurrentlyFitted);
+            setMinZoomRatio(finalMinZoomRatio);
+        }
+    }, [
+        containerWidth,
+        containerHeight,
+        contentWidth,
+        contentHeight,
+        zoomRatio,
+        setScale,
+        setIsScaledToFit,
+        setMinZoomRatio,
+    ]);
+    useEffect(() => {
+        calculateScaleResult();
+    }, [calculateScaleResult]);
+    return { scale, isScaledToFit, minZoomRatio };
 };
 
 const useScrollSync = ({ iframeRef }) => {
@@ -2006,7 +2048,12 @@ const useHeatmapScale = (props) => {
     // 3. Observe iframe height (now reacts to width changes)
     useObserveIframeHeight({ iframeRef, setIframeHeight });
     // 4. Calculate scale
-    const { scale } = useScaleCalculation({ containerWidth, contentWidth });
+    const { scale } = useScaleCalculation({
+        containerWidth,
+        containerHeight,
+        contentWidth,
+        contentHeight: iframeHeight,
+    });
     // 5. Setup scroll sync
     const { handleScroll } = useScrollSync({ iframeRef });
     const scaledHeight = iframeHeight * scale;
@@ -2279,7 +2326,6 @@ const ContentMetricBar = () => {
 const ContentToolbar = () => {
     const controls = useHeatmapControlStore((state) => state.controls);
     return (jsx("div", { id: "gx-hm-content-toolbar", style: {
-            zIndex: 2,
             position: 'absolute',
             bottom: 0,
             left: '8px',
@@ -2846,7 +2892,7 @@ const WrapperVisual = ({ children, visualRef, wrapperRef, scaledHeight, iframeHe
         ? `${scaledHeight + HEATMAP_CONFIG['heightToolbar'] + HEATMAP_CONFIG['padding'] * 2}px`
         : 'auto';
     return (jsx("div", { ref: visualRef, className: "gx-hm-visual", onScroll: onScroll, style: {
-            overflow: 'hidden auto',
+            overflow: 'hidden scroll',
             display: 'flex',
             position: 'relative',
             justifyContent: 'center',

package/dist/esm/index.mjs

@@ -161,8 +161,14 @@ const useHeatmapVizStore = create()((set, get) => {
     return {
         isRenderViz: false,
         setIsRenderViz: (isRenderViz) => set({ isRenderViz }),
+        zoomRatio: 100,
+        minZoomRatio: 10,
+        setMinZoomRatio: (minZoomRatio) => set({ minZoomRatio }),
+        setZoomRatio: (zoomRatio) => set({ zoomRatio }),
         scale: 1,
         setScale: (scale) => set({ scale }),
+        isScaledToFit: false,
+        setIsScaledToFit: (isScaledToFit) => set({ isScaledToFit }),
     };
 });
 
@@ -1964,16 +1970,52 @@ const useObserveIframeHeight = (props) => {
 
 const useScaleCalculation = (props) => {
     const scale = useHeatmapVizStore((state) => state.scale);
+    const zoomRatio = useHeatmapVizStore((state) => state.zoomRatio);
     const setScale = useHeatmapVizStore((state) => state.setScale);
-    const { containerWidth, contentWidth } = props;
-    useEffect(() => {
-        if (containerWidth > 0 && contentWidth > 0) {
+    const isScaledToFit = useHeatmapVizStore((state) => state.isScaledToFit);
+    const setIsScaledToFit = useHeatmapVizStore((state) => state.setIsScaledToFit);
+    const minZoomRatio = useHeatmapVizStore((state) => state.minZoomRatio);
+    const setMinZoomRatio = useHeatmapVizStore((state) => state.setMinZoomRatio);
+    const { containerWidth, containerHeight, contentWidth, contentHeight } = props;
+    const calculateScaleResult = useCallback(() => {
+        if (containerWidth > 0 && contentWidth > 0 && containerHeight > 0 && contentHeight > 0) {
+            // 1. Calculate widthScale (base scale from width)
             const availableWidth = containerWidth - HEATMAP_CONFIG['padding'] * 2;
-            const calculatedScale = Math.min(availableWidth / contentWidth, 1);
-            setScale(calculatedScale);
-        }
-    }, [containerWidth, contentWidth]);
-    return { scale };
+            const widthScale = Math.min(availableWidth / contentWidth, 1);
+            // 2. Calculate available height
+            const toolbarHeight = HEATMAP_CONFIG['heightToolbar'] ;
+            const paddingTotal = HEATMAP_CONFIG['padding'] * 2;
+            const availableHeight = containerHeight - toolbarHeight - paddingTotal; // 10px buffer to avoid scroll bar
+            // 3. Calculate minZoomRatio (zoom ratio minimum to fit iframe in container)
+            const roundedMinZoomRatio = (availableHeight / (contentHeight * widthScale)) * 100;
+            // Limit minZoomRatio to a reasonable range (10-100)
+            const finalMinZoomRatio = Math.max(10, Math.min(roundedMinZoomRatio, 100));
+            // 4. Apply zoom ratio (cannot be less than minZoomRatio)
+            const clampedZoomRatio = Math.max(zoomRatio, finalMinZoomRatio);
+            const zoomMultiplier = clampedZoomRatio / 100;
+            // 5. Calculate finalScale
+            const finalScale = widthScale * zoomMultiplier;
+            // 6. Check if it is currently fitted
+            const isCurrentlyFitted = zoomRatio <= finalMinZoomRatio;
+            // 7. Update store
+            setScale(finalScale);
+            setIsScaledToFit(isCurrentlyFitted);
+            setMinZoomRatio(finalMinZoomRatio);
+        }
+    }, [
+        containerWidth,
+        containerHeight,
+        contentWidth,
+        contentHeight,
+        zoomRatio,
+        setScale,
+        setIsScaledToFit,
+        setMinZoomRatio,
+    ]);
+    useEffect(() => {
+        calculateScaleResult();
+    }, [calculateScaleResult]);
+    return { scale, isScaledToFit, minZoomRatio };
 };
 
 const useScrollSync = ({ iframeRef }) => {
@@ -2006,7 +2048,12 @@ const useHeatmapScale = (props) => {
     // 3. Observe iframe height (now reacts to width changes)
     useObserveIframeHeight({ iframeRef, setIframeHeight });
     // 4. Calculate scale
-    const { scale } = useScaleCalculation({ containerWidth, contentWidth });
+    const { scale } = useScaleCalculation({
+        containerWidth,
+        containerHeight,
+        contentWidth,
+        contentHeight: iframeHeight,
+    });
     // 5. Setup scroll sync
     const { handleScroll } = useScrollSync({ iframeRef });
     const scaledHeight = iframeHeight * scale;
@@ -2279,7 +2326,6 @@ const ContentMetricBar = () => {
 const ContentToolbar = () => {
     const controls = useHeatmapControlStore((state) => state.controls);
     return (jsx("div", { id: "gx-hm-content-toolbar", style: {
-            zIndex: 2,
             position: 'absolute',
             bottom: 0,
             left: '8px',
@@ -2846,7 +2892,7 @@ const WrapperVisual = ({ children, visualRef, wrapperRef, scaledHeight, iframeHe
         ? `${scaledHeight + HEATMAP_CONFIG['heightToolbar'] + HEATMAP_CONFIG['padding'] * 2}px`
         : 'auto';
     return (jsx("div", { ref: visualRef, className: "gx-hm-visual", onScroll: onScroll, style: {
-            overflow: 'hidden auto',
+            overflow: 'hidden scroll',
             display: 'flex',
             position: 'relative',
             justifyContent: 'center',

package/dist/esm/stores/viz.d.ts

@@ -1,8 +1,14 @@
 export interface IHeatmapVizStore {
     isRenderViz: boolean;
     setIsRenderViz: (isRenderViz: boolean) => void;
+    zoomRatio: number;
+    minZoomRatio: number;
+    setMinZoomRatio: (minZoomRatio: number) => void;
+    setZoomRatio: (zoomRatio: number) => void;
     scale: number;
     setScale: (scale: number) => void;
+    isScaledToFit: boolean;
+    setIsScaledToFit: (isScaledToFit: boolean) => void;
 }
 export declare const useHeatmapVizStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IHeatmapVizStore>>;
 //# sourceMappingURL=viz.d.ts.map

package/dist/esm/stores/viz.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz.d.ts","sourceRoot":"","sources":["../../src/stores/viz.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,kBAAkB,+EAO7B,CAAC"}
+{"version":3,"file":"viz.d.ts","sourceRoot":"","sources":["../../src/stores/viz.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,kBAAkB,+EAa7B,CAAC"}

package/dist/umd/components/Layout/ContentToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ContentToolbar.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAmBlC,CAAC"}
+{"version":3,"file":"ContentToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ContentToolbar.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAkBlC,CAAC"}

package/dist/umd/hooks/viz-scale/useHeatmapScale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useHeatmapScale.ts"],"names":[],"mappings":"AAMA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,kBAAkB,KAAG,sBA4B3D,CAAC"}
+{"version":3,"file":"useHeatmapScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useHeatmapScale.ts"],"names":[],"mappings":"AAMA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,kBAAkB,KAAG,sBAiC3D,CAAC"}

package/dist/umd/hooks/viz-scale/useScaleCalculation.d.ts

@@ -1,9 +1,13 @@
 interface IUseScaleCalculationProps {
     containerWidth: number;
+    containerHeight: number;
     contentWidth: number;
+    contentHeight: number;
 }
 interface IUseScaleCalculationResult {
     scale: number;
+    isScaledToFit: boolean;
+    minZoomRatio: number;
 }
 export declare const useScaleCalculation: (props: IUseScaleCalculationProps) => IUseScaleCalculationResult;
 export {};

package/dist/umd/hooks/viz-scale/useScaleCalculation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScaleCalculation.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useScaleCalculation.ts"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,GAC9B,OAAO,yBAAyB,KAC/B,0BAeF,CAAC"}
+{"version":3,"file":"useScaleCalculation.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useScaleCalculation.ts"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAC9B,OAAO,yBAAyB,KAC/B,0BA2DF,CAAC"}