@swimlane/ngx-datatable 11.1.7 → 11.2.0

package/release/utils/column.d.ts

@@ -27,7 +27,3 @@ export declare function columnsByPinArr(val: any): {
     type: string;
     columns: any;
 }[];
-export declare function allColumnsByPinArr(val: any): {
-    type: string;
-    columns: any;
-}[];

package/release/utils/column.js

@@ -76,14 +76,4 @@ function columnsByPinArr(val) {
     return colsByPinArr;
 }
 exports.columnsByPinArr = columnsByPinArr;
-function allColumnsByPinArr(val) {
-    var colsByPinArr = [];
-    var colsByPin = columnsByPin(val);
-    var colsTest = [];
-    colsByPinArr.push({ type: 'left', columns: colsByPin['left'] });
-    colsByPinArr.push({ type: 'center', columns: colsByPin['center'] });
-    colsByPinArr.push({ type: 'right', columns: colsByPin['right'] });
-    return colsByPinArr;
-}
-exports.allColumnsByPinArr = allColumnsByPinArr;
 //# sourceMappingURL=column.js.map

package/release/utils/column.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../build/utils/column.ts"],"names":[],"mappings":"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","file":"column.js","sourceRoot":""}
+{"version":3,"sources":["../../build/utils/column.ts"],"names":[],"mappings":"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","file":"column.js","sourceRoot":""}

package/release/utils/column.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":3,"metadata":{"columnsByPin":{"__symbolic":"function"},"columnGroupWidths":{"__symbolic":"function","parameters":["groups","all"],"value":{"left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"left"}]},"center":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"center"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"right"}]},"total":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Math"},"member":"floor"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"reference","name":"all"}]}]}}},"columnTotalWidth":{"__symbolic":"function"},"columnsTotalWidth":{"__symbolic":"function"},"columnsByPinArr":{"__symbolic":"function"},"allColumnsByPinArr":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"columnsByPin":{"__symbolic":"function"},"columnGroupWidths":{"__symbolic":"function","parameters":["groups","all"],"value":{"left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"left"}]},"center":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"center"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"right"}]},"total":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Math"},"member":"floor"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"reference","name":"all"}]}]}}},"columnTotalWidth":{"__symbolic":"function"},"columnsTotalWidth":{"__symbolic":"function"},"columnsByPinArr":{"__symbolic":"function"},"allColumnsByPinArr":{"__symbolic":"function"}}}]
+[{"__symbolic":"module","version":3,"metadata":{"columnsByPin":{"__symbolic":"function"},"columnGroupWidths":{"__symbolic":"function","parameters":["groups","all"],"value":{"left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"left"}]},"center":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"center"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"right"}]},"total":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Math"},"member":"floor"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"reference","name":"all"}]}]}}},"columnTotalWidth":{"__symbolic":"function"},"columnsTotalWidth":{"__symbolic":"function"},"columnsByPinArr":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"columnsByPin":{"__symbolic":"function"},"columnGroupWidths":{"__symbolic":"function","parameters":["groups","all"],"value":{"left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"left"}]},"center":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"center"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"groups"},"member":"right"}]},"total":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Math"},"member":"floor"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"columnTotalWidth"},"arguments":[{"__symbolic":"reference","name":"all"}]}]}}},"columnTotalWidth":{"__symbolic":"function"},"columnsTotalWidth":{"__symbolic":"function"},"columnsByPinArr":{"__symbolic":"function"}}}]

package/release/utils/math.js

@@ -36,7 +36,7 @@ function scaleColumns(colsByGroup, maxWidth, totalFlexGrow) {
             var column = _a[_i];
             if (!column.canAutoResize) {
                 maxWidth -= column.width;
-                totalFlexGrow -= column.flexGrow;
+                totalFlexGrow -= column.flexGrow ? column.flexGrow : 0;
             }
             else {
                 column.width = 0;

package/release/utils/math.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../build/utils/math.ts"],"names":[],"mappings":"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","file":"math.js","sourceRoot":""}
+{"version":3,"sources":["../../build/utils/math.ts"],"names":[],"mappings":";;AAAA,mCAA2D;AAE3D;;GAEG;AACH,0BAAiC,OAAc;IAC7C,IAAI,aAAa,GAAG,CAAC,CAAC;IAEtB,GAAG,CAAC,CAAY,UAAO,EAAP,mBAAO,EAAP,qBAAO,EAAP,IAAO;QAAlB,IAAM,CAAC,gBAAA;QACV,aAAa,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC;KAClC;IAED,MAAM,CAAC,aAAa,CAAC;AACvB,CAAC;AARD,4CAQC;AAED;;;GAGG;AACH,4BAAmC,UAAe,EAAE,aAAkB;IACpE,IAAM,YAAY,GAAG,0BAAiB,CAAC,UAAU,CAAC,CAAC;IACnD,IAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACnD,IAAM,WAAW,GAAG,qBAAY,CAAC,UAAU,CAAC,CAAC;IAE7C,EAAE,CAAC,CAAC,YAAY,KAAK,aAAa,CAAC,CAAC,CAAC;QACnC,YAAY,CAAC,WAAW,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC;IAC1D,CAAC;AACH,CAAC;AARD,gDAQC;AAED;;GAEG;AACH,sBAAsB,WAAgB,EAAE,QAAa,EAAE,aAAkB;IACvE,6EAA6E;IAC7E,GAAG,CAAA,CAAC,IAAM,IAAI,IAAI,WAAW,CAAC,CAAC,CAAC;QAC9B,GAAG,CAAA,CAAiB,UAAiB,EAAjB,KAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,cAAiB,EAAjB,IAAiB;YAAjC,IAAM,MAAM,SAAA;YACd,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;gBAC1B,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC;gBACzB,aAAa,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACzD,CAAC;YAAC,IAAI,CAAC,CAAC;gBACN,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;YACnB,CAAC;SACF;IACH,CAAC;IAED,IAAM,WAAW,GAAG,EAAE,CAAC;IACvB,IAAI,cAAc,GAAG,QAAQ,CAAC;IAE9B,0DAA0D;IAC1D,GAAG,CAAC;QACF,IAAM,iBAAiB,GAAG,cAAc,GAAG,aAAa,CAAC;QACzD,cAAc,GAAG,CAAC,CAAC;QAEnB,GAAG,CAAA,CAAC,IAAM,IAAI,IAAI,WAAW,CAAC,CAAC,CAAC;YAC9B,GAAG,CAAA,CAAiB,UAAiB,EAAjB,KAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,cAAiB,EAAjB,IAAiB;gBAAjC,IAAM,MAAM,SAAA;gBACd,0EAA0E;gBAC1E,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBACtD,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,GAAI,MAAM,CAAC,QAAQ,GAAG,iBAAiB,CAAC;oBACrE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,KAAK,SAAS,IAAI,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;wBAChE,cAAc,IAAI,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;wBAC7C,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC;wBAC/B,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;oBAClC,CAAC;oBAAC,IAAI,CAAC,CAAC;wBACN,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;oBAC1B,CAAC;gBACH,CAAC;aACF;QACH,CAAC;IACH,CAAC,QAAQ,cAAc,KAAK,CAAC,EAAE;AACjC,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,+BACE,UAAiB,EACjB,aAAqB,EACrB,QAAgB,EAChB,UAAmB,EACnB,eAA6B;IAA7B,gCAAA,EAAA,qBAA6B;IAE7B,IAAM,eAAe,GAAG,UAAU;SAC/B,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC;SACtC,MAAM,CAAC,UAAC,CAAC;QACR,MAAM,CAAC,CAAC,CAAC,aAAa,KAAK,KAAK,CAAC;IACnC,CAAC,CAAC,CAAC;IAEL,GAAG,CAAC,CAAiB,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe;QAA/B,IAAM,MAAM,wBAAA;QACf,EAAE,CAAA,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;YACtB,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;QACnC,CAAC;KACF;IAED,IAAI,sBAAsB,GAAG,CAAC,CAAC;IAC/B,IAAI,aAAa,GAAG,KAAK,CAAC;IAC1B,IAAI,YAAY,GAAG,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;IAChE,IAAI,cAAc,GAAG,aAAa,GAAG,YAAY,CAAC;IAClD,IAAM,gBAAgB,GAAU,EAAE,CAAC;IAEnC,8BAA8B;IAC9B,GAAG,CAAC;QACF,sBAAsB,GAAG,cAAc,GAAG,eAAe,CAAC,MAAM,CAAC;QACjE,aAAa,GAAG,YAAY,IAAI,aAAa,CAAC;QAE9C,GAAG,CAAC,CAAiB,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe;YAA/B,IAAM,MAAM,wBAAA;YACf,EAAE,CAAC,CAAC,aAAa,IAAI,UAAU,CAAC,CAAC,CAAC;gBAChC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,KAAK,IAAI,eAAe,CAAC;YACtE,CAAC;YAAC,IAAI,CAAC,CAAC;gBACN,IAAM,OAAO,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,eAAe,CAAC,GAAG,sBAAsB,CAAC;gBAE3E,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACjD,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC;oBAC/B,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChC,CAAC;gBAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACxD,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC;oBAC/B,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChC,CAAC;gBAAC,IAAI,CAAC,CAAC;oBACN,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC;gBACzB,CAAC;YACH,CAAC;YAED,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;SAC1C;QAED,YAAY,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;QAC3C,cAAc,GAAG,aAAa,GAAG,YAAY,CAAC;QAC9C,sBAAsB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IAC5D,CAAC,QAAQ,cAAc,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;AAC/D,CAAC;AAtDD,sDAsDC;AAED;;GAEG;AACH,gCAAgC,eAAsB,EAAE,gBAAuB;IAC7E,GAAG,CAAA,CAAiB,UAAgB,EAAhB,qCAAgB,EAAhB,8BAAgB,EAAhB,IAAgB;QAAhC,IAAM,MAAM,yBAAA;QACd,IAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC9C,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;KAClC;AACH,CAAC;AAED;;GAEG;AACH,yBAAyB,UAAe,EAAE,eAA6B;IAA7B,gCAAA,EAAA,qBAA6B;IACrE,IAAI,YAAY,GAAG,CAAC,CAAC;IAErB,GAAG,CAAA,CAAiB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU;QAA1B,IAAM,MAAM,mBAAA;QACZ,YAAY,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,eAAe,CAAC,CAAC;KACrD;IAED,MAAM,CAAC,YAAY,CAAC;AACtB,CAAC","file":"math.js","sourceRoot":""}

package/src/components/body/body-group-header.directive.ts

@@ -5,17 +5,16 @@ import { DatatableGroupHeaderTemplateDirective } from './body-group-header-templ
 export class DatatableGroupHeaderDirective {
 
   /**
-   * The detail row height is required especially 
-   * when virtual scroll is enabled.
+   * Row height is required when virtual scroll is enabled.
    */
   @Input() rowHeight: (number | ((group?: any, index?: number) => number)) = 0;
 
   @Input()
-  @ContentChild(DatatableGroupHeaderTemplateDirective, { read: TemplateRef }) 
+  @ContentChild(DatatableGroupHeaderTemplateDirective, { read: TemplateRef })
   template: TemplateRef<any>;
 
   /**
-   * Group visbility was toggled.
+   * Track toggling of group visibility
    */
   @Output() toggle: EventEmitter<any> = new EventEmitter();
 
@@ -30,7 +29,7 @@ export class DatatableGroupHeaderDirective {
   }
 
   /**
-   * API method to expand all groups.
+   * Expand all groups
    */
   expandAllGroups(): void {
     this.toggle.emit({
@@ -40,7 +39,7 @@ export class DatatableGroupHeaderDirective {
   }
 
   /**
-   * API method to collapse all groups.
+   * Collapse all groups
    */
   collapseAllGroups(): void {
     this.toggle.emit({

package/src/components/body/body-row.component.ts

@@ -4,7 +4,7 @@ import {
 } from '@angular/core';
 
 import {
-  allColumnsByPinArr, columnsByPin, columnGroupWidths, columnsByPinArr, translateXY, Keys
+  columnsByPin, columnGroupWidths, columnsByPinArr, translateXY, Keys
 } from '../../utils';
 import { ScrollbarHelper } from '../../services';
 import { MouseEvent, KeyboardEvent, Event } from '../../events';
@@ -215,7 +215,7 @@ export class DataTableBodyRowComponent implements DoCheck {
   recalculateColumns(val: any[] = this.columns): void {
     this._columns = val;
     const colsByPin = columnsByPin(this._columns);
-    this._columnsByPin = allColumnsByPinArr(this._columns);        
+    this._columnsByPin = columnsByPinArr(this._columns);        
     this._columnGroupWidths = columnGroupWidths(colsByPin, this._columns);
   }
 

package/src/components/body/body.component.ts

@@ -95,7 +95,7 @@ export class DataTableBodyComponent implements OnInit, OnDestroy {
   @Input() scrollbarH: boolean;
   @Input() loadingIndicator: boolean;
   @Input() externalPaging: boolean;
-  @Input() rowHeight: number;
+  @Input() rowHeight: number | ((row: any) => number);
   @Input() offsetX: number;
   @Input() emptyMessage: string;
   @Input() selectionType: SelectionType;
@@ -207,7 +207,7 @@ export class DataTableBodyComponent implements OnInit, OnDestroy {
    * calculate scroll height automatically (as height will be undefined).
    */
   get scrollHeight(): number | undefined {
-    if (this.scrollbarV) {
+    if (this.scrollbarV && this.rowCount) {
       return this.rowHeightsCache.query(this.rowCount - 1);
     }
     // avoid TS7030: Not all code paths return a value.
@@ -400,14 +400,16 @@ export class DataTableBodyComponent implements OnInit, OnDestroy {
    * Get the row height
    */
   getRowHeight(row: any): number {
-    let rowHeight = this.rowHeight;
+    let height;
 
     // if its a function return it
     if (typeof this.rowHeight === 'function') {
-      rowHeight = this.rowHeight(row);
+      height = this.rowHeight(row);
+    } else {
+      height = this.rowHeight;
     }
 
-    return rowHeight;
+    return height;
   }
 
   /**
@@ -525,7 +527,7 @@ export class DataTableBodyComponent implements OnInit, OnDestroy {
         // If virtual rows are not needed
         // We render all in one go
         first = 0;
-        last = this.rowCount - 1;
+        last = this.rowCount;
       }
     } else {
       // The server is handling paging and will pass an array that begins with the

package/src/components/datatable.component.scss

@@ -156,7 +156,7 @@
         cursor: pointer;
       }
 
-      .resize-handle{
+      .resize-handle, .resize-handle--not-resizable {
         display: inline-block;
         position: absolute;
         right: 0;
@@ -165,6 +165,9 @@
         width: 5px;
         padding: 0 4px;
         visibility: hidden;
+      }
+
+      .resize-handle {
         cursor: ew-resize;
       }
 
@@ -173,6 +176,16 @@
           visibility: visible;
         }
       }
+
+      &:hover {
+        .resize-handle--not-resizable {
+          visibility: visible;
+        }
+      }
+
+      .datatable-header-cell-template-wrap {
+        height: inherit;
+      }
     }
   }
 

package/src/components/datatable.component.ts

@@ -118,7 +118,7 @@ export class DatatableComponent implements OnInit, DoCheck, AfterViewInit {
     if (val) {
       this._internalRows = [...val];
     }
-
+    
     // auto sort on new updates
     if (!this.externalSorting) {
       this._internalRows = sortRows(this._internalRows, this._internalColumns, this.sorts);
@@ -307,7 +307,7 @@ export class DatatableComponent implements OnInit, DoCheck, AfterViewInit {
    *
    *  - `single`
    *  - `multi`
-   *  - `chkbox`
+   *  - `checkbox`
    *  - `multiClick`
    *  - `cell`
    *

package/src/components/footer/footer.component.spec.ts

@@ -1,76 +1,358 @@
 import {
-  async,
-  TestBed
-} from '@angular/core/testing';
+  Component,
+  DebugElement,
+  Input,
+  Output,
+  EventEmitter,
+  ViewChild,
+  TemplateRef
+} from '@angular/core';
+import { async, TestBed, ComponentFixture } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
 
-import {
-  DataTableFooterComponent,
-  DataTablePagerComponent
-} from '.';
-import {By} from "@angular/platform-browser";
+import { DataTableFooterComponent, DataTablePagerComponent } from '.';
+import { addMatchers } from '../../../test';
+
+let fixture: ComponentFixture<TestFixtureComponent>;
+let component: TestFixtureComponent;
+let page: Page;
 
 describe('DataTableFooterComponent', () => {
-  let fixture: any;
-  let component: DataTableFooterComponent;
-  let element;
-
-  // provide our implementations or mocks to the dependency injector
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [ 
-        DataTableFooterComponent,
-        DataTablePagerComponent
-      ]
+  beforeAll(addMatchers);
+
+  beforeEach(async(setupTest));
+
+  describe('div.datatable-footer-inner', () => {
+    it(`should have a height`, () => {
+      component.footerHeight = 123;
+      page.detectChangesAndRunQueries();
+
+      expect(page.datatableFooterInner.nativeElement.style.height).toEqual(
+        '123px'
+      );
     });
-  });
 
-  beforeEach(async(() => {
-    TestBed.compileComponents().then(() => {
-      fixture = TestBed.createComponent(DataTableFooterComponent);
-      component = fixture.componentInstance;
-      element = fixture.nativeElement;
+    it('should have `.selected-count` class when selectedMessage is set', () => {
+      component.selectedMessage = 'selected';
+      component.selectedCount = 1;
+      page.detectChangesAndRunQueries();
+
+      expect(page.datatableFooterInner.nativeElement).toHaveCssClass(
+        'selected-count'
+      );
     });
-  }));
 
-  describe('fixture', () => {
-    it('component is created', () => {
-      expect(component).toBeTruthy();
+    it('should not have `.selected-count` class if selectedMessage is not set', () => {
+      component.selectedMessage = undefined;
+      page.detectChangesAndRunQueries();
+
+      expect(page.datatableFooterInner.nativeElement).not.toHaveCssClass(
+        'selected-count'
+      );
     });
   });
 
-  describe('when the component has a selectionMessage set', () => {
+  describe('when there is no template', () => {
+    it('should not render a template', () => {
+      component.footerTemplate = undefined;
+      page.detectChangesAndRunQueries();
 
-    beforeEach(() => {
-      // setup for the template
-      component.rowCount = 9;
+      expect(page.templateList).toBeNull();
+    });
 
+    it('should display the selected count and total if selectedMessage set', () => {
+      component.footerTemplate = undefined;
       component.selectedMessage = 'selected';
-      component.selectedCount = 3;
+      component.selectedCount = 7;
+      component.rowCount = 10;
+      component.totalMessage = 'total';
+      page.detectChangesAndRunQueries();
+
+      expect(page.pageCount.nativeElement.innerText).toEqual(
+        '7 selected / 10 total'
+      );
+    });
+
+    it('should display only the total if selectedMessage is not set', () => {
+      component.footerTemplate = undefined;
+      component.selectedMessage = undefined;
+      component.rowCount = 100;
+      component.totalMessage = 'total';
+      page.detectChangesAndRunQueries();
+
+      expect(page.pageCount.nativeElement.innerText).toEqual('100 total');
+    });
+
+    it('should render a DataTablePagerComponent', () => {
+      component.footerTemplate = undefined;
+      page.detectChangesAndRunQueries();
+
+      expect(page.datatablePager).not.toBeNull();
+    });
+
+    it('should propagate page change events upward from the DataTablePagerComponent', () => {
+      component.footerTemplate = undefined;
+      page.detectChangesAndRunQueries();
+      const spy = spyOn(component, 'onPageEvent');
+      const pageChangeEvent = { page: 7 };
+      const datatablePagerComponent: DataTablePagerComponent =
+        page.datatablePager.componentInstance;
+      // mimic the act of changing the page through the datatable pager
+      datatablePagerComponent.change.emit(pageChangeEvent);
+
+      expect(spy).toHaveBeenCalledWith(pageChangeEvent);
+    });
+
+    it('should bind to DataTablePagerComponent pagerLeftArrowIcon input', () => {
+      component.pagerLeftArrowIcon = 'pager-left-arrow-icon';
+      page.detectChangesAndRunQueries();
+      const datatablePagerComponent: DataTablePagerComponent =
+        page.datatablePager.componentInstance;
+
+      expect(datatablePagerComponent.pagerLeftArrowIcon).toBe(
+        component.pagerLeftArrowIcon
+      );
+    });
+
+    it('should bind to DataTablePagerComponent pagerRightArrowIcon input', () => {
+      component.pagerRightArrowIcon = 'pager-right-arrow-icon';
+      page.detectChangesAndRunQueries();
+      const datatablePagerComponent: DataTablePagerComponent =
+        page.datatablePager.componentInstance;
+
+      expect(datatablePagerComponent.pagerRightArrowIcon).toBe(
+        component.pagerRightArrowIcon
+      );
+    });
+
+    it('should bind to DataTablePagerComponent pagerNextIcon input', () => {
+      component.pagerNextIcon = 'pager-next-icon';
+      page.detectChangesAndRunQueries();
+      const datatablePagerComponent: DataTablePagerComponent =
+        page.datatablePager.componentInstance;
 
-      fixture.detectChanges();
+      expect(datatablePagerComponent.pagerNextIcon).toBe(
+        component.pagerNextIcon
+      );
     });
 
-    it('then the selectionCount is shown', () => {
-      let selectedElement = fixture.debugElement.query(By.css('.page-count>span'));
+    it('should bind to DataTablePagerComponent pagerPreviousIcon input', () => {
+      component.pagerPreviousIcon = 'pager-previous-icon';
+      page.detectChangesAndRunQueries();
+      const datatablePagerComponent: DataTablePagerComponent =
+        page.datatablePager.componentInstance;
 
-      expect(selectedElement.nativeElement.innerHTML.trim()).toBe('3 selected /');
+      expect(datatablePagerComponent.pagerPreviousIcon).toBe(
+        component.pagerPreviousIcon
+      );
+    });
+
+    it('should bind to DataTablePagerComponent size input', () => {
+      component.pageSize = 4;
+      page.detectChangesAndRunQueries();
+      const datatablePagerComponent: DataTablePagerComponent =
+        page.datatablePager.componentInstance;
+
+      expect(datatablePagerComponent.size).toBe(component.pageSize);
+    });
+
+    it('should bind to DataTablePagerComponent count input', () => {
+      component.rowCount = 40;
+      page.detectChangesAndRunQueries();
+      const datatablePagerComponent: DataTablePagerComponent =
+        page.datatablePager.componentInstance;
+
+      expect(datatablePagerComponent.count).toBe(component.rowCount);
+    });
+
+    it('should bind to DataTablePagerComponent page input', () => {
+      component.offset = 200;
+      page.detectChangesAndRunQueries();
+      const datatablePagerComponent: DataTablePagerComponent =
+        page.datatablePager.componentInstance;
+
+      expect(datatablePagerComponent.page).toBe(201);
+    });
+
+    it('should show & hide the DataTablePagerComponent', () => {
+      component.rowCount = 200;
+      component.pageSize = 5;
+      page.detectChangesAndRunQueries();
+
+      expect(page.datatablePager.nativeElement.hidden).toBe(
+        false,
+        'DataTablePagerComponent should be hidden'
+      );
+
+      component.rowCount = 1;
+      component.pageSize = 2;
+      page.detectChangesAndRunQueries();
+
+      expect(page.datatablePager.nativeElement.hidden).toBe(
+        true,
+        'DataTablePagerComponent should not be hidden'
+      );
     });
   });
 
-  describe('when the component does not have a selectionMessage set', () => {
+  describe('when there is a template', () => {
+    it('should not render div.page-count or DatatablePagerComponent', () => {
+      component.footerTemplate = { template: component.testTemplate };
+      page.detectChangesAndRunQueries();
 
-    beforeEach(() => {
-      // setup for the template
-      component.rowCount = 9;
-      component.selectedCount = 3;
+      expect(page.pageCount).toBeNull();
+      expect(page.datatablePager).toBeNull();
+    });
+
+    it('should render the template', () => {
+      page.detectChangesAndRunQueries();
+      component.footerTemplate = { template: component.testTemplate };
+      page.detectChangesAndRunQueries();
 
-      fixture.detectChanges();
+      expect(page.templateList).not.toBeNull();
     });
 
-    it('then the selectionCount is shown', () => {
-      let selectedElement = fixture.debugElement.query(By.css('.page-count>span'));
+    it('should give the template proper context', () => {
+      component.footerTemplate = { template: component.testTemplate };
+      component.rowCount = 12;
+      component.pageSize = 1;
+      component.selectedCount = 4;
+      component.offset = 0;
+      page.detectChangesAndRunQueries();
+      const listItems = page.templateList.queryAll(By.css('li'));
 
-      expect(selectedElement).toBeNull();
+      expect(listItems[0].nativeElement).toHaveText('rowCount 12');
+      expect(listItems[1].nativeElement).toHaveText('pageSize 1');
+      expect(listItems[2].nativeElement).toHaveText('selectedCount 4');
+      expect(listItems[3].nativeElement).toHaveText('curPage 1');
+      expect(listItems[4].nativeElement).toHaveText('offset 0');
     });
   });
 });
+
+/**
+ * we test DatatableFooterComponent by embedding it in a
+ * test host component
+ */
+@Component({
+  template: `
+    <datatable-footer
+      [rowCount]="rowCount"
+      [pageSize]="pageSize"
+      [offset]="offset"
+      [footerHeight]="footerHeight"
+      [footerTemplate]="footerTemplate"
+      [totalMessage]="totalMessage"
+      [pagerLeftArrowIcon]="pagerLeftArrowIcon"
+      [pagerRightArrowIcon]="pagerRightArrowIcon"
+      [pagerPreviousIcon]="pagerPreviousIcon"
+      [selectedCount]="selectedCount"
+      [selectedMessage]="selectedMessage"
+      [pagerNextIcon]="pagerNextIcon"
+      (page)="onPageEvent($event)">
+    </datatable-footer>
+    
+    <ng-template
+      #testTemplate
+      let-rowCount="rowCount"
+      let-pageSize="pageSize"
+      let-selectedCount="selectedCount"
+      let-curPage="curPage"
+      let-offset="offset">
+        <ul id="template-list">
+          <li>rowCount {{rowCount}}</li>
+          <li>pageSize {{pageSize}}</li>
+          <li>selectedCount {{selectedCount}}</li>
+          <li>curPage {{curPage}}</li>
+          <li>offset {{offset}}</li>
+        </ul>
+    </ng-template>
+  `
+})
+class TestFixtureComponent {
+  footerHeight: number;
+  rowCount: number = 100;
+  pageSize = 1;
+  offset = 0;
+  pagerLeftArrowIcon: string;
+  pagerRightArrowIcon: string;
+  pagerPreviousIcon: string;
+  pagerNextIcon: string;
+  totalMessage: string;
+  footerTemplate: { template: TemplateRef<any> };
+  selectedCount: number;
+  selectedMessage: string;
+
+  /**
+   * establishes a reference to a test template that can
+   * selectively be passed to the DatatableFooterComponent
+   * in these unit tests
+   */
+  @ViewChild('testTemplate', { read: TemplateRef })
+  testTemplate: TemplateRef<any>;
+
+  onPageEvent() {
+    return;
+  }
+}
+
+/**
+ * we use a mock DataTablePagerComponent when testing
+ * the DataTableFooterComponent
+ */
+@Component({
+  selector: 'datatable-pager',
+  template: ''
+})
+class DataTablePagerComponentMock {
+  @Input() pagerLeftArrowIcon: string;
+  @Input() pagerRightArrowIcon: string;
+  @Input() pagerPreviousIcon: string;
+  @Input() pagerNextIcon: string;
+  @Input() page: number;
+  @Input() size: number;
+  @Input() count: number;
+
+  @Output() change: EventEmitter<any> = new EventEmitter();
+}
+
+function setupTest() {
+  return TestBed.configureTestingModule({
+    declarations: [
+      TestFixtureComponent,
+      DataTableFooterComponent,
+      DataTablePagerComponentMock
+    ]
+  })
+    .compileComponents()
+    .then(() => {
+      fixture = TestBed.createComponent(TestFixtureComponent);
+      component = fixture.componentInstance;
+      page = new Page();
+      page.detectChangesAndRunQueries();
+    });
+}
+
+/**
+ * a Page is a collection of references to DebugElements. it
+ * makes for cleaner testing
+ */
+class Page {
+  datatableFooter: DebugElement;
+  datatableFooterInner: DebugElement;
+  templateList: DebugElement;
+  pageCount: DebugElement;
+  datatablePager: DebugElement;
+
+  detectChangesAndRunQueries() {
+    fixture.detectChanges();
+
+    const de = fixture.debugElement;
+
+    this.datatableFooter = de.query(By.css('datatable-footer'));
+    this.datatableFooterInner = de.query(By.css('.datatable-footer-inner'));
+    this.templateList = de.query(By.css('#template-list'));
+    this.pageCount = de.query(By.css('.page-count'));
+    this.datatablePager = de.query(By.css('datatable-pager'));
+  }
+}