@formio/angular 5.2.2 → 5.3.0-rc.1

package/fesm2015/formio-angular-grid.js

@@ -1,624 +0,0 @@
-import { EventEmitter, Component, Input, Output, ViewChild, TemplateRef, Injectable, ViewEncapsulation, ComponentFactoryResolver, ChangeDetectorRef, ViewContainerRef, Pipe, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { FormioPromiseService, FormioAlerts, FormioModule } from '@formio/angular';
-import { each, clone, get } from 'lodash';
-import { Components, Utils, Formio } from 'formiojs';
-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.decorators = [
-    { type: Component, args: [{
-                template: ''
-            },] }
-];
-GridHeaderComponent.ctorParameters = () => [];
-GridHeaderComponent.propDecorators = {
-    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 = {}));
-
-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.decorators = [
-    { 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-8\">\n            <a (click)=\"sort.emit(header)\">\n              {{ header.label }}&nbsp;<span [ngClass]=\"{'glyphicon-triangle-top fa-caret-up': (header.sort === 'asc'), 'glyphicon-triangle-bottom fa-caret-down': (header.sort === 'desc')}\" class=\"glyphicon fa\" *ngIf=\"header.sort\"></span>\n            </a>\n          </div>\n          <div class=\"col-sm-4\">\n            Operations\n          </div>\n        </div>\n      </th>\n    </tr>\n  </thead>\n</ng-template>\n"
-            },] }
-];
-
-class GridService {
-    constructor() { }
-    setRows(rows) {
-        this.rows = rows;
-    }
-    getFormsPerPage() {
-        var _a;
-        return (_a = this.rows) === null || _a === void 0 ? void 0 : _a.length;
-    }
-}
-GridService.decorators = [
-    { type: Injectable }
-];
-GridService.ctorParameters = () => [];
-
-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.decorators = [
-    { type: Component, args: [{
-                template: ''
-            },] }
-];
-GridBodyComponent.ctorParameters = () => [
-    { type: GridService }
-];
-GridBodyComponent.propDecorators = {
-    header: [{ type: Input }],
-    actionAllowed: [{ type: Input }],
-    rowSelect: [{ type: Output }],
-    rowAction: [{ type: Output }],
-    template: [{ type: ViewChild, args: [TemplateRef, { static: true },] }]
-};
-
-class FormGridBodyComponent extends GridBodyComponent {
-    load(formio, query) {
-        query = query || {};
-        return formio.loadForms({ params: query }).then((forms) => this.setRows(query, forms));
-    }
-}
-FormGridBodyComponent.decorators = [
-    { 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-8\">\n            <a routerLink=\"{{form._id}}/view\" (click)=\"onRowSelect($event, form)\"><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-4\">\n            <button *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\"></span> Enter Data</button>&nbsp;\n            <button *ngIf=\"actionAllowed('formSubmission')\" class=\"btn btn-outline-secondary btn-sm form-btn\" (click)=\"onRowAction($event, form, 'submission')\"><span class=\"fa fa-list-alt\"></span> View Data</button>&nbsp;\n            <button *ngIf=\"actionAllowed('formEdit')\" class=\"btn btn-outline-secondary btn-sm form-btn\" (click)=\"onRowAction($event, form, 'edit')\"><span class=\"fa fa-edit\"></span> Edit Form</button>&nbsp;\n            <button *ngIf=\"actionAllowed('formPermission')\" class=\"btn btn-outline-secondary btn-sm form-btn\" (click)=\"onRowAction($event, form, 'permissions')\"><span class=\"fa fa-lock\"></span> Permissions</button>&nbsp;\n            <button *ngIf=\"actionAllowed('formDelete')\" class=\"btn btn-danger btn-sm form-btn form-btn-delete\" (click)=\"onRowAction($event, form, 'delete')\" title=\"Delete form\"><span class=\"fa fa-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"]
-            },] }
-];
-
-class GridFooterComponent {
-    constructor() {
-        this.footerPositions = GridFooterPositions;
-        this.pageChanged = new EventEmitter();
-        this.createItem = new EventEmitter();
-    }
-}
-GridFooterComponent.decorators = [
-    { type: Component, args: [{
-                template: ''
-            },] }
-];
-GridFooterComponent.ctorParameters = () => [];
-GridFooterComponent.propDecorators = {
-    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 },] }]
-};
-
-class FormGridFooterComponent extends GridFooterComponent {
-    constructor() {
-        super();
-    }
-    ngOnInit() {
-        if (!this.createText) {
-            this.createText = 'Create Form';
-        }
-        if (!this.size) {
-            this.size = 7;
-        }
-    }
-}
-FormGridFooterComponent.decorators = [
-    { type: Component, args: [{
-                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 pull-left float-left\" (click)=\"createItem.emit('form')\"><i class=\"glyphicon glyphicon-plus fa fa-plus\"></i> {{ createText }}</button>\n      <span class=\"pull-right float-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",
-                encapsulation: ViewEncapsulation.None,
-                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"]
-            },] }
-];
-FormGridFooterComponent.ctorParameters = () => [];
-
-var FormComponents = {
-    header: FormGridHeaderComponent,
-    body: FormGridBodyComponent,
-    footer: FormGridFooterComponent
-};
-
-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.decorators = [
-    { 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]=\"{'glyphicon-triangle-top': (header.sort === 'asc'), 'glyphicon-triangle-bottom': (header.sort === 'desc')}\" class=\"glyphicon\" *ngIf=\"header.sort\"></span>\n        </a>\n      </th>\n    </tr>\n  </thead>\n</ng-template>\n"
-            },] }
-];
-
-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.decorators = [
-    { 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"
-            },] }
-];
-
-class SubmissionGridFooterComponent extends GridFooterComponent {
-    constructor() {
-        super();
-    }
-    ngOnInit() {
-        if (!this.size) {
-            this.size = 7;
-        }
-    }
-}
-SubmissionGridFooterComponent.decorators = [
-    { type: Component, args: [{
-                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 pull-left float-left\" (click)=\"createItem.emit('form')\"><i class=\"glyphicon glyphicon-plus fa fa-plus\"></i> {{ createText }}</button>\n      <span class=\"pull-right float-right 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",
-                encapsulation: ViewEncapsulation.None,
-                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"]
-            },] }
-];
-SubmissionGridFooterComponent.ctorParameters = () => [];
-
-var SubmissionComponents = {
-    header: SubmissionGridHeaderComponent,
-    body: SubmissionGridBodyComponent,
-    footer: SubmissionGridFooterComponent
-};
-
-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.decorators = [
-    { 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"]
-            },] }
-];
-FormioGridComponent.ctorParameters = () => [
-    { type: FormioAlerts },
-    { type: ComponentFactoryResolver },
-    { type: ChangeDetectorRef }
-];
-FormioGridComponent.propDecorators = {
-    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 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.decorators = [
-    { type: Pipe, args: [{
-                name: 'timeSince'
-            },] }
-];
-
-class FormioGrid {
-}
-FormioGrid.decorators = [
-    { 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
-                ]
-            },] }
-];
-
-/*
- * 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, TimeSince as ɵa };
-//# sourceMappingURL=formio-angular-grid.js.map