@storybook/angular 6.4.0-alpha.9 → 6.4.0-beta.11

package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/tsconfig.lib.json

@@ -0,0 +1,25 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../out-tsc/lib",
+        "target": "es2015",
+        "declaration": true,
+        "declarationMap": true,
+        "inlineSources": true,
+        "types": [],
+        "lib": [
+            "dom",
+            "es2018"
+        ]
+    },
+    "angularCompilerOptions": {
+        "skipTemplateCodegen": true,
+        "strictMetadataEmit": true,
+        "enableResourceInlining": true
+    },
+    "exclude": [
+        "src/test.ts",
+        "**/*.spec.ts"
+    ]
+}

package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "sourceMap": true,
+        "moduleResolution": "node",
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "allowSyntheticDefaultImports": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "target": "es5",
+        "lib": ["es2017", "dom"]
+    }
+}

package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/angular.json

@@ -0,0 +1,16 @@
+{
+    "version": 1,
+    "projects": {
+        "foo-project": {
+            "root": "",
+            "architect": {
+                "build": {
+                    "options": {
+                        "assets": []
+                    }
+                }
+            }
+        }
+    },
+    "defaultProject": "foo-project"
+}

package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/main.d.ts

@@ -0,0 +1 @@
+export declare const not = "empty";

package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/main.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.not = void 0;
+// To avoid "No inputs were found in config file" tsc error
+exports.not = 'empty';

package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/tsconfig.app.json

@@ -0,0 +1,9 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "baseUrl": "./",
+        "module": "es2015",
+        "types": ["node"]
+    },
+    "exclude": ["karma.ts", "**/*.spec.ts"]
+}

package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "sourceMap": true,
+        "moduleResolution": "node",
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "allowSyntheticDefaultImports": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "target": "es5",
+        "lib": ["es2017", "dom"]
+    }
+}

package/dist/ts3.9/server/angular-devkit-build-webpack.d.ts

@@ -27,4 +27,4 @@ export declare type AngularCliWebpackConfig = {
  * Uses angular cli to extract webpack configuration.
  * The `AngularCliWebpackConfig` type lists the parts used by storybook
  */
-export declare function extractAngularCliWebpackConfig(dirToSearch: string, project: workspaces.ProjectDefinition, target: workspaces.TargetDefinition): Promise<AngularCliWebpackConfig>;
+export declare function extractAngularCliWebpackConfig(dirToSearch: string, project: workspaces.ProjectDefinition, target: workspaces.TargetDefinition, confName?: string): Promise<AngularCliWebpackConfig>;

package/dist/ts3.9/server/angular-devkit-build-webpack.js

@@ -122,14 +122,24 @@ var importAngularCliReadTsconfigUtil = function () {
     }
     throw new Error('ReadTsconfig not found in "@angular-devkit/build-angular"');
 };
-var buildWebpackConfigOptions = function (dirToSearch, project, target) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, projectBuildOptions, requiredOptions, workspaceRootNormalized, projectRootNormalized, sourceRootNormalized, tsConfigPath, tsConfig, ts, scriptTarget, buildOptions;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
+var buildWebpackConfigOptions = function (dirToSearch, project, target, confName) { return __awaiter(void 0, void 0, void 0, function () {
+    var conf, projectBuildOptions, requiredOptions, workspaceRootNormalized, projectRootNormalized, sourceRootNormalized, tsConfigPath, tsConfig, ts, scriptTarget, buildOptions;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
             case 0:
-                _a = target.options, projectBuildOptions = _a === void 0 ? {} : _a;
-                requiredOptions = ['tsConfig', 'assets', 'optimization'];
-                if (!requiredOptions.every(function (key) { return key in projectBuildOptions; })) {
+                conf = {};
+                if (confName) {
+                    if (!target.configurations) {
+                        throw new Error('Missing "configurations" section in project target');
+                    }
+                    if (!target.configurations[confName]) {
+                        throw new Error("Missing required configuration in project target. Check \"" + confName + "\"");
+                    }
+                    conf = target.configurations[confName];
+                }
+                projectBuildOptions = __assign(__assign({}, target.options), conf);
+                requiredOptions = ['tsConfig'];
+                if (!requiredOptions.every(function (key) { return !!projectBuildOptions[key]; })) {
                     throw new Error("Missing required options in project target. Check \"" + requiredOptions.join(', ') + "\"");
                 }
                 workspaceRootNormalized = core_1.normalize(dirToSearch);
@@ -141,7 +151,7 @@ var buildWebpackConfigOptions = function (dirToSearch, project, target) { return
                 tsConfig = importAngularCliReadTsconfigUtil().readTsconfig(tsConfigPath);
                 return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('typescript')); })];
             case 1:
-                ts = _b.sent();
+                ts = _a.sent();
                 scriptTarget = tsConfig.options.target || ts.ScriptTarget.ES5;
                 buildOptions = __assign(__assign({ 
                     // Default options
@@ -166,7 +176,7 @@ var buildWebpackConfigOptions = function (dirToSearch, project, target) { return
  * Uses angular cli to extract webpack configuration.
  * The `AngularCliWebpackConfig` type lists the parts used by storybook
  */
-function extractAngularCliWebpackConfig(dirToSearch, project, target) {
+function extractAngularCliWebpackConfig(dirToSearch, project, target, confName) {
     var _a;
     return __awaiter(this, void 0, void 0, function () {
         var _b, getCommonConfig, getStylesConfig, webpackConfigOptions, cliCommonConfig, cliStyleConfig;
@@ -174,7 +184,7 @@ function extractAngularCliWebpackConfig(dirToSearch, project, target) {
             switch (_c.label) {
                 case 0:
                     _b = importAngularCliWebpackConfigGenerator(), getCommonConfig = _b.getCommonConfig, getStylesConfig = _b.getStylesConfig;
-                    return [4 /*yield*/, buildWebpackConfigOptions(dirToSearch, project, target)];
+                    return [4 /*yield*/, buildWebpackConfigOptions(dirToSearch, project, target, confName)];
                 case 1:
                     webpackConfigOptions = _c.sent();
                     cliCommonConfig = getCommonConfig(webpackConfigOptions);

package/dist/ts3.9/server/build.js

@@ -1,8 +1,65 @@
 "use strict";
+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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var server_1 = require("@storybook/core/server");
+var node_logger_1 = require("@storybook/node-logger");
 var options_1 = __importDefault(require("./options"));
-server_1.buildStatic(options_1.default);
+function build() {
+    return __awaiter(this, void 0, void 0, function () {
+        var error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, server_1.buildStatic(options_1.default)];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _a.sent();
+                    node_logger_1.logger.error(error_1);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+}
+build();

package/dist/ts3.9/server/framework-preset-angular-cli.d.ts

@@ -3,6 +3,7 @@ import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 import { Options as CoreOptions } from '@storybook/core-common';
 export declare type Options = CoreOptions & {
     angularBrowserTarget?: string;
+    tsConfig?: string;
 };
 export declare function webpackFinal(baseConfig: webpack.Configuration, options: Options): Promise<webpack.Configuration | {
     entry: any[];

package/dist/ts3.9/server/framework-preset-angular-cli.js

@@ -67,7 +67,7 @@ var module_is_available_1 = require("./utils/module-is-available");
 var filter_out_styling_rules_1 = require("./utils/filter-out-styling-rules");
 function webpackFinal(baseConfig, options) {
     return __awaiter(this, void 0, void 0, function () {
-        var dirToSearch, workspaceConfig, error_1, project, target, browserTarget, fondProject, angularCliWebpackConfig, error_2;
+        var dirToSearch, workspaceConfig, error_1, project, target, confName, browserTarget, fondProject, angularCliWebpackConfig, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -91,17 +91,27 @@ function webpackFinal(baseConfig, options) {
                     return [2 /*return*/, baseConfig];
                 case 4:
                     try {
-                        browserTarget = options.angularBrowserTarget
-                            ? architect_1.targetFromTargetString(options.angularBrowserTarget)
-                            : {
-                                configuration: undefined,
-                                project: angular_read_workspace_1.getDefaultProjectName(workspaceConfig),
-                                target: 'build',
-                            };
-                        fondProject = angular_read_workspace_1.findAngularProjectTarget(workspaceConfig, browserTarget.project, browserTarget.target);
-                        project = fondProject.project;
-                        target = fondProject.target;
-                        node_logger_1.logger.info("=> Using angular project \"" + browserTarget.project + ":" + browserTarget.target + "\" for configuring Storybook");
+                        // Default behavior when `angularBrowserTarget` are not explicitly defined to null
+                        if (options.angularBrowserTarget !== null) {
+                            browserTarget = options.angularBrowserTarget
+                                ? architect_1.targetFromTargetString(options.angularBrowserTarget)
+                                : {
+                                    configuration: undefined,
+                                    project: angular_read_workspace_1.getDefaultProjectName(workspaceConfig),
+                                    target: 'build',
+                                };
+                            fondProject = angular_read_workspace_1.findAngularProjectTarget(workspaceConfig, browserTarget.project, browserTarget.target);
+                            project = fondProject.project;
+                            target = fondProject.target;
+                            confName = browserTarget.configuration;
+                            node_logger_1.logger.info("=> Using angular project \"" + browserTarget.project + ":" + browserTarget.target + (confName ? ":" + confName : '') + "\" for configuring Storybook");
+                        }
+                        // Start storybook when only tsConfig is provided.
+                        if (options.angularBrowserTarget === null && options.tsConfig) {
+                            node_logger_1.logger.info("=> Using default angular project with \"tsConfig:" + options.tsConfig + "\"");
+                            project = { root: '', extensions: {}, targets: undefined };
+                            target = { builder: '', options: { tsConfig: options.tsConfig } };
+                        }
                     }
                     catch (error) {
                         node_logger_1.logger.error("=> Could not find angular project: " + error.message);
@@ -111,7 +121,7 @@ function webpackFinal(baseConfig, options) {
                     _a.label = 5;
                 case 5:
                     _a.trys.push([5, 7, , 8]);
-                    return [4 /*yield*/, angular_devkit_build_webpack_1.extractAngularCliWebpackConfig(dirToSearch, project, target)];
+                    return [4 /*yield*/, angular_devkit_build_webpack_1.extractAngularCliWebpackConfig(dirToSearch, project, target, confName)];
                 case 6:
                     angularCliWebpackConfig = _a.sent();
                     node_logger_1.logger.info("=> Using angular-cli webpack config");

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@storybook/angular",
-  "version": "6.4.0-alpha.9",
+  "version": "6.4.0-beta.11",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
   ],
-  "homepage": "https://github.com/storybookjs/storybook/tree/master/app/angular",
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/app/angular",
   "bugs": {
     "url": "https://github.com/storybookjs/storybook/issues"
   },
@@ -24,7 +24,7 @@
   "types": "dist/ts3.9/client/index.d.ts",
   "typesVersions": {
     "<3.8": {
-      "*": [
+      "dist/ts3.9/*": [
         "dist/ts3.4/*"
       ]
     }
@@ -45,12 +45,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-alpha.9",
-    "@storybook/api": "6.4.0-alpha.9",
-    "@storybook/core": "6.4.0-alpha.9",
-    "@storybook/core-common": "6.4.0-alpha.9",
-    "@storybook/core-events": "6.4.0-alpha.9",
-    "@storybook/node-logger": "6.4.0-alpha.9",
+    "@storybook/addons": "6.4.0-beta.11",
+    "@storybook/api": "6.4.0-beta.11",
+    "@storybook/core": "6.4.0-beta.11",
+    "@storybook/core-common": "6.4.0-beta.11",
+    "@storybook/core-events": "6.4.0-beta.11",
+    "@storybook/csf": "0.0.2--canary.6aca495.0",
+    "@storybook/node-logger": "6.4.0-beta.11",
+    "@storybook/store": "6.4.0-beta.11",
     "@types/webpack-env": "^1.16.0",
     "autoprefixer": "^9.8.6",
     "core-js": "^3.8.2",
@@ -65,6 +67,7 @@
     "regenerator-runtime": "^0.13.7",
     "sass-loader": "^10.1.0",
     "strip-json-comments": "3.1.1",
+    "telejson": "^5.3.2",
     "ts-dedent": "^2.0.0",
     "ts-loader": "^8.0.14",
     "tsconfig-paths-webpack-plugin": "^3.3.0",
@@ -128,5 +131,5 @@
     "access": "public"
   },
   "builders": "dist/ts3.9/builders/builders.json",
-  "gitHead": "b9b9f9484bfe3cb9f259c26bc71e7635362addde"
+  "gitHead": "5ea24555a458269f3ca0f399ff7f6f0218cc7fea"
 }

package/preset.js

@@ -0,0 +1,7 @@
+function config(entry = []) {
+  return [...entry, require.resolve('./dist/esm/client/preview/config')];
+}
+
+module.exports = {
+  config,
+};

package/standalone.d.ts

@@ -5,7 +5,8 @@ export type StandaloneOptions = Partial<
     LoadOptions &
     BuilderOptions & {
       mode?: 'static' | 'dev';
-      angularBrowserTarget: string;
+      angularBrowserTarget?: string | null;
+      tsConfig?: string;
     }
 >;
 

package/dist/ts3.4/client/preview/angular-beta/ElementRendererService.d.ts

@@ -1,17 +0,0 @@
-import '@webcomponents/custom-elements';
-import '@webcomponents/custom-elements/src/native-shim';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-/**
- * Bootstrap angular application to generate a web component with angular element
- */
-export declare class ElementRendererService {
-    private rendererService;
-    /**
-     * Returns a custom element generated by Angular elements
-     */
-    renderAngularElement({ storyFnAngular, parameters, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        parameters: Parameters;
-    }): Promise<CustomElementConstructor>;
-}

package/dist/ts3.4/client/preview/angular-beta/RendererService.d.ts

@@ -1,35 +0,0 @@
-import { PlatformRef } from '@angular/core';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-/**
- * Bootstrap angular application and allows to change the rendering dynamically
- * To be used as a singleton so has to set global properties of render function
- */
-export declare class RendererService {
-    private static instance;
-    static SELECTOR_STORYBOOK_WRAPPER: string;
-    static getInstance(): RendererService;
-    platform: PlatformRef;
-    private staticRoot;
-    private storyProps$;
-    private currentStoryRender;
-    constructor();
-    /**
-     * Bootstrap main angular module with main component or send only new `props` with storyProps$
-     *
-     * @param storyFnAngular {StoryFnAngularReturnType}
-     * @param forced {boolean} If :
-     * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
-     * - false fully recharges or initializes angular module & component
-     * @param parameters {Parameters}
-     */
-    render({ storyFnAngular, forced, parameters, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        forced: boolean;
-        parameters: Parameters;
-    }): Promise<void>;
-    newPlatformBrowserDynamic(): PlatformRef;
-    destroyPlatformBrowserDynamic(): void;
-    private initAngularRootElement;
-    private fullRendererRequired;
-}

package/dist/ts3.4/element-renderer.d.ts

@@ -1 +0,0 @@
-export { ElementRendererService } from './client/preview/angular-beta/ElementRendererService';

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

@@ -1,17 +0,0 @@
-import '@webcomponents/custom-elements';
-import '@webcomponents/custom-elements/src/native-shim';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-/**
- * Bootstrap angular application to generate a web component with angular element
- */
-export declare class ElementRendererService {
-    private rendererService;
-    /**
-     * Returns a custom element generated by Angular elements
-     */
-    renderAngularElement({ storyFnAngular, parameters, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        parameters: Parameters;
-    }): Promise<CustomElementConstructor>;
-}

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

@@ -1,115 +0,0 @@
-"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 __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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ElementRendererService = void 0;
-// Should be added first :
-//   Custom Elements polyfill. Required for browsers that do not natively support Custom Elements.
-require("@webcomponents/custom-elements");
-//   Custom Elements ES5 shim. Required when using ES5 bundles on browsers that natively support
-//   Custom Elements (either because the browser does not support ES2015 modules or because the app
-//   is explicitly configured to generate ES5 only bundles).
-require("@webcomponents/custom-elements/src/native-shim");
-var core_1 = require("@angular/core");
-var elements_1 = require("@angular/elements");
-var rxjs_1 = require("rxjs");
-var StorybookModule_1 = require("./StorybookModule");
-var RendererService_1 = require("./RendererService");
-/**
- * Bootstrap angular application to generate a web component with angular element
- */
-var ElementRendererService = /** @class */ (function () {
-    function ElementRendererService() {
-        this.rendererService = RendererService_1.RendererService.getInstance();
-    }
-    /**
-     * Returns a custom element generated by Angular elements
-     */
-    ElementRendererService.prototype.renderAngularElement = function (_a) {
-        var _b;
-        var storyFnAngular = _a.storyFnAngular, parameters = _a.parameters;
-        return __awaiter(this, void 0, void 0, function () {
-            var ngModule;
-            return __generator(this, function (_c) {
-                ngModule = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, parameters: parameters, targetSelector: RendererService_1.RendererService.SELECTOR_STORYBOOK_WRAPPER }, new rxjs_1.BehaviorSubject(storyFnAngular.props));
-                return [2 /*return*/, this.rendererService
-                        .newPlatformBrowserDynamic()
-                        .bootstrapModule(createElementsModule(ngModule), (_b = parameters.bootstrapModuleOptions) !== null && _b !== void 0 ? _b : undefined)
-                        .then(function (m) { return m.instance.ngEl; })];
-            });
-        });
-    };
-    return ElementRendererService;
-}());
-exports.ElementRendererService = ElementRendererService;
-var createElementsModule = function (ngModule) {
-    var ElementsModule = /** @class */ (function () {
-        function ElementsModule(injector) {
-            this.injector = injector;
-            this.ngEl = elements_1.createCustomElement(ngModule.bootstrap[0], {
-                injector: this.injector,
-            });
-        }
-        ElementsModule.prototype.ngDoBootstrap = function () { };
-        ElementsModule = __decorate([
-            core_1.NgModule(__assign({}, ngModule)),
-            __metadata("design:paramtypes", [core_1.Injector])
-        ], ElementsModule);
-        return ElementsModule;
-    }());
-    return ElementsModule;
-};

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

@@ -1,35 +0,0 @@
-import { PlatformRef } from '@angular/core';
-import { StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-/**
- * Bootstrap angular application and allows to change the rendering dynamically
- * To be used as a singleton so has to set global properties of render function
- */
-export declare class RendererService {
-    private static instance;
-    static SELECTOR_STORYBOOK_WRAPPER: string;
-    static getInstance(): RendererService;
-    platform: PlatformRef;
-    private staticRoot;
-    private storyProps$;
-    private currentStoryRender;
-    constructor();
-    /**
-     * Bootstrap main angular module with main component or send only new `props` with storyProps$
-     *
-     * @param storyFnAngular {StoryFnAngularReturnType}
-     * @param forced {boolean} If :
-     * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
-     * - false fully recharges or initializes angular module & component
-     * @param parameters {Parameters}
-     */
-    render({ storyFnAngular, forced, parameters, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        forced: boolean;
-        parameters: Parameters;
-    }): Promise<void>;
-    newPlatformBrowserDynamic(): PlatformRef;
-    destroyPlatformBrowserDynamic(): void;
-    private initAngularRootElement;
-    private fullRendererRequired;
-}