Angular 11 Strict: can't access OverlayScrollbars Inputs

Describe the bug If you create a new Angular 11 app with strict type checking (ng new <name> --strict) it sets angularCompilerOptions.strictInputAccessModifiers to true in tsconfig.json. strictInputAccessModifiers honors @Input() access modifiers, and because they are currently set to private they are inaccessible:

https://github.com/KingSora/OverlayScrollbars/blob/914836370aa444b04cc9e0c2bca63915ac8fdba0/packages/overlayscrollbars-ngx/src/overlayscrollbars.component.ts#L31-L32

This is the compiler error you’ll see:

error TS2341: Property '_options' is private and only accessible within class 'OverlayScrollbarsComponent'.

     <overlay-scrollbars [options]="scrollOptions">
                         ~~~~~~~~~~~~~~~~~~~~~~~~~

To Reproduce Steps to reproduce the behavior:

1. Set strictInputAccessModifiers to true in tsconfig.json for an Angular 11 app
2. Attempt to use the options or extensions OS inputs

Expected behavior There should be no template errors when using strict type checking

[KingSora]

Fixed with version 1.13.1 / "overlayscrollbars-ngx": "0.2.3"

[axelstudios]

I’ve done something similar, I think you would want to keep the variable private and change the Inputs to setters (and no getters). Something like this:

private _options: OverlayScrollbars.Options;

@Input() set options(options: OverlayScrollbars.Options | undefined) {
  if (options) {
    this._options = options;
  }
}