@acorex/components 1.3.87 → 1.3.91

package/bundles/acorex-components.umd.js

@@ -7936,7 +7936,6 @@
             this.setCaretPosition(this.input.nativeElement, this.cursorPosition);
         };
         AXNumberBoxComponent.prototype.upStepHandel = function () {
-            debugger;
             this.userEdite = true;
             if (this.min != null && this.value == null) {
                 this.value = this.min.toString();
@@ -8492,7 +8491,6 @@
                 if (this.itemsChange) {
                     this.itemsChange.emit(v);
                 }
-                debugger;
                 if (this.itemsStatusObserver) {
                     this.itemsStatusObserver.next(this.items.length);
                 }
@@ -8595,9 +8593,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();
@@ -8689,7 +8689,6 @@
                             }
                             else {
                                 if (Array.isArray(v)) {
-                                    debugger;
                                     if (_this.selectedItems.length > v.length) {
                                         _this.selectedItems = _this.selectedItems.filter(function (c) { return v.includes(c[_this.valueField]); });
                                     }
@@ -8754,7 +8753,6 @@
             if (this.mode == 'single') {
                 this.showCheckBox = false;
             }
-            debugger;
             if (!this.remoteOperation || (this.remoteOperation && this.hasSelectedValue)) {
                 this.refresh();
             }
@@ -8784,9 +8782,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);
@@ -8881,9 +8879,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);
             }
@@ -8948,6 +8948,7 @@
         };
         AXSelectBoxComponent.prototype.handleKeyEventSearch = function (e) {
             var _this = this;
+            var _a;
             if (this.disabled || this.readonly) {
                 this.dropdown.close();
                 setTimeout(function () {
@@ -9032,7 +9033,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') {
@@ -9264,7 +9265,6 @@
                     .pipe(operators.debounceTime(100))
                     .pipe(operators.distinctUntilChanged())
                     .subscribe(function (c) {
-                    debugger;
                     callbackfn();
                 });
             }
@@ -9708,7 +9708,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
             }),
@@ -13610,6 +13610,13 @@
         }
         return AXTreeViewselectionChangedEvent;
     }(AXValueEvent));
+    var AXTreeViewseletedKeyFieldsChangedEvent = /** @class */ (function (_super) {
+        __extends(AXTreeViewseletedKeyFieldsChangedEvent, _super);
+        function AXTreeViewseletedKeyFieldsChangedEvent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return AXTreeViewseletedKeyFieldsChangedEvent;
+    }(AXValueEvent));
     var AXTreeViewItemClick = /** @class */ (function (_super) {
         __extends(AXTreeViewItemClick, _super);
         function AXTreeViewItemClick() {
@@ -13637,6 +13644,7 @@
             _this.allowDrag = false;
             _this.size = 'md';
             _this.selectionChanged = new core.EventEmitter();
+            _this.seletedKeyFieldsChanged = new core.EventEmitter();
             _this.onItemOpening = new core.EventEmitter();
             _this.onItemClick = new core.EventEmitter();
             _this.onItemClosing = new core.EventEmitter();
@@ -13654,6 +13662,8 @@
             _this.lockedDrag = false;
             _this.childField = 'childeren';
             _this.showContextMenu = false;
+            _this.isSelectedItem = false;
+            _this.loced = false;
             return _this;
         }
         AXTreeViewComponent.prototype.handleOnContextMenuItem = function (e) {
@@ -13689,7 +13699,7 @@
             }
             else {
                 item.select = !item.select;
-                if (item.parentNode && (this.selectionMode === 'multiple')) {
+                if (item.parentNode && this.selectionMode === 'multiple') {
                     this.changeParentSelect(item.parentNode);
                 }
                 if (this.selectionMode === 'multiple') {
@@ -13910,6 +13920,7 @@
                                     }
                                     else {
                                         _this.selectItem(el);
+                                        _this.isSelectedItem = true;
                                     }
                                 }
                             });
@@ -13922,6 +13933,7 @@
                             }
                             else if (el[_this.selectedFieldName] == true) {
                                 _this.selectItem(el);
+                                _this.isSelectedItem = true;
                             }
                         }
                     });
@@ -13950,9 +13962,7 @@
                                 }
                                 if (_this.selectionMode !== 'single' && _this.selectNodesRecursive) {
                                     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) {
+                                    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]; });
                                         _this.selectedItems.push(result_1[i]);
                                     }
@@ -13971,6 +13981,7 @@
                                             }
                                             else {
                                                 _this.selectItem(result_1[i]);
+                                                _this.isSelectedItem = true;
                                             }
                                         }
                                     });
@@ -13983,6 +13994,7 @@
                                     }
                                     else if (result_1[i][_this.selectedFieldName] == true) {
                                         _this.selectItem(result_1[i]);
+                                        _this.isSelectedItem = true;
                                     }
                                 }
                             };
@@ -13993,6 +14005,14 @@
                         }
                     }
                 }
+                if (_this.isSelectedItem == true && !_this.loced) {
+                    _this.loced = true;
+                    _this.seletedKeyFieldsChanged.emit({
+                        component: _this,
+                        // value: this.makeNode(item),
+                        htmlElement: _this.ref.nativeElement
+                    });
+                }
             });
         };
         AXTreeViewComponent.prototype.ngAfterViewInit = function () {
@@ -14259,6 +14279,10 @@
             core.Output(),
             __metadata("design:type", core.EventEmitter)
         ], AXTreeViewComponent.prototype, "selectionChanged", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXTreeViewComponent.prototype, "seletedKeyFieldsChanged", void 0);
         __decorate([
             core.Output(),
             __metadata("design:type", core.EventEmitter)
@@ -16513,6 +16537,7 @@
     exports.AXTreeViewModule = AXTreeViewModule;
     exports.AXTreeViewNode = AXTreeViewNode;
     exports.AXTreeViewselectionChangedEvent = AXTreeViewselectionChangedEvent;
+    exports.AXTreeViewseletedKeyFieldsChangedEvent = AXTreeViewseletedKeyFieldsChangedEvent;
     exports.AXUploadFileComponent = AXUploadFileComponent;
     exports.AXUploadFileModule = AXUploadFileModule;
     exports.AXValidatableComponent = AXValidatableComponent;