Universal support for DimensionsHelper and ScrollbarHelper

[earlyster]

What kind of change does this PR introduce? (check one with "x")

• [x ] Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Other... Please describe:

What is the current behavior? (You can also link to an open issue here)

Error when you load ngx-datagrid scrollbar width is calculated and grid width is calculated based on window size. With universal SSR we can't calculate it that same way so we need to replace implementation of DimensionHelper with a universal helpful version

What is the new behavior?

No error and you must implement your own DimensionsHelper. Here is a snippet of my version of SSR DimensionsHelper. I had to export this service in order to inject a different implementation.

import { ScrollbarHelper } from '@swimlane/ngx-datatable';
import { Injectable, Inject } from '@angular/core';
import { Request } from 'express';
import { REQUEST } from '@nguniversal/express-engine/tokens';
import { DimensionsHelper } from '@swimlane/ngx-datatable';

@Injectable()
export class ServerDimensionsHelper extends DimensionsHelper {

    constructor(@Inject(REQUEST) private request: Request) {
        super();
    }


    getDimensions(element: Element): ClientRect {
        const width = parseInt(this.request.cookies['CH-DW'], 10) || 1000;
        const height = parseInt(this.request.cookies['CH-DH'], 10) || 800;

        const adjustedWidth = width;
        const adjustedHeight = height;


        return {
            height: adjustedHeight,
            bottom: 0,
            top: 0,
            width: adjustedWidth,
            left: 0,
            right: 0
        };
    }
}

Also had to create a ScrollbarHelper service implementation for server. Which returns my custom css style width of all scrollbars of 16.

import { ScrollbarHelper } from '@swimlane/ngx-datatable';
import { Injectable, Inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';

@Injectable()
export class ServerScrollBarHelper extends ScrollbarHelper {
    width: number;

    constructor(@Inject(DOCUMENT) document) {
        super(document);
        this.width = 16;
    }

    getWidth(): number {
        return this.width;
    }
}

I then added these two services using @NgModule providers

  providers:  [  {
    provide: ScrollbarHelper,
    useClass: ServerScrollBarHelper
  },
  {
    provide: DimensionsHelper,
    useClass: ServerDimensionsHelper
  }]

Does this PR introduce a breaking change? (check one with "x")

• Yes
• No

If this PR contains a breaking change, please describe the impact and migration path for existing applications: ...

Other information:

I did not include these sample implementations in my pull request since this strategy may not work for everyone.

[amcdnl]

Thanks for the PR, this looks awesome. Can you remove the built files?

[amcdnl]

Why did you add Renderer here?

[amcdnl]

You actually shouldn't have to use the renderer to do this in v5.

[earlyster]

I originally started with v4

[amcdnl]

Please remove dead code.

[amcdnl]

Why empty constructor?

[amcdnl]

Please remove dead code.

[earlyster]

Done

[earlyster]

PR should have all clean up now

[amcdnl]

One last request, can you add your example config to the docs?

[earlyster]

Added universal doc

[amcdnl]

Thanks for your contribution!!!

[earlyster]

Your welcome