Property 'config' is private and only accessible within class 'PanZoomComponent'

[codegastudio]

Hello,

i am not able to use your component cause during compilation i had the following error :
Property 'config' is private and only accessible within class 'PanZoomComponent'

client:159 src/app/shared/components/pictures/picture-markers/picture-markers.component.html:2:14 - error TS2341: Property 'config' is private and only accessible within class 'PanZoomComponent'.

2   <pan-zoom [config]="panZoomConfig">
               ~~~~~~

  src/app/shared/components/pictures/picture-markers/picture-markers.component.ts:6:16
    6   templateUrl: './picture-markers.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component PictureMarkersComponent.

import {Component, Input, OnInit} from '@angular/core';
import {PanZoomConfig} from 'ngx-panzoom';

@Component({
  selector: 'app-picture-markers',
  templateUrl: './picture-markers.component.html',
  styleUrls: ['./picture-markers.component.scss'],
})
export class PictureMarkersComponent implements OnInit {

  @Input('imagePath') imagePath: string | undefined;
  panZoomConfig: PanZoomConfig = new PanZoomConfig();

  constructor() { }

  ngOnInit(): void {

  }
}

<div>
  <pan-zoom [config]="panZoomConfig">
    <div style="position: relative;">
      <img [src]="imagePath" />
    </div>
  </pan-zoom>
</div>

Regards