UNPKG

@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
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, ["*"]>; }