@rangertechnologies/ngnxt 2.1.87 → 2.1.88

package/fesm2022/rangertechnologies-ngnxt.mjs

@@ -10262,7 +10262,7 @@ class FormBuilderService {
         if (savedFormElements) {
             this.formElements = JSON.parse(savedFormElements);
             this.formElementsSubject.next([...this.formElements]);
-            this.book = JSON.parse(localStorage.getItem('book') || '{}');
+            // this.book = JSON.parse(localStorage.getItem('book') || '{}');
             this.unique_id = localStorage.getItem('unique_id');
         }
     }
@@ -10275,11 +10275,8 @@ class FormBuilderService {
     }
     // Add a new element to the form
     addElement(element) {
-        debugger;
         // const savedFormElements = localStorage.getItem('formElements');
-        console.log("length", this.formElements.length);
         if (this.formElements.length == 0) {
-            console.log("savedFormElements", this.formElements);
             // this.formElements = JSON.parse(savedFormElements);
             // this.formElementsSubject.next([...this.formElements]);
             // this.book = JSON.parse(localStorage.getItem('book') || '{}');
@@ -10305,11 +10302,11 @@ class FormBuilderService {
                 };
             }
             // this.unique_id = uuidv4();
-            localStorage.setItem('book', JSON.stringify(this.book));
+            // localStorage.setItem('book', JSON.stringify(this.book));
             localStorage.setItem('unique_id', this.unique_id);
         }
         this.formElements.push(element);
-        localStorage.setItem('formElements', JSON.stringify(this.formElements));
+        // localStorage.setItem('formElements', JSON.stringify(this.formElements));
         // this.formElementsSubject.next([...this.formElements]);
     }
     updateElement(index, updates) {
@@ -10341,7 +10338,7 @@ class FormBuilderService {
             }
             this.formElements[index] = updatedElement;
             this.formElementsSubject.next([...this.formElements]);
-            localStorage.setItem('formElements', JSON.stringify(this.formElements));
+            // localStorage.setItem('formElements', JSON.stringify(this.formElements));
         }
     }
     setSelectedElement(index) {
@@ -10351,7 +10348,6 @@ class FormBuilderService {
         return this.formElements;
     }
     downloadElement() {
-        console.log("book", this.book);
         this.book.bookQuestionsMap[this.unique_id].subQuestions = this.formElements;
         let tempElement = {};
         this.formElements.forEach((element) => {
@@ -10377,7 +10373,7 @@ class FormBuilderService {
             }
         });
         this.formElements = this.tempElem;
-        localStorage.setItem('formElements', JSON.stringify(this.formElements));
+        // localStorage.setItem('formElements', JSON.stringify(this.formElements));
         this.formElementsSubject.next([...this.formElements]);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -10416,9 +10412,7 @@ class ElementComponent {
         // Subscribe to the formElements$ observable
         this.formBuilderService.formElements$.subscribe((elements) => {
             this.formElements = elements; // Update the local array with the latest data
-            console.log('Form Elements:', this.formElements);
         });
-        console.log("bookletJSON==" + this.bookletJSON);
         if (this.bookletJSON) {
             // AP-23JAN25 - empty string to clear the local storage
             localStorage.setItem('status', ("edit"));
@@ -10497,7 +10491,6 @@ class ElementComponent {
     }
     // Remove an element by index
     removeElement(field, index) {
-        console.log('remove', index);
         this.formBuilderService.removeElementComponent(field.id);
         this.formElements = this.formBuilderService.getElements();
     }
@@ -10584,7 +10577,6 @@ class PropertiesComponent {
     onAlignSelect(value) {
         if (this.selectedElement) {
             this.selectedElement.textAlign = value;
-            console.log(`Selected alignment: ${value}`);
         }
     }
     onStyleSelect(value) {
@@ -10594,7 +10586,6 @@ class PropertiesComponent {
         this.selectedElement.styles = this.selectedElement.styles || [];
         // Ensure only one style is selected at a time
         this.selectedElement.styles = [value];
-        console.log('Updated styles:', this.selectedElement.styles);
     }
     isStyleActive(value) {
         return this.selectedElement?.styles?.includes(value) || false;
@@ -10912,7 +10903,6 @@ class PropertiesComponent {
             this.selectedElementIndex = index;
             if (index >= 0) {
                 const elements = this.formBuilderService.getElements();
-                console.log('Selected element:', elements);
                 this.selectedElement = elements[index];
             }
         });
@@ -11077,7 +11067,8 @@ class NxtAppModule {
             //AP 22JAN2025 Added the below components
             ElementComponent,
             PropertiesComponent,
-            MenuComponent], imports: [i1$2.QuillModule, // RS 06JAN2025 Initializes the QuillModule with default settings for integrating the Quill editor.
+            MenuComponent,
+            FormComponent], imports: [i1$2.QuillModule, // RS 06JAN2025 Initializes the QuillModule with default settings for integrating the Quill editor.
             CustomRichTextComponent,
             CommonModule, FormsModule,
             // BrowserModule,
@@ -11103,7 +11094,8 @@ class NxtAppModule {
             I18nComponent,
             ElementComponent,
             PropertiesComponent,
-            MenuComponent
+            MenuComponent,
+            FormComponent
             // CustomRichTextComponent
         ] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NxtAppModule, providers: [
@@ -11240,7 +11232,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         //AP 22JAN2025 Added the below components
                         ElementComponent,
                         PropertiesComponent,
-                        MenuComponent
+                        MenuComponent,
+                        FormComponent
                     ],
                     imports: [
                         QuillModule.forRoot(), // RS 06JAN2025 Initializes the QuillModule with default settings for integrating the Quill editor.
@@ -11351,7 +11344,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         I18nComponent,
                         ElementComponent,
                         PropertiesComponent,
-                        MenuComponent
+                        MenuComponent,
+                        FormComponent
                         // CustomRichTextComponent
                     ],
                     providers: [
@@ -11366,13 +11360,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+// AP-29JAN25 
+class FormComponent {
+    // Input data for app-element
+    // bookletJson: any = {}; // Replace with your actual JSON object
+    // bookletId: string = '123'; // Replace with your actual booklet ID
+    bookletJSON;
+    bookletId;
+    formButtonHandler = new EventEmitter();
+    // Input data for app-properties
+    // api: string = 'https://example.com/api'; // Replace with your actual API endpoint
+    // apiMethod: string = 'GET'; // Replace with your actual API method
+    selectedElementType = 'button'; // Replace with the default selected element type
+    // Event handler for app-element
+    formButtonHandlerClick(event) {
+        this.formButtonHandler.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormComponent, selector: "app-form-builder", inputs: { bookletJSON: "bookletJSON", bookletId: "bookletId" }, outputs: { formButtonHandler: "formButtonHandler" }, ngImport: i0, template: "<!-- AP-29JAN25 -->\r\n<div class=\"form-container row\">\r\n    <!-- app-element Component -->\r\n    <app-element class=\"col-md-8\" [bookletJSON]=\"bookletJSON\" [bookletId]=\"bookletId\"></app-element>\r\n  \r\n    <!-- app-properties Component -->\r\n    <app-properties class=\"col-md-4\" (formButtonHandler)=\"formButtonHandlerClick($event)\"></app-properties>\r\n  </div>\r\n  ", styles: [""], dependencies: [{ kind: "component", type: ElementComponent, selector: "app-element", inputs: ["bookletJSON", "bookletId"], outputs: ["elementButtonClicked"] }, { kind: "component", type: PropertiesComponent, selector: "app-properties", inputs: ["selectedElementType"], outputs: ["formButtonHandler"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-form-builder', template: "<!-- AP-29JAN25 -->\r\n<div class=\"form-container row\">\r\n    <!-- app-element Component -->\r\n    <app-element class=\"col-md-8\" [bookletJSON]=\"bookletJSON\" [bookletId]=\"bookletId\"></app-element>\r\n  \r\n    <!-- app-properties Component -->\r\n    <app-properties class=\"col-md-4\" (formButtonHandler)=\"formButtonHandlerClick($event)\"></app-properties>\r\n  </div>\r\n  " }]
+        }], propDecorators: { bookletJSON: [{
+                type: Input
+            }], bookletId: [{
+                type: Input
+            }], formButtonHandler: [{
+                type: Output
+            }] } });
+
 /*
  * Public API Surface of nxt-app
  */
+// export * from './lib/style.css';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BookletComponent, ElementComponent, I18nComponent, I18nPipe, MenuComponent, NxtAppComponent, NxtAppModule, NxtAppService, PropertiesComponent, QuestionbookComponent, QuestionnaireComponent, SalesforceService, SummaryPageComponent };
+export { BookletComponent, ElementComponent, FormComponent, I18nComponent, I18nPipe, MenuComponent, NxtAppComponent, NxtAppModule, NxtAppService, PropertiesComponent, QuestionbookComponent, QuestionnaireComponent, SalesforceService, SummaryPageComponent };
 //# sourceMappingURL=rangertechnologies-ngnxt.mjs.map