From 9157f408198e989e050a7f197460d9a6aad208e1 Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Thu, 16 May 2024 14:55:12 +0200
Subject: [PATCH] Bugfix: ImgCropper remove item

---
 .../input-image-cropper/input-image-cropper.element.ts     | 7 ++++---
 .../property-editor-ui-image-cropper.element.ts            | 2 ++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
index 02d889d5a0..e5dbf38b11 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
@@ -68,8 +68,9 @@ export class UmbInputImageCropperElement extends UmbLitElement {
 
 	#onRemove = () => {
 		this.value = assignToFrozenObject(this.value, { src: '', temporaryFileId: null });
-		if (!this.fileUnique) return;
-		this.#manager?.removeOne(this.fileUnique);
+		if (this.fileUnique) {
+			this.#manager?.removeOne(this.fileUnique);
+		}
 		this.fileUnique = undefined;
 		this.file = undefined;
 
@@ -114,7 +115,7 @@ export class UmbInputImageCropperElement extends UmbLitElement {
 		const value = (e.target as UmbInputImageCropperFieldElement).value;
 
 		if (!value) {
-			this.value = { src: '', crops: [], focalPoint: { left: 0.5, top: 0.5 } };
+			this.value = { src: '', crops: [], focalPoint: { left: 0.5, top: 0.5 }, temporaryFileId: null };
 			this.dispatchEvent(new UmbChangeEvent());
 			return;
 		}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/property-editors/image-cropper/property-editor-ui-image-cropper.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/property-editors/image-cropper/property-editor-ui-image-cropper.element.ts
index f726bbae26..0c546344a3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/property-editors/image-cropper/property-editor-ui-image-cropper.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/property-editors/image-cropper/property-editor-ui-image-cropper.element.ts
@@ -15,6 +15,7 @@ import {
 export class UmbPropertyEditorUIImageCropperElement extends UmbLitElement implements UmbPropertyEditorUiElement {
 	@property({ attribute: false })
 	value: UmbImageCropperPropertyEditorValue = {
+		temporaryFileId: null,
 		src: '',
 		crops: [],
 		focalPoint: { left: 0.5, top: 0.5 },
@@ -28,6 +29,7 @@ export class UmbPropertyEditorUIImageCropperElement extends UmbLitElement implem
 		if (changedProperties.has('value')) {
 			if (!this.value) {
 				this.value = {
+					temporaryFileId: null,
 					src: '',
 					crops: [],
 					focalPoint: { left: 0.5, top: 0.5 },