@storybook/angular 10.5.0-alpha.1 → 10.5.0-alpha.11

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

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

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

@@ -3,7 +3,7 @@ import {
   computesTemplateFromComponent,
   render,
   renderToCanvas
-} from "./chunk-6PLRDPVY.js";
+} from "./chunk-FPQDYJYM.js";
 
 // src/client/config.ts
 var config_exports = {};
@@ -164,10 +164,15 @@ var getCompodocJson = () => global2.__STORYBOOK_COMPODOC_JSON__, checkValidCompo
   let typeAlias = getCompodocJson()?.miscellaneous?.typealiases?.find((x) => x.name === compodocType);
   return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;
 }, extractArgTypesFromData = (componentData) => {
-  let sectionToItems = {}, componentClasses = FEATURES.angularFilterNonInputControls ? ["inputsClass"] : ["propertiesClass", "methodsClass", "inputsClass", "outputsClass"];
-  (["component", "directive"].includes(componentData.type) ? componentClasses : ["properties", "methods"]).forEach((key) => {
+  let sectionToItems = {}, componentClasses = FEATURES.angularFilterNonInputControls ? ["inputsClass"] : ["propertiesClass", "methodsClass", "inputsClass", "outputsClass"], compodocClasses = ["component", "directive"].includes(componentData.type) ? componentClasses : ["properties", "methods"], inputClassNames = new Set(
+    (componentData.inputsClass || []).map((item) => item.name)
+  ), modelProperties = (componentData.outputsClass || []).filter((item) => inputClassNames.has(item.name)), modelPropertyNames = new Set(modelProperties.map((item) => item.name));
+  compodocClasses.forEach((key) => {
     (componentData[key] || []).forEach((item) => {
-      let section = mapItemToSection(key, item), defaultValue = isMethod(item) ? void 0 : extractDefaultValue(item), type = isMethod(item) || section !== "inputs" && section !== "properties" ? { name: "other", value: "void" } : extractType(item, defaultValue), action = section === "outputs" ? { action: item.name } : {}, argType = {
+      let section = mapItemToSection(key, item);
+      if (key === "outputsClass" && !isMethod(item) && modelPropertyNames.has(item.name))
+        return;
+      let defaultValue = isMethod(item) ? void 0 : extractDefaultValue(item), type = isMethod(item) || section !== "inputs" && section !== "properties" ? { name: "other", value: "void" } : extractType(item, defaultValue), action = section === "outputs" ? { action: item.name } : {}, argType = {
         name: item.name,
         description: item.rawdescription || item.description,
         type,
@@ -183,6 +188,21 @@ var getCompodocJson = () => global2.__STORYBOOK_COMPODOC_JSON__, checkValidCompo
       };
       sectionToItems[section] || (sectionToItems[section] = []), sectionToItems[section].push(argType);
     });
+  }), modelProperties.forEach((item) => {
+    let changeName = `${item.name}Change`, argType = {
+      name: changeName,
+      description: item.rawdescription || item.description,
+      type: { name: "other", value: "void" },
+      action: changeName,
+      table: {
+        category: "outputs",
+        type: {
+          summary: `(e: ${item.type}) => void`,
+          required: !item.optional
+        }
+      }
+    };
+    sectionToItems.outputs || (sectionToItems.outputs = []), sectionToItems.outputs.push(argType);
   });
   let SECTIONS = [
     "properties",

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

@@ -31,21 +31,23 @@ import {
   Input,
   Output,
   Pipe,
-  \u0275ReflectionCapabilities as ReflectionCapabilities
+  \u0275ReflectionCapabilities as ReflectionCapabilities,
+  \u0275getComponentDef as getComponentDef
 } from "@angular/core";
 var reflectionCapabilities = new ReflectionCapabilities(), getComponentInputsOutputs = (component) => {
   let componentMetadata = getComponentDecoratorMetadata(component), componentPropsMetadata = getComponentPropsDecoratorMetadata(component), initialValue = {
     inputs: [],
     outputs: []
   };
-  return componentMetadata && componentMetadata.inputs && initialValue.inputs.push(
+  componentMetadata && componentMetadata.inputs && initialValue.inputs.push(
     ...componentMetadata.inputs.map((i) => ({
       propName: typeof i == "string" ? i : i.name,
       templateName: typeof i == "string" ? i : i.alias
     }))
   ), componentMetadata && componentMetadata.outputs && initialValue.outputs.push(
     ...componentMetadata.outputs.map((i) => ({ propName: i, templateName: i }))
-  ), componentPropsMetadata ? Object.entries(componentPropsMetadata).reduce((previousValue, [propertyName, values]) => {
+  );
+  let decoratorDerived = componentPropsMetadata ? Object.entries(componentPropsMetadata).reduce((previousValue, [propertyName, values]) => {
     let value = values.find((v) => v instanceof Input || v instanceof Output);
     if (value instanceof Input) {
       let inputToAdd = {
@@ -73,6 +75,28 @@ var reflectionCapabilities = new ReflectionCapabilities(), getComponentInputsOut
     }
     return previousValue;
   }, initialValue) : initialValue;
+  return addSignalInputsOutputs(component, decoratorDerived);
+}, hasEntry = (list, propName, templateName) => list.some((e) => e.propName === propName || e.templateName === templateName), addSignalInputsOutputs = (component, base) => {
+  let result = {
+    inputs: [...base.inputs],
+    outputs: [...base.outputs]
+  }, def;
+  try {
+    def = getComponentDef(component);
+  } catch {
+    return result;
+  }
+  if (!def)
+    return result;
+  for (let templateName of Object.keys(def.inputs ?? {})) {
+    let rawPropName = def.inputs[templateName], propName = Array.isArray(rawPropName) ? rawPropName[0] ?? templateName : rawPropName ?? templateName;
+    hasEntry(result.inputs, propName, templateName) || result.inputs.push({ propName, templateName });
+  }
+  for (let templateName of Object.keys(def.outputs ?? {})) {
+    let propName = def.outputs[templateName] ?? templateName;
+    hasEntry(result.outputs, propName, templateName) || result.outputs.push({ propName, templateName });
+  }
+  return result;
 };
 var isComponent = (component) => component ? (reflectionCapabilities.annotations(component) || []).some((d) => d instanceof Component) : !1;
 var getComponentPropsDecoratorMetadata = (component) => reflectionCapabilities.propMetadata(component), getComponentDecoratorMetadata = (component) => reflectionCapabilities.annotations(component).reverse().find((d) => d instanceof Component);
@@ -457,7 +481,7 @@ var getApplication = ({
   analyzedMetadata
 }) => {
   let { props, styles, moduleMetadata = {} } = storyFnAngular, { template } = storyFnAngular;
-  return !!hasNoTemplate(template) && component && (template = computesTemplateFromComponent(component, props, "")), createStorybookWrapperComponent({
+  return hasNoTemplate(template) && component && (template = computesTemplateFromComponent(component, props, "")), createStorybookWrapperComponent({
     moduleMetadata,
     selector: targetSelector,
     template,

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

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

package/dist/_node-chunks/{angular-cli-webpack-5PCSFBDQ.js → angular-cli-webpack-KBFIRVVL.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_0x2coytkgel from 'node:url';
-import CJS_COMPAT_NODE_PATH_0x2coytkgel from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0x2coytkgel from "node:module";
+import CJS_COMPAT_NODE_URL_wiyi9kig40s from 'node:url';
+import CJS_COMPAT_NODE_PATH_wiyi9kig40s from 'node:path';
+import CJS_COMPAT_NODE_MODULE_wiyi9kig40s from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0x2coytkgel.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0x2coytkgel.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0x2coytkgel.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_wiyi9kig40s.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_wiyi9kig40s.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_wiyi9kig40s.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{chunk-MEOQKDJV.js → chunk-HN2FRB7V.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_0x2coytkgel from 'node:url';
-import CJS_COMPAT_NODE_PATH_0x2coytkgel from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0x2coytkgel from "node:module";
+import CJS_COMPAT_NODE_URL_wiyi9kig40s from 'node:url';
+import CJS_COMPAT_NODE_PATH_wiyi9kig40s from 'node:path';
+import CJS_COMPAT_NODE_MODULE_wiyi9kig40s from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0x2coytkgel.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0x2coytkgel.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0x2coytkgel.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_wiyi9kig40s.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_wiyi9kig40s.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_wiyi9kig40s.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{chunk-ONUOPUYM.js → chunk-LGKNUNKH.js}

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_0x2coytkgel from 'node:url';
-import CJS_COMPAT_NODE_PATH_0x2coytkgel from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0x2coytkgel from "node:module";
+import CJS_COMPAT_NODE_URL_wiyi9kig40s from 'node:url';
+import CJS_COMPAT_NODE_PATH_wiyi9kig40s from 'node:path';
+import CJS_COMPAT_NODE_MODULE_wiyi9kig40s from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0x2coytkgel.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0x2coytkgel.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0x2coytkgel.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_wiyi9kig40s.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_wiyi9kig40s.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_wiyi9kig40s.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   up
-} from "./chunk-MEOQKDJV.js";
+} from "./chunk-HN2FRB7V.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_0x2coytkgel from 'node:url';
-import CJS_COMPAT_NODE_PATH_0x2coytkgel from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0x2coytkgel from "node:module";
+import CJS_COMPAT_NODE_URL_wiyi9kig40s from 'node:url';
+import CJS_COMPAT_NODE_PATH_wiyi9kig40s from 'node:path';
+import CJS_COMPAT_NODE_MODULE_wiyi9kig40s from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0x2coytkgel.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0x2coytkgel.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0x2coytkgel.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_wiyi9kig40s.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_wiyi9kig40s.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_wiyi9kig40s.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-ONUOPUYM.js";
+} from "../../_node-chunks/chunk-LGKNUNKH.js";
 import {
   up
-} from "../../_node-chunks/chunk-MEOQKDJV.js";
+} from "../../_node-chunks/chunk-HN2FRB7V.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_0x2coytkgel from 'node:url';
-import CJS_COMPAT_NODE_PATH_0x2coytkgel from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0x2coytkgel from "node:module";
+import CJS_COMPAT_NODE_URL_wiyi9kig40s from 'node:url';
+import CJS_COMPAT_NODE_PATH_wiyi9kig40s from 'node:path';
+import CJS_COMPAT_NODE_MODULE_wiyi9kig40s from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0x2coytkgel.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0x2coytkgel.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0x2coytkgel.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_wiyi9kig40s.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_wiyi9kig40s.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_wiyi9kig40s.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-ONUOPUYM.js";
+} from "../../_node-chunks/chunk-LGKNUNKH.js";
 import {
   up
-} from "../../_node-chunks/chunk-MEOQKDJV.js";
+} from "../../_node-chunks/chunk-HN2FRB7V.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-QQWSC6HR.js";
+} from "../_browser-chunks/chunk-6ADVROMB.js";
 import {
   render,
   renderToCanvas
-} from "../_browser-chunks/chunk-6PLRDPVY.js";
+} from "../_browser-chunks/chunk-FPQDYJYM.js";
 export {
   decorateStory as applyDecorators,
   argTypesEnhancers,

package/dist/client/docs/config.js

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

package/dist/client/index.js

@@ -5,10 +5,10 @@ import {
   componentWrapperDecorator,
   moduleMetadata,
   setProjectAnnotations
-} from "../_browser-chunks/chunk-6IPUGLI5.js";
-import "../_browser-chunks/chunk-QQWSC6HR.js";
-import "../_browser-chunks/chunk-KKFRD2ZH.js";
-import "../_browser-chunks/chunk-6PLRDPVY.js";
+} from "../_browser-chunks/chunk-4SOAXBXK.js";
+import "../_browser-chunks/chunk-6ADVROMB.js";
+import "../_browser-chunks/chunk-RV6FL7AO.js";
+import "../_browser-chunks/chunk-FPQDYJYM.js";
 export {
   __definePreview,
   applicationConfig,