diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts index 5951fe8079..f1a325fd2e 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts @@ -122,8 +122,6 @@ export class UmbImageCropperFocusSetterElement extends UmbLitElement { const focalPoint = { left, top } as UmbFocalPointModel; - console.log('setFocalPoint', focalPoint); - this.dispatchEvent(new UmbFocalPointChangeEvent(focalPoint)); } 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 16243777db..beafa144fc 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 @@ -13,18 +13,21 @@ import './image-cropper-focus-setter.element.js'; import './image-cropper-preview.element.js'; import './image-cropper-field.element.js'; +const DefaultFocalPoint = { left: 0.5, top: 0.5 }; +const DefaultValue = { + temporaryFileId: null, + src: '', + crops: [], + focalPoint: DefaultFocalPoint, +}; + @customElement('umb-input-image-cropper') export class UmbInputImageCropperElement extends UmbLitElement { @query('#dropzone') private _dropzone?: UUIFileDropzoneElement; @property({ attribute: false }) - value: UmbImageCropperPropertyEditorValue = { - temporaryFileId: null, - src: '', - crops: [], - focalPoint: { left: 0.5, top: 0.5 }, - }; + value: UmbImageCropperPropertyEditorValue = DefaultValue; @property({ attribute: false }) crops: UmbImageCropperPropertyEditorValue['crops'] = []; @@ -68,7 +71,7 @@ export class UmbInputImageCropperElement extends UmbLitElement { } #onRemove = () => { - this.value = assignToFrozenObject(this.value, { src: '', temporaryFileId: null }); + this.value = assignToFrozenObject(this.value, DefaultValue); if (this.fileUnique) { this.#manager?.removeOne(this.fileUnique); } @@ -116,11 +119,15 @@ 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 }, temporaryFileId: null }; + this.value = DefaultValue; this.dispatchEvent(new UmbChangeEvent()); return; } + if (this.value && this.value.temporaryFileId) { + value.temporaryFileId = this.value.temporaryFileId; + } + this.value = value; this.dispatchEvent(new UmbChangeEvent()); }