@pixerate/editor 0.228.1 → 0.229.0

package/dist/{chunk-B46UQUDC.cjs → chunk-HB4ICNNA.cjs}

@@ -150,8 +150,12 @@ function effectReach(e) {
       return e.size;
     case "satin":
       return Math.max(1, e.distance) + e.size;
-    case "bevel-emboss":
-      return e.size + e.soften + 1;
+    case "bevel-emboss": {
+      if (e.technique === "smooth") return e.size + e.soften + 1;
+      const size = Math.max(e.size, 1);
+      const chiselSoft = e.technique === "chisel-soft" ? Math.max(size / 4, 1) + 1 : 0;
+      return size + 3 + chiselSoft + e.soften + 1 + 1;
+    }
     default:
       return 0;
   }

package/dist/{chunk-KN3Y3FRY.js → chunk-JVNGCS26.js}

@@ -46,7 +46,7 @@ import {
   validateEffectGradient,
   validateLayerEffects,
   warpSurface
-} from "./chunk-QXY4YTRI.js";
+} from "./chunk-UOOK7HTX.js";
 import {
   affineFromHomography,
   applyHomography,
@@ -464,6 +464,11 @@ function clampCropToImage(crop, width, height) {
     height: Math.max(1, Math.min(height - y, crop.height))
   };
 }
+var MARGIN_FIT_MIN_GUTTER = 36;
+function marginFitSpan(size) {
+  const gutter = Math.max(size * 0.075, MARGIN_FIT_MIN_GUTTER);
+  return size - 2 * gutter > size * 0.5 ? size - 2 * gutter : size * 0.85;
+}
 function resolveViewport(state, vpWidth, vpHeight, isActivelyCropping, cropOverride) {
   const { imageDimensions, crop: stateCrop, transform, zoom, pan, fit = "margin" } = state;
   const naturalWidth = imageDimensions.width || 800;
@@ -472,7 +477,7 @@ function resolveViewport(state, vpWidth, vpHeight, isActivelyCropping, cropOverr
   const activeCrop = cropOverride !== void 0 && cropOverride !== null ? cropOverride : stateCrop ?? (isActivelyCropping ? full : null);
   const region = !isActivelyCropping && activeCrop ? clampCropToImage(activeCrop, naturalWidth, naturalHeight) : full;
   const { width: baseW, height: baseH } = getRotatedSize(region.width, region.height, transform);
-  const fitScale = fit === "contain" ? Math.min(vpWidth / baseW, vpHeight / baseH) : Math.min(vpWidth * 0.85 / baseW, vpHeight * 0.85 / baseH, 1);
+  const fitScale = fit === "contain" ? Math.min(vpWidth / baseW, vpHeight / baseH) : Math.min(marginFitSpan(vpWidth) / baseW, marginFitSpan(vpHeight) / baseH, 1);
   const centerX = vpWidth / 2 + pan.x;
   const centerY = vpHeight / 2 + pan.y;
   const projection = {
@@ -11758,6 +11763,7 @@ export {
   applyImageProjectionToContext,
   projectImageRect,
   clampCropToImage,
+  MARGIN_FIT_MIN_GUTTER,
   getViewportProjection,
   getViewportMetrics,
   canvasToImagePoint,

package/dist/{chunk-QXY4YTRI.js → chunk-UOOK7HTX.js}

@@ -150,8 +150,12 @@ function effectReach(e) {
       return e.size;
     case "satin":
       return Math.max(1, e.distance) + e.size;
-    case "bevel-emboss":
-      return e.size + e.soften + 1;
+    case "bevel-emboss": {
+      if (e.technique === "smooth") return e.size + e.soften + 1;
+      const size = Math.max(e.size, 1);
+      const chiselSoft = e.technique === "chisel-soft" ? Math.max(size / 4, 1) + 1 : 0;
+      return size + 3 + chiselSoft + e.soften + 1 + 1;
+    }
     default:
       return 0;
   }

package/dist/image-editor/controller.d.cts

@@ -1031,6 +1031,18 @@ export declare class ImageEditorController {
     compositePixels(rect?: CropBox, options?: {
         layerIds?: string[];
     }): PixelBuffer;
+    /**
+     * The Eyedropper: the colour (#rrggbb) of the composite at a document point, or the average of
+     * the `size` × `size` square round it (1, 3 or 5…), or null outside the canvas or where every
+     * layer is transparent. With `setForeground` it also becomes the paint foreground.
+     */
+    sampleColor(point: {
+        x: number;
+        y: number;
+    }, options?: {
+        size?: number;
+        setForeground?: boolean;
+    }): string | null;
     private compositorSources;
     private sourceIds;
     private nextSourceId;

package/dist/image-editor/controller.d.ts

@@ -1031,6 +1031,18 @@ export declare class ImageEditorController {
     compositePixels(rect?: CropBox, options?: {
         layerIds?: string[];
     }): PixelBuffer;
+    /**
+     * The Eyedropper: the colour (#rrggbb) of the composite at a document point, or the average of
+     * the `size` × `size` square round it (1, 3 or 5…), or null outside the canvas or where every
+     * layer is transparent. With `setForeground` it also becomes the paint foreground.
+     */
+    sampleColor(point: {
+        x: number;
+        y: number;
+    }, options?: {
+        size?: number;
+        setForeground?: boolean;
+    }): string | null;
     private compositorSources;
     private sourceIds;
     private nextSourceId;

package/dist/image-editor/geometry.d.cts

@@ -67,6 +67,12 @@ export declare function projectImageRect(rect: CropBox, p: ImageProjection): {
 };
 /** Clamps a crop box to the image bounds. */
 export declare function clampCropToImage(crop: CropBox, width: number, height: number): CropBox;
+/**
+ * The `margin` fit's gutter on each side: 7.5 % of the view (85 % fit), and never less than the
+ * room the transform frame's rotate handle needs above the image (`TRANSFORM_ROTATE_HANDLE_OFFSET`
+ * out, plus the handle), so a full-size layer's handles stay inside a small view.
+ */
+export declare const MARGIN_FIT_MIN_GUTTER = 36;
 /**
  * Returns the natural-image -> canvas projection used by the interactive viewport.
  */

package/dist/image-editor/geometry.d.ts

@@ -67,6 +67,12 @@ export declare function projectImageRect(rect: CropBox, p: ImageProjection): {
 };
 /** Clamps a crop box to the image bounds. */
 export declare function clampCropToImage(crop: CropBox, width: number, height: number): CropBox;
+/**
+ * The `margin` fit's gutter on each side: 7.5 % of the view (85 % fit), and never less than the
+ * room the transform frame's rotate handle needs above the image (`TRANSFORM_ROTATE_HANDLE_OFFSET`
+ * out, plus the handle), so a full-size layer's handles stay inside a small view.
+ */
+export declare const MARGIN_FIT_MIN_GUTTER = 36;
 /**
  * Returns the natural-image -> canvas projection used by the interactive viewport.
  */