@rangertechnologies/ngnxt 2.1.121 → 2.1.122

package/lib/components/image-cropper/component/cropper.state.d.ts

@@ -0,0 +1,29 @@
+import { CropperOptions } from '../interfaces/cropper-options.interface';
+import { CropperPosition, Dimensions, ImageTransform, LoadedImage } from '../interfaces';
+import { SimpleChanges } from '@angular/core';
+export declare class CropperState {
+    options: CropperOptions;
+    loadedImage?: LoadedImage;
+    maxSize?: Dimensions;
+    cropper: CropperPosition;
+    transform: ImageTransform;
+    cropperScaledMinWidth: number;
+    cropperScaledMinHeight: number;
+    cropperScaledMaxWidth: number;
+    cropperScaledMaxHeight: number;
+    stepSize: number;
+    setOptionsFromChanges(changes: SimpleChanges): void;
+    setOptions(options: Partial<CropperOptions>): void;
+    private validateOptions;
+    setMaxSize(width: number, height: number): void;
+    setCropperScaledMinSize(): void;
+    setCropperScaledMinWidth(): void;
+    setCropperScaledMinHeight(): void;
+    setCropperScaledMaxSize(): void;
+    equalsCropperPosition(cropper?: CropperPosition): boolean;
+    equalsTransformTranslate(transform: ImageTransform): boolean;
+    equalsTransform(transform: ImageTransform): boolean;
+    aspectRatioIsCorrect(): boolean;
+    resizeCropperPosition(oldMaxSize: Dimensions): void;
+    maxSizeCropperPosition(): CropperPosition;
+}

package/lib/components/image-cropper/component/image-cropper.component.d.ts

@@ -0,0 +1,109 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { DomSanitizer, SafeStyle, SafeUrl } from '@angular/platform-browser';
+import { CropperOptions, CropperPosition, Dimensions, ImageCroppedEvent, ImageTransform, LoadedImage } from '../interfaces';
+import { OutputFormat } from '../interfaces/cropper-options.interface';
+import { CropperState } from './cropper.state';
+import { MoveTypes, Position } from '../interfaces/move-start.interface';
+import { BasicEvent } from '../interfaces/basic-event.interface';
+import * as i0 from "@angular/core";
+export declare class ImageCropperComponent implements OnChanges, OnInit, OnDestroy {
+    private sanitizer;
+    private cd;
+    private zone;
+    private readonly pinchStart$;
+    private readonly cropService;
+    private readonly loadImageService;
+    private setImageMaxSizeRetries;
+    private moveStart?;
+    private resizedWhileHidden;
+    protected readonly moveTypes: typeof MoveTypes;
+    protected readonly state: CropperState;
+    readonly safeImgDataUrl: import("@angular/core").WritableSignal<string | SafeUrl>;
+    safeTransformStyle?: SafeStyle | string;
+    marginLeft: SafeStyle | string;
+    imageVisible: boolean;
+    wrapper: ElementRef<HTMLDivElement>;
+    sourceImage: ElementRef<HTMLDivElement>;
+    imageChangedEvent?: Event | null;
+    imageURL?: string;
+    imageBase64?: string;
+    imageFile?: File;
+    imageAltText?: string;
+    options?: Partial<CropperOptions>;
+    cropperFrameAriaLabel?: string;
+    output?: 'blob' | 'base64';
+    format?: OutputFormat;
+    autoCrop?: boolean;
+    cropper?: CropperPosition;
+    transform?: ImageTransform;
+    maintainAspectRatio?: boolean;
+    aspectRatio?: number;
+    resetCropOnAspectRatioChange?: boolean;
+    resizeToWidth?: number;
+    resizeToHeight?: number;
+    cropperMinWidth?: number;
+    cropperMinHeight?: number;
+    cropperMaxHeight?: number;
+    cropperMaxWidth?: number;
+    cropperStaticWidth?: number;
+    cropperStaticHeight?: number;
+    canvasRotation?: number;
+    initialStepSize?: number;
+    roundCropper?: boolean;
+    onlyScaleDown?: boolean;
+    imageQuality?: number;
+    backgroundColor?: string;
+    containWithinAspectRatio?: boolean;
+    hideResizeSquares?: boolean;
+    allowMoveImage: boolean;
+    checkImageType: boolean;
+    alignImage?: 'left' | 'center';
+    disabled: boolean;
+    hidden: boolean;
+    imageCropped: EventEmitter<ImageCroppedEvent>;
+    startCropImage: EventEmitter<void>;
+    imageLoaded: EventEmitter<LoadedImage>;
+    cropperReady: EventEmitter<Dimensions>;
+    loadImageFailed: EventEmitter<void>;
+    transformChange: EventEmitter<ImageTransform>;
+    cropperChange: EventEmitter<CropperPosition>;
+    get alignImageStyle(): "center" | "left";
+    constructor(sanitizer: DomSanitizer, cd: ChangeDetectorRef, zone: NgZone);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private onChangesInputImage;
+    private isValidImageChangedEvent;
+    private reset;
+    private loadImageFile;
+    private loadBase64Image;
+    private loadImageFromURL;
+    private setLoadedImage;
+    loadImageError(error: unknown): void;
+    private setCssTransform;
+    imageLoadedInView(): void;
+    private checkImageMaxSizeRecursively;
+    private sourceImageLoaded;
+    onResize(): void;
+    keyboardAccess(event: KeyboardEvent): void;
+    private changeKeyboardStepSize;
+    private keyboardMoveCropper;
+    startMove(event: Event | BasicEvent, moveType: MoveTypes, position?: Position | null): void;
+    private initMouseMove;
+    private handleMouseMove;
+    private handleMouseUp;
+    startPinch(event: TouchEvent): void;
+    private initPinch;
+    handlePinchMove(event: TouchEvent): void;
+    handlePinchStop(): void;
+    private setMaxSize;
+    private emitCropperPositionChange;
+    private doAutoCrop;
+    crop(): ImageCroppedEvent | null;
+    crop(output: 'base64'): ImageCroppedEvent | null;
+    crop(output: 'blob'): Promise<ImageCroppedEvent> | null;
+    private cropToBlob;
+    private cropToBase64;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageCropperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCropperComponent, "image-cropper", never, { "imageChangedEvent": { "alias": "imageChangedEvent"; "required": false; }; "imageURL": { "alias": "imageURL"; "required": false; }; "imageBase64": { "alias": "imageBase64"; "required": false; }; "imageFile": { "alias": "imageFile"; "required": false; }; "imageAltText": { "alias": "imageAltText"; "required": false; }; "options": { "alias": "options"; "required": false; }; "cropperFrameAriaLabel": { "alias": "cropperFrameAriaLabel"; "required": false; }; "output": { "alias": "output"; "required": false; }; "format": { "alias": "format"; "required": false; }; "autoCrop": { "alias": "autoCrop"; "required": false; }; "cropper": { "alias": "cropper"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "maintainAspectRatio": { "alias": "maintainAspectRatio"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "resetCropOnAspectRatioChange": { "alias": "resetCropOnAspectRatioChange"; "required": false; }; "resizeToWidth": { "alias": "resizeToWidth"; "required": false; }; "resizeToHeight": { "alias": "resizeToHeight"; "required": false; }; "cropperMinWidth": { "alias": "cropperMinWidth"; "required": false; }; "cropperMinHeight": { "alias": "cropperMinHeight"; "required": false; }; "cropperMaxHeight": { "alias": "cropperMaxHeight"; "required": false; }; "cropperMaxWidth": { "alias": "cropperMaxWidth"; "required": false; }; "cropperStaticWidth": { "alias": "cropperStaticWidth"; "required": false; }; "cropperStaticHeight": { "alias": "cropperStaticHeight"; "required": false; }; "canvasRotation": { "alias": "canvasRotation"; "required": false; }; "initialStepSize": { "alias": "initialStepSize"; "required": false; }; "roundCropper": { "alias": "roundCropper"; "required": false; }; "onlyScaleDown": { "alias": "onlyScaleDown"; "required": false; }; "imageQuality": { "alias": "imageQuality"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "containWithinAspectRatio": { "alias": "containWithinAspectRatio"; "required": false; }; "hideResizeSquares": { "alias": "hideResizeSquares"; "required": false; }; "allowMoveImage": { "alias": "allowMoveImage"; "required": false; }; "checkImageType": { "alias": "checkImageType"; "required": false; }; "alignImage": { "alias": "alignImage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; }, { "imageCropped": "imageCropped"; "startCropImage": "startCropImage"; "imageLoaded": "imageLoaded"; "cropperReady": "cropperReady"; "loadImageFailed": "loadImageFailed"; "transformChange": "transformChange"; "cropperChange": "cropperChange"; }, never, never, true, never>;
+}

package/lib/components/image-cropper/interfaces/basic-event.interface.d.ts

@@ -0,0 +1,4 @@
+export interface BasicEvent {
+    clientX: number;
+    clientY: number;
+}

package/lib/components/image-cropper/interfaces/cropper-options.interface.d.ts

@@ -0,0 +1,28 @@
+export interface CropperOptions {
+    format: OutputFormat;
+    output: OutputType;
+    autoCrop: boolean;
+    maintainAspectRatio: boolean;
+    resetCropOnAspectRatioChange: boolean;
+    aspectRatio: number;
+    resizeToWidth: number;
+    resizeToHeight: number;
+    cropperMinWidth: number;
+    cropperMinHeight: number;
+    cropperMaxHeight: number;
+    cropperMaxWidth: number;
+    cropperStaticWidth: number;
+    cropperStaticHeight: number;
+    canvasRotation: number;
+    roundCropper: boolean;
+    onlyScaleDown: boolean;
+    imageQuality: number;
+    backgroundColor: string | null;
+    containWithinAspectRatio: boolean;
+    hideResizeSquares: boolean;
+    alignImage: 'left' | 'center';
+    cropperFrameAriaLabel: string | undefined;
+    checkImageType: boolean;
+}
+export type OutputFormat = 'png' | 'jpeg' | 'bmp' | 'webp' | 'ico';
+export type OutputType = 'base64' | 'blob';

package/lib/components/image-cropper/interfaces/cropper-position.interface.d.ts

@@ -0,0 +1,6 @@
+export interface CropperPosition {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}

package/lib/components/image-cropper/interfaces/dimensions.interface.d.ts

@@ -0,0 +1,4 @@
+export interface Dimensions {
+    width: number;
+    height: number;
+}

package/lib/components/image-cropper/interfaces/exif-transform.interface.d.ts

@@ -0,0 +1,4 @@
+export interface ExifTransform {
+    rotate: number;
+    flip: boolean;
+}

package/lib/components/image-cropper/interfaces/image-cropped-event.interface.d.ts

@@ -0,0 +1,11 @@
+import { CropperPosition } from './cropper-position.interface';
+export interface ImageCroppedEvent {
+    base64?: string | null;
+    blob?: Blob | null;
+    objectUrl?: string | null;
+    width: number;
+    height: number;
+    cropperPosition: CropperPosition;
+    imagePosition: CropperPosition;
+    offsetImagePosition?: CropperPosition;
+}

package/lib/components/image-cropper/interfaces/image-transform.interface.d.ts

@@ -0,0 +1,9 @@
+export interface ImageTransform {
+    scale?: number;
+    rotate?: number;
+    flipH?: boolean;
+    flipV?: boolean;
+    translateH?: number;
+    translateV?: number;
+    translateUnit?: '%' | 'px';
+}

package/lib/components/image-cropper/interfaces/index.d.ts

@@ -0,0 +1,7 @@
+export { CropperOptions, OutputFormat } from './cropper-options.interface';
+export { CropperPosition } from './cropper-position.interface';
+export { Dimensions } from './dimensions.interface';
+export { ImageCroppedEvent } from './image-cropped-event.interface';
+export { MoveStart } from './move-start.interface';
+export { ImageTransform } from './image-transform.interface';
+export { LoadedImage } from './loaded-image.interface';

package/lib/components/image-cropper/interfaces/loaded-image.interface.d.ts

@@ -0,0 +1,15 @@
+import { Dimensions } from './dimensions.interface';
+import { ExifTransform } from './exif-transform.interface';
+export interface LoadedImage {
+    original: {
+        objectUrl: string;
+        image: HTMLImageElement;
+        size: Dimensions;
+    };
+    transformed: {
+        objectUrl: string;
+        image: HTMLImageElement;
+        size: Dimensions;
+    };
+    exifTransform: ExifTransform;
+}

package/lib/components/image-cropper/interfaces/move-start.interface.d.ts

@@ -0,0 +1,17 @@
+import { CropperPosition, ImageTransform } from './';
+export type Position = 'left' | 'topleft' | 'top' | 'topright' | 'right' | 'bottomright' | 'bottom' | 'bottomleft' | 'center';
+export interface MoveStart {
+    active: boolean;
+    type: MoveTypes | null;
+    position: Position | null;
+    transform?: ImageTransform;
+    cropper: CropperPosition;
+    clientX: number;
+    clientY: number;
+}
+export declare enum MoveTypes {
+    Drag = "drag",
+    Move = "move",
+    Resize = "resize",
+    Pinch = "pinch"
+}

package/lib/components/image-cropper/services/crop.service.d.ts

@@ -0,0 +1,13 @@
+import { CropperOptions, ImageCroppedEvent } from '../interfaces';
+import { CropperState } from '../component/cropper.state';
+export declare class CropService {
+    crop(cropperState: CropperState, output: 'blob'): Promise<ImageCroppedEvent> | null;
+    crop(cropperState: CropperState, output: 'base64'): ImageCroppedEvent | null;
+    private cropToBlob;
+    private getCanvasTranslate;
+    private getRatio;
+    private getImagePosition;
+    private getOffsetImagePosition;
+    getResizeRatio(width: number, height: number, options: CropperOptions): number;
+    getQuality(options: CropperOptions): number;
+}

package/lib/components/image-cropper/services/load-image.service.d.ts

@@ -0,0 +1,17 @@
+import { LoadedImage } from '../interfaces';
+import { CropperState } from '../component/cropper.state';
+export declare class LoadImageService {
+    private autoRotateSupported;
+    loadImageFile(file: File, cropperSettings: CropperState): Promise<LoadedImage>;
+    private checkImageTypeAndLoadImageFromArrayBuffer;
+    private isValidImageType;
+    loadImageFromURL(url: string, cropperSettings: CropperState): Promise<LoadedImage>;
+    loadBase64Image(imageBase64: string, cropperSettings: CropperState): Promise<LoadedImage>;
+    private base64ToArrayBuffer;
+    private loadImageFromArrayBuffer;
+    private getSvgImageSize;
+    private transformImageFromArrayBuffer;
+    transformLoadedImage(loadedImage: Partial<LoadedImage>, cropperState: CropperState, forceTransform?: boolean): Promise<LoadedImage>;
+    private loadImageFromObjectUrl;
+    private getTransformedSize;
+}

package/lib/components/image-cropper/utils/cropper-position.utils.d.ts

@@ -0,0 +1,11 @@
+import { CropperPosition, MoveStart } from '../interfaces';
+import { CropperState } from '../component/cropper.state';
+import { BasicEvent } from '../interfaces/basic-event.interface';
+export declare function checkCropperPosition(cropperPosition: CropperPosition, cropperState: CropperState, maintainSize: boolean): CropperPosition;
+export declare function checkCropperSizeRestriction(cropperPosition: CropperPosition, cropperState: CropperState): CropperPosition;
+export declare function checkCropperWithinMaxSizeBounds(position: CropperPosition, cropperState: CropperState, maintainSize?: boolean): CropperPosition;
+export declare function moveCropper(event: Event | BasicEvent, moveStart: MoveStart): CropperPosition;
+export declare function resizeCropper(event: Event | BasicEvent, moveStart: MoveStart, cropperState: CropperState): CropperPosition;
+export declare function checkAspectRatio(position: string, cropperPosition: CropperPosition, cropperState: CropperState): CropperPosition;
+export declare function getClientX(event: Event | BasicEvent | TouchEvent): number;
+export declare function getClientY(event: Event | BasicEvent | TouchEvent): number;

package/lib/components/image-cropper/utils/exif.utils.d.ts

@@ -0,0 +1,3 @@
+import { ExifTransform } from '../interfaces/exif-transform.interface';
+export declare function supportsAutomaticRotation(): Promise<boolean>;
+export declare function getTransformationsFromExifData(exifRotationOrArrayBuffer: number | ArrayBufferLike): ExifTransform;

package/lib/components/image-cropper/utils/keyboard.utils.d.ts

@@ -0,0 +1,5 @@
+import { BasicEvent } from "../interfaces/basic-event.interface";
+import { Position } from "../interfaces/move-start.interface";
+export declare function getPositionForKey(key: string): Position;
+export declare function getInvertedPositionForKey(key: string): Position;
+export declare function getEventForKey(key: string, stepSize: number): BasicEvent;

package/lib/components/image-cropper/utils/percentage.utils.d.ts

@@ -0,0 +1 @@
+export declare function percentage(percent: number, totalValue: number): number;

package/lib/components/image-cropper/utils/resize.utils.d.ts

@@ -0,0 +1 @@
+export declare function resizeCanvas(canvas: HTMLCanvasElement, width: number, height: number): void;

package/lib/nxt-app.module.d.ts

@@ -43,11 +43,12 @@ import * as i41 from "@ng-select/ng-select";
 import * as i42 from "@angular/google-maps";
 import * as i43 from "@angular/material/tooltip";
 import * as i44 from "@angular/cdk/drag-drop";
-import * as i45 from "ngx-spinner";
-import * as i46 from "./i18n.module";
-import * as i47 from "ng-circle-progress";
+import * as i45 from "./components/image-cropper/component/image-cropper.component";
+import * as i46 from "ngx-spinner";
+import * as i47 from "./i18n.module";
+import * as i48 from "ng-circle-progress";
 export declare class NxtAppModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NxtAppModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NxtAppModule, [typeof i1.NxtAppComponent, typeof i2.QuestionnaireComponent, typeof i3.PickLocationComponent, typeof i4.CustomInputComponent, typeof i5.CustomTextAreaComponent, typeof i6.CustomTableComponent, typeof i7.CustomCalendarComponent, typeof i8.CustomDatePickerComponent, typeof i9.DropdownWithFlagComponent, typeof i10.CustomDropdownComponent, typeof i11.BookletComponent, typeof i12.SearchBoxComponent, typeof i13.QuestionbookComponent, typeof i14.FileUploadComponent, typeof i15.SummaryPageComponent, typeof i16.FileViewComponent, typeof i17.DependentTableComponent, typeof i18.CustomLabelComponent, typeof i19.TableAppendixComponent, typeof i20.CustomDateComponent, typeof i21.CustomTimeComponent, typeof i22.CustomButtonComponent, typeof i23.CustomModelComponent, typeof i24.LoaderComponent, typeof i25.I18nComponent, typeof i26.I18nPipe, typeof i27.CustomImageComponent, typeof i28.CustomRadioComponent, typeof i29.ElementComponent, typeof i30.PropertiesComponent, typeof i31.MenuComponent, typeof i32.FormComponent], [typeof i33.QuillModule, typeof i34.CustomRichTextComponent, typeof i35.CommonModule, typeof i36.FormsModule, typeof i37.NxtDatatable, typeof i36.ReactiveFormsModule, typeof i38.OwlDateTimeModule, typeof i38.OwlNativeDateTimeModule, typeof i39.ComponenthostDirective, typeof i40.GetValuePipe, typeof i41.NgSelectModule, typeof i42.GoogleMapsModule, typeof i43.MatTooltipModule, typeof i44.DragDropModule, typeof i45.NgxSpinnerModule, typeof i46.I18nModule, typeof i47.NgCircleProgressModule], [typeof i1.NxtAppComponent, typeof i2.QuestionnaireComponent, typeof i11.BookletComponent, typeof i15.SummaryPageComponent, typeof i26.I18nPipe, typeof i25.I18nComponent, typeof i29.ElementComponent, typeof i30.PropertiesComponent, typeof i31.MenuComponent, typeof i32.FormComponent, typeof i37.NxtDatatable]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NxtAppModule, [typeof i1.NxtAppComponent, typeof i2.QuestionnaireComponent, typeof i3.PickLocationComponent, typeof i4.CustomInputComponent, typeof i5.CustomTextAreaComponent, typeof i6.CustomTableComponent, typeof i7.CustomCalendarComponent, typeof i8.CustomDatePickerComponent, typeof i9.DropdownWithFlagComponent, typeof i10.CustomDropdownComponent, typeof i11.BookletComponent, typeof i12.SearchBoxComponent, typeof i13.QuestionbookComponent, typeof i14.FileUploadComponent, typeof i15.SummaryPageComponent, typeof i16.FileViewComponent, typeof i17.DependentTableComponent, typeof i18.CustomLabelComponent, typeof i19.TableAppendixComponent, typeof i20.CustomDateComponent, typeof i21.CustomTimeComponent, typeof i22.CustomButtonComponent, typeof i23.CustomModelComponent, typeof i24.LoaderComponent, typeof i25.I18nComponent, typeof i26.I18nPipe, typeof i27.CustomImageComponent, typeof i28.CustomRadioComponent, typeof i29.ElementComponent, typeof i30.PropertiesComponent, typeof i31.MenuComponent, typeof i32.FormComponent], [typeof i33.QuillModule, typeof i34.CustomRichTextComponent, typeof i35.CommonModule, typeof i36.FormsModule, typeof i37.NxtDatatable, typeof i36.ReactiveFormsModule, typeof i38.OwlDateTimeModule, typeof i38.OwlNativeDateTimeModule, typeof i39.ComponenthostDirective, typeof i40.GetValuePipe, typeof i41.NgSelectModule, typeof i42.GoogleMapsModule, typeof i43.MatTooltipModule, typeof i44.DragDropModule, typeof i45.ImageCropperComponent, typeof i46.NgxSpinnerModule, typeof i47.I18nModule, typeof i48.NgCircleProgressModule], [typeof i1.NxtAppComponent, typeof i2.QuestionnaireComponent, typeof i11.BookletComponent, typeof i15.SummaryPageComponent, typeof i26.I18nPipe, typeof i25.I18nComponent, typeof i29.ElementComponent, typeof i30.PropertiesComponent, typeof i31.MenuComponent, typeof i32.FormComponent, typeof i37.NxtDatatable]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NxtAppModule>;
 }

package/lib/pages/builder/element/element.component.d.ts

@@ -42,6 +42,8 @@ export declare class ElementComponent {
     addTableData(fieldId: any, fieldName: any): void;
     columnSelected(event: any): void;
     removeColumn(event: any): void;
+    fileChangeEvent(index: any, event: any): Promise<void>;
+    private readFileAsDataURL;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElementComponent, "app-element", never, { "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; }, {}, never, never, false, never>;
 }