Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit 05c6eba

Browse filesBrowse files
xidedixxidedix
committed
feat: standalone components
1 parent aaa2998 commit 05c6eba
Copy full SHA for 05c6eba

Some content is hidden

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

42 files changed

+287
-231
lines changed

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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/aside/app-aside.component.spec.ts
+2-2Lines changed: 2 additions & 2 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/aside/app-aside.component.ts
+6-5Lines changed: 6 additions & 5 deletions
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

Copy file name to clipboard
+2-8Lines changed: 2 additions & 8 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.component.ts
+9-6Lines changed: 9 additions & 6 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.module.ts
+4-5Lines changed: 4 additions & 5 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/breadcrumb/app-breadcrumb.service.ts
+2-3Lines changed: 2 additions & 3 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.spec.ts
+2-3Lines changed: 2 additions & 3 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/breadcrumb/cui-breadcrumb.component.ts
+9-6Lines changed: 9 additions & 6 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/footer/app-footer.component.spec.ts
+2-2Lines changed: 2 additions & 2 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/footer/app-footer.component.ts
+5-4Lines changed: 5 additions & 4 deletions
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

Copy file name to clipboard
+3-5Lines changed: 3 additions & 5 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/header/app-header.component.spec.ts
+2-3Lines changed: 2 additions & 3 deletions
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

Copy file name to clipboardExpand all lines: projects/coreui-angular/src/lib/header/app-header.component.ts
+9-5Lines changed: 9 additions & 5 deletions
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

Copy file name to clipboard
+2-10Lines changed: 2 additions & 10 deletions
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 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.