react-native-screen-transitions 3.9.0-beta.3 → 3.10.0

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

@@ -3,9 +3,12 @@ import {
 	EPSILON,
 	NAVIGATION_MASK_ELEMENT_STYLE_ID,
 } from "../../../../constants";
+import { getVisualScrollAxisDelta } from "../../../../stores/scroll.store";
+import type { ScrollMetadataState } from "../../../../types/gesture.types";
 import { createBoundsAccessorCore } from "../../helpers/create-bounds-accessor-core";
+import { computeContentTransformGeometry } from "../../helpers/geometry";
 import { getSourceBorderRadius } from "../helpers";
-import { resolveRevealContentBaseTransform } from "../reveal/math";
+import { resolveRevealContentBaseTransformFromGeometry } from "../reveal/math";
 import {
 	ZOOM_BACKDROP_MAX_OPACITY,
 	ZOOM_BACKGROUND_SCALE,
@@ -16,7 +19,7 @@ import {
 	ZOOM_UNFOCUSED_ELEMENT_CLOSE_OPACITY_RANGE,
 	ZOOM_UNFOCUSED_ELEMENT_OPEN_OPACITY_RANGE,
 } from "./config";
-import { resolveZoomDragState, resolveZoomTrackedGestureScale } from "./drag";
+import { resolveZoomDragState } from "./drag";
 import {
 	resolveZoomBackdropOpacity,
 	resolveZoomPinchFocalOffset,
@@ -27,6 +30,7 @@ import {
 	ZOOM_NAVIGATION_MASK_BORDER_RADIUS,
 } from "./mask";
 import {
+	getZoomContentAnchor,
 	getZoomContentTarget,
 	resolveZoomTrackingContentTarget,
 } from "./targets";
@@ -91,6 +95,11 @@ export function buildZoomStyles({
 		screenLayout,
 		link,
 	});
+	const zoomContentAnchor = getZoomContentAnchor({
+		explicitTarget: target,
+		screenLayout,
+		link,
+	});
 	const trackingContentTarget = resolveZoomTrackingContentTarget({
 		contentTarget: zoomContentTarget,
 		link,
@@ -101,23 +110,31 @@ export function buildZoomStyles({
 		return {};
 	}
 
+	const isDismissing = active.gesture.dismissing === 1;
+	const dismissalTrackingGeometry = isDismissing
+		? computeContentTransformGeometry({
+				start: sourceBounds,
+				end: trackingContentTarget,
+				entering: true,
+				dimensions: screenLayout,
+				anchor: zoomContentAnchor,
+				scaleMode: "uniform",
+			})
+		: null;
+	const dismissalCollapsedContentScale = dismissalTrackingGeometry
+		? resolveRevealContentBaseTransformFromGeometry({
+				geometry: dismissalTrackingGeometry,
+				progress: 0,
+			}).scale
+		: 1;
 	const drag = resolveZoomDragState({
 		gesture: active.gesture,
 		activeTransitionProgress,
 		screenLayout,
-		sourceBounds,
-		trackingContentTarget,
+		collapsedContentScale: dismissalCollapsedContentScale,
 		dragOptions: zoomOptions?.drag,
 	});
 
-	const trackedGestureScale = resolveZoomTrackedGestureScale({
-		drag,
-		activeTransitionProgress,
-		screenLayout,
-		sourceBounds,
-		trackingContentTarget,
-	});
-
 	const focalGesture = drag.isDismissing
 		? active.gesture.handoff
 		: active.gesture;
@@ -128,7 +145,7 @@ export function buildZoomStyles({
 			? resolveZoomPinchFocalOffset({
 					gestureScale: drag.isDismissing
 						? focalGesture.scale
-						: trackedGestureScale,
+						: drag.gestureScale,
 					pinchOriginX: focalGesture.pinchOriginX,
 					pinchOriginY: focalGesture.pinchOriginY,
 					progress: focalProgress,
@@ -138,6 +155,28 @@ export function buildZoomStyles({
 			: { x: 0, y: 0 };
 
 	if (focused) {
+		const capturedSourceScroll = (
+			sourceBounds as typeof sourceBounds & {
+				scroll?: ScrollMetadataState | null;
+			}
+		).scroll;
+		const liveSourceScroll = props.inactive?.layouts.scroll;
+		const sourceScrollWeight =
+			keepFocusedVisible && (active.entering || active.closing)
+				? 1 - Math.min(Math.max(activeTransitionProgress, 0), 1)
+				: 0;
+		const sourceScrollDeltaX =
+			getVisualScrollAxisDelta(
+				liveSourceScroll,
+				capturedSourceScroll,
+				"horizontal",
+			) * sourceScrollWeight;
+		const sourceScrollDeltaY =
+			getVisualScrollAxisDelta(
+				liveSourceScroll,
+				capturedSourceScroll,
+				"vertical",
+			) * sourceScrollWeight;
 		const sourceBorderRadius = getSourceBorderRadius(link);
 		const navigationMaskEnabled = current.options.navigationMaskEnabled;
 		const backdropOpacity = resolveZoomBackdropOpacity({
@@ -149,7 +188,7 @@ export function buildZoomStyles({
 
 		const contentRaw = scopedBounds.values({
 			scaleMode: ZOOM_SHARED_OPTIONS.scaleMode,
-			anchor: target === "bound" ? "center" : ZOOM_SHARED_OPTIONS.anchor,
+			anchor: zoomContentAnchor,
 			method: "content",
 			target: zoomContentTarget,
 			progress: transitionProgress,
@@ -173,11 +212,13 @@ export function buildZoomStyles({
 		const contentTranslateX =
 			contentBaseTranslateX +
 			drag.dragX +
-			pinchFocalOffset.x * contentBaseScale;
+			pinchFocalOffset.x * contentBaseScale -
+			sourceScrollDeltaX;
 		const contentTranslateY =
 			contentBaseTranslateY +
 			drag.dragY +
-			pinchFocalOffset.y * contentBaseScale;
+			pinchFocalOffset.y * contentBaseScale -
+			sourceScrollDeltaY;
 		const contentScale = drag.isDismissing
 			? drag.dismissContentScale
 			: contentBaseScale * drag.gestureScale;
@@ -222,6 +263,7 @@ export function buildZoomStyles({
 						sourceBorderRadius,
 						expandedBorderRadius,
 						active,
+						anchor: zoomContentAnchor,
 					})
 				: {},
 		};
@@ -270,19 +312,39 @@ export function buildZoomStyles({
 		};
 	}
 
-	const trackedContentBaseScale = resolveRevealContentBaseTransform({
-		progress: activeTransitionProgress,
-		sourceBounds,
-		destinationBounds: trackingContentTarget,
-		screenLayout,
-	}).scale;
+	const trackingGeometry =
+		dismissalTrackingGeometry ??
+		computeContentTransformGeometry({
+			start: sourceBounds,
+			end: trackingContentTarget,
+			entering: true,
+			dimensions: screenLayout,
+			anchor: zoomContentAnchor,
+			scaleMode: "uniform",
+		});
+	const trackedContentBaseTransform =
+		resolveRevealContentBaseTransformFromGeometry({
+			geometry: trackingGeometry,
+			progress: activeTransitionProgress,
+		});
+	const collapsedContentScale = drag.isDismissing
+		? dismissalCollapsedContentScale
+		: resolveRevealContentBaseTransformFromGeometry({
+				geometry: trackingGeometry,
+				progress: 0,
+			}).scale;
+	const trackedGestureScale = drag.isDismissing
+		? drag.dismissContentScale / trackedContentBaseTransform.scale
+		: drag.gestureScale;
+	const trackedContentBaseScale = trackedContentBaseTransform.scale;
 	const trackedDragX =
 		drag.dragX + pinchFocalOffset.x * trackedContentBaseScale;
 	const trackedDragY =
 		drag.dragY + pinchFocalOffset.y * trackedContentBaseScale;
 
 	const trackedSourceElement = resolveZoomTrackedSourceTransform({
-		progress: activeTransitionProgress,
+		contentBaseTransform: trackedContentBaseTransform,
+		collapsedContentScale,
 		sourceBounds,
 		destinationBounds: trackingContentTarget,
 		screenLayout,

package/src/shared/utils/bounds/navigation/zoom/config.ts

@@ -9,10 +9,11 @@ export const ZOOM_BACKGROUND_SCALE = 0.9375;
 export const ZOOM_BACKDROP_MAX_OPACITY = 0.45;
 // Geometry-aligned native frames reach their darkest point around here.
 export const ZOOM_SCREEN_A_FADE_END = 0.54;
-// Open uses a tight owner handoff after red has traveled about one quarter.
-export const ZOOM_FOCUSED_ELEMENT_OPEN_OPACITY_RANGE = [0, 0.4, 0, 1] as const;
+// Native starts revealing the destination immediately while the source begins
+// handing ownership over in the first tenth of the opening travel.
+export const ZOOM_FOCUSED_ELEMENT_OPEN_OPACITY_RANGE = [0, 0.28, 0, 1] as const;
 export const ZOOM_UNFOCUSED_ELEMENT_OPEN_OPACITY_RANGE = [
-	1.27, 1.4, 1, 0,
+	1.08, 1.32, 1, 0,
 ] as const;
 // On close, red is prepared behind opaque blue before blue fades away.
 export const ZOOM_FOCUSED_ELEMENT_CLOSE_OPACITY_RANGE = [

package/src/shared/utils/bounds/navigation/zoom/drag.ts

@@ -1,11 +1,9 @@
-import type { MeasuredDimensions } from "react-native-reanimated";
 import { EPSILON } from "../../../../constants";
 import type {
 	BoundsInterpolationProps,
 	BoundsNavigationZoomDragOptions,
 } from "../../../../types/bounds.types";
 import type { Layout } from "../../../../types/screen.types";
-import { resolveRevealContentBaseTransform } from "../reveal/math";
 import { ZOOM_DISMISS_VELOCITY_DEPTH } from "./config";
 
 const ZOOM_DRAG_SCALE_EXPONENT = 2;
@@ -169,15 +167,13 @@ export function resolveZoomDragState({
 	gesture,
 	activeTransitionProgress,
 	screenLayout,
-	sourceBounds,
-	trackingContentTarget,
+	collapsedContentScale,
 	dragOptions,
 }: {
 	gesture: ZoomGesture;
 	activeTransitionProgress: number;
 	screenLayout: Layout;
-	sourceBounds: MeasuredDimensions;
-	trackingContentTarget: MeasuredDimensions;
+	collapsedContentScale: number;
 	dragOptions?: BoundsNavigationZoomDragOptions;
 }): ZoomDragState {
 	"worklet";
@@ -266,16 +262,10 @@ export function resolveZoomDragState({
 	let dismissContentScale = gestureScale;
 
 	if (isDismissing) {
-		const targetContentScale = resolveRevealContentBaseTransform({
-			progress: 0,
-			sourceBounds,
-			destinationBounds: trackingContentTarget,
-			screenLayout,
-		}).scale;
 		dismissContentScale = resolveZoomDismissContentScale({
 			transitionRemaining: activeTransitionProgress,
 			releaseScale: gestureScale,
-			targetScale: targetContentScale,
+			targetScale: collapsedContentScale,
 			velocity: gestureHandoff.velocity,
 			velocityDepth:
 				ZOOM_DISMISS_VELOCITY_DEPTH *
@@ -296,32 +286,3 @@ export function resolveZoomDragState({
 		rotation,
 	};
 }
-
-export function resolveZoomTrackedGestureScale({
-	drag,
-	activeTransitionProgress,
-	screenLayout,
-	sourceBounds,
-	trackingContentTarget,
-}: {
-	drag: ZoomDragState;
-	activeTransitionProgress: number;
-	screenLayout: Layout;
-	sourceBounds: MeasuredDimensions;
-	trackingContentTarget: MeasuredDimensions;
-}) {
-	"worklet";
-
-	if (!drag.isDismissing) {
-		return drag.gestureScale;
-	}
-
-	const trackedContentBaseScale = resolveRevealContentBaseTransform({
-		progress: activeTransitionProgress,
-		sourceBounds,
-		destinationBounds: trackingContentTarget,
-		screenLayout,
-	}).scale;
-
-	return drag.dismissContentScale / trackedContentBaseScale;
-}

package/src/shared/utils/bounds/navigation/zoom/helpers.ts

@@ -1,10 +1,7 @@
 import type { MeasuredDimensions } from "react-native-reanimated";
 import { EPSILON } from "../../../../constants";
 import type { Layout } from "../../../../types/screen.types";
-import {
-	resolveRevealContentBaseTransform,
-	resolveTrackedSourceElementTransform,
-} from "../reveal/math";
+import { resolveTrackedSourceElementTransform } from "../reveal/math";
 
 export function resolveZoomBackdropOpacity({
 	transitionProgress,
@@ -64,20 +61,26 @@ export function resolveZoomPinchFocalOffset({
 }
 
 export function resolveZoomTrackedSourceTransform({
-	progress,
 	sourceBounds,
 	destinationBounds,
 	screenLayout,
+	contentBaseTransform,
+	collapsedContentScale,
 	dragX,
 	dragY,
 	gestureScale,
 	parentScale,
 	rotation = 0,
 }: {
-	progress: number;
 	sourceBounds: MeasuredDimensions;
 	destinationBounds: MeasuredDimensions;
 	screenLayout: Layout;
+	contentBaseTransform: {
+		translateX: number;
+		translateY: number;
+		scale: number;
+	};
+	collapsedContentScale: number;
 	dragX: number;
 	dragY: number;
 	gestureScale: number;
@@ -86,18 +89,6 @@ export function resolveZoomTrackedSourceTransform({
 }) {
 	"worklet";
 
-	const contentBaseTransform = resolveRevealContentBaseTransform({
-		progress,
-		sourceBounds,
-		destinationBounds,
-		screenLayout,
-	});
-	const collapsedContentScale = resolveRevealContentBaseTransform({
-		progress: 0,
-		sourceBounds,
-		destinationBounds,
-		screenLayout,
-	}).scale;
 	const contentScale = contentBaseTransform.scale * gestureScale;
 	const safeCollapsedContentScale = Math.max(
 		Math.abs(collapsedContentScale),

package/src/shared/utils/bounds/navigation/zoom/mask.ts

@@ -9,6 +9,7 @@ import type {
 	BoundsScopedAccessor,
 } from "../../../../types/bounds.types";
 import type { Layout } from "../../../../types/screen.types";
+import type { BoundsAnchor } from "../../types/options";
 import { toNumber } from "../helpers";
 import { DRAG_MASK_HEIGHT_COLLAPSE_END } from "../reveal/config";
 import {
@@ -36,6 +37,7 @@ interface ZoomNavigationMaskStyleProps {
 	sourceBorderRadius: number;
 	expandedBorderRadius: number;
 	active: ScreenTransitionState;
+	anchor: BoundsAnchor;
 }
 
 export function resolveZoomNavigationMaskStyle({
@@ -49,12 +51,13 @@ export function resolveZoomNavigationMaskStyle({
 	sourceBorderRadius,
 	expandedBorderRadius,
 	active,
+	anchor,
 }: ZoomNavigationMaskStyleProps): TransitionSlotStyle {
 	"worklet";
 
 	const maskRaw = scopedBounds.values({
 		scaleMode: ZOOM_SHARED_OPTIONS.scaleMode,
-		anchor: ZOOM_SHARED_OPTIONS.anchor,
+		anchor,
 		method: "size",
 		space: "absolute",
 		target: "fullscreen",

package/src/shared/utils/bounds/navigation/zoom/targets.ts

@@ -4,6 +4,7 @@ import type {
 	BoundsNavigationZoomOptions,
 } from "../../../../types/bounds.types";
 import type { Layout } from "../../../../types/screen.types";
+import type { BoundsAnchor } from "../../types/options";
 
 type ZoomContentTarget = Exclude<
 	BoundsNavigationZoomOptions["target"],
@@ -27,11 +28,36 @@ export function getZoomContentTarget({
 
 	const sourceBounds = link.source?.bounds;
 	const screenWidth = screenLayout.width;
+	const screenHeight = screenLayout.height;
 
-	if (!sourceBounds || sourceBounds.width <= 0 || screenWidth <= 0) {
+	if (
+		!sourceBounds ||
+		sourceBounds.width <= 0 ||
+		sourceBounds.height <= 0 ||
+		screenWidth <= 0 ||
+		screenHeight <= 0
+	) {
 		return "fullscreen";
 	}
 
+	const sourceAspectRatio = sourceBounds.width / sourceBounds.height;
+	const screenAspectRatio = screenWidth / screenHeight;
+
+	// Zoom keeps one edge of the virtual destination attached to the source.
+	// A wide source fills the destination width and follows its top edge. A
+	// narrow source fills the destination height instead, so it follows the
+	// destination's leading edge rather than taking a long vertical path.
+	if (sourceAspectRatio < screenAspectRatio) {
+		return {
+			x: 0,
+			y: 0,
+			pageX: 0,
+			pageY: 0,
+			width: (sourceBounds.width / sourceBounds.height) * screenHeight,
+			height: screenHeight,
+		};
+	}
+
 	const height = (sourceBounds.height / sourceBounds.width) * screenWidth;
 
 	return {
@@ -44,6 +70,38 @@ export function getZoomContentTarget({
 	};
 }
 
+export function getZoomContentAnchor({
+	explicitTarget,
+	screenLayout,
+	link,
+}: {
+	explicitTarget: BoundsNavigationZoomOptions["target"];
+	screenLayout: Layout;
+	link: BoundsLink;
+}): BoundsAnchor {
+	"worklet";
+
+	if (explicitTarget !== undefined) {
+		return explicitTarget === "bound" ? "center" : "top";
+	}
+
+	const sourceBounds = link.source?.bounds;
+	if (
+		!sourceBounds ||
+		sourceBounds.width <= 0 ||
+		sourceBounds.height <= 0 ||
+		screenLayout.width <= 0 ||
+		screenLayout.height <= 0
+	) {
+		return "top";
+	}
+
+	return sourceBounds.width / sourceBounds.height <
+		screenLayout.width / screenLayout.height
+		? "leading"
+		: "top";
+}
+
 export function resolveZoomTrackingContentTarget({
 	contentTarget,
 	link,

package/lib/commonjs/shared/components/boundary/hooks/use-register-target.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRegisterTarget = void 0;
-var _react = require("react");
-var _logger = require("../../../utils/logger");
-var _boundaryRoot = require("../providers/boundary-root.provider");
-const useRegisterTarget = ({
-  targetAnimatedRef,
-  preparedStyles,
-  measurementRef
-}) => {
-  const rootContext = (0, _boundaryRoot.useBoundaryRootContext)();
-  const registerTargetRef = rootContext?.registerTargetRef;
-  const unregisterTargetRef = rootContext?.unregisterTargetRef;
-  (0, _react.useLayoutEffect)(() => {
-    if (!registerTargetRef || !unregisterTargetRef) {
-      if (__DEV__) {
-        _logger.logger.warn(_boundaryRoot.TARGET_OUTSIDE_ROOT_WARNING);
-      }
-      return;
-    }
-    registerTargetRef(targetAnimatedRef, preparedStyles, measurementRef);
-    return () => {
-      unregisterTargetRef(targetAnimatedRef);
-    };
-  }, [registerTargetRef, unregisterTargetRef, targetAnimatedRef, preparedStyles, measurementRef]);
-};
-exports.useRegisterTarget = useRegisterTarget;
-//# sourceMappingURL=use-register-target.js.map

package/lib/commonjs/shared/components/boundary/hooks/use-register-target.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_logger","_boundaryRoot","useRegisterTarget","targetAnimatedRef","preparedStyles","measurementRef","rootContext","useBoundaryRootContext","registerTargetRef","unregisterTargetRef","useLayoutEffect","__DEV__","logger","warn","TARGET_OUTSIDE_ROOT_WARNING","exports"],"sourceRoot":"../../../../../../src","sources":["shared/components/boundary/hooks/use-register-target.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAWO,MAAMG,iBAAiB,GAAGA,CAAC;EACjCC,iBAAiB;EACjBC,cAAc;EACdC;AACoB,CAAC,KAAK;EAC1B,MAAMC,WAAW,GAAG,IAAAC,oCAAsB,EAAC,CAAC;EAC5C,MAAMC,iBAAiB,GAAGF,WAAW,EAAEE,iBAAiB;EACxD,MAAMC,mBAAmB,GAAGH,WAAW,EAAEG,mBAAmB;EAC5D,IAAAC,sBAAe,EAAC,MAAM;IACrB,IAAI,CAACF,iBAAiB,IAAI,CAACC,mBAAmB,EAAE;MAC/C,IAAIE,OAAO,EAAE;QACZC,cAAM,CAACC,IAAI,CAACC,yCAA2B,CAAC;MACzC;MACA;IACD;IAEAN,iBAAiB,CAACL,iBAAiB,EAAEC,cAAc,EAAEC,cAAc,CAAC;IACpE,OAAO,MAAM;MACZI,mBAAmB,CAACN,iBAAiB,CAAC;IACvC,CAAC;EACF,CAAC,EAAE,CACFK,iBAAiB,EACjBC,mBAAmB,EACnBN,iBAAiB,EACjBC,cAAc,EACdC,cAAc,CACd,CAAC;AACH,CAAC;AAACU,OAAA,CAAAb,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/shared/components/boundary/portal/components/boundary-portal/components/portal-slot.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BoundaryPortalSlot = void 0;
-var _react = require("react");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _logger = require("../../../../../../utils/logger");
-var _teleport = require("../../../teleport");
-var _usePlaceholderStyles = require("../hooks/use-placeholder-styles");
-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); }
-const AnimatedNativePortal = _teleport.NativePortal ? _reactNativeReanimated.default.createAnimatedComponent(_teleport.NativePortal) : null;
-const BoundaryPortalSlot = exports.BoundaryPortalSlot = /*#__PURE__*/(0, _react.memo)(function BoundaryPortalSlot({
-  id,
-  children,
-  enabled,
-  animatedProps,
-  placeholderRef
-}) {
-  const isPortalEnabled = enabled && _teleport.isTeleportAvailable;
-  if (__DEV__ && enabled && !id) {
-    _logger.logger.warnOnce("portal:missing-id", "A boundary portal was rendered without an id; rendering inline.");
-  }
-  const {
-    handleOnLayout,
-    placeholderStyle
-  } = (0, _usePlaceholderStyles.usePlaceholderStyles)();
-  if (isPortalEnabled && AnimatedNativePortal) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      ref: placeholderRef,
-      onLayout: ({
-        nativeEvent: {
-          layout
-        }
-      }) => (0, _reactNativeReanimated.runOnUI)(handleOnLayout)(layout),
-      style: placeholderStyle,
-      pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
-      collapsable: false,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedNativePortal, {
-        animatedProps: animatedProps,
-        name: id,
-        pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
-        children: children
-      })
-    });
-  }
-  return children;
-});
-//# sourceMappingURL=portal-slot.js.map

package/lib/commonjs/shared/components/boundary/portal/components/boundary-portal/components/portal-slot.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireWildcard","_logger","_teleport","_usePlaceholderStyles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedNativePortal","TeleportPortal","Animated","createAnimatedComponent","BoundaryPortalSlot","exports","memo","id","children","enabled","animatedProps","placeholderRef","isPortalEnabled","isTeleportAvailable","__DEV__","logger","warnOnce","handleOnLayout","placeholderStyle","usePlaceholderStyles","jsx","View","ref","onLayout","nativeEvent","layout","runOnUI","style","pointerEvents","PORTAL_POINTER_EVENTS","collapsable","name"],"sourceRoot":"../../../../../../../../../src","sources":["shared/components/boundary/portal/components/boundary-portal/components/portal-slot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,sBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAKA,IAAAK,qBAAA,GAAAL,OAAA;AAAuE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAE,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,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;AASvE,MAAMkB,oBAAoB,GAAGC,sBAAc,GACxCC,8BAAQ,CAACC,uBAAuB,CAChCF,sBACD,CAAC,GACA,IAAI;AAUA,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,kBAAkBA,CAAC;EAClEG,EAAE;EACFC,QAAQ;EACRC,OAAO;EACPC,aAAa;EACbC;AACwB,CAAC,EAAE;EAC3B,MAAMC,eAAe,GAAGH,OAAO,IAAII,6BAAmB;EAEtD,IAAIC,OAAO,IAAIL,OAAO,IAAI,CAACF,EAAE,EAAE;IAC9BQ,cAAM,CAACC,QAAQ,CACd,mBAAmB,EACnB,iEACD,CAAC;EACF;EAEA,MAAM;IAAEC,cAAc;IAAEC;EAAiB,CAAC,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EAEnE,IAAIP,eAAe,IAAIZ,oBAAoB,EAAE;IAC5C,oBACC,IAAApB,WAAA,CAAAwC,GAAA,EAAC7C,sBAAA,CAAAgB,OAAQ,CAAC8B,IAAI;MACbC,GAAG,EAAEX,cAAe;MACpBY,QAAQ,EAAEA,CAAC;QAAEC,WAAW,EAAE;UAAEC;QAAO;MAAE,CAAC,KACrC,IAAAC,8BAAO,EAACT,cAAc,CAAC,CAACQ,MAAM,CAC9B;MACDE,KAAK,EAAET,gBAAiB;MACxBU,aAAa,EAAEC,+BAAsB;MACrCC,WAAW,EAAE,KAAM;MAAAtB,QAAA,eAEnB,IAAA5B,WAAA,CAAAwC,GAAA,EAACpB,oBAAoB;QACpBU,aAAa,EAAEA,aAAc;QAC7BqB,IAAI,EAAExB,EAAG;QACTqB,aAAa,EAAEC,+BAAsB;QAAArB,QAAA,EAEpCA;MAAQ,CACY;IAAC,CACT,CAAC;EAElB;EAEA,OAAOA,QAAQ;AAChB,CAAC,CAAC","ignoreList":[]}