@coreui/vue-pro 5.17.1 → 5.19.0

package/dist/esm/components/multi-select/CMultiSelectOptions.d.ts

@@ -6,6 +6,12 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<import("vue").E
         type: PropType<(Option | OptionsGroup)[]>;
         default: () => never[];
     };
+    optionsGroupsSelectable: BooleanConstructor;
+    optionsGroupsStyle: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
     optionsMaxHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -31,12 +37,18 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<import("vue").E
     };
 }>, () => (false | VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "optionClick"[], "optionClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("optionClick" | "groupClick")[], "optionClick" | "groupClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     options: {
         type: PropType<(Option | OptionsGroup)[]>;
         default: () => never[];
     };
+    optionsGroupsSelectable: BooleanConstructor;
+    optionsGroupsStyle: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
     optionsMaxHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -62,6 +74,7 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<import("vue").E
     };
 }>> & Readonly<{
     onOptionClick?: ((...args: any[]) => any) | undefined;
+    onGroupClick?: ((...args: any[]) => any) | undefined;
 }>, {
     visibleItems: number;
     options: (Option | OptionsGroup)[];
@@ -70,6 +83,8 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<import("vue").E
     virtualScroller: boolean;
     optionsMaxHeight: string | number;
     searchNoResultsLabel: string;
+    optionsGroupsSelectable: boolean;
+    optionsGroupsStyle: string;
     optionsStyle: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export { CMultiSelectOptions };

package/dist/esm/components/multi-select/CMultiSelectOptions.js

@@ -1,7 +1,7 @@
 import { defineComponent, h } from 'vue';
 import { CElementCover } from '../element-cover/CElementCover.js';
 import { CVirtualScroller } from '../virtual-scroller/CVirtualScroller.js';
-import { getNextSibling } from '../../utils/getNextSibling.js';
+import getNextSibling from '../../utils/getNextSibling.js';
 import getPreviousSibling from '../../utils/getPreviousSibling.js';
 
 const CMultiSelectOptions = defineComponent({
@@ -12,6 +12,14 @@ const CMultiSelectOptions = defineComponent({
             type: Array,
             default: () => [],
         },
+        optionsGroupsSelectable: Boolean,
+        optionsGroupsStyle: {
+            type: String,
+            default: 'checkbox',
+            validator: (value) => {
+                return ['checkbox', 'text'].includes(value);
+            },
+        },
         optionsMaxHeight: {
             type: [Number, String],
             default: 'auto',
@@ -38,7 +46,7 @@ const CMultiSelectOptions = defineComponent({
             default: 10,
         },
     },
-    emits: ['optionClick'],
+    emits: ['groupClick', 'optionClick'],
     setup(props, { emit }) {
         const handleKeyDown = (event, option) => {
             if (event.code === 'Space' || event.key === 'Enter') {
@@ -59,9 +67,37 @@ const CMultiSelectOptions = defineComponent({
                 prev && prev.focus();
             }
         };
+        const handleGroupKeyDown = (event, group) => {
+            if (event.code === 'Space' || event.key === 'Enter') {
+                event.preventDefault();
+                emit('groupClick', group);
+                return;
+            }
+            if (event.key === 'Down' || event.key === 'ArrowDown') {
+                event.preventDefault();
+                const next = getNextSibling(event.target, '.form-multi-select-option');
+                next && next.focus();
+            }
+            if (event.key === 'Up' || event.key === 'ArrowUp') {
+                event.preventDefault();
+                const prev = getPreviousSibling(event.target, '.form-multi-select-option');
+                prev && prev.focus();
+            }
+        };
+        const getGroupCheckboxState = (group) => {
+            const groupOptions = (group.options ?? []).filter((option) => !option.disabled);
+            const selectedCount = groupOptions.filter((option) => props.selected.some((_option) => _option.value === option.value)).length;
+            if (groupOptions.length > 0 && selectedCount >= groupOptions.length) {
+                return 'all';
+            }
+            return selectedCount === 0 ? 'none' : 'indeterminate';
+        };
         const handleOptionClick = (option) => {
             emit('optionClick', option);
         };
+        const handleGroupClick = (group) => {
+            emit('groupClick', group);
+        };
         // TODO: find solution how to remove any
         const createOptions = (options) => options.length > 0
             ? options.map((option) => 'value' in option
@@ -83,11 +119,31 @@ const CMultiSelectOptions = defineComponent({
                     ? h(props.scopedSlots['options'], { option: option })
                     : option.label)
                 : [
-                    h('div', { class: 'form-multi-select-optgroup-label' }, props.scopedSlots && props.scopedSlots['options-groups']
+                    h('div', {
+                        class: [
+                            'form-multi-select-optgroup-label',
+                            {
+                                'form-multi-select-optgroup-label-with-checkbox': props.optionsGroupsSelectable && props.optionsGroupsStyle === 'checkbox',
+                                'form-multi-selected': props.optionsGroupsSelectable &&
+                                    props.optionsGroupsStyle === 'checkbox' &&
+                                    getGroupCheckboxState(option) === 'all',
+                                'form-multi-select-indeterminate': props.optionsGroupsSelectable &&
+                                    props.optionsGroupsStyle === 'checkbox' &&
+                                    getGroupCheckboxState(option) === 'indeterminate',
+                            },
+                        ],
+                        ...(props.optionsGroupsSelectable &&
+                            props.optionsGroupsStyle === 'checkbox' && {
+                            onClick: () => handleGroupClick(option),
+                            onKeydown: (event) => handleGroupKeyDown(event, option),
+                            tabindex: 0,
+                            role: 'button',
+                        }),
+                    }, props.scopedSlots && props.scopedSlots['options-groups']
                         ? h(props.scopedSlots['options-groups'], { option: option })
                         : option.label),
                 ])
-            : h('div', { class: 'form-multi-select-options-empty' }, props.searchNoResultsLabel);
+            : h('div', { class: 'form-multi-select-options-empty', role: 'status' }, props.searchNoResultsLabel);
         return () => [
             props.virtualScroller
                 ? h(CVirtualScroller, {

package/dist/esm/components/multi-select/CMultiSelectOptions.js.map

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

package/dist/esm/components/multi-select/CMultiSelectSelection.d.ts

@@ -1,6 +1,10 @@
 import { PropType } from 'vue';
 import type { Option, Search } from './types';
 declare const CMultiSelectSelection: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    ariaTagDeleteLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     disabled: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
@@ -28,6 +32,10 @@ declare const CMultiSelectSelection: import("vue").DefineComponent<import("vue")
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    ariaTagDeleteLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     disabled: BooleanConstructor;
     multiple: {
         type: BooleanConstructor;
@@ -60,6 +68,7 @@ declare const CMultiSelectSelection: import("vue").DefineComponent<import("vue")
     selected: Option[];
     selectionType: string;
     multiple: boolean;
+    ariaTagDeleteLabel: string;
     selectionTypeCounterText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export { CMultiSelectSelection };

package/dist/esm/components/multi-select/CMultiSelectSelection.js

@@ -3,6 +3,10 @@ import { defineComponent, h } from 'vue';
 const CMultiSelectSelection = defineComponent({
     name: 'CMultiSelectSelection',
     props: {
+        ariaTagDeleteLabel: {
+            type: String,
+            default: 'Remove',
+        },
         disabled: Boolean,
         multiple: {
             type: Boolean,
@@ -60,6 +64,7 @@ const CMultiSelectSelection = defineComponent({
                     'form-multi-select-selection-tags': props.multiple && props.selectionType === 'tags',
                 },
             ],
+            'aria-live': 'polite',
         }, [
             props.multiple &&
                 props.selectionType === 'counter' &&
@@ -82,7 +87,7 @@ const CMultiSelectSelection = defineComponent({
                                 h('button', {
                                     class: 'form-multi-select-tag-delete',
                                     type: 'button',
-                                    ariaLabel: 'Close',
+                                    ariaLabel: `${props.ariaTagDeleteLabel} ${option.label}`.trim(),
                                     onClick: () => handleRemove(option),
                                 }),
                         ]);

package/dist/esm/components/multi-select/CMultiSelectSelection.js.map

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

package/dist/esm/components/multi-select/utils.js

@@ -34,9 +34,6 @@ const flattenOptionsArray = (options, keepGroupLabel) => {
     for (const option of options) {
         if (Array.isArray(option.options)) {
             const { options, ...rest } = option;
-            if (keepGroupLabel) {
-                optionsList.push(rest);
-            }
             optionsList.push(...options);
         }
         else {
@@ -58,7 +55,7 @@ const isGlobalSearch = (search) => {
 };
 const selectOptions = (multiple, options, selected, deselected) => {
     if (!multiple) {
-        return [options[0]];
+        return options.length > 0 ? [options[0]] : [];
     }
     let _selected = [...selected, ...options];
     if (deselected) {

package/dist/esm/components/multi-select/utils.js.map

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

package/dist/esm/components/nav/CNav.js

@@ -29,7 +29,14 @@ const CNav = defineComponent({
         variant: {
             type: String,
             validator: (value) => {
-                return ['enclosed', 'enclosed-pills', 'pills', 'tabs', 'underline', 'underline-border'].includes(value);
+                return [
+                    'enclosed',
+                    'enclosed-pills',
+                    'pills',
+                    'tabs',
+                    'underline',
+                    'underline-border',
+                ].includes(value);
             },
         },
     },

package/dist/esm/components/nav/CNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"CNav.js","sources":["../../../../src/components/nav/CNav.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,IAAI,GAAG,eAAe,CAAC;AAC3B,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC9C,CAAC;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,UAAU,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YACzG,CAAC;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACL,CAAC,CACC,KAAK,CAAC,EAAE,EACR;AACE,YAAA,KAAK,EAAE;gBACL,KAAK;AACL,gBAAA,KAAK,CAAC,OAAO,KAAK,gBAAgB,IAAI,cAAc;AACpD,gBAAA;oBACE,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM;oBACrC,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO;AACxC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,EAAE,YAAY;SACnB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}
+{"version":3,"file":"CNav.js","sources":["../../../../src/components/nav/CNav.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,IAAI,GAAG,eAAe,CAAC;AAC3B,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC9C,CAAC;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO;oBACL,UAAU;oBACV,gBAAgB;oBAChB,OAAO;oBACP,MAAM;oBACN,WAAW;oBACX,kBAAkB;AACnB,iBAAA,CAAC,QAAQ,CAAC,KAAK,CAAC;YACnB,CAAC;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACL,CAAC,CACC,KAAK,CAAC,EAAE,EACR;AACE,YAAA,KAAK,EAAE;gBACL,KAAK;AACL,gBAAA,KAAK,CAAC,OAAO,KAAK,gBAAgB,IAAI,cAAc;AACpD,gBAAA;oBACE,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM;oBACrC,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO;AACxC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,EAAE,YAAY;SACnB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}

package/dist/esm/components/nav/CNavGroup.d.ts

@@ -1,4 +1,3 @@
-import { RendererElement } from 'vue';
 declare const CNavGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
@@ -12,12 +11,16 @@ declare const CNavGroup: import("vue").DefineComponent<import("vue").ExtractProp
      */
     compact: BooleanConstructor;
     /**
-     * Show nav group items.
+     * Show nav group items. Acts as the initial state on its own, or as the controlled value
+     * when paired with a `v-model:visible` / `@update:visible` listener.
      */
-    visible: BooleanConstructor;
-}>, () => import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    visible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "visible-change"[], "visible-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "visible-change")[], "update:visible" | "visible-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
@@ -30,10 +33,15 @@ declare const CNavGroup: import("vue").DefineComponent<import("vue").ExtractProp
      */
     compact: BooleanConstructor;
     /**
-     * Show nav group items.
+     * Show nav group items. Acts as the initial state on its own, or as the controlled value
+     * when paired with a `v-model:visible` / `@update:visible` listener.
      */
-    visible: BooleanConstructor;
+    visible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     visible: boolean;

package/dist/esm/components/nav/CNavGroup.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, watch, h, Transition } from 'vue';
+import { defineComponent, useId, getCurrentInstance, ref, inject, computed, provide, watch, h } from 'vue';
 import { executeAfterTransition } from '../../utils/transition.js';
 
 const CNavGroup = defineComponent({
@@ -16,113 +16,138 @@ const CNavGroup = defineComponent({
          */
         compact: Boolean,
         /**
-         * Show nav group items.
+         * Show nav group items. Acts as the initial state on its own, or as the controlled value
+         * when paired with a `v-model:visible` / `@update:visible` listener.
          */
-        visible: Boolean,
+        visible: {
+            type: Boolean,
+            default: undefined,
+        },
     },
-    emits: ['visible-change'],
+    emits: ['update:visible', 'visible-change'],
     setup(props, { slots, emit }) {
-        const visible = ref();
-        const navGroupRef = ref();
-        const visibleGroup = ref();
-        const handleVisibleChange = (visible, index) => {
-            if (visible) {
-                visibleGroup.value = index;
+        const key = useId();
+        const instance = getCurrentInstance();
+        const hasUpdateListener = Boolean(instance?.vnode.props?.['onUpdate:visible']);
+        const navGroupItemsRef = ref();
+        const parentActiveKey = inject('cNavGroupActiveKey', undefined);
+        const parentSetActiveKey = inject('cNavGroupSetActiveKey', undefined);
+        const parentOpenBranch = inject('cNavGroupOpenBranch', undefined);
+        const controlled = computed(() => props.visible !== undefined && hasUpdateListener);
+        const internal = ref(Boolean(props.visible));
+        const visible = computed(() => {
+            if (controlled.value) {
+                return props.visible;
             }
-            else {
-                if (visibleGroup.value === index) {
-                    visibleGroup.value = 0;
-                }
+            if (parentActiveKey) {
+                return parentActiveKey.value === key;
             }
+            return internal.value;
+        });
+        const activeGroupKey = ref();
+        provide('cNavGroupActiveKey', activeGroupKey);
+        provide('cNavGroupSetActiveKey', (value) => {
+            activeGroupKey.value = value;
+        });
+        const openBranch = () => {
+            parentSetActiveKey?.(key);
+            parentOpenBranch?.();
         };
-        const isVisible = (index) => Boolean(visibleGroup.value === index);
-        onMounted(() => {
-            visible.value = props.visible;
-            if (props.visible) {
-                navGroupRef.value.classList.add('show');
+        provide('cNavGroupOpenBranch', openBranch);
+        // Seed the accordion / local state from the `visible` prop: opens default-open groups and
+        // follows later changes (and keeps controlled groups in sync). Watching `props.visible`
+        // keeps this from re-running on accordion changes, so a default-open group can be collapsed
+        // manually.
+        watch(() => props.visible, (value) => {
+            if (value === undefined) {
+                return;
             }
-            emit('visible-change', visible.value);
-        });
-        watch(() => props.visible, () => {
-            visible.value = props.visible;
-            if (visible.value === false) {
-                visibleGroup.value = undefined;
+            if (parentSetActiveKey) {
+                if (value) {
+                    parentSetActiveKey(key);
+                }
+                else if (parentActiveKey && parentActiveKey.value === key) {
+                    parentSetActiveKey(undefined);
+                }
+            }
+            else {
+                internal.value = value;
+            }
+        }, { immediate: true });
+        // Accordion: when another branch opens, a controlled group must close too. As its
+        // visibility is owned by the parent, request the change through `update:visible`.
+        watch(() => parentActiveKey?.value, (activeKey) => {
+            if (!controlled.value || !props.visible) {
+                return;
+            }
+            if (activeKey !== undefined && activeKey !== key) {
+                emit('update:visible', false);
             }
         });
-        watch(visible, () => {
-            emit('visible-change', visible.value);
-        });
+        // Animate the height of the always-mounted items, after the `show` class (driven straight
+        // from `visible`, so the toggler indicator reacts immediately). `display` is forced while
+        // collapsing to override the `.nav-group:not(.show) .nav-group-items { display: none }` rule.
+        watch(visible, (value) => {
+            emit('visible-change', value);
+            const el = navGroupItemsRef.value;
+            if (!el) {
+                return;
+            }
+            el.style.display = 'block';
+            // Each branch sets the starting height, forces a reflow by reading `offsetHeight`, then
+            // sets the target height. The reflow makes the browser commit the starting value, so the
+            // CSS height transition runs instead of both writes collapsing into a single frame.
+            if (value) {
+                el.style.height = '0px';
+                el.offsetHeight; // eslint-disable-line @typescript-eslint/no-unused-expressions
+                el.style.height = `${el.scrollHeight}px`;
+                executeAfterTransition(() => {
+                    el.style.height = 'auto';
+                }, el);
+            }
+            else {
+                el.style.height = `${el.scrollHeight}px`;
+                el.offsetHeight; // eslint-disable-line @typescript-eslint/no-unused-expressions
+                el.style.height = '0px';
+                executeAfterTransition(() => {
+                    el.style.display = '';
+                    el.style.height = '';
+                }, el);
+            }
+        }, { flush: 'post' });
         const handleTogglerClick = (event) => {
             event.preventDefault();
-            visible.value = !visible.value;
-            emit('visible-change', visible.value);
-        };
-        const handleBeforeEnter = (el) => {
-            el.style.height = '0px';
-            navGroupRef.value.classList.add('show');
-        };
-        // eslint-disable-next-line unicorn/consistent-function-scoping
-        const handleEnter = (el, done) => {
-            executeAfterTransition(() => done(), el);
-            el.style.height = `${el.scrollHeight}px`;
-        };
-        // eslint-disable-next-line unicorn/consistent-function-scoping
-        const handleAfterEnter = (el) => {
-            el.style.height = 'auto';
-        };
-        // eslint-disable-next-line unicorn/consistent-function-scoping
-        const handleBeforeLeave = (el) => {
-            el.style.height = `${el.scrollHeight}px`;
-        };
-        // eslint-disable-next-line unicorn/consistent-function-scoping
-        const handleLeave = (el, done) => {
-            executeAfterTransition(() => done(), el);
-            setTimeout(() => {
-                el.style.height = '0px';
-            }, 1);
-        };
-        const handleAfterLeave = () => {
-            navGroupRef.value.classList.remove('show');
+            const next = !visible.value;
+            emit('update:visible', next);
+            if (controlled.value) {
+                return;
+            }
+            if (parentSetActiveKey) {
+                parentSetActiveKey(next ? key : undefined);
+            }
+            else {
+                internal.value = next;
+            }
         };
         return () => h(props.as, {
-            class: 'nav-group',
-            ref: navGroupRef,
+            class: ['nav-group', { show: visible.value }],
         }, [
             slots.togglerContent &&
                 h('a', {
+                    'aria-expanded': visible.value,
                     class: ['nav-link', 'nav-group-toggle'],
                     href: '#',
                     onClick: handleTogglerClick,
-                }, slots.togglerContent && slots.togglerContent()),
-            h(Transition, {
-                css: false,
-                onBeforeEnter: (el) => handleBeforeEnter(el),
-                onEnter: (el, done) => handleEnter(el, done),
-                onAfterEnter: (el) => handleAfterEnter(el),
-                onBeforeLeave: (el) => handleBeforeLeave(el),
-                onLeave: (el, done) => handleLeave(el, done),
-                onAfterLeave: () => handleAfterLeave(),
-            }, {
-                default: () => visible.value &&
-                    h(props.as === 'div' ? 'div' : 'ul', {
-                        class: [
-                            'nav-group-items',
-                            {
-                                compact: props.compact,
-                            },
-                        ],
-                    }, slots.default &&
-                        slots.default().map((vnode, index) => {
-                            // @ts-expect-error name is defined in component
-                            if (vnode.type.name === 'CNavGroup') {
-                                return h(vnode, {
-                                    onVisibleChange: (visible) => handleVisibleChange(visible, index + 1),
-                                    ...(visibleGroup.value && { visible: isVisible(index + 1) }),
-                                });
-                            }
-                            return vnode;
-                        })),
-            }),
+                }, slots.togglerContent && slots.togglerContent({ visible: visible.value })),
+            h(props.as === 'div' ? 'div' : 'ul', {
+                class: [
+                    'nav-group-items',
+                    {
+                        compact: props.compact,
+                    },
+                ],
+                ref: navGroupItemsRef,
+            }, slots.default && slots.default()),
         ]);
     },
 });

package/dist/esm/components/nav/CNavGroup.js.map

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