svelte-tenor/MobileKeyboard.svelte.d.ts

Tenor GIF components, implemented in Svelte.

import { SvelteComponentTyped } from "svelte";
import type { Gif, SearchOptions } from './api';
declare const __propDef: {
    props: {
        /** Tenor API key. */ key: SearchOptions['key'];
        /** Search term. */ q?: string | undefined;
        /** Search locale. */ locale?: SearchOptions['locale'];
        /** Video quality filter. */ quality?: SearchOptions['quality'];
        /** Safety filter. */ safety?: SearchOptions['safety'];
        /** Aspect ratio filter. */ ratio?: SearchOptions['ratio'];
        /** Number of results per page. */ limit?: SearchOptions['limit'];
        /** Number of pages to display. */ page?: number | undefined;
        /**
           * Minimum size for each column, in pixels. The maximum size is `columnSize * 2 + gap`.
           *
           * @default 140px
           */ columnSize?: number | undefined;
        /**
           * Gap between elements, in pixels.
           *
           * @default 4px
           */ gap?: number | undefined;
        /**
           * Should the input be focused when mounted?
           *
           * @default true
           */ autofocus?: boolean | undefined;
        /** Keyboard messages. */ messages?: {
            /** Text displayed in the search field when empty. */
            placeholder: string;
            /** Text in the Close button. Set to `false` to hide the button. */
            close: string | false;
            /**
             * What error should be displayed?
             *
             * - `false`: No error at all
             * - `true`: Original error message
             * - `string`: Custom error message
             */
            error: string | boolean;
            /** Text in the Retry button. Set to `false` to hide the button. */
            retry: string | false;
            /** Text shown when Tenor returns an empty list. */
            empty: string;
        } | undefined;
        /**
           * Is the request in progress?
           *
           * @readonly
           */ loading?: boolean | undefined;
        /**
           * GIFs displayed in the grid.
           *
           * @readonly
           */ gifs?: Array<Gif> | undefined;
    };
    events: {
        click: CustomEvent<Gif>;
        close: CustomEvent<void>;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {};
};
export declare type MobileKeyboardProps = typeof __propDef.props;
export declare type MobileKeyboardEvents = typeof __propDef.events;
export declare type MobileKeyboardSlots = typeof __propDef.slots;
export default class MobileKeyboard extends SvelteComponentTyped<MobileKeyboardProps, MobileKeyboardEvents, MobileKeyboardSlots> {
}
export {};