arrow-prev and arrow-next is not disabled on item reached to first / last

[WordpressArtist]

class="category-list xl-cat-list"
:autoplay="false"
:nav="true"
:items="categories.length >= 10 ? 10 : categories.length"
:margin="5"
:loop="false"
:dots="false"
:mouseDrag="false"
:navText='[<i class="fa fa-angle-left" aria-hidden="true"></i>,<i class="fa fa-angle-right" aria-hidden="true"></i>]'
:responsive="{
0:{ items: 2, nav:true},
600:{ items:2, nav:true},
991:{ items: 4, nav:true},
1024:{ items: 5, nav:true },
1368:{ items: categories.length >= 10 ? 10 : categories.length, nav: true },
}"

when item move to last -> next arrow must gets hidden or must add disable in owl-prev class OR when item is at first, arrow prev must get hidden or must add disabled class in owl-prev.... please help its issue or i am not able to get this