@formio/angular 5.4.0-rc.2 → 5.5.0-rc.2

package/dist/angular-formio/fesm2020/formio-angular-resource.mjs

@@ -0,0 +1,582 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Optional, Component, NgModule } from '@angular/core';
+import * as i1 from '@formio/angular/auth';
+import * as i1$1 from '@formio/angular';
+import { FormioAlerts, FormioPromiseService, extendRouter, FormioModule } from '@formio/angular';
+import Promise$1 from 'native-promise-only';
+import { Formio, Utils } from 'formiojs';
+import _, { each } from 'lodash';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i5 from '@formio/angular/grid';
+import { FormioGrid } from '@formio/angular/grid';
+
+class FormioResourceConfig {
+    constructor() {
+        this.name = '';
+        this.form = '';
+        this.parents = [];
+    }
+}
+FormioResourceConfig.ɵfac = function FormioResourceConfig_Factory(t) { return new (t || FormioResourceConfig)(); };
+FormioResourceConfig.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormioResourceConfig, factory: FormioResourceConfig.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResourceConfig, [{
+        type: Injectable
+    }], null, null); })();
+
+class FormioResources {
+    constructor(auth) {
+        this.auth = auth;
+        this.resources = {};
+        this.error = new EventEmitter();
+        this.onError = this.error;
+        this.resources = {
+            currentUser: {
+                resourceLoaded: this.auth.userReady
+            }
+        };
+    }
+}
+FormioResources.ɵfac = function FormioResources_Factory(t) { return new (t || FormioResources)(i0.ɵɵinject(i1.FormioAuthService)); };
+FormioResources.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormioResources, factory: FormioResources.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResources, [{
+        type: Injectable
+    }], function () { return [{ type: i1.FormioAuthService }]; }, null); })();
+
+class FormioResourceService {
+    constructor(appConfig, config, resourcesService, appRef) {
+        this.appConfig = appConfig;
+        this.config = config;
+        this.resourcesService = resourcesService;
+        this.appRef = appRef;
+        this.initialized = false;
+        this.isLoading = true;
+        this.alerts = new FormioAlerts();
+        this.refresh = new EventEmitter();
+        this.formLoaded = new Promise$1((resolve, reject) => {
+            this.formResolve = resolve;
+            this.formReject = reject;
+        });
+        this.init();
+    }
+    initialize() {
+        console.warn('FormioResourceService.initialize() has been deprecated.');
+    }
+    init() {
+        if (this.initialized) {
+            return;
+        }
+        this.initialized = true;
+        if (this.appConfig && this.appConfig.appUrl) {
+            Formio.setBaseUrl(this.appConfig.apiUrl);
+            Formio.setProjectUrl(this.appConfig.appUrl);
+            Formio.formOnly = this.appConfig.formOnly;
+        }
+        else {
+            console.error('You must provide an AppConfig within your application!');
+        }
+        // Create the form url and load the resources.
+        this.formUrl = this.appConfig.appUrl + '/' + this.config.form;
+        this.resource = { data: {} };
+        // Add this resource service to the list of all resources in context.
+        if (this.resourcesService) {
+            this.resources = this.resourcesService.resources;
+            this.resources[this.config.name] = this;
+        }
+        return this.loadForm();
+    }
+    onError(error) {
+        this.alerts.setAlert({
+            type: 'danger',
+            message: error.message || error
+        });
+        if (this.resourcesService) {
+            this.resourcesService.error.emit(error);
+        }
+        throw error;
+    }
+    onFormError(err) {
+        this.formReject(err);
+        this.onError(err);
+    }
+    setContext(route) {
+        this.resourceId = route.snapshot.params['id'];
+        this.resource = { data: {} };
+        this.resourceUrl = this.appConfig.appUrl + '/' + this.config.form;
+        if (this.resourceId) {
+            this.resourceUrl += '/submission/' + this.resourceId;
+        }
+        this.formio = new FormioPromiseService(this.resourceUrl);
+        if (this.resourcesService) {
+            this.resources[this.config.name] = this;
+        }
+        this.loadParents();
+    }
+    loadForm() {
+        this.formFormio = new FormioPromiseService(this.formUrl);
+        this.isLoading = true;
+        this.formLoading = this.formFormio
+            .loadForm()
+            .then((form) => {
+            this.form = form;
+            this.formResolve(form);
+            this.isLoading = false;
+            this.loadParents();
+            return form;
+        }, (err) => this.onFormError(err))
+            .catch((err) => this.onFormError(err));
+        return this.formLoading;
+    }
+    loadParents() {
+        if (!this.config.parents || !this.config.parents.length) {
+            return Promise$1.resolve([]);
+        }
+        if (!this.resourcesService) {
+            console.warn('You must provide the FormioResources within your application to use nested resources.');
+            return Promise$1.resolve([]);
+        }
+        return this.formLoading.then((form) => {
+            // Iterate through the list of parents.
+            const _parentsLoaded = [];
+            this.config.parents.forEach((parent) => {
+                const resourceName = parent.resource || parent;
+                const resourceField = parent.field || parent;
+                const filterResource = parent.hasOwnProperty('filter') ? parent.filter : true;
+                if (this.resources.hasOwnProperty(resourceName) && this.resources[resourceName].resourceLoaded) {
+                    _parentsLoaded.push(this.resources[resourceName].resourceLoaded.then((resource) => {
+                        let parentPath = '';
+                        Utils.eachComponent(form.components, (component, path) => {
+                            if (component.key === resourceField) {
+                                component.hidden = true;
+                                component.clearOnHide = false;
+                                _.set(this.resource.data, path, resource);
+                                parentPath = path;
+                                return true;
+                            }
+                        });
+                        return {
+                            name: parentPath,
+                            filter: filterResource,
+                            resource
+                        };
+                    }));
+                }
+            });
+            // When all the parents have loaded, emit that to the onParents emitter.
+            return Promise$1.all(_parentsLoaded).then((parents) => {
+                this.refresh.emit({
+                    form: form,
+                    submission: this.resource
+                });
+                return parents;
+            });
+        });
+    }
+    onSubmissionError(err) {
+        this.onError(err);
+    }
+    loadResource(route) {
+        this.setContext(route);
+        this.isLoading = true;
+        this.resourceLoading = this.resourceLoaded = this.formio
+            .loadSubmission(null, { ignoreCache: true })
+            .then((resource) => {
+            this.resource = resource;
+            this.isLoading = false;
+            this.refresh.emit({
+                property: 'submission',
+                value: this.resource
+            });
+            return resource;
+        }, (err) => this.onSubmissionError(err))
+            .catch((err) => this.onSubmissionError(err));
+        return this.resourceLoading;
+    }
+    save(resource) {
+        const formio = resource._id ? this.formio : this.formFormio;
+        return formio
+            .saveSubmission(resource)
+            .then((saved) => {
+            this.resource = saved;
+            return saved;
+        }, (err) => this.onError(err))
+            .catch((err) => this.onError(err));
+    }
+    remove() {
+        return this.formio
+            .deleteSubmission()
+            .then(() => {
+            this.resource = null;
+        }, (err) => this.onError(err))
+            .catch((err) => this.onError(err));
+    }
+}
+FormioResourceService.ɵfac = function FormioResourceService_Factory(t) { return new (t || FormioResourceService)(i0.ɵɵinject(i1$1.FormioAppConfig), i0.ɵɵinject(FormioResourceConfig), i0.ɵɵinject(FormioResources, 8), i0.ɵɵinject(i0.ApplicationRef)); };
+FormioResourceService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormioResourceService, factory: FormioResourceService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResourceService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$1.FormioAppConfig }, { type: FormioResourceConfig }, { type: FormioResources, decorators: [{
+                type: Optional
+            }] }, { type: i0.ApplicationRef }]; }, null); })();
+
+function FormioResourceComponent_li_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 4)(1, "a", 7);
+    i0.ɵɵtext(2, "Edit");
+    i0.ɵɵelementEnd()();
+} }
+function FormioResourceComponent_li_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 4)(1, "a", 8);
+    i0.ɵɵelement(2, "span", 9);
+    i0.ɵɵelementEnd()();
+} }
+class FormioResourceComponent {
+    constructor(service, route, auth) {
+        this.service = service;
+        this.route = route;
+        this.auth = auth;
+        this.perms = { delete: false, edit: false };
+        // subscribe to the route param changes, so that we could re-load the submission if navigation happens from one submission to another
+        this.paramsSubscription = this.route.params.subscribe((params) => {
+            this.init();
+        });
+    }
+    ngOnInit() {
+        this.init();
+    }
+    init() {
+        this.service.loadResource(this.route);
+        this.service.formLoaded.then((form) => {
+            this.auth.ready.then(() => {
+                this.service.resourceLoaded.then((resource) => {
+                    this.service.formFormio.userPermissions(this.auth.user, form, resource).then((perms) => {
+                        this.perms.delete = perms.delete;
+                        this.perms.edit = perms.edit;
+                    });
+                });
+            });
+        });
+    }
+    ngOnDestroy() {
+        if (this.paramsSubscription) {
+            this.paramsSubscription.unsubscribe();
+        }
+    }
+}
+FormioResourceComponent.ɵfac = function FormioResourceComponent_Factory(t) { return new (t || FormioResourceComponent)(i0.ɵɵdirectiveInject(FormioResourceService), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i1.FormioAuthService)); };
+FormioResourceComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormioResourceComponent, selectors: [["ng-component"]], decls: 10, vars: 2, consts: [[1, "nav", "nav-tabs", 2, "margin-bottom", "10px"], [1, "nav-item"], ["routerLink", "../", 1, "nav-link"], [1, "fa", "fa-chevron-left", "glyphicon", "glyphicon-chevron-left"], ["routerLinkActive", "active", 1, "nav-item"], ["routerLink", "view", "routerLinkActive", "active", 1, "nav-link"], ["class", "nav-item", "routerLinkActive", "active", 4, "ngIf"], ["routerLink", "edit", "routerLinkActive", "active", 1, "nav-link"], ["routerLink", "delete", "routerLinkActive", "active", 1, "nav-link"], [1, "fa", "fa-trash", "glyphicon", "glyphicon-trash"]], template: function FormioResourceComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "ul", 0)(1, "li", 1)(2, "a", 2);
+        i0.ɵɵelement(3, "em", 3);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(4, "li", 4)(5, "a", 5);
+        i0.ɵɵtext(6, "View");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtemplate(7, FormioResourceComponent_li_7_Template, 3, 0, "li", 6);
+        i0.ɵɵtemplate(8, FormioResourceComponent_li_8_Template, 3, 0, "li", 6);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(9, "router-outlet");
+    } if (rf & 2) {
+        i0.ɵɵadvance(7);
+        i0.ɵɵproperty("ngIf", ctx.perms.edit);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.perms.delete);
+    } }, dependencies: [i4.NgIf, i2.RouterOutlet, i2.RouterLink, i2.RouterLinkActive], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResourceComponent, [{
+        type: Component,
+        args: [{ template: "<ul class=\"nav nav-tabs\" style=\"margin-bottom: 10px\">\n  <li class=\"nav-item\"><a class=\"nav-link\" routerLink=\"../\"><em class=\"fa fa-chevron-left glyphicon glyphicon-chevron-left\"></em></a></li>\n  <li class=\"nav-item\" routerLinkActive=\"active\"><a class=\"nav-link\" routerLink=\"view\" routerLinkActive=\"active\">View</a></li>\n  <li class=\"nav-item\" routerLinkActive=\"active\" *ngIf=\"perms.edit\"><a class=\"nav-link\" routerLink=\"edit\" routerLinkActive=\"active\">Edit</a></li>\n  <li class=\"nav-item\" routerLinkActive=\"active\" *ngIf=\"perms.delete\"><a class=\"nav-link\" routerLink=\"delete\" routerLinkActive=\"active\"><span class=\"fa fa-trash glyphicon glyphicon-trash\"></span></a></li>\n</ul>\n<router-outlet></router-outlet>\n" }]
+    }], function () { return [{ type: FormioResourceService }, { type: i2.ActivatedRoute }, { type: i1.FormioAuthService }]; }, null); })();
+
+class FormioResourceViewComponent {
+    constructor(service, config) {
+        this.service = service;
+        this.config = config;
+        this.submission = { data: {} };
+    }
+    ngOnDestroy() {
+        Formio.clearCache();
+    }
+}
+FormioResourceViewComponent.ɵfac = function FormioResourceViewComponent_Factory(t) { return new (t || FormioResourceViewComponent)(i0.ɵɵdirectiveInject(FormioResourceService), i0.ɵɵdirectiveInject(FormioResourceConfig)); };
+FormioResourceViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormioResourceViewComponent, selectors: [["ng-component"]], decls: 1, vars: 4, consts: [[3, "form", "submission", "hideComponents", "readOnly"]], template: function FormioResourceViewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "formio", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("form", ctx.service.form)("submission", ctx.service.resource)("hideComponents", ctx.config.parents)("readOnly", true);
+    } }, dependencies: [i1$1.FormioComponent], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResourceViewComponent, [{
+        type: Component,
+        args: [{ template: "<formio\n  [form]=\"service.form\"\n  [submission]=\"service.resource\"\n  [hideComponents]=\"config.parents\"\n  [readOnly]=\"true\"\n></formio>\n" }]
+    }], function () { return [{ type: FormioResourceService }, { type: FormioResourceConfig }]; }, null); })();
+
+class FormioResourceEditComponent {
+    constructor(service, route, router, config) {
+        this.service = service;
+        this.route = route;
+        this.router = router;
+        this.config = config;
+        this.triggerError = new EventEmitter();
+        this.submission = { data: {} };
+    }
+    onSubmit(submission) {
+        const edit = this.service.resource;
+        edit.data = submission.data;
+        this.service.save(edit)
+            .then(() => {
+            this.router.navigate(['../', 'view'], { relativeTo: this.route });
+        })
+            .catch((err) => this.triggerError.emit(err));
+    }
+    ngOnDestroy() {
+        Formio.clearCache();
+    }
+}
+FormioResourceEditComponent.ɵfac = function FormioResourceEditComponent_Factory(t) { return new (t || FormioResourceEditComponent)(i0.ɵɵdirectiveInject(FormioResourceService), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(FormioResourceConfig)); };
+FormioResourceEditComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormioResourceEditComponent, selectors: [["ng-component"]], decls: 1, vars: 3, consts: [[3, "form", "submission", "error", "submit"]], template: function FormioResourceEditComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "formio", 0);
+        i0.ɵɵlistener("submit", function FormioResourceEditComponent_Template_formio_submit_0_listener($event) { return ctx.onSubmit($event); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("form", ctx.service.form)("submission", ctx.service.resource)("error", ctx.triggerError);
+    } }, dependencies: [i1$1.FormioComponent], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResourceEditComponent, [{
+        type: Component,
+        args: [{ template: "<formio\n  [form]=\"service.form\"\n  [submission]=\"service.resource\"\n  [error]=\"triggerError\"\n  (submit)=\"onSubmit($event)\"\n></formio>\n" }]
+    }], function () { return [{ type: FormioResourceService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: FormioResourceConfig }]; }, null); })();
+
+class FormioResourceDeleteComponent {
+    constructor(service, route, router) {
+        this.service = service;
+        this.route = route;
+        this.router = router;
+    }
+    onDelete() {
+        this.service.remove().then(() => {
+            this.router.navigate(['../../'], { relativeTo: this.route });
+        });
+    }
+    onCancel() {
+        this.router.navigate(['../', 'view'], { relativeTo: this.route });
+    }
+}
+FormioResourceDeleteComponent.ɵfac = function FormioResourceDeleteComponent_Factory(t) { return new (t || FormioResourceDeleteComponent)(i0.ɵɵdirectiveInject(FormioResourceService), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Router)); };
+FormioResourceDeleteComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormioResourceDeleteComponent, selectors: [["ng-component"]], decls: 7, vars: 0, consts: [[1, "btn-toolbar"], ["type", "button", 1, "btn", "btn-danger", 2, "margin-right", "10px", 3, "click"], ["type", "button", 1, "btn", "btn-danger", 3, "click"]], template: function FormioResourceDeleteComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "h3");
+        i0.ɵɵtext(1, "Are you sure you wish to delete this record?");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(2, "div", 0)(3, "button", 1);
+        i0.ɵɵlistener("click", function FormioResourceDeleteComponent_Template_button_click_3_listener() { return ctx.onDelete(); });
+        i0.ɵɵtext(4, "Yes");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(5, "button", 2);
+        i0.ɵɵlistener("click", function FormioResourceDeleteComponent_Template_button_click_5_listener() { return ctx.onCancel(); });
+        i0.ɵɵtext(6, "No");
+        i0.ɵɵelementEnd()();
+    } }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResourceDeleteComponent, [{
+        type: Component,
+        args: [{ template: "<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-danger\">No</button>\n</div>\n" }]
+    }], function () { return [{ type: FormioResourceService }, { type: i2.ActivatedRoute }, { type: i2.Router }]; }, null); })();
+
+function FormioResourceCreateComponent_h3_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3", 2)(1, "a", 3);
+    i0.ɵɵelement(2, "em", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" | New ", ctx_r0.service.form.title, "\n");
+} }
+class FormioResourceCreateComponent {
+    constructor(service, route, router, config) {
+        this.service = service;
+        this.route = route;
+        this.router = router;
+        this.config = config;
+        this.onError = new EventEmitter();
+        this.onSuccess = new EventEmitter();
+    }
+    ngOnInit() {
+        this.service.setContext(this.route);
+    }
+    onSubmit(submission) {
+        this.service
+            .save(submission)
+            .then(() => {
+            this.router.navigate(['../', this.service.resource._id, 'view'], {
+                relativeTo: this.route
+            });
+        })
+            .catch((err) => this.onError.emit(err));
+    }
+}
+FormioResourceCreateComponent.ɵfac = function FormioResourceCreateComponent_Factory(t) { return new (t || FormioResourceCreateComponent)(i0.ɵɵdirectiveInject(FormioResourceService), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(FormioResourceConfig)); };
+FormioResourceCreateComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormioResourceCreateComponent, selectors: [["ng-component"]], decls: 2, vars: 6, consts: [["style", "margin-top:0;", 4, "ngIf"], [3, "form", "submission", "refresh", "error", "success", "submit"], [2, "margin-top", "0"], ["routerLink", "../", 1, "back-button"], [1, "fa", "fa-chevron-left", "glyphicon", "glyphicon-chevron-left"]], template: function FormioResourceCreateComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, FormioResourceCreateComponent_h3_0_Template, 4, 1, "h3", 0);
+        i0.ɵɵelementStart(1, "formio", 1);
+        i0.ɵɵlistener("submit", function FormioResourceCreateComponent_Template_formio_submit_1_listener($event) { return ctx.onSubmit($event); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.service.form);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("form", ctx.service.form)("submission", ctx.service.resource)("refresh", ctx.service.refresh)("error", ctx.onError)("success", ctx.onSuccess);
+    } }, dependencies: [i4.NgIf, i1$1.FormioComponent, i2.RouterLink], styles: [".back-button[_ngcontent-%COMP%]{font-size:.8em}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResourceCreateComponent, [{
+        type: Component,
+        args: [{ template: "<h3 *ngIf=\"service.form\" style=\"margin-top:0;\">\n  <a routerLink=\"../\" class=\"back-button\">\n    <em class=\"fa fa-chevron-left glyphicon glyphicon-chevron-left\"></em>\n  </a> | New {{ service.form.title }}\n</h3>\n<formio\n  [form]=\"service.form\"\n  [submission]=\"service.resource\"\n  [refresh]=\"service.refresh\"\n  [error]=\"onError\"\n  [success]=\"onSuccess\"\n  (submit)=\"onSubmit($event)\"\n></formio>\n", styles: [".back-button{font-size:.8em}\n"] }]
+    }], function () { return [{ type: FormioResourceService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: FormioResourceConfig }]; }, null); })();
+
+class FormioResourceIndexComponent {
+    constructor(service, route, router, config, cdr, ngZone) {
+        this.service = service;
+        this.route = route;
+        this.router = router;
+        this.config = config;
+        this.cdr = cdr;
+        this.ngZone = ngZone;
+    }
+    ngOnInit() {
+        this.gridQuery = {};
+        this.service.setContext(this.route);
+        this.service.formLoaded.then(() => {
+            if (this.service &&
+                this.config.parents &&
+                this.config.parents.length) {
+                this.service.loadParents().then((parents) => {
+                    each(parents, (parent) => {
+                        if (parent && parent.filter) {
+                            this.gridQuery['data.' + parent.name + '._id'] =
+                                parent.resource._id;
+                        }
+                    });
+                    // Set the source to load the grid.
+                    this.gridSrc = this.service.formUrl;
+                    this.createText = `New ${this.service.form.title}`;
+                });
+            }
+            else if (this.service.formUrl) {
+                this.gridSrc = this.service.formUrl;
+                this.createText = `New ${this.service.form.title}`;
+            }
+            this.cdr.detectChanges();
+        });
+    }
+    onSelect(row) {
+        this.ngZone.run(() => {
+            this.router.navigate([row._id, 'view'], { relativeTo: this.route });
+        });
+    }
+    onCreateItem() {
+        this.ngZone.run(() => {
+            this.router.navigate(['new'], { relativeTo: this.route });
+        });
+    }
+}
+FormioResourceIndexComponent.ɵfac = function FormioResourceIndexComponent_Factory(t) { return new (t || FormioResourceIndexComponent)(i0.ɵɵdirectiveInject(FormioResourceService), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(FormioResourceConfig), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+FormioResourceIndexComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormioResourceIndexComponent, selectors: [["ng-component"]], decls: 2, vars: 5, consts: [[3, "alerts"], [3, "src", "query", "onForm", "createText", "rowSelect", "error", "createItem"]], template: function FormioResourceIndexComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "formio-alerts", 0);
+        i0.ɵɵelementStart(1, "formio-grid", 1);
+        i0.ɵɵlistener("rowSelect", function FormioResourceIndexComponent_Template_formio_grid_rowSelect_1_listener($event) { return ctx.onSelect($event); })("error", function FormioResourceIndexComponent_Template_formio_grid_error_1_listener($event) { return ctx.service.onError($event); })("createItem", function FormioResourceIndexComponent_Template_formio_grid_createItem_1_listener() { return ctx.onCreateItem(); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("alerts", ctx.service.alerts);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("src", ctx.gridSrc)("query", ctx.gridQuery)("onForm", ctx.service.formLoaded)("createText", ctx.createText);
+    } }, dependencies: [i1$1.FormioAlertsComponent, i5.FormioGridComponent], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResourceIndexComponent, [{
+        type: Component,
+        args: [{ template: "<formio-alerts [alerts]=\"service.alerts\"></formio-alerts>\n<formio-grid\n  [src]=\"gridSrc\"\n  [query]=\"gridQuery\"\n  [onForm]=\"service.formLoaded\"\n  (rowSelect)=\"onSelect($event)\"\n  (error)=\"service.onError($event)\"\n  (createItem)=\"onCreateItem()\"\n  [createText]=\"createText\"\n></formio-grid>\n" }]
+    }], function () { return [{ type: FormioResourceService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: FormioResourceConfig }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, null); })();
+
+function FormioResourceRoutes(config) {
+    return [
+        {
+            path: '',
+            component: config && config.index ? config.index : FormioResourceIndexComponent
+        },
+        {
+            path: 'new',
+            component: config && config.create ? config.create : FormioResourceCreateComponent
+        },
+        {
+            path: ':id',
+            component: config && config.resource ? config.resource : FormioResourceComponent,
+            children: [
+                {
+                    path: '',
+                    redirectTo: 'view',
+                    pathMatch: 'full'
+                },
+                {
+                    path: 'view',
+                    component: config && config.view ? config.view : FormioResourceViewComponent
+                },
+                {
+                    path: 'edit',
+                    component: config && config.edit ? config.edit : FormioResourceEditComponent
+                },
+                {
+                    path: 'delete',
+                    component: config && config.delete ? config.delete : FormioResourceDeleteComponent
+                }
+            ]
+        }
+    ];
+}
+
+class FormioResource {
+    static forChild(config) {
+        return extendRouter(FormioResource, config, FormioResourceRoutes);
+    }
+    static forRoot(config) {
+        return extendRouter(FormioResource, config, FormioResourceRoutes);
+    }
+}
+FormioResource.ɵfac = function FormioResource_Factory(t) { return new (t || FormioResource)(); };
+FormioResource.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FormioResource });
+FormioResource.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+        FormioAlerts
+    ], imports: [CommonModule,
+        FormioModule,
+        FormioGrid,
+        RouterModule] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioResource, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    FormioModule,
+                    FormioGrid,
+                    RouterModule
+                ],
+                declarations: [
+                    FormioResourceComponent,
+                    FormioResourceCreateComponent,
+                    FormioResourceIndexComponent,
+                    FormioResourceViewComponent,
+                    FormioResourceEditComponent,
+                    FormioResourceDeleteComponent
+                ],
+                providers: [
+                    FormioAlerts
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FormioResource, { declarations: [FormioResourceComponent,
+        FormioResourceCreateComponent,
+        FormioResourceIndexComponent,
+        FormioResourceViewComponent,
+        FormioResourceEditComponent,
+        FormioResourceDeleteComponent], imports: [CommonModule,
+        FormioModule,
+        FormioGrid,
+        RouterModule] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormioResource, FormioResourceComponent, FormioResourceConfig, FormioResourceCreateComponent, FormioResourceDeleteComponent, FormioResourceEditComponent, FormioResourceIndexComponent, FormioResourceRoutes, FormioResourceService, FormioResourceViewComponent, FormioResources };
+//# sourceMappingURL=formio-angular-resource.mjs.map
+//# sourceMappingURL=formio-angular-resource.mjs.map