@rangertechnologies/ngnxt 2.1.257 → 2.1.258

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

@@ -2,10 +2,14 @@ import { OnInit, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ChangeService } from '../../services/change/change.service';
 import { DataService } from '../../services/data/data.service';
+import { TranslationService } from '../../services/translation/translation.service';
+import { StorageService } from '../../services/storage/storage.service';
 import * as i0 from "@angular/core";
 export declare class CustomDropdownComponent implements OnInit {
+    private translationService;
     private changeService;
     private dataService;
+    private storageService;
     options: any[];
     placeholder: string;
     apiMeta: string;
@@ -24,13 +28,14 @@ export declare class CustomDropdownComponent implements OnInit {
     valueChange: EventEmitter<any>;
     dropdownWrapper: ElementRef;
     invalidFieldIds: string[];
-    constructor(changeService: ChangeService, dataService: DataService);
+    constructor(translationService: TranslationService, changeService: ChangeService, dataService: DataService, storageService: StorageService);
     labelField: string;
     valueField: string;
     subscription: Subscription;
     uniqueKey: string;
     apiObj: any;
     showOptions: boolean;
+    selectedOption: any;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     getOptions(): void;

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

@@ -3,10 +3,12 @@ import { ChangeWrapper } from '../../model/changeWrapper';
 import { Subscription } from 'rxjs';
 import { ChangeService } from '../../services/change/change.service';
 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 changeService;
     private dataService;
+    private storageService;
     options: any[];
     question: any;
     apiMeta: string;
@@ -29,7 +31,8 @@ export declare class CustomRadioComponent implements OnInit {
     isSaveHovered: boolean;
     isDiscardHovered: boolean;
     value: ChangeWrapper;
-    constructor(changeService: ChangeService, dataService: DataService);
+    selectedOptionId: any;
+    constructor(changeService: ChangeService, dataService: DataService, storageService: StorageService);
     viewEdit: boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

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

@@ -4,8 +4,10 @@ import { Subscription } from 'rxjs';
 import { TranslationService } from '../../services/translation/translation.service';
 import { DataService } from '../../services/data/data.service';
 import { ChangeService } from '../../services/change/change.service';
+import { StorageService } from '../../services/storage/storage.service';
 import * as i0 from "@angular/core";
 export declare class NxtDatatable {
+    private storageService;
     private cdRef;
     private translationService;
     private renderer;
@@ -138,7 +140,7 @@ export declare class NxtDatatable {
     private startX;
     private startWidth;
     private resizeFrameId;
-    constructor(cdRef: ChangeDetectorRef, translationService: TranslationService, renderer: Renderer2, dataService: DataService, changeService: ChangeService);
+    constructor(storageService: StorageService, cdRef: ChangeDetectorRef, translationService: TranslationService, renderer: Renderer2, dataService: DataService, changeService: ChangeService);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/lib/components/hijri-datepicker/hijri-datepicker.component.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter, AfterViewInit, ElementRef } from '@angular/core';
+import { NgbCalendar, NgbDatepickerI18n, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+import * as i0 from "@angular/core";
+export declare class IslamicI18n extends NgbDatepickerI18n {
+    toArabicNumber(value: string | number): string;
+    getMonthShortName(month: number): string;
+    getMonthFullName(month: number): string;
+    getWeekdayLabel(weekday: number): string;
+    getDayAriaLabel(date: NgbDateStruct): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IslamicI18n, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IslamicI18n>;
+}
+export declare class HijriDatepickerComponent implements AfterViewInit {
+    calendar: NgbCalendar;
+    model: NgbDateStruct;
+    type: 'date' | 'month' | 'datetime' | 'time';
+    value: any;
+    dateChange: EventEmitter<any>;
+    datepickerRef?: ElementRef;
+    months: string[];
+    years: number[];
+    hour: number;
+    minute: number;
+    hours: number[];
+    minutes: number[];
+    ngAfterViewInit(): void;
+    generateYears(): void;
+    onDateChange(date: NgbDateStruct): void;
+    onMonthChange(): void;
+    onTimeChange(): void;
+    emitDateTime(): void;
+    toArabicNumber(value: string | number): string;
+    applyArabicNumerals(): void;
+    toArabicTime(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HijriDatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HijriDatepickerComponent, "app-hijri-datepicker", never, { "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
+}

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

@@ -1,13 +1,18 @@
-import { EventEmitter, QueryList, ElementRef, SimpleChanges, AfterViewInit, Renderer2 } from '@angular/core';
+import { EventEmitter, QueryList, ElementRef, SimpleChanges, AfterViewInit, Renderer2, ChangeDetectorRef } from '@angular/core';
 import { AbstractControl, FormArray, FormControl, ValidationErrors, ValidatorFn } from '@angular/forms';
 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 { TranslationService } from '../../services/translation/translation.service';
+import { StorageService } from '../../services/storage/storage.service';
 import * as i0 from "@angular/core";
 export declare class NxtInput implements AfterViewInit {
     #private;
+    private cdr;
+    private storageService;
+    private translationService;
     private renderer;
     private elRef;
     private elementRef;
@@ -61,7 +66,10 @@ export declare class NxtInput implements AfterViewInit {
     rows: number;
     from: any;
     hyperLink: any;
+    selectedOption: any;
+    apiMeta: any;
     rawInputVal: any;
+    languageCode: any;
     set size(size: number);
     valueChange: EventEmitter<string>;
     inputValue: EventEmitter<any>;
@@ -121,7 +129,9 @@ export declare class NxtInput implements AfterViewInit {
     isDiscardHovered: boolean;
     private lastClickTime;
     cachedInputList: any[];
-    constructor(renderer: Renderer2, elRef: ElementRef, elementRef: ElementRef, changeService: ChangeService, dataService: DataService);
+    showHijriPicker: boolean;
+    displayedHijriDate: any;
+    constructor(cdr: ChangeDetectorRef, storageService: StorageService, translationService: TranslationService, renderer: Renderer2, elRef: ElementRef, elementRef: ElementRef, changeService: ChangeService, dataService: DataService);
     hasEmittedRef: boolean;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -131,6 +141,7 @@ export declare class NxtInput implements AfterViewInit {
     getQuillModules(questionId: string): QuillModules;
     private setupValidators;
     closeDropdown(event: Event): void;
+    onClickOutside(event: Event): void;
     onChange: (value: string) => void;
     onTouched: () => void;
     registerOnTouched(fn: any): void;
@@ -138,7 +149,7 @@ export declare class NxtInput implements AfterViewInit {
     togglePasswordVisibility(): void;
     passwordMatchValidator(): ValidatorFn;
     getErrorMessage(): string;
-    writeValue(value: any): void;
+    writeValue(value: any, from?: any): void;
     registerOnChange(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     private updateControlState;
@@ -163,6 +174,8 @@ export declare class NxtInput implements AfterViewInit {
     openDatePicker(type: string): void;
     removeValue(): void;
     onClickHyperlink(event: Event): void;
+    onHijriInputClick(): void;
+    private searchFromApi;
     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; }; "hyperLink": { "alias": "hyperLink"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "valueChange": "valueChange"; "inputValue": "inputValue"; "onBlur": "onBlur"; "onFocus": "onFocus"; "toggleEmit": "toggleEmit"; "nativeInputRef": "nativeInputRef"; "removeValueEmit": "removeValueEmit"; "hyperlinkEmit": "hyperlinkEmit"; }, 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; }; "hyperLink": { "alias": "hyperLink"; "required": false; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; "apiMeta": { "alias": "apiMeta"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "valueChange": "valueChange"; "inputValue": "inputValue"; "onBlur": "onBlur"; "onFocus": "onFocus"; "toggleEmit": "toggleEmit"; "nativeInputRef": "nativeInputRef"; "removeValueEmit": "removeValueEmit"; "hyperlinkEmit": "hyperlinkEmit"; }, never, never, true, never>;
 }

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

@@ -311,6 +311,11 @@ export declare class PropertiesComponent implements OnInit {
             fieldProps: any[];
             appearance: any[];
         };
+        month: {
+            elementProps: any[];
+            fieldProps: any[];
+            appearance: any[];
+        };
         Email: {
             elementProps: any[];
             fieldProps: any[];

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

@@ -69,7 +69,7 @@ export declare class QuestionbookComponent implements OnInit, AfterViewInit {
     hideDependentElements(elementId: any): void;
     clearSQError(quesId: any): void;
     setSubQuestions(records: any): void;
-    childEventCapture(event: any, ques?: any): void;
+    childEventCapture(event: any, ques?: any, input?: any): void;
     deleteFile(fileData: any): void;
     getDropDown(event: any): void;
     getCurrentCalendar(event: any): void;

package/lib/pipe/hijri-arabic.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from '@angular/core';
+import 'moment/locale/ar-sa';
+import * as i0 from "@angular/core";
+export declare class HijriArabicPipe implements PipeTransform {
+    transform(hijriDate: any): string;
+    toArabicNumbers(input: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HijriArabicPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HijriArabicPipe, "hijriArabic", true>;
+}

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

@@ -10,6 +10,8 @@ export declare class DataService {
     getValue(element: any, columns: any): any;
     apikey(apidata: any): void;
     apiResponse(endpoint: string): Observable<any>;
+    formatToHijriString(date: any, type?: 'year' | 'month' | 'date' | 'time' | any): any;
+    formatToGregorianString(date: any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataService, [{ optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DataService>;
 }

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

@@ -5,6 +5,7 @@ export declare class StorageService {
     nxtBookletAnswer: BookletWrapper;
     selectedData: any;
     private queryValueMap;
+    private apiResponseData;
     constructor();
     save(qbJson: BookletWrapper): void;
     update(questionWithInput: Question): void;
@@ -13,6 +14,10 @@ export declare class StorageService {
     getQueryValue(questionId: string): any;
     clearQueryValue(questionId: string): void;
     clearAllQueryValues(): void;
+    apiResponseStore(questionId: string, value: any): void;
+    getApiResponseValue(questionId: string): any;
+    clearApiResponseValue(questionId: string): void;
+    clearAllApiResponseValues(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StorageService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<StorageService>;
 }

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

@@ -6,6 +6,8 @@ export declare class TranslationService {
     private currentLang;
     private translationsLoaded;
     translationsLoaded$: import("rxjs").Observable<void>;
+    private languageChange;
+    languageChange$: import("rxjs").Observable<any>;
     private formBuilderTranslations;
     private formBuilderCurrentLang;
     private formBuilderTranslationsLoaded;
@@ -15,7 +17,6 @@ export declare class TranslationService {
     flattenAppTranslations(translations: any): any;
     updateTranslations(newTranslations: any): void;
     private deepMerge;
-    setTranslations(translations: any): void;
     getLanguage(): string;
     setLanguage(lang: string): void;
     translate(key: string): string | null;

package/package.json

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