fix(esl-drag-to-scroll): fix propagation of the click if drag detected

Cosmetic: update methods visibility for inheritors

src/modules/esl-drag-to-scroll/core/esl-drag-to-scroll.mixin.ts

@@ -43,18 +43,18 @@ export class ESLDragToScrollMixin extends ESLMixinElement {
   };
 
   /** Initial pointer event when dragging starts */
-  private startEvent: PointerEvent;
+  protected startEvent: PointerEvent;
 
-  private startScrollLeft: number = 0;
-  private startScrollTop: number = 0;
+  protected startScrollLeft: number = 0;
+  protected startScrollTop: number = 0;
 
   private _isDragging: boolean = false;
 
   /** Flag indicating whether dragging is in progress */
   public get isDragging(): boolean {
     return this._isDragging;
   }
-  private set isDragging(value: boolean) {
+  protected set isDragging(value: boolean) {
     this._isDragging = value;
     this.$$cls(this.config.cls, value);
   }
@@ -106,7 +106,7 @@ export class ESLDragToScrollMixin extends ESLMixinElement {
 
   /** Handles the pointerdown event to start dragging */
   @listen('pointerdown')
-  private onPointerDown(event: PointerEvent): void {
+  protected onPointerDown(event: PointerEvent): void {
     this.startEvent = event;
     this.startScrollLeft = this.$host.scrollLeft;
     this.startScrollTop = this.$host.scrollTop;
@@ -116,7 +116,7 @@ export class ESLDragToScrollMixin extends ESLMixinElement {
 
   /** Handles the pointermove event to perform scrolling while dragging */
   @listen({auto: false, event: 'pointermove', group: 'pointer'})
-  private onPointerMove(event: PointerEvent): void {
+  protected onPointerMove(event: PointerEvent): void {
     const offset = this.getEventOffset(event);
 
     if (!this.isDragging) {
@@ -133,7 +133,7 @@ export class ESLDragToScrollMixin extends ESLMixinElement {
 
   /** Handles the pointerup and pointercancel events to stop dragging */
   @listen({auto: false, event: 'pointerup pointercancel', group: 'pointer'})
-  private onPointerUp(event: PointerEvent): void {
+  protected onPointerUp(event: PointerEvent): void {
     this.$$off({group: 'pointer'});
     if (this.$host.hasPointerCapture(event.pointerId)) {
       this.$host.releasePointerCapture(event.pointerId);
@@ -143,8 +143,10 @@ export class ESLDragToScrollMixin extends ESLMixinElement {
     setTimeout(() => this.isDragging = false);
   }
 
-  @listen('click')
-  private onClick(event: MouseEvent): void {
-    if (this.isDragging) event.preventDefault();
+  @listen({event: 'click', capture: true})
+  protected onClick(event: MouseEvent): void {
+    if (!this.isDragging) return;
+    event.preventDefault();
+    event.stopPropagation();
   }
 }