@widgetic/editor 4.0.5 → 4.0.7

package/dist/components/WidgetPreview.svelte

@@ -10,6 +10,7 @@
 		resize: { width: number; height: number };
 		mobileViewport: { width: number; height: number };
 		desktopViewport: void;
+		fitToArea: void;
 		iframeLoad: Event;
 		iframeError: Event;
 		retry: void;
@@ -192,6 +193,14 @@
 		});
 	}
 
+	/** Place the preview shell at an explicit stage coordinate (composition pair layout). */
+	export function setShellPosition(left: number, top: number): void {
+		previewShellLeft = left;
+		previewShellTop = top;
+		previewPositionReady = true;
+		console.log('[WidgetPreview] Set shell position', { left, top });
+	}
+
 	function ensurePreviewPosition(): void {
 		if (previewPositionReady) return;
 		resetPreviewPosition();
@@ -282,7 +291,7 @@
 		iframeEl.style.height = '';
 	}
 
-	/** Fill the available preview stage (e.g. desktop modal) */
+	/** Fill the available preview stage (e.g. desktop modal) and re-center. */
 	export function fitToContainer(): void {
 		const attemptFit = (attemptsLeft: number) => {
 			const stageEl = resizeStageEl ?? contentContainerEl;
@@ -296,7 +305,11 @@
 			resizeWidth = limits.maxWidth;
 			resizeHeight = limits.maxHeight;
 			dispatch('resize', { width: limits.maxWidth, height: limits.maxHeight });
-			requestAnimationFrame(() => nudgeIframePaint());
+			previewPositionReady = false;
+			requestAnimationFrame(() => {
+				resetPreviewPosition();
+				nudgeIframePaint();
+			});
 		};
 		attemptFit(24);
 	}
@@ -600,6 +613,7 @@
 
 	function handleFitToAreaClick() {
 		fitToContainer();
+		if (debugMode) console.debug('[WidgetPreview] Fit to area:', { width: resizeWidth, height: resizeHeight });
 		dispatch('fitToArea');
 	}
 

package/dist/components/WidgetPreview.svelte.d.ts

@@ -62,6 +62,7 @@ declare const WidgetPreview: $$__sveltets_2_IsomorphicComponent<{
         maxHeight: number;
     };
     resetPreviewPosition?: () => void;
+    setShellPosition?: (left: number, top: number) => void;
     nudgeIframePaint?: () => void;
     fitToContainer?: () => void;
     sendMessageToPreview?: (message: Record<string, unknown>) => void;
@@ -85,6 +86,7 @@ declare const WidgetPreview: $$__sveltets_2_IsomorphicComponent<{
         height: number;
     }>;
     desktopViewport: CustomEvent<void>;
+    fitToArea: CustomEvent<void>;
     iframeLoad: CustomEvent<Event>;
     iframeError: CustomEvent<Event>;
     retry: CustomEvent<void>;
@@ -99,6 +101,7 @@ declare const WidgetPreview: $$__sveltets_2_IsomorphicComponent<{
         maxHeight: number;
     };
     resetPreviewPosition: () => void;
+    setShellPosition: (left: number, top: number) => void;
     nudgeIframePaint: () => void;
     fitToContainer: () => void;
     sendMessageToPreview: (message: Record<string, unknown>) => void;