@types/bootstrap/index.d.ts

TypeScript definitions for bootstrap

// Type definitions for bootstrap 5.2
// Project: https://getbootstrap.com/
// Definitions by: denisname <https://github.com/denisname>
//                 Piotr Błażejewicz <https://github.com/peterblazejewicz>
//                 Martin Badin <https://github.com/martin-badin>
//                 Kyle Tsang <https://github.com/kyletsang>
//                 Luke Nelson <https://github.com/luc122c>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// Minimum TypeScript Version: 3.8

export as namespace bootstrap;

import Alert from './js/dist/alert';
import Button from './js/dist/button';
import Carousel from './js/dist/carousel';
import Collapse from './js/dist/collapse';
import Dropdown from './js/dist/dropdown';
import Modal from './js/dist/modal';
import Offcanvas from './js/dist/offcanvas';
import Popover from './js/dist/popover';
import ScrollSpy from './js/dist/scrollspy';
import Tab from './js/dist/tab';
import Toast from './js/dist/toast';
import Tooltip from './js/dist/tooltip';

declare global {
    interface JQuery {
        alert: Alert.jQueryInterface;
        button: Button.jQueryInterface;
        carousel: Carousel.jQueryInterface;
        collapse: Collapse.jQueryInterface;
        dropdown: Dropdown.jQueryInterface;
        tab: Tab.jQueryInterface;
        modal: Modal.jQueryInterface;
        offcanvas: Offcanvas.jQueryInterface;
        [Popover.NAME]: Popover.jQueryInterface;
        scrollspy: ScrollSpy.jQueryInterface;
        toast: Toast.jQueryInterface;
        [Tooltip.NAME]: Tooltip.jQueryInterface;
    }

    interface Element {
        addEventListener(
            type: Carousel.Events | 'slide.bs.carousel' | 'slid.bs.carousel',
            listener: (this: Element, ev: Carousel.Event) => any,
            options?: boolean | AddEventListenerOptions,
        ): void;

        addEventListener(
            type:
                | Modal.Events
                | 'show.bs.modal'
                | 'shown.bs.modal'
                | 'hide.bs.modal'
                | 'hidden.bs.modal'
                | 'hidePrevented.bs.modal',
            listener: (this: Element, ev: Modal.Event) => any,
            options?: boolean | AddEventListenerOptions,
        ): void;
    }
}

export { Alert, Button, Carousel, Collapse, Dropdown, Modal, Offcanvas, Popover, ScrollSpy, Tab, Toast, Tooltip };