@piserve-tech/form-submission 1.3.317 → 1.3.319

package/sub-form/submission-modal/submission-modal.component.d.ts

@@ -0,0 +1,31 @@
+import { Injector } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { ValidationService } from '../../services/validation.service';
+import * as i0 from "@angular/core";
+export declare class SubmissionModalComponent {
+    data: any;
+    private validationService;
+    private dialogRef;
+    acceptedLanguage: string;
+    grid: any;
+    subForm: any;
+    childLogicCache: {
+        [key: string]: {
+            component: Promise<any>;
+            injector: Injector;
+        };
+    };
+    componentToLoad: any;
+    injector: Injector;
+    constructor(data: any, validationService: ValidationService, dialogRef: MatDialogRef<SubmissionModalComponent>);
+    ngOnInit(): void;
+    private loadComponent;
+    private loadFormElementsComponent;
+    createInjector(): Injector;
+    closeModal(): void;
+    saveSubmission(): void;
+    clearModal(): void;
+    clearFormElement(formElement: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubmissionModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubmissionModalComponent, "lib-submission-modal", never, {}, {}, never, never, false, never>;
+}

package/ng-package.json

@@ -1,30 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/form-submission",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "assets": [
-    {
-      "glob": "**/*",
-      "input": "src/assets",
-      "output": "assets/"
-    }
-  ],
-  "allowedNonPeerDependencies": [
-      "@angular/google-maps",
-      "@angular/material",
-      "@fortawesome/fontawesome-free",
-      "@piserve-tech/drop-down",
-      "@piserve-tech/file-preview",
-      "@piserve-tech/file-upload",
-      "@syncfusion/ej2-material-theme",
-      "@types/google.maps",
-      "@types/googlemaps",
-      "bootstrap",
-      "ng2-file-upload",
-      "ngx-infinite-scroll",
-      "ngx-material-timepicker",
-      "uuid"
-  ]
-}

package/src/environment/environment.ts

@@ -1,6 +0,0 @@
-export let environment = {
-    production: false,
-    googleRecaptchaSiteKey: '',
-     htmlDirection: 'ltr'
-  };
-  

package/src/form-fields/aggregate-function/aggregate-function.component.html

@@ -1,63 +0,0 @@
-<div
-  [ngClass]="{ 'mb-4': !inLine }"
-  class="px-3"
-  [id]="(inLine || inCard) ? 'question-' + submissionIndex + '-' + question.id : 'question-' + question.id"
-  [attr.name]="question.testElementName"
->
-  <div class="input-wrapper mb-2" *ngIf="!inLine">
-    <div *ngIf="question.questionNumber" [innerHTML]="question.questionNumber"></div>
-    <span *ngIf="question.questionNumber" class="space"></span> <label>{{ question.question }}</label
-    >&nbsp;
-    <span class="text-danger" *ngIf="question?.required">*</span>
-    <div
-      class="svg-wrapper mb-2 hintIcon"
-      [attr.data-title]="hint"
-      *ngIf="hint"
-    >
-      <svg
-        class="hintSvg"
-        viewBox="0 0 30 30"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M15 26.25V26.25C8.78625 26.25 3.75 21.2138 3.75 15V15C3.75 8.78625 8.78625 3.75 15 3.75V3.75C21.2138 3.75 26.25 8.78625 26.25 15V15C26.25 21.2138 21.2138 26.25 15 26.25Z"
-          stroke="#323232"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-        <path
-          d="M15 16.5623V16.2498C15 15.2285 15.6312 14.6748 16.2637 14.2498C16.8812 13.8335 17.5 13.291 17.5 12.291C17.5 10.9098 16.3813 9.79102 15 9.79102C13.6187 9.79102 12.5 10.9098 12.5 12.291"
-          stroke="#323232"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-        <path
-          d="M14.9988 20C14.8263 20 14.6863 20.14 14.6875 20.3125C14.6875 20.485 14.8275 20.625 15 20.625C15.1725 20.625 15.3125 20.485 15.3125 20.3125C15.3125 20.14 15.1725 20 14.9988 20"
-          stroke="#323232"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-      </svg>
-    </div>
-  </div>
-  <input
-    type="text"
-    class="form-control mb-2 height"
-    [placeholder]="placeholder"
-    [(ngModel)]="result"
-    readonly
-    [class.invalid-question]="isInvalid && (!inLine || !result)"
-    [id]="question.id"
-  />
-  <div *ngIf="isInvalid && (!inLine || !result)" class="error-message">
-    {{ errorMessage }}
-  </div>
-  <div *ngIf="validationFailed && !isInvalid" class="text-danger error-message">
-    {{ validationMessage }}
-  </div>
-</div>

package/src/form-fields/aggregate-function/aggregate-function.component.scss

@@ -1 +0,0 @@
-@import "../../styles/shared-style.scss";

package/src/form-fields/aggregate-function/aggregate-function.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AggregateFunctionComponent } from './aggregate-function.component';
-
-describe('AggregateFunctionComponent', () => {
-  let component: AggregateFunctionComponent;
-  let fixture: ComponentFixture<AggregateFunctionComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [AggregateFunctionComponent]
-    });
-    fixture = TestBed.createComponent(AggregateFunctionComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/form-fields/aggregate-function/aggregate-function.component.ts

@@ -1,148 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';
-import { ValidationService } from '../../services/validation.service';
-import { ElementTrackerService } from '../../services/element-tracker.service';
-import { AggregationFunctionService } from '../../services/aggregate.service';
-import { Subscription } from 'rxjs';
-
-@Component({
-  selector: 'lib-aggregate-function',
-  templateUrl: './aggregate-function.component.html',
-  styleUrls: ['./aggregate-function.component.scss']
-})
-export class AggregateFunctionComponent {
-  @Input() question: any = {};
-  @Input() inLine: boolean = false;
-  @Input() inCard: boolean = false;
-  @Input() submissionIndex!: number;
-  @Output() answerChange = new EventEmitter<{ answer: any; maxPossibleScore?: number }>();
-  @Input() rowId: any ;
-  answer: string = '';
-  count: number = 0;
-  required: boolean = false;
-  hint: string = '';
-  placeholder: string = '';
-  validationFailed: boolean = false;
-  validationMessage: string = '';
-  private elementId: string='';
-  private subscription!: Subscription;
-  result:number=0;
-  @Input() disableEdit: boolean = false;
-    
-   constructor(
-        private validationService: ValidationService,
-        private tracker: ElementTrackerService,
-        private aggregateService:AggregationFunctionService,
-        private cdr: ChangeDetectorRef
-      )  { }
-
-  ngOnInit() {
-    this.valueAssigned();
-    this.aggregateService.setAggregateField(this.rowId,this.question.id,this.question.formElement.aggregateFunction.aggregateOperation,this.question.formElement.aggregateFunction.formula);
-    
-    this.subscription = this.aggregateService.aggregateFieldResults$.subscribe(update => {
-      if (update && update.id === `${this.rowId}:${this.question.id}`) { // include rowId
-        if(update.evaluated){
-          this.result = update.result;
-          this.question.answer = String(this.result);
-          this.answerChange.emit({answer:this.question.answer,maxPossibleScore:0});
-          this.validationService.clearInvalid(this.buildElementId());
-        } else{
-          this.result = 0;
-          this.question.answer = '';
-          this.answerChange.emit({answer:this.question.answer,maxPossibleScore:0});
-        }
-      }
-    });
-  }
-  
-
-  valueAssigned() {
-    this.count = this.question?.count;
-    this.required = this.question?.required;
-    this.hint = this.question?.hint;
-    this.placeholder = this.question.formElement?.appearance?.placeholder || '';
-    if (
-      this.question.answer !== null &&
-      this.question.answer !== undefined &&
-      ((typeof this.question.answer === 'string' &&
-        this.question.answer.trim() !== '') ||
-        (Array.isArray(this.question.answer) &&
-          this.question.answer.length > 0) ||
-        (typeof this.question.answer === 'object' &&
-          Object.keys(this.question.answer).length > 0))
-    ) {
-      this.result = this.question.answer;
-    }
-  }
- 
-
-  clearAnswersRecursively(logic: any) {
-    if (!logic || !logic.rows) return;
-  
-    logic.rows.forEach((row: any) => {
-      row.grid.forEach((item: any) => {
-        const element = item.element;
-  
-        if (item.entityType === 'QUESTION' && element) {
-          // Clear answer if present
-          if ('answer' in element) {
-            element.answer = '';
-          }
-  
-          // Recursively clear childLogics if any
-          if (element.childLogics && element.childLogics.length > 0) {
-            element.childLogics.forEach((childLogic: any) => {
-              this.clearAnswersRecursively(childLogic);
-            });
-          }
-        }
-  
-        if (item.entityType === 'SUBFORM' && element && element.rows) {
-          // SUBFORM contains its own rows structure like a form
-          this.clearAnswersRecursively({ rows: element.rows });
-        }
-      });
-    });
-  }
-
-  handleValidation(isValid: boolean, message: string = 'This field is required') {
-    if (isValid) {
-      this.validationService.clearInvalid(this.buildElementId());
-    } else {
-      // this.validationService.setInvalid(this.question.id, message);
-    }
-  }
-
-  private buildElementId(): string {
-    return (this.inLine || this.inCard)
-      ? `${this.submissionIndex}-${this.question.id}`
-      : `${this.question.id}`;
-  }
-
-  get isInvalid(): boolean {
-    return !!this.validationService.getErrorMessage(this.buildElementId());
-  }
-
-  get errorMessage(): string | null {
-    return this.validationService.getErrorMessage(this.buildElementId());
-  }
-
-  ngAfterViewInit() {
-    if (this.inLine || this.inCard) {
-      this.elementId = `question-${this.submissionIndex}-${this.question.id}`;
-    } else {
-      this.elementId = `question-${this.question.id}`;
-    }
-  
-    this.tracker.registerElement(this.elementId);
-  }
-
-  ngOnDestroy() {
-    if (this.elementId) {
-      this.tracker.unregisterElement(this.elementId);
-    }
-    if (this.subscription) {
-      this.subscription.unsubscribe();
-    }
-  }
-}

package/src/form-fields/check-box-fields/check-box-fields.component.html

@@ -1,81 +0,0 @@
-<div
-  [ngClass]="{ 'mb-4': !inLine }"
-  class="px-3"
-  [id]="(inLine || inCard) ? 'question-' + submissionIndex + '-' + question.id : 'question-' + question.id"
-  [attr.name]="question.testElementName"
->
-  <div class="input-wrapper mb-3" *ngIf="!inLine">
-    <div *ngIf="question.questionNumber" [innerHTML]="question.questionNumber"></div>
-    <span *ngIf="question.questionNumber" class="space"></span> <label>{{ question.question }}</label
-    >&nbsp;
-    <span class="text-danger" *ngIf="question?.required">*</span>
-    <div
-      class="svg-wrapper mb-2 hintIcon"
-      [attr.data-title]="hint"
-      *ngIf="hint"
-    >
-      <svg
-        class="hintSvg"
-        viewBox="0 0 30 30"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M15 26.25V26.25C8.78625 26.25 3.75 21.2138 3.75 15V15C3.75 8.78625 8.78625 3.75 15 3.75V3.75C21.2138 3.75 26.25 8.78625 26.25 15V15C26.25 21.2138 21.2138 26.25 15 26.25Z"
-          stroke="#323232"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-        <path
-          d="M15 16.5623V16.2498C15 15.2285 15.6312 14.6748 16.2637 14.2498C16.8812 13.8335 17.5 13.291 17.5 12.291C17.5 10.9098 16.3813 9.79102 15 9.79102C13.6187 9.79102 12.5 10.9098 12.5 12.291"
-          stroke="#323232"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-        <path
-          d="M14.9988 20C14.8263 20 14.6863 20.14 14.6875 20.3125C14.6875 20.485 14.8275 20.625 15 20.625C15.1725 20.625 15.3125 20.485 15.3125 20.3125C15.3125 20.14 15.1725 20 14.9988 20"
-          stroke="#323232"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-      </svg>
-    </div>
-  </div>
-  <div
-    class="checkboxField-container"
-    [class.two-column]="displayOptionsInColumn"
-  >
-    <div class="form-check" *ngFor="let option of customOptions">
-      <input
-        class="form-check-input"
-        type="checkbox"
-        [id]="question.id+'-'+rowId+'-'+option.value"
-        [name]="option.value + 'Checkbox'"
-        [value]="option.value"
-        (change)="onCheckboxChange(option, $event)"
-        [disabled]="isOptionDisabled(option)"
-        [checked]="selectedOptions.includes(option)"
-        [attr.data-value]="selectedOptions.includes(option)"
-        [disabled]="disableEdit"
-      />
-      <label
-        class="formCheckLabel me-4 mb-2"
-        [for]="question.id+'-'+rowId+'-'+option.value"
-        >{{ option.label }}</label
-      >
-    </div>
-  </div>
-  <div
-    *ngIf="isInvalid && (!inLine || selectedOptions.length === 0)"
-    class="error-message"
-  >
-    {{ errorMessage }}
-  </div>
-  <div *ngIf="validationFailed && !isInvalid" class="text-danger error-message">
-    {{ validationMessage }}
-  </div>
-</div>

package/src/form-fields/check-box-fields/check-box-fields.component.scss

@@ -1,28 +0,0 @@
-@import "../../styles/shared-style.scss";
-.form-check-input{
-  cursor: pointer;
-}
-.invalid-question {
-  border: 2px solid #f44336; /* Material red */
-  border-radius: 4px;
-  padding: 8px;
-  margin-bottom: 4px;
-}
-
-
-
-.formCheckLabel{
-  margin-top: 5px;
-  cursor: pointer;
-}
-
-/* default: single‑column flow */
-.checkboxField-container {
-  display: block;
-}
-
-/* two‑column layout when flag is true */
-.checkboxField-container.two-column {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-}

package/src/form-fields/check-box-fields/check-box-fields.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CheckBoxFieldsComponent } from './check-box-fields.component';
-
-describe('CheckBoxFieldsComponent', () => {
-  let component: CheckBoxFieldsComponent;
-  let fixture: ComponentFixture<CheckBoxFieldsComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [CheckBoxFieldsComponent]
-    });
-    fixture = TestBed.createComponent(CheckBoxFieldsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});