@acorex/components 3.0.41 → 3.0.45
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 +53 -31
- 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/calendar/calendar-box/calendar-box.component.js +2 -2
- package/esm2015/lib/checkbox/checkbox.component.js +17 -17
- package/esm2015/lib/date-picker/date-picker.component.js +6 -2
- 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/tree-view/tree-view.component.js +13 -4
- package/esm5/lib/calendar/calendar-box/calendar-box.component.js +2 -2
- package/esm5/lib/checkbox/checkbox.component.js +17 -18
- package/esm5/lib/date-picker/date-picker.component.js +6 -2
- 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/tree-view/tree-view.component.js +13 -4
- package/fesm2015/acorex-components.js +53 -30
- package/fesm2015/acorex-components.js.map +1 -1
- package/fesm5/acorex-components.js +53 -31
- 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
|
@@ -1512,7 +1512,7 @@ var AXCalendarBoxComponent = /** @class */ (function () {
|
|
|
1512
1512
|
AXCalendarBoxComponent = __decorate([
|
|
1513
1513
|
Component({
|
|
1514
1514
|
selector: 'ax-calendar-box',
|
|
1515
|
-
template: "<!-- <div class=\"calendar-body ax {{size}}\" [ngClass]=\"type\">\r\n <div class=\"calendar-selector\">\r\n <div class=\"arrows left-arrow\" (click)=\"prev()\">\r\n <i class=\"far fa-chevron-left\"></i>\r\n </div>\r\n <div class=\"selector-name\" (click)=\"changeView()\" [ngSwitch]=\"view\">\r\n <ng-container *ngSwitchCase=\"'day'\">\r\n {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'month'\">\r\n {{viewRange.startTime | dt:\"YYYY\"}}\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n </ng-container>\r\n </div>\r\n <div class=\"arrows right-arrow\" (click)=\"next()\">\r\n <i class=\"far fa-chevron-right\"></i>\r\n </div>\r\n </div>\r\n <div class=\"view\">\r\n <ng-container [ngSwitch]=\"view\">\r\n <ng-container *ngSwitchCase=\"'day'\">\r\n <table>\r\n <thead>\r\n <tr class=\"days-name calendar-row\">\r\n <th class=\"calendar-item\" *ngFor='let w of weekdays'>{{w}}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n <td *ngFor=\"let d of r;trackBy:trackByFn\" class=\"calendar-item \" [title]=\"getTitle(d.date)\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today,'next-month':d.nextMonth , 'holiday':d.holiday , 'unselect':d.unselect}\" [ngStyle]=\"(findDay(d.date)) ? getStyle(d.date):''\"\r\n (click)=\"setDayClick($event,d)\">\r\n <div>\r\n {{d.date.dayInMonth}}\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'month'\">\r\n <table>\r\n <tbody>\r\n <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n <td class=\"calendar-item month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\r\n <div>\r\n {{d.date| dt:\"MMM\"}}\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'year'\">\r\n <table>\r\n <tbody>\r\n <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n <td class=\"calendar-item year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\r\n <div>\r\n {{d.date | dt:\"YYYY\"}}\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div style=\"padding: 5px;\">\r\n <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" size=\"sm\" type=\"primary\" block=\"'true'\">\r\n {{getTodayName()}}\r\n </ax-button>\r\n </div>\r\n</div> -->\r\n\r\n\r\n\r\n<div class=\"ax-calendar-container {{size}}\" [ngClass]=\"type\">\r\n <div class=\"ax-calendar-header\">\r\n\r\n <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\r\n <ax-button type=\"light blank\" (click)=\"changeView()\">\r\n <ng-container *ngSwitchCase=\"'day'\">\r\n {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'month'\">\r\n {{viewRange.startTime | dt:\"YYYY\"}}\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n </ng-container>\r\n </ax-button>\r\n </div>\r\n\r\n <div class=\"ax-controll-button\">\r\n <ax-button type=\"light blank\" icon=\"fas fa-chevron-down\" (click)=\"next()\"></ax-button>\r\n </div>\r\n <div class=\"ax-controll-button\">\r\n <ax-button type=\"light blank\" icon=\"fas fa-chevron-up\" (click)=\"prev()\"></ax-button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <ng-container [ngSwitch]=\"view\">\r\n <ng-container *ngSwitchCase=\"'day'\">\r\n <div class=\"ax-month-items\">\r\n <ng-container *ngFor='let w of weekdays'>\r\n <div class=\"ax-month-item\"><strong>{{w}}</strong></div>\r\n </ng-container>\r\n </div>\r\n <div class=\"ax-day-items\">\r\n <ng-container *ngFor=\"let r of matrix\">\r\n <div class=\"ax-day-item ax-state-event\" *ngFor=\"let d of r;trackBy:trackByFn\" [title]=\"getTitle(d.date)\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today,'next-month':d.nextMonth , 'holiday':d.holiday , 'unselect':d.unselect}\" [ngStyle]=\"(findDay(d.date)) ? getStyle(d.date):''\"\r\n (click)=\"setDayClick($event,d)\">\r\n {{d.date.dayInMonth}}</div>\r\n </ng-container>\r\n\r\n </div>\r\n </ng-container>\r\n <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\r\n <ng-container *ngFor=\"let r of matrix\">\r\n <div class=\"ax-month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\r\n <strong>\r\n {{d.date| dt:\"MMM\"}}\r\n </strong>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\r\n <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n <div class=\"ax-year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\r\n <strong>{{d.date | dt:\"YYYY\"}}</strong>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n <div class=\"ax-calendar-footer\">\r\n <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\r\n {{getTodayName()}}\r\n </ax-button>\r\n </div>\r\n</div>",
|
|
1515
|
+
template: "<!-- <div class=\"calendar-body ax {{size}}\" [ngClass]=\"type\">\r\n <div class=\"calendar-selector\">\r\n <div class=\"arrows left-arrow\" (click)=\"prev()\">\r\n <i class=\"far fa-chevron-left\"></i>\r\n </div>\r\n <div class=\"selector-name\" (click)=\"changeView()\" [ngSwitch]=\"view\">\r\n <ng-container *ngSwitchCase=\"'day'\">\r\n {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'month'\">\r\n {{viewRange.startTime | dt:\"YYYY\"}}\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n </ng-container>\r\n </div>\r\n <div class=\"arrows right-arrow\" (click)=\"next()\">\r\n <i class=\"far fa-chevron-right\"></i>\r\n </div>\r\n </div>\r\n <div class=\"view\">\r\n <ng-container [ngSwitch]=\"view\">\r\n <ng-container *ngSwitchCase=\"'day'\">\r\n <table>\r\n <thead>\r\n <tr class=\"days-name calendar-row\">\r\n <th class=\"calendar-item\" *ngFor='let w of weekdays'>{{w}}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n <td *ngFor=\"let d of r;trackBy:trackByFn\" class=\"calendar-item \" [title]=\"getTitle(d.date)\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today,'next-month':d.nextMonth , 'holiday':d.holiday , 'unselect':d.unselect}\" [ngStyle]=\"(findDay(d.date)) ? getStyle(d.date):''\"\r\n (click)=\"setDayClick($event,d)\">\r\n <div>\r\n {{d.date.dayInMonth}}\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'month'\">\r\n <table>\r\n <tbody>\r\n <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n <td class=\"calendar-item month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\r\n <div>\r\n {{d.date| dt:\"MMM\"}}\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'year'\">\r\n <table>\r\n <tbody>\r\n <tr class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n <td class=\"calendar-item year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\r\n <div>\r\n {{d.date | dt:\"YYYY\"}}\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div style=\"padding: 5px;\">\r\n <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" size=\"sm\" type=\"primary\" block=\"'true'\">\r\n {{getTodayName()}}\r\n </ax-button>\r\n </div>\r\n</div> -->\r\n\r\n\r\n\r\n<div class=\"ax-calendar-container {{size}}\" [ngClass]=\"type\">\r\n <div class=\"ax-calendar-header\">\r\n\r\n <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\r\n <ax-button type=\"light blank\" (click)=\"changeView()\">\r\n <ng-container *ngSwitchCase=\"'day'\">\r\n {{viewRange.startTime.add('day',10) | dt:\"MMM YYYY\"}}\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'month'\">\r\n {{viewRange.startTime | dt:\"YYYY\"}}\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n {{viewRange.startTime | dt:\"YYYY\"}} - {{viewRange.endTime | dt:\"YYYY\"}}\r\n </ng-container>\r\n </ax-button>\r\n </div>\r\n\r\n <div class=\"ax-controll-button\">\r\n <ax-button type=\"light blank\" [block]=\"true\" icon=\"fas fa-chevron-down\" (click)=\"next()\"></ax-button>\r\n </div>\r\n <div class=\"ax-controll-button\">\r\n <ax-button type=\"light blank\" [block]=\"true\" icon=\"fas fa-chevron-up\" (click)=\"prev()\"></ax-button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <ng-container [ngSwitch]=\"view\">\r\n <ng-container *ngSwitchCase=\"'day'\">\r\n <div class=\"ax-month-items\">\r\n <ng-container *ngFor='let w of weekdays'>\r\n <div class=\"ax-month-item\"><strong>{{w}}</strong></div>\r\n </ng-container>\r\n </div>\r\n <div class=\"ax-day-items\">\r\n <ng-container *ngFor=\"let r of matrix\">\r\n <div class=\"ax-day-item ax-state-event\" *ngFor=\"let d of r;trackBy:trackByFn\" [title]=\"getTitle(d.date)\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today,'next-month':d.nextMonth , 'holiday':d.holiday , 'unselect':d.unselect}\" [ngStyle]=\"(findDay(d.date)) ? getStyle(d.date):''\"\r\n (click)=\"setDayClick($event,d)\">\r\n {{d.date.dayInMonth}}</div>\r\n </ng-container>\r\n\r\n </div>\r\n </ng-container>\r\n <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\r\n <ng-container *ngFor=\"let r of matrix\">\r\n <div class=\"ax-month-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setMonthClick($event,d.date)\">\r\n <strong>\r\n {{d.date| dt:\"MMM\"}}\r\n </strong>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\r\n <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\r\n <div class=\"ax-year-item\" *ngFor=\"let d of r;trackBy:trackByFn\" [ngClass]=\"{'selected': d.selected,'focused':d.focused,'today':d.today}\" (click)=\"setYearClick($event,d.date)\">\r\n <strong>{{d.date | dt:\"YYYY\"}}</strong>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n <div class=\"ax-calendar-footer\">\r\n <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\r\n {{getTodayName()}}\r\n </ax-button>\r\n </div>\r\n</div>",
|
|
1516
1516
|
encapsulation: ViewEncapsulation.None,
|
|
1517
1517
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1518
1518
|
}),
|
|
@@ -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
|
}),
|
|
@@ -5559,6 +5558,10 @@ var AXDatePickerComponent = /** @class */ (function (_super) {
|
|
|
5559
5558
|
if (_this.showToday && !_this.value) {
|
|
5560
5559
|
_this.selectToday();
|
|
5561
5560
|
}
|
|
5561
|
+
console.log(Boolean(_this.dropdown.dropdownWidth > 200));
|
|
5562
|
+
if (_this.dropdown.dropdownWidth > 200) {
|
|
5563
|
+
_this.dropdown.dropdownWidth = 250;
|
|
5564
|
+
}
|
|
5562
5565
|
_this.cdr.markForCheck();
|
|
5563
5566
|
});
|
|
5564
5567
|
};
|
|
@@ -6185,7 +6188,7 @@ var AXDatePickerComponent = /** @class */ (function (_super) {
|
|
|
6185
6188
|
AXDatePickerComponent = AXDatePickerComponent_1 = __decorate([
|
|
6186
6189
|
Component({
|
|
6187
6190
|
selector: 'ax-date-picker',
|
|
6188
|
-
template: "<ax-drop-down [readonly]=\"readonly\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-calendar-alt\" #dropdown
|
|
6191
|
+
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>",
|
|
6189
6192
|
encapsulation: ViewEncapsulation.None,
|
|
6190
6193
|
providers: [{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent_1 }],
|
|
6191
6194
|
host: { style: 'width: 100%' },
|
|
@@ -7569,7 +7572,7 @@ var AXNumberBoxComponent = /** @class */ (function (_super) {
|
|
|
7569
7572
|
});
|
|
7570
7573
|
AXNumberBoxComponent.prototype.calcSeparator = function (num) {
|
|
7571
7574
|
if (this.showSeparator) {
|
|
7572
|
-
return num +
|
|
7575
|
+
return num + +(num / 3);
|
|
7573
7576
|
}
|
|
7574
7577
|
else {
|
|
7575
7578
|
return num;
|
|
@@ -7594,9 +7597,11 @@ var AXNumberBoxComponent = /** @class */ (function (_super) {
|
|
|
7594
7597
|
if (this.disabled === false) {
|
|
7595
7598
|
if (this.scrollWeel === true) {
|
|
7596
7599
|
setTimeout(function () {
|
|
7597
|
-
_this.
|
|
7598
|
-
_this.
|
|
7599
|
-
|
|
7600
|
+
if (_this.readonly === false) {
|
|
7601
|
+
_this.input.nativeElement.addEventListener('wheel', function (e) {
|
|
7602
|
+
_this.handleWheel(e);
|
|
7603
|
+
});
|
|
7604
|
+
}
|
|
7600
7605
|
}, 500);
|
|
7601
7606
|
}
|
|
7602
7607
|
}
|
|
@@ -8007,6 +8012,14 @@ var AXNumberBoxComponent = /** @class */ (function (_super) {
|
|
|
8007
8012
|
}
|
|
8008
8013
|
}
|
|
8009
8014
|
};
|
|
8015
|
+
AXNumberBoxComponent.prototype.handleInputBlur = function (e) {
|
|
8016
|
+
this.checkMinMax(this.textValue);
|
|
8017
|
+
this.onBlur.emit({
|
|
8018
|
+
component: this,
|
|
8019
|
+
htmlElement: this.ref.nativeElement,
|
|
8020
|
+
htmlEvent: e
|
|
8021
|
+
});
|
|
8022
|
+
};
|
|
8010
8023
|
var AXNumberBoxComponent_1;
|
|
8011
8024
|
AXNumberBoxComponent.ctorParameters = function () { return [
|
|
8012
8025
|
{ type: ChangeDetectorRef },
|
|
@@ -8059,7 +8072,7 @@ var AXNumberBoxComponent = /** @class */ (function (_super) {
|
|
|
8059
8072
|
AXNumberBoxComponent = AXNumberBoxComponent_1 = __decorate([
|
|
8060
8073
|
Component({
|
|
8061
8074
|
selector: 'ax-number-box',
|
|
8062
|
-
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",
|
|
8075
|
+
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",
|
|
8063
8076
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
8064
8077
|
host: { style: 'width: 100%' },
|
|
8065
8078
|
providers: [{ provide: AXValidatableComponent, useExisting: AXNumberBoxComponent_1 }]
|
|
@@ -10018,7 +10031,7 @@ var AXQueryBuilderService = /** @class */ (function () {
|
|
|
10018
10031
|
return __generator(this, function (_d) {
|
|
10019
10032
|
switch (_d.label) {
|
|
10020
10033
|
case 0:
|
|
10021
|
-
|
|
10034
|
+
;
|
|
10022
10035
|
if (group.items.length > 0) {
|
|
10023
10036
|
query = ' ( ';
|
|
10024
10037
|
}
|
|
@@ -10077,7 +10090,7 @@ var AXQueryBuilderService = /** @class */ (function () {
|
|
|
10077
10090
|
codeOperator = item.operator;
|
|
10078
10091
|
break;
|
|
10079
10092
|
}
|
|
10080
|
-
|
|
10093
|
+
;
|
|
10081
10094
|
query = query + ' ' + item.caption + ' ' + codeOperator + ' ' + item.text;
|
|
10082
10095
|
_d.label = 6;
|
|
10083
10096
|
case 6:
|
|
@@ -10120,7 +10133,7 @@ var AXQueryBuilderService = /** @class */ (function () {
|
|
|
10120
10133
|
var query = '';
|
|
10121
10134
|
switch (type) {
|
|
10122
10135
|
case 'simple':
|
|
10123
|
-
|
|
10136
|
+
;
|
|
10124
10137
|
if (group.items.length > 0) {
|
|
10125
10138
|
query = ' ( ';
|
|
10126
10139
|
}
|
|
@@ -10262,7 +10275,7 @@ var AXQueryBuilderGroupComponent = /** @class */ (function () {
|
|
|
10262
10275
|
};
|
|
10263
10276
|
AXQueryBuilderGroupComponent.prototype.ruleChanged = function (e) {
|
|
10264
10277
|
var _this = this;
|
|
10265
|
-
|
|
10278
|
+
;
|
|
10266
10279
|
// this.group.queryString = this.qs.getQueryString(this.group, 'simple');
|
|
10267
10280
|
this.qs.getQueryStringSimple(this.group).then(function (c) {
|
|
10268
10281
|
_this.group.queryString = c;
|
|
@@ -13941,6 +13954,7 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
13941
13954
|
this.selectedParents.push(item);
|
|
13942
13955
|
}
|
|
13943
13956
|
if (alldeselect === true) {
|
|
13957
|
+
this.selectedParents = this.selectedParents.filter(function (c) { return c[_this.keyField] !== item[_this.keyField]; });
|
|
13944
13958
|
item.select = false;
|
|
13945
13959
|
}
|
|
13946
13960
|
if (item.parentNode && item.parentNode[this.childField] && item.parentNode[this.childField].length > 0) {
|
|
@@ -13971,6 +13985,14 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
13971
13985
|
flag: flag
|
|
13972
13986
|
});
|
|
13973
13987
|
};
|
|
13988
|
+
AXTreeViewComponent.prototype.nodeClick = function (item) {
|
|
13989
|
+
if (item[this.hasChildField] == true) {
|
|
13990
|
+
this.toggleNode(item, true);
|
|
13991
|
+
}
|
|
13992
|
+
else {
|
|
13993
|
+
this.internalSelectItem(item, true);
|
|
13994
|
+
}
|
|
13995
|
+
};
|
|
13974
13996
|
AXTreeViewComponent.prototype.toggleNode = function (item, flag) {
|
|
13975
13997
|
if (flag === void 0) { flag = false; }
|
|
13976
13998
|
//item[this.hasChildField] === false &&
|
|
@@ -14028,7 +14050,7 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
14028
14050
|
_this.seletedKeyFields.forEach(function (n) {
|
|
14029
14051
|
if (n.includes(el[_this.keyField])) {
|
|
14030
14052
|
if (el[_this.hasChildField] == true) {
|
|
14031
|
-
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14053
|
+
if ((_this.checkParents == false && _this.checkChilds == false) || _this.checkChilds == false) {
|
|
14032
14054
|
//select parent when check child and check parent is false TODO check this Action
|
|
14033
14055
|
_this.selectItem(el);
|
|
14034
14056
|
}
|
|
@@ -14043,7 +14065,7 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
14043
14065
|
}
|
|
14044
14066
|
else if (_this.selectedFieldName != null) {
|
|
14045
14067
|
if (el[_this.hasChildField] == true && el[_this.selectedFieldName] == true) {
|
|
14046
|
-
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14068
|
+
if ((_this.checkParents == false && _this.checkChilds == false) || _this.checkChilds == false) {
|
|
14047
14069
|
//select parent when check child and check parent is false TODO check this Action
|
|
14048
14070
|
_this.selectItem(el);
|
|
14049
14071
|
}
|
|
@@ -14455,7 +14477,7 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
14455
14477
|
AXTreeViewComponent = __decorate([
|
|
14456
14478
|
Component({
|
|
14457
14479
|
selector: 'ax-tree-view',
|
|
14458
|
-
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\"
|
|
14480
|
+
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>",
|
|
14459
14481
|
encapsulation: ViewEncapsulation.None
|
|
14460
14482
|
}),
|
|
14461
14483
|
__metadata("design:paramtypes", [ElementRef])
|