@storybook/angular 6.5.0-alpha.4 → 6.5.0-alpha.40

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

@@ -1,34 +1,21 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
-var client_1 = require("@storybook/core/client");
+const client_1 = require("@storybook/core/client");
 require("./globals");
-var render_1 = require("./render");
-var decorateStory_1 = __importDefault(require("./decorateStory"));
-var framework = 'angular';
-var api = client_1.start(render_1.renderToDOM, { decorateStory: decorateStory_1.default, render: render_1.render });
-exports.storiesOf = function (kind, m) {
+const render_1 = require("./render");
+const decorateStory_1 = __importDefault(require("./decorateStory"));
+const framework = 'angular';
+const api = client_1.start(render_1.renderToDOM, { decorateStory: decorateStory_1.default, render: render_1.render });
+exports.storiesOf = (kind, m) => {
     return api.clientApi.storiesOf(kind, m).addParameters({
-        framework: framework,
+        framework,
     });
 };
-exports.configure = function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    return api.configure.apply(api, __spreadArrays([framework], args));
-};
+exports.configure = (...args) => api.configure(framework, ...args);
 exports.addDecorator = api.clientApi
     .addDecorator;
 exports.addParameters = api.clientApi

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

@@ -8,65 +8,26 @@ 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 };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderToDOM = exports.render = exports.rendererFactory = void 0;
-var helpers_1 = require("./angular/helpers");
-var RendererFactory_1 = require("./angular-beta/RendererFactory");
+const helpers_1 = require("./angular/helpers");
+const RendererFactory_1 = require("./angular-beta/RendererFactory");
 exports.rendererFactory = new RendererFactory_1.RendererFactory();
-exports.render = function (props) { return ({ props: props }); };
-function renderToDOM(_a, element) {
-    var storyFn = _a.storyFn, showMain = _a.showMain, forceRemount = _a.forceRemount, _b = _a.storyContext, parameters = _b.parameters, component = _b.component, id = _a.id;
-    return __awaiter(this, void 0, void 0, function () {
-        var renderer;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    showMain();
-                    if (parameters.angularLegacyRendering) {
-                        helpers_1.renderNgApp(storyFn, !forceRemount);
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, exports.rendererFactory.getRendererInstance(id, element)];
-                case 1:
-                    renderer = _c.sent();
-                    return [4 /*yield*/, renderer.render({
-                            storyFnAngular: storyFn(),
-                            component: component,
-                            parameters: parameters,
-                            forced: !forceRemount,
-                            targetDOMNode: element,
-                        })];
-                case 2:
-                    _c.sent();
-                    return [2 /*return*/];
-            }
+exports.render = (props) => ({ props });
+function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }, element) {
+    return __awaiter(this, void 0, void 0, function* () {
+        showMain();
+        if (parameters.angularLegacyRendering) {
+            helpers_1.renderNgApp(storyFn, !forceRemount);
+            return;
+        }
+        const renderer = yield exports.rendererFactory.getRendererInstance(id, element);
+        yield renderer.render({
+            storyFnAngular: storyFn(),
+            component,
+            parameters,
+            forced: !forceRemount,
+            targetDOMNode: element,
         });
     });
 }

package/dist/ts3.9/demo/button.component.js

@@ -9,29 +9,38 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@angular/core");
-var ButtonComponent = /** @class */ (function () {
-    function ButtonComponent() {
+const core_1 = require("@angular/core");
+let ButtonComponent = class ButtonComponent {
+    constructor() {
         this.text = '';
         this.onClick = new core_1.EventEmitter();
     }
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Object)
-    ], ButtonComponent.prototype, "text", void 0);
-    __decorate([
-        core_1.Output(),
-        __metadata("design:type", Object)
-    ], ButtonComponent.prototype, "onClick", void 0);
-    ButtonComponent = __decorate([
-        core_1.Component({
-            selector: 'storybook-button-component',
-            template: " <button (click)=\"onClick.emit($event)\">{{ text }}</button> ",
-            styles: [
-                "\n      button {\n        border: 1px solid #eee;\n        border-radius: 3px;\n        background-color: #ffffff;\n        cursor: pointer;\n        font-size: 15px;\n        padding: 3px 10px;\n        margin: 10px;\n      }\n    ",
-            ],
-        })
-    ], ButtonComponent);
-    return ButtonComponent;
-}());
+};
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "text", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "onClick", void 0);
+ButtonComponent = __decorate([
+    core_1.Component({
+        selector: 'storybook-button-component',
+        template: ` <button (click)="onClick.emit($event)">{{ text }}</button> `,
+        styles: [
+            `
+      button {
+        border: 1px solid #eee;
+        border-radius: 3px;
+        background-color: #ffffff;
+        cursor: pointer;
+        font-size: 15px;
+        padding: 3px 10px;
+        margin: 10px;
+      }
+    `,
+        ],
+    })
+], ButtonComponent);
 exports.default = ButtonComponent;

package/dist/ts3.9/demo/welcome.component.js

@@ -9,24 +9,91 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@angular/core");
-var WelcomeComponent = /** @class */ (function () {
-    function WelcomeComponent() {
+const core_1 = require("@angular/core");
+let WelcomeComponent = class WelcomeComponent {
+    constructor() {
         this.showApp = new core_1.EventEmitter();
     }
-    __decorate([
-        core_1.Output(),
-        __metadata("design:type", Object)
-    ], WelcomeComponent.prototype, "showApp", void 0);
-    WelcomeComponent = __decorate([
-        core_1.Component({
-            selector: 'storybook-welcome-component',
-            template: "\n    <main>\n      <h1>Welcome to storybook</h1>\n      <p>This is a UI component dev environment for your app.</p>\n      <p>\n        We've added some basic stories inside the\n        <span class=\"inline-code\">src/stories</span> directory. <br />\n        A story is a single state of one or more UI components. You can have as many stories as you\n        want. <br />\n        (Basically a story is like a visual test case.)\n      </p>\n      <p>\n        See these sample\n        <a (click)=\"showApp.emit($event)\" role=\"button\" tabIndex=\"0\">stories</a> for a component\n        called <span class=\"inline-code\">Button</span> .\n      </p>\n      <p>\n        Just like that, you can add your own components as stories. <br />\n        You can also edit those components and see changes right away. <br />\n        (Try editing the <span class=\"inline-code\">Button</span> stories located at\n        <span class=\"inline-code\">src/stories/index.js</span>.)\n      </p>\n      <p>\n        Usually we create stories with smaller UI components in the app.<br />\n        Have a look at the\n        <a\n          href=\"https://storybook.js.org/basics/writing-stories\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Writing Stories\n        </a>\n        section in our documentation.\n      </p>\n      <p class=\"note\">\n        <b>NOTE:</b> <br />\n        Have a look at the <span class=\"inline-code\">.storybook/webpack.config.js</span> to add\n        webpack loaders and plugins you are using in this project.\n      </p>\n    </main>\n  ",
-            styles: [
-                "\n      main {\n        padding: 15px;\n        line-height: 1.4;\n        font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;\n        background-color: #ffffff;\n      }\n\n      .note {\n        opacity: 0.5;\n      }\n\n      .inline-code {\n        font-size: 15px;\n        font-weight: 600;\n        padding: 2px 5px;\n        border: 1px solid #eae9e9;\n        border-radius: 4px;\n        background-color: #f3f2f2;\n        color: #3a3a3a;\n      }\n\n      a {\n        color: #1474f3;\n        text-decoration: none;\n        border-bottom: 1px solid #1474f3;\n        padding-bottom: 2px;\n      }\n    ",
-            ],
-        })
-    ], WelcomeComponent);
-    return WelcomeComponent;
-}());
+};
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", Object)
+], WelcomeComponent.prototype, "showApp", void 0);
+WelcomeComponent = __decorate([
+    core_1.Component({
+        selector: 'storybook-welcome-component',
+        template: `
+    <main>
+      <h1>Welcome to storybook</h1>
+      <p>This is a UI component dev environment for your app.</p>
+      <p>
+        We've added some basic stories inside the
+        <span class="inline-code">src/stories</span> directory. <br />
+        A story is a single state of one or more UI components. You can have as many stories as you
+        want. <br />
+        (Basically a story is like a visual test case.)
+      </p>
+      <p>
+        See these sample
+        <a (click)="showApp.emit($event)" role="button" tabIndex="0">stories</a> for a component
+        called <span class="inline-code">Button</span> .
+      </p>
+      <p>
+        Just like that, you can add your own components as stories. <br />
+        You can also edit those components and see changes right away. <br />
+        (Try editing the <span class="inline-code">Button</span> stories located at
+        <span class="inline-code">src/stories/index.js</span>.)
+      </p>
+      <p>
+        Usually we create stories with smaller UI components in the app.<br />
+        Have a look at the
+        <a
+          href="https://storybook.js.org/basics/writing-stories"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Writing Stories
+        </a>
+        section in our documentation.
+      </p>
+      <p class="note">
+        <b>NOTE:</b> <br />
+        Have a look at the <span class="inline-code">.storybook/webpack.config.js</span> to add
+        webpack loaders and plugins you are using in this project.
+      </p>
+    </main>
+  `,
+        styles: [
+            `
+      main {
+        padding: 15px;
+        line-height: 1.4;
+        font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
+        background-color: #ffffff;
+      }
+
+      .note {
+        opacity: 0.5;
+      }
+
+      .inline-code {
+        font-size: 15px;
+        font-weight: 600;
+        padding: 2px 5px;
+        border: 1px solid #eae9e9;
+        border-radius: 4px;
+        background-color: #f3f2f2;
+        color: #3a3a3a;
+      }
+
+      a {
+        color: #1474f3;
+        text-decoration: none;
+        border-bottom: 1px solid #1474f3;
+        padding-bottom: 2px;
+      }
+    `,
+        ],
+    })
+], WelcomeComponent);
 exports.default = WelcomeComponent;

package/dist/ts3.9/server/__mocks-ng-workspace__/minimal-config/tsconfig.json

@@ -8,6 +8,9 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": ["es2017", "dom"]
+        "lib": [
+            "es2017",
+            "dom"
+        ]
     }
 }

package/dist/ts3.9/server/__mocks-ng-workspace__/some-config/tsconfig.json

@@ -8,6 +8,9 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": ["es2017", "dom"]
+        "lib": [
+            "es2017",
+            "dom"
+        ]
     }
 }

package/dist/ts3.9/server/__mocks-ng-workspace__/with-angularBrowserTarget/tsconfig.json

@@ -8,6 +8,9 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": ["es2017", "dom"]
+        "lib": [
+            "es2017",
+            "dom"
+        ]
     }
 }

package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/tsconfig.json

@@ -8,6 +8,9 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": ["es2017", "dom"]
+        "lib": [
+            "es2017",
+            "dom"
+        ]
     }
 }

package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx/tsconfig.json

@@ -1,5 +1,7 @@
 {
-    "include": ["./src"],
+    "include": [
+        "./src"
+    ],
     "compilerOptions": {
         "sourceMap": true,
         "moduleResolution": "node",
@@ -9,6 +11,9 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": ["es2017", "dom"]
+        "lib": [
+            "es2017",
+            "dom"
+        ]
     }
 }

package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx-workspace/tsconfig.json

@@ -1,5 +1,7 @@
 {
-    "include": ["./src"],
+    "include": [
+        "./src"
+    ],
     "compilerOptions": {
         "sourceMap": true,
         "moduleResolution": "node",
@@ -9,6 +11,9 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": ["es2017", "dom"]
+        "lib": [
+            "es2017",
+            "dom"
+        ]
     }
 }

package/dist/ts3.9/server/__mocks-ng-workspace__/with-options-styles/tsconfig.json

@@ -8,6 +8,9 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": ["es2017", "dom"]
+        "lib": [
+            "es2017",
+            "dom"
+        ]
     }
 }

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

@@ -8,6 +8,9 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": ["es2017", "dom"]
+        "lib": [
+            "es2017",
+            "dom"
+        ]
     }
 }

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

@@ -8,6 +8,9 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "target": "es5",
-        "lib": ["es2017", "dom"]
+        "lib": [
+            "es2017",
+            "dom"
+        ]
     }
 }

package/dist/ts3.9/server/angular-cli-webpack-12.2.x.js

@@ -1,14 +1,3 @@
-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) {
@@ -18,45 +7,11 @@ 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 __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;
-};
 // Private angular devkit stuff
-var generateI18nBrowserWebpackConfigFromContext = require('@angular-devkit/build-angular/src/utils/webpack-browser-config').generateI18nBrowserWebpackConfigFromContext;
-var _a = require('@angular-devkit/build-angular/src/webpack/configs'), getCommonConfig = _a.getCommonConfig, getStylesConfig = _a.getStylesConfig, getTypeScriptConfig = _a.getTypeScriptConfig;
-var TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-var filterOutStylingRules = require('./utils/filter-out-styling-rules').filterOutStylingRules;
+const { generateI18nBrowserWebpackConfigFromContext, } = require('@angular-devkit/build-angular/src/utils/webpack-browser-config');
+const { getCommonConfig, getStylesConfig, getTypeScriptConfig, } = require('@angular-devkit/build-angular/src/webpack/configs');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const { filterOutStylingRules } = require('./utils/filter-out-styling-rules');
 /**
  * Extract webpack config from angular-cli 12.2.x
  * ⚠️ This file is in JavaScript to not use TypeScript. Because current storybook TypeScript version is not compatible with Angular CLI.
@@ -65,35 +20,37 @@ var filterOutStylingRules = require('./utils/filter-out-styling-rules').filterOu
  * @param {*} baseConfig Previous webpack config from storybook
  * @param {*} options { builderOptions, builderContext }
  */
-exports.getWebpackConfig = function (baseConfig, _a) {
-    var builderOptions = _a.builderOptions, builderContext = _a.builderContext;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var cliConfig, entry, rulesExcludingStyles, module, plugins, resolve;
-        var _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0: return [4 /*yield*/, generateI18nBrowserWebpackConfigFromContext(__assign(__assign({ 
-                        // Default options
-                        index: 'noop-index', main: 'noop-main', outputPath: 'noop-out' }, builderOptions), { 
-                        // Fixed options
-                        optimization: false, namedChunks: false, progress: false, buildOptimizer: false, aot: false }), builderContext, function (wco) { return [getCommonConfig(wco), getStylesConfig(wco), getTypeScriptConfig(wco)]; })];
-                case 1:
-                    cliConfig = (_e.sent()).config;
-                    entry = __spreadArrays(baseConfig.entry, ((_b = cliConfig.entry.styles) !== null && _b !== void 0 ? _b : []), ((_c = cliConfig.entry.polyfills) !== null && _c !== void 0 ? _c : []));
-                    rulesExcludingStyles = filterOutStylingRules(baseConfig);
-                    module = __assign(__assign({}, baseConfig.module), { rules: __spreadArrays(cliConfig.module.rules, rulesExcludingStyles) });
-                    plugins = __spreadArrays(((_d = cliConfig.plugins) !== null && _d !== void 0 ? _d : []), baseConfig.plugins);
-                    resolve = __assign(__assign({}, baseConfig.resolve), { modules: Array.from(new Set(__spreadArrays(baseConfig.resolve.modules, cliConfig.resolve.modules))), plugins: [
-                            new TsconfigPathsPlugin({
-                                configFile: builderOptions.tsConfig,
-                                mainFields: ['browser', 'module', 'main'],
-                            }),
-                        ] });
-                    return [2 /*return*/, __assign(__assign({}, baseConfig), { entry: entry,
-                            module: module,
-                            plugins: plugins,
-                            resolve: resolve, resolveLoader: cliConfig.resolveLoader })];
-            }
-        });
-    });
-};
+exports.getWebpackConfig = (baseConfig, { builderOptions, builderContext }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c;
+    /**
+     * Get angular-cli Webpack config
+     */
+    const { config: cliConfig } = yield generateI18nBrowserWebpackConfigFromContext(Object.assign(Object.assign({ 
+        // Default options
+        index: 'noop-index', main: 'noop-main', outputPath: 'noop-out' }, builderOptions), { 
+        // Fixed options
+        optimization: false, namedChunks: false, progress: false, buildOptimizer: false, aot: false }), builderContext, (wco) => [getCommonConfig(wco), getStylesConfig(wco), getTypeScriptConfig(wco)]);
+    /**
+     * Merge baseConfig Webpack with angular-cli Webpack
+     */
+    const entry = [
+        ...baseConfig.entry,
+        ...((_a = cliConfig.entry.styles) !== null && _a !== void 0 ? _a : []),
+        ...((_b = cliConfig.entry.polyfills) !== null && _b !== void 0 ? _b : []),
+    ];
+    // Don't use storybooks styling rules because we have to use rules created by @angular-devkit/build-angular
+    // because @angular-devkit/build-angular created rules have include/exclude for global style files.
+    const rulesExcludingStyles = filterOutStylingRules(baseConfig);
+    const module = Object.assign(Object.assign({}, baseConfig.module), { rules: [...cliConfig.module.rules, ...rulesExcludingStyles] });
+    const plugins = [...((_c = cliConfig.plugins) !== null && _c !== void 0 ? _c : []), ...baseConfig.plugins];
+    const resolve = Object.assign(Object.assign({}, baseConfig.resolve), { modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])), plugins: [
+            new TsconfigPathsPlugin({
+                configFile: builderOptions.tsConfig,
+                mainFields: ['browser', 'module', 'main'],
+            }),
+        ] });
+    return Object.assign(Object.assign({}, baseConfig), { entry,
+        module,
+        plugins,
+        resolve, resolveLoader: cliConfig.resolveLoader });
+});