@formio/angular 6.0.1 → 6.0.2

package/dist/angular-formio/fesm2022/formio-angular-manager.mjs

@@ -1,1167 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Component, ViewChild, EventEmitter, NgModule } from '@angular/core';
-import { Formio } from '@formio/js';
-import _intersection from 'lodash/intersection';
-import * as i3 from '@formio/angular';
-import { FormBuilderComponent, extendRouter, FormioModule } from '@formio/angular';
-import * as i3$1 from '@formio/angular/auth';
-import * as i4 from '@formio/angular/grid';
-import { FormioGridComponent, FormioGrid } from '@formio/angular/grid';
-import _, { debounce } from 'lodash';
-import * as i2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i6 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i7 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i5 from 'ngx-bootstrap/modal';
-import { ModalModule } from 'ngx-bootstrap/modal';
-import * as i2$1 from 'ngx-bootstrap/pagination';
-import { PaginationModule } from 'ngx-bootstrap/pagination';
-
-class FormManagerConfig {
-    tag = '';
-    includeSearch = false;
-    saveDraft = false;
-    type = 'form';
-    builder;
-    viewer;
-    renderer;
-    static ɵfac = function FormManagerConfig_Factory(t) { return new (t || FormManagerConfig)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormManagerConfig, factory: FormManagerConfig.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormManagerConfig, [{
-        type: Injectable
-    }], null, null); })();
-const DefaultConfiguration = new FormManagerConfig();
-
-class FormManagerService {
-    appConfig;
-    config;
-    auth;
-    formio;
-    access;
-    allAccessMap;
-    ownAccessMap;
-    ready;
-    formReady;
-    actionAllowed;
-    form = null;
-    formSrc = '';
-    perms = { delete: false, edit: false };
-    constructor(appConfig, config, auth) {
-        this.appConfig = appConfig;
-        this.config = config;
-        this.auth = auth;
-        if (this.appConfig && this.appConfig.appUrl) {
-            Formio.setBaseUrl(this.appConfig.apiUrl);
-            Formio.setProjectUrl(this.appConfig.appUrl);
-        }
-        else {
-            console.error('You must provide an AppConfig within your application!');
-        }
-        this.allAccessMap = {
-            'update_all': 'formEdit',
-            'delete_all': 'formDelete'
-        };
-        this.ownAccessMap = {
-            'update_own': 'formEdit',
-            'delete_own': 'formDelete'
-        };
-        this.actionAllowed = (action) => this.isActionAllowed(action);
-        this.reset();
-    }
-    isActionAllowed(action) {
-        return this.access[action];
-    }
-    setAccess() {
-        this.access = {
-            formCreate: true,
-            formView: true,
-            formSubmission: true,
-            formEdit: true,
-            formPermission: true,
-            formDelete: true,
-            projectSettings: true,
-            userManagement: true
-        };
-        if (this.auth) {
-            this.access = {
-                formCreate: false,
-                formView: false,
-                formSubmission: false,
-                formEdit: false,
-                formPermission: false,
-                formDelete: false,
-                projectSettings: false,
-                userManagement: false
-            };
-            this.ready = this.auth.ready.then(() => {
-                let administrator = this.auth.roles["administrator"];
-                let formbuilder = this.auth.roles["formbuilder"];
-                let formadmin = this.auth.roles["formadmin"];
-                if (this.auth.user && this.auth.user.roles) {
-                    this.auth.user.roles.forEach((roleId) => {
-                        if (administrator._id === roleId) {
-                            this.access.formCreate = true;
-                            this.access.formView = true;
-                            this.access.formSubmission = true;
-                            this.access.formEdit = true;
-                            this.access.formPermission = true;
-                            this.access.formDelete = true;
-                            this.access.projectSettings = true;
-                            this.access.userManagement = true;
-                        }
-                        else {
-                            if (formadmin && formadmin._id === roleId) {
-                                this.access.formCreate = this.auth.formAccess.create_all.includes(roleId);
-                                this.access.formEdit = this.auth.formAccess.update_all.includes(roleId);
-                                this.access.formPermission = this.auth.formAccess.update_all.includes(roleId);
-                                this.access.formDelete = this.auth.formAccess.delete_all.includes(roleId);
-                                this.access.formView = this.auth.formAccess.read_all.includes(roleId);
-                                this.access.formSubmission = this.auth.formAccess.read_all.includes(roleId);
-                            }
-                            if (formbuilder && formbuilder._id === roleId) {
-                                this.access.formCreate = this.auth.formAccess.create_all.includes(roleId);
-                                this.access.formEdit = this.auth.formAccess.update_all.includes(roleId);
-                                this.access.formPermission = this.auth.formAccess.update_all.includes(roleId);
-                                this.access.formDelete = this.auth.formAccess.delete_all.includes(roleId);
-                                this.access.formView = this.auth.formAccess.read_all.includes(roleId);
-                            }
-                        }
-                    });
-                }
-            });
-        }
-        else {
-            this.ready = Promise.resolve(false);
-        }
-    }
-    reset(route) {
-        if (route) {
-            route.params.subscribe(params => {
-                if (params.id) {
-                    this.formio = new Formio(`${this.formio.formsUrl}/${params.id}`);
-                }
-                else {
-                    this.reset();
-                }
-            });
-        }
-        else {
-            this.formio = new Formio(this.appConfig.appUrl);
-            this.setAccess();
-        }
-    }
-    hasAccess(roles) {
-        if (!this.auth.user) {
-            return false;
-        }
-        return !!_intersection(roles, this.auth.user.roles).length;
-    }
-    setForm(form) {
-        this.form = form;
-        this.formSrc = this.appConfig.appUrl + '/' + form.path;
-        if (form.access) {
-            // Check if they have access here.
-            form.access.forEach(access => {
-                // Check for all access.
-                if (this.allAccessMap[access.type] && !this.access[this.allAccessMap[access.type]]) {
-                    this.access[this.allAccessMap[access.type]] = this.hasAccess(access.roles);
-                }
-                // Check for own access.
-                if (this.auth && this.auth.user &&
-                    (form._id === this.auth.user._id) &&
-                    this.ownAccessMap[access.type] &&
-                    !this.access[this.ownAccessMap[access.type]]) {
-                    this.access[this.ownAccessMap[access.type]] = this.hasAccess(access.roles);
-                }
-            });
-        }
-        return form;
-    }
-    loadForm() {
-        this.form = null;
-        this.formReady = this.formio.loadForm().then(form => this.setForm(form));
-        return this.formReady;
-    }
-    setSubmission(route) {
-        return new Promise((resolve) => {
-            route.params.subscribe(params => {
-                this.formio = new Formio(`${this.formio.submissionsUrl}/${params.id}`);
-                resolve(this.formio);
-            });
-        });
-    }
-    submissionLoaded(submission) {
-        this.auth.ready.then(() => {
-            this.formio.userPermissions(this.auth.user, this.form, submission).then((perms) => {
-                this.perms.delete = perms.delete;
-                this.perms.edit = perms.edit;
-            });
-        });
-    }
-    loadForms() {
-        return this.formio.loadForms({ params: {
-                tags: this.config.tag
-            } });
-    }
-    static ɵfac = function FormManagerService_Factory(t) { return new (t || FormManagerService)(i0.ɵɵinject(i3.FormioAppConfig), i0.ɵɵinject(FormManagerConfig), i0.ɵɵinject(i3$1.FormioAuthService)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormManagerService, factory: FormManagerService.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormManagerService, [{
-        type: Injectable
-    }], () => [{ type: i3.FormioAppConfig }, { type: FormManagerConfig }, { type: i3$1.FormioAuthService }], null); })();
-
-const _c0$2 = ["search"];
-function FormManagerIndexComponent_div_0_span_3_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 6);
-    i0.ɵɵlistener("click", function FormManagerIndexComponent_div_0_span_3_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clearSearch()); });
-    i0.ɵɵelement(1, "span", 7);
-    i0.ɵɵelementEnd();
-} }
-function FormManagerIndexComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3)(1, "input", 4, 0);
-    i0.ɵɵlistener("keyup", function FormManagerIndexComponent_div_0_Template_input_keyup_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearch()); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, FormManagerIndexComponent_div_0_span_3_Template, 2, 0, "span", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const search_r4 = i0.ɵɵreference(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", search_r4 && search_r4 !== "");
-} }
-function FormManagerIndexComponent_formio_grid_1_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "formio-grid", 8);
-    i0.ɵɵlistener("rowAction", function FormManagerIndexComponent_formio_grid_1_Template_formio_grid_rowAction_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onAction($event)); })("rowSelect", function FormManagerIndexComponent_formio_grid_1_Template_formio_grid_rowSelect_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelect($event)); })("createItem", function FormManagerIndexComponent_formio_grid_1_Template_formio_grid_createItem_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCreateItem()); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formio", ctx_r1.service.formio)("gridType", "form")("query", ctx_r1.gridQuery)("isActionAllowed", ctx_r1.service.actionAllowed);
-} }
-class FormManagerIndexComponent {
-    service;
-    route;
-    router;
-    config;
-    searchElement;
-    formGrid;
-    gridQuery;
-    onSearch;
-    constructor(service, route, router, config) {
-        this.service = service;
-        this.route = route;
-        this.router = router;
-        this.config = config;
-        this.config = { ...DefaultConfiguration, ...this.config };
-        this.gridQuery = { type: this.config.type, sort: 'title' };
-        if (this.config.tag) {
-            this.gridQuery.tags = this.config.tag;
-        }
-        this.onSearch = debounce(this._onSearch, 300);
-    }
-    loadGrid() {
-        this.gridQuery = JSON.parse(localStorage.getItem('query')) || this.gridQuery;
-        const currentPage = +localStorage.getItem('currentPage') || 0;
-        this.formGrid
-            .refreshGrid(this.gridQuery)
-            .then(() => this.formGrid.setPage(currentPage - 1));
-    }
-    ngOnInit() {
-        this.gridQuery = { type: this.config.type, sort: 'title' };
-        if (this.config.tag) {
-            this.gridQuery.tags = this.config.tag;
-        }
-        this.service.reset();
-        this.service.ready.then(() => {
-            this.loadGrid();
-            this.formGrid.footer.pageChanged.subscribe(page => {
-                localStorage.setItem('currentPage', page.page);
-            });
-        });
-    }
-    ngAfterViewInit() {
-        this.searchElement.nativeElement.value = localStorage.getItem('searchInput') || '';
-    }
-    _onSearch() {
-        const search = this.searchElement.nativeElement.value;
-        if (search.length > 0) {
-            this.gridQuery.skip = 0;
-            this.gridQuery.title__regex = '/' + search + '/i';
-            this.gridQuery.title__regex = '/' + search.trim() + '/i';
-        }
-        else {
-            delete this.gridQuery.title__regex;
-        }
-        localStorage.setItem('query', JSON.stringify(this.gridQuery));
-        localStorage.setItem('searchInput', search);
-        this.formGrid.pageChanged({ page: 1, itemPerPage: this.gridQuery.limit });
-        this.formGrid.refreshGrid(this.gridQuery);
-    }
-    clearSearch() {
-        this.gridQuery = { type: this.config.type, sort: 'title' };
-        if (this.config.tag) {
-            this.gridQuery.tags = this.config.tag;
-        }
-        localStorage.removeItem('query');
-        localStorage.removeItem('searchInput');
-        localStorage.removeItem('currentPage');
-        if (this.searchElement?.nativeElement) {
-            this.searchElement.nativeElement.value = '';
-        }
-        this.formGrid.pageChanged({ page: 1 });
-        this.formGrid.query = {};
-        this.formGrid.refreshGrid(this.gridQuery);
-    }
-    onAction(action) {
-        this.service.form = null; // Reset previous form data
-        this.router.navigate([action.row._id, action.action], { relativeTo: this.route });
-    }
-    onSelect(row) {
-        this.router.navigate([row._id], { relativeTo: this.route });
-    }
-    onCreateItem() {
-        this.router.navigate(['create'], { relativeTo: this.route });
-    }
-    static ɵfac = function FormManagerIndexComponent_Factory(t) { return new (t || FormManagerIndexComponent)(i0.ɵɵdirectiveInject(FormManagerService), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(FormManagerConfig)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormManagerIndexComponent, selectors: [["ng-component"]], viewQuery: function FormManagerIndexComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$2, 5);
-            i0.ɵɵviewQuery(FormioGridComponent, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchElement = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formGrid = _t.first);
-        } }, decls: 2, vars: 2, consts: [["search", ""], ["role", "search", "class", "input-group mb-3", 4, "ngIf"], [3, "formio", "gridType", "query", "isActionAllowed", "rowAction", "rowSelect", "createItem", 4, "ngIf"], ["role", "search", 1, "input-group", "mb-3"], ["type", "text", "placeholder", "Search Forms", "aria-label", "Search Forms", "aria-describedby", "button-search", 1, "form-control", 3, "keyup"], ["class", "form-clear input-group-addon", 3, "click", 4, "ngIf"], [1, "form-clear", "input-group-addon", 3, "click"], [1, "fa", "fa-times", "bi", "bi-x"], [3, "rowAction", "rowSelect", "createItem", "formio", "gridType", "query", "isActionAllowed"]], template: function FormManagerIndexComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, FormManagerIndexComponent_div_0_Template, 4, 1, "div", 1)(1, FormManagerIndexComponent_formio_grid_1_Template, 1, 4, "formio-grid", 2);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.config.includeSearch);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.service.ready);
-        } }, dependencies: [i6.NgIf, i4.FormioGridComponent], styles: [".form-clear[_ngcontent-%COMP%]{background:#cecece;border-radius:50%;bottom:8px;color:#0000004d;cursor:pointer;display:flex;justify-content:center;align-items:center;padding-bottom:2px;height:24px;position:absolute;right:10px;top:6px;width:24px;z-index:10}.form-clear[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%]{font-size:16px;font-weight:500}"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormManagerIndexComponent, [{
-        type: Component,
-        args: [{ template: "<div role=\"search\" class=\"input-group mb-3\" *ngIf=\"config.includeSearch\">\n  <input #search type=\"text\" (keyup)=\"onSearch()\" class=\"form-control\" placeholder=\"Search Forms\" aria-label=\"Search Forms\" aria-describedby=\"button-search\">\n  <span *ngIf=\"search && search !== ''\" class=\"form-clear input-group-addon\" (click)=\"clearSearch()\"><span class=\"fa fa-times bi bi-x\"></span></span>\n</div>\n<formio-grid\n  *ngIf=\"service.ready\"\n  [formio]=\"service.formio\"\n  [gridType]=\"'form'\"\n  [query]=\"gridQuery\"\n  [isActionAllowed]=\"service.actionAllowed\"\n  (rowAction)=\"onAction($event)\"\n  (rowSelect)=\"onSelect($event)\"\n  (createItem)=\"onCreateItem()\"\n></formio-grid>\n", styles: [".form-clear{background:#cecece;border-radius:50%;bottom:8px;color:#0000004d;cursor:pointer;display:flex;justify-content:center;align-items:center;padding-bottom:2px;height:24px;position:absolute;right:10px;top:6px;width:24px;z-index:10}.form-clear .fa{font-size:16px;font-weight:500}\n"] }]
-    }], () => [{ type: FormManagerService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: FormManagerConfig }], { searchElement: [{
-            type: ViewChild,
-            args: ['search']
-        }], formGrid: [{
-            type: ViewChild,
-            args: [FormioGridComponent, { static: false }]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormManagerIndexComponent, { className: "FormManagerIndexComponent", filePath: "index/index.component.ts", lineNumber: 12 }); })();
-
-const _c0$1 = ["title"];
-const _c1 = ["type"];
-function FormManagerEditComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 17);
-} }
-function FormManagerEditComponent_form_builder_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "form-builder", 18, 2);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formbuilder", ctx_r1.config.builder)("form", ctx_r1.form);
-} }
-class FormManagerEditComponent {
-    service;
-    router;
-    route;
-    config;
-    ref;
-    alerts;
-    builder;
-    formTitle;
-    formType;
-    form;
-    loading;
-    formReady;
-    editMode;
-    constructor(service, router, route, config, ref, alerts) {
-        this.service = service;
-        this.router = router;
-        this.route = route;
-        this.config = config;
-        this.ref = ref;
-        this.alerts = alerts;
-        this.form = { components: [] };
-        this.formReady = false;
-        this.loading = false;
-        this.editMode = false;
-    }
-    initBuilder(editing) {
-        if (editing) {
-            this.loading = true;
-            this.editMode = true;
-            return this.service.formReady.then(() => {
-                this.form = this.service.form;
-                this.formTitle.nativeElement.value = this.service.form.title;
-                this.formType.nativeElement.value = this.service.form.display || 'form';
-                this.formReady = true;
-                this.loading = false;
-                this.ref.detectChanges();
-                return true;
-            }).catch(err => {
-                this.alerts.setAlert({ type: 'danger', message: (err.message || err) });
-                this.loading = false;
-                this.ref.detectChanges();
-                this.formReady = true;
-            });
-        }
-        else {
-            this.formReady = true;
-            return Promise.resolve(true);
-        }
-    }
-    ngAfterViewInit() {
-        this.route.url.subscribe(url => {
-            setTimeout(() => this.initBuilder((url[0].path === 'edit')), 0);
-        });
-    }
-    onDisplaySelect(event) {
-        this.builder.setDisplay(event.target.value);
-    }
-    saveForm() {
-        this.loading = true;
-        this.form = _.cloneDeep(this.builder.formio.schema);
-        this.form.title = this.formTitle.nativeElement.value.trim();
-        this.form.display = this.formType.nativeElement.value;
-        this.form.components = _.cloneDeep(this.builder.form.components);
-        if (this.config.tag) {
-            this.form.tags = this.form.tags || [];
-            this.form.tags.push(this.config.tag);
-            this.form.tags = _.uniq(this.form.tags);
-        }
-        if (this.config.type) {
-            this.form.type = this.config.type;
-        }
-        if (!this.form._id) {
-            this.form.name = _.camelCase(this.form.title).toLowerCase();
-            this.form.path = this.form.name;
-        }
-        return this.service.formio.saveForm(this.form).then(form => {
-            this.form = this.service.setForm(form);
-            this.loading = false;
-            return this.form;
-        }).catch(err => {
-            this.loading = false;
-            // Catch if a form is returned as an error. This is a conflict.
-            if (err._id && err.type) {
-                throw err;
-            }
-            this.alerts.setAlert({ type: 'danger', message: (err.message || err) });
-        });
-    }
-    onSave() {
-        return this.saveForm().then((form) => {
-            if (this.editMode) {
-                this.router.navigate(['../', 'view'], { relativeTo: this.route });
-            }
-            else {
-                this.router.navigate(['../', form._id, 'view'], { relativeTo: this.route });
-            }
-        });
-    }
-    static ɵfac = function FormManagerEditComponent_Factory(t) { return new (t || FormManagerEditComponent)(i0.ɵɵdirectiveInject(FormManagerService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(FormManagerConfig), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.FormioAlerts)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormManagerEditComponent, selectors: [["ng-component"]], viewQuery: function FormManagerEditComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(FormBuilderComponent, 5);
-            i0.ɵɵviewQuery(_c0$1, 5);
-            i0.ɵɵviewQuery(_c1, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.builder = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formTitle = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formType = _t.first);
-        } }, decls: 22, vars: 3, consts: [["title", ""], ["type", ""], ["builder", ""], ["class", "loader", 4, "ngIf"], [1, "form-group", "row", "mb-2"], [1, "col-sm-8"], ["type", "text", "id", "formTitle", "placeholder", "Enter a Title", 1, "form-control"], [1, "col-sm-2"], ["id", "formSelect", 1, "form-control", 3, "change"], ["value", "form"], ["value", "wizard"], ["value", "pdf"], [1, "btn", "btn-primary", "btn-block", 3, "click"], [1, "bi", "bi-save", "me-2"], [3, "alerts"], [3, "formbuilder", "form", 4, "ngIf"], [1, "btn", "btn-primary", 2, "margin-top", "10px", 3, "click"], [1, "loader"], [3, "formbuilder", "form"]], template: function FormManagerEditComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵtemplate(0, FormManagerEditComponent_div_0_Template, 1, 0, "div", 3);
-            i0.ɵɵelementStart(1, "div", 4)(2, "div", 5);
-            i0.ɵɵelement(3, "input", 6, 0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 7)(6, "select", 8, 1);
-            i0.ɵɵlistener("change", function FormManagerEditComponent_Template_select_change_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDisplaySelect($event)); });
-            i0.ɵɵelementStart(8, "option", 9);
-            i0.ɵɵtext(9, "Form");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "option", 10);
-            i0.ɵɵtext(11, "Wizard");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "option", 11);
-            i0.ɵɵtext(13, "PDF");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(14, "div", 7)(15, "button", 12);
-            i0.ɵɵlistener("click", function FormManagerEditComponent_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
-            i0.ɵɵelement(16, "i", 13);
-            i0.ɵɵtext(17, "Save Form");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelement(18, "formio-alerts", 14);
-            i0.ɵɵtemplate(19, FormManagerEditComponent_form_builder_19_Template, 2, 2, "form-builder", 15);
-            i0.ɵɵelementStart(20, "button", 16);
-            i0.ɵɵlistener("click", function FormManagerEditComponent_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
-            i0.ɵɵtext(21, "Save Form");
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.loading);
-            i0.ɵɵadvance(18);
-            i0.ɵɵproperty("alerts", ctx.alerts);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.formReady);
-        } }, dependencies: [i6.NgIf, i3.FormBuilderComponent, i3.FormioAlertsComponent, i7.NgSelectOption, i7.ɵNgSelectMultipleOption], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormManagerEditComponent, [{
-        type: Component,
-        args: [{ template: "<div class=\"loader\" *ngIf=\"loading\"></div>\n<div class=\"form-group row mb-2\">\n  <div class=\"col-sm-8\">\n    <input type=\"text\" class=\"form-control\" id=\"formTitle\" placeholder=\"Enter a Title\" #title>\n  </div>\n  <div class=\"col-sm-2\">\n    <select class=\"form-control\" id=\"formSelect\" (change)=\"onDisplaySelect($event)\" #type>\n      <option value=\"form\">Form</option>\n      <option value=\"wizard\">Wizard</option>\n      <option value=\"pdf\">PDF</option>\n    </select>\n  </div>\n  <div class=\"col-sm-2\">\n    <button class=\"btn btn-primary btn-block\" (click)=\"onSave()\"><i class=\"bi bi-save me-2\"></i>Save Form</button>\n  </div>\n</div>\n<formio-alerts [alerts]=\"alerts\"></formio-alerts>\n<form-builder *ngIf=\"formReady\" [formbuilder]=\"config.builder\" [form]=\"form\" #builder></form-builder>\n<button class=\"btn btn-primary\" style=\"margin-top: 10px;\" (click)=\"onSave()\">Save Form</button>\n" }]
-    }], () => [{ type: FormManagerService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: FormManagerConfig }, { type: i0.ChangeDetectorRef }, { type: i3.FormioAlerts }], { builder: [{
-            type: ViewChild,
-            args: [FormBuilderComponent, { static: false }]
-        }], formTitle: [{
-            type: ViewChild,
-            args: ['title', { static: false }]
-        }], formType: [{
-            type: ViewChild,
-            args: ['type', { static: false }]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormManagerEditComponent, { className: "FormManagerEditComponent", filePath: "edit/edit.component.ts", lineNumber: 12 }); })();
-
-function FormManagerCreateComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 17);
-} }
-function FormManagerCreateComponent_form_builder_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "form-builder", 18, 2);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formbuilder", ctx_r1.config.builder)("form", ctx_r1.form);
-} }
-class FormManagerCreateComponent extends FormManagerEditComponent {
-    ngOnInit() {
-        this.service.reset();
-    }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵFormManagerCreateComponent_BaseFactory; return function FormManagerCreateComponent_Factory(t) { return (ɵFormManagerCreateComponent_BaseFactory || (ɵFormManagerCreateComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FormManagerCreateComponent)))(t || FormManagerCreateComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormManagerCreateComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 22, vars: 3, consts: [["title", ""], ["type", ""], ["builder", ""], ["class", "loader", 4, "ngIf"], [1, "form-group", "row", "mb-2"], [1, "col-sm-8"], ["type", "text", "id", "formTitle", "placeholder", "Enter a Title", 1, "form-control"], [1, "col-sm-2"], ["id", "formSelect", 1, "form-control", 3, "change"], ["value", "form"], ["value", "wizard"], ["value", "pdf"], [1, "btn", "btn-primary", "btn-block", 3, "click"], [1, "bi", "bi-save", "me-2"], [3, "alerts"], [3, "formbuilder", "form", 4, "ngIf"], [1, "btn", "btn-primary", 2, "margin-top", "10px", 3, "click"], [1, "loader"], [3, "formbuilder", "form"]], template: function FormManagerCreateComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵtemplate(0, FormManagerCreateComponent_div_0_Template, 1, 0, "div", 3);
-            i0.ɵɵelementStart(1, "div", 4)(2, "div", 5);
-            i0.ɵɵelement(3, "input", 6, 0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 7)(6, "select", 8, 1);
-            i0.ɵɵlistener("change", function FormManagerCreateComponent_Template_select_change_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDisplaySelect($event)); });
-            i0.ɵɵelementStart(8, "option", 9);
-            i0.ɵɵtext(9, "Form");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "option", 10);
-            i0.ɵɵtext(11, "Wizard");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "option", 11);
-            i0.ɵɵtext(13, "PDF");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(14, "div", 7)(15, "button", 12);
-            i0.ɵɵlistener("click", function FormManagerCreateComponent_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
-            i0.ɵɵelement(16, "i", 13);
-            i0.ɵɵtext(17, "Save Form");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelement(18, "formio-alerts", 14);
-            i0.ɵɵtemplate(19, FormManagerCreateComponent_form_builder_19_Template, 2, 2, "form-builder", 15);
-            i0.ɵɵelementStart(20, "button", 16);
-            i0.ɵɵlistener("click", function FormManagerCreateComponent_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
-            i0.ɵɵtext(21, "Save Form");
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.loading);
-            i0.ɵɵadvance(18);
-            i0.ɵɵproperty("alerts", ctx.alerts);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.formReady);
-        } }, dependencies: [i6.NgIf, i3.FormBuilderComponent, i3.FormioAlertsComponent, i7.NgSelectOption, i7.ɵNgSelectMultipleOption], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormManagerCreateComponent, [{
-        type: Component,
-        args: [{ template: "<div class=\"loader\" *ngIf=\"loading\"></div>\n<div class=\"form-group row mb-2\">\n  <div class=\"col-sm-8\">\n    <input type=\"text\" class=\"form-control\" id=\"formTitle\" placeholder=\"Enter a Title\" #title>\n  </div>\n  <div class=\"col-sm-2\">\n    <select class=\"form-control\" id=\"formSelect\" (change)=\"onDisplaySelect($event)\" #type>\n      <option value=\"form\">Form</option>\n      <option value=\"wizard\">Wizard</option>\n      <option value=\"pdf\">PDF</option>\n    </select>\n  </div>\n  <div class=\"col-sm-2\">\n    <button class=\"btn btn-primary btn-block\" (click)=\"onSave()\"><i class=\"bi bi-save me-2\"></i>Save Form</button>\n  </div>\n</div>\n<formio-alerts [alerts]=\"alerts\"></formio-alerts>\n<form-builder *ngIf=\"formReady\" [formbuilder]=\"config.builder\" [form]=\"form\" #builder></form-builder>\n<button class=\"btn btn-primary\" style=\"margin-top: 10px;\" (click)=\"onSave()\">Save Form</button>\n" }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormManagerCreateComponent, { className: "FormManagerCreateComponent", filePath: "create/create.component.ts", lineNumber: 7 }); })();
-
-const _c0 = a0 => ({ "active": a0 });
-function FormManagerFormComponent_button_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("click", function FormManagerFormComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); const content_r3 = i0.ɵɵreference(17); return i0.ɵɵresetView(ctx_r1.openEmbed(content_r3)); });
-    i0.ɵɵelement(1, "em", 13);
-    i0.ɵɵtext(2, " Share");
-    i0.ɵɵelementEnd();
-} }
-function FormManagerFormComponent_li_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 6)(1, "a", 14);
-    i0.ɵɵelement(2, "em", 15);
-    i0.ɵɵtext(3, " Edit Form");
-    i0.ɵɵelementEnd()();
-} }
-function FormManagerFormComponent_li_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 6)(1, "a", 16);
-    i0.ɵɵelement(2, "span", 17);
-    i0.ɵɵelementEnd()();
-} }
-function FormManagerFormComponent_ng_template_16_pre_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "pre");
-    i0.ɵɵelement(1, "textarea", 31);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngModel", ctx_r1.embedCode);
-} }
-function FormManagerFormComponent_ng_template_16_input_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 32);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngModel", ctx_r1.shareUrl);
-} }
-function FormManagerFormComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18)(1, "h4", 19);
-    i0.ɵɵtext(2, "Share or Embed this form");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 20);
-    i0.ɵɵlistener("click", function FormManagerFormComponent_ng_template_16_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.modalRef.hide()); });
-    i0.ɵɵelementStart(4, "span", 21);
-    i0.ɵɵtext(5, "\u00D7");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(6, "div", 22)(7, "ul", 23)(8, "li", 3)(9, "a", 24);
-    i0.ɵɵlistener("click", function FormManagerFormComponent_ng_template_16_Template_a_click_9_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.choices("isUrl")); });
-    i0.ɵɵelement(10, "em", 25);
-    i0.ɵɵtext(11, " URL");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "li", 3)(13, "a", 24);
-    i0.ɵɵlistener("click", function FormManagerFormComponent_ng_template_16_Template_a_click_13_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.choices("isEmbed")); });
-    i0.ɵɵelement(14, "em", 26);
-    i0.ɵɵtext(15, " Embed");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(16, FormManagerFormComponent_ng_template_16_pre_16_Template, 2, 1, "pre", 27)(17, FormManagerFormComponent_ng_template_16_input_17_Template, 1, 1, "input", 28);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "div", 29)(19, "button", 30);
-    i0.ɵɵlistener("click", function FormManagerFormComponent_ng_template_16_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.modalRef.hide()); });
-    i0.ɵɵtext(20, "Close");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(9);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0, ctx_r1.choice === "isUrl"));
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0, ctx_r1.choice === "isEmbed"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r1.choice === "isEmbed");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.choice === "isUrl");
-} }
-class FormManagerFormComponent {
-    service;
-    route;
-    appConfig;
-    options;
-    modalService;
-    choice = 'isUrl';
-    embedCode;
-    shareUrl;
-    projectId;
-    pathName;
-    goTo = '';
-    modalRef;
-    constructor(service, route, appConfig, options, modalService) {
-        this.service = service;
-        this.route = route;
-        this.appConfig = appConfig;
-        this.options = options;
-        this.modalService = modalService;
-    }
-    ngOnInit() {
-        this.service.reset(this.route);
-        this.service.loadForm().then(form => {
-            this.service.formSrc = this.appConfig.appUrl + '/' + form.path;
-            this.projectId = form.project;
-            this.pathName = form.path;
-            this.getShareUrl();
-        });
-    }
-    getShareUrl() {
-        const src = this.appConfig.appUrl + '/' + this.pathName;
-        this.shareUrl = `${this.options.viewer}/#/?src=${encodeURIComponent(src)}`;
-        return this.shareUrl;
-    }
-    openEmbed(content) {
-        let goto = '';
-        if (this.goTo) {
-            goto += `if (d && d.formSubmission && d.formSubmission._id) { window.location.href = "${this.goTo}";}`;
-        }
-        let embedCode = '<script type="text/javascript">';
-        embedCode += '(function a(d, w, u) {';
-        embedCode += 'var h = d.getElementsByTagName("head")[0];';
-        embedCode += 'var s = d.createElement("script");';
-        embedCode += 's.type = "text/javascript";';
-        embedCode += 's.src = "' + this.options.viewer + '/assets/lib/seamless/seamless.parent.min.js";';
-        embedCode += 's.onload = function b() {';
-        embedCode += 'var f = d.getElementById("formio-form-' + this.service.formio.formId + '");';
-        embedCode += 'if (!f || (typeof w.seamless === u)) {';
-        embedCode += 'return setTimeout(b, 100);';
-        embedCode += '}';
-        embedCode += 'w.seamless(f, {fallback:false}).receive(function(d, e) {' + goto + '});';
-        embedCode += '};';
-        embedCode += 'h.appendChild(s);';
-        embedCode += '})(document, window);';
-        embedCode += '</script>';
-        embedCode += '<iframe id="formio-form-' + this.service.formio.formId + '" ';
-        embedCode += 'style="width:100%;border:none;" height="800px" src="' + this.shareUrl + '&iframe=1"></iframe>';
-        this.embedCode = embedCode;
-        this.modalRef = this.modalService.show(content, { class: 'modal-lg' });
-    }
-    choices(string) {
-        this.choice = string;
-    }
-    static ɵfac = function FormManagerFormComponent_Factory(t) { return new (t || FormManagerFormComponent)(i0.ɵɵdirectiveInject(FormManagerService), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i3.FormioAppConfig), i0.ɵɵdirectiveInject(FormManagerConfig), i0.ɵɵdirectiveInject(i5.BsModalService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormManagerFormComponent, selectors: [["ng-component"]], decls: 18, vars: 3, consts: [["content", ""], ["class", "float-end btn btn-outline-primary", 3, "click", 4, "ngIf"], [1, "nav", "nav-tabs", "mb-2"], [1, "nav-item"], ["routerLink", "../", 1, "nav-link"], [1, "fa", "fa-chevron-left", "bi", "bi-chevron-left"], ["routerLinkActive", "active", 1, "nav-item"], ["routerLink", "view", "routerLinkActive", "active", 1, "nav-link"], [1, "fa", "fa-pencil", "bi", "bi-pencil"], ["routerLink", "submission", "routerLinkActive", "active", 1, "nav-link"], [1, "fa", "fa-list-alt", "bi", "bi-table"], ["class", "nav-item", "routerLinkActive", "active", 4, "ngIf"], [1, "float-end", "btn", "btn-outline-primary", 3, "click"], [1, "fa", "fa-share-alt", "bi", "bi-share"], ["routerLink", "edit", "routerLinkActive", "active", 1, "nav-link"], [1, "fa", "fa-edit", "bi", "bi-pencil-square"], ["routerLink", "delete", "routerLinkActive", "active", 1, "nav-link"], [1, "fa", "fa-trash", "bi", "bi-trash"], [1, "modal-header"], [1, "modal-title"], ["type", "button", "aria-label", "Close", 1, "close", 3, "click"], ["aria-hidden", "true"], [1, "modal-body"], [1, "nav", "nav-tabs", "mr-auto", "mb-2"], [1, "nav-link", 3, "click", "ngClass"], [1, "fa", "fa-link", "bi", "bi-link"], [1, "fa", "fa-code", "bi", "bi-code-slash"], [4, "ngIf"], ["type", "text", "onclick", "this.focus();this.select()", "readonly", "readonly", "class", "form-control", "placeholder", "https://examples.form.io/example", 3, "ngModel", 4, "ngIf"], [1, "modal-footer"], ["type", "button", 1, "btn", "btn-light", 3, "click"], ["onclick", "this.focus();this.select()", "readonly", "readonly", "rows", "8", 2, "width", "100%", 3, "ngModel"], ["type", "text", "onclick", "this.focus();this.select()", "readonly", "readonly", "placeholder", "https://examples.form.io/example", 1, "form-control", 3, "ngModel"]], template: function FormManagerFormComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, FormManagerFormComponent_button_0_Template, 3, 0, "button", 1);
-            i0.ɵɵelementStart(1, "ul", 2)(2, "li", 3)(3, "a", 4);
-            i0.ɵɵelement(4, "em", 5);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(5, "li", 6)(6, "a", 7);
-            i0.ɵɵelement(7, "em", 8);
-            i0.ɵɵtext(8, " Enter Data");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(9, "li", 6)(10, "a", 9);
-            i0.ɵɵelement(11, "em", 10);
-            i0.ɵɵtext(12, " View Data");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(13, FormManagerFormComponent_li_13_Template, 4, 0, "li", 11)(14, FormManagerFormComponent_li_14_Template, 3, 0, "li", 11);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(15, "router-outlet");
-            i0.ɵɵtemplate(16, FormManagerFormComponent_ng_template_16_Template, 21, 8, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.options.viewer);
-            i0.ɵɵadvance(13);
-            i0.ɵɵproperty("ngIf", ctx.service.actionAllowed("formEdit"));
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.service.actionAllowed("formDelete"));
-        } }, dependencies: [i6.NgClass, i6.NgIf, i2.RouterOutlet, i2.RouterLink, i2.RouterLinkActive, i7.DefaultValueAccessor, i7.NgControlStatus, i7.NgModel], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormManagerFormComponent, [{
-        type: Component,
-        args: [{ template: "<button *ngIf=\"options.viewer\" class=\"float-end btn btn-outline-primary\" (click)=\"openEmbed(content)\"><em class=\"fa fa-share-alt bi bi-share\"></em> Share</button>\n<ul class=\"nav nav-tabs mb-2\">\n  <li class=\"nav-item\"><a class=\"nav-link\" routerLink=\"../\"><em class=\"fa fa-chevron-left bi bi-chevron-left\"></em></a></li>\n  <li class=\"nav-item\" routerLinkActive=\"active\"><a class=\"nav-link\" routerLink=\"view\" routerLinkActive=\"active\"><em class=\"fa fa-pencil bi bi-pencil\"></em> Enter Data</a></li>\n  <li class=\"nav-item\" routerLinkActive=\"active\"><a class=\"nav-link\" routerLink=\"submission\" routerLinkActive=\"active\"><em class=\"fa fa-list-alt bi bi-table\"></em> View Data</a></li>\n  <li *ngIf=\"service.actionAllowed('formEdit')\" class=\"nav-item\" routerLinkActive=\"active\"><a class=\"nav-link\" routerLink=\"edit\" routerLinkActive=\"active\"><em class=\"fa fa-edit bi bi-pencil-square\"></em> Edit Form</a></li>\n  <li *ngIf=\"service.actionAllowed('formDelete')\" class=\"nav-item\" routerLinkActive=\"active\"><a class=\"nav-link\" routerLink=\"delete\" routerLinkActive=\"active\"><span class=\"fa fa-trash bi bi-trash\"></span></a></li>\n</ul>\n<router-outlet></router-outlet>\n<ng-template #content>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">Share or Embed this form</h4>\n    <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\n      <span aria-hidden=\"true\">&times;</span>\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <ul class=\"nav nav-tabs mr-auto mb-2\">\n      <li class=\"nav-item\">\n        <a class=\"nav-link\" [ngClass]=\"{'active': choice === 'isUrl'}\" (click)=\"choices('isUrl')\"><em class=\"fa fa-link bi bi-link\"></em> URL</a>\n      </li>\n      <li class=\"nav-item\">\n        <a class=\"nav-link\" [ngClass]=\"{'active': choice === 'isEmbed'}\" (click)=\"choices('isEmbed')\"><em class=\"fa fa-code bi bi-code-slash\"></em> Embed</a>\n      </li>\n    </ul>\n    <pre  *ngIf=\"choice === 'isEmbed'\"><textarea onclick=\"this.focus();this.select()\" readonly=\"readonly\" style=\"width:100%;\" rows=\"8\" [ngModel]=\"embedCode\"></textarea></pre>\n    <input *ngIf=\"choice === 'isUrl'\" type=\"text\" onclick=\"this.focus();this.select()\" readonly=\"readonly\" class=\"form-control\" [ngModel]=\"shareUrl\" placeholder=\"https://examples.form.io/example\">\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\" class=\"btn btn-light\" (click)=\"modalRef.hide()\">Close</button>\n  </div>\n</ng-template>\n" }]
-    }], () => [{ type: FormManagerService }, { type: i2.ActivatedRoute }, { type: i3.FormioAppConfig }, { type: FormManagerConfig }, { type: i5.BsModalService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormManagerFormComponent, { className: "FormManagerFormComponent", filePath: "form/form.component.ts", lineNumber: 11 }); })();
-
-function FormManagerViewComponent_formio_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "formio", 1);
-    i0.ɵɵlistener("submit", function FormManagerViewComponent_formio_0_Template_formio_submit_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubmit($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("renderer", ctx_r1.config.renderer)("renderOptions", ctx_r1.renderOptions)("url", ctx_r1.service.formio.formUrl)("form", ctx_r1.service.form)("submission", ctx_r1.submission)("success", ctx_r1.onSuccess)("submitDone", ctx_r1.onSubmitDone)("error", ctx_r1.onError);
-} }
-class FormManagerViewComponent {
-    service;
-    router;
-    route;
-    config;
-    auth;
-    submission;
-    renderOptions;
-    onSuccess = new EventEmitter();
-    onError = new EventEmitter();
-    onSubmitDone = new EventEmitter();
-    constructor(service, router, route, config, auth) {
-        this.service = service;
-        this.router = router;
-        this.route = route;
-        this.config = config;
-        this.auth = auth;
-        this.renderOptions = {
-            saveDraft: this.config.saveDraft
-        };
-        this.submission = { data: {} };
-    }
-    ngOnInit() {
-        this.service.formio = new Formio(this.service.formio.formUrl);
-    }
-    onSubmit(submission) {
-        const isDraft = submission.state === 'draft';
-        this.submission.data = submission.data;
-        this.submission.state = isDraft ? submission.state : 'complete';
-        this.service.formio.saveSubmission(this.submission).then(saved => {
-            this.onSubmitDone.emit(saved);
-            this.onSuccess.emit();
-            this.router.navigate(['../', 'submission', saved._id], { relativeTo: this.route });
-        }).catch((err) => this.onError.emit(err));
-    }
-    static ɵfac = function FormManagerViewComponent_Factory(t) { return new (t || FormManagerViewComponent)(i0.ɵɵdirectiveInject(FormManagerService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(FormManagerConfig), i0.ɵɵdirectiveInject(i3$1.FormioAuthService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormManagerViewComponent, selectors: [["ng-component"]], decls: 1, vars: 1, consts: [[3, "renderer", "renderOptions", "url", "form", "submission", "success", "submitDone", "error", "submit", 4, "ngIf"], [3, "submit", "renderer", "renderOptions", "url", "form", "submission", "success", "submitDone", "error"]], template: function FormManagerViewComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, FormManagerViewComponent_formio_0_Template, 1, 8, "formio", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.service.form);
-        } }, dependencies: [i6.NgIf, i3.FormioComponent], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormManagerViewComponent, [{
-        type: Component,
-        args: [{ template: "<formio *ngIf=\"service.form\"\n  [renderer]=\"config.renderer\"\n  [renderOptions]=\"renderOptions\"\n  [url]=\"service.formio.formUrl\"\n  [form]=\"service.form\"\n  [submission]=\"submission\"\n  [success]=\"onSuccess\"\n  [submitDone]=\"onSubmitDone\"\n  [error]=\"onError\"\n  (submit)=\"onSubmit($event)\"\n></formio>\n" }]
-    }], () => [{ type: FormManagerService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: FormManagerConfig }, { type: i3$1.FormioAuthService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormManagerViewComponent, { className: "FormManagerViewComponent", filePath: "view/view.component.ts", lineNumber: 11 }); })();
-
-class FormManagerDeleteComponent {
-    managerService;
-    router;
-    route;
-    alerts;
-    gridService;
-    constructor(managerService, router, route, alerts, gridService) {
-        this.managerService = managerService;
-        this.router = router;
-        this.route = route;
-        this.alerts = alerts;
-        this.gridService = gridService;
-    }
-    onDelete() {
-        this.managerService.formio.deleteForm().then(() => {
-            if (this.gridService) {
-                const currentPage = +localStorage.getItem('currentPage') || 0;
-                const formsNumberPerPage = this.gridService.getFormsPerPage();
-                if (formsNumberPerPage === 1 && currentPage !== 0) {
-                    localStorage.setItem('currentPage', `${currentPage - 1}`);
-                }
-            }
-            this.router.navigate(['../../'], { relativeTo: this.route });
-        }).catch(err => this.alerts.setAlert({ type: 'danger', message: (err.message || err) }));
-    }
-    onCancel() {
-        this.router.navigate(['../', 'view'], { relativeTo: this.route });
-    }
-    static ɵfac = function FormManagerDeleteComponent_Factory(t) { return new (t || FormManagerDeleteComponent)(i0.ɵɵdirectiveInject(FormManagerService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i3.FormioAlerts), i0.ɵɵdirectiveInject(i4.GridService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormManagerDeleteComponent, selectors: [["ng-component"]], decls: 8, vars: 1, consts: [[3, "alerts"], [1, "btn-toolbar"], ["type", "button", 1, "btn", "btn-danger", 2, "margin-right", "10px", 3, "click"], ["type", "button", 1, "btn", "btn-default", 3, "click"]], template: function FormManagerDeleteComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelement(0, "formio-alerts", 0);
-            i0.ɵɵelementStart(1, "h3");
-            i0.ɵɵtext(2, "Are you sure you wish to delete this form?");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "div", 1)(4, "button", 2);
-            i0.ɵɵlistener("click", function FormManagerDeleteComponent_Template_button_click_4_listener() { return ctx.onDelete(); });
-            i0.ɵɵtext(5, "Yes");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "button", 3);
-            i0.ɵɵlistener("click", function FormManagerDeleteComponent_Template_button_click_6_listener() { return ctx.onCancel(); });
-            i0.ɵɵtext(7, "No");
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵproperty("alerts", ctx.alerts);
-        } }, dependencies: [i3.FormioAlertsComponent], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormManagerDeleteComponent, [{
-        type: Component,
-        args: [{ template: "<formio-alerts [alerts]=\"alerts\"></formio-alerts>\n<h3>Are you sure you wish to delete this form?</h3>\n<div class=\"btn-toolbar\">\n  <button type=\"button\" (click)=\"onDelete()\" class=\"btn btn-danger\" style=\"margin-right: 10px;\">Yes</button>\n  <button type=\"button\" (click)=\"onCancel()\" class=\"btn btn-default\">No</button>\n</div>\n" }]
-    }], () => [{ type: FormManagerService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i3.FormioAlerts }, { type: i4.GridService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormManagerDeleteComponent, { className: "FormManagerDeleteComponent", filePath: "delete/delete.component.ts", lineNumber: 10 }); })();
-
-class SubmissionEditComponent {
-    service;
-    router;
-    route;
-    constructor(service, router, route) {
-        this.service = service;
-        this.router = router;
-        this.route = route;
-    }
-    onSubmit(submission) {
-        this.router.navigate(['../../'], { relativeTo: this.route });
-    }
-    static ɵfac = function SubmissionEditComponent_Factory(t) { return new (t || SubmissionEditComponent)(i0.ɵɵdirectiveInject(FormManagerService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubmissionEditComponent, selectors: [["ng-component"]], decls: 1, vars: 2, consts: [[3, "submit", "formLoad", "submissionLoad", "renderer", "src"]], template: function SubmissionEditComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "formio", 0);
-            i0.ɵɵlistener("submit", function SubmissionEditComponent_Template_formio_submit_0_listener($event) { return ctx.onSubmit($event); })("formLoad", function SubmissionEditComponent_Template_formio_formLoad_0_listener($event) { return ctx.service.setForm($event); })("submissionLoad", function SubmissionEditComponent_Template_formio_submissionLoad_0_listener($event) { return ctx.service.submissionLoaded($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("renderer", ctx.service.config.renderer)("src", ctx.service.formio.submissionUrl);
-        } }, dependencies: [i3.FormioComponent], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionEditComponent, [{
-        type: Component,
-        args: [{ template: "<formio\n  [renderer]=\"service.config.renderer\"\n  [src]=\"service.formio.submissionUrl\"\n  (submit)=\"onSubmit($event)\"\n  (formLoad)=\"service.setForm($event)\"\n  (submissionLoad)=\"service.submissionLoaded($event)\"\n></formio>\n" }]
-    }], () => [{ type: FormManagerService }, { type: i2.Router }, { type: i2.ActivatedRoute }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubmissionEditComponent, { className: "SubmissionEditComponent", filePath: "submission/edit/edit.component.ts", lineNumber: 8 }); })();
-
-class SubmissionDeleteComponent {
-    service;
-    router;
-    route;
-    alerts;
-    constructor(service, router, route, alerts) {
-        this.service = service;
-        this.router = router;
-        this.route = route;
-        this.alerts = alerts;
-    }
-    onDelete() {
-        this.service.formio.deleteSubmission().then(() => {
-            this.router.navigate(['../../'], { relativeTo: this.route });
-        }).catch(err => this.alerts.setAlert({ type: 'danger', message: (err.message || err) }));
-    }
-    onCancel() {
-        this.router.navigate(['../', 'view'], { relativeTo: this.route });
-    }
-    static ɵfac = function SubmissionDeleteComponent_Factory(t) { return new (t || SubmissionDeleteComponent)(i0.ɵɵdirectiveInject(FormManagerService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i3.FormioAlerts)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubmissionDeleteComponent, selectors: [["ng-component"]], decls: 8, vars: 1, consts: [[3, "alerts"], [1, "btn-toolbar"], ["type", "button", 1, "btn", "btn-danger", 2, "margin-right", "10px", 3, "click"], ["type", "button", 1, "btn", "btn-default", 3, "click"]], template: function SubmissionDeleteComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelement(0, "formio-alerts", 0);
-            i0.ɵɵelementStart(1, "h3");
-            i0.ɵɵtext(2, "Are you sure you wish to delete this record?");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "div", 1)(4, "button", 2);
-            i0.ɵɵlistener("click", function SubmissionDeleteComponent_Template_button_click_4_listener() { return ctx.onDelete(); });
-            i0.ɵɵtext(5, "Yes");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "button", 3);
-            i0.ɵɵlistener("click", function SubmissionDeleteComponent_Template_button_click_6_listener() { return ctx.onCancel(); });
-            i0.ɵɵtext(7, "No");
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵproperty("alerts", ctx.alerts);
-        } }, dependencies: [i3.FormioAlertsComponent], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionDeleteComponent, [{
-        type: Component,
-        args: [{ template: "<formio-alerts [alerts]=\"alerts\"></formio-alerts>\n<h3>Are you sure you wish to delete this record?</h3>\n<div class=\"btn-toolbar\">\n  <button type=\"button\" (click)=\"onDelete()\" class=\"btn btn-danger\" style=\"margin-right: 10px;\">Yes</button>\n  <button type=\"button\" (click)=\"onCancel()\" class=\"btn btn-default\">No</button>\n</div>\n" }]
-    }], () => [{ type: FormManagerService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i3.FormioAlerts }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubmissionDeleteComponent, { className: "SubmissionDeleteComponent", filePath: "submission/delete/delete.component.ts", lineNumber: 9 }); })();
-
-class SubmissionViewComponent {
-    service;
-    constructor(service) {
-        this.service = service;
-    }
-    static ɵfac = function SubmissionViewComponent_Factory(t) { return new (t || SubmissionViewComponent)(i0.ɵɵdirectiveInject(FormManagerService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubmissionViewComponent, selectors: [["ng-component"]], decls: 1, vars: 3, consts: [[3, "formLoad", "submissionLoad", "renderer", "src", "readOnly"]], template: function SubmissionViewComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "formio", 0);
-            i0.ɵɵlistener("formLoad", function SubmissionViewComponent_Template_formio_formLoad_0_listener($event) { return ctx.service.setForm($event); })("submissionLoad", function SubmissionViewComponent_Template_formio_submissionLoad_0_listener($event) { return ctx.service.submissionLoaded($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("renderer", ctx.service.config.renderer)("src", ctx.service.formio.submissionUrl)("readOnly", true);
-        } }, dependencies: [i3.FormioComponent], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionViewComponent, [{
-        type: Component,
-        args: [{ template: "<formio\n  [renderer]=\"service.config.renderer\"\n  [src]=\"service.formio.submissionUrl\"\n  [readOnly]=\"true\"\n  (formLoad)=\"service.setForm($event)\"\n  (submissionLoad)=\"service.submissionLoaded($event)\"\n></formio>\n" }]
-    }], () => [{ type: FormManagerService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubmissionViewComponent, { className: "SubmissionViewComponent", filePath: "submission/view/view.component.ts", lineNumber: 7 }); })();
-
-class SubmissionIndexComponent {
-    service;
-    route;
-    router;
-    constructor(service, route, router) {
-        this.service = service;
-        this.route = route;
-        this.router = router;
-    }
-    onSelect(row) {
-        this.router.navigate([row._id, 'view'], { relativeTo: this.route });
-    }
-    static ɵfac = function SubmissionIndexComponent_Factory(t) { return new (t || SubmissionIndexComponent)(i0.ɵɵdirectiveInject(FormManagerService), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Router)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubmissionIndexComponent, selectors: [["ng-component"]], decls: 1, vars: 1, consts: [[3, "rowSelect", "formio"]], template: function SubmissionIndexComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "formio-grid", 0);
-            i0.ɵɵlistener("rowSelect", function SubmissionIndexComponent_Template_formio_grid_rowSelect_0_listener($event) { return ctx.onSelect($event); });
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("formio", ctx.service.formio);
-        } }, dependencies: [i4.FormioGridComponent], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionIndexComponent, [{
-        type: Component,
-        args: [{ template: "<formio-grid [formio]=\"service.formio\" (rowSelect)=\"onSelect($event)\"></formio-grid>\n" }]
-    }], () => [{ type: FormManagerService }, { type: i2.ActivatedRoute }, { type: i2.Router }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubmissionIndexComponent, { className: "SubmissionIndexComponent", filePath: "submission/index/index.component.ts", lineNumber: 8 }); })();
-
-function SubmissionComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 9);
-    i0.ɵɵelement(1, "img", 10);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("href", ctx_r0.downloadUrl, i0.ɵɵsanitizeUrl);
-} }
-function SubmissionComponent_li_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 11);
-    i0.ɵɵelement(2, "em", 12);
-    i0.ɵɵtext(3, " Edit");
-    i0.ɵɵelementEnd()();
-} }
-function SubmissionComponent_li_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 13);
-    i0.ɵɵelement(2, "span", 14);
-    i0.ɵɵelementEnd()();
-} }
-class SubmissionComponent {
-    service;
-    route;
-    downloadUrl;
-    constructor(service, route) {
-        this.service = service;
-        this.route = route;
-    }
-    setDownloadUrl(url) {
-        this.downloadUrl = url;
-    }
-    ngOnInit() {
-        this.service.setSubmission(this.route).then((formio) => {
-            formio.getDownloadUrl().then((url) => this.setDownloadUrl(url));
-        });
-    }
-    static ɵfac = function SubmissionComponent_Factory(t) { return new (t || SubmissionComponent)(i0.ɵɵdirectiveInject(FormManagerService), i0.ɵɵdirectiveInject(i2.ActivatedRoute)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubmissionComponent, selectors: [["ng-component"]], decls: 12, vars: 3, consts: [["target", "_blank", "class", "pull-right", 3, "href", 4, "ngIf"], ["aria-label", "Submission", "role", "navigation", 1, "nav", "nav-tabs", 2, "margin-bottom", "10px"], [1, "nav-item"], ["routerLink", "../", 1, "nav-link"], [1, "fa", "fa-chevron-left", "bi", "bi-chevron-left"], ["routerLinkActive", "active", 1, "nav-item"], ["routerLink", "view", "routerLinkActive", "active", 1, "nav-link"], [1, "fa", "fa-eye", "bi", "bi-eye"], ["class", "nav-item", "routerLinkActive", "active", 4, "ngIf"], ["target", "_blank", 1, "pull-right", 3, "href"], ["src", "https://pro.formview.io/assets/pdf.png", "alt", "pdfImage", 2, "height", "2em"], ["routerLink", "edit", "routerLinkActive", "active", 1, "nav-link"], [1, "fa", "fa-edit", "bi", "bi-pencil-square"], ["routerLink", "delete", "routerLinkActive", "active", 1, "nav-link"], [1, "fa", "fa-trash", "bi", "bi-trash"]], template: function SubmissionComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, SubmissionComponent_a_0_Template, 2, 1, "a", 0);
-            i0.ɵɵelementStart(1, "ul", 1)(2, "li", 2)(3, "a", 3);
-            i0.ɵɵelement(4, "em", 4);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(5, "li", 5)(6, "a", 6);
-            i0.ɵɵelement(7, "em", 7);
-            i0.ɵɵtext(8, " View");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(9, SubmissionComponent_li_9_Template, 4, 0, "li", 8)(10, SubmissionComponent_li_10_Template, 3, 0, "li", 8);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(11, "router-outlet");
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.downloadUrl);
-            i0.ɵɵadvance(9);
-            i0.ɵɵproperty("ngIf", ctx.service.perms.edit);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.service.perms.delete);
-        } }, dependencies: [i6.NgIf, i2.RouterOutlet, i2.RouterLink, i2.RouterLinkActive], encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionComponent, [{
-        type: Component,
-        args: [{ template: "<a *ngIf=\"downloadUrl\" [href]=\"downloadUrl\" target=\"_blank\" class=\"pull-right\"><img src=\"https://pro.formview.io/assets/pdf.png\" alt=\"pdfImage\" style=\"height: 2em;\" /></a>\n<ul aria-label=\"Submission\" role=\"navigation\" class=\"nav nav-tabs\" style=\"margin-bottom:10px\">\n  <li class=\"nav-item\"><a class=\"nav-link\" routerLink=\"../\"><em class=\"fa fa-chevron-left bi bi-chevron-left\"></em></a></li>\n  <li class=\"nav-item\" routerLinkActive=\"active\"><a class=\"nav-link\" routerLink=\"view\" routerLinkActive=\"active\"><em class=\"fa fa-eye bi bi-eye\"></em> View</a></li>\n  <li class=\"nav-item\" routerLinkActive=\"active\" *ngIf=\"service.perms.edit\"><a class=\"nav-link\" routerLink=\"edit\" routerLinkActive=\"active\"><em class=\"fa fa-edit bi bi-pencil-square\"></em> Edit</a></li>\n  <li class=\"nav-item\" routerLinkActive=\"active\" *ngIf=\"service.perms.delete\"><a class=\"nav-link\" routerLink=\"delete\" routerLinkActive=\"active\"><span class=\"fa fa-trash bi bi-trash\"></span></a></li>\n</ul>\n<router-outlet></router-outlet>\n" }]
-    }], () => [{ type: FormManagerService }, { type: i2.ActivatedRoute }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubmissionComponent, { className: "SubmissionComponent", filePath: "submission/submission/submission.component.ts", lineNumber: 8 }); })();
-
-function FormManagerRoutes(config) {
-    return [
-        {
-            path: '',
-            component: config && config.formIndex ? config.formIndex : FormManagerIndexComponent
-        },
-        {
-            path: 'create',
-            component: config && config.formCreate ? config.formCreate : FormManagerCreateComponent
-        },
-        {
-            path: ':id',
-            component: config && config.form ? config.form : FormManagerFormComponent,
-            children: [
-                {
-                    path: '',
-                    redirectTo: 'view',
-                    pathMatch: 'full'
-                },
-                {
-                    path: 'view',
-                    component: config && config.formView ? config.formView : FormManagerViewComponent
-                },
-                {
-                    path: 'edit',
-                    component: config && config.formEdit ? config.formEdit : FormManagerEditComponent
-                },
-                {
-                    path: 'delete',
-                    component: config && config.formDelete ? config.formDelete : FormManagerDeleteComponent
-                },
-                {
-                    path: 'submission',
-                    component: config && config.submissionIndex ? config.submissionIndex : SubmissionIndexComponent
-                },
-                {
-                    path: 'submission/:id',
-                    component: config && config.submission ? config.submission : SubmissionComponent,
-                    children: [
-                        {
-                            path: '',
-                            redirectTo: 'view',
-                            pathMatch: 'full'
-                        },
-                        {
-                            path: 'view',
-                            component: config && config.submissionView ? config.submissionView : SubmissionViewComponent
-                        },
-                        {
-                            path: 'edit',
-                            component: config && config.submissionEdit ? config.submissionEdit : SubmissionEditComponent
-                        },
-                        {
-                            path: 'delete',
-                            component: config && config.submissionDelete ? config.submissionDelete : SubmissionDeleteComponent
-                        }
-                    ]
-                }
-            ]
-        }
-    ];
-}
-
-class FormManagerModule {
-    static forChild(config) {
-        return extendRouter(FormManagerModule, config, FormManagerRoutes);
-    }
-    static forRoot(config) {
-        return extendRouter(FormManagerModule, config, FormManagerRoutes);
-    }
-    static ɵfac = function FormManagerModule_Factory(t) { return new (t || FormManagerModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FormManagerModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-            FormioModule,
-            RouterModule,
-            FormsModule,
-            FormioGrid,
-            ModalModule.forRoot(),
-            PaginationModule.forRoot()] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormManagerModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    FormioModule,
-                    RouterModule,
-                    FormsModule,
-                    FormioGrid,
-                    ModalModule.forRoot(),
-                    PaginationModule.forRoot()
-                ],
-                declarations: [
-                    FormManagerIndexComponent,
-                    FormManagerCreateComponent,
-                    FormManagerFormComponent,
-                    FormManagerViewComponent,
-                    FormManagerEditComponent,
-                    FormManagerDeleteComponent,
-                    SubmissionComponent,
-                    SubmissionEditComponent,
-                    SubmissionDeleteComponent,
-                    SubmissionViewComponent,
-                    SubmissionIndexComponent
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FormManagerModule, { declarations: [FormManagerIndexComponent,
-        FormManagerCreateComponent,
-        FormManagerFormComponent,
-        FormManagerViewComponent,
-        FormManagerEditComponent,
-        FormManagerDeleteComponent,
-        SubmissionComponent,
-        SubmissionEditComponent,
-        SubmissionDeleteComponent,
-        SubmissionViewComponent,
-        SubmissionIndexComponent], imports: [CommonModule,
-        FormioModule,
-        RouterModule,
-        FormsModule,
-        FormioGrid, i5.ModalModule, i2$1.PaginationModule] }); })();
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FormManagerConfig, FormManagerCreateComponent, FormManagerDeleteComponent, FormManagerEditComponent, FormManagerFormComponent, FormManagerIndexComponent, FormManagerModule, FormManagerRoutes, FormManagerService, FormManagerViewComponent, SubmissionComponent, SubmissionDeleteComponent, SubmissionEditComponent, SubmissionIndexComponent, SubmissionViewComponent };
-//# sourceMappingURL=formio-angular-manager.mjs.map