@rlucan/ui 17.1.1 → 17.1.2

package/lib/file/file.component.d.ts

@@ -1,12 +1,13 @@
-import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { IUiFileService, UiFileService } from '../services/ui-file.service';
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { IUiFileService, UiFileService, IUiFileSize } from '../services/ui-file.service';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare class FileComponent implements OnInit, OnChanges {
+export declare class FileComponent implements OnChanges {
     private fileServiceConfig;
     private domSanitizer;
     private fileService;
-    fileSize: string;
+    private uiFileSize;
+    set fileSize(fs: string | IUiFileSize);
     srcOptions: any;
     srcData: any;
     srcUrl: {
@@ -24,12 +25,12 @@ export declare class FileComponent implements OnInit, OnChanges {
     get maxWidth(): string;
     get height(): string;
     get maxHeight(): string;
+    get imgStyle(): {};
     get isVideo(): any;
     get mime(): any;
     get useRetinaSrc(): boolean;
     constructor(fileServiceConfig: IUiFileService, domSanitizer: DomSanitizer, fileService: UiFileService);
-    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileComponent, "ui-file", never, { "fileSize": { "alias": "fileSize"; "required": false; }; "srcOptions": { "alias": "srcOptions"; "required": false; }; "srcData": { "alias": "srcData"; "required": false; }; "srcUrl": { "alias": "srcUrl"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileComponent, "ui-file", never, { "fileSize": { "alias": "fileSize"; "required": true; }; "srcOptions": { "alias": "srcOptions"; "required": false; }; "srcData": { "alias": "srcData"; "required": false; }; "srcUrl": { "alias": "srcUrl"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/file-uploader/ui-file-uploader.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlContainer } from '@angular/forms';
 import { UploaderOptions, UploadFile, UploadInput, UploadOutput } from 'ngx-uploader';
-import { IUiFileService, IUiFileServiceMessages, UiFileService } from '../services/ui-file.service';
+import { IUiFileService, IUiFileServiceMessages, UiFileService, IUiFileSize } from '../services/ui-file.service';
 import { Dimensions, ImageCroppedEvent, ImageTransform } from 'ngx-image-cropper';
 import { UiSimpleComponent } from '../layouts/simple/ui-simple.component';
 import { IUiTranslateService } from '../services/ui-translate.service';
@@ -22,12 +22,14 @@ export declare class UiFileUploaderComponent extends UiSimpleComponent implement
     translateService: IUiTranslateService;
     protected controlContainer: ControlContainer;
     private fileService;
+    private uiFileSize;
+    _fileSize: string | IUiFileSize;
+    set fileSize(fs: string | IUiFileSize);
     maxFiles: number;
     multiple: boolean;
     crop: boolean;
     cropRounded: boolean;
     cropMaxWidth: any;
-    fileSize: string;
     customFileMenu: boolean;
     addHint: any;
     newFilePosition: 'first' | 'last';
@@ -35,9 +37,11 @@ export declare class UiFileUploaderComponent extends UiSimpleComponent implement
         menuTemplate?: any;
         addFileTemplate?: any;
         fileTemplate?: any;
+        customContentTemplate?: any;
     };
     get menuTemplate(): any;
     get addFileTemplate(): any;
+    get customContentTemplate(): any;
     get fileTemplate(): any;
     previewPosition: 'left' | 'bottom' | 'above';
     imageCropped: EventEmitter<any>;
@@ -74,7 +78,7 @@ export declare class UiFileUploaderComponent extends UiSimpleComponent implement
         height: string;
     };
     get aspectRatio(): number;
-    get addFileImgSrc(): string;
+    get addFileImgSrc(): (size: IUiFileSize) => string;
     cropDone(f: any): any;
     ngOnDestroy(): void;
     remove(f: any): void;
@@ -98,5 +102,5 @@ export declare class UiFileUploaderComponent extends UiSimpleComponent implement
     writeValue(obj: any): void;
     cropperDone(id: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiFileUploaderComponent, [{ optional: true; }, null, { optional: true; host: true; skipSelf: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiFileUploaderComponent, "ui-file-uploader", never, { "maxFiles": { "alias": "maxFiles"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "crop": { "alias": "crop"; "required": false; }; "cropRounded": { "alias": "cropRounded"; "required": false; }; "cropMaxWidth": { "alias": "cropMaxWidth"; "required": false; }; "fileSize": { "alias": "fileSize"; "required": false; }; "customFileMenu": { "alias": "customFileMenu"; "required": false; }; "addHint": { "alias": "addHint"; "required": false; }; "newFilePosition": { "alias": "newFilePosition"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; "previewPosition": { "alias": "previewPosition"; "required": false; }; }, { "imageCropped": "imageCropped"; "fileEvent": "fileEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiFileUploaderComponent, "ui-file-uploader", never, { "fileSize": { "alias": "fileSize"; "required": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "crop": { "alias": "crop"; "required": false; }; "cropRounded": { "alias": "cropRounded"; "required": false; }; "cropMaxWidth": { "alias": "cropMaxWidth"; "required": false; }; "customFileMenu": { "alias": "customFileMenu"; "required": false; }; "addHint": { "alias": "addHint"; "required": false; }; "newFilePosition": { "alias": "newFilePosition"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; "previewPosition": { "alias": "previewPosition"; "required": false; }; }, { "imageCropped": "imageCropped"; "fileEvent": "fileEvent"; }, never, never, false, never>;
 }

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

@@ -2,22 +2,26 @@ import { EventEmitter, InjectionToken } from '@angular/core';
 import { UploadFile, UploadInput } from 'ngx-uploader';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
+export interface IUiFileSize {
+    name: string;
+    width: number;
+    height: number;
+    limit?: 'fit' | 'maxWidth' | 'maxHeight';
+}
 export type IUiFileServiceMessages = 'cropInvalidFileType' | 'extensionNotAllowed' | 'fileAdded' | 'fileRemoved';
 export interface IUiFileService {
     getAuthHeader: () => {
         [key: string]: string;
     };
-    uploadUrl: string;
-    getMediaSrc: (size: string, data: any, options: any) => string;
-    getPreviewUrl: (size: string, any: any) => string;
-    addFileImgSrc: string;
+    uploadUrl: (size?: IUiFileSize) => string;
+    getMediaSrc: (size: IUiFileSize, data: any, options: any) => string;
+    getPreviewUrl: (size: IUiFileSize, data: any) => string;
+    addFileImgSrc: (size: IUiFileSize) => string;
     getMimeType: (data: any) => string;
-    imageSizes: {
-        [key: string]: [number, number];
-    };
+    imageSizes: IUiFileSize[];
     concurrentUploads: number;
     useRetinaSrc: boolean;
-    fileValidation?: (size: string, file: UploadFile) => Promise<boolean>;
+    fileValidation?: (size: IUiFileSize, file: UploadFile) => Promise<boolean>;
 }
 export declare const UI_FILESERVICE: InjectionToken<IUiFileService>;
 export declare class UiFileService {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rlucan/ui",
-  "version": "17.1.1",
+  "version": "17.1.2",
   "description": "My UI Components",
   "author": "rlucan@gmail.com",
   "peerDependencies": {