@storybook/angular 9.1.0-alpha.5 → 9.1.0-alpha.7

package/dist/client/decorators.test.mjs

@@ -1,157 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { vi, expect, describe, it } from 'vitest';
-import { Component } from '@angular/core';
-import { moduleMetadata, applicationConfig } from './decorators';
-const defaultContext = {
-    componentId: 'unspecified',
-    kind: 'unspecified',
-    title: 'unspecified',
-    id: 'unspecified',
-    name: 'unspecified',
-    story: 'unspecified',
-    tags: [],
-    parameters: {},
-    initialArgs: {},
-    args: {},
-    argTypes: {},
-    globals: {},
-    globalTypes: {},
-    storyGlobals: {},
-    reporting: {
-        reports: [],
-        addReport: vi.fn(),
-    },
-    hooks: {},
-    loaded: {},
-    originalStoryFn: vi.fn(),
-    viewMode: 'story',
-    abortSignal: undefined,
-    canvasElement: undefined,
-    step: undefined,
-    context: undefined,
-    canvas: undefined,
-    userEvent: undefined,
-    mount: undefined,
-};
-defaultContext.context = defaultContext;
-class MockModule {
-}
-class MockModuleTwo {
-}
-class MockService {
-}
-let MockComponent = class MockComponent {
-};
-MockComponent = __decorate([
-    Component({})
-], MockComponent);
-describe('applicationConfig', () => {
-    const provider1 = () => { };
-    const provider2 = () => { };
-    it('should apply global config', () => {
-        expect(applicationConfig({
-            providers: [provider1],
-        })(() => ({}), defaultContext)).toEqual({
-            applicationConfig: {
-                providers: [provider1],
-            },
-        });
-    });
-    it('should apply story config', () => {
-        expect(applicationConfig({
-            providers: [],
-        })(() => ({
-            applicationConfig: {
-                providers: [provider2],
-            },
-        }), {
-            ...defaultContext,
-        })).toEqual({
-            applicationConfig: {
-                providers: [provider2],
-            },
-        });
-    });
-    it('should merge global and story config', () => {
-        expect(applicationConfig({
-            providers: [provider1],
-        })(() => ({
-            applicationConfig: {
-                providers: [provider2],
-            },
-        }), {
-            ...defaultContext,
-        })).toEqual({
-            applicationConfig: {
-                providers: [provider1, provider2],
-            },
-        });
-    });
-});
-describe('moduleMetadata', () => {
-    it('should add metadata to a story without it', () => {
-        const result = moduleMetadata({
-            imports: [MockModule],
-            providers: [MockService],
-        })(() => ({}), 
-        // deepscan-disable-next-line
-        defaultContext);
-        expect(result).toEqual({
-            moduleMetadata: {
-                declarations: [],
-                entryComponents: [],
-                imports: [MockModule],
-                schemas: [],
-                providers: [MockService],
-            },
-        });
-    });
-    it('should combine with individual metadata on a story', () => {
-        const result = moduleMetadata({
-            imports: [MockModule],
-        })(() => ({
-            component: MockComponent,
-            moduleMetadata: {
-                imports: [MockModuleTwo],
-                providers: [MockService],
-            },
-        }), 
-        // deepscan-disable-next-line
-        defaultContext);
-        expect(result).toEqual({
-            component: MockComponent,
-            moduleMetadata: {
-                declarations: [],
-                entryComponents: [],
-                imports: [MockModule, MockModuleTwo],
-                schemas: [],
-                providers: [MockService],
-            },
-        });
-    });
-    it('should return the original metadata if passed null', () => {
-        const result = moduleMetadata(null)(() => ({
-            component: MockComponent,
-            moduleMetadata: {
-                providers: [MockService],
-            },
-        }), 
-        // deepscan-disable-next-line
-        defaultContext);
-        expect(result).toEqual({
-            component: MockComponent,
-            moduleMetadata: {
-                declarations: [],
-                entryComponents: [],
-                imports: [],
-                schemas: [],
-                providers: [MockService],
-            },
-        });
-    });
-});

package/dist/client/docs/__testfixtures__/doc-button/input.d.ts

@@ -1,110 +0,0 @@
-import { EventEmitter, ElementRef } from '@angular/core';
-export declare const exportedConstant = "An exported constant";
-export type ButtonSize = 'small' | 'medium' | 'large' | 'xlarge';
-export declare enum ButtonAccent {
-    'Normal' = "Normal",
-    'High' = "High"
-}
-export interface ISomeInterface {
-    one: string;
-    two: boolean;
-    three: any[];
-}
-/**
- * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
- *
- * It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
- * like **bold**, _italic_, and `inline code`.> How you like dem apples?! It's never been easier to
- * document all your components.
- *
- * @string Hello world
- * @link [Example](http://example.com)
- * @code `ThingThing`
- * @html <span class="badge">aaa</span>
- */
-export declare class InputComponent<T> {
-    buttonRef: ElementRef;
-    /** Appearance style of the button. */
-    appearance: 'primary' | 'secondary';
-    /** Specify the accent-type of the button */
-    accent: ButtonAccent;
-    /** Sets the button to a disabled state. */
-    isDisabled: boolean;
-    /**
-     * The inner text of the button.
-     *
-     * @required
-     */
-    label: string;
-    /** Size of the button. */
-    size?: ButtonSize;
-    /** Specifies some arbitrary object */
-    someDataObject: ISomeInterface;
-    /**
-     * Some input you shouldn't use.
-     *
-     * @deprecated
-     */
-    somethingYouShouldNotUse: boolean;
-    /**
-     * Handler to be called when the button is clicked by a user.
-     *
-     * Will also block the emission of the event if `isDisabled` is true.
-     */
-    onClick: EventEmitter<Event>;
-    /**
-     * This is an internal method that we don't want to document and have added the `ignore`
-     * annotation to.
-     *
-     * @ignore
-     */
-    handleClick(event: Event): void;
-    private _inputValue;
-    /** Setter for `inputValue` that is also an `@Input`. */
-    set inputValue(value: string);
-    /** Getter for `inputValue`. */
-    get inputValue(): string;
-    onClickListener(btn: any): void;
-    focus: boolean;
-    /**
-     * Returns all the CSS classes for the button.
-     *
-     * @ignore
-     */
-    get classes(): string[];
-    /** @ignore */
-    ignoredProperty: string;
-    /** Public value. */
-    internalProperty: string;
-    /** Private value. */
-    private _value;
-    /** Set the private value. */
-    set value(value: string | number);
-    /** Get the private value. */
-    get value(): string | number;
-    /**
-     * An internal calculation method which adds `x` and `y` together.
-     *
-     * @param x Some number you'd like to use.
-     * @param y Some other number or string you'd like to use, will have `parseInt()` applied before
-     *   calculation.
-     */
-    calc(x: number, y: string | number): number;
-    /** A public method using an interface. */
-    publicMethod(things: ISomeInterface): void;
-    /**
-     * A protected method.
-     *
-     * @param id Some `id`.
-     */
-    protected protectedMethod(id?: number): void;
-    /**
-     * A private method.
-     *
-     * @param password Some `password`.
-     */
-    private privateMethod;
-    showKey: keyof T;
-    set item(item: T[]);
-    processedItem: T[];
-}

package/dist/client/docs/__testfixtures__/doc-button/input.js

@@ -1,204 +0,0 @@
-"use strict";
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputComponent = exports.ButtonAccent = exports.exportedConstant = void 0;
-const core_1 = require("@angular/core");
-exports.exportedConstant = 'An exported constant';
-var ButtonAccent;
-(function (ButtonAccent) {
-    ButtonAccent["Normal"] = "Normal";
-    ButtonAccent["High"] = "High";
-})(ButtonAccent || (exports.ButtonAccent = ButtonAccent = {}));
-/**
- * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
- *
- * It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
- * like **bold**, _italic_, and `inline code`.> How you like dem apples?! It's never been easier to
- * document all your components.
- *
- * @string Hello world
- * @link [Example](http://example.com)
- * @code `ThingThing`
- * @html <span class="badge">aaa</span>
- */
-let InputComponent = class InputComponent {
-    constructor() {
-        /** Appearance style of the button. */
-        this.appearance = 'secondary';
-        /** Sets the button to a disabled state. */
-        this.isDisabled = false;
-        /** Size of the button. */
-        this.size = 'medium';
-        /**
-         * Some input you shouldn't use.
-         *
-         * @deprecated
-         */
-        this.somethingYouShouldNotUse = false;
-        /**
-         * Handler to be called when the button is clicked by a user.
-         *
-         * Will also block the emission of the event if `isDisabled` is true.
-         */
-        this.onClick = new core_1.EventEmitter();
-        this._inputValue = 'some value';
-        this.focus = false;
-        /** @ignore */
-        this.ignoredProperty = 'Ignore me';
-        /** Public value. */
-        this.internalProperty = 'Public hello';
-        /** Private value. */
-        this._value = 'Private hello';
-    }
-    /**
-     * This is an internal method that we don't want to document and have added the `ignore`
-     * annotation to.
-     *
-     * @ignore
-     */
-    handleClick(event) {
-        event.stopPropagation();
-        if (!this.isDisabled) {
-            this.onClick.emit(event);
-        }
-    }
-    /** Setter for `inputValue` that is also an `@Input`. */
-    set inputValue(value) {
-        this._inputValue = value;
-    }
-    /** Getter for `inputValue`. */
-    get inputValue() {
-        return this._inputValue;
-    }
-    onClickListener(btn) {
-        console.log('button', btn);
-    }
-    /**
-     * Returns all the CSS classes for the button.
-     *
-     * @ignore
-     */
-    get classes() {
-        return [this.appearance, this.size]
-            .filter((_class) => !!_class)
-            .map((_class) => `btn-${_class}`);
-    }
-    /** Set the private value. */
-    set value(value) {
-        this._value = `${value}`;
-    }
-    /** Get the private value. */
-    get value() {
-        return this._value;
-    }
-    /**
-     * An internal calculation method which adds `x` and `y` together.
-     *
-     * @param x Some number you'd like to use.
-     * @param y Some other number or string you'd like to use, will have `parseInt()` applied before
-     *   calculation.
-     */
-    calc(x, y) {
-        return x + parseInt(`${y}`, 10);
-    }
-    /** A public method using an interface. */
-    publicMethod(things) {
-        console.log(things);
-    }
-    /**
-     * A protected method.
-     *
-     * @param id Some `id`.
-     */
-    protectedMethod(id) {
-        console.log(id);
-    }
-    /**
-     * A private method.
-     *
-     * @param password Some `password`.
-     */
-    privateMethod(password) {
-        console.log(password);
-    }
-    set item(item) {
-        this.processedItem = item;
-    }
-};
-exports.InputComponent = InputComponent;
-__decorate([
-    (0, core_1.ViewChild)('buttonRef', { static: false }),
-    __metadata("design:type", core_1.ElementRef)
-], InputComponent.prototype, "buttonRef", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", String)
-], InputComponent.prototype, "appearance", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", String)
-], InputComponent.prototype, "accent", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "isDisabled", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", String)
-], InputComponent.prototype, "label", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", String)
-], InputComponent.prototype, "size", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "someDataObject", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "somethingYouShouldNotUse", void 0);
-__decorate([
-    (0, core_1.Output)(),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "onClick", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], InputComponent.prototype, "inputValue", null);
-__decorate([
-    (0, core_1.HostListener)('click', ['$event.target']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], InputComponent.prototype, "onClickListener", null);
-__decorate([
-    (0, core_1.HostBinding)('class.focused'),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "focus", void 0);
-__decorate([
-    (0, core_1.Input)('showKeyAlias'),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "showKey", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", Array),
-    __metadata("design:paramtypes", [Array])
-], InputComponent.prototype, "item", null);
-exports.InputComponent = InputComponent = __decorate([
-    (0, core_1.Component)({
-        selector: 'doc-button',
-        template: '<button>{{ label }}</button>',
-    })
-], InputComponent);

package/dist/client/docs/__testfixtures__/doc-button/input.mjs

@@ -1,201 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewChild, ElementRef, } from '@angular/core';
-export const exportedConstant = 'An exported constant';
-export var ButtonAccent;
-(function (ButtonAccent) {
-    ButtonAccent["Normal"] = "Normal";
-    ButtonAccent["High"] = "High";
-})(ButtonAccent || (ButtonAccent = {}));
-/**
- * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
- *
- * It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
- * like **bold**, _italic_, and `inline code`.> How you like dem apples?! It's never been easier to
- * document all your components.
- *
- * @string Hello world
- * @link [Example](http://example.com)
- * @code `ThingThing`
- * @html <span class="badge">aaa</span>
- */
-let InputComponent = class InputComponent {
-    constructor() {
-        /** Appearance style of the button. */
-        this.appearance = 'secondary';
-        /** Sets the button to a disabled state. */
-        this.isDisabled = false;
-        /** Size of the button. */
-        this.size = 'medium';
-        /**
-         * Some input you shouldn't use.
-         *
-         * @deprecated
-         */
-        this.somethingYouShouldNotUse = false;
-        /**
-         * Handler to be called when the button is clicked by a user.
-         *
-         * Will also block the emission of the event if `isDisabled` is true.
-         */
-        this.onClick = new EventEmitter();
-        this._inputValue = 'some value';
-        this.focus = false;
-        /** @ignore */
-        this.ignoredProperty = 'Ignore me';
-        /** Public value. */
-        this.internalProperty = 'Public hello';
-        /** Private value. */
-        this._value = 'Private hello';
-    }
-    /**
-     * This is an internal method that we don't want to document and have added the `ignore`
-     * annotation to.
-     *
-     * @ignore
-     */
-    handleClick(event) {
-        event.stopPropagation();
-        if (!this.isDisabled) {
-            this.onClick.emit(event);
-        }
-    }
-    /** Setter for `inputValue` that is also an `@Input`. */
-    set inputValue(value) {
-        this._inputValue = value;
-    }
-    /** Getter for `inputValue`. */
-    get inputValue() {
-        return this._inputValue;
-    }
-    onClickListener(btn) {
-        console.log('button', btn);
-    }
-    /**
-     * Returns all the CSS classes for the button.
-     *
-     * @ignore
-     */
-    get classes() {
-        return [this.appearance, this.size]
-            .filter((_class) => !!_class)
-            .map((_class) => `btn-${_class}`);
-    }
-    /** Set the private value. */
-    set value(value) {
-        this._value = `${value}`;
-    }
-    /** Get the private value. */
-    get value() {
-        return this._value;
-    }
-    /**
-     * An internal calculation method which adds `x` and `y` together.
-     *
-     * @param x Some number you'd like to use.
-     * @param y Some other number or string you'd like to use, will have `parseInt()` applied before
-     *   calculation.
-     */
-    calc(x, y) {
-        return x + parseInt(`${y}`, 10);
-    }
-    /** A public method using an interface. */
-    publicMethod(things) {
-        console.log(things);
-    }
-    /**
-     * A protected method.
-     *
-     * @param id Some `id`.
-     */
-    protectedMethod(id) {
-        console.log(id);
-    }
-    /**
-     * A private method.
-     *
-     * @param password Some `password`.
-     */
-    privateMethod(password) {
-        console.log(password);
-    }
-    set item(item) {
-        this.processedItem = item;
-    }
-};
-__decorate([
-    ViewChild('buttonRef', { static: false }),
-    __metadata("design:type", ElementRef)
-], InputComponent.prototype, "buttonRef", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], InputComponent.prototype, "appearance", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], InputComponent.prototype, "accent", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "isDisabled", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], InputComponent.prototype, "label", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], InputComponent.prototype, "size", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "someDataObject", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "somethingYouShouldNotUse", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "onClick", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], InputComponent.prototype, "inputValue", null);
-__decorate([
-    HostListener('click', ['$event.target']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], InputComponent.prototype, "onClickListener", null);
-__decorate([
-    HostBinding('class.focused'),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "focus", void 0);
-__decorate([
-    Input('showKeyAlias'),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "showKey", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array),
-    __metadata("design:paramtypes", [Array])
-], InputComponent.prototype, "item", null);
-InputComponent = __decorate([
-    Component({
-        selector: 'doc-button',
-        template: '<button>{{ label }}</button>',
-    })
-], InputComponent);
-export { InputComponent };

package/dist/client/docs/__testfixtures__/doc-button/tsconfig.json

@@ -1,7 +0,0 @@
-{
-    "extends": "../../../tsconfig.json",
-    "compilerOptions": {
-        "rootDir": "."
-    },
-    "include": ["./*.ts"]
-}

package/dist/client/docs/angular-properties.test.d.ts

@@ -1 +0,0 @@
-export {};