@storybook/angular 6.5.7 → 7.0.0-alpha.0

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

@@ -1,46 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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: [
-            `
-      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.d.ts

@@ -1,4 +0,0 @@
-import { EventEmitter } from '@angular/core';
-export default class WelcomeComponent {
-    showApp: EventEmitter<any>;
-}

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

@@ -1,99 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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: `
-    <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/public_api.d.ts

@@ -1 +0,0 @@
-export * from './client';

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

@@ -1,56 +0,0 @@
-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());
-    });
-};
-// Private angular devkit stuff
-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.
- * FIXME: Try another way with TypeScript on future storybook version (7 maybe 🤞)
- *
- * @param {*} baseConfig Previous webpack config from storybook
- * @param {*} options { builderOptions, builderContext }
- */
-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 });
-});

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

@@ -1,60 +0,0 @@
-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());
-    });
-};
-// Private angular devkit stuff
-const { generateI18nBrowserWebpackConfigFromContext, } = require('@angular-devkit/build-angular/src/utils/webpack-browser-config');
-const { getCommonConfig, getStylesConfig, getDevServerConfig, 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 13.x.x
- * ⚠️ This file is in JavaScript to not use TypeScript. Because current storybook TypeScript version is not compatible with Angular CLI.
- * FIXME: Try another way with TypeScript on future storybook version (7 maybe 🤞)
- *
- * @param {*} baseConfig Previous webpack config from storybook
- * @param {*} options { builderOptions, builderContext }
- */
-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 ? getTypeScriptConfig(wco) : getDevServerConfig(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 });
-});

package/dist/ts3.9/server/angular-cli-webpack-older.d.ts

@@ -1,73 +0,0 @@
-import webpack from 'webpack';
-import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
-import { PresetOptions } from './options';
-/**
- * Old way currently support version lower than 12.2.x
- */
-export declare function getWebpackConfig(baseConfig: webpack.Configuration, options: PresetOptions): Promise<webpack.Configuration | {
-    entry: any[];
-    module: {
-        rules: webpack.RuleSetRule[];
-        noParse?: RegExp | RegExp[] | ((content: string) => boolean);
-        unknownContextRequest?: string;
-        unknownContextRecursive?: boolean;
-        unknownContextRegExp?: RegExp;
-        unknownContextCritical?: boolean;
-        exprContextRequest?: string;
-        exprContextRegExp?: RegExp;
-        exprContextRecursive?: boolean;
-        exprContextCritical?: boolean;
-        wrappedContextRegExp?: RegExp;
-        wrappedContextRecursive?: boolean;
-        wrappedContextCritical?: boolean;
-        strictExportPresence?: boolean;
-    };
-    plugins: webpack.Plugin[];
-    resolve: {
-        modules: string[];
-        plugins: TsconfigPathsPlugin[];
-        descriptionFiles?: string[];
-        mainFields?: string[] | string[][];
-        aliasFields?: string[] | string[][];
-        mainFiles?: string[];
-        extensions?: string[];
-        enforceExtension?: boolean;
-        alias?: {
-            [key: string]: string;
-        };
-        unsafeCache?: boolean | {};
-        cachePredicate?(data: {
-            path: string;
-            request: string;
-        }): boolean;
-        symlinks?: boolean;
-        cacheWithContext?: boolean;
-        roots?: string[];
-    };
-    resolveLoader: webpack.ResolveLoader;
-    mode?: "development" | "production" | "none";
-    name?: string;
-    context?: string;
-    devtool?: string | boolean;
-    output?: webpack.Output;
-    externals?: string | RegExp | webpack.ExternalsObjectElement | webpack.ExternalsFunctionElement | webpack.ExternalsElement[];
-    target?: "node" | "web" | "webworker" | "async-node" | "node-webkit" | "atom" | "electron" | "electron-renderer" | "electron-preload" | "electron-main" | ((compiler?: any) => void);
-    bail?: boolean;
-    profile?: boolean;
-    cache?: boolean | object;
-    watch?: boolean;
-    watchOptions?: webpack.ICompiler.WatchOptions;
-    node?: false | webpack.Node;
-    amd?: {
-        [moduleName: string]: boolean;
-    };
-    recordsPath?: string;
-    recordsInputPath?: string;
-    recordsOutputPath?: string;
-    stats?: webpack.Stats.ToStringOptions;
-    performance?: false | webpack.Options.Performance;
-    parallelism?: number;
-    optimization?: webpack.Options.Optimization;
-    infrastructureLogging?: webpack.Options.InfrastructureLogging;
-    devServer?: import("webpack-dev-server").Configuration;
-}>;

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

@@ -1,110 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWebpackConfig = void 0;
-const node_logger_1 = require("@storybook/node-logger");
-const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
-const architect_1 = require("@angular-devkit/architect");
-const angular_read_workspace_1 = require("./angular-read-workspace");
-const angular_devkit_build_webpack_1 = require("./angular-devkit-build-webpack");
-const filter_out_styling_rules_1 = require("./utils/filter-out-styling-rules");
-/**
- * Old way currently support version lower than 12.2.x
- */
-function getWebpackConfig(baseConfig, options) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const dirToSearch = process.cwd();
-        // Read angular workspace
-        let workspaceConfig;
-        try {
-            workspaceConfig = yield angular_read_workspace_1.readAngularWorkspaceConfig(dirToSearch);
-        }
-        catch (error) {
-            node_logger_1.logger.error(`=> Could not find angular workspace config (angular.json) on this path "${dirToSearch}"`);
-            node_logger_1.logger.info(`=> Fail to load angular-cli config. Using base config`);
-            return baseConfig;
-        }
-        // Find angular project target
-        let project;
-        let target;
-        let confName;
-        try {
-            // Default behavior when `angularBrowserTarget` are not explicitly defined to null
-            if (options.angularBrowserTarget !== null) {
-                const browserTarget = options.angularBrowserTarget
-                    ? architect_1.targetFromTargetString(options.angularBrowserTarget)
-                    : {
-                        configuration: undefined,
-                        project: angular_read_workspace_1.getDefaultProjectName(workspaceConfig),
-                        target: 'build',
-                    };
-                const 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}`);
-            node_logger_1.logger.info(`=> Fail to load angular-cli config. Using base config`);
-            return baseConfig;
-        }
-        // Use angular-cli to get some webpack config
-        let angularCliWebpackConfig;
-        try {
-            angularCliWebpackConfig = yield angular_devkit_build_webpack_1.extractAngularCliWebpackConfig(dirToSearch, project, target, confName);
-            node_logger_1.logger.info(`=> Using angular-cli webpack config`);
-        }
-        catch (error) {
-            node_logger_1.logger.error(`=> Could not get angular cli webpack config`);
-            throw error;
-        }
-        return mergeAngularCliWebpackConfig(angularCliWebpackConfig, baseConfig);
-    });
-}
-exports.getWebpackConfig = getWebpackConfig;
-function mergeAngularCliWebpackConfig({ cliCommonWebpackConfig, cliStyleWebpackConfig, tsConfigPath }, baseConfig) {
-    // 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 = filter_out_styling_rules_1.filterOutStylingRules(baseConfig);
-    // styleWebpackConfig.entry adds global style files to the webpack context
-    const entry = [
-        ...baseConfig.entry,
-        ...Object.values(cliStyleWebpackConfig.entry).reduce((acc, item) => acc.concat(item), []),
-    ];
-    const module = Object.assign(Object.assign({}, baseConfig.module), { rules: [...cliStyleWebpackConfig.module.rules, ...rulesExcludingStyles] });
-    // We use cliCommonConfig plugins to serve static assets files.
-    const plugins = [
-        ...cliStyleWebpackConfig.plugins,
-        ...cliCommonWebpackConfig.plugins,
-        ...baseConfig.plugins,
-    ];
-    const resolve = Object.assign(Object.assign({}, baseConfig.resolve), { modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliCommonWebpackConfig.resolve.modules])), plugins: [
-            new tsconfig_paths_webpack_plugin_1.default({
-                configFile: tsConfigPath,
-                mainFields: ['browser', 'module', 'main'],
-            }),
-        ] });
-    return Object.assign(Object.assign({}, baseConfig), { entry,
-        module,
-        plugins,
-        resolve, resolveLoader: cliCommonWebpackConfig.resolveLoader });
-}

package/dist/ts3.9/server/build.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,28 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const server_1 = require("@storybook/core/server");
-const node_logger_1 = require("@storybook/node-logger");
-const options_1 = __importDefault(require("./options"));
-function build() {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            yield server_1.buildStatic(options_1.default);
-        }
-        catch (error) {
-            node_logger_1.logger.error(error);
-        }
-    });
-}
-build();

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

@@ -1,177 +0,0 @@
-"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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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);
-    __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.webpackFinal = void 0;
-const node_logger_1 = require("@storybook/node-logger");
-const architect_1 = require("@angular-devkit/architect");
-const find_up_1 = require("find-up");
-const semver_1 = __importDefault(require("@storybook/semver"));
-const ts_dedent_1 = __importDefault(require("ts-dedent"));
-const core_1 = require("@angular-devkit/core");
-const module_is_available_1 = require("./utils/module-is-available");
-const angular_cli_webpack_12_2_x_1 = require("./angular-cli-webpack-12.2.x");
-const angular_cli_webpack_13_x_x_1 = require("./angular-cli-webpack-13.x.x");
-const angular_cli_webpack_older_1 = require("./angular-cli-webpack-older");
-const angular_read_workspace_1 = require("./angular-read-workspace");
-function webpackFinal(baseConfig, options) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (!module_is_available_1.moduleIsAvailable('@angular-devkit/build-angular')) {
-            node_logger_1.logger.info('=> Using base config because "@angular-devkit/build-angular" is not installed');
-            return baseConfig;
-        }
-        const angularCliVersion = yield Promise.resolve().then(() => __importStar(require('@angular/cli'))).then((m) => semver_1.default.coerce(m.VERSION.full));
-        /**
-         * Ordered array to use the specific  getWebpackConfig according to some condition like angular-cli version
-         */
-        const webpackGetterByVersions = [
-            {
-                info: '=> Loading angular-cli config for angular >= 13.0.0',
-                condition: semver_1.default.satisfies(angularCliVersion, '>=13.0.0'),
-                getWebpackConfig: (_baseConfig, _options) => __awaiter(this, void 0, void 0, function* () {
-                    const builderContext = getBuilderContext(_options);
-                    const builderOptions = yield getBuilderOptions(_options, builderContext);
-                    const legacyDefaultOptions = yield getLegacyDefaultBuildOptions(_options);
-                    return angular_cli_webpack_13_x_x_1.getWebpackConfig(_baseConfig, {
-                        builderOptions: Object.assign(Object.assign({ watch: options.configType === 'DEVELOPMENT' }, legacyDefaultOptions), builderOptions),
-                        builderContext,
-                    });
-                }),
-            },
-            {
-                info: '=> Loading angular-cli config for angular 12.2.x',
-                condition: semver_1.default.satisfies(angularCliVersion, '12.2.x') && options.angularBuilderContext,
-                getWebpackConfig: (_baseConfig, _options) => __awaiter(this, void 0, void 0, function* () {
-                    const builderContext = getBuilderContext(_options);
-                    const builderOptions = yield getBuilderOptions(_options, builderContext);
-                    return angular_cli_webpack_12_2_x_1.getWebpackConfig(_baseConfig, {
-                        builderOptions,
-                        builderContext,
-                    });
-                }),
-            },
-            {
-                info: '=> Loading angular-cli config for angular lower than 12.2.0',
-                condition: true,
-                getWebpackConfig: angular_cli_webpack_older_1.getWebpackConfig,
-            },
-        ];
-        const webpackGetter = webpackGetterByVersions.find((wg) => wg.condition);
-        node_logger_1.logger.info(webpackGetter.info);
-        return Promise.resolve(webpackGetter.getWebpackConfig(baseConfig, options));
-    });
-}
-exports.webpackFinal = webpackFinal;
-/**
- * Get Builder Context
- * If storybook is not start by angular builder create dumb BuilderContext
- */
-function getBuilderContext(options) {
-    var _a;
-    return ((_a = options.angularBuilderContext) !== null && _a !== void 0 ? _a : {
-        target: { project: 'noop-project', builder: '', options: {} },
-        workspaceRoot: process.cwd(),
-        getProjectMetadata: () => ({}),
-        getTargetOptions: () => ({}),
-        logger: new core_1.logging.Logger('Storybook'),
-    });
-}
-/**
- * Get builder options
- * Merge target options from browser target and from storybook options
- */
-function getBuilderOptions(options, builderContext) {
-    var _a, _b;
-    return __awaiter(this, void 0, void 0, function* () {
-        /**
-         * Get Browser Target options
-         */
-        let browserTargetOptions = {};
-        if (options.angularBrowserTarget) {
-            const browserTarget = architect_1.targetFromTargetString(options.angularBrowserTarget);
-            node_logger_1.logger.info(`=> Using angular browser target options from "${browserTarget.project}:${browserTarget.target}${browserTarget.configuration ? `:${browserTarget.configuration}` : ''}"`);
-            browserTargetOptions = yield builderContext.getTargetOptions(browserTarget);
-        }
-        /**
-         * Merge target options from browser target options and from storybook options
-         */
-        const builderOptions = Object.assign(Object.assign(Object.assign({}, browserTargetOptions), options.angularBuilderOptions), { tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : find_up_1.sync('tsconfig.json', { cwd: options.configDir })) !== null && _b !== void 0 ? _b : browserTargetOptions.tsConfig });
-        node_logger_1.logger.info(`=> Using angular project with "tsConfig:${builderOptions.tsConfig}"`);
-        return builderOptions;
-    });
-}
-/**
- * Get options from legacy way
- * /!\ This is only for backward compatibility and would be removed on Storybook 7.0
- * only work for angular.json with [defaultProject].build or "storybook.build" config
- */
-function getLegacyDefaultBuildOptions(options) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (options.angularBrowserTarget !== undefined) {
-            // Not use legacy way with builder (`angularBrowserTarget` is defined or null with builder and undefined without)
-            return {};
-        }
-        node_logger_1.logger.warn(ts_dedent_1.default `Your Storybook startup uses a solution that will not be supported in version 7.0. 
-            You must use angular builder to have an explicit configuration on the project used in angular.json
-            Read more at:
-            - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#sb-angular-builder)
-            - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#angular13)
-          `);
-        const dirToSearch = process.cwd();
-        // Read angular workspace
-        let workspaceConfig;
-        try {
-            workspaceConfig = yield angular_read_workspace_1.readAngularWorkspaceConfig(dirToSearch);
-        }
-        catch (error) {
-            node_logger_1.logger.error(`=> Could not find angular workspace config (angular.json) on this path "${dirToSearch}"`);
-            node_logger_1.logger.info(`=> Fail to load angular-cli config. Using base config`);
-            return {};
-        }
-        // Find angular project target
-        try {
-            const browserTarget = {
-                configuration: undefined,
-                project: angular_read_workspace_1.getDefaultProjectName(workspaceConfig),
-                target: 'build',
-            };
-            const { target, project } = angular_read_workspace_1.findAngularProjectTarget(workspaceConfig, browserTarget.project, browserTarget.target);
-            node_logger_1.logger.info(`=> Using angular project "${browserTarget.project}:${browserTarget.target}" for configuring Storybook`);
-            return Object.assign({}, target.options);
-        }
-        catch (error) {
-            node_logger_1.logger.error(`=> Could not find angular project: ${error.message}`);
-            node_logger_1.logger.info(`=> Fail to load angular-cli config. Using base config`);
-            return {};
-        }
-    });
-}