@storybook/angular 9.2.0-alpha.3 → 10.0.0-beta.0

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

@@ -1,31 +1,164 @@
-'use strict';
+import CJS_COMPAT_NODE_URL_bs5nei9dti8 from 'node:url';
+import CJS_COMPAT_NODE_PATH_bs5nei9dti8 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bs5nei9dti8 from "node:module";
 
-var common = require('storybook/internal/common');
-var coreServer = require('storybook/internal/core-server');
-var telemetry = require('storybook/internal/telemetry');
-var architect = require('@angular-devkit/architect');
-var path2 = require('path');
-require('fs/promises');
-var fs = require('fs');
-var process = require('process');
-var url = require('url');
-var rxjs = require('rxjs');
-var operators = require('rxjs/operators');
-var nodeLogger = require('storybook/internal/node-logger');
-var tsDedent = require('ts-dedent');
+var __filename = CJS_COMPAT_NODE_URL_bs5nei9dti8.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bs5nei9dti8.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bs5nei9dti8.createRequire(import.meta.url);
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  errorSummary,
+  findPackageSync,
+  printErrorDetails,
+  runCompodoc
+} from "../../_node-chunks/chunk-YXFPXXZP.js";
+import {
+  findUpSync
+} from "../../_node-chunks/chunk-76OGQITJ.js";
+import {
+  __name
+} from "../../_node-chunks/chunk-JXWXEIYP.js";
 
-var path2__default = /*#__PURE__*/_interopDefault(path2);
-var fs__default = /*#__PURE__*/_interopDefault(fs);
-var process__default = /*#__PURE__*/_interopDefault(process);
-
-var walkUp=function*(path3){for(path3=path2.resolve(path3);path3;){yield path3;let pp=path2.dirname(path3);if(pp===path3)break;path3=pp;}};function fileExistsSync(path3){try{return fs.statSync(path3).isFile()}catch{return !1}}function findPackagePathSync(cwd){for(let path3 of walkUp(cwd)){let packagePath=path2.resolve(path3,"package.json");if(fileExistsSync(packagePath))return packagePath}return null}function findPackageSync(cwd){let packagePath=findPackagePathSync(cwd);if(!packagePath)return null;try{let source=fs.readFileSync(packagePath,{encoding:"utf8"});return JSON.parse(source)}catch{return null}}var typeMappings={directory:"isDirectory",file:"isFile"};function checkType(type){if(!Object.hasOwnProperty.call(typeMappings,type))throw new Error(`Invalid type specified: ${type}`)}var matchType=(type,stat2)=>stat2[typeMappings[type]](),toPath=urlOrPath=>urlOrPath instanceof URL?url.fileURLToPath(urlOrPath):urlOrPath;function locatePathSync(paths,{cwd=process__default.default.cwd(),type="file",allowSymlinks=!0}={}){checkType(type),cwd=toPath(cwd);let statFunction=allowSymlinks?fs__default.default.statSync:fs__default.default.lstatSync;for(let path_ of paths)try{let stat2=statFunction(path2__default.default.resolve(cwd,path_),{throwIfNoEntry:!1});if(!stat2)continue;if(matchType(type,stat2))return path_}catch{}}function toPath2(urlOrPath){return urlOrPath instanceof URL?url.fileURLToPath(urlOrPath):urlOrPath}var findUpStop=Symbol("findUpStop");function findUpMultipleSync(name,options={}){let directory=path2__default.default.resolve(toPath2(options.cwd)??""),{root}=path2__default.default.parse(directory),stopAt=path2__default.default.resolve(directory,toPath2(options.stopAt)??root),limit=options.limit??Number.POSITIVE_INFINITY,paths=[name].flat(),runMatcher=locateOptions=>{if(typeof name!="function")return locatePathSync(paths,locateOptions);let foundPath=name(locateOptions.cwd);return typeof foundPath=="string"?locatePathSync([foundPath],locateOptions):foundPath},matches=[];for(;;){let foundPath=runMatcher({...options,cwd:directory});if(foundPath===findUpStop||(foundPath&&matches.push(path2__default.default.resolve(directory,foundPath)),directory===stopAt||matches.length>=limit))break;directory=path2__default.default.dirname(directory);}return matches}function findUpSync(name,options={}){return findUpMultipleSync(name,{...options,limit:1})[0]}var printErrorDetails=error=>{nodeLogger.instance.heading="",error instanceof Error?error.error?nodeLogger.logger.error(error.error):error.stats&&error.stats.compilation.errors?error.stats.compilation.errors.forEach(e=>nodeLogger.logger.plain(e)):nodeLogger.logger.error(error):error.compilation?.errors&&error.compilation.errors.forEach(e=>nodeLogger.logger.plain(e)),nodeLogger.logger.line();},errorSummary=error=>error.close?tsDedent.dedent`
-      FATAL broken build!, will close the process,
-      Fix the error below and restart storybook.
-    `:tsDedent.dedent`
-      Broken build, fix the error above.
-      You may need to refresh the browser.
-    `;var hasTsConfigArg=args=>args.indexOf("-p")!==-1,hasOutputArg=args=>args.indexOf("-d")!==-1||args.indexOf("--output")!==-1,toRelativePath=pathToTsConfig=>path2.isAbsolute(pathToTsConfig)?path2.relative(".",pathToTsConfig):pathToTsConfig,runCompodoc=({compodocArgs,tsconfig},context)=>new rxjs.Observable(observer=>{let tsConfigPath=toRelativePath(tsconfig),finalCompodocArgs=[...hasTsConfigArg(compodocArgs)?[]:["-p",tsConfigPath],...hasOutputArg(compodocArgs)?[]:["-d",`${context.workspaceRoot||"."}`],...compodocArgs],packageManager=common.JsPackageManagerFactory.getPackageManager();try{let stdout=packageManager.runPackageCommandSync("compodoc",finalCompodocArgs,context.workspaceRoot,"inherit");context.logger.info(stdout),observer.next(),observer.complete();}catch(e){context.logger.error(e),observer.error();}});telemetry.addToGlobalContext("cliVersion",common.versions.storybook);var commandBuilder=(options,context)=>rxjs.from(setup(options,context)).pipe(operators.switchMap(({tsConfig})=>{let docTSConfig=findUpSync("tsconfig.doc.json",{cwd:options.configDir,stopAt:common.getProjectRoot()});return (options.compodoc?runCompodoc({compodocArgs:[...options.compodocArgs,...options.quiet?["--silent"]:[]],tsconfig:docTSConfig??tsConfig},context).pipe(operators.mapTo({tsConfig})):rxjs.of({})).pipe(operators.mapTo({tsConfig}))}),operators.map(({tsConfig})=>{common.getEnvConfig(options,{port:"SBCONFIG_PORT",host:"SBCONFIG_HOSTNAME",staticDir:"SBCONFIG_STATIC_DIR",configDir:"SBCONFIG_CONFIG_DIR",ci:"CI"}),options.port=parseInt(`${options.port}`,10);let{browserTarget,stylePreprocessorOptions,styles,ci,configDir,docs,host,https,port,quiet,enableProdMode=!1,smokeTest,sslCa,sslCert,sslKey,disableTelemetry,assets,initialPath,open,debugWebpack,loglevel,webpackStatsJson,statsJson,previewUrl,sourceMap=!1,preserveSymlinks=!1,experimentalZoneless=!1}=options;return {packageJson:findPackageSync(__dirname),ci,configDir,...docs?{docs}:{},host,https,port,quiet,enableProdMode,smokeTest,sslCa,sslCert,sslKey,disableTelemetry,angularBrowserTarget:browserTarget,angularBuilderContext:context,angularBuilderOptions:{...stylePreprocessorOptions?{stylePreprocessorOptions}:{},...styles?{styles}:{},...assets?{assets}:{},preserveSymlinks,sourceMap,experimentalZoneless},tsConfig,initialPath,open,debugWebpack,webpackStatsJson,statsJson,loglevel,previewUrl}}),operators.switchMap(standaloneOptions=>runInstance(standaloneOptions)),operators.map(port=>({success:!0,info:{port}}))),start_storybook_default=architect.createBuilder(commandBuilder);async function setup(options,context){let browserOptions,browserTarget;return options.browserTarget&&(browserTarget=architect.targetFromTargetString(options.browserTarget),browserOptions=await context.validateOptions(await context.getTargetOptions(browserTarget),await context.getBuilderNameForTarget(browserTarget))),{tsConfig:options.tsConfig??findUpSync("tsconfig.json",{cwd:options.configDir})??browserOptions.tsConfig}}function runInstance(options){return new rxjs.Observable(observer=>{coreServer.withTelemetry("dev",{cliOptions:options,presetOptions:{...options,corePresets:[],overridePresets:[]},printError:printErrorDetails},()=>coreServer.buildDevStandalone(options)).then(({port})=>observer.next(port)).catch(error=>{observer.error(errorSummary(error));});})}
-
-module.exports = start_storybook_default;
+// src/builders/start-storybook/index.ts
+import { getEnvConfig, getProjectRoot, versions } from "storybook/internal/common";
+import { buildDevStandalone, withTelemetry } from "storybook/internal/core-server";
+import { addToGlobalContext } from "storybook/internal/telemetry";
+import { createBuilder, targetFromTargetString } from "@angular-devkit/architect";
+import { Observable, from, of } from "rxjs";
+import { map, mapTo, switchMap } from "rxjs/operators";
+addToGlobalContext("cliVersion", versions.storybook);
+var commandBuilder = /* @__PURE__ */ __name((options, context) => {
+  const builder = from(setup(options, context)).pipe(
+    switchMap(({ tsConfig }) => {
+      const docTSConfig = findUpSync("tsconfig.doc.json", {
+        cwd: options.configDir,
+        stopAt: getProjectRoot()
+      });
+      const runCompodoc$ = options.compodoc ? runCompodoc(
+        {
+          compodocArgs: [...options.compodocArgs, ...options.quiet ? ["--silent"] : []],
+          tsconfig: docTSConfig ?? tsConfig
+        },
+        context
+      ).pipe(mapTo({ tsConfig })) : of({});
+      return runCompodoc$.pipe(mapTo({ tsConfig }));
+    }),
+    map(({ tsConfig }) => {
+      getEnvConfig(options, {
+        port: "SBCONFIG_PORT",
+        host: "SBCONFIG_HOSTNAME",
+        staticDir: "SBCONFIG_STATIC_DIR",
+        configDir: "SBCONFIG_CONFIG_DIR",
+        ci: "CI"
+      });
+      options.port = parseInt(`${options.port}`, 10);
+      const {
+        browserTarget,
+        stylePreprocessorOptions,
+        styles,
+        ci,
+        configDir,
+        docs,
+        host,
+        https,
+        port,
+        quiet,
+        enableProdMode = false,
+        smokeTest,
+        sslCa,
+        sslCert,
+        sslKey,
+        disableTelemetry,
+        assets,
+        initialPath,
+        open,
+        debugWebpack,
+        loglevel,
+        webpackStatsJson,
+        statsJson,
+        previewUrl,
+        sourceMap = false,
+        preserveSymlinks = false,
+        experimentalZoneless = false
+      } = options;
+      const standaloneOptions = {
+        packageJson: findPackageSync(__dirname),
+        ci,
+        configDir,
+        ...docs ? { docs } : {},
+        host,
+        https,
+        port,
+        quiet,
+        enableProdMode,
+        smokeTest,
+        sslCa,
+        sslCert,
+        sslKey,
+        disableTelemetry,
+        angularBrowserTarget: browserTarget,
+        angularBuilderContext: context,
+        angularBuilderOptions: {
+          ...stylePreprocessorOptions ? { stylePreprocessorOptions } : {},
+          ...styles ? { styles } : {},
+          ...assets ? { assets } : {},
+          preserveSymlinks,
+          sourceMap,
+          experimentalZoneless
+        },
+        tsConfig,
+        initialPath,
+        open,
+        debugWebpack,
+        webpackStatsJson,
+        statsJson,
+        loglevel,
+        previewUrl
+      };
+      return standaloneOptions;
+    }),
+    switchMap((standaloneOptions) => runInstance(standaloneOptions)),
+    map((port) => {
+      return { success: true, info: { port } };
+    })
+  );
+  return builder;
+}, "commandBuilder");
+var start_storybook_default = createBuilder(commandBuilder);
+async function setup(options, context) {
+  let browserOptions;
+  let browserTarget;
+  if (options.browserTarget) {
+    browserTarget = targetFromTargetString(options.browserTarget);
+    browserOptions = await context.validateOptions(
+      await context.getTargetOptions(browserTarget),
+      await context.getBuilderNameForTarget(browserTarget)
+    );
+  }
+  return {
+    tsConfig: options.tsConfig ?? findUpSync("tsconfig.json", { cwd: options.configDir }) ?? browserOptions.tsConfig
+  };
+}
+__name(setup, "setup");
+function runInstance(options) {
+  return new Observable((observer) => {
+    withTelemetry(
+      "dev",
+      {
+        cliOptions: options,
+        presetOptions: { ...options, corePresets: [], overridePresets: [] },
+        printError: printErrorDetails
+      },
+      () => buildDevStandalone(options)
+    ).then(({ port }) => observer.next(port)).catch((error) => {
+      observer.error(errorSummary(error));
+    });
+  });
+}
+__name(runInstance, "runInstance");
+export {
+  start_storybook_default as default
+};

package/dist/client/config.js

@@ -1,49 +1,307 @@
-'use strict';
+import "../_browser-chunks/chunk-DAHG2CDK.js";
+import {
+  __name,
+  computesTemplateFromComponent,
+  render,
+  renderToCanvas
+} from "../_browser-chunks/chunk-L4GU2V72.js";
 
-var global$1 = require('@storybook/global');
-require('@angular/compiler');
-var platformBrowser = require('@angular/platform-browser');
-var rxjs = require('rxjs');
-var telejson = require('telejson');
-var core = require('@angular/core');
-var operators = require('rxjs/operators');
-var common = require('@angular/common');
-var tsDedent = require('ts-dedent');
-var coreEvents = require('storybook/internal/core-events');
-var previewApi = require('storybook/preview-api');
-var docsTools = require('storybook/internal/docs-tools');
-var clientLogger = require('storybook/internal/client-logger');
+// src/client/decorateStory.ts
+import { sanitizeStoryContextUpdate } from "storybook/preview-api";
+function decorateStory(mainStoryFn, decorators) {
+  const returnDecorators = [cleanArgsDecorator, ...decorators].reduce(
+    (previousStoryFn, decorator) => (context) => {
+      const decoratedStory = decorator((update) => {
+        return previousStoryFn({
+          ...context,
+          ...sanitizeStoryContextUpdate(update)
+        });
+      }, context);
+      return decoratedStory;
+    },
+    (context) => prepareMain(mainStoryFn(context), context)
+  );
+  return returnDecorators;
+}
+__name(decorateStory, "decorateStory");
+var prepareMain = /* @__PURE__ */ __name((story, context) => {
+  let { template } = story;
+  const { component } = context;
+  const userDefinedTemplate = !hasNoTemplate(template);
+  if (!userDefinedTemplate && component) {
+    template = computesTemplateFromComponent(component, story.props, "");
+  }
+  return {
+    ...story,
+    ...template ? { template, userDefinedTemplate } : {}
+  };
+}, "prepareMain");
+function hasNoTemplate(template) {
+  return template === null || template === void 0;
+}
+__name(hasNoTemplate, "hasNoTemplate");
+var cleanArgsDecorator = /* @__PURE__ */ __name((storyFn, context) => {
+  if (!context.argTypes || !context.args) {
+    return storyFn();
+  }
+  const argsToClean = context.args;
+  context.args = Object.entries(argsToClean).reduce((obj, [key, arg]) => {
+    const argType = context.argTypes[key];
+    if (argType?.action || argType?.control) {
+      return { ...obj, [key]: arg };
+    }
+    return obj;
+  }, {});
+  return storyFn();
+}, "cleanArgsDecorator");
 
-var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __decorateClass=(decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp(target,key,result),result},__decorateParam=(index,decorator)=>(target,key)=>decorator(target,key,index);global$1.global.STORYBOOK_ENV="angular";var reflectionCapabilities=new core["ɵReflectionCapabilities"],getComponentInputsOutputs=component=>{let componentMetadata=getComponentDecoratorMetadata(component),componentPropsMetadata=getComponentPropsDecoratorMetadata(component),initialValue={inputs:[],outputs:[]};return 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 value=values.find(v=>v instanceof core.Input||v instanceof core.Output);if(value instanceof core.Input){let inputToAdd={propName:propertyName,templateName:value.bindingPropertyName??value.alias??propertyName},previousInputsFiltered=previousValue.inputs.filter(i=>i.templateName!==propertyName);return {...previousValue,inputs:[...previousInputsFiltered,inputToAdd]}}if(value instanceof core.Output){let outputToAdd={propName:propertyName,templateName:value.bindingPropertyName??value.alias??propertyName},previousOutputsFiltered=previousValue.outputs.filter(i=>i.templateName!==propertyName);return {...previousValue,outputs:[...previousOutputsFiltered,outputToAdd]}}return previousValue},initialValue):initialValue};var getComponentPropsDecoratorMetadata=component=>reflectionCapabilities.propMetadata(component),getComponentDecoratorMetadata=component=>reflectionCapabilities.annotations(component).reverse().find(d=>d instanceof core.Component);var isValidIdentifier=name=>/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(name),formatPropInTemplate=propertyName=>isValidIdentifier(propertyName)?propertyName:`this['${propertyName}']`,separateInputsOutputsAttributes=(ngComponentInputsOutputs,props={})=>{let inputs=ngComponentInputsOutputs.inputs.filter(i=>i.templateName in props).map(i=>i.templateName),outputs=ngComponentInputsOutputs.outputs.filter(o=>o.templateName in props).map(o=>o.templateName);return {inputs,outputs,otherProps:Object.keys(props).filter(k=>![...inputs,...outputs].includes(k))}},computesTemplateFromComponent=(component,initialProps,innerTemplate="")=>{let ngComponentMetadata=getComponentDecoratorMetadata(component),ngComponentInputsOutputs=getComponentInputsOutputs(component);if(!ngComponentMetadata.selector)return '<ng-container *ngComponentOutlet="storyComponent"></ng-container>';let{inputs:initialInputs,outputs:initialOutputs}=separateInputsOutputsAttributes(ngComponentInputsOutputs,initialProps),templateInputs=initialInputs.length>0?` ${initialInputs.map(i=>`[${i}]="${formatPropInTemplate(i)}"`).join(" ")}`:"",templateOutputs=initialOutputs.length>0?` ${initialOutputs.map(i=>`(${i})="${formatPropInTemplate(i)}($event)"`).join(" ")}`:"";return buildTemplate(ngComponentMetadata.selector,innerTemplate,templateInputs,templateOutputs)};var buildTemplate=(selector,innerTemplate,inputs,outputs)=>{let voidElements=["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],firstSelector=selector.split(",")[0];return [[/(^.*?)(?=[,])/,"$1"],[/(^\..+)/,"div$1"],[/(^\[.+?])/,"div$1"],[/([\w[\]]+)(\s*,[\w\s-[\],]+)+/,"$1"],[/#([\w-]+)/,' id="$1"'],[/((\.[\w-]+)+)/,(_,c)=>` class="${c.split`.`.join` `.trim()}"`],[/(\[.+?])/g,(_,a)=>` ${a.slice(1,-1)}`],[/([\S]+)(.*)/,(template,elementSelector)=>voidElements.some(element=>elementSelector===element)?template.replace(/([\S]+)(.*)/,`<$1$2${inputs}${outputs} />`):template.replace(/([\S]+)(.*)/,`<$1$2${inputs}${outputs}>${innerTemplate}</$1>`)]].reduce((prevSelector,[searchValue,replacer])=>prevSelector.replace(searchValue,replacer),firstSelector)};var STORY_PROPS=new core.InjectionToken("STORY_PROPS"),storyPropsProvider=storyProps$=>({provide:STORY_PROPS,useFactory:storyDataFactory(storyProps$.asObservable()),deps:[core.NgZone]});function storyDataFactory(data){return ngZone=>new rxjs.Observable(subscriber=>{let sub=data.subscribe(v=>{ngZone.run(()=>subscriber.next(v));},err=>{ngZone.run(()=>subscriber.error(err));},()=>{ngZone.run(()=>subscriber.complete());});return ()=>{sub.unsubscribe();}})}var reflectionCapabilities2=new core["ɵReflectionCapabilities"],isComponentAlreadyDeclared=(componentToFind,moduleDeclarations,moduleImports)=>moduleDeclarations&&moduleDeclarations.flat().some(declaration=>declaration===componentToFind)?!0:moduleImports?moduleImports.flat().some(importItem=>{let extractedNgModuleMetadata=extractNgModuleMetadata(importItem);return extractedNgModuleMetadata?isComponentAlreadyDeclared(componentToFind,extractedNgModuleMetadata.declarations,extractedNgModuleMetadata.imports):!1}):!1,extractNgModuleMetadata=importItem=>{let target=importItem&&importItem.ngModule?importItem.ngModule:importItem,decorators=reflectionCapabilities2.annotations(target);if(!decorators||decorators.length===0)return null;let ngModuleDecorator=decorators.find(decorator=>decorator instanceof core.NgModule);return ngModuleDecorator||null};var reflectionCapabilities3=new core["ɵReflectionCapabilities"];new core.InjectionToken("REMOVED_MODULES");var uniqueArray=arr=>arr.flat(Number.MAX_VALUE).filter(Boolean).filter((value,index,self)=>self.indexOf(value)===index),_PropertyExtractor=class _PropertyExtractor{constructor(metadata,component){this.metadata=metadata;this.component=component;this.declarations=[];this.analyzeMetadata=async metadata=>{let declarations=[...metadata?.declarations||[]],providers=[...metadata?.providers||[]],applicationProviders=[],imports=await Promise.all([...metadata?.imports||[]].map(async imported=>{let[isRestricted,restrictedProviders]=await _PropertyExtractor.analyzeRestricted(imported);return isRestricted?(applicationProviders.unshift(restrictedProviders||[]),null):imported})).then(results=>results.filter(Boolean));return {...metadata,imports,providers,applicationProviders,declarations}};}static warnImportsModuleWithProviders(propertyExtractor){propertyExtractor.imports.some(importedModule=>"ngModule"in importedModule)&&console.warn(tsDedent.dedent(`
-          Storybook Warning: 
-          moduleMetadata property 'imports' contains one or more ModuleWithProviders, likely the result of a 'Module.forRoot()'-style call.
-          In Storybook 7.0 we use Angular's new 'bootstrapApplication' API to mount the component to the DOM, which accepts a list of providers to set up application-wide providers.
-          Use the 'applicationConfig' decorator from '@storybook/angular' to pass your ModuleWithProviders to the 'providers' property in combination with the importProvidersFrom helper function from '@angular/core' to extract all the necessary providers.
-          Visit https://angular.io/guide/standalone-components#configuring-dependency-injection for more information
-          `));}async init(){let analyzed=await this.analyzeMetadata(this.metadata);if(this.imports=uniqueArray([common.CommonModule,analyzed.imports]),this.providers=uniqueArray(analyzed.providers),this.applicationProviders=uniqueArray(analyzed.applicationProviders),this.declarations=uniqueArray(analyzed.declarations),this.component){let{isDeclarable,isStandalone}=_PropertyExtractor.analyzeDecorators(this.component),isDeclared=isComponentAlreadyDeclared(this.component,analyzed.declarations,this.imports);isStandalone?this.imports.push(this.component):isDeclarable&&!isDeclared&&this.declarations.push(this.component);}}};_PropertyExtractor.analyzeRestricted=async ngModule=>{if(ngModule===platformBrowser.BrowserModule)return console.warn(tsDedent.dedent`
-          Storybook Warning:
-          You have imported the "BrowserModule", which is not necessary anymore. 
-          In Storybook v7.0 we are using Angular's new bootstrapApplication API to mount an Angular application to the DOM.
-          Note that the BrowserModule providers are automatically included when starting an application with bootstrapApplication()
-          Please remove the "BrowserModule" from the list of imports in your moduleMetadata definition to remove this warning.
-        `),[!0];try{let animations=await import('@angular/platform-browser/animations');if(ngModule===animations.BrowserAnimationsModule)return console.warn(tsDedent.dedent`
-            Storybook Warning:
-            You have added the "BrowserAnimationsModule" to the list of "imports" in your moduleMetadata definition of your Story.
-            In Storybook 7.0 we use Angular's new 'bootstrapApplication' API to mount the component to the DOM, which accepts a list of providers to set up application-wide providers.
-            Use the 'applicationConfig' decorator from '@storybook/angular' and add the "provideAnimations" function to the list of "providers".
-            If your Angular version does not support "provide-like" functions, use the helper function importProvidersFrom instead to set up animations. For this case, please add "importProvidersFrom(BrowserAnimationsModule)" to the list of providers of your applicationConfig definition.
-            Please visit https://angular.io/guide/standalone-components#configuring-dependency-injection for more information.
-          `),[!0,animations.provideAnimations()];if(ngModule===animations.NoopAnimationsModule)return console.warn(tsDedent.dedent`
-            Storybook Warning:
-            You have added the "NoopAnimationsModule" to the list of "imports" in your moduleMetadata definition of your Story.
-            In Storybook v7.0 we are using Angular's new bootstrapApplication API to mount an Angular application to the DOM, which accepts a list of providers to set up application-wide providers.
-            Use the 'applicationConfig' decorator from '@storybook/angular' and add the "provideNoopAnimations" function to the list of "providers".
-            If your Angular version does not support "provide-like" functions, use the helper function importProvidersFrom instead to set up noop animations and to extract all necessary providers from NoopAnimationsModule. For this case, please add "importProvidersFrom(NoopAnimationsModule)" to the list of providers of your applicationConfig definition.
-            Please visit https://angular.io/guide/standalone-components#configuring-dependency-injection for more information.
-          `),[!0,animations.provideNoopAnimations()]}catch{return [!1]}return [!1]},_PropertyExtractor.analyzeDecorators=component=>{let decorators=reflectionCapabilities3.annotations(component),isComponent=decorators.some(d=>_PropertyExtractor.isDecoratorInstanceOf(d,"Component")),isDirective=decorators.some(d=>_PropertyExtractor.isDecoratorInstanceOf(d,"Directive")),isPipe=decorators.some(d=>_PropertyExtractor.isDecoratorInstanceOf(d,"Pipe")),isDeclarable=isComponent||isDirective||isPipe,isStandalone=(isComponent||isDirective)&&[...decorators].reverse().find(d=>_PropertyExtractor.isDecoratorInstanceOf(d,"Component")||_PropertyExtractor.isDecoratorInstanceOf(d,"Directive"))?.standalone;return isStandalone===void 0&&(isStandalone=!!(core.VERSION.major&&Number(core.VERSION.major)>=19)),{isDeclarable,isStandalone}},_PropertyExtractor.isDecoratorInstanceOf=(decorator,name)=>{let factory;switch(name){case"Component":factory=core.Component;break;case"Directive":factory=core.Directive;break;case"Pipe":factory=core.Pipe;break;case"Injectable":factory=core.Injectable;break;case"Input":factory=core.Input;break;case"Output":factory=core.Output;break;default:throw new Error(`Unknown decorator type: ${name}`)}return decorator instanceof factory||decorator.ngMetadataName===name};var PropertyExtractor=_PropertyExtractor;var getNonInputsOutputsProps=(ngComponentInputsOutputs,props={})=>{let inputs=ngComponentInputsOutputs.inputs.filter(i=>i.templateName in props).map(i=>i.templateName),outputs=ngComponentInputsOutputs.outputs.filter(o=>o.templateName in props).map(o=>o.templateName);return Object.keys(props).filter(k=>![...inputs,...outputs].includes(k))},createStorybookWrapperComponent=({selector,template,storyComponent,styles,moduleMetadata,initialProps,analyzedMetadata})=>{let viewChildSelector=storyComponent??"__storybook-noop",{imports,declarations,providers}=analyzedMetadata,StorybookComponentModule=class{};StorybookComponentModule=__decorateClass([core.NgModule({declarations,imports,exports:[...declarations,...imports]})],StorybookComponentModule),PropertyExtractor.warnImportsModuleWithProviders(analyzedMetadata);let StorybookWrapperComponent=class{constructor(storyProps$,changeDetectorRef){this.storyProps$=storyProps$;this.changeDetectorRef=changeDetectorRef;this.storyComponent=storyComponent??"";}ngOnInit(){this.storyWrapperPropsSubscription=this.storyProps$.subscribe((storyProps={})=>{Object.assign(this,storyProps),this.changeDetectorRef.detectChanges(),this.changeDetectorRef.markForCheck();});}ngAfterViewInit(){if(this.storyComponentElementRef){let ngComponentInputsOutputs=getComponentInputsOutputs(storyComponent);getNonInputsOutputsProps(ngComponentInputsOutputs,initialProps).forEach(p=>{this.storyComponentElementRef[p]=initialProps[p];}),this.storyComponentViewContainerRef.injector.get(core.ChangeDetectorRef).markForCheck(),this.changeDetectorRef.detectChanges(),this.storyComponentPropsSubscription=this.storyProps$.pipe(operators.skip(1),operators.map(props=>getNonInputsOutputsProps(ngComponentInputsOutputs,props).reduce((acc,p)=>({...acc,[p]:props[p]}),{}))).subscribe(props=>{Object.assign(this.storyComponentElementRef,props),this.storyComponentViewContainerRef.injector.get(core.ChangeDetectorRef).markForCheck(),this.changeDetectorRef.detectChanges();});}}ngOnDestroy(){this.storyComponentPropsSubscription!=null&&this.storyComponentPropsSubscription.unsubscribe(),this.storyWrapperPropsSubscription!=null&&this.storyWrapperPropsSubscription.unsubscribe();}};return __decorateClass([core.ViewChild(viewChildSelector,{static:!0})],StorybookWrapperComponent.prototype,"storyComponentElementRef",2),__decorateClass([core.ViewChild(viewChildSelector,{read:core.ViewContainerRef,static:!0})],StorybookWrapperComponent.prototype,"storyComponentViewContainerRef",2),StorybookWrapperComponent=__decorateClass([core.Component({selector,template,standalone:!0,imports:[StorybookComponentModule],providers,styles,schemas:moduleMetadata.schemas}),__decorateParam(0,core.Inject(STORY_PROPS)),__decorateParam(1,core.Inject(core.ChangeDetectorRef))],StorybookWrapperComponent),StorybookWrapperComponent};var getApplication=({storyFnAngular,component,targetSelector,analyzedMetadata})=>{let{props,styles,moduleMetadata={}}=storyFnAngular,{template}=storyFnAngular;return !!hasNoTemplate(template)&&component&&(template=computesTemplateFromComponent(component,props,"")),createStorybookWrapperComponent({moduleMetadata,selector:targetSelector,template,storyComponent:component,styles,initialProps:props,analyzedMetadata})};function hasNoTemplate(template){return template==null}var queue=[],isProcessing=!1,resetCompiledComponents=async()=>{try{let{\u0275resetCompiledComponents}=await import('@angular/core');\u0275resetCompiledComponents();}catch{}},queueBootstrapping=fn=>new Promise((resolve,reject)=>{queue.push(()=>fn().then(resolve).catch(reject)),isProcessing||processQueue();}),processQueue=async()=>{for(isProcessing=!0;queue.length>0;){let bootstrappingFn=queue.shift();bootstrappingFn&&(await bootstrappingFn(),await resetCompiledComponents());}isProcessing=!1;};var getProvideZonelessChangeDetectionFn=async()=>{let angularCore=await import('@angular/core');return "provideExperimentalZonelessChangeDetection"in angularCore?angularCore.provideExperimentalZonelessChangeDetection:"provideZonelessChangeDetection"in angularCore?angularCore.provideZonelessChangeDetection:null};var applicationRefs=new Map,STORY_UID_ATTRIBUTE="data-sb-story-uid",AbstractRenderer=class{constructor(){this.previousStoryRenderInfo=new Map;}static resetApplications(domNode){applicationRefs.forEach((appRef,appDOMNode)=>{!appRef.destroyed&&(!domNode||appDOMNode===domNode)&&appRef.destroy();});}async render({storyFnAngular,forced,component,targetDOMNode}){let targetSelector=this.generateTargetSelectorFromStoryId(targetDOMNode.id),newStoryProps$=new rxjs.BehaviorSubject(storyFnAngular.props);if(!this.fullRendererRequired({targetDOMNode,storyFnAngular,moduleMetadata:{...storyFnAngular.moduleMetadata},forced})){this.storyProps$.next(storyFnAngular.props);return}await this.beforeFullRender(targetDOMNode),this.storyProps$&&this.storyProps$.complete(),this.storyProps$=newStoryProps$,this.initAngularRootElement(targetDOMNode,targetSelector);let analyzedMetadata=new PropertyExtractor(storyFnAngular.moduleMetadata,component);await analyzedMetadata.init();let storyUid=this.generateStoryUIdFromRawStoryUid(targetDOMNode.getAttribute(STORY_UID_ATTRIBUTE)),componentSelector=storyUid!==null?`${targetSelector}[${storyUid}]`:targetSelector;storyUid!==null&&targetDOMNode.querySelector(targetSelector).toggleAttribute(storyUid,!0);let application=getApplication({storyFnAngular,component,targetSelector:componentSelector,analyzedMetadata}),providers=[storyPropsProvider(newStoryProps$),...analyzedMetadata.applicationProviders,...storyFnAngular.applicationConfig?.providers??[]];if(STORYBOOK_ANGULAR_OPTIONS?.experimentalZoneless){let provideZonelessChangeDetectionFn=await getProvideZonelessChangeDetectionFn();if(provideZonelessChangeDetectionFn)providers.unshift(provideZonelessChangeDetectionFn());else throw new Error("Zoneless change detection requires Angular 18 or higher")}let applicationRef=await queueBootstrapping(()=>platformBrowser.bootstrapApplication(application,{...storyFnAngular.applicationConfig,providers}));applicationRefs.set(targetDOMNode,applicationRef);}generateTargetSelectorFromStoryId(id){let invalidHtmlTag=/[^A-Za-z0-9-]/g;return invalidHtmlTag.test(id)?`sb-${id.replace(invalidHtmlTag,"")}-component`:id}generateStoryUIdFromRawStoryUid(rawStoryUid){if(rawStoryUid===null)return rawStoryUid;let accentCharacters=/[\u0300-\u036f]/g;return rawStoryUid.normalize("NFD").replace(accentCharacters,"")}initAngularRootElement(targetDOMNode,targetSelector){targetDOMNode.innerHTML="",targetDOMNode.appendChild(document.createElement(targetSelector));}fullRendererRequired({targetDOMNode,storyFnAngular,moduleMetadata,forced}){let previousStoryRenderInfo=this.previousStoryRenderInfo.get(targetDOMNode),currentStoryRender={storyFnAngular,moduleMetadataSnapshot:telejson.stringify(moduleMetadata,{maxDepth:50})};return this.previousStoryRenderInfo.set(targetDOMNode,currentStoryRender),!forced||!this.storyProps$||!!storyFnAngular?.template&&previousStoryRenderInfo?.storyFnAngular?.template!==storyFnAngular.template?!0:currentStoryRender.moduleMetadataSnapshot!==previousStoryRenderInfo?.moduleMetadataSnapshot}};var CanvasRenderer=class _CanvasRenderer extends AbstractRenderer{async render(options){await super.render(options);}async beforeFullRender(){_CanvasRenderer.resetApplications();}};var storyCounts=new Map,getNextStoryUID=storyId=>{storyCounts.has(storyId)||storyCounts.set(storyId,-1);let count=storyCounts.get(storyId)+1;return storyCounts.set(storyId,count),`${storyId}-${count}`};var DocsRenderer=class _DocsRenderer extends AbstractRenderer{async render(options){let channel=previewApi.addons.getChannel();channel.once(coreEvents.STORY_CHANGED,async()=>{await _DocsRenderer.resetApplications();}),channel.once(coreEvents.DOCS_RENDERED,async()=>{await _DocsRenderer.resetApplications();}),await super.render({...options,forced:!1});}async beforeFullRender(domNode){_DocsRenderer.resetApplications(domNode);}initAngularRootElement(targetDOMNode,targetSelector){super.initAngularRootElement(targetDOMNode,targetSelector),targetDOMNode.setAttribute(STORY_UID_ATTRIBUTE,getNextStoryUID(targetDOMNode.id));}};var RendererFactory=class{constructor(){this.rendererMap=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)}buildRenderer(renderType){return renderType==="docs"?new DocsRenderer:new CanvasRenderer}},getRenderType=targetDOMNode=>targetDOMNode.id==="storybook-root"?"canvas":"docs";function clearRootHTMLElement(renderType){switch(renderType){case"canvas":global.document.getElementById("storybook-docs").innerHTML="";break;case"docs":global.document.getElementById("storybook-root").innerHTML="";break;}}var rendererFactory=new RendererFactory,render=props=>({props});async function renderToCanvas({storyFn,showMain,forceRemount,storyContext:{component}},element){showMain(),await(await rendererFactory.getRendererInstance(element)).render({storyFnAngular:storyFn(),component,forced:!forceRemount,targetDOMNode:element});}function decorateStory(mainStoryFn,decorators){return [cleanArgsDecorator,...decorators].reduce((previousStoryFn,decorator)=>context=>decorator(update=>previousStoryFn({...context,...previewApi.sanitizeStoryContextUpdate(update)}),context),context=>prepareMain(mainStoryFn(context),context))}var prepareMain=(story,context)=>{let{template}=story,{component}=context,userDefinedTemplate=!hasNoTemplate2(template);return !userDefinedTemplate&&component&&(template=computesTemplateFromComponent(component,story.props,"")),{...story,...template?{template,userDefinedTemplate}:{}}};function hasNoTemplate2(template){return template==null}var cleanArgsDecorator=(storyFn,context)=>{if(!context.argTypes||!context.args)return storyFn();let argsToClean=context.args;return context.args=Object.entries(argsToClean).reduce((obj,[key,arg])=>{let argType=context.argTypes[key];return argType?.action||argType?.control?{...obj,[key]:arg}:obj},{}),storyFn()};var{FEATURES}=global$1.global,isMethod=methodOrProp=>methodOrProp.args!==void 0;var getCompodocJson=()=>global$1.global.__STORYBOOK_COMPODOC_JSON__,checkValidComponentOrDirective=component=>{if(!component.name)throw new Error(`Invalid component ${JSON.stringify(component)}`)},checkValidCompodocJson=compodocJson=>{if(!compodocJson||!compodocJson.components)throw new Error("Invalid compodoc JSON")},hasDecorator=(item,decoratorName)=>item.decorators&&item.decorators.find(x=>x.name===decoratorName),mapPropertyToSection=item=>hasDecorator(item,"ViewChild")?"view child":hasDecorator(item,"ViewChildren")?"view children":hasDecorator(item,"ContentChild")?"content child":hasDecorator(item,"ContentChildren")?"content children":"properties",mapItemToSection=(key,item)=>{switch(key){case"methods":case"methodsClass":return "methods";case"inputsClass":return "inputs";case"outputsClass":return "outputs";case"properties":case"propertiesClass":if(isMethod(item))throw new Error("Cannot be of type Method if key === 'propertiesClass'");return mapPropertyToSection(item);default:throw new Error(`Unknown key: ${key}`)}},findComponentByName=(name,compodocJson)=>compodocJson.components.find(c=>c.name===name)||compodocJson.directives.find(c=>c.name===name)||compodocJson.pipes.find(c=>c.name===name)||compodocJson.injectables.find(c=>c.name===name)||compodocJson.classes.find(c=>c.name===name),getComponentData=component=>{if(!component)return null;checkValidComponentOrDirective(component);let compodocJson=getCompodocJson();if(!compodocJson)return null;checkValidCompodocJson(compodocJson);let{name}=component,metadata=findComponentByName(name,compodocJson);return metadata||clientLogger.logger.warn(`Component not found in compodoc JSON: '${name}'`),metadata},displaySignature=item=>`(${item.args.map(arg=>`${arg.name}${arg.optional?"?":""}: ${arg.type}`).join(", ")}) => ${item.returnType}`,extractTypeFromValue=defaultValue=>{let valueType=typeof defaultValue;return defaultValue||valueType==="number"||valueType==="boolean"||valueType==="string"?valueType:null},extractEnumValues=compodocType=>{let enumType=getCompodocJson()?.miscellaneous?.enumerations?.find(x=>x.name===compodocType);if(enumType?.childs.every(x=>x.value))return enumType.childs.map(x=>x.value);if(typeof compodocType!="string"||compodocType.indexOf("|")===-1)return null;try{return compodocType.split("|").map(value=>JSON.parse(value))}catch{return null}},extractType=(property,defaultValue)=>{let compodocType=property.type||extractTypeFromValue(defaultValue);switch(compodocType){case"string":case"boolean":case"number":return {name:compodocType};case void 0:case null:return {name:"other",value:"void"};default:{let resolvedType=resolveTypealias(compodocType),enumValues=extractEnumValues(resolvedType);return enumValues?{name:"enum",value:enumValues}:{name:"other",value:"empty-enum"}}}},castDefaultValue=(property,defaultValue)=>{let compodocType=property.type;if(["boolean","number","string","EventEmitter"].includes(compodocType))switch(compodocType){case"boolean":return defaultValue==="true";case"number":return Number(defaultValue);case"EventEmitter":return;default:return defaultValue}else switch(defaultValue){case"true":return !0;case"false":return !1;case"null":return null;case"undefined":return;default:return defaultValue}},extractDefaultValueFromComments=(property,value)=>{let commentValue=value;return property.jsdoctags.forEach(tag=>{["default","defaultvalue"].includes(tag.tagName.escapedText)&&(commentValue=new global$1.global.DOMParser().parseFromString(tag.comment,"text/html").body.textContent);}),commentValue},extractDefaultValue=property=>{try{let value=property.defaultValue?.replace(/^'(.*)'$/,"$1");return value=castDefaultValue(property,value),value==null&&property.jsdoctags?.length>0&&(value=extractDefaultValueFromComments(property,value)),value}catch{clientLogger.logger.debug(`Error extracting ${property.name}: ${property.defaultValue}`);return}},resolveTypealias=compodocType=>{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=>{(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={name:item.name,description:item.rawdescription||item.description,type,...action,table:{category:section,type:{summary:isMethod(item)?displaySignature(item):item.type,required:isMethod(item)?!1:!item.optional},defaultValue:{summary:defaultValue}}};sectionToItems[section]||(sectionToItems[section]=[]),sectionToItems[section].push(argType);});});let SECTIONS=["properties","inputs","outputs","methods","view child","view children","content child","content children"],argTypes={};return SECTIONS.forEach(section=>{let items=sectionToItems[section];items&&items.forEach(argType=>{argTypes[argType.name]=argType;});}),argTypes},extractArgTypes=component=>{let componentData=getComponentData(component);return componentData&&extractArgTypesFromData(componentData)},extractComponentDescription=component=>{let componentData=getComponentData(component);return componentData&&(componentData.rawdescription||componentData.description)};var parameters={renderer:"angular",docs:{story:{inline:!0},extractArgTypes,extractComponentDescription}},argTypesEnhancers=[docsTools.enhanceArgTypes];
+// src/client/config.ts
+import { enhanceArgTypes } from "storybook/internal/docs-tools";
 
-exports.applyDecorators = decorateStory;
-exports.argTypesEnhancers = argTypesEnhancers;
-exports.parameters = parameters;
-exports.render = render;
-exports.renderToCanvas = renderToCanvas;
+// src/client/compodoc.ts
+import { logger } from "storybook/internal/client-logger";
+import { global } from "@storybook/global";
+var { FEATURES } = global;
+var isMethod = /* @__PURE__ */ __name((methodOrProp) => {
+  return methodOrProp.args !== void 0;
+}, "isMethod");
+var getCompodocJson = /* @__PURE__ */ __name(() => global.__STORYBOOK_COMPODOC_JSON__, "getCompodocJson");
+var checkValidComponentOrDirective = /* @__PURE__ */ __name((component) => {
+  if (!component.name) {
+    throw new Error(`Invalid component ${JSON.stringify(component)}`);
+  }
+}, "checkValidComponentOrDirective");
+var checkValidCompodocJson = /* @__PURE__ */ __name((compodocJson) => {
+  if (!compodocJson || !compodocJson.components) {
+    throw new Error("Invalid compodoc JSON");
+  }
+}, "checkValidCompodocJson");
+var hasDecorator = /* @__PURE__ */ __name((item, decoratorName) => item.decorators && item.decorators.find((x) => x.name === decoratorName), "hasDecorator");
+var mapPropertyToSection = /* @__PURE__ */ __name((item) => {
+  if (hasDecorator(item, "ViewChild")) {
+    return "view child";
+  }
+  if (hasDecorator(item, "ViewChildren")) {
+    return "view children";
+  }
+  if (hasDecorator(item, "ContentChild")) {
+    return "content child";
+  }
+  if (hasDecorator(item, "ContentChildren")) {
+    return "content children";
+  }
+  return "properties";
+}, "mapPropertyToSection");
+var mapItemToSection = /* @__PURE__ */ __name((key, item) => {
+  switch (key) {
+    case "methods":
+    case "methodsClass":
+      return "methods";
+    case "inputsClass":
+      return "inputs";
+    case "outputsClass":
+      return "outputs";
+    case "properties":
+    case "propertiesClass":
+      if (isMethod(item)) {
+        throw new Error("Cannot be of type Method if key === 'propertiesClass'");
+      }
+      return mapPropertyToSection(item);
+    default:
+      throw new Error(`Unknown key: ${key}`);
+  }
+}, "mapItemToSection");
+var findComponentByName = /* @__PURE__ */ __name((name, compodocJson) => compodocJson.components.find((c) => c.name === name) || compodocJson.directives.find((c) => c.name === name) || compodocJson.pipes.find((c) => c.name === name) || compodocJson.injectables.find((c) => c.name === name) || compodocJson.classes.find((c) => c.name === name), "findComponentByName");
+var getComponentData = /* @__PURE__ */ __name((component) => {
+  if (!component) {
+    return null;
+  }
+  checkValidComponentOrDirective(component);
+  const compodocJson = getCompodocJson();
+  if (!compodocJson) {
+    return null;
+  }
+  checkValidCompodocJson(compodocJson);
+  const { name } = component;
+  const metadata = findComponentByName(name, compodocJson);
+  if (!metadata) {
+    logger.warn(`Component not found in compodoc JSON: '${name}'`);
+  }
+  return metadata;
+}, "getComponentData");
+var displaySignature = /* @__PURE__ */ __name((item) => {
+  const args = item.args.map(
+    (arg) => `${arg.name}${arg.optional ? "?" : ""}: ${arg.type}`
+  );
+  return `(${args.join(", ")}) => ${item.returnType}`;
+}, "displaySignature");
+var extractTypeFromValue = /* @__PURE__ */ __name((defaultValue) => {
+  const valueType = typeof defaultValue;
+  return defaultValue || valueType === "number" || valueType === "boolean" || valueType === "string" ? valueType : null;
+}, "extractTypeFromValue");
+var extractEnumValues = /* @__PURE__ */ __name((compodocType) => {
+  const compodocJson = getCompodocJson();
+  const enumType = compodocJson?.miscellaneous?.enumerations?.find((x) => x.name === compodocType);
+  if (enumType?.childs.every((x) => x.value)) {
+    return enumType.childs.map((x) => x.value);
+  }
+  if (typeof compodocType !== "string" || compodocType.indexOf("|") === -1) {
+    return null;
+  }
+  try {
+    return compodocType.split("|").map((value) => JSON.parse(value));
+  } catch (e) {
+    return null;
+  }
+}, "extractEnumValues");
+var extractType = /* @__PURE__ */ __name((property, defaultValue) => {
+  const compodocType = property.type || extractTypeFromValue(defaultValue);
+  switch (compodocType) {
+    case "string":
+    case "boolean":
+    case "number":
+      return { name: compodocType };
+    case void 0:
+    case null:
+      return { name: "other", value: "void" };
+    default: {
+      const resolvedType = resolveTypealias(compodocType);
+      const enumValues = extractEnumValues(resolvedType);
+      return enumValues ? { name: "enum", value: enumValues } : { name: "other", value: "empty-enum" };
+    }
+  }
+}, "extractType");
+var castDefaultValue = /* @__PURE__ */ __name((property, defaultValue) => {
+  const compodocType = property.type;
+  if (["boolean", "number", "string", "EventEmitter"].includes(compodocType)) {
+    switch (compodocType) {
+      case "boolean":
+        return defaultValue === "true";
+      case "number":
+        return Number(defaultValue);
+      case "EventEmitter":
+        return void 0;
+      default:
+        return defaultValue;
+    }
+  } else {
+    switch (defaultValue) {
+      case "true":
+        return true;
+      case "false":
+        return false;
+      case "null":
+        return null;
+      case "undefined":
+        return void 0;
+      default:
+        return defaultValue;
+    }
+  }
+}, "castDefaultValue");
+var extractDefaultValueFromComments = /* @__PURE__ */ __name((property, value) => {
+  let commentValue = value;
+  property.jsdoctags.forEach((tag) => {
+    if (["default", "defaultvalue"].includes(tag.tagName.escapedText)) {
+      const dom = new global.DOMParser().parseFromString(tag.comment, "text/html");
+      commentValue = dom.body.textContent;
+    }
+  });
+  return commentValue;
+}, "extractDefaultValueFromComments");
+var extractDefaultValue = /* @__PURE__ */ __name((property) => {
+  try {
+    let value = property.defaultValue?.replace(/^'(.*)'$/, "$1");
+    value = castDefaultValue(property, value);
+    if (value == null && property.jsdoctags?.length > 0) {
+      value = extractDefaultValueFromComments(property, value);
+    }
+    return value;
+  } catch (err) {
+    logger.debug(`Error extracting ${property.name}: ${property.defaultValue}`);
+    return void 0;
+  }
+}, "extractDefaultValue");
+var resolveTypealias = /* @__PURE__ */ __name((compodocType) => {
+  const compodocJson = getCompodocJson();
+  const typeAlias = compodocJson?.miscellaneous?.typealiases?.find((x) => x.name === compodocType);
+  return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;
+}, "resolveTypealias");
+var extractArgTypesFromData = /* @__PURE__ */ __name((componentData) => {
+  const sectionToItems = {};
+  const componentClasses = FEATURES.angularFilterNonInputControls ? ["inputsClass"] : ["propertiesClass", "methodsClass", "inputsClass", "outputsClass"];
+  const compodocClasses = ["component", "directive"].includes(componentData.type) ? componentClasses : ["properties", "methods"];
+  compodocClasses.forEach((key) => {
+    const data = componentData[key] || [];
+    data.forEach((item) => {
+      const section = mapItemToSection(key, item);
+      const defaultValue = isMethod(item) ? void 0 : extractDefaultValue(item);
+      const type = isMethod(item) || section !== "inputs" && section !== "properties" ? { name: "other", value: "void" } : extractType(item, defaultValue);
+      const action = section === "outputs" ? { action: item.name } : {};
+      const argType = {
+        name: item.name,
+        description: item.rawdescription || item.description,
+        type,
+        ...action,
+        table: {
+          category: section,
+          type: {
+            summary: isMethod(item) ? displaySignature(item) : item.type,
+            required: isMethod(item) ? false : !item.optional
+          },
+          defaultValue: { summary: defaultValue }
+        }
+      };
+      if (!sectionToItems[section]) {
+        sectionToItems[section] = [];
+      }
+      sectionToItems[section].push(argType);
+    });
+  });
+  const SECTIONS = [
+    "properties",
+    "inputs",
+    "outputs",
+    "methods",
+    "view child",
+    "view children",
+    "content child",
+    "content children"
+  ];
+  const argTypes = {};
+  SECTIONS.forEach((section) => {
+    const items = sectionToItems[section];
+    if (items) {
+      items.forEach((argType) => {
+        argTypes[argType.name] = argType;
+      });
+    }
+  });
+  return argTypes;
+}, "extractArgTypesFromData");
+var extractArgTypes = /* @__PURE__ */ __name((component) => {
+  const componentData = getComponentData(component);
+  return componentData && extractArgTypesFromData(componentData);
+}, "extractArgTypes");
+var extractComponentDescription = /* @__PURE__ */ __name((component) => {
+  const componentData = getComponentData(component);
+  return componentData && (componentData.rawdescription || componentData.description);
+}, "extractComponentDescription");
+
+// src/client/config.ts
+var parameters = {
+  renderer: "angular",
+  docs: {
+    story: { inline: true },
+    extractArgTypes,
+    extractComponentDescription
+  }
+};
+var argTypesEnhancers = [enhanceArgTypes];
+export {
+  decorateStory as applyDecorators,
+  argTypesEnhancers,
+  parameters,
+  render,
+  renderToCanvas
+};