@acorex/components 16.18.6 → 16.18.7

package/fesm2022/acorex-components.mjs

@@ -979,21 +979,43 @@ class AXCalendarBoxComponent {
         jalali: {
             locale: AXConfig.get('dateTime.jalali.locale') || 'fa',
             dir: 'rtl',
-            number: 1
+            number: 1,
         },
         gregorian: {
             locale: AXConfig.get('dateTime.gregorian.locale') || 'en',
             dir: 'ltr',
-            number: 0
-        }
+            number: 0,
+        },
     };
     numRotate;
     size = 'md';
     type;
     locale;
     dir;
-    min;
-    max;
+    _min;
+    set min(v) {
+        if (v) {
+            this._min = v;
+            this.focusedValue = this.today;
+            this.viewRange = this.today.month.range;
+            this.navigate(0);
+        }
+    }
+    get min() {
+        return this._min;
+    }
+    _max;
+    set max(v) {
+        if (v) {
+            this._max = v;
+            this.focusedValue = this.today;
+            this.viewRange = this.today.month.range;
+            this.navigate(0);
+        }
+    }
+    get max() {
+        return this._max;
+    }
     selectableHoliday = true;
     dayStyle = [];
     dayMinMaxResoan = '';
@@ -1034,7 +1056,7 @@ class AXCalendarBoxComponent {
             vv = AXDateTime.convert(v);
         }
         let unValidDate = false;
-        if (this.max || this.min) {
+        if (this._max || this._min) {
             unValidDate = this.isInMInMaxRange(vv);
         }
         if (!unValidDate) {
@@ -1046,7 +1068,7 @@ class AXCalendarBoxComponent {
                 this.onValueChanged.emit({
                     component: this,
                     value: this._value?.date,
-                    htmlElement: this.ref.nativeElement
+                    htmlElement: this.ref.nativeElement,
                 });
             }
             if (v == undefined) {
@@ -1058,7 +1080,7 @@ class AXCalendarBoxComponent {
             this.onClick.emit({
                 component: this,
                 value: this._value?.date,
-                htmlElement: this.ref.nativeElement
+                htmlElement: this.ref.nativeElement,
             });
         }
     }
@@ -1094,8 +1116,10 @@ class AXCalendarBoxComponent {
             return this.dayStyle.find((c) => c.date.split('T')[0] == date.toISOString().split('T')[0]).text;
         }
         else {
-            if ((this.min && this.max && date.compaireNew(new AXDateTime(this.min, this.type), 'YMD', this.type) === -1) ||
-                date.compaireNew(new AXDateTime(this.max, this.type), 'YMD', this.type) === 1) {
+            if ((this._min &&
+                this._max &&
+                date.compaireNew(new AXDateTime(this._min, this.type), 'YMD', this.type) === -1) ||
+                date.compaireNew(new AXDateTime(this._max, this.type), 'YMD', this.type) === 1) {
                 return this.dayMinMaxResoan;
             }
             else {
@@ -1149,7 +1173,7 @@ class AXCalendarBoxComponent {
             AXTranslator.get(`${path}.wed`, this.locale),
             AXTranslator.get(`${path}.thu`, this.locale),
             AXTranslator.get(`${path}.fri`, this.locale),
-            AXTranslator.get(`${path}.sat`, this.locale)
+            AXTranslator.get(`${path}.sat`, this.locale),
         ];
     }
     getTodayName() {
@@ -1163,7 +1187,11 @@ class AXCalendarBoxComponent {
     }
     rotate(array, n) {
         const len = array.length;
-        return !(n % len) ? array : n > 0 ? array.map((e, i, a) => a[(i + n) % len]) : array.map((e, i, a) => a[(len - ((len - i - n) % len)) % len]);
+        return !(n % len)
+            ? array
+            : n > 0
+                ? array.map((e, i, a) => a[(i + n) % len])
+                : array.map((e, i, a) => a[(len - ((len - i - n) % len)) % len]);
     }
     navigate(value) {
         let start;
@@ -1174,7 +1202,10 @@ class AXCalendarBoxComponent {
                 fd = value.startOf('month');
             }
             else {
-                fd = this.viewRange.startTime.add('day', 15).add('month', value).startOf('month');
+                fd = this.viewRange.startTime
+                    .add('day', 15)
+                    .add('month', value)
+                    .startOf('month');
             }
             start = fd.firstDayOfWeek;
             end = fd.endOf('month').endDayOfWeek;
@@ -1197,7 +1228,10 @@ class AXCalendarBoxComponent {
                 fd = value.startOf('year');
             }
             else {
-                fd = this.viewRange.startTime.add('day', 15).add('year', value).startOf('year');
+                fd = this.viewRange.startTime
+                    .add('day', 15)
+                    .add('year', value)
+                    .startOf('year');
             }
             start = fd;
             end = fd.endOf('year');
@@ -1227,7 +1261,8 @@ class AXCalendarBoxComponent {
         //
         if (this.view === 'day') {
             this.matrix = this.matrixify(this.applyStyle(this.viewRange.enumurate('day', this.type)), 7);
-            if (this.matrix.length > 0 && this.matrix[0].find((c) => c.nextMonth === false) === undefined) {
+            if (this.matrix.length > 0 &&
+                this.matrix[0].find((c) => c.nextMonth === false) === undefined) {
                 this.matrix.splice(0, 1);
             }
             if (this.matrix[this.matrix.length - 1].find((c) => c.nextMonth === false) === undefined) {
@@ -1247,12 +1282,17 @@ class AXCalendarBoxComponent {
         dates.forEach((d, i, j) => {
             const item = {};
             item.date = d;
-            item.selected = d.compaireNew(new AXDateTime(this.value, this.type), this.getViewCompaire(this.view), this.type) === 0;
-            item.focused = d.compaireNew(this.focusedValue, this.getViewCompaire(this.view), this.type) === 0;
-            item.today = this.today && d.compaireNew(this.today, this.getViewCompaire(this.view), this.type) === 0;
+            item.selected =
+                d.compaireNew(new AXDateTime(this.value, this.type), this.getViewCompaire(this.view), this.type) === 0;
+            item.focused =
+                d.compaireNew(this.focusedValue, this.getViewCompaire(this.view), this.type) === 0;
+            item.today =
+                this.today &&
+                    d.compaireNew(this.today, this.getViewCompaire(this.view), this.type) === 0;
             if (this.view === 'day') {
                 //  item.nextMonth = d.compaireNew(this.viewRange.startTime.add('day', 10), 'YM') !== 0;
-                item.nextMonth = d.compaireNew(this.viewRange.startTime.add('day', 10), 'YM', this.type) !== 0;
+                item.nextMonth =
+                    d.compaireNew(this.viewRange.startTime.add('day', 10), 'YM', this.type) !== 0;
                 item.unselect = this.isInMInMaxRange(d);
                 this.holidays.forEach((h) => {
                     const comp = d.compaireNew(new AXDateTime(h.date, this.type), 'YMD', this.type);
@@ -1304,16 +1344,18 @@ class AXCalendarBoxComponent {
     isInMInMaxRange(d) {
         let r = false;
         if (d !== undefined) {
-            if (this.min && !this.max) {
-                r = d.compaireNew(new AXDateTime(this.min, this.type), this.getViewCompaire(this.view), this.type) === -1;
+            if (this._min && !this._max) {
+                r =
+                    d.compaireNew(new AXDateTime(this._min, this.type), this.getViewCompaire(this.view), this.type) === -1;
             }
-            if (this.max && !this.min) {
-                r = d.compaireNew(new AXDateTime(this.max, this.type), this.getViewCompaire(this.view), this.type) === 1;
+            if (this._max && !this._min) {
+                r =
+                    d.compaireNew(new AXDateTime(this._max, this.type), this.getViewCompaire(this.view), this.type) === 1;
             }
-            if (this.min && this.max) {
+            if (this._min && this._max) {
                 r =
-                    d.compaireNew(new AXDateTime(this.min, this.type), this.getViewCompaire(this.view), this.type) === -1 ||
-                        d.compaireNew(new AXDateTime(this.max, this.type), this.getViewCompaire(this.view), this.type) === 1;
+                    d.compaireNew(new AXDateTime(this._min, this.type), this.getViewCompaire(this.view), this.type) === -1 ||
+                        d.compaireNew(new AXDateTime(this._max, this.type), this.getViewCompaire(this.view), this.type) === 1;
             }
         }
         return r;
@@ -1324,7 +1366,9 @@ class AXCalendarBoxComponent {
         }
         else {
             this.view = 'day';
-            this.setFocus(new AXDateTime(this.value, this.type).set('year', date.year).set('month', date.monthOfYear));
+            this.setFocus(new AXDateTime(this.value, this.type)
+                .set('year', date.year)
+                .set('month', date.monthOfYear));
         }
         event.stopPropagation();
     }
@@ -13207,7 +13251,7 @@ class AXSelectBoxPropertyEditorComponent extends AXProperyEditorComponent {
     selectionMode = 'single';
     selectionDataMode = 'value';
     allowSearch = true;
-    allowNull = false;
+    allowNull = true;
     disabled = false;
     items = [];
     remoteOperation = false;