@rangertechnologies/ngnxt 2.1.120 → 2.1.122

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

@@ -1,6 +1,7 @@
 import { HttpClient } from '@angular/common/http';
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilderService } from '../../../services/form-builder.service';
+import { CropperPosition, Dimensions, ImageTransform } from '../../../components/image-cropper/interfaces';
 import * as i0 from "@angular/core";
 export declare class PropertiesComponent implements OnInit {
     private http;
@@ -18,6 +19,20 @@ export declare class PropertiesComponent implements OnInit {
     book: any;
     activeTab: string;
     selectColumn: any;
+    transform: ImageTransform;
+    canvasRotation: number;
+    cropper?: CropperPosition;
+    loading: boolean;
+    cropperMaxHeight: number;
+    cropperMaxWidth: number;
+    cropperMinHeight: number;
+    cropperMinWidth: number;
+    cropperStaticWidth: number;
+    cropperStaticHeight: number;
+    aspectRatio: number;
+    roundCropper: boolean;
+    imageChangedEvent: Event | null;
+    alignImage: "center";
     elementProperties: {
         Header: {
             elementProps: {
@@ -33,22 +48,35 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
-                placeholder: string;
                 type: string;
                 key: string;
+                placeholder?: undefined;
             } | {
                 label: string;
+                placeholder: string;
                 type: string;
                 key: string;
-                placeholder?: undefined;
             })[];
             appearance: ({
                 label: string;
@@ -87,6 +115,26 @@ export declare class PropertiesComponent implements OnInit {
                 options?: undefined;
             })[];
         };
+        Book: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            }[];
+            appearance: any[];
+        };
         Line: {
             elementProps: ({
                 label: string;
@@ -155,11 +203,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -226,11 +287,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -286,11 +360,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -340,17 +427,92 @@ export declare class PropertiesComponent implements OnInit {
                 options?: undefined;
             })[];
         };
+        Time: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            })[];
+            appearance: ({
+                label: string;
+                type: string;
+                key: string;
+                placeholder: string;
+                options: string[];
+                defaultValue?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                defaultValue: string;
+                placeholder?: undefined;
+                options?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                options: {
+                    label: string;
+                    value: string;
+                }[];
+                placeholder?: undefined;
+                defaultValue?: undefined;
+            })[];
+        };
         Email: {
             elementProps: ({
                 label: string;
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -534,12 +696,26 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
                 options?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+                options?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
                 options?: undefined;
             } | {
                 label: string;
@@ -551,6 +727,7 @@ export declare class PropertiesComponent implements OnInit {
                     extensions: string[];
                 }[];
                 placeholder?: undefined;
+                subQuestion?: undefined;
             })[];
             fieldProps: ({
                 label: string;
@@ -606,11 +783,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -666,11 +856,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -726,11 +929,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -786,11 +1002,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -846,11 +1075,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -917,11 +1159,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -977,11 +1232,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -1048,11 +1316,24 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                subQuestion?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
                 placeholder?: undefined;
+                subQuestion?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                }[];
             })[];
             fieldProps: ({
                 label: string;
@@ -1110,6 +1391,7 @@ export declare class PropertiesComponent implements OnInit {
     get filteredColumns(): any[];
     onCheckboxChange(targetArrayPath: any, targetArrayKey: any, key: any, apiName: string, isChecked: boolean): void;
     updateProperty(key: string, value: any): void;
+    onRadioChange(targetArrayPath: any, targetArrayKey: any, key: any, value: any): void;
     onRequiredChange(value: boolean): void;
     getProperties(): any;
     addOption(options: any[]): void;
@@ -1125,10 +1407,27 @@ export declare class PropertiesComponent implements OnInit {
     getValueByPath(path: string): any;
     onToggleChange(path: string, event: Event): void;
     setValueByPath(path: string, value: any): void;
+    getStyleKeys(): string[];
     updateElement(element: any): void;
     getValueByArrayPath(targetArrayPath: any, targetArrayKey: string, selectColumn: string, keyPath: string): any;
     updateValueByArrayPath(targetArrayPath: any, targetArrayKey: string, selectColumn: string, keyPath: string, event: Event): void;
     getDataByPath(path: string): any;
+    flipHorizontal(): void;
+    flipVertical(): void;
+    resetImage(): void;
+    zoomOut(): void;
+    zoomIn(): void;
+    rotateLeft(): void;
+    rotateRight(): void;
+    moveLeft(): void;
+    moveRight(): void;
+    moveDown(): void;
+    moveUp(): void;
+    private flipAfterRotate;
+    imageCropped(event: any): Promise<void>;
+    cropperReady(sourceImageDimensions: Dimensions): void;
+    convertBlobToBase64(objectUrl: string): Promise<string>;
+    childEventCapture(event: any, element: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertiesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PropertiesComponent, "app-properties", never, { "selectedElementType": { "alias": "selectedElementType"; "required": false; }; }, { "formButtonHandler": "formButtonHandler"; }, never, never, false, never>;
 }

package/lib/pages/questionbook/questionbook.component.d.ts

@@ -6,6 +6,7 @@ import { ChangeService } from '../../services/change.service';
 import { StorageService } from '../../services/storage.service';
 import { I18nService } from '../../i18n.service';
 import { BehaviorSubject, Subscription } from 'rxjs';
+import { CropperPosition, Dimensions, ImageTransform } from '../../components/image-cropper/interfaces';
 import * as i0 from "@angular/core";
 export declare class QuestionbookComponent implements OnInit, AfterViewInit {
     private sfService;
@@ -18,7 +19,7 @@ export declare class QuestionbookComponent implements OnInit, AfterViewInit {
     qbItem: QuestionBook;
     questionItem: Question;
     translatedQuestions: any[];
-    questions: Question[];
+    questions: any[];
     errorFieldId: any;
     labelValue: string;
     token: string;
@@ -33,6 +34,23 @@ export declare class QuestionbookComponent implements OnInit, AfterViewInit {
     langDirection: string;
     bookStyle: any;
     subscription: Subscription;
+    isImageEdit: boolean;
+    selectedImageElement: any;
+    transform: ImageTransform;
+    canvasRotation: number;
+    cropper?: CropperPosition;
+    loading: boolean;
+    cropperMaxHeight: number;
+    cropperMaxWidth: number;
+    cropperMinHeight: number;
+    cropperMinWidth: number;
+    cropperStaticWidth: number;
+    cropperStaticHeight: number;
+    aspectRatio: number;
+    roundCropper: boolean;
+    imageChangedEvent: Event | null;
+    alignImage: "center";
+    isImageHover: boolean;
     getFileRequirements(fieldsMeta: string): string;
     hadleDropDownDependent: EventEmitter<any>;
     handleCalendarDate: EventEmitter<any>;
@@ -63,6 +81,26 @@ export declare class QuestionbookComponent implements OnInit, AfterViewInit {
     onCalendarModalSave(): void;
     handleQuestionEvent(event: any): void;
     closeCalendarModal(event: any): void;
+    fileChangeEvent(ques: any, event: any): Promise<void>;
+    private readFileAsDataURL;
+    onImageEdit(ques: any): Promise<void>;
+    onImageDelete(ques: any): Promise<void>;
+    flipHorizontal(): void;
+    flipVertical(): void;
+    resetImage(): void;
+    zoomOut(): void;
+    zoomIn(): void;
+    rotateLeft(): void;
+    rotateRight(): void;
+    moveLeft(): void;
+    moveRight(): void;
+    moveDown(): void;
+    moveUp(): void;
+    private flipAfterRotate;
+    imageCropped(event: any): Promise<void>;
+    cropperReady(sourceImageDimensions: Dimensions): void;
+    convertBlobToBase64(objectUrl: string): Promise<string>;
+    closeModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<QuestionbookComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<QuestionbookComponent, "lib-questionbook", never, { "qbItem": { "alias": "qbItem"; "required": false; }; "questionItem": { "alias": "questionItem"; "required": false; }; "translatedQuestions": { "alias": "translatedQuestions"; "required": false; }; "questions": { "alias": "questions"; "required": false; }; "errorFieldId": { "alias": "errorFieldId"; "required": false; }; "labelValue": { "alias": "labelValue"; "required": false; }; "token": { "alias": "token"; "required": false; }; "dropDownData": { "alias": "dropDownData"; "required": false; }; }, { "handleDropDown": "handleDropDown"; "handleQuestion": "handleQuestion"; "hadleDropDownDependent": "hadleDropDownDependent"; "handleCalendarDate": "handleCalendarDate"; "handleCalendarEvent": "handleCalendarEvent"; }, never, never, false, never>;
 }

package/lib/services/form-builder.service.d.ts

@@ -23,7 +23,6 @@ interface FormElement {
     questionBookId?: any;
     size?: number;
     parentQuestion?: any;
-    subText?: any;
     fieldsMeta?: any;
     summaryRows?: any;
     summaryColumns?: any;
@@ -47,6 +46,7 @@ interface FormElement {
         direction: any;
         questionStyle: any;
     };
+    subText?: any;
     title?: any;
     subTitle?: any;
     referenceField?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rangertechnologies/ngnxt",
-  "version": "2.1.120",
+  "version": "2.1.122",
   "peerDependencies": {
     "@angular/common": "^18.2.13",
     "@angular/core": "^18.2.13"

package/src/lib/style.css

@@ -1814,4 +1814,53 @@ app-form-builder{
   display: flex;    
     width: 100%;  
     height: 100vh;
-}
+}
+.cursor-pointer{
+  cursor: pointer;
+}
+
+@media print {
+  .input-box {
+    border: none !important;
+  }
+  .nxtButton {
+    display: none !important;
+  }
+  /* Adjust specific column widths for print */
+  .col-lg-1 {
+    width: 8.33% !important; /* 1/12 columns */
+  }
+  .col-lg-2 {
+    width: 16.66% !important; /* 2/12 columns */
+  }
+  .col-lg-3 {
+    width: 25% !important; /* 3/12 columns */
+  }
+  .col-lg-4 {
+    width: 33.33% !important; /* 4/12 columns */
+  }
+  .col-lg-5 {
+    width: 41.66% !important; /* 5/12 columns */
+  }
+  .col-lg-6 {
+    width: 50% !important; /* 6/12 columns */
+  }
+  .col-lg-7 {
+    width: 58.33% !important; /* 7/12 columns */
+  }
+  .col-lg-8 {
+    width: 66.66% !important; /* 8/12 columns */
+  }
+  .col-lg-9 {
+    width: 75% !important; /* 9/12 columns */
+  }
+  .col-lg-10 {
+    width: 83.33% !important; /* 10/12 columns */
+  }
+  .col-lg-11 {
+    width: 91.66% !important; /* 11/12 columns */
+  }
+  .col-lg-12 {
+    width: 100% !important; /* 12/12 Full width */
+  }
+}