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

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

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

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var vue = require('vue');
+
+const CDropdownHeader = vue.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 () => vue.h(props.component, {
+            class: 'dropdown-header',
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CDropdownHeader = CDropdownHeader;
+//# sourceMappingURL=CDropdownHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CDropdownHeader.js","sources":["../../../../src/components/dropdown/CDropdownHeader.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,eAAe,GAAGA,mBAAe,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,MACLC,KAAC,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/cjs/components/dropdown/CDropdownItem.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var vue = require('vue');
+var CLink = require('../link/CLink.js');
+
+const CDropdownItem = vue.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 () => vue.h(CLink.CLink, {
+            class: 'dropdown-item',
+            active: props.active,
+            component: props.component,
+            disabled: props.disabled,
+            href: props.href,
+        }, {
+            default: () => slots.default && slots.default(),
+        });
+    },
+});
+
+exports.CDropdownItem = CDropdownItem;
+//# sourceMappingURL=CDropdownItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CDropdownItem.js","sources":["../../../../src/components/dropdown/CDropdownItem.ts"],"sourcesContent":[null],"names":["defineComponent","h","CLink"],"mappings":";;;;;AAIM,MAAA,aAAa,GAAGA,mBAAe,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,MACLC,KAAC,CACCC,WAAK,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/cjs/components/dropdown/CDropdownMenu.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var vue = require('vue');
+var CConditionalTeleport = require('../conditional-teleport/CConditionalTeleport.js');
+var utils = require('./utils.js');
+
+const CDropdownMenu = vue.defineComponent({
+    name: 'CDropdownMenu',
+    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, { slots }) {
+        const dropdownMenuRef = vue.inject('dropdownMenuRef');
+        const config = vue.inject('config'); // eslint-disable-line @typescript-eslint/no-explicit-any
+        const visible = vue.inject('visible');
+        const { alignment, container, dark, popper, teleport } = config;
+        return () => vue.h(CConditionalTeleport.CConditionalTeleport, {
+            container: container,
+            teleport: teleport,
+        }, {
+            default: () => vue.h(props.component, {
+                class: [
+                    'dropdown-menu',
+                    { show: visible.value },
+                    utils.getAlignmentClassNames(alignment),
+                ],
+                ...((typeof alignment === 'object' || !popper) && {
+                    'data-coreui-popper': 'static',
+                }),
+                ...(dark && { 'data-coreui-theme': 'dark' }),
+                ref: dropdownMenuRef,
+            }, props.component === 'ul'
+                ? slots.default && slots.default().map((vnode) => vue.h('li', {}, vnode))
+                : slots.default && slots.default()),
+        });
+    },
+});
+
+exports.CDropdownMenu = CDropdownMenu;
+//# sourceMappingURL=CDropdownMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CDropdownMenu.js","sources":["../../../../src/components/dropdown/CDropdownMenu.ts"],"sourcesContent":[null],"names":["defineComponent","inject","h","CConditionalTeleport","getAlignmentClassNames"],"mappings":";;;;;;AAKM,MAAA,aAAa,GAAGA,mBAAe,CAAC;AACpC,IAAA,IAAI,EAAE,eAAe;AACrB,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,EAAA;AACpB,QAAA,MAAM,eAAe,GAAGC,UAAM,CAAC,iBAAiB,CAAqB,CAAA;QACrE,MAAM,MAAM,GAAGA,UAAM,CAAC,QAAQ,CAAQ,CAAA;AACtC,QAAA,MAAM,OAAO,GAAGA,UAAM,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,MACLC,KAAC,CACCC,yCAAoB,EACpB;AACE,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,QAAQ,EAAE,QAAQ;SACnB,EACD;YACE,OAAO,EAAE,MACPD,KAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,gBAAA,KAAK,EAAE;oBACL,eAAe;AACf,oBAAA,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE;oBACvBE,4BAAsB,CAAC,SAAS,CAAC;AAClC,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,KAAKF,KAAC,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/cjs/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.0
+     */
+    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.0
+     */
+    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/cjs/components/dropdown/CDropdownToggle.js

@@ -0,0 +1,169 @@
+'use strict';
+
+var vue = require('vue');
+var CButton = require('../button/CButton.js');
+var props = require('../../props.js');
+
+const CDropdownToggle = vue.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: props.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.0
+         */
+        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: props.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 = vue.ref();
+        const dropdownToggleRef = vue.inject('dropdownToggleRef');
+        const dropdownVariant = vue.inject('variant');
+        const visible = vue.inject('visible');
+        const setVisible = vue.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 = vue.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 }),
+            };
+        });
+        vue.onMounted(() => {
+            if (togglerRef.value) {
+                dropdownToggleRef.value = togglerRef.value.$el;
+            }
+        });
+        return () => props.custom
+            ? slots.default &&
+                slots.default().map((slot) => vue.cloneVNode(slot, {
+                    ref: (el) => {
+                        togglerRef.value = el;
+                    },
+                    ...triggers,
+                }))
+            : dropdownVariant === 'nav-item' && props.navLink
+                ? vue.h('a', {
+                    href: '#',
+                    ...togglerProps.value,
+                    role: 'button',
+                    ref: dropdownToggleRef,
+                }, { default: () => slots.default && slots.default() })
+                : vue.h(CButton.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
+                    ? vue.h('span', { class: 'visually-hidden' }, 'Toggle Dropdown')
+                    : slots.default && slots.default());
+    },
+});
+
+exports.CDropdownToggle = CDropdownToggle;
+//# sourceMappingURL=CDropdownToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CDropdownToggle.js","sources":["../../../../src/components/dropdown/CDropdownToggle.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","ref","inject","computed","onMounted","cloneVNode","h","CButton"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var CDropdown = require('./CDropdown.js');
+var CDropdownItem = require('./CDropdownItem.js');
+var CDropdownHeader = require('./CDropdownHeader.js');
+var CDropdownDivider = require('./CDropdownDivider.js');
+var CDropdownMenu = require('./CDropdownMenu.js');
+var CDropdownToggle = require('./CDropdownToggle.js');
+
+const CDropdownPlugin = {
+    install: (app) => {
+        app.component(CDropdown.CDropdown.name, CDropdown.CDropdown);
+        app.component(CDropdownItem.CDropdownItem.name, CDropdownItem.CDropdownItem);
+        app.component(CDropdownHeader.CDropdownHeader.name, CDropdownHeader.CDropdownHeader);
+        app.component(CDropdownDivider.CDropdownDivider.name, CDropdownDivider.CDropdownDivider);
+        app.component(CDropdownMenu.CDropdownMenu.name, CDropdownMenu.CDropdownMenu);
+        app.component(CDropdownToggle.CDropdownToggle.name, CDropdownToggle.CDropdownToggle);
+    },
+};
+
+exports.CDropdown = CDropdown.CDropdown;
+exports.CDropdownItem = CDropdownItem.CDropdownItem;
+exports.CDropdownHeader = CDropdownHeader.CDropdownHeader;
+exports.CDropdownDivider = CDropdownDivider.CDropdownDivider;
+exports.CDropdownMenu = CDropdownMenu.CDropdownMenu;
+exports.CDropdownToggle = CDropdownToggle.CDropdownToggle;
+exports.CDropdownPlugin = CDropdownPlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/dropdown/index.ts"],"sourcesContent":[null],"names":["CDropdown","CDropdownItem","CDropdownHeader","CDropdownDivider","CDropdownMenu","CDropdownToggle"],"mappings":";;;;;;;;;AAQA,MAAM,eAAe,GAAG;AACtB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,mBAAS,CAAC,IAAI,EAAEA,mBAAS,CAAC,CAAA;QACxC,GAAG,CAAC,SAAS,CAACC,2BAAa,CAAC,IAAI,EAAEA,2BAAa,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAACC,+BAAe,CAAC,IAAI,EAAEA,+BAAe,CAAC,CAAA;QACpD,GAAG,CAAC,SAAS,CAACC,iCAAgB,CAAC,IAAI,EAAEA,iCAAgB,CAAC,CAAA;QACtD,GAAG,CAAC,SAAS,CAACC,2BAAa,CAAC,IAAI,EAAEA,2BAAa,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAACC,+BAAe,CAAC,IAAI,EAAEA,+BAAe,CAAC,CAAA;KACrD;;;;;;;;;;;"}

package/dist/cjs/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;

package/dist/cjs/components/dropdown/utils.js

@@ -0,0 +1,50 @@
+'use strict';
+
+const getAlignmentClassNames = (alignment) => {
+    const classNames = [];
+    if (typeof alignment === 'object') {
+        for (const key in alignment) {
+            classNames.push(`dropdown-menu${key === 'xs' ? '' : `-${key}`}-${alignment[key]}`);
+        }
+    }
+    if (typeof alignment === 'string') {
+        classNames.push(`dropdown-menu-${alignment}`);
+    }
+    return classNames;
+};
+const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {
+    const listLength = list.length;
+    let index = list.indexOf(activeElement);
+    if (index === -1) {
+        return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0];
+    }
+    index += shouldGetNext ? 1 : -1;
+    if (isCycleAllowed) {
+        index = (index + listLength) % listLength;
+    }
+    return list[Math.max(0, Math.min(index, listLength - 1))];
+};
+const getPlacement = (placement, direction, alignment, isRTL) => {
+    let _placement = placement;
+    if (direction === 'dropup') {
+        _placement = isRTL ? 'top-end' : 'top-start';
+    }
+    if (direction === 'dropup-center') {
+        _placement = 'top';
+    }
+    if (direction === 'dropend') {
+        _placement = isRTL ? 'left-start' : 'right-start';
+    }
+    if (direction === 'dropstart') {
+        _placement = isRTL ? 'right-start' : 'left-start';
+    }
+    if (alignment === 'end') {
+        _placement = isRTL ? 'bottom-start' : 'bottom-end';
+    }
+    return _placement;
+};
+
+exports.getAlignmentClassNames = getAlignmentClassNames;
+exports.getNextActiveElement = getNextActiveElement;
+exports.getPlacement = getPlacement;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/dropdown/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/dropdown/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIa,MAAA,sBAAsB,GAAG,CAAC,SAAqB,KAAI;IAC9D,MAAM,UAAU,GAAa,EAAE,CAAA;AAC/B,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,QAAA,KAAK,MAAM,GAAG,IAAI,SAAS,EAAE;YAC3B,UAAU,CAAC,IAAI,CACb,CAAgB,aAAA,EAAA,GAAG,KAAK,IAAI,GAAG,EAAE,GAAG,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,CAAI,CAAA,EAAA,SAAS,CAAC,GAAwB,CAAC,CAAE,CAAA,CACvF,CAAA;AACF,SAAA;AACF,KAAA;AAED,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,QAAA,UAAU,CAAC,IAAI,CAAC,iBAAiB,SAAS,CAAA,CAAE,CAAC,CAAA;AAC9C,KAAA;AAED,IAAA,OAAO,UAAU,CAAA;AACnB,EAAC;AAEM,MAAM,oBAAoB,GAAG,CAClC,IAAmB,EACnB,aAA0B,EAC1B,aAAsB,EACtB,cAAuB,KACrB;AACF,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAA;IAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;AAEvC,IAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,OAAO,CAAC,aAAa,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;AACzE,KAAA;IAED,KAAK,IAAI,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAE/B,IAAA,IAAI,cAAc,EAAE;QAClB,KAAK,GAAG,CAAC,KAAK,GAAG,UAAU,IAAI,UAAU,CAAA;AAC1C,KAAA;IAED,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAC3D,EAAC;AAEM,MAAM,YAAY,GAAG,CAC1B,SAAoB,EACpB,SAA6B,EAC7B,SAA0C,EAC1C,KAAc,KACA;IACd,IAAI,UAAU,GAAG,SAAS,CAAA;IAE1B,IAAI,SAAS,KAAK,QAAQ,EAAE;QAC1B,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,WAAW,CAAA;AAC7C,KAAA;IAED,IAAI,SAAS,KAAK,eAAe,EAAE;QACjC,UAAU,GAAG,KAAK,CAAA;AACnB,KAAA;IAED,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,UAAU,GAAG,KAAK,GAAG,YAAY,GAAG,aAAa,CAAA;AAClD,KAAA;IAED,IAAI,SAAS,KAAK,WAAW,EAAE;QAC7B,UAAU,GAAG,KAAK,GAAG,aAAa,GAAG,YAAY,CAAA;AAClD,KAAA;IAED,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,UAAU,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAA;AACnD,KAAA;AAED,IAAA,OAAO,UAAU,CAAA;AACnB;;;;;;"}