@storybook/angular 6.5.9 → 7.0.0-alpha.10

package/dist/types/client/angular-beta/DocsRenderer.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocsRenderer = void 0;
+const addons_1 = require("@storybook/addons");
+const core_events_1 = __importDefault(require("@storybook/core-events"));
+const AbstractRenderer_1 = require("./AbstractRenderer");
+class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
+    async render(options) {
+        const channel = addons_1.addons.getChannel();
+        /**
+         * Destroy and recreate the PlatformBrowserDynamic of angular
+         * For several stories to be rendered in the same docs we should
+         * not destroy angular between each rendering but do it when the
+         * rendered stories are not needed anymore.
+         *
+         * Note for improvement: currently there is one event per story
+         * rendered in the doc. But one event could be enough for the whole docs
+         *
+         */
+        channel.once(core_events_1.default.STORY_CHANGED, async () => {
+            await DocsRenderer.resetPlatformBrowserDynamic();
+        });
+        /**
+         * Destroy and recreate the PlatformBrowserDynamic of angular
+         * when doc re render. Allows to call ngOnDestroy of angular
+         * for previous component
+         */
+        channel.once(core_events_1.default.DOCS_RENDERED, async () => {
+            await DocsRenderer.resetPlatformBrowserDynamic();
+        });
+        await super.render({ ...options, forced: false });
+    }
+    async beforeFullRender() { }
+    async afterFullRender() {
+        await AbstractRenderer_1.AbstractRenderer.resetCompiledComponents();
+    }
+}
+exports.DocsRenderer = DocsRenderer;

package/dist/types/client/angular-beta/RendererFactory.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearRootHTMLElement = exports.getRenderType = exports.RendererFactory = void 0;
+const AbstractRenderer_1 = require("./AbstractRenderer");
+const DocsRenderer_1 = require("./DocsRenderer");
+const CanvasRenderer_1 = require("./CanvasRenderer");
+class RendererFactory {
+    constructor() {
+        this.rendererMap = new Map();
+    }
+    async getRendererInstance(storyId, targetDOMNode) {
+        // do nothing if the target node is null
+        // fix a problem when the docs asks 2 times the same component at the same time
+        // the 1st targetDOMNode of the 1st requested rendering becomes null 🤷‍♂️
+        if (targetDOMNode === null) {
+            return null;
+        }
+        const renderType = (0, exports.getRenderType)(targetDOMNode);
+        // keep only instances of the same type
+        if (this.lastRenderType && this.lastRenderType !== renderType) {
+            await AbstractRenderer_1.AbstractRenderer.resetPlatformBrowserDynamic();
+            clearRootHTMLElement(renderType);
+            this.rendererMap.clear();
+        }
+        if (!this.rendererMap.has(storyId)) {
+            this.rendererMap.set(storyId, this.buildRenderer(storyId, renderType));
+        }
+        this.lastRenderType = renderType;
+        return this.rendererMap.get(storyId);
+    }
+    buildRenderer(storyId, renderType) {
+        if (renderType === 'docs') {
+            return new DocsRenderer_1.DocsRenderer(storyId);
+        }
+        return new CanvasRenderer_1.CanvasRenderer(storyId);
+    }
+}
+exports.RendererFactory = RendererFactory;
+const getRenderType = (targetDOMNode) => {
+    return targetDOMNode.id === 'root' ? 'canvas' : 'docs';
+};
+exports.getRenderType = getRenderType;
+function clearRootHTMLElement(renderType) {
+    switch (renderType) {
+        case 'canvas':
+            global.document.getElementById('docs-root').innerHTML = '';
+            break;
+        case 'docs':
+            global.document.getElementById('root').innerHTML = '';
+            break;
+        default:
+            break;
+    }
+}
+exports.clearRootHTMLElement = clearRootHTMLElement;

package/dist/{ts3.9/client/preview → types/client}/angular-beta/StorybookModule.js

@@ -19,62 +19,63 @@ const NgModulesAnalyzer_1 = require("./utils/NgModulesAnalyzer");
 const NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
 const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
 const ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent");
-const deprecatedStoryComponentWarning = util_deprecate_1.default(() => { }, ts_dedent_1.default `\`component\` story return value is deprecated, and will be removed in Storybook 7.0.
+const deprecatedStoryComponentWarning = (0, util_deprecate_1.default)(() => { }, (0, ts_dedent_1.default) `\`component\` story return value is deprecated, and will be removed in Storybook 7.0.
         Instead, use \`export const default = () => ({ component: AppComponent });\`
         or
         \`\`\`
-        export const Primary: Story = () => ({});
+        export const Primary: StoryFn = () => ({});
         Primary.parameters = { component: AppComponent };
         \`\`\`
         Read more at 
         - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component).
         - https://storybook.js.org/docs/angular/writing-stories/parameters
       `);
-exports.getStorybookModuleMetadata = ({ storyFnAngular, component: annotatedComponent, targetSelector, }, storyProps$) => {
-    var _a, _b, _c, _d, _e;
+const getStorybookModuleMetadata = ({ storyFnAngular, component: annotatedComponent, targetSelector, }, storyProps$) => {
     const { component: storyComponent, props, styles, moduleMetadata = {} } = storyFnAngular;
     let { template } = storyFnAngular;
     if (storyComponent) {
         deprecatedStoryComponentWarning();
     }
-    const component = storyComponent !== null && storyComponent !== void 0 ? storyComponent : annotatedComponent;
+    const component = storyComponent ?? annotatedComponent;
     if (hasNoTemplate(template) && component) {
-        template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, props, '');
+        template = (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(component, props, '');
     }
     /**
      * Create a component that wraps generated template and gives it props
      */
-    const ComponentToInject = StorybookWrapperComponent_1.createStorybookWrapperComponent(targetSelector, template, component, styles, props);
-    const isStandalone = NgComponentAnalyzer_1.isStandaloneComponent(component);
+    const ComponentToInject = (0, StorybookWrapperComponent_1.createStorybookWrapperComponent)(targetSelector, template, component, styles, props);
+    const isStandalone = (0, NgComponentAnalyzer_1.isStandaloneComponent)(component);
     // Look recursively (deep) if the component is not already declared by an import module
-    const requiresComponentDeclaration = NgComponentAnalyzer_1.isDeclarable(component) &&
-        !NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules(component, moduleMetadata.declarations, moduleMetadata.imports) &&
+    const requiresComponentDeclaration = (0, NgComponentAnalyzer_1.isDeclarable)(component) &&
+        !(0, NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules)(component, moduleMetadata.declarations, moduleMetadata.imports) &&
         !isStandalone;
     return {
         declarations: [
             ...(requiresComponentDeclaration ? [component] : []),
             ComponentToInject,
-            ...((_a = moduleMetadata.declarations) !== null && _a !== void 0 ? _a : []),
+            ...(moduleMetadata.declarations ?? []),
         ],
         imports: [
             platform_browser_1.BrowserModule,
             ...(isStandalone ? [component] : []),
-            ...((_b = moduleMetadata.imports) !== null && _b !== void 0 ? _b : []),
+            ...(moduleMetadata.imports ?? []),
         ],
-        providers: [StorybookProvider_1.storyPropsProvider(storyProps$), ...((_c = moduleMetadata.providers) !== null && _c !== void 0 ? _c : [])],
-        entryComponents: [...((_d = moduleMetadata.entryComponents) !== null && _d !== void 0 ? _d : [])],
-        schemas: [...((_e = moduleMetadata.schemas) !== null && _e !== void 0 ? _e : [])],
+        providers: [(0, StorybookProvider_1.storyPropsProvider)(storyProps$), ...(moduleMetadata.providers ?? [])],
+        entryComponents: [...(moduleMetadata.entryComponents ?? [])],
+        schemas: [...(moduleMetadata.schemas ?? [])],
         bootstrap: [ComponentToInject],
     };
 };
-exports.createStorybookModule = (ngModule) => {
+exports.getStorybookModuleMetadata = getStorybookModuleMetadata;
+const createStorybookModule = (ngModule) => {
     let StorybookModule = class StorybookModule {
     };
     StorybookModule = __decorate([
-        core_1.NgModule(ngModule)
+        (0, core_1.NgModule)(ngModule)
     ], StorybookModule);
     return StorybookModule;
 };
+exports.createStorybookModule = createStorybookModule;
 function hasNoTemplate(template) {
     return template === null || template === undefined;
 }

package/dist/{ts3.9/client/preview → types/client}/angular-beta/StorybookProvider.js

@@ -4,11 +4,12 @@ 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');
-exports.storyPropsProvider = (storyProps$) => ({
+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) => {

package/dist/{ts3.9/client/preview → types/client}/angular-beta/StorybookWrapperComponent.js

@@ -33,17 +33,17 @@ const getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
  * @param storyComponent
  * @param initialProps
  */
-exports.createStorybookWrapperComponent = (selector, template, storyComponent, styles, initialProps) => {
+const createStorybookWrapperComponent = (selector, template, storyComponent, styles, initialProps) => {
     // In ivy, a '' selector is not allowed, therefore we need to just set it to anything if
     // storyComponent was not provided.
-    const viewChildSelector = storyComponent !== null && storyComponent !== void 0 ? storyComponent : '__storybook-noop';
+    const viewChildSelector = storyComponent ?? '__storybook-noop';
     let StorybookWrapperComponent = class StorybookWrapperComponent {
         // eslint-disable-next-line no-useless-constructor
         constructor(storyProps$, changeDetectorRef) {
             this.storyProps$ = storyProps$;
             this.changeDetectorRef = changeDetectorRef;
             // Used in case of a component without selector
-            this.storyComponent = storyComponent !== null && storyComponent !== void 0 ? storyComponent : '';
+            this.storyComponent = storyComponent ?? '';
         }
         ngOnInit() {
             // Subscribes to the observable storyProps$ to keep these properties up to date
@@ -57,7 +57,7 @@ exports.createStorybookWrapperComponent = (selector, template, storyComponent, s
         ngAfterViewInit() {
             // Bind properties to component, if the story have component
             if (this.storyComponentElementRef) {
-                const ngComponentInputsOutputs = NgComponentAnalyzer_1.getComponentInputsOutputs(storyComponent);
+                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
@@ -70,9 +70,9 @@ exports.createStorybookWrapperComponent = (selector, template, storyComponent, s
                 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(operators_1.skip(1), operators_1.map((props) => {
+                    .pipe((0, operators_1.skip)(1), (0, operators_1.map)((props) => {
                     const propsKeyToKeep = getNonInputsOutputsProps(ngComponentInputsOutputs, props);
-                    return propsKeyToKeep.reduce((acc, p) => (Object.assign(Object.assign({}, acc), { [p]: props[p] })), {});
+                    return propsKeyToKeep.reduce((acc, p) => ({ ...acc, [p]: props[p] }), {});
                 }))
                     .subscribe((props) => {
                     // Replace inputs with new ones from props
@@ -94,22 +94,23 @@ exports.createStorybookWrapperComponent = (selector, template, storyComponent, s
         }
     };
     __decorate([
-        core_1.ViewChild(viewChildSelector, { static: true }),
+        (0, core_1.ViewChild)(viewChildSelector, { static: true }),
         __metadata("design:type", core_1.ElementRef)
     ], StorybookWrapperComponent.prototype, "storyComponentElementRef", void 0);
     __decorate([
-        core_1.ViewChild(viewChildSelector, { read: core_1.ViewContainerRef, static: true }),
+        (0, core_1.ViewChild)(viewChildSelector, { read: core_1.ViewContainerRef, static: true }),
         __metadata("design:type", core_1.ViewContainerRef)
     ], StorybookWrapperComponent.prototype, "storyComponentViewContainerRef", void 0);
     StorybookWrapperComponent = __decorate([
-        core_1.Component({
+        (0, core_1.Component)({
             selector,
             template,
             styles,
         }),
-        __param(0, core_1.Inject(StorybookProvider_1.STORY_PROPS)),
+        __param(0, (0, core_1.Inject)(StorybookProvider_1.STORY_PROPS)),
         __metadata("design:paramtypes", [rxjs_1.Subject,
             core_1.ChangeDetectorRef])
     ], StorybookWrapperComponent);
     return StorybookWrapperComponent;
 };
+exports.createStorybookWrapperComponent = createStorybookWrapperComponent;

package/dist/{ts3.9/client/preview → types/client}/angular-beta/utils/NgComponentAnalyzer.js

@@ -6,9 +6,9 @@ const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
 /**
  * Returns component Inputs / Outputs by browsing these properties and decorator
  */
-exports.getComponentInputsOutputs = (component) => {
-    const componentMetadata = exports.getComponentDecoratorMetadata(component);
-    const componentPropsMetadata = exports.getComponentPropsDecoratorMetadata(component);
+const getComponentInputsOutputs = (component) => {
+    const componentMetadata = (0, exports.getComponentDecoratorMetadata)(component);
+    const componentPropsMetadata = (0, exports.getComponentPropsDecoratorMetadata)(component);
     const initialValue = {
         inputs: [],
         outputs: [],
@@ -26,42 +26,50 @@ exports.getComponentInputsOutputs = (component) => {
     // Browses component properties to extract I/O
     // Filters properties that have the same name as the one present in the @Component property
     return Object.entries(componentPropsMetadata).reduce((previousValue, [propertyName, values]) => {
-        var _a, _b;
         const value = values.find((v) => v instanceof core_1.Input || v instanceof core_1.Output);
         if (value instanceof core_1.Input) {
             const inputToAdd = {
                 propName: propertyName,
-                templateName: (_a = value.bindingPropertyName) !== null && _a !== void 0 ? _a : propertyName,
+                templateName: value.bindingPropertyName ?? propertyName,
             };
             const previousInputsFiltered = previousValue.inputs.filter((i) => i.templateName !== propertyName);
-            return Object.assign(Object.assign({}, previousValue), { inputs: [...previousInputsFiltered, inputToAdd] });
+            return {
+                ...previousValue,
+                inputs: [...previousInputsFiltered, inputToAdd],
+            };
         }
         if (value instanceof core_1.Output) {
             const outputToAdd = {
                 propName: propertyName,
-                templateName: (_b = value.bindingPropertyName) !== null && _b !== void 0 ? _b : propertyName,
+                templateName: value.bindingPropertyName ?? propertyName,
             };
             const previousOutputsFiltered = previousValue.outputs.filter((i) => i.templateName !== propertyName);
-            return Object.assign(Object.assign({}, previousValue), { outputs: [...previousOutputsFiltered, outputToAdd] });
+            return {
+                ...previousValue,
+                outputs: [...previousOutputsFiltered, outputToAdd],
+            };
         }
         return previousValue;
     }, initialValue);
 };
-exports.isDeclarable = (component) => {
+exports.getComponentInputsOutputs = getComponentInputsOutputs;
+const isDeclarable = (component) => {
     if (!component) {
         return false;
     }
     const decorators = reflectionCapabilities.annotations(component);
     return !!(decorators || []).find((d) => d instanceof core_1.Directive || d instanceof core_1.Pipe || d instanceof core_1.Component);
 };
-exports.isComponent = (component) => {
+exports.isDeclarable = isDeclarable;
+const isComponent = (component) => {
     if (!component) {
         return false;
     }
     const decorators = reflectionCapabilities.annotations(component);
     return (decorators || []).some((d) => d instanceof core_1.Component);
 };
-exports.isStandaloneComponent = (component) => {
+exports.isComponent = isComponent;
+const isStandaloneComponent = (component) => {
     if (!component) {
         return false;
     }
@@ -70,17 +78,20 @@ exports.isStandaloneComponent = (component) => {
     // Angular deps are updated to v14.x.x.
     return (decorators || []).some((d) => d instanceof core_1.Component && d.standalone);
 };
+exports.isStandaloneComponent = isStandaloneComponent;
 /**
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator
  */
-exports.getComponentPropsDecoratorMetadata = (component) => {
+const getComponentPropsDecoratorMetadata = (component) => {
     return reflectionCapabilities.propMetadata(component);
 };
+exports.getComponentPropsDecoratorMetadata = getComponentPropsDecoratorMetadata;
 /**
  * Returns component decorator `@Component`
  */
-exports.getComponentDecoratorMetadata = (component) => {
+const getComponentDecoratorMetadata = (component) => {
     const decorators = reflectionCapabilities.annotations(component);
     return decorators.reverse().find((d) => d instanceof core_1.Component);
 };
+exports.getComponentDecoratorMetadata = getComponentDecoratorMetadata;

package/dist/{ts3.9/client/preview → types/client}/angular-beta/utils/NgModulesAnalyzer.js

@@ -8,7 +8,7 @@ const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
  *
  * Checks recursively if the component has already been declared in all import Module
  */
-exports.isComponentAlreadyDeclaredInModules = (componentToFind, moduleDeclarations, moduleImports) => {
+const isComponentAlreadyDeclaredInModules = (componentToFind, moduleDeclarations, moduleImports) => {
     if (moduleDeclarations &&
         moduleDeclarations.some((declaration) => declaration === componentToFind)) {
         // Found component in declarations array
@@ -23,9 +23,10 @@ exports.isComponentAlreadyDeclaredInModules = (componentToFind, moduleDeclaratio
             // Not an NgModule
             return false;
         }
-        return exports.isComponentAlreadyDeclaredInModules(componentToFind, extractedNgModuleMetadata.declarations, extractedNgModuleMetadata.imports);
+        return (0, exports.isComponentAlreadyDeclaredInModules)(componentToFind, extractedNgModuleMetadata.declarations, extractedNgModuleMetadata.imports);
     });
 };
+exports.isComponentAlreadyDeclaredInModules = isComponentAlreadyDeclaredInModules;
 const extractNgModuleMetadata = (importItem) => {
     const target = importItem && importItem.ngModule ? importItem.ngModule : importItem;
     const decorators = reflectionCapabilities.annotations(target);

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

@@ -2,5 +2,5 @@ import './globals';
 export { render, renderToDOM } from './render';
 export { decorateStory } from './decorateStory';
 export declare const parameters: {
-    framework: string;
+    framework: "angular";
 };

package/dist/{ts3.9/client/preview → types/client}/config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parameters = void 0;
+exports.parameters = exports.decorateStory = exports.renderToDOM = exports.render = void 0;
 require("./globals");
 var render_1 = require("./render");
 Object.defineProperty(exports, "render", { enumerable: true, get: function () { return render_1.render; } });

package/dist/{ts3.9/client/preview → types/client}/decorateStory.d.ts

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

package/dist/{ts3.9/client/preview → types/client}/decorateStory.js

@@ -6,7 +6,10 @@ const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplate
 function decorateStory(mainStoryFn, decorators) {
     const returnDecorators = [cleanArgsDecorator, ...decorators].reduce((previousStoryFn, decorator) => (context) => {
         const decoratedStory = decorator((update) => {
-            return previousStoryFn(Object.assign(Object.assign({}, context), store_1.sanitizeStoryContextUpdate(update)));
+            return previousStoryFn({
+                ...context,
+                ...(0, store_1.sanitizeStoryContextUpdate)(update),
+            });
         }, context);
         return decoratedStory;
     }, (context) => prepareMain(mainStoryFn(context), context));
@@ -15,14 +18,16 @@ function decorateStory(mainStoryFn, decorators) {
 exports.default = decorateStory;
 exports.decorateStory = decorateStory;
 const prepareMain = (story, context) => {
-    var _a;
     let { template } = story;
-    const component = (_a = story.component) !== null && _a !== void 0 ? _a : context.component;
+    const component = story.component ?? context.component;
     const userDefinedTemplate = !hasNoTemplate(template);
     if (!userDefinedTemplate && component) {
-        template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, story.props, '');
+        template = (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(component, story.props, '');
     }
-    return Object.assign(Object.assign({}, story), (template ? { template, userDefinedTemplate } : {}));
+    return {
+        ...story,
+        ...(template ? { template, userDefinedTemplate } : {}),
+    };
 };
 function hasNoTemplate(template) {
     return template === null || template === undefined;
@@ -36,7 +41,7 @@ const cleanArgsDecorator = (storyFn, context) => {
         const argType = context.argTypes[key];
         // Only keeps args with a control or an action in argTypes
         if (argType.action || argType.control) {
-            return Object.assign(Object.assign({}, obj), { [key]: arg });
+            return { ...obj, [key]: arg };
         }
         return obj;
     }, {});

package/dist/{ts3.9/client/preview → types/client}/decorators.d.ts

@@ -1,6 +1,5 @@
 import type { Type } from '@angular/core';
 import type { DecoratorFunction, StoryContext } from '@storybook/csf';
-import type { ICollection, NgModuleMetadata } from './types';
-import type { AngularFramework } from './types-6-0';
+import type { ICollection, NgModuleMetadata, AngularFramework } from './types';
 export declare const moduleMetadata: <TArgs = any>(metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularFramework, TArgs>;
 export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularFramework, TArgs>) => ICollection)) => DecoratorFunction<AngularFramework, TArgs>;

package/dist/{ts3.9/client/preview → types/client}/decorators.js

@@ -5,11 +5,13 @@ const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplate
 const NgComponentAnalyzer_1 = require("./angular-beta/utils/NgComponentAnalyzer");
 // We use `any` here as the default type rather than `Args` because we need something that is
 // castable to any component-specific args type when the user is being careful.
-exports.moduleMetadata = (metadata) => (storyFn) => {
+const moduleMetadata = (metadata) => (storyFn) => {
     const story = storyFn();
     const storyMetadata = story.moduleMetadata || {};
     metadata = metadata || {};
-    return Object.assign(Object.assign({}, story), { moduleMetadata: {
+    return {
+        ...story,
+        moduleMetadata: {
             declarations: [...(metadata.declarations || []), ...(storyMetadata.declarations || [])],
             entryComponents: [
                 ...(metadata.entryComponents || []),
@@ -18,17 +20,27 @@ exports.moduleMetadata = (metadata) => (storyFn) => {
             imports: [...(metadata.imports || []), ...(storyMetadata.imports || [])],
             schemas: [...(metadata.schemas || []), ...(storyMetadata.schemas || [])],
             providers: [...(metadata.providers || []), ...(storyMetadata.providers || [])],
-        } });
+        },
+    };
 };
-exports.componentWrapperDecorator = (element, props) => (storyFn, storyContext) => {
+exports.moduleMetadata = moduleMetadata;
+const componentWrapperDecorator = (element, props) => (storyFn, storyContext) => {
     const story = storyFn();
     const currentProps = typeof props === 'function' ? props(storyContext) : props;
-    const template = NgComponentAnalyzer_1.isComponent(element)
-        ? ComputesTemplateFromComponent_1.computesTemplateFromComponent(element, currentProps !== null && currentProps !== void 0 ? currentProps : {}, story.template)
+    const template = (0, NgComponentAnalyzer_1.isComponent)(element)
+        ? (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(element, currentProps ?? {}, story.template)
         : element(story.template);
-    return Object.assign(Object.assign(Object.assign({}, story), { template }), (currentProps || story.props
-        ? {
-            props: Object.assign(Object.assign({}, currentProps), story.props),
-        }
-        : {}));
+    return {
+        ...story,
+        template,
+        ...(currentProps || story.props
+            ? {
+                props: {
+                    ...currentProps,
+                    ...story.props,
+                },
+            }
+            : {}),
+    };
 };
+exports.componentWrapperDecorator = componentWrapperDecorator;