@valtimo/form-flow-management 12.0.0

package/README.md

@@ -0,0 +1,33 @@
+# form-flow-management
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version
+14.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project form-flow-management` to generate a new
+component. You can also use
+`ng generate directive|pipe|service|class|guard|interface|enum|module --project form-flow-management`.
+
+> Note: Don't forget to add `--project form-flow-management` or else it will be added to the default
+> project in your `angular.json` file.
+
+## Build
+
+Run `ng build form-flow-management` to build the project. The build artifacts will be stored in the
+`dist/` directory.
+
+## Publishing
+
+After building your library with `ng build form-flow-management`, go to the dist folder
+`cd dist/form-flow-management` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test form-flow-management` to execute the unit tests via
+[Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the
+[Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2022/lib/components/delete-form-flow-modal/delete-form-flow-modal.component.mjs

@@ -0,0 +1,39 @@
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@valtimo/components";
+export class DeleteFormFlowModalComponent {
+    constructor() {
+        this.deleteEvent = new EventEmitter();
+    }
+    onDelete(formFlowDefinitionKey) {
+        this.deleteEvent.emit(formFlowDefinitionKey);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DeleteFormFlowModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DeleteFormFlowModalComponent, selector: "valtimo-delete-form-flow-modal", inputs: { deleteFormFlowDefinitionKey: "deleteFormFlowDefinitionKey", showDeleteModal$: "showDeleteModal$" }, outputs: { deleteEvent: "deleteEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [outputOnConfirm]=\"deleteFormFlowDefinitionKey\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "component", type: i1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DeleteFormFlowModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-delete-form-flow-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [outputOnConfirm]=\"deleteFormFlowDefinitionKey\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n" }]
+        }], propDecorators: { deleteFormFlowDefinitionKey: [{
+                type: Input
+            }], showDeleteModal$: [{
+                type: Input
+            }], deleteEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsZXRlLWZvcm0tZmxvdy1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2Zvcm0tZmxvdy1tYW5hZ2VtZW50L3NyYy9saWIvY29tcG9uZW50cy9kZWxldGUtZm9ybS1mbG93LW1vZGFsL2RlbGV0ZS1mb3JtLWZsb3ctbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGltby9mb3JtLWZsb3ctbWFuYWdlbWVudC9zcmMvbGliL2NvbXBvbmVudHMvZGVsZXRlLWZvcm0tZmxvdy1tb2RhbC9kZWxldGUtZm9ybS1mbG93LW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBRUgsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7O0FBUTlGLE1BQU0sT0FBTyw0QkFBNEI7SUFMekM7UUFRWSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FLcEQ7SUFIUSxRQUFRLENBQUMscUJBQTZCO1FBQzNDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUM7SUFDL0MsQ0FBQzs4R0FQVSw0QkFBNEI7a0dBQTVCLDRCQUE0Qiw2TkN4QnpDLG9oQ0F5QkE7OzJGRERhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSxnQ0FBZ0MsbUJBRXpCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDI0IFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbHRpbW8tZGVsZXRlLWZvcm0tZmxvdy1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kZWxldGUtZm9ybS1mbG93LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERlbGV0ZUZvcm1GbG93TW9kYWxDb21wb25lbnQge1xuICBASW5wdXQoKSBkZWxldGVGb3JtRmxvd0RlZmluaXRpb25LZXk6IHN0cmluZztcbiAgQElucHV0KCkgc2hvd0RlbGV0ZU1vZGFsJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcbiAgQE91dHB1dCgpIGRlbGV0ZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgcHVibGljIG9uRGVsZXRlKGZvcm1GbG93RGVmaW5pdGlvbktleTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5kZWxldGVFdmVudC5lbWl0KGZvcm1GbG93RGVmaW5pdGlvbktleSk7XG4gIH1cbn1cbiIsIjwhLS1cbiAgfiBDb3B5cmlnaHQgMjAxNS0yMDI0IFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAgflxuICB+IExpY2Vuc2VkIHVuZGVyIEVVUEwsIFZlcnNpb24gMS4yICh0aGUgXCJMaWNlbnNlXCIpO1xuICB+IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAgfiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAgflxuICB+IGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAgflxuICB+IFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAgfiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gIH4gV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gIH4gU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICB+IGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICAtLT5cblxuPHZhbHRpbW8tY29uZmlybWF0aW9uLW1vZGFsXG4gIGNvbmZpcm1CdXR0b25UZXh0VHJhbnNsYXRpb25LZXk9XCJpbnRlcmZhY2UuZGVsZXRlXCJcbiAgY29uZmlybUJ1dHRvblR5cGU9XCJkYW5nZXJcIlxuICBjb250ZW50VHJhbnNsYXRpb25LZXk9XCJmb3JtRmxvdy5kZWxldGVNb2RhbENvbnRlbnRcIlxuICBbb3V0cHV0T25Db25maXJtXT1cImRlbGV0ZUZvcm1GbG93RGVmaW5pdGlvbktleVwiXG4gIFtzaG93TW9kYWxTdWJqZWN0JF09XCJzaG93RGVsZXRlTW9kYWwkXCJcbiAgdGl0bGVUcmFuc2xhdGlvbktleT1cImludGVyZmFjZS5kZWxldGVcIlxuICAoY29uZmlybUV2ZW50KT1cIm9uRGVsZXRlKCRldmVudClcIlxuPjwvdmFsdGltby1jb25maXJtYXRpb24tbW9kYWw+XG4iXX0=

package/esm2022/lib/components/editor/form-flow-editor.component.mjs

@@ -0,0 +1,160 @@
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { BehaviorSubject, combineLatest, filter, finalize, map, of, startWith, switchMap, take, tap, } from 'rxjs';
+import { NotificationService } from 'carbon-components-angular';
+import formFlowSchemaJson from './formflow.schema.json';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/form-flow.service";
+import * as i2 from "@angular/router";
+import * as i3 from "@valtimo/components";
+import * as i4 from "carbon-components-angular";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "../../services/form-flow-download.service";
+import * as i7 from "@angular/common";
+import * as i8 from "../delete-form-flow-modal/delete-form-flow-modal.component";
+export class FormFlowEditorComponent {
+    constructor(formFlowService, route, pageTitleService, router, notificationService, translateService, formFlowDownloadService, pageHeaderService) {
+        this.formFlowService = formFlowService;
+        this.route = route;
+        this.pageTitleService = pageTitleService;
+        this.router = router;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.formFlowDownloadService = formFlowDownloadService;
+        this.pageHeaderService = pageHeaderService;
+        this.model$ = new BehaviorSubject(null);
+        this.readOnly$ = new BehaviorSubject(false);
+        this.valid$ = new BehaviorSubject(false);
+        this.loading$ = new BehaviorSubject(true);
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        this.formFlowDefinitionVersions$ = new BehaviorSubject([1]);
+        this.formFlowDefinitionId$ = new BehaviorSubject(null);
+        this.CARBON_THEME = 'g10';
+        this.formFlowSchemaJson = formFlowSchemaJson;
+        this._updatedModelValue$ = new BehaviorSubject('');
+        this.formFlowDefinitionVersionItems$ = combineLatest([this.formFlowDefinitionVersions$, this.formFlowDefinitionId$]).pipe(filter(([versions, formFlowDefinitionId]) => !!versions && !!formFlowDefinitionId), map(([versions, formFlowDefinitionId]) => versions.map(version => ({
+            formFlowDefinitionId: {
+                key: formFlowDefinitionId.key,
+                version,
+            },
+            content: `${this.translateService.instant('formFlow.version')}: ${version}`,
+            selected: version === formFlowDefinitionId.version,
+        }))), map(formFlowDefinitionVersionItems => ({
+            value: formFlowDefinitionVersionItems,
+            isLoading: false,
+        })), startWith({ isLoading: true }));
+        this.formFlowDefinition$ = this.formFlowDefinitionId$.pipe(filter(id => !!id), switchMap(id => this.formFlowService.getFormFlowDefinition(id)));
+        this.compactMode$ = this.pageHeaderService.compactMode$;
+    }
+    ngOnInit() {
+        this.formFlowService.loadFormFlows();
+        this.openFormFlowDefinitionSubscription();
+    }
+    ngOnDestroy() {
+        this.pageTitleService.enableReset();
+        this._idSubscription?.unsubscribe();
+        this._definitionSubscription?.unsubscribe();
+    }
+    onValid(valid) {
+        this.valid$.next(valid !== false);
+    }
+    onValueChange(value) {
+        this._updatedModelValue$.next(value);
+    }
+    updateFormFlowDefinition() {
+        this.loading$.next(true);
+        combineLatest([this._updatedModelValue$, this.formFlowDefinitionId$])
+            .pipe(take(1), map(([updatedModelValue, formFlowDefinitionId]) => ({
+            ...JSON.parse(updatedModelValue),
+            key: formFlowDefinitionId.key,
+            version: this.formFlowDefinitionVersions$.value[0] + 1,
+        })), switchMap(updatedFormFlowDefinition => this.formFlowService.updateFormFlowDefinition(updatedFormFlowDefinition.key, updatedFormFlowDefinition)))
+            .subscribe({
+            next: result => {
+                const id = { key: result.key, version: result.version };
+                this.showSuccessMessage(result.key);
+                this.formFlowDefinitionId$.next(id);
+                this.formFlowDefinitionVersions$.next([id.version].concat(this.formFlowDefinitionVersions$.value));
+            },
+            error: () => {
+                this.loading$.next(false);
+            },
+        });
+    }
+    onDelete(formFlowDefinitionKey) {
+        this.loading$.next(true);
+        this.formFlowService.dispatchAction(this.formFlowService.deleteFormFlowDefinition(formFlowDefinitionKey).pipe(finalize(() => {
+            this.router.navigate(['/form-flow-management']);
+        })));
+    }
+    showDeleteModal() {
+        this.showDeleteModal$.next(true);
+    }
+    downloadFormFlowDefinition(model) {
+        this.formFlowDefinitionId$.subscribe(formFlowDefinitionId => this.formFlowDownloadService.downloadJson(JSON.parse(model.value), formFlowDefinitionId));
+    }
+    loadFormFlowDefinitionId(formFlowDefinitionId) {
+        if (!!formFlowDefinitionId) {
+            this.formFlowDefinitionId$.next(formFlowDefinitionId);
+        }
+    }
+    openFormFlowDefinitionSubscription() {
+        this.loading$.next(true);
+        this._idSubscription = this.route.params
+            .pipe(filter(params => params?.key), map(params => params.key), switchMap(key => combineLatest([
+            of(key),
+            this.formFlowService.formFlows$.pipe(map(formFlowDefinitions => formFlowDefinitions.find(definition => definition.key === key)?.versions), filter(versions => !!versions), take(1), tap(versions => this.formFlowDefinitionVersions$.next(versions))),
+        ])), map(([key, versions]) => ({ key, version: versions[0] })))
+            .subscribe(formFlowDefinitionId => {
+            this.pageTitleService.setCustomPageTitle(formFlowDefinitionId.key);
+            this.formFlowDefinitionId$.next(formFlowDefinitionId);
+        });
+        this._definitionSubscription = this.formFlowDefinition$.pipe().subscribe(formFlowDefinition => {
+            this.readOnly$.next(formFlowDefinition.readOnly === true);
+            this.setModel(formFlowDefinition);
+        });
+    }
+    setModel(formFlowDefinition) {
+        const clone = { ...formFlowDefinition };
+        delete clone.version;
+        delete clone.readOnly;
+        this.model$.next({
+            value: JSON.stringify(clone),
+            language: 'json',
+            uri: formFlowDefinition.key + '-' + formFlowDefinition.version + '.formflow.json',
+        });
+        this.loading$.next(false);
+    }
+    showSuccessMessage(key) {
+        this.notificationService.showToast({
+            caption: this.translateService.instant('formFlow.savedSuccessTitleMessage', {
+                key,
+            }),
+            type: 'success',
+            duration: 4000,
+            showClose: true,
+            title: this.translateService.instant('formFlow.savedSuccessTitle'),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowEditorComponent, deps: [{ token: i1.FormFlowService }, { token: i2.ActivatedRoute }, { token: i3.PageTitleService }, { token: i2.Router }, { token: i4.NotificationService }, { token: i5.TranslateService }, { token: i6.FormFlowDownloadService }, { token: i3.PageHeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FormFlowEditorComponent, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"model$ | async as model; else loading\">\n  <valtimo-editor\n    [disabled]=\"(loading$ | async) === false && readOnly$ | async\"\n    [model]=\"model\"\n    [jsonSchema]=\"formFlowSchemaJson\"\n    (validEvent)=\"onValid($event)\"\n    (valueChangeEvent)=\"onValueChange($event)\"\n    [fitPage]=\"true\"\n  ></valtimo-editor>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      class=\"buttons-container\"\n      *ngIf=\"{\n        model: model$ | async,\n        valid: valid$ | async,\n        readOnly: readOnly$ | async,\n        versions: formFlowDefinitionVersionItems$ | async,\n        compactMode: compactMode$ | async\n      } as obs\"\n    >\n      <cds-dropdown\n        [disabled]=\"obs.versions.isLoading || obs.versions.value.length === 1\"\n        [dropUp]=\"false\"\n        [skeleton]=\"obs.versions.isLoading\"\n        (selected)=\"loadFormFlowDefinitionId($event.item.formFlowDefinitionId)\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n      >\n        <cds-dropdown-list [items]=\"obs.versions.value || []\"></cds-dropdown-list>\n      </cds-dropdown>\n\n      <div class=\"buttons-container-right\">\n        <cds-overflow-menu class=\"overflow-button\">\n          <cds-overflow-menu-option\n            [disabled]=\"!obs.valid && !obs.readOnly\"\n            (selected)=\"downloadFormFlowDefinition(obs.model)\"\n            >{{ 'interface.export' | translate }}\n          </cds-overflow-menu-option>\n\n          <cds-overflow-menu-option\n            [disabled]=\"obs.readOnly\"\n            type=\"danger\"\n            (selected)=\"showDeleteModal()\"\n            >{{ 'interface.delete' | translate }}\n          </cds-overflow-menu-option>\n        </cds-overflow-menu>\n\n        <button\n          [disabled]=\"!obs.valid || obs.readOnly\"\n          cdsButton=\"primary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"updateFormFlowDefinition()\"\n        >\n          {{ 'interface.save' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n        </button>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{formFlowDefinitionId: formFlowDefinitionId$ | async} as obs\">\n  <valtimo-delete-form-flow-modal\n    [deleteFormFlowDefinitionKey]=\"obs.formFlowDefinitionId?.key\"\n    [showDeleteModal$]=\"showDeleteModal$\"\n    (deleteEvent)=\"onDelete($event)\"\n  >\n  </valtimo-delete-form-flow-modal>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}::ng-deep .page-actions{width:100%}.buttons-container{display:flex;width:100%;justify-content:space-between;align-items:center}.buttons-container button{height:min-content}.buttons-container-right{display:flex;align-items:center}.overflow-button{margin-right:16px}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: i3.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: i4.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i8.DeleteFormFlowModalComponent, selector: "valtimo-delete-form-flow-modal", inputs: ["deleteFormFlowDefinitionKey", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowEditorComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [NotificationService], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"model$ | async as model; else loading\">\n  <valtimo-editor\n    [disabled]=\"(loading$ | async) === false && readOnly$ | async\"\n    [model]=\"model\"\n    [jsonSchema]=\"formFlowSchemaJson\"\n    (validEvent)=\"onValid($event)\"\n    (valueChangeEvent)=\"onValueChange($event)\"\n    [fitPage]=\"true\"\n  ></valtimo-editor>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      class=\"buttons-container\"\n      *ngIf=\"{\n        model: model$ | async,\n        valid: valid$ | async,\n        readOnly: readOnly$ | async,\n        versions: formFlowDefinitionVersionItems$ | async,\n        compactMode: compactMode$ | async\n      } as obs\"\n    >\n      <cds-dropdown\n        [disabled]=\"obs.versions.isLoading || obs.versions.value.length === 1\"\n        [dropUp]=\"false\"\n        [skeleton]=\"obs.versions.isLoading\"\n        (selected)=\"loadFormFlowDefinitionId($event.item.formFlowDefinitionId)\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n      >\n        <cds-dropdown-list [items]=\"obs.versions.value || []\"></cds-dropdown-list>\n      </cds-dropdown>\n\n      <div class=\"buttons-container-right\">\n        <cds-overflow-menu class=\"overflow-button\">\n          <cds-overflow-menu-option\n            [disabled]=\"!obs.valid && !obs.readOnly\"\n            (selected)=\"downloadFormFlowDefinition(obs.model)\"\n            >{{ 'interface.export' | translate }}\n          </cds-overflow-menu-option>\n\n          <cds-overflow-menu-option\n            [disabled]=\"obs.readOnly\"\n            type=\"danger\"\n            (selected)=\"showDeleteModal()\"\n            >{{ 'interface.delete' | translate }}\n          </cds-overflow-menu-option>\n        </cds-overflow-menu>\n\n        <button\n          [disabled]=\"!obs.valid || obs.readOnly\"\n          cdsButton=\"primary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"updateFormFlowDefinition()\"\n        >\n          {{ 'interface.save' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n        </button>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{formFlowDefinitionId: formFlowDefinitionId$ | async} as obs\">\n  <valtimo-delete-form-flow-modal\n    [deleteFormFlowDefinitionKey]=\"obs.formFlowDefinitionId?.key\"\n    [showDeleteModal$]=\"showDeleteModal$\"\n    (deleteEvent)=\"onDelete($event)\"\n  >\n  </valtimo-delete-form-flow-modal>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}::ng-deep .page-actions{width:100%}.buttons-container{display:flex;width:100%;justify-content:space-between;align-items:center}.buttons-container button{height:min-content}.buttons-container-right{display:flex;align-items:center}.overflow-button{margin-right:16px}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1.FormFlowService }, { type: i2.ActivatedRoute }, { type: i3.PageTitleService }, { type: i2.Router }, { type: i4.NotificationService }, { type: i5.TranslateService }, { type: i6.FormFlowDownloadService }, { type: i3.PageHeaderService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1mbG93LWVkaXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2Zvcm0tZmxvdy1tYW5hZ2VtZW50L3NyYy9saWIvY29tcG9uZW50cy9lZGl0b3IvZm9ybS1mbG93LWVkaXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2Zvcm0tZmxvdy1tYW5hZ2VtZW50L3NyYy9saWIvY29tcG9uZW50cy9lZGl0b3IvZm9ybS1mbG93LWVkaXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUVILE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBRXBGLE9BQU8sRUFDTCxlQUFlLEVBQ2YsYUFBYSxFQUNiLE1BQU0sRUFDTixRQUFRLEVBQ1IsR0FBRyxFQUVILEVBQUUsRUFDRixTQUFTLEVBRVQsU0FBUyxFQUNULElBQUksRUFDSixHQUFHLEdBQ0osTUFBTSxNQUFNLENBQUM7QUFJZCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUk5RCxPQUFPLGtCQUFrQixNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7O0FBUXhELE1BQU0sT0FBTyx1QkFBdUI7SUE4Q2xDLFlBQ21CLGVBQWdDLEVBQ2hDLEtBQXFCLEVBQ3JCLGdCQUFrQyxFQUNsQyxNQUFjLEVBQ2QsbUJBQXdDLEVBQ3hDLGdCQUFrQyxFQUNsQyx1QkFBZ0QsRUFDaEQsaUJBQW9DO1FBUHBDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUNyQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCx3QkFBbUIsR0FBbkIsbUJBQW1C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Q2YsS0FBSyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsNEJBQTRCLENBQUM7U0FDbkUsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FoTVUsdUJBQXVCO2tHQUF2Qix1QkFBdUIsdUNBRnZCLENBQUMsbUJBQW1CLENBQUMsMEJDN0NsQywrdUdBOEZBOzsyRkQvQ2EsdUJBQXVCO2tCQU5uQyxTQUFTO3NDQUVTLHVCQUF1QixDQUFDLE1BQU0sYUFFcEMsQ0FBQyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDI0IFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3JtRmxvd1NlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2Zvcm0tZmxvdy5zZXJ2aWNlJztcbmltcG9ydCB7XG4gIEJlaGF2aW9yU3ViamVjdCxcbiAgY29tYmluZUxhdGVzdCxcbiAgZmlsdGVyLFxuICBmaW5hbGl6ZSxcbiAgbWFwLFxuICBPYnNlcnZhYmxlLFxuICBvZixcbiAgc3RhcnRXaXRoLFxuICBTdWJzY3JpcHRpb24sXG4gIHN3aXRjaE1hcCxcbiAgdGFrZSxcbiAgdGFwLFxufSBmcm9tICdyeGpzJztcbmltcG9ydCB7QWN0aXZhdGVkUm91dGUsIFJvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7RWRpdG9yTW9kZWwsIFBhZ2VIZWFkZXJTZXJ2aWNlLCBQYWdlVGl0bGVTZXJ2aWNlfSBmcm9tICdAdmFsdGltby9jb21wb25lbnRzJztcbmltcG9ydCB7Rm9ybUZsb3dEZWZpbml0aW9uLCBGb3JtRmxvd0RlZmluaXRpb25JZCwgTG9hZGVkVmFsdWV9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQge05vdGlmaWNhdGlvblNlcnZpY2V9IGZyb20gJ2NhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXInO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7Rm9ybUZsb3dEb3dubG9hZFNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2Zvcm0tZmxvdy1kb3dubG9hZC5zZXJ2aWNlJztcbmltcG9ydCB7TGlzdEl0ZW19IGZyb20gJ2NhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXIvZHJvcGRvd24nO1xuaW1wb3J0IGZvcm1GbG93U2NoZW1hSnNvbiBmcm9tICcuL2Zvcm1mbG93LnNjaGVtYS5qc29uJztcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWZsb3ctZWRpdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0eWxlVXJsczogWycuL2Zvcm0tZmxvdy1lZGl0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbTm90aWZpY2F0aW9uU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1GbG93RWRpdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwdWJsaWMgcmVhZG9ubHkgbW9kZWwkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxFZGl0b3JNb2RlbCB8IG51bGw+KG51bGwpO1xuICBwdWJsaWMgcmVhZG9ubHkgcmVhZE9ubHkkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XG4gIHB1YmxpYyByZWFkb25seSB2YWxpZCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcHVibGljIHJlYWRvbmx5IGxvYWRpbmckID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPih0cnVlKTtcbiAgcHVibGljIHJlYWRvbmx5IHNob3dEZWxldGVNb2RhbCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcHVibGljIHJlYWRvbmx5IGZvcm1GbG93RGVmaW5pdGlvblZlcnNpb25zJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8QXJyYXk8bnVtYmVyPj4oWzFdKTtcbiAgcHVibGljIHJlYWRvbmx5IGZvcm1GbG93RGVmaW5pdGlvbklkJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Rm9ybUZsb3dEZWZpbml0aW9uSWQgfCBudWxsPihudWxsKTtcbiAgcHJpdmF0ZSBfaWRTdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XG4gIHByaXZhdGUgX2RlZmluaXRpb25TdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XG4gIHB1YmxpYyByZWFkb25seSBDQVJCT05fVEhFTUUgPSAnZzEwJztcblxuICBwdWJsaWMgcmVhZG9ubHkgZm9ybUZsb3dTY2hlbWFKc29uID0gZm9ybUZsb3dTY2hlbWFKc29uO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX3VwZGF0ZWRNb2RlbFZhbHVlJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8c3RyaW5nPignJyk7XG5cbiAgcHVibGljIHJlYWRvbmx5IGZvcm1GbG93RGVmaW5pdGlvblZlcnNpb25JdGVtcyQ6IE9ic2VydmFibGU8TG9hZGVkVmFsdWU8QXJyYXk8TGlzdEl0ZW0+Pj4gPVxuICAgIGNvbWJpbmVMYXRlc3QoW3RoaXMuZm9ybUZsb3dEZWZpbml0aW9uVmVyc2lvbnMkLCB0aGlzLmZvcm1GbG93RGVmaW5pdGlvbklkJF0pLnBpcGUoXG4gICAgICBmaWx0ZXIoKFt2ZXJzaW9ucywgZm9ybUZsb3dEZWZpbml0aW9uSWRdKSA9PiAhIXZlcnNpb25zICYmICEhZm9ybUZsb3dEZWZpbml0aW9uSWQpLFxuICAgICAgbWFwKChbdmVyc2lvbnMsIGZvcm1GbG93RGVmaW5pdGlvbklkXSkgPT5cbiAgICAgICAgdmVyc2lvbnMubWFwKFxuICAgICAgICAgIHZlcnNpb24gPT5cbiAgICAgICAgICAgICh7XG4gICAgICAgICAgICAgIGZvcm1GbG93RGVmaW5pdGlvbklkOiB7XG4gICAgICAgICAgICAgICAga2V5OiBmb3JtRmxvd0RlZmluaXRpb25JZC5rZXksXG4gICAgICAgICAgICAgICAgdmVyc2lvbixcbiAgICAgICAgICAgICAgfSBhcyBGb3JtRmxvd0RlZmluaXRpb25JZCxcbiAgICAgICAgICAgICAgY29udGVudDogYCR7dGhpcy50cmFuc2xhdGVTZXJ2aWNlLmluc3RhbnQoJ2Zvcm1GbG93LnZlcnNpb24nKX06ICR7dmVyc2lvbn1gLFxuICAgICAgICAgICAgICBzZWxlY3RlZDogdmVyc2lvbiA9PT0gZm9ybUZsb3dEZWZpbml0aW9uSWQudmVyc2lvbixcbiAgICAgICAgICAgIH0pIGFzIExpc3RJdGVtXG4gICAgICAgIClcbiAgICAgICksXG4gICAgICBtYXAoZm9ybUZsb3dEZWZpbml0aW9uVmVyc2lvbkl0ZW1zID0+ICh7XG4gICAgICAgIHZhbHVlOiBmb3JtRmxvd0RlZmluaXRpb25WZXJzaW9uSXRlbXMsXG4gICAgICAgIGlzTG9hZGluZzogZmFsc2UsXG4gICAgICB9KSksXG4gICAgICBzdGFydFdpdGgoe2lzTG9hZGluZzogdHJ1ZX0pXG4gICAgKTtcbiAgcHVibGljIHJlYWRvbmx5IGZvcm1GbG93RGVmaW5pdGlvbiQ6IE9ic2VydmFibGU8Rm9ybUZsb3dEZWZpbml0aW9uPiA9XG4gICAgdGhpcy5mb3JtRmxvd0RlZmluaXRpb25JZCQucGlwZShcbiAgICAgIGZpbHRlcihpZCA9PiAhIWlkKSxcbiAgICAgIHN3aXRjaE1hcChpZCA9PiB0aGlzLmZvcm1GbG93U2VydmljZS5nZXRGb3JtRmxvd0RlZmluaXRpb24oaWQpKVxuICAgICk7XG5cbiAgcHVibGljIHJlYWRvbmx5IGNvbXBhY3RNb2RlJCA9IHRoaXMucGFnZUhlYWRlclNlcnZpY2UuY29tcGFjdE1vZGUkO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgZm9ybUZsb3dTZXJ2aWNlOiBGb3JtRmxvd1NlcnZpY2UsXG4gICAgcHJpdmF0ZSByZWFkb25seSByb3V0ZTogQWN0aXZhdGVkUm91dGUsXG4gICAgcHJpdmF0ZSByZWFkb25seSBwYWdlVGl0bGVTZXJ2aWNlOiBQYWdlVGl0bGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcm91dGVyOiBSb3V0ZXIsXG4gICAgcHJpdmF0ZSByZWFkb25seSBub3RpZmljYXRpb25TZXJ2aWNlOiBOb3RpZmljYXRpb25TZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IGZvcm1GbG93RG93bmxvYWRTZXJ2aWNlOiBGb3JtRmxvd0Rvd25sb2FkU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IHBhZ2VIZWFkZXJTZXJ2aWNlOiBQYWdlSGVhZGVyU2VydmljZVxuICApIHt9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9ybUZsb3dTZXJ2aWNlLmxvYWRGb3JtRmxvd3MoKTtcbiAgICB0aGlzLm9wZW5Gb3JtRmxvd0RlZmluaXRpb25TdWJzY3JpcHRpb24oKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnBhZ2VUaXRsZVNlcnZpY2UuZW5hYmxlUmVzZXQoKTtcbiAgICB0aGlzLl9pZFN1YnNjcmlwdGlvbj8udW5zdWJzY3JpYmUoKTtcbiAgICB0aGlzLl9kZWZpbml0aW9uU3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgcHVibGljIG9uVmFsaWQodmFsaWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLnZhbGlkJC5uZXh0KHZhbGlkICE9PSBmYWxzZSk7XG4gIH1cblxuICBwdWJsaWMgb25WYWx1ZUNoYW5nZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5fdXBkYXRlZE1vZGVsVmFsdWUkLm5leHQodmFsdWUpO1xuICB9XG5cbiAgcHVibGljIHVwZGF0ZUZvcm1GbG93RGVmaW5pdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmxvYWRpbmckLm5leHQodHJ1ZSk7XG5cbiAgICBjb21iaW5lTGF0ZXN0KFt0aGlzLl91cGRhdGVkTW9kZWxWYWx1ZSQsIHRoaXMuZm9ybUZsb3dEZWZpbml0aW9uSWQkXSlcbiAgICAgIC5waXBlKFxuICAgICAgICB0YWtlKDEpLFxuICAgICAgICBtYXAoKFt1cGRhdGVkTW9kZWxWYWx1ZSwgZm9ybUZsb3dEZWZpbml0aW9uSWRdKSA9PiAoe1xuICAgICAgICAgIC4uLihKU09OLnBhcnNlKHVwZGF0ZWRNb2RlbFZhbHVlKSBhcyBGb3JtRmxvd0RlZmluaXRpb24pLFxuICAgICAgICAgIGtleTogZm9ybUZsb3dEZWZpbml0aW9uSWQua2V5LFxuICAgICAgICAgIHZlcnNpb246IHRoaXMuZm9ybUZsb3dEZWZpbml0aW9uVmVyc2lvbnMkLnZhbHVlWzBdICsgMSxcbiAgICAgICAgfSkpLFxuICAgICAgICBzd2l0Y2hNYXAodXBkYXRlZEZvcm1GbG93RGVmaW5pdGlvbiA9PlxuICAgICAgICAgIHRoaXMuZm9ybUZsb3dTZXJ2aWNlLnVwZGF0ZUZvcm1GbG93RGVmaW5pdGlvbihcbiAgICAgICAgICAgIHVwZGF0ZWRGb3JtRmxvd0RlZmluaXRpb24ua2V5LFxuICAgICAgICAgICAgdXBkYXRlZEZvcm1GbG93RGVmaW5pdGlvblxuICAgICAgICAgIClcbiAgICAgICAgKVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSh7XG4gICAgICAgIG5leHQ6IHJlc3VsdCA9PiB7XG4gICAgICAgICAgY29uc3QgaWQgPSB7a2V5OiByZXN1bHQua2V5LCB2ZXJzaW9uOiByZXN1bHQudmVyc2lvbn07XG4gICAgICAgICAgdGhpcy5zaG93U3VjY2Vzc01lc3NhZ2UocmVzdWx0LmtleSk7XG4gICAgICAgICAgdGhpcy5mb3JtRmxvd0RlZmluaXRpb25JZCQubmV4dChpZCk7XG4gICAgICAgICAgdGhpcy5mb3JtRmxvd0RlZmluaXRpb25WZXJzaW9ucyQubmV4dChcbiAgICAgICAgICAgIFtpZC52ZXJzaW9uXS5jb25jYXQodGhpcy5mb3JtRmxvd0RlZmluaXRpb25WZXJzaW9ucyQudmFsdWUpXG4gICAgICAgICAgKTtcbiAgICAgICAgfSxcbiAgICAgICAgZXJyb3I6ICgpID0+IHtcbiAgICAgICAgICB0aGlzLmxvYWRpbmckLm5leHQoZmFsc2UpO1xuICAgICAgICB9LFxuICAgICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb25EZWxldGUoZm9ybUZsb3dEZWZpbml0aW9uS2V5OiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmxvYWRpbmckLm5leHQodHJ1ZSk7XG4gICAgdGhpcy5mb3JtRmxvd1NlcnZpY2UuZGlzcGF0Y2hBY3Rpb24oXG4gICAgICB0aGlzLmZvcm1GbG93U2VydmljZS5kZWxldGVGb3JtRmxvd0RlZmluaXRpb24oZm9ybUZsb3dEZWZpbml0aW9uS2V5KS5waXBlKFxuICAgICAgICBmaW5hbGl6ZSgoKSA9PiB7XG4gICAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoWycvZm9ybS1mbG93LW1hbmFnZW1lbnQnXSk7XG4gICAgICAgIH0pXG4gICAgICApXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBzaG93RGVsZXRlTW9kYWwoKTogdm9pZCB7XG4gICAgdGhpcy5zaG93RGVsZXRlTW9kYWwkLm5leHQodHJ1ZSk7XG4gIH1cblxuICBwdWJsaWMgZG93bmxvYWRGb3JtRmxvd0RlZmluaXRpb24obW9kZWw6IEVkaXRvck1vZGVsKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtRmxvd0RlZmluaXRpb25JZCQuc3Vic2NyaWJlKGZvcm1GbG93RGVmaW5pdGlvbklkID0+XG4gICAgICB0aGlzLmZvcm1GbG93RG93bmxvYWRTZXJ2aWNlLmRvd25sb2FkSnNvbihKU09OLnBhcnNlKG1vZGVsLnZhbHVlKSwgZm9ybUZsb3dEZWZpbml0aW9uSWQpXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBsb2FkRm9ybUZsb3dEZWZpbml0aW9uSWQoZm9ybUZsb3dEZWZpbml0aW9uSWQ/OiBGb3JtRmxvd0RlZmluaXRpb25JZCkge1xuICAgIGlmICghIWZvcm1GbG93RGVmaW5pdGlvbklkKSB7XG4gICAgICB0aGlzLmZvcm1GbG93RGVmaW5pdGlvbklkJC5uZXh0KGZvcm1GbG93RGVmaW5pdGlvbklkKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIG9wZW5Gb3JtRmxvd0RlZmluaXRpb25TdWJzY3JpcHRpb24oKTogdm9pZCB7XG4gICAgdGhpcy5sb2FkaW5nJC5uZXh0KHRydWUpO1xuXG4gICAgdGhpcy5faWRTdWJzY3JpcHRpb24gPSB0aGlzLnJvdXRlLnBhcmFtc1xuICAgICAgLnBpcGUoXG4gICAgICAgIGZpbHRlcihwYXJhbXMgPT4gcGFyYW1zPy5rZXkpLFxuICAgICAgICBtYXAocGFyYW1zID0+IHBhcmFtcy5rZXkpLFxuICAgICAgICBzd2l0Y2hNYXAoa2V5ID0+XG4gICAgICAgICAgY29tYmluZUxhdGVzdChbXG4gICAgICAgICAgICBvZihrZXkpLFxuICAgICAgICAgICAgdGhpcy5mb3JtRmxvd1NlcnZpY2UuZm9ybUZsb3dzJC5waXBlKFxuICAgICAgICAgICAgICBtYXAoXG4gICAgICAgICAgICAgICAgZm9ybUZsb3dEZWZpbml0aW9ucyA9PlxuICAgICAgICAgICAgICAgICAgZm9ybUZsb3dEZWZpbml0aW9ucy5maW5kKGRlZmluaXRpb24gPT4gZGVmaW5pdGlvbi5rZXkgPT09IGtleSk/LnZlcnNpb25zXG4gICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIGZpbHRlcih2ZXJzaW9ucyA9PiAhIXZlcnNpb25zKSxcbiAgICAgICAgICAgICAgdGFrZSgxKSxcbiAgICAgICAgICAgICAgdGFwKHZlcnNpb25zID0+IHRoaXMuZm9ybUZsb3dEZWZpbml0aW9uVmVyc2lvbnMkLm5leHQodmVyc2lvbnMpKVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICBdKVxuICAgICAgICApLFxuICAgICAgICBtYXAoKFtrZXksIHZlcnNpb25zXSkgPT4gKHtrZXksIHZlcnNpb246IHZlcnNpb25zWzBdfSkgYXMgRm9ybUZsb3dEZWZpbml0aW9uSWQpXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKGZvcm1GbG93RGVmaW5pdGlvbklkID0+IHtcbiAgICAgICAgdGhpcy5wYWdlVGl0bGVTZXJ2aWNlLnNldEN1c3RvbVBhZ2VUaXRsZShmb3JtRmxvd0RlZmluaXRpb25JZC5rZXkpO1xuICAgICAgICB0aGlzLmZvcm1GbG93RGVmaW5pdGlvbklkJC5uZXh0KGZvcm1GbG93RGVmaW5pdGlvbklkKTtcbiAgICAgIH0pO1xuXG4gICAgdGhpcy5fZGVmaW5pdGlvblN1YnNjcmlwdGlvbiA9IHRoaXMuZm9ybUZsb3dEZWZpbml0aW9uJC5waXBlKCkuc3Vic2NyaWJlKGZvcm1GbG93RGVmaW5pdGlvbiA9PiB7XG4gICAgICB0aGlzLnJlYWRPbmx5JC5uZXh0KGZvcm1GbG93RGVmaW5pdGlvbi5yZWFkT25seSA9PT0gdHJ1ZSk7XG4gICAgICB0aGlzLnNldE1vZGVsKGZvcm1GbG93RGVmaW5pdGlvbik7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHNldE1vZGVsKGZvcm1GbG93RGVmaW5pdGlvbjogRm9ybUZsb3dEZWZpbml0aW9uKTogdm9pZCB7XG4gICAgY29uc3QgY2xvbmUgPSB7Li4uZm9ybUZsb3dEZWZpbml0aW9ufTtcbiAgICBkZWxldGUgY2xvbmUudmVyc2lvbjtcbiAgICBkZWxldGUgY2xvbmUucmVhZE9ubHk7XG4gICAgdGhpcy5tb2RlbCQubmV4dCh7XG4gICAgICB2YWx1ZTogSlNPTi5zdHJpbmdpZnkoY2xvbmUpLFxuICAgICAgbGFuZ3VhZ2U6ICdqc29uJyxcbiAgICAgIHVyaTogZm9ybUZsb3dEZWZpbml0aW9uLmtleSArICctJyArIGZvcm1GbG93RGVmaW5pdGlvbi52ZXJzaW9uICsgJy5mb3JtZmxvdy5qc29uJyxcbiAgICB9KTtcbiAgICB0aGlzLmxvYWRpbmckLm5leHQoZmFsc2UpO1xuICB9XG5cbiAgcHJpdmF0ZSBzaG93U3VjY2Vzc01lc3NhZ2Uoa2V5OiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm5vdGlmaWNhdGlvblNlcnZpY2Uuc2hvd1RvYXN0KHtcbiAgICAgIGNhcHRpb246IHRoaXMudHJhbnNsYXRlU2VydmljZS5pbnN0YW50KCdmb3JtRmxvdy5zYXZlZFN1Y2Nlc3NUaXRsZU1lc3NhZ2UnLCB7XG4gICAgICAgIGtleSxcbiAgICAgIH0pLFxuICAgICAgdHlwZTogJ3N1Y2Nlc3MnLFxuICAgICAgZHVyYXRpb246IDQwMDAsXG4gICAgICBzaG93Q2xvc2U6IHRydWUsXG4gICAgICB0aXRsZTogdGhpcy50cmFuc2xhdGVTZXJ2aWNlLmluc3RhbnQoJ2Zvcm1GbG93LnNhdmVkU3VjY2Vzc1RpdGxlJyksXG4gICAgfSk7XG4gIH1cbn1cbiIsIjwhLS1cbiAgfiBDb3B5cmlnaHQgMjAxNS0yMDI0IFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAgflxuICB+IExpY2Vuc2VkIHVuZGVyIEVVUEwsIFZlcnNpb24gMS4yICh0aGUgXCJMaWNlbnNlXCIpO1xuICB+IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAgfiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAgflxuICB+IGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAgflxuICB+IFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAgfiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gIH4gV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gIH4gU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICB+IGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICAtLT5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGVsJCB8IGFzeW5jIGFzIG1vZGVsOyBlbHNlIGxvYWRpbmdcIj5cbiAgPHZhbHRpbW8tZWRpdG9yXG4gICAgW2Rpc2FibGVkXT1cIihsb2FkaW5nJCB8IGFzeW5jKSA9PT0gZmFsc2UgJiYgcmVhZE9ubHkkIHwgYXN5bmNcIlxuICAgIFttb2RlbF09XCJtb2RlbFwiXG4gICAgW2pzb25TY2hlbWFdPVwiZm9ybUZsb3dTY2hlbWFKc29uXCJcbiAgICAodmFsaWRFdmVudCk9XCJvblZhbGlkKCRldmVudClcIlxuICAgICh2YWx1ZUNoYW5nZUV2ZW50KT1cIm9uVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgW2ZpdFBhZ2VdPVwidHJ1ZVwiXG4gID48L3ZhbHRpbW8tZWRpdG9yPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250YWluZXIgcmVuZGVySW5QYWdlSGVhZGVyPlxuICA8bmctdGVtcGxhdGU+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJidXR0b25zLWNvbnRhaW5lclwiXG4gICAgICAqbmdJZj1cIntcbiAgICAgICAgbW9kZWw6IG1vZGVsJCB8IGFzeW5jLFxuICAgICAgICB2YWxpZDogdmFsaWQkIHwgYXN5bmMsXG4gICAgICAgIHJlYWRPbmx5OiByZWFkT25seSQgfCBhc3luYyxcbiAgICAgICAgdmVyc2lvbnM6IGZvcm1GbG93RGVmaW5pdGlvblZlcnNpb25JdGVtcyQgfCBhc3luYyxcbiAgICAgICAgY29tcGFjdE1vZGU6IGNvbXBhY3RNb2RlJCB8IGFzeW5jXG4gICAgICB9IGFzIG9ic1wiXG4gICAgPlxuICAgICAgPGNkcy1kcm9wZG93blxuICAgICAgICBbZGlzYWJsZWRdPVwib2JzLnZlcnNpb25zLmlzTG9hZGluZyB8fCBvYnMudmVyc2lvbnMudmFsdWUubGVuZ3RoID09PSAxXCJcbiAgICAgICAgW2Ryb3BVcF09XCJmYWxzZVwiXG4gICAgICAgIFtza2VsZXRvbl09XCJvYnMudmVyc2lvbnMuaXNMb2FkaW5nXCJcbiAgICAgICAgKHNlbGVjdGVkKT1cImxvYWRGb3JtRmxvd0RlZmluaXRpb25JZCgkZXZlbnQuaXRlbS5mb3JtRmxvd0RlZmluaXRpb25JZClcIlxuICAgICAgICBbc2l6ZV09XCJvYnMuY29tcGFjdE1vZGUgPyAnc20nIDogJ21kJ1wiXG4gICAgICA+XG4gICAgICAgIDxjZHMtZHJvcGRvd24tbGlzdCBbaXRlbXNdPVwib2JzLnZlcnNpb25zLnZhbHVlIHx8IFtdXCI+PC9jZHMtZHJvcGRvd24tbGlzdD5cbiAgICAgIDwvY2RzLWRyb3Bkb3duPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1jb250YWluZXItcmlnaHRcIj5cbiAgICAgICAgPGNkcy1vdmVyZmxvdy1tZW51IGNsYXNzPVwib3ZlcmZsb3ctYnV0dG9uXCI+XG4gICAgICAgICAgPGNkcy1vdmVyZmxvdy1tZW51LW9wdGlvblxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFvYnMudmFsaWQgJiYgIW9icy5yZWFkT25seVwiXG4gICAgICAgICAgICAoc2VsZWN0ZWQpPVwiZG93bmxvYWRGb3JtRmxvd0RlZmluaXRpb24ob2JzLm1vZGVsKVwiXG4gICAgICAgICAgICA+e3sgJ2ludGVyZmFjZS5leHBvcnQnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgPC9jZHMtb3ZlcmZsb3ctbWVudS1vcHRpb24+XG5cbiAgICAgICAgICA8Y2RzLW92ZXJmbG93LW1lbnUtb3B0aW9uXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwib2JzLnJlYWRPbmx5XCJcbiAgICAgICAgICAgIHR5cGU9XCJkYW5nZXJcIlxuICAgICAgICAgICAgKHNlbGVjdGVkKT1cInNob3dEZWxldGVNb2RhbCgpXCJcbiAgICAgICAgICAgID57eyAnaW50ZXJmYWNlLmRlbGV0ZScgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICA8L2Nkcy1vdmVyZmxvdy1tZW51LW9wdGlvbj5cbiAgICAgICAgPC9jZHMtb3ZlcmZsb3ctbWVudT5cblxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIiFvYnMudmFsaWQgfHwgb2JzLnJlYWRPbmx5XCJcbiAgICAgICAgICBjZHNCdXR0b249XCJwcmltYXJ5XCJcbiAgICAgICAgICBbc2l6ZV09XCJvYnMuY29tcGFjdE1vZGUgPyAnc20nIDogJ21kJ1wiXG4gICAgICAgICAgKGNsaWNrKT1cInVwZGF0ZUZvcm1GbG93RGVmaW5pdGlvbigpXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7ICdpbnRlcmZhY2Uuc2F2ZScgfCB0cmFuc2xhdGUgfX1cblxuICAgICAgICAgIDxzdmcgY2xhc3M9XCJjZHMtLWJ0bl9faWNvblwiIGNkc0ljb249XCJzYXZlXCIgc2l6ZT1cIjE2XCI+PC9zdmc+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIntmb3JtRmxvd0RlZmluaXRpb25JZDogZm9ybUZsb3dEZWZpbml0aW9uSWQkIHwgYXN5bmN9IGFzIG9ic1wiPlxuICA8dmFsdGltby1kZWxldGUtZm9ybS1mbG93LW1vZGFsXG4gICAgW2RlbGV0ZUZvcm1GbG93RGVmaW5pdGlvbktleV09XCJvYnMuZm9ybUZsb3dEZWZpbml0aW9uSWQ/LmtleVwiXG4gICAgW3Nob3dEZWxldGVNb2RhbCRdPVwic2hvd0RlbGV0ZU1vZGFsJFwiXG4gICAgKGRlbGV0ZUV2ZW50KT1cIm9uRGVsZXRlKCRldmVudClcIlxuICA+XG4gIDwvdmFsdGltby1kZWxldGUtZm9ybS1mbG93LW1vZGFsPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjbG9hZGluZz5cbiAgPGRpdiBjbGFzcz1cImxvYWRpbmctY29udGFpbmVyXCI+XG4gICAgPGNkcy1sb2FkaW5nPjwvY2RzLWxvYWRpbmc+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/lib/components/editor/formflow.schema.json

@@ -0,0 +1,79 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "$id": "formflow.schema",
+    "title": "Form flow definition",
+    "description": "Representation of a form flow definition",
+    "type": "object",
+    "properties": {
+        "startStep": {
+            "type": "string",
+            "description": "This must contain the key of the first step of the form flow"
+        },
+        "steps": {
+            "type": "array",
+            "description": "This array should contain all the possible steps of the form flow",
+            "items": {
+                "type": "object",
+                "properties": {
+                    "key": {
+                        "type": "string",
+                        "description": "The identifying human readable key of the step"
+                    },
+                    "type": {
+                        "type": "object",
+                        "description": "The type of form that should be displayed",
+                        "properties": {
+                            "name": {
+                                "type": "string",
+                                "description": "This defines the type of the step, for instance: 'form'"
+                            },
+                            "properties": {
+                                "type": "object",
+                                "description": "This object holds additional properties for the specified type"
+                            }
+                        },
+                        "required": ["name", "properties"]
+                    },
+                    "onOpen": {
+                        "type": "array",
+                        "description": "An array of expressions which are executed in order when opening the step",
+                        "items": {
+                            "type": "string",
+                            "description": "An expression that is executed when opening the step"
+                        }
+                    },
+                    "onComplete": {
+                        "type": "array",
+                        "description": "An array of expressions which are executed in order when completing the step",
+                        "items": {
+                            "type": "string",
+                            "description": "An expression that is executed when completing the step"
+                        }
+                    },
+                    "nextSteps": {
+                        "type": "array",
+                        "description": "The possible next steps. A condition must be added on all steps but one. The step without a condition is the default step that will be used when all conditions fail",
+                        "items": {
+                            "type": "object",
+                            "properties": {
+                                "step": {
+                                    "type": "string",
+                                    "title": "The key of the next step. This should match one of the keys in the steps array"
+                                },
+                                "condition": {
+                                    "type": ["string", "null"],
+                                    "title": "This should contain an expression telling what condition should be met to go to this next step. If there is no condition this is the default next step."
+                                }
+                            },
+                            "required": ["step"]
+                        }
+                    }
+                },
+                "required": ["key", "type"]
+            },
+            "minItems": 1,
+            "uniqueItems": true
+        }
+    },
+    "required": ["startStep", "steps"]
+}

package/esm2022/lib/components/new-form-flow-modal/new-form-flow-modal.component.mjs

@@ -0,0 +1,67 @@
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { CARBON_CONSTANTS } from '@valtimo/components';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "carbon-components-angular";
+import * as i3 from "@ngx-translate/core";
+export class NewFormFlowModalComponent {
+    get key() {
+        return this.form?.get('key');
+    }
+    constructor(fb) {
+        this.fb = fb;
+        this.open = false;
+        this.closeEvent = new EventEmitter();
+        this.form = this.fb.group({
+            key: this.fb.control('', Validators.required),
+        });
+    }
+    onCancel() {
+        this.closeEvent.emit(null);
+        this.resetForm();
+    }
+    onConfirm() {
+        if (!this.key) {
+            return;
+        }
+        this.closeEvent.emit({
+            key: this.key.value,
+            version: 1,
+            startStep: 'start-step',
+            steps: [],
+        });
+        this.resetForm();
+    }
+    resetForm() {
+        setTimeout(() => {
+            this.form.reset();
+        }, CARBON_CONSTANTS.modalAnimationMs);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: NewFormFlowModalComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: NewFormFlowModalComponent, selector: "valtimo-new-form-flow-modal", inputs: { open: "open" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal [open]=\"open\" showFooter=\"true\" [title]=\"'formFlow.add' | translate\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formFlow.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\">\n      <cds-label [invalid]=\"key.dirty && key.invalid\">\n        {{ 'formFlow.key' | translate }}\n\n        <input\n          formControlName=\"key\"\n          cdsText\n          placeholder=\"{{ 'formFlow.key' | translate }}\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"key.dirty && key.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n      {{ 'interface.create' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: NewFormFlowModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-new-form-flow-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal [open]=\"open\" showFooter=\"true\" [title]=\"'formFlow.add' | translate\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formFlow.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\">\n      <cds-label [invalid]=\"key.dirty && key.invalid\">\n        {{ 'formFlow.key' | translate }}\n\n        <input\n          formControlName=\"key\"\n          cdsText\n          placeholder=\"{{ 'formFlow.key' | translate }}\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"key.dirty && key.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n      {{ 'interface.create' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { open: [{
+                type: Input
+            }], closeEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWZvcm0tZmxvdy1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2Zvcm0tZmxvdy1tYW5hZ2VtZW50L3NyYy9saWIvY29tcG9uZW50cy9uZXctZm9ybS1mbG93LW1vZGFsL25ldy1mb3JtLWZsb3ctbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGltby9mb3JtLWZsb3ctbWFuYWdlbWVudC9zcmMvbGliL2NvbXBvbmVudHMvbmV3LWZvcm0tZmxvdy1tb2RhbC9uZXctZm9ybS1mbG93LW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBRUgsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQWMsVUFBVSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFdkQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0scUJBQXFCLENBQUM7Ozs7O0FBT3JELE1BQU0sT0FBTyx5QkFBeUI7SUFRcEMsSUFBVyxHQUFHO1FBQ1osT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsWUFBNkIsRUFBZTtRQUFmLE9BQUUsR0FBRixFQUFFLENBQWE7UUFYbkMsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUNaLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBNkIsQ0FBQztRQUU5RCxTQUFJLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUM7WUFDMUIsR0FBRyxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDO1NBQzlDLENBQUMsQ0FBQztJQU00QyxDQUFDO0lBRXpDLFFBQVE7UUFDYixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVNLFNBQVM7UUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQ2QsT0FBTztRQUNULENBQUM7UUFFRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQztZQUNuQixHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLO1lBQ25CLE9BQU8sRUFBRSxDQUFDO1lBQ1YsU0FBUyxFQUFFLFlBQVk7WUFDdkIsS0FBSyxFQUFFLEVBQUU7U0FDVixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVPLFNBQVM7UUFDZixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNwQixDQUFDLEVBQUUsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUN4QyxDQUFDOzhHQXJDVSx5QkFBeUI7a0dBQXpCLHlCQUF5QixvSUMxQnRDLGlzREFpREE7OzJGRHZCYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsNkJBQTZCLG1CQUV0Qix1QkFBdUIsQ0FBQyxNQUFNO2dGQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDI0IFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Rm9ybUJ1aWxkZXIsIFZhbGlkYXRvcnN9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Rm9ybUZsb3dEZWZpbml0aW9ufSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHtDQVJCT05fQ09OU1RBTlRTfSBmcm9tICdAdmFsdGltby9jb21wb25lbnRzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsdGltby1uZXctZm9ybS1mbG93LW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25ldy1mb3JtLWZsb3ctbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmV3Rm9ybUZsb3dNb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG9wZW4gPSBmYWxzZTtcbiAgQE91dHB1dCgpIGNsb3NlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPEZvcm1GbG93RGVmaW5pdGlvbiB8IG51bGw+KCk7XG5cbiAgcHVibGljIGZvcm0gPSB0aGlzLmZiLmdyb3VwKHtcbiAgICBrZXk6IHRoaXMuZmIuY29udHJvbCgnJywgVmFsaWRhdG9ycy5yZXF1aXJlZCksXG4gIH0pO1xuXG4gIHB1YmxpYyBnZXQga2V5KCkge1xuICAgIHJldHVybiB0aGlzLmZvcm0/LmdldCgna2V5Jyk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGZiOiBGb3JtQnVpbGRlcikge31cblxuICBwdWJsaWMgb25DYW5jZWwoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZUV2ZW50LmVtaXQobnVsbCk7XG4gICAgdGhpcy5yZXNldEZvcm0oKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNvbmZpcm0oKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmtleSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuY2xvc2VFdmVudC5lbWl0KHtcbiAgICAgIGtleTogdGhpcy5rZXkudmFsdWUsXG4gICAgICB2ZXJzaW9uOiAxLFxuICAgICAgc3RhcnRTdGVwOiAnc3RhcnQtc3RlcCcsXG4gICAgICBzdGVwczogW10sXG4gICAgfSk7XG4gICAgdGhpcy5yZXNldEZvcm0oKTtcbiAgfVxuXG4gIHByaXZhdGUgcmVzZXRGb3JtKCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5mb3JtLnJlc2V0KCk7XG4gICAgfSwgQ0FSQk9OX0NPTlNUQU5UUy5tb2RhbEFuaW1hdGlvbk1zKTtcbiAgfVxufVxuIiwiPCEtLVxuICB+IENvcHlyaWdodCAyMDE1LTIwMjQgUml0ZW5zZSBCViwgdGhlIE5ldGhlcmxhbmRzLlxuICB+XG4gIH4gTGljZW5zZWQgdW5kZXIgRVVQTCwgVmVyc2lvbiAxLjIgKHRoZSBcIkxpY2Vuc2VcIik7XG4gIH4geW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICB+IFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICB+XG4gIH4gaHR0cHM6Ly9qb2ludXAuZWMuZXVyb3BhLmV1L2NvbGxlY3Rpb24vZXVwbC9ldXBsLXRleHQtZXVwbC0xMlxuICB+XG4gIH4gVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICB+IGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBiYXNpcyxcbiAgfiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAgfiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gIH4gbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gIC0tPlxuXG48Y2RzLW1vZGFsIFtvcGVuXT1cIm9wZW5cIiBzaG93Rm9vdGVyPVwidHJ1ZVwiIFt0aXRsZV09XCInZm9ybUZsb3cuYWRkJyB8IHRyYW5zbGF0ZVwiIHZhbHRpbW9DZHNNb2RhbD5cbiAgPGNkcy1tb2RhbC1oZWFkZXIgW3Nob3dDbG9zZUJ1dHRvbl09XCJ0cnVlXCIgKGNsb3NlU2VsZWN0KT1cIm9uQ2FuY2VsKClcIj5cbiAgICA8aDMgY2RzTW9kYWxIZWFkZXJIZWFkaW5nPlxuICAgICAge3sgJ2Zvcm1GbG93LmFkZCcgfCB0cmFuc2xhdGUgfX1cbiAgICA8L2gzPlxuICA8L2Nkcy1tb2RhbC1oZWFkZXI+XG5cbiAgPHNlY3Rpb24gY2RzTW9kYWxDb250ZW50PlxuICAgIDxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybVwiPlxuICAgICAgPGNkcy1sYWJlbCBbaW52YWxpZF09XCJrZXkuZGlydHkgJiYga2V5LmludmFsaWRcIj5cbiAgICAgICAge3sgJ2Zvcm1GbG93LmtleScgfCB0cmFuc2xhdGUgfX1cblxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJrZXlcIlxuICAgICAgICAgIGNkc1RleHRcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cInt7ICdmb3JtRmxvdy5rZXknIHwgdHJhbnNsYXRlIH19XCJcbiAgICAgICAgICBbYXR0ci5tb2RhbC1wcmltYXJ5LWZvY3VzXT1cInRydWVcIlxuICAgICAgICAgIFtpbnZhbGlkXT1cImtleS5kaXJ0eSAmJiBrZXkuaW52YWxpZFwiXG4gICAgICAgIC8+XG4gICAgICA8L2Nkcy1sYWJlbD5cbiAgICA8L2Zvcm0+XG4gIDwvc2VjdGlvbj5cblxuICA8Y2RzLW1vZGFsLWZvb3Rlcj5cbiAgICA8YnV0dG9uIGNkc0J1dHRvbj1cImdob3N0XCIgKGNsaWNrKT1cIm9uQ2FuY2VsKClcIj5cbiAgICAgIHt7ICdpbnRlcmZhY2UuY2FuY2VsJyB8IHRyYW5zbGF0ZSB9fVxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvbiBbZGlzYWJsZWRdPVwidGhpcy5mb3JtLmludmFsaWRcIiAoY2xpY2spPVwib25Db25maXJtKClcIiBjZHNCdXR0b249XCJwcmltYXJ5XCI+XG4gICAgICB7eyAnaW50ZXJmYWNlLmNyZWF0ZScgfCB0cmFuc2xhdGUgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9jZHMtbW9kYWwtZm9vdGVyPlxuPC9jZHMtbW9kYWw+XG4iXX0=

package/esm2022/lib/components/overview/form-flow-overview.component.mjs

@@ -0,0 +1,80 @@
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
+import { CarbonListComponent, ViewType } from '@valtimo/components';
+import { BehaviorSubject, finalize } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/form-flow.service";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "carbon-components-angular";
+import * as i5 from "@valtimo/components";
+import * as i6 from "../new-form-flow-modal/new-form-flow-modal.component";
+import * as i7 from "@ngx-translate/core";
+export class FormFlowOverviewComponent {
+    constructor(formFlowService, router) {
+        this.formFlowService = formFlowService;
+        this.router = router;
+        this.fields = [
+            {
+                viewType: ViewType.TEXT,
+                key: 'key',
+                label: 'formFlow.key',
+            },
+            {
+                viewType: ViewType.TEXT,
+                key: 'versions.0',
+                label: 'formFlow.version',
+            },
+            {
+                viewType: ViewType.BOOLEAN,
+                key: 'readOnly',
+                label: 'formFlow.readOnly',
+            },
+        ];
+        this.formFlowDefinitions$ = this.formFlowService.formFlows$;
+        this.loading$ = this.formFlowService.loading$;
+        this.showAddModal$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.formFlowService.loadFormFlows();
+    }
+    openAddModal() {
+        this.showAddModal$.next(true);
+    }
+    onAdd(data) {
+        this.showAddModal$.next(false);
+        if (!data) {
+            return;
+        }
+        this.formFlowService.dispatchAction(this.formFlowService.addFormFlow(data).pipe(finalize(() => {
+            this.showAddModal$.next(false);
+        })));
+    }
+    onRowClick(formFlow) {
+        this.router.navigate([`/form-flow-management/${formFlow.key}`]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowOverviewComponent, deps: [{ token: i1.FormFlowService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FormFlowOverviewComponent, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [header]=\"false\"\n  [items]=\"formFlowDefinitions$ | async\"\n  [fields]=\"fields\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <ng-container header> {{ 'formFlow.title' | translate }} </ng-container>\n\n  <div carbonToolbarContent>\n    <ng-container [ngTemplateOutlet]=\"addFormFlowButton\"></ng-container>\n  </div>\n\n  <valtimo-no-results\n    [action]=\"addFormFlowButton\"\n    description=\"{{ 'formFlow.noResults.description' | translate }}\"\n    title=\"{{ 'formFlow.noResults.title' | translate }}\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-new-form-flow-modal\n  [open]=\"showAddModal$ | async\"\n  (closeEvent)=\"onAdd($event)\"\n></valtimo-new-form-flow-modal>\n\n<ng-template #addFormFlowButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'formFlow.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i5.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "header", "hideColumnHeader", "initialSortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i5.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title"] }, { kind: "component", type: i6.NewFormFlowModalComponent, selector: "valtimo-new-form-flow-modal", inputs: ["open"], outputs: ["closeEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowOverviewComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [header]=\"false\"\n  [items]=\"formFlowDefinitions$ | async\"\n  [fields]=\"fields\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <ng-container header> {{ 'formFlow.title' | translate }} </ng-container>\n\n  <div carbonToolbarContent>\n    <ng-container [ngTemplateOutlet]=\"addFormFlowButton\"></ng-container>\n  </div>\n\n  <valtimo-no-results\n    [action]=\"addFormFlowButton\"\n    description=\"{{ 'formFlow.noResults.description' | translate }}\"\n    title=\"{{ 'formFlow.noResults.title' | translate }}\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-new-form-flow-modal\n  [open]=\"showAddModal$ | async\"\n  (closeEvent)=\"onAdd($event)\"\n></valtimo-new-form-flow-modal>\n\n<ng-template #addFormFlowButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'formFlow.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormFlowService }, { type: i2.Router }], propDecorators: { carbonList: [{
+                type: ViewChild,
+                args: [CarbonListComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1mbG93LW92ZXJ2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRpbW8vZm9ybS1mbG93LW1hbmFnZW1lbnQvc3JjL2xpYi9jb21wb25lbnRzL292ZXJ2aWV3L2Zvcm0tZmxvdy1vdmVydmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0aW1vL2Zvcm0tZmxvdy1tYW5hZ2VtZW50L3NyYy9saWIvY29tcG9uZW50cy9vdmVydmlldy9mb3JtLWZsb3ctb3ZlcnZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUMsbUJBQW1CLEVBQWdCLFFBQVEsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ2hGLE9BQU8sRUFBQyxlQUFlLEVBQUUsUUFBUSxFQUFhLE1BQU0sTUFBTSxDQUFDOzs7Ozs7Ozs7QUFRM0QsTUFBTSxPQUFPLHlCQUF5QjtJQTBCcEMsWUFDbUIsZUFBZ0MsRUFDaEMsTUFBYztRQURkLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBekIxQixXQUFNLEdBQW1CO1lBQzlCO2dCQUNFLFFBQVEsRUFBRSxRQUFRLENBQUMsSUFBSTtnQkFDdkIsR0FBRyxFQUFFLEtBQUs7Z0JBQ1YsS0FBSyxFQUFFLGNBQWM7YUFDdEI7WUFDRDtnQkFDRSxRQUFRLEVBQUUsUUFBUSxDQUFDLElBQUk7Z0JBQ3ZCLEdBQUcsRUFBRSxZQUFZO2dCQUNqQixLQUFLLEVBQUUsa0JBQWtCO2FBQzFCO1lBQ0Q7Z0JBQ0UsUUFBUSxFQUFFLFFBQVEsQ0FBQyxPQUFPO2dCQUMxQixHQUFHLEVBQUUsVUFBVTtnQkFDZixLQUFLLEVBQUUsbUJBQW1CO2FBQzNCO1NBQ0YsQ0FBQztRQUVjLHlCQUFvQixHQUNsQyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQztRQUNsQixhQUFRLEdBQXdCLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDO1FBQzlELGtCQUFhLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7SUFLakUsQ0FBQztJQUVHLFFBQVE7UUFDYixJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZDLENBQUM7SUFFTSxZQUFZO1FBQ2pCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFTSxLQUFLLENBQUMsSUFBK0I7UUFDMUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFL0IsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ1YsT0FBTztRQUNULENBQUM7UUFFRCxJQUFJLENBQUMsZUFBZSxDQUFDLGNBQWMsQ0FDakMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUN6QyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakMsQ0FBQyxDQUFDLENBQ0gsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVNLFVBQVUsQ0FBQyxRQUFnQztRQUNoRCxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLHlCQUF5QixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7OEdBekRVLHlCQUF5QjtrR0FBekIseUJBQXlCLGdHQUN6QixtQkFBbUIsZ0RDM0JoQyxxbkRBZ0RBOzsyRkR0QmEseUJBQXlCO2tCQUpyQyxTQUFTO3NDQUVTLHVCQUF1QixDQUFDLE1BQU07eUdBR2YsVUFBVTtzQkFBekMsU0FBUzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMTUtMjAyNCBSaXRlbnNlIEJWLCB0aGUgTmV0aGVybGFuZHMuXG4gKlxuICogTGljZW5zZWQgdW5kZXIgRVVQTCwgVmVyc2lvbiAxLjIgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiBodHRwczovL2pvaW51cC5lYy5ldXJvcGEuZXUvY29sbGVjdGlvbi9ldXBsL2V1cGwtdGV4dC1ldXBsLTEyXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIGJhc2lzLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1JvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7Q2FyYm9uTGlzdENvbXBvbmVudCwgQ29sdW1uQ29uZmlnLCBWaWV3VHlwZX0gZnJvbSAnQHZhbHRpbW8vY29tcG9uZW50cyc7XG5pbXBvcnQge0JlaGF2aW9yU3ViamVjdCwgZmluYWxpemUsIE9ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtGb3JtRmxvd0RlZmluaXRpb24sIExpc3RGb3JtRmxvd0RlZmluaXRpb259IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQge0Zvcm1GbG93U2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZXMvZm9ybS1mbG93LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZmxvdy1vdmVydmlldy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRmxvd092ZXJ2aWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQFZpZXdDaGlsZChDYXJib25MaXN0Q29tcG9uZW50KSBjYXJib25MaXN0OiBDYXJib25MaXN0Q29tcG9uZW50O1xuXG4gIHB1YmxpYyBmaWVsZHM6IENvbHVtbkNvbmZpZ1tdID0gW1xuICAgIHtcbiAgICAgIHZpZXdUeXBlOiBWaWV3VHlwZS5URVhULFxuICAgICAga2V5OiAna2V5JyxcbiAgICAgIGxhYmVsOiAnZm9ybUZsb3cua2V5JyxcbiAgICB9LFxuICAgIHtcbiAgICAgIHZpZXdUeXBlOiBWaWV3VHlwZS5URVhULFxuICAgICAga2V5OiAndmVyc2lvbnMuMCcsXG4gICAgICBsYWJlbDogJ2Zvcm1GbG93LnZlcnNpb24nLFxuICAgIH0sXG4gICAge1xuICAgICAgdmlld1R5cGU6IFZpZXdUeXBlLkJPT0xFQU4sXG4gICAgICBrZXk6ICdyZWFkT25seScsXG4gICAgICBsYWJlbDogJ2Zvcm1GbG93LnJlYWRPbmx5JyxcbiAgICB9LFxuICBdO1xuXG4gIHB1YmxpYyByZWFkb25seSBmb3JtRmxvd0RlZmluaXRpb25zJDogT2JzZXJ2YWJsZTxMaXN0Rm9ybUZsb3dEZWZpbml0aW9uW10+ID1cbiAgICB0aGlzLmZvcm1GbG93U2VydmljZS5mb3JtRmxvd3MkO1xuICBwdWJsaWMgcmVhZG9ubHkgbG9hZGluZyQ6IE9ic2VydmFibGU8Ym9vbGVhbj4gPSB0aGlzLmZvcm1GbG93U2VydmljZS5sb2FkaW5nJDtcbiAgcHVibGljIHJlYWRvbmx5IHNob3dBZGRNb2RhbCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IGZvcm1GbG93U2VydmljZTogRm9ybUZsb3dTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcm91dGVyOiBSb3V0ZXJcbiAgKSB7fVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm1GbG93U2VydmljZS5sb2FkRm9ybUZsb3dzKCk7XG4gIH1cblxuICBwdWJsaWMgb3BlbkFkZE1vZGFsKCk6IHZvaWQge1xuICAgIHRoaXMuc2hvd0FkZE1vZGFsJC5uZXh0KHRydWUpO1xuICB9XG5cbiAgcHVibGljIG9uQWRkKGRhdGE6IEZvcm1GbG93RGVmaW5pdGlvbiB8IG51bGwpOiB2b2lkIHtcbiAgICB0aGlzLnNob3dBZGRNb2RhbCQubmV4dChmYWxzZSk7XG5cbiAgICBpZiAoIWRhdGEpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmZvcm1GbG93U2VydmljZS5kaXNwYXRjaEFjdGlvbihcbiAgICAgIHRoaXMuZm9ybUZsb3dTZXJ2aWNlLmFkZEZvcm1GbG93KGRhdGEpLnBpcGUoXG4gICAgICAgIGZpbmFsaXplKCgpID0+IHtcbiAgICAgICAgICB0aGlzLnNob3dBZGRNb2RhbCQubmV4dChmYWxzZSk7XG4gICAgICAgIH0pXG4gICAgICApXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvblJvd0NsaWNrKGZvcm1GbG93OiBMaXN0Rm9ybUZsb3dEZWZpbml0aW9uKTogdm9pZCB7XG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW2AvZm9ybS1mbG93LW1hbmFnZW1lbnQvJHtmb3JtRmxvdy5rZXl9YF0pO1xuICB9XG59XG4iLCI8IS0tXG4gIH4gQ29weXJpZ2h0IDIwMTUtMjAyNCBSaXRlbnNlIEJWLCB0aGUgTmV0aGVybGFuZHMuXG4gIH5cbiAgfiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAgfiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gIH4gWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gIH5cbiAgfiBodHRwczovL2pvaW51cC5lYy5ldXJvcGEuZXUvY29sbGVjdGlvbi9ldXBsL2V1cGwtdGV4dC1ldXBsLTEyXG4gIH5cbiAgfiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gIH4gZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIGJhc2lzLFxuICB+IFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICB+IFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAgfiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAgLS0+XG5cbjx2YWx0aW1vLWNhcmJvbi1saXN0XG4gIFtoZWFkZXJdPVwiZmFsc2VcIlxuICBbaXRlbXNdPVwiZm9ybUZsb3dEZWZpbml0aW9ucyQgfCBhc3luY1wiXG4gIFtmaWVsZHNdPVwiZmllbGRzXCJcbiAgW2xvYWRpbmddPVwibG9hZGluZyQgfCBhc3luY1wiXG4gIChyb3dDbGlja2VkKT1cIm9uUm93Q2xpY2soJGV2ZW50KVwiXG4+XG4gIDxuZy1jb250YWluZXIgaGVhZGVyPiB7eyAnZm9ybUZsb3cudGl0bGUnIHwgdHJhbnNsYXRlIH19IDwvbmctY29udGFpbmVyPlxuXG4gIDxkaXYgY2FyYm9uVG9vbGJhckNvbnRlbnQ+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJhZGRGb3JtRmxvd0J1dHRvblwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cblxuICA8dmFsdGltby1uby1yZXN1bHRzXG4gICAgW2FjdGlvbl09XCJhZGRGb3JtRmxvd0J1dHRvblwiXG4gICAgZGVzY3JpcHRpb249XCJ7eyAnZm9ybUZsb3cubm9SZXN1bHRzLmRlc2NyaXB0aW9uJyB8IHRyYW5zbGF0ZSB9fVwiXG4gICAgdGl0bGU9XCJ7eyAnZm9ybUZsb3cubm9SZXN1bHRzLnRpdGxlJyB8IHRyYW5zbGF0ZSB9fVwiXG4gID48L3ZhbHRpbW8tbm8tcmVzdWx0cz5cbjwvdmFsdGltby1jYXJib24tbGlzdD5cblxuPHZhbHRpbW8tbmV3LWZvcm0tZmxvdy1tb2RhbFxuICBbb3Blbl09XCJzaG93QWRkTW9kYWwkIHwgYXN5bmNcIlxuICAoY2xvc2VFdmVudCk9XCJvbkFkZCgkZXZlbnQpXCJcbj48L3ZhbHRpbW8tbmV3LWZvcm0tZmxvdy1tb2RhbD5cblxuPG5nLXRlbXBsYXRlICNhZGRGb3JtRmxvd0J1dHRvbj5cbiAgPGJ1dHRvbiBjZHNCdXR0b249XCJwcmltYXJ5XCIgKGNsaWNrKT1cIm9wZW5BZGRNb2RhbCgpXCI+XG4gICAge3sgJ2Zvcm1GbG93LmFkZCcgfCB0cmFuc2xhdGUgfX1cblxuICAgIDxzdmcgY2xhc3M9XCJjZHMtLWJ0bl9faWNvblwiIGNkc0ljb249XCJhZGRcIiBzaXplPVwiMTZcIj48L3N2Zz5cbiAgPC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuIl19