@coreui/angular 4.2.5 → 4.2.6
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/esm2020/lib/sidebar/sidebar-nav/sidebar-nav.component.mjs +42 -4
- package/fesm2015/coreui-angular.mjs +40 -3
- package/fesm2015/coreui-angular.mjs.map +1 -1
- package/fesm2020/coreui-angular.mjs +40 -3
- package/fesm2020/coreui-angular.mjs.map +1 -1
- package/lib/sidebar/sidebar-nav/sidebar-nav.component.d.ts +5 -1
- package/package.json +1 -1
|
@@ -7522,12 +7522,13 @@ class SidebarNavGroupComponent {
|
|
|
7522
7522
|
this.hostElement = hostElement;
|
|
7523
7523
|
this.dropdownMode = 'closeInactive';
|
|
7524
7524
|
this.navItems = [];
|
|
7525
|
+
this.display = { display: 'block' };
|
|
7525
7526
|
this.navigationEndObservable = router.events.pipe(filter((event) => event instanceof NavigationEnd));
|
|
7526
7527
|
}
|
|
7527
7528
|
get hostClasses() {
|
|
7528
7529
|
return {
|
|
7529
7530
|
'nav-group': true,
|
|
7530
|
-
show: this.open
|
|
7531
|
+
show: this.open
|
|
7531
7532
|
};
|
|
7532
7533
|
}
|
|
7533
7534
|
ngOnInit() {
|
|
@@ -7559,12 +7560,48 @@ class SidebarNavGroupComponent {
|
|
|
7559
7560
|
ngOnDestroy() {
|
|
7560
7561
|
this.navSubscription.unsubscribe();
|
|
7561
7562
|
}
|
|
7563
|
+
onAnimationStart($event) {
|
|
7564
|
+
setTimeout(() => {
|
|
7565
|
+
this.display = { display: 'block' };
|
|
7566
|
+
});
|
|
7567
|
+
}
|
|
7568
|
+
onAnimationDone($event) {
|
|
7569
|
+
if ($event.toState === 'closed') {
|
|
7570
|
+
setTimeout(() => {
|
|
7571
|
+
this.display = null;
|
|
7572
|
+
});
|
|
7573
|
+
}
|
|
7574
|
+
}
|
|
7562
7575
|
}
|
|
7563
7576
|
SidebarNavGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SidebarNavGroupComponent, deps: [{ token: i3.Router }, { token: SidebarNavHelper }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7564
|
-
SidebarNavGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: SidebarNavGroupComponent, selector: "c-sidebar-nav-group", inputs: { item: "item", dropdownMode: "dropdownMode", show: "show" }, host: { properties: { "class": "this.hostClasses" } }, providers: [SidebarNavHelper], ngImport: i0, template: "<a class=\"nav-link nav-group-toggle\"\
|
|
7577
|
+
SidebarNavGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: SidebarNavGroupComponent, selector: "c-sidebar-nav-group", inputs: { item: "item", dropdownMode: "dropdownMode", show: "show" }, host: { properties: { "class": "this.hostClasses" } }, providers: [SidebarNavHelper], ngImport: i0, template: "<a class=\"nav-link nav-group-toggle\"\n href\n (click)=\"toggleGroup($event)\"\n [cHtmlAttr]=\"item.attributes\">\n <ng-container *ngTemplateOutlet=\"iconTemplate ; context: {$implicit: item}\"></ng-container>\n <ng-container>{{ item.name }}</ng-container>\n <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | cSidebarNavBadge\">{{ item.badge.text }}</span>\n</a>\n<c-sidebar-nav\n [groupItems]=\"true\"\n [navItems]=\"navItems\"\n [@openClose]=\"open ? 'open' : 'closed'\"\n (@openClose.start)=\"onAnimationStart($event)\"\n (@openClose.done)=\"onAnimationDone($event)\"\n [ngStyle]=\"display\"\n>\n</c-sidebar-nav>\n\n<ng-template #iconTemplate let-item>\n <i *ngIf=\"item?.icon\" [ngClass]=\"item | cSidebarNavIcon\"></i>\n <ng-template [ngIf]=\"item?.iconComponent\">\n <svg\n [cIcon]=\"item.iconComponent?.content\"\n [name]=\"item.iconComponent?.name\"\n [customClasses]=\"item | cSidebarNavIcon\"\n ></svg>\n </ng-template>\n <span *ngIf=\"!item?.icon && !item?.iconComponent\" [ngClass]=\"item | cSidebarNavIcon\"></span>\n</ng-template>\n", styles: [".nav-group-toggle{cursor:pointer}.nav-group-items{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: HtmlAttributesDirective, selector: "[cHtmlAttr]", inputs: ["cHtmlAttr"], exportAs: ["cHtmlAttr"] }, { kind: "directive", type: i5.IconDirective, selector: "svg[cIcon]", inputs: ["cIcon", "size", "title", "customClasses", "width", "height", "name", "viewBox", "xmlns", "pointer-events", "role"], exportAs: ["cIcon"] }, { kind: "component", type: SidebarNavComponent, selector: "c-sidebar-nav", inputs: ["navItems", "dropdownMode", "groupItems", "compact"] }, { kind: "pipe", type: SidebarNavBadgePipe, name: "cSidebarNavBadge" }, { kind: "pipe", type: SidebarNavIconPipe, name: "cSidebarNavIcon" }], animations: [
|
|
7578
|
+
trigger('openClose', [
|
|
7579
|
+
state('open', style({
|
|
7580
|
+
height: '*'
|
|
7581
|
+
})),
|
|
7582
|
+
state('closed', style({
|
|
7583
|
+
height: '0px'
|
|
7584
|
+
})),
|
|
7585
|
+
transition('open <=> closed', [
|
|
7586
|
+
animate('.15s ease')
|
|
7587
|
+
])
|
|
7588
|
+
])
|
|
7589
|
+
] });
|
|
7565
7590
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SidebarNavGroupComponent, decorators: [{
|
|
7566
7591
|
type: Component,
|
|
7567
|
-
args: [{ selector: 'c-sidebar-nav-group', providers: [SidebarNavHelper],
|
|
7592
|
+
args: [{ selector: 'c-sidebar-nav-group', providers: [SidebarNavHelper], animations: [
|
|
7593
|
+
trigger('openClose', [
|
|
7594
|
+
state('open', style({
|
|
7595
|
+
height: '*'
|
|
7596
|
+
})),
|
|
7597
|
+
state('closed', style({
|
|
7598
|
+
height: '0px'
|
|
7599
|
+
})),
|
|
7600
|
+
transition('open <=> closed', [
|
|
7601
|
+
animate('.15s ease')
|
|
7602
|
+
])
|
|
7603
|
+
])
|
|
7604
|
+
], template: "<a class=\"nav-link nav-group-toggle\"\n href\n (click)=\"toggleGroup($event)\"\n [cHtmlAttr]=\"item.attributes\">\n <ng-container *ngTemplateOutlet=\"iconTemplate ; context: {$implicit: item}\"></ng-container>\n <ng-container>{{ item.name }}</ng-container>\n <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | cSidebarNavBadge\">{{ item.badge.text }}</span>\n</a>\n<c-sidebar-nav\n [groupItems]=\"true\"\n [navItems]=\"navItems\"\n [@openClose]=\"open ? 'open' : 'closed'\"\n (@openClose.start)=\"onAnimationStart($event)\"\n (@openClose.done)=\"onAnimationDone($event)\"\n [ngStyle]=\"display\"\n>\n</c-sidebar-nav>\n\n<ng-template #iconTemplate let-item>\n <i *ngIf=\"item?.icon\" [ngClass]=\"item | cSidebarNavIcon\"></i>\n <ng-template [ngIf]=\"item?.iconComponent\">\n <svg\n [cIcon]=\"item.iconComponent?.content\"\n [name]=\"item.iconComponent?.name\"\n [customClasses]=\"item | cSidebarNavIcon\"\n ></svg>\n </ng-template>\n <span *ngIf=\"!item?.icon && !item?.iconComponent\" [ngClass]=\"item | cSidebarNavIcon\"></span>\n</ng-template>\n", styles: [".nav-group-toggle{cursor:pointer}.nav-group-items{display:block}\n"] }]
|
|
7568
7605
|
}], ctorParameters: function () { return [{ type: i3.Router }, { type: SidebarNavHelper }, { type: i0.ElementRef }]; }, propDecorators: { item: [{
|
|
7569
7606
|
type: Input
|
|
7570
7607
|
}], dropdownMode: [{
|