Skip to content

Commit 577a6a0

Browse files
committed
refactor: directives, components and pipes are now standalone by default
1 parent 9a0bf32 commit 577a6a0

File tree

174 files changed

+401
-639
lines changed

Some content is hidden

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

174 files changed

+401
-639
lines changed

projects/coreui-angular-chartjs/src/lib/chartjs.component.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,6 @@ let nextId = 0;
3434
templateUrl: './chartjs.component.html',
3535
styleUrls: ['./chartjs.component.scss'],
3636
exportAs: 'cChart',
37-
standalone: true,
3837
changeDetection: ChangeDetectionStrategy.OnPush
3938
// host: { ngSkipHydration: 'true' }
4039
})

projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import { computed, Directive, input } from '@angular/core';
22

33
@Directive({
44
selector: '[cAccordionButton]',
5-
standalone: true,
65
host: { '[class]': 'hostClasses()', '[attr.type]': 'type()', '[attr.aria-expanded]': 'ariaExpanded()' }
76
})
87
export class AccordionButtonDirective {

projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.ts

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -19,13 +19,12 @@ import { AccordionService } from '../accordion.service';
1919
let nextId = 0;
2020

2121
@Component({
22-
selector: 'c-accordion-item',
23-
templateUrl: './accordion-item.component.html',
24-
styleUrls: ['./accordion-item.component.scss'],
25-
exportAs: 'cAccordionItem',
26-
standalone: true,
27-
imports: [AccordionButtonDirective, NgTemplateOutlet, CollapseDirective],
28-
host: { class: 'accordion-item' }
22+
selector: 'c-accordion-item',
23+
templateUrl: './accordion-item.component.html',
24+
styleUrls: ['./accordion-item.component.scss'],
25+
exportAs: 'cAccordionItem',
26+
imports: [AccordionButtonDirective, NgTemplateOutlet, CollapseDirective],
27+
host: { class: 'accordion-item' }
2928
})
3029
export class AccordionItemComponent implements OnInit, OnDestroy {
3130
readonly #accordionService = inject(AccordionService);

projects/coreui-angular/src/lib/accordion/accordion/accordion.component.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@ import { AccordionService } from '../accordion.service';
88
styleUrls: ['./accordion.component.scss'],
99
exportAs: 'cAccordionItem',
1010
providers: [AccordionService],
11-
standalone: true,
1211
host: { '[class]': 'hostClasses()' }
1312
})
1413
export class AccordionComponent {

projects/coreui-angular/src/lib/alert/alert-heading.directive.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import { Directive } from '@angular/core';
22

33
@Directive({
44
selector: '[cAlertHeading]',
5-
standalone: true,
65
host: { class: 'alert-heading' }
76
})
87
export class AlertHeadingDirective {}

projects/coreui-angular/src/lib/alert/alert-link.directive.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import { Directive } from '@angular/core';
22

33
@Directive({
44
selector: '[cAlertLink]',
5-
standalone: true,
65
host: { class: 'alert-link' }
76
})
87
export class AlertLinkDirective {}

projects/coreui-angular/src/lib/alert/alert.component.ts

Lines changed: 24 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -20,31 +20,30 @@ import { ButtonCloseDirective } from '../button';
2020
type AnimateType = ('hide' | 'show');
2121

2222
@Component({
23-
selector: 'c-alert',
24-
templateUrl: './alert.component.html',
25-
styleUrls: ['./alert.component.scss'],
26-
exportAs: 'cAlert',
27-
standalone: true,
28-
imports: [NgTemplateOutlet, ButtonCloseDirective],
29-
animations: [
30-
trigger('fadeInOut', [
31-
state('show', style({ opacity: 1, height: '*', padding: '*', border: '*', margin: '*' })),
32-
state('hide', style({ opacity: 0, height: 0, padding: 0, border: 0, margin: 0 })),
33-
state('void', style({ opacity: 0, height: 0, padding: 0, border: 0, margin: 0 })),
34-
transition('show => hide', [
35-
animate('.3s ease-out')
36-
]),
37-
transition('hide => show', [
38-
animate('.3s ease-in')
39-
]),
40-
transition('show => void', [
41-
animate('.3s ease-out')
42-
]),
43-
transition('void => show', [
44-
animate('.3s ease-in')
45-
])
46-
])
47-
]
23+
selector: 'c-alert',
24+
templateUrl: './alert.component.html',
25+
styleUrls: ['./alert.component.scss'],
26+
exportAs: 'cAlert',
27+
imports: [NgTemplateOutlet, ButtonCloseDirective],
28+
animations: [
29+
trigger('fadeInOut', [
30+
state('show', style({ opacity: 1, height: '*', padding: '*', border: '*', margin: '*' })),
31+
state('hide', style({ opacity: 0, height: 0, padding: 0, border: 0, margin: 0 })),
32+
state('void', style({ opacity: 0, height: 0, padding: 0, border: 0, margin: 0 })),
33+
transition('show => hide', [
34+
animate('.3s ease-out')
35+
]),
36+
transition('hide => show', [
37+
animate('.3s ease-in')
38+
]),
39+
transition('show => void', [
40+
animate('.3s ease-out')
41+
]),
42+
transition('void => show', [
43+
animate('.3s ease-in')
44+
])
45+
])
46+
]
4847
})
4948
export class AlertComponent implements AfterContentInit {
5049

projects/coreui-angular/src/lib/avatar/avatar.component.ts

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,16 @@ import { Colors, Shapes, Sizes, TextColors } from '../coreui.types';
55
import { TextColorDirective } from '../utilities';
66

77
@Component({
8-
selector: 'c-avatar',
9-
templateUrl: './avatar.component.html',
10-
standalone: true,
11-
imports: [NgClass, NgOptimizedImage],
12-
hostDirectives: [
13-
{
14-
directive: TextColorDirective,
15-
inputs: ['cTextColor: textColor']
16-
}
17-
],
18-
host: { class: 'avatar', '[class]': 'hostClasses()' }
8+
selector: 'c-avatar',
9+
templateUrl: './avatar.component.html',
10+
imports: [NgClass, NgOptimizedImage],
11+
hostDirectives: [
12+
{
13+
directive: TextColorDirective,
14+
inputs: ['cTextColor: textColor']
15+
}
16+
],
17+
host: { class: 'avatar', '[class]': 'hostClasses()' }
1918
})
2019
export class AvatarComponent {
2120
/**

projects/coreui-angular/src/lib/badge/badge.component.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ import { TextBgColorDirective, TextColorDirective } from '../utilities';
55
@Component({
66
selector: 'c-badge',
77
template: '<ng-content />',
8-
standalone: true,
98
hostDirectives: [
109
{ directive: TextColorDirective, inputs: ['cTextColor: textColor'] },
1110
{ directive: TextBgColorDirective, inputs: ['cTextBgColor: textBgColor'] }

projects/coreui-angular/src/lib/breadcrumb/breadcrumb-item/breadcrumb-item.component.ts

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,10 @@ import { HtmlAttributesDirective } from '../../shared';
66
import { INavAttributes, INavLinkProps } from './breadcrumb-item';
77

88
@Component({
9-
selector: 'c-breadcrumb-item',
10-
templateUrl: './breadcrumb-item.component.html',
11-
styleUrls: ['./breadcrumb-item.component.scss'],
12-
standalone: true,
13-
imports: [RouterModule, NgTemplateOutlet, HtmlAttributesDirective]
9+
selector: 'c-breadcrumb-item',
10+
templateUrl: './breadcrumb-item.component.html',
11+
styleUrls: ['./breadcrumb-item.component.scss'],
12+
imports: [RouterModule, NgTemplateOutlet, HtmlAttributesDirective]
1413
})
1514
export class BreadcrumbItemComponent {
1615

0 commit comments

Comments
 (0)