@rangertechnologies/ngnxt 2.1.87 → 2.1.89

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];
             }
         });
@@ -11033,6 +11023,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'app-menu', template: "<!-- AP 22JAN25 - Top menu ,Left side menu  -->\r\n<!-- menu.component.html -->\r\n<div class=\"top-bar\">\r\n    <button class=\"button share-button\">Share</button>\r\n    <button class=\"button publish-button\">Publish</button>\r\n</div>\r\n<div class=\"menu-sidebar\">\r\n  <!-- Logo Section -->\r\n  <div class=\"menu-logo\">\r\n    <img src=\"../assets/Nxt.png\">\r\n  </div>\r\n\r\n  <!-- Menu Items -->\r\n  <ul class=\"menu-list\">\r\n    <li\r\n      *ngFor=\"let item of menuItems; let i = index\"\r\n      class=\"menu-item\"\r\n      [class.active]=\"activeIndex === i\"\r\n      (click)=\"setActiveMenu(i)\"\r\n      [attr.aria-label]=\"item.label\"\r\n    >\r\n      <!-- Dynamic Icon -->\r\n      <img [src]=\"item.icon\" alt=\"Menu Icon\" class=\"menu-icon\" />\r\n    </li>\r\n  </ul>\r\n\r\n  <!-- Profile Section -->\r\n  <div class=\"menu-profile\">\r\n    <img src=\"../assets/icons/ProfileImage.svg\" />\r\n  </div>\r\n</div>\r\n\r\n", styles: [".top-bar{display:flex;justify-content:flex-end;padding:15px;background-color:#fff;border-bottom:1px solid #ccc;width:100%;position:absolute;top:-3px}.button{padding:10px 20px;margin-left:10px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.share-button{background-color:#e5e8ed;color:#384652}.share-button:hover,.publish-button{background-color:#3374f2;color:#fff}.publish-button:hover{background-color:#005f73}.menu-sidebar{width:74px;height:100vh;background-color:#fff;color:#94a3b8;display:flex;flex-direction:column;align-items:center;position:absolute;top:0;box-shadow:2px 0 5px #0000001a}.menu-logo img{width:40px;margin:20px 0}.menu-list{list-style-type:none;padding:0;margin-top:48px;flex:1}.menu-item{width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:10px 0;cursor:pointer;border-radius:8px;transition:background .3s ease}.menu-item.active,.menu-item:hover{background-color:#ffb300;border-radius:50px;color:#fff}.icon{font-size:20px}.menu-profile img{width:40px;border-radius:50%;margin-bottom:20px}\n"] }]
         }] });
 
+// 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
+            }] } });
+
 // export const MY_CUSTOM_FORMATS = {
 //   fullPickerInput: 'DD/MM/YYYY HH:mm:ss',
 //   useUtc: true,
@@ -11077,7 +11097,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 +11124,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 +11262,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 +11374,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         I18nComponent,
                         ElementComponent,
                         PropertiesComponent,
-                        MenuComponent
+                        MenuComponent,
+                        FormComponent
                         // CustomRichTextComponent
                     ],
                     providers: [
@@ -11369,10 +11393,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 /*
  * 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