@acorex/components 3.0.60 → 3.0.63
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 +8 -8
- 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/date-picker/date-picker.component.js +8 -5
- package/esm2015/lib/selectbox/selectbox.component.js +2 -5
- package/esm5/lib/date-picker/date-picker.component.js +8 -5
- package/esm5/lib/selectbox/selectbox.component.js +2 -5
- package/fesm2015/acorex-components.js +8 -8
- package/fesm2015/acorex-components.js.map +1 -1
- package/fesm5/acorex-components.js +8 -8
- package/fesm5/acorex-components.js.map +1 -1
- package/package.json +1 -1
|
@@ -5540,6 +5540,7 @@ var AXDatePickerComponent = /** @class */ (function (_super) {
|
|
|
5540
5540
|
var d = new AXDateTime().convertStringToGregorian(text, 'YYYY/M/D');
|
|
5541
5541
|
}
|
|
5542
5542
|
else {
|
|
5543
|
+
var d = new Date(new AXDateTime(text, 'gregorian').toISOString());
|
|
5543
5544
|
}
|
|
5544
5545
|
return d;
|
|
5545
5546
|
};
|
|
@@ -5567,11 +5568,14 @@ var AXDatePickerComponent = /** @class */ (function (_super) {
|
|
|
5567
5568
|
return { year: y, monnth: m, day: d };
|
|
5568
5569
|
};
|
|
5569
5570
|
AXDatePickerComponent.prototype.textChange = function (e) {
|
|
5570
|
-
debugger;
|
|
5571
5571
|
this.text = e.value;
|
|
5572
|
-
|
|
5572
|
+
var date = this.convertMask(this.text);
|
|
5573
|
+
if (this.text && this.text.indexOf('_') === -1 && this.text.length == 10 && this.type == 'jalali') {
|
|
5574
|
+
this.userChange = e.isUserChange;
|
|
5575
|
+
this.value = this.convertMaskToDate(date.year + '-' + date.monnth + '-' + date.day);
|
|
5576
|
+
}
|
|
5577
|
+
else if (this.text && this.text.indexOf('_') === -1 && this.text.length == 10 && this.type == 'gregorian') {
|
|
5573
5578
|
this.userChange = e.isUserChange;
|
|
5574
|
-
var date = this.convertMask(this.text);
|
|
5575
5579
|
this.value = this.convertMaskToDate(date.year + '-' + date.monnth + '-' + date.day);
|
|
5576
5580
|
}
|
|
5577
5581
|
};
|
|
@@ -5586,7 +5590,6 @@ var AXDatePickerComponent = /** @class */ (function (_super) {
|
|
|
5586
5590
|
if (_this.showToday && !_this.value) {
|
|
5587
5591
|
_this.selectToday();
|
|
5588
5592
|
}
|
|
5589
|
-
debugger;
|
|
5590
5593
|
if (_this.dropdown.dropdownWidth > 200 || _this.dropdown.dropdownWidth < 200) {
|
|
5591
5594
|
_this.dropdown.dropdownWidth = 250;
|
|
5592
5595
|
}
|
|
@@ -8692,7 +8695,6 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
|
|
|
8692
8695
|
Object.defineProperty(AXSelectBoxComponent.prototype, "selectedValues", {
|
|
8693
8696
|
get: function () {
|
|
8694
8697
|
var _this = this;
|
|
8695
|
-
debugger;
|
|
8696
8698
|
if (this.mode === 'single') {
|
|
8697
8699
|
return this._selectedItems.map(function (c) { return c[_this.valueField]; })[0];
|
|
8698
8700
|
}
|
|
@@ -8779,7 +8781,6 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
|
|
|
8779
8781
|
}
|
|
8780
8782
|
};
|
|
8781
8783
|
AXSelectBoxComponent.prototype.emitSelectionChangedEvent = function () {
|
|
8782
|
-
debugger;
|
|
8783
8784
|
this.selectedValuesChange.emit(this.selectedValues);
|
|
8784
8785
|
this.selectionChanged.emit(new AXSelectBoxSelectionChangedEvent(this, this.selectedItems, this.selectedValues));
|
|
8785
8786
|
};
|
|
@@ -9158,7 +9159,6 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
|
|
|
9158
9159
|
if (e.key === 'Backspace' &&
|
|
9159
9160
|
e.type === 'keydown' &&
|
|
9160
9161
|
((this.allowNull === true && this.selectedItems.length > 0) || (this.allowNull === false && this.selectedItems.length > 1))) {
|
|
9161
|
-
debugger;
|
|
9162
9162
|
this.selectedItems.pop();
|
|
9163
9163
|
this.emitSelectionChangedEvent();
|
|
9164
9164
|
}
|
|
@@ -9486,7 +9486,7 @@ var AXSelectBoxComponent = /** @class */ (function (_super) {
|
|
|
9486
9486
|
AXSelectBoxComponent = AXSelectBoxComponent_1 = __decorate([
|
|
9487
9487
|
Component({
|
|
9488
9488
|
selector: 'ax-select-box',
|
|
9489
|
-
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 (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.ax-state-disabled]=\"isItemDisabled(item)\" class=\"list-item\"\r\n *ngFor=\"let item of getItems();let i = index\" [class.focused]=\"i==currentfocusedIndex\"\r\n [class.selected]=\"isItemSelected(item)\" (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)) || isItemDisabled(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>",
|
|
9489
|
+
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 class=\"list-container-items\" (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.ax-state-disabled]=\"isItemDisabled(item)\" class=\"list-item\"\r\n *ngFor=\"let item of getItems();let i = index\" [class.focused]=\"i==currentfocusedIndex\"\r\n [class.selected]=\"isItemSelected(item)\" (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)) || isItemDisabled(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>",
|
|
9490
9490
|
encapsulation: ViewEncapsulation.None,
|
|
9491
9491
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9492
9492
|
host: { style: 'width: 100%' },
|