@storybook/angular 6.5.0-alpha.7 → 6.5.0-beta.1

package/dist/ts3.9/client/preview/angular-beta/StorybookWrapperComponent.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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);
@@ -22,29 +11,21 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var __param = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createStorybookWrapperComponent = void 0;
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var StorybookProvider_1 = require("./StorybookProvider");
-var NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
-var getNonInputsOutputsProps = function (ngComponentInputsOutputs, props) {
-    if (props === void 0) { props = {}; }
-    var inputs = ngComponentInputsOutputs.inputs
-        .filter(function (i) { return i.templateName in props; })
-        .map(function (i) { return i.templateName; });
-    var outputs = ngComponentInputsOutputs.outputs
-        .filter(function (o) { return o.templateName in props; })
-        .map(function (o) { return o.templateName; });
-    return Object.keys(props).filter(function (k) { return !__spreadArrays(inputs, outputs).includes(k); });
+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 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
@@ -52,104 +33,83 @@ var getNonInputsOutputsProps = function (ngComponentInputsOutputs, props) {
  * @param storyComponent
  * @param initialProps
  */
-exports.createStorybookWrapperComponent = function (selector, template, storyComponent, styles, initialProps) {
+exports.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.
-    var viewChildSelector = storyComponent !== null && storyComponent !== void 0 ? storyComponent : '__storybook-noop';
-    var StorybookWrapperComponent = /** @class */ (function () {
+    const viewChildSelector = storyComponent !== null && storyComponent !== void 0 ? storyComponent : '__storybook-noop';
+    let StorybookWrapperComponent = class StorybookWrapperComponent {
         // eslint-disable-next-line no-useless-constructor
-        function StorybookWrapperComponent(storyProps$, changeDetectorRef) {
+        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 : '';
         }
-        StorybookWrapperComponent.prototype.ngOnInit = function () {
-            var _this = this;
+        ngOnInit() {
             // Subscribes to the observable storyProps$ to keep these properties up to date
-            this.storyWrapperPropsSubscription = this.storyProps$.subscribe(function (storyProps) {
-                if (storyProps === void 0) { storyProps = {}; }
+            this.storyWrapperPropsSubscription = this.storyProps$.subscribe((storyProps = {}) => {
                 // All props are added as component properties
-                Object.assign(_this, storyProps);
-                _this.changeDetectorRef.detectChanges();
-                _this.changeDetectorRef.markForCheck();
+                Object.assign(this, storyProps);
+                this.changeDetectorRef.detectChanges();
+                this.changeDetectorRef.markForCheck();
             });
-        };
-        StorybookWrapperComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
+        }
+        ngAfterViewInit() {
             // Bind properties to component, if the story have component
             if (this.storyComponentElementRef) {
-                var ngComponentInputsOutputs_1 = NgComponentAnalyzer_1.getComponentInputsOutputs(storyComponent);
-                var initialOtherProps = getNonInputsOutputsProps(ngComponentInputsOutputs_1, initialProps);
+                const ngComponentInputsOutputs = 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(function (p) {
-                    _this.storyComponentElementRef[p] = initialProps[p];
+                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 inputs up to date
+                // 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(function (props) {
-                    // removes component output in props
-                    var outputsKeyToRemove = ngComponentInputsOutputs_1.outputs.map(function (o) { return o.templateName; });
-                    return Object.entries(props).reduce(function (prev, _a) {
-                        var _b;
-                        var key = _a[0], value = _a[1];
-                        return (__assign(__assign({}, prev), (!outputsKeyToRemove.includes(key) && (_b = {},
-                            _b[key] = value,
-                            _b))));
-                    }, {});
-                }), operators_1.map(function (props) {
-                    // In case a component uses an input with `bindingPropertyName` (ex: @Input('name'))
-                    // find the value of the local propName in the component Inputs
-                    // otherwise use the input key
-                    return Object.entries(props).reduce(function (prev, _a) {
-                        var _b, _c;
-                        var propKey = _a[0], value = _a[1];
-                        var input = ngComponentInputsOutputs_1.inputs.find(function (o) { return o.templateName === propKey; });
-                        return __assign(__assign({}, prev), (input ? (_b = {}, _b[input.propName] = value, _b) : (_c = {}, _c[propKey] = value, _c)));
-                    }, {});
+                    .pipe(operators_1.skip(1), operators_1.map((props) => {
+                    const propsKeyToKeep = getNonInputsOutputsProps(ngComponentInputsOutputs, props);
+                    return propsKeyToKeep.reduce((acc, p) => (Object.assign(Object.assign({}, acc), { [p]: props[p] })), {});
                 }))
-                    .subscribe(function (props) {
+                    .subscribe((props) => {
                     // Replace inputs with new ones from props
-                    Object.assign(_this.storyComponentElementRef, 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();
+                    this.storyComponentViewContainerRef.injector.get(core_1.ChangeDetectorRef).markForCheck();
+                    this.changeDetectorRef.detectChanges();
                 });
             }
-        };
-        StorybookWrapperComponent.prototype.ngOnDestroy = function () {
+        }
+        ngOnDestroy() {
             if (this.storyComponentPropsSubscription != null) {
                 this.storyComponentPropsSubscription.unsubscribe();
             }
             if (this.storyWrapperPropsSubscription != null) {
                 this.storyWrapperPropsSubscription.unsubscribe();
             }
-        };
-        __decorate([
-            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 }),
-            __metadata("design:type", core_1.ViewContainerRef)
-        ], StorybookWrapperComponent.prototype, "storyComponentViewContainerRef", void 0);
-        StorybookWrapperComponent = __decorate([
-            core_1.Component({
-                selector: selector,
-                template: template,
-                styles: styles,
-            }),
-            __param(0, core_1.Inject(StorybookProvider_1.STORY_PROPS)),
-            __metadata("design:paramtypes", [rxjs_1.Subject,
-                core_1.ChangeDetectorRef])
-        ], StorybookWrapperComponent);
-        return StorybookWrapperComponent;
-    }());
+        }
+    };
+    __decorate([
+        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 }),
+        __metadata("design:type", core_1.ViewContainerRef)
+    ], StorybookWrapperComponent.prototype, "storyComponentViewContainerRef", void 0);
+    StorybookWrapperComponent = __decorate([
+        core_1.Component({
+            selector,
+            template,
+            styles,
+        }),
+        __param(0, core_1.Inject(StorybookProvider_1.STORY_PROPS)),
+        __metadata("design:paramtypes", [rxjs_1.Subject,
+            core_1.ChangeDetectorRef])
+    ], StorybookWrapperComponent);
     return StorybookWrapperComponent;
 };

package/dist/ts3.9/client/preview/angular-beta/utils/NgComponentAnalyzer.d.ts

@@ -1,4 +1,4 @@
-import { Component, Input, Output, Type } from '@angular/core';
+import { Component, Type } from '@angular/core';
 export declare type ComponentInputsOutputs = {
     inputs: {
         propName: string;
@@ -19,7 +19,9 @@ export declare const isComponent: (component: any) => component is Type<unknown>
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator
  */
-export declare const getComponentPropsDecoratorMetadata: (component: any) => Record<string, (Input | Output)[]>;
+export declare const getComponentPropsDecoratorMetadata: (component: any) => {
+    [key: string]: any[];
+};
 /**
  * Returns component decorator `@Component`
  */

package/dist/ts3.9/client/preview/angular-beta/utils/NgComponentAnalyzer.js

@@ -1,124 +1,77 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentDecoratorMetadata = exports.getComponentPropsDecoratorMetadata = exports.isComponent = exports.isDeclarable = exports.getComponentInputsOutputs = void 0;
-var core_1 = require("@angular/core");
+const core_1 = require("@angular/core");
+const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
 /**
  * Returns component Inputs / Outputs by browsing these properties and decorator
  */
-exports.getComponentInputsOutputs = function (component) {
-    var _a, _b;
-    var componentMetadata = exports.getComponentDecoratorMetadata(component);
-    var componentPropsMetadata = exports.getComponentPropsDecoratorMetadata(component);
-    var initialValue = {
+exports.getComponentInputsOutputs = (component) => {
+    const componentMetadata = exports.getComponentDecoratorMetadata(component);
+    const componentPropsMetadata = exports.getComponentPropsDecoratorMetadata(component);
+    const initialValue = {
         inputs: [],
         outputs: [],
     };
     // Adds the I/O present in @Component metadata
     if (componentMetadata && componentMetadata.inputs) {
-        (_a = initialValue.inputs).push.apply(_a, componentMetadata.inputs.map(function (i) { return ({ propName: i, templateName: i }); }));
+        initialValue.inputs.push(...componentMetadata.inputs.map((i) => ({ propName: i, templateName: i })));
     }
     if (componentMetadata && componentMetadata.outputs) {
-        (_b = initialValue.outputs).push.apply(_b, componentMetadata.outputs.map(function (i) { return ({ propName: i, templateName: i }); }));
+        initialValue.outputs.push(...componentMetadata.outputs.map((i) => ({ propName: i, templateName: i })));
     }
     if (!componentPropsMetadata) {
         return initialValue;
     }
     // 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(function (previousValue, _a) {
-        var _b, _c;
-        var propertyName = _a[0], values = _a[1];
-        var value = values.find(function (v) { return v instanceof core_1.Input || v instanceof core_1.Output; });
+    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) {
-            var inputToAdd = {
+            const inputToAdd = {
                 propName: propertyName,
-                templateName: (_b = value.bindingPropertyName) !== null && _b !== void 0 ? _b : propertyName,
+                templateName: (_a = value.bindingPropertyName) !== null && _a !== void 0 ? _a : propertyName,
             };
-            var previousInputsFiltered = previousValue.inputs.filter(function (i) { return i.templateName !== propertyName; });
-            return __assign(__assign({}, previousValue), { inputs: __spreadArrays(previousInputsFiltered, [inputToAdd]) });
+            const previousInputsFiltered = previousValue.inputs.filter((i) => i.templateName !== propertyName);
+            return Object.assign(Object.assign({}, previousValue), { inputs: [...previousInputsFiltered, inputToAdd] });
         }
         if (value instanceof core_1.Output) {
-            var outputToAdd = {
+            const outputToAdd = {
                 propName: propertyName,
-                templateName: (_c = value.bindingPropertyName) !== null && _c !== void 0 ? _c : propertyName,
+                templateName: (_b = value.bindingPropertyName) !== null && _b !== void 0 ? _b : propertyName,
             };
-            var previousOutputsFiltered = previousValue.outputs.filter(function (i) { return i.templateName !== propertyName; });
-            return __assign(__assign({}, previousValue), { outputs: __spreadArrays(previousOutputsFiltered, [outputToAdd]) });
+            const previousOutputsFiltered = previousValue.outputs.filter((i) => i.templateName !== propertyName);
+            return Object.assign(Object.assign({}, previousValue), { outputs: [...previousOutputsFiltered, outputToAdd] });
         }
         return previousValue;
     }, initialValue);
 };
-exports.isDeclarable = function (component) {
+exports.isDeclarable = (component) => {
     if (!component) {
         return false;
     }
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect.getOwnPropertyDescriptor(component, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
-        : component[decoratorKey];
-    return !!(decorators || []).find(function (d) { return d instanceof core_1.Directive || d instanceof core_1.Pipe || d instanceof core_1.Component; });
+    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 = function (component) {
+exports.isComponent = (component) => {
     if (!component) {
         return false;
     }
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect.getOwnPropertyDescriptor(component, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
-        : component[decoratorKey];
-    return (decorators || []).some(function (d) { return d instanceof core_1.Component; });
+    const decorators = reflectionCapabilities.annotations(component);
+    return (decorators || []).some((d) => d instanceof core_1.Component);
 };
 /**
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator
  */
-exports.getComponentPropsDecoratorMetadata = function (component) {
-    var decoratorKey = '__prop__metadata__';
-    var propsDecorators = Reflect &&
-        Reflect.getOwnPropertyDescriptor &&
-        Reflect.getOwnPropertyDescriptor(component, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
-        : component[decoratorKey];
-    var parent = Reflect && Reflect.getPrototypeOf && Reflect.getPrototypeOf(component);
-    if (parent) {
-        var parentPropsDecorators = exports.getComponentPropsDecoratorMetadata(parent);
-        propsDecorators = __assign(__assign({}, parentPropsDecorators), propsDecorators);
-    }
-    return propsDecorators;
+exports.getComponentPropsDecoratorMetadata = (component) => {
+    return reflectionCapabilities.propMetadata(component);
 };
 /**
  * Returns component decorator `@Component`
  */
-exports.getComponentDecoratorMetadata = function (component) {
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect &&
-        Reflect.getOwnPropertyDescriptor &&
-        Reflect.getOwnPropertyDescriptor(component, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
-        : component[decoratorKey];
-    if (!decorators) {
-        return (component.decorators &&
-            component.decorators[0] &&
-            component.decorators[0].args &&
-            component.decorators[0].args[0]);
-    }
-    return decorators.find(function (d) { return d instanceof core_1.Component; });
+exports.getComponentDecoratorMetadata = (component) => {
+    const decorators = reflectionCapabilities.annotations(component);
+    return decorators.reverse().find((d) => d instanceof core_1.Component);
 };

package/dist/ts3.9/client/preview/angular-beta/utils/NgModulesAnalyzer.js

@@ -1,23 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isComponentAlreadyDeclaredInModules = void 0;
-var core_1 = require("@angular/core");
+const core_1 = require("@angular/core");
+const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
 /**
  * Avoid component redeclaration
  *
  * Checks recursively if the component has already been declared in all import Module
  */
-exports.isComponentAlreadyDeclaredInModules = function (componentToFind, moduleDeclarations, moduleImports) {
+exports.isComponentAlreadyDeclaredInModules = (componentToFind, moduleDeclarations, moduleImports) => {
     if (moduleDeclarations &&
-        moduleDeclarations.some(function (declaration) { return declaration === componentToFind; })) {
+        moduleDeclarations.some((declaration) => declaration === componentToFind)) {
         // Found component in declarations array
         return true;
     }
     if (!moduleImports) {
         return false;
     }
-    return moduleImports.some(function (importItem) {
-        var extractedNgModuleMetadata = extractNgModuleMetadata(importItem);
+    return moduleImports.some((importItem) => {
+        const extractedNgModuleMetadata = extractNgModuleMetadata(importItem);
         if (!extractedNgModuleMetadata) {
             // Not an NgModule
             return false;
@@ -25,18 +26,13 @@ exports.isComponentAlreadyDeclaredInModules = function (componentToFind, moduleD
         return exports.isComponentAlreadyDeclaredInModules(componentToFind, extractedNgModuleMetadata.declarations, extractedNgModuleMetadata.imports);
     });
 };
-var extractNgModuleMetadata = function (importItem) {
-    var target = importItem && importItem.ngModule ? importItem.ngModule : importItem;
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect &&
-        Reflect.getOwnPropertyDescriptor &&
-        Reflect.getOwnPropertyDescriptor(target, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(target, decoratorKey).value
-        : target[decoratorKey];
+const extractNgModuleMetadata = (importItem) => {
+    const target = importItem && importItem.ngModule ? importItem.ngModule : importItem;
+    const decorators = reflectionCapabilities.annotations(target);
     if (!decorators || decorators.length === 0) {
         return null;
     }
-    var ngModuleDecorator = decorators.find(function (decorator) { return decorator instanceof core_1.NgModule; });
+    const ngModuleDecorator = decorators.find((decorator) => decorator instanceof core_1.NgModule);
     if (!ngModuleDecorator) {
         return null;
     }

package/dist/ts3.9/client/preview/decorateStory.d.ts

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

package/dist/ts3.9/client/preview/decorateStory.js

@@ -1,62 +1,42 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.decorateStory = void 0;
-var store_1 = require("@storybook/store");
-var ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
+const store_1 = require("@storybook/store");
+const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
 function decorateStory(mainStoryFn, decorators) {
-    var returnDecorators = __spreadArrays([cleanArgsDecorator], decorators).reduce(function (previousStoryFn, decorator) { return function (context) {
-        var decoratedStory = decorator(function (update) {
-            return previousStoryFn(__assign(__assign({}, context), store_1.sanitizeStoryContextUpdate(update)));
+    const returnDecorators = [cleanArgsDecorator, ...decorators].reduce((previousStoryFn, decorator) => (context) => {
+        const decoratedStory = decorator((update) => {
+            return previousStoryFn(Object.assign(Object.assign({}, context), store_1.sanitizeStoryContextUpdate(update)));
         }, context);
         return decoratedStory;
-    }; }, function (context) { return prepareMain(mainStoryFn(context), context); });
+    }, (context) => prepareMain(mainStoryFn(context), context));
     return returnDecorators;
 }
 exports.default = decorateStory;
 exports.decorateStory = decorateStory;
-var prepareMain = function (story, context) {
+const prepareMain = (story, context) => {
     var _a;
-    var template = story.template;
-    var component = (_a = story.component) !== null && _a !== void 0 ? _a : context.component;
-    var userDefinedTemplate = !hasNoTemplate(template);
+    let { template } = story;
+    const component = (_a = story.component) !== null && _a !== void 0 ? _a : context.component;
+    const userDefinedTemplate = !hasNoTemplate(template);
     if (!userDefinedTemplate && component) {
         template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, story.props, '');
     }
-    return __assign(__assign({}, story), (template ? { template: template, userDefinedTemplate: userDefinedTemplate } : {}));
+    return Object.assign(Object.assign({}, story), (template ? { template, userDefinedTemplate } : {}));
 };
 function hasNoTemplate(template) {
     return template === null || template === undefined;
 }
-var cleanArgsDecorator = function (storyFn, context) {
+const cleanArgsDecorator = (storyFn, context) => {
     if (!context.argTypes || !context.args) {
         return storyFn();
     }
-    var argsToClean = context.args;
-    context.args = Object.entries(argsToClean).reduce(function (obj, _a) {
-        var _b;
-        var key = _a[0], arg = _a[1];
-        var argType = context.argTypes[key];
+    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 __assign(__assign({}, obj), (_b = {}, _b[key] = arg, _b));
+            return Object.assign(Object.assign({}, obj), { [key]: arg });
         }
         return obj;
     }, {});

package/dist/ts3.9/client/preview/decorators.d.ts

@@ -1,6 +1,6 @@
-import { Type } from '@angular/core';
-import { DecoratorFunction, StoryContext } from '@storybook/csf';
-import { ICollection, NgModuleMetadata } from './types';
-import { AngularFramework } from './types-6-0';
+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';
 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/decorators.js

@@ -1,49 +1,34 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentWrapperDecorator = exports.moduleMetadata = void 0;
-var ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
-var NgComponentAnalyzer_1 = require("./angular-beta/utils/NgComponentAnalyzer");
+const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
+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 = function (metadata) { return function (storyFn) {
-    var story = storyFn();
-    var storyMetadata = story.moduleMetadata || {};
+exports.moduleMetadata = (metadata) => (storyFn) => {
+    const story = storyFn();
+    const storyMetadata = story.moduleMetadata || {};
     metadata = metadata || {};
-    return __assign(__assign({}, story), { moduleMetadata: {
-            declarations: __spreadArrays((metadata.declarations || []), (storyMetadata.declarations || [])),
-            entryComponents: __spreadArrays((metadata.entryComponents || []), (storyMetadata.entryComponents || [])),
-            imports: __spreadArrays((metadata.imports || []), (storyMetadata.imports || [])),
-            schemas: __spreadArrays((metadata.schemas || []), (storyMetadata.schemas || [])),
-            providers: __spreadArrays((metadata.providers || []), (storyMetadata.providers || [])),
+    return Object.assign(Object.assign({}, story), { moduleMetadata: {
+            declarations: [...(metadata.declarations || []), ...(storyMetadata.declarations || [])],
+            entryComponents: [
+                ...(metadata.entryComponents || []),
+                ...(storyMetadata.entryComponents || []),
+            ],
+            imports: [...(metadata.imports || []), ...(storyMetadata.imports || [])],
+            schemas: [...(metadata.schemas || []), ...(storyMetadata.schemas || [])],
+            providers: [...(metadata.providers || []), ...(storyMetadata.providers || [])],
         } });
-}; };
-exports.componentWrapperDecorator = function (element, props) { return function (storyFn, storyContext) {
-    var story = storyFn();
-    var currentProps = typeof props === 'function' ? props(storyContext) : props;
-    var template = NgComponentAnalyzer_1.isComponent(element)
+};
+exports.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)
         : element(story.template);
-    return __assign(__assign(__assign({}, story), { template: template }), (currentProps || story.props
+    return Object.assign(Object.assign(Object.assign({}, story), { template }), (currentProps || story.props
         ? {
-            props: __assign(__assign({}, currentProps), story.props),
+            props: Object.assign(Object.assign({}, currentProps), story.props),
         }
         : {}));
-}; };
+};

package/dist/ts3.9/client/preview/globals.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var global_1 = __importDefault(require("global"));
+const global_1 = __importDefault(require("global"));
 require("./angular-polyfills");
-var globalWindow = global_1.default.window;
+const { window: globalWindow } = global_1.default;
 globalWindow.STORYBOOK_ENV = 'angular';