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

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

@@ -7,14 +7,12 @@ type StoryRenderInfo = {
 /**
  * Attribute name for the story UID that may be written to the targetDOMNode.
  *
- * If a target DOM node has a story UID attribute, it will be used as part of
- * the selector for the Angular component.
+ * If a target DOM node has a story UID attribute, it will be used as part of the selector for the
+ * Angular component.
  */
 export declare const STORY_UID_ATTRIBUTE = "data-sb-story-uid";
 export declare abstract class AbstractRenderer {
-    /**
-     * Wait and destroy the platform
-     */
+    /** Wait and destroy the platform */
     static resetApplications(domNode?: HTMLElement): void;
     protected previousStoryRenderInfo: Map<HTMLElement, StoryRenderInfo>;
     protected storyProps$: Subject<ICollection | undefined>;
@@ -24,8 +22,12 @@ export declare abstract class AbstractRenderer {
      *
      * @param storyFnAngular {StoryFnAngularReturnType}
      * @param forced {boolean} If :
-     * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
-     * - false fully recharges or initializes angular module & component
+     *
+     *   - True render will only use the StoryFn `props' in storyProps observable that will update sotry's
+     *       component/template properties. Improves performance without reloading the whole
+     *       module&component if props changes
+     *   - False fully recharges or initializes angular module & component
+     *
      * @param component {Component}
      */
     render({ storyFnAngular, forced, component, targetDOMNode, }: {
@@ -35,21 +37,20 @@ export declare abstract class AbstractRenderer {
         targetDOMNode: HTMLElement;
     }): Promise<void>;
     /**
-     * Only ASCII alphanumerics can be used as HTML tag name.
-     * https://html.spec.whatwg.org/#elements-2
+     * Only ASCII alphanumerics can be used as HTML tag name. https://html.spec.whatwg.org/#elements-2
      *
      * Therefore, stories break when non-ASCII alphanumerics are included in target selector.
      * https://github.com/storybookjs/storybook/issues/15147
      *
-     * This method returns storyId when it doesn't contain any non-ASCII alphanumerics.
-     * Otherwise, it generates a valid HTML tag name from storyId by removing non-ASCII alphanumerics from storyId, prefixing "sb-", and suffixing "-component"
-     * @protected
+     * This method returns storyId when it doesn't contain any non-ASCII alphanumerics. Otherwise, it
+     * generates a valid HTML tag name from storyId by removing non-ASCII alphanumerics from storyId,
+     * prefixing "sb-", and suffixing "-component"
+     *
      * @memberof AbstractRenderer
+     * @protected
      */
     protected generateTargetSelectorFromStoryId(id: string): string;
-    /**
-     * Adds DOM element that angular will use as bootstrap component.
-     */
+    /** Adds DOM element that angular will use as bootstrap component. */
     protected initAngularRootElement(targetDOMNode: HTMLElement, targetSelector: string): void;
     private fullRendererRequired;
 }

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

@@ -12,17 +12,15 @@ const applicationRefs = new Map();
 /**
  * Attribute name for the story UID that may be written to the targetDOMNode.
  *
- * If a target DOM node has a story UID attribute, it will be used as part of
- * the selector for the Angular component.
+ * If a target DOM node has a story UID attribute, it will be used as part of the selector for the
+ * Angular component.
  */
 exports.STORY_UID_ATTRIBUTE = 'data-sb-story-uid';
 class AbstractRenderer {
     constructor() {
         this.previousStoryRenderInfo = new Map();
     }
-    /**
-     * Wait and destroy the platform
-     */
+    /** Wait and destroy the platform */
     static resetApplications(domNode) {
         applicationRefs.forEach((appRef, appDOMNode) => {
             if (!appRef.destroyed && (!domNode || appDOMNode === domNode)) {
@@ -35,8 +33,12 @@ class AbstractRenderer {
      *
      * @param storyFnAngular {StoryFnAngularReturnType}
      * @param forced {boolean} If :
-     * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
-     * - false fully recharges or initializes angular module & component
+     *
+     *   - True render will only use the StoryFn `props' in storyProps observable that will update sotry's
+     *       component/template properties. Improves performance without reloading the whole
+     *       module&component if props changes
+     *   - False fully recharges or initializes angular module & component
+     *
      * @param component {Component}
      */
     async render({ storyFnAngular, forced, component, targetDOMNode, }) {
@@ -86,25 +88,24 @@ class AbstractRenderer {
         applicationRefs.set(targetDOMNode, applicationRef);
     }
     /**
-     * Only ASCII alphanumerics can be used as HTML tag name.
-     * https://html.spec.whatwg.org/#elements-2
+     * Only ASCII alphanumerics can be used as HTML tag name. https://html.spec.whatwg.org/#elements-2
      *
      * Therefore, stories break when non-ASCII alphanumerics are included in target selector.
      * https://github.com/storybookjs/storybook/issues/15147
      *
-     * This method returns storyId when it doesn't contain any non-ASCII alphanumerics.
-     * Otherwise, it generates a valid HTML tag name from storyId by removing non-ASCII alphanumerics from storyId, prefixing "sb-", and suffixing "-component"
-     * @protected
+     * This method returns storyId when it doesn't contain any non-ASCII alphanumerics. Otherwise, it
+     * generates a valid HTML tag name from storyId by removing non-ASCII alphanumerics from storyId,
+     * prefixing "sb-", and suffixing "-component"
+     *
      * @memberof AbstractRenderer
+     * @protected
      */
     generateTargetSelectorFromStoryId(id) {
         const invalidHtmlTag = /[^A-Za-z0-9-]/g;
         const storyIdIsInvalidHtmlTagName = invalidHtmlTag.test(id);
         return storyIdIsInvalidHtmlTagName ? `sb-${id.replace(invalidHtmlTag, '')}-component` : id;
     }
-    /**
-     * Adds DOM element that angular will use as bootstrap component.
-     */
+    /** Adds DOM element that angular will use as bootstrap component. */
     initAngularRootElement(targetDOMNode, targetSelector) {
         targetDOMNode.innerHTML = '';
         targetDOMNode.appendChild(document.createElement(targetSelector));

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

@@ -2,12 +2,13 @@ import { ArgTypes } from 'storybook/internal/types';
 import { Type } from '@angular/core';
 import { ICollection } from '../types';
 /**
- * Returns the property name, if it can be accessed with dot notation. If not,
- * it returns `this['propertyName']`.
+ * Returns the property name, if it can be accessed with dot notation. If not, it returns
+ * `this['propertyName']`.
  */
 export declare const formatPropInTemplate: (propertyName: string) => string;
 /**
  * Converts a component into a template with inputs/outputs present in initial props
+ *
  * @param component
  * @param initialProps
  * @param innerTemplate
@@ -15,6 +16,7 @@ export declare const formatPropInTemplate: (propertyName: string) => string;
 export declare const computesTemplateFromComponent: (component: Type<unknown>, initialProps?: ICollection, innerTemplate?: string) => string;
 /**
  * Converts a component into a template with inputs/outputs present in initial props
+ *
  * @param component
  * @param initialProps
  * @param innerTemplate

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

@@ -3,14 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.computesTemplateSourceFromComponent = exports.computesTemplateFromComponent = exports.formatPropInTemplate = void 0;
 const NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
 /**
- * Check if the name matches the criteria for a valid identifier.
- * A valid identifier can only contain letters, digits, underscores, or dollar signs.
- * It cannot start with a digit.
+ * Check if the name matches the criteria for a valid identifier. A valid identifier can only
+ * contain letters, digits, underscores, or dollar signs. It cannot start with a digit.
  */
 const isValidIdentifier = (name) => /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(name);
 /**
- * Returns the property name, if it can be accessed with dot notation. If not,
- * it returns `this['propertyName']`.
+ * Returns the property name, if it can be accessed with dot notation. If not, it returns
+ * `this['propertyName']`.
  */
 const formatPropInTemplate = (propertyName) => isValidIdentifier(propertyName) ? propertyName : `this['${propertyName}']`;
 exports.formatPropInTemplate = formatPropInTemplate;
@@ -29,6 +28,7 @@ const separateInputsOutputsAttributes = (ngComponentInputsOutputs, props = {}) =
 };
 /**
  * Converts a component into a template with inputs/outputs present in initial props
+ *
  * @param component
  * @param initialProps
  * @param innerTemplate
@@ -50,9 +50,7 @@ const computesTemplateFromComponent = (component, initialProps, innerTemplate =
     return buildTemplate(ngComponentMetadata.selector, innerTemplate, templateInputs, templateOutputs);
 };
 exports.computesTemplateFromComponent = computesTemplateFromComponent;
-/**
- * Stringify an object with a placholder in the circular references.
- */
+/** Stringify an object with a placholder in the circular references. */
 function stringifyCircular(obj) {
     const seen = new Set();
     return JSON.stringify(obj, (key, value) => {
@@ -89,6 +87,7 @@ const createAngularInputProperty = ({ propertyName, value, argType, }) => {
 };
 /**
  * Converts a component into a template with inputs/outputs present in initial props
+ *
  * @param component
  * @param initialProps
  * @param innerTemplate

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

@@ -9,22 +9,19 @@ class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
     async render(options) {
         const channel = preview_api_1.addons.getChannel();
         /**
-         * Destroy and recreate the PlatformBrowserDynamic of angular
-         * For several stories to be rendered in the same docs we should
-         * not destroy angular between each rendering but do it when the
+         * Destroy and recreate the PlatformBrowserDynamic of angular For several stories to be rendered
+         * in the same docs we should not destroy angular between each rendering but do it when the
          * rendered stories are not needed anymore.
          *
-         * Note for improvement: currently there is one event per story
-         * rendered in the doc. But one event could be enough for the whole docs
-         *
+         * Note for improvement: currently there is one event per story rendered in the doc. But one
+         * event could be enough for the whole docs
          */
         channel.once(core_events_1.STORY_CHANGED, async () => {
             await DocsRenderer.resetApplications();
         });
         /**
-         * Destroy and recreate the PlatformBrowserDynamic of angular
-         * when doc re render. Allows to call ngOnDestroy of angular
-         * for previous component
+         * Destroy and recreate the PlatformBrowserDynamic of angular when doc re render. Allows to call
+         * ngOnDestroy of angular for previous component
          */
         channel.once(core_events_1.DOCS_RENDERED, async () => {
             await DocsRenderer.resetApplications();

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

@@ -10,9 +10,7 @@ const getApplication = ({ storyFnAngular, component, targetSelector, analyzedMet
     if (!hasTemplate && component) {
         template = (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(component, props, '');
     }
-    /**
-     * Create a component that wraps generated template and gives it props
-     */
+    /** Create a component that wraps generated template and gives it props */
     return (0, StorybookWrapperComponent_1.createStorybookWrapperComponent)({
         moduleMetadata,
         selector: targetSelector,

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

@@ -57,12 +57,12 @@ const PropertyExtractor_1 = require("./utils/PropertyExtractor");
                     selector: 'foo',
                     template: `
           <p id="input">{{ input }}</p>
-          <p id="inputBindingPropertyName">{{ localPropertyName }}</p>
-          <p id="setterCallNb">{{ setterCallNb }}</p>
-          <p id="localProperty">{{ localProperty }}</p>
-          <p id="localFunction">{{ localFunction() }}</p>
-          <p id="output" (click)="output.emit('outputEmitted')"></p>
-          <p id="outputBindingPropertyName" (click)="localOutput.emit('outputEmitted')"></p>
+<p id="inputBindingPropertyName">{{ localPropertyName }}</p>
+<p id="setterCallNb">{{ setterCallNb }}</p>
+<p id="localProperty">{{ localProperty }}</p>
+<p id="localFunction">{{ localFunction() }}</p>
+<p id="output" (click)="output.emit('outputEmitted')"></p>
+<p id="outputBindingPropertyName" (click)="localOutput.emit('outputEmitted')"></p>
         `,
                 })
             ], FooComponent);

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

@@ -1,9 +1,7 @@
 import { Type } from '@angular/core';
 import { ICollection, NgModuleMetadata } from '../types';
 import { PropertyExtractor } from './utils/PropertyExtractor';
-/**
- * Wraps the story template into a component
- */
+/** Wraps the story template into a component */
 export declare const createStorybookWrapperComponent: ({ selector, template, storyComponent, styles, moduleMetadata, initialProps, analyzedMetadata, }: {
     selector: string;
     template: string;

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

@@ -28,9 +28,7 @@ const getNonInputsOutputsProps = (ngComponentInputsOutputs, props = {}) => {
         .map((o) => o.templateName);
     return Object.keys(props).filter((k) => ![...inputs, ...outputs].includes(k));
 };
-/**
- * Wraps the story template into a component
- */
+/** Wraps the story template into a component */
 const createStorybookWrapperComponent = ({ selector, template, storyComponent, styles, moduleMetadata, initialProps, analyzedMetadata, }) => {
     // In ivy, a '' selector is not allowed, therefore we need to just set it to anything if
     // storyComponent was not provided.

package/dist/client/angular-beta/utils/BootstrapQueue.d.ts

@@ -1,14 +1,12 @@
 import { ApplicationRef } from '@angular/core';
 /**
- * Queue bootstrapping, so that only one application can be bootstrapped at a
- * time.
+ * Queue bootstrapping, so that only one application can be bootstrapped at a time.
  *
- * Bootstrapping multiple applications at once can cause Angular to throw an
- * error that a component is declared in multiple modules. This avoids two
- * stories confusing the Angular compiler, by bootstrapping more that one
- * application at a time.
+ * Bootstrapping multiple applications at once can cause Angular to throw an error that a component
+ * is declared in multiple modules. This avoids two stories confusing the Angular compiler, by
+ * bootstrapping more that one application at a time.
  *
- * @param fn callback that should complete the bootstrap process
+ * @param fn Callback that should complete the bootstrap process
  * @returns ApplicationRef from the completed bootstrap process
  */
 export declare const queueBootstrapping: (fn: () => Promise<ApplicationRef>) => Promise<ApplicationRef>;

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

@@ -27,8 +27,8 @@ exports.queueBootstrapping = void 0;
 const queue = [];
 let isProcessing = false;
 /**
- * Reset compiled components because we often want to compile the same component with
- * more than one NgModule.
+ * Reset compiled components because we often want to compile the same component with more than one
+ * NgModule.
  */
 const resetCompiledComponents = async () => {
     try {
@@ -41,22 +41,17 @@ const resetCompiledComponents = async () => {
         ɵresetCompiledComponents();
     }
     catch (e) {
-        /**
-         * noop catch
-         * This means angular removed or modified ɵresetCompiledComponents
-         */
+        /** Noop catch This means angular removed or modified ɵresetCompiledComponents */
     }
 };
 /**
- * Queue bootstrapping, so that only one application can be bootstrapped at a
- * time.
+ * Queue bootstrapping, so that only one application can be bootstrapped at a time.
  *
- * Bootstrapping multiple applications at once can cause Angular to throw an
- * error that a component is declared in multiple modules. This avoids two
- * stories confusing the Angular compiler, by bootstrapping more that one
- * application at a time.
+ * Bootstrapping multiple applications at once can cause Angular to throw an error that a component
+ * is declared in multiple modules. This avoids two stories confusing the Angular compiler, by
+ * bootstrapping more that one application at a time.
  *
- * @param fn callback that should complete the bootstrap process
+ * @param fn Callback that should complete the bootstrap process
  * @returns ApplicationRef from the completed bootstrap process
  */
 const queueBootstrapping = (fn) => {

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

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // @vitest-environment happy-dom
-const rxjs_1 = require("rxjs");
 const vitest_1 = require("vitest");
+const rxjs_1 = require("rxjs");
 const BootstrapQueue_1 = require("./BootstrapQueue");
 const instantWaitFor = (fn) => {
     return vitest_1.vi.waitFor(fn, {
         interval: 0,
+        timeout: 10000,
     });
 };
 (0, vitest_1.describe)('BootstrapQueue', () => {

package/dist/client/angular-beta/utils/NgComponentAnalyzer.d.ts

@@ -9,21 +9,14 @@ export type ComponentInputsOutputs = {
         templateName: string;
     }[];
 };
-/**
- * Returns component Inputs / Outputs by browsing these properties and decorator
- */
+/** Returns component Inputs / Outputs by browsing these properties and decorator */
 export declare const getComponentInputsOutputs: (component: any) => ComponentInputsOutputs;
 export declare const isDeclarable: (component: any) => boolean;
 export declare const isComponent: (component: any) => component is Type<unknown>;
 export declare const isStandaloneComponent: (component: any) => component is Type<unknown>;
-/**
- * Returns all component decorator properties
- * is used to get all `@Input` and `@Output` Decorator
- */
+/** Returns all component decorator properties is used to get all `@Input` and `@Output` Decorator */
 export declare const getComponentPropsDecoratorMetadata: (component: any) => {
     [key: string]: any[];
 };
-/**
- * Returns component decorator `@Component`
- */
+/** Returns component decorator `@Component` */
 export declare const getComponentDecoratorMetadata: (component: any) => Component | undefined;

package/dist/client/angular-beta/utils/NgComponentAnalyzer.js

@@ -3,9 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentDecoratorMetadata = exports.getComponentPropsDecoratorMetadata = exports.isStandaloneComponent = exports.isComponent = exports.isDeclarable = exports.getComponentInputsOutputs = void 0;
 const core_1 = require("@angular/core");
 const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
-/**
- * Returns component Inputs / Outputs by browsing these properties and decorator
- */
+/** Returns component Inputs / Outputs by browsing these properties and decorator */
 const getComponentInputsOutputs = (component) => {
     const componentMetadata = (0, exports.getComponentDecoratorMetadata)(component);
     const componentPropsMetadata = (0, exports.getComponentPropsDecoratorMetadata)(component);
@@ -82,17 +80,12 @@ const isStandaloneComponent = (component) => {
     return (decorators || []).some((d) => (d instanceof core_1.Component || d instanceof core_1.Directive || d instanceof core_1.Pipe) && d.standalone);
 };
 exports.isStandaloneComponent = isStandaloneComponent;
-/**
- * Returns all component decorator properties
- * is used to get all `@Input` and `@Output` Decorator
- */
+/** Returns all component decorator properties is used to get all `@Input` and `@Output` Decorator */
 const getComponentPropsDecoratorMetadata = (component) => {
     return reflectionCapabilities.propMetadata(component);
 };
 exports.getComponentPropsDecoratorMetadata = getComponentPropsDecoratorMetadata;
-/**
- * Returns component decorator `@Component`
- */
+/** Returns component decorator `@Component` */
 const getComponentDecoratorMetadata = (component) => {
     const decorators = reflectionCapabilities.annotations(component);
     return decorators.reverse().find((d) => d instanceof core_1.Component);

package/dist/client/angular-beta/utils/PropertyExtractor.d.ts

@@ -19,8 +19,6 @@ export declare class PropertyExtractor implements NgModuleMetadata {
      * - Removes Restricted Imports
      * - Extracts providers from ModuleWithProviders
      * - Returns a new NgModuleMetadata object
-     *
-     *
      */
     private analyzeMetadata;
     static analyzeRestricted: (ngModule: NgModule) => [boolean] | [boolean, Provider];

package/dist/client/angular-beta/utils/PropertyExtractor.js

@@ -30,8 +30,6 @@ class PropertyExtractor {
          * - Removes Restricted Imports
          * - Extracts providers from ModuleWithProviders
          * - Returns a new NgModuleMetadata object
-         *
-         *
          */
         this.analyzeMetadata = (metadata) => {
             const declarations = [...(metadata?.declarations || [])];

package/dist/client/angular-beta/utils/StoryUID.d.ts

@@ -1,23 +1,22 @@
 /**
  * Increments the count for a storyId and returns the next UID.
  *
- * When a story is bootstrapped, the storyId is used as the element tag. That
- * becomes an issue when a story is rendered multiple times in the same docs
- * page. This function returns a UID that is appended to the storyId to make
- * it unique.
+ * When a story is bootstrapped, the storyId is used as the element tag. That becomes an issue when
+ * a story is rendered multiple times in the same docs page. This function returns a UID that is
+ * appended to the storyId to make it unique.
  *
- * @param storyId id of a story
- * @returns uid of a story
+ * @param storyId Id of a story
+ * @returns Uid of a story
  */
 export declare const getNextStoryUID: (storyId: string) => string;
 /**
  * Clears the storyId counts.
  *
- * Can be useful for testing, where you need predictable increments, without
- * reloading the global state.
+ * Can be useful for testing, where you need predictable increments, without reloading the global
+ * state.
  *
  * If onlyStoryId is provided, only that storyId is cleared.
  *
- * @param onlyStoryId id of a story
+ * @param onlyStoryId Id of a story
  */
 export declare const clearStoryUIDs: (onlyStoryId?: string) => void;

package/dist/client/angular-beta/utils/StoryUID.js

@@ -1,20 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.clearStoryUIDs = exports.getNextStoryUID = void 0;
-/**
- * Count of stories for each storyId.
- */
+/** Count of stories for each storyId. */
 const storyCounts = new Map();
 /**
  * Increments the count for a storyId and returns the next UID.
  *
- * When a story is bootstrapped, the storyId is used as the element tag. That
- * becomes an issue when a story is rendered multiple times in the same docs
- * page. This function returns a UID that is appended to the storyId to make
- * it unique.
+ * When a story is bootstrapped, the storyId is used as the element tag. That becomes an issue when
+ * a story is rendered multiple times in the same docs page. This function returns a UID that is
+ * appended to the storyId to make it unique.
  *
- * @param storyId id of a story
- * @returns uid of a story
+ * @param storyId Id of a story
+ * @returns Uid of a story
  */
 const getNextStoryUID = (storyId) => {
     if (!storyCounts.has(storyId)) {
@@ -28,12 +25,12 @@ exports.getNextStoryUID = getNextStoryUID;
 /**
  * Clears the storyId counts.
  *
- * Can be useful for testing, where you need predictable increments, without
- * reloading the global state.
+ * Can be useful for testing, where you need predictable increments, without reloading the global
+ * state.
  *
  * If onlyStoryId is provided, only that storyId is cleared.
  *
- * @param onlyStoryId id of a story
+ * @param onlyStoryId Id of a story
  */
 const clearStoryUIDs = (onlyStoryId) => {
     if (onlyStoryId !== undefined && onlyStoryId !== null) {

package/dist/client/argsToTemplate.d.ts

@@ -5,27 +5,28 @@
  */
 export interface ArgsToTemplateOptions<T> {
     /**
-     * An array of keys to specifically include in the output.
-     * If provided, only the keys from this array will be included in the output,
-     * irrespective of the `exclude` option. Undefined values will still be excluded from the output.
+     * An array of keys to specifically include in the output. If provided, only the keys from this
+     * array will be included in the output, irrespective of the `exclude` option. Undefined values
+     * will still be excluded from the output.
      */
     include?: Array<T>;
     /**
-     * An array of keys to specifically exclude from the output.
-     * If provided, these keys will be omitted from the output. This option is
-     * ignored if the `include` option is also provided
+     * An array of keys to specifically exclude from the output. If provided, these keys will be
+     * omitted from the output. This option is ignored if the `include` option is also provided
      */
     exclude?: Array<T>;
 }
 /**
- * Converts an object of arguments to a string of property and event bindings and excludes undefined values.
- * Why? Because Angular treats undefined values in property bindings as an actual value
- * and does not apply the default value of the property as soon as the binding is set.
- * This feels counter-intuitive and is a common source of bugs in stories.
+ * Converts an object of arguments to a string of property and event bindings and excludes undefined
+ * values. Why? Because Angular treats undefined values in property bindings as an actual value and
+ * does not apply the default value of the property as soon as the binding is set. This feels
+ * counter-intuitive and is a common source of bugs in stories.
+ *
  * @example
+ *
  * ```ts
  * // component.ts
- *ㅤ@Component({ selector: 'example' })
+ * ㅤ@Component({ selector: 'example' })
  *  export class ExampleComponent {
  *   ㅤ@Input() input1: string = 'Default Input1';
  *   ㅤ@Input() input2: string = 'Default Input2';
@@ -49,7 +50,7 @@ export interface ArgsToTemplateOptions<T> {
  *    input1: 'Input 1',
  *    click: { action: 'clicked' },
  *  },
- *};
+ * };
  * ```
  */
 export declare function argsToTemplate<A extends Record<string, any>>(args: A, options?: ArgsToTemplateOptions<keyof A>): string;

package/dist/client/argsToTemplate.js

@@ -3,14 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.argsToTemplate = void 0;
 const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
 /**
- * Converts an object of arguments to a string of property and event bindings and excludes undefined values.
- * Why? Because Angular treats undefined values in property bindings as an actual value
- * and does not apply the default value of the property as soon as the binding is set.
- * This feels counter-intuitive and is a common source of bugs in stories.
+ * Converts an object of arguments to a string of property and event bindings and excludes undefined
+ * values. Why? Because Angular treats undefined values in property bindings as an actual value and
+ * does not apply the default value of the property as soon as the binding is set. This feels
+ * counter-intuitive and is a common source of bugs in stories.
+ *
  * @example
+ *
  * ```ts
  * // component.ts
- *ㅤ@Component({ selector: 'example' })
+ * ㅤ@Component({ selector: 'example' })
  *  export class ExampleComponent {
  *   ㅤ@Input() input1: string = 'Default Input1';
  *   ㅤ@Input() input2: string = 'Default Input2';
@@ -34,7 +36,7 @@ const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplate
  *    input1: 'Input 1',
  *    click: { action: 'clicked' },
  *  },
- *};
+ * };
  * ```
  */
 function argsToTemplate(args, options = {}) {

package/dist/client/decorators.d.ts

@@ -4,11 +4,10 @@ import { ApplicationConfig } from '@angular/platform-browser';
 import { AngularRenderer, ICollection, NgModuleMetadata } from './types';
 export declare const moduleMetadata: <TArgs = any>(metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularRenderer, TArgs>;
 /**
- * Decorator to set the config options which are available during the application bootstrap operation
+ * Decorator to set the config options which are available during the application bootstrap
+ * operation
  */
 export declare function applicationConfig<TArgs = any>(
-/**
- * Set of config options available during the application bootstrap operation.
- */
+/** Set of config options available during the application bootstrap operation. */
 config: ApplicationConfig): DecoratorFunction<AngularRenderer, TArgs>;
 export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularRenderer, TArgs>) => ICollection)) => DecoratorFunction<AngularRenderer, TArgs>;

package/dist/client/decorators.js

@@ -25,12 +25,11 @@ const moduleMetadata = (metadata) => (storyFn) => {
 };
 exports.moduleMetadata = moduleMetadata;
 /**
- * Decorator to set the config options which are available during the application bootstrap operation
+ * Decorator to set the config options which are available during the application bootstrap
+ * operation
  */
 function applicationConfig(
-/**
- * Set of config options available during the application bootstrap operation.
- */
+/** Set of config options available during the application bootstrap operation. */
 config) {
     return (storyFn) => {
         const story = storyFn();