@peteai/presentation-editor 0.0.1 → 0.0.3

package/dist/components/presentation-editor/dragged.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { HtmlContent } from './layers/types/html/index.js';
 	import { getPresentationEditorContext } from './presentation-editor.svelte.js';
 
 	const editor = getPresentationEditorContext();
@@ -8,24 +9,33 @@
 	{@const dragged = editor.dragged}
 	{@const translateX = dragged.x - dragged.offsetX}
 	{@const translateY = dragged.y - dragged.offsetY}
+	{@const scale =
+		dragged.customScale ?? (dragged.inside ? dragged.scale * editor.zoom : dragged.initialScale)}
 	<div
 		class="pointer-events-none fixed left-0 top-0 z-10"
 		style:opacity={dragged.hidden ? 0 : null}
 		style:transform="translate({translateX}px, {translateY}px)"
 	>
 		<div
-			class="origin-top-left opacity-50 transition-transform"
-			style:transform="scale({dragged.scale || dragged.initialScale})"
+			class="origin-top-left transition-transform"
+			style:transform="scale({scale})"
+			style:opacity={dragged.opacity}
 		>
-			<img
-				crossorigin="anonymous"
-				src={dragged.image.src}
-				alt=""
-				class="pointer-events-none max-w-max bg-contain bg-center bg-no-repeat"
-				draggable="false"
-				style:width="{dragged.image.width}px"
-				style:height="{dragged.image.height}px"
-			/>
+			<div bind:this={dragged.ref}>
+				{#if 'image' in dragged}
+					<img
+						crossorigin="anonymous"
+						src={dragged.image.src}
+						alt=""
+						class="max-w-max bg-contain bg-center bg-no-repeat"
+						draggable="false"
+						style:width="{dragged.image.width}px"
+						style:height="{dragged.image.height}px"
+					/>
+				{:else}
+					<HtmlContent html={dragged.html} />
+				{/if}
+			</div>
 		</div>
 	</div>
 {/if}

package/dist/components/presentation-editor/fonts.d.ts

@@ -0,0 +1,3 @@
+import type { Fonts } from './types.js';
+declare const defaultFonts: Fonts;
+export { defaultFonts };