@storybook/angular 7.0.0-alpha.5 → 7.0.0-alpha.51

package/template/stories/core/decorators/theme-decorator/decorators.stories.ts

@@ -0,0 +1,20 @@
+import { Args, Meta, componentWrapperDecorator } from '@storybook/angular';
+
+export const Base = (args: Args) => ({
+  template: 'Change theme with the brush in toolbar',
+  props: {
+    ...args,
+  },
+});
+
+export default {
+  // title: 'Core / Decorators / Theme Decorators',
+  component: Base,
+  decorators: [
+    componentWrapperDecorator(
+      (story) => `<div [class]="myTheme">${story}</div>`,
+
+      ({ globals }) => ({ myTheme: `${globals['theme']}-theme` })
+    ),
+  ],
+} as Meta;

package/template/stories/core/moduleMetadata/angular-src/custom.pipe.ts

@@ -0,0 +1,10 @@
+import { PipeTransform, Pipe } from '@angular/core';
+
+@Pipe({
+  name: 'customPipe',
+})
+export class CustomPipePipe implements PipeTransform {
+  transform(value: any, args?: any): any {
+    return `CustomPipe: ${value}`;
+  }
+}

package/template/stories/core/moduleMetadata/angular-src/dummy.service.ts

@@ -0,0 +1,14 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({ providedIn: 'root' })
+export class DummyService {
+  constructor() {}
+
+  getItems() {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve(['Joe', 'Jane']);
+      }, 2000);
+    });
+  }
+}

package/template/stories/core/moduleMetadata/angular-src/service.component.ts

@@ -0,0 +1,24 @@
+import { OnInit, Component, Input } from '@angular/core';
+import { DummyService } from './dummy.service';
+
+@Component({
+  selector: 'storybook-simple-service-component',
+  template: `
+    <p>{{ name }}:</p>
+    <ul>
+      <li *ngFor="let item of items">{{ item }}</li>
+    </ul>
+  `,
+})
+export class ServiceComponent implements OnInit {
+  items?: {};
+
+  @Input()
+  name?: any;
+
+  constructor(private dummy: DummyService) {}
+
+  async ngOnInit() {
+    this.items = (await this.dummy.getItems()) as any;
+  }
+}

package/template/stories/core/moduleMetadata/angular-src/token.component.ts

@@ -0,0 +1,31 @@
+import { Component, Input, InjectionToken, Inject, Optional } from '@angular/core';
+
+export const ITEMS = new InjectionToken<string[]>('TokenComponent.Items');
+export const DEFAULT_NAME = new InjectionToken<string>('TokenComponent.DefaultName');
+
+@Component({
+  selector: 'storybook-simple-token-component',
+  template: `
+    <h3>{{ name }}</h3>
+    <p>Items:</p>
+    <ul>
+      <li *ngFor="let item of items">{{ item }}</li>
+    </ul>
+  `,
+})
+export class TokenComponent {
+  items;
+
+  @Input()
+  name;
+
+  constructor(
+    @Optional()
+    @Inject(DEFAULT_NAME)
+    defaultName: string,
+    @Inject(ITEMS) items: string[]
+  ) {
+    this.name = defaultName;
+    this.items = items;
+  }
+}

package/template/stories/core/moduleMetadata/in-export-default.stories.ts

@@ -0,0 +1,38 @@
+import { StoryFn, Meta, moduleMetadata } from '@storybook/angular';
+import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component';
+
+export const Story1: StoryFn = () => ({
+  template: `<storybook-simple-token-component [name]="name"></storybook-simple-token-component>`,
+  props: {
+    name: 'Prop Name',
+  },
+});
+
+Story1.storyName = 'Story 1';
+
+export const Story2: StoryFn = () => ({
+  template: `<storybook-simple-token-component></storybook-simple-token-component>`,
+});
+
+Story2.storyName = 'Story 2';
+
+export default {
+  // title: 'Core / ModuleMetadata / In export default with decorator',
+  component: Story1,
+  decorators: [
+    moduleMetadata({
+      imports: [],
+      declarations: [TokenComponent],
+      providers: [
+        {
+          provide: ITEMS,
+          useValue: ['Joe', 'Jane'],
+        },
+        {
+          provide: DEFAULT_NAME,
+          useValue: 'Provider Name',
+        },
+      ],
+    }),
+  ],
+} as Meta;

package/template/stories/core/moduleMetadata/in-stories.stories.ts

@@ -0,0 +1,46 @@
+import { Meta, StoryFn } from '@storybook/angular';
+import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component';
+
+export const Individual1: StoryFn = () => ({
+  template: `<storybook-simple-token-component [name]="name"></storybook-simple-token-component>`,
+  props: {
+    name: 'Prop Name',
+  },
+  moduleMetadata: {
+    imports: [],
+    declarations: [TokenComponent],
+    providers: [
+      {
+        provide: ITEMS,
+        useValue: ['Joe', 'Jane'],
+      },
+    ],
+  },
+});
+
+Individual1.storyName = 'Individual 1';
+
+export const Individual2: StoryFn = () => ({
+  template: `<storybook-simple-token-component></storybook-simple-token-component>`,
+  moduleMetadata: {
+    imports: [],
+    declarations: [TokenComponent],
+    providers: [
+      {
+        provide: ITEMS,
+        useValue: ['Jim', 'Jill'],
+      },
+      {
+        provide: DEFAULT_NAME,
+        useValue: 'Provider Name',
+      },
+    ],
+  },
+});
+
+Individual2.storyName = 'Individual 2';
+
+export default {
+  // title: 'Core / ModuleMetadata / In stories',
+  component: Individual1,
+} as Meta;

package/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts

@@ -0,0 +1,35 @@
+import { Meta, StoryFn, moduleMetadata } from '@storybook/angular';
+import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component';
+import { CustomPipePipe } from './angular-src/custom.pipe';
+
+export const MergeWithDefaultModuleMetadata: StoryFn = () => ({
+  template: `<storybook-simple-token-component [name]="name | customPipe"></storybook-simple-token-component>`,
+  props: {
+    name: 'Prop Name',
+  },
+  moduleMetadata: {
+    declarations: [CustomPipePipe],
+    providers: [],
+  },
+});
+MergeWithDefaultModuleMetadata.storyName = 'Merge with default ModuleMetadata';
+
+export default {
+  // title: 'Core / ModuleMetadata / Merge default and story',
+  component: MergeWithDefaultModuleMetadata,
+  decorators: [
+    moduleMetadata({
+      declarations: [TokenComponent],
+      providers: [
+        {
+          provide: ITEMS,
+          useValue: ['Joe', 'Jane'],
+        },
+        {
+          provide: DEFAULT_NAME,
+          useValue: 'Provider Name',
+        },
+      ],
+    }),
+  ],
+} as Meta;

package/template/stories/core/parameters/bootstrap-options.stories.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryFn } from '@storybook/angular';
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'component-with-whitespace',
+  template: ` <div>
+    <p>Some content</p>
+  </div>`,
+})
+class ComponentWithWhitespace {}
+
+export default {
+  // title: 'Core / Parameters / With Bootstrap Options',
+  component: ComponentWithWhitespace,
+  parameters: {
+    bootstrapOptions: {
+      preserveWhitespaces: true,
+    },
+  },
+} as Meta;
+
+export const WithPreserveWhitespaces: StoryFn = (_args) => ({});

package/template/stories/core/styles/story-styles.stories.ts

@@ -0,0 +1,50 @@
+import { Meta, StoryFn, moduleMetadata } from '@storybook/angular';
+import Button from '../../button.component';
+
+export const TemplateStory: StoryFn = () => ({
+  template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
+  props: {
+    text: 'Button with custom styles',
+    onClick: () => {},
+  },
+  styles: [
+    `
+      storybook-button-component {
+        background-color: yellow;
+        padding: 25px;
+      }
+    `,
+  ],
+});
+TemplateStory.storyName = 'With story template';
+
+export const WithArgsStory: StoryFn = (args) => ({
+  template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
+  props: args,
+  styles: [
+    `
+  storybook-button-component {
+    background-color: red;
+    padding: 25px;
+  }
+`,
+  ],
+});
+WithArgsStory.storyName = 'With Args';
+WithArgsStory.argTypes = {
+  text: { control: 'text' },
+  onClick: { action: 'On click' },
+};
+WithArgsStory.args = {
+  text: 'Button with custom styles',
+};
+
+export default {
+  // title: 'Core / Story host styles',
+  component: TemplateStory,
+  decorators: [
+    moduleMetadata({
+      declarations: [Button],
+    }),
+  ],
+} as Meta;

package/template/stories/others/issues/12009-unknown-component.stories.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryFn } from '@storybook/angular';
+import Button from '../../button.component';
+
+export default {
+  // title: 'Others / Issues / 12009 unknown component',
+  component: Button,
+} as Meta;
+
+const Template: StoryFn = (args) => ({
+  props: args,
+});
+
+export const Basic = Template.bind({});
+Basic.args = { text: 'Unknown component' };

package/template/stories/others/ngx-translate/README.stories.mdx

@@ -0,0 +1,58 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="stories / frameworks / angular / others / ngx-translate" />
+
+# [ngx-translate](https://github.com/ngx-translate/core)
+
+> No real example here to avoid adding more dependency to storybook mono repository
+
+There are several ways to configure ngx-translate in storybook which will depend on your context.
+
+Here is a simple example with a storybook decorator that you can place in the `preview.ts` or locally on the stories.
+[See the doc on decorators](https://storybook.js.org/docs/angular/writing-stories/decorators)
+
+```ts
+import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import { moduleMetadata } from '@storybook/angular';
+
+function createTranslateLoader(http: HttpClient) {
+  return new TranslateHttpLoader(http, '/assets/i18n/', '.json');
+}
+
+const TranslateModuleDecorator = (storyFunc, context) => {
+  const { locale } = context.globals;
+
+  return moduleMetadata({
+    imports: [
+      HttpClientModule,
+      TranslateModule.forRoot({
+        defaultLanguage: locale,
+        loader: {
+          provide: TranslateLoader,
+          useFactory: createTranslateLoader,
+          deps: [HttpClient],
+        },
+      }),
+    ],
+  })(storyFunc, context);
+};
+
+// for `preview.ts`
+export const decorators = [TranslateModuleDecorator];
+```
+
+If the `TranslateModule.forRoot` is made by another module you can try to set this provider `DEFAULT_LANGUAGE`
+
+```ts
+import { DEFAULT_LANGUAGE } from '@ngx-translate/core';
+
+const TranslateModuleDecorator = (storyFunc, context) => {
+  const { locale } = context.globals;
+
+  return moduleMetadata({
+    providers: [{ provide: DEFAULT_LANGUAGE, useValue: locale }],
+  })(storyFunc, context);
+};
+```

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/dist/types/client/docs/config.d.ts

@@ -1,14 +0,0 @@
-import { SourceType } from '@storybook/docs-tools';
-export declare const parameters: {
-    docs: {
-        inlineStories: boolean;
-        extractArgTypes: (component: import("./types").Directive) => import("lib/api/dist/types").ArgTypes;
-        extractComponentDescription: (component: import("./types").Directive) => string;
-        source: {
-            type: SourceType;
-            language: string;
-        };
-    };
-};
-export declare const decorators: ((storyFn: import("@storybook/csf").PartialStoryFn<import("..").AngularFramework, import("@storybook/csf").Args>, context: import("..").StoryContext) => import("..").IStory)[];
-export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args> | import("lib/addons/dist/types").Parameters)[];

package/dist/types/client/index.d.ts

@@ -1,4 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';
-export * from './preview/types-6-0';
-export type { StoryFnAngularReturnType as IStory } from './preview/types';
-export { moduleMetadata, componentWrapperDecorator } from './preview/decorators';

package/dist/types/client/index.js

@@ -1,32 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentWrapperDecorator = exports.moduleMetadata = exports.raw = exports.forceReRender = exports.getStorybook = exports.configure = exports.addParameters = exports.addDecorator = exports.setAddon = exports.storiesOf = void 0;
-var preview_1 = require("./preview");
-Object.defineProperty(exports, "storiesOf", { enumerable: true, get: function () { return preview_1.storiesOf; } });
-Object.defineProperty(exports, "setAddon", { enumerable: true, get: function () { return preview_1.setAddon; } });
-Object.defineProperty(exports, "addDecorator", { enumerable: true, get: function () { return preview_1.addDecorator; } });
-Object.defineProperty(exports, "addParameters", { enumerable: true, get: function () { return preview_1.addParameters; } });
-Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return preview_1.configure; } });
-Object.defineProperty(exports, "getStorybook", { enumerable: true, get: function () { return preview_1.getStorybook; } });
-Object.defineProperty(exports, "forceReRender", { enumerable: true, get: function () { return preview_1.forceReRender; } });
-Object.defineProperty(exports, "raw", { enumerable: true, get: function () { return preview_1.raw; } });
-__exportStar(require("./preview/types-6-0"), exports);
-var decorators_1 = require("./preview/decorators");
-Object.defineProperty(exports, "moduleMetadata", { enumerable: true, get: function () { return decorators_1.moduleMetadata; } });
-Object.defineProperty(exports, "componentWrapperDecorator", { enumerable: true, get: function () { return decorators_1.componentWrapperDecorator; } });
-// optimization: stop HMR propagation in webpack
-module?.hot?.decline();

package/dist/types/client/preview/config.d.ts

@@ -1,6 +0,0 @@
-import './globals';
-export { render, renderToDOM } from './render';
-export { decorateStory } from './decorateStory';
-export declare const parameters: {
-    framework: string;
-};

package/dist/types/client/preview/config.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parameters = exports.decorateStory = exports.renderToDOM = exports.render = void 0;
-require("./globals");
-var render_1 = require("./render");
-Object.defineProperty(exports, "render", { enumerable: true, get: function () { return render_1.render; } });
-Object.defineProperty(exports, "renderToDOM", { enumerable: true, get: function () { return render_1.renderToDOM; } });
-var decorateStory_1 = require("./decorateStory");
-Object.defineProperty(exports, "decorateStory", { enumerable: true, get: function () { return decorateStory_1.decorateStory; } });
-exports.parameters = { framework: 'angular' };

package/dist/types/client/preview/decorateStory.d.ts

@@ -1,4 +0,0 @@
-import type { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
-import type { AngularFramework } from './types-6-0';
-export default function decorateStory(mainStoryFn: LegacyStoryFn<AngularFramework>, decorators: DecoratorFunction<AngularFramework>[]): LegacyStoryFn<AngularFramework>;
-export { decorateStory };

package/dist/types/client/preview/decorators.d.ts

@@ -1,6 +0,0 @@
-import type { Type } from '@angular/core';
-import type { DecoratorFunction, StoryContext } from '@storybook/csf';
-import type { ICollection, NgModuleMetadata } from './types';
-import type { AngularFramework } from './types-6-0';
-export declare const moduleMetadata: <TArgs = any>(metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularFramework, TArgs>;
-export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularFramework, TArgs>) => ICollection)) => DecoratorFunction<AngularFramework, TArgs>;

package/dist/types/client/preview/globals.d.ts

@@ -1 +0,0 @@
-import './angular-polyfills';

package/dist/types/client/preview/globals.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const global_1 = __importDefault(require("global"));
-require("./angular-polyfills");
-const { window: globalWindow } = global_1.default;
-globalWindow.STORYBOOK_ENV = 'angular';

package/dist/types/client/preview/index.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="webpack-env" />
-/// <reference types="node" />
-import type { ClientStoryApi, Loadable } from '@storybook/addons';
-import './globals';
-import type { IStorybookSection } from './types';
-import type { AngularFramework } from './types-6-0';
-interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
-    setAddon(addon: any): void;
-    configure(loader: Loadable, module: NodeModule): void;
-    getStorybook(): IStorybookSection[];
-    clearDecorators(): void;
-    forceReRender(): void;
-    raw: () => any;
-    load: (...args: any[]) => void;
-}
-export declare const storiesOf: ClientApi['storiesOf'];
-export declare const configure: ClientApi['configure'];
-export declare const addDecorator: ClientApi['addDecorator'];
-export declare const addParameters: ClientApi['addParameters'];
-export declare const clearDecorators: ClientApi['clearDecorators'];
-export declare const setAddon: ClientApi['setAddon'];
-export declare const forceReRender: ClientApi['forceReRender'];
-export declare const getStorybook: ClientApi['getStorybook'];
-export declare const raw: ClientApi['raw'];
-export {};

package/dist/types/client/preview/index.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
-const core_client_1 = require("@storybook/core-client");
-require("./globals");
-const render_1 = require("./render");
-const decorateStory_1 = __importDefault(require("./decorateStory"));
-const framework = 'angular';
-const api = (0, core_client_1.start)(render_1.renderToDOM, { decorateStory: decorateStory_1.default, render: render_1.render });
-const storiesOf = (kind, m) => {
-    return api.clientApi.storiesOf(kind, m).addParameters({
-        framework,
-    });
-};
-exports.storiesOf = storiesOf;
-const configure = (...args) => api.configure(framework, ...args);
-exports.configure = configure;
-exports.addDecorator = api.clientApi
-    .addDecorator;
-exports.addParameters = api.clientApi
-    .addParameters;
-exports.clearDecorators = api.clientApi.clearDecorators;
-exports.setAddon = api.clientApi.setAddon;
-exports.forceReRender = api.forceReRender;
-exports.getStorybook = api.clientApi.getStorybook;
-exports.raw = api.clientApi.raw;

package/dist/types/client/preview/render.d.ts

@@ -1,7 +0,0 @@
-import type { RenderContext } from '@storybook/store';
-import type { ArgsStoryFn } from '@storybook/csf';
-import type { AngularFramework } from './types-6-0';
-import { RendererFactory } from './angular-beta/RendererFactory';
-export declare const rendererFactory: RendererFactory;
-export declare const render: ArgsStoryFn<AngularFramework>;
-export declare function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: RenderContext<AngularFramework>, element: HTMLElement): Promise<void>;

package/dist/types/client/preview/types-6-0.d.ts

@@ -1,42 +0,0 @@
-import type { Args, Parameters as DefaultParameters, StoryContext as DefaultStoryContext, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
-import type { StoryFnAngularReturnType } from './types';
-export type { Args, ArgTypes } from '@storybook/csf';
-export declare type AngularFramework = {
-    component: any;
-    storyResult: StoryFnAngularReturnType;
-};
-/**
- * Metadata to configure the stories for a component.
- *
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
- */
-export declare type Meta<TArgs = Args> = ComponentAnnotations<AngularFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularFramework, TArgs>;
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- *
- * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
- *
- */
-export declare type Story<TArgs = Args> = StoryFn<TArgs>;
-export declare type Parameters = DefaultParameters & {
-    /** Uses legacy angular rendering engine that use dynamic component */
-    angularLegacyRendering?: boolean;
-    bootstrapModuleOptions?: unknown;
-};
-export declare type StoryContext = DefaultStoryContext<AngularFramework> & {
-    parameters: Parameters;
-};

package/dist/types/client/preview/types-7-0.d.ts

@@ -1,9 +0,0 @@
-import type { Args } from '@storybook/csf';
-import type { StoryObj } from './types-6-0';
-export type { StoryFn, StoryObj, Meta } from './types-6-0';
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/types/client/preview/types-7-0.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './client';
-export * from './types';

package/dist/types/preset.d.ts

@@ -1,13 +0,0 @@
-import { StorybookConfig } from './types';
-export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
-export declare const addons: StorybookConfig['addons'];
-export declare const core: (config: StorybookConfig['core']) => Promise<{
-    builder: string;
-    disableWebpackDefaults?: boolean;
-    channelOptions?: Partial<import("telejson").Options>;
-    disableProjectJson?: boolean;
-    disableTelemetry?: boolean;
-    enableCrashReports?: boolean;
-    crossOriginIsolated?: boolean;
-}>;
-export declare const typescript: (config: StorybookConfig['typescript']) => Promise<StorybookConfig['typescript']>;

package/dist/types/renderer.d.ts

@@ -1,4 +0,0 @@
-export { computesTemplateSourceFromComponent } from './client/preview/angular-beta/ComputesTemplateFromComponent';
-export { rendererFactory } from './client/preview/render';
-export { AbstractRenderer } from './client/preview/angular-beta/AbstractRenderer';
-export { getStorybookModuleMetadata } from './client/preview/angular-beta/StorybookModule';