@acorex/components 1.3.86 → 1.3.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7936,7 +7936,6 @@
7936
7936
  this.setCaretPosition(this.input.nativeElement, this.cursorPosition);
7937
7937
  };
7938
7938
  AXNumberBoxComponent.prototype.upStepHandel = function () {
7939
- debugger;
7940
7939
  this.userEdite = true;
7941
7940
  if (this.min != null && this.value == null) {
7942
7941
  this.value = this.min.toString();
@@ -8492,7 +8491,6 @@
8492
8491
  if (this.itemsChange) {
8493
8492
  this.itemsChange.emit(v);
8494
8493
  }
8495
- debugger;
8496
8494
  if (this.itemsStatusObserver) {
8497
8495
  this.itemsStatusObserver.next(this.items.length);
8498
8496
  }
@@ -8689,7 +8687,6 @@
8689
8687
  }
8690
8688
  else {
8691
8689
  if (Array.isArray(v)) {
8692
- debugger;
8693
8690
  if (_this.selectedItems.length > v.length) {
8694
8691
  _this.selectedItems = _this.selectedItems.filter(function (c) { return v.includes(c[_this.valueField]); });
8695
8692
  }
@@ -8706,7 +8703,12 @@
8706
8703
  newId.forEach(function (rc) {
8707
8704
  vv_1.push(rc[_this.valueField]);
8708
8705
  });
8709
- _this.selectedItems.push(_this.items.filter(function (c) { return vv_1.includes(c[_this.valueField]); })[0]);
8706
+ _this.items
8707
+ .filter(function (c) { return vv_1.includes(c[_this.valueField]); })
8708
+ .forEach(function (res) {
8709
+ _this.selectedItems.push(res);
8710
+ });
8711
+ // this.selectedItems.push(this.items.filter((c) => vv.includes(c[this.valueField])));
8710
8712
  _this.setSelectedItemsChange(_this.selectedItems);
8711
8713
  }
8712
8714
  // this.selectedItems = this.items.filter((c) => v.includes(c[this.valueField]));
@@ -8749,7 +8751,6 @@
8749
8751
  if (this.mode == 'single') {
8750
8752
  this.showCheckBox = false;
8751
8753
  }
8752
- debugger;
8753
8754
  if (!this.remoteOperation || (this.remoteOperation && this.hasSelectedValue)) {
8754
8755
  this.refresh();
8755
8756
  }
@@ -8779,9 +8780,9 @@
8779
8780
  // }
8780
8781
  this.initValidation(this.ref, 'selectedItems', this.validation);
8781
8782
  if (this.dataSource) {
8782
- if (this.allowSearch == false) {
8783
- this.fetch();
8784
- }
8783
+ // if (this.allowSearch == false) {
8784
+ // this.fetch();
8785
+ // }
8785
8786
  this.dataSource.onDataReceived.subscribe(function (c) {
8786
8787
  _this.showLoading = false;
8787
8788
  _this.dataReceived(c.data.result);
@@ -9259,7 +9260,6 @@
9259
9260
  .pipe(operators.debounceTime(100))
9260
9261
  .pipe(operators.distinctUntilChanged())
9261
9262
  .subscribe(function (c) {
9262
- debugger;
9263
9263
  callbackfn();
9264
9264
  });
9265
9265
  }
@@ -9703,7 +9703,7 @@
9703
9703
  AXQueryBuilderRuleComponent = __decorate([
9704
9704
  core.Component({
9705
9705
  selector: 'ax-query-rule',
9706
- 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>",
9706
+ 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>",
9707
9707
  host: { class: 'ax ax-query-rule' },
9708
9708
  encapsulation: core.ViewEncapsulation.None
9709
9709
  }),
@@ -13605,6 +13605,13 @@
13605
13605
  }
13606
13606
  return AXTreeViewselectionChangedEvent;
13607
13607
  }(AXValueEvent));
13608
+ var AXTreeViewseletedKeyFieldsChangedEvent = /** @class */ (function (_super) {
13609
+ __extends(AXTreeViewseletedKeyFieldsChangedEvent, _super);
13610
+ function AXTreeViewseletedKeyFieldsChangedEvent() {
13611
+ return _super !== null && _super.apply(this, arguments) || this;
13612
+ }
13613
+ return AXTreeViewseletedKeyFieldsChangedEvent;
13614
+ }(AXValueEvent));
13608
13615
  var AXTreeViewItemClick = /** @class */ (function (_super) {
13609
13616
  __extends(AXTreeViewItemClick, _super);
13610
13617
  function AXTreeViewItemClick() {
@@ -13632,6 +13639,7 @@
13632
13639
  _this.allowDrag = false;
13633
13640
  _this.size = 'md';
13634
13641
  _this.selectionChanged = new core.EventEmitter();
13642
+ _this.seletedKeyFieldsChanged = new core.EventEmitter();
13635
13643
  _this.onItemOpening = new core.EventEmitter();
13636
13644
  _this.onItemClick = new core.EventEmitter();
13637
13645
  _this.onItemClosing = new core.EventEmitter();
@@ -13649,6 +13657,8 @@
13649
13657
  _this.lockedDrag = false;
13650
13658
  _this.childField = 'childeren';
13651
13659
  _this.showContextMenu = false;
13660
+ _this.isSelectedItem = false;
13661
+ _this.loced = false;
13652
13662
  return _this;
13653
13663
  }
13654
13664
  AXTreeViewComponent.prototype.handleOnContextMenuItem = function (e) {
@@ -13684,7 +13694,7 @@
13684
13694
  }
13685
13695
  else {
13686
13696
  item.select = !item.select;
13687
- if (item.parentNode && (this.selectionMode === 'multiple')) {
13697
+ if (item.parentNode && this.selectionMode === 'multiple') {
13688
13698
  this.changeParentSelect(item.parentNode);
13689
13699
  }
13690
13700
  if (this.selectionMode === 'multiple') {
@@ -13905,6 +13915,7 @@
13905
13915
  }
13906
13916
  else {
13907
13917
  _this.selectItem(el);
13918
+ _this.isSelectedItem = true;
13908
13919
  }
13909
13920
  }
13910
13921
  });
@@ -13917,8 +13928,10 @@
13917
13928
  }
13918
13929
  else if (el[_this.selectedFieldName] == true) {
13919
13930
  _this.selectItem(el);
13931
+ _this.isSelectedItem = true;
13920
13932
  }
13921
13933
  }
13934
+ debugger;
13922
13935
  });
13923
13936
  }
13924
13937
  else {
@@ -13945,9 +13958,7 @@
13945
13958
  }
13946
13959
  if (_this.selectionMode !== 'single' && _this.selectNodesRecursive) {
13947
13960
  result_1[i].select = _this.itemRow.select === (undefined || null) ? false : _this.itemRow.select;
13948
- if (_this.itemRow.select === true &&
13949
- (_this.selectionMode == 'multiple') &&
13950
- result_1[i][_this.hasChildField] === false) {
13961
+ if (_this.itemRow.select === true && _this.selectionMode == 'multiple' && result_1[i][_this.hasChildField] === false) {
13951
13962
  _this.selectedItems = _this.selectedItems.filter(function (c) { return c[_this.keyField] !== result_1[i][_this.keyField]; });
13952
13963
  _this.selectedItems.push(result_1[i]);
13953
13964
  }
@@ -13966,6 +13977,7 @@
13966
13977
  }
13967
13978
  else {
13968
13979
  _this.selectItem(result_1[i]);
13980
+ _this.isSelectedItem = true;
13969
13981
  }
13970
13982
  }
13971
13983
  });
@@ -13978,6 +13990,7 @@
13978
13990
  }
13979
13991
  else if (result_1[i][_this.selectedFieldName] == true) {
13980
13992
  _this.selectItem(result_1[i]);
13993
+ _this.isSelectedItem = true;
13981
13994
  }
13982
13995
  }
13983
13996
  };
@@ -13988,6 +14001,14 @@
13988
14001
  }
13989
14002
  }
13990
14003
  }
14004
+ if (_this.isSelectedItem == true && !_this.loced) {
14005
+ _this.loced = true;
14006
+ _this.seletedKeyFieldsChanged.emit({
14007
+ component: _this,
14008
+ // value: this.makeNode(item),
14009
+ htmlElement: _this.ref.nativeElement
14010
+ });
14011
+ }
13991
14012
  });
13992
14013
  };
13993
14014
  AXTreeViewComponent.prototype.ngAfterViewInit = function () {
@@ -14254,6 +14275,10 @@
14254
14275
  core.Output(),
14255
14276
  __metadata("design:type", core.EventEmitter)
14256
14277
  ], AXTreeViewComponent.prototype, "selectionChanged", void 0);
14278
+ __decorate([
14279
+ core.Output(),
14280
+ __metadata("design:type", core.EventEmitter)
14281
+ ], AXTreeViewComponent.prototype, "seletedKeyFieldsChanged", void 0);
14257
14282
  __decorate([
14258
14283
  core.Output(),
14259
14284
  __metadata("design:type", core.EventEmitter)
@@ -16508,6 +16533,7 @@
16508
16533
  exports.AXTreeViewModule = AXTreeViewModule;
16509
16534
  exports.AXTreeViewNode = AXTreeViewNode;
16510
16535
  exports.AXTreeViewselectionChangedEvent = AXTreeViewselectionChangedEvent;
16536
+ exports.AXTreeViewseletedKeyFieldsChangedEvent = AXTreeViewseletedKeyFieldsChangedEvent;
16511
16537
  exports.AXUploadFileComponent = AXUploadFileComponent;
16512
16538
  exports.AXUploadFileModule = AXUploadFileModule;
16513
16539
  exports.AXValidatableComponent = AXValidatableComponent;