@storybook/angular 9.1.0-alpha.0 → 9.1.0-alpha.10

package/dist/client/angular-beta/StorybookModule.test.mjs

@@ -1,319 +0,0 @@
-// @vitest-environment happy-dom
-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);
-};
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { describe, expect, it } from 'vitest';
-import { TestBed } from '@angular/core/testing';
-import { BehaviorSubject } from 'rxjs';
-import { getApplication } from './StorybookModule';
-import { storyPropsProvider } from './StorybookProvider';
-import { PropertyExtractor } from './utils/PropertyExtractor';
-describe('StorybookModule', () => {
-    describe('getStorybookModuleMetadata', () => {
-        describe('with simple component', () => {
-            let FooComponent = class FooComponent {
-                constructor() {
-                    this.output = new EventEmitter();
-                    this.localOutput = new EventEmitter();
-                    this.localFunction = () => '';
-                    this.setterCallNb = 0;
-                }
-                set setter(value) {
-                    this.setterCallNb += 1;
-                }
-            };
-            __decorate([
-                Input(),
-                __metadata("design:type", String)
-            ], FooComponent.prototype, "input", void 0);
-            __decorate([
-                Input('inputBindingPropertyName'),
-                __metadata("design:type", String)
-            ], FooComponent.prototype, "localPropertyName", void 0);
-            __decorate([
-                Input(),
-                __metadata("design:type", String),
-                __metadata("design:paramtypes", [String])
-            ], FooComponent.prototype, "setter", null);
-            __decorate([
-                Output(),
-                __metadata("design:type", Object)
-            ], FooComponent.prototype, "output", void 0);
-            __decorate([
-                Output('outputBindingPropertyName'),
-                __metadata("design:type", Object)
-            ], FooComponent.prototype, "localOutput", void 0);
-            FooComponent = __decorate([
-                Component({
-                    selector: 'foo',
-                    template: `
-          <p id="input">{{ input }}</p>
-<p id="inputBindingPropertyName">{{ localPropertyName }}</p>
-<p id="setterCallNb">{{ setterCallNb }}</p>
-<p id="localProperty">{{ localProperty }}</p>
-<p id="localFunction">{{ localFunction() }}</p>
-<p id="output" (click)="output.emit('outputEmitted')"></p>
-<p id="outputBindingPropertyName" (click)="localOutput.emit('outputEmitted')"></p>
-        `,
-                })
-            ], FooComponent);
-            it('should initialize inputs', async () => {
-                const props = {
-                    input: 'input',
-                    inputBindingPropertyName: 'inputBindingPropertyName',
-                    localProperty: 'localProperty',
-                    localFunction: () => 'localFunction',
-                };
-                const analyzedMetadata = new PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = getApplication({
-                    storyFnAngular: { props },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [storyPropsProvider(new BehaviorSubject(props))],
-                });
-                fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(props.input);
-                expect(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual(props.inputBindingPropertyName);
-                expect(fixture.nativeElement.querySelector('p#localProperty').innerHTML).toEqual(props.localProperty);
-                expect(fixture.nativeElement.querySelector('p#localFunction').innerHTML).toEqual(props.localFunction());
-            });
-            it('should initialize outputs', async () => {
-                let expectedOutputValue;
-                let expectedOutputBindingValue;
-                const props = {
-                    output: (value) => {
-                        expectedOutputValue = value;
-                    },
-                    outputBindingPropertyName: (value) => {
-                        expectedOutputBindingValue = value;
-                    },
-                };
-                const analyzedMetadata = new PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = getApplication({
-                    storyFnAngular: { props },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [storyPropsProvider(new BehaviorSubject(props))],
-                });
-                fixture.detectChanges();
-                fixture.nativeElement.querySelector('p#output').click();
-                fixture.nativeElement.querySelector('p#outputBindingPropertyName').click();
-                expect(expectedOutputValue).toEqual('outputEmitted');
-                expect(expectedOutputBindingValue).toEqual('outputEmitted');
-            });
-            it('should change inputs if storyProps$ Subject emit', async () => {
-                const initialProps = {
-                    input: 'input',
-                    inputBindingPropertyName: '',
-                };
-                const storyProps$ = new BehaviorSubject(initialProps);
-                const analyzedMetadata = new PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = getApplication({
-                    storyFnAngular: { props: initialProps },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [storyPropsProvider(storyProps$)],
-                });
-                fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(initialProps.input);
-                expect(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual('');
-                const newProps = {
-                    input: 'new input',
-                    inputBindingPropertyName: 'new inputBindingPropertyName',
-                    localProperty: 'new localProperty',
-                    localFunction: () => 'new localFunction',
-                };
-                storyProps$.next(newProps);
-                fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
-                expect(fixture.nativeElement.querySelector('p#inputBindingPropertyName').innerHTML).toEqual(newProps.inputBindingPropertyName);
-                expect(fixture.nativeElement.querySelector('p#localProperty').innerHTML).toEqual(newProps.localProperty);
-                expect(fixture.nativeElement.querySelector('p#localFunction').innerHTML).toEqual(newProps.localFunction());
-            });
-            it('should override outputs if storyProps$ Subject emit', async () => {
-                let expectedOutputValue;
-                let expectedOutputBindingValue;
-                const initialProps = {
-                    input: '',
-                    output: (value) => {
-                        expectedOutputValue = value;
-                    },
-                    outputBindingPropertyName: (value) => {
-                        expectedOutputBindingValue = value;
-                    },
-                };
-                const storyProps$ = new BehaviorSubject(initialProps);
-                const analyzedMetadata = new PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = getApplication({
-                    storyFnAngular: { props: initialProps },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [storyPropsProvider(storyProps$)],
-                });
-                fixture.detectChanges();
-                const newProps = {
-                    input: 'new input',
-                    output: () => {
-                        expectedOutputValue = 'should be called';
-                    },
-                    outputBindingPropertyName: () => {
-                        expectedOutputBindingValue = 'should be called';
-                    },
-                };
-                storyProps$.next(newProps);
-                fixture.detectChanges();
-                fixture.nativeElement.querySelector('p#output').click();
-                fixture.nativeElement.querySelector('p#outputBindingPropertyName').click();
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
-                expect(expectedOutputValue).toEqual('should be called');
-                expect(expectedOutputBindingValue).toEqual('should be called');
-            });
-            it('should change template inputs if storyProps$ Subject emit', async () => {
-                const initialProps = {
-                    color: 'red',
-                    input: 'input',
-                };
-                const storyProps$ = new BehaviorSubject(initialProps);
-                const analyzedMetadata = new PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = getApplication({
-                    storyFnAngular: {
-                        props: initialProps,
-                        template: '<p [style.color]="color"><foo [input]="input"></foo></p>',
-                    },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [storyPropsProvider(storyProps$)],
-                });
-                fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p').style.color).toEqual('red');
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(initialProps.input);
-                const newProps = {
-                    color: 'black',
-                    input: 'new input',
-                };
-                storyProps$.next(newProps);
-                fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p').style.color).toEqual('black');
-                expect(fixture.nativeElement.querySelector('p#input').innerHTML).toEqual(newProps.input);
-            });
-            it('should call the Input() setter the right number of times', async () => {
-                const initialProps = {
-                    setter: 'init',
-                };
-                const storyProps$ = new BehaviorSubject(initialProps);
-                const analyzedMetadata = new PropertyExtractor({}, FooComponent);
-                await analyzedMetadata.init();
-                const application = getApplication({
-                    storyFnAngular: { props: initialProps },
-                    component: FooComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [storyPropsProvider(storyProps$)],
-                });
-                fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('1');
-                const newProps = {
-                    setter: 'new setter value',
-                };
-                storyProps$.next(newProps);
-                fixture.detectChanges();
-                expect(fixture.nativeElement.querySelector('p#setterCallNb').innerHTML).toEqual('2');
-            });
-        });
-        describe('with component without selector', () => {
-            let WithoutSelectorComponent = class WithoutSelectorComponent {
-            };
-            WithoutSelectorComponent = __decorate([
-                Component({
-                    template: `The content`,
-                })
-            ], WithoutSelectorComponent);
-            it('should display the component', async () => {
-                const props = {};
-                const analyzedMetadata = new PropertyExtractor({ entryComponents: [WithoutSelectorComponent] }, WithoutSelectorComponent);
-                await analyzedMetadata.init();
-                const application = getApplication({
-                    storyFnAngular: {
-                        props,
-                        moduleMetadata: { entryComponents: [WithoutSelectorComponent] },
-                    },
-                    component: WithoutSelectorComponent,
-                    targetSelector: 'my-selector',
-                    analyzedMetadata,
-                });
-                const { fixture } = await configureTestingModule({
-                    imports: [application],
-                    providers: [storyPropsProvider(new BehaviorSubject(props))],
-                });
-                fixture.detectChanges();
-                expect(fixture.nativeElement.innerHTML).toContain('The content');
-            });
-        });
-        it('should keep template with an empty value', async () => {
-            let FooComponent = class FooComponent {
-            };
-            FooComponent = __decorate([
-                Component({
-                    selector: 'foo',
-                    template: `Should not be displayed`,
-                })
-            ], FooComponent);
-            const analyzedMetadata = new PropertyExtractor({}, FooComponent);
-            await analyzedMetadata.init();
-            const application = getApplication({
-                storyFnAngular: { template: '' },
-                component: FooComponent,
-                targetSelector: 'my-selector',
-                analyzedMetadata,
-            });
-            const { fixture } = await configureTestingModule({
-                imports: [application],
-                providers: [storyPropsProvider(new BehaviorSubject({}))],
-            });
-            fixture.detectChanges();
-            expect(fixture.nativeElement.innerHTML).toEqual('');
-        });
-    });
-    async function configureTestingModule(ngModule) {
-        await TestBed.configureTestingModule(ngModule).compileComponents();
-        const fixture = TestBed.createComponent(ngModule.imports[0]);
-        return {
-            fixture,
-        };
-    }
-});

package/dist/client/angular-beta/StorybookProvider.d.ts

@@ -1,5 +0,0 @@
-import { InjectionToken, Provider } from '@angular/core';
-import { Subject } from 'rxjs';
-import { ICollection } from '../types';
-export declare const STORY_PROPS: InjectionToken<Subject<ICollection | undefined>>;
-export declare const storyPropsProvider: (storyProps$: Subject<ICollection | undefined>) => Provider;

package/dist/client/angular-beta/StorybookProvider.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.storyPropsProvider = exports.STORY_PROPS = void 0;
-const core_1 = require("@angular/core");
-const rxjs_1 = require("rxjs");
-exports.STORY_PROPS = new core_1.InjectionToken('STORY_PROPS');
-const storyPropsProvider = (storyProps$) => ({
-    provide: exports.STORY_PROPS,
-    useFactory: storyDataFactory(storyProps$.asObservable()),
-    deps: [core_1.NgZone],
-});
-exports.storyPropsProvider = storyPropsProvider;
-function storyDataFactory(data) {
-    return (ngZone) => new rxjs_1.Observable((subscriber) => {
-        const sub = data.subscribe((v) => {
-            ngZone.run(() => subscriber.next(v));
-        }, (err) => {
-            ngZone.run(() => subscriber.error(err));
-        }, () => {
-            ngZone.run(() => subscriber.complete());
-        });
-        return () => {
-            sub.unsubscribe();
-        };
-    });
-}

package/dist/client/angular-beta/StorybookProvider.mjs

@@ -1,22 +0,0 @@
-import { InjectionToken, NgZone } from '@angular/core';
-import { Observable } from 'rxjs';
-export const STORY_PROPS = new InjectionToken('STORY_PROPS');
-export const storyPropsProvider = (storyProps$) => ({
-    provide: STORY_PROPS,
-    useFactory: storyDataFactory(storyProps$.asObservable()),
-    deps: [NgZone],
-});
-function storyDataFactory(data) {
-    return (ngZone) => new Observable((subscriber) => {
-        const sub = data.subscribe((v) => {
-            ngZone.run(() => subscriber.next(v));
-        }, (err) => {
-            ngZone.run(() => subscriber.error(err));
-        }, () => {
-            ngZone.run(() => subscriber.complete());
-        });
-        return () => {
-            sub.unsubscribe();
-        };
-    });
-}

package/dist/client/angular-beta/StorybookWrapperComponent.d.ts

@@ -1,13 +0,0 @@
-import { Type } from '@angular/core';
-import { ICollection, NgModuleMetadata } from '../types';
-import { PropertyExtractor } from './utils/PropertyExtractor';
-/** Wraps the story template into a component */
-export declare const createStorybookWrapperComponent: ({ selector, template, storyComponent, styles, moduleMetadata, initialProps, analyzedMetadata, }: {
-    selector: string;
-    template: string;
-    storyComponent: Type<unknown> | undefined;
-    styles: string[];
-    moduleMetadata: NgModuleMetadata;
-    initialProps?: ICollection;
-    analyzedMetadata: PropertyExtractor;
-}) => Type<any>;

package/dist/client/angular-beta/StorybookWrapperComponent.js

@@ -1,127 +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 __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStorybookWrapperComponent = void 0;
-const core_1 = require("@angular/core");
-const rxjs_1 = require("rxjs");
-const operators_1 = require("rxjs/operators");
-const StorybookProvider_1 = require("./StorybookProvider");
-const NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
-const PropertyExtractor_1 = require("./utils/PropertyExtractor");
-const getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
-    const inputs = ngComponentInputsOutputs.inputs
-        .filter((i) => i.templateName in props)
-        .map((i) => i.templateName);
-    const outputs = ngComponentInputsOutputs.outputs
-        .filter((o) => o.templateName in props)
-        .map((o) => o.templateName);
-    return Object.keys(props).filter((k) => ![...inputs, ...outputs].includes(k));
-};
-/** Wraps the story template into a component */
-const createStorybookWrapperComponent = ({ selector, template, storyComponent, styles, moduleMetadata, initialProps, analyzedMetadata, }) => {
-    // In ivy, a '' selector is not allowed, therefore we need to just set it to anything if
-    // storyComponent was not provided.
-    const viewChildSelector = storyComponent ?? '__storybook-noop';
-    const { imports, declarations, providers } = analyzedMetadata;
-    let StorybookComponentModule = class StorybookComponentModule {
-    };
-    StorybookComponentModule = __decorate([
-        (0, core_1.NgModule)({
-            declarations,
-            imports,
-            exports: [...declarations, ...imports],
-        })
-    ], StorybookComponentModule);
-    PropertyExtractor_1.PropertyExtractor.warnImportsModuleWithProviders(analyzedMetadata);
-    let StorybookWrapperComponent = class StorybookWrapperComponent {
-        constructor(storyProps$, changeDetectorRef) {
-            this.storyProps$ = storyProps$;
-            this.changeDetectorRef = changeDetectorRef;
-            // Used in case of a component without selector
-            this.storyComponent = storyComponent ?? '';
-        }
-        ngOnInit() {
-            // Subscribes to the observable storyProps$ to keep these properties up to date
-            this.storyWrapperPropsSubscription = this.storyProps$.subscribe((storyProps = {}) => {
-                // All props are added as component properties
-                Object.assign(this, storyProps);
-                this.changeDetectorRef.detectChanges();
-                this.changeDetectorRef.markForCheck();
-            });
-        }
-        ngAfterViewInit() {
-            // Bind properties to component, if the story have component
-            if (this.storyComponentElementRef) {
-                const ngComponentInputsOutputs = (0, NgComponentAnalyzer_1.getComponentInputsOutputs)(storyComponent);
-                const initialOtherProps = getNonInputsOutputsProps(ngComponentInputsOutputs, initialProps);
-                // Initializes properties that are not Inputs | Outputs
-                // Allows story props to override local component properties
-                initialOtherProps.forEach((p) => {
-                    this.storyComponentElementRef[p] = initialProps[p];
-                });
-                // `markForCheck` the component in case this uses changeDetection: OnPush
-                // And then forces the `detectChanges`
-                this.storyComponentViewContainerRef.injector.get(core_1.ChangeDetectorRef).markForCheck();
-                this.changeDetectorRef.detectChanges();
-                // Once target component has been initialized, the storyProps$ observable keeps target component properties than are not Input|Output up to date
-                this.storyComponentPropsSubscription = this.storyProps$
-                    .pipe((0, operators_1.skip)(1), (0, operators_1.map)((props) => {
-                    const propsKeyToKeep = getNonInputsOutputsProps(ngComponentInputsOutputs, props);
-                    return propsKeyToKeep.reduce((acc, p) => ({ ...acc, [p]: props[p] }), {});
-                }))
-                    .subscribe((props) => {
-                    // Replace inputs with new ones from props
-                    Object.assign(this.storyComponentElementRef, props);
-                    // `markForCheck` the component in case this uses changeDetection: OnPush
-                    // And then forces the `detectChanges`
-                    this.storyComponentViewContainerRef.injector.get(core_1.ChangeDetectorRef).markForCheck();
-                    this.changeDetectorRef.detectChanges();
-                });
-            }
-        }
-        ngOnDestroy() {
-            if (this.storyComponentPropsSubscription != null) {
-                this.storyComponentPropsSubscription.unsubscribe();
-            }
-            if (this.storyWrapperPropsSubscription != null) {
-                this.storyWrapperPropsSubscription.unsubscribe();
-            }
-        }
-    };
-    __decorate([
-        (0, core_1.ViewChild)(viewChildSelector, { static: true }),
-        __metadata("design:type", core_1.ElementRef)
-    ], StorybookWrapperComponent.prototype, "storyComponentElementRef", void 0);
-    __decorate([
-        (0, core_1.ViewChild)(viewChildSelector, { read: core_1.ViewContainerRef, static: true }),
-        __metadata("design:type", core_1.ViewContainerRef)
-    ], StorybookWrapperComponent.prototype, "storyComponentViewContainerRef", void 0);
-    StorybookWrapperComponent = __decorate([
-        (0, core_1.Component)({
-            selector,
-            template,
-            standalone: true,
-            imports: [StorybookComponentModule],
-            providers,
-            styles,
-            schemas: moduleMetadata.schemas,
-        }),
-        __param(0, (0, core_1.Inject)(StorybookProvider_1.STORY_PROPS)),
-        __param(1, (0, core_1.Inject)(core_1.ChangeDetectorRef)),
-        __metadata("design:paramtypes", [rxjs_1.Subject,
-            core_1.ChangeDetectorRef])
-    ], StorybookWrapperComponent);
-    return StorybookWrapperComponent;
-};
-exports.createStorybookWrapperComponent = createStorybookWrapperComponent;

package/dist/client/angular-beta/StorybookWrapperComponent.mjs

@@ -1,123 +0,0 @@
-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 __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { ChangeDetectorRef, Component, ElementRef, Inject, NgModule, ViewChild, ViewContainerRef, } from '@angular/core';
-import { Subject } from 'rxjs';
-import { map, skip } from 'rxjs/operators';
-import { STORY_PROPS } from './StorybookProvider';
-import { getComponentInputsOutputs } from './utils/NgComponentAnalyzer';
-import { PropertyExtractor } from './utils/PropertyExtractor';
-const getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
-    const inputs = ngComponentInputsOutputs.inputs
-        .filter((i) => i.templateName in props)
-        .map((i) => i.templateName);
-    const outputs = ngComponentInputsOutputs.outputs
-        .filter((o) => o.templateName in props)
-        .map((o) => o.templateName);
-    return Object.keys(props).filter((k) => ![...inputs, ...outputs].includes(k));
-};
-/** Wraps the story template into a component */
-export const createStorybookWrapperComponent = ({ selector, template, storyComponent, styles, moduleMetadata, initialProps, analyzedMetadata, }) => {
-    // In ivy, a '' selector is not allowed, therefore we need to just set it to anything if
-    // storyComponent was not provided.
-    const viewChildSelector = storyComponent ?? '__storybook-noop';
-    const { imports, declarations, providers } = analyzedMetadata;
-    let StorybookComponentModule = class StorybookComponentModule {
-    };
-    StorybookComponentModule = __decorate([
-        NgModule({
-            declarations,
-            imports,
-            exports: [...declarations, ...imports],
-        })
-    ], StorybookComponentModule);
-    PropertyExtractor.warnImportsModuleWithProviders(analyzedMetadata);
-    let StorybookWrapperComponent = class StorybookWrapperComponent {
-        constructor(storyProps$, changeDetectorRef) {
-            this.storyProps$ = storyProps$;
-            this.changeDetectorRef = changeDetectorRef;
-            // Used in case of a component without selector
-            this.storyComponent = storyComponent ?? '';
-        }
-        ngOnInit() {
-            // Subscribes to the observable storyProps$ to keep these properties up to date
-            this.storyWrapperPropsSubscription = this.storyProps$.subscribe((storyProps = {}) => {
-                // All props are added as component properties
-                Object.assign(this, storyProps);
-                this.changeDetectorRef.detectChanges();
-                this.changeDetectorRef.markForCheck();
-            });
-        }
-        ngAfterViewInit() {
-            // Bind properties to component, if the story have component
-            if (this.storyComponentElementRef) {
-                const ngComponentInputsOutputs = getComponentInputsOutputs(storyComponent);
-                const initialOtherProps = getNonInputsOutputsProps(ngComponentInputsOutputs, initialProps);
-                // Initializes properties that are not Inputs | Outputs
-                // Allows story props to override local component properties
-                initialOtherProps.forEach((p) => {
-                    this.storyComponentElementRef[p] = initialProps[p];
-                });
-                // `markForCheck` the component in case this uses changeDetection: OnPush
-                // And then forces the `detectChanges`
-                this.storyComponentViewContainerRef.injector.get(ChangeDetectorRef).markForCheck();
-                this.changeDetectorRef.detectChanges();
-                // Once target component has been initialized, the storyProps$ observable keeps target component properties than are not Input|Output up to date
-                this.storyComponentPropsSubscription = this.storyProps$
-                    .pipe(skip(1), map((props) => {
-                    const propsKeyToKeep = getNonInputsOutputsProps(ngComponentInputsOutputs, props);
-                    return propsKeyToKeep.reduce((acc, p) => ({ ...acc, [p]: props[p] }), {});
-                }))
-                    .subscribe((props) => {
-                    // Replace inputs with new ones from props
-                    Object.assign(this.storyComponentElementRef, props);
-                    // `markForCheck` the component in case this uses changeDetection: OnPush
-                    // And then forces the `detectChanges`
-                    this.storyComponentViewContainerRef.injector.get(ChangeDetectorRef).markForCheck();
-                    this.changeDetectorRef.detectChanges();
-                });
-            }
-        }
-        ngOnDestroy() {
-            if (this.storyComponentPropsSubscription != null) {
-                this.storyComponentPropsSubscription.unsubscribe();
-            }
-            if (this.storyWrapperPropsSubscription != null) {
-                this.storyWrapperPropsSubscription.unsubscribe();
-            }
-        }
-    };
-    __decorate([
-        ViewChild(viewChildSelector, { static: true }),
-        __metadata("design:type", ElementRef)
-    ], StorybookWrapperComponent.prototype, "storyComponentElementRef", void 0);
-    __decorate([
-        ViewChild(viewChildSelector, { read: ViewContainerRef, static: true }),
-        __metadata("design:type", ViewContainerRef)
-    ], StorybookWrapperComponent.prototype, "storyComponentViewContainerRef", void 0);
-    StorybookWrapperComponent = __decorate([
-        Component({
-            selector,
-            template,
-            standalone: true,
-            imports: [StorybookComponentModule],
-            providers,
-            styles,
-            schemas: moduleMetadata.schemas,
-        }),
-        __param(0, Inject(STORY_PROPS)),
-        __param(1, Inject(ChangeDetectorRef)),
-        __metadata("design:paramtypes", [Subject,
-            ChangeDetectorRef])
-    ], StorybookWrapperComponent);
-    return StorybookWrapperComponent;
-};

package/dist/client/angular-beta/__testfixtures__/input.component.d.ts

@@ -1,29 +0,0 @@
-import { EventEmitter } from '@angular/core';
-export declare const exportedConstant = "An exported constant";
-export declare enum ButtonAccent {
-    'Normal' = "Normal",
-    'High' = "High"
-}
-export interface ISomeInterface {
-    one: string;
-    two: boolean;
-    three: any[];
-    ref?: ISomeInterface;
-}
-export declare class InputComponent<T> {
-    /** Appearance style of the button. */
-    appearance: 'primary' | 'secondary';
-    counter: number;
-    /** Specify the accent-type of the button */
-    accent: ButtonAccent;
-    /** To test source-generation with overridden propertyname */
-    foregroundColor: string;
-    /** Sets the button to a disabled state. */
-    isDisabled: boolean;
-    label: string;
-    ariaLabel: string;
-    /** Specifies some arbitrary object */
-    someDataObject: ISomeInterface;
-    onClick: EventEmitter<Event>;
-    dashOut: EventEmitter<any>;
-}