@storybook/angular 7.0.0-alpha.4 → 7.0.0-alpha.40

package/README.md

@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-angular-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)

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/run-compodoc.js

@@ -48,7 +48,6 @@ const runCompodoc = ({ compodocArgs, tsconfig }, context) => {
             context.logger.info(finalCompodocArgs.join(' '));
             const child = (0, child_process_1.spawn)('npx', finalCompodocArgs, {
                 cwd: context.workspaceRoot,
-                env: process.env,
                 shell: true,
             });
             child.stdout.on('data', (data) => {

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

@@ -4,14 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderNgApp = void 0;
-// @ts-ignore
 const global_1 = __importDefault(require("global"));
 const core_1 = require("@angular/core");
 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;
@@ -111,7 +110,7 @@ const initModule = (storyFn) => {
     };
     return getModule(componentDeclarations, [AnnotatedComponent], [app_component_1.AppComponent], story, moduleMetadata);
 };
-const staticRoot = document.getElementById('root');
+const staticRoot = document.getElementById('storybook-root');
 const insertDynamicRoot = () => {
     const app = document.createElement('storybook-dynamic-app-root');
     staticRoot.innerHTML = '';

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}/RendererFactory.js

@@ -37,16 +37,16 @@ class RendererFactory {
 }
 exports.RendererFactory = RendererFactory;
 const getRenderType = (targetDOMNode) => {
-    return targetDOMNode.id === 'root' ? 'canvas' : 'docs';
+    return targetDOMNode.id === 'storybook-root' ? 'canvas' : 'docs';
 };
 exports.getRenderType = getRenderType;
 function clearRootHTMLElement(renderType) {
     switch (renderType) {
         case 'canvas':
-            global.document.getElementById('docs-root').innerHTML = '';
+            global.document.getElementById('storybook-docs').innerHTML = '';
             break;
         case 'docs':
-            global.document.getElementById('root').innerHTML = '';
+            global.document.getElementById('storybook-root').innerHTML = '';
             break;
         default:
             break;

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

@@ -1,7 +1,7 @@
 import { NgModule, Type } from '@angular/core';
 import { Subject } from 'rxjs';
 import { ICollection, StoryFnAngularReturnType } from '../types';
-export declare const getStorybookModuleMetadata: ({ storyFnAngular, component: annotatedComponent, targetSelector, }: {
+export declare const getStorybookModuleMetadata: ({ storyFnAngular, component, targetSelector, }: {
     storyFnAngular: StoryFnAngularReturnType;
     component?: any;
     targetSelector: string;

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

@@ -5,41 +5,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 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 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.
-        Instead, use \`export const default = () => ({ component: AppComponent });\`
-        or
-        \`\`\`
-        export const Primary: Story = () => ({});
-        Primary.parameters = { component: AppComponent };
-        \`\`\`
-        Read more at 
-        - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component).
-        - https://storybook.js.org/docs/angular/writing-stories/parameters
-      `);
-const getStorybookModuleMetadata = ({ storyFnAngular, component: annotatedComponent, targetSelector, }, storyProps$) => {
-    const { component: storyComponent, props, styles, moduleMetadata = {} } = storyFnAngular;
-    let { template } = storyFnAngular;
-    if (storyComponent) {
-        deprecatedStoryComponentWarning();
-    }
-    const component = storyComponent ?? annotatedComponent;
-    if (hasNoTemplate(template) && component) {
-        template = (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(component, props, '');
-    }
+const getStorybookModuleMetadata = ({ storyFnAngular, component, targetSelector, }, storyProps$) => {
+    const { props, styles, moduleMetadata = {} } = storyFnAngular;
+    const { template } = storyFnAngular;
     /**
      * Create a component that wraps generated template and gives it props
      */
@@ -76,6 +52,3 @@ const createStorybookModule = (ngModule) => {
     return StorybookModule;
 };
 exports.createStorybookModule = createStorybookModule;
-function hasNoTemplate(template) {
-    return template === null || template === undefined;
-}

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

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

package/dist/types/client/{preview/config.js → config.js}

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parameters = exports.decorateStory = exports.renderToDOM = exports.render = void 0;
+exports.parameters = exports.applyDecorators = 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; } });
+Object.defineProperty(exports, "applyDecorators", { enumerable: true, get: function () { return decorateStory_1.decorateStory; } });
 exports.parameters = { 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/decorateStory.js → decorateStory.js}

@@ -40,7 +40,7 @@ const cleanArgsDecorator = (storyFn, context) => {
     context.args = Object.entries(argsToClean).reduce((obj, [key, arg]) => {
         const argType = context.argTypes[key];
         // Only keeps args with a control or an action in argTypes
-        if (argType.action || argType.control) {
+        if (argType?.action || argType?.control) {
             return { ...obj, [key]: arg };
         }
         return obj;

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/compodoc.js

@@ -9,11 +9,11 @@ const isMethod = (methodOrProp) => {
 };
 exports.isMethod = isMethod;
 const setCompodocJson = (compodocJson) => {
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
 };
 exports.setCompodocJson = setCompodocJson;
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 const getCompodocJson = () => window.__STORYBOOK_COMPODOC_JSON__;
 exports.getCompodocJson = getCompodocJson;
 const checkValidComponentOrDirective = (component) => {
@@ -165,7 +165,6 @@ const extractDefaultValueFromComments = (property, value) => {
     let commentValue = value;
     property.jsdoctags.forEach((tag) => {
         if (['default', 'defaultvalue'].includes(tag.tagName.escapedText)) {
-            // @ts-ignore
             const dom = new window.DOMParser().parseFromString(tag.comment, 'text/html');
             commentValue = dom.body.textContent;
         }

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

@@ -2,7 +2,7 @@ import { SourceType } from '@storybook/docs-tools';
 export declare const parameters: {
     docs: {
         inlineStories: boolean;
-        extractArgTypes: (component: import("./types").Directive) => import("lib/api/dist/types").ArgTypes;
+        extractArgTypes: (component: import("./types").Directive) => import("lib/api/dist").ArgTypes;
         extractComponentDescription: (component: import("./types").Directive) => string;
         source: {
             type: SourceType;
@@ -10,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 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)[];
+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>)[];

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

@@ -1,4 +1,5 @@
 "use strict";
+/// <reference types="webpack-env" />
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -14,18 +15,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,25 +1,15 @@
 /// <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 { AngularFramework } from './types';
+export * from './public-types';
 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/public-api.js

@@ -0,0 +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.forceReRender = exports.configure = exports.storiesOf = void 0;
+const core_client_1 = require("@storybook/core-client");
+const render_1 = require("./render");
+const decorateStory_1 = __importDefault(require("./decorateStory"));
+__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,
+    });
+};
+exports.storiesOf = storiesOf;
+const configure = (...args) => api.configure(FRAMEWORK, ...args);
+exports.configure = configure;
+exports.forceReRender = api.forceReRender;
+exports.raw = api.clientApi.raw;

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[];
@@ -8,14 +9,6 @@ export interface NgModuleMetadata {
 export interface ICollection {
     [p: string]: any;
 }
-export interface IStorybookStory {
-    name: string;
-    render: (context: any) => any;
-}
-export interface IStorybookSection {
-    kind: string;
-    stories: IStorybookStory[];
-}
 export interface StoryFnAngularReturnType {
     /** @deprecated `component` story input is deprecated, and will be removed in Storybook 7.0. */
     component?: any;
@@ -27,3 +20,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: