@ngbase/adk 0.1.11 → 0.1.14

package/fesm2022/ngbase-adk-datepicker.mjs

@@ -119,23 +119,23 @@ class NgbEndDate {
     constructor() {
         this.el = inject(ElementRef);
         this.inputS = inject(InputBase);
-        this.ngbEndDate = input.required();
+        this.ngbEndDate = input.required(...(ngDevMode ? [{ debugName: "ngbEndDate" }] : []));
         this.hidden = false;
         effect(() => {
             this.ngbEndDate().endDate = this;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbEndDate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbEndDate, isStandalone: true, selector: "[ngbEndDate]", inputs: { ngbEndDate: { classPropertyName: "ngbEndDate", publicName: "ngbEndDate", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "open()" } }, exportAs: ["ngbEndDate"], hostDirectives: [{ directive: i1.InputBase, inputs: ["value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbEndDate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbEndDate, isStandalone: true, selector: "[ngbEndDate]", inputs: { ngbEndDate: { classPropertyName: "ngbEndDate", publicName: "ngbEndDate", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ngbEndDate"], hostDirectives: [{ directive: i1.InputBase, inputs: ["value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbEndDate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbEndDate, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbEndDate]',
                     exportAs: 'ngbEndDate',
                     hostDirectives: [{ directive: InputBase, inputs: ['value'], outputs: ['valueChange'] }],
                     host: {
-                        '(click)': 'open()',
+                    // '(click)': 'open()',
                     },
                 }]
         }], ctorParameters: () => [] });
@@ -149,18 +149,18 @@ class NgbDatepickerTrigger {
         this.popover = ngbPopoverPortal();
         this.datepicker = inject(DatePicker, { optional: true }) ?? (NgbDatePicker);
         // readonly datepicker = input<NgbDatePicker<D>>();
-        this.noOfCalendars = input(1, { transform: (v) => Math.max(1, Number(v)) });
-        this.range = input(false, { transform: booleanAttribute });
-        this.time = input(false, { transform: booleanAttribute });
-        this.format = input('');
-        this.fieldFormat = input(DEFAULT_FIELD_FORMAT);
-        this.dateFilter = input(() => true);
-        this.pickerType = input('date');
-        this.pickerTemplate = input(null);
+        this.noOfCalendars = input(1, ...(ngDevMode ? [{ debugName: "noOfCalendars", transform: (v) => Math.max(1, Number(v)) }] : [{ transform: (v) => Math.max(1, Number(v)) }]));
+        this.range = input(false, ...(ngDevMode ? [{ debugName: "range", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.time = input(false, ...(ngDevMode ? [{ debugName: "time", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.format = input('', ...(ngDevMode ? [{ debugName: "format" }] : []));
+        this.fieldFormat = input(DEFAULT_FIELD_FORMAT, ...(ngDevMode ? [{ debugName: "fieldFormat" }] : []));
+        this.dateFilter = input(() => true, ...(ngDevMode ? [{ debugName: "dateFilter" }] : []));
+        this.pickerType = input('date', ...(ngDevMode ? [{ debugName: "pickerType" }] : []));
+        this.pickerTemplate = input(null, ...(ngDevMode ? [{ debugName: "pickerTemplate" }] : []));
         this.displayFormat = computed(() => {
             return this.format() || (this.time() ? DEFAULT_TIME_FORMAT : DEFAULT_FORMAT);
-        });
-        this.inputValue = computed(() => this.getInputValue());
+        }, ...(ngDevMode ? [{ debugName: "displayFormat" }] : []));
+        this.inputValue = computed(() => this.getInputValue(), ...(ngDevMode ? [{ debugName: "inputValue" }] : []));
         effect(() => {
             const value = this.inputValue();
             this.updateField(value);
@@ -233,10 +233,10 @@ class NgbDatepickerTrigger {
             }
         }, { injector: this.injector });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbDatepickerTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbDatepickerTrigger, isStandalone: true, selector: "[ngbDatepickerTrigger]", inputs: { noOfCalendars: { classPropertyName: "noOfCalendars", publicName: "noOfCalendars", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, fieldFormat: { classPropertyName: "fieldFormat", publicName: "fieldFormat", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, pickerType: { classPropertyName: "pickerType", publicName: "pickerType", isSignal: true, isRequired: false, transformFunction: null }, pickerTemplate: { classPropertyName: "pickerTemplate", publicName: "pickerTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "readonly": "true" }, listeners: { "click": "open()" } }, exportAs: ["ngbDatepickerTrigger"], hostDirectives: [{ directive: i1.InputBase, inputs: ["value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbDatepickerTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbDatepickerTrigger, isStandalone: true, selector: "[ngbDatepickerTrigger]", inputs: { noOfCalendars: { classPropertyName: "noOfCalendars", publicName: "noOfCalendars", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, fieldFormat: { classPropertyName: "fieldFormat", publicName: "fieldFormat", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, pickerType: { classPropertyName: "pickerType", publicName: "pickerType", isSignal: true, isRequired: false, transformFunction: null }, pickerTemplate: { classPropertyName: "pickerTemplate", publicName: "pickerTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "readonly": "true" }, listeners: { "click": "open()" } }, exportAs: ["ngbDatepickerTrigger"], hostDirectives: [{ directive: i1.InputBase, inputs: ["value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbDatepickerTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbDatepickerTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDatepickerTrigger]',
@@ -266,10 +266,10 @@ class DatepickerGroup {
         this.allyGroup._columns.set(7);
         this.allyGroup._initialFocus.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DatepickerGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: DatepickerGroup, isStandalone: true, selector: "[ngbDatepickerGroup]", exportAs: ["ngbDatepickerGroup"], hostDirectives: [{ directive: i1$1.AccessibleGroup }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DatepickerGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: DatepickerGroup, isStandalone: true, selector: "[ngbDatepickerGroup]", exportAs: ["ngbDatepickerGroup"], hostDirectives: [{ directive: i1$1.AccessibleGroup }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DatepickerGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DatepickerGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDatepickerGroup]',
@@ -285,32 +285,32 @@ class NgbDatePicker {
         });
         this.dialogRef = inject(DialogRef, { optional: true });
         this.adapter = injectNgbDateAdapter();
-        this.dateFilter = input(this.data?.dateFilter || (() => true));
-        this.pickerType = input(this.data?.pickerType || 'date');
-        this.allyGroup = viewChild(AccessibleGroup);
-        this.noOfCalendar = model(this.data?.noOfCalendars || 1);
-        this.range = model(this.data?.range || false);
-        this.time = signal(this.data?.time || false);
-        this.format = signal(this.data?.format || `MM-dd-yyyy${this.data?.time ? ' HH:mm a' : ''}`);
-        this.template = signal(this.data?.template || null);
-        this.showType = signal(this.pickerType());
-        this.selectedDates = signal([null, null]);
-        this.times = signal([null, null]);
+        this.allyGroup = viewChild(AccessibleGroup, ...(ngDevMode ? [{ debugName: "allyGroup" }] : []));
+        this.dateFilter = input(this.data?.dateFilter || (() => true), ...(ngDevMode ? [{ debugName: "dateFilter" }] : []));
+        this.pickerType = input(this.data?.pickerType || 'date', ...(ngDevMode ? [{ debugName: "pickerType" }] : []));
+        this.noOfCalendar = model(this.data?.noOfCalendars || 1, ...(ngDevMode ? [{ debugName: "noOfCalendar" }] : []));
+        this.range = model(this.data?.range || false, ...(ngDevMode ? [{ debugName: "range" }] : []));
+        this.time = signal(this.data?.time || false, ...(ngDevMode ? [{ debugName: "time" }] : []));
+        this.format = signal(this.data?.format || `MM-dd-yyyy${this.data?.time ? ' HH:mm a' : ''}`, ...(ngDevMode ? [{ debugName: "format" }] : []));
+        this.template = signal(this.data?.template || null, ...(ngDevMode ? [{ debugName: "template" }] : []));
+        this.showType = signal(this.pickerType(), ...(ngDevMode ? [{ debugName: "showType" }] : []));
+        this.selectedDates = signal([null, null], ...(ngDevMode ? [{ debugName: "selectedDates" }] : []));
+        this.times = signal([null, null], ...(ngDevMode ? [{ debugName: "times" }] : []));
         this.startDate = computed(() => {
             const dates = this.selectedDates();
             return Array.isArray(dates) && dates[0] ? dates[0] : this.adapter.now();
-        });
-        this.startMonth = signal(this.adapter.getMonth(this.startDate()));
-        this.startYear = signal(this.adapter.getYear(this.startDate()));
-        this.hoveredDate = signal(null);
+        }, ...(ngDevMode ? [{ debugName: "startDate" }] : []));
+        this.startMonth = signal(this.adapter.getMonth(this.startDate()), ...(ngDevMode ? [{ debugName: "startMonth" }] : []));
+        this.startYear = signal(this.adapter.getYear(this.startDate()), ...(ngDevMode ? [{ debugName: "startYear" }] : []));
+        this.hoveredDate = signal(null, ...(ngDevMode ? [{ debugName: "hoveredDate" }] : []));
         this.hoveredCount = computed(() => {
             const date = this.hoveredDate();
             return date ? this.adapter.getTime(date) : 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "hoveredCount" }] : []));
         this.startDateCount = computed(() => {
             const date = this.selectedDates()[0];
             return date ? this.adapter.getTime(date) : 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "startDateCount" }] : []));
         this.dates = computed(() => {
             const dates = this.selectedDates();
             const v = { year: [], month: [], day: [] };
@@ -325,7 +325,7 @@ class NgbDatePicker {
                 }
             }
             return v;
-        });
+        }, ...(ngDevMode ? [{ debugName: "dates" }] : []));
         this.ayId = uniqueId();
         effect(() => {
             this.init();
@@ -440,10 +440,10 @@ class NgbDatePicker {
         }
         this.showType.set(type);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbDatePicker, isStandalone: true, selector: "[ngbDatepicker]", inputs: { dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, pickerType: { classPropertyName: "pickerType", publicName: "pickerType", isSignal: true, isRequired: false, transformFunction: null }, noOfCalendar: { classPropertyName: "noOfCalendar", publicName: "noOfCalendar", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { noOfCalendar: "noOfCalendarChange", range: "rangeChange" }, viewQueries: [{ propertyName: "allyGroup", first: true, predicate: AccessibleGroup, descendants: true, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: NgbDatePicker, isStandalone: true, selector: "[ngbDatepicker]", inputs: { dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, pickerType: { classPropertyName: "pickerType", publicName: "pickerType", isSignal: true, isRequired: false, transformFunction: null }, noOfCalendar: { classPropertyName: "noOfCalendar", publicName: "noOfCalendar", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { noOfCalendar: "noOfCalendarChange", range: "rangeChange" }, viewQueries: [{ propertyName: "allyGroup", first: true, predicate: AccessibleGroup, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbDatePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbDatePicker, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDatepicker]',
@@ -459,21 +459,21 @@ function aliasDatePicker(picker) {
 class CalendarBtn {
     constructor() {
         this.cal = inject(NgbCalendar);
-        this.ngbCalendarBtn = input.required();
+        this.ngbCalendarBtn = input.required(...(ngDevMode ? [{ debugName: "ngbCalendarBtn" }] : []));
         this.disabled = computed(() => {
             return this.ngbCalendarBtn() === 'left' ? this.cal.leftBtn() : this.cal.rightBtn();
-        });
+        }, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.visible = computed(() => {
             return this.ngbCalendarBtn() === 'left' ? this.cal.first() : this.cal.last();
-        });
+        }, ...(ngDevMode ? [{ debugName: "visible" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: CalendarBtn, isStandalone: true, selector: "[ngbCalendarBtn]", inputs: { ngbCalendarBtn: { classPropertyName: "ngbCalendarBtn", publicName: "ngbCalendarBtn", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "cal.navigate(ngbCalendarBtn() === \"left\" ? -1 : 1)" }, properties: { "class": "!visible() ? \"invisible\" : \"\"", "disabled": "disabled()", "tabIndex": "disabled() ? -1 : 0" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: CalendarBtn, isStandalone: true, selector: "button[ngbCalendarBtn]", inputs: { ngbCalendarBtn: { classPropertyName: "ngbCalendarBtn", publicName: "ngbCalendarBtn", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "cal.navigate(ngbCalendarBtn() === \"left\" ? -1 : 1)" }, properties: { "class": "!visible() ? \"invisible\" : \"\"", "disabled": "disabled()", "tabIndex": "disabled() ? -1 : 0" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarBtn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarBtn, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngbCalendarBtn]',
+                    selector: 'button[ngbCalendarBtn]',
                     host: {
                         type: 'button',
                         '[class]': '!visible() ? "invisible" : ""',
@@ -487,10 +487,10 @@ class CalendarTitle {
     constructor() {
         this.cal = inject(NgbCalendar);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: CalendarTitle, isStandalone: true, selector: "[ngbCalendarTitle]", host: { attributes: { "type": "button" }, listeners: { "click": "cal.toggleView()" }, properties: { "tabIndex": "0" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: CalendarTitle, isStandalone: true, selector: "[ngbCalendarTitle]", host: { attributes: { "type": "button" }, listeners: { "click": "cal.toggleView()" }, properties: { "tabIndex": "0" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbCalendarTitle]',
@@ -505,18 +505,18 @@ class CalendarYearBtn {
     constructor() {
         this.cal = inject(NgbCalendar);
         this.ally = inject(AccessibleItem);
-        this.ngbCalYearBtn = input.required();
-        this.active = computed(() => this.ngbCalYearBtn().year === this.cal.cStartYear());
-        this.selected = computed(() => this.cal.todayDay() && this.active());
+        this.ngbCalYearBtn = input.required(...(ngDevMode ? [{ debugName: "ngbCalYearBtn" }] : []));
+        this.active = computed(() => this.ngbCalYearBtn().year === this.cal.cStartYear(), ...(ngDevMode ? [{ debugName: "active" }] : []));
+        this.selected = computed(() => this.cal.todayDay() && this.active(), ...(ngDevMode ? [{ debugName: "selected" }] : []));
         this.ally._ayId.set(this.cal.datePicker.ayId);
         effect(() => {
             this.ally._data.set(this.ngbCalYearBtn());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarYearBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: CalendarYearBtn, isStandalone: true, selector: "[ngbCalYearBtn]", inputs: { ngbCalYearBtn: { classPropertyName: "ngbCalYearBtn", publicName: "ngbCalYearBtn", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "!ngbCalYearBtn().disabled && cal.selectYear(ngbCalYearBtn().year)" } }, exportAs: ["ngbCalYearBtn"], hostDirectives: [{ directive: i1$1.AccessibleItem }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarYearBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: CalendarYearBtn, isStandalone: true, selector: "[ngbCalYearBtn]", inputs: { ngbCalYearBtn: { classPropertyName: "ngbCalYearBtn", publicName: "ngbCalYearBtn", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "!ngbCalYearBtn().disabled && cal.selectYear(ngbCalYearBtn().year)" } }, exportAs: ["ngbCalYearBtn"], hostDirectives: [{ directive: i1$1.AccessibleItem }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarYearBtn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarYearBtn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbCalYearBtn]',
@@ -532,20 +532,20 @@ class CalendarMonthBtn {
     constructor() {
         this.cal = inject(NgbCalendar);
         this.ally = inject(AccessibleItem);
-        this.ngbCalMonthBtn = input.required();
+        this.ngbCalMonthBtn = input.required(...(ngDevMode ? [{ debugName: "ngbCalMonthBtn" }] : []));
         this.active = computed(() => this.cal.datePicker
             .dates()
-            .month.includes(this.ngbCalMonthBtn().value + '-' + this.cal.cStartYear()));
-        this.selected = computed(() => this.cal.todayDay() && this.cal.cStartMonth() === this.ngbCalMonthBtn().value);
+            .month.includes(this.ngbCalMonthBtn().value + '-' + this.cal.cStartYear()), ...(ngDevMode ? [{ debugName: "active" }] : []));
+        this.selected = computed(() => this.cal.todayDay() && this.cal.cStartMonth() === this.ngbCalMonthBtn().value, ...(ngDevMode ? [{ debugName: "selected" }] : []));
         this.ally._ayId.set(this.cal.datePicker.ayId);
         effect(() => {
             this.ally._data.set(this.ngbCalMonthBtn());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarMonthBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: CalendarMonthBtn, isStandalone: true, selector: "[ngbCalMonthBtn]", inputs: { ngbCalMonthBtn: { classPropertyName: "ngbCalMonthBtn", publicName: "ngbCalMonthBtn", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "!ngbCalMonthBtn().disabled && cal.selectMonth(ngbCalMonthBtn())" } }, exportAs: ["ngbCalMonthBtn"], hostDirectives: [{ directive: i1$1.AccessibleItem }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarMonthBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: CalendarMonthBtn, isStandalone: true, selector: "[ngbCalMonthBtn]", inputs: { ngbCalMonthBtn: { classPropertyName: "ngbCalMonthBtn", publicName: "ngbCalMonthBtn", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "!ngbCalMonthBtn().disabled && cal.selectMonth(ngbCalMonthBtn())" } }, exportAs: ["ngbCalMonthBtn"], hostDirectives: [{ directive: i1$1.AccessibleItem }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarMonthBtn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarMonthBtn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbCalMonthBtn]',
@@ -561,18 +561,18 @@ class CalendarDayBtn {
     constructor() {
         this.cal = inject(NgbCalendar);
         this.ally = inject(AccessibleItem);
-        this.ngbCalDayBtn = input.required();
+        this.ngbCalDayBtn = input.required(...(ngDevMode ? [{ debugName: "ngbCalDayBtn" }] : []));
         this.active = computed(() => this.cal.datePicker
             .dates()
-            .day.includes(this.ngbCalDayBtn().day + '-' + this.ngbCalDayBtn().mon + '-' + this.cal.cStartYear()));
-        this.dummy = computed(() => !this.ngbCalDayBtn().current || this.ngbCalDayBtn().disabled);
+            .day.includes(this.ngbCalDayBtn().day + '-' + this.ngbCalDayBtn().mon + '-' + this.cal.cStartYear()), ...(ngDevMode ? [{ debugName: "active" }] : []));
+        this.dummy = computed(() => !this.ngbCalDayBtn().current || this.ngbCalDayBtn().disabled, ...(ngDevMode ? [{ debugName: "dummy" }] : []));
         this.selected = computed(() => {
             const day = this.ngbCalDayBtn();
             return ((day.day === this.cal.todayDay() && day.current) ||
                 (day.count <= this.cal.datePicker.hoveredCount() &&
                     this.cal.datePicker.startDateCount() &&
                     day.count >= this.cal.datePicker.startDateCount()));
-        });
+        }, ...(ngDevMode ? [{ debugName: "selected" }] : []));
         this.ally._ayId.set(this.cal.datePicker.ayId);
         effect(() => {
             this.ally._data.set(this.ngbCalDayBtn());
@@ -580,10 +580,10 @@ class CalendarDayBtn {
             this.ally._skip.set(this.ngbCalDayBtn().disabled);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarDayBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: CalendarDayBtn, isStandalone: true, selector: "[ngbCalDayBtn]", inputs: { ngbCalDayBtn: { classPropertyName: "ngbCalDayBtn", publicName: "ngbCalDayBtn", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "!ngbCalDayBtn().disabled && cal.selectDate(ngbCalDayBtn().day, ngbCalDayBtn().mon)" } }, exportAs: ["ngbCalDayBtn"], hostDirectives: [{ directive: i1$1.AccessibleItem }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarDayBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: CalendarDayBtn, isStandalone: true, selector: "[ngbCalDayBtn]", inputs: { ngbCalDayBtn: { classPropertyName: "ngbCalDayBtn", publicName: "ngbCalDayBtn", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "!ngbCalDayBtn().disabled && cal.selectDate(ngbCalDayBtn().day, ngbCalDayBtn().mon)" } }, exportAs: ["ngbCalDayBtn"], hostDirectives: [{ directive: i1$1.AccessibleItem }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CalendarDayBtn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CalendarDayBtn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbCalDayBtn]',
@@ -599,18 +599,18 @@ class NgbCalendar {
     constructor() {
         this.dir = inject(Directionality);
         this.datePicker = inject(NgbDatePicker);
-        this.days = viewChildren(CalendarDayBtn, {
-            read: ElementRef,
-        });
-        this.first = input(false);
-        this.last = input(false);
-        this.index = input(0);
-        this.time1 = signal(null);
-        this.time2 = signal(null);
+        this.days = viewChildren(CalendarDayBtn, ...(ngDevMode ? [{ debugName: "days", read: ElementRef }] : [{
+                read: ElementRef,
+            }]));
+        this.first = input(false, ...(ngDevMode ? [{ debugName: "first" }] : []));
+        this.last = input(false, ...(ngDevMode ? [{ debugName: "last" }] : []));
+        this.index = input(0, ...(ngDevMode ? [{ debugName: "index" }] : []));
+        this.time1 = signal(null, ...(ngDevMode ? [{ debugName: "time1" }] : []));
+        this.time2 = signal(null, ...(ngDevMode ? [{ debugName: "time2" }] : []));
         this.cStartMonth = computed(() => {
             const month = this.datePicker.startMonth() + this.index();
             return month > 11 ? 12 - month : month;
-        });
+        }, ...(ngDevMode ? [{ debugName: "cStartMonth" }] : []));
         this.cStartYear = computed(() => {
             const year = this.datePicker.startYear();
             const month = this.datePicker.startMonth();
@@ -625,12 +625,12 @@ class NgbCalendar {
             else {
                 return year + index * 24;
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "cStartYear" }] : []));
         this.selectedMonthName = computed(() => {
             const date = this.adapter.create(this.cStartYear(), this.cStartMonth());
             return this.adapter.longMonthNames(date);
-        });
-        this.currentYear = signal(this.cStartYear());
+        }, ...(ngDevMode ? [{ debugName: "selectedMonthName" }] : []));
+        this.currentYear = signal(this.cStartYear(), ...(ngDevMode ? [{ debugName: "currentYear" }] : []));
         this.years = computed(() => {
             const year = this.currentYear();
             const filter = this.datePicker.dateFilter();
@@ -638,7 +638,7 @@ class NgbCalendar {
                 const y = year - (18 - 6) + i;
                 return { year: y, disabled: !filter?.(this.adapter.create(y, 0)) };
             });
-        });
+        }, ...(ngDevMode ? [{ debugName: "years" }] : []));
         this.months = computed(() => {
             const filter = this.datePicker.dateFilter();
             return Array.from({ length: 12 }, (_, i) => {
@@ -647,7 +647,7 @@ class NgbCalendar {
                 const name = this.adapter.longMonthNames(date);
                 return { name: name.substring(0, 3), value: i, disabled: isDisabled };
             });
-        });
+        }, ...(ngDevMode ? [{ debugName: "months" }] : []));
         // computed the title based on the type
         this.title = computed(() => {
             const type = this.datePicker.showType();
@@ -660,7 +660,7 @@ class NgbCalendar {
                     ? year
                     : month + ' ' + year;
             return r;
-        });
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
         this.dayNames = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
         // get the days array based on the month and year
         this.getDaysArray = computed(() => {
@@ -710,7 +710,7 @@ class NgbCalendar {
             });
             t.push(...daysArrayNext);
             return t;
-        });
+        }, ...(ngDevMode ? [{ debugName: "getDaysArray" }] : []));
         // whether the left button is disabled based on the type
         // and disabled state
         this.leftBtn = computed(() => {
@@ -726,7 +726,7 @@ class NgbCalendar {
             else {
                 return !filter?.(this.adapter.create(year, this.cStartMonth() - 1));
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "leftBtn" }] : []));
         // whether the right button is disabled based on the type
         // and disabled state
         this.rightBtn = computed(() => {
@@ -742,11 +742,11 @@ class NgbCalendar {
             else {
                 return !filter?.(this.adapter.create(year, this.cStartMonth() + 1));
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "rightBtn" }] : []));
         this.todayDay = computed(() => {
             const today = this.adapter.now();
             return this.getSelectedDayOfMonth(today);
-        });
+        }, ...(ngDevMode ? [{ debugName: "todayDay" }] : []));
         this.eventListeners = [];
         if (this.datePicker.time() && this.datePicker.range()) {
             const [first, second] = this.datePicker.selectedDates();
@@ -840,10 +840,10 @@ class NgbCalendar {
     ngOnDestroy() {
         this.clearListeners();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbCalendar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbCalendar, isStandalone: true, selector: "ngb-calendar", inputs: { first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, last: { classPropertyName: "last", publicName: "last", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "days", predicate: CalendarDayBtn, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbCalendar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: NgbCalendar, isStandalone: true, selector: "ngb-calendar", inputs: { first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, last: { classPropertyName: "last", publicName: "last", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "days", predicate: CalendarDayBtn, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbCalendar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbCalendar, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ngb-calendar',
@@ -860,7 +860,7 @@ class NgbTimeInput {
     constructor() {
         this.numberOnly = inject(NumberOnly);
         this.timePicker = inject(NgbTimePicker);
-        this.ngbTimeInput = input.required();
+        this.ngbTimeInput = input.required(...(ngDevMode ? [{ debugName: "ngbTimeInput" }] : []));
         this.numberOnly._min.set(0);
         this.numberOnly._len.set(2);
         effect(() => {
@@ -873,10 +873,10 @@ class NgbTimeInput {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTimeInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbTimeInput, isStandalone: true, selector: "[ngbTimeInput]", inputs: { ngbTimeInput: { classPropertyName: "ngbTimeInput", publicName: "ngbTimeInput", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "tel" } }, hostDirectives: [{ directive: i1$2.NumberOnly, inputs: ["value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTimeInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbTimeInput, isStandalone: true, selector: "[ngbTimeInput]", inputs: { ngbTimeInput: { classPropertyName: "ngbTimeInput", publicName: "ngbTimeInput", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "tel" } }, hostDirectives: [{ directive: i1$2.NumberOnly, inputs: ["value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTimeInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTimeInput, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTimeInput]',
@@ -888,17 +888,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
         }], ctorParameters: () => [] });
 class NgbTimePicker {
     constructor() {
-        this.is24 = input(false);
-        this.value = input();
+        this.is24 = input(false, ...(ngDevMode ? [{ debugName: "is24" }] : []));
+        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
         this.valueChange = output();
         this.time = computed(() => {
             return (`${padString(this.hours())}:${padString(this.minutes())}:${padString(this.seconds())}` +
                 (!this.is24() ? ` ${this.am() ? 'AM' : 'PM'}` : ''));
-        });
-        this.hours = signal('00');
-        this.minutes = signal('00');
-        this.seconds = signal('00');
-        this.am = signal(true);
+        }, ...(ngDevMode ? [{ debugName: "time" }] : []));
+        this.hours = signal('00', ...(ngDevMode ? [{ debugName: "hours" }] : []));
+        this.minutes = signal('00', ...(ngDevMode ? [{ debugName: "minutes" }] : []));
+        this.seconds = signal('00', ...(ngDevMode ? [{ debugName: "seconds" }] : []));
+        this.am = signal(true, ...(ngDevMode ? [{ debugName: "am" }] : []));
         this.onChange = (_) => { };
         this.onTouched = () => { };
         effect(() => {
@@ -942,10 +942,10 @@ class NgbTimePicker {
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbTimePicker, isStandalone: true, selector: "[ngbTime]", inputs: { is24: { classPropertyName: "is24", publicName: "is24", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, providers: [_provide(NgbTimePicker)], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbTimePicker, isStandalone: true, selector: "[ngbTime]", inputs: { is24: { classPropertyName: "is24", publicName: "is24", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, providers: [_provide(NgbTimePicker)], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTimePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTimePicker, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTime]',