@acorex/components 3.0.28 → 3.0.32

package/bundles/acorex-components.umd.js

@@ -7641,7 +7641,7 @@
             _this.showCounter = true;
             _this.scrollWeel = true;
             _this.showDoubleCounter = false;
-            _this.maxLength = 16;
+            _this.maxLength = 18;
             _this.userQuestionUpdate = new rxjs.Subject();
             _this.userEdite = false;
             _this.findDots = false;
@@ -7773,6 +7773,14 @@
             enumerable: true,
             configurable: true
         });
+        AXNumberBoxComponent.prototype.calcSeparator = function (num) {
+            if (this.showSeparator) {
+                return num + (+(num / 3));
+            }
+            else {
+                return num;
+            }
+        };
         AXNumberBoxComponent.prototype.addCommas2 = function (x) {
             return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
         };
@@ -8056,13 +8064,20 @@
             }, 50);
         };
         AXNumberBoxComponent.prototype.checkMinMax = function (text) {
-            if (this.min !== null) {
-                if (+text < this.min) {
+            var number;
+            if (text.indexOf(',') > 0) {
+                number = Number(text.replaceAll(',', ''));
+            }
+            else {
+                number = Number(text);
+            }
+            if (!!this.min) {
+                if (number < this.min) {
                     this.value = '';
                 }
             }
-            if (this.max !== null) {
-                if (+text > this.max) {
+            if (!!this.max) {
+                if (number > this.max) {
                     this.value = '';
                 }
             }
@@ -8250,7 +8265,7 @@
         AXNumberBoxComponent = AXNumberBoxComponent_1 = __decorate([
             core.Component({
                 selector: 'ax-number-box',
-                template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\r\n    <div class=\"ax items-wrapper\">\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n        <ax-button icon=\"far fa-plus\" type=\"success blank\" (click)=\"upStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\r\n    </div>\r\n    <div class=\"content\" #content>\r\n        <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\r\n            [class.icon]=\"icon\">\r\n            <input #input type=\"text\" class=\"ax {{size}}\" [maxlength]=\"maxLength\" [(ngModel)]=\"textValue\" placeholder=\"{{placeholder}}\"\r\n                [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\r\n                [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\"\r\n                (keypress)=\"handleKeyPress($event)\" (ngModelChange)=\"this.userQuestionUpdate.next($event)\"\r\n                (keydown)=\"handleKeyDown($event)\" (click)=\"handleClick()\" (keyup)=\"handleKeyUp($event)\">\r\n            <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax items-wrapper\">\r\n        <ax-button *ngIf=\"value && allowClear\" [disabled]=\"disabled\" icon=\"far fa-times\" type=\"danger blank\"\r\n            (click)=\"clear()\"></ax-button>\r\n            <ax-button icon=\"far fa-minus\" type=\"danger blank\" (click)=\"downStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n        <div class=\"arrow-number\" *ngIf=\"showCounter && !showDoubleCounter\" >\r\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-up\" [size]=\"size\"\r\n                (mousedown)=\"upStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\r\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-down\" [size]=\"size\"\r\n                (mousedown)=\"downStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\r\n        </div>\r\n    </div>\r\n\r\n</div>\r\n",
+                template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\r\n    <div class=\"ax items-wrapper\">\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n        <ax-button icon=\"far fa-plus\" type=\"success blank\" (click)=\"upStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\r\n    </div>\r\n    <div class=\"content\" #content>\r\n        <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\r\n            [class.icon]=\"icon\">\r\n            <input #input type=\"text\" class=\"ax {{size}}\" [maxlength]=\"calcSeparator(maxLength)\" [(ngModel)]=\"textValue\" placeholder=\"{{placeholder}}\"\r\n                [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\r\n                [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\"\r\n                (keypress)=\"handleKeyPress($event)\" (ngModelChange)=\"this.userQuestionUpdate.next($event)\"\r\n                (keydown)=\"handleKeyDown($event)\" (click)=\"handleClick()\" (keyup)=\"handleKeyUp($event)\">\r\n            <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\r\n        </div>\r\n    </div>\r\n    <div class=\"ax items-wrapper\">\r\n        <ax-button *ngIf=\"value && allowClear\" [disabled]=\"disabled\" icon=\"far fa-times\" type=\"danger blank\"\r\n            (click)=\"clear()\"></ax-button>\r\n            <ax-button icon=\"far fa-minus\" type=\"danger blank\" (click)=\"downStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n        <div class=\"arrow-number\" *ngIf=\"showCounter && !showDoubleCounter\" >\r\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-up\" [size]=\"size\"\r\n                (mousedown)=\"upStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\r\n            <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-down\" [size]=\"size\"\r\n                (mousedown)=\"downStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\r\n        </div>\r\n    </div>\r\n\r\n</div>\r\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 host: { style: 'width: 100%' },
                 providers: [{ provide: AXValidatableComponent, useExisting: AXNumberBoxComponent_1 }]
@@ -9797,7 +9812,6 @@
         };
         AXQueryBuilderRuleComponent.prototype.captionChange = function (e) {
             var _this = this;
-            debugger;
             if (e.selectedItems[0]) {
                 this.rule.caption = e.selectedItems[0].caption;
                 this.rule.dataField = e.selectedItems[0].dataField;
@@ -13769,7 +13783,7 @@
             //seletedKeyFields set id of nodes and parents
             //selectedFieldName set name of fields that set selectes
             _this.selectedFieldName = null;
-            _this.selectNodesRecursive = true;
+            _this.selectNodesRecursive = 'all';
             _this.seletedKeyFields = [];
             _this.keyField = 'id';
             _this.hasChildField = 'child';
@@ -13841,6 +13855,7 @@
                 }
                 if (item.select == true) {
                     if (this.selectionMode === 'multiple') {
+                        this.selectedParents = this.selectedParents.filter(function (c) { return c[_this.keyField] !== item[_this.keyField]; });
                         this.selectedParents.push(item);
                     }
                     else {
@@ -13895,13 +13910,14 @@
             }
             node.itemData.item = c; //TO DO
             node.itemData.selected = item.select === true ? item.select : false;
+            node.itemData.indeterminate = item.select === null ? true : false;
             node.itemData.hasChild = item[this.hasChildField];
             node.parent = item.parentNode === undefined ? null : this.makeNode(item.parentNode, false);
             return node;
         };
         AXTreeViewComponent.prototype.changeChildSelect = function (item, s) {
             var _this = this;
-            if (this.selectNodesRecursive) {
+            if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
                 item.select = s;
                 if (item[this.hasChildField] === true && item[this.childField] && item[this.childField].length > 0) {
                     item[this.childField].forEach(function (elm) {
@@ -13934,7 +13950,8 @@
             }
         };
         AXTreeViewComponent.prototype.changeParentSelect = function (item) {
-            if (this.selectNodesRecursive) {
+            var _this = this;
+            if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
                 var allselect = true;
                 var alldeselect = true;
                 var oneselect = false;
@@ -13958,9 +13975,13 @@
                 }
                 if (oneselect || (isindeterminate && !allselect)) {
                     item.select = null;
+                    this.selectedParents = this.selectedParents.filter(function (c) { return c[_this.keyField] !== item[_this.keyField]; });
+                    this.selectedParents.push(item);
                 }
                 if (allselect === true) {
                     item.select = true;
+                    this.selectedParents = this.selectedParents.filter(function (c) { return c[_this.keyField] !== item[_this.keyField]; });
+                    this.selectedParents.push(item);
                 }
                 if (alldeselect === true) {
                     item.select = false;
@@ -14077,6 +14098,7 @@
                 else {
                     _this.itemRow = _this.listLoad.filter(function (c) { return c.requestId === _data.data.requestId; })[0];
                     _this.listLoad = _this.listLoad.filter(function (c) { return c.requestId !== _data.data.requestId; });
+                    _this.itemRow.loaded = true;
                     if (_this.itemRow !== undefined) {
                         _this.hideLoading(_this.itemRow);
                         var result_1 = _data.data.result;
@@ -14097,7 +14119,7 @@
                                 if (_this.selectionLevel == 'parents' && result_1[i][_this.hasChildField] == false) {
                                     result_1[i].disabledCheckBox = true;
                                 }
-                                if (_this.selectionMode !== 'single' && _this.selectNodesRecursive) {
+                                if (_this.selectionMode !== 'single' && (_this.selectNodesRecursive == 'all' || _this.selectNodesRecursive == 'childs')) {
                                     result_1[i].select = _this.itemRow.select === (undefined || null) ? false : _this.itemRow.select;
                                     if (_this.itemRow.select === true && _this.selectionMode == 'multiple' && result_1[i][_this.hasChildField] === false) {
                                         _this.selectedItems = _this.selectedItems.filter(function (c) { return c[_this.keyField] !== result_1[i][_this.keyField]; });
@@ -14382,7 +14404,7 @@
         ], AXTreeViewComponent.prototype, "selectedFieldName", void 0);
         __decorate([
             core.Input(),
-            __metadata("design:type", Boolean)
+            __metadata("design:type", String)
         ], AXTreeViewComponent.prototype, "selectNodesRecursive", void 0);
         __decorate([
             core.Input(),