input properties are not working

[AkshayRaut1321]

• I'm submitting a ...

  • [x ] bug report

• What is the current behavior?
  Basic example is working that doesn't need any configuration using Input properties. But when I set any property then it doesn't change anything as if the property was not applied at all.

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem you can use the demo site as an example or via https://plnkr.co
  Try using this markup and since scrollbar-hidden is set to true, I expected the horizontal scrollbar to hide but it wasn't hidden. Similarly, snap-duration is not working. And based on this, maybe other properties need a re-check.

HTML:
<drag-scroll [scrollbar-hidden]="true">
<img drag-scroll-item [src]="images[0]" />
<img drag-scroll-item [src]="images[1]" />
<img drag-scroll-item [src]="images[2]" />
</drag-scroll>

• What is the expected behavior?
  When I set any property such as scrollbar-hidden or snap-duration then the component should behave based on the set values.

• What is the motivation / use case for changing the behavior?
  It's expected as part of the documentation of the library.

• Please tell us about your environment:
  Chrome: v80
  Angular: v8.1.0
  TypeScript: 3.4.3
  ngx-drag-scroll: ^8.0.0-beta.2,

[epiphanizer]

Also seeing this behavior with scrollbar-hidden.