sequential-workflow-designer-angular
Version:
Angular wrapper for Sequential Workflow Designer component.
61 lines (60 loc) • 3.9 kB
TypeScript
import { AfterViewInit, ApplicationRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
import { CustomActionHandler, Definition, Designer, DesignerExtension, RootEditorContext, RootEditorProvider, KeyboardConfiguration, Step, StepEditorContext, StepEditorProvider, StepsConfiguration, ToolboxConfiguration, UidGenerator, ValidatorConfiguration, PlaceholderConfiguration, I18n, PreferenceStorage } from 'sequential-workflow-designer';
import * as i0 from "@angular/core";
export interface RootEditorWrapper {
definition: Definition;
context: RootEditorContext;
isReadonly: boolean;
}
export interface StepEditorWrapper {
step: Step;
definition: Definition;
context: StepEditorContext;
isReadonly: boolean;
}
export declare type AngularToolboxConfiguration = Omit<ToolboxConfiguration, 'isCollapsed'>;
export declare class DesignerComponent implements AfterViewInit, OnChanges, OnDestroy {
private readonly ngZone;
private readonly applicationRef;
private designer?;
private lastEmbeddedView?;
private placeholder?;
theme?: string;
undoStackSize?: number;
definition?: Definition;
stepsConfiguration?: StepsConfiguration;
validatorConfiguration?: ValidatorConfiguration;
placeholderConfiguration?: PlaceholderConfiguration;
toolboxConfiguration?: AngularToolboxConfiguration | false;
controlBar?: boolean;
contextMenu?: boolean;
keyboard?: boolean | KeyboardConfiguration;
preferenceStorage?: PreferenceStorage;
extensions?: DesignerExtension[];
i18n?: I18n;
customActionHandler?: CustomActionHandler;
isReadonly?: boolean;
selectedStepId?: string | null;
uidGenerator?: UidGenerator;
isToolboxCollapsed?: boolean;
isEditorCollapsed?: boolean;
areEditorsHidden?: boolean;
rootEditor?: TemplateRef<unknown> | RootEditorProvider;
stepEditor?: TemplateRef<unknown> | StepEditorProvider;
readonly onReady: EventEmitter<Designer<Definition>>;
readonly onDefinitionChanged: EventEmitter<Definition>;
readonly onSelectedStepIdChanged: EventEmitter<string | null>;
readonly onStepUnselectionBlocked: EventEmitter<string | null>;
readonly onIsToolboxCollapsedChanged: EventEmitter<boolean>;
readonly onIsEditorCollapsedChanged: EventEmitter<boolean>;
constructor(ngZone: NgZone, applicationRef: ApplicationRef);
ngAfterViewInit(): void;
ngOnChanges(changes: SimpleChanges): void;
ngOnDestroy(): void;
private attach;
private readonly rootEditorProvider;
private readonly stepEditorProvider;
private editorProvider;
static ɵfac: i0.ɵɵFactoryDeclaration<DesignerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DesignerComponent, "sqd-designer", never, { "theme": "theme"; "undoStackSize": "undoStackSize"; "definition": "definition"; "stepsConfiguration": "stepsConfiguration"; "validatorConfiguration": "validatorConfiguration"; "placeholderConfiguration": "placeholderConfiguration"; "toolboxConfiguration": "toolboxConfiguration"; "controlBar": "controlBar"; "contextMenu": "contextMenu"; "keyboard": "keyboard"; "preferenceStorage": "preferenceStorage"; "extensions": "extensions"; "i18n": "i18n"; "customActionHandler": "customActionHandler"; "isReadonly": "isReadonly"; "selectedStepId": "selectedStepId"; "uidGenerator": "uidGenerator"; "isToolboxCollapsed": "isToolboxCollapsed"; "isEditorCollapsed": "isEditorCollapsed"; "areEditorsHidden": "areEditorsHidden"; "rootEditor": "rootEditor"; "stepEditor": "stepEditor"; }, { "onReady": "onReady"; "onDefinitionChanged": "onDefinitionChanged"; "onSelectedStepIdChanged": "onSelectedStepIdChanged"; "onStepUnselectionBlocked": "onStepUnselectionBlocked"; "onIsToolboxCollapsedChanged": "onIsToolboxCollapsedChanged"; "onIsEditorCollapsedChanged": "onIsEditorCollapsedChanged"; }, never, never>;
}