@formio/angular 5.2.1-rc.2 → 5.2.1-rc.3

package/dist/angular-formio/fesm2015/formio-angular-grid.js

@@ -1,1175 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, Component, Input, Output, ViewChild, Injectable, Pipe, ViewEncapsulation, ViewContainerRef, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i1$1 from '@formio/angular';
-import { FormioPromiseService, FormioAlerts, FormioModule } from '@formio/angular';
-import { each, clone, get } from 'lodash';
-import { Components, Utils, Formio } from 'formiojs';
-import * as i2$1 from 'ngx-bootstrap/pagination';
-import { PaginationModule } from 'ngx-bootstrap/pagination';
-
-var GridFooterPositions;
-(function (GridFooterPositions) {
-    GridFooterPositions[GridFooterPositions["bottom"] = 0] = "bottom";
-    GridFooterPositions[GridFooterPositions["top"] = 1] = "top";
-    GridFooterPositions[GridFooterPositions["both"] = 2] = "both";
-})(GridFooterPositions || (GridFooterPositions = {}));
-
-class GridHeaderComponent {
-    constructor() {
-        this.headers = [];
-        this.sort = new EventEmitter();
-    }
-    get numHeaders() {
-        return this.headers.length;
-    }
-    load(formio, query, columns) {
-        return Promise.resolve([]);
-    }
-}
-GridHeaderComponent.ɵfac = function GridHeaderComponent_Factory(t) { return new (t || GridHeaderComponent)(); };
-GridHeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GridHeaderComponent, selectors: [["ng-component"]], viewQuery: function GridHeaderComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(TemplateRef, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.template = _t.first);
-    } }, inputs: { actionAllowed: "actionAllowed" }, outputs: { sort: "sort" }, decls: 0, vars: 0, template: function GridHeaderComponent_Template(rf, ctx) { }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridHeaderComponent, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], function () { return []; }, { actionAllowed: [{
-            type: Input
-        }], sort: [{
-            type: Output
-        }], template: [{
-            type: ViewChild,
-            args: [TemplateRef, { static: true }]
-        }] }); })();
-
-var SortType;
-(function (SortType) {
-    SortType["ASC"] = "asc";
-    SortType["DESC"] = "desc";
-})(SortType || (SortType = {}));
-
-const _c0$3 = function (a0, a1) { return { "glyphicon-triangle-top fa-caret-up": a0, "glyphicon-triangle-bottom fa-caret-down": a1 }; };
-function FormGridHeaderComponent_ng_template_0_span_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 5);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c0$3, ctx_r1.header.sort === "asc", ctx_r1.header.sort === "desc"));
-} }
-function FormGridHeaderComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "thead");
-    i0.ɵɵelementStart(1, "tr");
-    i0.ɵɵelementStart(2, "th");
-    i0.ɵɵelementStart(3, "div", 0);
-    i0.ɵɵelementStart(4, "div", 1);
-    i0.ɵɵelementStart(5, "a", 2);
-    i0.ɵɵlistener("click", function FormGridHeaderComponent_ng_template_0_Template_a_click_5_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.sort.emit(ctx_r2.header); });
-    i0.ɵɵtext(6);
-    i0.ɵɵtemplate(7, FormGridHeaderComponent_ng_template_0_span_7_Template, 1, 4, "span", 3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 4);
-    i0.ɵɵtext(9, " Operations ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.header.label, "\u00A0");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.header.sort);
-} }
-class FormGridHeaderComponent extends GridHeaderComponent {
-    load(formio) {
-        this.header = {
-            label: 'Title',
-            key: 'title',
-            sort: SortType.ASC
-        };
-        this.headers = [this.header];
-        return Promise.resolve(this.headers);
-    }
-    get numHeaders() {
-        return 2;
-    }
-}
-FormGridHeaderComponent.ɵfac = /*@__PURE__*/ function () { let ɵFormGridHeaderComponent_BaseFactory; return function FormGridHeaderComponent_Factory(t) { return (ɵFormGridHeaderComponent_BaseFactory || (ɵFormGridHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FormGridHeaderComponent)))(t || FormGridHeaderComponent); }; }();
-FormGridHeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormGridHeaderComponent, selectors: [["form-grid-header"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [[1, "row"], [1, "col-sm-8"], [3, "click"], ["class", "glyphicon fa", 3, "ngClass", 4, "ngIf"], [1, "col-sm-4"], [1, "glyphicon", "fa", 3, "ngClass"]], template: function FormGridHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, FormGridHeaderComponent_ng_template_0_Template, 10, 2, "ng-template");
-    } }, directives: [i1.NgIf, i1.NgClass], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormGridHeaderComponent, [{
-        type: Component,
-        args: [{
-                selector: 'form-grid-header',
-                templateUrl: './FormGridHeader.component.html'
-            }]
-    }], null, null); })();
-
-class GridService {
-    constructor() { }
-    setRows(rows) {
-        this.rows = rows;
-    }
-    getFormsPerPage() {
-        var _a;
-        return (_a = this.rows) === null || _a === void 0 ? void 0 : _a.length;
-    }
-}
-GridService.ɵfac = function GridService_Factory(t) { return new (t || GridService)(); };
-GridService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GridService, factory: GridService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridService, [{
-        type: Injectable
-    }], function () { return []; }, null); })();
-
-class GridBodyComponent {
-    constructor(service) {
-        this.service = service;
-        this.firstItem = 0;
-        this.lastItem = 0;
-        this.skip = 0;
-        this.limit = 0;
-        this.total = 0;
-        this.rowSelect = new EventEmitter();
-        this.rowAction = new EventEmitter();
-        this.loading = true;
-    }
-    load(formio, query) {
-        return formio.loadForm(query);
-    }
-    onRowSelect(event, row) {
-        event.preventDefault();
-        this.rowSelect.emit(row);
-    }
-    onRowAction(event, row, action) {
-        event.preventDefault();
-        this.rowAction.emit({ row, action });
-    }
-    /**
-     * Set the rows for this Grid body.
-     *
-     * @param query
-     * @param items
-     * @return any
-     */
-    setRows(query, items) {
-        this.rows = [];
-        if (typeof items !== 'object') {
-            this.firstItem = 0;
-            this.lastItem = 0;
-            this.total = 0;
-            this.skip = 0;
-            this.loading = false;
-            this.service.setRows(this.rows);
-            return this.rows;
-        }
-        this.firstItem = query.skip + 1;
-        this.lastItem = this.firstItem + items.length - 1;
-        if (this.lastItem === 0) {
-            this.firstItem = 0;
-        }
-        this.total = items.serverCount;
-        this.limit = query.limit;
-        this.skip = Math.floor(items.skip / query.limit) + 1;
-        this.loading = false;
-        each(items, (item) => {
-            this.rows.push(clone(item));
-        });
-        this.service.setRows(this.rows);
-        return this.rows;
-    }
-}
-GridBodyComponent.ɵfac = function GridBodyComponent_Factory(t) { return new (t || GridBodyComponent)(i0.ɵɵdirectiveInject(GridService)); };
-GridBodyComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GridBodyComponent, selectors: [["ng-component"]], viewQuery: function GridBodyComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(TemplateRef, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.template = _t.first);
-    } }, inputs: { header: "header", actionAllowed: "actionAllowed" }, outputs: { rowSelect: "rowSelect", rowAction: "rowAction" }, decls: 0, vars: 0, template: function GridBodyComponent_Template(rf, ctx) { }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridBodyComponent, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], function () { return [{ type: GridService }]; }, { header: [{
-            type: Input
-        }], actionAllowed: [{
-            type: Input
-        }], rowSelect: [{
-            type: Output
-        }], rowAction: [{
-            type: Output
-        }], template: [{
-            type: ViewChild,
-            args: [TemplateRef, { static: true }]
-        }] }); })();
-
-class TimeSince {
-    transform(date) {
-        const elapsed = (new Date().getTime() - new Date(date).getTime()) / 1000;
-        let interval;
-        if (interval >= 1) {
-            return interval + ' year' + (interval > 1 ? 's' : '');
-        }
-        interval = Math.floor(elapsed / 2592000);
-        if (interval >= 1) {
-            return interval + ' month' + (interval > 1 ? 's' : '');
-        }
-        interval = Math.floor(elapsed / 86400);
-        if (interval >= 1) {
-            return interval + ' day' + (interval > 1 ? 's' : '');
-        }
-        interval = Math.floor(elapsed / 3600);
-        if (interval >= 1) {
-            return interval + ' hour' + (interval > 1 ? 's' : '');
-        }
-        interval = Math.floor(elapsed / 60);
-        if (interval >= 1) {
-            return interval + ' minute' + (interval > 1 ? 's' : '');
-        }
-        return Math.floor(elapsed) + ' second' + (elapsed > 1 ? 's' : '');
-    }
-}
-TimeSince.ɵfac = function TimeSince_Factory(t) { return new (t || TimeSince)(); };
-TimeSince.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "timeSince", type: TimeSince, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimeSince, [{
-        type: Pipe,
-        args: [{
-                name: 'timeSince'
-            }]
-    }], null, null); })();
-
-function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_11_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 10);
-    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_11_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r11); const form_r3 = i0.ɵɵnextContext().$implicit; const ctx_r9 = i0.ɵɵnextContext(3); return ctx_r9.onRowAction($event, form_r3, "view"); });
-    i0.ɵɵelement(1, "span", 11);
-    i0.ɵɵtext(2, " Enter Data");
-    i0.ɵɵelementEnd();
-} }
-function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_13_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r14); const form_r3 = i0.ɵɵnextContext().$implicit; const ctx_r12 = i0.ɵɵnextContext(3); return ctx_r12.onRowAction($event, form_r3, "submission"); });
-    i0.ɵɵelement(1, "span", 13);
-    i0.ɵɵtext(2, " View Data");
-    i0.ɵɵelementEnd();
-} }
-function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_15_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r17); const form_r3 = i0.ɵɵnextContext().$implicit; const ctx_r15 = i0.ɵɵnextContext(3); return ctx_r15.onRowAction($event, form_r3, "edit"); });
-    i0.ɵɵelement(1, "span", 14);
-    i0.ɵɵtext(2, " Edit Form");
-    i0.ɵɵelementEnd();
-} }
-function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_17_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_17_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r20); const form_r3 = i0.ɵɵnextContext().$implicit; const ctx_r18 = i0.ɵɵnextContext(3); return ctx_r18.onRowAction($event, form_r3, "permissions"); });
-    i0.ɵɵelement(1, "span", 15);
-    i0.ɵɵtext(2, " Permissions");
-    i0.ɵɵelementEnd();
-} }
-function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_19_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_19_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r23); const form_r3 = i0.ɵɵnextContext().$implicit; const ctx_r21 = i0.ɵɵnextContext(3); return ctx_r21.onRowAction($event, form_r3, "delete"); });
-    i0.ɵɵelement(1, "span", 17);
-    i0.ɵɵelementEnd();
-} }
-function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵelementStart(1, "td");
-    i0.ɵɵelementStart(2, "div", 2);
-    i0.ɵɵelementStart(3, "div", 3);
-    i0.ɵɵelementStart(4, "a", 4);
-    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_Template_a_click_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r25); const form_r3 = restoredCtx.$implicit; const ctx_r24 = i0.ɵɵnextContext(3); return ctx_r24.onRowSelect($event, form_r3); });
-    i0.ɵɵelementStart(5, "h5");
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 5);
-    i0.ɵɵtext(8);
-    i0.ɵɵpipe(9, "timeSince");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 6);
-    i0.ɵɵtemplate(11, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_11_Template, 3, 0, "button", 7);
-    i0.ɵɵtext(12, "\u00A0 ");
-    i0.ɵɵtemplate(13, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_13_Template, 3, 0, "button", 8);
-    i0.ɵɵtext(14, "\u00A0 ");
-    i0.ɵɵtemplate(15, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_15_Template, 3, 0, "button", 8);
-    i0.ɵɵtext(16, "\u00A0 ");
-    i0.ɵɵtemplate(17, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_17_Template, 3, 0, "button", 8);
-    i0.ɵɵtext(18, "\u00A0 ");
-    i0.ɵɵtemplate(19, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_19_Template, 2, 0, "button", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const form_r3 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵpropertyInterpolate1("routerLink", "", form_r3._id, "/view");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(form_r3.title);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Updated ", i0.ɵɵpipeBind1(9, 8, form_r3.modified), " ago ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r2.actionAllowed("formView"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.actionAllowed("formSubmission"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.actionAllowed("formEdit"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.actionAllowed("formPermission"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.actionAllowed("formDelete"));
-} }
-function FormGridBodyComponent_ng_template_0_tbody_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tbody");
-    i0.ɵɵtemplate(1, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_Template, 20, 10, "tr", 1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r1.rows);
-} }
-function FormGridBodyComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, FormGridBodyComponent_ng_template_0_tbody_0_Template, 2, 1, "tbody", 0);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", ctx_r0.rows);
-} }
-class FormGridBodyComponent extends GridBodyComponent {
-    load(formio, query) {
-        query = query || {};
-        return formio.loadForms({ params: query }).then((forms) => this.setRows(query, forms));
-    }
-}
-FormGridBodyComponent.ɵfac = /*@__PURE__*/ function () { let ɵFormGridBodyComponent_BaseFactory; return function FormGridBodyComponent_Factory(t) { return (ɵFormGridBodyComponent_BaseFactory || (ɵFormGridBodyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FormGridBodyComponent)))(t || FormGridBodyComponent); }; }();
-FormGridBodyComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormGridBodyComponent, selectors: [["form-grid-body"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [[4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "row"], [1, "col-sm-8"], [3, "routerLink", "click"], [1, "form-updated", "small", "text-muted"], [1, "col-sm-4"], ["class", "btn btn-outline-secondary btn-sm form-btn form-btn-use", 3, "click", 4, "ngIf"], ["class", "btn btn-outline-secondary btn-sm form-btn", 3, "click", 4, "ngIf"], ["class", "btn btn-danger btn-sm form-btn form-btn-delete", "title", "Delete form", 3, "click", 4, "ngIf"], [1, "btn", "btn-outline-secondary", "btn-sm", "form-btn", "form-btn-use", 3, "click"], [1, "fa", "fa-pencil"], [1, "btn", "btn-outline-secondary", "btn-sm", "form-btn", 3, "click"], [1, "fa", "fa-list-alt"], [1, "fa", "fa-edit"], [1, "fa", "fa-lock"], ["title", "Delete form", 1, "btn", "btn-danger", "btn-sm", "form-btn", "form-btn-delete", 3, "click"], [1, "fa", "fa-trash"]], template: function FormGridBodyComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, FormGridBodyComponent_ng_template_0_Template, 1, 1, "ng-template");
-    } }, directives: [i1.NgIf, i1.NgForOf, i2.RouterLinkWithHref], pipes: [TimeSince], styles: [".form-btn[_ngcontent-%COMP%]{font-size:.75rem;margin:2px 0}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormGridBodyComponent, [{
-        type: Component,
-        args: [{
-                selector: 'form-grid-body',
-                styleUrls: ['./FormGridBody.component.scss'],
-                templateUrl: './FormGridBody.component.html'
-            }]
-    }], null, null); })();
-
-class GridFooterComponent {
-    constructor() {
-        this.footerPositions = GridFooterPositions;
-        this.pageChanged = new EventEmitter();
-        this.createItem = new EventEmitter();
-    }
-}
-GridFooterComponent.ɵfac = function GridFooterComponent_Factory(t) { return new (t || GridFooterComponent)(); };
-GridFooterComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GridFooterComponent, selectors: [["ng-component"]], viewQuery: function GridFooterComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(TemplateRef, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.template = _t.first);
-    } }, inputs: { header: "header", body: "body", createText: "createText", size: "size", actionAllowed: "actionAllowed" }, outputs: { pageChanged: "pageChanged", createItem: "createItem" }, decls: 0, vars: 0, template: function GridFooterComponent_Template(rf, ctx) { }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridFooterComponent, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], function () { return []; }, { header: [{
-            type: Input
-        }], body: [{
-            type: Input
-        }], createText: [{
-            type: Input
-        }], size: [{
-            type: Input
-        }], actionAllowed: [{
-            type: Input
-        }], pageChanged: [{
-            type: Output
-        }], createItem: [{
-            type: Output
-        }], template: [{
-            type: ViewChild,
-            args: [TemplateRef, { static: true }]
-        }] }); })();
-
-const _c0$2 = function (a0) { return { label: a0 }; };
-function FormGridFooterComponent_ng_template_0_thead_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "thead", 3);
-    i0.ɵɵelementContainer(1, 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const label_r5 = i0.ɵɵnextContext().label;
-    i0.ɵɵnextContext();
-    const _r2 = i0.ɵɵreference(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$2, label_r5));
-} }
-function FormGridFooterComponent_ng_template_0_tfoot_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tfoot", 3);
-    i0.ɵɵelementContainer(1, 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const label_r5 = i0.ɵɵnextContext().label;
-    i0.ɵɵnextContext();
-    const _r2 = i0.ɵɵreference(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$2, label_r5));
-} }
-function FormGridFooterComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, FormGridFooterComponent_ng_template_0_thead_0_Template, 2, 4, "thead", 2);
-    i0.ɵɵtemplate(1, FormGridFooterComponent_ng_template_0_tfoot_1_Template, 2, 4, "tfoot", 2);
-} if (rf & 2) {
-    const position_r4 = ctx.position;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", position_r4 === ctx_r1.footerPositions.top);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", position_r4 === ctx_r1.footerPositions.bottom);
-} }
-function FormGridFooterComponent_ng_template_2_td_1_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("click", function FormGridFooterComponent_ng_template_2_td_1_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(3); return ctx_r13.createItem.emit("form"); });
-    i0.ɵɵelement(1, "i", 13);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r12 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r12.createText, "");
-} }
-function FormGridFooterComponent_ng_template_2_td_1_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 6);
-    i0.ɵɵtemplate(1, FormGridFooterComponent_ng_template_2_td_1_button_1_Template, 3, 1, "button", 7);
-    i0.ɵɵelementStart(2, "span", 8);
-    i0.ɵɵelementStart(3, "span", 9);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 10);
-    i0.ɵɵelementStart(7, "pagination", 11);
-    i0.ɵɵlistener("ngModelChange", function FormGridFooterComponent_ng_template_2_td_1_Template_pagination_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return ctx_r15.body.skip = $event; })("pageChanged", function FormGridFooterComponent_ng_template_2_td_1_Template_pagination_pageChanged_7_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r17 = i0.ɵɵnextContext(2); return ctx_r17.pageChanged.emit($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const label_r10 = i0.ɵɵnextContext().label;
-    const ctx_r11 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("colSpan", ctx_r11.header.numHeaders);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r11.actionAllowed("formCreate"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r11.body.firstItem, " - ", ctx_r11.body.lastItem, "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" / ", ctx_r11.body.total, " total");
-    i0.ɵɵadvance(1);
-    i0.ɵɵattribute("aria-label", label_r10);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("totalItems", ctx_r11.body.total)("itemsPerPage", ctx_r11.body.limit)("ngModel", ctx_r11.body.skip)("maxSize", ctx_r11.size);
-} }
-function FormGridFooterComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵtemplate(1, FormGridFooterComponent_ng_template_2_td_1_Template, 8, 10, "td", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r3.header);
-} }
-class FormGridFooterComponent extends GridFooterComponent {
-    constructor() {
-        super();
-    }
-    ngOnInit() {
-        if (!this.createText) {
-            this.createText = 'Create Form';
-        }
-        if (!this.size) {
-            this.size = 7;
-        }
-    }
-}
-FormGridFooterComponent.ɵfac = function FormGridFooterComponent_Factory(t) { return new (t || FormGridFooterComponent)(); };
-FormGridFooterComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormGridFooterComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 0, consts: [["footer", ""], ["defaultFooterTemplate", ""], ["class", "formio-grid-footer", 4, "ngIf"], [1, "formio-grid-footer"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "colSpan", 4, "ngIf"], [3, "colSpan"], ["class", "btn btn-primary form-btn-use pull-left float-left", 3, "click", 4, "ngIf"], [1, "pull-right", "float-right", "item-counter"], [1, "page-num"], ["role", "navigation"], [1, "justify-content-center", "pagination-sm", 3, "totalItems", "itemsPerPage", "ngModel", "maxSize", "ngModelChange", "pageChanged"], [1, "btn", "btn-primary", "form-btn-use", "pull-left", "float-left", 3, "click"], [1, "glyphicon", "glyphicon-plus", "fa", "fa-plus"]], template: function FormGridFooterComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, FormGridFooterComponent_ng_template_0_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(2, FormGridFooterComponent_ng_template_2_Template, 2, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-    } }, directives: [i1.NgIf, i1.NgTemplateOutlet, i2$1.PaginationComponent, i3.NgControlStatus, i3.NgModel], styles: ["tfoot.formio-grid-footer td{padding:.3rem}tfoot.formio-grid-footer .page-num{font-size:1.4em}tfoot.formio-grid-footer ul.pagination{margin-top:5px;margin-bottom:0}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormGridFooterComponent, [{
-        type: Component,
-        args: [{
-                templateUrl: './FormGridFooter.component.html',
-                styleUrls: ['../grid.footer.scss'],
-                encapsulation: ViewEncapsulation.None
-            }]
-    }], function () { return []; }, null); })();
-
-var FormComponents = {
-    header: FormGridHeaderComponent,
-    body: FormGridBodyComponent,
-    footer: FormGridFooterComponent
-};
-
-const _c0$1 = function (a0, a1) { return { "glyphicon-triangle-top": a0, "glyphicon-triangle-bottom": a1 }; };
-function SubmissionGridHeaderComponent_ng_template_0_th_2_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 3);
-} if (rf & 2) {
-    const header_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c0$1, header_r2.sort === "asc", header_r2.sort === "desc"));
-} }
-function SubmissionGridHeaderComponent_ng_template_0_th_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th");
-    i0.ɵɵelementStart(1, "a", 1);
-    i0.ɵɵlistener("click", function SubmissionGridHeaderComponent_ng_template_0_th_2_Template_a_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r6); const header_r2 = restoredCtx.$implicit; const ctx_r5 = i0.ɵɵnextContext(2); return ctx_r5.sort.emit(header_r2); });
-    i0.ɵɵtext(2);
-    i0.ɵɵtemplate(3, SubmissionGridHeaderComponent_ng_template_0_th_2_span_3_Template, 1, 4, "span", 2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const header_r2 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", header_r2.label, "\u00A0");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", header_r2.sort);
-} }
-function SubmissionGridHeaderComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "thead");
-    i0.ɵɵelementStart(1, "tr");
-    i0.ɵɵtemplate(2, SubmissionGridHeaderComponent_ng_template_0_th_2_Template, 4, 2, "th", 0);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", ctx_r0.headers);
-} }
-class SubmissionGridHeaderComponent extends GridHeaderComponent {
-    load(formio, query, columns) {
-        query = query || {};
-        return formio.loadForm({ params: query }).then((form) => {
-            this.headers = [];
-            this.formComponents = new Map();
-            this.setComponents(form.components);
-            columns ? columns.forEach(column => {
-                this.setHeader(this.getHeaderForColumn(column, this.formComponents.get(column.path)));
-            }) : this.setComponentsHeaders(this.formComponents);
-            return this.headers;
-        });
-    }
-    setHeader(header) {
-        this.headers.push(header);
-    }
-    getHeaderForColumn(column, component, sort) {
-        return {
-            label: column.label,
-            key: column.path,
-            sort: sort,
-            component: component ? Components.create(component, null, null, true) : undefined,
-            renderCell: column ? column.renderCell : undefined
-        };
-    }
-    getHeaderForComponent(component, path, sort) {
-        return {
-            label: component.label,
-            key: path,
-            sort: sort,
-            component: component ? Components.create(component, null, null, true) : undefined,
-        };
-    }
-    // Set headers from components in case if columns are not provided
-    setComponentsHeaders(components, sort) {
-        components.forEach((component, path) => {
-            if (component.input &&
-                (!component.hasOwnProperty('tableView') || component.tableView)) {
-                this.setHeader(this.getHeaderForComponent(component, path, sort));
-            }
-        });
-    }
-    // Map components
-    setComponents(components) {
-        Utils.eachComponent(components, (component, newPath) => {
-            this.formComponents.set(`data.${newPath}`, component);
-        });
-    }
-}
-SubmissionGridHeaderComponent.ɵfac = /*@__PURE__*/ function () { let ɵSubmissionGridHeaderComponent_BaseFactory; return function SubmissionGridHeaderComponent_Factory(t) { return (ɵSubmissionGridHeaderComponent_BaseFactory || (ɵSubmissionGridHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SubmissionGridHeaderComponent)))(t || SubmissionGridHeaderComponent); }; }();
-SubmissionGridHeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubmissionGridHeaderComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [[4, "ngFor", "ngForOf"], [3, "click"], ["class", "glyphicon", 3, "ngClass", 4, "ngIf"], [1, "glyphicon", 3, "ngClass"]], template: function SubmissionGridHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, SubmissionGridHeaderComponent_ng_template_0_Template, 3, 1, "ng-template");
-    } }, directives: [i1.NgForOf, i1.NgIf, i1.NgClass], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionGridHeaderComponent, [{
-        type: Component,
-        args: [{
-                templateUrl: './SubmissionGridHeader.component.html'
-            }]
-    }], null, null); })();
-
-function SubmissionGridBodyComponent_ng_template_0_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "td", 3);
-} if (rf & 2) {
-    const rowHeader_r4 = ctx.$implicit;
-    const row_r2 = i0.ɵɵnextContext().$implicit;
-    const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("innerHTML", ctx_r3.view(row_r2, rowHeader_r4), i0.ɵɵsanitizeHtml);
-} }
-function SubmissionGridBodyComponent_ng_template_0_tr_1_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 1);
-    i0.ɵɵlistener("click", function SubmissionGridBodyComponent_ng_template_0_tr_1_Template_tr_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r7); const row_r2 = restoredCtx.$implicit; const ctx_r6 = i0.ɵɵnextContext(2); return ctx_r6.onRowSelect($event, row_r2); });
-    i0.ɵɵtemplate(1, SubmissionGridBodyComponent_ng_template_0_tr_1_td_1_Template, 1, 1, "td", 2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r1.header.headers);
-} }
-function SubmissionGridBodyComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tbody");
-    i0.ɵɵtemplate(1, SubmissionGridBodyComponent_ng_template_0_tr_1_Template, 2, 1, "tr", 0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r0.rows);
-} }
-class SubmissionGridBodyComponent extends GridBodyComponent {
-    load(formio, query) {
-        query = query || {};
-        return formio.loadSubmissions({ params: query })
-            .then((submissions) => this.setRows(query, submissions));
-    }
-    /**
-     * Render the cell data.
-     *
-     * @param submission
-     * @param header
-     * @return any
-     */
-    view(submission, header) {
-        const cellValue = get(submission, header.key);
-        if (header.renderCell) {
-            return header.renderCell(cellValue, header.component);
-        }
-        else {
-            if (header.component) {
-                if (header.component.getView) {
-                    return header.component.getView(cellValue);
-                }
-                return header.component.asString(cellValue);
-            }
-            else {
-                return cellValue.toString();
-            }
-        }
-    }
-}
-SubmissionGridBodyComponent.ɵfac = /*@__PURE__*/ function () { let ɵSubmissionGridBodyComponent_BaseFactory; return function SubmissionGridBodyComponent_Factory(t) { return (ɵSubmissionGridBodyComponent_BaseFactory || (ɵSubmissionGridBodyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SubmissionGridBodyComponent)))(t || SubmissionGridBodyComponent); }; }();
-SubmissionGridBodyComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubmissionGridBodyComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [[3, "click", 4, "ngFor", "ngForOf"], [3, "click"], [3, "innerHTML", 4, "ngFor", "ngForOf"], [3, "innerHTML"]], template: function SubmissionGridBodyComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, SubmissionGridBodyComponent_ng_template_0_Template, 2, 1, "ng-template");
-    } }, directives: [i1.NgForOf], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionGridBodyComponent, [{
-        type: Component,
-        args: [{
-                templateUrl: './SubmissionGridBody.component.html'
-            }]
-    }], null, null); })();
-
-function SubmissionGridFooterComponent_ng_template_0_thead_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "thead", 3);
-    i0.ɵɵelementContainer(1, 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵnextContext(2);
-    const _r2 = i0.ɵɵreference(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r2);
-} }
-function SubmissionGridFooterComponent_ng_template_0_tfoot_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tfoot", 3);
-    i0.ɵɵelementContainer(1, 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵnextContext(2);
-    const _r2 = i0.ɵɵreference(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r2);
-} }
-function SubmissionGridFooterComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SubmissionGridFooterComponent_ng_template_0_thead_0_Template, 2, 1, "thead", 2);
-    i0.ɵɵtemplate(1, SubmissionGridFooterComponent_ng_template_0_tfoot_1_Template, 2, 1, "tfoot", 2);
-} if (rf & 2) {
-    const position_r4 = ctx.position;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", position_r4 === ctx_r1.footerPositions.top);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", position_r4 === ctx_r1.footerPositions.bottom);
-} }
-function SubmissionGridFooterComponent_ng_template_2_td_1_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 11);
-    i0.ɵɵlistener("click", function SubmissionGridFooterComponent_ng_template_2_td_1_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(3); return ctx_r9.createItem.emit("form"); });
-    i0.ɵɵelement(1, "i", 12);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r8 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r8.createText, "");
-} }
-function SubmissionGridFooterComponent_ng_template_2_td_1_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 6);
-    i0.ɵɵtemplate(1, SubmissionGridFooterComponent_ng_template_2_td_1_button_1_Template, 3, 1, "button", 7);
-    i0.ɵɵelementStart(2, "span", 8);
-    i0.ɵɵelementStart(3, "span", 9);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "pagination", 10);
-    i0.ɵɵlistener("ngModelChange", function SubmissionGridFooterComponent_ng_template_2_td_1_Template_pagination_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(2); return ctx_r11.body.skip = $event; })("pageChanged", function SubmissionGridFooterComponent_ng_template_2_td_1_Template_pagination_pageChanged_6_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(2); return ctx_r13.pageChanged.emit($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r7 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("colSpan", ctx_r7.header.numHeaders);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r7.actionAllowed("submissionCreate") && ctx_r7.createText);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r7.body.firstItem, " - ", ctx_r7.body.lastItem, "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" / ", ctx_r7.body.total, " total");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("totalItems", ctx_r7.body.total)("itemsPerPage", ctx_r7.body.limit)("ngModel", ctx_r7.body.skip)("maxSize", ctx_r7.size);
-} }
-function SubmissionGridFooterComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵtemplate(1, SubmissionGridFooterComponent_ng_template_2_td_1_Template, 7, 9, "td", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r3.header);
-} }
-class SubmissionGridFooterComponent extends GridFooterComponent {
-    constructor() {
-        super();
-    }
-    ngOnInit() {
-        if (!this.size) {
-            this.size = 7;
-        }
-    }
-}
-SubmissionGridFooterComponent.ɵfac = function SubmissionGridFooterComponent_Factory(t) { return new (t || SubmissionGridFooterComponent)(); };
-SubmissionGridFooterComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubmissionGridFooterComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 0, consts: [["footer", ""], ["defaultFooterTemplate", ""], ["class", "formio-grid-footer", 4, "ngIf"], [1, "formio-grid-footer"], [3, "ngTemplateOutlet"], [3, "colSpan", 4, "ngIf"], [3, "colSpan"], ["class", "btn btn-primary pull-left float-left", 3, "click", 4, "ngIf"], [1, "pull-right", "float-right", "item-counter"], [1, "page-num"], [1, "justify-content-center", "pagination-sm", 3, "totalItems", "itemsPerPage", "ngModel", "maxSize", "ngModelChange", "pageChanged"], [1, "btn", "btn-primary", "pull-left", "float-left", 3, "click"], [1, "glyphicon", "glyphicon-plus", "fa", "fa-plus"]], template: function SubmissionGridFooterComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, SubmissionGridFooterComponent_ng_template_0_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(2, SubmissionGridFooterComponent_ng_template_2_Template, 2, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-    } }, directives: [i1.NgIf, i1.NgTemplateOutlet, i2$1.PaginationComponent, i3.NgControlStatus, i3.NgModel], styles: ["tfoot.formio-grid-footer td{padding:.3rem}tfoot.formio-grid-footer .page-num{font-size:1.4em}tfoot.formio-grid-footer ul.pagination{margin-top:5px;margin-bottom:0}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionGridFooterComponent, [{
-        type: Component,
-        args: [{
-                templateUrl: './SubmissionGridFooter.component.html',
-                styleUrls: ['../grid.footer.scss'],
-                encapsulation: ViewEncapsulation.None
-            }]
-    }], function () { return []; }, null); })();
-
-var SubmissionComponents = {
-    header: SubmissionGridHeaderComponent,
-    body: SubmissionGridBodyComponent,
-    footer: SubmissionGridFooterComponent
-};
-
-const _c0 = ["headerTemplate"];
-const _c1 = ["bodyTemplate"];
-const _c2 = ["footerTemplate"];
-function FormioGridComponent_ng_template_0_Template(rf, ctx) { }
-function FormioGridComponent_ng_template_2_Template(rf, ctx) { }
-function FormioGridComponent_ng_template_4_Template(rf, ctx) { }
-const _c3 = function (a0, a1) { return { position: a0, label: a1 }; };
-function FormioGridComponent_ng_container_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 9);
-} if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r6.footer.template)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c3, ctx_r6.footerPositions.top, ctx_r6.label));
-} }
-function FormioGridComponent_ng_container_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 10);
-} if (rf & 2) {
-    const ctx_r7 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r7.header.template);
-} }
-function FormioGridComponent_ng_container_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 10);
-} if (rf & 2) {
-    const ctx_r8 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r8.body.template);
-} }
-function FormioGridComponent_ng_container_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 9);
-} if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r9.footer.template)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c3, ctx_r9.footerPositions.bottom, ctx_r9.label));
-} }
-const _c4 = function (a0, a1) { return [a0, a1]; };
-class FormioGridComponent {
-    constructor(alerts, resolver, ref) {
-        this.alerts = alerts;
-        this.resolver = resolver;
-        this.ref = ref;
-        this.footerPosition = GridFooterPositions.bottom;
-        this.page = 0;
-        this.isLoading = false;
-        this.initialized = false;
-        this.footerPositions = GridFooterPositions;
-        this.select = this.rowSelect = new EventEmitter();
-        this.rowAction = new EventEmitter();
-        this.createItem = new EventEmitter();
-        this.error = new EventEmitter();
-        this.isLoading = true;
-    }
-    createComponent(property, component) {
-        const factory = this.resolver.resolveComponentFactory(component);
-        const componentRef = property.createComponent(factory);
-        return componentRef.instance;
-    }
-    loadGrid(src) {
-        // If no source is provided, then skip.
-        if (!src && !this.formio) {
-            return;
-        }
-        // Do not double load.
-        if (this.formio && this.src && (src === this.src)) {
-            return;
-        }
-        if (src) {
-            this.src = src;
-            this.formio = new FormioPromiseService(this.src, { formOnly: true });
-        }
-        // Load the header.
-        this.header.load(this.formio, {}, this.columns)
-            .then(() => this.setPage(0))
-            .catch(error => this.onError(error));
-    }
-    ngOnInit() {
-        // Create our components.
-        const comps = this.components || ((this.gridType === 'form') ? FormComponents : SubmissionComponents);
-        this.header = this.createComponent(this.headerElement, comps.header);
-        this.header.actionAllowed = this.actionAllowed.bind(this);
-        this.header.sort.subscribe(header => this.sortColumn(header));
-        this.body = this.createComponent(this.bodyElement, comps.body);
-        this.body.header = this.header;
-        this.body.actionAllowed = this.actionAllowed.bind(this);
-        this.body.rowSelect.subscribe(row => this.rowSelect.emit(row));
-        this.body.rowAction.subscribe(action => this.rowAction.emit(action));
-        this.footer = this.createComponent(this.footerElement, comps.footer);
-        this.footer.header = this.header;
-        this.footer.body = this.body;
-        this.footer.actionAllowed = this.actionAllowed.bind(this);
-        this.footer.createText = this.createText;
-        this.footer.size = this.size;
-        this.footer.pageChanged.subscribe(page => this.pageChanged(page));
-        this.footer.createItem.subscribe(item => this.createItem.emit(item));
-    }
-    ngOnChanges(changes) {
-        if (this.initialized) {
-            if ((changes.src && changes.src.currentValue) ||
-                (changes.formio && changes.formio.currentValue)) {
-                this.loadGrid(changes.src.currentValue);
-            }
-            if (changes.items && changes.items.currentValue) {
-                this.refreshGrid();
-            }
-        }
-        if (this.footer &&
-            (changes.createText && changes.createText.currentValue)) {
-            this.footer.createText = changes.createText.currentValue;
-        }
-    }
-    ngAfterViewInit() {
-        this.alerts.setAlerts([]);
-        this.query = this.query || {};
-        if (this.refresh) {
-            this.refresh.subscribe((query) => this.refreshGrid(query));
-        }
-        this.loadGrid(this.src);
-        this.initialized = true;
-        this.ref.detectChanges();
-    }
-    actionAllowed(action) {
-        if (this.isActionAllowed) {
-            return this.isActionAllowed(action);
-        }
-        else {
-            return true;
-        }
-    }
-    onError(error) {
-        this.isLoading = false;
-        this.error.emit(error);
-        if (typeof error === 'string' || error.message) {
-            this.alerts.setAlert({
-                type: 'danger',
-                message: error.message || error
-            });
-        }
-    }
-    refreshGrid(query) {
-        this.alerts.setAlerts([]);
-        this.query = query || this.query;
-        if (!this.query.hasOwnProperty('limit')) {
-            this.query.limit = 10;
-        }
-        if (!this.query.hasOwnProperty('skip')) {
-            this.query.skip = 0;
-        }
-        this.isLoading = true;
-        this.ref.detectChanges();
-        Formio.cache = {};
-        let loader = null;
-        if (this.items) {
-            loader = Promise.resolve(this.body.setRows(this.query, this.items));
-        }
-        else {
-            loader = this.body.load(this.formio, this.query);
-        }
-        return loader.then(info => {
-            this.isLoading = false;
-            this.initialized = true;
-            this.ref.detectChanges();
-        }).catch(error => this.onError(error));
-    }
-    setPage(num = -1) {
-        this.page = num !== -1 ? num : this.page;
-        if (!this.query.hasOwnProperty('limit')) {
-            this.query.limit = 10;
-        }
-        if (!this.query.hasOwnProperty('skip')) {
-            this.query.skip = 0;
-        }
-        this.query.skip = this.page * this.query.limit;
-        this.refreshGrid();
-    }
-    sortColumn(header) {
-        // Reset all other column sorts.
-        each(this.header.headers, (col) => {
-            if (col.key !== header.key) {
-                col.sort = '';
-            }
-        });
-        switch (header.sort) {
-            case 'asc':
-                header.sort = SortType.DESC;
-                this.query.sort = '-' + header.key;
-                break;
-            case 'desc':
-                header.sort = undefined;
-                delete this.query.sort;
-                break;
-            case undefined:
-                header.sort = SortType.ASC;
-                this.query.sort = header.key;
-                break;
-        }
-        this.refreshGrid();
-    }
-    pageChanged(page) {
-        this.setPage(page.page - 1);
-    }
-}
-FormioGridComponent.ɵfac = function FormioGridComponent_Factory(t) { return new (t || FormioGridComponent)(i0.ɵɵdirectiveInject(i1$1.FormioAlerts), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-FormioGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormioGridComponent, selectors: [["formio-grid"]], viewQuery: function FormioGridComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 7, ViewContainerRef);
-        i0.ɵɵviewQuery(_c1, 7, ViewContainerRef);
-        i0.ɵɵviewQuery(_c2, 7, ViewContainerRef);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerElement = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bodyElement = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.footerElement = _t.first);
-    } }, inputs: { footerPosition: "footerPosition", src: "src", items: "items", onForm: "onForm", query: "query", refresh: "refresh", columns: "columns", gridType: "gridType", size: "size", components: "components", formio: "formio", label: "label", createText: "createText", isActionAllowed: "isActionAllowed" }, outputs: { select: "select", rowSelect: "rowSelect", rowAction: "rowAction", createItem: "createItem", error: "error" }, features: [i0.ɵɵNgOnChangesFeature], decls: 14, vars: 12, consts: [["headerTemplate", ""], ["bodyTemplate", ""], ["footerTemplate", ""], [1, "formio-grid"], [3, "alerts"], [1, "table", "table-bordered", "table-striped", "table-hover"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], [3, "ngTemplateOutlet", 4, "ngIf"], [3, "isLoading"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngTemplateOutlet"]], template: function FormioGridComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, FormioGridComponent_ng_template_0_Template, 0, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(2, FormioGridComponent_ng_template_2_Template, 0, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(4, FormioGridComponent_ng_template_4_Template, 0, 0, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵelementStart(6, "div", 3);
-        i0.ɵɵelement(7, "formio-alerts", 4);
-        i0.ɵɵelementStart(8, "table", 5);
-        i0.ɵɵtemplate(9, FormioGridComponent_ng_container_9_Template, 1, 5, "ng-container", 6);
-        i0.ɵɵtemplate(10, FormioGridComponent_ng_container_10_Template, 1, 1, "ng-container", 7);
-        i0.ɵɵelement(11, "formio-loader", 8);
-        i0.ɵɵtemplate(12, FormioGridComponent_ng_container_12_Template, 1, 1, "ng-container", 7);
-        i0.ɵɵtemplate(13, FormioGridComponent_ng_container_13_Template, 1, 5, "ng-container", 6);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(7);
-        i0.ɵɵproperty("alerts", ctx.alerts);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.initialized && i0.ɵɵpureFunction2(6, _c4, ctx.footerPositions.top, ctx.footerPositions.both).indexOf(ctx.footerPosition) !== -1);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.initialized);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("isLoading", ctx.isLoading);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.initialized);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.initialized && i0.ɵɵpureFunction2(9, _c4, ctx.footerPositions.bottom, ctx.footerPositions.both).indexOf(ctx.footerPosition) !== -1);
-    } }, directives: [i1$1.FormioAlertsComponent, i1.NgIf, i1$1.FormioLoaderComponent, i1.NgTemplateOutlet], styles: [".formio-grid[_ngcontent-%COMP%]{position:relative;width:100%}.grid-refresh[_ngcontent-%COMP%]{height:400px;width:100%}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioGridComponent, [{
-        type: Component,
-        args: [{
-                selector: 'formio-grid',
-                styleUrls: ['./grid.component.scss'],
-                templateUrl: './grid.component.html'
-            }]
-    }], function () { return [{ type: i1$1.FormioAlerts }, { type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }]; }, { footerPosition: [{
-            type: Input
-        }], src: [{
-            type: Input
-        }], items: [{
-            type: Input
-        }], onForm: [{
-            type: Input
-        }], query: [{
-            type: Input
-        }], refresh: [{
-            type: Input
-        }], columns: [{
-            type: Input
-        }], gridType: [{
-            type: Input
-        }], size: [{
-            type: Input
-        }], components: [{
-            type: Input
-        }], formio: [{
-            type: Input
-        }], label: [{
-            type: Input
-        }], createText: [{
-            type: Input
-        }], isActionAllowed: [{
-            type: Input
-        }], select: [{
-            type: Output
-        }], rowSelect: [{
-            type: Output
-        }], rowAction: [{
-            type: Output
-        }], createItem: [{
-            type: Output
-        }], error: [{
-            type: Output
-        }], headerElement: [{
-            type: ViewChild,
-            args: ['headerTemplate', { read: ViewContainerRef, static: true }]
-        }], bodyElement: [{
-            type: ViewChild,
-            args: ['bodyTemplate', { read: ViewContainerRef, static: true }]
-        }], footerElement: [{
-            type: ViewChild,
-            args: ['footerTemplate', { read: ViewContainerRef, static: true }]
-        }] }); })();
-
-class FormioGrid {
-}
-FormioGrid.ɵfac = function FormioGrid_Factory(t) { return new (t || FormioGrid)(); };
-FormioGrid.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FormioGrid });
-FormioGrid.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-        FormioAlerts,
-        GridService
-    ], imports: [[
-            CommonModule,
-            FormsModule,
-            FormioModule,
-            RouterModule,
-            PaginationModule.forRoot()
-        ]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioGrid, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    FormioModule,
-                    RouterModule,
-                    PaginationModule.forRoot()
-                ],
-                declarations: [
-                    FormioGridComponent,
-                    FormGridHeaderComponent,
-                    FormGridBodyComponent,
-                    FormGridFooterComponent,
-                    SubmissionGridHeaderComponent,
-                    SubmissionGridBodyComponent,
-                    SubmissionGridFooterComponent,
-                    GridHeaderComponent,
-                    GridBodyComponent,
-                    GridFooterComponent,
-                    TimeSince
-                ],
-                exports: [
-                    FormioGridComponent
-                ],
-                entryComponents: [
-                    FormGridHeaderComponent,
-                    FormGridBodyComponent,
-                    FormGridFooterComponent,
-                    SubmissionGridHeaderComponent,
-                    SubmissionGridBodyComponent,
-                    SubmissionGridFooterComponent
-                ],
-                providers: [
-                    FormioAlerts,
-                    GridService
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FormioGrid, { declarations: [FormioGridComponent,
-        FormGridHeaderComponent,
-        FormGridBodyComponent,
-        FormGridFooterComponent,
-        SubmissionGridHeaderComponent,
-        SubmissionGridBodyComponent,
-        SubmissionGridFooterComponent,
-        GridHeaderComponent,
-        GridBodyComponent,
-        GridFooterComponent,
-        TimeSince], imports: [CommonModule,
-        FormsModule,
-        FormioModule,
-        RouterModule, i2$1.PaginationModule], exports: [FormioGridComponent] }); })();
-
-/*
- * Public API Surface of angular-formio
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FormGridBodyComponent, FormGridFooterComponent, FormGridHeaderComponent, FormioGrid, FormioGridComponent, GridBodyComponent, GridFooterComponent, GridHeaderComponent, GridService, SubmissionGridBodyComponent, SubmissionGridFooterComponent, SubmissionGridHeaderComponent };
-//# sourceMappingURL=formio-angular-grid.js.map