@storybook/angular 6.4.0-alpha.9 → 6.4.0-beta.11

package/dist/ts3.9/client/preview/angular-beta/AbstractRenderer.js

@@ -60,6 +60,7 @@ exports.AbstractRenderer = void 0;
 var core_1 = require("@angular/core");
 var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
 var rxjs_1 = require("rxjs");
+var telejson_1 = require("telejson");
 var StorybookModule_1 = require("./StorybookModule");
 // platform must be init only if render is called at least once
 var platformRef;
@@ -113,11 +114,12 @@ var AbstractRenderer = /** @class */ (function () {
      * @param forced {boolean} If :
      * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
      * - false fully recharges or initializes angular module & component
+     * @param component {Component}
      * @param parameters {Parameters}
      */
     AbstractRenderer.prototype.render = function (_a) {
         var _b;
-        var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, targetDOMNode = _a.targetDOMNode;
+        var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, component = _a.component, targetDOMNode = _a.targetDOMNode;
         return __awaiter(this, void 0, void 0, function () {
             var targetSelector, newStoryProps$, moduleMetadata;
             return __generator(this, function (_c) {
@@ -125,7 +127,7 @@ var AbstractRenderer = /** @class */ (function () {
                     case 0:
                         targetSelector = "" + this.storyId;
                         newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
-                        moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, parameters: parameters, targetSelector: targetSelector }, newStoryProps$);
+                        moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: targetSelector }, newStoryProps$);
                         if (!this.fullRendererRequired({
                             storyFnAngular: storyFnAngular,
                             moduleMetadata: moduleMetadata,
@@ -166,7 +168,7 @@ var AbstractRenderer = /** @class */ (function () {
         var previousStoryRenderInfo = this.previousStoryRenderInfo;
         var currentStoryRender = {
             storyFnAngular: storyFnAngular,
-            moduleMetadataSnapshot: JSON.stringify(moduleMetadata),
+            moduleMetadataSnapshot: telejson_1.stringify(moduleMetadata),
         };
         this.previousStoryRenderInfo = currentStoryRender;
         if (

package/dist/ts3.9/client/preview/angular-beta/CanvasRenderer.d.ts

@@ -6,6 +6,7 @@ export declare class CanvasRenderer extends AbstractRenderer {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
         parameters: Parameters;
+        component: any;
         targetDOMNode: HTMLElement;
     }): Promise<void>;
     beforeFullRender(): Promise<void>;

package/dist/ts3.9/client/preview/angular-beta/ComputesTemplateFromComponent.js

@@ -93,7 +93,9 @@ exports.computesTemplateSourceFromComponent = function (component, initialProps,
     return buildTemplate(ngComponentMetadata.selector, '', templateInputs, templateOutputs);
 };
 var buildTemplate = function (selector, innerTemplate, inputs, outputs) {
+    var firstSelector = selector.split(',')[0];
     var templateReplacers = [
+        [/(^.*?)(?=[,])/, '$1'],
         [/(^\..+)/, 'div$1'],
         [/(^\[.+?])/, 'div$1'],
         [/([\w[\]]+)(\s*,[\w\s-[\],]+)+/, "$1"],
@@ -105,6 +107,6 @@ var buildTemplate = function (selector, innerTemplate, inputs, outputs) {
     return templateReplacers.reduce(function (prevSelector, _a) {
         var searchValue = _a[0], replacer = _a[1];
         return prevSelector.replace(searchValue, replacer);
-    }, selector);
+    }, firstSelector);
 };
 var templateObject_1, templateObject_2;

package/dist/ts3.9/client/preview/angular-beta/DocsRenderer.d.ts

@@ -5,6 +5,7 @@ export declare class DocsRenderer extends AbstractRenderer {
     render(options: {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
+        component: any;
         parameters: Parameters;
         targetDOMNode: HTMLElement;
     }): Promise<void>;

package/dist/ts3.9/client/preview/angular-beta/RendererFactory.d.ts

@@ -3,7 +3,7 @@ declare type RenderType = 'canvas' | 'docs';
 export declare class RendererFactory {
     private lastRenderType;
     private rendererMap;
-    getRendererInstance(storyId: string, targetDOMNode: HTMLElement): Promise<AbstractRenderer>;
+    getRendererInstance(storyId: string, targetDOMNode: HTMLElement): Promise<AbstractRenderer | null>;
     private buildRenderer;
 }
 export declare const getRenderType: (targetDOMNode: HTMLElement) => RenderType;

package/dist/ts3.9/client/preview/angular-beta/RendererFactory.js

@@ -50,6 +50,12 @@ var RendererFactory = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        // do nothing if the target node is null
+                        // fix a problem when the docs asks 2 times the same component at the same time
+                        // the 1st targetDOMNode of the 1st requested rendering becomes null 🤷‍♂️
+                        if (targetDOMNode === null) {
+                            return [2 /*return*/, null];
+                        }
                         renderType = exports.getRenderType(targetDOMNode);
                         if (!(this.lastRenderType && this.lastRenderType !== renderType)) return [3 /*break*/, 2];
                         return [4 /*yield*/, AbstractRenderer_1.AbstractRenderer.resetPlatformBrowserDynamic()];

package/dist/ts3.9/client/preview/angular-beta/StorybookModule.d.ts

@@ -1,10 +1,9 @@
 import { NgModule, Type } from '@angular/core';
 import { Subject } from 'rxjs';
 import { ICollection, StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-export declare const getStorybookModuleMetadata: ({ storyFnAngular, parameters, targetSelector, }: {
+export declare const getStorybookModuleMetadata: ({ storyFnAngular, component: annotatedComponent, targetSelector, }: {
     storyFnAngular: StoryFnAngularReturnType;
-    parameters: Parameters;
+    component?: any;
     targetSelector: string;
 }, storyProps$: Subject<ICollection>) => NgModule;
 export declare const createStorybookModule: (ngModule: NgModule) => Type<unknown>;

package/dist/ts3.9/client/preview/angular-beta/StorybookModule.js

@@ -33,13 +33,13 @@ var ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent")
 var deprecatedStoryComponentWarning = util_deprecate_1.default(function () { }, ts_dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["`component` story return value is deprecated, and will be removed in Storybook 7.0.\n        Instead, use `export const default = () => ({ component: AppComponent });`\n        or\n        ```\n        export const Primary: Story = () => ({});\n        Primary.parameters = { component: AppComponent };\n        ```\n        Read more at \n        - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component).\n        - https://storybook.js.org/docs/angular/writing-stories/parameters\n      "], ["\\`component\\` story return value is deprecated, and will be removed in Storybook 7.0.\n        Instead, use \\`export const default = () => ({ component: AppComponent });\\`\n        or\n        \\`\\`\\`\n        export const Primary: Story = () => ({});\n        Primary.parameters = { component: AppComponent };\n        \\`\\`\\`\n        Read more at \n        - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component).\n        - https://storybook.js.org/docs/angular/writing-stories/parameters\n      "]))));
 exports.getStorybookModuleMetadata = function (_a, storyProps$) {
     var _b, _c, _d, _e, _f;
-    var storyFnAngular = _a.storyFnAngular, parameters = _a.parameters, targetSelector = _a.targetSelector;
+    var storyFnAngular = _a.storyFnAngular, annotatedComponent = _a.component, targetSelector = _a.targetSelector;
     var storyComponent = storyFnAngular.component, props = storyFnAngular.props, styles = storyFnAngular.styles, _g = storyFnAngular.moduleMetadata, moduleMetadata = _g === void 0 ? {} : _g;
     var template = storyFnAngular.template;
     if (storyComponent) {
         deprecatedStoryComponentWarning();
     }
-    var component = storyComponent !== null && storyComponent !== void 0 ? storyComponent : parameters.component;
+    var component = storyComponent !== null && storyComponent !== void 0 ? storyComponent : annotatedComponent;
     if (hasNoTemplate(template) && component) {
         template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, props, '');
     }

package/dist/ts3.9/client/preview/angular-beta/utils/NgComponentAnalyzer.js

@@ -45,7 +45,8 @@ exports.getComponentInputsOutputs = function (component) {
     // Filters properties that have the same name as the one present in the @Component property
     return Object.entries(componentPropsMetadata).reduce(function (previousValue, _a) {
         var _b, _c;
-        var propertyName = _a[0], value = _a[1][0];
+        var propertyName = _a[0], values = _a[1];
+        var value = values.find(function (v) { return v instanceof core_1.Input || v instanceof core_1.Output; });
         if (value instanceof core_1.Input) {
             var inputToAdd = {
                 propName: propertyName,
@@ -96,6 +97,11 @@ exports.getComponentPropsDecoratorMetadata = function (component) {
         Reflect.getOwnPropertyDescriptor(component, decoratorKey)
         ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
         : component[decoratorKey];
+    var parent = Reflect && Reflect.getPrototypeOf && Reflect.getPrototypeOf(component);
+    if (parent) {
+        var parentPropsDecorators = exports.getComponentPropsDecoratorMetadata(parent);
+        propsDecorators = __assign(__assign({}, parentPropsDecorators), propsDecorators);
+    }
     return propsDecorators;
 };
 /**
@@ -108,5 +114,11 @@ exports.getComponentDecoratorMetadata = function (component) {
         Reflect.getOwnPropertyDescriptor(component, decoratorKey)
         ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
         : component[decoratorKey];
-    return (decorators || []).find(function (d) { return d instanceof core_1.Component; });
+    if (!decorators) {
+        return (component.decorators &&
+            component.decorators[0] &&
+            component.decorators[0].args &&
+            component.decorators[0].args[0]);
+    }
+    return decorators.find(function (d) { return d instanceof core_1.Component; });
 };

package/dist/ts3.9/client/preview/config.d.ts

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

package/dist/ts3.9/client/preview/config.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parameters = void 0;
+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; } });
+exports.parameters = { framework: 'angular' };

package/dist/ts3.9/client/preview/decorateStory.d.ts

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

package/dist/ts3.9/client/preview/decorateStory.js

@@ -10,17 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __spreadArrays = (this && this.__spreadArrays) || function () {
     for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
     for (var r = Array(s), k = 0, i = 0; i < il; i++)
@@ -29,23 +18,12 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
     return r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var store_1 = require("@storybook/store");
 var ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
-var defaultContext = {
-    id: 'unspecified',
-    name: 'unspecified',
-    kind: 'unspecified',
-    parameters: {},
-    args: {},
-    argTypes: {},
-    globals: {},
-};
 function decorateStory(mainStoryFn, decorators) {
     var returnDecorators = __spreadArrays([cleanArgsDecorator], decorators).reduce(function (previousStoryFn, decorator) { return function (context) {
-        if (context === void 0) { context = defaultContext; }
-        var decoratedStory = decorator(function (_a) {
-            if (_a === void 0) { _a = {}; }
-            var parameters = _a.parameters, innerContext = __rest(_a, ["parameters"]);
-            return previousStoryFn(__assign(__assign({}, context), innerContext));
+        var decoratedStory = decorator(function (update) {
+            return previousStoryFn(__assign(__assign({}, context), store_1.sanitizeStoryContextUpdate(update)));
         }, context);
         return decoratedStory;
     }; }, function (context) { return prepareMain(mainStoryFn(context), context); });
@@ -55,11 +33,12 @@ exports.default = decorateStory;
 var prepareMain = function (story, context) {
     var _a;
     var template = story.template;
-    var component = (_a = story.component) !== null && _a !== void 0 ? _a : context.parameters.component;
-    if (hasNoTemplate(template) && component) {
+    var component = (_a = story.component) !== null && _a !== void 0 ? _a : context.component;
+    var userDefinedTemplate = !hasNoTemplate(template);
+    if (!userDefinedTemplate && component) {
         template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, story.props, '');
     }
-    return __assign(__assign({}, story), (template ? { template: template } : {}));
+    return __assign(__assign({}, story), (template ? { template: template, userDefinedTemplate: userDefinedTemplate } : {}));
 };
 function hasNoTemplate(template) {
     return template === null || template === undefined;

package/dist/ts3.9/client/preview/decorators.d.ts

@@ -1,5 +1,6 @@
 import { Type } from '@angular/core';
-import { DecoratorFunction, StoryContext } from '@storybook/addons';
-import { ICollection, NgModuleMetadata, StoryFnAngularReturnType } from './types';
-export declare const moduleMetadata: (metadata: Partial<NgModuleMetadata>) => DecoratorFunction<StoryFnAngularReturnType>;
-export declare const componentWrapperDecorator: (element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext) => ICollection)) => DecoratorFunction<StoryFnAngularReturnType>;
+import { DecoratorFunction, StoryContext } from '@storybook/csf';
+import { ICollection, NgModuleMetadata } from './types';
+import { 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/ts3.9/client/preview/decorators.js

@@ -21,6 +21,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentWrapperDecorator = exports.moduleMetadata = void 0;
 var ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
 var NgComponentAnalyzer_1 = require("./angular-beta/utils/NgComponentAnalyzer");
+// We use `any` here as the default type rather than `Args` because we need something that is
+// castable to any component-specific args type when the user is being careful.
 exports.moduleMetadata = function (metadata) { return function (storyFn) {
     var story = storyFn();
     var storyMetadata = story.moduleMetadata || {};

package/dist/ts3.9/client/preview/index.d.ts

@@ -2,8 +2,9 @@
 /// <reference types="node" />
 import { ClientStoryApi, Loadable } from '@storybook/addons';
 import './globals';
-import { IStorybookSection, StoryFnAngularReturnType } from './types';
-interface ClientApi extends ClientStoryApi<StoryFnAngularReturnType> {
+import { IStorybookSection } from './types';
+import { AngularFramework } from './types-6-0';
+interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
     setAddon(addon: any): void;
     configure(loader: Loadable, module: NodeModule): void;
     getStorybook(): IStorybookSection[];

package/dist/ts3.9/client/preview/index.js

@@ -11,13 +11,12 @@ var __importDefault = (this && this.__importDefault) || function (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;
-/* eslint-disable prefer-destructuring */
 var client_1 = require("@storybook/core/client");
 require("./globals");
-var render_1 = __importDefault(require("./render"));
+var render_1 = require("./render");
 var decorateStory_1 = __importDefault(require("./decorateStory"));
 var framework = 'angular';
-var api = client_1.start(render_1.default, { decorateStory: decorateStory_1.default });
+var api = client_1.start(render_1.renderToDOM, { decorateStory: decorateStory_1.default, render: render_1.render });
 exports.storiesOf = function (kind, m) {
     return api.clientApi.storiesOf(kind, m).addParameters({
         framework: framework,

package/dist/ts3.9/client/preview/render.d.ts

@@ -1,13 +1,7 @@
-import { StoryFn } from '@storybook/addons';
-import { StoryFnAngularReturnType } from './types';
-import { Parameters } from './types-6-0';
+import { RenderContext } from '@storybook/store';
+import { ArgsStoryFn } from '@storybook/csf';
+import { AngularFramework } from './types-6-0';
 import { RendererFactory } from './angular-beta/RendererFactory';
 export declare const rendererFactory: RendererFactory;
-export default function renderMain({ storyFn, showMain, forceRender, parameters, targetDOMNode, id, }: {
-    storyFn: StoryFn<StoryFnAngularReturnType>;
-    showMain: () => void;
-    forceRender: boolean;
-    parameters: Parameters;
-    targetDOMNode: HTMLElement;
-    id: string;
-}): Promise<void>;
+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/ts3.9/client/preview/render.js

@@ -36,13 +36,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.rendererFactory = void 0;
+exports.renderToDOM = exports.render = exports.rendererFactory = void 0;
 var helpers_1 = require("./angular/helpers");
 var RendererFactory_1 = require("./angular-beta/RendererFactory");
-var rootElement = global.document.getElementById('root');
 exports.rendererFactory = new RendererFactory_1.RendererFactory();
-function renderMain(_a) {
-    var storyFn = _a.storyFn, showMain = _a.showMain, forceRender = _a.forceRender, parameters = _a.parameters, _b = _a.targetDOMNode, targetDOMNode = _b === void 0 ? rootElement : _b, id = _a.id;
+exports.render = function (props) { return ({ props: props }); };
+function renderToDOM(_a, element) {
+    var storyFn = _a.storyFn, showMain = _a.showMain, forceRemount = _a.forceRemount, _b = _a.storyContext, parameters = _b.parameters, component = _b.component, id = _a.id;
     return __awaiter(this, void 0, void 0, function () {
         var renderer;
         return __generator(this, function (_c) {
@@ -50,17 +50,18 @@ function renderMain(_a) {
                 case 0:
                     showMain();
                     if (parameters.angularLegacyRendering) {
-                        helpers_1.renderNgApp(storyFn, forceRender);
+                        helpers_1.renderNgApp(storyFn, !forceRemount);
                         return [2 /*return*/];
                     }
-                    return [4 /*yield*/, exports.rendererFactory.getRendererInstance(id, targetDOMNode)];
+                    return [4 /*yield*/, exports.rendererFactory.getRendererInstance(id, element)];
                 case 1:
                     renderer = _c.sent();
                     return [4 /*yield*/, renderer.render({
                             storyFnAngular: storyFn(),
+                            component: component,
                             parameters: parameters,
-                            forced: forceRender,
-                            targetDOMNode: targetDOMNode,
+                            forced: !forceRemount,
+                            targetDOMNode: element,
                         })];
                 case 2:
                     _c.sent();
@@ -69,4 +70,4 @@ function renderMain(_a) {
         });
     });
 }
-exports.default = renderMain;
+exports.renderToDOM = renderToDOM;

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

@@ -1,26 +1,42 @@
-import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory, Parameters as DefaultParameters, StoryContext as DefaultStoryContext } from '@storybook/addons';
+import { Args, Parameters as DefaultParameters, StoryContext as DefaultStoryContext, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
 import { StoryFnAngularReturnType } from './types';
-export type { Args, ArgTypes } from '@storybook/addons';
-declare type AngularComponent = any;
-declare type AngularReturnType = StoryFnAngularReturnType;
+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<Args = DefaultArgs> = BaseMeta<AngularComponent> & Annotations<Args, AngularReturnType>;
+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 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)
  */
-export declare type Story<Args = DefaultArgs> = BaseStory<Args, AngularReturnType> & Annotations<Args, AngularReturnType>;
+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;
-    component: unknown;
     bootstrapModuleOptions?: unknown;
 };
-export declare type StoryContext = DefaultStoryContext & {
+export declare type StoryContext = DefaultStoryContext<AngularFramework> & {
     parameters: Parameters;
 };

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

@@ -0,0 +1,9 @@
+import { 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/ts3.9/client/preview/types-7-0.js

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

package/dist/ts3.9/client/preview/types.d.ts

@@ -10,7 +10,7 @@ export interface ICollection {
 }
 export interface IStorybookStory {
     name: string;
-    render: () => any;
+    render: (context: any) => any;
 }
 export interface IStorybookSection {
     kind: string;
@@ -25,4 +25,5 @@ export interface StoryFnAngularReturnType {
     moduleMetadata?: NgModuleMetadata;
     template?: string;
     styles?: string[];
+    userDefinedTemplate?: boolean;
 }

package/dist/ts3.9/renderer.d.ts

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

package/dist/ts3.9/renderer.js

@@ -2,8 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var ComputesTemplateFromComponent_1 = require("./client/preview/angular-beta/ComputesTemplateFromComponent");
 Object.defineProperty(exports, "computesTemplateSourceFromComponent", { enumerable: true, get: function () { return ComputesTemplateFromComponent_1.computesTemplateSourceFromComponent; } });
-var RendererService_1 = require("./client/preview/angular-beta/RendererService");
-Object.defineProperty(exports, "RendererService", { enumerable: true, get: function () { return RendererService_1.RendererService; } });
 var render_1 = require("./client/preview/render");
 Object.defineProperty(exports, "rendererFactory", { enumerable: true, get: function () { return render_1.rendererFactory; } });
 var AbstractRenderer_1 = require("./client/preview/angular-beta/AbstractRenderer");

package/dist/ts3.9/server/__mocks-ng-workspace__/with-angularBrowserTarget/angular.json

@@ -12,6 +12,33 @@
                 }
             }
         },
+        "no-confs-project": {
+            "root": "",
+            "architect": {
+                "target-build": {
+                    "options": {
+                        "tsConfig": "src/tsconfig.app.json",
+                        "assets": []
+                    }
+                }
+            }
+        },
+        "no-target-conf-project": {
+            "root": "",
+            "architect": {
+                "target-build": {
+                    "options": {
+                        "tsConfig": "src/tsconfig.app.json",
+                        "assets": []
+                    },
+                    "configurations": {
+                        "other-conf": {
+                            "styles": ["src/styles.css"]
+                        }
+                    }
+                }
+            }
+        },
         "target-project": {
             "root": "",
             "architect": {
@@ -19,6 +46,11 @@
                     "options": {
                         "tsConfig": "src/tsconfig.app.json",
                         "assets": []
+                    },
+                    "configurations": {
+                        "target-conf": {
+                            "styles": ["src/styles.css"]
+                        }
                     }
                 }
             }

package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/angular.json

@@ -0,0 +1,28 @@
+{
+    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+    "version": 1,
+    "newProjectRoot": "projects",
+    "projects": {
+        "pattern-lib": {
+            "projectType": "library",
+            "root": "projects/pattern-lib",
+            "sourceRoot": "projects/pattern-lib/src",
+            "prefix": "lib",
+            "architect": {
+                "build": {
+                    "builder": "@angular-devkit/build-angular:ng-packagr",
+                    "options": {
+                        "tsConfig": "projects/pattern-lib/tsconfig.lib.json",
+                        "project": "projects/pattern-lib/ng-package.json"
+                    },
+                    "configurations": {
+                        "production": {
+                            "tsConfig": "projects/pattern-lib/tsconfig.lib.prod.json"
+                        }
+                    }
+                }
+            }
+        }
+    },
+    "defaultProject": "pattern-lib"
+}

package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.d.ts

@@ -0,0 +1 @@
+export declare const not = "empty";

package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.not = void 0;
+// To avoid "No inputs were found in config file" tsc error
+exports.not = 'empty';

package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/tsconfig.lib.json

@@ -0,0 +1,25 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../out-tsc/lib",
+        "target": "es2015",
+        "declaration": true,
+        "declarationMap": true,
+        "inlineSources": true,
+        "types": [],
+        "lib": [
+            "dom",
+            "es2018"
+        ]
+    },
+    "angularCompilerOptions": {
+        "skipTemplateCodegen": true,
+        "strictMetadataEmit": true,
+        "enableResourceInlining": true
+    },
+    "exclude": [
+        "src/test.ts",
+        "**/*.spec.ts"
+    ]
+}

package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "sourceMap": true,
+        "moduleResolution": "node",
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "allowSyntheticDefaultImports": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "target": "es5",
+        "lib": ["es2017", "dom"]
+    }
+}

package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.d.ts

@@ -0,0 +1 @@
+export declare const not = "empty";

package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.not = void 0;
+// To avoid "No inputs were found in config file" tsc error
+exports.not = 'empty';