Brunobkr/llama.cpp_AlgMor24_github

1import { Previous } from "runed";2import { DOMContext, type ReadableBoxedValues, type WritableBoxedValues, type Box } from "svelte-toolbelt";3import type { BitsEvent, BitsFocusEvent, BitsKeyboardEvent, BitsMouseEvent, BitsPointerEvent, OnChangeFn, WithRefOpts, RefAttachment } from "../../internal/types.js";4import { PresenceManager } from "../../internal/presence-manager.svelte.js";5import type { SelectValueSnippetProps } from "./types.js";6export declare const INTERACTION_KEYS: string[];7export declare const FIRST_KEYS: string[];8export declare const LAST_KEYS: string[];9export declare const FIRST_LAST_KEYS: string[];10export declare const SELECTION_KEYS: string[];11export declare const CONTENT_MARGIN = 10;12declare const selectAttrs: import("../../internal/attrs.js").CreateBitsAttrsReturn<readonly ["trigger", "content", "item", "viewport", "scroll-up-button", "scroll-down-button", "group", "group-label", "separator", "arrow", "input", "content-wrapper", "item-text", "value"]>;13interface SelectBaseRootStateOpts extends ReadableBoxedValues<{14    disabled: boolean;15    required: boolean;16    name: string;17    loop: boolean;18    scrollAlignment: "nearest" | "center";19    items: {20        value: string;21        label: string;22        disabled?: boolean;23    }[];24    allowDeselect: boolean;25    onOpenChangeComplete: OnChangeFn<boolean>;26}>, WritableBoxedValues<{27    open: boolean;28    inputValue: string;29}> {30    isCombobox: boolean;31}32declare abstract class SelectBaseRootState {33    readonly opts: SelectBaseRootStateOpts;34    touchedInput: boolean;35    inputNode: HTMLElement | null;36    contentNode: HTMLElement | null;37    contentPresence: PresenceManager;38    viewportNode: HTMLElement | null;39    triggerNode: HTMLElement | null;40    valueNode: HTMLElement | null;41    valueId: string;42    highlightedNode: HTMLElement | null;43    readonly highlightedValue: string | null;44    readonly highlightedId: string | undefined;45    readonly highlightedLabel: string | null;46    contentIsPositioned: boolean;47    isUsingKeyboard: boolean;48    isCombobox: boolean;49    domContext: DOMContext;50    constructor(opts: SelectBaseRootStateOpts);51    setHighlightedNode(node: HTMLElement | null, initial?: boolean): void;52    scrollHighlightedNodeIntoView(node: HTMLElement): void;53    getCandidateNodes(): HTMLElement[];54    setHighlightedToFirstCandidate(initial?: boolean): void;55    getNodeByValue(value: string): HTMLElement | null;56    /**57     * Resolves the display label for a value: `items` entry when present, otherwise the58     * mounted item's `data-label` or its text content.59     */60    getLabelForValue(value: string): string;61    setOpen(open: boolean): void;62    toggleOpen(): void;63    handleOpen(): void;64    handleClose(): void;65    toggleMenu(): void;66    getBitsAttr: typeof selectAttrs.getAttr;67}68interface SelectSingleRootStateOpts extends SelectBaseRootStateOpts, WritableBoxedValues<{69    value: string;70}> {71}72export declare class SelectSingleRootState extends SelectBaseRootState {73    readonly opts: SelectSingleRootStateOpts;74    readonly isMulti: false;75    readonly hasValue: boolean;76    readonly currentLabel: string;77    readonly candidateLabels: string[];78    readonly dataTypeaheadEnabled: boolean;79    constructor(opts: SelectSingleRootStateOpts);80    includesItem(itemValue: string): boolean;81    toggleItem(itemValue: string, itemLabel?: string): void;82    setInitialHighlightedNode(): void;83}84interface SelectMultipleRootStateOpts extends SelectBaseRootStateOpts, WritableBoxedValues<{85    value: string[];86}> {87}88declare class SelectMultipleRootState extends SelectBaseRootState {89    readonly opts: SelectMultipleRootStateOpts;90    readonly isMulti: true;91    readonly hasValue: boolean;92    constructor(opts: SelectMultipleRootStateOpts);93    includesItem(itemValue: string): boolean;94    toggleItem(itemValue: string, itemLabel?: string): void;95    setInitialHighlightedNode(): void;96}97interface SelectRootStateOpts extends ReadableBoxedValues<{98    disabled: boolean;99    required: boolean;100    loop: boolean;101    scrollAlignment: "nearest" | "center";102    name: string;103    items: {104        value: string;105        label: string;106        disabled?: boolean;107    }[];108    allowDeselect: boolean;109    onOpenChangeComplete: OnChangeFn<boolean>;110}>, WritableBoxedValues<{111    open: boolean;112    inputValue: string;113}> {114    isCombobox: boolean;115    type: "single" | "multiple";116    value: Box<string> | Box<string[]>;117}118export declare class SelectRootState {119    static create(props: SelectRootStateOpts): SelectRoot;120}121type SelectRoot = SelectSingleRootState | SelectMultipleRootState;122type SelectValueStateProps = WithRefOpts<ReadableBoxedValues<{123    placeholder: string | null | undefined;124}>>;125export declare class SelectValueState {126    static create(opts: SelectValueStateProps): SelectValueState;127    readonly root: SelectRoot;128    readonly opts: SelectValueStateProps;129    readonly attachment: RefAttachment;130    constructor(opts: SelectValueStateProps, root: SelectRoot);131    setValue(value: string | string[]): void;132    readonly snippetProps: SelectValueSnippetProps;133    readonly props: {134        id: string;135        "data-placeholder": string | undefined;136        "data-select-value": string;137    };138}139interface SelectInputStateOpts extends WithRefOpts, ReadableBoxedValues<{140    clearOnDeselect: boolean;141}> {142}143export declare class SelectInputState {144    static create(opts: SelectInputStateOpts): SelectInputState;145    readonly opts: SelectInputStateOpts;146    readonly root: SelectRoot;147    readonly attachment: RefAttachment;148    constructor(opts: SelectInputStateOpts, root: SelectRoot);149    onkeydown(e: BitsKeyboardEvent): void;150    oninput(e: BitsEvent<Event, HTMLInputElement>): void;151    readonly props: {152        readonly id: string;153        readonly role: "combobox";154        readonly disabled: true | undefined;155        readonly "aria-activedescendant": string | undefined;156        readonly "aria-autocomplete": "list";157        readonly "aria-expanded": "true" | "false";158        readonly "data-state": "open" | "closed";159        readonly "data-disabled": "" | undefined;160        readonly onkeydown: (e: BitsKeyboardEvent) => void;161        readonly oninput: (e: BitsEvent<Event, HTMLInputElement>) => void;162    };163}164interface SelectComboTriggerStateOpts extends WithRefOpts {165}166export declare class SelectComboTriggerState {167    static create(opts: SelectComboTriggerStateOpts): SelectComboTriggerState;168    readonly opts: SelectComboTriggerStateOpts;169    readonly root: SelectBaseRootState;170    readonly attachment: RefAttachment;171    constructor(opts: SelectComboTriggerStateOpts, root: SelectBaseRootState);172    onkeydown(e: BitsKeyboardEvent): void;173    /**174     * `pointerdown` fires before the `focus` event, so we can prevent the default175     * behavior of focusing the button and keep focus on the input.176     */177    onpointerdown(e: BitsPointerEvent): void;178    readonly props: {179        readonly id: string;180        readonly disabled: true | undefined;181        readonly "aria-haspopup": "listbox";182        readonly "data-state": "open" | "closed";183        readonly "data-disabled": "" | undefined;184        readonly onpointerdown: (e: BitsPointerEvent) => void;185        readonly onkeydown: (e: BitsKeyboardEvent) => void;186    };187}188interface SelectTriggerStateOpts extends WithRefOpts {189}190export declare class SelectTriggerState {191    #private;192    static create(opts: SelectTriggerStateOpts): SelectTriggerState;193    readonly opts: SelectTriggerStateOpts;194    readonly root: SelectRoot;195    readonly attachment: RefAttachment;196    constructor(opts: SelectTriggerStateOpts, root: SelectRoot);197    onkeydown(e: BitsKeyboardEvent): void;198    onclick(e: BitsMouseEvent): void;199    onpointerdown(e: BitsPointerEvent): void;200    onpointerup(e: BitsPointerEvent): void;201    readonly props: {202        readonly id: string;203        readonly disabled: true | undefined;204        readonly "aria-haspopup": "listbox";205        readonly "aria-expanded": "true" | "false";206        readonly "aria-activedescendant": string | undefined;207        readonly "data-state": "open" | "closed";208        readonly "data-disabled": "" | undefined;209        readonly "data-placeholder": "" | undefined;210        readonly onpointerdown: (e: BitsPointerEvent) => void;211        readonly onkeydown: (e: BitsKeyboardEvent) => void;212        readonly onclick: (e: BitsMouseEvent) => void;213        readonly onpointerup: (e: BitsPointerEvent) => void;214    };215}216interface SelectContentStateOpts extends WithRefOpts, ReadableBoxedValues<{217    onInteractOutside: (e: PointerEvent) => void;218    onEscapeKeydown: (e: KeyboardEvent) => void;219}> {220}221export declare class SelectContentState {222    #private;223    static create(opts: SelectContentStateOpts): SelectContentState;224    readonly opts: SelectContentStateOpts;225    readonly root: SelectRoot;226    readonly attachment: RefAttachment;227    isPositioned: boolean;228    domContext: DOMContext;229    constructor(opts: SelectContentStateOpts, root: SelectRoot);230    onpointermove(_: BitsPointerEvent): void;231    onInteractOutside: (e: PointerEvent) => void;232    onEscapeKeydown: (e: KeyboardEvent) => void;233    onOpenAutoFocus: (e: Event) => void;234    onCloseAutoFocus: (e: Event) => void;235    get shouldRender(): boolean;236    readonly snippetProps: {237        open: boolean;238    };239    readonly props: {240        readonly style: {241            readonly display: "flex";242            readonly flexDirection: "column";243            readonly outline: "none";244            readonly boxSizing: "border-box";245            readonly pointerEvents: "auto";246        };247        readonly onpointermove: (_: BitsPointerEvent) => void;248        readonly "data-starting-style"?: "";249        readonly "data-ending-style"?: "";250        readonly id: string;251        readonly role: "listbox";252        readonly "aria-multiselectable": "true" | undefined;253        readonly "data-state": "open" | "closed";254    };255    readonly popperProps: {256        onInteractOutside: (e: PointerEvent) => void;257        onEscapeKeydown: (e: KeyboardEvent) => void;258        onOpenAutoFocus: (e: Event) => void;259        onCloseAutoFocus: (e: Event) => void;260        trapFocus: boolean;261        loop: boolean;262        onPlaced: () => void;263    };264}265interface SelectItemStateOpts extends WithRefOpts, ReadableBoxedValues<{266    value: string;267    disabled: boolean;268    label: string;269    onHighlight: () => void;270    onUnhighlight: () => void;271}> {272}273export declare class SelectItemState {274    static create(opts: SelectItemStateOpts): SelectItemState;275    readonly opts: SelectItemStateOpts;276    readonly root: SelectRoot;277    readonly attachment: RefAttachment;278    readonly isSelected: boolean;279    readonly isHighlighted: boolean;280    readonly prevHighlighted: Previous<boolean>;281    mounted: boolean;282    constructor(opts: SelectItemStateOpts, root: SelectRoot);283    handleSelect(): void;284    snippetProps: {285        selected: boolean;286        highlighted: boolean;287    };288    onpointerdown(e: BitsPointerEvent): void;289    /**290     * Using `pointerup` instead of `click` allows power users to pointerdown291     * the trigger, then release pointerup on an item to select it vs having to do292     * multiple clicks.293     */294    onpointerup(e: BitsPointerEvent): void;295    onpointermove(e: BitsPointerEvent): void;296    readonly props: {297        readonly id: string;298        readonly role: "option";299        readonly "aria-selected": "true" | undefined;300        readonly "data-value": string;301        readonly "data-disabled": "" | undefined;302        readonly "data-highlighted": "" | undefined;303        readonly "data-selected": "" | undefined;304        readonly "data-label": string;305        readonly onpointermove: (e: BitsPointerEvent) => void;306        readonly onpointerdown: (e: BitsPointerEvent) => void;307        readonly onpointerup: (e: BitsPointerEvent) => void;308    };309}310interface SelectGroupStateOpts extends WithRefOpts {311}312export declare class SelectGroupState {313    static create(opts: SelectGroupStateOpts): SelectGroupState;314    readonly opts: SelectGroupStateOpts;315    readonly root: SelectBaseRootState;316    labelNode: HTMLElement | null;317    readonly attachment: RefAttachment;318    constructor(opts: SelectGroupStateOpts, root: SelectBaseRootState);319    readonly props: {320        readonly id: string;321        readonly role: "group";322        readonly "aria-labelledby": string | undefined;323    };324}325interface SelectGroupHeadingStateOpts extends WithRefOpts {326}327export declare class SelectGroupHeadingState {328    static create(opts: SelectGroupHeadingStateOpts): SelectGroupHeadingState;329    readonly opts: SelectGroupHeadingStateOpts;330    readonly group: SelectGroupState;331    readonly attachment: RefAttachment;332    constructor(opts: SelectGroupHeadingStateOpts, group: SelectGroupState);333    readonly props: {334        readonly id: string;335    };336}337interface SelectHiddenInputStateOpts extends ReadableBoxedValues<{338    value: string | undefined;339}> {340}341export declare class SelectHiddenInputState {342    static create(opts: SelectHiddenInputStateOpts): SelectHiddenInputState;343    readonly opts: SelectHiddenInputStateOpts;344    readonly root: SelectBaseRootState;345    readonly shouldRender: boolean;346    constructor(opts: SelectHiddenInputStateOpts, root: SelectBaseRootState);347    onfocus(e: BitsFocusEvent): void;348    readonly props: {349        readonly disabled: true | undefined;350        readonly required: true | undefined;351        readonly name: string;352        readonly value: string | undefined;353        readonly onfocus: (e: BitsFocusEvent) => void;354    };355}356interface SelectViewportStateOpts extends WithRefOpts {357}358export declare class SelectViewportState {359    static create(opts: SelectViewportStateOpts): SelectViewportState;360    readonly opts: SelectViewportStateOpts;361    readonly content: SelectContentState;362    readonly root: SelectBaseRootState;363    readonly attachment: RefAttachment;364    prevScrollTop: number;365    constructor(opts: SelectViewportStateOpts, content: SelectContentState);366    readonly props: {367        readonly id: string;368        readonly role: "presentation";369        readonly style: {370            readonly position: "relative";371            readonly flex: 1;372            readonly overflow: "auto";373        };374    };375}376interface SelectScrollButtonImplStateOpts extends WithRefOpts, ReadableBoxedValues<{377    delay: (tick: number) => number;378}> {379}380export declare class SelectScrollButtonImplState {381    readonly opts: SelectScrollButtonImplStateOpts;382    readonly content: SelectContentState;383    readonly root: SelectBaseRootState;384    readonly attachment: RefAttachment;385    autoScrollTimer: number | null;386    userScrollTimer: number;387    isUserScrolling: boolean;388    onAutoScroll: () => void;389    mounted: boolean;390    constructor(opts: SelectScrollButtonImplStateOpts, content: SelectContentState);391    handleUserScroll(): void;392    clearAutoScrollInterval(): void;393    onpointerdown(_: BitsPointerEvent): void;394    onpointermove(e: BitsPointerEvent): void;395    onpointerleave(_: BitsPointerEvent): void;396    readonly props: {397        readonly id: string;398        readonly "aria-hidden": "true" | undefined;399        readonly style: {400            readonly flexShrink: 0;401        };402        readonly onpointerdown: (_: BitsPointerEvent) => void;403        readonly onpointermove: (e: BitsPointerEvent) => void;404        readonly onpointerleave: (_: BitsPointerEvent) => void;405    };406}407export declare class SelectScrollDownButtonState {408    static create(opts: SelectScrollButtonImplStateOpts): SelectScrollDownButtonState;409    readonly scrollButtonState: SelectScrollButtonImplState;410    readonly content: SelectContentState;411    readonly root: SelectBaseRootState;412    canScrollDown: boolean;413    scrollIntoViewTimer: ReturnType<typeof globalThis.setTimeout> | null;414    constructor(scrollButtonState: SelectScrollButtonImplState);415    /**416     * @param manual - if true, it means the function was invoked manually outside of an event417     * listener, so we don't call `handleUserScroll` to prevent the auto scroll from kicking in.418     */419    handleScroll: (manual?: boolean) => void;420    handleAutoScroll: () => void;421    readonly props: {422        readonly id: string;423        readonly "aria-hidden": "true" | undefined;424        readonly style: {425            readonly flexShrink: 0;426        };427        readonly onpointerdown: (_: BitsPointerEvent) => void;428        readonly onpointermove: (e: BitsPointerEvent) => void;429        readonly onpointerleave: (_: BitsPointerEvent) => void;430    };431}432export declare class SelectScrollUpButtonState {433    static create(opts: SelectScrollButtonImplStateOpts): SelectScrollUpButtonState;434    readonly scrollButtonState: SelectScrollButtonImplState;435    readonly content: SelectContentState;436    readonly root: SelectBaseRootState;437    canScrollUp: boolean;438    constructor(scrollButtonState: SelectScrollButtonImplState);439    /**440     * @param manual - if true, it means the function was invoked manually outside of an event441     * listener, so we don't call `handleUserScroll` to prevent the auto scroll from kicking in.442     */443    handleScroll: (manual?: boolean) => void;444    handleAutoScroll: () => void;445    readonly props: {446        readonly id: string;447        readonly "aria-hidden": "true" | undefined;448        readonly style: {449            readonly flexShrink: 0;450        };451        readonly onpointerdown: (_: BitsPointerEvent) => void;452        readonly onpointermove: (e: BitsPointerEvent) => void;453        readonly onpointerleave: (_: BitsPointerEvent) => void;454    };455}456export {};457