@acorex/components 3.0.43 → 3.0.47
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.
- package/acorex-components.metadata.json +1 -1
- package/bundles/acorex-components.umd.js +65 -43
- package/bundles/acorex-components.umd.js.map +1 -1
- package/bundles/acorex-components.umd.min.js +1 -1
- package/bundles/acorex-components.umd.min.js.map +1 -1
- package/esm2015/lib/checkbox/checkbox.component.js +17 -17
- package/esm2015/lib/date-picker/date-picker.component.js +5 -4
- package/esm2015/lib/number-box/number-box.component.js +16 -6
- package/esm2015/lib/query-builder/query-builder-group.component.js +2 -2
- package/esm2015/lib/query-builder/query-builder.service.js +4 -4
- package/esm2015/lib/selectbox/selectbox.component.js +6 -3
- package/esm2015/lib/selection-list/selection-list.component.js +6 -7
- package/esm2015/lib/tab-strip/tab-strip.component.js +11 -9
- package/esm2015/lib/tree-view/tree-view.component.js +10 -2
- package/esm5/lib/checkbox/checkbox.component.js +17 -18
- package/esm5/lib/date-picker/date-picker.component.js +5 -4
- package/esm5/lib/number-box/number-box.component.js +16 -6
- package/esm5/lib/query-builder/query-builder-group.component.js +2 -2
- package/esm5/lib/query-builder/query-builder.service.js +4 -4
- package/esm5/lib/selectbox/selectbox.component.js +6 -3
- package/esm5/lib/selection-list/selection-list.component.js +3 -4
- package/esm5/lib/tab-strip/tab-strip.component.js +11 -9
- package/esm5/lib/tree-view/tree-view.component.js +10 -2
- package/fesm2015/acorex-components.js +68 -45
- package/fesm2015/acorex-components.js.map +1 -1
- package/fesm5/acorex-components.js +65 -43
- package/fesm5/acorex-components.js.map +1 -1
- package/lib/number-box/number-box.component.d.ts +1 -0
- package/lib/tree-view/tree-view.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -3523,7 +3523,7 @@ var AXCheckBoxComponent = /** @class */ (function (_super) {
|
|
|
3523
3523
|
return this._value;
|
|
3524
3524
|
},
|
|
3525
3525
|
set: function (v) {
|
|
3526
|
-
if (v != this._value
|
|
3526
|
+
if (v != this._value && v !== undefined) {
|
|
3527
3527
|
var old = this._value;
|
|
3528
3528
|
this._value = v;
|
|
3529
3529
|
this.valueChange.emit(v);
|
|
@@ -3548,21 +3548,20 @@ var AXCheckBoxComponent = /** @class */ (function (_super) {
|
|
|
3548
3548
|
}
|
|
3549
3549
|
};
|
|
3550
3550
|
AXCheckBoxComponent.prototype.handleClick = function (e) {
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
//
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
3557
|
-
|
|
3558
|
-
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
}, 100);
|
|
3551
|
+
e.preventDefault();
|
|
3552
|
+
e.stopPropagation();
|
|
3553
|
+
// setTimeout(() => {
|
|
3554
|
+
if (!this.disabled && !this.readonly) {
|
|
3555
|
+
//TODO: check intermddiate;
|
|
3556
|
+
this.value = !this.value;
|
|
3557
|
+
this.onClick.emit({
|
|
3558
|
+
component: this,
|
|
3559
|
+
htmlElement: this.ref.nativeElement,
|
|
3560
|
+
htmlEvent: e,
|
|
3561
|
+
value: this.value
|
|
3562
|
+
});
|
|
3563
|
+
}
|
|
3564
|
+
// }, 100);
|
|
3566
3565
|
};
|
|
3567
3566
|
AXCheckBoxComponent.ctorParameters = function () { return [
|
|
3568
3567
|
{ type: ChangeDetectorRef },
|
|
@@ -3616,7 +3615,7 @@ var AXCheckBoxComponent = /** @class */ (function (_super) {
|
|
|
3616
3615
|
AXCheckBoxComponent = __decorate([
|
|
3617
3616
|
Component({
|
|
3618
3617
|
selector: 'ax-check-box',
|
|
3619
|
-
template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n (click)=\"handleClick($event)\">\r\n {{ label }}\r\n <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n [disabled]=\"disabled || readonly\" />\r\n <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n
|
|
3618
|
+
template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n (click)=\"handleClick($event)\">\r\n {{ label }}\r\n <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n [disabled]=\"disabled || readonly\" />\r\n <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n\r\n<!-- [(ngModel)]=\"value\" -->\r\n<!-- (click)=\"handleClick($event)\" -->\r\n\r\n<label class=\"ax-checkbox-container\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\">\r\n\r\n <input #input class=\"ax-checkbox\" type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [class.checked]=\"value\"\r\n [checked]=\"value\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\" (click)=\"handleClick($event)\"\r\n [disabled]=\"disabled || readonly\" />\r\n\r\n\r\n <span>{{ label ? label : ' ' }}</span>\r\n</label>",
|
|
3620
3619
|
encapsulation: ViewEncapsulation.None,
|
|
3621
3620
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
3622
3621
|
}),
|
|
@@ -4020,8 +4019,7 @@ var AXSelectionListComponent = /** @class */ (function (_super) {
|
|
|
4020
4019
|
}
|
|
4021
4020
|
}
|
|
4022
4021
|
};
|
|
4023
|
-
AXSelectionListComponent.prototype.focus = function () {
|
|
4024
|
-
};
|
|
4022
|
+
AXSelectionListComponent.prototype.focus = function () { };
|
|
4025
4023
|
AXSelectionListComponent.prototype.onvalueChanged = function (e) {
|
|
4026
4024
|
if (!this.disabled) {
|
|
4027
4025
|
this.selectedItemsChange.emit([e]);
|
|
@@ -4087,7 +4085,7 @@ var AXSelectionListComponent = /** @class */ (function (_super) {
|
|
|
4087
4085
|
AXSelectionListComponent = __decorate([
|
|
4088
4086
|
Component({
|
|
4089
4087
|
selector: 'ax-selection-list',
|
|
4090
|
-
template: "<ng-container *ngIf=\" mode == 'multiple'; then checkboxList; else radioButtonList\"></ng-container>\r\n<ng-template #checkboxList>\r\n <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n <ax-check-box label=\"{{item[textField]}}\" *ngFor=\"let item of items\" [disabled]=\"disabled\"
|
|
4088
|
+
template: "<ng-container *ngIf=\" mode == 'multiple'; then checkboxList; else radioButtonList\"></ng-container>\r\n<ng-template #checkboxList>\r\n <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n <ax-check-box label=\"{{item[textField]}}\" *ngFor=\"let item of items\" [disabled]=\"item.disable || disabled\"\r\n [readonly]=\"item.readonly || readonly\" [value]=\"selectedValues.indexOf(item[valueField])>-1\"\r\n (onValueChanged)=\"onCheckValueChange(item[valueField],$event.value)\">\r\n </ax-check-box>\r\n </div>\r\n</ng-template>\r\n<ng-template #radioButtonList>\r\n <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n <label class=\"ax radio\" for=\"{{uid}}\" [class.disabled]=\"disabled\" [class.readonly]=\"disabled\"\r\n *ngFor=\"let item of items\" (click)=\"onvalueChanged(item)\">\r\n {{ item[textField] }}\r\n <input type=\"radio\" (change)=\"onCheckValueChange(item[valueField],true)\" [value]=\"item[valueField]\"\r\n [checked]=\"selectedValues==item[valueField]\" [name]=\"uid\" [disabled]=\"item.disable || disabled\"\r\n [readonly]=\"item.readonly || readonly\" />\r\n <span class=\"checkmark\"></span>\r\n </label>\r\n </div>\r\n</ng-template>",
|
|
4091
4089
|
encapsulation: ViewEncapsulation.None,
|
|
4092
4090
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
4093
4091
|
}),
|
|
@@ -5559,8 +5557,9 @@ var AXDatePickerComponent = /** @class */ (function (_super) {
|
|
|
5559
5557
|
if (_this.showToday && !_this.value) {
|
|
5560
5558
|
_this.selectToday();
|
|
5561
5559
|
}
|
|
5562
|
-
|
|
5563
|
-
|
|
5560
|
+
console.log(Boolean(_this.dropdown.dropdownWidth > 200));
|
|
5561
|
+
if (_this.dropdown.dropdownWidth > 200) {
|
|
5562
|
+
_this.dropdown.dropdownWidth = 250;
|
|
5564
5563
|
}
|
|
5565
5564
|
_this.cdr.markForCheck();
|
|
5566
5565
|
});
|
|
@@ -6188,7 +6187,7 @@ var AXDatePickerComponent = /** @class */ (function (_super) {
|
|
|
6188
6187
|
AXDatePickerComponent = AXDatePickerComponent_1 = __decorate([
|
|
6189
6188
|
Component({
|
|
6190
6189
|
selector: 'ax-date-picker',
|
|
6191
|
-
template: "<ax-drop-down [readonly]=\"readonly\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-calendar-alt\" #dropdown maxHeight=\"unset\">\r\n <ng-container start>\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </ng-container>\r\n <ng-container header>\r\n <ax-text-box #input [textAlign]=\"textAlign\" [(value)]=\"text\" [readonly]=\"false\" [textMask]=\"dateType\" [disabled]=\"disabled\" [placeholder]=\"placeholder\" [size]=\"size\" (onkey)=\"handleKeyPress($event)\" (onFocus)=\"handleInputFocus()\" (click)=\"handleClick()\"\r\n (onBlur)=\"handleInputBlur()\" (onValueChanged)=\"textChange($event)\"></ax-text-box>\r\n </ng-container>\r\n <ng-container panel>\r\n <ax-calendar-box *ngIf=\"_renderPicker\" [showTodayButton]=\"showTodayButton\" [selectableHoliday]=\"selectableHoliday\" [min]=\"min\" [max]=\"max\" [size]=\"size\" (onClick)=\"onClick($event)\" (onValueChanged)=\"onDateChange($event)\" [type]=\"type\" [(value)]=\"value\"\r\n [dayStyle]=\"dayStyle\">\r\n </ax-calendar-box>\r\n </ng-container>\r\n <ng-container end>\r\n <ax-button end *ngIf=\"allowClear && value\" [disabled]=\"disabled\" icon=\"far fa-times icon\" type=\"blank danger\" (click)=\"clear()\" [size]=\"size\" [tabIndex]=\"-1\">\r\n </ax-button>\r\n <ax-button end icon=\"far fa-calendar-alt icon\" type=\"light blank\" (click)=\"handleButtonClick()\" [disabled]=\"disabled\" [size]=\"size\" [tabIndex]=\"-1\"></ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </ng-container>\r\n\r\n</ax-drop-down>",
|
|
6190
|
+
template: "<ax-drop-down [readonly]=\"readonly\" [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-calendar-alt\" #dropdown maxHeight=\"unset\">\r\n <ng-container start>\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </ng-container>\r\n <ng-container header>\r\n <ax-text-box #input [textAlign]=\"textAlign\" [(value)]=\"text\" [readonly]=\"false\" [textMask]=\"dateType\" [disabled]=\"disabled\" [placeholder]=\"placeholder\" [size]=\"size\" (onkey)=\"handleKeyPress($event)\" (onFocus)=\"handleInputFocus()\" (click)=\"handleClick()\"\r\n (onBlur)=\"handleInputBlur()\" (onValueChanged)=\"textChange($event)\"></ax-text-box>\r\n </ng-container>\r\n <ng-container panel>\r\n <ax-calendar-box *ngIf=\"_renderPicker\" [showTodayButton]=\"showTodayButton\" [selectableHoliday]=\"selectableHoliday\" [min]=\"min\" [max]=\"max\" [size]=\"size\" (onClick)=\"onClick($event)\" (onValueChanged)=\"onDateChange($event)\" [type]=\"type\" [(value)]=\"value\"\r\n [dayStyle]=\"dayStyle\">\r\n </ax-calendar-box>\r\n </ng-container>\r\n <ng-container end>\r\n <ax-button end *ngIf=\"allowClear && value\" [disabled]=\"disabled\" icon=\"far fa-times icon\" type=\"blank danger\" (click)=\"clear()\" [size]=\"size\" [tabIndex]=\"-1\">\r\n </ax-button>\r\n <ax-button end icon=\"far fa-calendar-alt icon\" type=\"light blank\" (click)=\"handleButtonClick()\" [disabled]=\"disabled\" [size]=\"size\" [tabIndex]=\"-1\"></ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </ng-container>\r\n\r\n</ax-drop-down>",
|
|
6192
6191
|
encapsulation: ViewEncapsulation.None,
|
|
6193
6192
|
providers: [{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent_1 }],
|
|
6194
6193
|
host: { style: 'width: 100%' },
|
|
@@ -7572,7 +7571,7 @@ var AXNumberBoxComponent = /** @class */ (function (_super) {
|
|
|
7572
7571
|
});
|
|
7573
7572
|
AXNumberBoxComponent.prototype.calcSeparator = function (num) {
|
|
7574
7573
|
if (this.showSeparator) {
|
|
7575
|
-
return num +
|
|
7574
|
+
return num + +(num / 3);
|
|
7576
7575
|
}
|
|
7577
7576
|
else {
|
|
7578
7577
|
return num;
|
|
@@ -7597,9 +7596,11 @@ var AXNumberBoxComponent = /** @class */ (function (_super) {
|
|
|
7597
7596
|
if (this.disabled === false) {
|
|
7598
7597
|
if (this.scrollWeel === true) {
|
|
7599
7598
|
setTimeout(function () {
|
|
7600
|
-
_this.
|
|
7601
|
-
_this.
|
|
7602
|
-
|
|
7599
|
+
if (_this.readonly === false) {
|
|
7600
|
+
_this.input.nativeElement.addEventListener('wheel', function (e) {
|
|
7601
|
+
_this.handleWheel(e);
|
|
7602
|
+
});
|
|
7603
|
+
}
|
|
7603
7604
|
}, 500);
|
|
7604
7605
|
}
|
|
7605
7606
|
}
|
|
@@ -8010,6 +8011,14 @@ var AXNumberBoxComponent = /** @class */ (function (_super) {
|
|
|
8010
8011
|
}
|
|
8011
8012
|
}
|
|
8012
8013
|
};
|
|
8014
|
+
AXNumberBoxComponent.prototype.handleInputBlur = function (e) {
|
|
8015
|
+
this.checkMinMax(this.textValue);
|
|
8016
|
+
this.onBlur.emit({
|
|
8017
|
+
component: this,
|
|
8018
|
+
htmlElement: this.ref.nativeElement,
|
|
8019
|
+
htmlEvent: e
|
|
8020
|
+
});
|
|
8021
|
+
};
|
|
8013
8022
|
var AXNumberBoxComponent_1;
|
|
8014
8023
|
AXNumberBoxComponent.ctorParameters = function () { return [
|
|
8015
8024
|
{ type: ChangeDetectorRef },
|
|
@@ -8062,7 +8071,7 @@ var AXNumberBoxComponent = /** @class */ (function (_super) {
|
|
|
8062
8071
|
AXNumberBoxComponent = AXNumberBoxComponent_1 = __decorate([
|
|
8063
8072
|
Component({
|
|
8064
8073
|
selector: 'ax-number-box',
|
|
8065
|
-
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",
|
|
8074
|
+
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 && !readonly\" >\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",
|
|
8066
8075
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
8067
8076
|
host: { style: 'width: 100%' },
|
|
8068
8077
|
providers: [{ provide: AXValidatableComponent, useExisting: AXNumberBoxComponent_1 }]
|
|
@@ -8504,7 +8513,10 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
|
|
|
8504
8513
|
v = [];
|
|
8505
8514
|
}
|
|
8506
8515
|
// const old = this.selectedItems;
|
|
8507
|
-
|
|
8516
|
+
var f = differenceBy(old, v, this.valueField);
|
|
8517
|
+
var s = differenceBy(v, old, this.valueField);
|
|
8518
|
+
// if (JSON.stringify(old) !== JSON.stringify(v)) {
|
|
8519
|
+
if (f.length != 0 || s.length != 0) {
|
|
8508
8520
|
this._selectedItems = this.mode == 'single' ? v.slice(0, 1) : __spread(new Set(v)); //[...new Set(v[0])] : [...new Set(v)];
|
|
8509
8521
|
this._selectedItems.forEach(function (c) { return (c.selected = true); });
|
|
8510
8522
|
this.selectedItemsChange.emit(this._selectedItems);
|
|
@@ -9411,7 +9423,7 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
|
|
|
9411
9423
|
AXSelectBoxComponent = AXSelectBoxComponent_1 = __decorate([
|
|
9412
9424
|
Component({
|
|
9413
9425
|
selector: 'ax-select-box',
|
|
9414
|
-
template: "<ax-drop-down [size]=\"size\" [rtl]=\"rtl\" [showDropDownButton]=\"showDropDownButton\" [disabled]=\"disabled\"\r\n [readonly]=\"readonly\" #d (dropdownToggle)=\"dropdownToggleSelecBox($event)\">\r\n <ng-container start>\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </ng-container>\r\n <ng-container header>\r\n <div class=\"ax chips-container\" [horizontalScroll]=\"40\">\r\n <div class=\"chips\" [class.chips-blank]=\"mode === 'single'\" [title]=\"item[textField]\"\r\n *ngFor=\"let item of selectedItems\">\r\n <span class=\"chips-text\">\r\n {{item[textField]}}\r\n </span>\r\n <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\"\r\n *ngIf=\"(readonly!=true || itemRemove ==true)&& disabled!=true && (allowNull==true || (selectedItems.length > 1))\">\r\n <i class=\"far fa-times-circle close\"></i>\r\n </span>\r\n </div>\r\n <div class=\"search-wrapper\" (click)=\"onTextBoxClick($event)\">\r\n <ax-text-box #textBoxSelectBox [textAlign]=\"textAlign\"\r\n [placeholder]=\"selectedItems.length == 0 ? placeholder : ''\" [readonly]=\"readonly\"\r\n [disabled]=\"disabled\" (onkey)=\"handleKeyEvent($event)\" [size]=\"size\"\r\n (onFocus)=\"onFocusTextBox($event)\">\r\n </ax-text-box>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container end>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </ng-container>\r\n\r\n <ng-container panel>\r\n <div *ngIf=\"allowSearch\" class=\"search-wrapper\" style=\"padding: 0.7em;\">\r\n <ax-search-box #serchBox [(value)]=\"text\" (onkey)=\"handleKeyEventSearch($event)\"\r\n (textChanged)=\"textChanged($event)\" (onButtonClick)=\"textChanged($event)\">\r\n </ax-search-box>\r\n </div>\r\n <div class=\"ax list-container\">\r\n <div #listContainer style=\"max-height: 300px;overflow-y: auto;width: 100%;\" (scroll)=\"scrolled($event)\">\r\n <ng-container *ngIf=\"getItems().length>0; then thenTemplate; else elseTemplate\"></ng-container>\r\n <ng-template #thenTemplate>\r\n <div class=\"list-item\" *ngFor=\"let item of getItems();let i = index\"\r\n [class.focused]=\"i==currentfocusedIndex\" [class.selected]=\"isItemSelected(item)\"\r\n (click)=\"handleItemClick($event,item)\">\r\n <div style=\"display: flex;\">\r\n <ax-check-box *ngIf=\"showCheckBox\" [size]=\"size\" [value]=\"isItemSelected(item)\"\r\n [disabled]=\"!allowNull && selectedItems.length === 1 && isItemSelected(item)\">\r\n </ax-check-box>\r\n <ng-container *ngIf=\"rowTemplate; else elseTemplate\">\r\n <div style=\"white-space: nowrap;text-overflow: ellipsis;overflow: hidden;\"\r\n [title]=\"item[textField]\"\r\n [ngStyle]=\"(showCheckBox) ? {'padding-inline-start': '0.5rem'}:''\">\r\n <ng-container *ngTemplateOutlet=\"rowTemplate; context:{ $implicit: item }\">\r\n </ng-container>\r\n </div>\r\n\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <div style=\"white-space: nowrap;text-overflow: ellipsis;overflow: hidden;\"\r\n [title]=\"item[textField]\"\r\n [ngStyle]=\"(showCheckBox) ? {'padding-inline-start': '0.5rem'}:''\">\r\n {{ item[textField] }}\r\n </div>\r\n </ng-template>\r\n\r\n </div>\r\n\r\n </div>\r\n\r\n </ng-template>\r\n <div *ngIf=\"showLoading\" class=\"ax-pad-sm\" style=\"text-align: center;\">\r\n <i class=\"far fa-spinner-third fa-pulse fa-2x\" style=\"color: var(--ax-primary-color);\"></i>\r\n\r\n </div>\r\n <!-- <ax-loading-indicator ></ax-loading-indicator> -->\r\n <ng-template #elseTemplate>\r\n <ng-container *ngIf=\"showLoading == true; then searchTemplate else noDataTemplate\"></ng-container>\r\n <ng-template #searchTemplate>\r\n <div class=\"list-item\">\r\n {{'common.searching' | trans}}\r\n </div>\r\n </ng-template>\r\n <ng-template #noDataTemplate>\r\n <div class=\"list-item\">\r\n {{'common.noDataFound' | trans}}\r\n </div>\r\n </ng-template>\r\n\r\n </ng-template>\r\n\r\n </div>\r\n\r\n </div>\r\n </ng-container>\r\n\r\n</ax-drop-down>",
|
|
9426
|
+
template: "<ax-drop-down [size]=\"size\" [rtl]=\"rtl\" [showDropDownButton]=\"showDropDownButton\" [disabled]=\"disabled\"\r\n [readonly]=\"readonly\" #d (dropdownToggle)=\"dropdownToggleSelecBox($event)\">\r\n <ng-container start>\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </ng-container>\r\n <ng-container header>\r\n <div class=\"ax chips-container\" [horizontalScroll]=\"40\">\r\n <div class=\"chips\" [class.chips-blank]=\"mode === 'single'\" [title]=\"item[textField]\"\r\n *ngFor=\"let item of selectedItems\">\r\n <span class=\"chips-text\">\r\n {{item[textField]}}\r\n </span>\r\n <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\"\r\n *ngIf=\"(readonly!=true || itemRemove ==true)&& disabled!=true && (allowNull==true || (selectedItems.length > 1))\">\r\n <i class=\"far fa-times-circle close\"></i>\r\n </span>\r\n </div>\r\n <div class=\"search-wrapper\" (click)=\"onTextBoxClick($event)\">\r\n <ax-text-box #textBoxSelectBox [textAlign]=\"textAlign\"\r\n [placeholder]=\"selectedItems.length == 0 ? placeholder : ''\" [readonly]=\"readonly\"\r\n [disabled]=\"disabled\" (onkey)=\"handleKeyEvent($event)\" [size]=\"size\"\r\n (onFocus)=\"onFocusTextBox($event)\">\r\n </ax-text-box>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container end>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </ng-container>\r\n\r\n <ng-container panel>\r\n <div *ngIf=\"allowSearch\" class=\"search-wrapper\" style=\"padding: 0.7em;\">\r\n <ax-search-box #serchBox [(value)]=\"text\" (onkey)=\"handleKeyEventSearch($event)\"\r\n (textChanged)=\"textChanged($event)\" (onButtonClick)=\"textChanged($event)\">\r\n </ax-search-box>\r\n </div>\r\n <div class=\"ax list-container\">\r\n <div #listContainer style=\"max-height: 300px;overflow-y: auto;width: 100%;\" (scroll)=\"scrolled($event)\">\r\n <ng-container *ngIf=\"getItems().length>0; then thenTemplate; else elseTemplate\"></ng-container>\r\n <ng-template #thenTemplate>\r\n <div class=\"list-item\" *ngFor=\"let item of getItems();let i = index\"\r\n [class.focused]=\"i==currentfocusedIndex\" [class.selected]=\"isItemSelected(item)\"\r\n (click)=\"handleItemClick($event,item)\">\r\n <div style=\"display: flex;\">\r\n <ax-check-box *ngIf=\"showCheckBox\" [size]=\"size\" [value]=\"isItemSelected(item)\"\r\n [disabled]=\"!allowNull && selectedItems.length === 1 && isItemSelected(item)\"\r\n (onClick)=\"handleItemClick($event,item)\">\r\n </ax-check-box>\r\n <ng-container *ngIf=\"rowTemplate; else elseTemplate\">\r\n <div style=\"white-space: nowrap;text-overflow: ellipsis;overflow: hidden;\"\r\n [title]=\"item[textField]\"\r\n [ngStyle]=\"(showCheckBox) ? {'padding-inline-start': '0.5rem'}:''\">\r\n <ng-container *ngTemplateOutlet=\"rowTemplate; context:{ $implicit: item }\">\r\n </ng-container>\r\n </div>\r\n\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <div style=\"white-space: nowrap;text-overflow: ellipsis;overflow: hidden;\"\r\n [title]=\"item[textField]\"\r\n [ngStyle]=\"(showCheckBox) ? {'padding-inline-start': '0.5rem'}:''\">\r\n {{ item[textField] }}\r\n </div>\r\n </ng-template>\r\n\r\n </div>\r\n\r\n </div>\r\n\r\n </ng-template>\r\n <div *ngIf=\"showLoading\" class=\"ax-pad-sm\" style=\"text-align: center;\">\r\n <i class=\"far fa-spinner-third fa-pulse fa-2x\" style=\"color: var(--ax-primary-color);\"></i>\r\n\r\n </div>\r\n <!-- <ax-loading-indicator ></ax-loading-indicator> -->\r\n <ng-template #elseTemplate>\r\n <ng-container *ngIf=\"showLoading == true; then searchTemplate else noDataTemplate\"></ng-container>\r\n <ng-template #searchTemplate>\r\n <div class=\"list-item\">\r\n {{'common.searching' | trans}}\r\n </div>\r\n </ng-template>\r\n <ng-template #noDataTemplate>\r\n <div class=\"list-item\">\r\n {{'common.noDataFound' | trans}}\r\n </div>\r\n </ng-template>\r\n\r\n </ng-template>\r\n\r\n </div>\r\n\r\n </div>\r\n </ng-container>\r\n\r\n</ax-drop-down>",
|
|
9415
9427
|
encapsulation: ViewEncapsulation.None,
|
|
9416
9428
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9417
9429
|
host: { style: 'width: 100%' },
|
|
@@ -10021,7 +10033,7 @@ var AXQueryBuilderService = /** @class */ (function () {
|
|
|
10021
10033
|
return __generator(this, function (_d) {
|
|
10022
10034
|
switch (_d.label) {
|
|
10023
10035
|
case 0:
|
|
10024
|
-
|
|
10036
|
+
;
|
|
10025
10037
|
if (group.items.length > 0) {
|
|
10026
10038
|
query = ' ( ';
|
|
10027
10039
|
}
|
|
@@ -10080,7 +10092,7 @@ var AXQueryBuilderService = /** @class */ (function () {
|
|
|
10080
10092
|
codeOperator = item.operator;
|
|
10081
10093
|
break;
|
|
10082
10094
|
}
|
|
10083
|
-
|
|
10095
|
+
;
|
|
10084
10096
|
query = query + ' ' + item.caption + ' ' + codeOperator + ' ' + item.text;
|
|
10085
10097
|
_d.label = 6;
|
|
10086
10098
|
case 6:
|
|
@@ -10123,7 +10135,7 @@ var AXQueryBuilderService = /** @class */ (function () {
|
|
|
10123
10135
|
var query = '';
|
|
10124
10136
|
switch (type) {
|
|
10125
10137
|
case 'simple':
|
|
10126
|
-
|
|
10138
|
+
;
|
|
10127
10139
|
if (group.items.length > 0) {
|
|
10128
10140
|
query = ' ( ';
|
|
10129
10141
|
}
|
|
@@ -10265,7 +10277,7 @@ var AXQueryBuilderGroupComponent = /** @class */ (function () {
|
|
|
10265
10277
|
};
|
|
10266
10278
|
AXQueryBuilderGroupComponent.prototype.ruleChanged = function (e) {
|
|
10267
10279
|
var _this = this;
|
|
10268
|
-
|
|
10280
|
+
;
|
|
10269
10281
|
// this.group.queryString = this.qs.getQueryString(this.group, 'simple');
|
|
10270
10282
|
this.qs.getQueryStringSimple(this.group).then(function (c) {
|
|
10271
10283
|
_this.group.queryString = c;
|
|
@@ -11627,13 +11639,15 @@ var AXTabStripComponent = /** @class */ (function () {
|
|
|
11627
11639
|
}
|
|
11628
11640
|
AXTabStripComponent.prototype.ngOnInit = function () { };
|
|
11629
11641
|
AXTabStripComponent.prototype.handleClick = function (i) {
|
|
11630
|
-
|
|
11631
|
-
|
|
11632
|
-
|
|
11633
|
-
|
|
11634
|
-
|
|
11635
|
-
|
|
11636
|
-
|
|
11642
|
+
if (!i.disable) {
|
|
11643
|
+
this.items.forEach(function (c) { return (c.active = false); });
|
|
11644
|
+
i.active = true;
|
|
11645
|
+
this.onTabChanged.emit({
|
|
11646
|
+
component: this,
|
|
11647
|
+
seledtedTab: i,
|
|
11648
|
+
htmlElement: this.ref.nativeElement
|
|
11649
|
+
});
|
|
11650
|
+
}
|
|
11637
11651
|
};
|
|
11638
11652
|
AXTabStripComponent.ctorParameters = function () { return [
|
|
11639
11653
|
{ type: ElementRef }
|
|
@@ -11649,7 +11663,7 @@ var AXTabStripComponent = /** @class */ (function () {
|
|
|
11649
11663
|
AXTabStripComponent = __decorate([
|
|
11650
11664
|
Component({
|
|
11651
11665
|
selector: 'ax-tab-strip',
|
|
11652
|
-
template: "<ul class=\"tab-strip-container\">\r\n <ng-container *ngFor=\"let item of items\">\r\n <li [class.active]=\"item.active\" (click)=\"handleClick(item)\">{{item.text}}</li>\r\n </ng-container>\r\n</ul>"
|
|
11666
|
+
template: "<ul class=\"tab-strip-container\">\r\n <ng-container *ngFor=\"let item of items\">\r\n <li *ngIf=\"!!item.visible || item.visible == undefined\" [class.active]=\"item.active\"\r\n [class.disabled]=\"item.disable\" (click)=\"handleClick(item)\">{{item.text}}</li>\r\n </ng-container>\r\n</ul>"
|
|
11653
11667
|
}),
|
|
11654
11668
|
__metadata("design:paramtypes", [ElementRef])
|
|
11655
11669
|
], AXTabStripComponent);
|
|
@@ -13975,6 +13989,14 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
13975
13989
|
flag: flag
|
|
13976
13990
|
});
|
|
13977
13991
|
};
|
|
13992
|
+
AXTreeViewComponent.prototype.nodeClick = function (item) {
|
|
13993
|
+
if (item[this.hasChildField] == true) {
|
|
13994
|
+
this.toggleNode(item, true);
|
|
13995
|
+
}
|
|
13996
|
+
else {
|
|
13997
|
+
this.internalSelectItem(item, true);
|
|
13998
|
+
}
|
|
13999
|
+
};
|
|
13978
14000
|
AXTreeViewComponent.prototype.toggleNode = function (item, flag) {
|
|
13979
14001
|
if (flag === void 0) { flag = false; }
|
|
13980
14002
|
//item[this.hasChildField] === false &&
|
|
@@ -14459,7 +14481,7 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
14459
14481
|
AXTreeViewComponent = __decorate([
|
|
14460
14482
|
Component({
|
|
14461
14483
|
selector: 'ax-tree-view',
|
|
14462
|
-
template: "<ul class=\"ax treeview {{size}}\">\r\n <ng-template #recursiveList let-list>\r\n <ng-container *ngFor=\"let item of list\">\r\n <li class=\"active {{item[hasChildField] ? '':'node'}}\" [class.bordered]=\"bordered\"
|
|
14484
|
+
template: "<ul class=\"ax treeview {{size}}\">\r\n <ng-template #recursiveList let-list>\r\n <ng-container *ngFor=\"let item of list\">\r\n <li class=\"active {{item[hasChildField] ? '':'node'}}\" [class.bordered]=\"bordered\"\r\n [class.selected]=\"item.select\" [draggable]=\"allowDrag\" (dragstart)=\"onDragStart($event, item)\"\r\n [attr.data-id]=\"item[keyField]\" (dragleave)=\"onDragEnd($event,item)\" (dragend)=drop($event)>\r\n <div axContextMenu [contextDataItem]=\"item\" [contextMenuItems]=\"contextMenuItems\" [contextMenu]=\"menu\"\r\n (onContextMenuItemClick)=\"handleOnContextMenuItem($event)\"\r\n style=\"display: flex; cursor: pointer;align-items: center;\">\r\n <div class=\"start-side\">\r\n <div *ngIf=\"item[hasChildField]\" class=\"collapse-icon\"\r\n (click)=\"handleOnNodeClick($event,item,true)\">\r\n <i class=\"fal\"\r\n [ngClass]=\"{'fa-minus': !!item.toggle , 'fa-plus': !item.toggle , 'fa-spinner fa-spin':item.loading }\"></i>\r\n </div>\r\n\r\n <ax-check-box *ngIf=\"showSelectBox\" [disabled]=\"item.disabledCheckBox\" [size]=\"size\"\r\n [indeterminate]=\"true\" [value]=\"item.select\" (onClick)=\"internalSelectItem(item)\">\r\n </ax-check-box>\r\n\r\n\r\n </div>\r\n <div class=\"text-list\" (click)=\"nodeClick(item)\" (dblclick)=\"itemdbClick($event,item)\">\r\n <ng-container *ngIf=\"nodeTemplate; else elseTemplate\">\r\n <ng-container *ngTemplateOutlet=\"nodeTemplate; context:{ $implicit: item }\"></ng-container>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n {{item.title}}\r\n </ng-template>\r\n </div>\r\n </div>\r\n <ul *ngIf=\"item.loading\">\r\n <i class=\"far \"></i>\r\n </ul>\r\n <ul class=\"child\" *ngIf=\"item.toggle\" style=\"background-color: white !important;\">\r\n <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.childeren }\">\r\n </ng-container>\r\n </ul>\r\n </li>\r\n </ng-container>\r\n </ng-template>\r\n <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n</ul>\r\n\r\n<ax-context-menu #menu></ax-context-menu>",
|
|
14463
14485
|
encapsulation: ViewEncapsulation.None
|
|
14464
14486
|
}),
|
|
14465
14487
|
__metadata("design:paramtypes", [ElementRef])
|