@storybook/angular 7.0.0-alpha.0 → 7.0.0-alpha.11

package/dist/types/builders/build-storybook/index.js

@@ -1,14 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const architect_1 = require("@angular-devkit/architect");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const find_up_1 = require("find-up");
-// eslint-disable-next-line import/no-extraneous-dependencies
-const standalone_1 = __importDefault(require("@storybook/angular/standalone"));
+const read_pkg_up_1 = require("read-pkg-up");
+const core_server_1 = require("@storybook/core-server");
 const run_compodoc_1 = require("../utils/run-compodoc");
 const build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
 exports.default = (0, architect_1.createBuilder)(commandBuilder);
@@ -21,6 +18,7 @@ function commandBuilder(options, context) {
     }), (0, operators_1.map)(({ tsConfig }) => {
         const { browserTarget, stylePreprocessorOptions, styles, configDir, docs, loglevel, outputDir, quiet, webpackStatsJson, } = options;
         const standaloneOptions = {
+            packageJson: (0, read_pkg_up_1.sync)({ cwd: __dirname }).packageJson,
             configDir,
             docs,
             loglevel,
@@ -54,5 +52,5 @@ async function setup(options, context) {
     };
 }
 function runInstance(options) {
-    return (0, rxjs_1.from)((0, standalone_1.default)(options)).pipe((0, operators_1.catchError)((error) => (0, rxjs_1.throwError)((0, build_standalone_errors_handler_1.buildStandaloneErrorHandler)(error))));
+    return (0, rxjs_1.from)((0, core_server_1.buildStaticStandalone)(options)).pipe((0, operators_1.catchError)((error) => (0, rxjs_1.throwError)((0, build_standalone_errors_handler_1.buildStandaloneErrorHandler)(error))));
 }

package/dist/types/builders/start-storybook/index.js

@@ -1,14 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const architect_1 = require("@angular-devkit/architect");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const find_up_1 = require("find-up");
-// eslint-disable-next-line import/no-extraneous-dependencies
-const standalone_1 = __importDefault(require("@storybook/angular/standalone"));
+const read_pkg_up_1 = require("read-pkg-up");
+const core_server_1 = require("@storybook/core-server");
 const run_compodoc_1 = require("../utils/run-compodoc");
 const build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
 exports.default = (0, architect_1.createBuilder)(commandBuilder);
@@ -21,6 +18,7 @@ function commandBuilder(options, context) {
     }), (0, operators_1.map)(({ tsConfig }) => {
         const { browserTarget, stylePreprocessorOptions, styles, ci, configDir, docs, host, https, port, quiet, smokeTest, sslCa, sslCert, sslKey, } = options;
         const standaloneOptions = {
+            packageJson: (0, read_pkg_up_1.sync)({ cwd: __dirname }).packageJson,
             ci,
             configDir,
             docs,
@@ -61,6 +59,6 @@ async function setup(options, context) {
 function runInstance(options) {
     return new rxjs_1.Observable((observer) => {
         // This Observable intentionally never complete, leaving the process running ;)
-        (0, standalone_1.default)(options).then(() => observer.next(), (error) => observer.error((0, build_standalone_errors_handler_1.buildStandaloneErrorHandler)(error)));
+        (0, core_server_1.buildDevStandalone)(options).then(() => observer.next(), (error) => observer.error((0, build_standalone_errors_handler_1.buildStandaloneErrorHandler)(error)));
     });
 }

package/dist/types/builders/utils/build-standalone-errors-handler.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildStandaloneErrorHandler = void 0;
 const node_logger_1 = require("@storybook/node-logger");
-const ts_dedent_1 = __importDefault(require("ts-dedent"));
+const ts_dedent_1 = require("ts-dedent");
 const buildStandaloneErrorHandler = (error) => {
     // Duplicate code for Standalone error handling
     // Source: https://github.com/storybookjs/storybook/blob/39c7ba09ad84fbd466f9c25d5b92791a5450b9f6/lib/core-server/src/build-dev.ts#L136
@@ -26,11 +23,11 @@ const buildStandaloneErrorHandler = (error) => {
     }
     node_logger_1.logger.line();
     return error.close
-        ? (0, ts_dedent_1.default) `
+        ? (0, ts_dedent_1.dedent) `
       FATAL broken build!, will close the process,
       Fix the error below and restart storybook.
     `
-        : (0, ts_dedent_1.default) `
+        : (0, ts_dedent_1.dedent) `
       Broken build, fix the error above.
       You may need to refresh the browser.
     `;

package/dist/types/builders/utils/standalone-options.d.ts

@@ -0,0 +1,12 @@
+import type { BuilderContext } from '@angular-devkit/architect';
+import type { LoadOptions, CLIOptions, BuilderOptions } from '@storybook/core-common';
+export declare type StandaloneOptions = Partial<CLIOptions & LoadOptions & BuilderOptions & {
+    mode?: 'static' | 'dev';
+    angularBrowserTarget?: string | null;
+    angularBuilderOptions?: Record<string, any> & {
+        styles?: any[];
+        stylePreprocessorOptions?: any;
+    };
+    angularBuilderContext?: BuilderContext | null;
+    tsConfig?: string;
+}>;

package/dist/types/client/{preview/angular/components → angular}/app.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit, ViewContainerRef, ComponentFactoryResolver, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
-import { StoryFnAngularReturnType } from '../../types';
+import { StoryFnAngularReturnType } from '../types';
 export declare class AppComponent implements OnInit, OnDestroy {
     private cfr;
     private changeDetectorRef;

package/dist/types/client/{preview/angular/components → angular}/app.component.js

@@ -21,7 +21,7 @@ exports.AppComponent = void 0;
 const core_1 = require("@angular/core");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
-const app_token_1 = require("../app.token");
+const app_token_1 = require("./app.token");
 let AppComponent = class AppComponent {
     constructor(cfr, changeDetectorRef, data) {
         this.cfr = cfr;

package/dist/types/client/{preview/angular → angular}/helpers.d.ts

@@ -1,5 +1,5 @@
 import type { PartialStoryFn } from '@storybook/csf';
-import type { AngularFramework } from '../types-6-0';
+import type { AngularFramework } from '../types';
 declare global {
     interface Window {
         NODE_ENV: 'string' | 'development' | undefined;

package/dist/types/client/{preview/angular → angular}/helpers.js

@@ -11,7 +11,7 @@ const forms_1 = require("@angular/forms");
 const platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
 const platform_browser_1 = require("@angular/platform-browser");
 const rxjs_1 = require("rxjs");
-const app_component_1 = require("./components/app.component");
+const app_component_1 = require("./app.component");
 const app_token_1 = require("./app.token");
 const { document } = global_1.default;
 let platform = null;

package/dist/types/client/{preview/angular-beta → angular-beta}/AbstractRenderer.d.ts

@@ -1,6 +1,5 @@
 import { Subject } from 'rxjs';
-import { ICollection, StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
+import { ICollection, StoryFnAngularReturnType, Parameters } from '../types';
 declare type StoryRenderInfo = {
     storyFnAngular: StoryFnAngularReturnType;
     moduleMetadataSnapshot: string;

package/dist/types/client/{preview/angular-beta → angular-beta}/CanvasRenderer.d.ts

@@ -1,6 +1,5 @@
 import { AbstractRenderer } from './AbstractRenderer';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
+import { StoryFnAngularReturnType, Parameters } from '../types';
 export declare class CanvasRenderer extends AbstractRenderer {
     render(options: {
         storyFnAngular: StoryFnAngularReturnType;

package/dist/types/client/{preview/angular-beta → angular-beta}/DocsRenderer.d.ts

@@ -1,6 +1,5 @@
 import { AbstractRenderer } from './AbstractRenderer';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
+import { StoryFnAngularReturnType, Parameters } from '../types';
 export declare class DocsRenderer extends AbstractRenderer {
     render(options: {
         storyFnAngular: StoryFnAngularReturnType;

package/dist/types/client/{preview/angular-beta → angular-beta}/StorybookModule.js

@@ -12,18 +12,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createStorybookModule = exports.getStorybookModuleMetadata = void 0;
 const core_1 = require("@angular/core");
 const platform_browser_1 = require("@angular/platform-browser");
-const ts_dedent_1 = __importDefault(require("ts-dedent"));
+const ts_dedent_1 = require("ts-dedent");
 const util_deprecate_1 = __importDefault(require("util-deprecate"));
 const StorybookProvider_1 = require("./StorybookProvider");
 const NgModulesAnalyzer_1 = require("./utils/NgModulesAnalyzer");
 const NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
 const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
 const ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent");
-const deprecatedStoryComponentWarning = (0, util_deprecate_1.default)(() => { }, (0, ts_dedent_1.default) `\`component\` story return value is deprecated, and will be removed in Storybook 7.0.
+const deprecatedStoryComponentWarning = (0, util_deprecate_1.default)(() => { }, (0, ts_dedent_1.dedent) `\`component\` story return value is deprecated, and will be removed in Storybook 7.0.
         Instead, use \`export const default = () => ({ component: AppComponent });\`
         or
         \`\`\`
-        export const Primary: Story = () => ({});
+        export const Primary: StoryFn = () => ({});
         Primary.parameters = { component: AppComponent };
         \`\`\`
         Read more at 
@@ -44,16 +44,22 @@ const getStorybookModuleMetadata = ({ storyFnAngular, component: annotatedCompon
      * Create a component that wraps generated template and gives it props
      */
     const ComponentToInject = (0, StorybookWrapperComponent_1.createStorybookWrapperComponent)(targetSelector, template, component, styles, props);
+    const isStandalone = (0, NgComponentAnalyzer_1.isStandaloneComponent)(component);
     // Look recursively (deep) if the component is not already declared by an import module
     const requiresComponentDeclaration = (0, NgComponentAnalyzer_1.isDeclarable)(component) &&
-        !(0, NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules)(component, moduleMetadata.declarations, moduleMetadata.imports);
+        !(0, NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules)(component, moduleMetadata.declarations, moduleMetadata.imports) &&
+        !isStandalone;
     return {
         declarations: [
             ...(requiresComponentDeclaration ? [component] : []),
             ComponentToInject,
             ...(moduleMetadata.declarations ?? []),
         ],
-        imports: [platform_browser_1.BrowserModule, ...(moduleMetadata.imports ?? [])],
+        imports: [
+            platform_browser_1.BrowserModule,
+            ...(isStandalone ? [component] : []),
+            ...(moduleMetadata.imports ?? []),
+        ],
         providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$), ...(moduleMetadata.providers ?? [])],
         entryComponents: [...(moduleMetadata.entryComponents ?? [])],
         schemas: [...(moduleMetadata.schemas ?? [])],

package/dist/types/client/{preview/angular-beta → angular-beta}/utils/NgComponentAnalyzer.d.ts

@@ -15,6 +15,7 @@ export declare type ComponentInputsOutputs = {
 export declare const getComponentInputsOutputs: (component: any) => ComponentInputsOutputs;
 export declare const isDeclarable: (component: any) => boolean;
 export declare const isComponent: (component: any) => component is Type<unknown>;
+export declare const isStandaloneComponent: (component: any) => component is Type<unknown>;
 /**
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator

package/dist/types/client/{preview/angular-beta → angular-beta}/utils/NgComponentAnalyzer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getComponentDecoratorMetadata = exports.getComponentPropsDecoratorMetadata = exports.isComponent = exports.isDeclarable = exports.getComponentInputsOutputs = void 0;
+exports.getComponentDecoratorMetadata = exports.getComponentPropsDecoratorMetadata = exports.isStandaloneComponent = exports.isComponent = exports.isDeclarable = exports.getComponentInputsOutputs = void 0;
 const core_1 = require("@angular/core");
 const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
 /**
@@ -69,6 +69,16 @@ const isComponent = (component) => {
     return (decorators || []).some((d) => d instanceof core_1.Component);
 };
 exports.isComponent = isComponent;
+const isStandaloneComponent = (component) => {
+    if (!component) {
+        return false;
+    }
+    const decorators = reflectionCapabilities.annotations(component);
+    // TODO: `standalone` is only available in Angular v14. Remove cast to `any` once
+    // Angular deps are updated to v14.x.x.
+    return (decorators || []).some((d) => d instanceof core_1.Component && d.standalone);
+};
+exports.isStandaloneComponent = isStandaloneComponent;
 /**
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator

package/dist/types/client/{preview/config.d.ts → config.d.ts}

@@ -2,5 +2,5 @@ import './globals';
 export { render, renderToDOM } from './render';
 export { decorateStory } from './decorateStory';
 export declare const parameters: {
-    framework: string;
+    framework: "angular";
 };

package/dist/types/client/{preview/decorateStory.d.ts → decorateStory.d.ts}

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

package/dist/types/client/{preview/decorators.d.ts → decorators.d.ts}

@@ -1,6 +1,5 @@
 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';
+import type { ICollection, NgModuleMetadata, AngularFramework } from './types';
 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/docs/config.d.ts

@@ -2,7 +2,6 @@ import { SourceType } from '@storybook/docs-tools';
 export declare const parameters: {
     docs: {
         inlineStories: boolean;
-        prepareForInline: (storyFn: import("@storybook/csf").PartialStoryFn<import("..").AngularFramework, import("@storybook/csf").Args>, { id, parameters, component }: import("..").StoryContext) => import("react").DetailedReactHTMLElement<import("react").HTMLAttributes<undefined>, undefined>;
         extractArgTypes: (component: import("./types").Directive) => import("lib/api/dist/types").ArgTypes;
         extractComponentDescription: (component: import("./types").Directive) => string;
         source: {
@@ -11,5 +10,5 @@ export declare const parameters: {
         };
     };
 };
-export declare const decorators: ((storyFn: import("@storybook/csf").PartialStoryFn<import("..").AngularFramework, import("@storybook/csf").Args>, context: import("..").StoryContext) => import("..").IStory)[];
+export declare const decorators: ((storyFn: import("@storybook/csf").PartialStoryFn<import("../types").AngularFramework, import("@storybook/csf").Args>, context: import("../types").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/docs/config.js

@@ -4,12 +4,10 @@ exports.argTypesEnhancers = exports.decorators = exports.parameters = void 0;
 const docs_tools_1 = require("@storybook/docs-tools");
 const compodoc_1 = require("./compodoc");
 const sourceDecorator_1 = require("./sourceDecorator");
-const prepareForInline_1 = require("./prepareForInline");
 exports.parameters = {
     docs: {
         // probably set this to true by default once it's battle-tested
         inlineStories: false,
-        prepareForInline: prepareForInline_1.prepareForInline,
         extractArgTypes: compodoc_1.extractArgTypes,
         extractComponentDescription: compodoc_1.extractComponentDescription,
         source: {

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

@@ -1,9 +1,9 @@
 import type { PartialStoryFn } from '@storybook/csf';
-import { StoryContext, AngularFramework } from '..';
+import { StoryContext, AngularFramework } from '../types';
 export declare const skipSourceRender: (context: StoryContext) => any;
 /**
  * Angular source decorator.
  * @param storyFn Fn
  * @param context  StoryContext
  */
-export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularFramework>, context: StoryContext) => import("..").IStory;
+export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularFramework>, context: StoryContext) => import("../types").StoryFnAngularReturnType;

package/dist/types/client/{preview/angular-polyfills.d.ts → globals.d.ts}

@@ -29,13 +29,3 @@ import 'core-js/proposals/reflect-metadata';
  * Zone JS is required by Angular itself.
  */
 import 'zone.js/dist/zone';
-/** *************************************************************************************************
- * APPLICATION IMPORTS
- */
-/**
- * Date, currency, decimal and percent pipes.
- * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
- */
-/**
- * Need to import at least one locale-data with intl.
- */

package/dist/types/client/{preview/angular-polyfills.js → globals.js}

@@ -1,4 +1,9 @@
 "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"));
 /**
  * This file includes polyfills needed by Angular and is loaded before the app.
  * You can add your own extra polyfills to this file.
@@ -14,7 +19,6 @@
  *
  * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
  */
-Object.defineProperty(exports, "__esModule", { value: true });
 /** *************************************************************************************************
  * BROWSER POLYFILLS
  */
@@ -59,3 +63,5 @@ require("zone.js/dist/zone"); // Included with Angular CLI.
  * Need to import at least one locale-data with intl.
  */
 // import 'intl/locale-data/jsonp/en';
+const { window: globalWindow } = global_1.default;
+globalWindow.STORYBOOK_ENV = 'angular';

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

@@ -1,4 +1,5 @@
-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';
+import './globals';
+export * from './public-api';
+export * from './public-types';
+export type { StoryFnAngularReturnType as IStory } from './types';
+export { moduleMetadata, componentWrapperDecorator } from './decorators';

package/dist/types/client/index.js

@@ -14,18 +14,11 @@ 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");
+exports.componentWrapperDecorator = exports.moduleMetadata = void 0;
+require("./globals");
+__exportStar(require("./public-api"), exports);
+__exportStar(require("./public-types"), exports);
+var decorators_1 = require("./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

package/dist/types/client/{preview/index.d.ts → public-api.d.ts}

@@ -1,9 +1,8 @@
 /// <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';
+import type { IStorybookSection, AngularFramework } from './types';
+export * from './public-types';
 interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
     setAddon(addon: any): void;
     configure(loader: Loadable, module: NodeModule): void;
@@ -22,4 +21,3 @@ 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 → public-api.js}

@@ -1,22 +1,36 @@
 "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);
+};
 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';
+__exportStar(require("./public-types"), exports);
+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,
+        framework: FRAMEWORK,
     });
 };
 exports.storiesOf = storiesOf;
-const configure = (...args) => api.configure(framework, ...args);
+const configure = (...args) => api.configure(FRAMEWORK, ...args);
 exports.configure = configure;
 exports.addDecorator = api.clientApi
     .addDecorator;

package/dist/types/client/{preview/types-6-0.d.ts → public-types.d.ts}

@@ -1,10 +1,6 @@
-import type { Args, Parameters as DefaultParameters, StoryContext as DefaultStoryContext, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
-import type { StoryFnAngularReturnType } from './types';
+import type { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
+import { AngularFramework } 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.
  *
@@ -24,19 +20,8 @@ export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularFramework, T
  */
 export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularFramework, TArgs>;
 /**
- * Story function that represents a CSFv2 component example.
+ * Story function that represents a CSFv3 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;
-};
+export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/types/client/{preview/render.d.ts → render.d.ts}

@@ -1,6 +1,6 @@
 import type { RenderContext } from '@storybook/store';
 import type { ArgsStoryFn } from '@storybook/csf';
-import type { AngularFramework } from './types-6-0';
+import type { AngularFramework } from './types';
 import { RendererFactory } from './angular-beta/RendererFactory';
 export declare const rendererFactory: RendererFactory;
 export declare const render: ArgsStoryFn<AngularFramework>;

package/dist/types/client/{preview/types.d.ts → types.d.ts}

@@ -1,3 +1,4 @@
+import type { Parameters as DefaultParameters, StoryContext as DefaultStoryContext } from '@storybook/csf';
 export interface NgModuleMetadata {
     declarations?: any[];
     entryComponents?: any[];
@@ -27,3 +28,15 @@ export interface StoryFnAngularReturnType {
     styles?: string[];
     userDefinedTemplate?: boolean;
 }
+export declare type AngularFramework = {
+    component: any;
+    storyResult: StoryFnAngularReturnType;
+};
+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/index.d.ts

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

package/dist/types/index.js

@@ -14,7 +14,7 @@ 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 });
-__exportStar(require("./client"), exports);
+__exportStar(require("./client/index"), exports);
 __exportStar(require("./types"), exports);
 /*
  * ATTENTION:

package/dist/types/preset.d.ts

@@ -1,12 +1,6 @@
-import type { StorybookConfig } from '@storybook/core-common';
+import type { PresetProperty } from '@storybook/core-common';
+import { StorybookConfig } from './types';
+export declare const addons: PresetProperty<'addons', StorybookConfig>;
 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 core: PresetProperty<'core', StorybookConfig>;
+export declare const typescript: PresetProperty<'typescript', StorybookConfig>;

package/dist/types/preset.js

@@ -1,21 +1,36 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.core = exports.addons = exports.previewAnnotations = void 0;
-const previewAnnotations = (entries = []) => [
-    ...entries,
-    require.resolve('./client/preview/config'),
-];
-exports.previewAnnotations = previewAnnotations;
+exports.typescript = exports.core = exports.previewAnnotations = exports.addons = void 0;
+const path_1 = __importDefault(require("path"));
 exports.addons = [
     require.resolve('./server/framework-preset-angular'),
     require.resolve('./server/framework-preset-angular-cli'),
     require.resolve('./server/framework-preset-angular-ivy'),
     require.resolve('./server/framework-preset-angular-docs'),
 ];
-const core = async (config) => {
+const previewAnnotations = (entries = []) => [
+    ...entries,
+    require.resolve('./client/config'),
+];
+exports.previewAnnotations = previewAnnotations;
+const core = async (config, options) => {
+    const framework = await options.presets.apply('framework');
     return {
         ...config,
-        builder: require.resolve('@storybook/builder-webpack5'),
+        builder: {
+            name: path_1.default.dirname(require.resolve(path_1.default.join('@storybook/builder-webpack5', 'package.json'))),
+            options: typeof framework === 'string' ? {} : framework.options.builder || {},
+        },
     };
 };
 exports.core = core;
+const typescript = async (config) => {
+    return {
+        ...config,
+        skipBabel: true,
+    };
+};
+exports.typescript = typescript;

package/dist/types/renderer.d.ts

@@ -1,4 +1,4 @@
-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';
+export { computesTemplateSourceFromComponent } from './client/angular-beta/ComputesTemplateFromComponent';
+export { rendererFactory } from './client/render';
+export { AbstractRenderer } from './client/angular-beta/AbstractRenderer';
+export { getStorybookModuleMetadata } from './client/angular-beta/StorybookModule';

package/dist/types/renderer.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStorybookModuleMetadata = exports.AbstractRenderer = exports.rendererFactory = exports.computesTemplateSourceFromComponent = void 0;
-var ComputesTemplateFromComponent_1 = require("./client/preview/angular-beta/ComputesTemplateFromComponent");
+var ComputesTemplateFromComponent_1 = require("./client/angular-beta/ComputesTemplateFromComponent");
 Object.defineProperty(exports, "computesTemplateSourceFromComponent", { enumerable: true, get: function () { return ComputesTemplateFromComponent_1.computesTemplateSourceFromComponent; } });
-var render_1 = require("./client/preview/render");
+var render_1 = require("./client/render");
 Object.defineProperty(exports, "rendererFactory", { enumerable: true, get: function () { return render_1.rendererFactory; } });
-var AbstractRenderer_1 = require("./client/preview/angular-beta/AbstractRenderer");
+var AbstractRenderer_1 = require("./client/angular-beta/AbstractRenderer");
 Object.defineProperty(exports, "AbstractRenderer", { enumerable: true, get: function () { return AbstractRenderer_1.AbstractRenderer; } });
-var StorybookModule_1 = require("./client/preview/angular-beta/StorybookModule");
+var StorybookModule_1 = require("./client/angular-beta/StorybookModule");
 Object.defineProperty(exports, "getStorybookModuleMetadata", { enumerable: true, get: function () { return StorybookModule_1.getStorybookModuleMetadata; } });

package/dist/types/server/framework-preset-angular-cli.js

@@ -31,7 +31,7 @@ const node_logger_1 = require("@storybook/node-logger");
 const architect_1 = require("@angular-devkit/architect");
 const find_up_1 = require("find-up");
 const semver_1 = __importDefault(require("@storybook/semver"));
-const ts_dedent_1 = __importDefault(require("ts-dedent"));
+const ts_dedent_1 = require("ts-dedent");
 const core_1 = require("@angular-devkit/core");
 const module_is_available_1 = require("./utils/module-is-available");
 const angular_cli_webpack_12_2_x_1 = require("./angular-cli-webpack-12.2.x");
@@ -139,7 +139,7 @@ async function getLegacyDefaultBuildOptions(options) {
         // Not use legacy way with builder (`angularBrowserTarget` is defined or null with builder and undefined without)
         return {};
     }
-    node_logger_1.logger.warn((0, ts_dedent_1.default) `Your Storybook startup uses a solution that will not be supported in version 7.0. 
+    node_logger_1.logger.warn((0, ts_dedent_1.dedent) `Your Storybook startup uses a solution that will not be supported in version 7.0. 
             You must use angular builder to have an explicit configuration on the project used in angular.json
             Read more at:
             - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#sb-angular-builder)
@@ -163,7 +163,7 @@ async function getLegacyDefaultBuildOptions(options) {
             project: (0, angular_read_workspace_1.getDefaultProjectName)(workspaceConfig),
             target: 'build',
         };
-        const { target, project } = (0, angular_read_workspace_1.findAngularProjectTarget)(workspaceConfig, browserTarget.project, browserTarget.target);
+        const { target } = (0, angular_read_workspace_1.findAngularProjectTarget)(workspaceConfig, browserTarget.project, browserTarget.target);
         node_logger_1.logger.info(`=> Using angular project "${browserTarget.project}:${browserTarget.target}" for configuring Storybook`);
         return { ...target.options };
     }

package/dist/types/types.d.ts

@@ -1,13 +1,28 @@
-import type { StorybookConfig as BaseConfig } from '@storybook/core-common';
-export interface AngularOptions {
-    enableIvy: boolean;
-}
+import type { StorybookConfig as StorybookConfigBase, TypescriptOptions as TypescriptOptionsReact } from '@storybook/core-webpack';
+import type { StorybookConfigWebpack, BuilderOptions, TypescriptOptions as TypescriptOptionsBuilder } from '@storybook/builder-webpack5';
+declare type FrameworkName = '@storybook/angular';
+declare type BuilderName = '@storybook/builder-webpack5';
+export declare type FrameworkOptions = AngularOptions & {
+    builder?: BuilderOptions;
+};
+declare type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfigBase['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+    typescript?: Partial<TypescriptOptionsBuilder & TypescriptOptionsReact> & StorybookConfigBase['typescript'];
+};
 /**
  * The interface for Storybook configuration in `main.ts` files.
  */
-export interface StorybookConfig extends BaseConfig {
-    framework: string | {
-        name: '@storybook/angular';
-        options: AngularOptions;
-    };
+export declare type StorybookConfig = Omit<StorybookConfigBase, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
+export interface AngularOptions {
+    enableIvy: boolean;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.0",
+  "version": "7.0.0-alpha.11",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -30,22 +30,23 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.0",
-    "@storybook/api": "7.0.0-alpha.0",
-    "@storybook/builder-webpack5": "7.0.0-alpha.0",
-    "@storybook/client-logger": "7.0.0-alpha.0",
-    "@storybook/core-client": "7.0.0-alpha.0",
-    "@storybook/core-common": "7.0.0-alpha.0",
-    "@storybook/core-events": "7.0.0-alpha.0",
-    "@storybook/core-server": "7.0.0-alpha.0",
+    "@storybook/addons": "7.0.0-alpha.11",
+    "@storybook/api": "7.0.0-alpha.11",
+    "@storybook/builder-webpack5": "7.0.0-alpha.11",
+    "@storybook/client-logger": "7.0.0-alpha.11",
+    "@storybook/core-client": "7.0.0-alpha.11",
+    "@storybook/core-common": "7.0.0-alpha.11",
+    "@storybook/core-events": "7.0.0-alpha.11",
+    "@storybook/core-server": "7.0.0-alpha.11",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.0",
-    "@storybook/node-logger": "7.0.0-alpha.0",
+    "@storybook/docs-tools": "7.0.0-alpha.11",
+    "@storybook/node-logger": "7.0.0-alpha.11",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "7.0.0-alpha.0",
+    "@storybook/store": "7.0.0-alpha.11",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
@@ -62,7 +63,6 @@
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "read-pkg-up": "^7.0.1",
-    "regenerator-runtime": "^0.13.7",
     "sass-loader": "^12.6.0",
     "telejson": "^6.0.8",
     "ts-dedent": "^2.0.0",
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "c82d897ea765da8cf4fbbcc2af1f28c808a93e23"
+  "gitHead": "688d338903e84a7e83cb104472e868e734399f65"
 }

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { PartialStoryFn } from '@storybook/csf';
-import { AngularFramework, StoryContext } from '..';
-/**
- * Uses the angular renderer to generate a story. Uses p-limit to run synchronously
- */
-export declare const prepareForInline: (storyFn: PartialStoryFn<AngularFramework>, { id, parameters, component }: StoryContext) => React.DetailedReactHTMLElement<React.HTMLAttributes<undefined>, undefined>;

package/dist/types/client/docs/prepareForInline.js

@@ -1,37 +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.prepareForInline = void 0;
-const react_1 = __importDefault(require("react"));
-const p_limit_1 = __importDefault(require("p-limit"));
-const nanoid_1 = require("nanoid");
-const renderer_1 = require("../../renderer");
-const limit = (0, p_limit_1.default)(1);
-/**
- * Uses the angular renderer to generate a story. Uses p-limit to run synchronously
- */
-const prepareForInline = (storyFn, { id, parameters, component }) => {
-    const el = react_1.default.useRef();
-    react_1.default.useEffect(() => {
-        (async () => {
-            limit(async () => {
-                const renderer = await renderer_1.rendererFactory.getRendererInstance(`${id}-${(0, nanoid_1.nanoid)(10)}`.toLowerCase(), el.current);
-                if (renderer) {
-                    await renderer.render({
-                        forced: false,
-                        component,
-                        parameters,
-                        storyFnAngular: storyFn(),
-                        targetDOMNode: el.current,
-                    });
-                }
-            });
-        })();
-    });
-    return react_1.default.createElement('div', {
-        ref: el,
-    });
-};
-exports.prepareForInline = prepareForInline;

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/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/standalone.d.ts

@@ -1,21 +0,0 @@
-import type { CLIOptions, LoadOptions, BuilderOptions } from '@storybook/core-common';
-import type { BuilderContext } from '@angular-devkit/architect';
-
-export type StandaloneOptions = Partial<
-  CLIOptions &
-    LoadOptions &
-    BuilderOptions & {
-      mode?: 'static' | 'dev';
-      angularBrowserTarget?: string | null;
-      angularBuilderOptions?: Record<string, any> & {
-        styles?: any[];
-        stylePreprocessorOptions?: any;
-      };
-      angularBuilderContext?: BuilderContext | null;
-      tsConfig?: string;
-    }
->;
-
-declare module '@storybook/angular/standalone' {
-  export default function buildStandalone(options: StandaloneOptions): Promise<unknown>;
-}

package/standalone.js

@@ -1,7 +0,0 @@
-const build = require('@storybook/core-server/standalone');
-
-async function buildStandalone(options) {
-  return build(options);
-}
-
-module.exports = buildStandalone;

package/types-6-0.d.ts

@@ -1 +0,0 @@
-export * from './dist/types/client/preview/types-6-0.d';

package/types-7-0.d.ts

@@ -1 +0,0 @@
-export * from './dist/types/client/preview/types-7-0.d';