Fix imports for standalone component stories (#12464)

libs/components/src/async-actions/in-forms.stories.ts

@@ -109,20 +109,17 @@ export default {
   title: "Component Library/Async Actions/In Forms",
   decorators: [
     moduleMetadata({
-      declarations: [
+      declarations: [PromiseExampleComponent, ObservableExampleComponent],
+      imports: [
         BitSubmitDirective,
         BitFormButtonDirective,
-        PromiseExampleComponent,
-        ObservableExampleComponent,
-        BitActionDirective,
-      ],
-      imports: [
         FormsModule,
         ReactiveFormsModule,
         FormFieldModule,
         InputModule,
         ButtonModule,
         IconButtonModule,
+        BitActionDirective,
       ],
       providers: [
         {

libs/components/src/async-actions/standalone.stories.ts

@@ -56,12 +56,11 @@ export default {
   decorators: [
     moduleMetadata({
       declarations: [
-        BitActionDirective,
         PromiseExampleComponent,
         ObservableExampleComponent,
         RejectedPromiseExampleComponent,
       ],
-      imports: [ButtonModule, IconButtonModule],
+      imports: [ButtonModule, IconButtonModule, BitActionDirective],
       providers: [
         {
           provide: ValidationService,

libs/components/src/badge/badge.stories.ts

@@ -8,8 +8,7 @@ export default {
   component: BadgeDirective,
   decorators: [
     moduleMetadata({
-      imports: [CommonModule],
-      declarations: [BadgeDirective],
+      imports: [CommonModule, BadgeDirective],
     }),
   ],
   args: {

libs/components/src/breadcrumbs/breadcrumbs.stories.ts

@@ -25,8 +25,7 @@ export default {
   component: BreadcrumbsComponent,
   decorators: [
     moduleMetadata({
-      declarations: [BreadcrumbComponent],
-      imports: [LinkModule, MenuModule, IconButtonModule, RouterModule],
+      imports: [LinkModule, MenuModule, IconButtonModule, RouterModule, BreadcrumbComponent],
     }),
     applicationConfig({
       providers: [

libs/components/src/dialog/dialog.service.stories.ts

@@ -64,13 +64,16 @@ export default {
   component: StoryDialogComponent,
   decorators: [
     moduleMetadata({
-      declarations: [
+      declarations: [StoryDialogContentComponent],
+      imports: [
+        SharedModule,
+        ButtonModule,
+        DialogModule,
+        IconButtonModule,
         DialogCloseDirective,
         DialogComponent,
         DialogTitleContainerDirective,
-        StoryDialogContentComponent,
       ],
-      imports: [SharedModule, ButtonModule, DialogModule, IconButtonModule],
       providers: [
         DialogService,
         {

libs/components/src/toggle-group/toggle-group.stories.ts

@@ -13,8 +13,7 @@ export default {
   },
   decorators: [
     moduleMetadata({
-      declarations: [ToggleGroupComponent, ToggleComponent],
-      imports: [BadgeModule],
+      imports: [BadgeModule, ToggleGroupComponent, ToggleComponent],
     }),
   ],
   parameters: {