@acorex/components 3.0.59 → 3.0.62
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 +17 -16
- 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 +9 -6
- package/esm2015/lib/dropdown/dropdown.component.js +8 -7
- package/esm2015/lib/selectbox/selectbox.component.js +2 -5
- package/esm5/lib/date-picker/date-picker.component.js +9 -6
- package/esm5/lib/dropdown/dropdown.component.js +9 -8
- package/esm5/lib/selectbox/selectbox.component.js +2 -5
- package/fesm2015/acorex-components.js +16 -15
- package/fesm2015/acorex-components.js.map +1 -1
- package/fesm5/acorex-components.js +17 -16
- package/fesm5/acorex-components.js.map +1 -1
- package/package.json +1 -1
|
@@ -5492,13 +5492,14 @@
|
|
|
5492
5492
|
}, 5);
|
|
5493
5493
|
};
|
|
5494
5494
|
AXDropdownComponent.prototype.ngAfterViewInit = function () {
|
|
5495
|
-
// Todo: chech fitparent
|
|
5496
|
-
// if (this.fitParent === true) {
|
|
5497
|
-
// this.dropdownWidth = this.dropdownEL.nativeElement.offsetWidth;
|
|
5498
|
-
// } else {
|
|
5499
|
-
// this.dropdownWidth = 260;
|
|
5500
|
-
// }
|
|
5501
5495
|
var _this = this;
|
|
5496
|
+
// Todo: chech fitparent
|
|
5497
|
+
if (this.fitParent === true) {
|
|
5498
|
+
this.dropdownWidth = this.dropdownEL.nativeElement.offsetWidth;
|
|
5499
|
+
}
|
|
5500
|
+
else {
|
|
5501
|
+
this.dropdownWidth = 260;
|
|
5502
|
+
}
|
|
5502
5503
|
setTimeout(function () {
|
|
5503
5504
|
if (_this.endButtons && _this.endButtons.nativeElement.childNodes.length !== 0) {
|
|
5504
5505
|
_this.content.nativeElement.style.paddingInlineEnd = _this.endButtons.nativeElement.clientWidth + 'px';
|
|
@@ -5650,7 +5651,7 @@
|
|
|
5650
5651
|
AXDropdownComponent = __decorate([
|
|
5651
5652
|
core.Component({
|
|
5652
5653
|
selector: 'ax-drop-down',
|
|
5653
|
-
template: "<div class=\"ax form-item {{size}}\" [class.readonly]=\"readonly\" [attr.id]=\"uid\" [class.disabled]=\"disabled\" #el>\r\n <div class=\"ax items-wrapper\">\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </div>\r\n <div class=\"content\">\r\n <ng-content select=\"ng-container[header]\">\r\n </ng-content>\r\n </div>\r\n <div class=\"ax items-wrapper\">\r\n <ax-button *ngIf=\"showDropDownButton\" [disabled]=\"disabled || readonly\" [loading]=\"loading\" icon=\"far fa-angle-down icon\"\r\n type=\"light blank\" [size]=\"size\" (click)=\"handleArrowClick($event)\" [tabIndex]=\"-1\">\r\n </ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n\r\n<ng-template #baseTemplate>\r\n <!-- [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" -->\r\n <div class=\"ax-dropdown-container-bordered\"
|
|
5654
|
+
template: "<div class=\"ax form-item {{size}}\" [class.readonly]=\"readonly\" [attr.id]=\"uid\" [class.disabled]=\"disabled\" #el>\r\n <div class=\"ax items-wrapper\">\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </div>\r\n <div class=\"content\">\r\n <ng-content select=\"ng-container[header]\">\r\n </ng-content>\r\n </div>\r\n <div class=\"ax items-wrapper\">\r\n <ax-button *ngIf=\"showDropDownButton\" [disabled]=\"disabled || readonly\" [loading]=\"loading\" icon=\"far fa-angle-down icon\"\r\n type=\"light blank\" [size]=\"size\" (click)=\"handleArrowClick($event)\" [tabIndex]=\"-1\">\r\n </ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n\r\n<ng-template #baseTemplate>\r\n <!-- [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" -->\r\n <div class=\"ax-dropdown-container-bordered\" [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" >\r\n <ng-content select=\"ng-container[panel]\">\r\n </ng-content>\r\n </div>\r\n</ng-template>",
|
|
5654
5655
|
encapsulation: core.ViewEncapsulation.None,
|
|
5655
5656
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
5656
5657
|
host: { style: 'display:contents;' },
|
|
@@ -5745,6 +5746,7 @@
|
|
|
5745
5746
|
var d = new core$1.AXDateTime().convertStringToGregorian(text, 'YYYY/M/D');
|
|
5746
5747
|
}
|
|
5747
5748
|
else {
|
|
5749
|
+
var d = new Date(new core$1.AXDateTime(text, 'gregorian').toISOString());
|
|
5748
5750
|
}
|
|
5749
5751
|
return d;
|
|
5750
5752
|
};
|
|
@@ -5772,11 +5774,14 @@
|
|
|
5772
5774
|
return { year: y, monnth: m, day: d };
|
|
5773
5775
|
};
|
|
5774
5776
|
AXDatePickerComponent.prototype.textChange = function (e) {
|
|
5775
|
-
debugger;
|
|
5776
5777
|
this.text = e.value;
|
|
5777
|
-
|
|
5778
|
+
var date = this.convertMask(this.text);
|
|
5779
|
+
if (this.text && this.text.indexOf('_') === -1 && this.text.length == 10 && this.type == 'jalali') {
|
|
5780
|
+
this.userChange = e.isUserChange;
|
|
5781
|
+
this.value = this.convertMaskToDate(date.year + '-' + date.monnth + '-' + date.day);
|
|
5782
|
+
}
|
|
5783
|
+
else if (this.text && this.text.indexOf('_') === -1 && this.text.length == 10 && this.type == 'gregorian') {
|
|
5778
5784
|
this.userChange = e.isUserChange;
|
|
5779
|
-
var date = this.convertMask(this.text);
|
|
5780
5785
|
this.value = this.convertMaskToDate(date.year + '-' + date.monnth + '-' + date.day);
|
|
5781
5786
|
}
|
|
5782
5787
|
};
|
|
@@ -5791,8 +5796,7 @@
|
|
|
5791
5796
|
if (_this.showToday && !_this.value) {
|
|
5792
5797
|
_this.selectToday();
|
|
5793
5798
|
}
|
|
5794
|
-
|
|
5795
|
-
if (_this.dropdown.dropdownWidth > 200) {
|
|
5799
|
+
if (_this.dropdown.dropdownWidth > 200 || _this.dropdown.dropdownWidth < 200) {
|
|
5796
5800
|
_this.dropdown.dropdownWidth = 250;
|
|
5797
5801
|
}
|
|
5798
5802
|
_this.cdr.markForCheck();
|
|
@@ -8897,7 +8901,6 @@
|
|
|
8897
8901
|
Object.defineProperty(AXSelectBoxComponent.prototype, "selectedValues", {
|
|
8898
8902
|
get: function () {
|
|
8899
8903
|
var _this = this;
|
|
8900
|
-
debugger;
|
|
8901
8904
|
if (this.mode === 'single') {
|
|
8902
8905
|
return this._selectedItems.map(function (c) { return c[_this.valueField]; })[0];
|
|
8903
8906
|
}
|
|
@@ -8984,7 +8987,6 @@
|
|
|
8984
8987
|
}
|
|
8985
8988
|
};
|
|
8986
8989
|
AXSelectBoxComponent.prototype.emitSelectionChangedEvent = function () {
|
|
8987
|
-
debugger;
|
|
8988
8990
|
this.selectedValuesChange.emit(this.selectedValues);
|
|
8989
8991
|
this.selectionChanged.emit(new AXSelectBoxSelectionChangedEvent(this, this.selectedItems, this.selectedValues));
|
|
8990
8992
|
};
|
|
@@ -9363,7 +9365,6 @@
|
|
|
9363
9365
|
if (e.key === 'Backspace' &&
|
|
9364
9366
|
e.type === 'keydown' &&
|
|
9365
9367
|
((this.allowNull === true && this.selectedItems.length > 0) || (this.allowNull === false && this.selectedItems.length > 1))) {
|
|
9366
|
-
debugger;
|
|
9367
9368
|
this.selectedItems.pop();
|
|
9368
9369
|
this.emitSelectionChangedEvent();
|
|
9369
9370
|
}
|
|
@@ -9691,7 +9692,7 @@
|
|
|
9691
9692
|
AXSelectBoxComponent = AXSelectBoxComponent_1 = __decorate([
|
|
9692
9693
|
core.Component({
|
|
9693
9694
|
selector: 'ax-select-box',
|
|
9694
|
-
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>",
|
|
9695
|
+
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>",
|
|
9695
9696
|
encapsulation: core.ViewEncapsulation.None,
|
|
9696
9697
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
9697
9698
|
host: { style: 'width: 100%' },
|