react-native-screen-transitions 3.4.0-alpha.5 → 3.4.0-alpha.7

package/src/shared/types/animation.types.ts

@@ -53,6 +53,15 @@ export type ScreenTransitionState = {
 	 */
 	settled: number;
 
+	/**
+	 * Whether this screen is logically complete for choreography purposes.
+	 * - `0`: The screen is still meaningfully away from its animation target
+	 * - `1`: The screen is visually close enough to its target to be treated as done
+	 *
+	 * Unlike `settled`, this may become `1` before the underlying spring fully stops.
+	 */
+	logicallySettled: number;
+
 	/**
 	 * Live gesture values for this screen.
 	 * Contains translation (x, y), normalized values (-1 to 1),
@@ -176,6 +185,12 @@ export interface ScreenInterpolationProps {
 	 */
 	snapIndex: number;
 
+	/**
+	 * Whether the active transition is visually close enough to its target to be
+	 * treated as complete, even if the animation is still physically settling.
+	 */
+	logicallySettled: number;
+
 	/**
 	 * Function that provides access to bounds helpers for shared screen transitions.
 	 */
@@ -194,19 +209,12 @@ export interface ScreenInterpolationProps {
 }
 
 /**
- * Explicit signal for hiding a screen's visual subtree until the interpolator
- * becomes ready for the current transition frame.
- */
-export type DeferredScreenStyleSignal = "defer";
-
-/**
- * Returning `'defer'` explicitly hides the screen's visual subtree until the
- * transition is ready. Returning `null`, `undefined`, or `{}` applies no
- * transition styles for the current frame.
+ * Returning `null`, `undefined`, or `{}` applies no transition styles for the
+ * current frame.
  */
 export type ScreenStyleInterpolator = (
 	props: ScreenInterpolationProps,
-) => TransitionInterpolatedStyle | DeferredScreenStyleSignal | null | undefined;
+) => TransitionInterpolatedStyle | null | undefined;
 
 /**
  * Animated style properties with full autocomplete.

package/src/shared/types/index.ts

@@ -2,7 +2,6 @@ export { FALSE, TRUE } from "../constants";
 export type {
 	AnimatedViewStyle,
 	AnimationConfig,
-	DeferredScreenStyleSignal,
 	ScreenInterpolationProps,
 	ScreenStyleInterpolator,
 	ScreenTransitionState,

package/src/shared/types/screen.types.ts

@@ -22,6 +22,8 @@ export type SheetScrollGestureBehavior =
  */
 export type SnapPoint = number | "auto";
 
+export type BackdropBehavior = "block" | "passthrough" | "dismiss" | "collapse";
+
 export type TransitionAwareProps<T extends object> = AnimatedProps<T> & {
 	/**
 	 * Connects this component to custom animated styles defined in screenStyleInterpolator.
@@ -81,10 +83,8 @@ export type ScreenTransitionConfig = {
 	/**
 	 * The user-provided function to calculate styles based on animation progress.
 	 *
-	 * Return `null` to explicitly defer rendering of the screen's visual subtree
-	 * until a later frame. This is useful for transitions such as
-	 * `bounds().navigation.zoom()` where the screen should stay hidden until the
-	 * interpolator has enough state to produce a safe first frame.
+	 * Return `null`, `undefined`, or `{}` to apply no transition styles for the
+	 * current frame.
 	 */
 	screenStyleInterpolator?: ScreenStyleInterpolator;
 
@@ -282,7 +282,7 @@ export type ScreenTransitionConfig = {
 	 *
 	 * @default 'block' (or 'passthrough' for component stacks)
 	 */
-	backdropBehavior?: "block" | "passthrough" | "dismiss" | "collapse";
+	backdropBehavior?: BackdropBehavior;
 
 	/**
 	 * Custom component to render as the backdrop layer (between screens).

package/src/shared/utils/bounds/helpers/compute-bounds-styles.ts

@@ -5,6 +5,7 @@ import {
 	EXIT_RANGE,
 	FULLSCREEN_DIMENSIONS,
 	HIDDEN_STYLE,
+	NO_STYLES,
 } from "../../../constants";
 import {
 	BoundStore,
@@ -127,7 +128,7 @@ export const computeBoundStyles = (
 		if (computeOptions.raw) {
 			return EMPTY_BOUND_HELPER_RESULT_RAW;
 		}
-		return HIDDEN_STYLE;
+		return NO_STYLES;
 	}
 
 	const {

package/src/shared/utils/bounds/helpers/style-composers.ts

@@ -1,4 +1,5 @@
 import type { MeasuredDimensions, StyleProps } from "react-native-reanimated";
+import { VISIBLE_STYLE } from "../../../constants";
 import type {
 	ContentTransformGeometry,
 	RelativeGeometry,
@@ -132,6 +133,7 @@ export function composeSizeAbsolute(params: ElementComposeParams): StyleProps {
 			height,
 			translateX,
 			translateY,
+			...VISIBLE_STYLE,
 		};
 	}
 
@@ -139,6 +141,7 @@ export function composeSizeAbsolute(params: ElementComposeParams): StyleProps {
 		width,
 		height,
 		transform: [{ translateX }, { translateY }],
+		...VISIBLE_STYLE,
 	};
 }
 
@@ -175,6 +178,7 @@ export function composeSizeRelative(params: ElementComposeParams): StyleProps {
 			translateY,
 			width,
 			height,
+			...VISIBLE_STYLE,
 		};
 	}
 
@@ -182,6 +186,7 @@ export function composeSizeRelative(params: ElementComposeParams): StyleProps {
 		transform: [{ translateX }, { translateY }],
 		width,
 		height,
+		...VISIBLE_STYLE,
 	};
 }
 
@@ -210,11 +215,13 @@ export function composeTransformAbsolute(
 			translateY,
 			scaleX,
 			scaleY,
+			...VISIBLE_STYLE,
 		};
 	}
 
 	return {
 		transform: [{ translateX }, { translateY }, { scaleX }, { scaleY }],
+		...VISIBLE_STYLE,
 	};
 }
 
@@ -243,6 +250,7 @@ export function composeTransformRelative(
 			translateY,
 			scaleX,
 			scaleY,
+			...VISIBLE_STYLE,
 		};
 	}
 
@@ -255,6 +263,7 @@ export function composeTransformRelative(
 			{ scaleX },
 			{ scaleY },
 		],
+		...VISIBLE_STYLE,
 	};
 }
 
@@ -283,10 +292,12 @@ export function composeContentStyle(params: ContentComposeParams): StyleProps {
 			translateX,
 			translateY,
 			scale,
+			...VISIBLE_STYLE,
 		};
 	}
 
 	return {
 		transform: [{ translateX }, { translateY }, { scale }],
+		...VISIBLE_STYLE,
 	};
 }

package/src/shared/utils/bounds/zoom/build.ts

@@ -34,17 +34,19 @@ import type { BuildZoomStylesParams, ZoomInterpolatedStyle } from "./types";
 
 const IDENTITY_DRAG_SCALE_OUTPUT = [1, 1] as const;
 
-const getSourceBorderRadius = (
-	resolvedPair: ResolvedTransitionPair,
-): number => {
+/* -------------------------------------------------------------------------- */
+/*                               LOCAL HELPERS                                */
+/* -------------------------------------------------------------------------- */
+
+function getSourceBorderRadius(resolvedPair: ResolvedTransitionPair): number {
 	"worklet";
 
 	return typeof resolvedPair.sourceStyles?.borderRadius === "number"
 		? resolvedPair.sourceStyles.borderRadius
 		: 0;
-};
+}
 
-const getZoomContentTarget = ({
+function getZoomContentTarget({
 	explicitTarget,
 	screenLayout,
 	anchor,
@@ -54,7 +56,7 @@ const getZoomContentTarget = ({
 	screenLayout: Layout;
 	anchor: BoundsOptions["anchor"] | undefined;
 	resolvedPair: ResolvedTransitionPair;
-}) => {
+}) {
 	"worklet";
 
 	if (explicitTarget) return explicitTarget;
@@ -90,28 +92,34 @@ const getZoomContentTarget = ({
 		width: screenWidth,
 		height,
 	};
-};
+}
+
+/* -------------------------------------------------------------------------- */
+/*                             BUILD ZOOM STYLES                              */
+/* -------------------------------------------------------------------------- */
 
-export const buildZoomStyles = ({
+export function buildZoomStyles({
 	resolvedTag,
 	zoomOptions,
 	props,
-}: BuildZoomStylesParams): ZoomInterpolatedStyle => {
+}: BuildZoomStylesParams): ZoomInterpolatedStyle {
 	"worklet";
 
 	if (!resolvedTag) return {};
 
+	/* ------------------------------ Shared Setup ------------------------------ */
+
 	const explicitTarget = zoomOptions?.target;
 	const debug = zoomOptions?.DEBUG === true;
-
 	const focused = props.focused;
 	const progress = props.progress;
+	const screenLayout = props.layouts.screen;
+	const isEnteringTransition = !props.next;
 	const currentRouteKey = props.current?.route.key;
 	const previousRouteKey = props.previous?.route.key;
 	const nextRouteKey = props.next?.route.key;
-	const entering = !props.next;
-	const screenLayout = props.layouts.screen;
 	const resolvedZoomAnchor = getZoomAnchor(explicitTarget);
+
 	const zoomComputeParams = {
 		id: resolvedTag,
 		previous: props.previous,
@@ -120,6 +128,7 @@ export const buildZoomStyles = ({
 		progress,
 		dimensions: screenLayout,
 	} as const;
+
 	const baseRawOptions = {
 		id: resolvedTag,
 		raw: true,
@@ -130,31 +139,40 @@ export const buildZoomStyles = ({
 		currentScreenKey: currentRouteKey,
 		previousScreenKey: previousRouteKey,
 		nextScreenKey: nextRouteKey,
-		entering,
+		entering: isEnteringTransition,
 	});
 
 	const sourceBorderRadius = getSourceBorderRadius(resolvedPair);
 	const targetBorderRadius = zoomOptions?.borderRadius ?? sourceBorderRadius;
-
-	const focusedVisibilityStyles = {
+	const sourceVisibilityStyle = {
 		[resolvedTag]: VISIBLE_STYLE,
 	} satisfies TransitionInterpolatedStyle;
-	const focusedContainerStyleId = props.navigationMaskEnabled
+	const focusedContentSlot = props.navigationMaskEnabled
 		? NAVIGATION_MASK_CONTAINER_STYLE_ID
 		: "content";
 
+	/* --------------------------- Missing Source Guard -------------------------- */
+
 	// To avoid initial flickering, we'll want to hide if there are no source bounds
 	// But to also avoid scenarios where activeId changes in dst and theres a failed measurement,
 	// we should only hide if entering and there is no source bounds.
 	if (!resolvedPair.sourceBounds && props.active.entering) {
 		return {
-			[focusedContainerStyleId]: HIDDEN_STYLE,
+			[focusedContentSlot]: HIDDEN_STYLE,
 		};
 	}
 
+	/* --------------------------- Gesture / Drag Values ------------------------- */
+
 	const normX = props.active.gesture.normX;
 	const normY = props.active.gesture.normY;
 	const initialDirection = props.active.gesture.direction;
+	const isHorizontalDismiss =
+		initialDirection === "horizontal" ||
+		initialDirection === "horizontal-inverted";
+	const isVerticalDismiss =
+		initialDirection === "vertical" || initialDirection === "vertical-inverted";
+
 	const dragX = normalizedToTranslation({
 		normalized: normX,
 		dimension: screenLayout.width,
@@ -165,35 +183,33 @@ export const buildZoomStyles = ({
 		dimension: screenLayout.height,
 		resistance: ZOOM_DRAG_RESISTANCE,
 	});
-	const dragXScale =
-		initialDirection === "horizontal" ||
-		initialDirection === "horizontal-inverted"
-			? resolveDirectionalDragScale({
-					normalized: normX,
-					dismissDirection:
-						initialDirection === "horizontal-inverted"
-							? "negative"
-							: "positive",
-					shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
-					growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
-					exponent: 2,
-				})
-			: IDENTITY_DRAG_SCALE_OUTPUT[0];
-	const dragYScale =
-		initialDirection === "vertical" || initialDirection === "vertical-inverted"
-			? resolveDirectionalDragScale({
-					normalized: normY,
-					dismissDirection:
-						initialDirection === "vertical-inverted" ? "negative" : "positive",
-					shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
-					growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
-					exponent: 2,
-				})
-			: IDENTITY_DRAG_SCALE_OUTPUT[1];
+
+	const dragXScale = isHorizontalDismiss
+		? resolveDirectionalDragScale({
+				normalized: normX,
+				dismissDirection:
+					initialDirection === "horizontal-inverted" ? "negative" : "positive",
+				shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
+				growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
+				exponent: 2,
+			})
+		: IDENTITY_DRAG_SCALE_OUTPUT[0];
+	const dragYScale = isVerticalDismiss
+		? resolveDirectionalDragScale({
+				normalized: normY,
+				dismissDirection:
+					initialDirection === "vertical-inverted" ? "negative" : "positive",
+				shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
+				growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
+				exponent: 2,
+			})
+		: IDENTITY_DRAG_SCALE_OUTPUT[1];
 	const dragScale = combineScales(dragXScale, dragYScale);
 
+	/* ----------------------------- Focused Screen ----------------------------- */
+
 	if (focused) {
-		const contentTarget = getZoomContentTarget({
+		const focusedContentTarget = getZoomContentTarget({
 			explicitTarget,
 			screenLayout,
 			anchor: ZOOM_SHARED_OPTIONS.anchor,
@@ -206,7 +222,7 @@ export const buildZoomStyles = ({
 				...baseRawOptions,
 				anchor: resolvedZoomAnchor,
 				method: "content",
-				target: contentTarget,
+				target: focusedContentTarget,
 			},
 			resolvedPair,
 		) as Record<string, unknown>;
@@ -247,6 +263,7 @@ export const buildZoomStyles = ({
 		const contentScale = toNumber(contentRaw.scale, 1) * dragScale;
 		const maskTranslateX = toNumber(maskRaw.translateX) + dragX - left;
 		const maskTranslateY = toNumber(maskRaw.translateY) + dragY - top;
+
 		const focusedContentStyle = {
 			opacity: focusedFade,
 			transform: [
@@ -259,10 +276,10 @@ export const buildZoomStyles = ({
 		};
 
 		const focusedStyles: ZoomInterpolatedStyle = {
-			[focusedContainerStyleId]: {
+			[focusedContentSlot]: {
 				style: focusedContentStyle,
 			},
-			...focusedVisibilityStyles,
+			...sourceVisibilityStyle,
 		};
 
 		if (props.navigationMaskEnabled) {
@@ -283,14 +300,18 @@ export const buildZoomStyles = ({
 		return focusedStyles;
 	}
 
+	/* ---------------------------- Unfocused Screen ---------------------------- */
+
 	const unfocusedFade = props.active?.closing
 		? interpolate(progress, [1.6, 2], [1, debug ? 1 : 0], "clamp")
 		: interpolate(progress, [1, 1.5], [1, debug ? 1 : 0], "clamp");
-
 	const unfocusedScale = interpolate(progress, [1, 2], [1, 0.95], "clamp");
 	const isUnfocusedIdle = props.active.settled === 1;
 	const shouldHideUnfocusedIdle = isUnfocusedIdle && !debug;
-	const elementTarget =
+	const shouldFreezeUnfocusedElement =
+		props.active.logicallySettled && !props.active.closing;
+
+	const unfocusedElementTarget =
 		explicitTarget !== undefined || resolvedPair.destinationBounds
 			? getZoomContentTarget({
 					explicitTarget,
@@ -307,10 +328,11 @@ export const buildZoomStyles = ({
 			anchor: resolvedZoomAnchor,
 			method: "transform",
 			space: "relative",
-			target: elementTarget,
+			target: unfocusedElementTarget,
 		},
 		resolvedPair,
 	) as Record<string, unknown>;
+
 	const boundTargetCenterX =
 		explicitTarget === "bound" && resolvedPair.destinationBounds
 			? resolvedPair.destinationBounds.pageX +
@@ -321,16 +343,18 @@ export const buildZoomStyles = ({
 			? resolvedPair.destinationBounds.pageY +
 				resolvedPair.destinationBounds.height / 2
 			: undefined;
+
 	const elementCenterX =
 		boundTargetCenterX ??
-		(typeof elementTarget === "object"
-			? elementTarget.pageX + elementTarget.width / 2
+		(typeof unfocusedElementTarget === "object"
+			? unfocusedElementTarget.pageX + unfocusedElementTarget.width / 2
 			: screenLayout.width / 2);
 	const elementCenterY =
 		boundTargetCenterY ??
-		(typeof elementTarget === "object"
-			? elementTarget.pageY + elementTarget.height / 2
+		(typeof unfocusedElementTarget === "object"
+			? unfocusedElementTarget.pageY + unfocusedElementTarget.height / 2
 			: screenLayout.height / 2);
+
 	const scaleShiftX = computeCenterScaleShift({
 		center: elementCenterX,
 		containerCenter: screenLayout.width / 2,
@@ -341,6 +365,7 @@ export const buildZoomStyles = ({
 		containerCenter: screenLayout.height / 2,
 		scale: dragScale,
 	});
+
 	const compensatedGestureX = composeCompensatedTranslation({
 		gesture: dragX,
 		parentScale: unfocusedScale,
@@ -353,12 +378,14 @@ export const buildZoomStyles = ({
 		centerShift: scaleShiftY,
 		epsilon: EPSILON,
 	});
+
 	const elementTranslateX =
 		toNumber(elementRaw.translateX) + compensatedGestureX;
 	const elementTranslateY =
 		toNumber(elementRaw.translateY) + compensatedGestureY;
 	const elementScaleX = toNumber(elementRaw.scaleX, 1) * dragScale;
 	const elementScaleY = toNumber(elementRaw.scaleY, 1) * dragScale;
+
 	const resolvedElementStyle = shouldHideUnfocusedIdle
 		? {
 				transform: [
@@ -373,12 +400,20 @@ export const buildZoomStyles = ({
 			}
 		: {
 				transform: [
-					{ translateX: props.active.settled ? 0 : elementTranslateX },
-					{ translateY: props.active.settled ? 0 : elementTranslateY },
-					{ scaleX: props.active.settled ? 1 : elementScaleX },
-					{ scaleY: props.active.settled ? 1 : elementScaleY },
+					{
+						translateX: shouldFreezeUnfocusedElement ? 0 : elementTranslateX,
+					},
+					{
+						translateY: shouldFreezeUnfocusedElement ? 0 : elementTranslateY,
+					},
+					{
+						scaleX: shouldFreezeUnfocusedElement ? 1 : elementScaleX,
+					},
+					{
+						scaleY: shouldFreezeUnfocusedElement ? 1 : elementScaleY,
+					},
 				],
-				opacity: debug ? 1 : unfocusedFade,
+				opacity: debug ? 0.5 : unfocusedFade,
 				zIndex: 9999,
 				elevation: 9999,
 			};
@@ -393,4 +428,4 @@ export const buildZoomStyles = ({
 			style: resolvedElementStyle,
 		},
 	};
-};
+}

package/lib/commonjs/shared/components/screen-container/deferred-visibility-host.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeferredVisibilityHost = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _constants = require("../../constants");
-var _styles = require("../../providers/screen/styles.provider");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Hides the full screen visual subtree while an interpolator explicitly reports
- * that it is not safe to reveal yet.
- *
- * This sits above backdrop/content/mask/surface so a deferred transition does
- * not leak raw first-paint UI from nested layers.
- */
-const DeferredVisibilityHost = exports.DeferredVisibilityHost = /*#__PURE__*/(0, _react.memo)(({
-  children
-}) => {
-  const {
-    resolutionMode
-  } = (0, _styles.useScreenStyles)();
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    "worklet";
-
-    return resolutionMode.value === "deferred" ? _constants.HIDDEN_STYLE : _constants.VISIBLE_STYLE;
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-    collapsable: false,
-    style: [styles.host, animatedStyle],
-    children: children
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  host: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=deferred-visibility-host.js.map

package/lib/commonjs/shared/components/screen-container/deferred-visibility-host.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_constants","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DeferredVisibilityHost","exports","memo","children","resolutionMode","useScreenStyles","animatedStyle","useAnimatedStyle","value","HIDDEN_STYLE","VISIBLE_STYLE","jsx","View","collapsable","style","styles","host","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["shared/components/screen-container/deferred-visibility-host.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAyE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMzE;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMkB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC;AAAgB,CAAC,KAAK;EACnE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,uBAAe,EAAC,CAAC;EAE5C,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC5C,SAAS;;IACT,OAAOH,cAAc,CAACI,KAAK,KAAK,UAAU,GAAGC,uBAAY,GAAGC,wBAAa;EAC1E,CAAC,CAAC;EAEF,oBACC,IAAA9B,WAAA,CAAA+B,GAAA,EAACnC,sBAAA,CAAAe,OAAQ,CAACqB,IAAI;IAACC,WAAW,EAAE,KAAM;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEV,aAAa,CAAE;IAAAH,QAAA,EACrEA;EAAQ,CACK,CAAC;AAElB,CAAC,CAAC;AAEF,MAAMY,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAChCF,IAAI,EAAE;IACLG,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}