@rangertechnologies/ngnxt 2.1.264 → 2.1.266

package/lib/components/nxt-datepicker/custom-datepicker/custom-datepicker.component.d.ts

@@ -0,0 +1,62 @@
+import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { NgbDateStruct, NgbDatepicker, NgbDatepickerI18n } from '@ng-bootstrap/ng-bootstrap';
+import * as i0 from "@angular/core";
+export declare class CustomDatepickerI18n extends NgbDatepickerI18n {
+    private parent;
+    constructor(parent: CustomDatepickerComponent);
+    private toArabicNumber;
+    getWeekdayLabel(weekday: number): string;
+    getMonthShortName(month: number): string;
+    getMonthFullName(month: number): string;
+    getDayNumerals(date: NgbDateStruct): string;
+    getYearNumerals(year: number): string;
+    getDayAriaLabel(date: NgbDateStruct): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomDatepickerI18n, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CustomDatepickerI18n>;
+}
+export declare class CustomDatepickerComponent implements OnInit, OnChanges {
+    type: 'date' | 'datetime' | 'month' | 'time';
+    languageCode: 'en' | 'ar';
+    value: any;
+    modelChange: EventEmitter<any>;
+    datepicker?: NgbDatepicker;
+    /** SKS14AUG25 Bound to the datepicker via [(ngModel)] */
+    selectedDate: NgbDateStruct | null;
+    /** SKS14AUG25 Simple time holder for datetime/time modes */
+    time: {
+        hour: number;
+        minute: number;
+    };
+    hours: number[];
+    minutes: number[];
+    displayHours: string[];
+    displayMinutes: string[];
+    monthYear: {
+        year: number;
+        month: number;
+    };
+    months: number[];
+    years: number[];
+    monthNamesEn: string[];
+    monthNamesAr: string[];
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** SKS14AUG25 Create hours/minutes arrays and their display labels */
+    private generateTimeArrays;
+    /** SKS14AUG25 Converts number to Arabic digits with leading zero */
+    convertToArabic(num: number): string;
+    private initYears;
+    /** SKS14AUG25 Accepts:
+     *  - "2023-10-26T20:00"
+     *  - Date
+     *  - { year, month, day }
+     *  - { date: { year, month, day, time? } }
+     */
+    private applyValue;
+    onDateSelect(date: NgbDateStruct): void;
+    onTimeChange(): void;
+    toArabicNumber(num: number): string;
+    onMonthSelect(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomDatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomDatepickerComponent, "app-custom-datepicker", never, { "type": { "alias": "type"; "required": false; }; "languageCode": { "alias": "languageCode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;
+}

package/lib/components/{hijri-datepicker → nxt-datepicker/hijri-datepicker}/hijri-datepicker.component.d.ts

@@ -1,5 +1,6 @@
-import { EventEmitter, AfterViewInit, ElementRef } from '@angular/core';
+import { EventEmitter, AfterViewInit, SimpleChanges, OnInit, OnChanges } from '@angular/core';
 import { NgbCalendar, NgbDatepickerI18n, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+import { DataService } from '../../../services/data/data.service';
 import * as i0 from "@angular/core";
 export declare class IslamicI18n extends NgbDatepickerI18n {
     toArabicNumber(value: string | number): string;
@@ -10,20 +11,26 @@ export declare class IslamicI18n extends NgbDatepickerI18n {
     static ɵfac: i0.ɵɵFactoryDeclaration<IslamicI18n, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IslamicI18n>;
 }
-export declare class HijriDatepickerComponent implements AfterViewInit {
+export declare class HijriDatepickerComponent implements AfterViewInit, OnInit, OnChanges {
+    private dataService;
     calendar: NgbCalendar;
     model: NgbDateStruct;
     type: 'date' | 'month' | 'datetime' | 'time';
     value: any;
+    languageCode: any;
     dateChange: EventEmitter<any>;
-    datepickerRef?: ElementRef;
+    datepickerRef?: any;
     months: string[];
     years: number[];
     hour: number;
     minute: number;
     hours: number[];
     minutes: number[];
+    constructor(dataService: DataService);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setInitialDateFromValue(): void;
     generateYears(): void;
     onDateChange(date: NgbDateStruct): void;
     onMonthChange(): void;
@@ -31,7 +38,7 @@ export declare class HijriDatepickerComponent implements AfterViewInit {
     emitDateTime(): void;
     toArabicNumber(value: string | number): string;
     applyArabicNumerals(): void;
-    toArabicTime(value: string): string;
+    onNavigate(): void;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HijriDatepickerComponent, "app-hijri-datepicker", never, { "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "languageCode": { "alias": "languageCode"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import { DataService } from '../../services/data/data.service';
+import * as i0 from "@angular/core";
+export declare class NxtDatepickerComponent {
+    private dataService;
+    isHijriCalendar: boolean;
+    type: string;
+    languageCode: any;
+    value: any;
+    dateChange: EventEmitter<any>;
+    constructor(dataService: DataService);
+    ngOnInit(): void;
+    ngOnChange(): void;
+    toggleCalendarType(): void;
+    onDatePicked(date: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NxtDatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NxtDatepickerComponent, "app-nxt-datepicker", never, { "type": { "alias": "type"; "required": false; }; "languageCode": { "alias": "languageCode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
+}

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

@@ -1,7 +1,6 @@
-import { EventEmitter, QueryList, ElementRef, SimpleChanges, AfterViewInit, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, QueryList, ElementRef, SimpleChanges, AfterViewInit, Renderer2 } 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';
@@ -10,7 +9,6 @@ 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;
@@ -79,11 +77,6 @@ export declare class NxtInput implements AfterViewInit {
     nativeInputRef: EventEmitter<ElementRef<any>>;
     removeValueEmit: EventEmitter<any>;
     inputEls: QueryList<ElementRef<HTMLInputElement>>;
-    dateTimePicker: any;
-    datePicker: any;
-    timePicker: any;
-    dtPicker: OwlDateTimeComponent<Date>;
-    dPicker: OwlDateTimeComponent<Date>;
     inputRef: ElementRef;
     inputs: FormArray<any>;
     control: FormControl;
@@ -129,8 +122,8 @@ export declare class NxtInput implements AfterViewInit {
     private lastClickTime;
     cachedInputList: any[];
     showHijriPicker: boolean;
-    displayedHijriDate: any;
-    constructor(cdr: ChangeDetectorRef, storageService: StorageService, translationService: TranslationService, renderer: Renderer2, elRef: ElementRef, elementRef: ElementRef, changeService: ChangeService, dataService: DataService);
+    dateFormatName: any;
+    constructor(storageService: StorageService, translationService: TranslationService, renderer: Renderer2, elRef: ElementRef, elementRef: ElementRef, changeService: ChangeService, dataService: DataService);
     hasEmittedRef: boolean;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

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

@@ -3,7 +3,7 @@ import 'moment/locale/ar-sa';
 import 'moment/locale/en-gb';
 import * as i0 from "@angular/core";
 export declare class NxtDatePipe implements PipeTransform {
-    transform(nxtDate: any, type: any, languageCode: string): string;
+    transform(value: any, type: 'date' | 'datetime' | 'month' | 'time', languageCode: string, dateFormatType: 'hijri' | 'gregorianAr' | 'gregorian'): string;
     private toArabicNumbers;
     static ɵfac: i0.ɵɵFactoryDeclaration<NxtDatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<NxtDatePipe, "NxtDate", true>;

package/package.json

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

package/src/lib/style.css

@@ -1,5 +1,4 @@
 @import '~quill/dist/quill.bubble.css';
-@import "@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"; /* AP-04FEB25 date-picker */
 @import '~quill/dist/quill.core.css'; /* SKS10AUG25 for quill editer text style */
 @import '~quill/dist/quill.snow.css';
 /*General Nxt App stylings */