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

package/dist/esm/components/dropdown/CDropdownDivider.js

@@ -0,0 +1,13 @@
+import { defineComponent, h } from 'vue';
+
+const CDropdownDivider = defineComponent({
+    name: 'CDropdownDivider',
+    setup() {
+        return () => h('hr', {
+            class: 'dropdown-divider',
+        });
+    },
+});
+
+export { CDropdownDivider };
+//# sourceMappingURL=CDropdownDivider.js.map

package/dist/esm/components/dropdown/CDropdownDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CDropdownDivider.js","sources":["../../../../src/components/dropdown/CDropdownDivider.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,gBAAgB,GAAG,eAAe,CAAC;AACvC,IAAA,IAAI,EAAE,kBAAkB;IACxB,KAAK,GAAA;AACH,QAAA,OAAO,MACL,CAAC,CAAC,IAAI,EAAE;AACN,YAAA,KAAK,EAAE,kBAAkB;AAC1B,SAAA,CAAC,CAAA;KACL;AACF,CAAA;;;;"}

package/dist/esm/components/dropdown/CDropdownHeader.d.ts

@@ -0,0 +1,22 @@
+declare const CDropdownHeader: import("vue").DefineComponent<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => 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<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    component: string;
+}, {}>;
+export { CDropdownHeader };

package/dist/esm/components/dropdown/CDropdownHeader.js

@@ -0,0 +1,22 @@
+import { defineComponent, h } from 'vue';
+
+const CDropdownHeader = defineComponent({
+    name: 'CDropdownHeader',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'h6',
+        },
+    },
+    setup(props, { slots }) {
+        return () => h(props.component, {
+            class: 'dropdown-header',
+        }, slots.default && slots.default());
+    },
+});
+
+export { CDropdownHeader };
+//# sourceMappingURL=CDropdownHeader.js.map

package/dist/esm/components/dropdown/CDropdownHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CDropdownHeader.js","sources":["../../../../src/components/dropdown/CDropdownHeader.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,eAAe,GAAG,eAAe,CAAC;AACtC,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACL,CAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,YAAA,KAAK,EAAE,iBAAiB;SACzB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/dropdown/CDropdownItem.d.ts

@@ -0,0 +1,48 @@
+declare const CDropdownItem: import("vue").DefineComponent<{
+    /**
+     * Toggle the active state for the component.
+     */
+    active: BooleanConstructor;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * The href attribute specifies the URL of the page the link goes to.
+     */
+    href: StringConstructor;
+}, () => 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<{
+    /**
+     * Toggle the active state for the component.
+     */
+    active: BooleanConstructor;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * The href attribute specifies the URL of the page the link goes to.
+     */
+    href: StringConstructor;
+}>>, {
+    disabled: boolean;
+    component: string;
+    active: boolean;
+}, {}>;
+export { CDropdownItem };

package/dist/esm/components/dropdown/CDropdownItem.js

@@ -0,0 +1,41 @@
+import { defineComponent, h } from 'vue';
+import { CLink } from '../link/CLink.js';
+
+const CDropdownItem = defineComponent({
+    name: 'CDropdownItem',
+    props: {
+        /**
+         * Toggle the active state for the component.
+         */
+        active: Boolean,
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'a',
+        },
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * The href attribute specifies the URL of the page the link goes to.
+         */
+        href: String,
+    },
+    setup(props, { slots }) {
+        return () => h(CLink, {
+            class: 'dropdown-item',
+            active: props.active,
+            component: props.component,
+            disabled: props.disabled,
+            href: props.href,
+        }, {
+            default: () => slots.default && slots.default(),
+        });
+    },
+});
+
+export { CDropdownItem };
+//# sourceMappingURL=CDropdownItem.js.map

package/dist/esm/components/dropdown/CDropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CDropdownItem.js","sources":["../../../../src/components/dropdown/CDropdownItem.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,aAAa,GAAG,eAAe,CAAC;AACpC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,GAAG;AACb,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACL,CAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,IAAI,EAAE,KAAK,CAAC,IAAI;SACjB,EACD;YACE,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChD,SAAA,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/dropdown/CDropdownMenu.d.ts

@@ -0,0 +1,26 @@
+declare const CDropdownMenu: import("vue").DefineComponent<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     *
+     * @values 'div', 'ul'
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => 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<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     *
+     * @values 'div', 'ul'
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    component: string;
+}, {}>;
+export { CDropdownMenu };

package/dist/esm/components/dropdown/CDropdownMenu.js

@@ -0,0 +1,49 @@
+import { defineComponent, inject, h } from 'vue';
+import { CConditionalTeleport } from '../conditional-teleport/CConditionalTeleport.js';
+import { getAlignmentClassNames } from './utils.js';
+
+const CDropdownMenu = defineComponent({
+    name: 'CDropdownMenu',
+    inheritAttrs: false,
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         *
+         * @values 'div', 'ul'
+         */
+        component: {
+            type: String,
+            default: 'div',
+        },
+    },
+    setup(props, { attrs, slots }) {
+        const dropdownMenuRef = inject('dropdownMenuRef');
+        const config = inject('config'); // eslint-disable-line @typescript-eslint/no-explicit-any
+        const visible = inject('visible');
+        const { alignment, container, dark, popper, teleport } = config;
+        return () => h(CConditionalTeleport, {
+            container: container,
+            teleport: teleport,
+        }, {
+            default: () => h(props.component, {
+                ...attrs,
+                class: [
+                    'dropdown-menu',
+                    { show: visible.value },
+                    getAlignmentClassNames(alignment),
+                    attrs.class,
+                ],
+                ...((typeof alignment === 'object' || !popper) && {
+                    'data-coreui-popper': 'static',
+                }),
+                ...(dark && { 'data-coreui-theme': 'dark' }),
+                ref: dropdownMenuRef,
+            }, props.component === 'ul'
+                ? slots.default && slots.default().map((vnode) => h('li', {}, vnode))
+                : slots.default && slots.default()),
+        });
+    },
+});
+
+export { CDropdownMenu };
+//# sourceMappingURL=CDropdownMenu.js.map

package/dist/esm/components/dropdown/CDropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CDropdownMenu.js","sources":["../../../../src/components/dropdown/CDropdownMenu.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKM,MAAA,aAAa,GAAG,eAAe,CAAC;AACpC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAA;AAC3B,QAAA,MAAM,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAqB,CAAA;QACrE,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAQ,CAAA;AACtC,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAiB,CAAA;AAEjD,QAAA,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;AAE/D,QAAA,OAAO,MACL,CAAC,CACC,oBAAoB,EACpB;AACE,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,QAAQ,EAAE,QAAQ;SACnB,EACD;YACE,OAAO,EAAE,MACP,CAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,gBAAA,GAAG,KAAK;AACR,gBAAA,KAAK,EAAE;oBACL,eAAe;AACf,oBAAA,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE;oBACvB,sBAAsB,CAAC,SAAS,CAAC;AACjC,oBAAA,KAAK,CAAC,KAAK;AACZ,iBAAA;gBACD,IAAI,CAAC,OAAO,SAAS,KAAK,QAAQ,IAAI,CAAC,MAAM,KAAK;AAChD,oBAAA,oBAAoB,EAAE,QAAQ;iBAC/B;gBACD,IAAI,IAAI,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE;AAC3C,gBAAA,GAAG,EAAE,eAAe;AACrB,aAAA,EACD,KAAK,CAAC,SAAS,KAAK,IAAI;kBACpB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;kBACnE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACrC;AACJ,SAAA,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/dropdown/CDropdownToggle.d.ts

@@ -0,0 +1,174 @@
+import { PropType } from 'vue';
+import type { Triggers } from '../../types';
+declare const CDropdownToggle: import("vue").DefineComponent<{
+    /**
+     * 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;
+    };
+    /**
+     * Enables pseudo element caret on toggler.
+     */
+    caret: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Create a custom toggler which accepts any content.
+     */
+    custom: BooleanConstructor;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
+     *
+     * @since v5.0.0-beta.1
+     */
+    navLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
+     */
+    shape: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret.
+     */
+    split: BooleanConstructor;
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @type 'hover' | 'focus' | 'click'
+     */
+    trigger: {
+        type: PropType<Triggers>;
+        default: string;
+    };
+    /**
+     * Set the button variant to an outlined button or a ghost button.
+     *
+     * @values 'ghost', 'outline'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 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;
+    };
+    /**
+     * Enables pseudo element caret on toggler.
+     */
+    caret: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Create a custom toggler which accepts any content.
+     */
+    custom: BooleanConstructor;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
+     *
+     * @since v5.0.0-beta.1
+     */
+    navLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
+     */
+    shape: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret.
+     */
+    split: BooleanConstructor;
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @type 'hover' | 'focus' | 'click'
+     */
+    trigger: {
+        type: PropType<Triggers>;
+        default: string;
+    };
+    /**
+     * Set the button variant to an outlined button or a ghost button.
+     *
+     * @values 'ghost', 'outline'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    split: boolean;
+    disabled: boolean;
+    component: string;
+    trigger: Triggers;
+    caret: boolean;
+    custom: boolean;
+    navLink: boolean;
+}, {}>;
+export { CDropdownToggle };

package/dist/esm/components/dropdown/CDropdownToggle.js

@@ -0,0 +1,167 @@
+import { defineComponent, ref, inject, computed, onMounted, cloneVNode, h } from 'vue';
+import { CButton } from '../button/CButton.js';
+import { Color, Shape } from '../../props.js';
+
+const CDropdownToggle = defineComponent({
+    name: 'CDropdownToggle',
+    props: {
+        /**
+         * 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,
+        /**
+         * Enables pseudo element caret on toggler.
+         */
+        caret: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'button',
+        },
+        /**
+         * Create a custom toggler which accepts any content.
+         */
+        custom: Boolean,
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
+         *
+         * @since v5.0.0-beta.1
+         */
+        navLink: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
+         */
+        shape: Shape,
+        /**
+         * Size the component small or large.
+         *
+         * @values 'sm', 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret.
+         */
+        split: Boolean,
+        /**
+         * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+         *
+         * @type 'hover' | 'focus' | 'click'
+         */
+        trigger: {
+            type: String,
+            default: 'click',
+        },
+        /**
+         * Set the button variant to an outlined button or a ghost button.
+         *
+         * @values 'ghost', 'outline'
+         */
+        variant: {
+            type: String,
+            validator: (value) => {
+                return ['ghost', 'outline'].includes(value);
+            },
+        },
+    },
+    setup(props, { slots }) {
+        const togglerRef = ref();
+        const dropdownToggleRef = inject('dropdownToggleRef');
+        const dropdownVariant = inject('variant');
+        const visible = inject('visible');
+        const setVisible = inject('setVisible');
+        const triggers = {
+            ...((props.trigger === 'click' || props.trigger.includes('click')) && {
+                onClick: (event) => {
+                    event.preventDefault();
+                    if (props.disabled) {
+                        return;
+                    }
+                    setVisible();
+                },
+            }),
+            ...((props.trigger === 'focus' || props.trigger.includes('focus')) && {
+                onfocus: () => {
+                    if (props.disabled) {
+                        return;
+                    }
+                    setVisible(true);
+                },
+                onblur: () => {
+                    if (props.disabled) {
+                        return;
+                    }
+                    setVisible(false);
+                },
+            }),
+        };
+        const togglerProps = computed(() => {
+            return {
+                class: {
+                    'nav-link': dropdownVariant === 'nav-item' && props.navLink,
+                    'dropdown-toggle': props.caret,
+                    'dropdown-toggle-split': props.split,
+                    disabled: props.disabled,
+                    show: visible.value,
+                },
+                'aria-expanded': visible.value,
+                ...(!props.disabled && { ...triggers }),
+            };
+        });
+        onMounted(() => {
+            if (togglerRef.value) {
+                dropdownToggleRef.value = togglerRef.value.$el;
+            }
+        });
+        return () => props.custom
+            ? slots.default &&
+                slots.default().map((slot) => cloneVNode(slot, {
+                    ref: (el) => {
+                        togglerRef.value = el;
+                    },
+                    ...triggers,
+                }))
+            : dropdownVariant === 'nav-item' && props.navLink
+                ? h('a', {
+                    href: '#',
+                    ...togglerProps.value,
+                    role: 'button',
+                    ref: dropdownToggleRef,
+                }, { default: () => slots.default && slots.default() })
+                : h(CButton, {
+                    ...togglerProps.value,
+                    color: props.color,
+                    component: props.component,
+                    disabled: props.disabled,
+                    shape: props.shape,
+                    size: props.size,
+                    variant: props.variant,
+                    ref: (el) => {
+                        togglerRef.value = el;
+                    },
+                }, () => props.split
+                    ? h('span', { class: 'visually-hidden' }, 'Toggle Dropdown')
+                    : slots.default && slots.default());
+    },
+});
+
+export { CDropdownToggle };
+//# sourceMappingURL=CDropdownToggle.js.map

package/dist/esm/components/dropdown/CDropdownToggle.js.map

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

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

@@ -0,0 +1,11 @@
+import { App } from 'vue';
+import { CDropdown } from './CDropdown';
+import { CDropdownItem } from './CDropdownItem';
+import { CDropdownHeader } from './CDropdownHeader';
+import { CDropdownDivider } from './CDropdownDivider';
+import { CDropdownMenu } from './CDropdownMenu';
+import { CDropdownToggle } from './CDropdownToggle';
+declare const CDropdownPlugin: {
+    install: (app: App) => void;
+};
+export { CDropdownPlugin, CDropdown, CDropdownItem, CDropdownHeader, CDropdownDivider, CDropdownMenu, CDropdownToggle, };

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

@@ -0,0 +1,20 @@
+import { CDropdown } from './CDropdown.js';
+import { CDropdownItem } from './CDropdownItem.js';
+import { CDropdownHeader } from './CDropdownHeader.js';
+import { CDropdownDivider } from './CDropdownDivider.js';
+import { CDropdownMenu } from './CDropdownMenu.js';
+import { CDropdownToggle } from './CDropdownToggle.js';
+
+const CDropdownPlugin = {
+    install: (app) => {
+        app.component(CDropdown.name, CDropdown);
+        app.component(CDropdownItem.name, CDropdownItem);
+        app.component(CDropdownHeader.name, CDropdownHeader);
+        app.component(CDropdownDivider.name, CDropdownDivider);
+        app.component(CDropdownMenu.name, CDropdownMenu);
+        app.component(CDropdownToggle.name, CDropdownToggle);
+    },
+};
+
+export { CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownMenu, CDropdownPlugin, CDropdownToggle };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/dropdown/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA,MAAM,eAAe,GAAG;AACtB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;QACxC,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,CAAA;QACpD,GAAG,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAA;QACtD,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,CAAA;KACrD;;;;;"}

package/dist/esm/components/dropdown/types.d.ts

@@ -0,0 +1,15 @@
+export type Directions = 'start' | 'end';
+export type Breakpoints = {
+    xs: Directions;
+} | {
+    sm: Directions;
+} | {
+    md: Directions;
+} | {
+    lg: Directions;
+} | {
+    xl: Directions;
+} | {
+    xxl: Directions;
+};
+export type Alignments = Directions | Breakpoints;

package/dist/esm/components/dropdown/utils.d.ts

@@ -0,0 +1,6 @@
+import type { Placement } from '@popperjs/core';
+import type { Placements } from '../../types';
+import type { Alignments } from './types';
+export declare const getAlignmentClassNames: (alignment: Alignments) => string[];
+export declare const getNextActiveElement: (list: HTMLElement[], activeElement: HTMLElement, shouldGetNext: boolean, isCycleAllowed: boolean) => HTMLElement;
+export declare const getPlacement: (placement: Placement, direction: string | undefined, alignment: Alignments | string | undefined, isRTL: boolean) => Placements;