@uploadcare/file-uploader 1.24.2 → 1.24.3

package/dist/env.js

@@ -25,7 +25,7 @@
  */
 
 // package.json
-var version = "1.24.2";
+var version = "1.24.3";
 
 // src/env.ts
 var PACKAGE_NAME = "blocks";

package/dist/index.d.ts

@@ -1371,6 +1371,7 @@ declare class CropFrame extends Block {
     private readonly _handlePointerUp;
     private readonly _handlePointerMove;
     private readonly _handleSvgPointerMove;
+    private readonly _backdropMaskId;
     private _backdropMask?;
     private _backdropMaskInner?;
     private _frameThumbs?;

package/dist/index.js

@@ -25,7 +25,7 @@
  */
 
 // src/index.ts
-import { BaseComponent as BaseComponent4, Data as Data8, UID as UID4 } from "@symbiotejs/symbiote";
+import { BaseComponent as BaseComponent4, Data as Data8, UID as UID5 } from "@symbiotejs/symbiote";
 
 // src/blocks/UploadCtxProvider/EventEmitter.ts
 var DEFAULT_DEBOUNCE_TIMEOUT = 20;
@@ -1217,7 +1217,7 @@ import { TelemetryAPIService } from "@uploadcare/quality-insights";
 import { Queue as Queue2 } from "@uploadcare/upload-client";
 
 // package.json
-var version = "1.24.2";
+var version = "1.24.3";
 
 // src/env.ts
 var PACKAGE_NAME = "blocks";
@@ -5476,10 +5476,12 @@ CloudImageEditorBlock.bindAttributes({
 });
 
 // src/blocks/CloudImageEditor/src/CropFrame.ts
+import { UID as UID4 } from "@symbiotejs/symbiote";
 var CropFrame = class extends Block {
   _handlePointerUp;
   _handlePointerMove;
   _handleSvgPointerMove;
+  _backdropMaskId = `backdrop-mask-${UID4.generate()}`;
   _backdropMask;
   _backdropMaskInner;
   _frameThumbs;
@@ -5519,7 +5521,7 @@ var CropFrame = class extends Block {
     }
     const { x, y, width, height } = cropBox;
     const svg = this.ref["svg-el"];
-    const mask = createSvgNode("mask", { id: "backdrop-mask" });
+    const mask = createSvgNode("mask", { id: this._backdropMaskId });
     const maskRectOuter = createSvgNode("rect", {
       x: 0,
       y: 0,
@@ -5543,7 +5545,7 @@ var CropFrame = class extends Block {
       height: "100%",
       fill: "var(--color-image-background)",
       "fill-opacity": 0.85,
-      mask: "url(#backdrop-mask)"
+      mask: `url(#${this._backdropMaskId})`
     });
     svg.appendChild(backdropRect);
     svg.appendChild(mask);
@@ -11982,7 +11984,7 @@ export {
   Spinner,
   StartFrom,
   Thumb,
-  UID4 as UID,
+  UID5 as UID,
   UploadCtxProvider,
   UploadList,
   UploadSource,

package/dist/index.ssr.js

@@ -1132,7 +1132,7 @@ export const ModalEvents = {
 	DESTROY: "modal:destroy",
 };
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.24.2`;
+export const PACKAGE_VERSION = `1.24.3`;
 export const PresenceToggle = class {
 	static template = `<slot></slot> `;
 	static reg = () => {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.24.2",
+  "version": "1.24.3",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",

package/web/file-uploader.iife.min.d.ts

@@ -1382,6 +1382,7 @@ declare class CropFrame extends Block {
     private readonly _handlePointerUp;
     private readonly _handlePointerMove;
     private readonly _handleSvgPointerMove;
+    private readonly _backdropMaskId;
     private _backdropMask?;
     private _backdropMaskInner?;
     private _frameThumbs?;