@storybook/angular 10.4.0-alpha.2 → 10.4.0-alpha.4

package/dist/_browser-chunks/{chunk-XYAB765U.js → chunk-6IPUGLI5.js}

@@ -1,15 +1,15 @@
 import {
   config_exports
-} from "./chunk-XA6C6Y3S.js";
+} from "./chunk-QQWSC6HR.js";
 import {
   config_exports as config_exports2
-} from "./chunk-CT6JF2ND.js";
+} from "./chunk-KKFRD2ZH.js";
 import {
   computesTemplateFromComponent,
   formatPropInTemplate,
   isComponent,
   render_exports
-} from "./chunk-34GOABUT.js";
+} from "./chunk-6PLRDPVY.js";
 
 // src/client/portable-stories.ts
 import {

package/dist/_browser-chunks/{chunk-34GOABUT.js → chunk-6PLRDPVY.js}

@@ -519,12 +519,13 @@ var applicationRefs = /* @__PURE__ */ new Map(), STORY_UID_ATTRIBUTE = "data-sb-
    * @param component {Component}
    */
   async render({
+    storyId,
     storyFnAngular,
     forced,
     component,
     targetDOMNode
   }) {
-    let targetSelector = this.generateTargetSelectorFromStoryId(targetDOMNode.id), newStoryProps$ = new BehaviorSubject(storyFnAngular.props);
+    let targetSelector = this.generateTargetSelectorFromStoryId(storyId), newStoryProps$ = new BehaviorSubject(storyFnAngular.props);
     if (!this.fullRendererRequired({
       targetDOMNode,
       storyFnAngular,
@@ -536,7 +537,7 @@ var applicationRefs = /* @__PURE__ */ new Map(), STORY_UID_ATTRIBUTE = "data-sb-
       this.storyProps$.next(storyFnAngular.props);
       return;
     }
-    await this.beforeFullRender(targetDOMNode), this.storyProps$ && this.storyProps$.complete(), this.storyProps$ = newStoryProps$, this.initAngularRootElement(targetDOMNode, targetSelector);
+    await this.beforeFullRender(targetDOMNode), this.storyProps$ && this.storyProps$.complete(), this.storyProps$ = newStoryProps$, this.initAngularRootElement(targetDOMNode, targetSelector, storyId);
     let analyzedMetadata = new PropertyExtractor(storyFnAngular.moduleMetadata, component);
     await analyzedMetadata.init();
     let storyUid = this.generateStoryUIdFromRawStoryUid(
@@ -602,7 +603,7 @@ var applicationRefs = /* @__PURE__ */ new Map(), STORY_UID_ATTRIBUTE = "data-sb-
     return rawStoryUid.normalize("NFD").replace(accentCharacters, "");
   }
   /** Adds DOM element that angular will use as bootstrap component. */
-  initAngularRootElement(targetDOMNode, targetSelector) {
+  initAngularRootElement(targetDOMNode, targetSelector, _storyId) {
     targetDOMNode.innerHTML = "", targetDOMNode.appendChild(document.createElement(targetSelector));
   }
   fullRendererRequired({
@@ -655,8 +656,8 @@ var DocsRenderer = class _DocsRenderer extends AbstractRenderer {
   async beforeFullRender(domNode) {
     _DocsRenderer.resetApplications(domNode);
   }
-  initAngularRootElement(targetDOMNode, targetSelector) {
-    super.initAngularRootElement(targetDOMNode, targetSelector), targetDOMNode.setAttribute(STORY_UID_ATTRIBUTE, getNextStoryUID(targetDOMNode.id));
+  initAngularRootElement(targetDOMNode, targetSelector, storyId) {
+    super.initAngularRootElement(targetDOMNode, targetSelector, storyId), targetDOMNode.setAttribute(STORY_UID_ATTRIBUTE, getNextStoryUID(storyId));
   }
 };
 
@@ -691,8 +692,14 @@ function clearRootHTMLElement(renderType) {
 
 // src/client/render.ts
 var rendererFactory = new RendererFactory(), render = (props) => ({ props });
-async function renderToCanvas({ storyFn, showMain, forceRemount, storyContext: { component } }, element) {
+async function renderToCanvas({
+  storyFn,
+  showMain,
+  forceRemount,
+  storyContext: { component, id: storyId }
+}, element) {
   showMain(), await (await rendererFactory.getRendererInstance(element)).render({
+    storyId,
     storyFnAngular: storyFn(),
     component,
     forced: !forceRemount,

package/dist/_browser-chunks/{chunk-CT6JF2ND.js → chunk-KKFRD2ZH.js}

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

package/dist/_browser-chunks/{chunk-XA6C6Y3S.js → chunk-QQWSC6HR.js}

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

package/dist/_node-chunks/{angular-cli-webpack-OGMHNY6L.js → angular-cli-webpack-GAIULFDJ.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_g2ug9flvt5h from 'node:url';
-import CJS_COMPAT_NODE_PATH_g2ug9flvt5h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_g2ug9flvt5h from "node:module";
+import CJS_COMPAT_NODE_URL_mxonve3mew from 'node:url';
+import CJS_COMPAT_NODE_PATH_mxonve3mew from 'node:path';
+import CJS_COMPAT_NODE_MODULE_mxonve3mew from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_g2ug9flvt5h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_g2ug9flvt5h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_g2ug9flvt5h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_mxonve3mew.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_mxonve3mew.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_mxonve3mew.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{chunk-P7765GPQ.js → chunk-OUHEYL3H.js}

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_g2ug9flvt5h from 'node:url';
-import CJS_COMPAT_NODE_PATH_g2ug9flvt5h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_g2ug9flvt5h from "node:module";
+import CJS_COMPAT_NODE_URL_mxonve3mew from 'node:url';
+import CJS_COMPAT_NODE_PATH_mxonve3mew from 'node:path';
+import CJS_COMPAT_NODE_MODULE_mxonve3mew from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_g2ug9flvt5h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_g2ug9flvt5h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_g2ug9flvt5h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_mxonve3mew.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_mxonve3mew.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_mxonve3mew.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   up
-} from "./chunk-Q52F3GMU.js";
+} from "./chunk-TXKJ55DG.js";
 
 // ../../../node_modules/empathic/package.mjs
 function up2(options) {

package/dist/_node-chunks/{chunk-Q52F3GMU.js → chunk-TXKJ55DG.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_g2ug9flvt5h from 'node:url';
-import CJS_COMPAT_NODE_PATH_g2ug9flvt5h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_g2ug9flvt5h from "node:module";
+import CJS_COMPAT_NODE_URL_mxonve3mew from 'node:url';
+import CJS_COMPAT_NODE_PATH_mxonve3mew from 'node:path';
+import CJS_COMPAT_NODE_MODULE_mxonve3mew from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_g2ug9flvt5h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_g2ug9flvt5h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_g2ug9flvt5h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_mxonve3mew.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_mxonve3mew.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_mxonve3mew.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

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

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_g2ug9flvt5h from 'node:url';
-import CJS_COMPAT_NODE_PATH_g2ug9flvt5h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_g2ug9flvt5h from "node:module";
+import CJS_COMPAT_NODE_URL_mxonve3mew from 'node:url';
+import CJS_COMPAT_NODE_PATH_mxonve3mew from 'node:path';
+import CJS_COMPAT_NODE_MODULE_mxonve3mew from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_g2ug9flvt5h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_g2ug9flvt5h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_g2ug9flvt5h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_mxonve3mew.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_mxonve3mew.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_mxonve3mew.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-P7765GPQ.js";
+} from "../../_node-chunks/chunk-OUHEYL3H.js";
 import {
   up
-} from "../../_node-chunks/chunk-Q52F3GMU.js";
+} from "../../_node-chunks/chunk-TXKJ55DG.js";
 
 // src/builders/build-storybook/index.ts
 import { readFileSync } from "node:fs";

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

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_g2ug9flvt5h from 'node:url';
-import CJS_COMPAT_NODE_PATH_g2ug9flvt5h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_g2ug9flvt5h from "node:module";
+import CJS_COMPAT_NODE_URL_mxonve3mew from 'node:url';
+import CJS_COMPAT_NODE_PATH_mxonve3mew from 'node:path';
+import CJS_COMPAT_NODE_MODULE_mxonve3mew from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_g2ug9flvt5h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_g2ug9flvt5h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_g2ug9flvt5h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_mxonve3mew.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_mxonve3mew.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_mxonve3mew.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-P7765GPQ.js";
+} from "../../_node-chunks/chunk-OUHEYL3H.js";
 import {
   up
-} from "../../_node-chunks/chunk-Q52F3GMU.js";
+} from "../../_node-chunks/chunk-TXKJ55DG.js";
 
 // src/builders/start-storybook/index.ts
 import { readFileSync } from "node:fs";

package/dist/client/config.js

@@ -2,11 +2,11 @@ import {
   argTypesEnhancers,
   decorateStory,
   parameters
-} from "../_browser-chunks/chunk-XA6C6Y3S.js";
+} from "../_browser-chunks/chunk-QQWSC6HR.js";
 import {
   render,
   renderToCanvas
-} from "../_browser-chunks/chunk-34GOABUT.js";
+} from "../_browser-chunks/chunk-6PLRDPVY.js";
 export {
   decorateStory as applyDecorators,
   argTypesEnhancers,

package/dist/client/docs/config.js

@@ -1,8 +1,8 @@
 import {
   decorators,
   parameters
-} from "../../_browser-chunks/chunk-CT6JF2ND.js";
-import "../../_browser-chunks/chunk-34GOABUT.js";
+} from "../../_browser-chunks/chunk-KKFRD2ZH.js";
+import "../../_browser-chunks/chunk-6PLRDPVY.js";
 export {
   decorators,
   parameters

package/dist/client/index.js

@@ -5,10 +5,10 @@ import {
   componentWrapperDecorator,
   moduleMetadata,
   setProjectAnnotations
-} from "../_browser-chunks/chunk-XYAB765U.js";
-import "../_browser-chunks/chunk-XA6C6Y3S.js";
-import "../_browser-chunks/chunk-CT6JF2ND.js";
-import "../_browser-chunks/chunk-34GOABUT.js";
+} from "../_browser-chunks/chunk-6IPUGLI5.js";
+import "../_browser-chunks/chunk-QQWSC6HR.js";
+import "../_browser-chunks/chunk-KKFRD2ZH.js";
+import "../_browser-chunks/chunk-6PLRDPVY.js";
 export {
   __definePreview,
   applicationConfig,

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { WebRenderer, Parameters as Parameters$1, StrictArgs, DecoratorFunction, LoaderFunction, Args, ComponentAnnotations, ProjectAnnotations, StoryContext as StoryContext$1, AnnotatedStoryFn, StoryAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Renderer, ArgsStoryFn, StorybookConfig as StorybookConfig$2, Options, CompatibleString, TypescriptOptions as TypescriptOptions$1 } from 'storybook/internal/types';
+import { WebRenderer, Parameters as Parameters$1, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Renderer, ArgsStoryFn, StorybookConfig as StorybookConfig$2, Options, CompatibleString, TypescriptOptions as TypescriptOptions$1 } from 'storybook/internal/types';
 export { ArgTypes, Args, Parameters, StrictArgs } from 'storybook/internal/types';
 import * as AngularCore from '@angular/core';
 import { Provider, ApplicationConfig, Type } from '@angular/core';
-import { Meta as Meta$1, Story, AddonTypes, Preview as Preview$1, PreviewAddon, InferTypes } from 'storybook/internal/csf';
+import { PreviewAddon, InferTypes, AddonTypes, Preview as Preview$1, Meta as Meta$1, Story } from 'storybook/internal/csf';
 import { BuilderOptions, StorybookConfigWebpack, TypescriptOptions } from '@storybook/builder-webpack5';
 
 interface NgModuleMetadata {

package/dist/index.js

@@ -5,10 +5,10 @@ import {
   componentWrapperDecorator,
   moduleMetadata,
   setProjectAnnotations
-} from "./_browser-chunks/chunk-XYAB765U.js";
-import "./_browser-chunks/chunk-XA6C6Y3S.js";
-import "./_browser-chunks/chunk-CT6JF2ND.js";
-import "./_browser-chunks/chunk-34GOABUT.js";
+} from "./_browser-chunks/chunk-6IPUGLI5.js";
+import "./_browser-chunks/chunk-QQWSC6HR.js";
+import "./_browser-chunks/chunk-KKFRD2ZH.js";
+import "./_browser-chunks/chunk-6PLRDPVY.js";
 export {
   __definePreview,
   applicationConfig,

package/dist/node/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_g2ug9flvt5h from 'node:url';
-import CJS_COMPAT_NODE_PATH_g2ug9flvt5h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_g2ug9flvt5h from "node:module";
+import CJS_COMPAT_NODE_URL_mxonve3mew from 'node:url';
+import CJS_COMPAT_NODE_PATH_mxonve3mew from 'node:path';
+import CJS_COMPAT_NODE_MODULE_mxonve3mew from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_g2ug9flvt5h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_g2ug9flvt5h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_g2ug9flvt5h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_mxonve3mew.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_mxonve3mew.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_mxonve3mew.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_g2ug9flvt5h from 'node:url';
-import CJS_COMPAT_NODE_PATH_g2ug9flvt5h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_g2ug9flvt5h from "node:module";
+import CJS_COMPAT_NODE_URL_mxonve3mew from 'node:url';
+import CJS_COMPAT_NODE_PATH_mxonve3mew from 'node:path';
+import CJS_COMPAT_NODE_MODULE_mxonve3mew from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_g2ug9flvt5h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_g2ug9flvt5h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_g2ug9flvt5h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_mxonve3mew.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_mxonve3mew.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_mxonve3mew.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

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

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_g2ug9flvt5h from 'node:url';
-import CJS_COMPAT_NODE_PATH_g2ug9flvt5h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_g2ug9flvt5h from "node:module";
+import CJS_COMPAT_NODE_URL_mxonve3mew from 'node:url';
+import CJS_COMPAT_NODE_PATH_mxonve3mew from 'node:path';
+import CJS_COMPAT_NODE_MODULE_mxonve3mew from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_g2ug9flvt5h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_g2ug9flvt5h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_g2ug9flvt5h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_mxonve3mew.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_mxonve3mew.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_mxonve3mew.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   up
-} from "../_node-chunks/chunk-Q52F3GMU.js";
+} from "../_node-chunks/chunk-TXKJ55DG.js";
 
 // src/server/framework-preset-angular-cli.ts
 import { logger } from "storybook/internal/node-logger";
@@ -89,7 +89,7 @@ var relative = function(from, to) {
 async function webpackFinal(baseConfig, options) {
   if (!resolvePackageDir("@angular-devkit/build-angular"))
     return logger.info('Using base config because "@angular-devkit/build-angular" is not installed'), baseConfig;
-  let { WebpackDefinePlugin, WebpackIgnorePlugin } = await import("@storybook/builder-webpack5"), { getWebpackConfig: getCustomWebpackConfig } = await import("../_node-chunks/angular-cli-webpack-OGMHNY6L.js");
+  let { WebpackDefinePlugin, WebpackIgnorePlugin } = await import("@storybook/builder-webpack5"), { getWebpackConfig: getCustomWebpackConfig } = await import("../_node-chunks/angular-cli-webpack-GAIULFDJ.js");
   checkForLegacyBuildOptions(options);
   let builderContext = getBuilderContext(options), builderOptions = await getBuilderOptions(options, builderContext), webpackConfig = await getCustomWebpackConfig(baseConfig, {
     builderOptions: {

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

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_g2ug9flvt5h from 'node:url';
-import CJS_COMPAT_NODE_PATH_g2ug9flvt5h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_g2ug9flvt5h from "node:module";
+import CJS_COMPAT_NODE_URL_mxonve3mew from 'node:url';
+import CJS_COMPAT_NODE_PATH_mxonve3mew from 'node:path';
+import CJS_COMPAT_NODE_MODULE_mxonve3mew from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_g2ug9flvt5h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_g2ug9flvt5h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_g2ug9flvt5h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_mxonve3mew.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_mxonve3mew.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_mxonve3mew.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "10.4.0-alpha.2",
+  "version": "10.4.0-alpha.4",
   "description": "Storybook for Angular: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -59,7 +59,7 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@storybook/builder-webpack5": "10.4.0-alpha.2",
+    "@storybook/builder-webpack5": "10.4.0-alpha.4",
     "@storybook/global": "^5.0.0",
     "telejson": "8.0.0",
     "ts-dedent": "^2.0.0",
@@ -79,7 +79,7 @@
     "@angular/forms": "^19.1.1",
     "@angular/platform-browser": "^19.1.1",
     "@angular/platform-browser-dynamic": "^19.1.1",
-    "@storybook/core-webpack": "10.4.0-alpha.2",
+    "@storybook/core-webpack": "10.4.0-alpha.4",
     "@types/node": "^22.19.1",
     "empathic": "^2.0.0",
     "rimraf": "^6.0.1",
@@ -100,7 +100,7 @@
     "@angular/platform-browser": ">=18.0.0 < 22.0.0",
     "@angular/platform-browser-dynamic": ">=18.0.0 < 22.0.0",
     "rxjs": "^6.5.3 || ^7.4.0",
-    "storybook": "^10.4.0-alpha.2",
+    "storybook": "^10.4.0-alpha.4",
     "typescript": "^4.9.0 || ^5.0.0",
     "zone.js": ">=0.14.0"
   },