ngx-scrollbar
Version:
<p align="center"> <img height="165px" width="165px" style="text-align: center;" src="https://cdn.statically.io/gh/MurhafSousli/ngx-scrollbar/master/projects/ngx-scrollbar-demo/public/logo.svg"> <h1 align="center">Angular Custom Scrollbar</h1> </p>
49 lines (48 loc) • 2.46 kB
TypeScript
import { Signal, InputSignal, WritableSignal, OnDestroy, ComponentRef } from '@angular/core';
import { ScrollViewport } from './viewport';
import { NgScrollbarCore } from './ng-scrollbar-core';
import { Scrollbars } from './scrollbars/scrollbars';
import * as i0 from "@angular/core";
export declare class NgScrollbarExt extends NgScrollbarCore implements OnDestroy {
private readonly renderer;
private readonly appRef;
_scrollbarsRef: ComponentRef<Scrollbars>;
_scrollbars: WritableSignal<Scrollbars>;
/**
* Selector used to query the viewport element.
*/
externalViewport: InputSignal<string>;
/**
* Selector used to query the content wrapper element.
*/
externalContentWrapper: InputSignal<string>;
/**
* Selector used to query the spacer element (virtual scroll integration).
* In the case of integrating the scrollbar with a virtual scroll component,
* a spacer element is typically created to match the real size of the content.
* The scrollbar will use the size of this spacer element for calculations instead of the content wrapper size.
*/
externalSpacer: InputSignal<string>;
viewportElement: WritableSignal<HTMLElement>;
viewportError: Signal<string>;
contentWrapperElement: WritableSignal<HTMLElement>;
contentWrapperError: Signal<string>;
spacerElement: WritableSignal<HTMLElement>;
spacerError: Signal<string>;
/**
* Skip initializing the viewport and the scrollbar
* this is used when the component needs to wait for 3rd party library to render
*/
skipInit: boolean;
/**
* Reference to the external viewport directive if used
*/
customViewport: Signal<ScrollViewport>;
constructor();
ngOnDestroy(): void;
initialize(viewportElement: HTMLElement, contentWrapperElement: HTMLElement, spacerElement: HTMLElement): void;
_attachScrollbars(): void;
private getElement;
static ɵfac: i0.ɵɵFactoryDeclaration<NgScrollbarExt, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgScrollbarExt, "ng-scrollbar[externalViewport]", ["ngScrollbar"], { "externalViewport": { "alias": "externalViewport"; "required": false; "isSignal": true; }; "externalContentWrapper": { "alias": "externalContentWrapper"; "required": false; "isSignal": true; }; "externalSpacer": { "alias": "externalSpacer"; "required": false; "isSignal": true; }; }, {}, ["customViewport"], ["*"], true, never>;
}