@bnsights/bbsf-controls 1.2.25 → 1.2.27

package/lib/Shared/Models/FileUploadCropperOptions.d.ts

@@ -0,0 +1,18 @@
+export declare class FileUploadCropperPreset {
+    aspectRatio: number;
+    cropperStaticWidth: number;
+    cropperStaticHeight: number;
+    constructor(aspectRatio: number, cropperStaticWidth: number, cropperStaticHeight: number);
+}
+export declare class FileUploadCropperOptions {
+    enabled: boolean;
+    orientationControlName?: string;
+    defaultIsHorizontal: boolean;
+    modalSize: 'sm' | 'lg' | 'xl';
+    backdrop: boolean | 'static';
+    maintainAspectRatio: boolean;
+    onlyScaleDown: boolean;
+    cancelBehavior: 'clear' | 'keep';
+    horizontal: FileUploadCropperPreset;
+    vertical: FileUploadCropperPreset;
+}

package/lib/Shared/Models/FileUploadOptions.d.ts

@@ -1,5 +1,6 @@
 import { FileType } from '../Enums/FileType';
 import { ControlOptionsBase } from './ControlOptionsBase';
+import { FileUploadCropperOptions } from './FileUploadCropperOptions';
 export declare class FileUploadOptions extends ControlOptionsBase {
     value: any;
     /** Ability to set  FileInput required */
@@ -32,4 +33,6 @@ export declare class FileUploadOptions extends ControlOptionsBase {
     maxSumFilesSizeLbl?: string;
     /** Label before the max file count; overrides "MaxFileCountValidationKey" text when set. */
     maxFileCountLbl?: string;
+    /** Optional image cropper configuration for single-file, non-async uploads. */
+    cropperOptions?: FileUploadCropperOptions;
 }

package/lib/Shared/Models/index.d.ts

@@ -19,6 +19,7 @@ export * from './EditPersonalImage';
 export * from './EnglishArabicDTO';
 export * from './FileDTO';
 export * from './FileOptions';
+export * from './FileUploadCropperOptions';
 export * from './FileUploadModel';
 export * from './FileUploadOptions';
 export * from './filter-options';

package/lib/controls/FileUpload/FileUpload.component.d.ts

@@ -2,6 +2,7 @@ import { OnInit, AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@ang
 import { FormGroup, AbstractControl, ControlContainer, FormGroupDirective } from '@angular/forms';
 import { FileUploader, FileLikeObject, FileItem } from 'ng2-file-upload';
 import { ControlValidationService, UtilityService } from '@bnsights/bbsf-utilities/ui';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { FileDTO, FileUploadModel, FileUploadOptions, MultipleFileUploadModel } from '../../Shared/Models';
 import { ControlUtility, FileUploadService, GlobalSettings } from '../../Shared/services';
 import * as i0 from "@angular/core";
@@ -13,6 +14,7 @@ export declare class FileUploadComponent implements OnInit, AfterViewInit, OnDes
     private controlValidationService;
     private globalSettings;
     private fileUploadService;
+    private modalService;
     static controlContainerStatic: any;
     fileInput: ElementRef;
     isSubmitted: boolean;
@@ -41,7 +43,7 @@ export declare class FileUploadComponent implements OnInit, AfterViewInit, OnDes
     maxFilesValidationMsg: string;
     headerLabel: string;
     dropHeaderLabel: string;
-    constructor(controlContainer: ControlContainer, MultipleFileUploadControlHost: FormGroupDirective, controlUtility: ControlUtility, UtilityService: UtilityService, controlValidationService: ControlValidationService, globalSettings: GlobalSettings, fileUploadService: FileUploadService);
+    constructor(controlContainer: ControlContainer, MultipleFileUploadControlHost: FormGroupDirective, controlUtility: ControlUtility, UtilityService: UtilityService, controlValidationService: ControlValidationService, globalSettings: GlobalSettings, fileUploadService: FileUploadService, modalService: NgbModal);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     resetError: () => void;
@@ -50,6 +52,13 @@ export declare class FileUploadComponent implements OnInit, AfterViewInit, OnDes
     fileOverAnother(event: any): void;
     isHideInput(): boolean;
     onFileChange(): void;
+    private applySingleFileUpload;
+    private shouldCropAddedFile;
+    private resolveCropperOptions;
+    private resolveCropperOrientation;
+    private readCroppedFile;
+    private commitSingleFileUpload;
+    private clearSingleFileUpload;
     removeFromControlValue(item: FileItem): void;
     removeRequiredValidation: () => void;
     addRequiredValidation: () => void;
@@ -66,6 +75,6 @@ export declare class FileUploadComponent implements OnInit, AfterViewInit, OnDes
     private isFileTypeAccepted;
     private setValuePreservingErrors;
     private emitPatchedChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }, null, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }, null, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "BBSF-FileUpload", never, { "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "OnChange": "OnChange"; "isUploadComplete": "isUploadComplete"; }, never, never, true, never>;
 }

package/lib/controls/LogoCropper/LogoCropper.component.d.ts

@@ -0,0 +1,33 @@
+import { OnInit } from '@angular/core';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { UtilityService } from '@bnsights/bbsf-utilities/ui';
+import { ImageCroppedEvent, ImageTransform } from 'ngx-image-cropper';
+import * as i0 from "@angular/core";
+export declare class LogoCropperComponent implements OnInit {
+    activeModal: NgbActiveModal;
+    private utilityService;
+    imageFile: File;
+    isHorizontal: boolean;
+    aspectRatio: number;
+    maintainAspectRatio: boolean;
+    cropperStaticWidth: number;
+    cropperStaticHeight: number;
+    onlyScaleDown: boolean;
+    transform: ImageTransform;
+    croppedBlob: Blob | null;
+    private readonly minScale;
+    private readonly maxScale;
+    private readonly scaleStep;
+    constructor(activeModal: NgbActiveModal, utilityService: UtilityService);
+    ngOnInit(): void;
+    translate(key: string): string;
+    imageCropped(event: ImageCroppedEvent): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    resetZoom(): void;
+    confirm(): void;
+    dismiss(): void;
+    private setScale;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogoCropperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogoCropperComponent, "BBSF-LogoCropper", never, { "imageFile": { "alias": "imageFile"; "required": false; }; "isHorizontal": { "alias": "isHorizontal"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "maintainAspectRatio": { "alias": "maintainAspectRatio"; "required": false; }; "cropperStaticWidth": { "alias": "cropperStaticWidth"; "required": false; }; "cropperStaticHeight": { "alias": "cropperStaticHeight"; "required": false; }; "onlyScaleDown": { "alias": "onlyScaleDown"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/modules/bbsf-uploads.module.d.ts

@@ -9,6 +9,7 @@ import * as i7 from "@bnsights/bbsf-utilities";
 import * as i8 from "../controls/FileUpload/FileUpload.component";
 import * as i9 from "../controls/ImageUpload/ImageUpload.component";
 import * as i10 from "../controls/ProfileImageUploader/ProfileImageUploader.component";
+import * as i11 from "../controls/LogoCropper/LogoCropper.component";
 /**
  * BBSF Uploads Module
  *
@@ -45,6 +46,6 @@ import * as i10 from "../controls/ProfileImageUploader/ProfileImageUploader.comp
  */
 export declare class BBSFUploadsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BBSFUploadsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BBSFUploadsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.NgxDropzoneModule, typeof i4.AngularCropperjsModule, typeof i5.NgbModule, typeof i6.FileUploadModule, typeof i7.BBSFUtilitiesModule, typeof i8.FileUploadComponent, typeof i9.ImageUploaderComponent, typeof i10.ProfileImageUploaderComponent], [typeof i8.FileUploadComponent, typeof i9.ImageUploaderComponent, typeof i10.ProfileImageUploaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BBSFUploadsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.NgxDropzoneModule, typeof i4.AngularCropperjsModule, typeof i5.NgbModule, typeof i6.FileUploadModule, typeof i7.BBSFUtilitiesModule, typeof i8.FileUploadComponent, typeof i9.ImageUploaderComponent, typeof i10.ProfileImageUploaderComponent, typeof i11.LogoCropperComponent], [typeof i8.FileUploadComponent, typeof i9.ImageUploaderComponent, typeof i10.ProfileImageUploaderComponent, typeof i11.LogoCropperComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BBSFUploadsModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bnsights/bbsf-controls",
-  "version": "1.2.25",
+  "version": "1.2.27",
   "peerDependencies": {
     "@angular/animations": "^19.2.14",
     "@angular/cdk": "^19.2.19",
@@ -21,8 +21,8 @@
     "@fullcalendar/interaction": "6.1.19",
     "@fullcalendar/list": "6.1.19",
     "@fullcalendar/timegrid": "6.1.19",
-    "@ng-bootstrap/ng-bootstrap": "18.0.0",
     "@kolkov/angular-editor": "3.0.0-beta.2",
+    "@ng-bootstrap/ng-bootstrap": "18.0.0",
     "@ng-select/ng-select": "14.9.0",
     "@ngrx/store": "19.2.1",
     "@ngrx/store-devtools": "19.2.1",
@@ -52,6 +52,7 @@
     "ng2-file-upload": "8.0.0",
     "ngx-bootstrap": "19.0.2",
     "ngx-dropzone": "3.1.0",
+    "ngx-image-cropper": "^9.1.6",
     "ngx-infinite-scroll": "19.0.0",
     "ngx-intl-tel-input": "17.0.0",
     "ngx-mask": "17.1.8",

package/public-api.d.ts

@@ -24,6 +24,7 @@ export * from './lib/controls/Toggleslide/Toggleslide.component';
 export * from './lib/controls/HtmlEditor/HtmlEditor.component';
 export * from './lib/controls/MultiLingualHtmlEditor/MultiLingualHtmlEditor.component';
 export * from './lib/controls/ImageUpload/ImageUpload.component';
+export * from './lib/controls/LogoCropper/LogoCropper.component';
 export * from './lib/controls/ProfileImageUploader/ProfileImageUploader.component';
 export * from './lib/controls/Calendar/Calendar.component';
 export * from './lib/controls/MapAutoComplete/MapAutoComplete.component';
@@ -57,6 +58,7 @@ export * from './lib/Shared/Models/CustomValidation';
 export * from './lib/Shared/Models/DatePickerOptions';
 export * from './lib/Shared/Models/TextBoxOptions';
 export * from './lib/Shared/Models/FileUploadOptions';
+export * from './lib/Shared/Models/FileUploadCropperOptions';
 export * from './lib/Shared/Models/FileUploadModel';
 export * from './lib/Shared/Models/MultipleFileUploadModel';
 export * from './lib/Shared/Models/MultiLingualTextBoxOptions';