@storybook/angular 8.3.0-alpha.4 → 8.3.0-alpha.6

package/dist/builders/build-storybook/index.d.ts

@@ -1,8 +1,8 @@
+import { CLIOptions } from 'storybook/internal/types';
 import { BuilderOutput } from '@angular-devkit/architect';
-import { JsonObject } from '@angular-devkit/core';
 import { StylePreprocessorOptions } from '@angular-devkit/build-angular';
-import { CLIOptions } from 'storybook/internal/types';
 import { AssetPattern, SourceMapUnion, StyleElement } from '@angular-devkit/build-angular/src/builders/browser/schema';
+import { JsonObject } from '@angular-devkit/core';
 export type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;

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

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("storybook/internal/common");
+const core_server_1 = require("storybook/internal/core-server");
+const telemetry_1 = require("storybook/internal/telemetry");
 const architect_1 = require("@angular-devkit/architect");
+const fd_package_json_1 = require("fd-package-json");
+const find_up_1 = require("find-up");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
-const find_up_1 = require("find-up");
-const fd_package_json_1 = require("fd-package-json");
-const common_1 = require("storybook/internal/common");
-const telemetry_1 = require("storybook/internal/telemetry");
-const core_server_1 = require("storybook/internal/core-server");
-const run_compodoc_1 = require("../utils/run-compodoc");
 const error_handler_1 = require("../utils/error-handler");
+const run_compodoc_1 = require("../utils/run-compodoc");
 (0, telemetry_1.addToGlobalContext)('cliVersion', common_1.versions.storybook);
 const commandBuilder = (options, context) => {
     const builder = (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {

package/dist/builders/build-storybook/index.spec.js

@@ -23,12 +23,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// eslint-disable-next-line import/no-extraneous-dependencies
-const vitest_1 = require("vitest");
 const architect_1 = require("@angular-devkit/architect");
 const testing_1 = require("@angular-devkit/architect/testing");
 const core_1 = require("@angular-devkit/core");
-const path = __importStar(require("path"));
+const path = __importStar(require("node:path"));
+const vitest_1 = require("vitest");
 const buildDevStandaloneMock = vitest_1.vi.fn();
 const buildStaticStandaloneMock = vitest_1.vi.fn();
 const buildMock = {

package/dist/builders/start-storybook/index.d.ts

@@ -1,8 +1,8 @@
+import { CLIOptions } from 'storybook/internal/types';
 import { BuilderOutput } from '@angular-devkit/architect';
-import { JsonObject } from '@angular-devkit/core';
 import { StylePreprocessorOptions } from '@angular-devkit/build-angular';
-import { CLIOptions } from 'storybook/internal/types';
 import { AssetPattern, SourceMapUnion, StyleElement } from '@angular-devkit/build-angular/src/builders/browser/schema';
+import { JsonObject } from '@angular-devkit/core';
 export type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;

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

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("storybook/internal/common");
+const core_server_1 = require("storybook/internal/core-server");
+const telemetry_1 = require("storybook/internal/telemetry");
 const architect_1 = require("@angular-devkit/architect");
+const fd_package_json_1 = require("fd-package-json");
+const find_up_1 = require("find-up");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
-const find_up_1 = require("find-up");
-const fd_package_json_1 = require("fd-package-json");
-const common_1 = require("storybook/internal/common");
-const telemetry_1 = require("storybook/internal/telemetry");
-const core_server_1 = require("storybook/internal/core-server");
-const run_compodoc_1 = require("../utils/run-compodoc");
 const error_handler_1 = require("../utils/error-handler");
+const run_compodoc_1 = require("../utils/run-compodoc");
 (0, telemetry_1.addToGlobalContext)('cliVersion', common_1.versions.storybook);
 const commandBuilder = (options, context) => {
     const builder = (0, rxjs_1.from)(setup(options, context)).pipe((0, operators_1.switchMap)(({ tsConfig }) => {

package/dist/builders/start-storybook/index.spec.js

@@ -1,34 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-// eslint-disable-next-line import/no-extraneous-dependencies
-const vitest_1 = require("vitest");
 const architect_1 = require("@angular-devkit/architect");
 const testing_1 = require("@angular-devkit/architect/testing");
 const core_1 = require("@angular-devkit/core");
-const path = __importStar(require("path"));
+const node_path_1 = require("node:path");
+const vitest_1 = require("vitest");
 const buildDevStandaloneMock = vitest_1.vi.fn();
 const buildStaticStandaloneMock = vitest_1.vi.fn();
 const buildMock = {
@@ -74,7 +50,7 @@ vitest_1.describe.skip('Start Storybook Builder', () => {
         });
         // This will either take a Node package name, or a path to the directory
         // for the package.json file.
-        await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
+        await architectHost.addBuilderFromPackage((0, node_path_1.join)(__dirname, '../../..'));
     });
     (0, vitest_1.beforeEach)(() => {
         buildDevStandaloneMock.mockImplementation((_options) => Promise.resolve(_options));

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

@@ -1,38 +1,15 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runCompodoc = void 0;
-const rxjs_1 = require("rxjs");
-const path = __importStar(require("path"));
+const node_path_1 = require("node:path");
 const common_1 = require("storybook/internal/common");
+const rxjs_1 = require("rxjs");
 const hasTsConfigArg = (args) => args.indexOf('-p') !== -1;
 const hasOutputArg = (args) => args.indexOf('-d') !== -1 || args.indexOf('--output') !== -1;
-// path.relative is necessary to workaround a compodoc issue with
+// relative is necessary to workaround a compodoc issue with
 // absolute paths on windows machines
 const toRelativePath = (pathToTsConfig) => {
-    return path.isAbsolute(pathToTsConfig) ? path.relative('.', pathToTsConfig) : pathToTsConfig;
+    return (0, node_path_1.isAbsolute)(pathToTsConfig) ? (0, node_path_1.relative)('.', pathToTsConfig) : pathToTsConfig;
 };
 const runCompodoc = ({ compodocArgs, tsconfig }, context) => {
     return new rxjs_1.Observable((observer) => {

package/dist/builders/utils/run-compodoc.spec.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// eslint-disable-next-line import/no-extraneous-dependencies
-const vitest_1 = require("vitest");
 const operators_1 = require("rxjs/operators");
+const vitest_1 = require("vitest");
 const run_compodoc_1 = require("./run-compodoc");
 const mockRunScript = vitest_1.vi.fn();
 vitest_1.vi.mock('storybook/internal/common', () => ({

package/dist/builders/utils/standalone-options.d.ts

@@ -1,6 +1,6 @@
+import { BuilderOptions, CLIOptions, LoadOptions } from 'storybook/internal/types';
 import { BuilderContext } from '@angular-devkit/architect';
 import { AssetPattern, SourceMapUnion, StyleElement, StylePreprocessorOptions } from '@angular-devkit/build-angular/src/builders/browser/schema';
-import { LoadOptions, CLIOptions, BuilderOptions } from 'storybook/internal/types';
 export type StandaloneOptions = CLIOptions & LoadOptions & BuilderOptions & {
     mode?: 'static' | 'dev';
     enableProdMode: boolean;

package/dist/client/angular-beta/AbstractRenderer.js

@@ -6,8 +6,8 @@ const rxjs_1 = require("rxjs");
 const telejson_1 = require("telejson");
 const StorybookModule_1 = require("./StorybookModule");
 const StorybookProvider_1 = require("./StorybookProvider");
-const PropertyExtractor_1 = require("./utils/PropertyExtractor");
 const BootstrapQueue_1 = require("./utils/BootstrapQueue");
+const PropertyExtractor_1 = require("./utils/PropertyExtractor");
 const applicationRefs = new Map();
 /**
  * Attribute name for the story UID that may be written to the targetDOMNode.

package/dist/client/angular-beta/CanvasRenderer.d.ts

@@ -1,5 +1,5 @@
+import { Parameters, StoryFnAngularReturnType } from '../types';
 import { AbstractRenderer } from './AbstractRenderer';
-import { StoryFnAngularReturnType, Parameters } from '../types';
 export declare class CanvasRenderer extends AbstractRenderer {
     render(options: {
         storyFnAngular: StoryFnAngularReturnType;

package/dist/client/angular-beta/ComputesTemplateFromComponent.d.ts

@@ -1,5 +1,5 @@
-import { Type } from '@angular/core';
 import { ArgTypes } from 'storybook/internal/types';
+import { Type } from '@angular/core';
 import { ICollection } from '../types';
 /**
  * Returns the property name, if it can be accessed with dot notation. If not,

package/dist/client/angular-beta/ComputesTemplateFromComponent.test.js

@@ -683,10 +683,8 @@ const input_component_1 = require("./__testfixtures__/input.component");
                     `a string literal with 'single quotes'`,
                     'a single quoted string with "double quotes"',
                     "a double quoted string with 'single quotes'",
-                    // eslint-disable-next-line prettier/prettier
-                    'a single quoted string with escaped \'single quotes\'',
-                    // eslint-disable-next-line prettier/prettier
-                    "a double quoted string with escaped \"double quotes\"",
+                    "a single quoted string with escaped 'single quotes'",
+                    'a double quoted string with escaped "double quotes"',
                     `a string literal with \'escaped single quotes\'`,
                     `a string literal with \"escaped double quotes\"`,
                 ],
@@ -711,10 +709,8 @@ const input_component_1 = require("./__testfixtures__/input.component");
                     `a string literal with 'single quotes'`,
                     'a single quoted string with "double quotes"',
                     "a double quoted string with 'single quotes'",
-                    // eslint-disable-next-line prettier/prettier
-                    'a single quoted string with escaped \'single quotes\'',
-                    // eslint-disable-next-line prettier/prettier
-                    "a double quoted string with escaped \"double quotes\"",
+                    "a single quoted string with escaped 'single quotes'",
+                    'a double quoted string with escaped "double quotes"',
                     `a string literal with \'escaped single quotes\'`,
                     `a string literal with \"escaped double quotes\"`,
                 ],

package/dist/client/angular-beta/DocsRenderer.d.ts

@@ -1,5 +1,5 @@
+import { Parameters, StoryFnAngularReturnType } from '../types';
 import { AbstractRenderer } from './AbstractRenderer';
-import { StoryFnAngularReturnType, Parameters } from '../types';
 export declare class DocsRenderer extends AbstractRenderer {
     render(options: {
         storyFnAngular: StoryFnAngularReturnType;

package/dist/client/angular-beta/DocsRenderer.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DocsRenderer = void 0;
-const preview_api_1 = require("storybook/internal/preview-api");
 const core_events_1 = require("storybook/internal/core-events");
-const StoryUID_1 = require("./utils/StoryUID");
+const preview_api_1 = require("storybook/internal/preview-api");
 const AbstractRenderer_1 = require("./AbstractRenderer");
+const StoryUID_1 = require("./utils/StoryUID");
 class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
     async render(options) {
         const channel = preview_api_1.addons.getChannel();

package/dist/client/angular-beta/RendererFactory.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.clearRootHTMLElement = exports.getRenderType = exports.RendererFactory = void 0;
 const AbstractRenderer_1 = require("./AbstractRenderer");
-const DocsRenderer_1 = require("./DocsRenderer");
 const CanvasRenderer_1 = require("./CanvasRenderer");
+const DocsRenderer_1 = require("./DocsRenderer");
 class RendererFactory {
     constructor() {
         this.rendererMap = new Map();

package/dist/client/angular-beta/StorybookModule.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getApplication = void 0;
-const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
 const ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent");
+const StorybookWrapperComponent_1 = require("./StorybookWrapperComponent");
 const getApplication = ({ storyFnAngular, component, targetSelector, analyzedMetadata, }) => {
     const { props, styles, moduleMetadata = {} } = storyFnAngular;
     let { template } = storyFnAngular;

package/dist/client/angular-beta/StorybookProvider.d.ts

@@ -1,4 +1,4 @@
-import { Provider, InjectionToken } from '@angular/core';
+import { InjectionToken, Provider } from '@angular/core';
 import { Subject } from 'rxjs';
 import { ICollection } from '../types';
 export declare const STORY_PROPS: InjectionToken<Subject<ICollection | undefined>>;

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

@@ -1,6 +1,6 @@
 "use strict";
-// @vitest-environment happy-dom
 Object.defineProperty(exports, "__esModule", { value: true });
+// @vitest-environment happy-dom
 const rxjs_1 = require("rxjs");
 const vitest_1 = require("vitest");
 const BootstrapQueue_1 = require("./BootstrapQueue");
@@ -16,7 +16,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 +160,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;

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>;

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/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 = {

package/dist/client/decorators.d.ts

@@ -1,7 +1,7 @@
+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

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,5 +1,5 @@
 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.

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;

package/dist/client/globals.js

@@ -24,7 +24,8 @@ const global_1 = require("@storybook/global");
 /** *************************************************************************************************
  * Zone JS is required by Angular itself.
  */
-require("zone.js"); // Included with Angular CLI.
+require("zone.js");
+// Included with Angular CLI.
 /** *************************************************************************************************
  * APPLICATION IMPORTS
  */

package/dist/client/index.js

@@ -1,5 +1,4 @@
 "use strict";
-/// <reference types="webpack-env" />
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -16,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.argsToTemplate = exports.applicationConfig = exports.componentWrapperDecorator = exports.moduleMetadata = void 0;
+/// <reference types="webpack-env" />
 require("./globals");
 __exportStar(require("./public-types"), exports);
 var decorators_1 = require("./decorators");

package/dist/client/render.d.ts

@@ -1,7 +1,7 @@
+import { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
 import '@angular/compiler';
-import { RenderContext, ArgsStoryFn } from 'storybook/internal/types';
-import { AngularRenderer } from './types';
 import { RendererFactory } from './angular-beta/RendererFactory';
+import { AngularRenderer } from './types';
 export declare const rendererFactory: RendererFactory;
 export declare const render: ArgsStoryFn<AngularRenderer>;
 export declare function renderToCanvas({ storyFn, showMain, forceRemount, storyContext: { component } }: RenderContext<AngularRenderer>, element: HTMLElement): Promise<void>;

package/dist/client/types.d.ts

@@ -1,6 +1,6 @@
+import { Parameters as DefaultParameters, StoryContext as DefaultStoryContext, WebRenderer } from 'storybook/internal/types';
 import { Provider } from '@angular/core';
 import { ApplicationConfig } from '@angular/platform-browser';
-import { Parameters as DefaultParameters, StoryContext as DefaultStoryContext, WebRenderer } from 'storybook/internal/types';
 export interface NgModuleMetadata {
     /**
      * List of components, directives, and pipes that belong to your component.

package/dist/preset.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typescript = exports.core = exports.previewAnnotations = exports.addons = void 0;
-const path_1 = require("path");
-const getAbsolutePath = (input) => (0, path_1.dirname)(require.resolve((0, path_1.join)(input, 'package.json')));
+const node_path_1 = require("node:path");
+const getAbsolutePath = (input) => (0, node_path_1.dirname)(require.resolve((0, node_path_1.join)(input, 'package.json')));
 exports.addons = [
     require.resolve('./server/framework-preset-angular-cli'),
     require.resolve('./server/framework-preset-angular-ivy'),

package/dist/preset.mjs

@@ -1,4 +1,4 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
 const getAbsolutePath = (input) => dirname(require.resolve(join(input, 'package.json')));
 export const addons = [
     require.resolve('./server/framework-preset-angular-cli'),

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

@@ -4,8 +4,8 @@ exports.webpackFinal = void 0;
 const node_logger_1 = require("storybook/internal/node-logger");
 const server_errors_1 = require("storybook/internal/server-errors");
 const architect_1 = require("@angular-devkit/architect");
-const find_up_1 = require("find-up");
 const core_1 = require("@angular-devkit/core");
+const find_up_1 = require("find-up");
 const angular_cli_webpack_1 = require("./angular-cli-webpack");
 const module_is_available_1 = require("./utils/module-is-available");
 async function webpackFinal(baseConfig, options) {

package/dist/server/framework-preset-angular-ivy.js

@@ -1,34 +1,8 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.webpack = exports.runNgcc = void 0;
-const path = __importStar(require("path"));
-const fs_1 = __importDefault(require("fs"));
+const node_fs_1 = require("node:fs");
+const node_path_1 = require("node:path");
 /**
  * Source : https://github.com/angular/angular-cli/blob/ebccb5de4a455af813c5e82483db6af20666bdbd/packages/angular_devkit/build_angular/src/utils/load-esm.ts#L23
  * This uses a dynamic import to load a module which may be ESM.
@@ -64,7 +38,7 @@ const runNgcc = async () => {
         // should be async: true but does not work due to
         // https://github.com/storybookjs/storybook/pull/11157/files#r615413803
         async: false,
-        basePath: path.join(process.cwd(), 'node_modules'), // absolute path to node_modules
+        basePath: (0, node_path_1.join)(process.cwd(), 'node_modules'), // absolute path to node_modules
         createNewEntryPointFormats: true, // --create-ivy-entry-points
         compileAllFormats: false, // --first-only
     });
@@ -72,7 +46,7 @@ const runNgcc = async () => {
 exports.runNgcc = runNgcc;
 const webpack = async (webpackConfig, options) => {
     const packageJsonPath = require.resolve('@angular/core/package.json');
-    const packageJson = JSON.parse(fs_1.default.readFileSync(packageJsonPath, 'utf8'));
+    const packageJson = JSON.parse((0, node_fs_1.readFileSync)(packageJsonPath, 'utf8'));
     const VERSION = packageJson.version;
     const framework = await options.presets.apply('framework');
     const angularOptions = (typeof framework === 'object' ? framework.options : {});

package/dist/test-setup.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// eslint-disable-next-line import/no-extraneous-dependencies
 require("@analogjs/vite-plugin-angular/setup-vitest");
-const testing_1 = require("@angular/platform-browser-dynamic/testing");
-const testing_2 = require("@angular/core/testing");
-(0, testing_2.getTestBed)().initTestEnvironment(testing_1.BrowserDynamicTestingModule, (0, testing_1.platformBrowserDynamicTesting)());
+const testing_1 = require("@angular/core/testing");
+const testing_2 = require("@angular/platform-browser-dynamic/testing");
+(0, testing_1.getTestBed)().initTestEnvironment(testing_2.BrowserDynamicTestingModule, (0, testing_2.platformBrowserDynamicTesting)());

package/dist/test-setup.mjs

@@ -1,5 +1,4 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import '@analogjs/vite-plugin-angular/setup-vitest';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting, } from '@angular/platform-browser-dynamic/testing';
 import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting, } from '@angular/platform-browser-dynamic/testing';
 getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());

package/dist/types.d.ts

@@ -1,6 +1,6 @@
-import { StorybookConfig as StorybookConfigBase, TypescriptOptions as TypescriptOptionsReact } from '@storybook/core-webpack';
-import { StorybookConfigWebpack, BuilderOptions, TypescriptOptions as TypescriptOptionsBuilder } from '@storybook/builder-webpack5';
 import { CompatibleString } from 'storybook/internal/types';
+import { BuilderOptions, StorybookConfigWebpack, TypescriptOptions as TypescriptOptionsBuilder } from '@storybook/builder-webpack5';
+import { StorybookConfig as StorybookConfigBase, TypescriptOptions as TypescriptOptionsReact } from '@storybook/core-webpack';
 type FrameworkName = CompatibleString<'@storybook/angular'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
 export type FrameworkOptions = AngularOptions & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.3.0-alpha.4",
+  "version": "8.3.0-alpha.6",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,17 +34,17 @@
   ],
   "scripts": {
     "check": "node ../../../scripts/node_modules/.bin/tsc",
-    "prep": "rimraf dist && node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/tsc.ts"
+    "prep": "rimraf dist && jiti ../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "8.3.0-alpha.4",
-    "@storybook/components": "^8.3.0-alpha.4",
-    "@storybook/core-webpack": "8.3.0-alpha.4",
+    "@storybook/builder-webpack5": "8.3.0-alpha.6",
+    "@storybook/components": "^8.3.0-alpha.6",
+    "@storybook/core-webpack": "8.3.0-alpha.6",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "^8.3.0-alpha.4",
-    "@storybook/preview-api": "^8.3.0-alpha.4",
-    "@storybook/theming": "^8.3.0-alpha.4",
-    "@types/node": "^18.0.0",
+    "@storybook/manager-api": "^8.3.0-alpha.6",
+    "@storybook/preview-api": "^8.3.0-alpha.6",
+    "@storybook/theming": "^8.3.0-alpha.6",
+    "@types/node": "^22.0.0",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
     "@types/semver": "^7.3.4",
@@ -93,7 +93,7 @@
     "@angular/platform-browser": ">=15.0.0 < 19.0.0",
     "@angular/platform-browser-dynamic": ">=15.0.0 < 19.0.0",
     "rxjs": "^6.0.0 || ^7.4.0",
-    "storybook": "^8.3.0-alpha.4",
+    "storybook": "^8.3.0-alpha.6",
     "typescript": "^4.0.0 || ^5.0.0",
     "zone.js": ">= 0.11.1 < 1.0.0"
   },

package/template/cli/button.stories.ts

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/angular';
 import { fn } from '@storybook/test';
+
 import { ButtonComponent } from './button.component';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories

package/template/cli/header.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/angular';
+import { fn } from '@storybook/test';
 
 import { HeaderComponent } from './header.component';
-import { fn } from '@storybook/test';
 
 const meta: Meta<HeaderComponent> = {
   title: 'Example/Header',

package/template/cli/page.stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/angular';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 
 import { PageComponent } from './page.component';
 

package/template/components/index.js

@@ -1,8 +1,8 @@
 import { global } from '@storybook/global';
 
 import Button from './button.component';
+import Form from './form.component';
 import Html from './html.component';
 import Pre from './pre.component';
-import Form from './form.component';
 
 global.Components = { Button, Html, Pre, Form };