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

package/dist/esm/components/popover/CPopover.d.ts

@@ -0,0 +1,180 @@
+import { PropType, RendererElement } from 'vue';
+import type { Placement } from '@popperjs/core';
+import type { Placements, Triggers } from '../../types';
+declare const CPopover: import("vue").DefineComponent<{
+    /**
+     * Apply a CSS fade transition to the popover.
+     *
+     * @since 4.9.0
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Appends the vue popover 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.0
+     */
+    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 popover 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;
+    };
+    /**
+     * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
+     */
+    title: StringConstructor;
+    /**
+     * 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 popover 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 popover.
+     *
+     * @since 4.9.0
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Appends the vue popover 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.0
+     */
+    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 popover 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;
+    };
+    /**
+     * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
+     */
+    title: StringConstructor;
+    /**
+     * 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 popover 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 { CPopover };

package/dist/esm/components/popover/CPopover.js

@@ -0,0 +1,215 @@
+import { defineComponent, ref, h, Transition } from 'vue';
+import { CConditionalTeleport } from '../conditional-teleport/CConditionalTeleport.js';
+import { usePopper } from '../../composables/usePopper.js';
+import { executeAfterTransition } from '../../utils/transition.js';
+import getRTLPlacement from '../../utils/getRTLPlacement.js';
+
+const CPopover = defineComponent({
+    name: 'CPopover',
+    props: {
+        /**
+         * Apply a CSS fade transition to the popover.
+         *
+         * @since 4.9.0
+         */
+        animation: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Appends the vue popover 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.0
+         */
+        container: {
+            type: [HTMLElement, () => HTMLElement, String],
+            default: 'body',
+        },
+        /**
+         * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
+         */
+        content: String,
+        /**
+         * 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: [Number, Object],
+            default: 0,
+        },
+        /**
+         * 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: [String, Array],
+            default: () => ['top', 'right', 'bottom', 'left'],
+            validator: (value) => {
+                if (typeof value === 'string') {
+                    return ['top', 'right', 'bottom', 'left'].includes(value);
+                }
+                if (Array.isArray(value)) {
+                    return value.every((e) => ['top', 'right', 'bottom', 'left'].includes(e));
+                }
+                return false;
+            },
+        },
+        /**
+         * Offset of the popover relative to its target.
+         */
+        offset: {
+            type: Array,
+            default: () => [0, 8],
+        },
+        /**
+         * 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: String,
+            default: 'top',
+            validator: (value) => {
+                return ['top', 'right', 'bottom', 'left'].includes(value);
+            },
+        },
+        /**
+         * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
+         */
+        title: String,
+        /**
+         * 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: [String, Array],
+            default: 'click',
+            validator: (value) => {
+                if (typeof value === 'string') {
+                    return ['click', 'focus', 'hover'].includes(value);
+                }
+                if (Array.isArray(value)) {
+                    return value.every((e) => ['click', 'focus', 'hover'].includes(e));
+                }
+                return false;
+            },
+        },
+        /**
+         * Toggle the visibility of popover component.
+         */
+        visible: Boolean,
+    },
+    emits: [
+        /**
+         * Callback fired when the component requests to be hidden.
+         */
+        'hide',
+        /**
+         * Callback fired when the component requests to be shown.
+         */
+        'show',
+    ],
+    setup(props, { attrs, slots, emit }) {
+        const togglerRef = ref();
+        const popoverRef = ref();
+        const visible = ref(props.visible);
+        const { initPopper, destroyPopper } = usePopper();
+        const delay = typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay;
+        const popperConfig = {
+            modifiers: [
+                {
+                    name: 'arrow',
+                    options: {
+                        element: '.popover-arrow',
+                    },
+                },
+                {
+                    name: 'flip',
+                    options: {
+                        fallbackPlacements: props.fallbackPlacements,
+                    },
+                },
+                {
+                    name: 'offset',
+                    options: {
+                        offset: props.offset,
+                    },
+                },
+            ],
+            placement: getRTLPlacement(props.placement, togglerRef.value),
+        };
+        const handleEnter = (el, done) => {
+            emit('show');
+            initPopper(togglerRef.value, popoverRef.value, popperConfig);
+            el.classList.add('show');
+            executeAfterTransition(() => done(), el);
+        };
+        const handleLeave = (el, done) => {
+            emit('hide');
+            el.classList.remove('show');
+            executeAfterTransition(() => {
+                done();
+                destroyPopper();
+            }, el);
+        };
+        const toggleVisible = (event, _visible) => {
+            togglerRef.value = event.target;
+            if (_visible) {
+                setTimeout(() => {
+                    visible.value = true;
+                }, delay.show);
+                return;
+            }
+            setTimeout(() => {
+                visible.value = false;
+            }, delay.hide);
+        };
+        return () => [
+            h(CConditionalTeleport, {
+                container: props.container,
+                teleport: true,
+            }, {
+                default: () => h(Transition, {
+                    onEnter: (el, done) => handleEnter(el, done),
+                    onLeave: (el, done) => handleLeave(el, done),
+                }, () => visible.value &&
+                    h('div', {
+                        class: [
+                            'popover',
+                            'bs-popover-auto',
+                            {
+                                fade: props.animation,
+                            },
+                        ],
+                        ref: popoverRef,
+                        role: 'tooltip',
+                        ...attrs,
+                    }, [
+                        h('div', { class: 'popover-arrow' }),
+                        (props.title || slots.title) &&
+                            h('div', { class: 'popover-header' }, {
+                                default: () => (slots.title && slots.title()) || props.title,
+                            }),
+                        (props.content || slots.content) &&
+                            h('div', { class: 'popover-body' }, {
+                                default: () => (slots.content && slots.content()) || props.content,
+                            }),
+                    ])),
+            }),
+            slots.toggler &&
+                slots.toggler({
+                    on: {
+                        click: (event) => props.trigger.includes('click') && toggleVisible(event, !visible.value),
+                        blur: (event) => props.trigger.includes('focus') && toggleVisible(event, false),
+                        focus: (event) => props.trigger.includes('focus') && toggleVisible(event, true),
+                        mouseenter: (event) => props.trigger.includes('hover') && toggleVisible(event, true),
+                        mouseleave: (event) => props.trigger.includes('hover') && toggleVisible(event, false),
+                    },
+                }),
+        ];
+    },
+});
+
+export { CPopover };
+//# sourceMappingURL=CPopover.js.map

package/dist/esm/components/popover/CPopover.js.map

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

package/dist/esm/components/popover/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { CPopover } from './CPopover';
+declare const CPopoverPlugin: {
+    install: (app: App) => void;
+};
+export { CPopoverPlugin, CPopover };

package/dist/esm/components/popover/index.js

@@ -0,0 +1,10 @@
+import { CPopover } from './CPopover.js';
+
+const CPopoverPlugin = {
+    install: (app) => {
+        app.component(CPopover.name, CPopover);
+    },
+};
+
+export { CPopover, CPopoverPlugin };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/popover/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,cAAc,GAAG;AACrB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;KACvC;;;;;"}

package/dist/esm/components/progress/CProgress.d.ts

@@ -0,0 +1,105 @@
+declare const CProgress: import("vue").DefineComponent<{
+    /**
+     * Use to animate the stripes right to left via CSS3 animations.
+     */
+    animated: BooleanConstructor;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
+     */
+    height: NumberConstructor;
+    /**
+     * A string of all className you want applied to the <CProgressBar/> component.
+     *
+     * @since 5.0.0-beta.0
+     */
+    progressBarClassName: StringConstructor;
+    /**
+     * Makes progress bar thinner.
+     */
+    thin: BooleanConstructor;
+    /**
+     * The percent to progress the ProgressBar.
+     */
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Set the progress bar variant to optional striped.
+     *
+     * @values 'striped'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Change the default color to white.
+     */
+    white: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Use to animate the stripes right to left via CSS3 animations.
+     */
+    animated: BooleanConstructor;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
+     */
+    height: NumberConstructor;
+    /**
+     * A string of all className you want applied to the <CProgressBar/> component.
+     *
+     * @since 5.0.0-beta.0
+     */
+    progressBarClassName: StringConstructor;
+    /**
+     * Makes progress bar thinner.
+     */
+    thin: BooleanConstructor;
+    /**
+     * The percent to progress the ProgressBar.
+     */
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Set the progress bar variant to optional striped.
+     *
+     * @values 'striped'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Change the default color to white.
+     */
+    white: BooleanConstructor;
+}>>, {
+    value: number;
+    white: boolean;
+    animated: boolean;
+    thin: boolean;
+}, {}>;
+export { CProgress };

package/dist/esm/components/progress/CProgress.js

@@ -0,0 +1,101 @@
+import { defineComponent, inject, h } from 'vue';
+import { CProgressBar } from './CProgressBar.js';
+import { Color } from '../../props.js';
+
+const CProgress = defineComponent({
+    name: 'CProgress',
+    props: {
+        /**
+         * Use to animate the stripes right to left via CSS3 animations.
+         */
+        animated: Boolean,
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        color: Color,
+        /**
+         * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
+         */
+        height: Number,
+        /**
+         * A string of all className you want applied to the <CProgressBar/> component.
+         *
+         * @since 5.0.0-beta.0
+         */
+        progressBarClassName: String,
+        /**
+         * Makes progress bar thinner.
+         */
+        thin: Boolean,
+        /**
+         * The percent to progress the ProgressBar.
+         */
+        value: {
+            type: Number,
+            default: 0,
+        },
+        /**
+         * Set the progress bar variant to optional striped.
+         *
+         * @values 'striped'
+         */
+        variant: {
+            type: String,
+            validator: (value) => {
+                return value === 'striped';
+            },
+        },
+        /**
+         * Change the default color to white.
+         */
+        white: Boolean,
+    },
+    setup(props, { slots }) {
+        const stacked = inject('stacked', false);
+        return () => h('div', {
+            class: [
+                'progress',
+                {
+                    'progress-thin': props.thin,
+                    'progress-white': props.white,
+                },
+            ],
+            style: {
+                ...(props.height ? { height: `${props.height}px` } : {}),
+                ...(stacked ? { width: `${props.value}%` } : {}),
+            },
+            ...(props.value !== undefined && {
+                role: 'progressbar',
+                'aria-valuenow': props.value,
+                'aria-valuemin': 0,
+                'aria-valuemax': 100,
+            }),
+        }, 
+        // @ts-expect-error name is defined in component
+        slots.default && slots.default().some((vnode) => vnode.type.name === 'CProgressBar')
+            ? slots.default().map((vnode) => {
+                // @ts-expect-error name is defined in component
+                if (vnode.type.name === 'CProgressBar') {
+                    return h(vnode, {
+                        ...(props.animated && { animated: props.animated }),
+                        ...(props.color && { color: props.color }),
+                        ...(props.value && { value: props.value }),
+                        ...(props.variant && { variant: props.variant }),
+                    });
+                }
+                return vnode;
+            })
+            : h(CProgressBar, {
+                ...(props.progressBarClassName && { class: props.progressBarClassName }),
+                animated: props.animated,
+                color: props.color,
+                value: props.value,
+                variant: props.variant,
+            }, () => slots.default && slots.default()));
+    },
+});
+
+export { CProgress };
+//# sourceMappingURL=CProgress.js.map

package/dist/esm/components/progress/CProgress.js.map

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