@rangertechnologies/ngnxt 2.1.281 → 2.1.283

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

@@ -27,7 +27,6 @@ export declare class CustomDropdownComponent implements OnInit {
     from: any;
     valueChange: EventEmitter<any>;
     dropdownWrapper: ElementRef;
-    invalidFieldIds: string[];
     constructor(translationService: TranslationService, changeService: ChangeService, dataService: DataService, storageService: StorageService);
     subscription: Subscription;
     showOptions: boolean;

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnInit, SimpleChanges } from '@angular/core';
 import { ChangeWrapper } from '../../model/changeWrapper';
 import { Subscription } from 'rxjs';
 import { ChangeService } from '../../services/change/change.service';
@@ -6,6 +6,7 @@ import { DataService } from '../../services/data/data.service';
 import { StorageService } from '../../services/storage/storage.service';
 import * as i0 from "@angular/core";
 export declare class CustomRadioComponent implements OnInit {
+    private cdRef;
     private changeService;
     private dataService;
     private storageService;
@@ -17,20 +18,19 @@ export declare class CustomRadioComponent implements OnInit {
     id: string;
     readOnly: boolean;
     errorMessage: string;
-    error: any;
     fromShengel: boolean;
     referenceField: string;
     token: string;
+    label: string;
     mode: 'view' | 'edit' | 'print';
     valueChange: EventEmitter<any>;
-    invalidFieldIds: string[];
     labelField: string;
     valueField: string;
     subscription: Subscription;
     originalValue: any;
     value: ChangeWrapper;
     selectedOptionId: any;
-    constructor(changeService: ChangeService, dataService: DataService, storageService: StorageService);
+    constructor(cdRef: ChangeDetectorRef, changeService: ChangeService, dataService: DataService, storageService: StorageService);
     viewEdit: boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -39,5 +39,5 @@ export declare class CustomRadioComponent implements OnInit {
     discardChanges(): void;
     saveChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomRadioComponent, "app-custom-radio", never, { "options": { "alias": "options"; "required": false; }; "question": { "alias": "question"; "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; }; "referenceField": { "alias": "referenceField"; "required": false; }; "token": { "alias": "token"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomRadioComponent, "app-custom-radio", never, { "options": { "alias": "options"; "required": false; }; "question": { "alias": "question"; "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; }; "fromShengel": { "alias": "fromShengel"; "required": false; }; "referenceField": { "alias": "referenceField"; "required": false; }; "token": { "alias": "token"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter, QueryList, ElementRef, SimpleChanges, AfterViewInit, Renderer2 } from '@angular/core';
+import { EventEmitter, QueryList, ElementRef, SimpleChanges, AfterViewInit, Renderer2, ChangeDetectorRef, NgZone } from '@angular/core';
 import { AbstractControl, FormArray, FormControl, ValidationErrors, ValidatorFn } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { QuillModules } from 'ngx-quill';
@@ -7,9 +7,13 @@ import { DataService } from '../../services/data/data.service';
 import { TranslationService } from '../../services/translation/translation.service';
 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 mapsLoader;
+    private cdr;
+    private ngZone;
     private countryService;
     private storageService;
     private translationService;
@@ -70,13 +74,13 @@ export declare class NxtInput implements AfterViewInit {
     direction: any;
     currency: any;
     helpText: any;
+    apiKey: any;
     set size(size: number);
     valueChange: EventEmitter<string>;
     inputValue: EventEmitter<any>;
     onBlur: EventEmitter<any>;
     onFocus: EventEmitter<any>;
     toggleEmit: EventEmitter<any>;
-    nativeInputRef: EventEmitter<ElementRef<any>>;
     removeValueEmit: EventEmitter<any>;
     inputEls: QueryList<ElementRef<HTMLInputElement>>;
     inputRef: ElementRef;
@@ -127,8 +131,15 @@ export declare class NxtInput implements AfterViewInit {
     languageCode: any;
     currencyOptions: any;
     currencySymbol: any;
-    constructor(countryService: CountryService, storageService: StorageService, translationService: TranslationService, renderer: Renderer2, elRef: ElementRef, elementRef: ElementRef, changeService: ChangeService, dataService: DataService);
-    hasEmittedRef: boolean;
+    showModal: boolean;
+    private geoCoder;
+    markerOptions: any;
+    markerPosition: {
+        lat: number;
+        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);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
@@ -171,6 +182,14 @@ export declare class NxtInput implements AfterViewInit {
     removeValue(): void;
     onHijriInputClick(): void;
     private searchFromApi;
+    initAutocomplete(): void;
+    openMap(): void;
+    closeModal(): void;
+    private setCurrentLocation;
+    getAddress(latitude: number, longitude: number): void;
+    onMapClick(event: google.maps.MapMouseEvent): void;
+    onMarkerDragEnd(event: google.maps.MapMouseEvent): void;
+    loadGoogleMaps(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NxtInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NxtInput, "nxt-input", never, { "label": { "alias": "label"; "required": false; }; "labelFont": { "alias": "labelFont"; "required": false; }; "labelWeight": { "alias": "labelWeight"; "required": false; }; "inputWeight": { "alias": "inputWeight"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "inputValueSize": { "alias": "inputValueSize"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "svgHeight": { "alias": "svgHeight"; "required": false; }; "svgWidth": { "alias": "svgWidth"; "required": false; }; "type": { "alias": "type"; "required": false; }; "inputIconRightSrc": { "alias": "inputIconRightSrc"; "required": false; }; "inputIconLeftSrc": { "alias": "inputIconLeftSrc"; "required": false; }; "required": { "alias": "required"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputBgColor": { "alias": "inputBgColor"; "required": false; }; "inputBorder": { "alias": "inputBorder"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "placeholderFont": { "alias": "placeholderFont"; "required": false; }; "placeholderWeight": { "alias": "placeholderWeight"; "required": false; }; "placeholderSize": { "alias": "placeholderSize"; "required": false; }; "inputTextColor": { "alias": "inputTextColor"; "required": false; }; "inputHeight": { "alias": "inputHeight"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputBorderSize": { "alias": "inputBorderSize"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "confPassVal": { "alias": "confPassVal"; "required": false; }; "confPass": { "alias": "confPass"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; "question": { "alias": "question"; "required": false; }; "showSuggestion": { "alias": "showSuggestion"; "required": false; }; "ariaOwns": { "alias": "ariaOwns"; "required": false; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "options": { "alias": "options"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "from": { "alias": "from"; "required": false; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; "apiMeta": { "alias": "apiMeta"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "valueChange": "valueChange"; "inputValue": "inputValue"; "onBlur": "onBlur"; "onFocus": "onFocus"; "toggleEmit": "toggleEmit"; "nativeInputRef": "nativeInputRef"; "removeValueEmit": "removeValueEmit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NxtInput, "nxt-input", never, { "label": { "alias": "label"; "required": false; }; "labelFont": { "alias": "labelFont"; "required": false; }; "labelWeight": { "alias": "labelWeight"; "required": false; }; "inputWeight": { "alias": "inputWeight"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "inputValueSize": { "alias": "inputValueSize"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "svgHeight": { "alias": "svgHeight"; "required": false; }; "svgWidth": { "alias": "svgWidth"; "required": false; }; "type": { "alias": "type"; "required": false; }; "inputIconRightSrc": { "alias": "inputIconRightSrc"; "required": false; }; "inputIconLeftSrc": { "alias": "inputIconLeftSrc"; "required": false; }; "required": { "alias": "required"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputBgColor": { "alias": "inputBgColor"; "required": false; }; "inputBorder": { "alias": "inputBorder"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "placeholderFont": { "alias": "placeholderFont"; "required": false; }; "placeholderWeight": { "alias": "placeholderWeight"; "required": false; }; "placeholderSize": { "alias": "placeholderSize"; "required": false; }; "inputTextColor": { "alias": "inputTextColor"; "required": false; }; "inputHeight": { "alias": "inputHeight"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputBorderSize": { "alias": "inputBorderSize"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "confPassVal": { "alias": "confPassVal"; "required": false; }; "confPass": { "alias": "confPass"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; "question": { "alias": "question"; "required": false; }; "showSuggestion": { "alias": "showSuggestion"; "required": false; }; "ariaOwns": { "alias": "ariaOwns"; "required": false; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "options": { "alias": "options"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "from": { "alias": "from"; "required": false; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; "apiMeta": { "alias": "apiMeta"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "apiKey": { "alias": "apiKey"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "valueChange": "valueChange"; "inputValue": "inputValue"; "onBlur": "onBlur"; "onFocus": "onFocus"; "toggleEmit": "toggleEmit"; "removeValueEmit": "removeValueEmit"; }, never, never, true, never>;
 }

package/lib/services/GoogleMapsLoaderService/google-maps-loader-service.service.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class GoogleMapsLoaderService {
+    private loadPromise;
+    load(apiKey: string): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GoogleMapsLoaderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GoogleMapsLoaderService>;
+}

package/package.json

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

package/src/lib/style.css

@@ -45,8 +45,8 @@
   }
 
   .questiondiv1{
-    padding-left: 25px;
-    padding-right: 25px;
+    padding-left: 20px;
+    padding-right: 20px;
   }
 
   .questiondiv2{
@@ -1008,7 +1008,7 @@ select{
   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   -webkit-border-radius: 2px;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-  background-color: #fafafa;
+  background-color: #ffffff;
   border-radius: 2px;
   border: 1px solid #eeeeee;
   box-shadow: none;
@@ -1870,3 +1870,10 @@ select{
     width: 100% !important; /* 12/12 Full width */
   }
 }
+/* SKS18SEP25 svg unwanted hight issue fix */
+div > svg {
+  line-height: 0 !important;
+}
+div:has(> svg:only-child) {
+  line-height: 0 !important;
+}

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

@@ -1,43 +0,0 @@
-import { ElementRef, EventEmitter, ChangeDetectorRef, NgZone, OnInit, SimpleChanges, OnChanges } from '@angular/core';
-import { ChangeWrapper } from '../../model/changeWrapper';
-import * as i0 from "@angular/core";
-export declare class PickLocationComponent implements OnInit, OnChanges {
-    private ngZone;
-    private cdr;
-    latitude: any;
-    longitude: any;
-    zoom: number;
-    private geoCoder;
-    searchElementRef: ElementRef<HTMLInputElement>;
-    showModal: boolean;
-    address: string;
-    from: any;
-    question: any;
-    mode: 'view' | 'edit' | 'print';
-    locationSelected: EventEmitter<ChangeWrapper>;
-    navigatorGeolocation: any;
-    markerPosition: {
-        lat: any;
-        lng: any;
-    };
-    center: {
-        lat: any;
-        lng: any;
-    };
-    markerOptions: any;
-    apiKey: any;
-    constructor(ngZone: NgZone, cdr: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    setInputRef(ref: ElementRef<HTMLInputElement>): void;
-    private loadGoogleMapsScript;
-    initAutocomplete(): void;
-    onMarkerDragEnd(): void;
-    onMapClick(event: google.maps.MapMouseEvent): void;
-    private setCurrentLocation;
-    getAddress(latitude: number, longitude: number): void;
-    openMap(): void;
-    closeModal(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PickLocationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PickLocationComponent, "app-pick-location", never, { "address": { "alias": "address"; "required": false; }; "from": { "alias": "from"; "required": false; }; "question": { "alias": "question"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "apiKey": { "alias": "apiKey"; "required": false; }; }, { "locationSelected": "locationSelected"; }, never, never, true, never>;
-}