@storybook/angular 6.4.0-beta.24 → 6.4.0-beta.28

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

@@ -0,0 +1,155 @@
+"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);
+    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); }
+};
+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); });
+};
+/**
+ * Wraps the story template into a component
+ *
+ * @param storyComponent
+ * @param initialProps
+ */
+exports.createStorybookWrapperComponent = function (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 () {
+        // eslint-disable-next-line no-useless-constructor
+        function StorybookWrapperComponent(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;
+            // Subscribes to the observable storyProps$ to keep these properties up to date
+            this.storyWrapperPropsSubscription = this.storyProps$.subscribe(function (storyProps) {
+                if (storyProps === void 0) { storyProps = {}; }
+                // All props are added as component properties
+                Object.assign(_this, storyProps);
+                _this.changeDetectorRef.detectChanges();
+                _this.changeDetectorRef.markForCheck();
+            });
+        };
+        StorybookWrapperComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            // 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);
+                // Initializes properties that are not Inputs | Outputs
+                // Allows story props to override local component properties
+                initialOtherProps.forEach(function (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
+                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)));
+                    }, {});
+                }))
+                    .subscribe(function (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();
+                });
+            }
+        };
+        StorybookWrapperComponent.prototype.ngOnDestroy = function () {
+            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;
+    }());
+    return StorybookWrapperComponent;
+};

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

@@ -0,0 +1,26 @@
+import { Component, Input, Output, Type } from '@angular/core';
+export declare type ComponentInputsOutputs = {
+    inputs: {
+        propName: string;
+        templateName: string;
+    }[];
+    outputs: {
+        propName: string;
+        templateName: string;
+    }[];
+};
+/**
+ * Returns component Inputs / Outputs by browsing these properties and decorator
+ */
+export declare const getComponentInputsOutputs: (component: any) => ComponentInputsOutputs;
+export declare const isDeclarable: (component: any) => boolean;
+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)[]>;
+/**
+ * Returns component decorator `@Component`
+ */
+export declare const getComponentDecoratorMetadata: (component: any) => Component | undefined;

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

@@ -0,0 +1,124 @@
+"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");
+/**
+ * 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 = {
+        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 }); }));
+    }
+    if (componentMetadata && componentMetadata.outputs) {
+        (_b = initialValue.outputs).push.apply(_b, componentMetadata.outputs.map(function (i) { return ({ 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; });
+        if (value instanceof core_1.Input) {
+            var inputToAdd = {
+                propName: propertyName,
+                templateName: (_b = value.bindingPropertyName) !== null && _b !== void 0 ? _b : propertyName,
+            };
+            var previousInputsFiltered = previousValue.inputs.filter(function (i) { return i.templateName !== propertyName; });
+            return __assign(__assign({}, previousValue), { inputs: __spreadArrays(previousInputsFiltered, [inputToAdd]) });
+        }
+        if (value instanceof core_1.Output) {
+            var outputToAdd = {
+                propName: propertyName,
+                templateName: (_c = value.bindingPropertyName) !== null && _c !== void 0 ? _c : propertyName,
+            };
+            var previousOutputsFiltered = previousValue.outputs.filter(function (i) { return i.templateName !== propertyName; });
+            return __assign(__assign({}, previousValue), { outputs: __spreadArrays(previousOutputsFiltered, [outputToAdd]) });
+        }
+        return previousValue;
+    }, initialValue);
+};
+exports.isDeclarable = function (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; });
+};
+exports.isComponent = function (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; });
+};
+/**
+ * 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;
+};
+/**
+ * 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; });
+};

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

@@ -0,0 +1,6 @@
+/**
+ * Avoid component redeclaration
+ *
+ * Checks recursively if the component has already been declared in all import Module
+ */
+export declare const isComponentAlreadyDeclaredInModules: (componentToFind: any, moduleDeclarations: any[], moduleImports: any[]) => boolean;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isComponentAlreadyDeclaredInModules = void 0;
+var core_1 = require("@angular/core");
+/**
+ * Avoid component redeclaration
+ *
+ * Checks recursively if the component has already been declared in all import Module
+ */
+exports.isComponentAlreadyDeclaredInModules = function (componentToFind, moduleDeclarations, moduleImports) {
+    if (moduleDeclarations &&
+        moduleDeclarations.some(function (declaration) { return declaration === componentToFind; })) {
+        // Found component in declarations array
+        return true;
+    }
+    if (!moduleImports) {
+        return false;
+    }
+    return moduleImports.some(function (importItem) {
+        var extractedNgModuleMetadata = extractNgModuleMetadata(importItem);
+        if (!extractedNgModuleMetadata) {
+            // Not an NgModule
+            return false;
+        }
+        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];
+    if (!decorators || decorators.length === 0) {
+        return null;
+    }
+    var ngModuleDecorator = decorators.find(function (decorator) { return decorator instanceof core_1.NgModule; });
+    if (!ngModuleDecorator) {
+        return null;
+    }
+    return ngModuleDecorator;
+};

package/dist/ts3.9/client/preview/angular-polyfills.d.ts

@@ -0,0 +1,41 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
+ */
+/** *************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+/** IE9, IE10 and IE11 requires all of the following polyfills. * */
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+/** Evergreen browsers require these. * */
+import 'core-js/es/reflect';
+import 'core-js/proposals/reflect-metadata';
+/**
+ * Required to support Web Animations `@angular/animation`.
+ * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
+ * */
+/** *************************************************************************************************
+ * Zone JS is required by Angular itself.
+ */
+import 'zone.js/dist/zone';
+/** *************************************************************************************************
+ * APPLICATION IMPORTS
+ */
+/**
+ * Date, currency, decimal and percent pipes.
+ * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
+ */
+/**
+ * Need to import at least one locale-data with intl.
+ */

package/dist/ts3.9/client/preview/angular-polyfills.js

@@ -0,0 +1,61 @@
+"use strict";
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+/** *************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+/** IE9, IE10 and IE11 requires all of the following polyfills. * */
+// import 'core-js/es6/symbol';
+// import 'core-js/es6/object';
+// import 'core-js/es6/function';
+// import 'core-js/es6/parse-int';
+// import 'core-js/es6/parse-float';
+// import 'core-js/es6/number';
+// import 'core-js/es6/math';
+// import 'core-js/es6/string';
+// import 'core-js/es6/date';
+// import 'core-js/es6/array';
+// import 'core-js/es6/regexp';
+// import 'core-js/es6/map';
+// import 'core-js/es6/weak-map';
+// import 'core-js/es6/set';
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+/** Evergreen browsers require these. * */
+require("core-js/es/reflect");
+require("core-js/proposals/reflect-metadata");
+/**
+ * Required to support Web Animations `@angular/animation`.
+ * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
+ * */
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+/** *************************************************************************************************
+ * Zone JS is required by Angular itself.
+ */
+require("zone.js/dist/zone"); // Included with Angular CLI.
+/** *************************************************************************************************
+ * APPLICATION IMPORTS
+ */
+/**
+ * Date, currency, decimal and percent pipes.
+ * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
+ */
+// import 'intl';  // Run `npm install --save intl`.
+/**
+ * Need to import at least one locale-data with intl.
+ */
+// import 'intl/locale-data/jsonp/en';

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

@@ -0,0 +1,5 @@
+export { render, renderToDOM } from './render';
+export { decorateStory } from './decorateStory';
+export declare const parameters: {
+    framework: string;
+};

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

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

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

@@ -0,0 +1,4 @@
+import { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
+import { 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

@@ -0,0 +1,64 @@
+"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");
+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)));
+        }, context);
+        return decoratedStory;
+    }; }, function (context) { return prepareMain(mainStoryFn(context), context); });
+    return returnDecorators;
+}
+exports.default = decorateStory;
+exports.decorateStory = decorateStory;
+var prepareMain = function (story, context) {
+    var _a;
+    var template = story.template;
+    var component = (_a = story.component) !== null && _a !== void 0 ? _a : context.component;
+    var userDefinedTemplate = !hasNoTemplate(template);
+    if (!userDefinedTemplate && component) {
+        template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, story.props, '');
+    }
+    return __assign(__assign({}, story), (template ? { template: template, userDefinedTemplate: userDefinedTemplate } : {}));
+};
+function hasNoTemplate(template) {
+    return template === null || template === undefined;
+}
+var cleanArgsDecorator = function (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];
+        // 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 obj;
+    }, {});
+    return storyFn();
+};

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

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

@@ -0,0 +1,49 @@
+"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");
+// 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 || {};
+    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 || [])),
+        } });
+}; };
+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)
+        ? 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
+        ? {
+            props: __assign(__assign({}, currentProps), story.props),
+        }
+        : {}));
+}; };

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

@@ -0,0 +1 @@
+import './angular-polyfills';

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

@@ -0,0 +1,9 @@
+"use strict";
+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"));
+require("./angular-polyfills");
+var globalWindow = global_1.default.window;
+globalWindow.STORYBOOK_ENV = 'angular';

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

@@ -0,0 +1,25 @@
+/// <reference types="webpack-env" />
+/// <reference types="node" />
+import { ClientStoryApi, Loadable } from '@storybook/addons';
+import './globals';
+import { IStorybookSection } from './types';
+import { AngularFramework } from './types-6-0';
+interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
+    setAddon(addon: any): void;
+    configure(loader: Loadable, module: NodeModule): void;
+    getStorybook(): IStorybookSection[];
+    clearDecorators(): void;
+    forceReRender(): void;
+    raw: () => any;
+    load: (...args: any[]) => void;
+}
+export declare const storiesOf: ClientApi['storiesOf'];
+export declare const configure: ClientApi['configure'];
+export declare const addDecorator: ClientApi['addDecorator'];
+export declare const addParameters: ClientApi['addParameters'];
+export declare const clearDecorators: ClientApi['clearDecorators'];
+export declare const setAddon: ClientApi['setAddon'];
+export declare const forceReRender: ClientApi['forceReRender'];
+export declare const getStorybook: ClientApi['getStorybook'];
+export declare const raw: ClientApi['raw'];
+export {};