@rangertechnologies/ngnxt 2.1.310 → 2.1.311

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

@@ -66,6 +66,7 @@ export declare class NxtDatatable {
     groupFilterConfig: any;
     groupFilterColumn: any;
     onlyView: boolean;
+    tableHeight: any;
     tableRowClick: EventEmitter<any>;
     onEditData: EventEmitter<any>;
     onSaveData: EventEmitter<any>;
@@ -230,5 +231,5 @@ export declare class NxtDatatable {
     groupFilterEmit(event: any, from?: any): void;
     groupFilterRetain(filterkey: any, from?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NxtDatatable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NxtDatatable, "nxt-datatable", never, { "data": { "alias": "data"; "required": false; }; "summaryValues": { "alias": "summaryValues"; "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; }; "isListViews": { "alias": "isListViews"; "required": false; }; "id": { "alias": "id"; "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; }; "isButtonLoading": { "alias": "isButtonLoading"; "required": false; }; "isPreview": { "alias": "isPreview"; "required": false; }; "groupFilter": { "alias": "groupFilter"; "required": false; }; "groupFilterConfig": { "alias": "groupFilterConfig"; "required": false; }; "groupFilterColumn": { "alias": "groupFilterColumn"; "required": false; }; "onlyView": { "alias": "onlyView"; "required": false; }; }, { "tableRowClick": "tableRowClick"; "onEditData": "onEditData"; "onSaveData": "onSaveData"; "saveButtonData": "saveButtonData"; "onDeleteData": "onDeleteData"; "buttonEmit": "buttonEmit"; "hyperLinkEmit": "hyperLinkEmit"; "sideNavEmit": "sideNavEmit"; "actionButtonEmit": "actionButtonEmit"; "columnSelected": "columnSelected"; "removeColumn": "removeColumn"; "valueChange": "valueChange"; "selectedValues": "selectedValues"; "fileEmit": "fileEmit"; "NxtTableFilterEmit": "NxtTableFilterEmit"; "hadleDropDownDependent": "hadleDropDownDependent"; "NxtTableParamsEmit": "NxtTableParamsEmit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NxtDatatable, "nxt-datatable", never, { "data": { "alias": "data"; "required": false; }; "summaryValues": { "alias": "summaryValues"; "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; }; "isListViews": { "alias": "isListViews"; "required": false; }; "id": { "alias": "id"; "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; }; "isButtonLoading": { "alias": "isButtonLoading"; "required": false; }; "isPreview": { "alias": "isPreview"; "required": false; }; "groupFilter": { "alias": "groupFilter"; "required": false; }; "groupFilterConfig": { "alias": "groupFilterConfig"; "required": false; }; "groupFilterColumn": { "alias": "groupFilterColumn"; "required": false; }; "onlyView": { "alias": "onlyView"; "required": false; }; "tableHeight": { "alias": "tableHeight"; "required": false; }; }, { "tableRowClick": "tableRowClick"; "onEditData": "onEditData"; "onSaveData": "onSaveData"; "saveButtonData": "saveButtonData"; "onDeleteData": "onDeleteData"; "buttonEmit": "buttonEmit"; "hyperLinkEmit": "hyperLinkEmit"; "sideNavEmit": "sideNavEmit"; "actionButtonEmit": "actionButtonEmit"; "columnSelected": "columnSelected"; "removeColumn": "removeColumn"; "valueChange": "valueChange"; "selectedValues": "selectedValues"; "fileEmit": "fileEmit"; "NxtTableFilterEmit": "NxtTableFilterEmit"; "hadleDropDownDependent": "hadleDropDownDependent"; "NxtTableParamsEmit": "NxtTableParamsEmit"; }, never, never, true, never>;
 }

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

@@ -19,11 +19,7 @@ export declare class NxtFileUpload implements OnInit, OnChanges {
     onlyView: boolean;
     required: boolean;
     label: any;
-    fileConfig: {
-        allowedTypes?: string[];
-        maxFileSize?: number;
-        maxFiles?: number;
-    };
+    fileConfig: any;
     allowedFileTypes: string[];
     maxFileSize: number;
     maxFiles: number;

package/lib/components/{custom-dropdown/custom-dropdown.component.d.ts → nxt-dropdown/nxt-dropdown.component.d.ts}

@@ -17,18 +17,26 @@ export declare class nxtDropdown implements OnInit {
     apiMeta: any;
     selectedValue: string;
     progressBar: boolean;
-    id: string;
     readOnly: boolean;
-    errorMessage: string;
     error: any;
     fromShengel: boolean;
     question: any;
-    referenceField: string;
-    token: string;
     mode: 'view' | 'edit' | 'print';
     from: any;
     padding: any;
     onlyView: boolean;
+    labelFont: any;
+    label: any;
+    labelColor: any;
+    inputTextColor: any;
+    labelSize: any;
+    inputValueSize: any;
+    labelWeight: any;
+    inputWeight: any;
+    showLabel: boolean;
+    inputBorder: any;
+    inputBgColor: any;
+    inputIconLeftSrc: any;
     valueChange: EventEmitter<any>;
     dropdownWrapper: ElementRef;
     constructor(countryService: CountryService, translationService: TranslationService, changeService: ChangeService, dataService: DataService, storageService: StorageService);
@@ -44,5 +52,5 @@ export declare class nxtDropdown implements OnInit {
     clearSelection(): void;
     inputValue(event: any, ques: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<nxtDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<nxtDropdown, "nxt-dropdown", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "apiMeta": { "alias": "apiMeta"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "progressBar": { "alias": "progressBar"; "required": false; }; "id": { "alias": "id"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "error": { "alias": "error"; "required": false; }; "fromShengel": { "alias": "fromShengel"; "required": false; }; "question": { "alias": "question"; "required": false; }; "referenceField": { "alias": "referenceField"; "required": false; }; "token": { "alias": "token"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "from": { "alias": "from"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "onlyView": { "alias": "onlyView"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<nxtDropdown, "nxt-dropdown", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "apiMeta": { "alias": "apiMeta"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "progressBar": { "alias": "progressBar"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "error": { "alias": "error"; "required": false; }; "fromShengel": { "alias": "fromShengel"; "required": false; }; "question": { "alias": "question"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "from": { "alias": "from"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "onlyView": { "alias": "onlyView"; "required": false; }; "labelFont": { "alias": "labelFont"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "inputTextColor": { "alias": "inputTextColor"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "inputValueSize": { "alias": "inputValueSize"; "required": false; }; "labelWeight": { "alias": "labelWeight"; "required": false; }; "inputWeight": { "alias": "inputWeight"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "inputBorder": { "alias": "inputBorder"; "required": false; }; "inputBgColor": { "alias": "inputBgColor"; "required": false; }; "inputIconLeftSrc": { "alias": "inputIconLeftSrc"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

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

@@ -5,12 +5,14 @@ import { QuillModules } from 'ngx-quill';
 import { ChangeService } from '../../services/change/change.service';
 import { DataService } from '../../services/data/data.service';
 import { TranslationService } from '../../services/translation/translation.service';
+import { NxtDatePipe } from '../../pipe/NxtDate.pipe';
 import { StorageService } from '../../services/storage/storage.service';
 import { CountryService } from '../../services/country/country.service';
 import { GoogleMapsLoaderService } from '../../services/GoogleMapsLoaderService/google-maps-loader-service.service';
 import * as i0 from "@angular/core";
 export declare class NxtInput implements AfterViewInit {
     #private;
+    private nxtDatePipe;
     private mapsLoader;
     private cdr;
     private ngZone;
@@ -145,7 +147,7 @@ export declare class NxtInput implements AfterViewInit {
         lng: number;
     };
     private googleMapsPromise;
-    constructor(mapsLoader: GoogleMapsLoaderService, cdr: ChangeDetectorRef, ngZone: NgZone, countryService: CountryService, storageService: StorageService, translationService: TranslationService, renderer: Renderer2, elRef: ElementRef, elementRef: ElementRef, changeService: ChangeService, dataService: DataService);
+    constructor(nxtDatePipe: NxtDatePipe, mapsLoader: GoogleMapsLoaderService, cdr: ChangeDetectorRef, ngZone: NgZone, countryService: CountryService, storageService: StorageService, translationService: TranslationService, renderer: Renderer2, elRef: ElementRef, elementRef: ElementRef, changeService: ChangeService, dataService: DataService);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;

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

@@ -1,4 +1,4 @@
-import { OnInit, EventEmitter, SimpleChanges } from "@angular/core";
+import { OnInit, EventEmitter, SimpleChanges, AfterViewInit, ElementRef, NgZone, ChangeDetectorRef } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 import { ActionMeta } from '../../interfaces/actionMeta';
 import { BookletWrapper } from "../../model/bookletWrapper";
@@ -11,7 +11,7 @@ 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 {
+export declare class BookletComponent implements OnInit, AfterViewInit {
     private sfService;
     private dataService;
     private storageService;
@@ -19,6 +19,8 @@ export declare class BookletComponent implements OnInit {
     private changeService;
     private http;
     private translationService;
+    private ngZone;
+    private cdr;
     bookletId: string;
     serv: string;
     tkn: string;
@@ -37,6 +39,7 @@ export declare class BookletComponent implements OnInit {
     direction: string;
     isLoading: any;
     onlyView: boolean;
+    dataBind: any;
     handleBookletActionEvent: EventEmitter<any>;
     handlePage: EventEmitter<any>;
     hadleDropDownDependent: EventEmitter<any>;
@@ -51,12 +54,14 @@ export declare class BookletComponent implements OnInit {
     spinnerName: string;
     spinnerType: string;
     answerList: any[];
-    dataBind: any;
     allEvents: any[];
     isEditVal: boolean;
     safeValue: any;
+    showStickyShadow: boolean;
     questionbookComponent: QuestionbookComponent;
-    constructor(sfService: SalesforceService, dataService: DataService, storageService: StorageService, sanitizer: DomSanitizer, changeService: ChangeService, http: HttpClient, translationService: TranslationService);
+    stickyBar?: ElementRef<HTMLElement>;
+    private scrollHandler;
+    constructor(sfService: SalesforceService, dataService: DataService, storageService: StorageService, sanitizer: DomSanitizer, changeService: ChangeService, http: HttpClient, translationService: TranslationService, ngZone: NgZone, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(simplechanges: SimpleChanges): void;
     upgradeActions(actionString: string): any[];
@@ -77,6 +82,8 @@ export declare class BookletComponent implements OnInit {
     getCalendarDate(event: any): void;
     getCalendarEvent(event: any): void;
     editChangeClick(action: any): void;
+    ngAfterViewInit(): void;
+    updateShadow(): 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; }; "direction": { "alias": "direction"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "onlyView": { "alias": "onlyView"; "required": false; }; "dataBind": { "alias": "dataBind"; "required": false; }; }, { "handleBookletActionEvent": "handleBookletActionEvent"; "handlePage": "handlePage"; "hadleDropDownDependent": "hadleDropDownDependent"; "handleCalendarDate": "handleCalendarDate"; "handleCalendarEvent": "handleCalendarEvent"; }, never, never, true, never>;
 }

package/lib/pipe/NxtDate.pipe.d.ts

@@ -10,4 +10,5 @@ export declare class NxtDatePipe implements PipeTransform {
     private toArabicNumbers;
     static ɵfac: i0.ɵɵFactoryDeclaration<NxtDatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<NxtDatePipe, "NxtDate", true>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NxtDatePipe>;
 }

package/lib/services/translation/translation.service.d.ts

@@ -14,6 +14,7 @@ export declare class TranslationService {
     formBuilderTranslationsLoaded$: import("rxjs").Observable<string>;
     constructor(dataService: DataService);
     load(): Promise<void>;
+    private safeParse;
     flattenAppTranslations(translations: any): any;
     updateTranslations(newTranslations: any): void;
     private deepMerge;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rangertechnologies/ngnxt",
-  "version": "2.1.310",
+  "version": "2.1.311",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14"

package/public-api.d.ts

@@ -9,7 +9,7 @@ export * from './lib/components/datatable/datatable.component';
 export * from './lib/components/button/nxt-button.component';
 export * from './lib/pages/pdfDesigner/pdf-designer/pdf-designer.component';
 export * from './lib/components/nxt-input/nxt-input.component';
-export * from './lib/components/custom-dropdown/custom-dropdown.component';
+export * from './lib/components/nxt-dropdown/nxt-dropdown.component';
 export * from './lib/components/file-upload/file-upload.component';
 export * from './lib/components/list-view-filter/list-view-filter.component';
 export * from './lib/components/search-box/search-box.component';

package/src/lib/style.css

@@ -953,7 +953,6 @@ select{
 
 .form-group.content-box {
   background: #ffffff;
-  padding-bottom: 40px;
   /* border: 1px solid #e8e8e8; */
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
@@ -1045,12 +1044,18 @@ select{
 
 .align-submit-row {
   display: flex !important;
-  position: sticky !important;      /* Stick INSIDE div */
-  bottom: 10px !important;
-  float: right !important;          /* Align right inside container */
-  margin-top: 10px !important;
-  margin-bottom: 10px !important;
+  position: sticky !important;
+  bottom: 0px !important;
   z-index: 1000 !important;
+  width: 100% !important;
+  justify-content: end !important;
+  background: #ffffff !important;
+  padding: 10px !important;
+  gap: 10px !important;
+}
+/* SKS17DEC25 Shadow when content is scrollable */
+.align-submit-row.with-shadow {
+  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.12);
 }
  google-map .map-container {
   width: auto !important;