@storybook/angular 6.4.12 → 6.4.16

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

@@ -1,4 +1,4 @@
-import { Component, Input, Output, Type } from '@angular/core';
+import { Component, Type } from '@angular/core';
 export declare type ComponentInputsOutputs = {
     inputs: {
         propName: string;
@@ -19,7 +19,9 @@ export declare const isComponent: (component: any) => component is Type<unknown>
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator
  */
-export declare const getComponentPropsDecoratorMetadata: (component: any) => Record<string, (Input | Output)[]>;
+export declare const getComponentPropsDecoratorMetadata: (component: any) => {
+    [key: string]: any[];
+};
 /**
  * Returns component decorator `@Component`
  */

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

@@ -1,4 +1,23 @@
 "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 __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++)
@@ -10,18 +29,30 @@ 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; };
+// path.relative is necessary to workaround a compodoc issue with
+// absolute paths on windows machines
+var toRelativePath = function (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([
-            // Default options
-            '-p',
-            tsconfig,
+            'compodoc'
+        ], (hasTsConfigArg(compodocArgs) ? [] : ['-p', tsConfigPath]), [
             '-d',
             "" + context.workspaceRoot
         ], compodocArgs);
         try {
-            var child = child_process_1.spawn('compodoc', finalCompodocArgs);
+            context.logger.info(finalCompodocArgs.join(' '));
+            var child = child_process_1.spawn('npx', finalCompodocArgs, {
+                cwd: context.workspaceRoot,
+                env: process.env,
+                shell: true,
+            });
             child.stdout.on('data', function (data) {
                 context.logger.info(data.toString());
             });

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

@@ -1,4 +1,4 @@
-import { Component, Input, Output, Type } from '@angular/core';
+import { Component, Type } from '@angular/core';
 export declare type ComponentInputsOutputs = {
     inputs: {
         propName: string;
@@ -19,7 +19,9 @@ export declare const isComponent: (component: any) => component is Type<unknown>
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator
  */
-export declare const getComponentPropsDecoratorMetadata: (component: any) => Record<string, (Input | Output)[]>;
+export declare const getComponentPropsDecoratorMetadata: (component: any) => {
+    [key: string]: any[];
+};
 /**
  * Returns component decorator `@Component`
  */

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

@@ -20,6 +20,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentDecoratorMetadata = exports.getComponentPropsDecoratorMetadata = exports.isComponent = exports.isDeclarable = exports.getComponentInputsOutputs = void 0;
 var core_1 = require("@angular/core");
+var reflectionCapabilities = new core_1.ɵReflectionCapabilities();
 /**
  * Returns component Inputs / Outputs by browsing these properties and decorator
  */
@@ -70,20 +71,14 @@ exports.isDeclarable = function (component) {
     if (!component) {
         return false;
     }
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect.getOwnPropertyDescriptor(component, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
-        : component[decoratorKey];
+    var decorators = reflectionCapabilities.annotations(component);
     return !!(decorators || []).find(function (d) { return d instanceof core_1.Directive || d instanceof core_1.Pipe || d instanceof core_1.Component; });
 };
 exports.isComponent = function (component) {
     if (!component) {
         return false;
     }
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect.getOwnPropertyDescriptor(component, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
-        : component[decoratorKey];
+    var decorators = reflectionCapabilities.annotations(component);
     return (decorators || []).some(function (d) { return d instanceof core_1.Component; });
 };
 /**
@@ -91,34 +86,12 @@ exports.isComponent = function (component) {
  * is used to get all `@Input` and `@Output` Decorator
  */
 exports.getComponentPropsDecoratorMetadata = function (component) {
-    var decoratorKey = '__prop__metadata__';
-    var propsDecorators = Reflect &&
-        Reflect.getOwnPropertyDescriptor &&
-        Reflect.getOwnPropertyDescriptor(component, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
-        : component[decoratorKey];
-    var parent = Reflect && Reflect.getPrototypeOf && Reflect.getPrototypeOf(component);
-    if (parent) {
-        var parentPropsDecorators = exports.getComponentPropsDecoratorMetadata(parent);
-        propsDecorators = __assign(__assign({}, parentPropsDecorators), propsDecorators);
-    }
-    return propsDecorators;
+    return reflectionCapabilities.propMetadata(component);
 };
 /**
  * Returns component decorator `@Component`
  */
 exports.getComponentDecoratorMetadata = function (component) {
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect &&
-        Reflect.getOwnPropertyDescriptor &&
-        Reflect.getOwnPropertyDescriptor(component, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(component, decoratorKey).value
-        : component[decoratorKey];
-    if (!decorators) {
-        return (component.decorators &&
-            component.decorators[0] &&
-            component.decorators[0].args &&
-            component.decorators[0].args[0]);
-    }
-    return decorators.find(function (d) { return d instanceof core_1.Component; });
+    var decorators = reflectionCapabilities.annotations(component);
+    return decorators.reverse().find(function (d) { return d instanceof core_1.Component; });
 };

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isComponentAlreadyDeclaredInModules = void 0;
 var core_1 = require("@angular/core");
+var reflectionCapabilities = new core_1.ɵReflectionCapabilities();
 /**
  * Avoid component redeclaration
  *
@@ -27,12 +28,7 @@ exports.isComponentAlreadyDeclaredInModules = function (componentToFind, moduleD
 };
 var extractNgModuleMetadata = function (importItem) {
     var target = importItem && importItem.ngModule ? importItem.ngModule : importItem;
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect &&
-        Reflect.getOwnPropertyDescriptor &&
-        Reflect.getOwnPropertyDescriptor(target, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(target, decoratorKey).value
-        : target[decoratorKey];
+    var decorators = reflectionCapabilities.annotations(target);
     if (!decorators || decorators.length === 0) {
         return null;
     }

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

@@ -22,12 +22,14 @@ exports.decorateStory = void 0;
 var store_1 = require("@storybook/store");
 var ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
 function decorateStory(mainStoryFn, decorators) {
-    var returnDecorators = __spreadArrays([cleanArgsDecorator], decorators).reduce(function (previousStoryFn, decorator) { return function (context) {
-        var decoratedStory = decorator(function (update) {
-            return previousStoryFn(__assign(__assign({}, context), store_1.sanitizeStoryContextUpdate(update)));
-        }, context);
-        return decoratedStory;
-    }; }, function (context) { return prepareMain(mainStoryFn(context), context); });
+    var returnDecorators = __spreadArrays([cleanArgsDecorator], decorators).reduce(function (previousStoryFn, decorator) {
+        return function (context) {
+            var decoratedStory = decorator(function (update) {
+                return previousStoryFn(__assign(__assign({}, context), store_1.sanitizeStoryContextUpdate(update)));
+            }, context);
+            return decoratedStory;
+        };
+    }, function (context) { return prepareMain(mainStoryFn(context), context); });
     return returnDecorators;
 }
 exports.default = decorateStory;

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

@@ -23,27 +23,31 @@ var ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFr
 var NgComponentAnalyzer_1 = require("./angular-beta/utils/NgComponentAnalyzer");
 // We use `any` here as the default type rather than `Args` because we need something that is
 // castable to any component-specific args type when the user is being careful.
-exports.moduleMetadata = function (metadata) { return function (storyFn) {
-    var story = storyFn();
-    var storyMetadata = story.moduleMetadata || {};
-    metadata = metadata || {};
-    return __assign(__assign({}, story), { moduleMetadata: {
-            declarations: __spreadArrays((metadata.declarations || []), (storyMetadata.declarations || [])),
-            entryComponents: __spreadArrays((metadata.entryComponents || []), (storyMetadata.entryComponents || [])),
-            imports: __spreadArrays((metadata.imports || []), (storyMetadata.imports || [])),
-            schemas: __spreadArrays((metadata.schemas || []), (storyMetadata.schemas || [])),
-            providers: __spreadArrays((metadata.providers || []), (storyMetadata.providers || [])),
-        } });
-}; };
-exports.componentWrapperDecorator = function (element, props) { return function (storyFn, storyContext) {
-    var story = storyFn();
-    var currentProps = typeof props === 'function' ? props(storyContext) : props;
-    var template = NgComponentAnalyzer_1.isComponent(element)
-        ? ComputesTemplateFromComponent_1.computesTemplateFromComponent(element, currentProps !== null && currentProps !== void 0 ? currentProps : {}, story.template)
-        : element(story.template);
-    return __assign(__assign(__assign({}, story), { template: template }), (currentProps || story.props
-        ? {
-            props: __assign(__assign({}, currentProps), story.props),
-        }
-        : {}));
-}; };
+exports.moduleMetadata = function (metadata) {
+    return function (storyFn) {
+        var story = storyFn();
+        var storyMetadata = story.moduleMetadata || {};
+        metadata = metadata || {};
+        return __assign(__assign({}, story), { moduleMetadata: {
+                declarations: __spreadArrays((metadata.declarations || []), (storyMetadata.declarations || [])),
+                entryComponents: __spreadArrays((metadata.entryComponents || []), (storyMetadata.entryComponents || [])),
+                imports: __spreadArrays((metadata.imports || []), (storyMetadata.imports || [])),
+                schemas: __spreadArrays((metadata.schemas || []), (storyMetadata.schemas || [])),
+                providers: __spreadArrays((metadata.providers || []), (storyMetadata.providers || [])),
+            } });
+    };
+};
+exports.componentWrapperDecorator = function (element, props) {
+    return function (storyFn, storyContext) {
+        var story = storyFn();
+        var currentProps = typeof props === 'function' ? props(storyContext) : props;
+        var template = NgComponentAnalyzer_1.isComponent(element)
+            ? ComputesTemplateFromComponent_1.computesTemplateFromComponent(element, currentProps !== null && currentProps !== void 0 ? currentProps : {}, story.template)
+            : element(story.template);
+        return __assign(__assign(__assign({}, story), { template: template }), (currentProps || story.props
+            ? {
+                props: __assign(__assign({}, currentProps), story.props),
+            }
+            : {}));
+    };
+};

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

@@ -54,7 +54,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
 };
 // 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, getDevServerConfig = _a.getDevServerConfig, getTypescriptWorkerPlugin = _a.getTypescriptWorkerPlugin;
+var _a = require('@angular-devkit/build-angular/src/webpack/configs'), getCommonConfig = _a.getCommonConfig, getStylesConfig = _a.getStylesConfig, getDevServerConfig = _a.getDevServerConfig, getTypeScriptConfig = _a.getTypeScriptConfig;
 var TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 var filterOutStylingRules = require('./utils/filter-out-styling-rules').filterOutStylingRules;
 /**
@@ -79,7 +79,7 @@ exports.getWebpackConfig = function (baseConfig, _a) {
                         optimization: false, namedChunks: false, progress: false, buildOptimizer: false, aot: false }), builderContext, function (wco) { return [
                         getCommonConfig(wco),
                         getStylesConfig(wco),
-                        getTypescriptWorkerPlugin ? getTypescriptWorkerPlugin(wco) : getDevServerConfig(wco),
+                        getTypeScriptConfig ? getTypeScriptConfig(wco) : getDevServerConfig(wco),
                     ]; })];
                 case 1:
                     cliConfig = (_e.sent()).config;

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

@@ -96,7 +96,9 @@ function webpackFinal(baseConfig, options) {
                         node_logger_1.logger.info('=> Using base config because "@angular-devkit/build-angular" is not installed');
                         return [2 /*return*/, baseConfig];
                     }
-                    return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('@angular/cli')); }).then(function (m) { return semver_1.default.coerce(m.VERSION.full); })];
+                    return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('@angular/core')); }).then(function (m) {
+                            return semver_1.default.coerce(m.VERSION.full);
+                        })];
                 case 1:
                     angularCliVersion = _a.sent();
                     webpackGetterByVersions = [
@@ -116,7 +118,7 @@ function webpackFinal(baseConfig, options) {
                                         case 2:
                                             legacyDefaultOptions = _a.sent();
                                             return [2 /*return*/, angular_cli_webpack_13_x_x_1.getWebpackConfig(_baseConfig, {
-                                                    builderOptions: __assign(__assign({ watch: options.configType === 'DEVELOPMENT' }, builderOptions), legacyDefaultOptions),
+                                                    builderOptions: __assign(__assign({ watch: options.configType === 'DEVELOPMENT' }, legacyDefaultOptions), builderOptions),
                                                     builderContext: builderContext,
                                                 })];
                                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "6.4.12",
+  "version": "6.4.16",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,15 +45,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.12",
-    "@storybook/api": "6.4.12",
-    "@storybook/core": "6.4.12",
-    "@storybook/core-common": "6.4.12",
-    "@storybook/core-events": "6.4.12",
+    "@storybook/addons": "6.4.16",
+    "@storybook/api": "6.4.16",
+    "@storybook/core": "6.4.16",
+    "@storybook/core-common": "6.4.16",
+    "@storybook/core-events": "6.4.16",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/node-logger": "6.4.12",
+    "@storybook/node-logger": "6.4.16",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.4.12",
+    "@storybook/store": "6.4.16",
     "@types/webpack-env": "^1.16.0",
     "autoprefixer": "^9.8.6",
     "core-js": "^3.8.2",
@@ -85,14 +85,12 @@
     "@angular/compiler": "^11.2.14",
     "@angular/compiler-cli": "^11.2.14",
     "@angular/core": "^11.2.14",
-    "@angular/elements": "^11.2.14",
     "@angular/forms": "^11.2.14",
     "@angular/platform-browser": "^11.2.14",
     "@angular/platform-browser-dynamic": "^11.2.14",
     "@nrwl/workspace": "^11.6.3",
     "@types/autoprefixer": "^9.7.2",
     "@types/jest": "^26.0.16",
-    "@webcomponents/custom-elements": "^1.4.3",
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
     "ts-jest": "^26.4.4"
@@ -106,13 +104,11 @@
     "@angular/compiler": ">=6.0.0",
     "@angular/compiler-cli": ">=6.0.0",
     "@angular/core": ">=6.0.0",
-    "@angular/elements": ">=6.0.0",
     "@angular/forms": ">=6.0.0",
     "@angular/platform-browser": ">=6.0.0",
     "@angular/platform-browser-dynamic": ">=6.0.0",
     "@babel/core": "*",
     "@nrwl/workspace": ">=11.1.0",
-    "@webcomponents/custom-elements": ">=1.4.3",
     "rxjs": "^6.0.0 || ^7.4.0",
     "typescript": "^3.4.0 || >=4.0.0",
     "zone.js": "^0.8.29 || ^0.9.0 || ^0.10.0 || ^0.11.0"
@@ -121,14 +117,8 @@
     "@angular/cli": {
       "optional": true
     },
-    "@angular/elements": {
-      "optional": true
-    },
     "@nrwl/workspace": {
       "optional": true
-    },
-    "@webcomponents/custom-elements": {
-      "optional": true
     }
   },
   "engines": {
@@ -138,5 +128,5 @@
     "access": "public"
   },
   "builders": "dist/ts3.9/builders/builders.json",
-  "gitHead": "9ce1a3b24f39b4a3307a1a23531271ce1fc738c2"
+  "gitHead": "450fb4e44d68bc7b11fe927c390488f336a2431e"
 }