@rangertechnologies/ngnxt 2.1.252 → 2.1.254

package/lib/components/button/nxt-button.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, SimpleChanges } from '@angular/core';
-import { TranslationService } from '../../services/translation.service';
+import { TranslationService } from '../../services/translation/translation.service';
 import * as i0 from "@angular/core";
 export declare class NxtButtonComponent implements OnInit {
     private cdRef;

package/lib/components/custom-calendar/custom-calendar.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { Question } from '../../wrapper';
-import { ChangeService } from '../../services/change.service';
+import { ChangeService } from '../../services/change/change.service';
 import * as i0 from "@angular/core";
 interface CalendarDay {
     date: Date;

package/lib/components/custom-dropdown/custom-dropdown.component.d.ts

@@ -1,13 +1,11 @@
 import { OnInit, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { ChangeService } from '../../services/change.service';
-import { I18nService } from '../../i18n.service';
-import { DataService } from '../../services/data.service';
+import { ChangeService } from '../../services/change/change.service';
+import { DataService } from '../../services/data/data.service';
 import * as i0 from "@angular/core";
 export declare class CustomDropdownComponent implements OnInit {
     private changeService;
     private dataService;
-    i18nService: I18nService;
     options: any[];
     placeholder: string;
     apiMeta: string;
@@ -26,7 +24,7 @@ export declare class CustomDropdownComponent implements OnInit {
     valueChange: EventEmitter<any>;
     dropdownWrapper: ElementRef;
     invalidFieldIds: string[];
-    constructor(changeService: ChangeService, dataService: DataService, i18nService: I18nService);
+    constructor(changeService: ChangeService, dataService: DataService);
     labelField: string;
     valueField: string;
     subscription: Subscription;

package/lib/components/custom-radio/custom-radio.component.d.ts

@@ -1,14 +1,12 @@
 import { EventEmitter, OnInit, SimpleChanges } from '@angular/core';
 import { ChangeWrapper } from '../../model/changeWrapper';
-import { ChangeService } from '../../services/change.service';
-import { I18nService } from '../../i18n.service';
-import { DataService } from '../../services/data.service';
 import { Subscription } from 'rxjs';
+import { ChangeService } from '../../services/change/change.service';
+import { DataService } from '../../services/data/data.service';
 import * as i0 from "@angular/core";
 export declare class CustomRadioComponent implements OnInit {
     private changeService;
     private dataService;
-    i18nService: I18nService;
     options: any[];
     question: any;
     apiMeta: string;
@@ -31,7 +29,7 @@ export declare class CustomRadioComponent implements OnInit {
     isSaveHovered: boolean;
     isDiscardHovered: boolean;
     value: ChangeWrapper;
-    constructor(changeService: ChangeService, dataService: DataService, i18nService: I18nService);
+    constructor(changeService: ChangeService, dataService: DataService);
     viewEdit: boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

package/lib/components/datatable/datatable.component.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter, ElementRef, Renderer2, SimpleChanges, ChangeDetectorRef } from '@angular/core';
 import { MatSort } from '@angular/material/sort';
-import { DataService } from '../../services/data.service';
-import { ChangeService } from '../../services/change.service';
 import { Subscription } from 'rxjs';
-import { TranslationService } from '../../services/translation.service';
+import { TranslationService } from '../../services/translation/translation.service';
+import { DataService } from '../../services/data/data.service';
+import { ChangeService } from '../../services/change/change.service';
 import * as i0 from "@angular/core";
 export declare class NxtDatatable {
     private cdRef;
@@ -198,7 +198,6 @@ export declare class NxtDatatable {
     onImageDelete(ques: any): Promise<void>;
     fileChangeEvent(ques: any, event: any): Promise<void>;
     private readFileAsDataURL;
-    readQuestions(qbId: any, ques: any): any[];
     getDropDown(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NxtDatatable, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NxtDatatable, "nxt-datatable", never, { "data": { "alias": "data"; "required": false; }; "tableFilterData": { "alias": "tableFilterData"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "withCheckBox": { "alias": "withCheckBox"; "required": false; }; "searchBar": { "alias": "searchBar"; "required": false; }; "tableSaveButton": { "alias": "tableSaveButton"; "required": false; }; "stickyColumn": { "alias": "stickyColumn"; "required": false; }; "tableWidth": { "alias": "tableWidth"; "required": false; }; "actionColumHeader": { "alias": "actionColumHeader"; "required": false; }; "actionButton": { "alias": "actionButton"; "required": false; }; "title": { "alias": "title"; "required": false; }; "isButtons": { "alias": "isButtons"; "required": false; }; "buttonArray": { "alias": "buttonArray"; "required": false; }; "tableId": { "alias": "tableId"; "required": false; }; "isEditRow": { "alias": "isEditRow"; "required": false; }; "isDeleteRow": { "alias": "isDeleteRow"; "required": false; }; "addInlineRecord": { "alias": "addInlineRecord"; "required": false; }; "searchConfigs": { "alias": "searchConfigs"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "actionButtonArray": { "alias": "actionButtonArray"; "required": false; }; "multipleFilter": { "alias": "multipleFilter"; "required": false; }; "isPagination": { "alias": "isPagination"; "required": false; }; "isNosIndicator": { "alias": "isNosIndicator"; "required": false; }; "isEditable": { "alias": "isEditable"; "required": false; }; "from": { "alias": "from"; "required": false; }; "question": { "alias": "question"; "required": false; }; "rowTextSize": { "alias": "rowTextSize"; "required": false; }; "rowTextColor": { "alias": "rowTextColor"; "required": false; }; "apiMeta": { "alias": "apiMeta"; "required": false; }; "summaryRows": { "alias": "summaryRows"; "required": false; }; "summaryColumns": { "alias": "summaryColumns"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "tableConfig": { "alias": "tableConfig"; "required": false; }; "tableParams": { "alias": "tableParams"; "required": false; }; "listViews": { "alias": "listViews"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "languageCode": { "alias": "languageCode"; "required": false; }; "selectedColumn": { "alias": "selectedColumn"; "required": false; }; "allIcons": { "alias": "allIcons"; "required": false; }; }, { "tableRowClick": "tableRowClick"; "onEditData": "onEditData"; "saveButtonData": "saveButtonData"; "onDeleteData": "onDeleteData"; "buttonEmit": "buttonEmit"; "hyperLinkEmit": "hyperLinkEmit"; "sideNavEmit": "sideNavEmit"; "actionButtonEmit": "actionButtonEmit"; "columnSelected": "columnSelected"; "removeColumn": "removeColumn"; "valueChange": "valueChange"; "selectedValues": "selectedValues"; "fileEmit": "fileEmit"; "NxtTableParamsEmit": "NxtTableParamsEmit"; "NxtTableFilterEmit": "NxtTableFilterEmit"; "hadleDropDownDependent": "hadleDropDownDependent"; "NxtTableEmit": "NxtTableEmit"; }, never, never, true, never>;

package/lib/components/file-upload/file-upload.component.d.ts

@@ -1,14 +1,12 @@
 import { OnInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { I18nService } from '../../i18n.service';
-import { SharedService } from '../../services/shared.service';
-import { DataService } from '../../services/data.service';
+import { SharedService } from '../../services/shared/shared.service';
 import { DomSanitizer } from '@angular/platform-browser';
+import { DataService } from '../../services/data/data.service';
 import * as i0 from "@angular/core";
 export declare class NxtFileUploadComponent implements OnInit, OnChanges {
     private SharedService;
     private dataService;
     private sanitizer;
-    i18nService: I18nService;
     selectedFileData: EventEmitter<any>;
     deletedFileData: EventEmitter<any>;
     allFiles: any;
@@ -35,7 +33,7 @@ export declare class NxtFileUploadComponent implements OnInit, OnChanges {
     isSaveHovered: boolean;
     isDiscardHovered: boolean;
     isLoading: boolean;
-    constructor(SharedService: SharedService, dataService: DataService, sanitizer: DomSanitizer, i18nService: I18nService);
+    constructor(SharedService: SharedService, dataService: DataService, sanitizer: DomSanitizer);
     ngOnInit(): void;
     ngOnChanges(simpleChanges: SimpleChanges): void;
     initializeFileConfigs(): void;

package/lib/components/image-cropper/component/image-cropper.component.d.ts

@@ -67,7 +67,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit, OnDestr
     loadImageFailed: EventEmitter<void>;
     transformChange: EventEmitter<ImageTransform>;
     cropperChange: EventEmitter<CropperPosition>;
-    get alignImageStyle(): "center" | "left";
+    get alignImageStyle(): "left" | "center";
     constructor(sanitizer: DomSanitizer, cd: ChangeDetectorRef, zone: NgZone);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

package/lib/components/nxt-input/nxt-input.component.d.ts

@@ -1,10 +1,10 @@
 import { EventEmitter, QueryList, ElementRef, SimpleChanges, AfterViewInit, Renderer2 } from '@angular/core';
 import { AbstractControl, FormArray, FormControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-import { ChangeService } from '../../services/change.service';
-import { DataService } from '../../services/data.service';
 import { Subscription } from 'rxjs';
 import { OwlDateTimeComponent } from '@danielmoncada/angular-datetime-picker';
 import { QuillModules } from 'ngx-quill';
+import { ChangeService } from '../../services/change/change.service';
+import { DataService } from '../../services/data/data.service';
 import * as i0 from "@angular/core";
 export declare class NxtInput implements AfterViewInit {
     #private;

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

@@ -1,10 +1,8 @@
 /// <reference types="google.maps" />
 import { ElementRef, EventEmitter, ChangeDetectorRef, NgZone, OnInit, SimpleChanges, OnChanges } from '@angular/core';
-import { I18nService } from '../../i18n.service';
 import { ChangeWrapper } from '../../model/changeWrapper';
 import * as i0 from "@angular/core";
 export declare class PickLocationComponent implements OnInit, OnChanges {
-    i18nService: I18nService;
     private ngZone;
     private cdr;
     latitude: any;
@@ -29,7 +27,7 @@ export declare class PickLocationComponent implements OnInit, OnChanges {
     };
     markerOptions: any;
     apiKey: any;
-    constructor(i18nService: I18nService, ngZone: NgZone, cdr: ChangeDetectorRef);
+    constructor(ngZone: NgZone, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     setInputRef(ref: ElementRef<HTMLInputElement>): void;

package/lib/components/search-box/search-box.component.d.ts

@@ -1,16 +1,14 @@
 import { OnInit, OnDestroy, OnChanges, EventEmitter, ElementRef, SimpleChanges, WritableSignal, TrackByFunction } from "@angular/core";
-import { DataService } from '../../services/data.service';
-import { I18nService } from "../../i18n.service";
-import { CountryService } from "../../services/country.service";
 import { Subscription } from "rxjs";
-import { ChangeService } from "../../services/change.service";
-import { StorageService } from "../../services/storage.service";
+import { StorageService } from "../../services/storage/storage.service";
+import { ChangeService } from "../../services/change/change.service";
+import { DataService } from "../../services/data/data.service";
+import { CountryService } from "../../services/country/country.service";
 import * as i0 from "@angular/core";
 export declare class NxtSearchBox implements OnInit, OnChanges, OnDestroy {
     private storageService;
     private changeService;
     private dataService;
-    i18nService: I18nService;
     private countryService;
     private elementRef;
     placeHolderText: string;
@@ -40,7 +38,7 @@ export declare class NxtSearchBox implements OnInit, OnChanges, OnDestroy {
     private searchSubject;
     subscription: Subscription;
     trackByFn: TrackByFunction<any>;
-    constructor(storageService: StorageService, changeService: ChangeService, dataService: DataService, i18nService: I18nService, countryService: CountryService, elementRef: ElementRef);
+    constructor(storageService: StorageService, changeService: ChangeService, dataService: DataService, countryService: CountryService, elementRef: ElementRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/lib/model/bookletWrapper.d.ts

@@ -1,5 +1,4 @@
 export declare class BookletWrapper {
     booklet: any[];
     bookQuestionsMap: any;
-    sqOptions: any;
 }

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

@@ -1,24 +1,22 @@
-import { TranslationService } from './services/translation.service';
+import { TranslationService } from './services/translation/translation.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./nxt-app.component";
-import * as i2 from "./i18n.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "./components/datatable/datatable.component";
-import * as i6 from "./components/search-box/search-box.component";
-import * as i7 from "./components/list-view-filter/list-view-filter.component";
-import * as i8 from "./components/nxt-input/nxt-input.component";
-import * as i9 from "./pages/questionnaire/questionnaire.component";
-import * as i10 from "./pages/booklet/booklet.component";
-import * as i11 from "./pages/questionbook/questionbook.component";
-import * as i12 from "./components/button/nxt-button.component";
-import * as i13 from "./components/icon-selector/icon-selector.component";
-import * as i14 from "./pages/pdfDesigner/pdf-designer/pdf-designer.component";
-import * as i15 from "./pages/builder/form/form.component";
-import * as i16 from "./i18n.module";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "./components/datatable/datatable.component";
+import * as i5 from "./components/search-box/search-box.component";
+import * as i6 from "./components/list-view-filter/list-view-filter.component";
+import * as i7 from "./components/nxt-input/nxt-input.component";
+import * as i8 from "./pages/questionnaire/questionnaire.component";
+import * as i9 from "./pages/booklet/booklet.component";
+import * as i10 from "./pages/questionbook/questionbook.component";
+import * as i11 from "./components/button/nxt-button.component";
+import * as i12 from "./components/icon-selector/icon-selector.component";
+import * as i13 from "./pages/pdfDesigner/pdf-designer/pdf-designer.component";
+import * as i14 from "./pages/builder/form/form.component";
 export declare function initializeApp(translationService: TranslationService): () => Promise<void>;
 export declare class NxtAppModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NxtAppModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NxtAppModule, [typeof i1.NxtAppComponent, typeof i2.I18nComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.NxtDatatable, typeof i6.NxtSearchBox, typeof i7.ListViewFilterComponent, typeof i8.NxtInput, typeof i9.QuestionnaireComponent, typeof i10.BookletComponent, typeof i11.QuestionbookComponent, typeof i12.NxtButtonComponent, typeof i13.IconSelectorComponent, typeof i14.PdfDesignerComponent, typeof i15.FormComponent, typeof i16.I18nModule], [typeof i1.NxtAppComponent, typeof i9.QuestionnaireComponent, typeof i10.BookletComponent, typeof i5.NxtDatatable, typeof i6.NxtSearchBox, typeof i7.ListViewFilterComponent, typeof i8.NxtInput, typeof i12.NxtButtonComponent, typeof i13.IconSelectorComponent, typeof i14.PdfDesignerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NxtAppModule, [typeof i1.NxtAppComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NxtDatatable, typeof i5.NxtSearchBox, typeof i6.ListViewFilterComponent, typeof i7.NxtInput, typeof i8.QuestionnaireComponent, typeof i9.BookletComponent, typeof i10.QuestionbookComponent, typeof i11.NxtButtonComponent, typeof i12.IconSelectorComponent, typeof i13.PdfDesignerComponent, typeof i14.FormComponent], [typeof i1.NxtAppComponent, typeof i8.QuestionnaireComponent, typeof i9.BookletComponent, typeof i4.NxtDatatable, typeof i5.NxtSearchBox, typeof i6.ListViewFilterComponent, typeof i7.NxtInput, typeof i11.NxtButtonComponent, typeof i12.IconSelectorComponent, typeof i13.PdfDesignerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NxtAppModule>;
 }

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

@@ -1,14 +1,15 @@
 import { OnInit, EventEmitter, SimpleChanges } from "@angular/core";
-import { SalesforceService } from "../../services/salesforce.service";
-import { DataService } from '../../services/data.service';
 import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
 import { ActionMeta } from '../../interfaces/actionMeta';
 import { BookletWrapper } from "../../model/bookletWrapper";
-import { StorageService } from '../../services/storage.service';
-import { ChangeService } from "../../services/change.service";
 import { Observable } from "rxjs";
 import { HttpClient } from "@angular/common/http";
 import { QuestionbookComponent } from "../questionbook/questionbook.component";
+import { SalesforceService } from "../../services/salesforce/salesforce.service";
+import { DataService } from "../../services/data/data.service";
+import { StorageService } from "../../services/storage/storage.service";
+import { ChangeService } from "../../services/change/change.service";
+import { TranslationService } from "../../services/translation/translation.service";
 import * as i0 from "@angular/core";
 export declare class BookletComponent implements OnInit {
     private sfService;
@@ -17,6 +18,7 @@ export declare class BookletComponent implements OnInit {
     private sanitizer;
     private changeService;
     private http;
+    private translationService;
     bookletId: string;
     serv: string;
     tkn: string;
@@ -32,6 +34,7 @@ export declare class BookletComponent implements OnInit {
     from: any;
     apiUrl: any;
     isEdit: boolean;
+    direction: string;
     handleBookletActionEvent: EventEmitter<any>;
     handlePage: EventEmitter<any>;
     hadleDropDownDependent: EventEmitter<any>;
@@ -42,17 +45,14 @@ export declare class BookletComponent implements OnInit {
     abItem: any;
     actions: ActionMeta[];
     bookQuestionsMap: any;
-    translateMap: any;
-    private sqOptions;
     isAnswerFlag: boolean;
     spinnerName: string;
     spinnerType: string;
-    langDirection: string;
     answerList: any[];
     dataBind: any;
     allEvents: any[];
     questionbookComponent: QuestionbookComponent;
-    constructor(sfService: SalesforceService, dataService: DataService, storageService: StorageService, sanitizer: DomSanitizer, changeService: ChangeService, http: HttpClient);
+    constructor(sfService: SalesforceService, dataService: DataService, storageService: StorageService, sanitizer: DomSanitizer, changeService: ChangeService, http: HttpClient, translationService: TranslationService);
     ngOnInit(): void;
     ngOnChanges(simplechanges: SimpleChanges): void;
     upgradeActions(actionString: string): any[];
@@ -68,13 +68,11 @@ export declare class BookletComponent implements OnInit {
     flattenObject(obj: any, parentKey?: string): any[];
     handleQues(ques: any): void;
     addEvent(day: any, entryQues: any): void;
-    readQuestions(qbId: string): any[];
-    readTransQuestions(qbId: string): any[];
     getText(value: any): SafeHtml;
     getDropDown(event: any): void;
     getCalendarDate(event: any): void;
     getCalendarEvent(event: any): void;
     editChangeClick(action: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BookletComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BookletComponent, "lib-booklet", never, { "bookletId": { "alias": "bookletId"; "required": false; }; "serv": { "alias": "serv"; "required": false; }; "tkn": { "alias": "tkn"; "required": false; }; "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "allIcons": { "alias": "allIcons"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "cdnIconURL": { "alias": "cdnIconURL"; "required": false; }; "dropdownDependentData": { "alias": "dropdownDependentData"; "required": false; }; "labelValue": { "alias": "labelValue"; "required": false; }; "token": { "alias": "token"; "required": false; }; "languageCode": { "alias": "languageCode"; "required": false; }; "fieldRestrictions": { "alias": "fieldRestrictions"; "required": false; }; "from": { "alias": "from"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "isEdit": { "alias": "isEdit"; "required": false; }; "dataBind": { "alias": "dataBind"; "required": false; }; }, { "handleBookletActionEvent": "handleBookletActionEvent"; "handlePage": "handlePage"; "hadleDropDownDependent": "hadleDropDownDependent"; "handleCalendarDate": "handleCalendarDate"; "handleCalendarEvent": "handleCalendarEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BookletComponent, "lib-booklet", never, { "bookletId": { "alias": "bookletId"; "required": false; }; "serv": { "alias": "serv"; "required": false; }; "tkn": { "alias": "tkn"; "required": false; }; "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "allIcons": { "alias": "allIcons"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "cdnIconURL": { "alias": "cdnIconURL"; "required": false; }; "dropdownDependentData": { "alias": "dropdownDependentData"; "required": false; }; "labelValue": { "alias": "labelValue"; "required": false; }; "token": { "alias": "token"; "required": false; }; "languageCode": { "alias": "languageCode"; "required": false; }; "fieldRestrictions": { "alias": "fieldRestrictions"; "required": false; }; "from": { "alias": "from"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "isEdit": { "alias": "isEdit"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "dataBind": { "alias": "dataBind"; "required": false; }; }, { "handleBookletActionEvent": "handleBookletActionEvent"; "handlePage": "handlePage"; "hadleDropDownDependent": "hadleDropDownDependent"; "handleCalendarDate": "handleCalendarDate"; "handleCalendarEvent": "handleCalendarEvent"; }, never, never, true, never>;
 }

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

@@ -1,10 +1,15 @@
-import { EventEmitter, SimpleChanges } from "@angular/core";
-import { FormBuilderService } from "../../../services/form-builder.service";
+import { ChangeDetectorRef, EventEmitter, SimpleChanges } from "@angular/core";
+import { FormBuilderService } from "../../../services/form-builder/form-builder.service";
+import { TranslationService } from "../../../services/translation/translation.service";
 import * as i0 from "@angular/core";
 export declare class ElementComponent {
+    private cdRef;
     private formBuilderService;
+    private translationService;
     bookletJSON: any;
     bookletId: any;
+    langOption: any;
+    languageCode: any;
     templateMode: EventEmitter<boolean>;
     field: any;
     formElements: any[];
@@ -27,7 +32,7 @@ export declare class ElementComponent {
     templateSelected: boolean;
     isHeaderSelect: boolean;
     selectedColumn: any;
-    constructor(formBuilderService: FormBuilderService);
+    constructor(cdRef: ChangeDetectorRef, formBuilderService: FormBuilderService, translationService: TranslationService);
     ngOnInit(): void;
     toggleSection(section: "basic" | "advanced"): void;
     isSectionOpen(section: string): boolean;
@@ -47,9 +52,6 @@ export declare class ElementComponent {
     onDragOver(event: DragEvent, index: number): void;
     onDrop(event: DragEvent, dropIndex: number): void;
     toggleBoolean(field: any): void;
-    getBaseStyles(field: any, includeBorderStyle?: boolean): any;
-    getFontStyles(field: any): any;
-    getLineStyles(field: any): any;
     onClose(): void;
     addOnTable(): void;
     updateTableFieldsMeta(elements: any[]): any[];
@@ -57,6 +59,7 @@ export declare class ElementComponent {
     removeColumn(event: any): void;
     fileChangeEvent(index: any, event: any): Promise<void>;
     private readFileAsDataURL;
+    langChangeEmit(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElementComponent, "app-element", never, { "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; }, { "templateMode": "templateMode"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementComponent, "app-element", never, { "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; "langOption": { "alias": "langOption"; "required": false; }; "languageCode": { "alias": "languageCode"; "required": false; }; }, { "templateMode": "templateMode"; }, never, never, true, never>;
 }

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

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class FormComponent {
     bookletJSON: any;
     bookletId: any;
+    langOption: any;
     formButtonHandler: EventEmitter<string>;
     templateSaveHandler: EventEmitter<string>;
     selectedElementType: string;
@@ -11,5 +12,5 @@ export declare class FormComponent {
     formButtonHandlerClick(event: any): void;
     saveTemplate(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "app-form-builder", never, { "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; }, { "formButtonHandler": "formButtonHandler"; "templateSaveHandler": "templateSaveHandler"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "app-form-builder", never, { "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; "langOption": { "alias": "langOption"; "required": false; }; }, { "formButtonHandler": "formButtonHandler"; "templateSaveHandler": "templateSaveHandler"; }, never, never, true, never>;
 }

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

@@ -1,8 +1,9 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { FormBuilderService } from '../../../services/form-builder.service';
-import { TemplateService } from '../../../services/template.service';
+import { ElementRef, EventEmitter, OnInit, ChangeDetectorRef } from '@angular/core';
 import { CropperPosition, Dimensions, ImageTransform } from '../../../components/image-cropper/interfaces';
 import { PipeTransform } from '@angular/core';
+import { FormBuilderService } from '../../../services/form-builder/form-builder.service';
+import { TemplateService } from '../../../services/template/template.service';
+import { TranslationService } from '../../../services/translation/translation.service';
 import * as i0 from "@angular/core";
 export declare class GetValueByPathPipe implements PipeTransform {
     transform(obj: any, path: string, defaultValue?: any): any;
@@ -12,6 +13,8 @@ export declare class GetValueByPathPipe implements PipeTransform {
 export declare class PropertiesComponent implements OnInit {
     private formBuilderService;
     private templateService;
+    private translationService;
+    private cdr;
     templateSelected: boolean;
     set selectedElementType(value: string);
     formButtonHandler: EventEmitter<any>;
@@ -62,6 +65,7 @@ export declare class PropertiesComponent implements OnInit {
                 type: string;
                 key: string;
                 isTranslate: boolean;
+                labelPath: string;
             }[];
         };
         Line: {
@@ -69,6 +73,7 @@ export declare class PropertiesComponent implements OnInit {
                 label: string;
                 type: string;
                 key: string;
+                labelPath: string;
                 placeholder?: undefined;
                 options?: undefined;
             } | {
@@ -76,14 +81,17 @@ export declare class PropertiesComponent implements OnInit {
                 type: string;
                 key: string;
                 placeholder: string;
+                labelPath: string;
                 options?: undefined;
             } | {
                 label: string;
                 type: string;
                 key: string;
+                labelPath: string;
                 options: {
                     label: string;
                     value: string;
+                    labelPath: string;
                 }[];
                 placeholder?: undefined;
             })[];
@@ -94,6 +102,7 @@ export declare class PropertiesComponent implements OnInit {
                 label: string;
                 type: string;
                 key: string;
+                labelPath: string;
             }[];
             fieldProps: any[];
         };
@@ -103,6 +112,7 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                labelPath: string;
                 isTranslate?: undefined;
             } | {
                 label: string;
@@ -110,10 +120,12 @@ export declare class PropertiesComponent implements OnInit {
                 type: string;
                 key: string;
                 isTranslate: boolean;
+                labelPath: string;
             } | {
                 label: string;
                 type: string;
                 key: string;
+                labelPath: string;
                 placeholder?: undefined;
                 isTranslate?: undefined;
             })[];
@@ -123,12 +135,14 @@ export declare class PropertiesComponent implements OnInit {
                 type: string;
                 key: string;
                 isTranslate: boolean;
+                labelPath: string;
                 subQuestion?: undefined;
             } | {
                 label: string;
                 placeholder: string;
                 type: string;
                 key: string;
+                labelPath: string;
                 isTranslate?: undefined;
                 subQuestion?: undefined;
             } | {
@@ -136,11 +150,13 @@ export declare class PropertiesComponent implements OnInit {
                 placeholder: string;
                 type: string;
                 key: string;
+                labelPath: string;
                 subQuestion: {
                     label: string;
                     placeholder: string;
                     type: string;
                     key: string;
+                    labelPath: string;
                 }[];
                 isTranslate?: undefined;
             })[];
@@ -150,9 +166,11 @@ export declare class PropertiesComponent implements OnInit {
                 key: string;
                 placeholder: string;
                 required: boolean;
+                labelPath: string;
                 options: {
                     label: string;
                     value: string;
+                    labelPath: string;
                 }[];
                 defaultValue?: undefined;
             } | {
@@ -161,6 +179,7 @@ export declare class PropertiesComponent implements OnInit {
                 key: string;
                 defaultValue: string;
                 required: boolean;
+                labelPath: string;
                 placeholder?: undefined;
                 options?: undefined;
             } | {
@@ -169,9 +188,11 @@ export declare class PropertiesComponent implements OnInit {
                 key: string;
                 defaultValue: string;
                 required: boolean;
+                labelPath: string;
                 options: {
                     label: string;
                     value: string;
+                    labelPath: string;
                 }[];
                 placeholder?: undefined;
             } | {
@@ -179,6 +200,7 @@ export declare class PropertiesComponent implements OnInit {
                 type: string;
                 key: string;
                 defaultValue: boolean;
+                labelPath: string;
                 placeholder?: undefined;
                 required?: undefined;
                 options?: undefined;
@@ -193,9 +215,11 @@ export declare class PropertiesComponent implements OnInit {
                 targetArrayKey: string;
                 key: string;
                 required: boolean;
+                labelPath: string;
                 options: {
                     label: string;
                     value: string;
+                    labelPath: string;
                 }[];
                 isTranslate?: undefined;
                 subQuestion?: undefined;
@@ -207,6 +231,7 @@ export declare class PropertiesComponent implements OnInit {
                 targetArrayKey: string;
                 key: string;
                 isTranslate: boolean;
+                labelPath: string;
                 required?: undefined;
                 options?: undefined;
                 subQuestion?: undefined;
@@ -217,6 +242,7 @@ export declare class PropertiesComponent implements OnInit {
                 targetArray: string;
                 targetArrayKey: string;
                 key: string;
+                labelPath: string;
                 required?: undefined;
                 options?: undefined;
                 isTranslate?: undefined;
@@ -228,6 +254,7 @@ export declare class PropertiesComponent implements OnInit {
                 targetArray: string;
                 targetArrayKey: string;
                 key: string;
+                labelPath: string;
                 subQuestion: {
                     label: string;
                     placeholder: string;
@@ -235,6 +262,7 @@ export declare class PropertiesComponent implements OnInit {
                     targetArray: string;
                     targetArrayKey: string;
                     key: string;
+                    labelPath: string;
                 }[];
                 required?: undefined;
                 options?: undefined;
@@ -344,7 +372,9 @@ export declare class PropertiesComponent implements OnInit {
             appearance: any[];
         };
     }>;
-    constructor(formBuilderService: FormBuilderService, templateService: TemplateService);
+    formBuilderLanguageCode: any;
+    copied: boolean;
+    constructor(formBuilderService: FormBuilderService, templateService: TemplateService, translationService: TranslationService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     private createElementProperties;
     createElementConfig(config?: {
@@ -358,7 +388,7 @@ export declare class PropertiesComponent implements OnInit {
     };
     addNewButton(): void;
     removeButton(btn: any): void;
-    onButtonPropertyChange(index: number, key: string, value: any): void;
+    onButtonPropertyChange(index: number, key: string, value: any, isTranslate?: boolean): void;
     updateTitle(value: string): void;
     validateInput(value: string, type: string): boolean;
     updateField(value: string): void;
@@ -383,11 +413,12 @@ export declare class PropertiesComponent implements OnInit {
     getValueByPath(path: string, obj?: any, defaultValue?: any): any;
     isAnotherIdSelected(): boolean;
     onToggleChange(path: string, event: any): void;
-    setValueByPath(path: string, value: any): void;
+    setValueByPath(path: string, value: any, isTranslate?: boolean): void;
+    optionTranslationUpdate(option: any, event: any): void;
     getStyleKeys(): string[];
     updateElement(element: any): void;
     getValueByArrayPath(targetArrayPath: any, targetArrayKey: string, selectColumn: string, keyPath: string, isTableColumn?: boolean): any;
-    updateValueByArrayPath(targetArrayPath: any, targetArrayKey: string, selectColumn: string, keyPath: string, event: any, isTableColumn?: boolean): void;
+    updateValueByArrayPath(targetArrayPath: any, targetArrayKey: string, selectColumn: string, keyPath: string, event: any, isTableColumn?: boolean, isTranslate?: boolean): void;
     getDataByPath(path: string): any;
     flipHorizontal(): void;
     flipVertical(): void;
@@ -415,6 +446,7 @@ export declare class PropertiesComponent implements OnInit {
     updateBookSubtext(key: 'endpoint' | 'variable' | 'defaultField', value: string): void;
     trackByProp(index: number, item: any): any;
     getOptimizedSubPropValue(subProp: any): string;
+    copyToClipboard(text: string | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertiesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PropertiesComponent, "app-properties", never, { "templateSelected": { "alias": "templateSelected"; "required": false; }; "selectedElementType": { "alias": "selectedElementType"; "required": false; }; }, { "formButtonHandler": "formButtonHandler"; "templateSaveHandler": "templateSaveHandler"; }, never, never, true, never>;
 }

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { TemplateService } from '../../../services/template.service';
+import { TemplateService } from '../../../services/template/template.service';
 import * as i0 from "@angular/core";
 export declare class AppTemplatesComponent {
     private templateService;