@dcsl/flex-ui 0.0.11 → 0.0.13

package/fesm2022/dcsl-flex-ui.mjs

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { inject, Renderer2, HostListener, ViewChild, Component, input, EventEmitter, effect, Output, ContentChild, Input, ContentChildren, output } from '@angular/core';
+import { inject, Renderer2, HostListener, ViewChild, Component, input, EventEmitter, effect, Output, ContentChild, Input, ContentChildren, output, model, signal } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
+import dayjs from 'dayjs';
 
 class FlexPanelComponent {
     resizeObserver;
@@ -308,55 +309,472 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                 args: ['gridBody']
             }] } });
 
-class FlexContainerComponent {
-    renderer;
-    contentHost;
-    resizeHandler;
-    // Allow consumer to provide templates
-    headerTpl;
-    footerTpl;
-    contentTpl;
-    constructor(renderer) {
-        this.renderer = renderer;
+class ComboDatePickerComponent {
+    // @Input() value: any = null; // ISO string
+    ngMinDate; // ISO string
+    ngMaxDate;
+    ngMonths; // optional month names
+    ngOrder = 'dmy';
+    ngDisabled = false;
+    ngPlaceholder = 'Day,Month,Year';
+    dateChanged = output();
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    _value;
+    day = '';
+    month = '';
+    year = '';
+    dates = [];
+    months = [];
+    years = [];
+    placeHolders = [];
+    cssClass = input(...(ngDevMode ? [undefined, { debugName: "cssClass" }] : []));
+    showHeader = input(true, ...(ngDevMode ? [{ debugName: "showHeader" }] : []));
+    dateTitle = input(...(ngDevMode ? [undefined, { debugName: "dateTitle" }] : []));
+    monthTitle = input(...(ngDevMode ? [undefined, { debugName: "monthTitle" }] : []));
+    yearTitle = input(...(ngDevMode ? [undefined, { debugName: "yearTitle" }] : []));
+    constructor() {
+        effect(() => {
+            this._value = this.value();
+            this.initModel();
+            this.updateDates();
+        });
     }
-    ngAfterViewInit() {
-        this.resizeContent();
-        this.resizeHandler = this.resizeContent.bind(this);
-        window.addEventListener('resize', this.resizeHandler);
+    ngOnInit() {
+        this.initPlaceholders();
+        this.initMonths();
+        this.initYears();
+        // this.initModel();
+        // this.updateDates();
     }
-    ngOnDestroy() {
-        if (this.resizeHandler) {
-            window.removeEventListener('resize', this.resizeHandler);
+    initPlaceholders() {
+        let holders = Array.isArray(this.ngPlaceholder) ? this.ngPlaceholder : this.ngPlaceholder.split(',');
+        if (holders.length === 3) {
+            this.placeHolders = holders.map(h => ({ value: '', name: h, disabled: false }));
+        }
+    }
+    initMonths() {
+        const monthNames = this.ngMonths && this.ngMonths.length === 12 ? this.ngMonths : ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'];
+        this.months = monthNames.map((name, i) => ({ value: i + 1, name }));
+        if (this.placeHolders.length)
+            this.months.unshift(this.placeHolders[1]);
+    }
+    initYears() {
+        const currentYear = new Date().getFullYear();
+        const minYear = this.ngMinDate ? new Date(this.ngMinDate).getFullYear() : currentYear - 100;
+        const maxYear = this.ngMaxDate ? new Date(this.ngMaxDate).getFullYear() : currentYear;
+        this.years = [];
+        for (let y = minYear; y <= maxYear; y++) {
+            this.years.push({ value: y, name: y.toString() });
+        }
+        if (this.placeHolders.length)
+            this.years.unshift(this.placeHolders[2]);
+    }
+    initModel() {
+        if (this.value) {
+            const date = new Date(this.value());
+            this.day = date.getDate();
+            this.month = date.getMonth() + 1;
+            this.year = date.getFullYear();
+        }
+    }
+    updateDates() {
+        const max = this.month && this.year ? this.getMaxDate(this.month, this.year) : 31;
+        this.dates = [];
+        if (this.placeHolders.length)
+            this.dates.push(this.placeHolders[0]);
+        for (let i = 1; i <= max; i++) {
+            this.dates.push({ value: i, name: i.toString() });
+        }
+    }
+    getMaxDate(month, year) {
+        if ([4, 6, 9, 11].includes(month))
+            return 30;
+        if (month === 2)
+            return (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0) ? 29 : 28;
+        return 31;
+    }
+    onChange() {
+        this.updateDates();
+        if (this.day && this.month && this.year) {
+            const iso = this.toLocalISOString(new Date(this.year, this.month - 1, this.day));
+            this.value.set(iso);
+            this.dateChanged.emit(iso);
+        }
+    }
+    toLocalISOString(date) {
+        const pad = (n) => n.toString().padStart(2, '0');
+        const year = date.getFullYear();
+        const month = pad(date.getMonth() + 1);
+        const day = pad(date.getDate());
+        const hours = pad(date.getHours());
+        const minutes = pad(date.getMinutes());
+        const seconds = pad(date.getSeconds());
+        //const ms = date.getMilliseconds().toString().padStart(3, '0');
+        //return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}.${ms}`;
+        return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ComboDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: ComboDatePickerComponent, isStandalone: true, selector: "flex-combo-datepicker", inputs: { ngMinDate: { classPropertyName: "ngMinDate", publicName: "ngMinDate", isSignal: false, isRequired: false, transformFunction: null }, ngMaxDate: { classPropertyName: "ngMaxDate", publicName: "ngMaxDate", isSignal: false, isRequired: false, transformFunction: null }, ngMonths: { classPropertyName: "ngMonths", publicName: "ngMonths", isSignal: false, isRequired: false, transformFunction: null }, ngOrder: { classPropertyName: "ngOrder", publicName: "ngOrder", isSignal: false, isRequired: false, transformFunction: null }, ngDisabled: { classPropertyName: "ngDisabled", publicName: "ngDisabled", isSignal: false, isRequired: false, transformFunction: null }, ngPlaceholder: { classPropertyName: "ngPlaceholder", publicName: "ngPlaceholder", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, dateTitle: { classPropertyName: "dateTitle", publicName: "dateTitle", isSignal: true, isRequired: false, transformFunction: null }, monthTitle: { classPropertyName: "monthTitle", publicName: "monthTitle", isSignal: true, isRequired: false, transformFunction: null }, yearTitle: { classPropertyName: "yearTitle", publicName: "yearTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChanged: "dateChanged", value: "valueChange" }, ngImport: i0, template: "<div class=\"row g-1\">\r\n    <div class=\"col-4\">\r\n        @if(showHeader()){\r\n        <label>\r\n            @if (dateTitle()) {\r\n            {{ dateTitle() }}\r\n            }\r\n            @else {\r\n            Date\r\n            }\r\n        </label>\r\n        }\r\n        <select [(ngModel)]=\"day\" (ngModelChange)=\"onChange()\" [disabled]=\"ngDisabled\"\r\n            [class]=\"'form-select ' + cssClass()\">\r\n            <option *ngFor=\"let d of dates\" [value]=\"d.value\">{{ d.name }}</option>\r\n        </select>\r\n    </div>\r\n    <div class=\"col-4\">\r\n        @if(showHeader()){\r\n        <label>\r\n            @if (monthTitle()) {\r\n            {{ monthTitle() }}\r\n            }\r\n            @else {\r\n            Month\r\n            }\r\n        </label>\r\n        }\r\n        <select [(ngModel)]=\"month\" (ngModelChange)=\"onChange()\" [disabled]=\"ngDisabled\"\r\n            [class]=\"'form-select ' + cssClass()\">\r\n            <option *ngFor=\"let m of months\" [value]=\"m.value\">{{ m.name }}</option>\r\n        </select>\r\n    </div>\r\n    <div class=\"col-4\">\r\n        @if(showHeader()){\r\n        <label>\r\n            @if (yearTitle()) {\r\n            {{ yearTitle() }}\r\n            }\r\n            @else {\r\n            Year\r\n            }\r\n        </label>\r\n        }\r\n        <select [(ngModel)]=\"year\" (ngModelChange)=\"onChange()\" [disabled]=\"ngDisabled\"\r\n            [class]=\"'form-select year ' + cssClass()\">\r\n            <option *ngFor=\"let y of years\" [value]=\"y.value\">{{ y.name }}</option>\r\n        </select>\r\n    </div>\r\n</div>", styles: [".year{padding-right:1rem;background-position:right .25rem center}:host-context([dir=\"rtl\"]) .year{padding-right:1rem;background-position:left .25rem center;padding-left:1.25rem;padding-right:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ComboDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'flex-combo-datepicker', imports: [FormsModule, CommonModule], template: "<div class=\"row g-1\">\r\n    <div class=\"col-4\">\r\n        @if(showHeader()){\r\n        <label>\r\n            @if (dateTitle()) {\r\n            {{ dateTitle() }}\r\n            }\r\n            @else {\r\n            Date\r\n            }\r\n        </label>\r\n        }\r\n        <select [(ngModel)]=\"day\" (ngModelChange)=\"onChange()\" [disabled]=\"ngDisabled\"\r\n            [class]=\"'form-select ' + cssClass()\">\r\n            <option *ngFor=\"let d of dates\" [value]=\"d.value\">{{ d.name }}</option>\r\n        </select>\r\n    </div>\r\n    <div class=\"col-4\">\r\n        @if(showHeader()){\r\n        <label>\r\n            @if (monthTitle()) {\r\n            {{ monthTitle() }}\r\n            }\r\n            @else {\r\n            Month\r\n            }\r\n        </label>\r\n        }\r\n        <select [(ngModel)]=\"month\" (ngModelChange)=\"onChange()\" [disabled]=\"ngDisabled\"\r\n            [class]=\"'form-select ' + cssClass()\">\r\n            <option *ngFor=\"let m of months\" [value]=\"m.value\">{{ m.name }}</option>\r\n        </select>\r\n    </div>\r\n    <div class=\"col-4\">\r\n        @if(showHeader()){\r\n        <label>\r\n            @if (yearTitle()) {\r\n            {{ yearTitle() }}\r\n            }\r\n            @else {\r\n            Year\r\n            }\r\n        </label>\r\n        }\r\n        <select [(ngModel)]=\"year\" (ngModelChange)=\"onChange()\" [disabled]=\"ngDisabled\"\r\n            [class]=\"'form-select year ' + cssClass()\">\r\n            <option *ngFor=\"let y of years\" [value]=\"y.value\">{{ y.name }}</option>\r\n        </select>\r\n    </div>\r\n</div>", styles: [".year{padding-right:1rem;background-position:right .25rem center}:host-context([dir=\"rtl\"]) .year{padding-right:1rem;background-position:left .25rem center;padding-left:1.25rem;padding-right:.75rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { ngMinDate: [{
+                type: Input
+            }], ngMaxDate: [{
+                type: Input
+            }], ngMonths: [{
+                type: Input
+            }], ngOrder: [{
+                type: Input
+            }], ngDisabled: [{
+                type: Input
+            }], ngPlaceholder: [{
+                type: Input
+            }] } });
+
+//
+// ✅ Umm al-Qura Hijri calendar with Latin digits
+//
+const hijriFmt = new Intl.DateTimeFormat('en-u-ca-islamic-umalqura-nu-latn', {
+    day: 'numeric',
+    month: 'numeric',
+    year: 'numeric'
+});
+const hijriMonthNamesEn = [
+    'Muharram', 'Safar', 'Rabi I', 'Rabi II',
+    'Jumada I', 'Jumada II', 'Rajab', 'Sha’ban',
+    'Ramadan', 'Shawwal', 'Dhu al-Qi’dah', 'Dhu al-Hijjah'
+];
+const hijriMonthNamesAr = [
+    'محرم', 'صفر', 'ربيع الأول', 'ربيع الآخر',
+    'جمادى الأولى', 'جمادى الآخرة', 'رجب', 'شعبان',
+    'رمضان', 'شوال', 'ذو القعدة', 'ذو الحجة'
+];
+const weekDaysEn = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const weekDaysAr = ['ح', 'ن', 'ث', 'ر', 'خ', 'ج', 'س'];
+function hijriFromGregorian(g) {
+    const parts = hijriFmt.formatToParts(g);
+    //console.log(parts);
+    const map = {};
+    for (const p of parts)
+        map[p.type] = p.value;
+    const n = (k) => parseInt(map[k] ?? '0', 10);
+    return { hy: n('year'), hm: n('month'), hd: n('day') };
+}
+function compareHijri(a, b) {
+    if (a.hy !== b.hy)
+        return a.hy - b.hy;
+    if (a.hm !== b.hm)
+        return a.hm - b.hm;
+    return a.hd - b.hd;
+}
+function findGregorianForHijri(target) {
+    let lo = new Date(1937, 0, 1).getTime();
+    let hi = new Date(2076, 11, 31).getTime();
+    const dayMs = 86400000;
+    while (lo <= hi) {
+        const mid = Math.floor((lo + hi) / 2);
+        const h = hijriFromGregorian(new Date(mid));
+        compareHijri(h, target) < 0 ? (lo = mid + dayMs) : (hi = mid - dayMs);
+    }
+    let d = new Date(lo);
+    while (true) {
+        const h = hijriFromGregorian(d);
+        const cmp = compareHijri(h, target);
+        if (cmp === 0)
+            return d;
+        if (cmp > 0)
+            throw new Error('Hijri date out of supported range');
+        d = new Date(d.getTime() + dayMs);
+    }
+}
+class HijriCalendarComponent {
+    /** Two-way bound selected date (Gregorian Date) */
+    value = null;
+    valueChange = new EventEmitter();
+    /** Optional min/max restrictions (Gregorian dates) */
+    minDate = null;
+    maxDate = null;
+    /** Month + weekday language: 'en' or 'ar' */
+    monthLang = 'en';
+    hy = signal(0, ...(ngDevMode ? [{ debugName: "hy" }] : []));
+    hm = signal(0, ...(ngDevMode ? [{ debugName: "hm" }] : []));
+    selectedMonth = 1;
+    selectedYear = 1447;
+    yearRange = [];
+    get hijriMonthsEn() {
+        return hijriMonthNamesEn;
+    }
+    get hijriMonthsAr() {
+        return hijriMonthNamesAr;
+    }
+    get hijriMonths() {
+        return this.monthLang === 'ar' ? hijriMonthNamesAr : hijriMonthNamesEn;
+    }
+    get weekDays() {
+        return this.monthLang === 'ar' ? weekDaysAr : weekDaysEn;
+    }
+    get weekDaysEn() {
+        return weekDaysEn;
+    }
+    get weekDaysAr() {
+        return weekDaysAr;
+    }
+    get currentMonthName() {
+        return this.hijriMonths[this.selectedMonth - 1];
+    }
+    constructor() {
+        const h = hijriFromGregorian(new Date());
+        this.hy.set(h.hy);
+        this.hm.set(h.hm);
+        this.selectedYear = h.hy;
+        this.selectedMonth = h.hm;
+    }
+    ngOnInit() {
+        this.buildYearRange();
+    }
+    ngOnChanges() {
+        if (this.value) {
+            const h = hijriFromGregorian(this.value);
+            this.hy.set(h.hy);
+            this.hm.set(h.hm);
+            this.selectedYear = h.hy;
+            this.selectedMonth = h.hm;
+        }
+        this.buildYearRange();
+    }
+    buildYearRange() {
+        const minH = this.minDate ? hijriFromGregorian(this.minDate) : { hy: 1356, hm: 1, hd: 1 };
+        const maxH = this.maxDate ? hijriFromGregorian(this.maxDate) : { hy: 1499, hm: 12, hd: 30 };
+        this.yearRange = [];
+        for (let y = minH.hy; y <= maxH.hy; y++) {
+            this.yearRange.push(y);
+        }
+    }
+    onMonthYearChange() {
+        this.hy.set(this.selectedYear);
+        this.hm.set(this.selectedMonth);
+    }
+    firstOfMonth() {
+        return findGregorianForHijri({ hy: this.hy(), hm: this.hm(), hd: 1 });
+    }
+    cells() {
+        const firstG = this.firstOfMonth();
+        const firstH = hijriFromGregorian(firstG);
+        const start = new Date(firstG);
+        start.setDate(firstG.getDate() - firstG.getDay());
+        const result = [];
+        for (let i = 0; i < 42; i++) {
+            const g = new Date(start);
+            g.setDate(start.getDate() + i);
+            const h = hijriFromGregorian(g);
+            let disabled = false;
+            if (this.minDate && g < this.stripTime(this.minDate))
+                disabled = true;
+            if (this.maxDate && g > this.stripTime(this.maxDate))
+                disabled = true;
+            result.push({
+                g,
+                h,
+                inCurrentMonth: h.hy === firstH.hy && h.hm === firstH.hm,
+                disabled
+            });
         }
+        return result;
     }
-    resizeContent() {
-        const parent = this.contentHost.nativeElement.parentElement;
-        if (!parent)
+    prevMonth() {
+        if (!this.canPrev())
             return;
-        const parentHeight = parent.clientHeight;
-        const headerHeight = this.contentHost.nativeElement.previousElementSibling?.clientHeight || 0;
-        const footerHeight = this.contentHost.nativeElement.nextElementSibling?.clientHeight || 0;
-        const available = parentHeight - headerHeight - footerHeight;
-        this.renderer.setStyle(this.contentHost.nativeElement, 'height', `${available}px`);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: FlexContainerComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: FlexContainerComponent, isStandalone: true, selector: "flex-container", queries: [{ propertyName: "headerTpl", first: true, predicate: ["header"], descendants: true }, { propertyName: "footerTpl", first: true, predicate: ["footer"], descendants: true }, { propertyName: "contentTpl", first: true, predicate: ["content"], descendants: true }], viewQueries: [{ propertyName: "contentHost", first: true, predicate: ["contentHost"], descendants: true }], ngImport: i0, template: "<div class=\"flex-container\">\r\n    @if(headerTpl){\r\n    <div class=\"header\">\r\n        <ng-container *ngTemplateOutlet=\"headerTpl\"></ng-container>\r\n    </div>\r\n    }\r\n\r\n\r\n    <div #contentHost class=\"content\">\r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </div>\r\n    @if(footerTpl){\r\n    <div class=\"footer\">\r\n        <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".flex-container{display:flex;flex-direction:column;height:100%}.header,.footer{flex:0 0 auto;background:#f5f5f5;padding:.5rem}.content{flex:1 1 auto;min-height:0;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        let m = this.hm(), y = this.hy();
+        if (--m < 1) {
+            m = 12;
+            y--;
+        }
+        this.hm.set(m);
+        this.hy.set(y);
+        this.selectedYear = y;
+        this.selectedMonth = m;
+    }
+    nextMonth() {
+        if (!this.canNext())
+            return;
+        let m = this.hm(), y = this.hy();
+        if (++m > 12) {
+            m = 1;
+            y++;
+        }
+        this.hm.set(m);
+        this.hy.set(y);
+        this.selectedYear = y;
+        this.selectedMonth = m;
+    }
+    canPrev() {
+        if (!this.minDate)
+            return true;
+        const minH = hijriFromGregorian(this.stripTime(this.minDate));
+        return this.hy() > minH.hy || (this.hy() === minH.hy && this.hm() > minH.hm);
+    }
+    canNext() {
+        if (!this.maxDate)
+            return true;
+        const maxH = hijriFromGregorian(this.stripTime(this.maxDate));
+        return this.hy() < maxH.hy || (this.hy() === maxH.hy && this.hm() < maxH.hm);
+    }
+    isToday(g) {
+        const t = new Date();
+        return g.getFullYear() === t.getFullYear()
+            && g.getMonth() === t.getMonth()
+            && g.getDate() === t.getDate();
+    }
+    isSelected(g) {
+        return !!this.value &&
+            g.getFullYear() === this.value.getFullYear() &&
+            g.getMonth() === this.value.getMonth() &&
+            g.getDate() === this.value.getDate();
+    }
+    select(c) {
+        if (c.disabled)
+            return;
+        console.log(c);
+        this.value = c.g;
+        this.valueChange.emit(this.value);
+    }
+    stripTime(d) {
+        return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HijriCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: HijriCalendarComponent, isStandalone: true, selector: "app-hijri-calendar", inputs: { value: "value", minDate: "minDate", maxDate: "maxDate", monthLang: "monthLang" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card border-0 p-0\">\r\n    <div class=\"card-header p-1\">\r\n        <div class=\"d-flex justify-content-between align-items-center\">\r\n            <button class=\"btn btn-sm\" (click)=\"prevMonth()\" [disabled]=\"!canPrev()\">&laquo;</button>\r\n            <div class=\"d-flex justify-content-center gap-1\">\r\n                <select class=\"form-select form-select-sm w-auto\" [(ngModel)]=\"selectedMonth\"\r\n                    (change)=\"onMonthYearChange()\">\r\n                    @for (m of hijriMonths; track $index) {\r\n                    <option [value]=\"$index + 1\">{{ hijriMonthsAr[$index] }} ({{ hijriMonthsEn[$index] }})</option>\r\n                    }\r\n                </select>\r\n                <select class=\"form-select form-select-sm    w-auto\" [(ngModel)]=\"selectedYear\"\r\n                    (change)=\"onMonthYearChange()\">\r\n                    @for (y of yearRange; track y) {\r\n                    <option [value]=\"y\">{{ y }}</option>\r\n                    }\r\n                </select>\r\n            </div>\r\n            <button class=\"btn btn-sm\" (click)=\"nextMonth()\" [disabled]=\"!canNext()\">&raquo;</button>\r\n        </div>\r\n    </div>\r\n    <div class=\"card-body p-1\">\r\n\r\n\r\n        <!-- month/year pickers -->\r\n\r\n\r\n        <!-- weekday labels -->\r\n        <div class=\"grid\">\r\n            @for (w of weekDays; track $index) {\r\n            <div class=\"col fw-bold\">{{ w }}</div>\r\n            }\r\n\r\n        </div>\r\n\r\n        <!-- calendar cells -->\r\n        <div class=\"grid\">\r\n            <button *ngFor=\"let c of cells()\" class=\"cell btn rounded-0\" [class.muted]=\"!c.inCurrentMonth\"\r\n                [class.today]=\"isToday(c.g)\" [class.selected]=\"isSelected(c.g)\" [disabled]=\"c.disabled\"\r\n                (click)=\"select(c)\">\r\n                {{ c.h.hd }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".grid{display:grid;grid-template-columns:repeat(7,1fr)}.cell{border:1px solid #ddd}.cell.muted{opacity:.5}.cell.selected{background-color:#0d6efd;color:#fff}.cell:disabled{background-color:#f8f9fa;color:#aaa;cursor:not-allowed}.col{text-align:center}.btn{font-size:90%;padding:.25rem}.btn:hover{background-color:azure}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: FlexContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HijriCalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'flex-container', imports: [CommonModule], template: "<div class=\"flex-container\">\r\n    @if(headerTpl){\r\n    <div class=\"header\">\r\n        <ng-container *ngTemplateOutlet=\"headerTpl\"></ng-container>\r\n    </div>\r\n    }\r\n\r\n\r\n    <div #contentHost class=\"content\">\r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </div>\r\n    @if(footerTpl){\r\n    <div class=\"footer\">\r\n        <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [".flex-container{display:flex;flex-direction:column;height:100%}.header,.footer{flex:0 0 auto;background:#f5f5f5;padding:.5rem}.content{flex:1 1 auto;min-height:0;overflow:hidden}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { contentHost: [{
+            args: [{ selector: 'app-hijri-calendar', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"card border-0 p-0\">\r\n    <div class=\"card-header p-1\">\r\n        <div class=\"d-flex justify-content-between align-items-center\">\r\n            <button class=\"btn btn-sm\" (click)=\"prevMonth()\" [disabled]=\"!canPrev()\">&laquo;</button>\r\n            <div class=\"d-flex justify-content-center gap-1\">\r\n                <select class=\"form-select form-select-sm w-auto\" [(ngModel)]=\"selectedMonth\"\r\n                    (change)=\"onMonthYearChange()\">\r\n                    @for (m of hijriMonths; track $index) {\r\n                    <option [value]=\"$index + 1\">{{ hijriMonthsAr[$index] }} ({{ hijriMonthsEn[$index] }})</option>\r\n                    }\r\n                </select>\r\n                <select class=\"form-select form-select-sm    w-auto\" [(ngModel)]=\"selectedYear\"\r\n                    (change)=\"onMonthYearChange()\">\r\n                    @for (y of yearRange; track y) {\r\n                    <option [value]=\"y\">{{ y }}</option>\r\n                    }\r\n                </select>\r\n            </div>\r\n            <button class=\"btn btn-sm\" (click)=\"nextMonth()\" [disabled]=\"!canNext()\">&raquo;</button>\r\n        </div>\r\n    </div>\r\n    <div class=\"card-body p-1\">\r\n\r\n\r\n        <!-- month/year pickers -->\r\n\r\n\r\n        <!-- weekday labels -->\r\n        <div class=\"grid\">\r\n            @for (w of weekDays; track $index) {\r\n            <div class=\"col fw-bold\">{{ w }}</div>\r\n            }\r\n\r\n        </div>\r\n\r\n        <!-- calendar cells -->\r\n        <div class=\"grid\">\r\n            <button *ngFor=\"let c of cells()\" class=\"cell btn rounded-0\" [class.muted]=\"!c.inCurrentMonth\"\r\n                [class.today]=\"isToday(c.g)\" [class.selected]=\"isSelected(c.g)\" [disabled]=\"c.disabled\"\r\n                (click)=\"select(c)\">\r\n                {{ c.h.hd }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".grid{display:grid;grid-template-columns:repeat(7,1fr)}.cell{border:1px solid #ddd}.cell.muted{opacity:.5}.cell.selected{background-color:#0d6efd;color:#fff}.cell:disabled{background-color:#f8f9fa;color:#aaa;cursor:not-allowed}.col{text-align:center}.btn{font-size:90%;padding:.25rem}.btn:hover{background-color:azure}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], monthLang: [{
+                type: Input
+            }] } });
+
+class HijriDatepickerComponent {
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    valueChange = output();
+    selectedDate;
+    showCalendar = false;
+    enabled = input(true, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
+    cssClass = input(...(ngDevMode ? [undefined, { debugName: "cssClass" }] : []));
+    format = input(...(ngDevMode ? [undefined, { debugName: "format" }] : []));
+    inputDate = "";
+    isMobile = false;
+    constructor() {
+        effect(() => {
+            const iso = this.value();
+            if (iso) {
+                const date = dayjs(iso);
+                if (date.isValid()) {
+                    this.selectedDate = date.toDate();
+                    this.inputDate = this.formatDateForInput(this.selectedDate);
+                }
+                return;
+            }
+            this.selectedDate = undefined;
+            this.inputDate = "";
+        });
+    }
+    toggleCalendar() {
+        this.showCalendar = !this.showCalendar;
+    }
+    onDateSelectedFromCalender(e) {
+        console.log("onDateSelectedFromCalender: ", e);
+        //var time = this.selectedDate ?? new Date();
+        // e.setHours(time.getHours());
+        // e.setMinutes(time.getMinutes());
+        //this.updateDate(e);
+        //this.showCalendar = false;
+        // console.log(e);
+    }
+    /** Triggered on blur OR Enter key */
+    onManualDateEntered() {
+        if (!this.inputDate)
+            return;
+        const parsed = this.parseInputDate(this.inputDate);
+        if (parsed) {
+            this.updateDate(parsed);
+        }
+        else {
+            console.warn("Invalid date entered:", this.inputDate);
+        }
+    }
+    /** Reusable update method */
+    updateDate(d) {
+        this.selectedDate = d;
+        this.inputDate = this.formatDateForInput(d);
+        this.value.set(d);
+        this.valueChange.emit(d);
+    }
+    formatHijri(date, format, locale = 'en') {
+        // Tell dayjs to use the "islamic" calendar system
+        // return dayjs(date)
+        //   .toCalendarSystem('islamic')   // or 'islamic-umalqura'
+        //   .locale(locale)
+        //   .format(format);
+        return "";
+    }
+    formatDateForInput(date) {
+        const fmt = this.format()?.toUpperCase() ?? "DD/MM/YYYY";
+        //return dayjs(date).format(fmt);
+        return this.formatHijri(date, fmt);
+    }
+    parseInputDate(str) {
+        const fmt = this.format()?.toUpperCase() ?? "DD/MM/YYYY";
+        console.log(str, "-", fmt);
+        const d = dayjs(str, fmt); // strict parse
+        console.log(d.toDate());
+        if (!d.isValid())
+            return null;
+        if (!this.selectedDate) {
+            this.selectedDate = new Date();
+        }
+        // gd.set("hour", this.selectedDate.getHours());
+        // gd.set("minute", this.selectedDate.getMinutes());
+        // gd.set("second", this.selectedDate.getSeconds());
+        return null;
+    }
+    inputDiv;
+    modalDiv;
+    popupDiv;
+    onDocumentClick(event) {
+        if (this.inputDiv?.nativeElement.contains(event.target)
+            || this.modalDiv?.nativeElement.contains(event.target)
+            || this.popupDiv?.nativeElement.contains(event.target)) {
+            return;
+        }
+        this.showCalendar = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HijriDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: HijriDatepickerComponent, isStandalone: true, selector: "app-hijri-datepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "inputDiv", first: true, predicate: ["inputDiv"], descendants: true }, { propertyName: "modalDiv", first: true, predicate: ["modalDiv"], descendants: true }, { propertyName: "popupDiv", first: true, predicate: ["popupDiv"], descendants: true }], ngImport: i0, template: "<div class=\"input-group flex-nowrap\" #inputDiv>\r\n    <input type=\"text\" class=\"form-control\" [(ngModel)]=\"inputDate\" (blur)=\"onManualDateEntered()\"\r\n        [disabled]=\"!enabled()\" [placeholder]=\"format()?.toUpperCase()\" (keyup.enter)=\"onManualDateEntered()\">\r\n\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"toggleCalendar()\" [disabled]=\"!enabled()\">\r\n        <i class=\"bi bi-calendar3\"></i>\r\n    </button>\r\n</div>\r\n\r\n@if(showCalendar){\r\n@if(isMobile){\r\n<div class=\"modal modal-backdrop\" tabindex=\"-1\" role=\"dialog\" style=\"display: block;\" #modalDiv>\r\n    <div class=\"modal-dialog modal-dialog-scrollable\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <button type=\"button\" class=\"btn btn-danger close ms-auto btn-sm\" (click)=\"showCalendar = false\">\r\n                    <i class=\"bi bi-x\"></i>\r\n                </button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n@else{\r\n<div class=\"dropdown-menu show\" #popupDiv>\r\n    <app-hijri-calendar (valueChange)=\"onDateSelectedFromCalender($event)\"></app-hijri-calendar>\r\n</div>\r\n}\r\n}", styles: [".dropdown-menu{--bs-dropdown-padding-y: 0}.card-body{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: HijriCalendarComponent, selector: "app-hijri-calendar", inputs: ["value", "minDate", "maxDate", "monthLang"], outputs: ["valueChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HijriDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-hijri-datepicker', imports: [CommonModule, FormsModule, HijriCalendarComponent], template: "<div class=\"input-group flex-nowrap\" #inputDiv>\r\n    <input type=\"text\" class=\"form-control\" [(ngModel)]=\"inputDate\" (blur)=\"onManualDateEntered()\"\r\n        [disabled]=\"!enabled()\" [placeholder]=\"format()?.toUpperCase()\" (keyup.enter)=\"onManualDateEntered()\">\r\n\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"toggleCalendar()\" [disabled]=\"!enabled()\">\r\n        <i class=\"bi bi-calendar3\"></i>\r\n    </button>\r\n</div>\r\n\r\n@if(showCalendar){\r\n@if(isMobile){\r\n<div class=\"modal modal-backdrop\" tabindex=\"-1\" role=\"dialog\" style=\"display: block;\" #modalDiv>\r\n    <div class=\"modal-dialog modal-dialog-scrollable\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <button type=\"button\" class=\"btn btn-danger close ms-auto btn-sm\" (click)=\"showCalendar = false\">\r\n                    <i class=\"bi bi-x\"></i>\r\n                </button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n@else{\r\n<div class=\"dropdown-menu show\" #popupDiv>\r\n    <app-hijri-calendar (valueChange)=\"onDateSelectedFromCalender($event)\"></app-hijri-calendar>\r\n</div>\r\n}\r\n}", styles: [".dropdown-menu{--bs-dropdown-padding-y: 0}.card-body{padding:0!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputDiv: [{
                 type: ViewChild,
-                args: ['contentHost']
-            }], headerTpl: [{
-                type: ContentChild,
-                args: ['header']
-            }], footerTpl: [{
-                type: ContentChild,
-                args: ['footer']
-            }], contentTpl: [{
-                type: ContentChild,
-                args: ['content']
+                args: ["inputDiv"]
+            }], modalDiv: [{
+                type: ViewChild,
+                args: ["modalDiv"]
+            }], popupDiv: [{
+                type: ViewChild,
+                args: ["popupDiv"]
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
             }] } });
 
 /*
@@ -367,5 +785,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { FlexColumnComponent, FlexColumnsComponent, FlexContainerComponent, FlexGridComponent, FlexPaginationComponent, FlexPanelComponent };
+export { ComboDatePickerComponent, FlexColumnComponent, FlexColumnsComponent, FlexGridComponent, FlexPaginationComponent, FlexPanelComponent, HijriDatepickerComponent };
 //# sourceMappingURL=dcsl-flex-ui.mjs.map

package/fesm2022/dcsl-flex-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dcsl-flex-ui.mjs","sources":["../../../projects/flex-ui-controls/src/lib/flex-panel/flex-panel.component.ts","../../../projects/flex-ui-controls/src/lib/flex-panel/flex-panel.component.html","../../../projects/flex-ui-controls/src/lib/flex-pagination/flex-pagination.component.ts","../../../projects/flex-ui-controls/src/lib/flex-pagination/flex-pagination.component.html","../../../projects/flex-ui-controls/src/lib/flex-grid/flex-grid-column.ts","../../../projects/flex-ui-controls/src/lib/flex-grid/flex-grid-columns.ts","../../../projects/flex-ui-controls/src/lib/flex-grid/flex-grid.component.ts","../../../projects/flex-ui-controls/src/lib/flex-grid/flex-grid.component.html","../../../projects/flex-ui-controls/src/lib/flex-container/flex-container.component.ts","../../../projects/flex-ui-controls/src/lib/flex-container/flex-container.component.html","../../../projects/flex-ui-controls/src/public-api.ts","../../../projects/flex-ui-controls/src/dcsl-flex-ui.ts"],"sourcesContent":["import { Component, ElementRef, HostListener, inject, Renderer2, ViewChild } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'flex-panel',\r\n  imports: [],\r\n  templateUrl: './flex-panel.component.html',\r\n  styleUrl: './flex-panel.component.css'\r\n})\r\n\r\nexport class FlexPanelComponent {\r\n  private resizeObserver?: ResizeObserver;\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  @ViewChild(\"abc\") comp?: ElementRef<HTMLDivElement>;\r\n\r\n  private renderer = inject(Renderer2);\r\n\r\n  constructor() { }\r\n\r\n  ngAfterViewInit() {\r\n    this.adjustHeight();\r\n\r\n    // ✅ Recalculate on window resize\r\n    if ('ResizeObserver' in window) {\r\n      this.resizeObserver = new ResizeObserver(() => this.adjustHeight());\r\n      this.resizeObserver.observe(document.body);\r\n    }\r\n\r\n    // ✅ Also observe DOM changes that may shift this element\r\n    this.mutationObserver = new MutationObserver(() => this.adjustHeight());\r\n    this.mutationObserver.observe(document.body, {\r\n      attributes: true,\r\n      childList: true,\r\n      subtree: true\r\n    });\r\n\r\n\r\n  }\r\n\r\n  @HostListener('window:resize')\r\n  onWindowResize() {\r\n    this.adjustHeight();\r\n  }\r\n\r\n  private adjustHeight() {\r\n    // const host: HTMLElement = this.el.nativeElement;\r\n    const top = this.comp!.nativeElement.getBoundingClientRect().top;\r\n    const viewportHeight = window.innerHeight;\r\n    const newHeight = viewportHeight - top;\r\n\r\n    this.renderer.setStyle(this.comp?.nativeElement, 'height', `${newHeight}px`);\r\n    this.renderer.setStyle(this.comp?.nativeElement, 'width', '100%');\r\n\r\n    // console.log(host);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.resizeObserver) {\r\n      this.resizeObserver.disconnect();\r\n    }\r\n    if (this.mutationObserver) {\r\n      this.mutationObserver.disconnect();\r\n    }\r\n  }\r\n}\r\n","<div class=\"stretch-container\" #abc>\r\n    <ng-content></ng-content>\r\n</div>","import { CommonModule } from '@angular/common';\r\nimport { Component, Input, Output, EventEmitter, HostListener, OnInit, input, effect } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { FlexPaging } from './flex_page';\r\n\r\n@Component({\r\n  selector: 'flex-pagination',\r\n  templateUrl: './flex-pagination.component.html',\r\n  styleUrls: ['./flex-pagination.component.css'],\r\n  imports: [CommonModule, FormsModule]\r\n})\r\nexport class FlexPaginationComponent implements OnInit {\r\n  rowCount = input<number>(0);\r\n\r\n  protected _totalItems: number = 0;\r\n  pageSize = 50;\r\n  currentPage = 1;\r\n  @Output() pageChange = new EventEmitter<FlexPaging>();\r\n\r\n  maxPagesToShow = 5;\r\n  pageSizes = [50, 100, 200, 500];\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.currentPage = 1;\r\n      this._totalItems = this.rowCount();\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.updateMaxPages();\r\n  }\r\n\r\n  // Update maxPagesToShow based on screen size\r\n  @HostListener('window:resize')\r\n  updateMaxPages() {\r\n    const width = window.innerWidth;\r\n    if (width < 576) {\r\n      this.maxPagesToShow = 1; // only current page\r\n    } else if (width < 768) {\r\n      this.maxPagesToShow = 3;\r\n    } else {\r\n      this.maxPagesToShow = 5;\r\n    }\r\n  }\r\n\r\n\r\n  get totalPages(): number {\r\n    return Math.ceil(this._totalItems / this.pageSize) || 1;\r\n  }\r\n\r\n  get pages(): (number | string)[] {\r\n    const total = this.totalPages;\r\n    const max = this.maxPagesToShow;\r\n\r\n    if (max === 1) {\r\n      return [this.currentPage]; // mobile: only current page\r\n    }\r\n\r\n    const pages: (number | string)[] = [];\r\n\r\n    if (total <= max) {\r\n      for (let i = 1; i <= total; i++) pages.push(i);\r\n    } else {\r\n      let start = Math.max(this.currentPage - Math.floor(max / 2), 1);\r\n      let end = start + max - 1;\r\n\r\n      if (end > total) {\r\n        end = total;\r\n        start = end - max + 1;\r\n      }\r\n\r\n      if (start > 1) pages.push(1, '...');\r\n      for (let i = start; i <= end; i++) pages.push(i);\r\n      if (end < total) pages.push('...', total);\r\n    }\r\n\r\n    return pages;\r\n  }\r\n\r\n  changePage(page: number | string) {\r\n    if (typeof page !== 'number') return;\r\n    if (page < 1) page = 1;\r\n    if (page > this.totalPages) page = this.totalPages;\r\n    if (page === this.currentPage) return;\r\n\r\n    this.currentPage = page;\r\n    this.pageChange.emit({\r\n      skip: (this.currentPage - 1) * this.pageSize,\r\n      take: this.pageSize,\r\n      pageSize: this.pageSize,\r\n      currentPage: this.currentPage,\r\n    });\r\n  }\r\n\r\n  onPageSizeChange(pageSize: any) {\r\n    var value = Number(pageSize.target.value);\r\n    if (isNaN(value) || value <= 0) return;\r\n\r\n    this.pageSize = value;\r\n    this.pageChange.emit({\r\n      skip: (this.currentPage - 1) * this.pageSize,\r\n      take: this.pageSize,\r\n      pageSize: this.pageSize,\r\n      currentPage: this.currentPage\r\n    });\r\n  }\r\n\r\n  firstPage() { this.changePage(1); }\r\n  lastPage() { this.changePage(this.totalPages); }\r\n  prevPage() { this.changePage(this.currentPage - 1); }\r\n  nextPage() { this.changePage(this.currentPage + 1); }\r\n}\r\n","<div class=\"d-flex justify-content-start align-items-center\">\r\n    <!-- Pagination -->\r\n    <div class=\"overflow-auto\">\r\n        <ul class=\"pagination justify-content-center flex-nowrap mb-0\">\r\n            <!-- First / Prev (hide First on xs) -->\r\n            <li class=\"page-item d-none d-sm-block\" [class.disabled]=\"currentPage === 1\">\r\n                <button class=\"page-link\" (click)=\"firstPage()\"><i class=\"bi bi-chevron-double-left\"></i></button>\r\n            </li>\r\n            <li class=\"page-item\" [class.disabled]=\"currentPage === 1\">\r\n                <button class=\"page-link\" (click)=\"prevPage()\"><i class=\"bi bi-chevron-left\"></i></button>\r\n            </li>\r\n\r\n            <!-- Page numbers -->\r\n            <li class=\"page-item\" *ngFor=\"let page of pages\" [class.active]=\"page === currentPage\"\r\n                [class.disabled]=\"page === '...'\">\r\n                <button class=\"page-link\" [disabled]=\"page === '...'\" (click)=\"changePage(page)\">\r\n                    {{ page }}\r\n                </button>\r\n            </li>\r\n\r\n            <!-- Next / Last (hide Last on xs) -->\r\n            <li class=\"page-item\" [class.disabled]=\"currentPage === totalPages\">\r\n                <button class=\"page-link\" (click)=\"nextPage()\"><i class=\"bi bi-chevron-right\"></i></button>\r\n            </li>\r\n            <li class=\"page-item d-none d-sm-block\" [class.disabled]=\"currentPage === totalPages\">\r\n                <button class=\"page-link\" (click)=\"lastPage()\"><i class=\"bi bi-chevron-double-right\"></i></button>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n    <!-- Page Size Dropdown -->\r\n    <div class=\"ms-2\">\r\n        <label class=\"me-2\">{{ \"page-size\" }}</label>\r\n        <select class=\"form-select d-inline-block w-auto\" [(ngModel)]=\"pageSize\" (change)=\"onPageSizeChange($event)\">\r\n            <option *ngFor=\"let size of pageSizes\" [value]=\"size\">{{ size }}</option>\r\n        </select>\r\n    </div>\r\n    <div class=\"total-count ms-2\">\r\n        {{ \"total-count\" }}: {{ _totalItems }}\r\n    </div>\r\n</div>","// grid-column.component.ts\r\nimport { Component, ContentChild, TemplateRef, Input, input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'flex-grid-column',\r\n    template: ''\r\n})\r\n\r\nexport class FlexColumnComponent {\r\n    headerText = input<string>('');\r\n\r\n    @Input() field!: string;\r\n    @Input() width: any = 120;\r\n\r\n    @ContentChild('headerTemplate') headerTemplate!: TemplateRef<any>;\r\n    @ContentChild('cellTemplate') cellTemplate!: TemplateRef<any>;\r\n\r\n\r\n}\r\n","// grid-columns.component.ts\r\nimport { Component, ContentChildren, QueryList } from '@angular/core';\r\nimport { FlexColumnComponent } from './flex-grid-column';\r\n\r\n@Component({\r\n    selector: 'flex-grid-columns',\r\n    template: ''\r\n})\r\nexport class FlexColumnsComponent {\r\n    @ContentChildren(FlexColumnComponent) columns!: QueryList<FlexColumnComponent>;\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { AfterViewInit, Component, ContentChild, effect, ElementRef, Input, input, output, TemplateRef, ViewChild } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { FlexPaginationComponent } from \"../flex-pagination/flex-pagination.component\";\r\nimport { FlexColumnsComponent } from './flex-grid-columns';\r\nimport { FlexPaging } from '../flex-pagination/flex_page';\r\n\r\n@Component({\r\n  selector: 'flex-grid',\r\n  imports: [CommonModule, FormsModule, FlexPaginationComponent],\r\n  templateUrl: './flex-grid.component.html',\r\n  styleUrl: './flex-grid.component.css'\r\n})\r\n\r\nexport class FlexGridComponent implements AfterViewInit {\r\n\r\n\r\n  enablePaging = input<boolean>(false);\r\n  totalDataCount = input<number>(0);\r\n\r\n  tableClass = input<string>('');\r\n\r\n  @Input() dataSource: any[] = [];\r\n\r\n  // @ContentChildren(GridColumnComponent) columns!: QueryList<GridColumnComponent>;\r\n  @ContentChild(FlexColumnsComponent) gridColumns?: FlexColumnsComponent;\r\n\r\n  rowClicked = output<{ index: number, data: any }>();\r\n  rowDblClicked = output<{ index: number, data: any }>();\r\n\r\n  // Optional: custom template when no data\r\n  @Input() emptyRecordTemplate?: TemplateRef<any>;\r\n\r\n  isPagingEnabled: boolean = false;\r\n\r\n  @ViewChild('gridHeader') gridHeader!: ElementRef;\r\n\r\n  @ViewChild('gridBody') gridBody!: ElementRef;\r\n\r\n  selectedIndex: number = -1;\r\n  protected _totalDataCount: number = 0;\r\n  protected _tableClass: string = \"\";\r\n\r\n  pageChange = output<{ skip: number, take: number }>();\r\n  currentPage: number = 1;\r\n  pageSize: number = 50;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.isPagingEnabled = this.enablePaging();\r\n    });\r\n\r\n    effect(() => {\r\n      this._totalDataCount = this.totalDataCount();\r\n    });\r\n\r\n    effect(() => {\r\n      this._tableClass = this.tableClass();\r\n    });\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.syncColumnWidths();\r\n  }\r\n\r\n  check() {\r\n    console.log(this.gridColumns);\r\n    console.log(this.dataSource);\r\n  }\r\n\r\n  syncScroll(e: Event) {\r\n    const body = e.target as HTMLElement;\r\n    const header = this.gridHeader?.nativeElement; //document.querySelector('.grid-header');\r\n    if (header) (header as HTMLElement).scrollLeft = body.scrollLeft;\r\n  }\r\n\r\n  syncColumnWidths() {\r\n    // const headerCols = this.gridHeader.nativeElement.querySelectorAll('th');\r\n    // const bodyCols = this.gridBody.nativeElement.querySelectorAll('tr:first-child td');\r\n\r\n    // bodyCols.forEach((td: HTMLElement, i: number) => {\r\n    //   const width = td.getBoundingClientRect().width;\r\n    //   (headerCols[i] as HTMLElement).style.width = width + 'px';\r\n    // });\r\n  }\r\n\r\n  // syncColumnWidths() {\r\n  //   const headerCols = document.querySelectorAll('.grid-header th');\r\n  //   const bodyCols = this.gridBody.nativeElement.querySelectorAll('tbody tr:first-child td');\r\n\r\n  //   bodyCols.forEach((col: HTMLElement, i: number) => {\r\n  //     const width = col.getBoundingClientRect().width;\r\n  //     (headerCols[i] as HTMLElement).style.width = width + 'px';\r\n  //   });\r\n  // }\r\n\r\n  onRowDblClick(index: number, data: any) {\r\n    this.selectedIndex = index;\r\n    // console.log(index);\r\n\r\n    this.rowDblClicked.emit({ index: index, data: data });\r\n  }\r\n\r\n  onRowClick(index: number, data: any) {\r\n    this.selectedIndex = index;\r\n    // console.log(index);\r\n\r\n    this.rowClicked.emit({ index: index, data: data });\r\n  }\r\n\r\n  onPageChanged(event: FlexPaging) {\r\n    console.log(event);\r\n    this.currentPage = event.currentPage;\r\n    this.pageSize = event.pageSize;\r\n\r\n    this.pageChange.emit(event);\r\n\r\n\r\n  }\r\n\r\n}\r\n","<div class=\"grid-container\">\r\n    <!-- Header row in its own div -->\r\n    <div class=\"grid-scroll\">\r\n        <div class=\"grid-container-sub\">\r\n            <div class=\"grid-header\" #gridHeader>\r\n                <table class=\"grid-table table table-bordered table-sm mb-0 header-table\">\r\n                    <colgroup>\r\n                        @for (col of gridColumns?.columns; track $index) {\r\n                        <col [style.width.px]=\"col.width\" [style.maxWidth.px]=\"col.width\">\r\n                        }\r\n                    </colgroup>\r\n                    <thead>\r\n                        <tr>\r\n                            @for (col of gridColumns?.columns; track $index) {\r\n                            <th class=\"text-truncate\">\r\n                                @if (col.headerTemplate) {\r\n                                <ng-container [ngTemplateOutlet]=\"col.headerTemplate\"></ng-container>\r\n                                }\r\n                                @else {\r\n                                <!-- <ng-template #defaultHeader><span [textContent]=\"col.field\"></span></ng-template> -->\r\n                                <!-- <span [textContent]=\"col.field\"></span> -->\r\n                                {{ col.headerText() }}\r\n                                }\r\n                            </th>\r\n                            }\r\n\r\n                            <!-- <th style=\"width: 20px;\"></th> -->\r\n                        </tr>\r\n                    </thead>\r\n\r\n                </table>\r\n            </div>\r\n            <!-- Scrollable body in another div -->\r\n            <div #gridBody class=\"grid-body\" (scroll)=\"syncScroll($event)\">\r\n                @if(dataSource.length > 0){\r\n                <table class=\"grid-table table table-bordered table-sm table-hover mb-0\" [ngClass]=\"_tableClass\">\r\n\r\n                    <colgroup>\r\n                        @for (col of gridColumns?.columns; track $index) {\r\n                        <col [style.width.px]=\"col.width\" [style.maxWidth.px]=\"col.width\">\r\n                        }\r\n                    </colgroup>\r\n                    <tbody>\r\n                        @for (row of dataSource; track $index; let i = $index) {\r\n                        <tr [class.table-active]=\"$index === selectedIndex\" (click)=\"onRowClick($index, row)\"\r\n                            (dblclick)=\"onRowDblClick($index, row)\">\r\n                            @for (col of gridColumns?.columns; track $index) {\r\n                            <td>\r\n                                @if (col.cellTemplate) {\r\n                                <ng-container [ngTemplateOutlet]=\"col.cellTemplate\" [ngTemplateOutletContext]=\"{ $implicit: row,\r\n      rowIndex: (currentPage - 1) * pageSize + i,\r\n      localIndex: i }\">\r\n                                </ng-container>\r\n                                } @else {\r\n                                <!-- {{ row[col.field] }} -->\r\n                                <span [textContent]=\"row[col.field]\"></span>\r\n                                }\r\n                            </td>\r\n                            }\r\n                        </tr>\r\n                        }\r\n                    </tbody>\r\n                </table>\r\n                }\r\n                @else {\r\n                No records found\r\n                }\r\n\r\n\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    @if(isPagingEnabled){\r\n    <!-- Footer -->\r\n    <div class=\"grid-footer\">\r\n        <flex-pagination [rowCount]=\"_totalDataCount\" (pageChange)=\"onPageChanged($event)\"></flex-pagination>\r\n    </div>\r\n    }\r\n\r\n</div>","import { CommonModule } from '@angular/common';\r\nimport {\r\n  AfterViewInit,\r\n  Component,\r\n  ContentChild,\r\n  ElementRef,\r\n  Renderer2,\r\n  TemplateRef,\r\n  ViewChild,\r\n  OnDestroy\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'flex-container',\r\n  templateUrl: './flex-container.component.html',\r\n  styleUrls: ['./flex-container.component.css'],\r\n  imports: [CommonModule]\r\n})\r\n\r\nexport class FlexContainerComponent implements AfterViewInit, OnDestroy {\r\n  @ViewChild('contentHost') contentHost!: ElementRef<HTMLDivElement>;\r\n  private resizeHandler!: () => void;\r\n\r\n  // Allow consumer to provide templates\r\n  @ContentChild('header') headerTpl!: TemplateRef<any>;\r\n  @ContentChild('footer') footerTpl!: TemplateRef<any>;\r\n  @ContentChild('content') contentTpl!: TemplateRef<any>;\r\n\r\n  constructor(private renderer: Renderer2) { }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.resizeContent();\r\n    this.resizeHandler = this.resizeContent.bind(this);\r\n    window.addEventListener('resize', this.resizeHandler);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    if (this.resizeHandler) {\r\n      window.removeEventListener('resize', this.resizeHandler);\r\n    }\r\n  }\r\n\r\n  private resizeContent() {\r\n    const parent = this.contentHost.nativeElement.parentElement;\r\n    if (!parent) return;\r\n\r\n    const parentHeight = parent.clientHeight;\r\n    const headerHeight = this.contentHost.nativeElement.previousElementSibling?.clientHeight || 0;\r\n    const footerHeight = this.contentHost.nativeElement.nextElementSibling?.clientHeight || 0;\r\n\r\n    const available = parentHeight - headerHeight - footerHeight;\r\n\r\n    this.renderer.setStyle(this.contentHost.nativeElement, 'height', `${available}px`);\r\n  }\r\n}\r\n","<div class=\"flex-container\">\r\n    @if(headerTpl){\r\n    <div class=\"header\">\r\n        <ng-container *ngTemplateOutlet=\"headerTpl\"></ng-container>\r\n    </div>\r\n    }\r\n\r\n\r\n    <div #contentHost class=\"content\">\r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </div>\r\n    @if(footerTpl){\r\n    <div class=\"footer\">\r\n        <ng-container *ngTemplateOutlet=\"footerTpl\"></ng-container>\r\n    </div>\r\n    }\r\n\r\n</div>","/*\r\n * Public API Surface of flex-ui-controls\r\n */\r\n\r\nexport * from './lib/flex-panel/flex-panel.component';\r\nexport * from './lib/flex-pagination/flex-pagination.component';\r\nexport * from './lib/flex-grid/flex-grid.component';\r\nexport * from './lib/flex-grid/flex-grid-columns';\r\nexport * from './lib/flex-grid/flex-grid-column';\r\nexport * from './lib/flex-container/flex-container.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"dcsl-flex-ui.mjs","sources":["../../../projects/flex-ui-controls/src/lib/flex-panel/flex-panel.component.ts","../../../projects/flex-ui-controls/src/lib/flex-panel/flex-panel.component.html","../../../projects/flex-ui-controls/src/lib/flex-pagination/flex-pagination.component.ts","../../../projects/flex-ui-controls/src/lib/flex-pagination/flex-pagination.component.html","../../../projects/flex-ui-controls/src/lib/flex-grid/flex-grid-column.ts","../../../projects/flex-ui-controls/src/lib/flex-grid/flex-grid-columns.ts","../../../projects/flex-ui-controls/src/lib/flex-grid/flex-grid.component.ts","../../../projects/flex-ui-controls/src/lib/flex-grid/flex-grid.component.html","../../../projects/flex-ui-controls/src/lib/flex-combo-datepicker/flex-combo-datepicker.component.ts","../../../projects/flex-ui-controls/src/lib/flex-combo-datepicker/flex-combo-datepicker.component.html","../../../projects/flex-ui-controls/src/lib/flex-hijri/flex-hijri-calendar/hijri-calendar.component.ts","../../../projects/flex-ui-controls/src/lib/flex-hijri/flex-hijri-calendar/hijri-calendar.component.html","../../../projects/flex-ui-controls/src/lib/flex-hijri/flex-hijri-datepicker/hijri-datepicker.component.ts","../../../projects/flex-ui-controls/src/lib/flex-hijri/flex-hijri-datepicker/hijri-datepicker.component.html","../../../projects/flex-ui-controls/src/public-api.ts","../../../projects/flex-ui-controls/src/dcsl-flex-ui.ts"],"sourcesContent":["import { Component, ElementRef, HostListener, inject, Renderer2, ViewChild } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'flex-panel',\r\n  imports: [],\r\n  templateUrl: './flex-panel.component.html',\r\n  styleUrl: './flex-panel.component.css'\r\n})\r\n\r\nexport class FlexPanelComponent {\r\n  private resizeObserver?: ResizeObserver;\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  @ViewChild(\"abc\") comp?: ElementRef<HTMLDivElement>;\r\n\r\n  private renderer = inject(Renderer2);\r\n\r\n  constructor() { }\r\n\r\n  ngAfterViewInit() {\r\n    this.adjustHeight();\r\n\r\n    // ✅ Recalculate on window resize\r\n    if ('ResizeObserver' in window) {\r\n      this.resizeObserver = new ResizeObserver(() => this.adjustHeight());\r\n      this.resizeObserver.observe(document.body);\r\n    }\r\n\r\n    // ✅ Also observe DOM changes that may shift this element\r\n    this.mutationObserver = new MutationObserver(() => this.adjustHeight());\r\n    this.mutationObserver.observe(document.body, {\r\n      attributes: true,\r\n      childList: true,\r\n      subtree: true\r\n    });\r\n\r\n\r\n  }\r\n\r\n  @HostListener('window:resize')\r\n  onWindowResize() {\r\n    this.adjustHeight();\r\n  }\r\n\r\n  private adjustHeight() {\r\n    // const host: HTMLElement = this.el.nativeElement;\r\n    const top = this.comp!.nativeElement.getBoundingClientRect().top;\r\n    const viewportHeight = window.innerHeight;\r\n    const newHeight = viewportHeight - top;\r\n\r\n    this.renderer.setStyle(this.comp?.nativeElement, 'height', `${newHeight}px`);\r\n    this.renderer.setStyle(this.comp?.nativeElement, 'width', '100%');\r\n\r\n    // console.log(host);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.resizeObserver) {\r\n      this.resizeObserver.disconnect();\r\n    }\r\n    if (this.mutationObserver) {\r\n      this.mutationObserver.disconnect();\r\n    }\r\n  }\r\n}\r\n","<div class=\"stretch-container\" #abc>\r\n    <ng-content></ng-content>\r\n</div>","import { CommonModule } from '@angular/common';\r\nimport { Component, Input, Output, EventEmitter, HostListener, OnInit, input, effect } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { FlexPaging } from './flex_page';\r\n\r\n@Component({\r\n  selector: 'flex-pagination',\r\n  templateUrl: './flex-pagination.component.html',\r\n  styleUrls: ['./flex-pagination.component.css'],\r\n  imports: [CommonModule, FormsModule]\r\n})\r\nexport class FlexPaginationComponent implements OnInit {\r\n  rowCount = input<number>(0);\r\n\r\n  protected _totalItems: number = 0;\r\n  pageSize = 50;\r\n  currentPage = 1;\r\n  @Output() pageChange = new EventEmitter<FlexPaging>();\r\n\r\n  maxPagesToShow = 5;\r\n  pageSizes = [50, 100, 200, 500];\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.currentPage = 1;\r\n      this._totalItems = this.rowCount();\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.updateMaxPages();\r\n  }\r\n\r\n  // Update maxPagesToShow based on screen size\r\n  @HostListener('window:resize')\r\n  updateMaxPages() {\r\n    const width = window.innerWidth;\r\n    if (width < 576) {\r\n      this.maxPagesToShow = 1; // only current page\r\n    } else if (width < 768) {\r\n      this.maxPagesToShow = 3;\r\n    } else {\r\n      this.maxPagesToShow = 5;\r\n    }\r\n  }\r\n\r\n\r\n  get totalPages(): number {\r\n    return Math.ceil(this._totalItems / this.pageSize) || 1;\r\n  }\r\n\r\n  get pages(): (number | string)[] {\r\n    const total = this.totalPages;\r\n    const max = this.maxPagesToShow;\r\n\r\n    if (max === 1) {\r\n      return [this.currentPage]; // mobile: only current page\r\n    }\r\n\r\n    const pages: (number | string)[] = [];\r\n\r\n    if (total <= max) {\r\n      for (let i = 1; i <= total; i++) pages.push(i);\r\n    } else {\r\n      let start = Math.max(this.currentPage - Math.floor(max / 2), 1);\r\n      let end = start + max - 1;\r\n\r\n      if (end > total) {\r\n        end = total;\r\n        start = end - max + 1;\r\n      }\r\n\r\n      if (start > 1) pages.push(1, '...');\r\n      for (let i = start; i <= end; i++) pages.push(i);\r\n      if (end < total) pages.push('...', total);\r\n    }\r\n\r\n    return pages;\r\n  }\r\n\r\n  changePage(page: number | string) {\r\n    if (typeof page !== 'number') return;\r\n    if (page < 1) page = 1;\r\n    if (page > this.totalPages) page = this.totalPages;\r\n    if (page === this.currentPage) return;\r\n\r\n    this.currentPage = page;\r\n    this.pageChange.emit({\r\n      skip: (this.currentPage - 1) * this.pageSize,\r\n      take: this.pageSize,\r\n      pageSize: this.pageSize,\r\n      currentPage: this.currentPage,\r\n    });\r\n  }\r\n\r\n  onPageSizeChange(pageSize: any) {\r\n    var value = Number(pageSize.target.value);\r\n    if (isNaN(value) || value <= 0) return;\r\n\r\n    this.pageSize = value;\r\n    this.pageChange.emit({\r\n      skip: (this.currentPage - 1) * this.pageSize,\r\n      take: this.pageSize,\r\n      pageSize: this.pageSize,\r\n      currentPage: this.currentPage\r\n    });\r\n  }\r\n\r\n  firstPage() { this.changePage(1); }\r\n  lastPage() { this.changePage(this.totalPages); }\r\n  prevPage() { this.changePage(this.currentPage - 1); }\r\n  nextPage() { this.changePage(this.currentPage + 1); }\r\n}\r\n","<div class=\"d-flex justify-content-start align-items-center\">\r\n    <!-- Pagination -->\r\n    <div class=\"overflow-auto\">\r\n        <ul class=\"pagination justify-content-center flex-nowrap mb-0\">\r\n            <!-- First / Prev (hide First on xs) -->\r\n            <li class=\"page-item d-none d-sm-block\" [class.disabled]=\"currentPage === 1\">\r\n                <button class=\"page-link\" (click)=\"firstPage()\"><i class=\"bi bi-chevron-double-left\"></i></button>\r\n            </li>\r\n            <li class=\"page-item\" [class.disabled]=\"currentPage === 1\">\r\n                <button class=\"page-link\" (click)=\"prevPage()\"><i class=\"bi bi-chevron-left\"></i></button>\r\n            </li>\r\n\r\n            <!-- Page numbers -->\r\n            <li class=\"page-item\" *ngFor=\"let page of pages\" [class.active]=\"page === currentPage\"\r\n                [class.disabled]=\"page === '...'\">\r\n                <button class=\"page-link\" [disabled]=\"page === '...'\" (click)=\"changePage(page)\">\r\n                    {{ page }}\r\n                </button>\r\n            </li>\r\n\r\n            <!-- Next / Last (hide Last on xs) -->\r\n            <li class=\"page-item\" [class.disabled]=\"currentPage === totalPages\">\r\n                <button class=\"page-link\" (click)=\"nextPage()\"><i class=\"bi bi-chevron-right\"></i></button>\r\n            </li>\r\n            <li class=\"page-item d-none d-sm-block\" [class.disabled]=\"currentPage === totalPages\">\r\n                <button class=\"page-link\" (click)=\"lastPage()\"><i class=\"bi bi-chevron-double-right\"></i></button>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n    <!-- Page Size Dropdown -->\r\n    <div class=\"ms-2\">\r\n        <label class=\"me-2\">{{ \"page-size\" }}</label>\r\n        <select class=\"form-select d-inline-block w-auto\" [(ngModel)]=\"pageSize\" (change)=\"onPageSizeChange($event)\">\r\n            <option *ngFor=\"let size of pageSizes\" [value]=\"size\">{{ size }}</option>\r\n        </select>\r\n    </div>\r\n    <div class=\"total-count ms-2\">\r\n        {{ \"total-count\" }}: {{ _totalItems }}\r\n    </div>\r\n</div>","// grid-column.component.ts\r\nimport { Component, ContentChild, TemplateRef, Input, input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'flex-grid-column',\r\n    template: ''\r\n})\r\n\r\nexport class FlexColumnComponent {\r\n    headerText = input<string>('');\r\n\r\n    @Input() field!: string;\r\n    @Input() width: any = 120;\r\n\r\n    @ContentChild('headerTemplate') headerTemplate!: TemplateRef<any>;\r\n    @ContentChild('cellTemplate') cellTemplate!: TemplateRef<any>;\r\n\r\n\r\n}\r\n","// grid-columns.component.ts\r\nimport { Component, ContentChildren, QueryList } from '@angular/core';\r\nimport { FlexColumnComponent } from './flex-grid-column';\r\n\r\n@Component({\r\n    selector: 'flex-grid-columns',\r\n    template: ''\r\n})\r\nexport class FlexColumnsComponent {\r\n    @ContentChildren(FlexColumnComponent) columns!: QueryList<FlexColumnComponent>;\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { AfterViewInit, Component, ContentChild, effect, ElementRef, Input, input, output, TemplateRef, ViewChild } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { FlexPaginationComponent } from \"../flex-pagination/flex-pagination.component\";\r\nimport { FlexColumnsComponent } from './flex-grid-columns';\r\nimport { FlexPaging } from '../flex-pagination/flex_page';\r\n\r\n@Component({\r\n  selector: 'flex-grid',\r\n  imports: [CommonModule, FormsModule, FlexPaginationComponent],\r\n  templateUrl: './flex-grid.component.html',\r\n  styleUrl: './flex-grid.component.css'\r\n})\r\n\r\nexport class FlexGridComponent implements AfterViewInit {\r\n\r\n\r\n  enablePaging = input<boolean>(false);\r\n  totalDataCount = input<number>(0);\r\n\r\n  tableClass = input<string>('');\r\n\r\n  @Input() dataSource: any[] = [];\r\n\r\n  // @ContentChildren(GridColumnComponent) columns!: QueryList<GridColumnComponent>;\r\n  @ContentChild(FlexColumnsComponent) gridColumns?: FlexColumnsComponent;\r\n\r\n  rowClicked = output<{ index: number, data: any }>();\r\n  rowDblClicked = output<{ index: number, data: any }>();\r\n\r\n  // Optional: custom template when no data\r\n  @Input() emptyRecordTemplate?: TemplateRef<any>;\r\n\r\n  isPagingEnabled: boolean = false;\r\n\r\n  @ViewChild('gridHeader') gridHeader!: ElementRef;\r\n\r\n  @ViewChild('gridBody') gridBody!: ElementRef;\r\n\r\n  selectedIndex: number = -1;\r\n  protected _totalDataCount: number = 0;\r\n  protected _tableClass: string = \"\";\r\n\r\n  pageChange = output<{ skip: number, take: number }>();\r\n  currentPage: number = 1;\r\n  pageSize: number = 50;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.isPagingEnabled = this.enablePaging();\r\n    });\r\n\r\n    effect(() => {\r\n      this._totalDataCount = this.totalDataCount();\r\n    });\r\n\r\n    effect(() => {\r\n      this._tableClass = this.tableClass();\r\n    });\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.syncColumnWidths();\r\n  }\r\n\r\n  check() {\r\n    console.log(this.gridColumns);\r\n    console.log(this.dataSource);\r\n  }\r\n\r\n  syncScroll(e: Event) {\r\n    const body = e.target as HTMLElement;\r\n    const header = this.gridHeader?.nativeElement; //document.querySelector('.grid-header');\r\n    if (header) (header as HTMLElement).scrollLeft = body.scrollLeft;\r\n  }\r\n\r\n  syncColumnWidths() {\r\n    // const headerCols = this.gridHeader.nativeElement.querySelectorAll('th');\r\n    // const bodyCols = this.gridBody.nativeElement.querySelectorAll('tr:first-child td');\r\n\r\n    // bodyCols.forEach((td: HTMLElement, i: number) => {\r\n    //   const width = td.getBoundingClientRect().width;\r\n    //   (headerCols[i] as HTMLElement).style.width = width + 'px';\r\n    // });\r\n  }\r\n\r\n  // syncColumnWidths() {\r\n  //   const headerCols = document.querySelectorAll('.grid-header th');\r\n  //   const bodyCols = this.gridBody.nativeElement.querySelectorAll('tbody tr:first-child td');\r\n\r\n  //   bodyCols.forEach((col: HTMLElement, i: number) => {\r\n  //     const width = col.getBoundingClientRect().width;\r\n  //     (headerCols[i] as HTMLElement).style.width = width + 'px';\r\n  //   });\r\n  // }\r\n\r\n  onRowDblClick(index: number, data: any) {\r\n    this.selectedIndex = index;\r\n    // console.log(index);\r\n\r\n    this.rowDblClicked.emit({ index: index, data: data });\r\n  }\r\n\r\n  onRowClick(index: number, data: any) {\r\n    this.selectedIndex = index;\r\n    // console.log(index);\r\n\r\n    this.rowClicked.emit({ index: index, data: data });\r\n  }\r\n\r\n  onPageChanged(event: FlexPaging) {\r\n    console.log(event);\r\n    this.currentPage = event.currentPage;\r\n    this.pageSize = event.pageSize;\r\n\r\n    this.pageChange.emit(event);\r\n\r\n\r\n  }\r\n\r\n}\r\n","<div class=\"grid-container\">\r\n    <!-- Header row in its own div -->\r\n    <div class=\"grid-scroll\">\r\n        <div class=\"grid-container-sub\">\r\n            <div class=\"grid-header\" #gridHeader>\r\n                <table class=\"grid-table table table-bordered table-sm mb-0 header-table\">\r\n                    <colgroup>\r\n                        @for (col of gridColumns?.columns; track $index) {\r\n                        <col [style.width.px]=\"col.width\" [style.maxWidth.px]=\"col.width\">\r\n                        }\r\n                    </colgroup>\r\n                    <thead>\r\n                        <tr>\r\n                            @for (col of gridColumns?.columns; track $index) {\r\n                            <th class=\"text-truncate\">\r\n                                @if (col.headerTemplate) {\r\n                                <ng-container [ngTemplateOutlet]=\"col.headerTemplate\"></ng-container>\r\n                                }\r\n                                @else {\r\n                                <!-- <ng-template #defaultHeader><span [textContent]=\"col.field\"></span></ng-template> -->\r\n                                <!-- <span [textContent]=\"col.field\"></span> -->\r\n                                {{ col.headerText() }}\r\n                                }\r\n                            </th>\r\n                            }\r\n\r\n                            <!-- <th style=\"width: 20px;\"></th> -->\r\n                        </tr>\r\n                    </thead>\r\n\r\n                </table>\r\n            </div>\r\n            <!-- Scrollable body in another div -->\r\n            <div #gridBody class=\"grid-body\" (scroll)=\"syncScroll($event)\">\r\n                @if(dataSource.length > 0){\r\n                <table class=\"grid-table table table-bordered table-sm table-hover mb-0\" [ngClass]=\"_tableClass\">\r\n\r\n                    <colgroup>\r\n                        @for (col of gridColumns?.columns; track $index) {\r\n                        <col [style.width.px]=\"col.width\" [style.maxWidth.px]=\"col.width\">\r\n                        }\r\n                    </colgroup>\r\n                    <tbody>\r\n                        @for (row of dataSource; track $index; let i = $index) {\r\n                        <tr [class.table-active]=\"$index === selectedIndex\" (click)=\"onRowClick($index, row)\"\r\n                            (dblclick)=\"onRowDblClick($index, row)\">\r\n                            @for (col of gridColumns?.columns; track $index) {\r\n                            <td>\r\n                                @if (col.cellTemplate) {\r\n                                <ng-container [ngTemplateOutlet]=\"col.cellTemplate\" [ngTemplateOutletContext]=\"{ $implicit: row,\r\n      rowIndex: (currentPage - 1) * pageSize + i,\r\n      localIndex: i }\">\r\n                                </ng-container>\r\n                                } @else {\r\n                                <!-- {{ row[col.field] }} -->\r\n                                <span [textContent]=\"row[col.field]\"></span>\r\n                                }\r\n                            </td>\r\n                            }\r\n                        </tr>\r\n                        }\r\n                    </tbody>\r\n                </table>\r\n                }\r\n                @else {\r\n                No records found\r\n                }\r\n\r\n\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    @if(isPagingEnabled){\r\n    <!-- Footer -->\r\n    <div class=\"grid-footer\">\r\n        <flex-pagination [rowCount]=\"_totalDataCount\" (pageChange)=\"onPageChanged($event)\"></flex-pagination>\r\n    </div>\r\n    }\r\n\r\n</div>","import { CommonModule } from '@angular/common';\r\nimport { Component, Input, Output, EventEmitter, OnInit, model, effect, input, output } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\ninterface DateOption {\r\n  value: number | '';\r\n  name: string;\r\n  disabled?: boolean;\r\n}\r\n\r\n@Component({\r\n  selector: 'flex-combo-datepicker',\r\n  imports: [FormsModule, CommonModule],\r\n  templateUrl: './flex-combo-datepicker.component.html',\r\n  styleUrls: ['./flex-combo-datepicker.component.css']\r\n})\r\n\r\nexport class ComboDatePickerComponent implements OnInit {\r\n  // @Input() value: any = null; // ISO string\r\n  @Input() ngMinDate?: string; // ISO string\r\n  @Input() ngMaxDate?: string;\r\n  @Input() ngMonths?: string[]; // optional month names\r\n  @Input() ngOrder: 'dmy' | 'mdy' | 'ymd' = 'dmy';\r\n  @Input() ngDisabled: boolean = false;\r\n  @Input() ngPlaceholder: string | string[] = 'Day,Month,Year';\r\n\r\n  dateChanged = output<any>();\r\n\r\n  disabled = input<boolean>(false);\r\n\r\n  value = model<any>();\r\n  _value: any;\r\n\r\n  day: number | '' = '';\r\n  month: number | '' = '';\r\n  year: number | '' = '';\r\n\r\n  dates: DateOption[] = [];\r\n  months: DateOption[] = [];\r\n  years: DateOption[] = [];\r\n\r\n  placeHolders: DateOption[] = [];\r\n\r\n  cssClass = input<string>();\r\n\r\n  showHeader = input<boolean>(true);\r\n  dateTitle = input<string>();\r\n  monthTitle = input<string>();\r\n  yearTitle = input<string>();\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this._value = this.value();\r\n      this.initModel();\r\n      this.updateDates();\r\n    })\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.initPlaceholders();\r\n    this.initMonths();\r\n    this.initYears();\r\n    // this.initModel();\r\n    // this.updateDates();\r\n  }\r\n\r\n  private initPlaceholders() {\r\n    let holders = Array.isArray(this.ngPlaceholder) ? this.ngPlaceholder : this.ngPlaceholder.split(',');\r\n    if (holders.length === 3) {\r\n      this.placeHolders = holders.map(h => ({ value: '', name: h, disabled: false }));\r\n    }\r\n  }\r\n\r\n  private initMonths() {\r\n    const monthNames = this.ngMonths && this.ngMonths.length === 12 ? this.ngMonths : ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'];\r\n    this.months = monthNames.map((name, i) => ({ value: i + 1, name }));\r\n    if (this.placeHolders.length) this.months.unshift(this.placeHolders[1]);\r\n  }\r\n\r\n  private initYears() {\r\n    const currentYear = new Date().getFullYear();\r\n    const minYear = this.ngMinDate ? new Date(this.ngMinDate).getFullYear() : currentYear - 100;\r\n    const maxYear = this.ngMaxDate ? new Date(this.ngMaxDate).getFullYear() : currentYear;\r\n    this.years = [];\r\n    for (let y = minYear; y <= maxYear; y++) {\r\n      this.years.push({ value: y, name: y.toString() });\r\n    }\r\n    if (this.placeHolders.length) this.years.unshift(this.placeHolders[2]);\r\n  }\r\n\r\n  private initModel() {\r\n    if (this.value) {\r\n      const date = new Date(this.value());\r\n      this.day = date.getDate();\r\n      this.month = date.getMonth() + 1;\r\n      this.year = date.getFullYear();\r\n    }\r\n  }\r\n\r\n  private updateDates() {\r\n    const max = this.month && this.year ? this.getMaxDate(this.month, this.year) : 31;\r\n    this.dates = [];\r\n    if (this.placeHolders.length) this.dates.push(this.placeHolders[0]);\r\n    for (let i = 1; i <= max; i++) {\r\n      this.dates.push({ value: i, name: i.toString() });\r\n    }\r\n  }\r\n\r\n  private getMaxDate(month: number, year: number) {\r\n    if ([4, 6, 9, 11].includes(month)) return 30;\r\n    if (month === 2) return (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0) ? 29 : 28;\r\n    return 31;\r\n  }\r\n\r\n  onChange() {\r\n    this.updateDates();\r\n    if (this.day && this.month && this.year) {\r\n      const iso = this.toLocalISOString(new Date(this.year, this.month - 1, this.day));\r\n      this.value.set(iso);\r\n      this.dateChanged.emit(iso);\r\n    }\r\n  }\r\n\r\n  toLocalISOString(date: Date): string {\r\n    const pad = (n: number) => n.toString().padStart(2, '0');\r\n\r\n    const year = date.getFullYear();\r\n    const month = pad(date.getMonth() + 1);\r\n    const day = pad(date.getDate());\r\n    const hours = pad(date.getHours());\r\n    const minutes = pad(date.getMinutes());\r\n    const seconds = pad(date.getSeconds());\r\n    //const ms = date.getMilliseconds().toString().padStart(3, '0');\r\n\r\n    //return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}.${ms}`;\r\n    return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;\r\n  }\r\n}\r\n","<div class=\"row g-1\">\r\n    <div class=\"col-4\">\r\n        @if(showHeader()){\r\n        <label>\r\n            @if (dateTitle()) {\r\n            {{ dateTitle() }}\r\n            }\r\n            @else {\r\n            Date\r\n            }\r\n        </label>\r\n        }\r\n        <select [(ngModel)]=\"day\" (ngModelChange)=\"onChange()\" [disabled]=\"ngDisabled\"\r\n            [class]=\"'form-select ' + cssClass()\">\r\n            <option *ngFor=\"let d of dates\" [value]=\"d.value\">{{ d.name }}</option>\r\n        </select>\r\n    </div>\r\n    <div class=\"col-4\">\r\n        @if(showHeader()){\r\n        <label>\r\n            @if (monthTitle()) {\r\n            {{ monthTitle() }}\r\n            }\r\n            @else {\r\n            Month\r\n            }\r\n        </label>\r\n        }\r\n        <select [(ngModel)]=\"month\" (ngModelChange)=\"onChange()\" [disabled]=\"ngDisabled\"\r\n            [class]=\"'form-select ' + cssClass()\">\r\n            <option *ngFor=\"let m of months\" [value]=\"m.value\">{{ m.name }}</option>\r\n        </select>\r\n    </div>\r\n    <div class=\"col-4\">\r\n        @if(showHeader()){\r\n        <label>\r\n            @if (yearTitle()) {\r\n            {{ yearTitle() }}\r\n            }\r\n            @else {\r\n            Year\r\n            }\r\n        </label>\r\n        }\r\n        <select [(ngModel)]=\"year\" (ngModelChange)=\"onChange()\" [disabled]=\"ngDisabled\"\r\n            [class]=\"'form-select year ' + cssClass()\">\r\n            <option *ngFor=\"let y of years\" [value]=\"y.value\">{{ y.name }}</option>\r\n        </select>\r\n    </div>\r\n</div>","import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, Output, signal } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nexport type HijriDate = { hy: number; hm: number; hd: number };\r\ntype DayCell = {\r\n  g: Date;\r\n  h: HijriDate;\r\n  inCurrentMonth: boolean;\r\n  disabled: boolean;\r\n};\r\n\r\n//\r\n// ✅ Umm al-Qura Hijri calendar with Latin digits\r\n//\r\nconst hijriFmt = new Intl.DateTimeFormat('en-u-ca-islamic-umalqura-nu-latn', {\r\n  day: 'numeric',\r\n  month: 'numeric',\r\n  year: 'numeric'\r\n});\r\n\r\nconst hijriMonthNamesEn = [\r\n  'Muharram', 'Safar', 'Rabi I', 'Rabi II',\r\n  'Jumada I', 'Jumada II', 'Rajab', 'Sha’ban',\r\n  'Ramadan', 'Shawwal', 'Dhu al-Qi’dah', 'Dhu al-Hijjah'\r\n];\r\n\r\nconst hijriMonthNamesAr = [\r\n  'محرم', 'صفر', 'ربيع الأول', 'ربيع الآخر',\r\n  'جمادى الأولى', 'جمادى الآخرة', 'رجب', 'شعبان',\r\n  'رمضان', 'شوال', 'ذو القعدة', 'ذو الحجة'\r\n];\r\n\r\nconst weekDaysEn = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\r\nconst weekDaysAr = ['ح', 'ن', 'ث', 'ر', 'خ', 'ج', 'س'];\r\n\r\nfunction hijriFromGregorian(g: Date): HijriDate {\r\n  const parts = hijriFmt.formatToParts(g);\r\n  //console.log(parts);\r\n  const map: Record<string, string> = {};\r\n  for (const p of parts) map[p.type] = p.value;\r\n  const n = (k: string) => parseInt(map[k] ?? '0', 10);\r\n  return { hy: n('year'), hm: n('month'), hd: n('day') };\r\n}\r\n\r\nfunction compareHijri(a: HijriDate, b: HijriDate) {\r\n  if (a.hy !== b.hy) return a.hy - b.hy;\r\n  if (a.hm !== b.hm) return a.hm - b.hm;\r\n  return a.hd - b.hd;\r\n}\r\n\r\nfunction findGregorianForHijri(target: HijriDate): Date {\r\n  let lo = new Date(1937, 0, 1).getTime();\r\n  let hi = new Date(2076, 11, 31).getTime();\r\n  const dayMs = 86400000;\r\n\r\n  while (lo <= hi) {\r\n    const mid = Math.floor((lo + hi) / 2);\r\n    const h = hijriFromGregorian(new Date(mid));\r\n    compareHijri(h, target) < 0 ? (lo = mid + dayMs) : (hi = mid - dayMs);\r\n  }\r\n\r\n  let d = new Date(lo);\r\n  while (true) {\r\n    const h = hijriFromGregorian(d);\r\n    const cmp = compareHijri(h, target);\r\n    if (cmp === 0) return d;\r\n    if (cmp > 0) throw new Error('Hijri date out of supported range');\r\n    d = new Date(d.getTime() + dayMs);\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'app-hijri-calendar',\r\n  standalone: true,\r\n  imports: [CommonModule, FormsModule],\r\n  templateUrl: \"./hijri-calendar.component.html\",\r\n  styleUrl: \"./hijri-calendar.component.css\"\r\n})\r\n\r\nexport class HijriCalendarComponent {\r\n  /** Two-way bound selected date (Gregorian Date) */\r\n  @Input() value: Date | null = null;\r\n  @Output() valueChange = new EventEmitter<Date>();\r\n\r\n  /** Optional min/max restrictions (Gregorian dates) */\r\n  @Input() minDate: Date | null = null;\r\n  @Input() maxDate: Date | null = null;\r\n\r\n  /** Month + weekday language: 'en' or 'ar' */\r\n  @Input() monthLang: 'en' | 'ar' = 'en';\r\n\r\n  hy = signal<number>(0);\r\n  hm = signal<number>(0);\r\n\r\n  selectedMonth = 1;\r\n  selectedYear = 1447;\r\n  yearRange: number[] = [];\r\n\r\n  get hijriMonthsEn() {\r\n    return hijriMonthNamesEn;\r\n  }\r\n\r\n  get hijriMonthsAr() {\r\n    return hijriMonthNamesAr;\r\n  }\r\n\r\n  get hijriMonths() {\r\n    return this.monthLang === 'ar' ? hijriMonthNamesAr : hijriMonthNamesEn;\r\n  }\r\n\r\n  get weekDays() {\r\n    return this.monthLang === 'ar' ? weekDaysAr : weekDaysEn;\r\n  }\r\n\r\n  get weekDaysEn() {\r\n    return weekDaysEn;\r\n  }\r\n\r\n  get weekDaysAr() {\r\n    return weekDaysAr;\r\n  }\r\n\r\n  get currentMonthName() {\r\n    return this.hijriMonths[this.selectedMonth - 1];\r\n  }\r\n\r\n  constructor() {\r\n    const h = hijriFromGregorian(new Date());\r\n    this.hy.set(h.hy);\r\n    this.hm.set(h.hm);\r\n    this.selectedYear = h.hy;\r\n    this.selectedMonth = h.hm;\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.buildYearRange();\r\n  }\r\n\r\n  ngOnChanges() {\r\n    if (this.value) {\r\n      const h = hijriFromGregorian(this.value);\r\n      this.hy.set(h.hy);\r\n      this.hm.set(h.hm);\r\n      this.selectedYear = h.hy;\r\n      this.selectedMonth = h.hm;\r\n    }\r\n    this.buildYearRange();\r\n  }\r\n\r\n  buildYearRange() {\r\n    const minH = this.minDate ? hijriFromGregorian(this.minDate) : { hy: 1356, hm: 1, hd: 1 };\r\n    const maxH = this.maxDate ? hijriFromGregorian(this.maxDate) : { hy: 1499, hm: 12, hd: 30 };\r\n    this.yearRange = [];\r\n    for (let y = minH.hy; y <= maxH.hy; y++) {\r\n      this.yearRange.push(y);\r\n    }\r\n  }\r\n\r\n  onMonthYearChange() {\r\n    this.hy.set(this.selectedYear);\r\n    this.hm.set(this.selectedMonth);\r\n  }\r\n\r\n  firstOfMonth() {\r\n    return findGregorianForHijri({ hy: this.hy(), hm: this.hm(), hd: 1 });\r\n  }\r\n\r\n  cells(): DayCell[] {\r\n    const firstG = this.firstOfMonth();\r\n    const firstH = hijriFromGregorian(firstG);\r\n\r\n    const start = new Date(firstG);\r\n    start.setDate(firstG.getDate() - firstG.getDay());\r\n\r\n    const result: DayCell[] = [];\r\n    for (let i = 0; i < 42; i++) {\r\n      const g = new Date(start);\r\n      g.setDate(start.getDate() + i);\r\n      const h = hijriFromGregorian(g);\r\n\r\n      let disabled = false;\r\n      if (this.minDate && g < this.stripTime(this.minDate)) disabled = true;\r\n      if (this.maxDate && g > this.stripTime(this.maxDate)) disabled = true;\r\n\r\n      result.push({\r\n        g,\r\n        h,\r\n        inCurrentMonth: h.hy === firstH.hy && h.hm === firstH.hm,\r\n        disabled\r\n      });\r\n    }\r\n    return result;\r\n  }\r\n\r\n  prevMonth() {\r\n    if (!this.canPrev()) return;\r\n    let m = this.hm(), y = this.hy();\r\n    if (--m < 1) { m = 12; y--; }\r\n    this.hm.set(m); this.hy.set(y);\r\n    this.selectedYear = y;\r\n    this.selectedMonth = m;\r\n  }\r\n\r\n  nextMonth() {\r\n    if (!this.canNext()) return;\r\n    let m = this.hm(), y = this.hy();\r\n    if (++m > 12) { m = 1; y++; }\r\n    this.hm.set(m); this.hy.set(y);\r\n    this.selectedYear = y;\r\n    this.selectedMonth = m;\r\n  }\r\n\r\n  canPrev(): boolean {\r\n    if (!this.minDate) return true;\r\n    const minH = hijriFromGregorian(this.stripTime(this.minDate));\r\n    return this.hy() > minH.hy || (this.hy() === minH.hy && this.hm() > minH.hm);\r\n  }\r\n\r\n  canNext(): boolean {\r\n    if (!this.maxDate) return true;\r\n    const maxH = hijriFromGregorian(this.stripTime(this.maxDate));\r\n    return this.hy() < maxH.hy || (this.hy() === maxH.hy && this.hm() < maxH.hm);\r\n  }\r\n\r\n  isToday(g: Date) {\r\n    const t = new Date();\r\n    return g.getFullYear() === t.getFullYear()\r\n      && g.getMonth() === t.getMonth()\r\n      && g.getDate() === t.getDate();\r\n  }\r\n\r\n  isSelected(g: Date) {\r\n    return !!this.value &&\r\n      g.getFullYear() === this.value.getFullYear() &&\r\n      g.getMonth() === this.value.getMonth() &&\r\n      g.getDate() === this.value.getDate();\r\n  }\r\n\r\n  select(c: DayCell) {\r\n    if (c.disabled) return;\r\n\r\n    console.log(c);\r\n\r\n    this.value = c.g;\r\n    this.valueChange.emit(this.value);\r\n  }\r\n\r\n  private stripTime(d: Date): Date {\r\n    return new Date(d.getFullYear(), d.getMonth(), d.getDate());\r\n  }\r\n}\r\n","<div class=\"card border-0 p-0\">\r\n    <div class=\"card-header p-1\">\r\n        <div class=\"d-flex justify-content-between align-items-center\">\r\n            <button class=\"btn btn-sm\" (click)=\"prevMonth()\" [disabled]=\"!canPrev()\">&laquo;</button>\r\n            <div class=\"d-flex justify-content-center gap-1\">\r\n                <select class=\"form-select form-select-sm w-auto\" [(ngModel)]=\"selectedMonth\"\r\n                    (change)=\"onMonthYearChange()\">\r\n                    @for (m of hijriMonths; track $index) {\r\n                    <option [value]=\"$index + 1\">{{ hijriMonthsAr[$index] }} ({{ hijriMonthsEn[$index] }})</option>\r\n                    }\r\n                </select>\r\n                <select class=\"form-select form-select-sm    w-auto\" [(ngModel)]=\"selectedYear\"\r\n                    (change)=\"onMonthYearChange()\">\r\n                    @for (y of yearRange; track y) {\r\n                    <option [value]=\"y\">{{ y }}</option>\r\n                    }\r\n                </select>\r\n            </div>\r\n            <button class=\"btn btn-sm\" (click)=\"nextMonth()\" [disabled]=\"!canNext()\">&raquo;</button>\r\n        </div>\r\n    </div>\r\n    <div class=\"card-body p-1\">\r\n\r\n\r\n        <!-- month/year pickers -->\r\n\r\n\r\n        <!-- weekday labels -->\r\n        <div class=\"grid\">\r\n            @for (w of weekDays; track $index) {\r\n            <div class=\"col fw-bold\">{{ w }}</div>\r\n            }\r\n\r\n        </div>\r\n\r\n        <!-- calendar cells -->\r\n        <div class=\"grid\">\r\n            <button *ngFor=\"let c of cells()\" class=\"cell btn rounded-0\" [class.muted]=\"!c.inCurrentMonth\"\r\n                [class.today]=\"isToday(c.g)\" [class.selected]=\"isSelected(c.g)\" [disabled]=\"c.disabled\"\r\n                (click)=\"select(c)\">\r\n                {{ c.h.hd }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>","import { CommonModule } from '@angular/common';\r\nimport { Component, effect, ElementRef, HostListener, input, model, OnInit, output, ViewChild } from '@angular/core';\r\nimport { HijriCalendarComponent } from \"../flex-hijri-calendar/hijri-calendar.component\";\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport dayjs from \"dayjs\";\r\n\r\n@Component({\r\n  selector: 'app-hijri-datepicker',\r\n  imports: [CommonModule, FormsModule, HijriCalendarComponent],\r\n  templateUrl: './hijri-datepicker.component.html',\r\n  styleUrl: './hijri-datepicker.component.css'\r\n})\r\n\r\nexport class HijriDatepickerComponent {\r\n  value = model<any>();\r\n  valueChange = output<any>();\r\n\r\n  selectedDate?: Date;\r\n  showCalendar: boolean = false;\r\n\r\n  enabled = input<boolean>(true);\r\n  cssClass = input<string>();\r\n  format = input<string>();\r\n\r\n  inputDate: string = \"\";\r\n  isMobile = false;\r\n\r\n  constructor() {\r\n\r\n\r\n\r\n    effect(() => {\r\n      const iso = this.value();\r\n      if (iso) {\r\n        const date = dayjs(iso);\r\n        if (date.isValid()) {\r\n          this.selectedDate = date.toDate();\r\n          this.inputDate = this.formatDateForInput(this.selectedDate);\r\n        }\r\n\r\n        return;\r\n      }\r\n\r\n      this.selectedDate = undefined;\r\n      this.inputDate = \"\";\r\n    });\r\n  }\r\n\r\n  toggleCalendar() {\r\n    this.showCalendar = !this.showCalendar;\r\n  }\r\n\r\n  onDateSelectedFromCalender(e: Date) {\r\n    console.log(\"onDateSelectedFromCalender: \", e);\r\n    //var time = this.selectedDate ?? new Date();\r\n\r\n    // e.setHours(time.getHours());\r\n    // e.setMinutes(time.getMinutes());\r\n\r\n    //this.updateDate(e);\r\n    //this.showCalendar = false;\r\n\r\n    // console.log(e);\r\n  }\r\n\r\n  /** Triggered on blur OR Enter key */\r\n  onManualDateEntered() {\r\n    if (!this.inputDate) return;\r\n\r\n    const parsed = this.parseInputDate(this.inputDate);\r\n    if (parsed) {\r\n      this.updateDate(parsed);\r\n    } else {\r\n      console.warn(\"Invalid date entered:\", this.inputDate);\r\n    }\r\n  }\r\n\r\n  /** Reusable update method */\r\n  private updateDate(d: Date) {\r\n    this.selectedDate = d;\r\n    this.inputDate = this.formatDateForInput(d);\r\n    this.value.set(d);\r\n    this.valueChange.emit(d);\r\n  }\r\n\r\n  formatHijri(date: Date, format: string, locale: string = 'en'): string {\r\n    // Tell dayjs to use the \"islamic\" calendar system\r\n    // return dayjs(date)\r\n    //   .toCalendarSystem('islamic')   // or 'islamic-umalqura'\r\n    //   .locale(locale)\r\n    //   .format(format);\r\n    return \"\";\r\n  }\r\n\r\n  private formatDateForInput(date: Date): string {\r\n    const fmt = this.format()?.toUpperCase() ?? \"DD/MM/YYYY\";\r\n    //return dayjs(date).format(fmt);\r\n    return this.formatHijri(date, fmt);\r\n  }\r\n\r\n  private parseInputDate(str: string): Date | null {\r\n\r\n    const fmt = this.format()?.toUpperCase() ?? \"DD/MM/YYYY\";\r\n\r\n    console.log(str, \"-\", fmt);\r\n\r\n    const d = dayjs(str, fmt); // strict parse\r\n\r\n    console.log(d.toDate());\r\n\r\n    if (!d.isValid()) return null;\r\n\r\n\r\n\r\n    if (!this.selectedDate) {\r\n      this.selectedDate = new Date();\r\n    }\r\n\r\n    // gd.set(\"hour\", this.selectedDate.getHours());\r\n    // gd.set(\"minute\", this.selectedDate.getMinutes());\r\n    // gd.set(\"second\", this.selectedDate.getSeconds());\r\n\r\n    return null;\r\n  }\r\n\r\n\r\n  @ViewChild(\"inputDiv\") inputDiv?: ElementRef;\r\n  @ViewChild(\"modalDiv\") modalDiv?: ElementRef;\r\n  @ViewChild(\"popupDiv\") popupDiv?: ElementRef;\r\n\r\n  @HostListener('document:click', ['$event'])\r\n  onDocumentClick(event: MouseEvent) {\r\n    if (this.inputDiv?.nativeElement.contains(event.target)\r\n      || this.modalDiv?.nativeElement.contains(event.target)\r\n      || this.popupDiv?.nativeElement.contains(event.target)) {\r\n      return\r\n    }\r\n    this.showCalendar = false;\r\n  }\r\n}\r\n","<div class=\"input-group flex-nowrap\" #inputDiv>\r\n    <input type=\"text\" class=\"form-control\" [(ngModel)]=\"inputDate\" (blur)=\"onManualDateEntered()\"\r\n        [disabled]=\"!enabled()\" [placeholder]=\"format()?.toUpperCase()\" (keyup.enter)=\"onManualDateEntered()\">\r\n\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"toggleCalendar()\" [disabled]=\"!enabled()\">\r\n        <i class=\"bi bi-calendar3\"></i>\r\n    </button>\r\n</div>\r\n\r\n@if(showCalendar){\r\n@if(isMobile){\r\n<div class=\"modal modal-backdrop\" tabindex=\"-1\" role=\"dialog\" style=\"display: block;\" #modalDiv>\r\n    <div class=\"modal-dialog modal-dialog-scrollable\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <button type=\"button\" class=\"btn btn-danger close ms-auto btn-sm\" (click)=\"showCalendar = false\">\r\n                    <i class=\"bi bi-x\"></i>\r\n                </button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n@else{\r\n<div class=\"dropdown-menu show\" #popupDiv>\r\n    <app-hijri-calendar (valueChange)=\"onDateSelectedFromCalender($event)\"></app-hijri-calendar>\r\n</div>\r\n}\r\n}","/*\r\n * Public API Surface of flex-ui-controls\r\n */\r\n\r\nexport * from './lib/flex-panel/flex-panel.component';\r\nexport * from './lib/flex-pagination/flex-pagination.component';\r\nexport * from './lib/flex-grid/flex-grid.component';\r\nexport * from './lib/flex-grid/flex-grid-columns';\r\nexport * from './lib/flex-grid/flex-grid-column';\r\nexport * from './lib/flex-combo-datepicker/flex-combo-datepicker.component';\r\nexport * from './lib/flex-hijri/flex-hijri-datepicker/hijri-datepicker.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2"],"mappings":"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"}

package/index.d.ts

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { ElementRef, OnInit, EventEmitter, TemplateRef, QueryList, AfterViewInit, OnDestroy, Renderer2 } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { ElementRef, OnInit, EventEmitter, TemplateRef, QueryList, AfterViewInit } from '@angular/core';
 
 declare class FlexPanelComponent {
     private resizeObserver?;
@@ -11,8 +11,8 @@ declare class FlexPanelComponent {
     onWindowResize(): void;
     private adjustHeight;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlexPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlexPanelComponent, "flex-panel", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexPanelComponent, "flex-panel", never, {}, {}, never, ["*"], true, never>;
 }
 
 interface FlexPaging {
@@ -23,7 +23,7 @@ interface FlexPaging {
 }
 
 declare class FlexPaginationComponent implements OnInit {
-    rowCount: i0.InputSignal<number>;
+    rowCount: _angular_core.InputSignal<number>;
     protected _totalItems: number;
     pageSize: number;
     currentPage: number;
@@ -41,37 +41,37 @@ declare class FlexPaginationComponent implements OnInit {
     lastPage(): void;
     prevPage(): void;
     nextPage(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlexPaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlexPaginationComponent, "flex-pagination", never, { "rowCount": { "alias": "rowCount"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexPaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexPaginationComponent, "flex-pagination", never, { "rowCount": { "alias": "rowCount"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
 }
 
 declare class FlexColumnComponent {
-    headerText: i0.InputSignal<string>;
+    headerText: _angular_core.InputSignal<string>;
     field: string;
     width: any;
     headerTemplate: TemplateRef<any>;
     cellTemplate: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlexColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlexColumnComponent, "flex-grid-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, ["headerTemplate", "cellTemplate"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexColumnComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexColumnComponent, "flex-grid-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, ["headerTemplate", "cellTemplate"], never, true, never>;
 }
 
 declare class FlexColumnsComponent {
     columns: QueryList<FlexColumnComponent>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlexColumnsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlexColumnsComponent, "flex-grid-columns", never, {}, {}, ["columns"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexColumnsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexColumnsComponent, "flex-grid-columns", never, {}, {}, ["columns"], never, true, never>;
 }
 
 declare class FlexGridComponent implements AfterViewInit {
-    enablePaging: i0.InputSignal<boolean>;
-    totalDataCount: i0.InputSignal<number>;
-    tableClass: i0.InputSignal<string>;
+    enablePaging: _angular_core.InputSignal<boolean>;
+    totalDataCount: _angular_core.InputSignal<number>;
+    tableClass: _angular_core.InputSignal<string>;
     dataSource: any[];
     gridColumns?: FlexColumnsComponent;
-    rowClicked: i0.OutputEmitterRef<{
+    rowClicked: _angular_core.OutputEmitterRef<{
         index: number;
         data: any;
     }>;
-    rowDblClicked: i0.OutputEmitterRef<{
+    rowDblClicked: _angular_core.OutputEmitterRef<{
         index: number;
         data: any;
     }>;
@@ -82,7 +82,7 @@ declare class FlexGridComponent implements AfterViewInit {
     selectedIndex: number;
     protected _totalDataCount: number;
     protected _tableClass: string;
-    pageChange: i0.OutputEmitterRef<{
+    pageChange: _angular_core.OutputEmitterRef<{
         skip: number;
         take: number;
     }>;
@@ -96,23 +96,78 @@ declare class FlexGridComponent implements AfterViewInit {
     onRowDblClick(index: number, data: any): void;
     onRowClick(index: number, data: any): void;
     onPageChanged(event: FlexPaging): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlexGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlexGridComponent, "flex-grid", never, { "enablePaging": { "alias": "enablePaging"; "required": false; "isSignal": true; }; "totalDataCount": { "alias": "totalDataCount"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "emptyRecordTemplate": { "alias": "emptyRecordTemplate"; "required": false; }; }, { "rowClicked": "rowClicked"; "rowDblClicked": "rowDblClicked"; "pageChange": "pageChange"; }, ["gridColumns"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexGridComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexGridComponent, "flex-grid", never, { "enablePaging": { "alias": "enablePaging"; "required": false; "isSignal": true; }; "totalDataCount": { "alias": "totalDataCount"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "emptyRecordTemplate": { "alias": "emptyRecordTemplate"; "required": false; }; }, { "rowClicked": "rowClicked"; "rowDblClicked": "rowDblClicked"; "pageChange": "pageChange"; }, ["gridColumns"], 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;
-    private resizeContent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlexContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlexContainerComponent, "flex-container", never, {}, {}, ["headerTpl", "footerTpl", "contentTpl"], never, true, never>;
+interface DateOption {
+    value: number | '';
+    name: string;
+    disabled?: boolean;
+}
+declare class ComboDatePickerComponent implements OnInit {
+    ngMinDate?: string;
+    ngMaxDate?: string;
+    ngMonths?: string[];
+    ngOrder: 'dmy' | 'mdy' | 'ymd';
+    ngDisabled: boolean;
+    ngPlaceholder: string | string[];
+    dateChanged: _angular_core.OutputEmitterRef<any>;
+    disabled: _angular_core.InputSignal<boolean>;
+    value: _angular_core.ModelSignal<any>;
+    _value: any;
+    day: number | '';
+    month: number | '';
+    year: number | '';
+    dates: DateOption[];
+    months: DateOption[];
+    years: DateOption[];
+    placeHolders: DateOption[];
+    cssClass: _angular_core.InputSignal<string | undefined>;
+    showHeader: _angular_core.InputSignal<boolean>;
+    dateTitle: _angular_core.InputSignal<string | undefined>;
+    monthTitle: _angular_core.InputSignal<string | undefined>;
+    yearTitle: _angular_core.InputSignal<string | undefined>;
+    constructor();
+    ngOnInit(): void;
+    private initPlaceholders;
+    private initMonths;
+    private initYears;
+    private initModel;
+    private updateDates;
+    private getMaxDate;
+    onChange(): void;
+    toLocalISOString(date: Date): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboDatePickerComponent, never>;
+    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>;
+}
+
+declare class HijriDatepickerComponent {
+    value: _angular_core.ModelSignal<any>;
+    valueChange: _angular_core.OutputEmitterRef<any>;
+    selectedDate?: Date;
+    showCalendar: boolean;
+    enabled: _angular_core.InputSignal<boolean>;
+    cssClass: _angular_core.InputSignal<string | undefined>;
+    format: _angular_core.InputSignal<string | undefined>;
+    inputDate: string;
+    isMobile: boolean;
+    constructor();
+    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;
+    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>;
 }
 
-export { FlexColumnComponent, FlexColumnsComponent, FlexContainerComponent, FlexGridComponent, FlexPaginationComponent, FlexPanelComponent };
+export { ComboDatePickerComponent, FlexColumnComponent, FlexColumnsComponent, FlexGridComponent, FlexPaginationComponent, FlexPanelComponent, HijriDatepickerComponent };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dcsl/flex-ui",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "peerDependencies": {
-    "@angular/common": ">=02.0.0",
+    "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0"
   },
   "dependencies": {