@storybook/angular 6.5.0-alpha.28 → 6.5.0-alpha.31

package/dist/ts3.9/builders/build-storybook/index.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __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) {
@@ -19,97 +8,57 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 architect_1 = require("@angular-devkit/architect");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var find_up_1 = require("find-up");
+const architect_1 = require("@angular-devkit/architect");
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const find_up_1 = require("find-up");
 // eslint-disable-next-line import/no-extraneous-dependencies
-var standalone_1 = __importDefault(require("@storybook/angular/standalone"));
-var run_compodoc_1 = require("../utils/run-compodoc");
-var build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
+const standalone_1 = __importDefault(require("@storybook/angular/standalone"));
+const run_compodoc_1 = require("../utils/run-compodoc");
+const build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
 exports.default = architect_1.createBuilder(commandBuilder);
 function commandBuilder(options, context) {
-    return rxjs_1.from(setup(options, context)).pipe(operators_1.switchMap(function (_a) {
-        var tsConfig = _a.tsConfig;
-        var runCompodoc$ = options.compodoc
-            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe(operators_1.mapTo({ tsConfig: tsConfig }))
+    return rxjs_1.from(setup(options, context)).pipe(operators_1.switchMap(({ tsConfig }) => {
+        const runCompodoc$ = options.compodoc
+            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe(operators_1.mapTo({ tsConfig }))
             : rxjs_1.of({});
-        return runCompodoc$.pipe(operators_1.mapTo({ tsConfig: tsConfig }));
-    }), operators_1.map(function (_a) {
-        var tsConfig = _a.tsConfig;
-        var browserTarget = options.browserTarget, stylePreprocessorOptions = options.stylePreprocessorOptions, styles = options.styles, configDir = options.configDir, docs = options.docs, loglevel = options.loglevel, outputDir = options.outputDir, quiet = options.quiet;
-        var standaloneOptions = {
-            configDir: configDir,
-            docs: docs,
-            loglevel: loglevel,
-            outputDir: outputDir,
-            quiet: quiet,
+        return runCompodoc$.pipe(operators_1.mapTo({ tsConfig }));
+    }), operators_1.map(({ tsConfig }) => {
+        const { browserTarget, stylePreprocessorOptions, styles, configDir, docs, loglevel, outputDir, quiet, } = options;
+        const standaloneOptions = {
+            configDir,
+            docs,
+            loglevel,
+            outputDir,
+            quiet,
             angularBrowserTarget: browserTarget,
             angularBuilderContext: context,
-            angularBuilderOptions: __assign(__assign({}, (stylePreprocessorOptions ? { stylePreprocessorOptions: stylePreprocessorOptions } : {})), (styles ? { styles: styles } : {})),
-            tsConfig: tsConfig,
+            angularBuilderOptions: Object.assign(Object.assign({}, (stylePreprocessorOptions ? { stylePreprocessorOptions } : {})), (styles ? { styles } : {})),
+            tsConfig,
         };
         return standaloneOptions;
-    }), operators_1.switchMap(function (standaloneOptions) { return runInstance(__assign(__assign({}, standaloneOptions), { mode: 'static' })); }), operators_1.map(function () {
+    }), operators_1.switchMap((standaloneOptions) => runInstance(Object.assign(Object.assign({}, standaloneOptions), { mode: 'static' }))), operators_1.map(() => {
         return { success: true };
     }));
 }
 function setup(options, context) {
     var _a, _b;
-    return __awaiter(this, void 0, void 0, function () {
-        var browserOptions, browserTarget, _c, _d, _e;
-        return __generator(this, function (_f) {
-            switch (_f.label) {
-                case 0:
-                    if (!options.browserTarget) return [3 /*break*/, 4];
-                    browserTarget = architect_1.targetFromTargetString(options.browserTarget);
-                    _d = (_c = context).validateOptions;
-                    return [4 /*yield*/, context.getTargetOptions(browserTarget)];
-                case 1:
-                    _e = [_f.sent()];
-                    return [4 /*yield*/, context.getBuilderNameForTarget(browserTarget)];
-                case 2: return [4 /*yield*/, _d.apply(_c, _e.concat([_f.sent()]))];
-                case 3:
-                    browserOptions = _f.sent();
-                    _f.label = 4;
-                case 4: return [2 /*return*/, {
-                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : find_up_1.sync('tsconfig.json', { cwd: options.configDir })) !== null && _b !== void 0 ? _b : browserOptions.tsConfig,
-                    }];
-            }
-        });
+    return __awaiter(this, void 0, void 0, function* () {
+        let browserOptions;
+        let browserTarget;
+        if (options.browserTarget) {
+            browserTarget = architect_1.targetFromTargetString(options.browserTarget);
+            browserOptions = yield context.validateOptions(yield context.getTargetOptions(browserTarget), yield context.getBuilderNameForTarget(browserTarget));
+        }
+        return {
+            tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : find_up_1.sync('tsconfig.json', { cwd: options.configDir })) !== null && _b !== void 0 ? _b : browserOptions.tsConfig,
+        };
     });
 }
 function runInstance(options) {
-    return rxjs_1.from(standalone_1.default(options)).pipe(operators_1.catchError(function (error) { return rxjs_1.throwError(build_standalone_errors_handler_1.buildStandaloneErrorHandler(error)); }));
+    return rxjs_1.from(standalone_1.default(options)).pipe(operators_1.catchError((error) => rxjs_1.throwError(build_standalone_errors_handler_1.buildStandaloneErrorHandler(error))));
 }

package/dist/ts3.9/builders/start-storybook/index.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __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) {
@@ -19,106 +8,66 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 architect_1 = require("@angular-devkit/architect");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var find_up_1 = require("find-up");
+const architect_1 = require("@angular-devkit/architect");
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const find_up_1 = require("find-up");
 // eslint-disable-next-line import/no-extraneous-dependencies
-var standalone_1 = __importDefault(require("@storybook/angular/standalone"));
-var run_compodoc_1 = require("../utils/run-compodoc");
-var build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
+const standalone_1 = __importDefault(require("@storybook/angular/standalone"));
+const run_compodoc_1 = require("../utils/run-compodoc");
+const build_standalone_errors_handler_1 = require("../utils/build-standalone-errors-handler");
 exports.default = architect_1.createBuilder(commandBuilder);
 function commandBuilder(options, context) {
-    return rxjs_1.from(setup(options, context)).pipe(operators_1.switchMap(function (_a) {
-        var tsConfig = _a.tsConfig;
-        var runCompodoc$ = options.compodoc
-            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe(operators_1.mapTo({ tsConfig: tsConfig }))
+    return rxjs_1.from(setup(options, context)).pipe(operators_1.switchMap(({ tsConfig }) => {
+        const runCompodoc$ = options.compodoc
+            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe(operators_1.mapTo({ tsConfig }))
             : rxjs_1.of({});
-        return runCompodoc$.pipe(operators_1.mapTo({ tsConfig: tsConfig }));
-    }), operators_1.map(function (_a) {
-        var tsConfig = _a.tsConfig;
-        var browserTarget = options.browserTarget, stylePreprocessorOptions = options.stylePreprocessorOptions, styles = options.styles, ci = options.ci, configDir = options.configDir, docs = options.docs, host = options.host, https = options.https, port = options.port, quiet = options.quiet, smokeTest = options.smokeTest, sslCa = options.sslCa, sslCert = options.sslCert, sslKey = options.sslKey;
-        var standaloneOptions = {
-            ci: ci,
-            configDir: configDir,
-            docs: docs,
-            host: host,
-            https: https,
-            port: port,
-            quiet: quiet,
-            smokeTest: smokeTest,
-            sslCa: sslCa,
-            sslCert: sslCert,
-            sslKey: sslKey,
+        return runCompodoc$.pipe(operators_1.mapTo({ tsConfig }));
+    }), operators_1.map(({ tsConfig }) => {
+        const { browserTarget, stylePreprocessorOptions, styles, ci, configDir, docs, host, https, port, quiet, smokeTest, sslCa, sslCert, sslKey, } = options;
+        const standaloneOptions = {
+            ci,
+            configDir,
+            docs,
+            host,
+            https,
+            port,
+            quiet,
+            smokeTest,
+            sslCa,
+            sslCert,
+            sslKey,
             angularBrowserTarget: browserTarget,
             angularBuilderContext: context,
-            angularBuilderOptions: __assign(__assign({}, (stylePreprocessorOptions ? { stylePreprocessorOptions: stylePreprocessorOptions } : {})), (styles ? { styles: styles } : {})),
-            tsConfig: tsConfig,
+            angularBuilderOptions: Object.assign(Object.assign({}, (stylePreprocessorOptions ? { stylePreprocessorOptions } : {})), (styles ? { styles } : {})),
+            tsConfig,
         };
         return standaloneOptions;
-    }), operators_1.switchMap(function (standaloneOptions) { return runInstance(standaloneOptions); }), operators_1.map(function () {
+    }), operators_1.switchMap((standaloneOptions) => runInstance(standaloneOptions)), operators_1.map(() => {
         return { success: true };
     }));
 }
 function setup(options, context) {
     var _a, _b;
-    return __awaiter(this, void 0, void 0, function () {
-        var browserOptions, browserTarget, _c, _d, _e;
-        return __generator(this, function (_f) {
-            switch (_f.label) {
-                case 0:
-                    if (!options.browserTarget) return [3 /*break*/, 4];
-                    browserTarget = architect_1.targetFromTargetString(options.browserTarget);
-                    _d = (_c = context).validateOptions;
-                    return [4 /*yield*/, context.getTargetOptions(browserTarget)];
-                case 1:
-                    _e = [_f.sent()];
-                    return [4 /*yield*/, context.getBuilderNameForTarget(browserTarget)];
-                case 2: return [4 /*yield*/, _d.apply(_c, _e.concat([_f.sent()]))];
-                case 3:
-                    browserOptions = _f.sent();
-                    _f.label = 4;
-                case 4: return [2 /*return*/, {
-                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : find_up_1.sync('tsconfig.json', { cwd: options.configDir })) !== null && _b !== void 0 ? _b : browserOptions.tsConfig,
-                    }];
-            }
-        });
+    return __awaiter(this, void 0, void 0, function* () {
+        let browserOptions;
+        let browserTarget;
+        if (options.browserTarget) {
+            browserTarget = architect_1.targetFromTargetString(options.browserTarget);
+            browserOptions = yield context.validateOptions(yield context.getTargetOptions(browserTarget), yield context.getBuilderNameForTarget(browserTarget));
+        }
+        return {
+            tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : find_up_1.sync('tsconfig.json', { cwd: options.configDir })) !== null && _b !== void 0 ? _b : browserOptions.tsConfig,
+        };
     });
 }
 function runInstance(options) {
-    return new rxjs_1.Observable(function (observer) {
+    return new rxjs_1.Observable((observer) => {
         // This Observable intentionally never complete, leaving the process running ;)
-        standalone_1.default(options).then(function () { return observer.next(); }, function (error) { return observer.error(build_standalone_errors_handler_1.buildStandaloneErrorHandler(error)); });
+        standalone_1.default(options).then(() => observer.next(), (error) => observer.error(build_standalone_errors_handler_1.buildStandaloneErrorHandler(error)));
     });
 }

package/dist/ts3.9/builders/utils/build-standalone-errors-handler.js

@@ -1,16 +1,12 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildStandaloneErrorHandler = void 0;
-var node_logger_1 = require("@storybook/node-logger");
-var ts_dedent_1 = __importDefault(require("ts-dedent"));
-exports.buildStandaloneErrorHandler = function (error) {
+const node_logger_1 = require("@storybook/node-logger");
+const ts_dedent_1 = __importDefault(require("ts-dedent"));
+exports.buildStandaloneErrorHandler = (error) => {
     var _a;
     // Duplicate code for Standalone error handling
     // Source: https://github.com/storybookjs/storybook/blob/39c7ba09ad84fbd466f9c25d5b92791a5450b9f6/lib/core-server/src/build-dev.ts#L136
@@ -20,17 +16,23 @@ exports.buildStandaloneErrorHandler = function (error) {
             node_logger_1.logger.error(error.error);
         }
         else if (error.stats && error.stats.compilation.errors) {
-            error.stats.compilation.errors.forEach(function (e) { return node_logger_1.logger.plain(e); });
+            error.stats.compilation.errors.forEach((e) => node_logger_1.logger.plain(e));
         }
         else {
             node_logger_1.logger.error(error);
         }
     }
     else if ((_a = error.compilation) === null || _a === void 0 ? void 0 : _a.errors) {
-        error.compilation.errors.forEach(function (e) { return node_logger_1.logger.plain(e); });
+        error.compilation.errors.forEach((e) => node_logger_1.logger.plain(e));
     }
     node_logger_1.logger.line();
     return error.close
-        ? ts_dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    FATAL broken build!, will close the process,\n    Fix the error below and restart storybook.\n  "], ["\n    FATAL broken build!, will close the process,\n    Fix the error below and restart storybook.\n  "]))) : ts_dedent_1.default(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    Broken build, fix the error above.\n    You may need to refresh the browser.\n  "], ["\n    Broken build, fix the error above.\n    You may need to refresh the browser.\n  "])));
+        ? ts_dedent_1.default `
+    FATAL broken build!, will close the process,
+    Fix the error below and restart storybook.
+  `
+        : ts_dedent_1.default `
+    Broken build, fix the error above.
+    You may need to refresh the browser.
+  `;
 };
-var templateObject_1, templateObject_2;

package/dist/ts3.9/builders/utils/run-compodoc.js

@@ -18,48 +18,42 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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.runCompodoc = void 0;
-var child_process_1 = require("child_process");
-var rxjs_1 = require("rxjs");
-var path = __importStar(require("path"));
-var hasTsConfigArg = function (args) { return args.indexOf('-p') !== -1; };
+const child_process_1 = require("child_process");
+const rxjs_1 = require("rxjs");
+const path = __importStar(require("path"));
+const hasTsConfigArg = (args) => args.indexOf('-p') !== -1;
 // path.relative is necessary to workaround a compodoc issue with
 // absolute paths on windows machines
-var toRelativePath = function (pathToTsConfig) {
+const toRelativePath = (pathToTsConfig) => {
     return path.isAbsolute(pathToTsConfig) ? path.relative('.', pathToTsConfig) : pathToTsConfig;
 };
-exports.runCompodoc = function (_a, context) {
-    var compodocArgs = _a.compodocArgs, tsconfig = _a.tsconfig;
-    return new rxjs_1.Observable(function (observer) {
-        var tsConfigPath = toRelativePath(tsconfig);
-        var finalCompodocArgs = __spreadArrays([
-            'compodoc'
-        ], (hasTsConfigArg(compodocArgs) ? [] : ['-p', tsConfigPath]), [
+exports.runCompodoc = ({ compodocArgs, tsconfig }, context) => {
+    return new rxjs_1.Observable((observer) => {
+        const tsConfigPath = toRelativePath(tsconfig);
+        const finalCompodocArgs = [
+            'compodoc',
+            // Default options
+            ...(hasTsConfigArg(compodocArgs) ? [] : ['-p', tsConfigPath]),
             '-d',
-            "" + context.workspaceRoot
-        ], compodocArgs);
+            `${context.workspaceRoot}`,
+            ...compodocArgs,
+        ];
         try {
             context.logger.info(finalCompodocArgs.join(' '));
-            var child = child_process_1.spawn('npx', finalCompodocArgs, {
+            const child = child_process_1.spawn('npx', finalCompodocArgs, {
                 cwd: context.workspaceRoot,
                 env: process.env,
                 shell: true,
             });
-            child.stdout.on('data', function (data) {
+            child.stdout.on('data', (data) => {
                 context.logger.info(data.toString());
             });
-            child.stderr.on('data', function (data) {
+            child.stderr.on('data', (data) => {
                 context.logger.error(data.toString());
             });
-            child.on('close', function (code) {
+            child.on('close', (code) => {
                 if (code === 0) {
                     observer.next();
                     observer.complete();

package/dist/ts3.9/client/preview/angular/app.token.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.STORY = void 0;
-var core_1 = require("@angular/core");
+const core_1 = require("@angular/core");
 exports.STORY = new core_1.InjectionToken('story');

package/dist/ts3.9/client/preview/angular/components/app.component.js

@@ -18,103 +18,100 @@ exports.AppComponent = void 0;
 // to provide @Inputs and subscribe to @Outputs, see
 // https://github.com/angular/angular/issues/15360
 // For the time being, the ViewContainerRef approach works pretty well.
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var app_token_1 = require("../app.token");
-var AppComponent = /** @class */ (function () {
-    function AppComponent(cfr, changeDetectorRef, data) {
+const core_1 = require("@angular/core");
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const app_token_1 = require("../app.token");
+let AppComponent = class AppComponent {
+    constructor(cfr, changeDetectorRef, data) {
         this.cfr = cfr;
         this.changeDetectorRef = changeDetectorRef;
         this.data = data;
         this.previousValues = {};
         this.propSubscriptions = new Map();
     }
-    AppComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.data.pipe(operators_1.first()).subscribe(function (data) {
-            _this.target.clear();
-            var compFactory = _this.cfr.resolveComponentFactory(data.component);
-            var componentRef = _this.target.createComponent(compFactory);
-            var instance = componentRef.instance;
+    ngOnInit() {
+        this.data.pipe(operators_1.first()).subscribe((data) => {
+            this.target.clear();
+            const compFactory = this.cfr.resolveComponentFactory(data.component);
+            const componentRef = this.target.createComponent(compFactory);
+            const { instance } = componentRef;
             // For some reason, manual change detection ref is only working when getting the ref from the injector (rather than componentRef.changeDetectorRef)
-            var childChangeDetectorRef = componentRef.injector.get(core_1.ChangeDetectorRef);
-            _this.subscription = _this.data.subscribe(function (newData) {
-                _this.setProps(instance, newData);
+            const childChangeDetectorRef = componentRef.injector.get(core_1.ChangeDetectorRef);
+            this.subscription = this.data.subscribe((newData) => {
+                this.setProps(instance, newData);
                 childChangeDetectorRef.markForCheck();
                 // Must detect changes on the current component in order to update any changes in child component's @HostBinding properties (angular/angular#22560)
-                _this.changeDetectorRef.detectChanges();
+                this.changeDetectorRef.detectChanges();
             });
         });
-    };
-    AppComponent.prototype.ngOnDestroy = function () {
+    }
+    ngOnDestroy() {
         this.target.clear();
         if (this.subscription) {
             this.subscription.unsubscribe();
         }
-        this.propSubscriptions.forEach(function (v) {
+        this.propSubscriptions.forEach((v) => {
             if (!v.sub.closed) {
                 v.sub.unsubscribe();
             }
         });
         this.propSubscriptions.clear();
-    };
+    }
     /**
      * Set inputs and outputs
      */
-    AppComponent.prototype.setProps = function (instance, _a) {
-        var _this = this;
-        var _b = _a.props, props = _b === void 0 ? {} : _b;
-        var changes = {};
-        var hasNgOnChangesHook = !!instance.ngOnChanges;
-        Object.keys(props).forEach(function (key) {
-            var value = props[key];
-            var instanceProperty = instance[key];
+    setProps(instance, { props = {} }) {
+        const changes = {};
+        const hasNgOnChangesHook = !!instance.ngOnChanges;
+        Object.keys(props).forEach((key) => {
+            const value = props[key];
+            const instanceProperty = instance[key];
             if (!(instanceProperty instanceof core_1.EventEmitter) && value !== undefined && value !== null) {
                 // eslint-disable-next-line no-param-reassign
                 instance[key] = value;
                 if (hasNgOnChangesHook) {
-                    var previousValue = _this.previousValues[key];
+                    const previousValue = this.previousValues[key];
                     if (previousValue !== value) {
-                        changes[key] = new core_1.SimpleChange(previousValue, value, !Object.prototype.hasOwnProperty.call(_this.previousValues, key));
-                        _this.previousValues[key] = value;
+                        changes[key] = new core_1.SimpleChange(previousValue, value, !Object.prototype.hasOwnProperty.call(this.previousValues, key));
+                        this.previousValues[key] = value;
                     }
                 }
             }
             else if (typeof value === 'function' && key !== 'ngModelChange') {
-                _this.setPropSubscription(key, instanceProperty, value);
+                this.setPropSubscription(key, instanceProperty, value);
             }
         });
         this.callNgOnChangesHook(instance, changes);
         this.setNgModel(instance, props);
-    };
+    }
     /**
      * Manually call 'ngOnChanges' hook because angular doesn't do that for dynamic components
      * Issue: [https://github.com/angular/angular/issues/8903]
      */
-    AppComponent.prototype.callNgOnChangesHook = function (instance, changes) {
+    callNgOnChangesHook(instance, changes) {
         if (Object.keys(changes).length) {
             instance.ngOnChanges(changes);
         }
-    };
+    }
     /**
      * If component implements ControlValueAccessor interface try to set ngModel
      */
-    AppComponent.prototype.setNgModel = function (instance, props) {
+    setNgModel(instance, props) {
         if (props.ngModel) {
             instance.writeValue(props.ngModel);
         }
         if (typeof props.ngModelChange === 'function') {
             instance.registerOnChange(props.ngModelChange);
         }
-    };
+    }
     /**
      * Store ref to subscription for cleanup in 'ngOnDestroy' and check if
      * observable needs to be resubscribed to, before creating a new subscription.
      */
-    AppComponent.prototype.setPropSubscription = function (key, instanceProperty, value) {
+    setPropSubscription(key, instanceProperty, value) {
         if (this.propSubscriptions.has(key)) {
-            var v = this.propSubscriptions.get(key);
+            const v = this.propSubscriptions.get(key);
             if (v.prop === value) {
                 // Prop hasn't changed, so the existing subscription can stay.
                 return;
@@ -124,23 +121,22 @@ var AppComponent = /** @class */ (function () {
                 v.sub.unsubscribe();
             }
         }
-        var sub = instanceProperty.subscribe(value);
-        this.propSubscriptions.set(key, { prop: value, sub: sub });
-    };
-    __decorate([
-        core_1.ViewChild('target', { read: core_1.ViewContainerRef, static: true }),
-        __metadata("design:type", core_1.ViewContainerRef)
-    ], AppComponent.prototype, "target", void 0);
-    AppComponent = __decorate([
-        core_1.Component({
-            selector: 'storybook-dynamic-app-root',
-            template: '<ng-template #target></ng-template>',
-        }),
-        __param(2, core_1.Inject(app_token_1.STORY)),
-        __metadata("design:paramtypes", [core_1.ComponentFactoryResolver,
-            core_1.ChangeDetectorRef,
-            rxjs_1.Observable])
-    ], AppComponent);
-    return AppComponent;
-}());
+        const sub = instanceProperty.subscribe(value);
+        this.propSubscriptions.set(key, { prop: value, sub });
+    }
+};
+__decorate([
+    core_1.ViewChild('target', { read: core_1.ViewContainerRef, static: true }),
+    __metadata("design:type", core_1.ViewContainerRef)
+], AppComponent.prototype, "target", void 0);
+AppComponent = __decorate([
+    core_1.Component({
+        selector: 'storybook-dynamic-app-root',
+        template: '<ng-template #target></ng-template>',
+    }),
+    __param(2, core_1.Inject(app_token_1.STORY)),
+    __metadata("design:paramtypes", [core_1.ComponentFactoryResolver,
+        core_1.ChangeDetectorRef,
+        rxjs_1.Observable])
+], AppComponent);
 exports.AppComponent = AppComponent;