myrta-ui 17.0.0-beta.5 → 17.0.0-beta.7

package/lib/components/form/input-file/input-file.component.d.ts

@@ -58,14 +58,16 @@ export declare class InputFileComponent {
     getTooltipValue(value: string | undefined): string;
     protected baseValidate(): boolean;
     trackByFn(index: number, item: InputFileModel): string | undefined;
-    delete(file: UploadedFileModel): void;
+    delete(event: any, file: InputFileModel): void;
     canCancelUploading(file: InputFileModel): boolean;
     clear(file: InputFileModel): void;
     downloadUrl(file: UploadedFileModel): string;
     dropped(files: NgxFileDropEntry[]): void;
-    private formDataKeys;
-    private createFormData;
-    private uploadFile;
+    private _transformUrl;
+    private _formDataKeys;
+    private _createFormData;
+    private _deleteFile;
+    private _uploadFile;
     private checkForUpload;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputFileComponent, "mrx-input-file", never, { "autoUpload": { "alias": "autoUpload"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "viewOnly": { "alias": "viewOnly"; "required": false; }; "lightDisabled": { "alias": "lightDisabled"; "required": false; }; "bottomFiles": { "alias": "bottomFiles"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "minFiles": { "alias": "minFiles"; "required": false; }; "formData": { "alias": "formData"; "required": false; }; "uploadEndPoint": { "alias": "uploadEndPoint"; "required": false; }; "deleteEndPoint": { "alias": "deleteEndPoint"; "required": false; }; "downloadEndPoint": { "alias": "downloadEndPoint"; "required": false; }; "fileNamePlaceholder": { "alias": "fileNamePlaceholder"; "required": false; }; "showInputWithError": { "alias": "showInputWithError"; "required": false; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; }; "isTooltipValue": { "alias": "isTooltipValue"; "required": false; }; "isDownloadingFile": { "alias": "isDownloadingFile"; "required": false; }; "isHideListFiles": { "alias": "isHideListFiles"; "required": false; }; "target": { "alias": "target"; "required": false; }; "deleteConfirm": { "alias": "deleteConfirm"; "required": false; }; "innerTemplate": { "alias": "innerTemplate"; "required": false; }; "uploadAdditionalData": { "alias": "uploadAdditionalData"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; "messageTooManyFiles": { "alias": "messageTooManyFiles"; "required": false; }; "messageFileTooBig": { "alias": "messageFileTooBig"; "required": false; }; "messageEmptyFile": { "alias": "messageEmptyFile"; "required": false; }; "messageInvalidFileFormat": { "alias": "messageInvalidFileFormat"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderFileMaxSize": { "alias": "placeholderFileMaxSize"; "required": false; }; "placeholderFileFormat": { "alias": "placeholderFileFormat"; "required": false; }; "initFiles": { "alias": "files"; "required": false; }; "initAllowedExtensions": { "alias": "allowedExtensions"; "required": false; }; }, { "filesChanged": "filesChanged"; "checkDroppedFile": "checkDroppedFile"; }, never, never, false, never>;

package/lib/components/form/input-file-image/components/file-image-edit-modal/file-image-edit-modal.component.d.ts

@@ -1,5 +1,5 @@
 import { ImageCroppedEvent, ImageTransform, LoadedImage } from 'ngx-image-cropper';
-import { ModalComponent } from '../../../../../services/modal-service/helpers/modal.component';
+import { ModalServiceComponent } from '../../../../../services/modal-service/helpers/modal.component';
 import { ModalRef } from '../../../../../services/modal-service/helpers/modal-ref';
 import * as i0 from "@angular/core";
 export interface ImageEditSelect {
@@ -8,13 +8,14 @@ export interface ImageEditSelect {
     cropperMaxWidth: number;
     cropperMaxHeight: number;
     aspectRatio: number;
+    maintainAspectRatio: boolean;
 }
 export interface ImageEditResult {
     result: boolean;
-    fileImage?: any;
+    fileImage?: File;
     fileUrl?: string;
 }
-export declare class FileImageEditModalComponent extends ModalComponent<ImageEditSelect, ImageEditResult> {
+export declare class FileImageEditModalComponent extends ModalServiceComponent<ImageEditSelect, ImageEditResult> {
     private dialogRef;
     data: ImageEditSelect;
     title: string;
@@ -22,6 +23,7 @@ export declare class FileImageEditModalComponent extends ModalComponent<ImageEdi
     cropperMaxWidth: number;
     cropperMaxHeight: number;
     aspectRatio: number;
+    maintainAspectRatio: boolean;
     imageChangedEvent: any;
     croppedImage: string;
     canvasRotation: number;

package/lib/components/form/input-file-image/input-file-image.component.d.ts

@@ -1,61 +1,57 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { InputFileModel, UploadedFileModel } from '../../../models/input-file/input-file.model';
-import { FileUploadService } from '../../../services/file-upload/file-upload.service';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { InputFileModel, UploadedFileModel } from '../../../models';
+import { FileUploadService, ModalService } from '../../../services';
 import { NgxFileDropEntry } from 'ngx-file-drop';
-import { formatBytes } from '../../../helpers/extension/input-file.extension';
+import { formatBytes } from '../../../helpers';
 import { InputFileImageTypeTypes } from './input-file-image.enum';
-import { PreviewEnum } from './input-file-image.enum';
-import { ModalService } from '../../../services';
 import * as i0 from "@angular/core";
 export declare class InputFileImageComponent {
     private imageUploadService;
     private _modalService;
+    private _detector;
     formatBytes: typeof formatBytes;
     extensions?: string;
     allowedExtensions: string[];
     files: InputFileModel[];
-    notFoundImage: PreviewEnum;
     type: InputFileImageTypeTypes;
-    preview: string;
     customClasses: string;
-    required: boolean;
+    placeholder?: string;
     disabled: boolean;
-    lightDisabled: boolean;
+    readonly: boolean;
     maxSize: number;
     maxFiles: number;
     minFiles: number;
+    formData: any;
     cropperMaxWidth: number;
     cropperMaxHeight: number;
     aspectRatio: number;
-    formData: any;
-    placeholder?: string;
+    maintainAspectRatio: boolean;
     uploadEndPoint: string;
     deleteEndPoint?: string;
     downloadEndPoint?: string;
-    fileNamePlaceholder?: string;
     deleteConfirm?: (file: UploadedFileModel, result: (ok: boolean) => void) => void;
-    innerTemplate: TemplateRef<any>;
     set initFiles(data: UploadedFileModel[] | UploadedFileModel);
     set initAllowedExtensions(val: string[]);
     filesChanged: EventEmitter<InputFileModel[]>;
-    constructor(imageUploadService: FileUploadService, _modalService: ModalService);
+    constructor(imageUploadService: FileUploadService, _modalService: ModalService, _detector: ChangeDetectorRef);
     get getDefaultPlaceholder(): string;
     get getClasses(): string;
     get getDropZoneClasses(): string;
     get canAdd(): boolean;
-    trackByFn(index: number, item: InputFileModel): string | undefined;
-    delete(event: any, file: UploadedFileModel): void;
-    canCancelUploading(file: InputFileModel): boolean;
+    dropped(files: NgxFileDropEntry[]): void;
+    changePreview(event: any, file: InputFileModel): void;
+    delete(event: any, file: InputFileModel): void;
     clear(file: InputFileModel): void;
     downloadUrl(file: UploadedFileModel): string;
-    dropped(files: NgxFileDropEntry[]): void;
-    changePreview(event: any, file: UploadedFileModel): void;
     fileOver(event: any): void;
     fileLeave(event: any): void;
-    private formDataKeys;
-    private createFormData;
-    private uploadFile;
-    private checkForUpload;
+    private _transformUrl;
+    private _formDataKeys;
+    private _createFormData;
+    private _deleteFile;
+    private _updateFile;
+    private _uploadFile;
+    private _checkForUpload;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFileImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputFileImageComponent, "mrx-input-file-image", never, { "type": { "alias": "type"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "lightDisabled": { "alias": "lightDisabled"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "minFiles": { "alias": "minFiles"; "required": false; }; "cropperMaxWidth": { "alias": "cropperMaxWidth"; "required": false; }; "cropperMaxHeight": { "alias": "cropperMaxHeight"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "formData": { "alias": "formData"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "uploadEndPoint": { "alias": "uploadEndPoint"; "required": false; }; "deleteEndPoint": { "alias": "deleteEndPoint"; "required": false; }; "downloadEndPoint": { "alias": "downloadEndPoint"; "required": false; }; "fileNamePlaceholder": { "alias": "fileNamePlaceholder"; "required": false; }; "deleteConfirm": { "alias": "deleteConfirm"; "required": false; }; "innerTemplate": { "alias": "innerTemplate"; "required": false; }; "initFiles": { "alias": "files"; "required": false; }; "initAllowedExtensions": { "alias": "allowedExtensions"; "required": false; }; }, { "filesChanged": "filesChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFileImageComponent, "mrx-input-file-image", never, { "type": { "alias": "type"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "minFiles": { "alias": "minFiles"; "required": false; }; "formData": { "alias": "formData"; "required": false; }; "cropperMaxWidth": { "alias": "cropperMaxWidth"; "required": false; }; "cropperMaxHeight": { "alias": "cropperMaxHeight"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "maintainAspectRatio": { "alias": "maintainAspectRatio"; "required": false; }; "uploadEndPoint": { "alias": "uploadEndPoint"; "required": false; }; "deleteEndPoint": { "alias": "deleteEndPoint"; "required": false; }; "downloadEndPoint": { "alias": "downloadEndPoint"; "required": false; }; "deleteConfirm": { "alias": "deleteConfirm"; "required": false; }; "initFiles": { "alias": "files"; "required": false; }; "initAllowedExtensions": { "alias": "allowedExtensions"; "required": false; }; }, { "filesChanged": "filesChanged"; }, never, never, false, never>;
 }

package/lib/components/form/input-file-image/input-file-image.module.d.ts

@@ -10,6 +10,6 @@ import * as i8 from "../../button/button.module";
 import * as i9 from "ngx-image-cropper";
 export declare class InputFileImageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFileImageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputFileImageModule, [typeof i1.InputFileImageComponent, typeof i2.FileImageEditModalComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.HttpClientModule, typeof i6.NgxFileDropModule, typeof i7.ModalModule, typeof i8.ButtonModule, typeof i9.ImageCropperComponent], [typeof i1.InputFileImageComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputFileImageModule, [typeof i1.InputFileImageComponent, typeof i2.FileImageEditModalComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.HttpClientModule, typeof i6.NgxFileDropModule, typeof i7.ModalModule, typeof i8.ButtonModule, typeof i9.ImageCropperComponent, typeof i3.NgOptimizedImage], [typeof i1.InputFileImageComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InputFileImageModule>;
 }

package/lib/components/gallery/components/gallery-confirm-modal/gallery-confirm-modal.component.d.ts

@@ -1,5 +1,5 @@
 import { ModalRef } from '../../../../services/modal-service/helpers/modal-ref';
-import { ModalComponent } from '../../../../services/modal-service/helpers/modal.component';
+import { ModalServiceComponent } from '../../../../services/modal-service/helpers/modal.component';
 import * as i0 from "@angular/core";
 export interface GalleryConfirmParams {
     title: string;
@@ -8,7 +8,7 @@ export interface GalleryConfirmParams {
 export interface GalleryConfirmResult {
     result: boolean;
 }
-export declare class GalleryConfirmModalComponent extends ModalComponent<GalleryConfirmParams, GalleryConfirmResult> {
+export declare class GalleryConfirmModalComponent extends ModalServiceComponent<GalleryConfirmParams, GalleryConfirmResult> {
     private dialogRef;
     data: GalleryConfirmParams;
     title: string;

package/lib/models/input-file/input-file.model.d.ts

@@ -1,12 +1,13 @@
 import { Subscription } from 'rxjs';
 export interface UploadedFileModel {
-    uuid: string;
-    url?: string;
+    id: string;
     name?: string;
-    size?: number;
-    tempUuid?: string;
+    length?: number;
+    mD5Hash?: string;
+    contentType?: string;
 }
 export interface InputFileModel extends UploadedFileModel {
+    url?: string;
     tempUuid?: string;
     uploading?: boolean;
     percentage?: number;

package/lib/services/file-upload/file-upload.service.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 export declare class FileUploadService {
     private http;
     constructor(http: HttpClient);
-    upload(url: string, formData: FormData): Observable<HttpEvent<UploadedResultModel>>;
+    upload(url: string, file: File | FormData): Observable<HttpEvent<UploadedResultModel>>;
     delete(url: string, formData: FormData): Observable<UploadedResultModel>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FileUploadService>;

package/lib/services/modal-service/components/alert-modal/alert-modal.component.d.ts

@@ -1,4 +1,4 @@
-import { ModalComponent } from '../../helpers/modal.component';
+import { ModalServiceComponent } from '../../helpers/modal.component';
 import { ModalRef } from '../../helpers/modal-ref';
 import { ModalCustomConfig } from '../../models/modal-config.model';
 import * as i0 from "@angular/core";
@@ -7,7 +7,7 @@ export interface DefaultAlertModalParams {
     message: string;
 }
 export type DefaultAlertModalResult = boolean | undefined;
-export declare class AlertModalComponent extends ModalComponent<DefaultAlertModalParams, DefaultAlertModalResult> {
+export declare class AlertModalComponent extends ModalServiceComponent<DefaultAlertModalParams, DefaultAlertModalResult> {
     private dialogRef;
     data: DefaultAlertModalParams;
     config: ModalCustomConfig;

package/lib/services/modal-service/components/confirm-modal/confirm-modal.component.d.ts

@@ -1,13 +1,13 @@
 import { ModalRef } from '../../helpers/modal-ref';
 import { ModalCustomConfig } from '../../models/modal-config.model';
-import { ModalComponent } from '../../helpers/modal.component';
+import { ModalServiceComponent } from '../../helpers/modal.component';
 import * as i0 from "@angular/core";
 export interface DefaultConfirmModalParams {
     title: string;
     message: string;
 }
 export type DefaultConfirmModalResult = boolean | undefined;
-export declare class ConfirmModalComponent extends ModalComponent<DefaultConfirmModalParams, DefaultConfirmModalResult> {
+export declare class ConfirmModalComponent extends ModalServiceComponent<DefaultConfirmModalParams, DefaultConfirmModalResult> {
     private dialogRef;
     data: DefaultConfirmModalParams;
     config: ModalCustomConfig;

package/lib/services/modal-service/helpers/modal.component.d.ts

@@ -1,4 +1,4 @@
-export declare class ModalComponent<DataInput, DataOutput> {
+export declare class ModalServiceComponent<DataInput, DataOutput> {
     data: DataInput;
     result: DataOutput;
 }

package/lib/services/modal-service/modal-service.service.d.ts

@@ -1,7 +1,7 @@
 import { Injector, Type } from '@angular/core';
 import { Overlay } from '@angular/cdk/overlay';
 import { ModalRef } from './helpers/modal-ref';
-import { ModalComponent } from './helpers/modal.component';
+import { ModalServiceComponent } from './helpers/modal.component';
 import { DefaultAlertModalParams, DefaultAlertModalResult } from './components/alert-modal/alert-modal.component';
 import { ModalConfig, ModalCustomConfig } from './models/modal-config.model';
 import { DefaultConfirmModalParams, DefaultConfirmModalResult } from './components/confirm-modal/confirm-modal.component';
@@ -10,11 +10,11 @@ export declare class ModalService {
     private overlay;
     private injector;
     constructor(overlay: Overlay, injector: Injector);
-    open<T, T1>(component: Type<ModalComponent<T, T1>>, data: T, config?: ModalConfig): ModalRef<T1>;
+    open<T, T1>(component: Type<ModalServiceComponent<T, T1>>, data: T, config?: ModalConfig): ModalRef<T1>;
     openAlert(data: DefaultAlertModalParams, config?: ModalCustomConfig): ModalRef<DefaultAlertModalResult>;
     openConfirm(data: DefaultConfirmModalParams, config?: ModalCustomConfig): ModalRef<DefaultConfirmModalResult>;
-    createModal<T, T1>(component: Type<ModalComponent<T, T1>>, data: T, config: ModalConfig): ModalRef<T1>;
-    createDefaultModal<T, T1>(component: Type<ModalComponent<T, T1>>, data: T, config: ModalCustomConfig): ModalRef<T1>;
+    createModal<T, T1>(component: Type<ModalServiceComponent<T, T1>>, data: T, config: ModalConfig): ModalRef<T1>;
+    createDefaultModal<T, T1>(component: Type<ModalServiceComponent<T, T1>>, data: T, config: ModalCustomConfig): ModalRef<T1>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myrta-ui",
-  "version": "17.0.0-beta.5",
+  "version": "17.0.0-beta.7",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",