@acorex/components 16.0.19 → 16.0.21

package/fesm2022/acorex-components.mjs

@@ -973,21 +973,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 = '';
@@ -1028,7 +1050,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) {
@@ -1040,7 +1062,7 @@ class AXCalendarBoxComponent {
                 this.onValueChanged.emit({
                     component: this,
                     value: this._value?.date,
-                    htmlElement: this.ref.nativeElement
+                    htmlElement: this.ref.nativeElement,
                 });
             }
             if (v == undefined) {
@@ -1052,7 +1074,7 @@ class AXCalendarBoxComponent {
             this.onClick.emit({
                 component: this,
                 value: this._value?.date,
-                htmlElement: this.ref.nativeElement
+                htmlElement: this.ref.nativeElement,
             });
         }
     }
@@ -1088,8 +1110,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 {
@@ -1143,7 +1167,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() {
@@ -1157,7 +1181,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;
@@ -1168,7 +1196,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;
@@ -1191,7 +1222,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');
@@ -1221,7 +1255,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) {
@@ -1241,12 +1276,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);
@@ -1298,16 +1338,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;
@@ -1318,7 +1360,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();
     }
@@ -1651,6 +1695,11 @@ class AXTooltipDirective {
             this.hide();
         }
     }
+    onMouseClick() {
+        if (this.tooltip && this.tooltipTitle) {
+            this.hide();
+        }
+    }
     show() {
         this.create();
         this.setPosition();
@@ -1686,7 +1735,10 @@ class AXTooltipDirective {
     setPosition() {
         const hostPos = this.el.nativeElement.getBoundingClientRect();
         const tooltipPos = this.tooltip.getBoundingClientRect();
-        const scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+        const scrollPos = window.pageYOffset ||
+            document.documentElement.scrollTop ||
+            document.body.scrollTop ||
+            0;
         let top;
         let left;
         if (this.placement === 'top') {
@@ -1709,12 +1761,12 @@ class AXTooltipDirective {
         this.renderer.setStyle(this.tooltip, 'left', `${left}px`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { tooltipTitle: ["tooltip", "tooltipTitle"], placement: "placement", delay: "delay" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { tooltipTitle: ["tooltip", "tooltipTitle"], placement: "placement", delay: "delay" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onMouseClick()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXTooltipDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[axTooltip]'
+                    selector: '[axTooltip]',
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { tooltipTitle: [{
                 type: Input,
@@ -1729,6 +1781,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], onMouseLeave: [{
                 type: HostListener,
                 args: ['mouseleave']
+            }], onMouseClick: [{
+                type: HostListener,
+                args: ['click']
             }] } });
 
 class AXMenuItemClickEvent extends AXEvent {
@@ -8851,7 +8906,9 @@ class AXSelectBoxComponent extends AXValidatableComponent {
                     }
                     else {
                         data.items.forEach((item) => {
-                            this.items.push(item);
+                            if (!this.items.some((x) => x[this.valueField] === item[this.valueField])) {
+                                this.items.push(item);
+                            }
                         });
                         // if (this.itemsStatusObserver) {
                         //   this.itemsStatusObserver.next(this.items.length);
@@ -13187,7 +13244,7 @@ class AXSelectBoxPropertyEditorComponent extends AXProperyEditorComponent {
     selectionMode = 'single';
     selectionDataMode = 'value';
     allowSearch = true;
-    allowNull = false;
+    allowNull = true;
     disabled = false;
     items = [];
     remoteOperation = false;