@pixerate/editor-svelte 0.126.0 → 0.127.1

package/dist/image-editor/ImageEditorCanvas.svelte

@@ -208,7 +208,9 @@
   let isPanning = $state(false);
   // A primary drag pans: Space held, or the host's pan mode.
   const panning = $derived(viewportGestures && (isSpacePressed || panMode));
-  let panStartPoint: { clientX: number; clientY: number } | null = null;
+  // Where a pan drag started, in view pixels: a scaled host (an expanded studio in a zoomed-out
+  // canvas) makes screen pixels larger or smaller than the pan's.
+  let panStartPoint: ImagePoint | null = null;
   let panStartOffset: { x: number; y: number } = { x: 0, y: 0 };
 
   function handleWheel(e: WheelEvent) {
@@ -629,7 +631,7 @@
     if (viewportGestures && (e.button === 1 || (e.button === 0 && panning))) {
       e.preventDefault();
       isPanning = true;
-      panStartPoint = { clientX: e.clientX, clientY: e.clientY };
+      panStartPoint = getCanvasEventPoint(e);
       const curPan = editor.controller.getState().pan || { x: 0, y: 0 };
       panStartOffset = { ...curPan };
       return;
@@ -732,8 +734,9 @@
     if (!canvasEl) return;
 
     if (isPanning && panStartPoint) {
-      const dx = e.clientX - panStartPoint.clientX;
-      const dy = e.clientY - panStartPoint.clientY;
+      const pt = getCanvasEventPoint(e);
+      const dx = pt.x - panStartPoint.x;
+      const dy = pt.y - panStartPoint.y;
       editor.controller.setPan({
         x: Math.round(panStartOffset.x + dx),
         y: Math.round(panStartOffset.y + dy),

package/dist/image-editor/ImageProviderEffectsPanel.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { imageOutlineButtonClass } from './styles.js';
-  import { findLayer, type ImageEditorController, type ImageLayer, type SmartObjectLayer } from '@pixerate/editor/image-editor';
+  import { EFFECT_LAYER_USES, findLayer, type ImageEditorController, type ImageLayer, type SmartObjectLayer } from '@pixerate/editor/image-editor';
   import { untrack } from 'svelte';
   import EffectsBrowser from '../effects/EffectsBrowser.svelte';
   import ImageEffectControls from './ImageEffectControls.svelte';
@@ -64,7 +64,7 @@
     <EffectsBrowser {provider} uses={['filter']} title="Filters" onpick={(e) => ((browse = null), run(() => controller.applyEffectFilter(id, e.id)))} />
   {/if}
   {#if browse === 'layer'}
-    <EffectsBrowser {provider} uses={['generator', 'overlay', 'title']} title="Generators and overlays" onpick={(e) => ((browse = null), run(() => controller.addEffectLayer(e.id)))} />
+    <EffectsBrowser {provider} uses={EFFECT_LAYER_USES} title="Generators and overlays" onpick={(e) => ((browse = null), run(() => controller.addEffectLayer(e.id)))} />
   {/if}
   {#if generator && layer}
     {@const id = layer.id}

package/dist/image-editor/LayerPanel.svelte

@@ -15,6 +15,7 @@
   import TypeOptionsBar from './TypeOptionsBar.svelte';
   import AdjustmentLayersPanel from './AdjustmentLayersPanel.svelte';
   import SelectionOptionsBar from './SelectionOptionsBar.svelte';
+  import ImageProviderEffectsPanel from './ImageProviderEffectsPanel.svelte';
 
   interface Props {
     controller: ImageEditorController;
@@ -98,6 +99,8 @@
       <div class="font-medium text-sm text-foreground">Smart Filters</div>
       <LayerEffectsPanel {controller} />
     </div>
+  {:else if panelId === 'provider-effects'}
+    <ImageProviderEffectsPanel {controller} />
   {:else if panelId === 'selection'}
     <div class="flex flex-col gap-3">
       <div class="font-medium text-sm text-foreground">Selection</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.126.0",
+  "version": "0.127.1",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -168,7 +168,7 @@
     "@tiptap/extension-bubble-menu": "^2.27.3",
     "@tiptap/extension-placeholder": "^2.27.3",
     "@tiptap/starter-kit": "^2.27.3",
-    "@pixerate/editor": "0.170.0"
+    "@pixerate/editor": "0.171.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",