@storybook/angular 11.0.0-alpha.0 → 11.0.0-alpha.2

package/build-schema.json

@@ -86,10 +86,6 @@
       "description": "Write stats JSON to disk",
       "default": false
     },
-    "previewUrl": {
-      "type": "string",
-      "description": "Disables the default storybook preview and lets you use your own"
-    },
     "styles": {
       "type": "array",
       "description": "Global styles to be included in the build.",

package/dist/_browser-chunks/{chunk-VRHTETWH.js → chunk-A7CCO6TU.js}

@@ -3,7 +3,7 @@ import {
   computesTemplateFromComponent,
   render,
   renderToCanvas
-} from "./chunk-FPQDYJYM.js";
+} from "./chunk-ZATG2N4T.js";
 
 // src/client/config.ts
 var config_exports = {};

package/dist/_browser-chunks/{chunk-TDP52VBS.js → chunk-M5CWHAJJ.js}

@@ -1,15 +1,15 @@
 import {
   config_exports
-} from "./chunk-VRHTETWH.js";
+} from "./chunk-A7CCO6TU.js";
 import {
   config_exports as config_exports2
-} from "./chunk-RV6FL7AO.js";
+} from "./chunk-OU5A7FPZ.js";
 import {
   computesTemplateFromComponent,
   formatPropInTemplate,
   isComponent,
   render_exports
-} from "./chunk-FPQDYJYM.js";
+} from "./chunk-ZATG2N4T.js";
 
 // src/client/portable-stories.ts
 import {
@@ -62,7 +62,7 @@ function applicationConfig(config) {
   };
 }
 var componentWrapperDecorator = (element, props) => (storyFn, storyContext) => {
-  let story = storyFn(), currentProps = typeof props == "function" ? props(storyContext) : props, template = isComponent(element) ? computesTemplateFromComponent(element, currentProps ?? {}, story.template) : element(story.template);
+  let story = storyFn(), currentProps = typeof props == "function" ? props(storyContext) : props, template = isComponent(element) ? computesTemplateFromComponent(element, currentProps ?? {}, story.template) : element(story.template ?? "");
   return {
     ...story,
     template,

package/dist/_browser-chunks/{chunk-RV6FL7AO.js → chunk-OU5A7FPZ.js}

@@ -1,7 +1,7 @@
 import {
   __export,
   computesTemplateSourceFromComponent
-} from "./chunk-FPQDYJYM.js";
+} from "./chunk-ZATG2N4T.js";
 
 // src/client/docs/config.ts
 var config_exports = {};

package/dist/_browser-chunks/{chunk-FPQDYJYM.js → chunk-ZATG2N4T.js}

@@ -42,7 +42,7 @@ var reflectionCapabilities = new ReflectionCapabilities(), getComponentInputsOut
   componentMetadata && componentMetadata.inputs && initialValue.inputs.push(
     ...componentMetadata.inputs.map((i) => ({
       propName: typeof i == "string" ? i : i.name,
-      templateName: typeof i == "string" ? i : i.alias
+      templateName: typeof i == "string" ? i : i.alias ?? i.name
     }))
   ), componentMetadata && componentMetadata.outputs && initialValue.outputs.push(
     ...componentMetadata.outputs.map((i) => ({ propName: i, templateName: i }))
@@ -111,6 +111,8 @@ var isValidIdentifier = (name) => /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(name), forma
   };
 }, computesTemplateFromComponent = (component, initialProps, innerTemplate = "") => {
   let ngComponentMetadata = getComponentDecoratorMetadata(component), ngComponentInputsOutputs = getComponentInputsOutputs(component);
+  if (!ngComponentMetadata)
+    throw new Error(`${component.name} is not an Angular component`);
   if (!ngComponentMetadata.selector)
     return '<ng-container *ngComponentOutlet="storyComponent"></ng-container>';
   let { inputs: initialInputs, outputs: initialOutputs } = separateInputsOutputsAttributes(
@@ -164,7 +166,7 @@ var createAngularInputProperty = ({
   ), templateInputs = initialInputs.length > 0 ? ` ${initialInputs.map(
     (propertyName) => createAngularInputProperty({
       propertyName,
-      value: initialProps[propertyName],
+      value: initialProps?.[propertyName],
       argType: argTypes?.[propertyName]
     })
   ).join(" ")}` : "", templateOutputs = initialOutputs.length > 0 ? ` ${initialOutputs.map((i) => `(${i})="${formatPropInTemplate(i)}($event)"`).join(" ")}` : "";
@@ -254,8 +256,7 @@ import {
   Input as Input2,
   Output as Output2,
   Pipe as Pipe2,
-  \u0275ReflectionCapabilities as ReflectionCapabilities3,
-  VERSION
+  \u0275ReflectionCapabilities as ReflectionCapabilities3
 } from "@angular/core";
 import { BrowserModule } from "@angular/platform-browser";
 import { dedent } from "ts-dedent";
@@ -285,6 +286,9 @@ var reflectionCapabilities3 = new ReflectionCapabilities3(), REMOVED_MODULES = n
     this.metadata = metadata;
     this.component = component;
     this.declarations = [];
+    this.imports = [];
+    this.providers = [];
+    this.applicationProviders = [];
     /**
      * Analyze NgModule Metadata
      *
@@ -371,10 +375,10 @@ _PropertyExtractor.analyzeRestricted = async (ngModule) => {
   }
   return [!1];
 }, _PropertyExtractor.analyzeDecorators = (component) => {
-  let decorators = reflectionCapabilities3.annotations(component), isComponent2 = decorators.some((d) => _PropertyExtractor.isDecoratorInstanceOf(d, "Component")), isDirective = decorators.some((d) => _PropertyExtractor.isDecoratorInstanceOf(d, "Directive")), isPipe = decorators.some((d) => _PropertyExtractor.isDecoratorInstanceOf(d, "Pipe")), isDeclarable = isComponent2 || isDirective || isPipe, isStandalone = (isComponent2 || isDirective) && [...decorators].reverse().find(
+  let decorators = reflectionCapabilities3.annotations(component), isComponent2 = decorators.some((d) => _PropertyExtractor.isDecoratorInstanceOf(d, "Component")), isDirective = decorators.some((d) => _PropertyExtractor.isDecoratorInstanceOf(d, "Directive")), isPipe = decorators.some((d) => _PropertyExtractor.isDecoratorInstanceOf(d, "Pipe")), isDeclarable = isComponent2 || isDirective || isPipe, isStandalone = (isComponent2 || isDirective) && ([...decorators].reverse().find(
     (d) => _PropertyExtractor.isDecoratorInstanceOf(d, "Component") || _PropertyExtractor.isDecoratorInstanceOf(d, "Directive")
-  )?.standalone;
-  return isStandalone === void 0 && (isStandalone = !!(VERSION.major && Number(VERSION.major) >= 19)), { isDeclarable, isStandalone };
+  )?.standalone ?? !0);
+  return { isDeclarable, isStandalone };
 }, _PropertyExtractor.isDecoratorInstanceOf = (decorator, name) => {
   let factory;
   switch (name) {
@@ -413,7 +417,7 @@ var getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
   storyComponent,
   styles,
   moduleMetadata,
-  initialProps,
+  initialProps = {},
   analyzedMetadata
 }) => {
   let viewChildSelector = storyComponent ?? "__storybook-noop", { imports, declarations, providers } = analyzedMetadata, StorybookComponentModule = class {
@@ -438,15 +442,16 @@ var getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
       });
     }
     ngAfterViewInit() {
-      if (this.storyComponentElementRef) {
+      let { storyComponentElementRef, storyComponentViewContainerRef } = this;
+      if (storyComponentElementRef && storyComponentViewContainerRef) {
         let ngComponentInputsOutputs = getComponentInputsOutputs(storyComponent);
         getNonInputsOutputsProps(ngComponentInputsOutputs, initialProps).forEach((p) => {
-          this.storyComponentElementRef[p] = initialProps[p];
-        }), this.storyComponentViewContainerRef.injector.get(ChangeDetectorRef).markForCheck(), this.changeDetectorRef.detectChanges(), this.storyComponentPropsSubscription = this.storyProps$.pipe(
+          Object.assign(storyComponentElementRef, { [p]: initialProps[p] });
+        }), storyComponentViewContainerRef.injector.get(ChangeDetectorRef).markForCheck(), this.changeDetectorRef.detectChanges(), this.storyComponentPropsSubscription = this.storyProps$.pipe(
           skip(1),
-          map((props) => getNonInputsOutputsProps(ngComponentInputsOutputs, props).reduce((acc, p) => ({ ...acc, [p]: props[p] }), {}))
+          map((props = {}) => getNonInputsOutputsProps(ngComponentInputsOutputs, props).reduce((acc, p) => ({ ...acc, [p]: props[p] }), {}))
         ).subscribe((props) => {
-          Object.assign(this.storyComponentElementRef, props), this.storyComponentViewContainerRef.injector.get(ChangeDetectorRef).markForCheck(), this.changeDetectorRef.detectChanges();
+          Object.assign(storyComponentElementRef, props), storyComponentViewContainerRef.injector.get(ChangeDetectorRef).markForCheck(), this.changeDetectorRef.detectChanges();
         });
       }
     }
@@ -549,15 +554,15 @@ var applicationRefs = /* @__PURE__ */ new Map(), STORY_UID_ATTRIBUTE = "data-sb-
     component,
     targetDOMNode
   }) {
-    let targetSelector = this.generateTargetSelectorFromStoryId(storyId), newStoryProps$ = new BehaviorSubject(storyFnAngular.props);
-    if (!this.fullRendererRequired({
+    let targetSelector = this.generateTargetSelectorFromStoryId(storyId), newStoryProps$ = new BehaviorSubject(storyFnAngular.props), fullRendererRequired = this.fullRendererRequired({
       targetDOMNode,
       storyFnAngular,
       moduleMetadata: {
         ...storyFnAngular.moduleMetadata
       },
       forced
-    })) {
+    });
+    if (this.storyProps$ && !fullRendererRequired) {
       this.storyProps$.next(storyFnAngular.props);
       return;
     }
@@ -567,7 +572,12 @@ var applicationRefs = /* @__PURE__ */ new Map(), STORY_UID_ATTRIBUTE = "data-sb-
     let storyUid = this.generateStoryUIdFromRawStoryUid(
       targetDOMNode.getAttribute(STORY_UID_ATTRIBUTE)
     ), componentSelector = storyUid !== null ? `${targetSelector}[${storyUid}]` : targetSelector;
-    storyUid !== null && targetDOMNode.querySelector(targetSelector).toggleAttribute(storyUid, !0);
+    if (storyUid !== null) {
+      let element = targetDOMNode.querySelector(targetSelector);
+      if (!element)
+        throw new Error(`Storybook could not find the story root element "${targetSelector}"`);
+      element.toggleAttribute(storyUid, !0);
+    }
     let application = getApplication({
       storyFnAngular,
       component,
@@ -640,9 +650,7 @@ var applicationRefs = /* @__PURE__ */ new Map(), STORY_UID_ATTRIBUTE = "data-sb-
       storyFnAngular,
       moduleMetadataSnapshot: stringify(moduleMetadata, { maxDepth: 50 })
     };
-    return this.previousStoryRenderInfo.set(targetDOMNode, currentStoryRender), // check `forceRender` of story RenderContext
-    !forced || // if it's the first rendering and storyProps$ is not init
-    !this.storyProps$ || !!storyFnAngular?.template && previousStoryRenderInfo?.storyFnAngular?.template !== storyFnAngular.template ? !0 : currentStoryRender.moduleMetadataSnapshot !== previousStoryRenderInfo?.moduleMetadataSnapshot;
+    return this.previousStoryRenderInfo.set(targetDOMNode, currentStoryRender), !forced || !!storyFnAngular?.template && previousStoryRenderInfo?.storyFnAngular?.template !== storyFnAngular.template ? !0 : currentStoryRender.moduleMetadataSnapshot !== previousStoryRenderInfo?.moduleMetadataSnapshot;
   }
 };
 
@@ -662,8 +670,7 @@ import { addons } from "storybook/preview-api";
 
 // src/client/angular-beta/utils/StoryUID.ts
 var storyCounts = /* @__PURE__ */ new Map(), getNextStoryUID = (storyId) => {
-  storyCounts.has(storyId) || storyCounts.set(storyId, -1);
-  let count = storyCounts.get(storyId) + 1;
+  let count = (storyCounts.get(storyId) ?? -1) + 1;
   return storyCounts.set(storyId, count), `${storyId}-${count}`;
 };
 
@@ -691,11 +698,10 @@ var RendererFactory = class {
     this.rendererMap = /* @__PURE__ */ new Map();
   }
   async getRendererInstance(targetDOMNode) {
-    let targetId = targetDOMNode.id;
-    if (targetDOMNode === null)
-      return null;
-    let renderType = getRenderType(targetDOMNode);
-    return this.lastRenderType && this.lastRenderType !== renderType && (await AbstractRenderer.resetApplications(), clearRootHTMLElement(renderType), this.rendererMap.clear()), this.rendererMap.has(targetId) || this.rendererMap.set(targetId, this.buildRenderer(renderType)), this.lastRenderType = renderType, this.rendererMap.get(targetId);
+    let targetId = targetDOMNode.id, renderType = getRenderType(targetDOMNode);
+    this.lastRenderType && this.lastRenderType !== renderType && (await AbstractRenderer.resetApplications(), clearRootHTMLElement(renderType), this.rendererMap.clear());
+    let renderer = this.rendererMap.get(targetId);
+    return renderer || (renderer = this.buildRenderer(renderType), this.rendererMap.set(targetId, renderer)), this.lastRenderType = renderType, renderer;
   }
   buildRenderer(renderType) {
     return renderType === "docs" ? new DocsRenderer() : new CanvasRenderer();
@@ -703,12 +709,16 @@ var RendererFactory = class {
 }, getRenderType = (targetDOMNode) => targetDOMNode.id === "storybook-root" ? "canvas" : "docs";
 function clearRootHTMLElement(renderType) {
   switch (renderType) {
-    case "canvas":
-      global.document.getElementById("storybook-docs").innerHTML = "";
+    case "canvas": {
+      let docsRoot = global.document.getElementById("storybook-docs");
+      docsRoot && (docsRoot.innerHTML = "");
       break;
-    case "docs":
-      global.document.getElementById("storybook-root").innerHTML = "";
+    }
+    case "docs": {
+      let canvasRoot = global.document.getElementById("storybook-root");
+      canvasRoot && (canvasRoot.innerHTML = "");
       break;
+    }
     default:
       break;
   }

package/dist/_node-chunks/{angular-cli-webpack-2R43YQZV.js → angular-cli-webpack-DJ37RLNT.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_61ezwygi5e from 'node:url';
-import CJS_COMPAT_NODE_PATH_61ezwygi5e from 'node:path';
-import CJS_COMPAT_NODE_MODULE_61ezwygi5e from "node:module";
+import CJS_COMPAT_NODE_URL_bh3ft757e7 from 'node:url';
+import CJS_COMPAT_NODE_PATH_bh3ft757e7 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bh3ft757e7 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_61ezwygi5e.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_61ezwygi5e.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_61ezwygi5e.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bh3ft757e7.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bh3ft757e7.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bh3ft757e7.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -50,7 +50,9 @@ var PLUGIN_NAME = "storybook-normalize-angular-entry-plugin", StorybookNormalize
 var isStylingRule = (rule) => {
   let { test } = rule;
   return !test || !(test instanceof RegExp) ? !1 : test.test(".css") || test.test(".scss") || test.test(".sass");
-}, filterOutStylingRules = (config) => config.module.rules.filter((rule) => !isStylingRule(rule));
+}, filterOutStylingRules = (config) => (config.module?.rules ?? []).filter(
+  (rule) => !rule || rule === "..." || !isStylingRule(rule)
+);
 
 // src/server/angular-cli-webpack.js
 var require2 = createRequire(import.meta.url), {

package/dist/_node-chunks/{chunk-MTZDRM3U.js → chunk-QC32CNUK.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_61ezwygi5e from 'node:url';
-import CJS_COMPAT_NODE_PATH_61ezwygi5e from 'node:path';
-import CJS_COMPAT_NODE_MODULE_61ezwygi5e from "node:module";
+import CJS_COMPAT_NODE_URL_bh3ft757e7 from 'node:url';
+import CJS_COMPAT_NODE_PATH_bh3ft757e7 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bh3ft757e7 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_61ezwygi5e.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_61ezwygi5e.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_61ezwygi5e.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bh3ft757e7.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bh3ft757e7.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bh3ft757e7.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{chunk-2NUFSTH3.js → chunk-X2BF55MD.js}

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_61ezwygi5e from 'node:url';
-import CJS_COMPAT_NODE_PATH_61ezwygi5e from 'node:path';
-import CJS_COMPAT_NODE_MODULE_61ezwygi5e from "node:module";
+import CJS_COMPAT_NODE_URL_bh3ft757e7 from 'node:url';
+import CJS_COMPAT_NODE_PATH_bh3ft757e7 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bh3ft757e7 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_61ezwygi5e.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_61ezwygi5e.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_61ezwygi5e.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bh3ft757e7.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bh3ft757e7.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bh3ft757e7.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   up
-} from "./chunk-MTZDRM3U.js";
+} from "./chunk-QC32CNUK.js";
 
 // ../../../node_modules/empathic/package.mjs
 function up2(options) {

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

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_61ezwygi5e from 'node:url';
-import CJS_COMPAT_NODE_PATH_61ezwygi5e from 'node:path';
-import CJS_COMPAT_NODE_MODULE_61ezwygi5e from "node:module";
+import CJS_COMPAT_NODE_URL_bh3ft757e7 from 'node:url';
+import CJS_COMPAT_NODE_PATH_bh3ft757e7 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bh3ft757e7 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_61ezwygi5e.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_61ezwygi5e.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_61ezwygi5e.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bh3ft757e7.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bh3ft757e7.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bh3ft757e7.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -14,10 +14,10 @@ import {
   printErrorDetails,
   runCompodoc,
   up as up2
-} from "../../_node-chunks/chunk-2NUFSTH3.js";
+} from "../../_node-chunks/chunk-X2BF55MD.js";
 import {
   up
-} from "../../_node-chunks/chunk-MTZDRM3U.js";
+} from "../../_node-chunks/chunk-QC32CNUK.js";
 
 // src/builders/build-storybook/index.ts
 import { readFileSync } from "node:fs";
@@ -26,7 +26,6 @@ import { buildStaticStandalone, withTelemetry } from "storybook/internal/core-se
 import { addToGlobalContext } from "storybook/internal/telemetry";
 import { logger, logTracker } from "storybook/internal/node-logger";
 import { createBuilder, targetFromTargetString } from "@angular-devkit/architect";
-import { VERSION } from "@angular/core";
 import { Channel } from "storybook/internal/channels";
 addToGlobalContext("cliVersion", versions.storybook);
 var commandBuilder = async (options, context) => {
@@ -59,10 +58,10 @@ var commandBuilder = async (options, context) => {
     debugWebpack,
     disableTelemetry,
     assets,
-    previewUrl,
     sourceMap = !1,
     preserveSymlinks = !1,
-    experimentalZoneless = !!(VERSION.major && Number(VERSION.major) >= 21)
+    // Angular 21+ always supports zoneless; users still opt out via `experimentalZoneless: false`
+    experimentalZoneless = !0
   } = options, packageJsonPath = up2({ cwd: __dirname }), standaloneOptions = {
     packageJson: packageJsonPath != null ? JSON.parse(readFileSync(packageJsonPath, "utf8")) : null,
     configDir,
@@ -86,8 +85,7 @@ var commandBuilder = async (options, context) => {
     tsConfig,
     webpackStatsJson,
     statsJson,
-    debugWebpack,
-    previewUrl
+    debugWebpack
   };
   if (await runInstance({ ...standaloneOptions, mode: "static" }), logTracker.shouldWriteLogsToFile) {
     let logFile = await logTracker.writeToFile(options.logfile);
@@ -97,12 +95,16 @@ var commandBuilder = async (options, context) => {
 }, build_storybook_default = createBuilder(commandBuilder);
 async function setup(options, context) {
   let browserOptions, browserTarget;
-  return options.browserTarget && (browserTarget = targetFromTargetString(options.browserTarget), browserOptions = await context.validateOptions(
+  options.browserTarget && (browserTarget = targetFromTargetString(options.browserTarget), browserOptions = await context.validateOptions(
     await context.getTargetOptions(browserTarget),
     await context.getBuilderNameForTarget(browserTarget)
-  )), {
-    tsConfig: options.tsConfig ?? up("tsconfig.json", { cwd: options.configDir, last: getProjectRoot() }) ?? browserOptions.tsConfig
-  };
+  ));
+  let tsConfig = options.tsConfig ?? up("tsconfig.json", { cwd: options.configDir, last: getProjectRoot() }) ?? browserOptions?.tsConfig;
+  if (tsConfig === void 0)
+    throw new Error(
+      'Storybook could not find a tsconfig.json. Set the "tsConfig" or "browserTarget" option of the Storybook builder.'
+    );
+  return { tsConfig };
 }
 async function runInstance(options) {
   try {

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

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_61ezwygi5e from 'node:url';
-import CJS_COMPAT_NODE_PATH_61ezwygi5e from 'node:path';
-import CJS_COMPAT_NODE_MODULE_61ezwygi5e from "node:module";
+import CJS_COMPAT_NODE_URL_bh3ft757e7 from 'node:url';
+import CJS_COMPAT_NODE_PATH_bh3ft757e7 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bh3ft757e7 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_61ezwygi5e.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_61ezwygi5e.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_61ezwygi5e.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_bh3ft757e7.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bh3ft757e7.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bh3ft757e7.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -14,10 +14,10 @@ import {
   printErrorDetails,
   runCompodoc,
   up as up2
-} from "../../_node-chunks/chunk-2NUFSTH3.js";
+} from "../../_node-chunks/chunk-X2BF55MD.js";
 import {
   up
-} from "../../_node-chunks/chunk-MTZDRM3U.js";
+} from "../../_node-chunks/chunk-QC32CNUK.js";
 
 // src/builders/start-storybook/index.ts
 import { readFileSync } from "node:fs";
@@ -27,7 +27,6 @@ import { addToGlobalContext } from "storybook/internal/telemetry";
 import { logger, logTracker } from "storybook/internal/node-logger";
 import { createBuilder, targetFromTargetString } from "@angular-devkit/architect";
 import { Observable } from "rxjs";
-import { VERSION } from "@angular/core";
 import { Channel } from "storybook/internal/channels";
 addToGlobalContext("cliVersion", versions.storybook);
 var commandBuilder = (options, context) => new Observable((observer) => {
@@ -75,10 +74,10 @@ var commandBuilder = (options, context) => new Observable((observer) => {
         loglevel,
         webpackStatsJson,
         statsJson,
-        previewUrl,
         sourceMap = !1,
         preserveSymlinks = !1,
-        experimentalZoneless = !!(VERSION.major && Number(VERSION.major) >= 21)
+        // Angular 21+ always supports zoneless; users still opt out via `experimentalZoneless: false`
+        experimentalZoneless = !0
       } = options, packageJsonPath = up2({ cwd: __dirname }), standaloneOptions = {
         packageJson: packageJsonPath != null ? JSON.parse(readFileSync(packageJsonPath, "utf8")) : null,
         ci,
@@ -110,8 +109,7 @@ var commandBuilder = (options, context) => new Observable((observer) => {
         debugWebpack,
         webpackStatsJson,
         statsJson,
-        loglevel,
-        previewUrl
+        loglevel
       }, startedPort = await runInstance(standaloneOptions);
       observer.next({ success: !0, info: { port: startedPort } });
     } catch (error) {
@@ -130,16 +128,20 @@ var commandBuilder = (options, context) => new Observable((observer) => {
 }), start_storybook_default = createBuilder(commandBuilder);
 async function setup(options, context) {
   let browserOptions, browserTarget;
-  return options.browserTarget && (browserTarget = targetFromTargetString(options.browserTarget), browserOptions = await context.validateOptions(
+  options.browserTarget && (browserTarget = targetFromTargetString(options.browserTarget), browserOptions = await context.validateOptions(
     await context.getTargetOptions(browserTarget),
     await context.getBuilderNameForTarget(browserTarget)
-  )), {
-    tsConfig: options.tsConfig ?? up("tsconfig.json", { cwd: options.configDir }) ?? browserOptions.tsConfig
-  };
+  ));
+  let tsConfig = options.tsConfig ?? up("tsconfig.json", { cwd: options.configDir }) ?? browserOptions?.tsConfig;
+  if (tsConfig === void 0)
+    throw new Error(
+      'Storybook could not find a tsconfig.json. Set the "tsConfig" or "browserTarget" option of the Storybook builder.'
+    );
+  return { tsConfig };
 }
 async function runInstance(options) {
   try {
-    let { port } = await withTelemetry(
+    let result = await withTelemetry(
       "dev",
       {
         cliOptions: options,
@@ -153,7 +155,9 @@ async function runInstance(options) {
       },
       () => buildDevStandalone(options)
     );
-    return port;
+    if (!result)
+      throw new Error("Storybook dev server did not start");
+    return result.port;
   } catch (error) {
     let summarized = errorSummary(error);
     throw new Error(String(summarized));

package/dist/client/config.js

@@ -2,11 +2,11 @@ import {
   argTypesEnhancers,
   decorateStory,
   parameters
-} from "../_browser-chunks/chunk-VRHTETWH.js";
+} from "../_browser-chunks/chunk-A7CCO6TU.js";
 import {
   render,
   renderToCanvas
-} from "../_browser-chunks/chunk-FPQDYJYM.js";
+} from "../_browser-chunks/chunk-ZATG2N4T.js";
 export {
   decorateStory as applyDecorators,
   argTypesEnhancers,

package/dist/client/docs/config.js

@@ -1,8 +1,8 @@
 import {
   decorators,
   parameters
-} from "../../_browser-chunks/chunk-RV6FL7AO.js";
-import "../../_browser-chunks/chunk-FPQDYJYM.js";
+} from "../../_browser-chunks/chunk-OU5A7FPZ.js";
+import "../../_browser-chunks/chunk-ZATG2N4T.js";
 export {
   decorators,
   parameters

package/dist/client/index.js

@@ -5,10 +5,10 @@ import {
   componentWrapperDecorator,
   moduleMetadata,
   setProjectAnnotations
-} from "../_browser-chunks/chunk-TDP52VBS.js";
-import "../_browser-chunks/chunk-VRHTETWH.js";
-import "../_browser-chunks/chunk-RV6FL7AO.js";
-import "../_browser-chunks/chunk-FPQDYJYM.js";
+} from "../_browser-chunks/chunk-M5CWHAJJ.js";
+import "../_browser-chunks/chunk-A7CCO6TU.js";
+import "../_browser-chunks/chunk-OU5A7FPZ.js";
+import "../_browser-chunks/chunk-ZATG2N4T.js";
 export {
   __definePreview,
   applicationConfig,