@storybook/angular 8.3.0-alpha.0 → 8.3.0-alpha.10

package/dist/client/angular-beta/utils/BootstrapQueue.js

@@ -27,8 +27,8 @@ exports.queueBootstrapping = void 0;
 const queue = [];
 let isProcessing = false;
 /**
- * Reset compiled components because we often want to compile the same component with
- * more than one NgModule.
+ * Reset compiled components because we often want to compile the same component with more than one
+ * NgModule.
  */
 const resetCompiledComponents = async () => {
     try {
@@ -41,22 +41,17 @@ const resetCompiledComponents = async () => {
         ɵresetCompiledComponents();
     }
     catch (e) {
-        /**
-         * noop catch
-         * This means angular removed or modified ɵresetCompiledComponents
-         */
+        /** Noop catch This means angular removed or modified ɵresetCompiledComponents */
     }
 };
 /**
- * Queue bootstrapping, so that only one application can be bootstrapped at a
- * time.
+ * Queue bootstrapping, so that only one application can be bootstrapped at a time.
  *
- * Bootstrapping multiple applications at once can cause Angular to throw an
- * error that a component is declared in multiple modules. This avoids two
- * stories confusing the Angular compiler, by bootstrapping more that one
- * application at a time.
+ * Bootstrapping multiple applications at once can cause Angular to throw an error that a component
+ * is declared in multiple modules. This avoids two stories confusing the Angular compiler, by
+ * bootstrapping more that one application at a time.
  *
- * @param fn callback that should complete the bootstrap process
+ * @param fn Callback that should complete the bootstrap process
  * @returns ApplicationRef from the completed bootstrap process
  */
 const queueBootstrapping = (fn) => {

package/dist/client/angular-beta/utils/BootstrapQueue.test.js

@@ -1,12 +1,13 @@
 "use strict";
-// @vitest-environment happy-dom
 Object.defineProperty(exports, "__esModule", { value: true });
-const rxjs_1 = require("rxjs");
+// @vitest-environment happy-dom
 const vitest_1 = require("vitest");
+const rxjs_1 = require("rxjs");
 const BootstrapQueue_1 = require("./BootstrapQueue");
 const instantWaitFor = (fn) => {
     return vitest_1.vi.waitFor(fn, {
         interval: 0,
+        timeout: 10000,
     });
 };
 (0, vitest_1.describe)('BootstrapQueue', () => {
@@ -16,7 +17,7 @@ const instantWaitFor = (fn) => {
     (0, vitest_1.afterEach)(() => {
         vitest_1.vi.clearAllMocks();
     });
-    (0, vitest_1.it)('should wait until complete', async () => {
+    (0, vitest_1.it)('@flaky should wait until complete', async () => {
         const pendingSubject = new rxjs_1.Subject();
         const bootstrapApp = vitest_1.vi.fn().mockImplementation(async () => {
             return (0, rxjs_1.lastValueFrom)(pendingSubject);
@@ -160,4 +161,4 @@ const instantWaitFor = (fn) => {
         (0, vitest_1.expect)(bootstrapAppFinished2).toHaveBeenCalledTimes(1);
         (0, vitest_1.expect)(bootstrapAppError2).not.toHaveBeenCalled();
     });
-});
+}, { retry: 3 });

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

@@ -1,4 +1,4 @@
-import { Type, Component } from '@angular/core';
+import { Component, Type } from '@angular/core';
 export type ComponentInputsOutputs = {
     inputs: {
         propName: string;
@@ -9,21 +9,14 @@ export type ComponentInputsOutputs = {
         templateName: string;
     }[];
 };
-/**
- * Returns component Inputs / Outputs by browsing these properties and decorator
- */
+/** Returns component Inputs / Outputs by browsing these properties and decorator */
 export declare const getComponentInputsOutputs: (component: any) => ComponentInputsOutputs;
 export declare const isDeclarable: (component: any) => boolean;
 export declare const isComponent: (component: any) => component is Type<unknown>;
 export declare const isStandaloneComponent: (component: any) => component is Type<unknown>;
-/**
- * Returns all component decorator properties
- * is used to get all `@Input` and `@Output` Decorator
- */
+/** Returns all component decorator properties is used to get all `@Input` and `@Output` Decorator */
 export declare const getComponentPropsDecoratorMetadata: (component: any) => {
     [key: string]: any[];
 };
-/**
- * Returns component decorator `@Component`
- */
+/** Returns component decorator `@Component` */
 export declare const getComponentDecoratorMetadata: (component: any) => Component | undefined;

package/dist/client/angular-beta/utils/NgComponentAnalyzer.js

@@ -3,9 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentDecoratorMetadata = exports.getComponentPropsDecoratorMetadata = exports.isStandaloneComponent = exports.isComponent = exports.isDeclarable = exports.getComponentInputsOutputs = void 0;
 const core_1 = require("@angular/core");
 const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
-/**
- * Returns component Inputs / Outputs by browsing these properties and decorator
- */
+/** Returns component Inputs / Outputs by browsing these properties and decorator */
 const getComponentInputsOutputs = (component) => {
     const componentMetadata = (0, exports.getComponentDecoratorMetadata)(component);
     const componentPropsMetadata = (0, exports.getComponentPropsDecoratorMetadata)(component);
@@ -82,17 +80,12 @@ const isStandaloneComponent = (component) => {
     return (decorators || []).some((d) => (d instanceof core_1.Component || d instanceof core_1.Directive || d instanceof core_1.Pipe) && d.standalone);
 };
 exports.isStandaloneComponent = isStandaloneComponent;
-/**
- * Returns all component decorator properties
- * is used to get all `@Input` and `@Output` Decorator
- */
+/** Returns all component decorator properties is used to get all `@Input` and `@Output` Decorator */
 const getComponentPropsDecoratorMetadata = (component) => {
     return reflectionCapabilities.propMetadata(component);
 };
 exports.getComponentPropsDecoratorMetadata = getComponentPropsDecoratorMetadata;
-/**
- * Returns component decorator `@Component`
- */
+/** Returns component decorator `@Component` */
 const getComponentDecoratorMetadata = (component) => {
     const decorators = reflectionCapabilities.annotations(component);
     return decorators.reverse().find((d) => d instanceof core_1.Component);

package/dist/client/angular-beta/utils/PropertyExtractor.d.ts

@@ -1,4 +1,4 @@
-import { importProvidersFrom, InjectionToken, NgModule, Provider, ɵReflectionCapabilities as ReflectionCapabilities } from '@angular/core';
+import { InjectionToken, NgModule, Provider, ɵReflectionCapabilities as ReflectionCapabilities, importProvidersFrom } from '@angular/core';
 import { NgModuleMetadata } from '../../types';
 export declare const reflectionCapabilities: ReflectionCapabilities;
 export declare const REMOVED_MODULES: InjectionToken<unknown>;
@@ -19,8 +19,6 @@ export declare class PropertyExtractor implements NgModuleMetadata {
      * - Removes Restricted Imports
      * - Extracts providers from ModuleWithProviders
      * - Returns a new NgModuleMetadata object
-     *
-     *
      */
     private analyzeMetadata;
     static analyzeRestricted: (ngModule: NgModule) => [boolean] | [boolean, Provider];

package/dist/client/angular-beta/utils/PropertyExtractor.js

@@ -30,8 +30,6 @@ class PropertyExtractor {
          * - Removes Restricted Imports
          * - Extracts providers from ModuleWithProviders
          * - Returns a new NgModuleMetadata object
-         *
-         *
          */
         this.analyzeMetadata = (metadata) => {
             const declarations = [...(metadata?.declarations || [])];

package/dist/client/angular-beta/utils/PropertyExtractor.test.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
 const common_1 = require("@angular/common");
 const core_1 = require("@angular/core");
 const platform_browser_1 = require("@angular/platform-browser");
 const animations_1 = require("@angular/platform-browser/animations");
-const PropertyExtractor_1 = require("./PropertyExtractor");
+const vitest_1 = require("vitest");
 const test_module_1 = require("../__testfixtures__/test.module");
+const PropertyExtractor_1 = require("./PropertyExtractor");
 const TEST_TOKEN = new core_1.InjectionToken('testToken');
 const TestTokenProvider = { provide: TEST_TOKEN, useValue: 123 };
 const TestService = (0, core_1.Injectable)()(class {

package/dist/client/angular-beta/utils/StoryUID.d.ts

@@ -1,23 +1,22 @@
 /**
  * Increments the count for a storyId and returns the next UID.
  *
- * When a story is bootstrapped, the storyId is used as the element tag. That
- * becomes an issue when a story is rendered multiple times in the same docs
- * page. This function returns a UID that is appended to the storyId to make
- * it unique.
+ * When a story is bootstrapped, the storyId is used as the element tag. That becomes an issue when
+ * a story is rendered multiple times in the same docs page. This function returns a UID that is
+ * appended to the storyId to make it unique.
  *
- * @param storyId id of a story
- * @returns uid of a story
+ * @param storyId Id of a story
+ * @returns Uid of a story
  */
 export declare const getNextStoryUID: (storyId: string) => string;
 /**
  * Clears the storyId counts.
  *
- * Can be useful for testing, where you need predictable increments, without
- * reloading the global state.
+ * Can be useful for testing, where you need predictable increments, without reloading the global
+ * state.
  *
  * If onlyStoryId is provided, only that storyId is cleared.
  *
- * @param onlyStoryId id of a story
+ * @param onlyStoryId Id of a story
  */
 export declare const clearStoryUIDs: (onlyStoryId?: string) => void;

package/dist/client/angular-beta/utils/StoryUID.js

@@ -1,20 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.clearStoryUIDs = exports.getNextStoryUID = void 0;
-/**
- * Count of stories for each storyId.
- */
+/** Count of stories for each storyId. */
 const storyCounts = new Map();
 /**
  * Increments the count for a storyId and returns the next UID.
  *
- * When a story is bootstrapped, the storyId is used as the element tag. That
- * becomes an issue when a story is rendered multiple times in the same docs
- * page. This function returns a UID that is appended to the storyId to make
- * it unique.
+ * When a story is bootstrapped, the storyId is used as the element tag. That becomes an issue when
+ * a story is rendered multiple times in the same docs page. This function returns a UID that is
+ * appended to the storyId to make it unique.
  *
- * @param storyId id of a story
- * @returns uid of a story
+ * @param storyId Id of a story
+ * @returns Uid of a story
  */
 const getNextStoryUID = (storyId) => {
     if (!storyCounts.has(storyId)) {
@@ -28,12 +25,12 @@ exports.getNextStoryUID = getNextStoryUID;
 /**
  * Clears the storyId counts.
  *
- * Can be useful for testing, where you need predictable increments, without
- * reloading the global state.
+ * Can be useful for testing, where you need predictable increments, without reloading the global
+ * state.
  *
  * If onlyStoryId is provided, only that storyId is cleared.
  *
- * @param onlyStoryId id of a story
+ * @param onlyStoryId Id of a story
  */
 const clearStoryUIDs = (onlyStoryId) => {
     if (onlyStoryId !== undefined && onlyStoryId !== null) {

package/dist/client/argsToTemplate.d.ts

@@ -5,27 +5,28 @@
  */
 export interface ArgsToTemplateOptions<T> {
     /**
-     * An array of keys to specifically include in the output.
-     * If provided, only the keys from this array will be included in the output,
-     * irrespective of the `exclude` option. Undefined values will still be excluded from the output.
+     * An array of keys to specifically include in the output. If provided, only the keys from this
+     * array will be included in the output, irrespective of the `exclude` option. Undefined values
+     * will still be excluded from the output.
      */
     include?: Array<T>;
     /**
-     * An array of keys to specifically exclude from the output.
-     * If provided, these keys will be omitted from the output. This option is
-     * ignored if the `include` option is also provided
+     * An array of keys to specifically exclude from the output. If provided, these keys will be
+     * omitted from the output. This option is ignored if the `include` option is also provided
      */
     exclude?: Array<T>;
 }
 /**
- * Converts an object of arguments to a string of property and event bindings and excludes undefined values.
- * Why? Because Angular treats undefined values in property bindings as an actual value
- * and does not apply the default value of the property as soon as the binding is set.
- * This feels counter-intuitive and is a common source of bugs in stories.
+ * Converts an object of arguments to a string of property and event bindings and excludes undefined
+ * values. Why? Because Angular treats undefined values in property bindings as an actual value and
+ * does not apply the default value of the property as soon as the binding is set. This feels
+ * counter-intuitive and is a common source of bugs in stories.
+ *
  * @example
+ *
  * ```ts
  * // component.ts
- *ㅤ@Component({ selector: 'example' })
+ * ㅤ@Component({ selector: 'example' })
  *  export class ExampleComponent {
  *   ㅤ@Input() input1: string = 'Default Input1';
  *   ㅤ@Input() input2: string = 'Default Input2';
@@ -49,7 +50,7 @@ export interface ArgsToTemplateOptions<T> {
  *    input1: 'Input 1',
  *    click: { action: 'clicked' },
  *  },
- *};
+ * };
  * ```
  */
 export declare function argsToTemplate<A extends Record<string, any>>(args: A, options?: ArgsToTemplateOptions<keyof A>): string;

package/dist/client/argsToTemplate.js

@@ -1,15 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.argsToTemplate = void 0;
+const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
 /**
- * Converts an object of arguments to a string of property and event bindings and excludes undefined values.
- * Why? Because Angular treats undefined values in property bindings as an actual value
- * and does not apply the default value of the property as soon as the binding is set.
- * This feels counter-intuitive and is a common source of bugs in stories.
+ * Converts an object of arguments to a string of property and event bindings and excludes undefined
+ * values. Why? Because Angular treats undefined values in property bindings as an actual value and
+ * does not apply the default value of the property as soon as the binding is set. This feels
+ * counter-intuitive and is a common source of bugs in stories.
+ *
  * @example
+ *
  * ```ts
  * // component.ts
- *ㅤ@Component({ selector: 'example' })
+ * ㅤ@Component({ selector: 'example' })
  *  export class ExampleComponent {
  *   ㅤ@Input() input1: string = 'Default Input1';
  *   ㅤ@Input() input2: string = 'Default Input2';
@@ -33,7 +36,7 @@ exports.argsToTemplate = void 0;
  *    input1: 'Input 1',
  *    click: { action: 'clicked' },
  *  },
- *};
+ * };
  * ```
  */
 function argsToTemplate(args, options = {}) {
@@ -48,7 +51,9 @@ function argsToTemplate(args, options = {}) {
             return !excludeSet.has(key);
         return true;
     })
-        .map(([key, value]) => typeof value === 'function' ? `(${key})="${key}($event)"` : `[${key}]="${key}"`)
+        .map(([key, value]) => typeof value === 'function'
+        ? `(${key})="${(0, ComputesTemplateFromComponent_1.formatPropInTemplate)(key)}($event)"`
+        : `[${key}]="${(0, ComputesTemplateFromComponent_1.formatPropInTemplate)(key)}"`)
         .join(' ');
 }
 exports.argsToTemplate = argsToTemplate;

package/dist/client/argsToTemplate.test.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const vitest_1 = require("vitest");
-const argsToTemplate_1 = require("./argsToTemplate"); // adjust path
+const argsToTemplate_1 = require("./argsToTemplate");
+// adjust path
 (0, vitest_1.describe)('argsToTemplate', () => {
     (0, vitest_1.it)('should correctly convert args to template string and exclude undefined values', () => {
         const args = {
@@ -93,4 +94,9 @@ const argsToTemplate_1 = require("./argsToTemplate"); // adjust path
         const result = (0, argsToTemplate_1.argsToTemplate)(args, {});
         (0, vitest_1.expect)(result).toEqual('[input]="input" (event1)="event1($event)"');
     });
+    (0, vitest_1.it)('should format for non dot notation', () => {
+        const args = { 'non-dot': 'Value1', 'dash-out': () => { } };
+        const result = (0, argsToTemplate_1.argsToTemplate)(args, {});
+        (0, vitest_1.expect)(result).toEqual('[non-dot]="this[\'non-dot\']" (dash-out)="this[\'dash-out\']($event)"');
+    });
 });

package/dist/client/decorators.d.ts

@@ -1,14 +1,13 @@
+import { DecoratorFunction, StoryContext } from 'storybook/internal/types';
 import { Type } from '@angular/core';
 import { ApplicationConfig } from '@angular/platform-browser';
-import { DecoratorFunction, StoryContext } from 'storybook/internal/types';
-import { ICollection, NgModuleMetadata, AngularRenderer } from './types';
+import { AngularRenderer, ICollection, NgModuleMetadata } from './types';
 export declare const moduleMetadata: <TArgs = any>(metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularRenderer, TArgs>;
 /**
- * Decorator to set the config options which are available during the application bootstrap operation
+ * Decorator to set the config options which are available during the application bootstrap
+ * operation
  */
 export declare function applicationConfig<TArgs = any>(
-/**
- * Set of config options available during the application bootstrap operation.
- */
+/** Set of config options available during the application bootstrap operation. */
 config: ApplicationConfig): DecoratorFunction<AngularRenderer, TArgs>;
 export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularRenderer, TArgs>) => ICollection)) => DecoratorFunction<AngularRenderer, TArgs>;

package/dist/client/decorators.js

@@ -25,12 +25,11 @@ const moduleMetadata = (metadata) => (storyFn) => {
 };
 exports.moduleMetadata = moduleMetadata;
 /**
- * Decorator to set the config options which are available during the application bootstrap operation
+ * Decorator to set the config options which are available during the application bootstrap
+ * operation
  */
 function applicationConfig(
-/**
- * Set of config options available during the application bootstrap operation.
- */
+/** Set of config options available during the application bootstrap operation. */
 config) {
     return (storyFn) => {
         const story = storyFn();

package/dist/client/decorators.test.js

@@ -22,6 +22,8 @@ const defaultContext = {
     args: {},
     argTypes: {},
     globals: {},
+    globalTypes: {},
+    storyGlobals: {},
     hooks: {},
     loaded: {},
     originalStoryFn: vitest_1.vi.fn(),

package/dist/client/docs/__testfixtures__/doc-button/input.d.ts

@@ -14,9 +14,8 @@ export interface ISomeInterface {
  * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
  *
  * It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
- * like **bold**, _italic_, and `inline code`.
- *
- * > How you like dem apples?! It's never been easier to document all your components.
+ * like **bold**, _italic_, and `inline code`.> How you like dem apples?! It's never been easier to
+ * document all your components.
  *
  * @string Hello world
  * @link [Example](http://example.com)
@@ -54,7 +53,8 @@ export declare class InputComponent<T> {
      */
     onClick: EventEmitter<Event>;
     /**
-     * This is an internal method that we don't want to document and have added the `ignore` annotation to.
+     * This is an internal method that we don't want to document and have added the `ignore`
+     * annotation to.
      *
      * @ignore
      */
@@ -72,9 +72,7 @@ export declare class InputComponent<T> {
      * @ignore
      */
     get classes(): string[];
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ignoredProperty: string;
     /** Public value. */
     internalProperty: string;
@@ -88,7 +86,8 @@ export declare class InputComponent<T> {
      * An internal calculation method which adds `x` and `y` together.
      *
      * @param x Some number you'd like to use.
-     * @param y Some other number or string you'd like to use, will have `parseInt()` applied before calculation.
+     * @param y Some other number or string you'd like to use, will have `parseInt()` applied before
+     *   calculation.
      */
     calc(x: number, y: string | number): number;
     /** A public method using an interface. */

package/dist/client/docs/__testfixtures__/doc-button/input.js

@@ -24,9 +24,8 @@ var ButtonAccent;
  * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
  *
  * It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
- * like **bold**, _italic_, and `inline code`.
- *
- * > How you like dem apples?! It's never been easier to document all your components.
+ * like **bold**, _italic_, and `inline code`.> How you like dem apples?! It's never been easier to
+ * document all your components.
  *
  * @string Hello world
  * @link [Example](http://example.com)
@@ -55,9 +54,7 @@ let InputComponent = class InputComponent {
         this.onClick = new core_1.EventEmitter();
         this._inputValue = 'some value';
         this.focus = false;
-        /**
-         * @ignore
-         */
+        /** @ignore */
         this.ignoredProperty = 'Ignore me';
         /** Public value. */
         this.internalProperty = 'Public hello';
@@ -65,7 +62,8 @@ let InputComponent = class InputComponent {
         this._value = 'Private hello';
     }
     /**
-     * This is an internal method that we don't want to document and have added the `ignore` annotation to.
+     * This is an internal method that we don't want to document and have added the `ignore`
+     * annotation to.
      *
      * @ignore
      */
@@ -108,7 +106,8 @@ let InputComponent = class InputComponent {
      * An internal calculation method which adds `x` and `y` together.
      *
      * @param x Some number you'd like to use.
-     * @param y Some other number or string you'd like to use, will have `parseInt()` applied before calculation.
+     * @param y Some other number or string you'd like to use, will have `parseInt()` applied before
+     *   calculation.
      */
     calc(x, y) {
         return x + parseInt(`${y}`, 10);

package/dist/client/docs/angular-properties.test.js

@@ -1,19 +1,16 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = __importDefault(require("path"));
-const fs_1 = __importDefault(require("fs"));
+const node_fs_1 = require("node:fs");
+const node_path_1 = require("node:path");
 const vitest_1 = require("vitest");
 // File hierarchy: __testfixtures__ / some-test-case / input.*
 const inputRegExp = /^input\..*$/;
 (0, vitest_1.describe)('angular component properties', () => {
-    const fixturesDir = path_1.default.join(__dirname, '__testfixtures__');
-    fs_1.default.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
+    const fixturesDir = (0, node_path_1.join)(__dirname, '__testfixtures__');
+    (0, node_fs_1.readdirSync)(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
         if (testEntry.isDirectory()) {
-            const testDir = path_1.default.join(fixturesDir, testEntry.name);
-            const testFile = fs_1.default.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
+            const testDir = (0, node_path_1.join)(fixturesDir, testEntry.name);
+            const testFile = (0, node_fs_1.readdirSync)(testDir).find((fileName) => inputRegExp.test(fileName));
             if (testFile) {
                 // TODO: Remove this as soon as the real test is fixed
                 (0, vitest_1.it)('true', () => {
@@ -21,17 +18,17 @@ const inputRegExp = /^input\..*$/;
                 });
                 // TODO: Fix this test
                 // it(`${testEntry.name}`, () => {
-                //   const inputPath = path.join(testDir, testFile);
+                //   const inputPath = join(testDir, testFile);
                 //   // snapshot the output of compodoc
                 //   const compodocOutput = runCompodoc(inputPath);
                 //   const compodocJson = JSON.parse(compodocOutput);
                 //   expect(compodocJson).toMatchFileSnapshot(
-                //     path.join(testDir, `compodoc-${SNAPSHOT_OS}.snapshot`)
+                //     join(testDir, `compodoc-${SNAPSHOT_OS}.snapshot`)
                 //   );
                 //   // snapshot the output of addon-docs angular-properties
                 //   const componentData = findComponentByName('InputComponent', compodocJson);
                 //   const argTypes = extractArgTypesFromData(componentData);
-                //   expect(argTypes).toMatchFileSnapshot(path.join(testDir, 'argtypes.snapshot'));
+                //   expect(argTypes).toMatchFileSnapshot(join(testDir, 'argtypes.snapshot'));
                 // });
             }
         }

package/dist/client/docs/compodoc.d.ts

@@ -1,5 +1,5 @@
 import { ArgTypes, SBType } from 'storybook/internal/types';
-import { Class, CompodocJson, Component, Injectable, Method, Pipe, Property, Directive } from './types';
+import { Class, CompodocJson, Component, Directive, Injectable, Method, Pipe, Property } from './types';
 export declare const isMethod: (methodOrProp: Method | Property) => methodOrProp is Method;
 export declare const setCompodocJson: (compodocJson: CompodocJson) => void;
 export declare const getCompodocJson: () => CompodocJson;

package/dist/client/docs/compodoc.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extractComponentDescription = exports.extractArgTypes = exports.extractArgTypesFromData = exports.extractType = exports.findComponentByName = exports.checkValidCompodocJson = exports.checkValidComponentOrDirective = exports.getCompodocJson = exports.setCompodocJson = exports.isMethod = void 0;
 /* eslint-disable no-underscore-dangle */
-const global_1 = require("@storybook/global");
 const client_logger_1 = require("storybook/internal/client-logger");
+const global_1 = require("@storybook/global");
 const isMethod = (methodOrProp) => {
     return methodOrProp.args !== undefined;
 };

package/dist/client/docs/config.d.ts

@@ -1,4 +1,4 @@
-import { Parameters, DecoratorFunction, ArgTypesEnhancer } from 'storybook/internal/types';
+import { ArgTypesEnhancer, DecoratorFunction, Parameters } from 'storybook/internal/types';
 export declare const parameters: Parameters;
 export declare const decorators: DecoratorFunction[];
 export declare const argTypesEnhancers: ArgTypesEnhancer[];

package/dist/client/docs/sourceDecorator.d.ts

@@ -1,9 +1,10 @@
 import { PartialStoryFn } from 'storybook/internal/types';
-import { StoryContext, AngularRenderer } from '../types';
+import { AngularRenderer, StoryContext } from '../types';
 export declare const skipSourceRender: (context: StoryContext) => any;
 /**
  * Angular source decorator.
+ *
  * @param storyFn Fn
- * @param context  StoryContext
+ * @param context StoryContext
  */
 export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularRenderer>, context: StoryContext) => import("../types").StoryFnAngularReturnType;

package/dist/client/docs/sourceDecorator.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sourceDecorator = exports.skipSourceRender = void 0;
-const preview_api_1 = require("storybook/internal/preview-api");
 const docs_tools_1 = require("storybook/internal/docs-tools");
+const preview_api_1 = require("storybook/internal/preview-api");
 const renderer_1 = require("../../renderer");
 const skipSourceRender = (context) => {
     const sourceParams = context?.parameters.docs?.source;
@@ -17,8 +17,9 @@ const skipSourceRender = (context) => {
 exports.skipSourceRender = skipSourceRender;
 /**
  * Angular source decorator.
+ *
  * @param storyFn Fn
- * @param context  StoryContext
+ * @param context StoryContext
  */
 const sourceDecorator = (storyFn, context) => {
     const story = storyFn();

package/dist/client/globals.d.ts

@@ -1,23 +1,21 @@
 /**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
+ * This file includes polyfills needed by Angular and is loaded before the app. You can add your own
+ * extra polyfills to this file.
  *
  * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
+ *
+ * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ * 2. Application imports. Files imported after ZoneJS that should be loaded before your main file.
  *
  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
  * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ * Edge> = 13 on the desktop, and iOS 10 and Chrome on mobile.
  *
  * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
  */
 /**
- * Required to support Web Animations `@angular/animation`.
- * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
- * */
-/** *************************************************************************************************
- * Zone JS is required by Angular itself.
+ * Required to support Web Animations `@angular/animation`. Needed for: All but Chrome, Firefox and
+ * Opera. http://caniuse.com/#feat=web-animation
  */
+/** Zone JS is required by Angular itself. */
 import 'zone.js';