@acorex/components 1.3.89 → 1.3.93

package/fesm5/acorex-components.js

@@ -1132,6 +1132,7 @@ var AXCalendarBoxComponent = /** @class */ (function () {
                 if (v == undefined) {
                     this._value = null;
                     this.focusedValue = this.today;
+                    this.viewRange = this.today.month.range;
                     this.navigate(0);
                 }
                 this.onClick.emit({
@@ -1144,6 +1145,13 @@ var AXCalendarBoxComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(AXCalendarBoxComponent.prototype, "today", {
+        get: function () {
+            return new 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;
@@ -1169,12 +1177,17 @@ var AXCalendarBoxComponent = /** @class */ (function () {
         }
     };
     AXCalendarBoxComponent.prototype.ngOnInit = function () {
-        this.today = this.focusedValue = new AXDateTime(new Date(), this.type);
+        this.focusedValue = new AXDateTime(new Date(), this.type);
         //
         this.initLayout();
         //
         this.viewRange = this.today.month.range;
-        this.setFocus(this.today);
+        if (this.value) {
+            this.setFocus(new AXDateTime(this.value, this.type));
+        }
+        else {
+            this.setFocus(this.today);
+        }
         this.view = 'day';
     };
     AXCalendarBoxComponent.prototype.getViewCompaire = function (view) {
@@ -1224,9 +1237,7 @@ var AXCalendarBoxComponent = /** @class */ (function () {
     };
     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;
@@ -1237,10 +1248,7 @@ var AXCalendarBoxComponent = /** @class */ (function () {
                 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;
@@ -1263,10 +1271,7 @@ var AXCalendarBoxComponent = /** @class */ (function () {
                 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');
@@ -1287,10 +1292,10 @@ var AXCalendarBoxComponent = /** @class */ (function () {
         }
         this.viewRange = new 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);
         }
         //
@@ -1381,8 +1386,9 @@ var AXCalendarBoxComponent = /** @class */ (function () {
                 r = d.compaireNew(new AXDateTime(this.max, 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 ||
-                    d.compaireNew(new AXDateTime(this.max, this.type), this.getViewCompaire(this.view), this.type) === 1);
+                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;
             }
         }
         return r;
@@ -1492,8 +1498,7 @@ var AXCalendarBoxComponent = /** @class */ (function () {
             encapsulation: ViewEncapsulation.None,
             changeDetection: ChangeDetectionStrategy.OnPush
         }),
-        __metadata("design:paramtypes", [ChangeDetectorRef,
-            ElementRef])
+        __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef])
     ], AXCalendarBoxComponent);
     return AXCalendarBoxComponent;
 }());
@@ -8318,12 +8323,13 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
         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); });
@@ -8387,9 +8393,11 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
                 //  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();
@@ -8503,7 +8511,7 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
                                         _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]));
                             }
@@ -8574,9 +8582,9 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
         // }
         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);
@@ -8671,9 +8679,11 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
             // 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);
         }
@@ -8738,6 +8748,7 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
     };
     AXSelectBoxComponent.prototype.handleKeyEventSearch = function (e) {
         var _this = this;
+        var _a;
         if (this.disabled || this.readonly) {
             this.dropdown.close();
             setTimeout(function () {
@@ -8822,7 +8833,7 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
                     }
                 }
                 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') {
@@ -9497,7 +9508,7 @@ var AXQueryBuilderRuleComponent = /** @class */ (function () {
     AXQueryBuilderRuleComponent = __decorate([
         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: ViewEncapsulation.None
         }),
@@ -13725,7 +13736,6 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
                             _this.isSelectedItem = true;
                         }
                     }
-                    debugger;
                 });
             }
             else {