@storybook/angular 6.5.9 → 7.0.0-alpha.10

package/dist/{ts3.9 → types}/client/docs/compodoc.js

@@ -4,25 +4,30 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extractComponentDescription = exports.extractArgTypes = exports.extractArgTypesFromData = exports.extractType = exports.findComponentByName = exports.checkValidCompodocJson = exports.checkValidComponentOrDirective = exports.getCompodocJson = exports.setCompodocJson = exports.isMethod = void 0;
 const client_logger_1 = require("@storybook/client-logger");
-exports.isMethod = (methodOrProp) => {
+const isMethod = (methodOrProp) => {
     return methodOrProp.args !== undefined;
 };
-exports.setCompodocJson = (compodocJson) => {
+exports.isMethod = isMethod;
+const setCompodocJson = (compodocJson) => {
     // @ts-ignore
     window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
 };
+exports.setCompodocJson = setCompodocJson;
 // @ts-ignore
-exports.getCompodocJson = () => window.__STORYBOOK_COMPODOC_JSON__;
-exports.checkValidComponentOrDirective = (component) => {
+const getCompodocJson = () => window.__STORYBOOK_COMPODOC_JSON__;
+exports.getCompodocJson = getCompodocJson;
+const checkValidComponentOrDirective = (component) => {
     if (!component.name) {
         throw new Error(`Invalid component ${JSON.stringify(component)}`);
     }
 };
-exports.checkValidCompodocJson = (compodocJson) => {
+exports.checkValidComponentOrDirective = checkValidComponentOrDirective;
+const checkValidCompodocJson = (compodocJson) => {
     if (!compodocJson || !compodocJson.components) {
         throw new Error('Invalid compodoc JSON');
     }
 };
+exports.checkValidCompodocJson = checkValidCompodocJson;
 const hasDecorator = (item, decoratorName) => item.decorators && item.decorators.find((x) => x.name === decoratorName);
 const mapPropertyToSection = (item) => {
     if (hasDecorator(item, 'ViewChild')) {
@@ -50,7 +55,7 @@ const mapItemToSection = (key, item) => {
             return 'outputs';
         case 'properties':
         case 'propertiesClass':
-            if (exports.isMethod(item)) {
+            if ((0, exports.isMethod)(item)) {
                 throw new Error("Cannot be of type Method if key === 'propertiesClass'");
             }
             return mapPropertyToSection(item);
@@ -58,23 +63,24 @@ const mapItemToSection = (key, item) => {
             throw new Error(`Unknown key: ${key}`);
     }
 };
-exports.findComponentByName = (name, compodocJson) => compodocJson.components.find((c) => c.name === name) ||
+const findComponentByName = (name, compodocJson) => compodocJson.components.find((c) => c.name === name) ||
     compodocJson.directives.find((c) => c.name === name) ||
     compodocJson.pipes.find((c) => c.name === name) ||
     compodocJson.injectables.find((c) => c.name === name) ||
     compodocJson.classes.find((c) => c.name === name);
+exports.findComponentByName = findComponentByName;
 const getComponentData = (component) => {
     if (!component) {
         return null;
     }
-    exports.checkValidComponentOrDirective(component);
-    const compodocJson = exports.getCompodocJson();
+    (0, exports.checkValidComponentOrDirective)(component);
+    const compodocJson = (0, exports.getCompodocJson)();
     if (!compodocJson) {
         return null;
     }
-    exports.checkValidCompodocJson(compodocJson);
+    (0, exports.checkValidCompodocJson)(compodocJson);
     const { name } = component;
-    const metadata = exports.findComponentByName(name, compodocJson);
+    const metadata = (0, exports.findComponentByName)(name, compodocJson);
     if (!metadata) {
         client_logger_1.logger.warn(`Component not found in compodoc JSON: '${name}'`);
     }
@@ -91,10 +97,9 @@ const extractTypeFromValue = (defaultValue) => {
         : null;
 };
 const extractEnumValues = (compodocType) => {
-    var _a, _b;
-    const compodocJson = exports.getCompodocJson();
-    const enumType = (_b = (_a = compodocJson === null || compodocJson === void 0 ? void 0 : compodocJson.miscellaneous) === null || _a === void 0 ? void 0 : _a.enumerations) === null || _b === void 0 ? void 0 : _b.find((x) => x.name === compodocType);
-    if (enumType === null || enumType === void 0 ? void 0 : enumType.childs.every((x) => x.value)) {
+    const compodocJson = (0, exports.getCompodocJson)();
+    const enumType = compodocJson?.miscellaneous?.enumerations?.find((x) => x.name === compodocType);
+    if (enumType?.childs.every((x) => x.value)) {
         return enumType.childs.map((x) => x.value);
     }
     if (typeof compodocType !== 'string' || compodocType.indexOf('|') === -1) {
@@ -107,7 +112,7 @@ const extractEnumValues = (compodocType) => {
         return null;
     }
 };
-exports.extractType = (property, defaultValue) => {
+const extractType = (property, defaultValue) => {
     const compodocType = property.type || extractTypeFromValue(defaultValue);
     switch (compodocType) {
         case 'string':
@@ -124,6 +129,7 @@ exports.extractType = (property, defaultValue) => {
         }
     }
 };
+exports.extractType = extractType;
 const castDefaultValue = (property, defaultValue) => {
     const compodocType = property.type;
     // All these checks are necessary as compodoc does not always set the type ie. @HostBinding have empty types.
@@ -167,11 +173,10 @@ const extractDefaultValueFromComments = (property, value) => {
     return commentValue;
 };
 const extractDefaultValue = (property) => {
-    var _a, _b;
     try {
-        let value = (_a = property.defaultValue) === null || _a === void 0 ? void 0 : _a.replace(/^'(.*)'$/, '$1');
+        let value = property.defaultValue?.replace(/^'(.*)'$/, '$1');
         value = castDefaultValue(property, value);
-        if (value == null && ((_b = property.jsdoctags) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+        if (value == null && property.jsdoctags?.length > 0) {
             value = extractDefaultValueFromComments(property, value);
         }
         return value;
@@ -182,12 +187,11 @@ const extractDefaultValue = (property) => {
     }
 };
 const resolveTypealias = (compodocType) => {
-    var _a, _b;
-    const compodocJson = exports.getCompodocJson();
-    const typeAlias = (_b = (_a = compodocJson === null || compodocJson === void 0 ? void 0 : compodocJson.miscellaneous) === null || _a === void 0 ? void 0 : _a.typealiases) === null || _b === void 0 ? void 0 : _b.find((x) => x.name === compodocType);
+    const compodocJson = (0, exports.getCompodocJson)();
+    const typeAlias = compodocJson?.miscellaneous?.typealiases?.find((x) => x.name === compodocType);
     return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;
 };
-exports.extractArgTypesFromData = (componentData) => {
+const extractArgTypesFromData = (componentData) => {
     const sectionToItems = {};
     const compodocClasses = ['component', 'directive'].includes(componentData.type)
         ? ['propertiesClass', 'methodsClass', 'inputsClass', 'outputsClass']
@@ -196,20 +200,26 @@ exports.extractArgTypesFromData = (componentData) => {
         const data = componentData[key] || [];
         data.forEach((item) => {
             const section = mapItemToSection(key, item);
-            const defaultValue = exports.isMethod(item) ? undefined : extractDefaultValue(item);
-            const type = exports.isMethod(item) || (section !== 'inputs' && section !== 'properties')
+            const defaultValue = (0, exports.isMethod)(item) ? undefined : extractDefaultValue(item);
+            const type = (0, exports.isMethod)(item) || (section !== 'inputs' && section !== 'properties')
                 ? { name: 'void' }
-                : exports.extractType(item, defaultValue);
+                : (0, exports.extractType)(item, defaultValue);
             const action = section === 'outputs' ? { action: item.name } : {};
-            const argType = Object.assign(Object.assign({ name: item.name, description: item.rawdescription || item.description, defaultValue,
-                type }, action), { table: {
+            const argType = {
+                name: item.name,
+                description: item.rawdescription || item.description,
+                defaultValue,
+                type,
+                ...action,
+                table: {
                     category: section,
                     type: {
-                        summary: exports.isMethod(item) ? displaySignature(item) : item.type,
-                        required: exports.isMethod(item) ? false : !item.optional,
+                        summary: (0, exports.isMethod)(item) ? displaySignature(item) : item.type,
+                        required: (0, exports.isMethod)(item) ? false : !item.optional,
                     },
                     defaultValue: { summary: defaultValue },
-                } });
+                },
+            };
             if (!sectionToItems[section]) {
                 sectionToItems[section] = [];
             }
@@ -237,11 +247,14 @@ exports.extractArgTypesFromData = (componentData) => {
     });
     return argTypes;
 };
-exports.extractArgTypes = (component) => {
+exports.extractArgTypesFromData = extractArgTypesFromData;
+const extractArgTypes = (component) => {
     const componentData = getComponentData(component);
-    return componentData && exports.extractArgTypesFromData(componentData);
+    return componentData && (0, exports.extractArgTypesFromData)(componentData);
 };
-exports.extractComponentDescription = (component) => {
+exports.extractArgTypes = extractArgTypes;
+const extractComponentDescription = (component) => {
     const componentData = getComponentData(component);
     return componentData && (componentData.rawdescription || componentData.description);
 };
+exports.extractComponentDescription = extractComponentDescription;

package/dist/{ts3.9 → types}/client/docs/config.d.ts

@@ -2,8 +2,7 @@ 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("@storybook/api").ArgTypes;
+        extractArgTypes: (component: import("./types").Directive) => import("lib/api/dist/types").ArgTypes;
         extractComponentDescription: (component: import("./types").Directive) => string;
         source: {
             type: SourceType;
@@ -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 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("@storybook/addons").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> | import("lib/addons/dist/types").Parameters)[];

package/dist/{ts3.9 → 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/{ts3.9 → types}/client/docs/index.js

@@ -1,13 +1,17 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    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("./compodoc"), exports);

package/dist/{ts3.9 → 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/{ts3.9 → types}/client/docs/sourceDecorator.js

@@ -4,38 +4,38 @@ exports.sourceDecorator = exports.skipSourceRender = void 0;
 const addons_1 = require("@storybook/addons");
 const docs_tools_1 = require("@storybook/docs-tools");
 const renderer_1 = require("../../renderer");
-exports.skipSourceRender = (context) => {
-    var _a;
-    const sourceParams = (_a = context === null || context === void 0 ? void 0 : context.parameters.docs) === null || _a === void 0 ? void 0 : _a.source;
+const skipSourceRender = (context) => {
+    const sourceParams = context?.parameters.docs?.source;
     // always render if the user forces it
-    if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === docs_tools_1.SourceType.DYNAMIC) {
+    if (sourceParams?.type === docs_tools_1.SourceType.DYNAMIC) {
         return false;
     }
     // never render if the user is forcing the block to render code, or
     // if the user provides code
-    return (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === docs_tools_1.SourceType.CODE;
+    return sourceParams?.code || sourceParams?.type === docs_tools_1.SourceType.CODE;
 };
+exports.skipSourceRender = skipSourceRender;
 /**
  * Angular source decorator.
  * @param storyFn Fn
  * @param context  StoryContext
  */
-exports.sourceDecorator = (storyFn, context) => {
+const sourceDecorator = (storyFn, context) => {
     const story = storyFn();
-    if (exports.skipSourceRender(context)) {
+    if ((0, exports.skipSourceRender)(context)) {
         return story;
     }
     const channel = addons_1.addons.getChannel();
     const { props, template, userDefinedTemplate } = story;
     const { component, argTypes } = context;
     let toEmit;
-    addons_1.useEffect(() => {
+    (0, addons_1.useEffect)(() => {
         if (toEmit) {
             channel.emit(docs_tools_1.SNIPPET_RENDERED, context.id, toEmit, 'angular');
         }
     });
     if (component && !userDefinedTemplate) {
-        const source = renderer_1.computesTemplateSourceFromComponent(component, props, argTypes);
+        const source = (0, renderer_1.computesTemplateSourceFromComponent)(component, props, argTypes);
         // We might have a story with a Directive or Service defined as the component
         // In these cases there might exist a template, even if we aren't able to create source from component
         if (source || template) {
@@ -47,3 +47,4 @@ exports.sourceDecorator = (storyFn, context) => {
     }
     return story;
 };
+exports.sourceDecorator = sourceDecorator;

package/dist/{ts3.9/client/preview/angular-polyfills.d.ts → types/client/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/{ts3.9/client/preview/angular-polyfills.js → types/client/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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentWrapperDecorator = exports.moduleMetadata = 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
+module?.hot?.decline();

package/dist/{ts3.9/client/preview/index.d.ts → types/client/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/public-api.js

@@ -0,0 +1,43 @@
+"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");
+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.addDecorator = api.clientApi
+    .addDecorator;
+exports.addParameters = api.clientApi
+    .addParameters;
+exports.clearDecorators = api.clientApi.clearDecorators;
+exports.setAddon = api.clientApi.setAddon;
+exports.forceReRender = api.forceReRender;
+exports.getStorybook = api.clientApi.getStorybook;
+exports.raw = api.clientApi.raw;

package/dist/{ts3.9/client/preview/types-6-0.d.ts → types/client/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/{ts3.9/client/preview → types/client}/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/render.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderToDOM = exports.render = exports.rendererFactory = void 0;
+const helpers_1 = require("./angular/helpers");
+const RendererFactory_1 = require("./angular-beta/RendererFactory");
+exports.rendererFactory = new RendererFactory_1.RendererFactory();
+const render = (props) => ({ props });
+exports.render = render;
+async function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }, element) {
+    showMain();
+    if (parameters.angularLegacyRendering) {
+        (0, helpers_1.renderNgApp)(storyFn, !forceRemount);
+        return;
+    }
+    const renderer = await exports.rendererFactory.getRendererInstance(id, element);
+    await renderer.render({
+        storyFnAngular: storyFn(),
+        component,
+        parameters,
+        forced: !forceRemount,
+        targetDOMNode: element,
+    });
+}
+exports.renderToDOM = renderToDOM;

package/dist/{ts3.9/client/preview → types/client}/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

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

package/dist/{ts3.9/public_api.js → types/index.js}

@@ -1,16 +1,21 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    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:
  * - moduleMetadata

package/dist/types/preset.d.ts

@@ -0,0 +1,6 @@
+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 core: PresetProperty<'core', StorybookConfig>;
+export declare const typescript: PresetProperty<'typescript', StorybookConfig>;

package/dist/types/preset.js

@@ -0,0 +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.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 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: {
+            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

@@ -0,0 +1,4 @@
+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';