@storybook/angular 9.1.0-alpha.6 → 9.1.0-alpha.8

package/dist/client/compodoc.test.js

@@ -1,132 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
-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',
-                },
-            ],
-        },
-    };
-};
-(0, vitest_1.describe)('extractType', () => {
-    (0, vitest_1.describe)('with compodoc type', () => {
-        (0, compodoc_1.setCompodocJson)(getDummyCompodocJson());
-        vitest_1.it.each([
-            ['string', { name: 'string' }],
-            ['boolean', { name: 'boolean' }],
-            ['number', { name: 'number' }],
-            // ['object', { name: 'object' }], // seems to be wrong | TODO: REVISIT
-            // ['foo', { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            [null, { name: 'other', value: 'void' }],
-            [undefined, { name: 'other', value: 'void' }],
-            // ['T[]', { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            ['[]', { name: 'other', value: 'empty-enum' }],
-            ['"primary" | "secondary"', { name: 'enum', value: ['primary', 'secondary'] }],
-            ['TypeAlias', { name: 'enum', value: ['Type Alias 1', 'Type Alias 2', 'Type Alias 3'] }],
-            // ['EnumNumeric', { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            // ['EnumNumericInitial', { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            ['EnumStringValues', { name: 'enum', value: ['PRIMARY', 'SECONDARY', 'TERTIARY'] }],
-        ])('%s', (compodocType, expected) => {
-            (0, vitest_1.expect)((0, compodoc_1.extractType)(makeProperty(compodocType), null)).toEqual(expected);
-        });
-    });
-    (0, vitest_1.describe)('without compodoc type', () => {
-        vitest_1.it.each([
-            ['string', { name: 'string' }],
-            ['', { name: 'string' }],
-            [false, { name: 'boolean' }],
-            [10, { name: 'number' }],
-            // [['abc'], { name: 'object' }], // seems to be wrong | TODO: REVISIT
-            // [{ foo: 1 }, { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            [undefined, { name: 'other', value: 'void' }],
-        ])('%s', (defaultValue, expected) => {
-            (0, vitest_1.expect)((0, compodoc_1.extractType)(makeProperty(null), defaultValue)).toEqual(expected);
-        });
-    });
-});

package/dist/client/compodoc.test.mjs

@@ -1,130 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { extractType, setCompodocJson } from './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', () => {
-        setCompodocJson(getDummyCompodocJson());
-        it.each([
-            ['string', { name: 'string' }],
-            ['boolean', { name: 'boolean' }],
-            ['number', { name: 'number' }],
-            // ['object', { name: 'object' }], // seems to be wrong | TODO: REVISIT
-            // ['foo', { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            [null, { name: 'other', value: 'void' }],
-            [undefined, { name: 'other', value: 'void' }],
-            // ['T[]', { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            ['[]', { name: 'other', value: 'empty-enum' }],
-            ['"primary" | "secondary"', { name: 'enum', value: ['primary', 'secondary'] }],
-            ['TypeAlias', { name: 'enum', value: ['Type Alias 1', 'Type Alias 2', 'Type Alias 3'] }],
-            // ['EnumNumeric', { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            // ['EnumNumericInitial', { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            ['EnumStringValues', { name: 'enum', value: ['PRIMARY', 'SECONDARY', 'TERTIARY'] }],
-        ])('%s', (compodocType, expected) => {
-            expect(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' }], // seems to be wrong | TODO: REVISIT
-            // [{ foo: 1 }, { name: 'other', value: 'empty-enum' }], // seems to be wrong | TODO: REVISIT
-            [undefined, { name: 'other', value: 'void' }],
-        ])('%s', (defaultValue, expected) => {
-            expect(extractType(makeProperty(null), defaultValue)).toEqual(expected);
-        });
-    });
-});

package/dist/client/decorateStory.d.ts

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

package/dist/client/decorateStory.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = decorateStory;
-exports.decorateStory = decorateStory;
-const preview_api_1 = require("storybook/preview-api");
-const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
-function decorateStory(mainStoryFn, decorators) {
-    const returnDecorators = [cleanArgsDecorator, ...decorators].reduce((previousStoryFn, decorator) => (context) => {
-        const decoratedStory = decorator((update) => {
-            return previousStoryFn({
-                ...context,
-                ...(0, preview_api_1.sanitizeStoryContextUpdate)(update),
-            });
-        }, context);
-        return decoratedStory;
-    }, (context) => prepareMain(mainStoryFn(context), context));
-    return returnDecorators;
-}
-const prepareMain = (story, context) => {
-    let { template } = story;
-    const { component } = context;
-    const userDefinedTemplate = !hasNoTemplate(template);
-    if (!userDefinedTemplate && component) {
-        template = (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(component, story.props, '');
-    }
-    return {
-        ...story,
-        ...(template ? { template, userDefinedTemplate } : {}),
-    };
-};
-function hasNoTemplate(template) {
-    return template === null || template === undefined;
-}
-const cleanArgsDecorator = (storyFn, context) => {
-    if (!context.argTypes || !context.args) {
-        return storyFn();
-    }
-    const argsToClean = context.args;
-    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) {
-            return { ...obj, [key]: arg };
-        }
-        return obj;
-    }, {});
-    return storyFn();
-};

package/dist/client/decorateStory.mjs

@@ -1,45 +0,0 @@
-import { sanitizeStoryContextUpdate } from 'storybook/preview-api';
-import { computesTemplateFromComponent } from './angular-beta/ComputesTemplateFromComponent';
-export default function decorateStory(mainStoryFn, decorators) {
-    const returnDecorators = [cleanArgsDecorator, ...decorators].reduce((previousStoryFn, decorator) => (context) => {
-        const decoratedStory = decorator((update) => {
-            return previousStoryFn({
-                ...context,
-                ...sanitizeStoryContextUpdate(update),
-            });
-        }, context);
-        return decoratedStory;
-    }, (context) => prepareMain(mainStoryFn(context), context));
-    return returnDecorators;
-}
-export { decorateStory };
-const prepareMain = (story, context) => {
-    let { template } = story;
-    const { component } = context;
-    const userDefinedTemplate = !hasNoTemplate(template);
-    if (!userDefinedTemplate && component) {
-        template = computesTemplateFromComponent(component, story.props, '');
-    }
-    return {
-        ...story,
-        ...(template ? { template, userDefinedTemplate } : {}),
-    };
-};
-function hasNoTemplate(template) {
-    return template === null || template === undefined;
-}
-const cleanArgsDecorator = (storyFn, context) => {
-    if (!context.argTypes || !context.args) {
-        return storyFn();
-    }
-    const argsToClean = context.args;
-    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) {
-            return { ...obj, [key]: arg };
-        }
-        return obj;
-    }, {});
-    return storyFn();
-};

package/dist/client/decorateStory.test.d.ts

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

package/dist/client/decorateStory.test.js

@@ -1,306 +0,0 @@
-"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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@angular/core");
-const vitest_1 = require("vitest");
-const decorators_1 = require("./decorators");
-const decorateStory_1 = __importDefault(require("./decorateStory"));
-// TODO: Fix. Test is infinitely running.
-vitest_1.describe.skip('decorateStory', () => {
-    (0, vitest_1.describe)('angular behavior', () => {
-        (0, vitest_1.it)('should use componentWrapperDecorator with args', () => {
-            const decorators = [
-                (0, decorators_1.componentWrapperDecorator)(ParentComponent, ({ args }) => args),
-                (0, decorators_1.componentWrapperDecorator)((story) => `<grandparent [grandparentInput]="grandparentInput">${story}</grandparent>`, ({ args }) => args),
-                (0, decorators_1.componentWrapperDecorator)((story) => `<great-grandparent>${story}</great-grandparent>`),
-            ];
-            const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>' }), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({
-                component: FooComponent,
-                args: {
-                    parentInput: 'Parent input',
-                    grandparentInput: 'grandparent input',
-                    parentOutput: () => { },
-                },
-            }))).toEqual({
-                props: {
-                    parentInput: 'Parent input',
-                    grandparentInput: 'grandparent input',
-                    parentOutput: vitest_1.expect.any(Function),
-                },
-                template: '<great-grandparent><grandparent [grandparentInput]="grandparentInput"><parent [parentInput]="parentInput" (parentOutput)="parentOutput($event)"></child></parent></grandparent></great-grandparent>',
-                userDefinedTemplate: true,
-            });
-        });
-        (0, vitest_1.it)('should use componentWrapperDecorator with input / output', () => {
-            const decorators = [
-                (0, decorators_1.componentWrapperDecorator)(ParentComponent, {
-                    parentInput: 'Parent input',
-                    parentOutput: () => { },
-                }),
-                (0, decorators_1.componentWrapperDecorator)((story) => `<grandparent [grandparentInput]="grandparentInput">${story}</grandparent>`, {
-                    grandparentInput: 'Grandparent input',
-                    sameInput: 'Should be override by story props',
-                }),
-                (0, decorators_1.componentWrapperDecorator)((story) => `<great-grandparent>${story}</great-grandparent>`),
-            ];
-            const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>', props: { sameInput: 'Story input' } }), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({
-                component: FooComponent,
-            }))).toEqual({
-                props: {
-                    parentInput: 'Parent input',
-                    parentOutput: vitest_1.expect.any(Function),
-                    grandparentInput: 'Grandparent input',
-                    sameInput: 'Story input',
-                },
-                template: '<great-grandparent><grandparent [grandparentInput]="grandparentInput"><parent [parentInput]="parentInput" (parentOutput)="parentOutput($event)"></child></parent></grandparent></great-grandparent>',
-                userDefinedTemplate: true,
-            });
-        });
-        (0, vitest_1.it)('should use componentWrapperDecorator', () => {
-            const decorators = [
-                (0, decorators_1.componentWrapperDecorator)(ParentComponent),
-                (0, decorators_1.componentWrapperDecorator)((story) => `<grandparent>${story}</grandparent>`),
-                (0, decorators_1.componentWrapperDecorator)((story) => `<great-grandparent>${story}</great-grandparent>`),
-            ];
-            const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>' }), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({ component: FooComponent }))).toEqual({
-                template: '<great-grandparent><grandparent><parent></child></parent></grandparent></great-grandparent>',
-                userDefinedTemplate: true,
-            });
-        });
-        (0, vitest_1.it)('should use template in preference to component parameters', () => {
-            const decorators = [
-                (s) => {
-                    const story = s();
-                    return {
-                        ...story,
-                        template: `<parent>${story.template}</parent>`,
-                    };
-                },
-                (s) => {
-                    const story = s();
-                    return {
-                        ...story,
-                        template: `<grandparent>${story.template}</grandparent>`,
-                    };
-                },
-                (s) => {
-                    const story = s();
-                    return {
-                        ...story,
-                        template: `<great-grandparent>${story.template}</great-grandparent>`,
-                    };
-                },
-            ];
-            const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>' }), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({ component: FooComponent }))).toEqual({
-                template: '<great-grandparent><grandparent><parent></child></parent></grandparent></great-grandparent>',
-                userDefinedTemplate: true,
-            });
-        });
-        (0, vitest_1.it)('should include story templates in decorators', () => {
-            const decorators = [
-                (s) => {
-                    const story = s();
-                    return {
-                        ...story,
-                        template: `<parent>${story.template}</parent>`,
-                    };
-                },
-                (s) => {
-                    const story = s();
-                    return {
-                        ...story,
-                        template: `<grandparent>${story.template}</grandparent>`,
-                    };
-                },
-                (s) => {
-                    const story = s();
-                    return {
-                        ...story,
-                        template: `<great-grandparent>${story.template}</great-grandparent>`,
-                    };
-                },
-            ];
-            const decorated = (0, decorateStory_1.default)(() => ({ template: '</child>' }), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({}))).toEqual({
-                template: '<great-grandparent><grandparent><parent></child></parent></grandparent></great-grandparent>',
-                userDefinedTemplate: true,
-            });
-        });
-        (0, vitest_1.it)('should include story components in decorators', () => {
-            const decorators = [
-                (s) => {
-                    const story = s();
-                    return {
-                        ...story,
-                        template: `<parent>${story.template}</parent>`,
-                    };
-                },
-                (s) => {
-                    const story = s();
-                    return {
-                        ...story,
-                        template: `<grandparent>${story.template}</grandparent>`,
-                    };
-                },
-                (s) => {
-                    const story = s();
-                    return {
-                        ...story,
-                        template: `<great-grandparent>${story.template}</great-grandparent>`,
-                    };
-                },
-            ];
-            const decorated = (0, decorateStory_1.default)(() => ({}), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({ component: FooComponent }))).toEqual({
-                template: '<great-grandparent><grandparent><parent><foo></foo></parent></grandparent></great-grandparent>',
-                userDefinedTemplate: false,
-            });
-        });
-        (0, vitest_1.it)('should keep template with an empty value', () => {
-            const decorators = [
-                (0, decorators_1.componentWrapperDecorator)(ParentComponent),
-            ];
-            const decorated = (0, decorateStory_1.default)(() => ({ template: '' }), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({ component: FooComponent }))).toEqual({
-                template: '<parent></parent>',
-            });
-        });
-        (0, vitest_1.it)('should only keeps args with a control or an action in argTypes', () => {
-            const decorated = (0, decorateStory_1.default)((context) => ({
-                template: `Args available in the story : ${Object.keys(context.args).join()}`,
-            }), []);
-            (0, vitest_1.expect)(decorated(makeContext({
-                component: FooComponent,
-                argTypes: {
-                    withControl: { control: { type: 'object' }, name: 'withControl' },
-                    withAction: { action: 'onClick', name: 'withAction' },
-                    toRemove: { name: 'toRemove' },
-                },
-                args: {
-                    withControl: 'withControl',
-                    withAction: () => ({}),
-                    toRemove: 'toRemove',
-                },
-            }))).toEqual({
-                template: 'Args available in the story : withControl,withAction',
-                userDefinedTemplate: true,
-            });
-        });
-    });
-    (0, vitest_1.describe)('default behavior', () => {
-        (0, vitest_1.it)('calls decorators in out to in order', () => {
-            const decorators = [
-                (s) => {
-                    const story = s();
-                    return { ...story, props: { a: [...story.props.a, 1] } };
-                },
-                (s) => {
-                    const story = s();
-                    return { ...story, props: { a: [...story.props.a, 2] } };
-                },
-                (s) => {
-                    const story = s();
-                    return { ...story, props: { a: [...story.props.a, 3] } };
-                },
-            ];
-            const decorated = (0, decorateStory_1.default)(() => ({ props: { a: [0] } }), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({}))).toEqual({ props: { a: [0, 1, 2, 3] } });
-        });
-        (0, vitest_1.it)('passes context through to sub decorators', () => {
-            const decorators = [
-                (s, c) => {
-                    const story = s({ ...c, k: 1 });
-                    return { ...story, props: { a: [...story.props.a, c.k] } };
-                },
-                (s, c) => {
-                    const story = s({ ...c, k: 2 });
-                    return { ...story, props: { a: [...story.props.a, c.k] } };
-                },
-                (s, c) => {
-                    const story = s({ ...c, k: 3 });
-                    return { ...story, props: { a: [...story.props.a, c.k] } };
-                },
-            ];
-            const decorated = (0, decorateStory_1.default)((c) => ({ props: { a: [c.k] } }), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({ k: 0 }))).toEqual({ props: { a: [1, 2, 3, 0] } });
-        });
-        (0, vitest_1.it)('DOES NOT merge parameter or pass through parameters key in context', () => {
-            const decorators = [
-                (s, c) => {
-                    const story = s({ ...c, k: 1, parameters: { p: 1 } });
-                    return {
-                        ...story,
-                        props: { a: [...story.props.a, c.k], p: [...story.props.p, c.parameters.p] },
-                    };
-                },
-                (s, c) => {
-                    const story = s({ ...c, k: 2, parameters: { p: 2 } });
-                    return {
-                        ...story,
-                        props: { a: [...story.props.a, c.k], p: [...story.props.p, c.parameters.p] },
-                    };
-                },
-                (s, c) => {
-                    const story = s({ ...c, k: 3, parameters: { p: 3 } });
-                    return {
-                        ...story,
-                        props: { a: [...story.props.a, c.k], p: [...story.props.p, c.parameters.p] },
-                    };
-                },
-            ];
-            const decorated = (0, decorateStory_1.default)((c) => ({ props: { a: [c.k], p: [c.parameters.p] } }), decorators);
-            (0, vitest_1.expect)(decorated(makeContext({ k: 0, parameters: { p: 0 } }))).toEqual({
-                props: { a: [1, 2, 3, 0], p: [0, 0, 0, 0] },
-            });
-        });
-    });
-});
-function makeContext(input) {
-    return {
-        id: 'id',
-        kind: 'kind',
-        name: 'name',
-        viewMode: 'story',
-        parameters: {},
-        ...input,
-    };
-}
-let FooComponent = class FooComponent {
-};
-FooComponent = __decorate([
-    (0, core_1.Component)({
-        selector: 'foo',
-        template: `foo`,
-    })
-], FooComponent);
-let ParentComponent = class ParentComponent {
-};
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", String)
-], ParentComponent.prototype, "parentInput", void 0);
-__decorate([
-    (0, core_1.Output)(),
-    __metadata("design:type", Object)
-], ParentComponent.prototype, "parentOutput", void 0);
-ParentComponent = __decorate([
-    (0, core_1.Component)({
-        selector: 'parent',
-        template: `<ng-content></ng-content>`,
-    })
-], ParentComponent);