Quiero evitar el evento de clic cuando vengo del elemento principal al elemento secundario. Estoy tratando de usar Kendo Grid con Kendo Pager.

Aquí hay un ejemplo: https://stackblitz.com/edit/angular-gjgypw-qmo6s6?file=app/app.component.ts

 <ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage"> <!-- This button should not be clicked when coming from parent element --> <button kendoGridFocusable (click)="sample()">Sample</button> <kendo-pager-prev-buttons></kendo-pager-prev-buttons> <kendo-slider kendoGridFocusable [showButtons]="false" tickPlacement="none" [max]="totalPages" [min]="1" (valueChange)="sliderChange($event)" [value]="currentPage"> </kendo-slider> <kendo-pager-next-buttons></kendo-pager-next-buttons> <input kendoGridFocusable class="k-textbox k-input k-rounded-md" type="number" [value]="pageSize" (change)="onPageSizeChange($event.target.value)" /> <kendo-pager-info></kendo-pager-info> </ng-template>

Se hace clic en el botón cuando presiono el enter button para ingresar y acceder a los botones. Si ve un ejemplo, cada vez que buscamos, debemos presionar la tecla enter para acceder a todos los botones dentro de él y Esc para salir. Se debe poder hacer clic en el botón, pero no se debe poder hacer clic al ingresar dentro de él.