Brunobkr/llama.cpp_AlgMor24_github

1/**2 * This logic is adapted from Radix UI ScrollArea component.3 * https://github.com/radix-ui/primitives/blob/main/packages/react/scroll-area/src/ScrollArea.tsx4 * Credit to Jenna Smith (@jjenzz) for the original implementation.5 * Incredible thought must have went into solving all the intricacies of this component.6 */7import { Context } from "runed";8import { DOMContext, type ReadableBoxedValues } from "svelte-toolbelt";9import type { ScrollAreaType } from "./types.js";10import type { BitsPointerEvent, RefAttachment, WithRefOpts } from "../../internal/types.js";11import { type Direction, type Orientation } from "../../shared/index.js";12import { StateMachine } from "../../internal/state-machine.js";13export declare const ScrollAreaRootContext: Context<ScrollAreaRootState>;14export declare const ScrollAreaScrollbarContext: Context<ScrollAreaScrollbarState>;15export declare const ScrollAreaScrollbarVisibleContext: Context<ScrollAreaScrollbarVisibleState>;16export declare const ScrollAreaScrollbarAxisContext: Context<ScrollbarAxis>;17export declare const ScrollAreaScrollbarSharedContext: Context<ScrollAreaScrollbarSharedState>;18interface Sizes {19    content: number;20    viewport: number;21    scrollbar: {22        size: number;23        paddingStart: number;24        paddingEnd: number;25    };26}27interface ScrollAreaRootStateOpts extends WithRefOpts, ReadableBoxedValues<{28    dir: Direction;29    type: ScrollAreaType;30    scrollHideDelay: number;31}> {32}33export declare class ScrollAreaRootState {34    static create(opts: ScrollAreaRootStateOpts): ScrollAreaRootState;35    readonly opts: ScrollAreaRootStateOpts;36    readonly attachment: RefAttachment;37    scrollAreaNode: HTMLElement | null;38    viewportNode: HTMLElement | null;39    contentNode: HTMLElement | null;40    scrollbarXNode: HTMLElement | null;41    scrollbarYNode: HTMLElement | null;42    cornerWidth: number;43    cornerHeight: number;44    scrollbarXEnabled: boolean;45    scrollbarYEnabled: boolean;46    domContext: DOMContext;47    constructor(opts: ScrollAreaRootStateOpts);48    readonly props: {49        readonly id: string;50        readonly dir: Direction;51        readonly style: {52            readonly position: "relative";53            readonly "--bits-scroll-area-corner-height": `${number}px`;54            readonly "--bits-scroll-area-corner-width": `${number}px`;55        };56    };57}58interface ScrollAreaViewportStateOpts extends WithRefOpts {59}60export declare class ScrollAreaViewportState {61    #private;62    static create(opts: ScrollAreaViewportStateOpts): ScrollAreaViewportState;63    readonly opts: ScrollAreaViewportStateOpts;64    readonly root: ScrollAreaRootState;65    readonly attachment: RefAttachment;66    readonly contentAttachment: RefAttachment;67    constructor(opts: ScrollAreaViewportStateOpts, root: ScrollAreaRootState);68    readonly props: {69        readonly id: string;70        readonly style: {71            readonly overflowX: "scroll" | "hidden";72            readonly overflowY: "scroll" | "hidden";73        };74    };75    readonly contentProps: {76        readonly id: string;77        readonly "data-scroll-area-content": "";78        /**79         * When horizontal scrollbar is visible: this element should be at least80         * as wide as its children for size calculations to work correctly.81         *82         * When horizontal scrollbar is NOT visible: this element's width should83         * be constrained by the parent container to enable `text-overflow: ellipsis`84         */85        readonly style: {86            readonly minWidth: "fit-content" | undefined;87        };88    };89}90interface ScrollAreaScrollbarStateOpts extends WithRefOpts, ReadableBoxedValues<{91    orientation: Orientation;92}> {93}94export declare class ScrollAreaScrollbarState {95    static create(opts: ScrollAreaScrollbarStateOpts): ScrollAreaScrollbarState;96    readonly opts: ScrollAreaScrollbarStateOpts;97    readonly root: ScrollAreaRootState;98    readonly isHorizontal: boolean;99    hasThumb: boolean;100    constructor(opts: ScrollAreaScrollbarStateOpts, root: ScrollAreaRootState);101}102export declare class ScrollAreaScrollbarHoverState {103    static create(): ScrollAreaScrollbarHoverState;104    readonly scrollbar: ScrollAreaScrollbarState;105    root: ScrollAreaRootState;106    isVisible: boolean;107    constructor(scrollbar: ScrollAreaScrollbarState);108    readonly props: {109        readonly "data-state": "hidden" | "visible";110    };111}112export declare class ScrollAreaScrollbarScrollState {113    static create(): ScrollAreaScrollbarScrollState;114    readonly scrollbar: ScrollAreaScrollbarState;115    readonly root: ScrollAreaRootState;116    readonly machine: StateMachine<{117        hidden: {118            SCROLL: "scrolling";119        };120        scrolling: {121            SCROLL_END: "idle";122            POINTER_ENTER: "interacting";123        };124        interacting: {125            SCROLL: "interacting";126            POINTER_LEAVE: "idle";127        };128        idle: {129            HIDE: "hidden";130            SCROLL: "scrolling";131            POINTER_ENTER: "interacting";132        };133    }>;134    readonly isHidden: boolean;135    constructor(scrollbar: ScrollAreaScrollbarState);136    onpointerenter(_: BitsPointerEvent): void;137    onpointerleave(_: BitsPointerEvent): void;138    readonly props: {139        readonly "data-state": "hidden" | "visible";140        readonly onpointerenter: (_: BitsPointerEvent) => void;141        readonly onpointerleave: (_: BitsPointerEvent) => void;142    };143}144export declare class ScrollAreaScrollbarAutoState {145    static create(): ScrollAreaScrollbarAutoState;146    readonly scrollbar: ScrollAreaScrollbarState;147    readonly root: ScrollAreaRootState;148    isVisible: boolean;149    constructor(scrollbar: ScrollAreaScrollbarState);150    readonly props: {151        readonly "data-state": "hidden" | "visible";152    };153}154export declare class ScrollAreaScrollbarVisibleState {155    static create(): ScrollAreaScrollbarVisibleState;156    readonly scrollbar: ScrollAreaScrollbarState;157    readonly root: ScrollAreaRootState;158    thumbNode: HTMLElement | null;159    pointerOffset: number;160    sizes: Sizes;161    readonly thumbRatio: number;162    readonly hasThumb: boolean;163    prevTransformStyle: string;164    constructor(scrollbar: ScrollAreaScrollbarState);165    setSizes(sizes: Sizes): void;166    getScrollPosition(pointerPos: number, dir?: Direction): number;167    onThumbPointerUp(): void;168    onThumbPointerDown(pointerPos: number): void;169    xOnThumbPositionChange(): void;170    xOnWheelScroll(scrollPos: number): void;171    xOnDragScroll(pointerPos: number): void;172    yOnThumbPositionChange(): void;173    yOnWheelScroll(scrollPos: number): void;174    yOnDragScroll(pointerPos: number): void;175}176interface ScrollbarAxisStateOpts extends ReadableBoxedValues<{177    mounted: boolean;178}> {179}180interface ScrollbarAxisState {181    onThumbPointerDown: (pointerPos: {182        x: number;183        y: number;184    }) => void;185    onDragScroll: (pointerPos: {186        x: number;187        y: number;188    }) => void;189    onWheelScroll: (e: WheelEvent, maxScrollPos: number) => void;190    onResize: () => void;191    onThumbPositionChange: () => void;192    onThumbPointerUp: () => void;193    props: {194        id: string;195        "data-orientation": "horizontal" | "vertical";196        style: Record<string, string | number | undefined>;197    };198}199export declare class ScrollAreaScrollbarXState implements ScrollbarAxisState {200    static create(opts: ScrollbarAxisStateOpts): ScrollbarAxis;201    readonly opts: ScrollbarAxisStateOpts;202    readonly scrollbarVis: ScrollAreaScrollbarVisibleState;203    readonly root: ScrollAreaRootState;204    readonly scrollbar: ScrollAreaScrollbarState;205    readonly attachment: RefAttachment;206    computedStyle: CSSStyleDeclaration | undefined;207    constructor(opts: ScrollbarAxisStateOpts, scrollbarVis: ScrollAreaScrollbarVisibleState);208    onThumbPointerDown: (pointerPos: {209        x: number;210        y: number;211    }) => void;212    onDragScroll: (pointerPos: {213        x: number;214        y: number;215    }) => void;216    onThumbPointerUp: () => void;217    onThumbPositionChange: () => void;218    onWheelScroll: (e: WheelEvent, maxScrollPos: number) => void;219    onResize: () => void;220    readonly thumbSize: number;221    readonly props: {222        readonly id: string;223        readonly "data-orientation": "horizontal";224        readonly style: {225            readonly bottom: 0;226            readonly left: 0 | "var(--bits-scroll-area-corner-width)";227            readonly right: 0 | "var(--bits-scroll-area-corner-width)";228            readonly "--bits-scroll-area-thumb-width": `${number}px`;229        };230    };231}232export declare class ScrollAreaScrollbarYState implements ScrollbarAxisState {233    static create(opts: ScrollbarAxisStateOpts): ScrollbarAxis;234    readonly opts: ScrollbarAxisStateOpts;235    readonly scrollbarVis: ScrollAreaScrollbarVisibleState;236    readonly root: ScrollAreaRootState;237    readonly scrollbar: ScrollAreaScrollbarState;238    readonly attachment: RefAttachment;239    computedStyle: CSSStyleDeclaration | undefined;240    constructor(opts: ScrollbarAxisStateOpts, scrollbarVis: ScrollAreaScrollbarVisibleState);241    onThumbPointerDown(pointerPos: {242        x: number;243        y: number;244    }): void;245    onDragScroll(pointerPos: {246        x: number;247        y: number;248    }): void;249    onThumbPointerUp(): void;250    onThumbPositionChange(): void;251    onWheelScroll(e: WheelEvent, maxScrollPos: number): void;252    onResize(): void;253    readonly thumbSize: number;254    readonly props: {255        readonly id: string;256        readonly "data-orientation": "vertical";257        readonly style: {258            readonly top: 0;259            readonly right: 0 | undefined;260            readonly left: 0 | undefined;261            readonly bottom: "var(--bits-scroll-area-corner-height)";262            readonly "--bits-scroll-area-thumb-height": `${number}px`;263        };264    };265}266type ScrollbarAxis = ScrollAreaScrollbarXState | ScrollAreaScrollbarYState;267export declare class ScrollAreaScrollbarSharedState {268    #private;269    static create(): ScrollAreaScrollbarSharedState;270    readonly scrollbarState: ScrollbarAxis;271    readonly root: ScrollAreaRootState;272    readonly scrollbarVis: ScrollAreaScrollbarVisibleState;273    readonly scrollbar: ScrollAreaScrollbarState;274    rect: DOMRect | null;275    prevWebkitUserSelect: string;276    handleResize: () => void;277    handleThumbPositionChange: () => void;278    handleWheelScroll: (e: WheelEvent, maxScrollPos: number) => void;279    handleThumbPointerDown: (pointerPos: {280        x: number;281        y: number;282    }) => void;283    handleThumbPointerUp: () => void;284    readonly maxScrollPos: number;285    constructor(scrollbarState: ScrollbarAxis);286    handleDragScroll(e: PointerEvent): void;287    onpointerdown(e: BitsPointerEvent): void;288    onpointermove(e: BitsPointerEvent): void;289    onpointerup(e: BitsPointerEvent): void;290    onlostpointercapture(_: BitsPointerEvent): void;291    readonly props: never;292}293interface ScrollAreaThumbImplStateOpts extends WithRefOpts, ReadableBoxedValues<{294    mounted: boolean;295}> {296}297export declare class ScrollAreaThumbImplState {298    #private;299    static create(opts: ScrollAreaThumbImplStateOpts): ScrollAreaThumbImplState;300    readonly opts: ScrollAreaThumbImplStateOpts;301    readonly scrollbarState: ScrollAreaScrollbarSharedState;302    readonly attachment: RefAttachment;303    constructor(opts: ScrollAreaThumbImplStateOpts, scrollbarState: ScrollAreaScrollbarSharedState);304    onpointerdowncapture(e: BitsPointerEvent): void;305    onpointerup(_: BitsPointerEvent): void;306    readonly props: {307        readonly id: string;308        readonly "data-state": "hidden" | "visible";309        readonly style: {310            readonly width: "var(--bits-scroll-area-thumb-width)";311            readonly height: "var(--bits-scroll-area-thumb-height)";312            readonly transform: string;313        };314        readonly onpointerdowncapture: (e: BitsPointerEvent) => void;315        readonly onpointerup: (_: BitsPointerEvent) => void;316    };317}318interface ScrollAreaCornerImplStateOpts extends WithRefOpts {319}320export declare class ScrollAreaCornerImplState {321    #private;322    static create(opts: ScrollAreaCornerImplStateOpts): ScrollAreaCornerImplState;323    readonly opts: ScrollAreaCornerImplStateOpts;324    readonly root: ScrollAreaRootState;325    readonly attachment: RefAttachment;326    readonly hasSize: boolean;327    constructor(opts: ScrollAreaCornerImplStateOpts, root: ScrollAreaRootState);328    readonly props: {329        id: string;330        style: {331            width: number;332            height: number;333            position: string;334            right: number | undefined;335            left: number | undefined;336            bottom: number;337        };338    };339}340export {};341