@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
|
@@ -4829,7 +4829,7 @@
|
|
|
4829
4829
|
core.Component({
|
|
4830
4830
|
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>",
|
|
4831
4831
|
encapsulation: core.ViewEncapsulation.None,
|
|
4832
|
-
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
|
|
4832
|
+
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}}"]
|
|
4833
4833
|
}),
|
|
4834
4834
|
__metadata("design:paramtypes", [core.ElementRef])
|
|
4835
4835
|
], AXToastMessageComponent);
|
|
@@ -12983,7 +12983,7 @@
|
|
|
12983
12983
|
}
|
|
12984
12984
|
else {
|
|
12985
12985
|
item.select = !item.select;
|
|
12986
|
-
if (item.parentNode &&
|
|
12986
|
+
if (item.parentNode && this.selectionMode === 'multiple') {
|
|
12987
12987
|
this.changeParentSelect(item.parentNode);
|
|
12988
12988
|
}
|
|
12989
12989
|
if (this.selectionMode === 'multiple') {
|
|
@@ -13141,6 +13141,8 @@
|
|
|
13141
13141
|
item: item,
|
|
13142
13142
|
flag: flag
|
|
13143
13143
|
});
|
|
13144
|
+
e.stopPropagation();
|
|
13145
|
+
e.preventDefault();
|
|
13144
13146
|
};
|
|
13145
13147
|
AXTreeSideMenuComponent.prototype.toggleNode = function (item, flag) {
|
|
13146
13148
|
if (flag === void 0) { flag = false; }
|
|
@@ -13246,9 +13248,7 @@
|
|
|
13246
13248
|
}
|
|
13247
13249
|
if (_this.selectionMode !== 'single' && _this.selectNodesRecursive) {
|
|
13248
13250
|
result_1[i].select = _this.itemRow.select === (undefined || null) ? false : _this.itemRow.select;
|
|
13249
|
-
if (_this.itemRow.select === true &&
|
|
13250
|
-
(_this.selectionMode == 'multiple') &&
|
|
13251
|
-
result_1[i][_this.hasChildField] === false) {
|
|
13251
|
+
if (_this.itemRow.select === true && _this.selectionMode == 'multiple' && result_1[i][_this.hasChildField] === false) {
|
|
13252
13252
|
_this.selectedItems = _this.selectedItems.filter(function (c) { return c[_this.keyField] !== result_1[i][_this.keyField]; });
|
|
13253
13253
|
_this.selectedItems.push(result_1[i]);
|
|
13254
13254
|
}
|
|
@@ -13606,7 +13606,7 @@
|
|
|
13606
13606
|
AXTreeSideMenuComponent = __decorate([
|
|
13607
13607
|
core.Component({
|
|
13608
13608
|
selector: 'ax-tree-side-menu',
|
|
13609
|
-
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]\"
|
|
13609
|
+
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>",
|
|
13610
13610
|
encapsulation: core.ViewEncapsulation.None
|
|
13611
13611
|
}),
|
|
13612
13612
|
__metadata("design:paramtypes", [core.ElementRef])
|