@acorex/components 20.2.0-next.0 → 20.2.0-next.10

package/fesm2022/acorex-components-calendar.mjs

@@ -92,25 +92,49 @@ class MXCalendarBaseComponent extends MXBaseComponent {
         return this._minValue;
     }
     set minValue(v) {
-        this.setOption({
-            name: 'minValue',
-            value: v,
-            afterCallback: () => {
-                this.render();
-            },
-        });
+        if (this.calendarService.isValidDate(v)) {
+            const value = this.calendarService.create(v).date;
+            this.setOption({
+                name: 'minValue',
+                value,
+                afterCallback: () => {
+                    this.render();
+                },
+            });
+        }
+        else {
+            this.setOption({
+                name: 'minValue',
+                value: undefined,
+                afterCallback: () => {
+                    this.render();
+                },
+            });
+        }
     }
     get maxValue() {
         return this._maxValue;
     }
     set maxValue(v) {
-        this.setOption({
-            name: 'maxValue',
-            value: v,
-            afterCallback: () => {
-                this.render();
-            },
-        });
+        if (this.calendarService.isValidDate(v)) {
+            const value = this.calendarService.create(v).date;
+            this.setOption({
+                name: 'maxValue',
+                value,
+                afterCallback: () => {
+                    this.render();
+                },
+            });
+        }
+        else {
+            this.setOption({
+                name: 'maxValue',
+                value: undefined,
+                afterCallback: () => {
+                    this.render();
+                },
+            });
+        }
     }
     get disabledDates() {
         return this._disabledDates;
@@ -258,6 +282,12 @@ class AXCalendarComponent extends classes((MXValueComponent), MXInteractiveCompo
         this.typeChange.pipe(unsubscriber.takeUntilDestroy).subscribe((value) => {
             this.calendar.set(value);
         });
+        this.minValueChange.subscribe((e) => {
+            if (this._viewStartDate.isBefore(e)) {
+                this._viewStartDate = this.calendarService.create(e, this.calendar());
+                this.render();
+            }
+        });
     }
     /**
      *  @ignore
@@ -271,7 +301,13 @@ class AXCalendarComponent extends classes((MXValueComponent), MXInteractiveCompo
      */
     ngAfterViewInit() {
         if (!this.value) {
-            this.goToday();
+            if (this.minValue && this._viewStartDate.isBefore(this.minValue)) {
+                this._viewStartDate = this.calendarService.create(this.minValue, this.calendar());
+                this.render();
+            }
+            else {
+                this.goToday();
+            }
         }
     }
     /**
@@ -549,14 +585,20 @@ class AXCalendarComponent extends classes((MXValueComponent), MXInteractiveCompo
      *  @ignore
      */
     internalSetValue(value) {
-        if (!value)
+        if (!value || !this.calendarService.isValidDate(value)) {
             return null;
-        const v = this.calendarService.convert(value);
-        const isDisabled = this.isDisabled(v);
-        if (isDisabled)
+        }
+        const v = this.calendarService.convert(value, this.calendar());
+        if (this.isDisabled(v)) {
             return null;
-        else
-            return v.date;
+        }
+        if (this.maxValue && this.calendarService.isValidDate(this.maxValue) && v.isAfter(this.maxValue)) {
+            return this.maxValue;
+        }
+        if (this.minValue && this.calendarService.isValidDate(this.minValue) && v.isBefore(this.minValue)) {
+            return this.minValue;
+        }
+        return v.date;
     }
     /**
      *  @ignore
@@ -567,6 +609,9 @@ class AXCalendarComponent extends classes((MXValueComponent), MXInteractiveCompo
             val.compare(this.displayRange.startTime, this.activeView) == -1 ||
             val.compare(this.displayRange.endTime, this.activeView) == 1) {
             this._viewStartDate = this.calendarService.create(value, this.calendar());
+            if (this.minValue && this._viewStartDate.isBefore(this.minValue)) {
+                this._viewStartDate = this.calendarService.create(this.minValue, this.calendar());
+            }
         }
         this._footPrint.year = val.year;
         this._footPrint.month = val.monthOfYear;
@@ -603,22 +648,35 @@ class AXCalendarComponent extends classes((MXValueComponent), MXInteractiveCompo
         this._navUserInteraction = false;
     }
     /**
-     * Navigates to the next item.
-     * @ignore
+     * Navigates forward in the calendar based on the current active view and the configured count.
+     *
+     * Behavior by view:
+     * - day view: advances by count months
+     * - month view: advances by count years
+     * - year view: advances by 10 × count years
+     *
+     * @returns void
      */
     next() {
         this._navNextPrev(false);
     }
     /**
-     * Navigates to the previous item.
-     * @ignore
+     * Navigates backward in the calendar based on the current active view and the configured count.
+     *
+     * Behavior by view:
+     * - day view: goes back by count months
+     * - month view: goes back by count years
+     * - year view: goes back by 10 × count years
+     *
+     * @returns void
      */
     prev() {
         this._navNextPrev(true);
     }
     /**
      * Sets focus to the currently selected calendar slot or the first available slot.
-     * @ignore
+     *
+     * @returns void
      */
     focus() {
         const func = (s) => this.getHostElement().querySelector(s);
@@ -638,8 +696,9 @@ class AXCalendarComponent extends classes((MXValueComponent), MXInteractiveCompo
             this.navTo(this._viewStartDate.add('year', sign * 10 * this.count));
     }
     /**
-     * Navigates to the current date.
-     * @ignore
+     * Navigates to the current date and emits the navigation event.
+     *
+     * @returns void
      */
     goToday() {
         this.navTo(this._today);
@@ -647,8 +706,8 @@ class AXCalendarComponent extends classes((MXValueComponent), MXInteractiveCompo
     /**
      * Navigates to a specified date and updates the view.
      *
-     * @param date - The date to navigate to, which can be a `Date` object or an `AXDateTime` instance.
-     * @ignore
+     * @param date The date to navigate to, which can be a Date object or an AXDateTime instance.
+     * @returns void
      */
     navTo(date) {
         const val = this.calendarService.convert(date, this.calendar());