@stories-js/angular
Version:
Angular Stories renderer and wrapper for custom elements of Stories to be used as first-class Angular components
342 lines (341 loc) • 16.7 kB
TypeScript
import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
import { Components } from '@stories-js/core';
import type { StoryComponent as IAppStoryComponent } from '@stories-js/core';
import type { StoryContext as IAppStoryContext } from '@stories-js/core';
import type { CheckboxChangeEventDetail as ICheckboxCheckboxChangeEventDetail } from '@stories-js/core';
import type { InputChangeEventDetail as IInputInputChangeEventDetail } from '@stories-js/core';
import type { SearchbarChangeEventDetail as ISearchbarSearchbarChangeEventDetail } from '@stories-js/core';
import type { ToolEvent as IToolButtonToolEvent } from '@stories-js/core';
import * as i0 from "@angular/core";
export declare interface StoriesAddonActions extends Components.StoriesAddonActions {
}
export declare class StoriesAddonActions {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesAddonActions, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesAddonActions, "stories-addon-actions", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesAddonControls extends Components.StoriesAddonControls {
}
export declare class StoriesAddonControls {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesAddonControls, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesAddonControls, "stories-addon-controls", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesAddons extends Components.StoriesAddons {
}
export declare class StoriesAddons {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesAddons, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesAddons, "stories-addons", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesApp extends Components.StoriesApp {
/**
*
*/
storyChange: EventEmitter<CustomEvent<IAppStoryComponent>>;
/**
*
*/
storyContextChange: EventEmitter<CustomEvent<IAppStoryContext>>;
}
export declare class StoriesApp {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesApp, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesApp, "stories-app", never, { "modules": "modules"; "store": "store"; }, {}, never, ["*"]>;
}
export declare interface StoriesBadge extends Components.StoriesBadge {
}
export declare class StoriesBadge {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesBadge, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesBadge, "stories-badge", never, { "color": "color"; }, {}, never, ["*"]>;
}
export declare interface StoriesButton extends Components.StoriesButton {
/**
* Emitted when the button has focus.
*/
storiesFocus: EventEmitter<CustomEvent<void>>;
/**
* Emitted when the button loses focus.
*/
storiesBlur: EventEmitter<CustomEvent<void>>;
/**
* Emitted when the button click.
*/
storiesClick: EventEmitter<CustomEvent<void>>;
}
export declare class StoriesButton {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesButton, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesButton, "stories-button", never, { "buttonType": "buttonType"; "color": "color"; "disabled": "disabled"; "expand": "expand"; "fill": "fill"; "href": "href"; "routerDirection": "routerDirection"; "shape": "shape"; "size": "size"; "strong": "strong"; "target": "target"; "type": "type"; }, {}, never, ["*"]>;
}
export declare interface StoriesButtons extends Components.StoriesButtons {
}
export declare class StoriesButtons {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesButtons, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesButtons, "stories-buttons", never, { "collapse": "collapse"; }, {}, never, ["*"]>;
}
export declare interface StoriesCheckbox extends Components.StoriesCheckbox {
/**
* Emitted when the checked property has changed.
*/
storiesChange: EventEmitter<CustomEvent<ICheckboxCheckboxChangeEventDetail>>;
/**
* Emitted when the checkbox has focus.
*/
storiesFocus: EventEmitter<CustomEvent<void>>;
/**
* Emitted when the checkbox loses focus.
*/
storiesBlur: EventEmitter<CustomEvent<void>>;
}
export declare class StoriesCheckbox {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesCheckbox, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesCheckbox, "stories-checkbox", never, { "checked": "checked"; "color": "color"; "disabled": "disabled"; "indeterminate": "indeterminate"; "name": "name"; "value": "value"; }, {}, never, ["*"]>;
}
export declare interface StoriesCol extends Components.StoriesCol {
}
export declare class StoriesCol {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesCol, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesCol, "stories-col", never, { "offset": "offset"; "offsetLg": "offsetLg"; "offsetMd": "offsetMd"; "offsetSm": "offsetSm"; "offsetXl": "offsetXl"; "offsetXs": "offsetXs"; "pull": "pull"; "pullLg": "pullLg"; "pullMd": "pullMd"; "pullSm": "pullSm"; "pullXl": "pullXl"; "pullXs": "pullXs"; "push": "push"; "pushLg": "pushLg"; "pushMd": "pushMd"; "pushSm": "pushSm"; "pushXl": "pushXl"; "pushXs": "pushXs"; "size": "size"; "sizeLg": "sizeLg"; "sizeMd": "sizeMd"; "sizeSm": "sizeSm"; "sizeXl": "sizeXl"; "sizeXs": "sizeXs"; }, {}, never, ["*"]>;
}
export declare interface StoriesFooter extends Components.StoriesFooter {
}
export declare class StoriesFooter {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesFooter, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesFooter, "stories-footer", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesGrid extends Components.StoriesGrid {
}
export declare class StoriesGrid {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesGrid, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesGrid, "stories-grid", never, { "fixed": "fixed"; }, {}, never, ["*"]>;
}
export declare interface StoriesIcon extends Components.StoriesIcon {
}
export declare class StoriesIcon {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesIcon, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesIcon, "stories-icon", never, { "name": "name"; }, {}, never, ["*"]>;
}
export declare interface StoriesInput extends Components.StoriesInput {
/**
* Emitted when a keyboard input occurred.
*/
storiesInput: EventEmitter<CustomEvent<InputEvent>>;
/**
* Emitted when the value has changed.
*/
storiesChange: EventEmitter<CustomEvent<IInputInputChangeEventDetail>>;
/**
* Emitted when the input loses focus.
*/
storiesBlur: EventEmitter<CustomEvent<FocusEvent>>;
/**
* Emitted when the input has focus.
*/
storiesFocus: EventEmitter<CustomEvent<FocusEvent>>;
}
export declare class StoriesInput {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesInput, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesInput, "stories-input", never, { "autofocus": "autofocus"; "clearInput": "clearInput"; "color": "color"; "debounce": "debounce"; "disabled": "disabled"; "inputmode": "inputmode"; "max": "max"; "maxlength": "maxlength"; "min": "min"; "minlength": "minlength"; "name": "name"; "pattern": "pattern"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "size": "size"; "step": "step"; "type": "type"; "value": "value"; }, {}, never, ["*"]>;
}
export declare interface StoriesLabel extends Components.StoriesLabel {
}
export declare class StoriesLabel {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesLabel, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesLabel, "stories-label", never, { "color": "color"; "position": "position"; }, {}, never, ["*"]>;
}
export declare interface StoriesPreview extends Components.StoriesPreview {
}
export declare class StoriesPreview {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesPreview, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesPreview, "stories-preview", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesRouter extends Components.StoriesRouter {
}
export declare class StoriesRouter {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesRouter, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesRouter, "stories-router", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesRow extends Components.StoriesRow {
}
export declare class StoriesRow {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesRow, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesRow, "stories-row", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesSearchbar extends Components.StoriesSearchbar {
/**
* Emitted when a keyboard input occurred.
*/
storiesInput: EventEmitter<CustomEvent<KeyboardEvent>>;
/**
* Emitted when the value has changed.
*/
storiesChange: EventEmitter<CustomEvent<ISearchbarSearchbarChangeEventDetail>>;
/**
* Emitted when the cancel button is clicked.
*/
storiesCancel: EventEmitter<CustomEvent<void>>;
/**
* Emitted when the clear input button is clicked.
*/
storiesClear: EventEmitter<CustomEvent<void>>;
/**
* Emitted when the input loses focus.
*/
storiesBlur: EventEmitter<CustomEvent<void>>;
/**
* Emitted when the input has focus.
*/
storiesFocus: EventEmitter<CustomEvent<void>>;
}
export declare class StoriesSearchbar {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesSearchbar, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesSearchbar, "stories-searchbar", never, { "cancelButtonIcon": "cancelButtonIcon"; "clearIcon": "clearIcon"; "color": "color"; "debounce": "debounce"; "disabled": "disabled"; "inputmode": "inputmode"; "placeholder": "placeholder"; "searchIcon": "searchIcon"; "showCancelButton": "showCancelButton"; "showClearButton": "showClearButton"; "type": "type"; "value": "value"; }, {}, never, ["*"]>;
}
export declare interface StoriesSidebar extends Components.StoriesSidebar {
}
export declare class StoriesSidebar {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesSidebar, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesSidebar, "stories-sidebar", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesSplitPane extends Components.StoriesSplitPane {
/**
*
*/
storiesSizeChange: EventEmitter<CustomEvent<number>>;
}
export declare class StoriesSplitPane {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesSplitPane, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesSplitPane, "stories-split-pane", never, { "defaultSize": "defaultSize"; "isResizing": "isResizing"; "minSize": "minSize"; "split": "split"; }, {}, never, ["*"]>;
}
export declare interface StoriesTab extends Components.StoriesTab {
}
export declare class StoriesTab {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesTab, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesTab, "stories-tab", never, { "tab": "tab"; }, {}, never, ["*"]>;
}
export declare interface StoriesTabBar extends Components.StoriesTabBar {
}
export declare class StoriesTabBar {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesTabBar, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesTabBar, "stories-tab-bar", never, { "color": "color"; "selectedTab": "selectedTab"; }, {}, never, ["*"]>;
}
export declare interface StoriesTabButton extends Components.StoriesTabButton {
}
export declare class StoriesTabButton {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesTabButton, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesTabButton, "stories-tab-button", never, { "disabled": "disabled"; "layout": "layout"; "selected": "selected"; "tab": "tab"; }, {}, never, ["*"]>;
}
export declare interface StoriesTabs extends Components.StoriesTabs {
}
export declare class StoriesTabs {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesTabs, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesTabs, "stories-tabs", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesToolBar extends Components.StoriesToolBar {
}
export declare class StoriesToolBar {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesToolBar, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesToolBar, "stories-tool-bar", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesToolButton extends Components.StoriesToolButton {
/**
* Action Event
*/
storiesAction: EventEmitter<CustomEvent<IToolButtonToolEvent>>;
}
export declare class StoriesToolButton {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesToolButton, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesToolButton, "stories-tool-button", never, { "command": "command"; "disabled": "disabled"; "icon": "icon"; }, {}, never, ["*"]>;
}
export declare interface StoriesToolZoom extends Components.StoriesToolZoom {
}
export declare class StoriesToolZoom {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesToolZoom, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesToolZoom, "stories-tool-zoom", never, {}, {}, never, ["*"]>;
}
export declare interface StoriesZoom extends Components.StoriesZoom {
}
export declare class StoriesZoom {
protected z: NgZone;
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<StoriesZoom, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StoriesZoom, "stories-zoom", never, { "zoom": "zoom"; }, {}, never, ["*"]>;
}