yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix focal point reset

Browse Source
This commit is contained in:
Niels Lyngsø
2025-01-20 11:40:51 +01:00
parent 5afa4b069b
commit 3f57a503e9
2 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts
View File

@@ -122,8 +122,6 @@ export class UmbImageCropperFocusSetterElement extends UmbLitElement {
const focalPoint = { left, top } as UmbFocalPointModel;
console.log('setFocalPoint', focalPoint);
this.dispatchEvent(new UmbFocalPointChangeEvent(focalPoint));
}

23
src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
View File

@@ -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,13 +119,13 @@ 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
if (this.value && this.value.temporaryFileId) {
value.temporaryFileId = this.value.temporaryFileId;
}
this.value = value;