@coreui/vue-pro 5.0.0-alpha.1 → 5.0.0-beta.1

package/dist/cjs/components/time-picker/utils.js

@@ -0,0 +1,77 @@
+'use strict';
+
+const convert12hTo24h = (abbr, hour) => {
+    if (abbr === 'am' && hour === 12) {
+        return 0;
+    }
+    if (abbr === 'am') {
+        return hour;
+    }
+    if (abbr === 'pm' && hour === 12) {
+        return 12;
+    }
+    return hour + 12;
+};
+const convert24hTo12h = (hour) => hour % 12 || 12;
+const convertTimeToDate = (time) => time ? (time instanceof Date ? new Date(time) : new Date(`1970-01-01 ${time}`)) : null;
+const getAmPm = (date, locale) => {
+    if (date.toLocaleTimeString(locale).includes('AM')) {
+        return 'am';
+    }
+    if (date.toLocaleTimeString(locale).includes('PM')) {
+        return 'pm';
+    }
+    return date.getHours() >= 12 ? 'pm' : 'am';
+};
+const getLocalizedTimePartials = (locale, ampm = 'auto') => {
+    const date = new Date();
+    const hour12 = ['am', 'AM', 'pm', 'PM'].some((el) => date.toLocaleString(locale).includes(el));
+    const listOfHours = Array.from({ length: (ampm === 'auto' && hour12) || ampm === true ? 12 : 24 }, (_, i) => {
+        return {
+            value: (ampm === 'auto' && hour12) || ampm === true ? i + 1 : i,
+            label: ((ampm === 'auto' && hour12) || ampm === true ? i + 1 : i).toLocaleString(locale),
+        };
+    });
+    const listOfMinutesSeconds = Array.from({ length: 60 }, (_, i) => {
+        date.setMinutes(i);
+        return {
+            value: i,
+            label: date
+                .toLocaleTimeString(locale, {
+                minute: '2-digit',
+                second: '2-digit',
+            })
+                .split(/[^A-Za-z0-9\u06F0-\u06F90-9]/)[0],
+        };
+    });
+    return {
+        listOfHours,
+        listOfMinutes: listOfMinutesSeconds,
+        listOfSeconds: listOfMinutesSeconds,
+        hour12,
+    };
+};
+const getSelectedHour = (date, locale, ampm = 'auto') => date
+    ? (ampm === 'auto' && isAmPm(locale)) || ampm === true
+        ? convert24hTo12h(date.getHours())
+        : date.getHours()
+    : '';
+const getSelectedMinutes = (date) => (date ? date.getMinutes() : '');
+const getSelectedSeconds = (date) => (date ? date.getSeconds() : '');
+const isAmPm = (locale) => ['am', 'AM', 'pm', 'PM'].some((el) => new Date().toLocaleString(locale).includes(el));
+const isValidTime = (time) => {
+    const d = new Date(`1970-01-01 ${time}`);
+    return d instanceof Date && d.getTime();
+};
+
+exports.convert12hTo24h = convert12hTo24h;
+exports.convert24hTo12h = convert24hTo12h;
+exports.convertTimeToDate = convertTimeToDate;
+exports.getAmPm = getAmPm;
+exports.getLocalizedTimePartials = getLocalizedTimePartials;
+exports.getSelectedHour = getSelectedHour;
+exports.getSelectedMinutes = getSelectedMinutes;
+exports.getSelectedSeconds = getSelectedSeconds;
+exports.isAmPm = isAmPm;
+exports.isValidTime = isValidTime;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/time-picker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/time-picker/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/cjs/components/toast/CToast.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CToast = vue.defineComponent({
+    name: 'CToast',
+    props: {
+        /**
+         * Auto hide the toast.
+         */
+        autohide: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+         */
+        color: props.Color,
+        /**
+         * Delay hiding the toast (ms).
+         */
+        delay: {
+            type: Number,
+            default: 5000,
+        },
+        /**
+         * Optionally add a close button to component and allow it to self dismiss.
+         */
+        dismissible: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * index of the component.
+         */
+        index: Number,
+        /**
+         * Title node for your component.
+         */
+        title: String,
+        /**
+         * Toggle the visibility of component.
+         */
+        visible: Boolean,
+    },
+    emits: [
+        /**
+         * Callback fired when the component requests to be closed.
+         */
+        'close',
+        /**
+         * Callback fired when the component requests to be shown.
+         */
+        'show',
+    ],
+    setup(props, { slots, emit }) {
+        const timeout = vue.ref(0);
+        const visible = vue.ref();
+        const updateVisible = (_visible) => {
+            visible.value = _visible;
+        };
+        vue.provide('updateVisible', updateVisible);
+        vue.onMounted(() => {
+            if (props.visible) {
+                visible.value = props.visible;
+            }
+            if (props.autohide) {
+                clearTimeout(timeout.value);
+                timeout.value = window.setTimeout(() => {
+                    visible.value = false;
+                    emit('close');
+                }, props.delay);
+            }
+        });
+        return () => vue.h(vue.Transition, {
+            appear: true,
+            enterFromClass: '',
+            enterActiveClass: 'show showing',
+            enterToClass: 'show',
+            leaveFromClass: 'show',
+            leaveActiveClass: 'show showing',
+            leaveToClass: 'show',
+            onAfterEnter: (el) => {
+                el.classList.add('show');
+                props.index ? emit('show', props.index) : emit('show');
+            },
+            onAfterLeave: () => {
+                props.index ? emit('close', props.index) : emit('close');
+            },
+        }, {
+            default: () => visible.value &&
+                vue.h('div', {
+                    class: [
+                        'toast fade',
+                        {
+                            [`bg-${props.color}`]: props.color,
+                        },
+                    ],
+                    'aria-live': 'assertive',
+                    'aria-atomic': true,
+                    role: 'alert',
+                }, slots.default && slots.default()),
+        });
+    },
+});
+
+exports.CToast = CToast;
+//# sourceMappingURL=CToast.js.map

package/dist/cjs/components/toast/CToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToast.js","sources":["../../../../src/components/toast/CToast.ts"],"sourcesContent":[null],"names":["defineComponent","Color","ref","provide","onMounted","h","Transition"],"mappings":"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"}

package/dist/cjs/components/toast/CToastBody.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var vue = require('vue');
+
+const CToastBody = vue.defineComponent({
+    name: 'CToastBody',
+    setup(_, { slots }) {
+        return () => vue.h('div', { class: 'toast-body' }, slots.default && slots.default());
+    },
+});
+
+exports.CToastBody = CToastBody;
+//# sourceMappingURL=CToastBody.js.map

package/dist/cjs/components/toast/CToastBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToastBody.js","sources":["../../../../src/components/toast/CToastBody.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,UAAU,GAAGA,mBAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACjF;AACF,CAAA;;;;"}

package/dist/cjs/components/toast/CToastClose.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var vue = require('vue');
+var CCloseButton = require('../close-button/CCloseButton.js');
+
+const CToastClose = vue.defineComponent({
+    name: 'CToastClose',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: String,
+        ...CCloseButton.CCloseButton.props,
+    },
+    emits: [
+        /**
+         * Event called before the dissmiss animation has started.
+         */
+        'close',
+    ],
+    setup(props, { slots, emit }) {
+        // eslint-disable-next-line no-unused-vars
+        const updateVisible = vue.inject('updateVisible');
+        const handleClose = () => {
+            emit('close');
+            updateVisible(false);
+        };
+        return () => props.component
+            ? vue.h(props.component, {
+                onClick: () => {
+                    handleClose();
+                },
+            }, () => slots.default && slots.default())
+            : vue.h(CCloseButton.CCloseButton, {
+                ...props,
+                onClick: () => {
+                    handleClose();
+                },
+            });
+    },
+});
+
+exports.CToastClose = CToastClose;
+//# sourceMappingURL=CToastClose.js.map

package/dist/cjs/components/toast/CToastClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToastClose.js","sources":["../../../../src/components/toast/CToastClose.ts"],"sourcesContent":[null],"names":["defineComponent","CCloseButton","inject","h"],"mappings":";;;;;AAGM,MAAA,WAAW,GAAGA,mBAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE,MAAM;QACjB,GAAGC,yBAAY,CAAC,KAAK;AACtB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACR,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;;AAE1B,QAAA,MAAM,aAAa,GAAGC,UAAM,CAAC,eAAe,CAA+B,CAAA;QAC3E,MAAM,WAAW,GAAG,MAAK;YACvB,IAAI,CAAC,OAAO,CAAC,CAAA;YACb,aAAa,CAAC,KAAK,CAAC,CAAA;AACtB,SAAC,CAAA;AACD,QAAA,OAAO,MACL,KAAK,CAAC,SAAS;AACb,cAAEC,KAAC,CACC,KAAK,CAAC,SAAS,EACf;gBACE,OAAO,EAAE,MAAK;AACZ,oBAAA,WAAW,EAAE,CAAA;iBACd;aACF,EACD,MAAM,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACvC;AACH,cAAEA,KAAC,CAACF,yBAAY,EAAE;AACd,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,MAAK;AACZ,oBAAA,WAAW,EAAE,CAAA;iBACd;AACF,aAAA,CAAC,CAAA;KACT;AACF,CAAA;;;;"}

package/dist/cjs/components/toast/CToastHeader.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var vue = require('vue');
+var CToastClose = require('./CToastClose.js');
+
+const CToastHeader = vue.defineComponent({
+    name: 'CToastHeader',
+    props: {
+        /**
+         * Automatically add a close button to the header.
+         */
+        closeButton: Boolean,
+    },
+    emits: [
+        /**
+         * Event called after clicking the close button.
+         */
+        'close',
+    ],
+    setup(props, { slots, emit }) {
+        return () => vue.h('div', { class: 'toast-header' }, [
+            slots.default && slots.default(),
+            props.closeButton &&
+                vue.h(CToastClose.CToastClose, {
+                    onClose: () => emit('close'),
+                }),
+        ]);
+    },
+});
+
+exports.CToastHeader = CToastHeader;
+//# sourceMappingURL=CToastHeader.js.map

package/dist/cjs/components/toast/CToastHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToastHeader.js","sources":["../../../../src/components/toast/CToastHeader.ts"],"sourcesContent":[null],"names":["defineComponent","h","CToastClose"],"mappings":";;;;;AAGM,MAAA,YAAY,GAAGA,mBAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,WAAW,EAAE,OAAO;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACR,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,QAAA,OAAO,MACLC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;AAClC,YAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC,YAAA,KAAK,CAAC,WAAW;gBACfA,KAAC,CAACC,uBAAW,EAAE;AACb,oBAAA,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC;iBAC7B,CAAC;AACL,SAAA,CAAC,CAAA;KACL;AACF,CAAA;;;;"}

package/dist/cjs/components/toast/CToaster.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var vue = require('vue');
+
+const CToaster = vue.defineComponent({
+    name: 'CToaster',
+    props: {
+        /**
+         * Describes the placement of component.
+         *
+         * @values 'top-start', 'top', 'top-end', 'middle-start', 'middle', 'middle-end', 'bottom-start', 'bottom', 'bottom-end'
+         */
+        placement: {
+            type: String,
+            validator: (value) => {
+                return [
+                    'top-start',
+                    'top-center',
+                    'top-end',
+                    'middle-start',
+                    'middle-center',
+                    'middle-end',
+                    'bottom-start',
+                    'bottom-center',
+                    'bottom-end',
+                ].includes(value);
+            },
+        },
+    },
+    setup(props, { slots }) {
+        return () => vue.h('div', {
+            class: [
+                'toaster toast-container p-3',
+                {
+                    'position-fixed': props.placement,
+                    'top-0': props.placement && props.placement.includes('top'),
+                    'top-50 translate-middle-y': props.placement && props.placement.includes('middle'),
+                    'bottom-0': props.placement && props.placement.includes('bottom'),
+                    'start-0': props.placement && props.placement.includes('start'),
+                    'start-50 translate-middle-x': props.placement && props.placement.includes('center'),
+                    'end-0': props.placement && props.placement.includes('end'),
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CToaster = CToaster;
+//# sourceMappingURL=CToaster.js.map

package/dist/cjs/components/toast/CToaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToaster.js","sources":["../../../../src/components/toast/CToaster.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO;oBACL,WAAW;oBACX,YAAY;oBACZ,SAAS;oBACT,cAAc;oBACd,eAAe;oBACf,YAAY;oBACZ,cAAc;oBACd,eAAe;oBACf,YAAY;AACb,iBAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAClB;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,6BAA6B;AAC7B,gBAAA;oBACE,gBAAgB,EAAE,KAAK,CAAC,SAAS;AACjC,oBAAA,OAAO,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3D,oBAAA,2BAA2B,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAClF,oBAAA,UAAU,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACjE,oBAAA,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC/D,oBAAA,6BAA6B,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACpF,oBAAA,OAAO,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC5D,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/toast/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var CToast = require('./CToast.js');
+var CToastBody = require('./CToastBody.js');
+var CToastClose = require('./CToastClose.js');
+var CToaster = require('./CToaster.js');
+var CToastHeader = require('./CToastHeader.js');
+
+const CToastPlugin = {
+    install: (app) => {
+        app.component(CToast.CToast.name, CToast.CToast);
+        app.component(CToastBody.CToastBody.name, CToastBody.CToastBody);
+        app.component(CToastClose.CToastClose.name, CToastClose.CToastClose);
+        app.component(CToaster.CToaster.name, CToaster.CToaster);
+        app.component(CToastHeader.CToastHeader.name, CToastHeader.CToastHeader);
+    },
+};
+
+exports.CToast = CToast.CToast;
+exports.CToastBody = CToastBody.CToastBody;
+exports.CToastClose = CToastClose.CToastClose;
+exports.CToaster = CToaster.CToaster;
+exports.CToastHeader = CToastHeader.CToastHeader;
+exports.CToastPlugin = CToastPlugin;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/toast/index.ts"],"sourcesContent":[null],"names":["CToast","CToastBody","CToastClose","CToaster","CToastHeader"],"mappings":";;;;;;;;AAOA,MAAM,YAAY,GAAG;AACnB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,aAAM,CAAC,IAAI,EAAEA,aAAM,CAAC,CAAA;QAClC,GAAG,CAAC,SAAS,CAACC,qBAAU,CAAC,IAAI,EAAEA,qBAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAACC,uBAAW,CAAC,IAAI,EAAEA,uBAAW,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAACC,iBAAQ,CAAC,IAAI,EAAEA,iBAAQ,CAAC,CAAA;QACtC,GAAG,CAAC,SAAS,CAACC,yBAAY,CAAC,IAAI,EAAEA,yBAAY,CAAC,CAAA;KAC/C;;;;;;;;;;"}

package/dist/cjs/components/tooltip/CTooltip.d.ts

@@ -0,0 +1,172 @@
+import { PropType, RendererElement } from 'vue';
+import type { Placement } from '@popperjs/core';
+import type { Placements, Triggers } from '../../types';
+declare const CTooltip: import("vue").DefineComponent<{
+    /**
+     * Apply a CSS fade transition to the tooltip.
+     *
+     * @since 4.9.0
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v5.0.0-beta.1
+     */
+    container: {
+        type: PropType<string | HTMLElement | (() => HTMLElement)>;
+        default: string;
+    };
+    /**
+     * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
+     */
+    content: StringConstructor;
+    /**
+     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0
+     */
+    delay: {
+        type: PropType<number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0
+     */
+    fallbackPlacements: {
+        type: PropType<string | string[]>;
+        default: () => string[];
+        validator: (value: Placements | Placements[]) => boolean;
+    };
+    /**
+     * Offset of the tooltip relative to its target.
+     */
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    /**
+     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     */
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @values 'click', 'focus', 'hover'
+     */
+    trigger: {
+        type: PropType<Triggers | Triggers[]>;
+        default: () => string[];
+        validator: (value: Triggers | Triggers[]) => boolean;
+    };
+    /**
+     * Toggle the visibility of tooltip component.
+     */
+    visible: BooleanConstructor;
+}, () => (import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    [key: string]: any;
+}>[] | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Apply a CSS fade transition to the tooltip.
+     *
+     * @since 4.9.0
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v5.0.0-beta.1
+     */
+    container: {
+        type: PropType<string | HTMLElement | (() => HTMLElement)>;
+        default: string;
+    };
+    /**
+     * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
+     */
+    content: StringConstructor;
+    /**
+     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0
+     */
+    delay: {
+        type: PropType<number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0
+     */
+    fallbackPlacements: {
+        type: PropType<string | string[]>;
+        default: () => string[];
+        validator: (value: Placements | Placements[]) => boolean;
+    };
+    /**
+     * Offset of the tooltip relative to its target.
+     */
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    /**
+     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     */
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @values 'click', 'focus', 'hover'
+     */
+    trigger: {
+        type: PropType<Triggers | Triggers[]>;
+        default: () => string[];
+        validator: (value: Triggers | Triggers[]) => boolean;
+    };
+    /**
+     * Toggle the visibility of tooltip component.
+     */
+    visible: BooleanConstructor;
+}>> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    container: string | HTMLElement | (() => HTMLElement);
+    placement: Placement;
+    offset: unknown[];
+    trigger: Triggers | Triggers[];
+    animation: boolean;
+    delay: number | {
+        show: number;
+        hide: number;
+    };
+    fallbackPlacements: string | string[];
+}, {}>;
+export { CTooltip };