@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
|
@@ -3729,7 +3729,7 @@
|
|
|
3729
3729
|
return this._value;
|
|
3730
3730
|
},
|
|
3731
3731
|
set: function (v) {
|
|
3732
|
-
if (v != this._value
|
|
3732
|
+
if (v != this._value && v !== undefined) {
|
|
3733
3733
|
var old = this._value;
|
|
3734
3734
|
this._value = v;
|
|
3735
3735
|
this.valueChange.emit(v);
|
|
@@ -3754,21 +3754,20 @@
|
|
|
3754
3754
|
}
|
|
3755
3755
|
};
|
|
3756
3756
|
AXCheckBoxComponent.prototype.handleClick = function (e) {
|
|
3757
|
-
|
|
3758
|
-
|
|
3759
|
-
//
|
|
3760
|
-
|
|
3761
|
-
|
|
3762
|
-
|
|
3763
|
-
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
|
|
3767
|
-
|
|
3768
|
-
|
|
3769
|
-
|
|
3770
|
-
|
|
3771
|
-
}, 100);
|
|
3757
|
+
e.preventDefault();
|
|
3758
|
+
e.stopPropagation();
|
|
3759
|
+
// setTimeout(() => {
|
|
3760
|
+
if (!this.disabled && !this.readonly) {
|
|
3761
|
+
//TODO: check intermddiate;
|
|
3762
|
+
this.value = !this.value;
|
|
3763
|
+
this.onClick.emit({
|
|
3764
|
+
component: this,
|
|
3765
|
+
htmlElement: this.ref.nativeElement,
|
|
3766
|
+
htmlEvent: e,
|
|
3767
|
+
value: this.value
|
|
3768
|
+
});
|
|
3769
|
+
}
|
|
3770
|
+
// }, 100);
|
|
3772
3771
|
};
|
|
3773
3772
|
AXCheckBoxComponent.ctorParameters = function () { return [
|
|
3774
3773
|
{ type: core.ChangeDetectorRef },
|
|
@@ -3822,7 +3821,7 @@
|
|
|
3822
3821
|
AXCheckBoxComponent = __decorate([
|
|
3823
3822
|
core.Component({
|
|
3824
3823
|
selector: 'ax-check-box',
|
|
3825
|
-
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
|
|
3824
|
+
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>",
|
|
3826
3825
|
encapsulation: core.ViewEncapsulation.None,
|
|
3827
3826
|
changeDetection: core.ChangeDetectionStrategy.OnPush
|
|
3828
3827
|
}),
|
|
@@ -4226,8 +4225,7 @@
|
|
|
4226
4225
|
}
|
|
4227
4226
|
}
|
|
4228
4227
|
};
|
|
4229
|
-
AXSelectionListComponent.prototype.focus = function () {
|
|
4230
|
-
};
|
|
4228
|
+
AXSelectionListComponent.prototype.focus = function () { };
|
|
4231
4229
|
AXSelectionListComponent.prototype.onvalueChanged = function (e) {
|
|
4232
4230
|
if (!this.disabled) {
|
|
4233
4231
|
this.selectedItemsChange.emit([e]);
|
|
@@ -4293,7 +4291,7 @@
|
|
|
4293
4291
|
AXSelectionListComponent = __decorate([
|
|
4294
4292
|
core.Component({
|
|
4295
4293
|
selector: 'ax-selection-list',
|
|
4296
|
-
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\"
|
|
4294
|
+
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>",
|
|
4297
4295
|
encapsulation: core.ViewEncapsulation.None,
|
|
4298
4296
|
changeDetection: core.ChangeDetectionStrategy.OnPush
|
|
4299
4297
|
}),
|
|
@@ -5765,8 +5763,9 @@
|
|
|
5765
5763
|
if (_this.showToday && !_this.value) {
|
|
5766
5764
|
_this.selectToday();
|
|
5767
5765
|
}
|
|
5768
|
-
|
|
5769
|
-
|
|
5766
|
+
console.log(Boolean(_this.dropdown.dropdownWidth > 200));
|
|
5767
|
+
if (_this.dropdown.dropdownWidth > 200) {
|
|
5768
|
+
_this.dropdown.dropdownWidth = 250;
|
|
5770
5769
|
}
|
|
5771
5770
|
_this.cdr.markForCheck();
|
|
5772
5771
|
});
|
|
@@ -6394,7 +6393,7 @@
|
|
|
6394
6393
|
AXDatePickerComponent = AXDatePickerComponent_1 = __decorate([
|
|
6395
6394
|
core.Component({
|
|
6396
6395
|
selector: 'ax-date-picker',
|
|
6397
|
-
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>",
|
|
6396
|
+
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>",
|
|
6398
6397
|
encapsulation: core.ViewEncapsulation.None,
|
|
6399
6398
|
providers: [{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent_1 }],
|
|
6400
6399
|
host: { style: 'width: 100%' },
|
|
@@ -7778,7 +7777,7 @@
|
|
|
7778
7777
|
});
|
|
7779
7778
|
AXNumberBoxComponent.prototype.calcSeparator = function (num) {
|
|
7780
7779
|
if (this.showSeparator) {
|
|
7781
|
-
return num +
|
|
7780
|
+
return num + +(num / 3);
|
|
7782
7781
|
}
|
|
7783
7782
|
else {
|
|
7784
7783
|
return num;
|
|
@@ -7803,9 +7802,11 @@
|
|
|
7803
7802
|
if (this.disabled === false) {
|
|
7804
7803
|
if (this.scrollWeel === true) {
|
|
7805
7804
|
setTimeout(function () {
|
|
7806
|
-
_this.
|
|
7807
|
-
_this.
|
|
7808
|
-
|
|
7805
|
+
if (_this.readonly === false) {
|
|
7806
|
+
_this.input.nativeElement.addEventListener('wheel', function (e) {
|
|
7807
|
+
_this.handleWheel(e);
|
|
7808
|
+
});
|
|
7809
|
+
}
|
|
7809
7810
|
}, 500);
|
|
7810
7811
|
}
|
|
7811
7812
|
}
|
|
@@ -8216,6 +8217,14 @@
|
|
|
8216
8217
|
}
|
|
8217
8218
|
}
|
|
8218
8219
|
};
|
|
8220
|
+
AXNumberBoxComponent.prototype.handleInputBlur = function (e) {
|
|
8221
|
+
this.checkMinMax(this.textValue);
|
|
8222
|
+
this.onBlur.emit({
|
|
8223
|
+
component: this,
|
|
8224
|
+
htmlElement: this.ref.nativeElement,
|
|
8225
|
+
htmlEvent: e
|
|
8226
|
+
});
|
|
8227
|
+
};
|
|
8219
8228
|
var AXNumberBoxComponent_1;
|
|
8220
8229
|
AXNumberBoxComponent.ctorParameters = function () { return [
|
|
8221
8230
|
{ type: core.ChangeDetectorRef },
|
|
@@ -8268,7 +8277,7 @@
|
|
|
8268
8277
|
AXNumberBoxComponent = AXNumberBoxComponent_1 = __decorate([
|
|
8269
8278
|
core.Component({
|
|
8270
8279
|
selector: 'ax-number-box',
|
|
8271
|
-
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",
|
|
8280
|
+
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",
|
|
8272
8281
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
8273
8282
|
host: { style: 'width: 100%' },
|
|
8274
8283
|
providers: [{ provide: AXValidatableComponent, useExisting: AXNumberBoxComponent_1 }]
|
|
@@ -8710,7 +8719,10 @@
|
|
|
8710
8719
|
v = [];
|
|
8711
8720
|
}
|
|
8712
8721
|
// const old = this.selectedItems;
|
|
8713
|
-
|
|
8722
|
+
var f = lodash.differenceBy(old, v, this.valueField);
|
|
8723
|
+
var s = lodash.differenceBy(v, old, this.valueField);
|
|
8724
|
+
// if (JSON.stringify(old) !== JSON.stringify(v)) {
|
|
8725
|
+
if (f.length != 0 || s.length != 0) {
|
|
8714
8726
|
this._selectedItems = this.mode == 'single' ? v.slice(0, 1) : __spread(new Set(v)); //[...new Set(v[0])] : [...new Set(v)];
|
|
8715
8727
|
this._selectedItems.forEach(function (c) { return (c.selected = true); });
|
|
8716
8728
|
this.selectedItemsChange.emit(this._selectedItems);
|
|
@@ -9617,7 +9629,7 @@
|
|
|
9617
9629
|
AXSelectBoxComponent = AXSelectBoxComponent_1 = __decorate([
|
|
9618
9630
|
core.Component({
|
|
9619
9631
|
selector: 'ax-select-box',
|
|
9620
|
-
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>",
|
|
9632
|
+
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>",
|
|
9621
9633
|
encapsulation: core.ViewEncapsulation.None,
|
|
9622
9634
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
9623
9635
|
host: { style: 'width: 100%' },
|
|
@@ -10227,7 +10239,7 @@
|
|
|
10227
10239
|
return __generator(this, function (_d) {
|
|
10228
10240
|
switch (_d.label) {
|
|
10229
10241
|
case 0:
|
|
10230
|
-
|
|
10242
|
+
;
|
|
10231
10243
|
if (group.items.length > 0) {
|
|
10232
10244
|
query = ' ( ';
|
|
10233
10245
|
}
|
|
@@ -10286,7 +10298,7 @@
|
|
|
10286
10298
|
codeOperator = item.operator;
|
|
10287
10299
|
break;
|
|
10288
10300
|
}
|
|
10289
|
-
|
|
10301
|
+
;
|
|
10290
10302
|
query = query + ' ' + item.caption + ' ' + codeOperator + ' ' + item.text;
|
|
10291
10303
|
_d.label = 6;
|
|
10292
10304
|
case 6:
|
|
@@ -10329,7 +10341,7 @@
|
|
|
10329
10341
|
var query = '';
|
|
10330
10342
|
switch (type) {
|
|
10331
10343
|
case 'simple':
|
|
10332
|
-
|
|
10344
|
+
;
|
|
10333
10345
|
if (group.items.length > 0) {
|
|
10334
10346
|
query = ' ( ';
|
|
10335
10347
|
}
|
|
@@ -10471,7 +10483,7 @@
|
|
|
10471
10483
|
};
|
|
10472
10484
|
AXQueryBuilderGroupComponent.prototype.ruleChanged = function (e) {
|
|
10473
10485
|
var _this = this;
|
|
10474
|
-
|
|
10486
|
+
;
|
|
10475
10487
|
// this.group.queryString = this.qs.getQueryString(this.group, 'simple');
|
|
10476
10488
|
this.qs.getQueryStringSimple(this.group).then(function (c) {
|
|
10477
10489
|
_this.group.queryString = c;
|
|
@@ -11833,13 +11845,15 @@
|
|
|
11833
11845
|
}
|
|
11834
11846
|
AXTabStripComponent.prototype.ngOnInit = function () { };
|
|
11835
11847
|
AXTabStripComponent.prototype.handleClick = function (i) {
|
|
11836
|
-
|
|
11837
|
-
|
|
11838
|
-
|
|
11839
|
-
|
|
11840
|
-
|
|
11841
|
-
|
|
11842
|
-
|
|
11848
|
+
if (!i.disable) {
|
|
11849
|
+
this.items.forEach(function (c) { return (c.active = false); });
|
|
11850
|
+
i.active = true;
|
|
11851
|
+
this.onTabChanged.emit({
|
|
11852
|
+
component: this,
|
|
11853
|
+
seledtedTab: i,
|
|
11854
|
+
htmlElement: this.ref.nativeElement
|
|
11855
|
+
});
|
|
11856
|
+
}
|
|
11843
11857
|
};
|
|
11844
11858
|
AXTabStripComponent.ctorParameters = function () { return [
|
|
11845
11859
|
{ type: core.ElementRef }
|
|
@@ -11855,7 +11869,7 @@
|
|
|
11855
11869
|
AXTabStripComponent = __decorate([
|
|
11856
11870
|
core.Component({
|
|
11857
11871
|
selector: 'ax-tab-strip',
|
|
11858
|
-
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>"
|
|
11872
|
+
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>"
|
|
11859
11873
|
}),
|
|
11860
11874
|
__metadata("design:paramtypes", [core.ElementRef])
|
|
11861
11875
|
], AXTabStripComponent);
|
|
@@ -14181,6 +14195,14 @@
|
|
|
14181
14195
|
flag: flag
|
|
14182
14196
|
});
|
|
14183
14197
|
};
|
|
14198
|
+
AXTreeViewComponent.prototype.nodeClick = function (item) {
|
|
14199
|
+
if (item[this.hasChildField] == true) {
|
|
14200
|
+
this.toggleNode(item, true);
|
|
14201
|
+
}
|
|
14202
|
+
else {
|
|
14203
|
+
this.internalSelectItem(item, true);
|
|
14204
|
+
}
|
|
14205
|
+
};
|
|
14184
14206
|
AXTreeViewComponent.prototype.toggleNode = function (item, flag) {
|
|
14185
14207
|
if (flag === void 0) { flag = false; }
|
|
14186
14208
|
//item[this.hasChildField] === false &&
|
|
@@ -14665,7 +14687,7 @@
|
|
|
14665
14687
|
AXTreeViewComponent = __decorate([
|
|
14666
14688
|
core.Component({
|
|
14667
14689
|
selector: 'ax-tree-view',
|
|
14668
|
-
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\"
|
|
14690
|
+
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>",
|
|
14669
14691
|
encapsulation: core.ViewEncapsulation.None
|
|
14670
14692
|
}),
|
|
14671
14693
|
__metadata("design:paramtypes", [core.ElementRef])
|