@formio/angular 6.0.0-rc.8 → 6.0.1

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

@@ -0,0 +1,1213 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, TemplateRef, Component, Input, Output, ViewChild, Injectable, Pipe, ViewChildren, ViewEncapsulation, ViewContainerRef, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 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, FormioCore } from '@formio/js';
+import { Tooltip } from 'bootstrap';
+import * as i3 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 {
+    actionAllowed;
+    sort;
+    template;
+    headers;
+    constructor() {
+        this.headers = [];
+        this.sort = new EventEmitter();
+    }
+    get numHeaders() {
+        return this.headers.length;
+    }
+    load(formio, query, columns) {
+        return Promise.resolve([]);
+    }
+    static ɵfac = function GridHeaderComponent_Factory(t) { return new (t || GridHeaderComponent)(); };
+    static ɵ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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridHeaderComponent, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], () => [], { actionAllowed: [{
+            type: Input
+        }], sort: [{
+            type: Output
+        }], template: [{
+            type: ViewChild,
+            args: [TemplateRef, { static: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GridHeaderComponent, { className: "GridHeaderComponent", filePath: "GridHeaderComponent.ts", lineNumber: 8 }); })();
+
+var SortType;
+(function (SortType) {
+    SortType["ASC"] = "asc";
+    SortType["DESC"] = "desc";
+})(SortType || (SortType = {}));
+
+const _c0$4 = (a0, a1) => ({ "fa-caret-up bi-caret-up": a0, "fa-caret-down bi-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$4, ctx_r1.header.sort === "asc", ctx_r1.header.sort === "desc"));
+} }
+function FormGridHeaderComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "thead")(1, "tr")(2, "th")(3, "div", 0)(4, "div", 1)(5, "a", 2);
+    i0.ɵɵlistener("click", function FormGridHeaderComponent_ng_template_0_Template_a_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.sort.emit(ctx_r1.header)); });
+    i0.ɵɵtext(6);
+    i0.ɵɵtemplate(7, FormGridHeaderComponent_ng_template_0_span_7_Template, 1, 4, "span", 3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 4);
+    i0.ɵɵtext(9, " Operations ");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.header.label, "\u00A0");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.header.sort);
+} }
+class FormGridHeaderComponent extends GridHeaderComponent {
+    header;
+    load(formio) {
+        this.header = {
+            label: 'Title',
+            key: 'title',
+            sort: SortType.ASC
+        };
+        this.headers = [this.header];
+        return Promise.resolve(this.headers);
+    }
+    get numHeaders() {
+        return 2;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵFormGridHeaderComponent_BaseFactory; return function FormGridHeaderComponent_Factory(t) { return (ɵFormGridHeaderComponent_BaseFactory || (ɵFormGridHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FormGridHeaderComponent)))(t || FormGridHeaderComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormGridHeaderComponent, selectors: [["form-grid-header"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [[1, "row"], [1, "col-sm-9"], [2, "cursor", "pointer", 3, "click"], ["class", "fa bi", 3, "ngClass", 4, "ngIf"], [1, "col-sm-3", "d-flex", "justify-content-end"], [1, "fa", "bi", 3, "ngClass"]], template: function FormGridHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, FormGridHeaderComponent_ng_template_0_Template, 10, 2, "ng-template");
+        } }, dependencies: [i1.NgClass, i1.NgIf], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormGridHeaderComponent, [{
+        type: Component,
+        args: [{ selector: 'form-grid-header', template: "<ng-template>\n  <thead>\n    <tr>\n      <th>\n        <div class=\"row\">\n          <div class=\"col-sm-9\">\n            <a (click)=\"sort.emit(header)\" style=\"cursor: pointer\">\n              {{ header.label }}&nbsp;<span [ngClass]=\"{'fa-caret-up bi-caret-up': (header.sort === 'asc'), 'fa-caret-down bi-caret-down': (header.sort === 'desc')}\" class=\"fa bi\" *ngIf=\"header.sort\"></span>\n            </a>\n          </div>\n          <div class=\"col-sm-3 d-flex justify-content-end\">\n            Operations\n          </div>\n        </div>\n      </th>\n    </tr>\n  </thead>\n</ng-template>\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormGridHeaderComponent, { className: "FormGridHeaderComponent", filePath: "form/FormGridHeader.component.ts", lineNumber: 9 }); })();
+
+class GridService {
+    rows;
+    constructor() { }
+    setRows(rows) {
+        this.rows = rows;
+    }
+    getFormsPerPage() {
+        return this.rows?.length;
+    }
+    static ɵfac = function GridService_Factory(t) { return new (t || GridService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GridService, factory: GridService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridService, [{
+        type: Injectable
+    }], () => [], null); })();
+
+class GridBodyComponent {
+    service;
+    header;
+    actionAllowed;
+    rowSelect;
+    rowAction;
+    template;
+    rows;
+    loading;
+    firstItem = 0;
+    lastItem = 0;
+    skip = 0;
+    limit = 0;
+    total = 0;
+    constructor(service) {
+        this.service = service;
+        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;
+    }
+    static ɵfac = function GridBodyComponent_Factory(t) { return new (t || GridBodyComponent)(i0.ɵɵdirectiveInject(GridService)); };
+    static ɵ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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridBodyComponent, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], () => [{ type: GridService }], { header: [{
+            type: Input
+        }], actionAllowed: [{
+            type: Input
+        }], rowSelect: [{
+            type: Output
+        }], rowAction: [{
+            type: Output
+        }], template: [{
+            type: ViewChild,
+            args: [TemplateRef, { static: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GridBodyComponent, { className: "GridBodyComponent", filePath: "GridBodyComponent.ts", lineNumber: 10 }); })();
+
+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' : '');
+    }
+    static ɵfac = function TimeSince_Factory(t) { return new (t || TimeSince)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "timeSince", type: TimeSince, pure: true });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimeSince, [{
+        type: Pipe,
+        args: [{
+                name: 'timeSince'
+            }]
+    }], null, null); })();
+
+const _c0$3 = ["create"];
+const _c1$1 = ["view"];
+const _c2$1 = ["edit"];
+const _c3$1 = ["permissions"];
+const _c4$1 = ["delete"];
+function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_11_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14, 0);
+    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_11_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const form_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onRowAction($event, form_r2, "view")); });
+    i0.ɵɵelement(2, "span", 15);
+    i0.ɵɵelementEnd();
+} }
+function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_13_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16, 1);
+    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const form_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onRowAction($event, form_r2, "submission")); });
+    i0.ɵɵelement(2, "span", 17);
+    i0.ɵɵelementEnd();
+} }
+function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_15_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16, 2);
+    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const form_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onRowAction($event, form_r2, "edit")); });
+    i0.ɵɵelement(2, "span", 18);
+    i0.ɵɵelementEnd();
+} }
+function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_17_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 19, 3);
+    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_17_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const form_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onRowAction($event, form_r2, "delete")); });
+    i0.ɵɵelement(2, "span", 20);
+    i0.ɵɵelementEnd();
+} }
+function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "div", 6)(3, "div", 7)(4, "a", 8);
+    i0.ɵɵlistener("click", function FormGridBodyComponent_ng_template_0_tbody_0_tr_1_Template_a_click_4_listener($event) { const form_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onRowSelect($event, form_r2)); });
+    i0.ɵɵelementStart(5, "h5");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 9);
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "timeSince");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 10);
+    i0.ɵɵtemplate(11, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_11_Template, 3, 0, "button", 11);
+    i0.ɵɵtext(12, "\u00A0 ");
+    i0.ɵɵtemplate(13, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_13_Template, 3, 0, "button", 12);
+    i0.ɵɵtext(14, "\u00A0 ");
+    i0.ɵɵtemplate(15, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_15_Template, 3, 0, "button", 12);
+    i0.ɵɵtext(16, "\u00A0 ");
+    i0.ɵɵtemplate(17, FormGridBodyComponent_ng_template_0_tbody_0_tr_1_button_17_Template, 3, 0, "button", 13);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const form_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵpropertyInterpolate1("routerLink", "", form_r2._id, "/view");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(form_r2.title);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Updated ", i0.ɵɵpipeBind1(9, 8, form_r2.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("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, 18, 10, "tr", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.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", 4);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngIf", ctx_r2.rows);
+} }
+class FormGridBodyComponent extends GridBodyComponent {
+    createBtns;
+    viewBtns;
+    editBtns;
+    permissionsBtns;
+    deleteBtns;
+    tooltips = [];
+    load(formio, query) {
+        query = query || {};
+        return formio.loadForms({ params: query })
+            .then((forms) => this.setRows(query, forms))
+            .then(() => this.attachTooltips());
+    }
+    attachTooltips() {
+        this.createBtns.forEach((el) => {
+            this.tooltips.push(new Tooltip(el.nativeElement, { title: 'Create' }));
+        });
+        this.editBtns.forEach((el) => {
+            this.tooltips.push(new Tooltip(el.nativeElement, { title: 'Edit' }));
+        });
+        this.viewBtns.forEach((el) => {
+            this.tooltips.push(new Tooltip(el.nativeElement, { title: 'View' }));
+        });
+        this.permissionsBtns.forEach((el) => {
+            this.tooltips.push(new Tooltip(el.nativeElement, { title: 'Permissions' }));
+        });
+        this.deleteBtns.forEach((el) => {
+            this.tooltips.push(new Tooltip(el.nativeElement, { title: 'Delete' }));
+        });
+    }
+    ngOnDestroy() {
+        this.tooltips.forEach((tootip) => tootip.dispose());
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵFormGridBodyComponent_BaseFactory; return function FormGridBodyComponent_Factory(t) { return (ɵFormGridBodyComponent_BaseFactory || (ɵFormGridBodyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FormGridBodyComponent)))(t || FormGridBodyComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormGridBodyComponent, selectors: [["form-grid-body"]], viewQuery: function FormGridBodyComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$3, 5);
+            i0.ɵɵviewQuery(_c1$1, 5);
+            i0.ɵɵviewQuery(_c2$1, 5);
+            i0.ɵɵviewQuery(_c3$1, 5);
+            i0.ɵɵviewQuery(_c4$1, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.createBtns = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewBtns = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.editBtns = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.permissionsBtns = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.deleteBtns = _t);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [["create", ""], ["view", ""], ["edit", ""], ["delete", ""], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "row"], [1, "col-sm-9"], [1, "text-decoration-none", 3, "click", "routerLink"], [1, "form-updated", "small", "text-muted"], [1, "col-sm-3", "d-flex", "justify-content-end", "align-items-center"], ["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-secondary 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", "bi", "bi-pencil"], [1, "btn", "btn-outline-secondary", "btn-sm", "form-btn", 3, "click"], [1, "fa", "fa-list-alt", "bi", "bi-table"], [1, "fa", "fa-edit", "bi", "bi-pencil-square"], ["title", "Delete form", 1, "btn", "btn-secondary", "btn-sm", "form-btn", "form-btn-delete", 3, "click"], [1, "fa", "fa-trash", "bi", "bi-trash"]], template: function FormGridBodyComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, FormGridBodyComponent_ng_template_0_Template, 1, 1, "ng-template");
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.RouterLink, TimeSince], styles: [".form-btn[_ngcontent-%COMP%]{font-size:.75rem;margin:2px 0}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormGridBodyComponent, [{
+        type: Component,
+        args: [{ selector: 'form-grid-body', template: "<ng-template>\n  <tbody *ngIf=\"rows\">\n    <tr *ngFor=\"let form of rows\">\n      <td>\n        <div class=\"row\">\n          <div class=\"col-sm-9\">\n            <a routerLink=\"{{form._id}}/view\" (click)=\"onRowSelect($event, form)\" class=\"text-decoration-none\"><h5>{{ form.title }}</h5></a>\n            <div class=\"form-updated small text-muted\">\n              Updated {{ form.modified | timeSince }} ago\n            </div>\n          </div>\n          <div class=\"col-sm-3 d-flex justify-content-end align-items-center\">\n            <button #create *ngIf=\"actionAllowed('formView')\" class=\"btn btn-outline-secondary btn-sm form-btn form-btn-use\" (click)=\"onRowAction($event, form, 'view')\"><span class=\"fa fa-pencil bi bi-pencil\"></span></button>&nbsp;\n            <button #view *ngIf=\"actionAllowed('formSubmission')\" class=\"btn btn-outline-secondary btn-sm form-btn\" (click)=\"onRowAction($event, form, 'submission')\"><span class=\"fa fa-list-alt bi bi-table\"></span></button>&nbsp;\n            <button #edit *ngIf=\"actionAllowed('formEdit')\" class=\"btn btn-outline-secondary btn-sm form-btn\" (click)=\"onRowAction($event, form, 'edit')\"><span class=\"fa fa-edit bi bi-pencil-square\"></span></button>&nbsp;\n            <button #delete *ngIf=\"actionAllowed('formDelete')\" class=\"btn btn-secondary btn-sm form-btn form-btn-delete\" (click)=\"onRowAction($event, form, 'delete')\" title=\"Delete form\"><span class=\"fa fa-trash bi bi-trash\"></span></button>\n          </div>\n        </div>\n      </td>\n    </tr>\n  </tbody>\n</ng-template>\n", styles: [".form-btn{font-size:.75rem;margin:2px 0}\n"] }]
+    }], null, { createBtns: [{
+            type: ViewChildren,
+            args: ['create']
+        }], viewBtns: [{
+            type: ViewChildren,
+            args: ['view']
+        }], editBtns: [{
+            type: ViewChildren,
+            args: ['edit']
+        }], permissionsBtns: [{
+            type: ViewChildren,
+            args: ['permissions']
+        }], deleteBtns: [{
+            type: ViewChildren,
+            args: ['delete']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormGridBodyComponent, { className: "FormGridBodyComponent", filePath: "form/FormGridBody.component.ts", lineNumber: 10 }); })();
+
+class GridFooterComponent {
+    header;
+    body;
+    createText;
+    size;
+    actionAllowed;
+    pageChanged;
+    createItem;
+    template;
+    footerPositions = GridFooterPositions;
+    constructor() {
+        this.pageChanged = new EventEmitter();
+        this.createItem = new EventEmitter();
+    }
+    static ɵfac = function GridFooterComponent_Factory(t) { return new (t || GridFooterComponent)(); };
+    static ɵ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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridFooterComponent, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], () => [], { 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 }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GridFooterComponent, { className: "GridFooterComponent", filePath: "GridFooterComponent.ts", lineNumber: 9 }); })();
+
+const _c0$2 = a0 => ({ 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_r1 = i0.ɵɵnextContext().label;
+    i0.ɵɵnextContext();
+    const defaultFooterTemplate_r2 = i0.ɵɵreference(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", defaultFooterTemplate_r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$2, label_r1));
+} }
+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_r1 = i0.ɵɵnextContext().label;
+    i0.ɵɵnextContext();
+    const defaultFooterTemplate_r2 = i0.ɵɵreference(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", defaultFooterTemplate_r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$2, label_r1));
+} }
+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)(1, FormGridFooterComponent_ng_template_0_tfoot_1_Template, 2, 4, "tfoot", 2);
+} if (rf & 2) {
+    const position_r3 = ctx.position;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngIf", position_r3 === ctx_r3.footerPositions.top);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", position_r3 === ctx_r3.footerPositions.bottom);
+} }
+function FormGridFooterComponent_ng_template_2_td_1_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = 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(_r6); const ctx_r3 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r3.createItem.emit("form")); });
+    i0.ɵɵelement(1, "em", 13);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r3.createText, "");
+} }
+function FormGridFooterComponent_ng_template_2_td_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = 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)(3, "span", 9);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 10)(7, "pagination", 11);
+    i0.ɵɵtwoWayListener("ngModelChange", function FormGridFooterComponent_ng_template_2_td_1_Template_pagination_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r3 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r3.body.skip, $event) || (ctx_r3.body.skip = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("pageChanged", function FormGridFooterComponent_ng_template_2_td_1_Template_pagination_pageChanged_7_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.pageChanged.emit($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const label_r7 = i0.ɵɵnextContext().label;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("colSpan", ctx_r3.header.numHeaders);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r3.actionAllowed("formCreate"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2("", ctx_r3.body.firstItem, " - ", ctx_r3.body.lastItem, "");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" / ", ctx_r3.body.total, " total");
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-label", label_r7);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("totalItems", ctx_r3.body.total)("itemsPerPage", ctx_r3.body.limit);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r3.body.skip);
+    i0.ɵɵproperty("maxSize", ctx_r3.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();
+    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;
+        }
+    }
+    static ɵfac = function FormGridFooterComponent_Factory(t) { return new (t || FormGridFooterComponent)(); };
+    static ɵ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 float-start", 3, "click", 4, "ngIf"], [1, "pull-right", "item-counter"], [1, "page-num"], ["role", "navigation"], [1, "justify-content-center", "pagination-sm", 3, "ngModelChange", "pageChanged", "totalItems", "itemsPerPage", "ngModel", "maxSize"], [1, "btn", "btn-primary", "form-btn-use", "float-start", 3, "click"], [1, "fa", "fa-plus", "bi", "bi-plus-lg"]], 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)(2, FormGridFooterComponent_ng_template_2_Template, 2, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2$1.NgControlStatus, i2$1.NgModel, i3.PaginationComponent], 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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormGridFooterComponent, [{
+        type: Component,
+        args: [{ encapsulation: ViewEncapsulation.None, template: "<ng-template #footer let-position=\"position\" let-label=\"label\">\n  <thead class=\"formio-grid-footer\" *ngIf=\"position === footerPositions.top\">\n    <ng-container [ngTemplateOutlet]=\"defaultFooterTemplate\" [ngTemplateOutletContext]=\"{ label: label }\"></ng-container>\n  </thead>\n  <tfoot class=\"formio-grid-footer\" *ngIf=\"position === footerPositions.bottom\">\n    <ng-container [ngTemplateOutlet]=\"defaultFooterTemplate\" [ngTemplateOutletContext]=\"{ label: label }\"></ng-container>\n  </tfoot>\n</ng-template>\n\n<ng-template let-label=\"label\" #defaultFooterTemplate>\n  <tr>\n    <td *ngIf=\"header\" [colSpan]=\"header.numHeaders\">\n      <button *ngIf=\"actionAllowed('formCreate')\" class=\"btn btn-primary form-btn-use float-start\" (click)=\"createItem.emit('form')\"><em class=\"fa fa-plus bi bi-plus-lg\"></em> {{ createText }}</button>\n      <span class=\"pull-right item-counter\"><span class=\"page-num\">{{ body.firstItem }} - {{ body.lastItem }}</span> / {{ body.total }} total</span>\n      <span [attr.aria-label]=\"label\" role=\"navigation\">\n        <pagination [totalItems]=\"body.total\" [itemsPerPage]=\"body.limit\" [(ngModel)]=\"body.skip\" (pageChanged)=\"pageChanged.emit($event)\" [maxSize]=\"size\" class=\"justify-content-center pagination-sm\">\n        </pagination>\n      </span>\n    </td>\n  </tr>\n</ng-template>\n", 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"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormGridFooterComponent, { className: "FormGridFooterComponent", filePath: "form/FormGridFooter.component.ts", lineNumber: 9 }); })();
+
+var FormComponents = {
+    header: FormGridHeaderComponent,
+    body: FormGridBodyComponent,
+    footer: FormGridFooterComponent
+};
+
+const _c0$1 = (a0, a1) => ({ "fa-caret-up bi-caret-up": a0, "fa-caret-down bi-caret-down": 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 _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th")(1, "a", 1);
+    i0.ɵɵlistener("click", function SubmissionGridHeaderComponent_ng_template_0_th_2_Template_a_click_1_listener() { const header_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.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()();
+} if (rf & 2) {
+    const header_r2 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", header_r2.label, "\u00A0");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", header_r2.sort);
+} }
+function SubmissionGridHeaderComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "thead")(1, "tr");
+    i0.ɵɵtemplate(2, SubmissionGridHeaderComponent_ng_template_0_th_2_Template, 4, 2, "th", 0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r2.headers);
+} }
+class SubmissionGridHeaderComponent extends GridHeaderComponent {
+    // Map structure where the key is the path and the value is the component
+    formComponents;
+    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) : 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) : 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);
+        });
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵSubmissionGridHeaderComponent_BaseFactory; return function SubmissionGridHeaderComponent_Factory(t) { return (ɵSubmissionGridHeaderComponent_BaseFactory || (ɵSubmissionGridHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SubmissionGridHeaderComponent)))(t || SubmissionGridHeaderComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubmissionGridHeaderComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [[4, "ngFor", "ngForOf"], [3, "click"], ["class", "fa bi", 3, "ngClass", 4, "ngIf"], [1, "fa", "bi", 3, "ngClass"]], template: function SubmissionGridHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SubmissionGridHeaderComponent_ng_template_0_Template, 3, 1, "ng-template");
+        } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionGridHeaderComponent, [{
+        type: Component,
+        args: [{ template: "<ng-template>\n  <thead>\n    <tr>\n      <th *ngFor=\"let header of headers\">\n        <a (click)=\"sort.emit(header)\">\n          {{ header.label }}&nbsp;<span [ngClass]=\"{'fa-caret-up bi-caret-up': (header.sort === 'asc'), 'fa-caret-down bi-caret-down': (header.sort === 'desc')}\" class=\"fa bi\" *ngIf=\"header.sort\"></span>\n        </a>\n      </th>\n    </tr>\n  </thead>\n</ng-template>\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubmissionGridHeaderComponent, { className: "SubmissionGridHeaderComponent", filePath: "submission/SubmissionGridHeader.component.ts", lineNumber: 13 }); })();
+
+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_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("innerHTML", ctx_r2.view(row_r2, rowHeader_r4), i0.ɵɵsanitizeHtml);
+} }
+function SubmissionGridBodyComponent_ng_template_0_tr_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 1);
+    i0.ɵɵlistener("click", function SubmissionGridBodyComponent_ng_template_0_tr_1_Template_tr_click_0_listener($event) { const row_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.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_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.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_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.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();
+            }
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵSubmissionGridBodyComponent_BaseFactory; return function SubmissionGridBodyComponent_Factory(t) { return (ɵSubmissionGridBodyComponent_BaseFactory || (ɵSubmissionGridBodyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SubmissionGridBodyComponent)))(t || SubmissionGridBodyComponent); }; })();
+    static ɵ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");
+        } }, dependencies: [i1.NgForOf], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionGridBodyComponent, [{
+        type: Component,
+        args: [{ template: "<ng-template>\n  <tbody>\n    <tr *ngFor=\"let row of rows\" (click)=\"onRowSelect($event, row)\">\n      <td *ngFor=\"let rowHeader of header.headers\" [innerHTML]=\"view(row, rowHeader)\"></td>\n    </tr>\n  </tbody>\n</ng-template>\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubmissionGridBodyComponent, { className: "SubmissionGridBodyComponent", filePath: "submission/SubmissionGridBody.component.ts", lineNumber: 10 }); })();
+
+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 defaultFooterTemplate_r1 = i0.ɵɵreference(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", defaultFooterTemplate_r1);
+} }
+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 defaultFooterTemplate_r1 = i0.ɵɵreference(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", defaultFooterTemplate_r1);
+} }
+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)(1, SubmissionGridFooterComponent_ng_template_0_tfoot_1_Template, 2, 1, "tfoot", 2);
+} if (rf & 2) {
+    const position_r2 = ctx.position;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngIf", position_r2 === ctx_r2.footerPositions.top);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", position_r2 === ctx_r2.footerPositions.bottom);
+} }
+function SubmissionGridFooterComponent_ng_template_2_td_1_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = 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(_r5); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.createItem.emit("form")); });
+    i0.ɵɵelement(1, "em", 12);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.createText, "");
+} }
+function SubmissionGridFooterComponent_ng_template_2_td_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = 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)(3, "span", 9);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "pagination", 10);
+    i0.ɵɵtwoWayListener("ngModelChange", function SubmissionGridFooterComponent_ng_template_2_td_1_Template_pagination_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.body.skip, $event) || (ctx_r2.body.skip = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("pageChanged", function SubmissionGridFooterComponent_ng_template_2_td_1_Template_pagination_pageChanged_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.pageChanged.emit($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("colSpan", ctx_r2.header.numHeaders);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.actionAllowed("submissionCreate") && ctx_r2.createText);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2("", ctx_r2.body.firstItem, " - ", ctx_r2.body.lastItem, "");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" / ", ctx_r2.body.total, " total");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("totalItems", ctx_r2.body.total)("itemsPerPage", ctx_r2.body.limit);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.body.skip);
+    i0.ɵɵproperty("maxSize", ctx_r2.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_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.header);
+} }
+class SubmissionGridFooterComponent extends GridFooterComponent {
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        if (!this.size) {
+            this.size = 7;
+        }
+    }
+    static ɵfac = function SubmissionGridFooterComponent_Factory(t) { return new (t || SubmissionGridFooterComponent)(); };
+    static ɵ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 float-start", 3, "click", 4, "ngIf"], [1, "float-end", "item-counter"], [1, "page-num"], [1, "justify-content-center", "pagination-sm", 3, "ngModelChange", "pageChanged", "totalItems", "itemsPerPage", "ngModel", "maxSize"], [1, "btn", "btn-primary", "float-start", 3, "click"], [1, "fa", "fa-plus", "bi", "bi-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)(2, SubmissionGridFooterComponent_ng_template_2_Template, 2, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2$1.NgControlStatus, i2$1.NgModel, i3.PaginationComponent], 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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubmissionGridFooterComponent, [{
+        type: Component,
+        args: [{ encapsulation: ViewEncapsulation.None, template: "<ng-template #footer let-position=\"position\">\n  <thead class=\"formio-grid-footer\" *ngIf=\"position === footerPositions.top\">\n    <ng-container [ngTemplateOutlet]=\"defaultFooterTemplate\"></ng-container>\n  </thead>\n  <tfoot class=\"formio-grid-footer\" *ngIf=\"position === footerPositions.bottom\">\n    <ng-container [ngTemplateOutlet]=\"defaultFooterTemplate\"></ng-container>\n  </tfoot>\n</ng-template>\n\n<ng-template #defaultFooterTemplate>\n  <tr>\n    <td *ngIf=\"header\" [colSpan]=\"header.numHeaders\">\n      <button *ngIf=\"actionAllowed('submissionCreate') && createText\" class=\"btn btn-primary float-start\" (click)=\"createItem.emit('form')\"><em class=\"fa fa-plus bi bi-plus\"></em> {{ createText }}</button>\n      <span class=\"float-end item-counter\"><span class=\"page-num\">{{ body.firstItem }} - {{ body.lastItem }}</span> / {{ body.total }} total</span>\n      <pagination [totalItems]=\"body.total\" [itemsPerPage]=\"body.limit\" [(ngModel)]=\"body.skip\" (pageChanged)=\"pageChanged.emit($event)\" [maxSize]=\"size\" class=\"justify-content-center pagination-sm\"></pagination>\n    </td>\n  </tr>\n</ng-template>\n", 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"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubmissionGridFooterComponent, { className: "SubmissionGridFooterComponent", filePath: "submission/SubmissionGridFooter.component.ts", lineNumber: 9 }); })();
+
+var SubmissionComponents = {
+    header: SubmissionGridHeaderComponent,
+    body: SubmissionGridBodyComponent,
+    footer: SubmissionGridFooterComponent
+};
+
+const _c0 = ["headerTemplate"];
+const _c1 = ["bodyTemplate"];
+const _c2 = ["footerTemplate"];
+const _c3 = (a0, a1) => [a0, a1];
+const _c4 = (a0, a1) => ({ position: a0, label: a1 });
+function FormioGridComponent_ng_template_0_Template(rf, ctx) { }
+function FormioGridComponent_ng_template_2_Template(rf, ctx) { }
+function FormioGridComponent_ng_template_4_Template(rf, ctx) { }
+function FormioGridComponent_ng_container_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 9);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.footer.template)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c4, ctx_r0.footerPositions.top, ctx_r0.label));
+} }
+function FormioGridComponent_ng_container_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 10);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.header.template);
+} }
+function FormioGridComponent_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 10);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.body.template);
+} }
+function FormioGridComponent_ng_container_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 9);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.footer.template)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c4, ctx_r0.footerPositions.bottom, ctx_r0.label));
+} }
+class FormioGridComponent {
+    alerts;
+    resolver;
+    ref;
+    footerPosition = GridFooterPositions.bottom;
+    src;
+    items;
+    onForm;
+    query;
+    refresh;
+    columns;
+    gridType;
+    size;
+    components;
+    formio;
+    label;
+    createText;
+    isActionAllowed;
+    select;
+    rowSelect;
+    rowAction;
+    createItem;
+    error;
+    headerElement;
+    bodyElement;
+    footerElement;
+    page = 0;
+    isLoading = false;
+    initialized = false;
+    header;
+    body;
+    footer;
+    footerPositions = GridFooterPositions;
+    constructor(alerts, resolver, ref) {
+        this.alerts = alerts;
+        this.resolver = resolver;
+        this.ref = ref;
+        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();
+        FormioCore.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);
+    }
+    static ɵfac = function FormioGridComponent_Factory(t) { return new (t || FormioGridComponent)(i0.ɵɵdirectiveInject(i1$1.FormioAlerts), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵ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)(2, FormioGridComponent_ng_template_2_Template, 0, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(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)(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)(13, FormioGridComponent_ng_container_13_Template, 1, 5, "ng-container", 6);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("alerts", ctx.alerts);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.initialized && i0.ɵɵpureFunction2(6, _c3, ctx.footerPositions.top, ctx.footerPositions.both).indexOf(ctx.footerPosition) !== -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.initialized);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("isLoading", ctx.isLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.initialized);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.initialized && i0.ɵɵpureFunction2(9, _c3, ctx.footerPositions.bottom, ctx.footerPositions.both).indexOf(ctx.footerPosition) !== -1);
+        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i1$1.FormioLoaderComponent, i1$1.FormioAlertsComponent], styles: [".formio-grid[_ngcontent-%COMP%]{position:relative;width:100%}.grid-refresh[_ngcontent-%COMP%]{height:400px;width:100%}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormioGridComponent, [{
+        type: Component,
+        args: [{ selector: 'formio-grid', template: "<ng-template #headerTemplate></ng-template>\n<ng-template #bodyTemplate></ng-template>\n<ng-template #footerTemplate></ng-template>\n<div class=\"formio-grid\">\n  <formio-alerts [alerts]=\"alerts\"></formio-alerts>\n  <table class=\"table table-bordered table-striped table-hover\">\n    <ng-container *ngIf=\"initialized && [footerPositions.top, footerPositions.both].indexOf(footerPosition) !== -1\"\n      [ngTemplateOutlet]=\"footer.template\" [ngTemplateOutletContext]=\"{ position: footerPositions.top, label: label }\">\n    </ng-container>\n    <ng-container *ngIf=\"initialized\"\n      [ngTemplateOutlet]=\"header.template\"></ng-container>\n    <formio-loader [isLoading]=\"isLoading\"></formio-loader>\n    <ng-container *ngIf=\"initialized\" [ngTemplateOutlet]=\"body.template\"></ng-container>\n    <ng-container *ngIf=\"initialized && [footerPositions.bottom, footerPositions.both].indexOf(footerPosition) !== -1\"\n      [ngTemplateOutlet]=\"footer.template\" [ngTemplateOutletContext]=\"{ position: footerPositions.bottom, label: label }\">\n    </ng-container>\n  </table>\n</div>\n", styles: [".formio-grid{position:relative;width:100%}.grid-refresh{height:400px;width:100%}\n"] }]
+    }], () => [{ 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 }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormioGridComponent, { className: "FormioGridComponent", filePath: "grid.component.ts", lineNumber: 32 }); })();
+
+class FormioGrid {
+    static ɵfac = function FormioGrid_Factory(t) { return new (t || FormioGrid)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FormioGrid });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+            FormioAlerts,
+            GridService
+        ], imports: [CommonModule,
+            FormsModule,
+            FormioModule,
+            RouterModule,
+            PaginationModule.forRoot()] });
+}
+(() => { (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
+                ],
+                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, i3.PaginationModule], exports: [FormioGridComponent] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormGridBodyComponent, FormGridFooterComponent, FormGridHeaderComponent, FormioGrid, FormioGridComponent, GridBodyComponent, GridFooterComponent, GridHeaderComponent, GridService, SubmissionGridBodyComponent, SubmissionGridFooterComponent, SubmissionGridHeaderComponent };
+//# sourceMappingURL=formio-angular-grid.mjs.map