Skip to content

Commit 05c6eba

Browse files
xidedixxidedix
committed
feat: standalone components
1 parent aaa2998 commit 05c6eba

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+287
-231
lines changed

‎projects/coreui-angular/src/lib/aside/app-aside.component.spec.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@ describe('AppAsideComponent', () => {
88

99
beforeEach(waitForAsync(() => {
1010
TestBed.configureTestingModule({
11-
declarations: [ AppAsideComponent ]
11+
imports: [AppAsideComponent]
1212
})
13-
.compileComponents();
13+
.compileComponents();
1414
}));
1515

1616
beforeEach(() => {

‎projects/coreui-angular/src/lib/aside/app-aside.component.ts

+6-5
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
import {Component, Input, OnInit, OnDestroy, Inject, Renderer2, HostBinding} from '@angular/core';
2-
import {DOCUMENT} from '@angular/common';
1+
import { Component, Input, OnInit, OnDestroy, Inject, Renderer2, HostBinding } from '@angular/core';
2+
import { DOCUMENT } from '@angular/common';
33

44
import { asideMenuCssClasses } from '../shared';
55

66
@Component({
77
selector: 'app-aside, cui-aside',
8-
template: `<ng-content></ng-content>`
8+
template: `<ng-content></ng-content>`,
9+
standalone: true
910
})
1011
export class AppAsideComponent implements OnInit, OnDestroy {
1112
@Input() display: any;
@@ -17,7 +18,7 @@ export class AppAsideComponent implements OnInit, OnDestroy {
1718
@HostBinding('class.aside-menu') asideMenuClass = true;
1819

1920
constructor(
20-
@Inject(DOCUMENT) private document: any,
21+
@Inject(DOCUMENT) private document: Document,
2122
private renderer: Renderer2,
2223
) { }
2324

@@ -44,7 +45,7 @@ export class AppAsideComponent implements OnInit, OnDestroy {
4445
}
4546

4647
displayBreakpoint(display: any = this.display): void {
47-
if (display !== false ) {
48+
if (display !== false) {
4849
const cssClass = this.display ? `aside-menu-${this.display}-show` : asideMenuCssClasses[0];
4950
this.renderer.addClass(this.document.body, cssClass);
5051
}

‎projects/coreui-angular/src/lib/aside/app-aside.module.ts

+2-8
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,13 @@
1-
import { CommonModule} from '@angular/common';
21
import { NgModule } from '@angular/core';
3-
import { LayoutModule } from '../shared/layout/layout.module';
42

53
import { AppAsideComponent } from './app-aside.component';
64

75
@NgModule({
86
imports: [
9-
CommonModule,
10-
LayoutModule
7+
AppAsideComponent
118
],
129
exports: [
1310
AppAsideComponent
1411
],
15-
declarations: [
16-
AppAsideComponent
17-
]
1812
})
19-
export class AppAsideModule {}
13+
export class AppAsideModule { }

‎projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.component.ts

+9-6
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import {Component, ElementRef, Inject, Input, OnDestroy, OnInit, Renderer2} from '@angular/core';
2-
import {DOCUMENT} from '@angular/common';
1+
import { Component, ElementRef, Inject, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';
2+
import { DOCUMENT, NgClass, NgIf } from '@angular/common';
33

4-
import {AppBreadcrumbService} from './app-breadcrumb.service';
5-
import {Replace} from '../shared';
4+
import { AppBreadcrumbService } from './app-breadcrumb.service';
5+
import { Replace } from '../shared';
66
import { Observable } from 'rxjs';
7+
import { RouterLink } from '@angular/router';
78

89
@Component({
910
selector: 'app-breadcrumb',
@@ -16,15 +17,17 @@ import { Observable } from 'rxjs';
1617
<span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
1718
</li>
1819
</ng-template>
19-
`
20+
`,
21+
standalone: true,
22+
imports: [NgIf, NgClass, RouterLink]
2023
})
2124
export class AppBreadcrumbComponent implements OnInit, OnDestroy {
2225
@Input() fixed?: boolean;
2326
public breadcrumbs?: Observable<any>;
2427
private readonly fixedClass = 'breadcrumb-fixed';
2528

2629
constructor(
27-
@Inject(DOCUMENT) private document: any,
30+
@Inject(DOCUMENT) private document: Document,
2831
private renderer: Renderer2,
2932
public service: AppBreadcrumbService,
3033
public el: ElementRef

‎projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.module.ts

+4-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import { CommonModule} from '@angular/common';
2-
import { NgModule, ModuleWithProviders} from '@angular/core';
1+
import { CommonModule } from '@angular/common';
2+
import { NgModule, ModuleWithProviders } from '@angular/core';
33
import { RouterModule } from '@angular/router';
44

55
// App Breadcrumb Component
@@ -9,9 +9,8 @@ import { CuiBreadcrumbComponent } from './cui-breadcrumb.component';
99

1010
// @dynamic
1111
@NgModule({
12-
imports: [ CommonModule, RouterModule ],
13-
exports: [ AppBreadcrumbComponent, CuiBreadcrumbComponent ],
14-
declarations: [ AppBreadcrumbComponent, CuiBreadcrumbComponent ]
12+
imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent],
13+
exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent],
1514
})
1615
export class AppBreadcrumbModule {
1716
static forRoot(config?: any): ModuleWithProviders<AppBreadcrumbModule> {

‎projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.service.ts

+2-3
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,8 @@ import { BehaviorSubject, Observable } from 'rxjs';
44
import { filter } from 'rxjs/operators';
55

66
@Injectable({
7-
providedIn: 'root'
8-
}
9-
)
7+
providedIn: 'root'
8+
})
109
export class AppBreadcrumbService {
1110

1211
breadcrumbs: Observable<Array<any>>;

‎projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.spec.ts

+2-3
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,9 @@ describe('CuiBreadcrumbComponent', () => {
99

1010
beforeEach(waitForAsync(() => {
1111
TestBed.configureTestingModule({
12-
imports: [RouterTestingModule.withRoutes([])],
13-
declarations: [ CuiBreadcrumbComponent ]
12+
imports: [RouterTestingModule.withRoutes([]), CuiBreadcrumbComponent],
1413
})
15-
.compileComponents();
14+
.compileComponents();
1615
}));
1716

1817
beforeEach(() => {

‎projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.ts

+9-6
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
1-
import {Component, ElementRef, Inject, Input, OnDestroy, OnInit, Renderer2} from '@angular/core';
2-
import {DOCUMENT} from '@angular/common';
3-
4-
import {AppBreadcrumbService} from './app-breadcrumb.service';
1+
import { Component, Inject, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';
2+
import { DOCUMENT, NgIf, NgClass, AsyncPipe, NgForOf } from '@angular/common';
3+
import { RouterLink } from '@angular/router';
54
import { Observable } from 'rxjs';
65

6+
import { AppBreadcrumbService } from './app-breadcrumb.service';
7+
78
@Component({
89
// tslint:disable-next-line:component-selector
910
selector: 'cui-breadcrumb',
10-
templateUrl: './cui-breadcrumb.component.html'
11+
templateUrl: './cui-breadcrumb.component.html',
12+
standalone: true,
13+
imports: [NgIf, NgClass, RouterLink, AsyncPipe, NgForOf]
1114
})
1215
export class CuiBreadcrumbComponent implements OnInit, OnDestroy {
1316
@Input() fixed?: boolean;
@@ -16,7 +19,7 @@ export class CuiBreadcrumbComponent implements OnInit, OnDestroy {
1619
private readonly fixedClass = 'breadcrumb-fixed';
1720

1821
constructor(
19-
@Inject(DOCUMENT) private document: any,
22+
@Inject(DOCUMENT) private document: Document,
2023
private renderer: Renderer2,
2124
public service: AppBreadcrumbService,
2225
) { }

‎projects/coreui-angular/src/lib/footer/app-footer.component.spec.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@ describe('AppAsideComponent', () => {
88

99
beforeEach(waitForAsync(() => {
1010
TestBed.configureTestingModule({
11-
declarations: [ AppFooterComponent ]
11+
imports: [AppFooterComponent]
1212
})
13-
.compileComponents();
13+
.compileComponents();
1414
}));
1515

1616
beforeEach(() => {

‎projects/coreui-angular/src/lib/footer/app-footer.component.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import {Component, HostBinding, Inject, Input, OnDestroy, OnInit, Renderer2} from '@angular/core';
2-
import {DOCUMENT} from '@angular/common';
1+
import { Component, HostBinding, Inject, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';
2+
import { DOCUMENT } from '@angular/common';
33

44
@Component({
55
selector: 'app-footer, cui-footer',
6-
template: `<ng-content></ng-content>`
6+
template: `<ng-content></ng-content>`,
7+
standalone: true
78
})
89
export class AppFooterComponent implements OnInit, OnDestroy {
910
@Input() fixed?: boolean;
@@ -13,7 +14,7 @@ export class AppFooterComponent implements OnInit, OnDestroy {
1314
@HostBinding('class.app-footer') appFooterClass = true;
1415

1516
constructor(
16-
@Inject(DOCUMENT) private document: any,
17+
@Inject(DOCUMENT) private document: Document,
1718
private renderer: Renderer2,
1819
) { }
1920

‎projects/coreui-angular/src/lib/footer/app-footer.module.ts

+3-5
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
import { CommonModule} from '@angular/common';
21
import { NgModule } from '@angular/core';
32

43
import { AppFooterComponent } from './app-footer.component';
54

65
@NgModule({
7-
imports: [ CommonModule ],
8-
exports: [ AppFooterComponent ],
9-
declarations: [ AppFooterComponent ]
6+
imports: [AppFooterComponent],
7+
exports: [AppFooterComponent],
108
})
11-
export class AppFooterModule {}
9+
export class AppFooterModule { }

‎projects/coreui-angular/src/lib/header/app-header.component.spec.ts

+2-3
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,9 @@ describe('AppHeaderComponent', () => {
1010

1111
beforeEach(waitForAsync(() => {
1212
TestBed.configureTestingModule({
13-
imports: [RouterTestingModule.withRoutes([])],
14-
declarations: [ AppHeaderComponent, SidebarToggleDirective, AsideToggleDirective, HtmlAttributesDirective ]
13+
imports: [RouterTestingModule.withRoutes([]), AppHeaderComponent, SidebarToggleDirective, AsideToggleDirective, HtmlAttributesDirective]
1514
})
16-
.compileComponents();
15+
.compileComponents();
1716
}));
1817

1918
beforeEach(() => {

‎projects/coreui-angular/src/lib/header/app-header.component.ts

+9-5
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
1-
import {Component, Input, OnInit, OnDestroy, Inject, Renderer2, HostBinding} from '@angular/core';
2-
import { DOCUMENT } from '@angular/common';
1+
import { Component, Input, OnInit, OnDestroy, Inject, Renderer2, HostBinding } from '@angular/core';
2+
import { DOCUMENT, NgClass, NgIf } from '@angular/common';
3+
import { RouterLink } from '@angular/router';
4+
import { AsideToggleDirective, HtmlAttributesDirective, SidebarToggleDirective } from '../shared';
35

46
@Component({
57
selector: 'app-header, cui-header',
6-
templateUrl: './app-header.component.html'
8+
templateUrl: './app-header.component.html',
9+
standalone: true,
10+
imports: [RouterLink, NgIf, NgClass, SidebarToggleDirective, HtmlAttributesDirective, AsideToggleDirective]
711
})
812
export class AppHeaderComponent implements OnInit, OnDestroy {
913

@@ -12,7 +16,7 @@ export class AppHeaderComponent implements OnInit, OnDestroy {
1216
@Input() navbarBrand: any;
1317
@Input() navbarBrandFull: any;
1418
@Input() navbarBrandMinimized: any;
15-
@Input() navbarBrandText: any = {icon: '🅲', text: '🅲 CoreUI'};
19+
@Input() navbarBrandText: any = { icon: '🅲', text: '🅲 CoreUI' };
1620
@Input() navbarBrandHref = ''; // deprecated, use navbarBrandRouterLink instead
1721
@Input() navbarBrandRouterLink: any[] | string = '';
1822

@@ -36,7 +40,7 @@ export class AppHeaderComponent implements OnInit, OnDestroy {
3640
asideTogglerMobileClass = 'd-lg-none';
3741

3842
constructor(
39-
@Inject(DOCUMENT) private document: any,
43+
@Inject(DOCUMENT) private document: Document,
4044
private renderer: Renderer2,
4145
) { }
4246

‎projects/coreui-angular/src/lib/header/app-header.module.ts

+2-10
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,13 @@
1-
import { CommonModule } from '@angular/common';
21
import { NgModule } from '@angular/core';
3-
import { RouterModule } from '@angular/router';
42

5-
import { LayoutModule } from '../shared/layout/layout.module';
63
import { AppHeaderComponent } from './app-header.component';
74

85
@NgModule({
96
imports: [
10-
CommonModule,
11-
RouterModule,
12-
LayoutModule
7+
AppHeaderComponent
138
],
149
exports: [
1510
AppHeaderComponent,
1611
],
17-
declarations: [
18-
AppHeaderComponent
19-
]
2012
})
21-
export class AppHeaderModule {}
13+
export class AppHeaderModule { }

0 commit comments

Comments
 (0)