@formio/angular 7.5.0-rc.1-dev.1060.2e45ec8 → 7.5.0-rc.2

package/projects/angular-formio/embed/src/formio.component.ts

@@ -1,27 +0,0 @@
-import { Component, ViewChild, ElementRef, Input, Output, EventEmitter, OnChanges, AfterViewInit } from '@angular/core';
-import { Formio } from '@formio/js/sdk';
-
-@Component({
-    selector: 'formio',
-    template: '<div #formio></div>'
-})
-export class FormioComponent implements AfterViewInit {
-    @Input() src?: string;
-    @Input() form?: Object | null;
-    @Input() submission?: Object | null;
-    @Input() options?: Object = {};
-    @Output() ready = new EventEmitter<Formio>();
-    @Output() submit = new EventEmitter<object>();
-    @Output() error = new EventEmitter<any>();
-    @ViewChild('formio') element: ElementRef;
-    ngAfterViewInit(): void {
-        Formio.createForm(this.element.nativeElement, this.src || this.form, this.options).then((form) => {
-            if (this.submission) {
-                form.submission = this.submission;
-            }
-            this.ready.emit(form);
-            form.on('submit', (submission) => this.submit.emit(submission));
-            form.on('error', (err) => this.error.emit(err));
-        }).catch((err) => this.error.emit(err));
-    }
-}

package/projects/angular-formio/grid/ng-package.json

@@ -1,5 +0,0 @@
-{
-  "lib": {
-    "entryFile": "../grid/src/index.ts"
-  }
-}

package/projects/angular-formio/grid/src/GridBodyComponent.ts

@@ -1,80 +0,0 @@
-import { Input, Output, EventEmitter, ViewChild, TemplateRef, Component } from '@angular/core';
-import { each, clone } from 'lodash';
-import { GridHeaderComponent } from './GridHeaderComponent';
-import { GridService } from './grid.service';
-import {FormioPromiseService} from '@formio/angular';
-
-@Component({
-  template: ''
-})
-export class GridBodyComponent {
-  @Input() header: GridHeaderComponent;
-  @Input() actionAllowed: any;
-  @Output() rowSelect: EventEmitter<any>;
-  @Output() rowAction: EventEmitter<any>;
-  @ViewChild(TemplateRef, {static: true}) template: TemplateRef<any>;
-  public rows: Array<any>;
-  public loading: Boolean;
-  public firstItem = 0;
-  public lastItem = 0;
-  public skip = 0;
-  public limit = 0;
-  public total = 0;
-  constructor(public service: GridService) {
-    this.rowSelect = new EventEmitter();
-    this.rowAction = new EventEmitter();
-    this.loading = true;
-  }
-
-  load(formio: FormioPromiseService, query?: any): Promise<any> {
-    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: any, items: any) {
-    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: any) => {
-      this.rows.push(clone(item));
-    });
-    this.service.setRows(this.rows);
-
-    return this.rows;
-  }
-}

package/projects/angular-formio/grid/src/GridFooterComponent.ts

@@ -1,25 +0,0 @@
-import { GridFooterPositions } from './types/grid-footer-positions';
-import { Input, Output, ViewChild, TemplateRef, EventEmitter, Component } from '@angular/core';
-import { GridHeaderComponent } from './GridHeaderComponent';
-import { GridBodyComponent } from './GridBodyComponent';
-
-@Component({
-  template: ''
-})
-export class GridFooterComponent {
-  @Input() header: GridHeaderComponent;
-  @Input() body: GridBodyComponent;
-  @Input() createText: String;
-  @Input() size: number;
-  @Input() actionAllowed: any;
-  @Output() pageChanged: EventEmitter<any>;
-  @Output() createItem: EventEmitter<any>;
-  @ViewChild(TemplateRef, {static: true}) template: TemplateRef<any>;
-
-  public footerPositions = GridFooterPositions;
-
-  constructor() {
-    this.pageChanged = new EventEmitter();
-    this.createItem = new EventEmitter();
-  }
-}

package/projects/angular-formio/grid/src/GridHeaderComponent.ts

@@ -1,25 +0,0 @@
-import { Output, EventEmitter, ViewChild, TemplateRef, Input, Component } from '@angular/core';
-import {FormioPromiseService} from '@formio/angular';
-import {GridHeader} from './types/grid-header';
-
-@Component({
-  template: ''
-})
-export class GridHeaderComponent {
-  @Input() actionAllowed: any;
-  @Output() sort: EventEmitter<GridHeader>;
-  @ViewChild(TemplateRef, {static: true}) template: TemplateRef<any>;
-  public headers: Array<GridHeader>;
-  constructor() {
-    this.headers = [];
-    this.sort = new EventEmitter();
-  }
-
-  get numHeaders() {
-    return this.headers.length;
-  }
-
-  load(formio: FormioPromiseService, query?: any, columns?: Array<any>): Promise<any> {
-    return Promise.resolve([]);
-  }
-}

package/projects/angular-formio/grid/src/form/FormGridBody.component.html

@@ -1,22 +0,0 @@
-<ng-template>
-  <tbody *ngIf="rows">
-    <tr *ngFor="let form of rows">
-      <td>
-        <div class="row">
-          <div class="col-sm-9">
-            <a routerLink="{{form._id}}/view" (click)="onRowSelect($event, form)" class="text-decoration-none"><h5>{{ form.title }}</h5></a>
-            <div class="form-updated small text-muted">
-              Updated {{ form.modified | timeSince }} ago
-            </div>
-          </div>
-          <div class="col-sm-3 d-flex justify-content-end align-items-center">
-            <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;
-            <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;
-            <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;
-            <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>
-          </div>
-        </div>
-      </td>
-    </tr>
-  </tbody>
-</ng-template>

package/projects/angular-formio/grid/src/form/FormGridBody.component.scss

@@ -1,4 +0,0 @@
-.form-btn {
-  font-size: 0.75rem;
-  margin: 2px 0;
-}

package/projects/angular-formio/grid/src/form/FormGridBody.component.ts

@@ -1,46 +0,0 @@
-import { Component, ElementRef, OnDestroy, ViewChild, ViewChildren } from '@angular/core';
-import { GridBodyComponent } from '../GridBodyComponent';
-import { FormioPromiseService } from '@formio/angular';
-import { Tooltip } from 'bootstrap';
-@Component({
-  selector: 'form-grid-body',
-  styleUrls: ['./FormGridBody.component.scss'],
-  templateUrl: './FormGridBody.component.html'
-})
-export class FormGridBodyComponent extends GridBodyComponent implements OnDestroy {
-  @ViewChildren('create') createBtns: ElementRef[];
-  @ViewChildren('view') viewBtns: ElementRef[];
-  @ViewChildren('edit') editBtns: ElementRef[];
-  @ViewChildren('permissions') permissionsBtns: ElementRef[];
-  @ViewChildren('delete') deleteBtns: ElementRef[];
-  public tooltips: Array<Tooltip> = [];
-
-  load(formio: FormioPromiseService, query?: any) {
-    query = query || {};
-    return formio.loadForms({ params: query })
-      .then((forms: any) => this.setRows(query, forms))
-      .then(() => this.attachTooltips());
-  }
-
-  attachTooltips() {
-    this.createBtns.forEach((el: ElementRef) => {
-      this.tooltips.push(new Tooltip(el.nativeElement, {title: 'Create'}));
-    });
-    this.editBtns.forEach((el: ElementRef) => {
-      this.tooltips.push(new Tooltip(el.nativeElement, {title: 'Edit'}));
-    });
-    this.viewBtns.forEach((el: ElementRef) => {
-      this.tooltips.push(new Tooltip(el.nativeElement, {title: 'View'}));
-    })
-    this.permissionsBtns.forEach((el: ElementRef) => {
-      this.tooltips.push(new Tooltip(el.nativeElement, {title: 'Permissions'}));
-    });
-    this.deleteBtns.forEach((el: ElementRef) => {
-      this.tooltips.push(new Tooltip(el.nativeElement, {title: 'Delete'}));
-    });
-  }
-
-  ngOnDestroy(): void {
-    this.tooltips.forEach((tootip: Tooltip) => tootip.dispose());
-  }
-}

package/projects/angular-formio/grid/src/form/FormGridFooter.component.html

@@ -1,21 +0,0 @@
-<ng-template #footer let-position="position" let-label="label">
-  <thead class="formio-grid-footer" *ngIf="position === footerPositions.top">
-    <ng-container [ngTemplateOutlet]="defaultFooterTemplate" [ngTemplateOutletContext]="{ label: label }"></ng-container>
-  </thead>
-  <tfoot class="formio-grid-footer" *ngIf="position === footerPositions.bottom">
-    <ng-container [ngTemplateOutlet]="defaultFooterTemplate" [ngTemplateOutletContext]="{ label: label }"></ng-container>
-  </tfoot>
-</ng-template>
-
-<ng-template let-label="label" #defaultFooterTemplate>
-  <tr>
-    <td *ngIf="header" [colSpan]="header.numHeaders">
-      <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>
-      <span class="float-end item-counter"><span class="page-num">{{ body.firstItem }} - {{ body.lastItem }}</span> / {{ body.total }} total</span>
-      <span [attr.aria-label]="label" role="navigation">
-        <pagination [totalItems]="body.total" [itemsPerPage]="body.limit" [(ngModel)]="body.skip" (pageChanged)="pageChanged.emit($event)" [maxSize]="size" class="justify-content-center pagination-sm">
-        </pagination>
-      </span>
-    </td>
-  </tr>
-</ng-template>

package/projects/angular-formio/grid/src/form/FormGridFooter.component.ts

@@ -1,23 +0,0 @@
-import {Component, ViewEncapsulation, OnInit } from '@angular/core';
-import { GridFooterComponent } from '../GridFooterComponent';
-
-@Component({
-  templateUrl: './FormGridFooter.component.html',
-  styleUrls: ['../grid.footer.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class FormGridFooterComponent extends GridFooterComponent implements OnInit {
-
-  constructor() {
-    super();
-  }
-
-  ngOnInit() {
-    if (!this.createText) {
-      this.createText = 'Create Form';
-    }
-    if (!this.size) {
-      this.size = 7;
-    }
-  }
-}

package/projects/angular-formio/grid/src/form/FormGridHeader.component.html

@@ -1,18 +0,0 @@
-<ng-template>
-  <thead>
-    <tr>
-      <th>
-        <div class="row">
-          <div class="col-sm-9">
-            <a (click)="sort.emit(header)" style="cursor: pointer">
-              {{ 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>
-            </a>
-          </div>
-          <div class="col-sm-3 d-flex justify-content-end">
-            Operations
-          </div>
-        </div>
-      </th>
-    </tr>
-  </thead>
-</ng-template>

package/projects/angular-formio/grid/src/form/FormGridHeader.component.ts

@@ -1,24 +0,0 @@
-import {Component} from '@angular/core';
-import {GridHeaderComponent} from '../GridHeaderComponent';
-import {GridHeader, SortType} from '../types/grid-header';
-
-@Component({
-  selector: 'form-grid-header',
-  templateUrl: './FormGridHeader.component.html'
-})
-export class FormGridHeaderComponent extends GridHeaderComponent {
-  public header: GridHeader;
-  load(formio?: any) {
-    this.header = {
-      label: 'Title',
-      key: 'title',
-      sort: SortType.ASC
-    };
-    this.headers = [this.header];
-    return Promise.resolve(this.headers);
-  }
-
-  get numHeaders() {
-    return 2;
-  }
-}

package/projects/angular-formio/grid/src/form/index.ts

@@ -1,8 +0,0 @@
-import { FormGridHeaderComponent } from './FormGridHeader.component';
-import { FormGridBodyComponent } from './FormGridBody.component';
-import { FormGridFooterComponent } from './FormGridFooter.component';
-export default {
-  header: FormGridHeaderComponent,
-  body: FormGridBodyComponent,
-  footer: FormGridFooterComponent
-};

package/projects/angular-formio/grid/src/form/time-since.pipe.ts

@@ -1,31 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
-  name: 'timeSince'
-})
-export class TimeSince implements PipeTransform {
-  transform(date: Date): string {
-    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' : '');
-  }
-}

package/projects/angular-formio/grid/src/grid.component.html

@@ -1,18 +0,0 @@
-<ng-template #headerTemplate></ng-template>
-<ng-template #bodyTemplate></ng-template>
-<ng-template #footerTemplate></ng-template>
-<div class="formio-grid">
-  <formio-alerts [alerts]="alerts"></formio-alerts>
-  <table class="table table-bordered table-striped table-hover">
-    <ng-container *ngIf="initialized && [footerPositions.top, footerPositions.both].indexOf(footerPosition) !== -1"
-      [ngTemplateOutlet]="footer.template" [ngTemplateOutletContext]="{ position: footerPositions.top, label: label }">
-    </ng-container>
-    <ng-container *ngIf="initialized"
-      [ngTemplateOutlet]="header.template"></ng-container>
-    <formio-loader [isLoading]="isLoading"></formio-loader>
-    <ng-container *ngIf="initialized" [ngTemplateOutlet]="body.template"></ng-container>
-    <ng-container *ngIf="initialized && [footerPositions.bottom, footerPositions.both].indexOf(footerPosition) !== -1"
-      [ngTemplateOutlet]="footer.template" [ngTemplateOutletContext]="{ position: footerPositions.bottom, label: label }">
-    </ng-container>
-  </table>
-</div>

package/projects/angular-formio/grid/src/grid.component.scss

@@ -1,9 +0,0 @@
-.formio-grid {
-  position: relative;
-  width: 100%;
-}
-
-.grid-refresh {
-  height: 400px;
-  width: 100%;
-}

package/projects/angular-formio/grid/src/grid.component.ts

@@ -1,242 +0,0 @@
-import { GridFooterPositions } from './types/grid-footer-positions';
-import {
-  AfterViewInit,
-  ChangeDetectorRef,
-  Component,
-  ComponentFactoryResolver,
-  EventEmitter,
-  Input,
-  OnChanges,
-  OnInit,
-  Output,
-  ViewChild,
-  ViewContainerRef
-} from '@angular/core';
-import {FormioAlerts} from '@formio/angular';
-import {each} from 'lodash';
-import {Formio} from '@formio/js/sdk';
-import {GridHeaderComponent} from './GridHeaderComponent';
-import {GridBodyComponent} from './GridBodyComponent';
-import {GridFooterComponent} from './GridFooterComponent';
-import FormComponents from './form/index';
-import SubmissionComponents from './submission/index';
-import {FormioPromiseService} from '@formio/angular';
-import {GridColumn} from './types/grid-column';
-import {GridHeader, SortType} from './types/grid-header';
-
-@Component({
-  selector: 'formio-grid',
-  styleUrls: ['./grid.component.scss'],
-  templateUrl: './grid.component.html'
-})
-export class FormioGridComponent implements OnChanges, OnInit, AfterViewInit {
-  @Input() footerPosition = GridFooterPositions.bottom;
-  @Input() src?: string;
-  @Input() items?: Array<any>;
-  @Input() onForm?: Promise<any>;
-  @Input() query?: any;
-  @Input() refresh?: EventEmitter<object>;
-  @Input() columns?: Array<GridColumn>;
-  @Input() gridType?: string;
-  @Input() size?: number;
-  @Input() components?: any;
-  @Input() formio?: FormioPromiseService;
-  @Input() label?: string;
-  @Input() createText: String;
-  @Input() isActionAllowed: any;
-  @Output() select: EventEmitter<object>;
-  @Output() rowSelect: EventEmitter<object>;
-  @Output() rowAction: EventEmitter<object>;
-  @Output() createItem: EventEmitter<any>;
-  @Output() error: EventEmitter<any>;
-  @ViewChild('headerTemplate', {read: ViewContainerRef, static: true}) headerElement: ViewContainerRef;
-  @ViewChild('bodyTemplate', {read: ViewContainerRef, static: true}) bodyElement: ViewContainerRef;
-  @ViewChild('footerTemplate', {read: ViewContainerRef, static: true}) footerElement: ViewContainerRef;
-
-  public page = 0;
-  public isLoading = false;
-  public initialized = false;
-  public header: GridHeaderComponent;
-  public body: GridBodyComponent;
-  public footer: GridFooterComponent;
-  public footerPositions = GridFooterPositions;
-
-  constructor(
-    public alerts: FormioAlerts,
-    private resolver: ComponentFactoryResolver,
-    private ref: ChangeDetectorRef
-  ) {
-    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?: string) {
-    // 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: any) {
-    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: object) => 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: any) {
-    this.isLoading = false;
-    this.error.emit(error);
-    if (typeof error === 'string' || error.message) {
-      this.alerts.setAlert({
-        type: 'danger',
-        message: error.message || error
-      });
-    }
-  }
-
-  refreshGrid(query?: any) {
-    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: GridHeader) {
-    // Reset all other column sorts.
-    each(this.header.headers, (col: any) => {
-      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: any) {
-    this.setPage(page.page - 1);
-  }
-}

package/projects/angular-formio/grid/src/grid.footer.scss

@@ -1,14 +0,0 @@
-tfoot.formio-grid-footer {
-  td {
-    padding: 0.3rem;
-  }
-
-  .page-num {
-    font-size: 1.4em;
-  }
-
-  ul.pagination {
-    margin-top: 5px;
-    margin-bottom: 0;
-  }
-}