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

package/dist/client/docs/__testfixtures__/doc-button/input.js

@@ -0,0 +1,207 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputComponent = exports.ButtonAccent = exports.exportedConstant = void 0;
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+/* eslint-disable no-console */
+/* eslint-disable no-underscore-dangle */
+const core_1 = require("@angular/core");
+exports.exportedConstant = 'An exported constant';
+var ButtonAccent;
+(function (ButtonAccent) {
+    ButtonAccent["Normal"] = "Normal";
+    ButtonAccent["High"] = "High";
+})(ButtonAccent = exports.ButtonAccent || (exports.ButtonAccent = {}));
+/**
+ * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
+ *
+ * It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
+ * like **bold**, _italic_, and `inline code`.
+ *
+ * > How you like dem apples?! It's never been easier to document all your components.
+ *
+ * @string Hello world
+ * @link [Example](http://example.com)
+ * @code `ThingThing`
+ * @html <span class="badge">aaa</span>
+ */
+let InputComponent = class InputComponent {
+    constructor() {
+        /** Appearance style of the button. */
+        this.appearance = 'secondary';
+        /** Sets the button to a disabled state. */
+        this.isDisabled = false;
+        /** Size of the button. */
+        this.size = 'medium';
+        /**
+         * Some input you shouldn't use.
+         *
+         * @deprecated
+         */
+        this.somethingYouShouldNotUse = false;
+        /**
+         * Handler to be called when the button is clicked by a user.
+         *
+         * Will also block the emission of the event if `isDisabled` is true.
+         */
+        this.onClick = new core_1.EventEmitter();
+        this._inputValue = 'some value';
+        this.focus = false;
+        /**
+         * @ignore
+         */
+        this.ignoredProperty = 'Ignore me';
+        /** Public value. */
+        this.internalProperty = 'Public hello';
+        /** Private value. */
+        this._value = 'Private hello';
+    }
+    /**
+     * This is an internal method that we don't want to document and have added the `ignore` annotation to.
+     *
+     * @ignore
+     */
+    handleClick(event) {
+        event.stopPropagation();
+        if (!this.isDisabled) {
+            this.onClick.emit(event);
+        }
+    }
+    /** Setter for `inputValue` that is also an `@Input`. */
+    set inputValue(value) {
+        this._inputValue = value;
+    }
+    /** Getter for `inputValue`. */
+    get inputValue() {
+        return this._inputValue;
+    }
+    onClickListener(btn) {
+        console.log('button', btn);
+    }
+    /**
+     * Returns all the CSS classes for the button.
+     *
+     * @ignore
+     */
+    get classes() {
+        return [this.appearance, this.size]
+            .filter((_class) => !!_class)
+            .map((_class) => `btn-${_class}`);
+    }
+    /** Set the private value. */
+    set value(value) {
+        this._value = `${value}`;
+    }
+    /** Get the private value. */
+    get value() {
+        return this._value;
+    }
+    /**
+     * An internal calculation method which adds `x` and `y` together.
+     *
+     * @param x Some number you'd like to use.
+     * @param y Some other number or string you'd like to use, will have `parseInt()` applied before calculation.
+     */
+    calc(x, y) {
+        return x + parseInt(`${y}`, 10);
+    }
+    /** A public method using an interface. */
+    publicMethod(things) {
+        console.log(things);
+    }
+    /**
+     * A protected method.
+     *
+     * @param id Some `id`.
+     */
+    protectedMethod(id) {
+        console.log(id);
+    }
+    /**
+     * A private method.
+     *
+     * @param password Some `password`.
+     */
+    privateMethod(password) {
+        console.log(password);
+    }
+    set item(item) {
+        this.processedItem = item;
+    }
+};
+__decorate([
+    (0, core_1.ViewChild)('buttonRef', { static: false }),
+    __metadata("design:type", core_1.ElementRef)
+], InputComponent.prototype, "buttonRef", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], InputComponent.prototype, "appearance", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], InputComponent.prototype, "accent", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "isDisabled", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], InputComponent.prototype, "label", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], InputComponent.prototype, "size", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "someDataObject", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "somethingYouShouldNotUse", void 0);
+__decorate([
+    (0, core_1.Output)(),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "onClick", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], InputComponent.prototype, "inputValue", null);
+__decorate([
+    (0, core_1.HostListener)('click', ['$event.target']),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], InputComponent.prototype, "onClickListener", null);
+__decorate([
+    (0, core_1.HostBinding)('class.focused'),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "focus", void 0);
+__decorate([
+    (0, core_1.Input)('showKeyAlias'),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "showKey", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Array),
+    __metadata("design:paramtypes", [Array])
+], InputComponent.prototype, "item", null);
+InputComponent = __decorate([
+    (0, core_1.Component)({
+        selector: 'doc-button',
+        template: '<button>{{ label }}</button>',
+    })
+], InputComponent);
+exports.InputComponent = InputComponent;

package/dist/client/docs/__testfixtures__/doc-button/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../../../tsconfig.json",
+    "compilerOptions": {
+        "rootDir": "."
+    },
+    "include": ["./*.ts"]
+}

package/dist/client/docs/angular-properties.test.d.ts

@@ -0,0 +1 @@
+import 'jest-specific-snapshot';

package/dist/client/docs/angular-properties.test.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("jest-specific-snapshot");
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const tmp_1 = __importDefault(require("tmp"));
+const cross_spawn_1 = require("cross-spawn");
+const compodoc_1 = require("./compodoc");
+// @ts-expect-error (Converted from ts-ignore)
+const { SNAPSHOT_OS } = global;
+// File hierarchy: __testfixtures__ / some-test-case / input.*
+const inputRegExp = /^input\..*$/;
+const runCompodoc = (inputPath) => {
+    const testDir = path_1.default.dirname(inputPath);
+    const { name: tmpDir, removeCallback } = tmp_1.default.dirSync();
+    // FIXME: for now, this requires a tsconfig.json for each test case. Tried generating
+    // one dynamically in tmpDir, but compodoc doesn't handle absolute paths properly
+    // (and screwed around with relative paths as well, but couldn't get it working)
+    (0, cross_spawn_1.sync)('yarn', ['compodoc', '-p', `${testDir}/tsconfig.json`, '-e', 'json', '-d', tmpDir], {
+        stdio: 'inherit',
+        shell: true,
+    });
+    const output = fs_1.default.readFileSync(`${tmpDir}/documentation.json`, 'utf8');
+    try {
+        removeCallback();
+    }
+    catch (e) {
+        //
+    }
+    return output;
+};
+describe('angular component properties', () => {
+    const fixturesDir = path_1.default.join(__dirname, '__testfixtures__');
+    fs_1.default.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
+        if (testEntry.isDirectory()) {
+            const testDir = path_1.default.join(fixturesDir, testEntry.name);
+            const testFile = fs_1.default.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
+            if (testFile) {
+                it(`${testEntry.name}`, () => {
+                    const inputPath = path_1.default.join(testDir, testFile);
+                    // snapshot the output of compodoc
+                    const compodocOutput = runCompodoc(inputPath);
+                    const compodocJson = JSON.parse(compodocOutput);
+                    expect(compodocJson).toMatchSpecificSnapshot(path_1.default.join(testDir, `compodoc-${SNAPSHOT_OS}.snapshot`));
+                    // snapshot the output of addon-docs angular-properties
+                    const componentData = (0, compodoc_1.findComponentByName)('InputComponent', compodocJson);
+                    const argTypes = (0, compodoc_1.extractArgTypesFromData)(componentData);
+                    expect(argTypes).toMatchSpecificSnapshot(path_1.default.join(testDir, 'argtypes.snapshot'));
+                });
+            }
+        }
+    });
+});

package/dist/{types/client → client}/docs/compodoc.d.ts

@@ -1,5 +1,5 @@
-import type { ArgTypes } from '@storybook/api';
-import type { Class, CompodocJson, Component, Injectable, Method, Pipe, Property, Directive } from './types';
+import { API_ArgTypes } from '@storybook/types';
+import { Class, CompodocJson, Component, Injectable, Method, Pipe, Property, Directive } from './types';
 export declare const isMethod: (methodOrProp: Method | Property) => methodOrProp is Method;
 export declare const setCompodocJson: (compodocJson: CompodocJson) => void;
 export declare const getCompodocJson: () => CompodocJson;
@@ -13,6 +13,6 @@ export declare const extractType: (property: Property, defaultValue: any) => {
     name: string;
     value: any[];
 };
-export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => ArgTypes;
-export declare const extractArgTypes: (component: Component | Directive) => ArgTypes;
+export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => API_ArgTypes;
+export declare const extractArgTypes: (component: Component | Directive) => API_ArgTypes;
 export declare const extractComponentDescription: (component: Component | Directive) => string;

package/dist/{types/client → 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/client/docs/compodoc.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/client/docs/compodoc.test.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const compodoc_1 = require("./compodoc");
+const makeProperty = (compodocType) => ({
+    type: compodocType,
+    name: 'dummy',
+    decorators: [],
+    optional: true,
+});
+const getDummyCompodocJson = () => {
+    return {
+        miscellaneous: {
+            typealiases: [
+                {
+                    name: 'EnumAlias',
+                    ctype: 'miscellaneous',
+                    subtype: 'typealias',
+                    rawtype: 'EnumNumeric',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                    description: '',
+                    kind: 161,
+                },
+                {
+                    name: 'TypeAlias',
+                    ctype: 'miscellaneous',
+                    subtype: 'typealias',
+                    rawtype: '"Type Alias 1" | "Type Alias 2" | "Type Alias 3"',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                    description: '',
+                    kind: 168,
+                },
+            ],
+            enumerations: [
+                {
+                    name: 'EnumNumeric',
+                    childs: [
+                        {
+                            name: 'FIRST',
+                        },
+                        {
+                            name: 'SECOND',
+                        },
+                        {
+                            name: 'THIRD',
+                        },
+                    ],
+                    ctype: 'miscellaneous',
+                    subtype: 'enum',
+                    description: '<p>Button Priority</p>\n',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                },
+                {
+                    name: 'EnumNumericInitial',
+                    childs: [
+                        {
+                            name: 'UNO',
+                            value: '1',
+                        },
+                        {
+                            name: 'DOS',
+                        },
+                        {
+                            name: 'TRES',
+                        },
+                    ],
+                    ctype: 'miscellaneous',
+                    subtype: 'enum',
+                    description: '',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                },
+                {
+                    name: 'EnumStringValues',
+                    childs: [
+                        {
+                            name: 'PRIMARY',
+                            value: 'PRIMARY',
+                        },
+                        {
+                            name: 'SECONDARY',
+                            value: 'SECONDARY',
+                        },
+                        {
+                            name: 'TERTIARY',
+                            value: 'TERTIARY',
+                        },
+                    ],
+                    ctype: 'miscellaneous',
+                    subtype: 'enum',
+                    description: '',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                },
+            ],
+        },
+    };
+};
+describe('extractType', () => {
+    describe('with compodoc type', () => {
+        (0, compodoc_1.setCompodocJson)(getDummyCompodocJson());
+        it.each([
+            ['string', { name: 'string' }],
+            ['boolean', { name: 'boolean' }],
+            ['number', { name: 'number' }],
+            ['object', { name: 'object' }],
+            ['foo', { name: 'object' }],
+            [null, { name: 'void' }],
+            [undefined, { name: 'void' }],
+            ['T[]', { name: 'object' }],
+            ['[]', { name: 'object' }],
+            ['"primary" | "secondary"', { name: 'enum', value: ['primary', 'secondary'] }],
+            ['TypeAlias', { name: 'enum', value: ['Type Alias 1', 'Type Alias 2', 'Type Alias 3'] }],
+            ['EnumNumeric', { name: 'object' }],
+            ['EnumNumericInitial', { name: 'object' }],
+            ['EnumStringValues', { name: 'enum', value: ['PRIMARY', 'SECONDARY', 'TERTIARY'] }],
+        ])('%s', (compodocType, expected) => {
+            expect((0, compodoc_1.extractType)(makeProperty(compodocType), null)).toEqual(expected);
+        });
+    });
+    describe('without compodoc type', () => {
+        it.each([
+            ['string', { name: 'string' }],
+            ['', { name: 'string' }],
+            [false, { name: 'boolean' }],
+            [10, { name: 'number' }],
+            [['abc'], { name: 'object' }],
+            [{ foo: 1 }, { name: 'object' }],
+            [undefined, { name: 'void' }],
+        ])('%s', (defaultValue, expected) => {
+            expect((0, compodoc_1.extractType)(makeProperty(null), defaultValue)).toEqual(expected);
+        });
+    });
+});

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

@@ -0,0 +1,4 @@
+import { Parameters, DecoratorFunction, ArgTypesEnhancer } from '@storybook/types';
+export declare const parameters: Parameters;
+export declare const decorators: DecoratorFunction[];
+export declare const argTypesEnhancers: ArgTypesEnhancer[];

package/dist/{types/client → client}/docs/sourceDecorator.d.ts

@@ -1,9 +1,9 @@
-import type { PartialStoryFn } from '@storybook/csf';
-import { StoryContext, AngularFramework } from '..';
+import { PartialStoryFn } from '@storybook/types';
+import { StoryContext, AngularRenderer } 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<AngularRenderer>, context: StoryContext) => import("../types").StoryFnAngularReturnType;

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

@@ -0,0 +1,28 @@
+"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);
+    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");
+// eslint-disable-next-line import/export
+__exportStar(require("./public-api"), exports);
+// eslint-disable-next-line import/export
+__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/client/public-api.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="webpack-env" />
+/// <reference types="node" />
+import { Addon_ClientStoryApi, Addon_Loadable } from '@storybook/types';
+import { AngularRenderer } from './types';
+export * from './public-types';
+interface ClientApi extends Addon_ClientStoryApi<AngularRenderer['storyResult']> {
+    configure(loader: Addon_Loadable, module: NodeModule): void;
+    forceReRender(): void;
+    raw: () => any;
+    load: (...args: any[]) => void;
+}
+export declare const storiesOf: ClientApi['storiesOf'];
+export declare const configure: ClientApi['configure'];
+export declare const forceReRender: ClientApi['forceReRender'];
+export declare const raw: ClientApi['raw'];

package/dist/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.renderToCanvas, { 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/client/public-types.d.ts

@@ -0,0 +1,36 @@
+import { AnnotatedStoryFn, Args, ComponentAnnotations, DecoratorFunction, LoaderFunction, StoryAnnotations, StoryContext as GenericStoryContext, StrictArgs } from '@storybook/types';
+import { AngularRenderer } from './types';
+export type { Args, ArgTypes, Parameters, StrictArgs } from '@storybook/types';
+export type { Parameters as AngularParameters } from './types';
+export type { AngularRenderer };
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+export declare type Meta<TArgs = Args> = ComponentAnnotations<AngularRenderer, 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<AngularRenderer, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularRenderer, TArgs>;
+/**
+ * @deprecated Use `StoryFn` instead.
+ * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
+ * You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
+ *
+ * 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 Story<TArgs = Args> = StoryFn<TArgs>;
+export declare type Decorator<TArgs = StrictArgs> = DecoratorFunction<AngularRenderer, TArgs>;
+export declare type Loader<TArgs = StrictArgs> = LoaderFunction<AngularRenderer, TArgs>;
+export declare type StoryContext<TArgs = StrictArgs> = GenericStoryContext<AngularRenderer, TArgs>;

package/dist/client/render.d.ts

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