diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 775ccf58bbdd..6ebca5e1677c 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -81,17 +81,17 @@
     "zone.js": "^0.14.2"
   },
   "peerDependencies": {
-    "@angular-devkit/architect": ">=0.1500.0 < 0.1900.0",
-    "@angular-devkit/build-angular": ">=15.0.0 < 19.0.0",
-    "@angular-devkit/core": ">=15.0.0 < 19.0.0",
-    "@angular/cli": ">=15.0.0 < 19.0.0",
-    "@angular/common": ">=15.0.0 < 19.0.0",
-    "@angular/compiler": ">=15.0.0 < 19.0.0",
-    "@angular/compiler-cli": ">=15.0.0 < 19.0.0",
-    "@angular/core": ">=15.0.0 < 19.0.0",
-    "@angular/forms": ">=15.0.0 < 19.0.0",
-    "@angular/platform-browser": ">=15.0.0 < 19.0.0",
-    "@angular/platform-browser-dynamic": ">=15.0.0 < 19.0.0",
+    "@angular-devkit/architect": ">=0.1500.0 < 0.2000.0",
+    "@angular-devkit/build-angular": ">=15.0.0 < 20.0.0",
+    "@angular-devkit/core": ">=15.0.0 < 20.0.0",
+    "@angular/cli": ">=15.0.0 < 20.0.0",
+    "@angular/common": ">=15.0.0 < 20.0.0",
+    "@angular/compiler": ">=15.0.0 < 20.0.0",
+    "@angular/compiler-cli": ">=15.0.0 < 20.0.0",
+    "@angular/core": ">=15.0.0 < 20.0.0",
+    "@angular/forms": ">=15.0.0 < 20.0.0",
+    "@angular/platform-browser": ">=15.0.0 < 20.0.0",
+    "@angular/platform-browser-dynamic": ">=15.0.0 < 20.0.0",
     "rxjs": "^6.0.0 || ^7.4.0",
     "storybook": "workspace:^",
     "typescript": "^4.0.0 || ^5.0.0",
diff --git a/code/frameworks/angular/template/components/button.component.ts b/code/frameworks/angular/template/components/button.component.ts
index 7a0fc8e8408a..4407ead9b050 100644
--- a/code/frameworks/angular/template/components/button.component.ts
+++ b/code/frameworks/angular/template/components/button.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 
 @Component({
+  standalone: false,
   // Needs to be a different name to the CLI template button
   selector: 'storybook-framework-button',
   template: ` <button
diff --git a/code/frameworks/angular/template/components/form.component.ts b/code/frameworks/angular/template/components/form.component.ts
index 697aef1d68d6..272e79eebf7f 100644
--- a/code/frameworks/angular/template/components/form.component.ts
+++ b/code/frameworks/angular/template/components/form.component.ts
@@ -1,6 +1,7 @@
 import { Component, Output, EventEmitter } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-form',
   template: `
     <form id="interaction-test-form" (submit)="handleSubmit($event)">
diff --git a/code/frameworks/angular/template/components/html.component.ts b/code/frameworks/angular/template/components/html.component.ts
index 7efcf9770e6e..fc3e8235387f 100644
--- a/code/frameworks/angular/template/components/html.component.ts
+++ b/code/frameworks/angular/template/components/html.component.ts
@@ -2,6 +2,7 @@ import { Component, Input } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 
 @Component({
+  standalone: false,
   selector: 'storybook-html',
   template: `<div [innerHTML]="safeContent"></div>`,
 })
diff --git a/code/frameworks/angular/template/components/pre.component.ts b/code/frameworks/angular/template/components/pre.component.ts
index df714c936931..0fdecbec545b 100644
--- a/code/frameworks/angular/template/components/pre.component.ts
+++ b/code/frameworks/angular/template/components/pre.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-pre',
   template: `<pre data-testid="pre" [ngStyle]="style">{{ finalText }}</pre>`,
 })
diff --git a/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.ts b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.ts
index 503dc358e22c..37852f7fe2e2 100644
--- a/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.ts
+++ b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.ts
@@ -38,6 +38,7 @@ export enum ButtonAccent {
  * @html <span class="badge">aaa</span>
  */
 @Component({
+  standalone: false,
   selector: 'my-button',
   templateUrl: './doc-button.component.html',
   styleUrls: ['./doc-button.component.scss'],
diff --git a/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.directive.ts b/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.directive.ts
index 566ad55a992f..66c4b6681528 100644
--- a/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.directive.ts
+++ b/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.directive.ts
@@ -2,6 +2,7 @@ import { ElementRef, AfterViewInit, Directive, Input } from '@angular/core';
 
 /** This is an Angular Directive example that has a Prop Table. */
 @Directive({
+  standalone: false,
   selector: '[docDirective]',
 })
 export class DocDirective implements AfterViewInit {
diff --git a/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.pipe.ts b/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.pipe.ts
index 2964a6ef68c2..2bf9539e935b 100644
--- a/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.pipe.ts
+++ b/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.pipe.ts
@@ -2,6 +2,7 @@ import { PipeTransform, Pipe } from '@angular/core';
 
 /** This is an Angular Pipe example that has a Prop Table. */
 @Pipe({
+  standalone: false,
   name: 'docPipe',
 })
 export class DocPipe implements PipeTransform {
diff --git a/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts
index cf05f53fff56..00a23c4fe74e 100644
--- a/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts
+++ b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts
@@ -4,6 +4,7 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 const NOOP = () => {};
 
 @Component({
+  standalone: false,
   selector: 'storybook-custom-cva-component',
   template: ` <div>{{ value }}</div>
 <input type="text" [(ngModel)]="value" /> `,
diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts
index 3b1eebacb1bc..6a3f6215b158 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts
@@ -1,6 +1,7 @@
 import { ComponentFactoryResolver, ElementRef, Component } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-attribute-selector[foo=bar]',
   template: `<h3>Attribute selector</h3>
 Selector: {{ selectors }} <br />
diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts
index b1fa65859db9..2c60a3488b70 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts
@@ -1,6 +1,7 @@
 import { ComponentFactoryResolver, ElementRef, Component } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-class-selector.foo, storybook-class-selector.bar',
   template: `<h3>Class selector</h3>
 Selector: {{ selectors }} <br />
diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts
index 5a12fc7ffe5a..255d4d51a689 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts
@@ -1,6 +1,7 @@
 import { ComponentFactoryResolver, ElementRef, Component } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-multiple-selector, storybook-multiple-selector2',
   template: `<h3>Multiple selector</h3>
 Selector: {{ selectors }} <br />
@@ -22,6 +23,7 @@ export class MultipleSelectorComponent {
 }
 
 @Component({
+  standalone: false,
   selector: 'storybook-button, button[foo], .button[foo], button[baz]',
   template: `<h3>Multiple selector</h3>
 Selector: {{ selectors }} <br />
diff --git a/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.ts b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.ts
index 492f575b69f1..171e4ff51d0e 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.ts
@@ -2,6 +2,7 @@ import { Component, Input } from '@angular/core';
 
 /** This component is used for testing the various forms of enum types */
 @Component({
+  standalone: false,
   selector: 'app-enums',
   templateUrl: './enums.component.html',
 })
diff --git a/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.component.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.component.ts
index 0cd694506d50..b1d8111cef2a 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: `storybook-base-button`,
   template: ` <button>{{ label }}</button> `,
 })
diff --git a/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.component.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.component.ts
index 3994a3de2a97..4dfc63e09c8a 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.component.ts
@@ -2,6 +2,7 @@ import { Component, Input } from '@angular/core';
 import { BaseButtonComponent } from './base-button.component';
 
 @Component({
+  standalone: false,
   selector: `storybook-icon-button`,
   template: ` <button>{{ label }} - {{ icon }}</button> `,
 })
diff --git a/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts
index f8185f8eb80a..9f54986c6cc5 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts
@@ -2,6 +2,7 @@ import { Component, Input } from '@angular/core';
 import { componentWrapperDecorator, Meta, StoryObj } from '@storybook/angular';
 
 @Component({
+  standalone: false,
   selector: 'sb-button',
   template: `<button [style.background-color]="color"><ng-content></ng-content></button>`,
   styles: [
diff --git a/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-simple.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-simple.stories.ts
index cc6bd1ccf6e2..775a895aa5dc 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-simple.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-simple.stories.ts
@@ -3,6 +3,7 @@ import { Component } from '@angular/core';
 import { Meta, StoryObj } from '@storybook/angular';
 
 @Component({
+  standalone: false,
   selector: 'storybook-with-ng-content',
   template: `Content value:
 <div style="color: #1e88e5"><ng-content></ng-content></div>`,
diff --git a/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts
index 24edd068f7f1..8ccc180b991b 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts
@@ -2,6 +2,7 @@ import { OnDestroy, OnInit, Component } from '@angular/core';
 import { Meta, StoryObj } from '@storybook/angular';
 
 @Component({
+  standalone: false,
   selector: 'on-destroy',
   template: `Current time: {{ time }} <br />
 📝 The current time in console should no longer display after a change of story`,
diff --git a/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push-box.component.ts b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push-box.component.ts
index b6bf293f1b0e..9d8a86aa67fb 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push-box.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push-box.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, ChangeDetectionStrategy, HostBinding } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-on-push-box',
   template: ` Word of the day: {{ word }} `,
   styles: [
diff --git a/code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts
index 1c83974691d0..9a4a8e53c577 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts
@@ -11,8 +11,6 @@ const meta: Meta<WithPipeComponent> = {
       declarations: [CustomPipePipe],
     }),
   ],
-  tags: ['!test', '!vitest'],
-  parameters: { chromatic: { disable: true } },
 };
 
 export default meta;
diff --git a/code/frameworks/angular/template/stories/basics/component-with-pipe/custom.pipe.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom.pipe.ts
index 0038bd609241..e588751b936e 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-pipe/custom.pipe.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom.pipe.ts
@@ -1,6 +1,7 @@
 import { PipeTransform, Pipe } from '@angular/core';
 
 @Pipe({
+  standalone: false,
   name: 'customPipe',
 })
 export class CustomPipePipe implements PipeTransform {
diff --git a/code/frameworks/angular/template/stories/basics/component-with-pipe/with-pipe.component.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/with-pipe.component.ts
index 4582170ecf73..12ec82171649 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-pipe/with-pipe.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-pipe/with-pipe.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-with-pipe',
   template: ` <h1>{{ field | customPipe }}</h1> `,
 })
diff --git a/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.ts b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.ts
index e3e8a28ac18f..c840bf64a4a6 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.ts
@@ -4,6 +4,7 @@ import { stringify } from 'telejson';
 export const TEST_TOKEN = new InjectionToken<string>('test');
 
 @Component({
+  standalone: false,
   selector: 'storybook-di-component',
   templateUrl: './di.component.html',
   providers: [{ provide: TEST_TOKEN, useValue: 123 }],
diff --git a/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.ts b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.ts
index 6cdb0a9a627b..63ac3c56b07e 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-styled-component',
   templateUrl: './styled.component.html',
   styleUrls: ['./styled.component.css', './styled.component.scss'],
diff --git a/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts
index 5518e437763e..64347d989fc1 100644
--- a/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts
@@ -19,6 +19,7 @@ type Story = StoryObj<WithoutSelectorComponent>;
 // Advanced example with custom *ngComponentOutlet
 
 @Component({
+  standalone: false,
   selector: 'ng-component-outlet-wrapper',
   template: `<ng-container
   *ngComponentOutlet="componentOutlet; injector: componentInjector; content: componentContent"
diff --git a/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.component.ts
index 6e9ed12eff34..9d0b0d428690 100644
--- a/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.component.ts
+++ b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.component.ts
@@ -5,6 +5,7 @@ export const WITHOUT_SELECTOR_DATA = new InjectionToken<{ color: string; name: s
 );
 
 @Component({
+  standalone: false,
   template: `My name in color :
 <div [style.color]="color">{{ name }}</div>
 <ng-content></ng-content> <ng-content></ng-content>`,
diff --git a/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-text.pipe.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-text.pipe.ts
index 0d628239d07b..9c6f1745063a 100644
--- a/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-text.pipe.ts
+++ b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-text.pipe.ts
@@ -1,6 +1,7 @@
 import { PipeTransform, Pipe } from '@angular/core';
 
 @Pipe({
+  standalone: false,
   name: 'chipText',
 })
 export class ChipTextPipe implements PipeTransform {
diff --git a/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip.component.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip.component.ts
index 52546084465a..7804fe73fbd7 100644
--- a/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip.component.ts
+++ b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip.component.ts
@@ -2,6 +2,7 @@ import { Component, Input, Output, EventEmitter, Inject, HostBinding } from '@an
 import { CHIP_COLOR } from './chip-color.token';
 
 @Component({
+  standalone: false,
   selector: 'storybook-chip',
   template: `
     <span class="text">{{ displayText | chipText }}</span>
diff --git a/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips-group.component.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips-group.component.ts
index 98131407a01c..fa56aca48860 100644
--- a/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips-group.component.ts
+++ b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips-group.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-chips-group',
   template: `
     <storybook-chip
diff --git a/code/frameworks/angular/template/stories/basics/ng-module/import-module-chip.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module-chip.stories.ts
index c31db80a8dfa..e1a53bb49cf6 100644
--- a/code/frameworks/angular/template/stories/basics/ng-module/import-module-chip.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/ng-module/import-module-chip.stories.ts
@@ -10,8 +10,6 @@ const meta: Meta<ChipComponent> = {
       imports: [ChipsModule],
     }),
   ],
-  tags: ['!test', '!vitest'],
-  parameters: { chromatic: { disable: true } },
 };
 
 export default meta;
diff --git a/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts
index f3768cc7d3da..73ef9915d437 100644
--- a/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts
@@ -28,8 +28,6 @@ const meta: Meta<ChipsGroupComponent> = {
     removeChipClick: { action: 'Remove chip' },
     removeAllChipsClick: { action: 'Remove all chips clicked' },
   },
-  tags: ['!test', '!vitest'],
-  parameters: { chromatic: { disable: true } },
 };
 
 export default meta;
diff --git a/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts
index e13c48a43389..b82541424db0 100644
--- a/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts
@@ -11,8 +11,6 @@ const meta: Meta<ChipsGroupComponent> = {
       imports: [ChipsModule],
     }),
   ],
-  tags: ['!test', '!vitest'],
-  parameters: { chromatic: { disable: true } },
 };
 
 export default meta;
diff --git a/code/frameworks/angular/template/stories/button.component.ts b/code/frameworks/angular/template/stories/button.component.ts
index 3617f8c59935..0d675ad1a609 100644
--- a/code/frameworks/angular/template/stories/button.component.ts
+++ b/code/frameworks/angular/template/stories/button.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'storybook-button-component',
   template: ` <button (click)="onClick.emit($event)">{{ text }}</button> `,
   styles: [
diff --git a/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/child.component.ts b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/child.component.ts
index 5caf5db9cb20..3ac601cf8e86 100644
--- a/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/child.component.ts
+++ b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/child.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'child-component',
   template: `
     Child<br />
diff --git a/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/parent.component.ts b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/parent.component.ts
index 20a4447636b5..b32984ebb99a 100644
--- a/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/parent.component.ts
+++ b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/parent.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'parent-component',
   template: `
     Parent<br />
diff --git a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/custom.pipe.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/custom.pipe.ts
index 0038bd609241..e588751b936e 100644
--- a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/custom.pipe.ts
+++ b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/custom.pipe.ts
@@ -1,6 +1,7 @@
 import { PipeTransform, Pipe } from '@angular/core';
 
 @Pipe({
+  standalone: false,
   name: 'customPipe',
 })
 export class CustomPipePipe implements PipeTransform {
diff --git a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/open-close-component/open-close.component.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/open-close-component/open-close.component.ts
index db630db4d4b0..4982f166e2a2 100644
--- a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/open-close-component/open-close.component.ts
+++ b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/open-close-component/open-close.component.ts
@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 
 @Component({
+  standalone: false,
   selector: 'app-open-close',
   animations: [
     trigger('openClose', [
diff --git a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/service.component.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/service.component.ts
index 6e84cb430447..736c6cbff923 100644
--- a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/service.component.ts
+++ b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/service.component.ts
@@ -2,6 +2,7 @@ import { OnInit, Component, Input } from '@angular/core';
 import { DummyService } from './dummy.service';
 
 @Component({
+  standalone: false,
   selector: 'storybook-simple-service-component',
   template: `<p>{{ name }}:</p>
 <ul>
diff --git a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/token.component.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/token.component.ts
index 8268bceaf3c0..df1c85925aac 100644
--- a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/token.component.ts
+++ b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/token.component.ts
@@ -4,6 +4,7 @@ export const ITEMS = new InjectionToken<string[]>('TokenComponent.Items');
 export const DEFAULT_NAME = new InjectionToken<string>('TokenComponent.DefaultName');
 
 @Component({
+  standalone: false,
   selector: 'storybook-simple-token-component',
   template: `
     <h3>{{ name }}</h3>
diff --git a/code/frameworks/angular/template/stories/core/parameters/bootstrap-options.stories.ts b/code/frameworks/angular/template/stories/core/parameters/bootstrap-options.stories.ts
index f3cebdb807ad..b5c4d1d9725a 100644
--- a/code/frameworks/angular/template/stories/core/parameters/bootstrap-options.stories.ts
+++ b/code/frameworks/angular/template/stories/core/parameters/bootstrap-options.stories.ts
@@ -2,6 +2,7 @@ import { Meta, StoryObj } from '@storybook/angular';
 import { Component } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'component-with-whitespace',
   preserveWhitespaces: true,
   template: ` <div>
diff --git a/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.component.ts b/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.component.ts
index a471debefafa..d0513056aea1 100644
--- a/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.component.ts
+++ b/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, input, output } from '@angular/core';
 
 @Component({
+  standalone: false,
   // Needs to be a different name to the CLI template button
   selector: 'storybook-signal-button',
   template: ` <button
diff --git a/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.component.ts b/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.component.ts
index a471debefafa..d0513056aea1 100644
--- a/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.component.ts
+++ b/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, input, output } from '@angular/core';
 
 @Component({
+  standalone: false,
   // Needs to be a different name to the CLI template button
   selector: 'storybook-signal-button',
   template: ` <button
diff --git a/code/lib/test/template/stories/before-each.stories.ts b/code/lib/test/template/stories/before-each.stories.ts
index 79c31874c813..12aad1818afe 100644
--- a/code/lib/test/template/stories/before-each.stories.ts
+++ b/code/lib/test/template/stories/before-each.stories.ts
@@ -32,7 +32,8 @@ export const BeforeEachOrder = {
   async play({ canvasElement }: any) {
     await userEvent.click(getByRole(canvasElement, 'button'));
 
-    await expect(mocked(console.log).mock.calls).toEqual([
+    const allLogs = mocked(console.log).mock.calls.filter(([message]) => /^\d+ - /.test(message));
+    await expect(allLogs).toEqual([
       ['1 - [from loaders]'],
       ['2 - [from meta beforeEach]'],
       ['3 - [from story beforeEach]'],
diff --git a/code/lib/test/template/stories/mount-in-play.stories.ts b/code/lib/test/template/stories/mount-in-play.stories.ts
index c7acb7dce688..0c87263ba484 100644
--- a/code/lib/test/template/stories/mount-in-play.stories.ts
+++ b/code/lib/test/template/stories/mount-in-play.stories.ts
@@ -32,7 +32,8 @@ export const MountInPlay = {
     await mount();
     console.log('6 - [after mount]');
     await userEvent.click(getByRole(canvasElement, 'button'));
-    await expect(mocked(console.log).mock.calls).toEqual([
+    const allLogs = mocked(console.log).mock.calls.filter(([message]) => /^\d+ - /.test(message));
+    await expect(allLogs).toEqual([
       ['1 - [from loaders]'],
       ['2 - [from meta beforeEach]'],
       ['3 - [from story beforeEach]'],
diff --git a/code/yarn.lock b/code/yarn.lock
index ecaf4c1cb525..71e20471afb0 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6145,17 +6145,17 @@ __metadata:
     webpack: "npm:5"
     zone.js: "npm:^0.14.2"
   peerDependencies:
-    "@angular-devkit/architect": ">=0.1500.0 < 0.1900.0"
-    "@angular-devkit/build-angular": ">=15.0.0 < 19.0.0"
-    "@angular-devkit/core": ">=15.0.0 < 19.0.0"
-    "@angular/cli": ">=15.0.0 < 19.0.0"
-    "@angular/common": ">=15.0.0 < 19.0.0"
-    "@angular/compiler": ">=15.0.0 < 19.0.0"
-    "@angular/compiler-cli": ">=15.0.0 < 19.0.0"
-    "@angular/core": ">=15.0.0 < 19.0.0"
-    "@angular/forms": ">=15.0.0 < 19.0.0"
-    "@angular/platform-browser": ">=15.0.0 < 19.0.0"
-    "@angular/platform-browser-dynamic": ">=15.0.0 < 19.0.0"
+    "@angular-devkit/architect": ">=0.1500.0 < 0.2000.0"
+    "@angular-devkit/build-angular": ">=15.0.0 < 20.0.0"
+    "@angular-devkit/core": ">=15.0.0 < 20.0.0"
+    "@angular/cli": ">=15.0.0 < 20.0.0"
+    "@angular/common": ">=15.0.0 < 20.0.0"
+    "@angular/compiler": ">=15.0.0 < 20.0.0"
+    "@angular/compiler-cli": ">=15.0.0 < 20.0.0"
+    "@angular/core": ">=15.0.0 < 20.0.0"
+    "@angular/forms": ">=15.0.0 < 20.0.0"
+    "@angular/platform-browser": ">=15.0.0 < 20.0.0"
+    "@angular/platform-browser-dynamic": ">=15.0.0 < 20.0.0"
     rxjs: ^6.0.0 || ^7.4.0
     storybook: "workspace:^"
     typescript: ^4.0.0 || ^5.0.0