@acorex/components 3.0.15 → 3.0.19
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 +6 -6
- 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/toast/toast-message/toast-message.component.js +1 -1
- package/esm2015/lib/tree-side-menu/tree-side-menu.component.js +8 -8
- package/esm5/lib/toast/toast-message/toast-message.component.js +1 -1
- package/esm5/lib/tree-side-menu/tree-side-menu.component.js +6 -6
- package/fesm2015/acorex-components.js +8 -8
- package/fesm2015/acorex-components.js.map +1 -1
- package/fesm5/acorex-components.js +6 -6
- package/fesm5/acorex-components.js.map +1 -1
- package/package.json +1 -1
|
@@ -4623,7 +4623,7 @@ var AXToastMessageComponent = /** @class */ (function () {
|
|
|
4623
4623
|
Component({
|
|
4624
4624
|
template: "<div class=\"toast-container\">\r\n <header *ngIf=\"title\" class=\"ax toast {{ style }}\">\r\n <div>\r\n <i class=\"{{icon}}\"></i> {{ title }}\r\n </div>\r\n <div *ngIf=\"closeable\" (click)=\"close()\" class=\"toast-close\">\r\n <i class=\"far fa-times-circle\"></i>\r\n </div>\r\n </header>\r\n <div class=\"content ax toast {{ style }}\">\r\n {{ message }}\r\n <div *ngIf=\"!title && closeable\" (click)=\"close()\" class=\"toast-close\">\r\n <i class=\"far fa-times-circle\"></i>\r\n </div>\r\n <div class=\"toast-progress\" [style.animation-duration.ms]=\"timeOut\"></div>\r\n </div>\r\n</div>",
|
|
4625
4625
|
encapsulation: ViewEncapsulation.None,
|
|
4626
|
-
styles: [".rtl .toast-progress{right:0;left:inherit!important}.toast-container{overflow:hidden;margin:.8em 0;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);animation:.3s cubic-bezier(.25,.46,.45,.94) both slide-in-bottom;-webkit-animation:.3s cubic-bezier(.25,.46,.45,.94) both slide-in-bottom}.toast-container header{display:flex;justify-content:space-between;padding
|
|
4626
|
+
styles: [".rtl .toast-progress{right:0;left:inherit!important}.toast-container{overflow:hidden;margin:.8em 0;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);animation:.3s cubic-bezier(.25,.46,.45,.94) both slide-in-bottom;-webkit-animation:.3s cubic-bezier(.25,.46,.45,.94) both slide-in-bottom;border-radius:var(--ax-size-border-radius)}.toast-container header{display:flex;justify-content:space-between;padding:1rem;font-weight:500}.toast-container .content{padding:1rem;display:flex;align-items:center;justify-content:space-between}.toast-container .toast-close{cursor:pointer}.toast-container .toast-progress{position:absolute;background:rgba(0,0,0,.5);width:100%;bottom:0;left:0;padding:.15em 0;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:progressBar;animation-name:progressBar}@-webkit-keyframes progressBar{0%{width:100%}100%{width:0%}}@keyframes progressBar{0%{width:100%}100%{width:0%}}@-webkit-keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}100%{transform:translateY(0);opacity:1}}"]
|
|
4627
4627
|
}),
|
|
4628
4628
|
__metadata("design:paramtypes", [ElementRef])
|
|
4629
4629
|
], AXToastMessageComponent);
|
|
@@ -12777,7 +12777,7 @@ var AXTreeSideMenuComponent = /** @class */ (function (_super) {
|
|
|
12777
12777
|
}
|
|
12778
12778
|
else {
|
|
12779
12779
|
item.select = !item.select;
|
|
12780
|
-
if (item.parentNode &&
|
|
12780
|
+
if (item.parentNode && this.selectionMode === 'multiple') {
|
|
12781
12781
|
this.changeParentSelect(item.parentNode);
|
|
12782
12782
|
}
|
|
12783
12783
|
if (this.selectionMode === 'multiple') {
|
|
@@ -12935,6 +12935,8 @@ var AXTreeSideMenuComponent = /** @class */ (function (_super) {
|
|
|
12935
12935
|
item: item,
|
|
12936
12936
|
flag: flag
|
|
12937
12937
|
});
|
|
12938
|
+
e.stopPropagation();
|
|
12939
|
+
e.preventDefault();
|
|
12938
12940
|
};
|
|
12939
12941
|
AXTreeSideMenuComponent.prototype.toggleNode = function (item, flag) {
|
|
12940
12942
|
if (flag === void 0) { flag = false; }
|
|
@@ -13040,9 +13042,7 @@ var AXTreeSideMenuComponent = /** @class */ (function (_super) {
|
|
|
13040
13042
|
}
|
|
13041
13043
|
if (_this.selectionMode !== 'single' && _this.selectNodesRecursive) {
|
|
13042
13044
|
result_1[i].select = _this.itemRow.select === (undefined || null) ? false : _this.itemRow.select;
|
|
13043
|
-
if (_this.itemRow.select === true &&
|
|
13044
|
-
(_this.selectionMode == 'multiple') &&
|
|
13045
|
-
result_1[i][_this.hasChildField] === false) {
|
|
13045
|
+
if (_this.itemRow.select === true && _this.selectionMode == 'multiple' && result_1[i][_this.hasChildField] === false) {
|
|
13046
13046
|
_this.selectedItems = _this.selectedItems.filter(function (c) { return c[_this.keyField] !== result_1[i][_this.keyField]; });
|
|
13047
13047
|
_this.selectedItems.push(result_1[i]);
|
|
13048
13048
|
}
|
|
@@ -13400,7 +13400,7 @@ var AXTreeSideMenuComponent = /** @class */ (function (_super) {
|
|
|
13400
13400
|
AXTreeSideMenuComponent = __decorate([
|
|
13401
13401
|
Component({
|
|
13402
13402
|
selector: 'ax-tree-side-menu',
|
|
13403
|
-
template: "<ul class=\"ax-tree-side-menu {{size}} {{cssClass}}\">\r\n <ng-template #recursiveList let-list>\r\n <ng-container *ngFor=\"let item of list\">\r\n <li class=\"{{item[hasChildField] ? '':'node'}} {{!!item.toggle ? 'active':''}}\" style=\"display: flex;\"\r\n [class.selected]=\"item.select\">\r\n <div class=\"ax-tree-side-menu-item\">\r\n\r\n <div class=\"start-side\" *ngIf=\"iconStart\">\r\n <div *ngIf=\"item[hasChildField]\"
|
|
13403
|
+
template: "<ul class=\"ax-tree-side-menu {{size}} {{cssClass}}\">\r\n <ng-template #recursiveList let-list>\r\n <ng-container *ngFor=\"let item of list\">\r\n <li (click)=\"handleOnNodeClick($event,item,true)\"\r\n class=\"{{item[hasChildField] ? '':'node'}} {{!!item.toggle ? 'active':''}}\" style=\"display: flex;\"\r\n [class.selected]=\"item.select\">\r\n <div class=\"ax-tree-side-menu-item\" (click)=\"handleOnNodeClick($event,item,true)\">\r\n\r\n <div class=\"start-side\" *ngIf=\"iconStart\">\r\n <div *ngIf=\"item[hasChildField]\">\r\n <i class=\"{{openIconName}}\" *ngIf=\" !!item.toggle && !item.loading\"></i>\r\n <i class=\"{{closeIconName}}\" *ngIf=\"!item.toggle && !item.loading\"></i>\r\n <i class=\"fal fa-spinner fa-spin\" *ngIf=\"item.loading\"></i>\r\n </div>\r\n </div>\r\n\r\n <div (click)=\"handleOnNodeClick($event,item,true)\" (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[textField]}}\r\n </ng-template>\r\n </div>\r\n\r\n\r\n\r\n <div class=\"start-side\" *ngIf=\"!iconStart\">\r\n <div *ngIf=\"item[hasChildField]\" (click)=\"handleOnNodeClick($event,item,true)\">\r\n <i class=\"{{openIconName}}\" *ngIf=\" !!item.toggle && !item.loading\"></i>\r\n <i class=\"{{closeIconName}}\" *ngIf=\"!item.toggle && !item.loading\"></i>\r\n <i class=\"fal fa-spinner fa-spin\" *ngIf=\"item.loading\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n <ul class=\"ax-tree-side-menu-child\" *ngIf=\"item.toggle\">\r\n <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.childeren }\"></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>",
|
|
13404
13404
|
encapsulation: ViewEncapsulation.None
|
|
13405
13405
|
}),
|
|
13406
13406
|
__metadata("design:paramtypes", [ElementRef])
|