@storybook/angular 9.1.0-alpha.0 → 9.1.0-alpha.10

package/dist/builders/start-storybook/schema.json

@@ -1,234 +0,0 @@
-{
-    "$schema": "http://json-schema.org/schema",
-    "title": "Start Storybook",
-    "description": "Serve up storybook in development mode.",
-    "type": "object",
-    "properties": {
-        "browserTarget": {
-            "type": "string",
-            "description": "Build target to be served in project-name:builder:config format. Should generally target on the builder: '@angular-devkit/build-angular:browser'. Useful for Storybook to use options (styles, assets, ...).",
-            "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
-        },
-        "debugWebpack": {
-            "type": "boolean",
-            "description": "Debug the Webpack configuration",
-            "default": false
-        },
-        "tsConfig": {
-            "type": "string",
-            "description": "The full path for the TypeScript configuration file, relative to the current workspace."
-        },
-        "preserveSymlinks": {
-            "type": "boolean",
-            "description": "Do not use the real path when resolving modules. If true, symlinks are resolved to their real path, if false, symlinks are resolved to their symlinked path.",
-            "default": false
-        },
-        "port": {
-            "type": "number",
-            "description": "Port to listen on.",
-            "default": 9009
-        },
-        "host": {
-            "type": "string",
-            "description": "Host to listen on.",
-            "default": "localhost"
-        },
-        "configDir": {
-            "type": "string",
-            "description": "Directory where to load Storybook configurations from.",
-            "default": ".storybook"
-        },
-        "https": {
-            "type": "boolean",
-            "description": "Serve Storybook over HTTPS. Note: You must provide your own certificate information.",
-            "default": false
-        },
-        "sslCa": {
-            "type": "string",
-            "description": "Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate)."
-        },
-        "sslCert": {
-            "type": "string",
-            "description": "Provide an SSL certificate. (Required with --https)."
-        },
-        "sslKey": {
-            "type": "string",
-            "description": "SSL key to use for serving HTTPS."
-        },
-        "smokeTest": {
-            "type": "boolean",
-            "description": "Exit after successful start.",
-            "default": false
-        },
-        "ci": {
-            "type": "boolean",
-            "description": "CI mode (skip interactive prompts, don't open browser).",
-            "default": false
-        },
-        "open": {
-            "type": "boolean",
-            "description": "Whether to open Storybook automatically in the browser.",
-            "default": true
-        },
-        "quiet": {
-            "type": "boolean",
-            "description": "Suppress verbose build output.",
-            "default": false
-        },
-        "enableProdMode": {
-            "type": "boolean",
-            "description": "Disable Angular's development mode, which turns off assertions and other checks within the framework.",
-            "default": false
-        },
-        "docs": {
-            "type": "boolean",
-            "description": "Starts Storybook in documentation mode. Learn more about it : https://storybook.js.org/docs/writing-docs/build-documentation#preview-storybooks-documentation.",
-            "default": false
-        },
-        "compodoc": {
-            "type": "boolean",
-            "description": "Execute compodoc before.",
-            "default": true
-        },
-        "compodocArgs": {
-            "type": "array",
-            "description": "Compodoc options : https://compodoc.app/guides/options.html. Options `-p` with tsconfig path and `-d` with workspace root is always given.",
-            "default": ["-e", "json"],
-            "items": {
-                "type": "string"
-            }
-        },
-        "styles": {
-            "type": "array",
-            "description": "Global styles to be included in the build.",
-            "items": {
-                "$ref": "#/definitions/styleElement"
-            }
-        },
-        "stylePreprocessorOptions": {
-            "description": "Options to pass to style preprocessors.",
-            "type": "object",
-            "properties": {
-                "includePaths": {
-                    "description": "Paths to include. Paths will be resolved to workspace root.",
-                    "type": "array",
-                    "items": {
-                        "type": "string"
-                    }
-                }
-            },
-            "additionalProperties": false
-        },
-        "assets": {
-            "type": "array",
-            "description": "List of static application assets.",
-            "default": [],
-            "items": {
-                "$ref": "#/definitions/assetPattern"
-            }
-        },
-        "initialPath": {
-            "type": "string",
-            "description": "URL path to be appended when visiting Storybook for the first time"
-        },
-        "webpackStatsJson": {
-            "type": ["boolean", "string"],
-            "description": "Write Webpack Stats JSON to disk",
-            "default": false
-        },
-        "statsJson": {
-            "type": ["boolean", "string"],
-            "description": "Write stats JSON to disk",
-            "default": false
-        },
-        "previewUrl": {
-            "type": "string",
-            "description": "Disables the default storybook preview and lets you use your own"
-        },
-        "loglevel": {
-            "type": "string",
-            "description": "Controls level of logging during build. Can be one of: [silly, verbose, info (default), warn, error, silent].",
-            "pattern": "(silly|verbose|info|warn|silent)"
-        },
-        "sourceMap": {
-            "type": ["boolean", "object"],
-            "description": "Configure sourcemaps. See: https://angular.io/guide/workspace-config#source-map-configuration",
-            "default": false
-        },
-        "experimentalZoneless": {
-            "type": "boolean",
-            "description": "Experimental: Use zoneless change detection.",
-            "default": false
-        }
-    },
-    "additionalProperties": false,
-    "definitions": {
-        "assetPattern": {
-            "oneOf": [
-                {
-                    "type": "object",
-                    "properties": {
-                        "followSymlinks": {
-                            "type": "boolean",
-                            "default": false,
-                            "description": "Allow glob patterns to follow symlink directories. This allows subdirectories of the symlink to be searched."
-                        },
-                        "glob": {
-                            "type": "string",
-                            "description": "The pattern to match."
-                        },
-                        "input": {
-                            "type": "string",
-                            "description": "The input directory path in which to apply 'glob'. Defaults to the project root."
-                        },
-                        "ignore": {
-                            "description": "An array of globs to ignore.",
-                            "type": "array",
-                            "items": {
-                                "type": "string"
-                            }
-                        },
-                        "output": {
-                            "type": "string",
-                            "description": "Absolute path within the output."
-                        }
-                    },
-                    "additionalProperties": false,
-                    "required": ["glob", "input", "output"]
-                },
-                {
-                    "type": "string"
-                }
-            ]
-        },
-        "styleElement": {
-            "oneOf": [
-                {
-                    "type": "object",
-                    "properties": {
-                        "input": {
-                            "type": "string",
-                            "description": "The file to include."
-                        },
-                        "bundleName": {
-                            "type": "string",
-                            "pattern": "^[\\w\\-.]*$",
-                            "description": "The bundle name for this extra entry point."
-                        },
-                        "inject": {
-                            "type": "boolean",
-                            "description": "If the bundle will be referenced in the HTML file.",
-                            "default": true
-                        }
-                    },
-                    "additionalProperties": false,
-                    "required": ["input"]
-                },
-                {
-                    "type": "string",
-                    "description": "The file to include."
-                }
-            ]
-        }
-    }
-}

package/dist/builders/utils/error-handler.d.ts

@@ -1,2 +0,0 @@
-export declare const printErrorDetails: (error: any) => void;
-export declare const errorSummary: (error: any) => string;

package/dist/builders/utils/error-handler.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.errorSummary = exports.printErrorDetails = void 0;
-const node_logger_1 = require("storybook/internal/node-logger");
-const ts_dedent_1 = require("ts-dedent");
-const printErrorDetails = (error) => {
-    // Duplicate code for Standalone error handling
-    // Source: https://github.com/storybookjs/storybook/blob/39c7ba09ad84fbd466f9c25d5b92791a5450b9f6/lib/core-server/src/build-dev.ts#L136
-    node_logger_1.instance.heading = '';
-    if (error instanceof Error) {
-        if (error.error) {
-            node_logger_1.logger.error(error.error);
-        }
-        else if (error.stats && error.stats.compilation.errors) {
-            error.stats.compilation.errors.forEach((e) => node_logger_1.logger.plain(e));
-        }
-        else {
-            node_logger_1.logger.error(error);
-        }
-    }
-    else if (error.compilation?.errors) {
-        error.compilation.errors.forEach((e) => node_logger_1.logger.plain(e));
-    }
-    node_logger_1.logger.line();
-};
-exports.printErrorDetails = printErrorDetails;
-const errorSummary = (error) => {
-    return error.close
-        ? (0, ts_dedent_1.dedent) `
-      FATAL broken build!, will close the process,
-      Fix the error below and restart storybook.
-    `
-        : (0, ts_dedent_1.dedent) `
-      Broken build, fix the error above.
-      You may need to refresh the browser.
-    `;
-};
-exports.errorSummary = errorSummary;

package/dist/builders/utils/error-handler.mjs

@@ -1,33 +0,0 @@
-import { logger, instance as npmLog } from 'storybook/internal/node-logger';
-import { dedent } from 'ts-dedent';
-export const printErrorDetails = (error) => {
-    // Duplicate code for Standalone error handling
-    // Source: https://github.com/storybookjs/storybook/blob/39c7ba09ad84fbd466f9c25d5b92791a5450b9f6/lib/core-server/src/build-dev.ts#L136
-    npmLog.heading = '';
-    if (error instanceof Error) {
-        if (error.error) {
-            logger.error(error.error);
-        }
-        else if (error.stats && error.stats.compilation.errors) {
-            error.stats.compilation.errors.forEach((e) => logger.plain(e));
-        }
-        else {
-            logger.error(error);
-        }
-    }
-    else if (error.compilation?.errors) {
-        error.compilation.errors.forEach((e) => logger.plain(e));
-    }
-    logger.line();
-};
-export const errorSummary = (error) => {
-    return error.close
-        ? dedent `
-      FATAL broken build!, will close the process,
-      Fix the error below and restart storybook.
-    `
-        : dedent `
-      Broken build, fix the error above.
-      You may need to refresh the browser.
-    `;
-};

package/dist/builders/utils/run-compodoc.d.ts

@@ -1,6 +0,0 @@
-import { BuilderContext } from '@angular-devkit/architect';
-import { Observable } from 'rxjs';
-export declare const runCompodoc: ({ compodocArgs, tsconfig }: {
-    compodocArgs: string[];
-    tsconfig: string;
-}, context: BuilderContext) => Observable<void>;

package/dist/builders/utils/run-compodoc.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runCompodoc = void 0;
-const node_path_1 = require("node:path");
-const common_1 = require("storybook/internal/common");
-const rxjs_1 = require("rxjs");
-const hasTsConfigArg = (args) => args.indexOf('-p') !== -1;
-const hasOutputArg = (args) => args.indexOf('-d') !== -1 || args.indexOf('--output') !== -1;
-// relative is necessary to workaround a compodoc issue with
-// absolute paths on windows machines
-const toRelativePath = (pathToTsConfig) => {
-    return (0, node_path_1.isAbsolute)(pathToTsConfig) ? (0, node_path_1.relative)('.', pathToTsConfig) : pathToTsConfig;
-};
-const runCompodoc = ({ compodocArgs, tsconfig }, context) => {
-    return new rxjs_1.Observable((observer) => {
-        const tsConfigPath = toRelativePath(tsconfig);
-        const finalCompodocArgs = [
-            ...(hasTsConfigArg(compodocArgs) ? [] : ['-p', tsConfigPath]),
-            ...(hasOutputArg(compodocArgs) ? [] : ['-d', `${context.workspaceRoot || '.'}`]),
-            ...compodocArgs,
-        ];
-        const packageManager = common_1.JsPackageManagerFactory.getPackageManager();
-        try {
-            const stdout = packageManager.runPackageCommandSync('compodoc', finalCompodocArgs, context.workspaceRoot, 'inherit');
-            context.logger.info(stdout);
-            observer.next();
-            observer.complete();
-        }
-        catch (e) {
-            context.logger.error(e);
-            observer.error();
-        }
-    });
-};
-exports.runCompodoc = runCompodoc;

package/dist/builders/utils/run-compodoc.mjs

@@ -1,31 +0,0 @@
-import { isAbsolute, relative } from 'node:path';
-import { JsPackageManagerFactory } from 'storybook/internal/common';
-import { Observable } from 'rxjs';
-const hasTsConfigArg = (args) => args.indexOf('-p') !== -1;
-const hasOutputArg = (args) => args.indexOf('-d') !== -1 || args.indexOf('--output') !== -1;
-// relative is necessary to workaround a compodoc issue with
-// absolute paths on windows machines
-const toRelativePath = (pathToTsConfig) => {
-    return isAbsolute(pathToTsConfig) ? relative('.', pathToTsConfig) : pathToTsConfig;
-};
-export const runCompodoc = ({ compodocArgs, tsconfig }, context) => {
-    return new Observable((observer) => {
-        const tsConfigPath = toRelativePath(tsconfig);
-        const finalCompodocArgs = [
-            ...(hasTsConfigArg(compodocArgs) ? [] : ['-p', tsConfigPath]),
-            ...(hasOutputArg(compodocArgs) ? [] : ['-d', `${context.workspaceRoot || '.'}`]),
-            ...compodocArgs,
-        ];
-        const packageManager = JsPackageManagerFactory.getPackageManager();
-        try {
-            const stdout = packageManager.runPackageCommandSync('compodoc', finalCompodocArgs, context.workspaceRoot, 'inherit');
-            context.logger.info(stdout);
-            observer.next();
-            observer.complete();
-        }
-        catch (e) {
-            context.logger.error(e);
-            observer.error();
-        }
-    });
-};

package/dist/builders/utils/run-compodoc.spec.d.ts

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

package/dist/builders/utils/run-compodoc.spec.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const operators_1 = require("rxjs/operators");
-const vitest_1 = require("vitest");
-const run_compodoc_1 = require("./run-compodoc");
-const mockRunScript = vitest_1.vi.fn();
-vitest_1.vi.mock('storybook/internal/common', () => ({
-    JsPackageManagerFactory: {
-        getPackageManager: () => ({
-            runPackageCommandSync: mockRunScript,
-        }),
-    },
-}));
-const builderContextLoggerMock = {
-    createChild: vitest_1.vi.fn(),
-    log: vitest_1.vi.fn(),
-    debug: vitest_1.vi.fn(),
-    info: vitest_1.vi.fn(),
-    warn: vitest_1.vi.fn(),
-    error: vitest_1.vi.fn(),
-    fatal: vitest_1.vi.fn(),
-};
-(0, vitest_1.describe)('runCompodoc', () => {
-    (0, vitest_1.afterEach)(() => {
-        mockRunScript.mockClear();
-    });
-    const builderContextMock = {
-        workspaceRoot: 'path/to/project',
-        logger: builderContextLoggerMock,
-    };
-    (0, vitest_1.it)('should run compodoc with tsconfig from context', async () => {
-        (0, run_compodoc_1.runCompodoc)({
-            compodocArgs: [],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe((0, operators_1.take)(1))
-            .subscribe();
-        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
-    });
-    (0, vitest_1.it)('should run compodoc with tsconfig from compodocArgs', async () => {
-        (0, run_compodoc_1.runCompodoc)({
-            compodocArgs: ['-p', 'path/to/tsconfig.stories.json'],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe((0, operators_1.take)(1))
-            .subscribe();
-        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'], 'path/to/project', 'inherit');
-    });
-    (0, vitest_1.it)('should run compodoc with default output folder.', async () => {
-        (0, run_compodoc_1.runCompodoc)({
-            compodocArgs: [],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe((0, operators_1.take)(1))
-            .subscribe();
-        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
-    });
-    (0, vitest_1.it)('should run with custom output folder specified with --output compodocArgs', async () => {
-        (0, run_compodoc_1.runCompodoc)({
-            compodocArgs: ['--output', 'path/to/customFolder'],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe((0, operators_1.take)(1))
-            .subscribe();
-        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '--output', 'path/to/customFolder'], 'path/to/project', 'inherit');
-    });
-    (0, vitest_1.it)('should run with custom output folder specified with -d compodocArgs', async () => {
-        (0, run_compodoc_1.runCompodoc)({
-            compodocArgs: ['-d', 'path/to/customFolder'],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe((0, operators_1.take)(1))
-            .subscribe();
-        (0, vitest_1.expect)(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/customFolder'], 'path/to/project', 'inherit');
-    });
-});

package/dist/builders/utils/run-compodoc.spec.mjs

@@ -1,74 +0,0 @@
-import { take } from 'rxjs/operators';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { runCompodoc } from './run-compodoc';
-const mockRunScript = vi.fn();
-vi.mock('storybook/internal/common', () => ({
-    JsPackageManagerFactory: {
-        getPackageManager: () => ({
-            runPackageCommandSync: mockRunScript,
-        }),
-    },
-}));
-const builderContextLoggerMock = {
-    createChild: vi.fn(),
-    log: vi.fn(),
-    debug: vi.fn(),
-    info: vi.fn(),
-    warn: vi.fn(),
-    error: vi.fn(),
-    fatal: vi.fn(),
-};
-describe('runCompodoc', () => {
-    afterEach(() => {
-        mockRunScript.mockClear();
-    });
-    const builderContextMock = {
-        workspaceRoot: 'path/to/project',
-        logger: builderContextLoggerMock,
-    };
-    it('should run compodoc with tsconfig from context', async () => {
-        runCompodoc({
-            compodocArgs: [],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe(take(1))
-            .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
-    });
-    it('should run compodoc with tsconfig from compodocArgs', async () => {
-        runCompodoc({
-            compodocArgs: ['-p', 'path/to/tsconfig.stories.json'],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe(take(1))
-            .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'], 'path/to/project', 'inherit');
-    });
-    it('should run compodoc with default output folder.', async () => {
-        runCompodoc({
-            compodocArgs: [],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe(take(1))
-            .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], 'path/to/project', 'inherit');
-    });
-    it('should run with custom output folder specified with --output compodocArgs', async () => {
-        runCompodoc({
-            compodocArgs: ['--output', 'path/to/customFolder'],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe(take(1))
-            .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '--output', 'path/to/customFolder'], 'path/to/project', 'inherit');
-    });
-    it('should run with custom output folder specified with -d compodocArgs', async () => {
-        runCompodoc({
-            compodocArgs: ['-d', 'path/to/customFolder'],
-            tsconfig: 'path/to/tsconfig.json',
-        }, builderContextMock)
-            .pipe(take(1))
-            .subscribe();
-        expect(mockRunScript).toHaveBeenCalledWith('compodoc', ['-p', 'path/to/tsconfig.json', '-d', 'path/to/customFolder'], 'path/to/project', 'inherit');
-    });
-});

package/dist/builders/utils/standalone-options.d.ts

@@ -1,18 +0,0 @@
-import { BuilderOptions, CLIOptions, LoadOptions } from 'storybook/internal/types';
-import { BuilderContext } from '@angular-devkit/architect';
-import { AssetPattern, SourceMapUnion, StyleElement, StylePreprocessorOptions } from '@angular-devkit/build-angular/src/builders/browser/schema';
-export type StandaloneOptions = CLIOptions & LoadOptions & BuilderOptions & {
-    mode?: 'static' | 'dev';
-    enableProdMode: boolean;
-    angularBrowserTarget?: string | null;
-    angularBuilderOptions?: Record<string, any> & {
-        styles?: StyleElement[];
-        stylePreprocessorOptions?: StylePreprocessorOptions;
-        assets?: AssetPattern[];
-        sourceMap?: SourceMapUnion;
-        preserveSymlinks?: boolean;
-        experimentalZoneless?: boolean;
-    };
-    angularBuilderContext?: BuilderContext | null;
-    tsConfig?: string;
-};

package/dist/builders/utils/standalone-options.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/builders/utils/standalone-options.mjs

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

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

@@ -1,75 +0,0 @@
-import { Subject } from 'rxjs';
-import { ICollection, StoryFnAngularReturnType } from '../types';
-type StoryRenderInfo = {
-    storyFnAngular: StoryFnAngularReturnType;
-    moduleMetadataSnapshot: string;
-};
-declare global {
-    const STORYBOOK_ANGULAR_OPTIONS: {
-        experimentalZoneless: boolean;
-    };
-}
-/**
- * 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.
- */
-export declare const STORY_UID_ATTRIBUTE = "data-sb-story-uid";
-export declare abstract class AbstractRenderer {
-    /** Wait and destroy the platform */
-    static resetApplications(domNode?: HTMLElement): void;
-    protected previousStoryRenderInfo: Map<HTMLElement, StoryRenderInfo>;
-    protected storyProps$: Subject<ICollection | undefined>;
-    protected abstract beforeFullRender(domNode?: HTMLElement): Promise<void>;
-    /**
-     * Bootstrap main angular module with main component or send only new `props` with storyProps$
-     *
-     * @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
-     *
-     * @param component {Component}
-     */
-    render({ storyFnAngular, forced, component, targetDOMNode, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        forced: boolean;
-        component?: any;
-        targetDOMNode: HTMLElement;
-    }): Promise<void>;
-    /**
-     * 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"
-     *
-     * @memberof AbstractRenderer
-     * @protected
-     */
-    protected generateTargetSelectorFromStoryId(id: string): string;
-    /**
-     * Angular is unable to handle components that have selectors with accented attributes.
-     *
-     * Therefore, stories break when meta's title contains accents.
-     * https://github.com/storybookjs/storybook/issues/29132
-     *
-     * This method filters accents from a given raw id. For example, this method converts
-     * 'Example/Button with an "é" accent' into 'Example/Button with an "e" accent'.
-     *
-     * @memberof AbstractRenderer
-     * @protected
-     */
-    protected generateStoryUIdFromRawStoryUid(rawStoryUid: string | null): string | null;
-    /** Adds DOM element that angular will use as bootstrap component. */
-    protected initAngularRootElement(targetDOMNode: HTMLElement, targetSelector: string): void;
-    private fullRendererRequired;
-}
-export {};