@acorex/components 1.3.89 → 1.3.93

package/bundles/acorex-components.umd.js

@@ -1338,6 +1338,7 @@
                     if (v == undefined) {
                         this._value = null;
                         this.focusedValue = this.today;
+                        this.viewRange = this.today.month.range;
                         this.navigate(0);
                     }
                     this.onClick.emit({
@@ -1350,6 +1351,13 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(AXCalendarBoxComponent.prototype, "today", {
+            get: function () {
+                return new core$1.AXDateTime(new Date(), this.type);
+            },
+            enumerable: true,
+            configurable: true
+        });
         AXCalendarBoxComponent.prototype.findDay = function (date) {
             if (this.dayStyle.find(function (c) { return c.date == date.toISOString().split('T')[0]; })) {
                 return true;
@@ -1375,12 +1383,17 @@
             }
         };
         AXCalendarBoxComponent.prototype.ngOnInit = function () {
-            this.today = this.focusedValue = new core$1.AXDateTime(new Date(), this.type);
+            this.focusedValue = new core$1.AXDateTime(new Date(), this.type);
             //
             this.initLayout();
             //
             this.viewRange = this.today.month.range;
-            this.setFocus(this.today);
+            if (this.value) {
+                this.setFocus(new core$1.AXDateTime(this.value, this.type));
+            }
+            else {
+                this.setFocus(this.today);
+            }
             this.view = 'day';
         };
         AXCalendarBoxComponent.prototype.getViewCompaire = function (view) {
@@ -1430,9 +1443,7 @@
         };
         AXCalendarBoxComponent.prototype.rotate = function (array, n) {
             var len = array.length;
-            return !(n % len) ? array
-                : n > 0 ? array.map(function (e, i, a) { return a[(i + n) % len]; })
-                    : array.map(function (e, i, a) { return a[(len - (len - i - n) % len) % len]; });
+            return !(n % len) ? array : n > 0 ? array.map(function (e, i, a) { return a[(i + n) % len]; }) : array.map(function (e, i, a) { return a[(len - ((len - i - n) % len)) % len]; });
         };
         AXCalendarBoxComponent.prototype.navigate = function (value) {
             var start;
@@ -1443,10 +1454,7 @@
                     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;
@@ -1469,10 +1477,7 @@
                     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');
@@ -1493,10 +1498,10 @@
             }
             this.viewRange = new core$1.AXDateTimeRange(start, end);
             //
-            if (this.getHoliday && typeof (this.getHoliday) === 'function') {
+            if (this.getHoliday && typeof this.getHoliday === 'function') {
                 this.holidays = this.getHoliday(start.date, end.date, this.type);
             }
-            if (this.getWeekend && typeof (this.getWeekend) === 'function') {
+            if (this.getWeekend && typeof this.getWeekend === 'function') {
                 this.weekends = this.getWeekend(start.date, end.date, this.type);
             }
             //
@@ -1587,8 +1592,9 @@
                     r = d.compaireNew(new core$1.AXDateTime(this.max, this.type), this.getViewCompaire(this.view), this.type) === 1;
                 }
                 if (this.min && this.max) {
-                    r = (d.compaireNew(new core$1.AXDateTime(this.min, this.type), this.getViewCompaire(this.view), this.type) === -1 ||
-                        d.compaireNew(new core$1.AXDateTime(this.max, this.type), this.getViewCompaire(this.view), this.type) === 1);
+                    r =
+                        d.compaireNew(new core$1.AXDateTime(this.min, this.type), this.getViewCompaire(this.view), this.type) === -1 ||
+                            d.compaireNew(new core$1.AXDateTime(this.max, this.type), this.getViewCompaire(this.view), this.type) === 1;
                 }
             }
             return r;
@@ -1698,8 +1704,7 @@
                 encapsulation: core.ViewEncapsulation.None,
                 changeDetection: core.ChangeDetectionStrategy.OnPush
             }),
-            __metadata("design:paramtypes", [core.ChangeDetectorRef,
-                core.ElementRef])
+            __metadata("design:paramtypes", [core.ChangeDetectorRef, core.ElementRef])
         ], AXCalendarBoxComponent);
         return AXCalendarBoxComponent;
     }());
@@ -8524,12 +8529,13 @@
             enumerable: true,
             configurable: true
         });
-        AXSelectBoxComponent.prototype.setSelectedItemsChange = function (v) {
+        AXSelectBoxComponent.prototype.setSelectedItemsChange = function (v, old) {
             var _this = this;
+            if (old === void 0) { old = this.selectedItems; }
             if (!v) {
                 v = [];
             }
-            var old = this.selectedItems;
+            // const old = this.selectedItems;
             if (JSON.stringify(old) !== JSON.stringify(v)) {
                 this._selectedItems = this.mode == 'single' ? v.slice(0, 1) : __spread(new Set(v)); //[...new Set(v[0])] : [...new Set(v)];
                 this._selectedItems.forEach(function (c) { return (c.selected = true); });
@@ -8593,9 +8599,11 @@
                     //  this.searchText = e.value;
                     // this.text = e.value;
                     // this.items = [];
-                    var t = this.items.length;
-                    for (var i = 0; i < t; i++) {
-                        this.items.pop();
+                    if (this.items) {
+                        var t = this.items.length;
+                        for (var i = 0; i < t; i++) {
+                            this.items.pop();
+                        }
                     }
                     // this.items.forEach((element) => {
                     //   this.items.pop();
@@ -8709,7 +8717,7 @@
                                             _this.selectedItems.push(res);
                                         });
                                         //  this.selectedItems.push(this.items.filter((c) => vv.includes(c[this.valueField])));
-                                        _this.setSelectedItemsChange(_this.selectedItems);
+                                        _this.setSelectedItemsChange(_this.selectedItems, vv_1.length > 0 ? [1] : _this.selectedItems);
                                     }
                                     //  this.selectedItems = this.items.filter((c) => v.includes(c[this.valueField]));
                                 }
@@ -8780,9 +8788,9 @@
             // }
             this.initValidation(this.ref, 'selectedItems', this.validation);
             if (this.dataSource) {
-                if (this.allowSearch == false) {
-                    this.fetch();
-                }
+                // if (this.allowSearch == false) {
+                //   this.fetch();
+                // }
                 this.dataSource.onDataReceived.subscribe(function (c) {
                     _this.showLoading = false;
                     _this.dataReceived(c.data.result);
@@ -8877,9 +8885,11 @@
                 // this.items.forEach((element) => {
                 //   this.items.pop();
                 // });
-                var t = this.items.length;
-                for (var i = 0; i < t; i++) {
-                    this.items.pop();
+                if (this.items) {
+                    var t = this.items.length;
+                    for (var i = 0; i < t; i++) {
+                        this.items.pop();
+                    }
                 }
                 this.fetch(params);
             }
@@ -8944,6 +8954,7 @@
         };
         AXSelectBoxComponent.prototype.handleKeyEventSearch = function (e) {
             var _this = this;
+            var _a;
             if (this.disabled || this.readonly) {
                 this.dropdown.close();
                 setTimeout(function () {
@@ -9028,7 +9039,7 @@
                         }
                     }
                     else {
-                        if (this.text && this.itemsFiltered.length === 1) {
+                        if (this.text && ((_a = this.itemsFiltered) === null || _a === void 0 ? void 0 : _a.length) === 1) {
                             this.setSelectedItems(this.itemsFiltered, true);
                         }
                         if (this.mode == 'single') {
@@ -9703,7 +9714,7 @@
         AXQueryBuilderRuleComponent = __decorate([
             core.Component({
                 selector: 'ax-query-rule',
-                template: "<div class=\"condition\" *ngIf=\"parent\">\r\n    <div class=\"text {{parent.condition}}\">\r\n        <span>{{parent.condition}}</span>\r\n    </div>\r\n</div>\r\n<div class=\"handler\">\r\n    <i class=\"far fa-grip-lines-vertical\"></i>\r\n</div>\r\n\r\n<div class=\"caption\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else fieldsTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box (selectionChanged)=\"captionChange($event)\" allowNull=\"false\"\r\n                [(selectedItems)]=\"rule.dataFieldItem\" textField=\"caption\" valueField=\"dataField\" [items]=\"fields\"\r\n                size=\"sm\" mode=\"single\">\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #fieldsTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n            {{rule.caption}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"operator\" [ngClass]=\"{'editable': isEditing,'radius':!showValue}\">\r\n    <ng-container *ngIf=\"isEditing;else operatorTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box #selectBox (selectedItemsChange)=\"operatorChange($event)\" allowNull=\"false\"\r\n                [(selectedValues)]=\"rule.operator\" size=\"sm\" mode=\"single\">\r\n                <ax-data-source [provideData]=\"provideDataOperator\">\r\n                </ax-data-source>\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #operatorTemplate>\r\n        <div class=\"text\" (click)=\"handleEditClick()\">\r\n            {{('queryBuilder.'+rule.operator) | trans}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n<div *ngIf=\"showValue\" class=\"value\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else valueTemplate\">\r\n\r\n        <div *ngIf=\" rule.control && !isOnDemandLabel\" [ngSwitch]=\"rule.control.type\">\r\n            <div *ngSwitchCase=\"'textBox'\">\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\" size=\"sm\">\r\n                    </ax-text-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'selectBox'\">\r\n                <ax-form-group>\r\n                    <ax-select-box placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [textField]=\"getOption('textField')\"\r\n                        [(selectedItems)]=\"rule.valueItem\" [valueField]=\"getOption('valueField')\"\r\n                        [mode]=\"getOption('mode')\" (selectedItemsChange)=\"selectedItemsChange($event)\" size=\"sm\"\r\n                        #selectBoxValue [remoteOperation]=\"getOption('remoteOperation')\">\r\n                        <ax-data-source [provideData]=\"getProvideData\"></ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'numberBox'\">\r\n                <ax-form-group>\r\n                    <ax-number-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\" size=\"sm\">\r\n                    </ax-number-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'datePicker'\">\r\n\r\n\r\n            </div>\r\n            <div *ngSwitchCase=\"'boolean'\">\r\n\r\n                <ax-form-group>\r\n                    <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event)\"\r\n                        allowNull=\"false\" [selectedValues]=\"rule.value\" size=\"sm\" mode=\"single\">\r\n                        <ax-data-source [provideData]=\"provideDataBoolean\">\r\n                        </ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n\r\n            </div>\r\n            <div *ngSwitchDefault>\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\" size=\"sm\">\r\n                    </ax-text-box>\r\n\r\n                </ax-form-group>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"isOnDemandLabel\">\r\n\r\n            <ax-text-box #textBoxNameValue [value]=\"getOnDemandName(rule.onDemandLabel)\"\r\n                (onValueChanged)=\"onDemandLabelChange($event)\" placeholder=\"\u0646\u0627\u0645 \u0645\u062A\u063A\u06CC\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" size=\"sm\">\r\n                <!-- <ax-validation>\r\n                    <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n                </ax-validation> -->\r\n            </ax-text-box>\r\n\r\n\r\n        </div>\r\n\r\n    </ng-container>\r\n    <ng-template #valueTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n\r\n            {{rule.text}}\r\n\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"buttons-list\">\r\n    <div *ngIf=\"showValue && isEditing\" class=\"button variable\" [ngClass]=\"{'active-button': isOnDemandLabel}\">\r\n        <i class=\"far fa-dollar-sign\"></i>\r\n        <ax-check-box [value]=\"isOnDemandLabel\" (onClick)=\"onDemandLabel($event)\">\r\n        </ax-check-box>\r\n    </div>\r\n\r\n    <div class=\"button commit\" (click)=\"handleCommitClick()\" *ngIf=\"isEditing\">\r\n        <i class=\"far fa-check\"></i>\r\n    </div>\r\n    <div class=\"button remove\" (click)=\"handleRemoveClick()\" *ngIf=\"!isEditing\">\r\n        <i class=\"far fa-times\"></i>\r\n    </div>\r\n</div>",
+                template: "<div class=\"condition\" *ngIf=\"parent\">\r\n    <div class=\"text {{parent.condition}}\">\r\n        <span>{{parent.condition}}</span>\r\n    </div>\r\n</div>\r\n<div class=\"handler\">\r\n    <i class=\"far fa-grip-lines-vertical\"></i>\r\n</div>\r\n\r\n<div class=\"caption\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else fieldsTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box (selectionChanged)=\"captionChange($event)\" allowNull=\"false\"\r\n                [(selectedItems)]=\"rule.dataFieldItem\" textField=\"caption\" valueField=\"dataField\" [items]=\"fields\"\r\n                size=\"sm\" mode=\"single\">\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #fieldsTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n            {{rule.caption}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"operator\" [ngClass]=\"{'editable': isEditing,'radius':!showValue}\">\r\n    <ng-container *ngIf=\"isEditing;else operatorTemplate\">\r\n        <ax-form-group>\r\n            <ax-select-box #selectBox (selectedItemsChange)=\"operatorChange($event)\" allowNull=\"false\"\r\n                [(selectedValues)]=\"rule.operator\" size=\"sm\" mode=\"single\">\r\n                <ax-data-source [provideData]=\"provideDataOperator\">\r\n                </ax-data-source>\r\n            </ax-select-box>\r\n        </ax-form-group>\r\n    </ng-container>\r\n    <ng-template #operatorTemplate>\r\n        <div class=\"text\" (click)=\"handleEditClick()\">\r\n            {{('queryBuilder.'+rule.operator) | trans}}\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n<div *ngIf=\"showValue\" class=\"value\" [ngClass]=\"{'editable': isEditing}\">\r\n    <ng-container *ngIf=\"isEditing;else valueTemplate\">\r\n\r\n        <div *ngIf=\" rule.control && !isOnDemandLabel\" [ngSwitch]=\"rule.control.type\">\r\n            <div *ngSwitchCase=\"'textBox'\">\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\" size=\"sm\">\r\n                    </ax-text-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'selectBox'\">\r\n                <ax-form-group>\r\n                    <ax-select-box placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [textField]=\"getOption('textField')\"\r\n                        [(selectedItems)]=\"rule.valueItem\" [valueField]=\"getOption('valueField')\"\r\n                        [mode]=\"getOption('mode')\" (selectedItemsChange)=\"selectedItemsChange($event)\" size=\"sm\"\r\n                        #selectBoxValue [remoteOperation]=\"getOption('remoteOperation')\">\r\n                        <ax-data-source [provideData]=\"getProvideData\"></ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'numberBox'\">\r\n                <ax-form-group>\r\n                    <ax-number-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\" size=\"sm\">\r\n                    </ax-number-box>\r\n                </ax-form-group>\r\n            </div>\r\n            <div *ngSwitchCase=\"'datePicker'\">\r\n\r\n\r\n            </div>\r\n            <div *ngSwitchCase=\"'boolean'\">\r\n\r\n                <ax-form-group>\r\n                    <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event)\"\r\n                        allowNull=\"false\" [selectedValues]=\"rule.value\" size=\"sm\" mode=\"single\">\r\n                        <ax-data-source [provideData]=\"provideDataBoolean\">\r\n                        </ax-data-source>\r\n                    </ax-select-box>\r\n                </ax-form-group>\r\n\r\n            </div>\r\n            <div *ngSwitchDefault>\r\n                <ax-form-group>\r\n                    <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\r\n                        [(value)]=\"rule.value\" size=\"sm\">\r\n                    </ax-text-box>\r\n\r\n                </ax-form-group>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"isOnDemandLabel\">\r\n\r\n            <ax-text-box #textBoxNameValue [value]=\"getOnDemandName(rule.onDemandLabel)\"\r\n                (onValueChanged)=\"onDemandLabelChange($event)\" placeholder=\"\u0646\u0627\u0645 \u0645\u062A\u063A\u06CC\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" size=\"sm\">\r\n                <!-- <ax-validation>\r\n                    <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n                </ax-validation> -->\r\n            </ax-text-box>\r\n\r\n\r\n        </div>\r\n\r\n    </ng-container>\r\n    <ng-template #valueTemplate>\r\n        <div (click)=\"handleEditClick()\">\r\n\r\n            {{rule.text}}\r\n\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n<div class=\"buttons-list\">\r\n    <div *ngIf=\"showValue && isEditing\" class=\"button variable\" [ngClass]=\"{'active-button': isOnDemandLabel}\">\r\n        <i class=\"far fa-dollar-sign\"></i>\r\n        <ax-check-box [value]=\"isOnDemandLabel\" (onClick)=\"onDemandLabel($event)\">\r\n        </ax-check-box>\r\n    </div>\r\n\r\n    <div class=\"button commit\" (click)=\"handleCommitClick()\" *ngIf=\"isEditing\">\r\n        <i class=\"far fa-check\"></i>\r\n    </div>\r\n    <div class=\"button remove\" (click)=\"handleRemoveClick()\">\r\n        <i class=\"far fa-times\"></i>\r\n    </div>\r\n</div>",
                 host: { class: 'ax ax-query-rule' },
                 encapsulation: core.ViewEncapsulation.None
             }),
@@ -13931,7 +13942,6 @@
                                 _this.isSelectedItem = true;
                             }
                         }
-                        debugger;
                     });
                 }
                 else {