@libs-ui/components-image-editor 0.2.274 → 0.2.276

package/fesm2022/libs-ui-components-image-editor.mjs

@@ -1,6 +1,7 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component, signal, input, model, viewChild, output, inject, Optional, Inject, ChangeDetectionStrategy, ViewChild } from '@angular/core';
+import { EventEmitter, Output, Input, Component, signal, input, model, viewChild, output, inject, DestroyRef, Optional, Inject, ChangeDetectionStrategy, ViewChild } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
 import { LibsUiComponentsInputsValidComponent } from '@libs-ui/components-inputs-valid';
 import { LibsUiComponentsModalComponent } from '@libs-ui/components-modal';
@@ -10,7 +11,7 @@ import { LibsUiDynamicComponentService } from '@libs-ui/services-dynamic-compone
 import { get, convertBase64ToBlob, getLabelBySizeFile, convertBlobToFile, isNil, set, LINK_IMAGE_ERROR_TOKEN_INJECT } from '@libs-ui/utils';
 import * as i1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { Subject, fromEvent } from 'rxjs';
+import { fromEvent } from 'rxjs';
 import { takeUntil, tap, mergeMap } from 'rxjs/operators';
 
 const cropRationItems = () => {
@@ -244,7 +245,6 @@ class LibsUiComponentsImageEditorComponent {
     ratioValue = signal(0);
     minHeight = 20;
     minWidth = 20;
-    onDestroy = new Subject();
     resizeComponentRef;
     modeShowButton = input('save-file');
     mimetype = input();
@@ -275,6 +275,7 @@ class LibsUiComponentsImageEditorComponent {
     outClose = output();
     outSaveFile = output();
     outFunctionsControl = output();
+    destroyRef = inject(DestroyRef);
     dynamicComponentService = inject(LibsUiDynamicComponentService);
     constructor(linkImageError) {
         this.linkImageError = linkImageError;
@@ -355,9 +356,9 @@ class LibsUiComponentsImageEditorComponent {
             if (callback) {
                 callback(e);
             }
-        }), takeUntil(this.onDestroy));
+        }), takeUntilDestroyed(this.destroyRef));
         if (obsMerge) {
-            return obs.pipe(mergeMap(() => obsMerge), (takeUntil(this.onDestroy)));
+            return obs.pipe(mergeMap(() => obsMerge), (takeUntilDestroyed(this.destroyRef)));
         }
         return obs;
     }
@@ -845,7 +846,7 @@ class LibsUiComponentsImageEditorComponent {
         }
         this.resizeComponentRef = this.dynamicComponentService.resolveComponentFactory(LibsUiComponentsImageEditorResizeComponent);
         const instance = this.resizeComponentRef.instance;
-        const subs = instance.outClose.pipe(takeUntil(this.onDestroy)).subscribe(() => {
+        const subs = instance.outClose.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.dynamicComponentService.remove(this.resizeComponentRef);
             this.resizeComponentRef = undefined;
             subs.unsubscribe();
@@ -853,7 +854,7 @@ class LibsUiComponentsImageEditorComponent {
         instance.src = this.imgSrc();
         instance.mimetype = this.mimetype();
         instance.zIndex = this.zIndex();
-        subs.add(instance.outSave.pipe(takeUntil(this.onDestroy)).subscribe(event => {
+        subs.add(instance.outSave.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(event => {
             this.resizeData.set(event);
             this.saveResize();
         }));
@@ -964,8 +965,6 @@ class LibsUiComponentsImageEditorComponent {
         }
     }
     ngOnDestroy() {
-        this.onDestroy.next();
-        this.onDestroy.complete();
         this.dynamicComponentService.remove(this.resizeComponentRef);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsImageEditorComponent, deps: [{ token: LINK_IMAGE_ERROR_TOKEN_INJECT, optional: true }], target: i0.ɵɵFactoryTarget.Component });