@rangertechnologies/ngnxt 2.1.83 → 2.1.85

package/lib/components/custom-rich-text/custom-rich-text.component.d.ts

@@ -22,7 +22,7 @@ export declare class CustomRichTextComponent implements OnInit, OnDestroy {
     constructor(i18nService: I18nService, changeService: ChangeService);
     ngOnInit(): void;
     private initializeDependency;
-    onEditorChange(event: any): void;
+    onEditorBlur(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomRichTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CustomRichTextComponent, "app-custom-rich-text", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "error": { "alias": "error"; "required": false; }; "question": { "alias": "question"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; }, { "textValueChange": "textValueChange"; }, never, never, true, never>;

package/lib/components/pick-location/pick-location.component.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="google.maps" />
-import { ElementRef, EventEmitter, NgZone, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, ChangeDetectorRef, NgZone, OnInit, SimpleChanges, OnChanges } from '@angular/core';
 import { I18nService } from '../../i18n.service';
 import { ChangeWrapper } from '../../model/changeWrapper';
 import { Question } from '../../wrapper';
 import * as i0 from "@angular/core";
-export declare class PickLocationComponent implements OnInit {
+export declare class PickLocationComponent implements OnInit, OnChanges {
     i18nService: I18nService;
     private ngZone;
+    private cdr;
     latitude: any;
     longitude: any;
     zoom: number;
@@ -27,8 +28,9 @@ export declare class PickLocationComponent implements OnInit {
     };
     markerOptions: any;
     apiKey: any;
-    constructor(i18nService: I18nService, ngZone: NgZone);
+    constructor(i18nService: I18nService, ngZone: NgZone, cdr: ChangeDetectorRef);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     private loadGoogleMapsScript;
     initAutocomplete(): void;
     onMarkerDragEnd(): void;

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

@@ -27,21 +27,25 @@ import * as i25 from "./i18n.component";
 import * as i26 from "./i18n.pipe";
 import * as i27 from "./components/custom-image/custom-image.component";
 import * as i28 from "./components/custom-radio/custom-radio.component";
-import * as i29 from "ngx-quill";
-import * as i30 from "./components/custom-rich-text/custom-rich-text.component";
-import * as i31 from "@angular/common";
-import * as i32 from "@angular/forms";
-import * as i33 from "@danielmoncada/angular-datetime-picker";
-import * as i34 from "./directives/componenthost/componenthost.directive";
-import * as i35 from "./pipe/get-value.pipe";
-import * as i36 from "@ng-select/ng-select";
-import * as i37 from "@angular/google-maps";
-import * as i38 from "@angular/material/tooltip";
-import * as i39 from "ngx-spinner";
-import * as i40 from "./i18n.module";
-import * as i41 from "ng-circle-progress";
+import * as i29 from "./pages/builder/element/element.component";
+import * as i30 from "./pages/builder/properties/properties.component";
+import * as i31 from "./pages/builder/menu/menu.component";
+import * as i32 from "ngx-quill";
+import * as i33 from "./components/custom-rich-text/custom-rich-text.component";
+import * as i34 from "@angular/common";
+import * as i35 from "@angular/forms";
+import * as i36 from "@danielmoncada/angular-datetime-picker";
+import * as i37 from "./directives/componenthost/componenthost.directive";
+import * as i38 from "./pipe/get-value.pipe";
+import * as i39 from "@ng-select/ng-select";
+import * as i40 from "@angular/google-maps";
+import * as i41 from "@angular/material/tooltip";
+import * as i42 from "@angular/cdk/drag-drop";
+import * as i43 from "ngx-spinner";
+import * as i44 from "./i18n.module";
+import * as i45 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.QuillModule, typeof i30.CustomRichTextComponent, typeof i31.CommonModule, typeof i32.FormsModule, typeof i32.ReactiveFormsModule, typeof i33.OwlDateTimeModule, typeof i33.OwlNativeDateTimeModule, typeof i34.ComponenthostDirective, typeof i35.GetValuePipe, typeof i36.NgSelectModule, typeof i37.GoogleMapsModule, typeof i38.MatTooltipModule, typeof i39.NgxSpinnerModule, typeof i40.I18nModule, typeof i41.NgCircleProgressModule], [typeof i1.NxtAppComponent, typeof i2.QuestionnaireComponent, typeof i11.BookletComponent, typeof i15.SummaryPageComponent, typeof i26.I18nPipe, typeof i25.I18nComponent]>;
+    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.QuillModule, typeof i33.CustomRichTextComponent, typeof i34.CommonModule, typeof i35.FormsModule, typeof i35.ReactiveFormsModule, typeof i36.OwlDateTimeModule, typeof i36.OwlNativeDateTimeModule, typeof i37.ComponenthostDirective, typeof i38.GetValuePipe, typeof i39.NgSelectModule, typeof i40.GoogleMapsModule, typeof i41.MatTooltipModule, typeof i42.DragDropModule, typeof i43.NgxSpinnerModule, typeof i44.I18nModule, typeof i45.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]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NxtAppModule>;
 }

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

@@ -0,0 +1,29 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { FormBuilderService } from '../../../services/form-builder.service';
+import * as i0 from "@angular/core";
+export declare class ElementComponent {
+    private formBuilderService;
+    elementButtonClicked: EventEmitter<string>;
+    formContainer: ElementRef;
+    bookletJSON: any;
+    bookletId: any;
+    formElements: any[];
+    constructor(formBuilderService: FormBuilderService);
+    ngOnInit(): void;
+    drop(event: CdkDragDrop<string[]>): void;
+    selectElement(index: number): void;
+    addElement(type: string): void;
+    addOption(options: Array<{
+        label: string;
+        value: string;
+    }>): void;
+    removeOption(options: Array<{
+        label: string;
+        value: string;
+    }>, index: number): void;
+    removeElement(field: any, index: number): void;
+    getFontStyles(field: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementComponent, "app-element", never, { "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; }, { "elementButtonClicked": "elementButtonClicked"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class MenuComponent {
+    activeIndex: number;
+    menuItems: {
+        icon: string;
+    }[];
+    setActiveMenu(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "app-menu", never, {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,531 @@
+import { HttpClient } from '@angular/common/http';
+import { ElementRef, OnInit } from '@angular/core';
+import { FormBuilderService } from '../../../services/form-builder.service';
+import * as i0 from "@angular/core";
+export declare class PropertiesComponent implements OnInit {
+    private http;
+    private formBuilderService;
+    colorWheel: ElementRef<HTMLCanvasElement>;
+    private ctx;
+    selectedOption: string;
+    selectedElementIndex: number;
+    selectedElementType: string;
+    selectedAlign: string;
+    selectedStyles: string[];
+    errorMessage: string;
+    selectedElement: any;
+    onToggleChange(property: string, event: any): void;
+    updateProperties(elementType: string): void;
+    onAlignSelect(value: string): void;
+    onStyleSelect(value: string): void;
+    isStyleActive(value: string): boolean;
+    elementProperties: {
+        Text: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                options?: undefined;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+                options?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                options: string[];
+                placeholder?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                options: {
+                    value: string;
+                    label: string;
+                }[];
+                placeholder?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                options: {
+                    value: string;
+                    icon: string;
+                }[];
+                placeholder?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+                options?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key?: undefined;
+            })[];
+        };
+        CheckBox: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+                options?: undefined;
+                addOptionLabel?: undefined;
+                icon?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key?: undefined;
+                options?: undefined;
+                addOptionLabel?: undefined;
+                icon?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                options: {
+                    label: string;
+                    value: string;
+                    type: string;
+                    key: string;
+                }[];
+                addOptionLabel: string;
+                icon: string;
+                placeholder?: undefined;
+            })[];
+        };
+        Calendar: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+            })[];
+        };
+        Time: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+            })[];
+        };
+        Email: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+            })[];
+        };
+        File: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                options?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                options: {
+                    label: string;
+                    value: string;
+                    extensions: string[];
+                }[];
+                placeholder?: undefined;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+                options?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+                options?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+            })[];
+        };
+        List: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+            })[];
+        };
+        TextArea: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key?: undefined;
+            })[];
+        };
+        Numbers: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+            })[];
+        };
+        Dropdown: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+                options?: undefined;
+                addOptionLabel?: undefined;
+                icon?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key?: undefined;
+                options?: undefined;
+                addOptionLabel?: undefined;
+                icon?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                options: {
+                    label: string;
+                    value: string;
+                    type: string;
+                    key: string;
+                }[];
+                addOptionLabel: string;
+                icon: string;
+                placeholder?: undefined;
+            })[];
+        };
+        Image: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+            })[];
+        };
+        Radio: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+                options?: undefined;
+                addOptionLabel?: undefined;
+                icon?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key?: undefined;
+                options?: undefined;
+                addOptionLabel?: undefined;
+                icon?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                options: {
+                    label: string;
+                    value: string;
+                    type: string;
+                    key: string;
+                }[];
+                addOptionLabel: string;
+                icon: string;
+                placeholder?: undefined;
+            })[];
+        };
+        Book: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+            })[];
+        };
+        Button: {
+            elementProps: ({
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            } | {
+                label: string;
+                type: string;
+                placeholder?: undefined;
+                key?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+            })[];
+        };
+    };
+    constructor(http: HttpClient, formBuilderService: FormBuilderService);
+    ngOnInit(): void;
+    validateInput(value: string, type: string): boolean;
+    updateProperty(key: string, value: any): void;
+    onRequiredChange(value: boolean): void;
+    getProperties(): any;
+    addOption(options: any[]): void;
+    removeOption(options: any[], index: number): void;
+    download(): void;
+    save(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertiesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertiesComponent, "app-properties", never, { "selectedElementType": { "alias": "selectedElementType"; "required": false; }; }, {}, never, never, false, never>;
+}