@dcsl/flex-ui 0.0.15 → 0.0.18

package/index.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, OnInit, EventEmitter, TemplateRef, QueryList, AfterViewInit, OnDestroy, Renderer2 } from '@angular/core';
+import { CalendarSystem } from '@calidy/dayjs-calendarsystems';
 
 declare class FlexPanelComponent {
     private resizeObserver?;
@@ -142,47 +143,89 @@ declare class ComboDatePickerComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboDatePickerComponent, "flex-combo-datepicker", never, { "ngMinDate": { "alias": "ngMinDate"; "required": false; }; "ngMaxDate": { "alias": "ngMaxDate"; "required": false; }; "ngMonths": { "alias": "ngMonths"; "required": false; }; "ngOrder": { "alias": "ngOrder"; "required": false; }; "ngDisabled": { "alias": "ngDisabled"; "required": false; }; "ngPlaceholder": { "alias": "ngPlaceholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "dateTitle": { "alias": "dateTitle"; "required": false; "isSignal": true; }; "monthTitle": { "alias": "monthTitle"; "required": false; "isSignal": true; }; "yearTitle": { "alias": "yearTitle"; "required": false; "isSignal": true; }; }, { "dateChanged": "dateChanged"; "value": "valueChange"; }, never, never, true, never>;
 }
 
+type FlexCalendarSystem = 'gregory' | 'islamic';
+
+declare class DateServiceService {
+    log(date: Date): void;
+    format(date: Date, calendar: CalendarSystem, format: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateServiceService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DateServiceService>;
+}
+
 declare class HijriDatepickerComponent {
+    private dateService;
     value: _angular_core.ModelSignal<any>;
-    valueChange: _angular_core.OutputEmitterRef<any>;
     selectedDate?: Date;
     showCalendar: boolean;
+    calender: _angular_core.InputSignal<FlexCalendarSystem>;
     enabled: _angular_core.InputSignal<boolean>;
     cssClass: _angular_core.InputSignal<string | undefined>;
-    format: _angular_core.InputSignal<string | undefined>;
+    format: _angular_core.InputSignal<string>;
     inputDate: string;
     isMobile: boolean;
-    constructor();
+    constructor(dateService: DateServiceService);
     toggleCalendar(): void;
     onDateSelectedFromCalender(e: Date): void;
     /** Triggered on blur OR Enter key */
     onManualDateEntered(): void;
     /** Reusable update method */
     private updateDate;
-    formatHijri(date: Date, format: string, locale?: string): string;
-    private formatDateForInput;
+    formatDate(date: Date, calender: FlexCalendarSystem, format: string): string;
     private parseInputDate;
     inputDiv?: ElementRef;
     modalDiv?: ElementRef;
     popupDiv?: ElementRef;
     onDocumentClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HijriDatepickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HijriDatepickerComponent, "app-hijri-datepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HijriDatepickerComponent, "app-hijri-datepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "calender": { "alias": "calender"; "required": false; "isSignal": true; }; "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 declare class FlexContainerComponent implements AfterViewInit, OnDestroy {
     private renderer;
     contentHost: ElementRef<HTMLDivElement>;
-    private resizeHandler;
     headerTpl: TemplateRef<any>;
     footerTpl: TemplateRef<any>;
     contentTpl: TemplateRef<any>;
     constructor(renderer: Renderer2);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    onWindowResize(): void;
     private resizeContent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexContainerComponent, "flex-container", never, {}, {}, ["headerTpl", "footerTpl", "contentTpl"], never, true, never>;
 }
 
-export { ComboDatePickerComponent, FlexColumnComponent, FlexColumnsComponent, FlexContainerComponent, FlexGridComponent, FlexPaginationComponent, FlexPanelComponent, HijriDatepickerComponent };
+type FlexCalendarSystemSwitchPosition = "none" | "inline" | "title";
+
+declare class FlexDualDatepickerComponent {
+    private dateService;
+    value: _angular_core.ModelSignal<any>;
+    enabled: _angular_core.InputSignal<boolean>;
+    cssClass: _angular_core.InputSignal<string | undefined>;
+    format: _angular_core.InputSignal<string>;
+    title: _angular_core.InputSignal<string | undefined>;
+    calendarSwitchPosition: _angular_core.InputSignal<FlexCalendarSystemSwitchPosition>;
+    selectedDate?: Date;
+    showCalendar: boolean;
+    calendar: FlexCalendarSystem;
+    inputDate: string;
+    isMobile: boolean;
+    constructor(dateService: DateServiceService);
+    switchCalendar(): void;
+    toggleCalendar(): void;
+    onDateSelectedFromCalender(e: Date): void;
+    /** Triggered on blur OR Enter key */
+    onManualDateEntered(): void;
+    /** Reusable update method */
+    private updateDate;
+    formatDate(date: Date): string;
+    private parseInputDate;
+    inputDiv?: ElementRef;
+    modalDiv?: ElementRef;
+    popupDiv?: ElementRef;
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexDualDatepickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexDualDatepickerComponent, "flex-dual-datepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "calendarSwitchPosition": { "alias": "calendarSwitchPosition"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+export { ComboDatePickerComponent, FlexColumnComponent, FlexColumnsComponent, FlexContainerComponent, FlexDualDatepickerComponent, FlexGridComponent, FlexPaginationComponent, FlexPanelComponent, HijriDatepickerComponent };

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@dcsl/flex-ui",
-  "version": "0.0.15",
+  "version": "0.0.18",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
-    "@angular/core": ">=20.0.0"
+    "@angular/core": ">=20.0.0",
+    "@calidy/dayjs-calendarsystems": "^2.0.0",
+    "dayjs": "^1.11.19"
   },
   "dependencies": {
     "tslib": "^2.3.0"