From 2a6a6fe168624e7b5c5172bd557662a7576d843c Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 16 Sep 2022 11:58:03 +1000
Subject: [PATCH] Move over a bunch of angular-cli stories

---
 .../src/stories/angular-demo/index.ts         |   4 -
 .../stories/angular-demo/welcome.component.ts |  81 ------------
 .../parameters/layout.parameters.stories.ts   |  31 -----
 .../ngrx-store.stories.storyshot              |  21 ----
 .../stories/others/ngrx/ngrx-store.stories.ts |  50 --------
 .../stories/basics/README.stories.mdx         |   0
 .../custom-cva-component.stories.storyshot    |   0
 .../custom-cva-component.stories.ts           |   0
 .../custom-cva.component.ts                   |   0
 ...tiple-selector.component.stories.storyshot |   0
 .../attribute-selector.component.ts           |   0
 .../class-selector.component.ts               |   0
 .../multiple-selector.component.stories.ts    |   0
 .../multiple-selector.component.ts            |   0
 .../enums.component.stories.storyshot         |   0
 .../component-with-enums/enums.component.html |   0
 .../enums.component.stories.ts                |   0
 .../component-with-enums/enums.component.ts   |   0
 .../inheritance.stories.storyshot             |   0
 .../base-button.component.ts                  |   0
 .../icon-button.component.ts                  |   0
 .../inheritance.stories.ts                    |   0
 .../ng-content-about-parent.stories.storyshot |   0
 .../ng-content-simple.stories.storyshot       |   0
 .../ng-content-about-parent.stories.ts        |   0
 .../ng-content-simple.stories.ts              |   0
 .../component-with-on-destroy.stories.ts      |   0
 .../__snapshots__/on-push.stories.storyshot   |   0
 .../on-push-box.component.ts                  |   0
 .../component-with-on-push/on-push.stories.ts |   0
 .../custom-pipes.stories.storyshot            |   0
 .../custom-pipes.stories.ts                   |   0
 .../basics/component-with-pipe/custom.pipe.ts |   0
 .../with-pipe.component.ts                    |   0
 .../di.component.stories.storyshot            |   0
 .../component-with-provider/di.component.html |   0
 .../di.component.stories.ts                   |   0
 .../component-with-provider/di.component.ts   |   0
 .../styled.component.stories.storyshot        |   0
 .../component-with-style/styled.component.css |   0
 .../styled.component.html                     |   0
 .../styled.component.scss                     |   0
 .../styled.component.stories.ts               |   0
 .../component-with-style/styled.component.ts  |   0
 ...ctor-ng-component-outlet.stories.storyshot |   0
 ...ctor-ng-factory-resolver.stories.storyshot |   0
 .../without-selector.stories.storyshot        |   0
 ...ut-selector-ng-component-outlet.stories.ts |   0
 ...ut-selector-ng-factory-resolver.stories.ts |   0
 .../without-selector.component.ts             |   0
 .../without-selector.stories.ts               |   0
 .../import-module-for-root.stories.storyshot  |   0
 .../import-module.stories.storyshot           |   0
 .../ng-module/angular-src/chip-color.token.ts |   0
 .../ng-module/angular-src/chip-text.pipe.ts   |   0
 .../ng-module/angular-src/chip.component.ts   |   0
 .../angular-src/chips-group.component.ts      |   0
 .../ng-module/angular-src/chips.module.ts     |   0
 .../import-module-for-root.stories.ts         |   0
 .../basics/ng-module/import-module.stories.ts |   0
 .../template/stories}/button.component.ts     |   0
 .../template/stories/child.component.ts       |  20 ---
 .../template}/stories/core/README.stories.mdx |   0
 .../decorators.stories.storyshot              |   0
 .../child.component.ts                        |   0
 .../decorators.stories.ts                     |   0
 .../parent.component.ts                       |   0
 .../decorators.stories.storyshot              |   0
 .../theme-decorator/decorators.stories.ts     |   0
 .../in-export-default.stories.storyshot       |   0
 .../in-stories.stories.storyshot              |   0
 .../merge-default-and-story.stories.storyshot |   0
 .../moduleMetadata/angular-src/custom.pipe.ts |   0
 .../angular-src/dummy.service.ts              |   0
 .../angular-src/service.component.ts          |   0
 .../angular-src/token.component.ts            |   0
 .../in-export-default.stories.ts              |   0
 .../core/moduleMetadata/in-stories.stories.ts |   0
 .../merge-default-and-story.stories.ts        |   0
 .../all-parameters.stories.storyshot          |   0
 .../bootstrap-options.stories.storyshot       |   0
 .../layout.parameters.stories.storyshot       |   0
 .../parameters/bootstrap-options.stories.ts   |   0
 .../story-styles.stories.storyshot            |   0
 .../core/styles/story-styles.stories.ts       |   2 +-
 .../template/stories/decorators.stories.ts    | 117 ------------------
 .../stories/legacy/README.stories.mdx         |   0
 .../component-in-story.stories.storyshot      |   0
 .../legacy/component-in-story.stories.ts      |   2 +-
 .../issues/12009-unknown-component.stories.ts |   2 +-
 .../12009-unknown-component.stories.storyshot |   0
 .../others/ngx-translate/README.stories.mdx   |   0
 .../template/stories/parent.component.ts      |  18 ---
 93 files changed, 3 insertions(+), 345 deletions(-)
 delete mode 100644 code/examples/angular-cli/src/stories/angular-demo/index.ts
 delete mode 100644 code/examples/angular-cli/src/stories/angular-demo/welcome.component.ts
 delete mode 100644 code/examples/angular-cli/src/stories/core/parameters/layout.parameters.stories.ts
 delete mode 100644 code/examples/angular-cli/src/stories/others/ngrx/__snapshots__/ngrx-store.stories.storyshot
 delete mode 100644 code/examples/angular-cli/src/stories/others/ngrx/ngrx-store.stories.ts
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/README.stories.mdx (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/angular-forms/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-complex-selectors/__snapshots__/multiple-selector.component.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-complex-selectors/attribute-selector.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-complex-selectors/class-selector.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-complex-selectors/multiple-selector.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-enums/__snapshots__/enums.component.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-enums/enums.component.html (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-enums/enums.component.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-enums/enums.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-inheritance/__snapshots__/inheritance.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-inheritance/base-button.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-inheritance/icon-button.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-inheritance/inheritance.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-ng-content/__snapshots__/ng-content-about-parent.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-ng-content/__snapshots__/ng-content-simple.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-ng-content/ng-content-simple.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-on-push/__snapshots__/on-push.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-on-push/on-push-box.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-on-push/on-push.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-pipe/__snapshots__/custom-pipes.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-pipe/custom-pipes.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-pipe/custom.pipe.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-pipe/with-pipe.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-provider/__snapshots__/di.component.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-provider/di.component.html (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-provider/di.component.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-provider/di.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-style/__snapshots__/styled.component.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-style/styled.component.css (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-style/styled.component.html (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-style/styled.component.scss (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-style/styled.component.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-with-style/styled.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-without-selector/__snapshots__/without-selector-ng-component-outlet.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-without-selector/__snapshots__/without-selector-ng-factory-resolver.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-without-selector/__snapshots__/without-selector.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-without-selector/without-selector.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/component-without-selector/without-selector.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/ng-module/__snapshots__/import-module-for-root.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/ng-module/__snapshots__/import-module.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/ng-module/angular-src/chip-color.token.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/ng-module/angular-src/chip-text.pipe.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/ng-module/angular-src/chip.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/ng-module/angular-src/chips-group.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/ng-module/angular-src/chips.module.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/ng-module/import-module-for-root.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/basics/ng-module/import-module.stories.ts (100%)
 rename code/{examples/angular-cli/src/stories/angular-demo => frameworks/angular/template/stories}/button.component.ts (100%)
 delete mode 100644 code/frameworks/angular/template/stories/child.component.ts
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/README.stories.mdx (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/decorators/componentWrapperDecorator/__snapshots__/decorators.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/decorators/componentWrapperDecorator/child.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/decorators/componentWrapperDecorator/parent.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/decorators/theme-decorator/__snapshots__/decorators.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/decorators/theme-decorator/decorators.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/__snapshots__/in-export-default.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/__snapshots__/in-stories.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/__snapshots__/merge-default-and-story.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/angular-src/custom.pipe.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/angular-src/dummy.service.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/angular-src/service.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/angular-src/token.component.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/in-export-default.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/in-stories.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/moduleMetadata/merge-default-and-story.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/parameters/__snapshots__/bootstrap-options.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/parameters/bootstrap-options.stories.ts (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/styles/__snapshots__/story-styles.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/core/styles/story-styles.stories.ts (96%)
 delete mode 100644 code/frameworks/angular/template/stories/decorators.stories.ts
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/legacy/README.stories.mdx (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/legacy/__snapshots__/component-in-story.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/legacy/component-in-story.stories.ts (85%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/others/issues/12009-unknown-component.stories.ts (87%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot (100%)
 rename code/{examples/angular-cli/src => frameworks/angular/template}/stories/others/ngx-translate/README.stories.mdx (100%)
 delete mode 100644 code/frameworks/angular/template/stories/parent.component.ts

diff --git a/code/examples/angular-cli/src/stories/angular-demo/index.ts b/code/examples/angular-cli/src/stories/angular-demo/index.ts
deleted file mode 100644
index 738b3ea0e179..000000000000
--- a/code/examples/angular-cli/src/stories/angular-demo/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import Welcome from './welcome.component';
-import Button from './button.component';
-
-export { Welcome, Button };
diff --git a/code/examples/angular-cli/src/stories/angular-demo/welcome.component.ts b/code/examples/angular-cli/src/stories/angular-demo/welcome.component.ts
deleted file mode 100644
index ab8309c1a581..000000000000
--- a/code/examples/angular-cli/src/stories/angular-demo/welcome.component.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { Component, Output, EventEmitter } from '@angular/core';
-
-@Component({
-  selector: 'storybook-welcome-component',
-  template: `
-    <main>
-      <h1>Welcome to storybook</h1>
-      <p>This is a UI component dev environment for your app.</p>
-      <p>
-        We've added some basic stories inside the
-        <span class="inline-code">src/stories</span> directory. <br />
-        A story is a single state of one or more UI components. You can have as many stories as you
-        want. <br />
-        (Basically a story is like a visual test case.)
-      </p>
-      <p>
-        See these sample
-        <a (click)="showApp.emit($event)" role="button" tabIndex="0">stories</a> for a component
-        called <span class="inline-code">Button</span> .
-      </p>
-      <p>
-        Just like that, you can add your own components as stories. <br />
-        You can also edit those components and see changes right away. <br />
-        (Try editing the <span class="inline-code">Button</span> stories located at
-        <span class="inline-code">src/stories/index.js</span>.)
-      </p>
-      <p>
-        Usually we create stories with smaller UI components in the app.<br />
-        Have a look at the
-        <a
-          href="https://storybook.js.org/basics/writing-stories"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Writing Stories
-        </a>
-        section in our documentation.
-      </p>
-      <p class="note">
-        <b>NOTE:</b> <br />
-        Have a look at the <span class="inline-code">.storybook/webpack.config.js</span> to add
-        webpack loaders and plugins you are using in this project.
-      </p>
-    </main>
-  `,
-  styles: [
-    `
-      main {
-        padding: 15px;
-        line-height: 1.4;
-        font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
-        background-color: #ffffff;
-      }
-
-      .note {
-        opacity: 0.5;
-      }
-
-      .inline-code {
-        font-size: 15px;
-        font-weight: 600;
-        padding: 2px 5px;
-        border: 1px solid #eae9e9;
-        border-radius: 4px;
-        background-color: #f3f2f2;
-        color: #3a3a3a;
-      }
-
-      a {
-        color: #1474f3;
-        text-decoration: none;
-        border-bottom: 1px solid #1474f3;
-        padding-bottom: 2px;
-      }
-    `,
-  ],
-})
-export default class WelcomeComponent {
-  @Output()
-  showApp = new EventEmitter<any>();
-}
diff --git a/code/examples/angular-cli/src/stories/core/parameters/layout.parameters.stories.ts b/code/examples/angular-cli/src/stories/core/parameters/layout.parameters.stories.ts
deleted file mode 100644
index 4bdc282a8167..000000000000
--- a/code/examples/angular-cli/src/stories/core/parameters/layout.parameters.stories.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/angular';
-import { Button } from '../../angular-demo';
-
-export default {
-  title: 'Core / Parameters / Layout',
-  component: Button,
-} as Meta;
-
-export const Default: StoryFn = () => ({
-  props: { text: 'Button' },
-});
-
-export const Fullscreen: StoryFn = () => ({
-  template: `<div style="background-color: yellow;"><storybook-button-component text="Button"></storybook-button-component></div>`,
-});
-Fullscreen.parameters = { layout: 'fullscreen' };
-
-export const Centered: StoryFn = () => ({
-  props: { text: 'Button' },
-});
-Centered.parameters = { layout: 'centered' };
-
-export const Padded: StoryFn = () => ({
-  props: { text: 'Button' },
-});
-Padded.parameters = { layout: 'padded' };
-
-export const None: StoryFn = () => ({
-  props: { text: 'Button' },
-});
-None.parameters = { layout: 'none' };
diff --git a/code/examples/angular-cli/src/stories/others/ngrx/__snapshots__/ngrx-store.stories.storyshot b/code/examples/angular-cli/src/stories/others/ngrx/__snapshots__/ngrx-store.stories.storyshot
deleted file mode 100644
index 2d1d3d8fbcac..000000000000
--- a/code/examples/angular-cli/src/stories/others/ngrx/__snapshots__/ngrx-store.stories.storyshot
+++ /dev/null
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Others / NgRx / Store With Component 1`] = `
-<storybook-wrapper>
-  <storybook-comp-with-store>
-    <div>
-      Store is injected
-    </div>
-  </storybook-comp-with-store>
-</storybook-wrapper>
-`;
-
-exports[`Storyshots Others / NgRx / Store With Template 1`] = `
-<storybook-wrapper>
-  <storybook-comp-with-store>
-    <div>
-      Store is injected
-    </div>
-  </storybook-comp-with-store>
-</storybook-wrapper>
-`;
diff --git a/code/examples/angular-cli/src/stories/others/ngrx/ngrx-store.stories.ts b/code/examples/angular-cli/src/stories/others/ngrx/ngrx-store.stories.ts
deleted file mode 100644
index ba24cf01b114..000000000000
--- a/code/examples/angular-cli/src/stories/others/ngrx/ngrx-store.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Store, StoreModule } from '@ngrx/store';
-import { Component } from '@angular/core';
-
-import { Meta, moduleMetadata, StoryFn } from '@storybook/angular';
-
-@Component({
-  selector: 'storybook-comp-with-store',
-  template: '<div>{{this.getStoreState()}}</div>',
-})
-class WithStoreComponent {
-  private store: Store<any>;
-
-  constructor(store: Store<any>) {
-    this.store = store;
-  }
-
-  getStoreState() {
-    return this.store === undefined ? 'Store is NOT injected' : 'Store is injected';
-  }
-}
-
-export default {
-  title: 'Others / NgRx / Store',
-  decorators: [
-    moduleMetadata({
-      imports: [
-        StoreModule.forRoot(
-          {},
-          {
-            runtimeChecks: {
-              strictStateImmutability: true,
-              strictActionImmutability: true,
-              strictStateSerializability: true,
-              strictActionSerializability: true,
-            },
-          }
-        ),
-      ],
-      declarations: [WithStoreComponent],
-    }),
-  ],
-} as Meta;
-
-export const WithComponent: StoryFn = () => ({
-  component: WithStoreComponent,
-});
-
-export const WithTemplate: StoryFn = () => ({
-  template: `<storybook-comp-with-store></storybook-comp-with-store>`,
-});
diff --git a/code/examples/angular-cli/src/stories/basics/README.stories.mdx b/code/frameworks/angular/template/stories/basics/README.stories.mdx
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/README.stories.mdx
rename to code/frameworks/angular/template/stories/basics/README.stories.mdx
diff --git a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
rename to code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts
rename to code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/__snapshots__/multiple-selector.component.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/__snapshots__/multiple-selector.component.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/__snapshots__/multiple-selector.component.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-with-complex-selectors/__snapshots__/multiple-selector.component.stories.storyshot
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/attribute-selector.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/class-selector.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/multiple-selector.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-enums/__snapshots__/enums.component.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-with-enums/__snapshots__/enums.component.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-enums/__snapshots__/enums.component.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-with-enums/__snapshots__/enums.component.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.html b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.html
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.html
rename to code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.html
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.ts b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/__snapshots__/inheritance.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-with-inheritance/__snapshots__/inheritance.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-inheritance/__snapshots__/inheritance.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-with-inheritance/__snapshots__/inheritance.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/base-button.component.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-inheritance/base-button.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/icon-button.component.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-inheritance/icon-button.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/inheritance.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/inheritance.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-inheritance/inheritance.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-inheritance/inheritance.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-about-parent.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-with-ng-content/__snapshots__/ng-content-about-parent.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-about-parent.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-with-ng-content/__snapshots__/ng-content-about-parent.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-simple.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-with-ng-content/__snapshots__/ng-content-simple.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-simple.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-with-ng-content/__snapshots__/ng-content-simple.stories.storyshot
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-ng-content/ng-content-simple.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-simple.stories.ts
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-on-push/__snapshots__/on-push.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-with-on-push/__snapshots__/on-push.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-on-push/__snapshots__/on-push.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-with-on-push/__snapshots__/on-push.stories.storyshot
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-on-push/on-push-box.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-on-push/on-push-box.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-on-push/on-push.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-on-push/on-push.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-pipe/__snapshots__/custom-pipes.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-with-pipe/__snapshots__/custom-pipes.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-pipe/__snapshots__/custom-pipes.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-with-pipe/__snapshots__/custom-pipes.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-pipe/custom-pipes.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-pipe/custom-pipes.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-pipe/custom.pipe.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom.pipe.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-pipe/custom.pipe.ts
rename to code/frameworks/angular/template/stories/basics/component-with-pipe/custom.pipe.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-pipe/with-pipe.component.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/with-pipe.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-pipe/with-pipe.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-pipe/with-pipe.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-provider/__snapshots__/di.component.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-with-provider/__snapshots__/di.component.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-provider/__snapshots__/di.component.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-with-provider/__snapshots__/di.component.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.html b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.html
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.html
rename to code/frameworks/angular/template/stories/basics/component-with-provider/di.component.html
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.ts b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-provider/di.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/__snapshots__/styled.component.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-with-style/__snapshots__/styled.component.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-style/__snapshots__/styled.component.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-with-style/__snapshots__/styled.component.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.css b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.css
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.css
rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.css
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.html b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.html
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.html
rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.html
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.scss b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.scss
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.scss
rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.scss
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.ts b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.ts
rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-component-outlet.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-without-selector/__snapshots__/without-selector-ng-component-outlet.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-component-outlet.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-without-selector/__snapshots__/without-selector-ng-component-outlet.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-factory-resolver.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-without-selector/__snapshots__/without-selector-ng-factory-resolver.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-factory-resolver.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-without-selector/__snapshots__/without-selector-ng-factory-resolver.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector.stories.storyshot b/code/frameworks/angular/template/stories/basics/component-without-selector/__snapshots__/without-selector.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/component-without-selector/__snapshots__/without-selector.stories.storyshot
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector.component.ts
rename to code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector.stories.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector.stories.ts
rename to code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module-for-root.stories.storyshot b/code/frameworks/angular/template/stories/basics/ng-module/__snapshots__/import-module-for-root.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module-for-root.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/ng-module/__snapshots__/import-module-for-root.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module.stories.storyshot b/code/frameworks/angular/template/stories/basics/ng-module/__snapshots__/import-module.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module.stories.storyshot
rename to code/frameworks/angular/template/stories/basics/ng-module/__snapshots__/import-module.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip-color.token.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-color.token.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip-color.token.ts
rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-color.token.ts
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip-text.pipe.ts
rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-text.pipe.ts
diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip.component.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip.component.ts
rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip.component.ts
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chips-group.component.ts
rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips-group.component.ts
diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chips.module.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips.module.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chips.module.ts
rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips.module.ts
diff --git a/code/examples/angular-cli/src/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
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/ng-module/import-module-for-root.stories.ts
rename to code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts
diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/import-module.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/basics/ng-module/import-module.stories.ts
rename to code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts
diff --git a/code/examples/angular-cli/src/stories/angular-demo/button.component.ts b/code/frameworks/angular/template/stories/button.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/angular-demo/button.component.ts
rename to code/frameworks/angular/template/stories/button.component.ts
diff --git a/code/frameworks/angular/template/stories/child.component.ts b/code/frameworks/angular/template/stories/child.component.ts
deleted file mode 100644
index 4666ec952ad1..000000000000
--- a/code/frameworks/angular/template/stories/child.component.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-
-@Component({
-  selector: 'child-component',
-  template: `
-    Child<br />
-    Input text: {{ childText }} <br />
-    Output : <button (click)="onClickChild.emit($event)">Click here !</button> <br />
-    Private text: {{ childPrivateText }} <br />
-  `,
-})
-export default class ChildComponent {
-  @Input()
-  childText = '';
-
-  childPrivateText = '';
-
-  @Output()
-  onClickChild = new EventEmitter<any>();
-}
diff --git a/code/examples/angular-cli/src/stories/core/README.stories.mdx b/code/frameworks/angular/template/stories/core/README.stories.mdx
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/README.stories.mdx
rename to code/frameworks/angular/template/stories/core/README.stories.mdx
diff --git a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/__snapshots__/decorators.stories.storyshot b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/__snapshots__/decorators.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/__snapshots__/decorators.stories.storyshot
rename to code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/__snapshots__/decorators.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/child.component.ts b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/child.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/child.component.ts
rename to code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/child.component.ts
diff --git a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts
rename to code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts
diff --git a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/parent.component.ts b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/parent.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/parent.component.ts
rename to code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/parent.component.ts
diff --git a/code/examples/angular-cli/src/stories/core/decorators/theme-decorator/__snapshots__/decorators.stories.storyshot b/code/frameworks/angular/template/stories/core/decorators/theme-decorator/__snapshots__/decorators.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/decorators/theme-decorator/__snapshots__/decorators.stories.storyshot
rename to code/frameworks/angular/template/stories/core/decorators/theme-decorator/__snapshots__/decorators.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/core/decorators/theme-decorator/decorators.stories.ts b/code/frameworks/angular/template/stories/core/decorators/theme-decorator/decorators.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/decorators/theme-decorator/decorators.stories.ts
rename to code/frameworks/angular/template/stories/core/decorators/theme-decorator/decorators.stories.ts
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-export-default.stories.storyshot b/code/frameworks/angular/template/stories/core/moduleMetadata/__snapshots__/in-export-default.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-export-default.stories.storyshot
rename to code/frameworks/angular/template/stories/core/moduleMetadata/__snapshots__/in-export-default.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-stories.stories.storyshot b/code/frameworks/angular/template/stories/core/moduleMetadata/__snapshots__/in-stories.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-stories.stories.storyshot
rename to code/frameworks/angular/template/stories/core/moduleMetadata/__snapshots__/in-stories.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/merge-default-and-story.stories.storyshot b/code/frameworks/angular/template/stories/core/moduleMetadata/__snapshots__/merge-default-and-story.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/merge-default-and-story.stories.storyshot
rename to code/frameworks/angular/template/stories/core/moduleMetadata/__snapshots__/merge-default-and-story.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/custom.pipe.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/custom.pipe.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/custom.pipe.ts
rename to code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/custom.pipe.ts
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/dummy.service.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/dummy.service.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/dummy.service.ts
rename to code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/dummy.service.ts
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/service.component.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/service.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/service.component.ts
rename to code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/service.component.ts
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/token.component.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/token.component.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/token.component.ts
rename to code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/token.component.ts
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/in-export-default.stories.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/in-export-default.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/in-export-default.stories.ts
rename to code/frameworks/angular/template/stories/core/moduleMetadata/in-export-default.stories.ts
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/in-stories.stories.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/in-stories.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/in-stories.stories.ts
rename to code/frameworks/angular/template/stories/core/moduleMetadata/in-stories.stories.ts
diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/merge-default-and-story.stories.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/moduleMetadata/merge-default-and-story.stories.ts
rename to code/frameworks/angular/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts
diff --git a/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot b/code/frameworks/angular/template/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot
rename to code/frameworks/angular/template/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/bootstrap-options.stories.storyshot b/code/frameworks/angular/template/stories/core/parameters/__snapshots__/bootstrap-options.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/parameters/__snapshots__/bootstrap-options.stories.storyshot
rename to code/frameworks/angular/template/stories/core/parameters/__snapshots__/bootstrap-options.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot b/code/frameworks/angular/template/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot
rename to code/frameworks/angular/template/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/core/parameters/bootstrap-options.stories.ts b/code/frameworks/angular/template/stories/core/parameters/bootstrap-options.stories.ts
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/parameters/bootstrap-options.stories.ts
rename to code/frameworks/angular/template/stories/core/parameters/bootstrap-options.stories.ts
diff --git a/code/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot b/code/frameworks/angular/template/stories/core/styles/__snapshots__/story-styles.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot
rename to code/frameworks/angular/template/stories/core/styles/__snapshots__/story-styles.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts b/code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts
similarity index 96%
rename from code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts
rename to code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts
index a8fb561efc94..b5aa89a92779 100644
--- a/code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts
+++ b/code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts
@@ -1,5 +1,5 @@
 import { Meta, moduleMetadata, StoryFn } from '@storybook/angular';
-import { Button } from '../../angular-demo';
+import Button from '../../button.component';
 
 export default {
   title: 'Core / Story host styles',
diff --git a/code/frameworks/angular/template/stories/decorators.stories.ts b/code/frameworks/angular/template/stories/decorators.stories.ts
deleted file mode 100644
index 14cd21b924a6..000000000000
--- a/code/frameworks/angular/template/stories/decorators.stories.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-// your-component.stories.ts
-
-import { Args, componentWrapperDecorator, Meta, moduleMetadata, Story } from '@storybook/angular';
-import ChildComponent from './child.component';
-import ParentComponent from './parent.component';
-
-export default {
-  title: 'Core / Decorators / ComponentWrapperDecorator',
-  component: ChildComponent,
-  decorators: [
-    componentWrapperDecorator(
-      (story) => `Grandparent<br><div style="margin: 3em; border:solid;">${story}</div>`
-    ),
-  ],
-  args: { childText: 'Child text', childPrivateText: 'Child private text' },
-  argTypes: { onClickChild: { action: 'onClickChild' } },
-} as Meta;
-
-export const WithTemplate = (args: Args) => ({
-  template: `Child Template`,
-  props: {
-    ...args,
-  },
-});
-
-export const WithComponent = (args: Args) => ({
-  props: {
-    ...args,
-  },
-});
-
-export const WithLegacyComponent = (args: Args) => ({
-  component: ChildComponent,
-  props: {
-    ...args,
-  },
-});
-
-export const WithComponentWrapperDecorator = (args: Args) => ({
-  component: ChildComponent,
-  props: {
-    ...args,
-  },
-});
-WithComponentWrapperDecorator.decorators = [
-  moduleMetadata({ declarations: [ParentComponent] }),
-  componentWrapperDecorator(ParentComponent),
-];
-
-export const WithComponentWrapperDecoratorAndProps = (args: Args) => ({
-  component: ChildComponent,
-  props: {
-    ...args,
-  },
-});
-WithComponentWrapperDecoratorAndProps.decorators = [
-  moduleMetadata({ declarations: [ParentComponent] }),
-  componentWrapperDecorator(ParentComponent, {
-    parentText: 'Parent text',
-    onClickParent: () => {
-      console.log('onClickParent');
-    },
-  }),
-];
-
-export const WithComponentWrapperDecoratorAndArgs = (args: Args) => ({
-  component: ChildComponent,
-  props: {
-    ...args,
-  },
-});
-WithComponentWrapperDecoratorAndArgs.argTypes = {
-  parentText: { control: { type: 'text' } },
-  onClickParent: { action: 'onClickParent' },
-};
-WithComponentWrapperDecoratorAndArgs.decorators = [
-  moduleMetadata({ declarations: [ParentComponent] }),
-  componentWrapperDecorator(ParentComponent, ({ args }) => ({
-    parentText: args.parentText,
-    onClickParent: args.onClickParent,
-  })),
-];
-
-export const WithCustomDecorator = (args: Args) => ({
-  template: `Child Template`,
-  props: {
-    ...args,
-  },
-});
-WithCustomDecorator.decorators = [
-  (storyFunc) => {
-    const story = storyFunc();
-
-    return {
-      ...story,
-      template: `Custom Decorator <div style="margin: 3em">${story.template}</div>`,
-    };
-  },
-] as Story['decorators'];
-
-export const AngularLegacyRendering = (args: Args) => ({
-  template: `Child Template`,
-  props: {
-    ...args,
-  },
-});
-AngularLegacyRendering.parameters = { angularLegacyRendering: true };
-AngularLegacyRendering.decorators = [
-  (storyFunc) => {
-    const story = storyFunc();
-
-    return {
-      ...story,
-      template: `Custom Decorator <div style="margin: 3em">${story.template}</div>`,
-    };
-  },
-] as Story['decorators'];
diff --git a/code/examples/angular-cli/src/stories/legacy/README.stories.mdx b/code/frameworks/angular/template/stories/legacy/README.stories.mdx
similarity index 100%
rename from code/examples/angular-cli/src/stories/legacy/README.stories.mdx
rename to code/frameworks/angular/template/stories/legacy/README.stories.mdx
diff --git a/code/examples/angular-cli/src/stories/legacy/__snapshots__/component-in-story.stories.storyshot b/code/frameworks/angular/template/stories/legacy/__snapshots__/component-in-story.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/legacy/__snapshots__/component-in-story.stories.storyshot
rename to code/frameworks/angular/template/stories/legacy/__snapshots__/component-in-story.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/legacy/component-in-story.stories.ts b/code/frameworks/angular/template/stories/legacy/component-in-story.stories.ts
similarity index 85%
rename from code/examples/angular-cli/src/stories/legacy/component-in-story.stories.ts
rename to code/frameworks/angular/template/stories/legacy/component-in-story.stories.ts
index f42d2fb016c8..abea9a804956 100644
--- a/code/examples/angular-cli/src/stories/legacy/component-in-story.stories.ts
+++ b/code/frameworks/angular/template/stories/legacy/component-in-story.stories.ts
@@ -1,5 +1,5 @@
 import type { Meta, StoryFn } from '@storybook/angular';
-import { Button } from '../angular-demo';
+import Button from '../button.component';
 
 export default {
   title: 'Legacy / Component in Story',
diff --git a/code/examples/angular-cli/src/stories/others/issues/12009-unknown-component.stories.ts b/code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts
similarity index 87%
rename from code/examples/angular-cli/src/stories/others/issues/12009-unknown-component.stories.ts
rename to code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts
index a084c754feac..cf60b13e18fe 100644
--- a/code/examples/angular-cli/src/stories/others/issues/12009-unknown-component.stories.ts
+++ b/code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts
@@ -1,5 +1,5 @@
 import type { Meta, StoryFn } from '@storybook/angular';
-import { Button } from '../../angular-demo';
+import Button from '../../button.component';
 
 export default {
   title: 'Others / Issues / 12009 unknown component',
diff --git a/code/examples/angular-cli/src/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot b/code/frameworks/angular/template/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot
similarity index 100%
rename from code/examples/angular-cli/src/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot
rename to code/frameworks/angular/template/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot
diff --git a/code/examples/angular-cli/src/stories/others/ngx-translate/README.stories.mdx b/code/frameworks/angular/template/stories/others/ngx-translate/README.stories.mdx
similarity index 100%
rename from code/examples/angular-cli/src/stories/others/ngx-translate/README.stories.mdx
rename to code/frameworks/angular/template/stories/others/ngx-translate/README.stories.mdx
diff --git a/code/frameworks/angular/template/stories/parent.component.ts b/code/frameworks/angular/template/stories/parent.component.ts
deleted file mode 100644
index f49ce1bb1873..000000000000
--- a/code/frameworks/angular/template/stories/parent.component.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-
-@Component({
-  selector: 'parent-component',
-  template: `
-    Parent<br />
-    Input text: {{ parentText }} <br />
-    Output : <button (click)="onClickParent.emit($event)">Click here !</button> <br />
-    <div style="margin: 3em; border:solid;"><ng-content></ng-content></div>
-  `,
-})
-export default class ParentComponent {
-  @Input()
-  parentText = '';
-
-  @Output()
-  onClickParent = new EventEmitter<any>();
-}