@valtimo/form-flow-management 13.43.0 → 13.45.0

package/lib/components/editor/form-flow-editor.component.d.ts

@@ -1,15 +1,15 @@
 import { OnDestroy } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
-import { BreadcrumbService, EditorModel, PageHeaderService, PageTitleService } from '@valtimo/components';
+import { BreadcrumbService, EditorModel, PageHeaderService, PageTitleService, PendingChangesComponent } from '@valtimo/components';
 import { GlobalNotificationService } from '@valtimo/shared';
 import { IconService } from 'carbon-components-angular';
-import { editor } from 'monaco-editor';
 import { BehaviorSubject, Observable } from 'rxjs';
+import { FormFlowEditorTab } from '../../models';
 import { FormFlowService } from '../../services';
 import { FormFlowDownloadService } from '../../services/form-flow-download.service';
 import * as i0 from "@angular/core";
-export declare class FormFlowEditorComponent implements OnDestroy {
+export declare class FormFlowEditorComponent extends PendingChangesComponent implements OnDestroy {
     private readonly breadcrumbService;
     private readonly formFlowDownloadService;
     private readonly formFlowService;
@@ -20,29 +20,58 @@ export declare class FormFlowEditorComponent implements OnDestroy {
     private readonly route;
     private readonly router;
     private readonly translateService;
+    private _tabs;
     readonly readOnly$: BehaviorSubject<boolean>;
     readonly valid$: BehaviorSubject<boolean>;
     readonly loading$: BehaviorSubject<boolean>;
     readonly showDeleteModal$: BehaviorSubject<boolean>;
-    readonly CARBON_THEME = "g10";
+    readonly $activeTab: import("@angular/core").WritableSignal<FormFlowEditorTab>;
+    readonly $saveAttempted: import("@angular/core").WritableSignal<boolean>;
+    protected readonly FormFlowEditorTab: typeof FormFlowEditorTab;
+    protected readonly testIds: {
+        readonly saveButton: "formFlowEditorSaveButton";
+        readonly backButton: "formFlowEditorBackButton";
+        readonly stepList: "formFlowEditorStepList";
+        readonly stepListItem: "formFlowEditorStepListItem";
+        readonly addStepButton: "formFlowEditorAddStepButton";
+        readonly deleteStepButton: "formFlowEditorDeleteStepButton";
+        readonly makeStartStepButton: "formFlowEditorMakeStartStepButton";
+        readonly stepKeyInput: "formFlowEditorStepKeyInput";
+        readonly stepTitleInput: "formFlowEditorStepTitleInput";
+        readonly stepTypeDropdown: "formFlowEditorStepTypeDropdown";
+        readonly stepPropertyInput: "formFlowEditorStepPropertyInput";
+        readonly stepPropertyDropdown: "formFlowEditorStepPropertyDropdown";
+        readonly addTransitionButton: "formFlowEditorAddTransitionButton";
+        readonly transitionRow: "formFlowEditorTransitionRow";
+        readonly addExpressionButton: "formFlowEditorAddExpressionButton";
+        readonly expressionInput: "formFlowEditorExpressionInput";
+    };
     private readonly _context$;
     private readonly _params$;
     readonly formFlowSchemaJson$: Observable<object>;
-    readonly editorOptions: editor.IEditorOptions;
     private readonly _formFlowDefinition2$;
     readonly model$: Observable<EditorModel>;
     private readonly _updatedModelValue$;
+    private _pendingBaseline;
     readonly compactMode$: Observable<boolean>;
     constructor(breadcrumbService: BreadcrumbService, formFlowDownloadService: FormFlowDownloadService, formFlowService: FormFlowService, iconService: IconService, notificationService: GlobalNotificationService, pageHeaderService: PageHeaderService, pageTitleService: PageTitleService, route: ActivatedRoute, router: Router, translateService: TranslateService);
     ngOnDestroy(): void;
     onValid(valid: boolean): void;
     onValueChange(value: string): void;
+    setActiveTab(tab: FormFlowEditorTab): void;
+    protected onCancelRedirect(): void;
     updateFormFlowDefinition(): void;
     onDelete(): void;
     showDeleteModal(): void;
     downloadFormFlowDefinition(model: EditorModel): void;
     navigateBack(): void;
+    private restoreActiveTabFromUrl;
+    private syncTabHeaders;
+    private editorRouteSegments;
+    private overviewRouteSegments;
+    private serializeDefinition;
     private getEditorModel;
+    private normalizeJson;
     private showSuccessMessage;
     private initBreadcrumbs;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowEditorComponent, never>;

package/lib/components/editor/form-flow-editor.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-flow-editor.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/form-flow-editor.component.ts"],"names":[],"mappings":"AAeA,OAAO,EAAqC,SAAS,EAAC,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAC,cAAc,EAAE,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAIL,yBAAyB,EAE1B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAC,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,EACL,eAAe,EAIf,UAAU,EAKX,MAAM,MAAM,CAAC;AAEd,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,uBAAuB,EAAC,MAAM,2CAA2C,CAAC;;AAElF,qBAMa,uBAAwB,YAAW,SAAS;IAgFrD,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAClC,OAAO,CAAC,QAAQ,CAAC,uBAAuB;IACxC,OAAO,CAAC,QAAQ,CAAC,eAAe;IAChC,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,mBAAmB;IACpC,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAClC,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IACjC,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IAxFnC,SAAgB,SAAS,2BAAuC;IAChE,SAAgB,MAAM,2BAAuC;IAC7D,SAAgB,QAAQ,2BAAsC;IAC9D,SAAgB,gBAAgB,2BAAuC;IACvE,SAAgB,YAAY,SAAS;IAErC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAExB;IAEF,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAyBvB;IAEF,SAAgB,mBAAmB,EAAE,UAAU,CAAC,MAAM,CAAC,CAE/B;IAExB,SAAgB,aAAa,EAAE,MAAM,CAAC,cAAc,CAElD;IAEF,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAwBpC;IACF,SAAgB,MAAM,EAAE,UAAU,CAAC,WAAW,CAAC,CAE7C;IAEF,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAmC;IAEvE,SAAgB,YAAY,sBAAuC;gBAGhD,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,yBAAyB,EAC9C,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB;IAM9C,WAAW,IAAI,IAAI;IAMnB,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAI7B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIlC,wBAAwB,IAAI,IAAI;IAmChC,QAAQ,IAAI,IAAI;IA0BhB,eAAe,IAAI,IAAI;IAIvB,0BAA0B,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAQpD,YAAY,IAAI,IAAI;IAI3B,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,eAAe;yCA9MZ,uBAAuB;2CAAvB,uBAAuB;CAkPnC"}
+{"version":3,"file":"form-flow-editor.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/form-flow-editor.component.ts"],"names":[],"mappings":"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"}

package/lib/components/editor/tabs/form-flow-json-editor-tab/form-flow-json-editor-tab.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import { EditorModel } from '@valtimo/components';
+import { editor } from 'monaco-editor';
+import * as i0 from "@angular/core";
+export declare class FormFlowJsonEditorTabComponent {
+    disabled: boolean | null;
+    model: EditorModel;
+    schema: object | null;
+    validEvent: EventEmitter<boolean>;
+    valueChangeEvent: EventEmitter<string>;
+    readonly editorOptions: editor.IEditorOptions;
+    onValid(valid: boolean): void;
+    onValueChange(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowJsonEditorTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFlowJsonEditorTabComponent, "valtimo-form-flow-json-editor-tab", never, { "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "schema": { "alias": "schema"; "required": false; }; }, { "validEvent": "validEvent"; "valueChangeEvent": "valueChangeEvent"; }, never, never, true, never>;
+}
+//# sourceMappingURL=form-flow-json-editor-tab.component.d.ts.map

package/lib/components/editor/tabs/form-flow-json-editor-tab/form-flow-json-editor-tab.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-json-editor-tab.component.d.ts","sourceRoot":"","sources":["../../../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/tabs/form-flow-json-editor-tab/form-flow-json-editor-tab.component.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAqC,YAAY,EAAgB,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,WAAW,EAAe,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;;AAErC,qBAOa,8BAA8B;IACzB,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAS;IACjC,KAAK,EAAG,WAAW,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE5B,UAAU,wBAA+B;IACzC,gBAAgB,uBAA8B;IAE/D,SAAgB,aAAa,EAAE,MAAM,CAAC,cAAc,CAElD;IAEK,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAI7B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCAhB9B,8BAA8B;2CAA9B,8BAA8B;CAmB1C"}

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-context-properties/form-flow-context-properties.component.d.ts

@@ -0,0 +1,23 @@
+import { TranslateService } from '@ngx-translate/core';
+import { FormFlowAdditionalPropertyDto, FormFlowRegistryDto } from '@valtimo/shared';
+import * as i0 from "@angular/core";
+interface ContextPropertyGroup {
+    labelKey: string;
+    properties: FormFlowAdditionalPropertyDto[];
+}
+/**
+ * Lists the `additionalProperties` entries that expressions can rely on, grouped by how the form
+ * flow is linked (user task or start event). The property names come from the form flow registry,
+ * so this always matches what the backend actually provides.
+ */
+export declare class FormFlowContextPropertiesComponent {
+    private readonly translateService;
+    set registry(registry: FormFlowRegistryDto | null);
+    groups: ContextPropertyGroup[];
+    constructor(translateService: TranslateService);
+    getDescription(property: FormFlowAdditionalPropertyDto): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowContextPropertiesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFlowContextPropertiesComponent, "valtimo-form-flow-context-properties", never, { "registry": { "alias": "registry"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=form-flow-context-properties.component.d.ts.map

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-context-properties/form-flow-context-properties.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-context-properties.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-context-properties/form-flow-context-properties.component.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAkB,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAC,6BAA6B,EAAE,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;;AAGnF,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,6BAA6B,EAAE,CAAC;CAC7C;AAED;;;;GAIG;AACH,qBAQa,kCAAkC;IAiBjC,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IAhB7C,IAAoB,QAAQ,CAAC,QAAQ,EAAE,mBAAmB,GAAG,IAAI,EAYhE;IAEM,MAAM,EAAE,oBAAoB,EAAE,CAAM;gBAEd,gBAAgB,EAAE,gBAAgB;IAExD,cAAc,CAAC,QAAQ,EAAE,6BAA6B,GAAG,MAAM;yCAnB3D,kCAAkC;2CAAlC,kCAAkC;CA0B9C"}

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-expression-help-modal/form-flow-expression-help-modal.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import { FormFlowRegistryDto } from '@valtimo/shared';
+import * as i0 from "@angular/core";
+/**
+ * Explains how SpEL expressions work in a form flow — conditions, action hooks and the data they
+ * can access — in a modal, so the editor itself only needs a compact pointer to this help.
+ */
+export declare class FormFlowExpressionHelpModalComponent {
+    open: boolean;
+    registry: FormFlowRegistryDto | null;
+    closeEvent: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowExpressionHelpModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFlowExpressionHelpModalComponent, "valtimo-form-flow-expression-help-modal", never, { "open": { "alias": "open"; "required": false; }; "registry": { "alias": "registry"; "required": false; }; }, { "closeEvent": "closeEvent"; }, never, never, true, never>;
+}
+//# sourceMappingURL=form-flow-expression-help-modal.component.d.ts.map

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-expression-help-modal/form-flow-expression-help-modal.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-expression-help-modal.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-expression-help-modal/form-flow-expression-help-modal.component.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAqC,YAAY,EAAgB,MAAM,eAAe,CAAC;AAG9F,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;;AAIpD;;;GAGG;AACH,qBAea,oCAAoC;IAC/B,IAAI,UAAS;IACb,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAE3C,UAAU,qBAA4B;yCAJ5C,oCAAoC;2CAApC,oCAAoC;CAKhD"}

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-expression-list/form-flow-expression-list.component.d.ts

@@ -0,0 +1,54 @@
+import { FormArray, FormControl } from '@angular/forms';
+import { FormFlowRegistryDto } from '@valtimo/shared';
+import { IconService } from 'carbon-components-angular';
+import { FormFlowEditorFormService } from '../../../../../services/form-flow-editor-form.service';
+import * as i0 from "@angular/core";
+interface ExpressionSuggestion {
+    label: string;
+    expression: string;
+}
+/**
+ * Editable list of SpEL expressions for one of a step's lifecycle hooks (on open, on complete,
+ * on back). The add-menu offers the expression beans from the form flow registry as ready-made
+ * templates next to a blank expression.
+ */
+export declare class FormFlowExpressionListComponent {
+    private readonly formService;
+    private readonly iconService;
+    expressions: FormArray;
+    label: string;
+    description: string;
+    readOnly: boolean | null;
+    /** While false the admin is still modelling and empty-expression errors stay hidden; a save
+     * attempt flips it to reveal them. */
+    revealErrors: boolean;
+    set registry(registry: FormFlowRegistryDto | null);
+    suggestions: ExpressionSuggestion[];
+    protected readonly testIds: {
+        readonly saveButton: "formFlowEditorSaveButton";
+        readonly backButton: "formFlowEditorBackButton";
+        readonly stepList: "formFlowEditorStepList";
+        readonly stepListItem: "formFlowEditorStepListItem";
+        readonly addStepButton: "formFlowEditorAddStepButton";
+        readonly deleteStepButton: "formFlowEditorDeleteStepButton";
+        readonly makeStartStepButton: "formFlowEditorMakeStartStepButton";
+        readonly stepKeyInput: "formFlowEditorStepKeyInput";
+        readonly stepTitleInput: "formFlowEditorStepTitleInput";
+        readonly stepTypeDropdown: "formFlowEditorStepTypeDropdown";
+        readonly stepPropertyInput: "formFlowEditorStepPropertyInput";
+        readonly stepPropertyDropdown: "formFlowEditorStepPropertyDropdown";
+        readonly addTransitionButton: "formFlowEditorAddTransitionButton";
+        readonly transitionRow: "formFlowEditorTransitionRow";
+        readonly addExpressionButton: "formFlowEditorAddExpressionButton";
+        readonly expressionInput: "formFlowEditorExpressionInput";
+    };
+    constructor(formService: FormFlowEditorFormService, iconService: IconService);
+    get expressionControls(): FormControl[];
+    addExpression(expression?: string): void;
+    removeExpression(index: number): void;
+    private formatMethod;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowExpressionListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFlowExpressionListComponent, "valtimo-form-flow-expression-list", never, { "expressions": { "alias": "expressions"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "revealErrors": { "alias": "revealErrors"; "required": false; }; "registry": { "alias": "registry"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=form-flow-expression-list.component.d.ts.map

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-expression-list/form-flow-expression-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-expression-list.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-expression-list/form-flow-expression-list.component.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAC,SAAS,EAAE,WAAW,EAAsB,MAAM,gBAAgB,CAAC;AAI3E,OAAO,EAA8B,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAA2B,WAAW,EAAc,MAAM,2BAA2B,CAAC;AAE7F,OAAO,EAAC,yBAAyB,EAAC,MAAM,uDAAuD,CAAC;;AAEhG,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,qBAiBa,+BAA+B;IAuBxC,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAvBd,WAAW,EAAG,SAAS,CAAC;IACxB,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAS;IACjD;0CACsC;IACtB,YAAY,UAAS;IAErC,IAAoB,QAAQ,CAAC,QAAQ,EAAE,mBAAmB,GAAG,IAAI,EAOhE;IAEM,WAAW,EAAE,oBAAoB,EAAE,CAAM;IAEhD,SAAS,CAAC,QAAQ,CAAC,OAAO;;;;;;;;;;;;;;;;;MAA6B;gBAGpC,WAAW,EAAE,yBAAyB,EACtC,WAAW,EAAE,WAAW;IAK3C,IAAW,kBAAkB,IAAI,WAAW,EAAE,CAE7C;IAEM,aAAa,CAAC,UAAU,SAAK,GAAG,IAAI;IAKpC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK5C,OAAO,CAAC,YAAY;yCA3CT,+BAA+B;2CAA/B,+BAA+B;CA8C3C"}

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-step-detail/form-flow-step-detail.component.d.ts

@@ -0,0 +1,73 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { FormArray, FormGroup } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+import { FormFlowRegistryDto } from '@valtimo/shared';
+import { IconService, ListItem, NotificationAction } from 'carbon-components-angular';
+import { FormFlowEditorFormService } from '../../../../../services/form-flow-editor-form.service';
+import * as i0 from "@angular/core";
+/**
+ * Detail editor for a single form flow step: its key, title, type with type-specific properties,
+ * outgoing transitions and the three lifecycle expression lists.
+ */
+export declare class FormFlowStepDetailComponent implements OnInit, OnChanges, OnDestroy {
+    private readonly formService;
+    private readonly iconService;
+    private readonly translateService;
+    stepGroup: FormGroup;
+    registry: FormFlowRegistryDto | null;
+    stepKeys: string[];
+    formOptions: string[];
+    componentOptions: string[];
+    isStartStep: boolean;
+    readOnly: boolean | null;
+    duplicateKey: boolean;
+    /** When false the admin is still modelling and required-field errors stay hidden; a save attempt
+     * flips it to reveal them. */
+    revealErrors: boolean;
+    deleteStepEvent: EventEmitter<void>;
+    makeStartEvent: EventEmitter<void>;
+    stepTypeItems: ListItem[];
+    readonly $showHelpModal: import("@angular/core").WritableSignal<boolean>;
+    helpActions: NotificationAction[];
+    protected readonly testIds: {
+        readonly saveButton: "formFlowEditorSaveButton";
+        readonly backButton: "formFlowEditorBackButton";
+        readonly stepList: "formFlowEditorStepList";
+        readonly stepListItem: "formFlowEditorStepListItem";
+        readonly addStepButton: "formFlowEditorAddStepButton";
+        readonly deleteStepButton: "formFlowEditorDeleteStepButton";
+        readonly makeStartStepButton: "formFlowEditorMakeStartStepButton";
+        readonly stepKeyInput: "formFlowEditorStepKeyInput";
+        readonly stepTitleInput: "formFlowEditorStepTitleInput";
+        readonly stepTypeDropdown: "formFlowEditorStepTypeDropdown";
+        readonly stepPropertyInput: "formFlowEditorStepPropertyInput";
+        readonly stepPropertyDropdown: "formFlowEditorStepPropertyDropdown";
+        readonly addTransitionButton: "formFlowEditorAddTransitionButton";
+        readonly transitionRow: "formFlowEditorTransitionRow";
+        readonly addExpressionButton: "formFlowEditorAddExpressionButton";
+        readonly expressionInput: "formFlowEditorExpressionInput";
+    };
+    private readonly _selectItemsCache;
+    private _typeSubscription;
+    constructor(formService: FormFlowEditorFormService, iconService: IconService, translateService: TranslateService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    get propertiesGroup(): FormGroup;
+    get propertyNames(): string[];
+    get transitions(): FormArray;
+    getExpressions(hook: 'onOpen' | 'onComplete' | 'onBack'): FormArray;
+    isControlInvalid(name: string): boolean;
+    getPropertyLabel(name: string): string;
+    isFormDefinitionProperty(name: string): boolean;
+    getFormDefinitionItems(): ListItem[];
+    isCustomComponentProperty(name: string): boolean;
+    getCustomComponentItems(): ListItem[];
+    private getSelectItems;
+    private buildStepTypeItems;
+    getTypeTooltip(): string;
+    private openTypeSubscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowStepDetailComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFlowStepDetailComponent, "valtimo-form-flow-step-detail", never, { "stepGroup": { "alias": "stepGroup"; "required": false; }; "registry": { "alias": "registry"; "required": false; }; "stepKeys": { "alias": "stepKeys"; "required": false; }; "formOptions": { "alias": "formOptions"; "required": false; }; "componentOptions": { "alias": "componentOptions"; "required": false; }; "isStartStep": { "alias": "isStartStep"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "duplicateKey": { "alias": "duplicateKey"; "required": false; }; "revealErrors": { "alias": "revealErrors"; "required": false; }; }, { "deleteStepEvent": "deleteStepEvent"; "makeStartEvent": "makeStartEvent"; }, never, never, true, never>;
+}
+//# sourceMappingURL=form-flow-step-detail.component.d.ts.map

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-step-detail/form-flow-step-detail.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-step-detail.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-step-detail/form-flow-step-detail.component.ts"],"names":[],"mappings":"AAiBA,OAAO,EAGL,YAAY,EAEZ,SAAS,EACT,SAAS,EACT,MAAM,EAGN,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAkB,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAIL,WAAW,EAGX,QAAQ,EACR,kBAAkB,EAGnB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAC,yBAAyB,EAAC,MAAM,uDAAuD,CAAC;;AAMhG;;;GAGG;AACH,qBAuBa,2BAA4B,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IAoC5E,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IArCnB,SAAS,EAAG,SAAS,CAAC;IACtB,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAC5C,QAAQ,EAAE,MAAM,EAAE,CAAM;IACxB,WAAW,EAAE,MAAM,EAAE,CAAM;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAM;IAChC,WAAW,UAAS;IACpB,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAS;IACjC,YAAY,UAAS;IACrC;kCAC8B;IACd,YAAY,UAAS;IAEpB,eAAe,qBAA4B;IAC3C,cAAc,qBAA4B;IAEpD,aAAa,EAAE,QAAQ,EAAE,CAAM;IAEtC,SAAgB,cAAc,kDAA0B;IAIjD,WAAW,EAAE,kBAAkB,EAAE,CAAM;IAE9C,SAAS,CAAC,QAAQ,CAAC,OAAO;;;;;;;;;;;;;;;;;MAA6B;IAIvD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAG9B;IAEJ,OAAO,CAAC,iBAAiB,CAAsB;gBAG5B,WAAW,EAAE,yBAAyB,EACtC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB;IAK9C,QAAQ,IAAI,IAAI;IAShB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAUzC,WAAW,IAAI,IAAI;IAI1B,IAAW,eAAe,IAAI,SAAS,CAEtC;IAED,IAAW,aAAa,IAAI,MAAM,EAAE,CAEnC;IAED,IAAW,WAAW,IAAI,SAAS,CAElC;IAEM,cAAc,CAAC,IAAI,EAAE,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,SAAS;IAInE,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAKvC,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAUtC,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/C,sBAAsB,IAAI,QAAQ,EAAE;IAMpC,yBAAyB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIhD,uBAAuB,IAAI,QAAQ,EAAE;IAI5C,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,kBAAkB;IAqBnB,cAAc,IAAI,MAAM;IAU/B,OAAO,CAAC,oBAAoB;yCAjKjB,2BAA2B;2CAA3B,2BAA2B;CAiLvC"}

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-step-list/form-flow-step-list.component.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from '@angular/core';
+import { IconService } from 'carbon-components-angular';
+import * as i0 from "@angular/core";
+interface FormFlowStepListItem {
+    key: string;
+    title: string;
+    typeName: string;
+    isStart: boolean;
+    invalid: boolean;
+}
+/** Clickable overview of all steps in the flow, ordered as defined, with the start step first. */
+export declare class FormFlowStepListComponent {
+    private readonly iconService;
+    steps: FormFlowStepListItem[];
+    selectedIndex: number | null;
+    readOnly: boolean | null;
+    selectEvent: EventEmitter<number>;
+    addEvent: EventEmitter<void>;
+    protected readonly testIds: {
+        readonly saveButton: "formFlowEditorSaveButton";
+        readonly backButton: "formFlowEditorBackButton";
+        readonly stepList: "formFlowEditorStepList";
+        readonly stepListItem: "formFlowEditorStepListItem";
+        readonly addStepButton: "formFlowEditorAddStepButton";
+        readonly deleteStepButton: "formFlowEditorDeleteStepButton";
+        readonly makeStartStepButton: "formFlowEditorMakeStartStepButton";
+        readonly stepKeyInput: "formFlowEditorStepKeyInput";
+        readonly stepTitleInput: "formFlowEditorStepTitleInput";
+        readonly stepTypeDropdown: "formFlowEditorStepTypeDropdown";
+        readonly stepPropertyInput: "formFlowEditorStepPropertyInput";
+        readonly stepPropertyDropdown: "formFlowEditorStepPropertyDropdown";
+        readonly addTransitionButton: "formFlowEditorAddTransitionButton";
+        readonly transitionRow: "formFlowEditorTransitionRow";
+        readonly addExpressionButton: "formFlowEditorAddExpressionButton";
+        readonly expressionInput: "formFlowEditorExpressionInput";
+    };
+    constructor(iconService: IconService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowStepListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFlowStepListComponent, "valtimo-form-flow-step-list", never, { "steps": { "alias": "steps"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; }, { "selectEvent": "selectEvent"; "addEvent": "addEvent"; }, never, never, true, never>;
+}
+export { FormFlowStepListItem };
+//# sourceMappingURL=form-flow-step-list.component.d.ts.map

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-step-list/form-flow-step-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-step-list.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-step-list/form-flow-step-list.component.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAqC,YAAY,EAAgB,MAAM,eAAe,CAAC;AAG9F,OAAO,EAA2B,WAAW,EAAY,MAAM,2BAA2B,CAAC;;AAG3F,UAAU,oBAAoB;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,kGAAkG;AAClG,qBAQa,yBAAyB;IAUxB,OAAO,CAAC,QAAQ,CAAC,WAAW;IATxB,KAAK,EAAE,oBAAoB,EAAE,CAAM;IACnC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAS;IAEhC,WAAW,uBAA8B;IACzC,QAAQ,qBAA4B;IAErD,SAAS,CAAC,QAAQ,CAAC,OAAO;;;;;;;;;;;;;;;;;MAA6B;gBAE1B,WAAW,EAAE,WAAW;yCAV1C,yBAAyB;2CAAzB,yBAAyB;CAarC;AAED,OAAO,EAAC,oBAAoB,EAAC,CAAC"}

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-transition-list/form-flow-transition-list.component.d.ts

@@ -0,0 +1,49 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { FormArray, FormGroup } from '@angular/forms';
+import { IconService, ListItem } from 'carbon-components-angular';
+import { FormFlowEditorFormService } from '../../../../../services/form-flow-editor-form.service';
+import * as i0 from "@angular/core";
+/**
+ * Editable list of a step's outgoing transitions. Transitions are evaluated top to bottom — the
+ * first entry whose condition holds is taken and a condition-less entry acts as the default — so
+ * the rows can be reordered.
+ */
+export declare class FormFlowTransitionListComponent implements OnChanges {
+    private readonly formService;
+    private readonly iconService;
+    transitions: FormArray;
+    stepKeys: string[];
+    readOnly: boolean | null;
+    /** While false the admin is still modelling and empty-target errors stay hidden; a save attempt
+     * flips it to reveal them. */
+    revealErrors: boolean;
+    protected readonly testIds: {
+        readonly saveButton: "formFlowEditorSaveButton";
+        readonly backButton: "formFlowEditorBackButton";
+        readonly stepList: "formFlowEditorStepList";
+        readonly stepListItem: "formFlowEditorStepListItem";
+        readonly addStepButton: "formFlowEditorAddStepButton";
+        readonly deleteStepButton: "formFlowEditorDeleteStepButton";
+        readonly makeStartStepButton: "formFlowEditorMakeStartStepButton";
+        readonly stepKeyInput: "formFlowEditorStepKeyInput";
+        readonly stepTitleInput: "formFlowEditorStepTitleInput";
+        readonly stepTypeDropdown: "formFlowEditorStepTypeDropdown";
+        readonly stepPropertyInput: "formFlowEditorStepPropertyInput";
+        readonly stepPropertyDropdown: "formFlowEditorStepPropertyDropdown";
+        readonly addTransitionButton: "formFlowEditorAddTransitionButton";
+        readonly transitionRow: "formFlowEditorTransitionRow";
+        readonly addExpressionButton: "formFlowEditorAddExpressionButton";
+        readonly expressionInput: "formFlowEditorExpressionInput";
+    };
+    private readonly _rowItems;
+    constructor(formService: FormFlowEditorFormService, iconService: IconService);
+    ngOnChanges(changes: SimpleChanges): void;
+    get transitionGroups(): FormGroup[];
+    getRowItems(transitionGroup: FormGroup): ListItem[];
+    addTransition(): void;
+    removeTransition(index: number): void;
+    moveTransition(index: number, offset: -1 | 1): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowTransitionListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFlowTransitionListComponent, "valtimo-form-flow-transition-list", never, { "transitions": { "alias": "transitions"; "required": false; }; "stepKeys": { "alias": "stepKeys"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "revealErrors": { "alias": "revealErrors"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=form-flow-transition-list.component.d.ts.map

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-transition-list/form-flow-transition-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-transition-list.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-transition-list/form-flow-transition-list.component.ts"],"names":[],"mappings":"AAiBA,OAAO,EAA4C,SAAS,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AAClG,OAAO,EAAC,SAAS,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAC;AAIzE,OAAO,EAIL,WAAW,EAEX,QAAQ,EACT,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAC,yBAAyB,EAAC,MAAM,uDAAuD,CAAC;;AAEhG;;;;GAIG;AACH,qBAiBa,+BAAgC,YAAW,SAAS;IAmB7D,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAnBd,WAAW,EAAG,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAM;IACxB,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAS;IACjD;kCAC8B;IACd,YAAY,UAAS;IAErC,SAAS,CAAC,QAAQ,CAAC,OAAO;;;;;;;;;;;;;;;;;MAA6B;IAKvD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAGtB;gBAGe,WAAW,EAAE,yBAAyB,EACtC,WAAW,EAAE,WAAW;IAKpC,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAOhD,IAAW,gBAAgB,IAAI,SAAS,EAAE,CAEzC;IAEM,WAAW,CAAC,eAAe,EAAE,SAAS,GAAG,QAAQ,EAAE;IAYnD,aAAa,IAAI,IAAI;IAKrB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKrC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI;yCA1D/C,+BAA+B;2CAA/B,+BAA+B;CAmE3C"}

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-ui-editor-tab.component.d.ts

@@ -0,0 +1,89 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+import { TranslateService } from '@ngx-translate/core';
+import { EditorModel } from '@valtimo/components';
+import { FormManagementService } from '@valtimo/form-management';
+import { FormFlowRegistryDto } from '@valtimo/shared';
+import { FormFlowService } from '../../../../services';
+import { FormFlowComponentService } from '../../../../services/form-flow-component.service';
+import { FormFlowEditorFormService } from '../../../../services/form-flow-editor-form.service';
+import { FormFlowStepListItem } from './form-flow-step-list/form-flow-step-list.component';
+import * as i0 from "@angular/core";
+/**
+ * The visual form flow editor. Renders the definition as a step list with a detail panel and emits
+ * the modified definition as JSON through the same contract as the JSON editor tab, so the
+ * surrounding editor page treats both tabs identically.
+ */
+export declare class FormFlowUiEditorTabComponent implements OnChanges, OnDestroy {
+    private readonly formService;
+    private readonly formFlowService;
+    private readonly formFlowComponentService;
+    private readonly formManagementService;
+    private readonly route;
+    private readonly translateService;
+    model: EditorModel | null;
+    readOnly: boolean | null;
+    /** The parent's save-attempt state: while false the admin is still modelling and no validation
+     * errors are shown; a save attempt flips it and reveals them. */
+    revealErrors: boolean;
+    validEvent: EventEmitter<boolean>;
+    valueChangeEvent: EventEmitter<string>;
+    form: FormGroup | null;
+    registry: FormFlowRegistryDto | null;
+    readonly $selectedIndex: import("@angular/core").WritableSignal<number>;
+    readonly $stepListItems: import("@angular/core").WritableSignal<FormFlowStepListItem[]>;
+    readonly $stepKeys: import("@angular/core").WritableSignal<string[]>;
+    readonly $formOptions: import("@angular/core").WritableSignal<string[]>;
+    readonly $componentOptions: import("@angular/core").WritableSignal<string[]>;
+    readonly $definitionErrors: import("@angular/core").WritableSignal<string[]>;
+    readonly $parseFailed: import("@angular/core").WritableSignal<boolean>;
+    protected readonly testIds: {
+        readonly saveButton: "formFlowEditorSaveButton";
+        readonly backButton: "formFlowEditorBackButton";
+        readonly stepList: "formFlowEditorStepList";
+        readonly stepListItem: "formFlowEditorStepListItem";
+        readonly addStepButton: "formFlowEditorAddStepButton";
+        readonly deleteStepButton: "formFlowEditorDeleteStepButton";
+        readonly makeStartStepButton: "formFlowEditorMakeStartStepButton";
+        readonly stepKeyInput: "formFlowEditorStepKeyInput";
+        readonly stepTitleInput: "formFlowEditorStepTitleInput";
+        readonly stepTypeDropdown: "formFlowEditorStepTypeDropdown";
+        readonly stepPropertyInput: "formFlowEditorStepPropertyInput";
+        readonly stepPropertyDropdown: "formFlowEditorStepPropertyDropdown";
+        readonly addTransitionButton: "formFlowEditorAddTransitionButton";
+        readonly transitionRow: "formFlowEditorTransitionRow";
+        readonly addExpressionButton: "formFlowEditorAddExpressionButton";
+        readonly expressionInput: "formFlowEditorExpressionInput";
+    };
+    private _definition;
+    private _definitionKey;
+    private _previousStepKeys;
+    private _formSubscriptions;
+    private readonly _subscriptions;
+    constructor(formService: FormFlowEditorFormService, formFlowService: FormFlowService, formFlowComponentService: FormFlowComponentService, formManagementService: FormManagementService, route: ActivatedRoute, translateService: TranslateService);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    get selectedStepGroup(): FormGroup | null;
+    isSelectedKeyDuplicate(): boolean;
+    isSelectedStepStart(): boolean;
+    onMakeStartStep(): void;
+    onSelectStep(index: number): void;
+    onAddStep(): void;
+    onDeleteStep(): void;
+    private get stepsArray();
+    private parseModel;
+    private buildForm;
+    private selectInitialStep;
+    private applyReadOnly;
+    private trackStepKeyRenames;
+    private currentStepKeys;
+    private refreshDerivedState;
+    private loadFormOptions;
+    private arraysEqual;
+    private collectDefinitionErrors;
+    private emitState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowUiEditorTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFlowUiEditorTabComponent, "valtimo-form-flow-ui-editor-tab", never, { "model": { "alias": "model"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "revealErrors": { "alias": "revealErrors"; "required": false; }; }, { "validEvent": "validEvent"; "valueChangeEvent": "valueChangeEvent"; }, never, never, true, never>;
+}
+//# sourceMappingURL=form-flow-ui-editor-tab.component.d.ts.map

package/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-ui-editor-tab.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-ui-editor-tab.component.d.ts","sourceRoot":"","sources":["../../../../../../../../projects/valtimo/form-flow-management/src/lib/components/editor/tabs/form-flow-ui-editor-tab/form-flow-ui-editor-tab.component.ts"],"names":[],"mappings":"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"}

package/lib/components/new-form-flow-modal/new-form-flow-modal.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"new-form-flow-modal.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/valtimo/form-flow-management/src/lib/components/new-form-flow-modal/new-form-flow-modal.component.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAqC,YAAY,EAAgB,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;;AAKhD,qBAca,yBAAyB;IAYxB,OAAO,CAAC,QAAQ,CAAC,EAAE;IAXtB,IAAI,UAAS;IACZ,UAAU,mCAAiD;IAE9D,IAAI;;OAER;IAEH,IAAW,GAAG,6DAEb;gBAE4B,EAAE,EAAE,WAAW;IAErC,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAaxB,OAAO,CAAC,SAAS;yCAhCN,yBAAyB;2CAAzB,yBAAyB;CAqCrC"}
+{"version":3,"file":"new-form-flow-modal.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/valtimo/form-flow-management/src/lib/components/new-form-flow-modal/new-form-flow-modal.component.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAqC,YAAY,EAAgB,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;;AAKhD,qBAca,yBAAyB;IAYxB,OAAO,CAAC,QAAQ,CAAC,EAAE;IAXtB,IAAI,UAAS;IACZ,UAAU,mCAAiD;IAE9D,IAAI;;OAER;IAEH,IAAW,GAAG,6DAEb;gBAE4B,EAAE,EAAE,WAAW;IAErC,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAsBxB,OAAO,CAAC,SAAS;yCAzCN,yBAAyB;2CAAzB,yBAAyB;CA8CrC"}

package/lib/constants/form-flow-editor.test-ids.d.ts

@@ -0,0 +1,19 @@
+export declare const FORM_FLOW_EDITOR_TEST_IDS: {
+    readonly saveButton: "formFlowEditorSaveButton";
+    readonly backButton: "formFlowEditorBackButton";
+    readonly stepList: "formFlowEditorStepList";
+    readonly stepListItem: "formFlowEditorStepListItem";
+    readonly addStepButton: "formFlowEditorAddStepButton";
+    readonly deleteStepButton: "formFlowEditorDeleteStepButton";
+    readonly makeStartStepButton: "formFlowEditorMakeStartStepButton";
+    readonly stepKeyInput: "formFlowEditorStepKeyInput";
+    readonly stepTitleInput: "formFlowEditorStepTitleInput";
+    readonly stepTypeDropdown: "formFlowEditorStepTypeDropdown";
+    readonly stepPropertyInput: "formFlowEditorStepPropertyInput";
+    readonly stepPropertyDropdown: "formFlowEditorStepPropertyDropdown";
+    readonly addTransitionButton: "formFlowEditorAddTransitionButton";
+    readonly transitionRow: "formFlowEditorTransitionRow";
+    readonly addExpressionButton: "formFlowEditorAddExpressionButton";
+    readonly expressionInput: "formFlowEditorExpressionInput";
+};
+//# sourceMappingURL=form-flow-editor.test-ids.d.ts.map

package/lib/constants/form-flow-editor.test-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-editor.test-ids.d.ts","sourceRoot":"","sources":["../../../../../projects/valtimo/form-flow-management/src/lib/constants/form-flow-editor.test-ids.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;CAiB5B,CAAC"}

package/lib/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './form-flow-editor.test-ids';
+export * from './injection-tokens';
+//# sourceMappingURL=index.d.ts.map

package/lib/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../projects/valtimo/form-flow-management/src/lib/constants/index.ts"],"names":[],"mappings":"AAgBA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC"}

package/lib/constants/injection-tokens.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+import { FormFlowCustomComponentDefinition } from '../models';
+declare const FORM_FLOW_COMPONENT_TOKEN: InjectionToken<FormFlowCustomComponentDefinition[]>;
+export { FORM_FLOW_COMPONENT_TOKEN };
+//# sourceMappingURL=injection-tokens.d.ts.map

package/lib/constants/injection-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injection-tokens.d.ts","sourceRoot":"","sources":["../../../../../projects/valtimo/form-flow-management/src/lib/constants/injection-tokens.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,iCAAiC,EAAC,MAAM,WAAW,CAAC;AAE5D,QAAA,MAAM,yBAAyB,qDAG9B,CAAC;AAEF,OAAO,EAAC,yBAAyB,EAAC,CAAC"}

package/lib/form-flow-management.module.d.ts

@@ -8,9 +8,11 @@ import * as i6 from "@angular/forms";
 import * as i7 from "@ngx-translate/core";
 import * as i8 from "@valtimo/components";
 import * as i9 from "./components/new-form-flow-modal/new-form-flow-modal.component";
+import * as i10 from "./components/editor/tabs/form-flow-json-editor-tab/form-flow-json-editor-tab.component";
+import * as i11 from "./components/editor/tabs/form-flow-ui-editor-tab/form-flow-ui-editor-tab.component";
 export declare class FormFlowManagementModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFlowManagementModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FormFlowManagementModule, [typeof i1.FormFlowOverviewComponent, typeof i2.FormFlowEditorComponent, typeof i3.DeleteFormFlowModalComponent], [typeof i4.CommonModule, typeof i5.ButtonModule, typeof i6.FormsModule, typeof i5.ModalModule, typeof i7.TranslateModule, typeof i6.ReactiveFormsModule, typeof i5.InputModule, typeof i5.IconModule, typeof i8.ConfirmationModalModule, typeof i8.EditorModule, typeof i8.RenderInPageHeaderDirective, typeof i5.LoadingModule, typeof i5.IconModule, typeof i8.OverflowMenuComponent, typeof i8.OverflowMenuOptionComponent, typeof i8.OverflowMenuTriggerComponent, typeof i5.NotificationModule, typeof i8.CarbonListModule, typeof i5.DropdownModule, typeof i8.ConfirmationModalModule, typeof i9.NewFormFlowModalComponent], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormFlowManagementModule, [typeof i1.FormFlowOverviewComponent, typeof i2.FormFlowEditorComponent, typeof i3.DeleteFormFlowModalComponent], [typeof i4.CommonModule, typeof i5.ButtonModule, typeof i6.FormsModule, typeof i5.ModalModule, typeof i7.TranslateModule, typeof i6.ReactiveFormsModule, typeof i5.InputModule, typeof i5.IconModule, typeof i8.ConfirmationModalModule, typeof i8.EditorModule, typeof i8.RenderInPageHeaderDirective, typeof i5.LoadingModule, typeof i5.IconModule, typeof i8.OverflowMenuComponent, typeof i8.OverflowMenuOptionComponent, typeof i8.OverflowMenuTriggerComponent, typeof i5.NotificationModule, typeof i8.CarbonListModule, typeof i5.DropdownModule, typeof i8.ConfirmationModalModule, typeof i9.NewFormFlowModalComponent, typeof i5.TabsModule, typeof i10.FormFlowJsonEditorTabComponent, typeof i11.FormFlowUiEditorTabComponent], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FormFlowManagementModule>;
 }
 //# sourceMappingURL=form-flow-management.module.d.ts.map

package/lib/form-flow-management.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-flow-management.module.d.ts","sourceRoot":"","sources":["../../../../projects/valtimo/form-flow-management/src/lib/form-flow-management.module.ts"],"names":[],"mappings":";;;;;;;;;;AA2CA,qBA8Ba,wBAAwB;yCAAxB,wBAAwB;0CAAxB,wBAAwB;0CAAxB,wBAAwB;CAAG"}
+{"version":3,"file":"form-flow-management.module.d.ts","sourceRoot":"","sources":["../../../../projects/valtimo/form-flow-management/src/lib/form-flow-management.module.ts"],"names":[],"mappings":";;;;;;;;;;;;AA8CA,qBA6Ba,wBAAwB;yCAAxB,wBAAwB;0CAAxB,wBAAwB;0CAAxB,wBAAwB;CAAG"}

package/lib/models/form-flow-custom-component.model.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter, Type } from '@angular/core';
+import { FormioSubmission } from '@valtimo/components';
+interface ChangeEvent {
+    data: object;
+}
+interface FormFlowCustomComponent {
+    formFlowInstanceId: string;
+    componentId?: string;
+    disabled: boolean;
+    changeEvent: EventEmitter<ChangeEvent>;
+    submitEvent: EventEmitter<FormioSubmission>;
+}
+interface FormFlowCustomComponentDefinition {
+    id: string;
+    component: Type<FormFlowCustomComponent>;
+}
+export { ChangeEvent, FormFlowCustomComponent, FormFlowCustomComponentDefinition };
+//# sourceMappingURL=form-flow-custom-component.model.d.ts.map

package/lib/models/form-flow-custom-component.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-custom-component.model.d.ts","sourceRoot":"","sources":["../../../../../projects/valtimo/form-flow-management/src/lib/models/form-flow-custom-component.model.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAErD,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,uBAAuB;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACvC,WAAW,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC7C;AAED,UAAU,iCAAiC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;CAC1C;AAED,OAAO,EAAC,WAAW,EAAE,uBAAuB,EAAE,iCAAiC,EAAC,CAAC"}