ng-primitives 0.120.4 → 0.121.0

package/fesm2022/ng-primitives-date-picker.mjs

@@ -113,10 +113,10 @@ class NgpDatePickerCellRender {
     ngOnDestroy() {
         this.viewRefs.forEach(viewRef => viewRef.destroy());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerCellRender, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpDatePickerCellRender, isStandalone: true, selector: "[ngpDatePickerCellRender]", providers: [{ provide: NgpDatePickerCellRenderToken, useExisting: NgpDatePickerCellRender }], exportAs: ["ngpDatePickerCellRender"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerCellRender, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpDatePickerCellRender, isStandalone: true, selector: "[ngpDatePickerCellRender]", providers: [{ provide: NgpDatePickerCellRenderToken, useExisting: NgpDatePickerCellRender }], exportAs: ["ngpDatePickerCellRender"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerCellRender, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerCellRender, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDatePickerCellRender]',
@@ -180,18 +180,16 @@ class NgpDatePickerCell {
         /**
          * Access the child date picker date button.
          */
-        this.datePickerButton = contentChild(NgpDatePickerDateButtonToken, ...(ngDevMode ? [{ debugName: "datePickerButton", descendants: true }] : [{
-                descendants: true,
-            }]));
+        this.datePickerButton = contentChild(NgpDatePickerDateButtonToken, { ...(ngDevMode ? { debugName: "datePickerButton" } : /* istanbul ignore next */ {}), descendants: true });
         /**
          * Access the label id.
          */
-        this.labelId = computed(() => this.state().label()?.id(), ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+        this.labelId = computed(() => this.state().label()?.id(), ...(ngDevMode ? [{ debugName: "labelId" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerCell, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.9", type: NgpDatePickerCell, isStandalone: true, selector: "[ngpDatePickerCell]", host: { attributes: { "role": "gridcell" }, properties: { "attr.data-selected": "datePickerButton()?.selected() ? \"\" : null", "attr.aria-selected": "datePickerButton()?.selected()", "attr.aria-disabled": "datePickerButton()?.disabled()", "attr.data-disabled": "datePickerButton()?.disabled() ? \"\" : null", "attr.aria-labelledby": "labelId()" } }, queries: [{ propertyName: "datePickerButton", first: true, predicate: NgpDatePickerDateButtonToken, descendants: true, isSignal: true }], exportAs: ["ngpDatePickerCell"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerCell, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.14", type: NgpDatePickerCell, isStandalone: true, selector: "[ngpDatePickerCell]", host: { attributes: { "role": "gridcell" }, properties: { "attr.data-selected": "datePickerButton()?.selected() ? \"\" : null", "attr.aria-selected": "datePickerButton()?.selected()", "attr.aria-disabled": "datePickerButton()?.disabled()", "attr.data-disabled": "datePickerButton()?.disabled() ? \"\" : null", "attr.aria-labelledby": "labelId()" } }, queries: [{ propertyName: "datePickerButton", first: true, predicate: NgpDatePickerDateButtonToken, descendants: true, isSignal: true }], exportAs: ["ngpDatePickerCell"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerCell, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDatePickerCell]',
@@ -237,32 +235,32 @@ class NgpDatePickerDateButton {
         /**
          * Determine if this is the focused date.
          */
-        this.focused = computed(() => this.dateAdapter.isSameDay(this.date, this.state().focusedDate()), ...(ngDevMode ? [{ debugName: "focused" }] : []));
+        this.focused = computed(() => this.dateAdapter.isSameDay(this.date, this.state().focusedDate()), ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
         /**
          * Determine if this is the selected date.
          * @internal
          */
-        this.selected = computed(() => this.state().isSelected(this.date), ...(ngDevMode ? [{ debugName: "selected" }] : []));
+        this.selected = computed(() => this.state().isSelected(this.date), ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
         /**
          * Determine if this is the start date of the range.
          */
-        this.start = computed(() => this.state().isStartOfRange(this.date), ...(ngDevMode ? [{ debugName: "start" }] : []));
+        this.start = computed(() => this.state().isStartOfRange(this.date), ...(ngDevMode ? [{ debugName: "start" }] : /* istanbul ignore next */ []));
         /**
          * Determine if this is the end date of the range.
          */
-        this.end = computed(() => this.state().isEndOfRange(this.date), ...(ngDevMode ? [{ debugName: "end" }] : []));
+        this.end = computed(() => this.state().isEndOfRange(this.date), ...(ngDevMode ? [{ debugName: "end" }] : /* istanbul ignore next */ []));
         /**
          * Determine if this is between the start and end dates of the range.
          */
-        this.betweenRange = computed(() => this.state().isBetweenRange(this.date), ...(ngDevMode ? [{ debugName: "betweenRange" }] : []));
+        this.betweenRange = computed(() => this.state().isBetweenRange(this.date), ...(ngDevMode ? [{ debugName: "betweenRange" }] : /* istanbul ignore next */ []));
         /**
          * Determine if this date is outside the current month.
          */
-        this.outside = computed(() => !this.dateAdapter.isSameMonth(this.date, this.state().focusedDate()), ...(ngDevMode ? [{ debugName: "outside" }] : []));
+        this.outside = computed(() => !this.dateAdapter.isSameMonth(this.date, this.state().focusedDate()), ...(ngDevMode ? [{ debugName: "outside" }] : /* istanbul ignore next */ []));
         /**
          * Determine if this date is today.
          */
-        this.today = computed(() => this.dateAdapter.isSameDay(this.date, this.dateAdapter.now()), ...(ngDevMode ? [{ debugName: "today" }] : []));
+        this.today = computed(() => this.dateAdapter.isSameDay(this.date, this.dateAdapter.now()), ...(ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []));
         /**
          * Determine if this date is disabled.
          * @internal
@@ -280,7 +278,7 @@ class NgpDatePickerDateButton {
                 return true;
             }
             return false;
-        }, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
         /**
          * Determine if the element is a button.
          */
@@ -425,10 +423,10 @@ class NgpDatePickerDateButton {
     getDirection() {
         return getComputedStyle(this.elementRef.nativeElement).direction === 'rtl' ? 'rtl' : 'ltr';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerDateButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpDatePickerDateButton, isStandalone: true, selector: "[ngpDatePickerDateButton]", host: { listeners: { "click": "select()", "keydown.enter": "select($event)", "keydown.space": "select($event)", "keydown.arrowLeft": "focusPrevious($event)", "keydown.arrowRight": "focusNext($event)", "keydown.arrowUp": "focusAbove($event)", "keydown.arrowDown": "focusBelow($event)", "keydown.home": "focusFirst($event)", "keydown.end": "focusLast($event)", "keydown.pageUp": "focusPreviousMonth($event)", "keydown.pageDown": "focusNextMonth($event)" }, properties: { "attr.role": "!isButton ? \"button\" : null", "attr.tabindex": "focused() ? 0 : -1", "attr.data-selected": "selected() ? \"\" : null", "attr.aria-disabled": "disabled()", "attr.data-outside-month": "outside() ? \"\" : null", "attr.data-today": "today() ? \"\" : null", "attr.data-range-start": "start() ? \"\" : null", "attr.data-range-end": "end() ? \"\" : null", "attr.data-range-between": "betweenRange() ? \"\" : null" } }, providers: [{ provide: NgpDatePickerDateButtonToken, useExisting: NgpDatePickerDateButton }], exportAs: ["ngpDatePickerDateButton"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerDateButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpDatePickerDateButton, isStandalone: true, selector: "[ngpDatePickerDateButton]", host: { listeners: { "click": "select()", "keydown.enter": "select($event)", "keydown.space": "select($event)", "keydown.arrowLeft": "focusPrevious($event)", "keydown.arrowRight": "focusNext($event)", "keydown.arrowUp": "focusAbove($event)", "keydown.arrowDown": "focusBelow($event)", "keydown.home": "focusFirst($event)", "keydown.end": "focusLast($event)", "keydown.pageUp": "focusPreviousMonth($event)", "keydown.pageDown": "focusNextMonth($event)" }, properties: { "attr.role": "!isButton ? \"button\" : null", "attr.tabindex": "focused() ? 0 : -1", "attr.data-selected": "selected() ? \"\" : null", "attr.aria-disabled": "disabled()", "attr.data-outside-month": "outside() ? \"\" : null", "attr.data-today": "today() ? \"\" : null", "attr.data-range-start": "start() ? \"\" : null", "attr.data-range-end": "end() ? \"\" : null", "attr.data-range-between": "betweenRange() ? \"\" : null" } }, providers: [{ provide: NgpDatePickerDateButtonToken, useExisting: NgpDatePickerDateButton }], exportAs: ["ngpDatePickerDateButton"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerDateButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerDateButton, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDatePickerDateButton]',
@@ -493,12 +491,12 @@ class NgpDatePickerGrid {
         /**
          * Determine the id for the label.
          */
-        this.labelId = computed(() => this.state().label()?.id(), ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+        this.labelId = computed(() => this.state().label()?.id(), ...(ngDevMode ? [{ debugName: "labelId" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerGrid, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpDatePickerGrid, isStandalone: true, selector: "[ngpDatePickerGrid]", host: { attributes: { "role": "grid" }, properties: { "attr.aria-labelledby": "labelId()", "attr.data-disabled": "state().disabled() ? \"\" : null" } }, exportAs: ["ngpDatePickerGrid"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerGrid, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpDatePickerGrid, isStandalone: true, selector: "[ngpDatePickerGrid]", host: { attributes: { "role": "grid" }, properties: { "attr.aria-labelledby": "labelId()", "attr.data-disabled": "state().disabled() ? \"\" : null" } }, exportAs: ["ngpDatePickerGrid"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerGrid, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDatePickerGrid]',
@@ -531,18 +529,16 @@ class NgpDatePickerLabel {
         /**
          * Define a unique id for the label.
          */
-        this.id = input(uniqueId('ngp-date-picker-label'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-date-picker-label'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * Define the aria live attribute.
          */
-        this.ariaLive = input('polite', ...(ngDevMode ? [{ debugName: "ariaLive", alias: 'aria-live' }] : [{
-                alias: 'aria-live',
-            }]));
+        this.ariaLive = input('polite', { ...(ngDevMode ? { debugName: "ariaLive" } : /* istanbul ignore next */ {}), alias: 'aria-live' });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpDatePickerLabel, isStandalone: true, selector: "[ngpDatePickerLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLive: { classPropertyName: "ariaLive", publicName: "aria-live", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()", "attr.aria-live": "ariaLive()", "attr.data-disabled": "state().disabled() ? \"\" : null" } }, providers: [{ provide: NgpDatePickerLabelToken, useExisting: NgpDatePickerLabel }], exportAs: ["ngpDatePickerLabel"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpDatePickerLabel, isStandalone: true, selector: "[ngpDatePickerLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLive: { classPropertyName: "ariaLive", publicName: "aria-live", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()", "attr.aria-live": "ariaLive()", "attr.data-disabled": "state().disabled() ? \"\" : null" } }, providers: [{ provide: NgpDatePickerLabelToken, useExisting: NgpDatePickerLabel }], exportAs: ["ngpDatePickerLabel"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDatePickerLabel]',
@@ -597,7 +593,7 @@ class NgpDatePickerNextMonth {
                 return true;
             }
             return false;
-        }, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
         ngpButton({ disabled: this.disabled });
     }
     /**
@@ -607,22 +603,29 @@ class NgpDatePickerNextMonth {
         if (this.disabled()) {
             return;
         }
-        // move focus to the first day of the next month.
-        let date = this.state().focusedDate();
-        date = this.dateAdapter.add(date, { months: 1 });
-        date = this.dateAdapter.set(date, {
+        const focusedDate = this.state().focusedDate();
+        const day = this.dateAdapter.getDate(focusedDate);
+        // Move to the first day of the next month before restoring the focused day,
+        // otherwise a focused date such as the 31st would overflow into the month
+        // after next when the next month has fewer days.
+        let date = this.dateAdapter.set(focusedDate, {
             day: 1,
             hour: 0,
             minute: 0,
             second: 0,
             millisecond: 0,
         });
+        date = this.dateAdapter.add(date, { months: 1 });
+        // Preserve the focused day, clamping to the last day of the month when the
+        // next month is shorter (e.g. 31 May -> 30 June).
+        const lastDay = this.dateAdapter.getDate(this.dateAdapter.endOfMonth(date));
+        date = this.dateAdapter.set(date, { day: Math.min(day, lastDay) });
         this.state().setFocusedDate(date, 'mouse', 'forward');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerNextMonth, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpDatePickerNextMonth, isStandalone: true, selector: "[ngpDatePickerNextMonth]", host: { listeners: { "click": "navigateToNextMonth()" }, properties: { "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.type": "isButton ? \"button\" : null" } }, exportAs: ["ngpDatePickerNextMonth"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerNextMonth, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpDatePickerNextMonth, isStandalone: true, selector: "[ngpDatePickerNextMonth]", host: { listeners: { "click": "navigateToNextMonth()" }, properties: { "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.type": "isButton ? \"button\" : null" } }, exportAs: ["ngpDatePickerNextMonth"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerNextMonth, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerNextMonth, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDatePickerNextMonth]',
@@ -679,7 +682,7 @@ class NgpDatePickerPreviousMonth {
                 return true;
             }
             return false;
-        }, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
         ngpButton({ disabled: this.disabled });
     }
     /**
@@ -689,9 +692,12 @@ class NgpDatePickerPreviousMonth {
         if (this.disabled()) {
             return;
         }
-        // move focus to the first day of the previous month.
-        let date = this.state().focusedDate();
-        date = this.dateAdapter.set(date, {
+        const focusedDate = this.state().focusedDate();
+        const day = this.dateAdapter.getDate(focusedDate);
+        // Move to the first day of the previous month before restoring the focused
+        // day, otherwise a focused date such as the 31st would overflow when the
+        // previous month has fewer days.
+        let date = this.dateAdapter.set(focusedDate, {
             day: 1,
             hour: 0,
             minute: 0,
@@ -699,12 +705,16 @@ class NgpDatePickerPreviousMonth {
             millisecond: 0,
         });
         date = this.dateAdapter.subtract(date, { months: 1 });
+        // Preserve the focused day, clamping to the last day of the month when the
+        // previous month is shorter (e.g. 31 March -> 28 February).
+        const lastDay = this.dateAdapter.getDate(this.dateAdapter.endOfMonth(date));
+        date = this.dateAdapter.set(date, { day: Math.min(day, lastDay) });
         this.state().setFocusedDate(date, 'mouse', 'backward');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerPreviousMonth, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpDatePickerPreviousMonth, isStandalone: true, selector: "[ngpDatePickerPreviousMonth]", host: { listeners: { "click": "navigateToPreviouMonth()" }, properties: { "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.type": "isButton ? \"button\" : null" } }, exportAs: ["ngpDatePickerPreviousMonth"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerPreviousMonth, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpDatePickerPreviousMonth, isStandalone: true, selector: "[ngpDatePickerPreviousMonth]", host: { listeners: { "click": "navigateToPreviouMonth()" }, properties: { "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.type": "isButton ? \"button\" : null" } }, exportAs: ["ngpDatePickerPreviousMonth"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerPreviousMonth, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerPreviousMonth, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDatePickerPreviousMonth]',
@@ -771,7 +781,7 @@ class NgpDatePickerRowRender {
                 firstDay = this.dateAdapter.add(firstDay, { days: 1 });
             }
             return days;
-        }, ...(ngDevMode ? [{ debugName: "days" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "days" }] : /* istanbul ignore next */ []));
         // get the weeks to display.
         this.weeks = computed(() => {
             const days = this.days();
@@ -780,7 +790,7 @@ class NgpDatePickerRowRender {
                 weeks.push(days.slice(i, i + 7));
             }
             return weeks;
-        }, ...(ngDevMode ? [{ debugName: "weeks" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "weeks" }] : /* istanbul ignore next */ []));
         /**
          * Store the embedded view refs of each rendered row.
          */
@@ -859,10 +869,10 @@ class NgpDatePickerRowRender {
         const firstDay = this.state().firstDayOfWeek();
         return (DAYS_PER_WEEK + firstDay + DAYS_PER_WEEK - 1 - lastDay) % DAYS_PER_WEEK;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerRowRender, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpDatePickerRowRender, isStandalone: true, selector: "[ngpDatePickerRowRender]", providers: [{ provide: NgpDatePickerRowRenderToken, useExisting: NgpDatePickerRowRender }], exportAs: ["ngpDatePickerRowRender"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerRowRender, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpDatePickerRowRender, isStandalone: true, selector: "[ngpDatePickerRowRender]", providers: [{ provide: NgpDatePickerRowRenderToken, useExisting: NgpDatePickerRowRender }], exportAs: ["ngpDatePickerRowRender"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePickerRowRender, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePickerRowRender, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDatePickerRowRender]',
@@ -904,29 +914,20 @@ class NgpDatePicker {
         /**
          * The minimum date that can be selected.
          */
-        this.min = input(undefined, ...(ngDevMode ? [{ debugName: "min", alias: 'ngpDatePickerMin' }] : [{
-                alias: 'ngpDatePickerMin',
-            }]));
+        this.min = input(undefined, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), alias: 'ngpDatePickerMin' });
         /**
          * The maximum date that can be selected.
          */
-        this.max = input(undefined, ...(ngDevMode ? [{ debugName: "max", alias: 'ngpDatePickerMax' }] : [{
-                alias: 'ngpDatePickerMax',
-            }]));
+        this.max = input(undefined, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), alias: 'ngpDatePickerMax' });
         /**
          * Determine if the date picker is disabled.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpDatePickerDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpDatePickerDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpDatePickerDisabled',
+            transform: booleanAttribute });
         /**
          * A function that is called to determine if a specific date should be disabled.
          */
-        this.dateDisabled = input(() => false, ...(ngDevMode ? [{ debugName: "dateDisabled", alias: 'ngpDatePickerDateDisabled' }] : [{
-                alias: 'ngpDatePickerDateDisabled',
-            }]));
+        this.dateDisabled = input(() => false, { ...(ngDevMode ? { debugName: "dateDisabled" } : /* istanbul ignore next */ {}), alias: 'ngpDatePickerDateDisabled' });
         /**
          * Sets which day starts the week in the calendar.
          * Accepts 0-7 where 1=Monday, 2=Tuesday, 3=Wednesday, 4=Thursday, 5=Friday, 6=Saturday, 7=Sunday.
@@ -934,17 +935,12 @@ class NgpDatePicker {
          * Note: Update calendar header column order when changing from Sunday start.
          * @default 7 (Sunday)
          */
-        this.firstDayOfWeek = input(transformToFirstDayOfWeekNumber(this.config.firstDayOfWeek), ...(ngDevMode ? [{ debugName: "firstDayOfWeek", alias: 'ngpDatePickerFirstDayOfWeek',
-                transform: transformToFirstDayOfWeekNumber }] : [{
-                alias: 'ngpDatePickerFirstDayOfWeek',
-                transform: transformToFirstDayOfWeekNumber,
-            }]));
+        this.firstDayOfWeek = input(transformToFirstDayOfWeekNumber(this.config.firstDayOfWeek), { ...(ngDevMode ? { debugName: "firstDayOfWeek" } : /* istanbul ignore next */ {}), alias: 'ngpDatePickerFirstDayOfWeek',
+            transform: transformToFirstDayOfWeekNumber });
         /**
          * The selected value.
          */
-        this.date = input(undefined, ...(ngDevMode ? [{ debugName: "date", alias: 'ngpDatePickerDate' }] : [{
-                alias: 'ngpDatePickerDate',
-            }]));
+        this.date = input(undefined, { ...(ngDevMode ? { debugName: "date" } : /* istanbul ignore next */ {}), alias: 'ngpDatePickerDate' });
         /**
          * Emit when the date changes.
          */
@@ -954,9 +950,7 @@ class NgpDatePicker {
         /**
          * The focused value.
          */
-        this.focusedDate = input(this.dateAdapter.now(), ...(ngDevMode ? [{ debugName: "focusedDate", alias: 'ngpDatePickerFocusedDate' }] : [{
-                alias: 'ngpDatePickerFocusedDate',
-            }]));
+        this.focusedDate = input(this.dateAdapter.now(), { ...(ngDevMode ? { debugName: "focusedDate" } : /* istanbul ignore next */ {}), alias: 'ngpDatePickerFocusedDate' });
         /**
          * Emit when the focused date changes.
          */
@@ -967,11 +961,11 @@ class NgpDatePicker {
          * Detect the label element.
          * @internal
          */
-        this.label = contentChild(NgpDatePickerLabelToken, ...(ngDevMode ? [{ debugName: "label", descendants: true }] : [{ descendants: true }]));
+        this.label = contentChild(NgpDatePickerLabelToken, { ...(ngDevMode ? { debugName: "label" } : /* istanbul ignore next */ {}), descendants: true });
         /**
          * Access all the date picker buttons
          */
-        this.buttons = signal([], ...(ngDevMode ? [{ debugName: "buttons" }] : []));
+        this.buttons = signal([], ...(ngDevMode ? [{ debugName: "buttons" }] : /* istanbul ignore next */ []));
         /**
          * The date picker state.
          */
@@ -1091,10 +1085,10 @@ class NgpDatePicker {
     isBetweenRange(_) {
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.9", type: NgpDatePicker, isStandalone: true, selector: "[ngpDatePicker]", inputs: { min: { classPropertyName: "min", publicName: "ngpDatePickerMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpDatePickerMax", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpDatePickerDisabled", isSignal: true, isRequired: false, transformFunction: null }, dateDisabled: { classPropertyName: "dateDisabled", publicName: "ngpDatePickerDateDisabled", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "ngpDatePickerFirstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "ngpDatePickerDate", isSignal: true, isRequired: false, transformFunction: null }, focusedDate: { classPropertyName: "focusedDate", publicName: "ngpDatePickerFocusedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChange: "ngpDatePickerDateChange", focusedDateChange: "ngpDatePickerFocusedDateChange" }, host: { properties: { "attr.data-disabled": "state.disabled() ? \"\" : null" } }, providers: [provideDatePickerState()], queries: [{ propertyName: "label", first: true, predicate: NgpDatePickerLabelToken, descendants: true, isSignal: true }], exportAs: ["ngpDatePicker"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.14", type: NgpDatePicker, isStandalone: true, selector: "[ngpDatePicker]", inputs: { min: { classPropertyName: "min", publicName: "ngpDatePickerMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpDatePickerMax", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpDatePickerDisabled", isSignal: true, isRequired: false, transformFunction: null }, dateDisabled: { classPropertyName: "dateDisabled", publicName: "ngpDatePickerDateDisabled", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "ngpDatePickerFirstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "ngpDatePickerDate", isSignal: true, isRequired: false, transformFunction: null }, focusedDate: { classPropertyName: "focusedDate", publicName: "ngpDatePickerFocusedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChange: "ngpDatePickerDateChange", focusedDateChange: "ngpDatePickerFocusedDateChange" }, host: { properties: { "attr.data-disabled": "state.disabled() ? \"\" : null" } }, providers: [provideDatePickerState()], queries: [{ propertyName: "label", first: true, predicate: NgpDatePickerLabelToken, descendants: true, isSignal: true }], exportAs: ["ngpDatePicker"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDatePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDatePicker, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDatePicker]',
@@ -1120,29 +1114,20 @@ class NgpDateRangePicker {
         /**
          * The minimum date that can be selected.
          */
-        this.min = input(undefined, ...(ngDevMode ? [{ debugName: "min", alias: 'ngpDateRangePickerMin' }] : [{
-                alias: 'ngpDateRangePickerMin',
-            }]));
+        this.min = input(undefined, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), alias: 'ngpDateRangePickerMin' });
         /**
          * The maximum date that can be selected.
          */
-        this.max = input(undefined, ...(ngDevMode ? [{ debugName: "max", alias: 'ngpDateRangePickerMax' }] : [{
-                alias: 'ngpDateRangePickerMax',
-            }]));
+        this.max = input(undefined, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), alias: 'ngpDateRangePickerMax' });
         /**
          * Determine if the date picker is disabled.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpDateRangePickerDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpDateRangePickerDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpDateRangePickerDisabled',
+            transform: booleanAttribute });
         /**
          * A function that is called to determine if a specific date should be disabled.
          */
-        this.dateDisabled = input(() => false, ...(ngDevMode ? [{ debugName: "dateDisabled", alias: 'ngpDateRangePickerDateDisabled' }] : [{
-                alias: 'ngpDateRangePickerDateDisabled',
-            }]));
+        this.dateDisabled = input(() => false, { ...(ngDevMode ? { debugName: "dateDisabled" } : /* istanbul ignore next */ {}), alias: 'ngpDateRangePickerDateDisabled' });
         /**
          * Sets which day starts the week in the calendar.
          * Accepts 0-7 where 1=Monday, 2=Tuesday, 3=Wednesday, 4=Thursday, 5=Friday, 6=Saturday, 7=Sunday.
@@ -1150,17 +1135,12 @@ class NgpDateRangePicker {
          * Note: Update calendar header column order when changing from Sunday start.
          * @default 7 (Sunday)
          */
-        this.firstDayOfWeek = input(transformToFirstDayOfWeekNumber(this.config.firstDayOfWeek), ...(ngDevMode ? [{ debugName: "firstDayOfWeek", alias: 'ngpDateRangePickerFirstDayOfWeek',
-                transform: transformToFirstDayOfWeekNumber }] : [{
-                alias: 'ngpDateRangePickerFirstDayOfWeek',
-                transform: transformToFirstDayOfWeekNumber,
-            }]));
+        this.firstDayOfWeek = input(transformToFirstDayOfWeekNumber(this.config.firstDayOfWeek), { ...(ngDevMode ? { debugName: "firstDayOfWeek" } : /* istanbul ignore next */ {}), alias: 'ngpDateRangePickerFirstDayOfWeek',
+            transform: transformToFirstDayOfWeekNumber });
         /**
          * The selected start date
          */
-        this.startDate = input(undefined, ...(ngDevMode ? [{ debugName: "startDate", alias: 'ngpDateRangePickerStartDate' }] : [{
-                alias: 'ngpDateRangePickerStartDate',
-            }]));
+        this.startDate = input(undefined, { ...(ngDevMode ? { debugName: "startDate" } : /* istanbul ignore next */ {}), alias: 'ngpDateRangePickerStartDate' });
         /**
          * Emit when the date changes.
          */
@@ -1170,9 +1150,7 @@ class NgpDateRangePicker {
         /**
          * The selected end date
          */
-        this.endDate = input(undefined, ...(ngDevMode ? [{ debugName: "endDate", alias: 'ngpDateRangePickerEndDate' }] : [{
-                alias: 'ngpDateRangePickerEndDate',
-            }]));
+        this.endDate = input(undefined, { ...(ngDevMode ? { debugName: "endDate" } : /* istanbul ignore next */ {}), alias: 'ngpDateRangePickerEndDate' });
         /**
          * Emit when the end date changes.
          */
@@ -1182,9 +1160,7 @@ class NgpDateRangePicker {
         /**
          * The focused value.
          */
-        this.focusedDate = input(this.dateAdapter.now(), ...(ngDevMode ? [{ debugName: "focusedDate", alias: 'ngpDateRangePickerFocusedDate' }] : [{
-                alias: 'ngpDateRangePickerFocusedDate',
-            }]));
+        this.focusedDate = input(this.dateAdapter.now(), { ...(ngDevMode ? { debugName: "focusedDate" } : /* istanbul ignore next */ {}), alias: 'ngpDateRangePickerFocusedDate' });
         /**
          * Emit when the focused date changes.
          */
@@ -1195,11 +1171,11 @@ class NgpDateRangePicker {
          * Detect the label element.
          * @internal
          */
-        this.label = contentChild(NgpDatePickerLabelToken, ...(ngDevMode ? [{ debugName: "label", descendants: true }] : [{ descendants: true }]));
+        this.label = contentChild(NgpDatePickerLabelToken, { ...(ngDevMode ? { debugName: "label" } : /* istanbul ignore next */ {}), descendants: true });
         /**
          * Access all the date picker buttons
          */
-        this.buttons = signal([], ...(ngDevMode ? [{ debugName: "buttons" }] : []));
+        this.buttons = signal([], ...(ngDevMode ? [{ debugName: "buttons" }] : /* istanbul ignore next */ []));
         /**
          * The date range picker state.
          */
@@ -1379,10 +1355,10 @@ class NgpDateRangePicker {
         }
         return this.dateAdapter.isAfter(date, start) && this.dateAdapter.isBefore(date, end);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDateRangePicker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.9", type: NgpDateRangePicker, isStandalone: true, selector: "[ngpDateRangePicker]", inputs: { min: { classPropertyName: "min", publicName: "ngpDateRangePickerMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpDateRangePickerMax", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpDateRangePickerDisabled", isSignal: true, isRequired: false, transformFunction: null }, dateDisabled: { classPropertyName: "dateDisabled", publicName: "ngpDateRangePickerDateDisabled", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "ngpDateRangePickerFirstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, startDate: { classPropertyName: "startDate", publicName: "ngpDateRangePickerStartDate", isSignal: true, isRequired: false, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "ngpDateRangePickerEndDate", isSignal: true, isRequired: false, transformFunction: null }, focusedDate: { classPropertyName: "focusedDate", publicName: "ngpDateRangePickerFocusedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { startDateChange: "ngpDateRangePickerStartDateChange", endDateChange: "ngpDateRangePickerEndDateChange", focusedDateChange: "ngpDateRangePickerFocusedDateChange" }, host: { properties: { "attr.data-disabled": "state.disabled() ? \"\" : null" } }, providers: [provideDateRangePickerState()], queries: [{ propertyName: "label", first: true, predicate: NgpDatePickerLabelToken, descendants: true, isSignal: true }], exportAs: ["ngpDateRangePicker"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDateRangePicker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.14", type: NgpDateRangePicker, isStandalone: true, selector: "[ngpDateRangePicker]", inputs: { min: { classPropertyName: "min", publicName: "ngpDateRangePickerMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpDateRangePickerMax", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpDateRangePickerDisabled", isSignal: true, isRequired: false, transformFunction: null }, dateDisabled: { classPropertyName: "dateDisabled", publicName: "ngpDateRangePickerDateDisabled", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "ngpDateRangePickerFirstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, startDate: { classPropertyName: "startDate", publicName: "ngpDateRangePickerStartDate", isSignal: true, isRequired: false, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "ngpDateRangePickerEndDate", isSignal: true, isRequired: false, transformFunction: null }, focusedDate: { classPropertyName: "focusedDate", publicName: "ngpDateRangePickerFocusedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { startDateChange: "ngpDateRangePickerStartDateChange", endDateChange: "ngpDateRangePickerEndDateChange", focusedDateChange: "ngpDateRangePickerFocusedDateChange" }, host: { properties: { "attr.data-disabled": "state.disabled() ? \"\" : null" } }, providers: [provideDateRangePickerState()], queries: [{ propertyName: "label", first: true, predicate: NgpDatePickerLabelToken, descendants: true, isSignal: true }], exportAs: ["ngpDateRangePicker"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDateRangePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDateRangePicker, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDateRangePicker]',