myrta-ui 17.0.0-beta.1 → 17.0.0-beta.10

package/lib/components/form/editor/editor.component.d.ts

@@ -8,6 +8,7 @@ import 'jodit/esm/plugins/line-height/line-height.js';
 import 'jodit/esm/plugins/indent/indent.js';
 import 'jodit/esm/plugins/video/video.js';
 import 'jodit/esm/plugins/search/search.js';
+import { InputEditorValueWithId } from './editor.enum';
 import * as i0 from "@angular/core";
 export interface CustomJoditConfig extends JoditConfig {
     getIcon: (a: any) => void;
@@ -42,6 +43,7 @@ export declare class EditorComponent implements ControlValueAccessor, OnChanges
     checkInvalid: true | false | null;
     editorElementRef: any;
     changed: EventEmitter<string>;
+    modelChange: EventEmitter<InputEditorValueWithId>;
     constructor(changeDetection: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     get isValid(): boolean;
@@ -59,5 +61,5 @@ export declare class EditorComponent implements ControlValueAccessor, OnChanges
     private _sanitizeValue;
     private _calculateChartsCount;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "mrx-editor", never, { "fields": { "alias": "fields"; "required": false; }; "toolbar": { "alias": "toolbar"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "iframe": { "alias": "iframe"; "required": false; }; "defaultInlineStyle": { "alias": "defaultInlineStyle"; "required": false; }; "config": { "alias": "config"; "required": false; }; "editHTMLDocumentMode": { "alias": "editHTMLDocumentMode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "mrx-editor", never, { "fields": { "alias": "fields"; "required": false; }; "toolbar": { "alias": "toolbar"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "iframe": { "alias": "iframe"; "required": false; }; "defaultInlineStyle": { "alias": "defaultInlineStyle"; "required": false; }; "config": { "alias": "config"; "required": false; }; "editHTMLDocumentMode": { "alias": "editHTMLDocumentMode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, never, false, never>;
 }

package/lib/components/form/editor/editor.enum.d.ts

@@ -0,0 +1,5 @@
+export type InputEditorValueTypes = string;
+export interface InputEditorValueWithId {
+    value: InputEditorValueTypes;
+    id: string;
+}

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,20 +8,21 @@ 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;
     fileImage?: any;
     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,62 +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/modal-service/modal-service.service';
 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;
-    hostClass: string;
     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.enum.d.ts

@@ -1,6 +1,6 @@
 export declare enum InputFileImageTypeEnum {
-    'default' = "mrx-input-file-image__type-default",
-    'avatar' = "mrx-input-file-image__type-avatar"
+    'default' = "mrx-input-file-image-type-default",
+    'avatar' = "mrx-input-file-image-type-avatar"
 }
 export type InputFileImageTypeTypes = 'default' | 'avatar';
 export declare enum PreviewEnum {

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/form/input-select/input-select.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { AddTagFn } from '@ng-select/ng-select/lib/ng-select.component';
 import { InputSelectSizeTypes, InputSelectValueTypes, InputSelectValueWithId } from './input-select.enum';
@@ -49,10 +49,20 @@ export declare class InputSelectComponent implements ControlValueAccessor {
     tooltip: string;
     tooltipHidden: boolean;
     tooltipVisible: boolean;
-    selectOptionsTemplate: TemplateRef<ElementRef>;
-    labelTemplate: TemplateRef<ElementRef>;
-    tagTemplate: TemplateRef<ElementRef>;
-    multiLabelTemplate: TemplateRef<ElementRef>;
+    selectOptionsTemplate: TemplateRef<{
+        item: any;
+        clear: any;
+    }>;
+    labelTemplate: TemplateRef<{
+        item: any;
+    }>;
+    tagTemplate: TemplateRef<{
+        items: any;
+    }>;
+    multiLabelTemplate: TemplateRef<{
+        items: any;
+        clear: any;
+    }>;
     set setMaxSelectedItems(val: number);
     changed: EventEmitter<InputSelectValueTypes>;
     modelChange: EventEmitter<InputSelectValueWithId>;

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,9 +8,8 @@ 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;
     message: string;
     constructor(dialogRef: ModalRef<GalleryConfirmResult>, data: GalleryConfirmParams);

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/index.d.ts

@@ -4,3 +4,7 @@ export * from './mrx-form-validator/mrx-form-validator';
 export * from './save-store/save-store.module';
 export * from './save-store/store/selectors';
 export * from './save-store/store/actions';
+export * from './modal-service/modal-service.module';
+export * from './modal-service/models/modal-config.model';
+export * from './modal-service/modal-service.service';
+export * from './modal-service/helpers';

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,9 +7,8 @@ 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;
     model: DefaultAlertModalParams;
     constructor(dialogRef: ModalRef<DefaultAlertModalResult>, data: DefaultAlertModalParams, config: ModalCustomConfig);

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

@@ -1,15 +1,14 @@
 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;
     model: DefaultConfirmModalParams;
     constructor(dialogRef: ModalRef<DefaultConfirmModalResult>, data: DefaultConfirmModalParams, config: ModalCustomConfig);

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

@@ -0,0 +1,4 @@
+export * from './modal-tokens';
+export * from './modal.component';
+export * from './modal-default-config';
+export * from './modal-ref';

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

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

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./components/alert-modal/alert-modal.component";
+import * as i3 from "./components/confirm-modal/confirm-modal.component";
+export declare class ModalServiceModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalServiceModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalServiceModule, never, [typeof i1.CommonModule, typeof i2.AlertModalComponent, typeof i3.ConfirmModalComponent], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ModalServiceModule>;
+}

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.1",
+  "version": "17.0.0-beta.10",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",