Cannot read property 'isDragging' of undefined about ngx-pinch-zoom HOT 6 OPEN

<pinch-zoom>
    <!-- textblocks -->
    <div [hidden]="textModalOpened" *ngFor="let textBlock of TEXT_BLOCKS">
      <div id="t1" class="text text1 ion-text-center" (touchstart)="textTouched($event)" (mousedown)="textTouched($event)"
        (touchmove)="textMoved($event, textBlock)" (mousemove)="textMoved($event, textBlock)"
        (touchend)="textUntouched($event, textBlock)" (mouseup)="textUntouched($event, textBlock)" style="
      top: {{ textBlock.position.y }}px;
      left: {{ textBlock.position.x }}px;
      font-family: {{ textBlock.fontFamily }};
      font-size: {{ textBlock.overDelete ? 10 : textBlock.fontSize }}px;
      color: {{ textBlock.color }};
      width: {{ textBlock.overDelete ? 70 : textBlock.width }}px;
      height: {{ textBlock.overDelete ? 70 : textBlock.height }}px;
      ">
        {{ textBlock.text }}
      </div>
    </div>
  </pinch-zoom>