@storybook/angular 6.5.9 → 7.0.0-alpha.2

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

@@ -51,10 +51,10 @@ const getModule = (declarations, entryComponents, bootstrap, data, moduleMetadat
         schemas: [...(moduleMetadata.schemas || [])],
         bootstrap: [...bootstrap],
     };
-    return core_1.NgModule(moduleMeta)(moduleClass);
+    return (0, core_1.NgModule)(moduleMeta)(moduleClass);
 };
 const createComponentFromTemplate = (template, styles) => {
-    return core_1.Component({
+    return (0, core_1.Component)({
         template,
         styles,
     })(componentClass);
@@ -120,16 +120,15 @@ const insertDynamicRoot = () => {
 const draw = (newModule) => {
     if (!platform) {
         insertDynamicRoot();
-        // eslint-disable-next-line no-undef
         if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
             try {
-                core_1.enableProdMode();
+                (0, core_1.enableProdMode)();
             }
             catch (e) {
                 //
             }
         }
-        platform = platform_browser_dynamic_1.platformBrowserDynamic();
+        platform = (0, platform_browser_dynamic_1.platformBrowserDynamic)();
         promises.push(platform.bootstrapModule(newModule));
     }
     else {
@@ -141,7 +140,7 @@ const draw = (newModule) => {
         });
     }
 };
-exports.renderNgApp = (storyFn, forced) => {
+const renderNgApp = (storyFn, forced) => {
     if (!forced) {
         draw(initModule(storyFn));
     }
@@ -149,3 +148,4 @@ exports.renderNgApp = (storyFn, forced) => {
         storyData.next(storyFn());
     }
 };
+exports.renderNgApp = renderNgApp;

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,22 +18,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AbstractRenderer = void 0;
-/* eslint-disable no-undef */
 const core_1 = require("@angular/core");
 const platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
 const rxjs_1 = require("rxjs");
@@ -39,7 +34,7 @@ const StorybookModule_1 = require("./StorybookModule");
 let platformRef;
 function getPlatform(newPlatform) {
     if (!platformRef || newPlatform) {
-        platformRef = platform_browser_dynamic_1.platformBrowserDynamic();
+        platformRef = (0, platform_browser_dynamic_1.platformBrowserDynamic)();
     }
     return platformRef;
 }
@@ -49,7 +44,7 @@ class AbstractRenderer {
         if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
             try {
                 // platform should be set after enableProdMode()
-                core_1.enableProdMode();
+                (0, core_1.enableProdMode)();
             }
             catch (e) {
                 // eslint-disable-next-line no-console
@@ -63,9 +58,9 @@ class AbstractRenderer {
     static resetPlatformBrowserDynamic() {
         return new Promise((resolve) => {
             if (platformRef && !platformRef.destroyed) {
-                platformRef.onDestroy(() => __awaiter(this, void 0, void 0, function* () {
+                platformRef.onDestroy(async () => {
                     resolve();
-                }));
+                });
                 // Destroys the current Angular platform and all Angular applications on the page.
                 // So call each angular ngOnDestroy and avoid memory leaks
                 platformRef.destroy();
@@ -86,30 +81,27 @@ class AbstractRenderer {
      * @param component {Component}
      * @param parameters {Parameters}
      */
-    render({ storyFnAngular, forced, parameters, component, targetDOMNode, }) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const targetSelector = `${this.generateTargetSelectorFromStoryId()}`;
-            const newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
-            const moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular, component, targetSelector }, newStoryProps$);
-            if (!this.fullRendererRequired({
-                storyFnAngular,
-                moduleMetadata,
-                forced,
-            })) {
-                this.storyProps$.next(storyFnAngular.props);
-                return;
-            }
-            yield this.beforeFullRender();
-            // Complete last BehaviorSubject and set a new one for the current module
-            if (this.storyProps$) {
-                this.storyProps$.complete();
-            }
-            this.storyProps$ = newStoryProps$;
-            this.initAngularRootElement(targetDOMNode, targetSelector);
-            yield getPlatform().bootstrapModule(StorybookModule_1.createStorybookModule(moduleMetadata), (_a = parameters.bootstrapModuleOptions) !== null && _a !== void 0 ? _a : undefined);
-            yield this.afterFullRender();
-        });
+    async render({ storyFnAngular, forced, parameters, component, targetDOMNode, }) {
+        const targetSelector = `${this.generateTargetSelectorFromStoryId()}`;
+        const newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
+        const moduleMetadata = (0, StorybookModule_1.getStorybookModuleMetadata)({ storyFnAngular, component, targetSelector }, newStoryProps$);
+        if (!this.fullRendererRequired({
+            storyFnAngular,
+            moduleMetadata,
+            forced,
+        })) {
+            this.storyProps$.next(storyFnAngular.props);
+            return;
+        }
+        await this.beforeFullRender();
+        // Complete last BehaviorSubject and set a new one for the current module
+        if (this.storyProps$) {
+            this.storyProps$.complete();
+        }
+        this.storyProps$ = newStoryProps$;
+        this.initAngularRootElement(targetDOMNode, targetSelector);
+        await getPlatform().bootstrapModule((0, StorybookModule_1.createStorybookModule)(moduleMetadata), parameters.bootstrapModuleOptions ?? undefined);
+        await this.afterFullRender();
     }
     /**
      * Only ASCII alphanumerics can be used as HTML tag name.
@@ -137,11 +129,10 @@ class AbstractRenderer {
         targetDOMNode.appendChild(document.createElement(targetSelector));
     }
     fullRendererRequired({ storyFnAngular, moduleMetadata, forced, }) {
-        var _a;
         const { previousStoryRenderInfo } = this;
         const currentStoryRender = {
             storyFnAngular,
-            moduleMetadataSnapshot: telejson_1.stringify(moduleMetadata),
+            moduleMetadataSnapshot: (0, telejson_1.stringify)(moduleMetadata),
         };
         this.previousStoryRenderInfo = currentStoryRender;
         if (
@@ -152,29 +143,30 @@ class AbstractRenderer {
             return true;
         }
         // force the rendering if the template has changed
-        const hasChangedTemplate = !!(storyFnAngular === null || storyFnAngular === void 0 ? void 0 : storyFnAngular.template) &&
-            ((_a = previousStoryRenderInfo === null || previousStoryRenderInfo === void 0 ? void 0 : previousStoryRenderInfo.storyFnAngular) === null || _a === void 0 ? void 0 : _a.template) !== storyFnAngular.template;
+        const hasChangedTemplate = !!storyFnAngular?.template &&
+            previousStoryRenderInfo?.storyFnAngular?.template !== storyFnAngular.template;
         if (hasChangedTemplate) {
             return true;
         }
         // force the rendering if the metadata structure has changed
-        const hasChangedModuleMetadata = currentStoryRender.moduleMetadataSnapshot !== (previousStoryRenderInfo === null || previousStoryRenderInfo === void 0 ? void 0 : previousStoryRenderInfo.moduleMetadataSnapshot);
+        const hasChangedModuleMetadata = currentStoryRender.moduleMetadataSnapshot !== previousStoryRenderInfo?.moduleMetadataSnapshot;
         return hasChangedModuleMetadata;
     }
 }
 exports.AbstractRenderer = AbstractRenderer;
+_a = AbstractRenderer;
 /**
  * Reset compiled components because we often want to compile the same component with
  * more than one NgModule.
  */
-AbstractRenderer.resetCompiledComponents = () => __awaiter(void 0, void 0, void 0, function* () {
+AbstractRenderer.resetCompiledComponents = async () => {
     try {
         // Clear global Angular component cache in order to be able to re-render the same component across multiple stories
         //
         // References:
         // https://github.com/angular/angular-cli/blob/master/packages/angular_devkit/build_angular/src/webpack/plugins/hmr/hmr-accept.ts#L50
         // https://github.com/angular/angular/blob/2ebe2bcb2fe19bf672316b05f15241fd7fd40803/packages/core/src/render3/jit/module.ts#L377-L384
-        const { ɵresetCompiledComponents } = yield Promise.resolve().then(() => __importStar(require('@angular/core')));
+        const { ɵresetCompiledComponents } = await Promise.resolve().then(() => __importStar(require('@angular/core')));
         ɵresetCompiledComponents();
     }
     catch (e) {
@@ -183,4 +175,4 @@ AbstractRenderer.resetCompiledComponents = () => __awaiter(void 0, void 0, void
          * This means angular removed or modified ɵresetCompiledComponents
          */
     }
-});
+};

package/dist/types/client/preview/angular-beta/CanvasRenderer.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasRenderer = void 0;
+const AbstractRenderer_1 = require("./AbstractRenderer");
+class CanvasRenderer extends AbstractRenderer_1.AbstractRenderer {
+    async render(options) {
+        await super.render(options);
+    }
+    async beforeFullRender() {
+        await CanvasRenderer.resetPlatformBrowserDynamic();
+    }
+    async afterFullRender() {
+        await AbstractRenderer_1.AbstractRenderer.resetCompiledComponents();
+    }
+}
+exports.CanvasRenderer = CanvasRenderer;

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

@@ -21,9 +21,9 @@ const separateInputsOutputsAttributes = (ngComponentInputsOutputs, props = {}) =
  * @param initialProps
  * @param innerTemplate
  */
-exports.computesTemplateFromComponent = (component, initialProps, innerTemplate = '') => {
-    const ngComponentMetadata = NgComponentAnalyzer_1.getComponentDecoratorMetadata(component);
-    const ngComponentInputsOutputs = NgComponentAnalyzer_1.getComponentInputsOutputs(component);
+const computesTemplateFromComponent = (component, initialProps, innerTemplate = '') => {
+    const ngComponentMetadata = (0, NgComponentAnalyzer_1.getComponentDecoratorMetadata)(component);
+    const ngComponentInputsOutputs = (0, NgComponentAnalyzer_1.getComponentInputsOutputs)(component);
     if (!ngComponentMetadata.selector) {
         // Allow to add renderer component when NgComponent selector is undefined
         return `<ng-container *ngComponentOutlet="storyComponent"></ng-container>`;
@@ -35,8 +35,9 @@ exports.computesTemplateFromComponent = (component, initialProps, innerTemplate
         : '';
     return buildTemplate(ngComponentMetadata.selector, innerTemplate, templateInputs, templateOutputs);
 };
+exports.computesTemplateFromComponent = computesTemplateFromComponent;
 const createAngularInputProperty = ({ propertyName, value, argType, }) => {
-    const { name: type = null, summary = null } = (argType === null || argType === void 0 ? void 0 : argType.type) || {};
+    const { name: type = null, summary = null } = argType?.type || {};
     let templateValue = type === 'enum' && !!summary ? `${summary}.${value}` : value;
     const actualType = type === 'enum' && summary ? 'enum' : typeof value;
     const requiresBrackets = ['object', 'any', 'boolean', 'enum', 'number'].includes(actualType);
@@ -51,8 +52,8 @@ const createAngularInputProperty = ({ propertyName, value, argType, }) => {
  * @param initialProps
  * @param innerTemplate
  */
-exports.computesTemplateSourceFromComponent = (component, initialProps, argTypes) => {
-    const ngComponentMetadata = NgComponentAnalyzer_1.getComponentDecoratorMetadata(component);
+const computesTemplateSourceFromComponent = (component, initialProps, argTypes) => {
+    const ngComponentMetadata = (0, NgComponentAnalyzer_1.getComponentDecoratorMetadata)(component);
     if (!ngComponentMetadata) {
         return null;
     }
@@ -60,14 +61,14 @@ exports.computesTemplateSourceFromComponent = (component, initialProps, argTypes
         // Allow to add renderer component when NgComponent selector is undefined
         return `<ng-container *ngComponentOutlet="${component.name}"></ng-container>`;
     }
-    const ngComponentInputsOutputs = NgComponentAnalyzer_1.getComponentInputsOutputs(component);
+    const ngComponentInputsOutputs = (0, NgComponentAnalyzer_1.getComponentInputsOutputs)(component);
     const { inputs: initialInputs, outputs: initialOutputs } = separateInputsOutputsAttributes(ngComponentInputsOutputs, initialProps);
     const templateInputs = initialInputs.length > 0
         ? ` ${initialInputs
             .map((propertyName) => createAngularInputProperty({
             propertyName,
             value: initialProps[propertyName],
-            argType: argTypes === null || argTypes === void 0 ? void 0 : argTypes[propertyName],
+            argType: argTypes?.[propertyName],
         }))
             .join(' ')}`
         : '';
@@ -76,6 +77,7 @@ exports.computesTemplateSourceFromComponent = (component, initialProps, argTypes
         : '';
     return buildTemplate(ngComponentMetadata.selector, '', templateInputs, templateOutputs);
 };
+exports.computesTemplateSourceFromComponent = computesTemplateSourceFromComponent;
 const buildTemplate = (selector, innerTemplate, inputs, outputs) => {
     // https://www.w3.org/TR/2011/WD-html-markup-20110113/syntax.html#syntax-elements
     const voidElements = [

package/dist/types/client/preview/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/preview/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 → types}/client/preview/angular-beta/StorybookModule.js

@@ -19,7 +19,7 @@ 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
         \`\`\`
@@ -30,51 +30,52 @@ const deprecatedStoryComponentWarning = util_deprecate_1.default(() => { }, ts_d
         - 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 → types}/client/preview/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 → types}/client/preview/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;