fix(segment): handle change of direction scrolling

This commit is contained in:
Tanner Reits
2024-09-27 18:34:19 -04:00
parent 0a13ab449a
commit 0fa5c99d99
5 changed files with 28 additions and 15 deletions

View File

@ -2043,7 +2043,7 @@ export class IonSegmentView {
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
proxyOutputs(this, this.el, ['ionSegmentViewScroll', 'ionSegmentViewScrollEnd']);
proxyOutputs(this, this.el, ['ionSegmentViewScroll', 'ionSegmentViewScrollEnd', 'ionSegmentViewScrollStart']);
}
}
@ -2052,11 +2052,13 @@ export declare interface IonSegmentView extends Components.IonSegmentView {
/**
* Emitted when the segment view is scrolled.
*/
ionSegmentViewScroll: EventEmitter<CustomEvent<{ scrollDirection: string; scrollDistancePercentage: number }>>;
ionSegmentViewScroll: EventEmitter<CustomEvent<{ scrollDirection: string; scrollDistance: number; scrollDistancePercentage: number; }>>;
/**
* Emitted when the segment view scroll has ended.
*/
ionSegmentViewScrollEnd: EventEmitter<CustomEvent<void>>;
ionSegmentViewScrollEnd: EventEmitter<CustomEvent<{ activeContentId: string }>>;
ionSegmentViewScrollStart: EventEmitter<CustomEvent<void>>;
}

View File

@ -1882,7 +1882,7 @@ export class IonSegmentView {
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
proxyOutputs(this, this.el, ['ionSegmentViewScroll', 'ionSegmentViewScrollEnd']);
proxyOutputs(this, this.el, ['ionSegmentViewScroll', 'ionSegmentViewScrollEnd', 'ionSegmentViewScrollStart']);
}
}
@ -1891,11 +1891,13 @@ export declare interface IonSegmentView extends Components.IonSegmentView {
/**
* Emitted when the segment view is scrolled.
*/
ionSegmentViewScroll: EventEmitter<CustomEvent<{ scrollDirection: string; scrollDistancePercentage: number }>>;
ionSegmentViewScroll: EventEmitter<CustomEvent<{ scrollDirection: string; scrollDistance: number; scrollDistancePercentage: number; }>>;
/**
* Emitted when the segment view scroll has ended.
*/
ionSegmentViewScrollEnd: EventEmitter<CustomEvent<void>>;
ionSegmentViewScrollEnd: EventEmitter<CustomEvent<{ activeContentId: string }>>;
ionSegmentViewScrollStart: EventEmitter<CustomEvent<void>>;
}