@coreui/vue-pro 5.14.0 → 5.16.0

package/dist/esm/components/focus-trap/CFocusTrap.js

@@ -0,0 +1,252 @@
+import { defineComponent, ref, watch, onMounted, onUnmounted, cloneVNode } from 'vue';
+import { focusableChildren } from './utils.js';
+
+const CFocusTrap = defineComponent({
+    name: 'CFocusTrap',
+    props: {
+        /**
+         * Controls whether the focus trap is active or inactive.
+         * When `true`, focus will be trapped within the child element.
+         * When `false`, normal focus behavior is restored.
+         */
+        active: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Additional container elements to include in the focus trap.
+         * Useful for floating elements like tooltips or popovers that are
+         * rendered outside the main container but should be part of the trap.
+         */
+        additionalContainer: {
+            type: Object,
+            default: undefined,
+        },
+        /**
+         * Controls whether to focus the first selectable element or the container itself.
+         * When `true`, focuses the first tabbable element within the container.
+         * When `false`, focuses the container element directly.
+         *
+         * This is useful for containers that should receive focus themselves,
+         * such as scrollable regions or custom interactive components.
+         */
+        focusFirstElement: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Automatically restores focus to the previously focused element when the trap is deactivated.
+         * This is crucial for accessibility as it maintains the user's place in the document
+         * when returning from modal dialogs or overlay components.
+         *
+         * Recommended to be `true` for modal dialogs and popover components.
+         */
+        restoreFocus: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    emits: {
+        /**
+         * Emitted when the focus trap becomes active.
+         * Useful for triggering additional accessibility announcements or analytics.
+         */
+        activate: () => true,
+        /**
+         * Emitted when the focus trap is deactivated.
+         * Can be used for cleanup, analytics, or triggering state changes.
+         */
+        deactivate: () => true,
+    },
+    setup(props, { emit, slots, expose }) {
+        const containerRef = ref(null);
+        const prevFocusedRef = ref(null);
+        const isActiveRef = ref(false);
+        const lastTabNavDirectionRef = ref('forward');
+        const tabEventSourceRef = ref(null);
+        let handleKeyDown = null;
+        let handleFocusIn = null;
+        const activateTrap = () => {
+            const container = containerRef.value;
+            const additionalContainer = props.additionalContainer?.value || null;
+            if (!container) {
+                return;
+            }
+            prevFocusedRef.value = document.activeElement;
+            // Activating...
+            isActiveRef.value = true;
+            // Set initial focus
+            if (props.focusFirstElement) {
+                const elements = focusableChildren(container);
+                if (elements.length > 0) {
+                    elements[0].focus({ preventScroll: true });
+                }
+                else {
+                    // Fallback to container if no focusable elements
+                    container.focus({ preventScroll: true });
+                }
+            }
+            else {
+                container.focus({ preventScroll: true });
+            }
+            emit('activate');
+            // Create event handlers
+            handleFocusIn = (event) => {
+                // Only handle focus events from tab navigation
+                if (containerRef.value !== tabEventSourceRef.value) {
+                    return;
+                }
+                const target = event.target;
+                // Allow focus within container
+                if (target === document || target === container || container.contains(target)) {
+                    return;
+                }
+                // Allow focus within additional elements
+                if (additionalContainer &&
+                    (target === additionalContainer || additionalContainer.contains(target))) {
+                    return;
+                }
+                // Focus escaped, bring it back
+                const elements = focusableChildren(container);
+                if (elements.length === 0) {
+                    container.focus({ preventScroll: true });
+                }
+                else if (lastTabNavDirectionRef.value === 'backward') {
+                    elements.at(-1)?.focus({ preventScroll: true });
+                }
+                else {
+                    elements[0].focus({ preventScroll: true });
+                }
+            };
+            handleKeyDown = (event) => {
+                if (event.key !== 'Tab') {
+                    return;
+                }
+                tabEventSourceRef.value = container;
+                lastTabNavDirectionRef.value = event.shiftKey ? 'backward' : 'forward';
+                if (!additionalContainer) {
+                    return;
+                }
+                const containerElements = focusableChildren(container);
+                const additionalElements = focusableChildren(additionalContainer);
+                if (containerElements.length === 0 && additionalElements.length === 0) {
+                    // No focusable elements, prevent tab
+                    event.preventDefault();
+                    return;
+                }
+                const activeElement = document.activeElement;
+                const isInContainer = containerElements.includes(activeElement);
+                const isInAdditional = additionalElements.includes(activeElement);
+                // Handle tab navigation between container and additional elements
+                if (isInContainer) {
+                    const index = containerElements.indexOf(activeElement);
+                    if (!event.shiftKey &&
+                        index === containerElements.length - 1 &&
+                        additionalElements.length > 0) {
+                        // Tab forward from last container element to first additional element
+                        event.preventDefault();
+                        additionalElements[0].focus({ preventScroll: true });
+                    }
+                    else if (event.shiftKey && index === 0 && additionalElements.length > 0) {
+                        // Tab backward from first container element to last additional element
+                        event.preventDefault();
+                        additionalElements.at(-1)?.focus({ preventScroll: true });
+                    }
+                }
+                else if (isInAdditional) {
+                    const index = additionalElements.indexOf(activeElement);
+                    if (!event.shiftKey &&
+                        index === additionalElements.length - 1 &&
+                        containerElements.length > 0) {
+                        // Tab forward from last additional element to first container element
+                        event.preventDefault();
+                        containerElements[0].focus({ preventScroll: true });
+                    }
+                    else if (event.shiftKey && index === 0 && containerElements.length > 0) {
+                        // Tab backward from first additional element to last container element
+                        event.preventDefault();
+                        containerElements.at(-1)?.focus({ preventScroll: true });
+                    }
+                }
+            };
+            // Add event listeners
+            container.addEventListener('keydown', handleKeyDown, true);
+            if (additionalContainer) {
+                additionalContainer.addEventListener('keydown', handleKeyDown, true);
+            }
+            document.addEventListener('focusin', handleFocusIn, true);
+        };
+        const deactivateTrap = () => {
+            if (!isActiveRef.value) {
+                return;
+            }
+            // Cleanup event listeners
+            const container = containerRef.value;
+            const additionalContainer = props.additionalContainer?.value || null;
+            if (container && handleKeyDown) {
+                container.removeEventListener('keydown', handleKeyDown, true);
+            }
+            if (additionalContainer && handleKeyDown) {
+                additionalContainer.removeEventListener('keydown', handleKeyDown, true);
+            }
+            if (handleFocusIn) {
+                document.removeEventListener('focusin', handleFocusIn, true);
+            }
+            // Restore focus
+            if (props.restoreFocus && prevFocusedRef.value?.isConnected) {
+                prevFocusedRef.value.focus({ preventScroll: true });
+            }
+            emit('deactivate');
+            isActiveRef.value = false;
+            prevFocusedRef.value = null;
+        };
+        watch(() => props.active, (newActive) => {
+            if (newActive && containerRef.value) {
+                activateTrap();
+            }
+            else {
+                deactivateTrap();
+            }
+        }, { immediate: false });
+        watch(() => props.additionalContainer?.value, () => {
+            if (props.active && isActiveRef.value) {
+                // Reactivate to update event listeners
+                deactivateTrap();
+                activateTrap();
+            }
+        });
+        onMounted(() => {
+            if (props.active && containerRef.value) {
+                activateTrap();
+            }
+        });
+        onUnmounted(() => {
+            deactivateTrap();
+        });
+        // Expose containerRef for parent components
+        expose({
+            containerRef,
+        });
+        return () => {
+            const vnodes = slots.default?.();
+            const vnode = vnodes?.[0];
+            if (!vnode)
+                return null;
+            const originalRef = vnode.props?.ref;
+            return cloneVNode(vnode, {
+                ref: (el) => {
+                    containerRef.value = el;
+                    if (typeof originalRef === 'function') {
+                        originalRef(el);
+                    }
+                    else if (originalRef && typeof originalRef === 'object' && 'value' in originalRef) {
+                        originalRef.value = el;
+                    }
+                },
+            });
+        };
+    },
+});
+
+export { CFocusTrap };
+//# sourceMappingURL=CFocusTrap.js.map

package/dist/esm/components/focus-trap/CFocusTrap.js.map

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

package/dist/esm/components/focus-trap/index.d.ts

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

package/dist/esm/components/focus-trap/index.js

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

package/dist/esm/components/focus-trap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/focus-trap/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,gBAAgB,GAAG;AACvB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAc,EAAE,UAAU,CAAC;IACtD,CAAC;;;;;"}

package/dist/esm/components/focus-trap/utils.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Gets all focusable child elements within a container.
+ * Uses a comprehensive selector to find elements that can receive focus.
+ * @param element - The container element to search within
+ * @returns Array of focusable HTML elements
+ */
+export declare const focusableChildren: (element: HTMLElement) => HTMLElement[];
+/**
+ * Checks if an element is disabled.
+ * Considers various ways an element can be disabled including CSS classes and attributes.
+ * @param element - The HTML element to check
+ * @returns True if the element is disabled, false otherwise
+ */
+export declare const isDisabled: (element: HTMLElement) => boolean;
+/**
+ * Type guard to check if an object is an Element.
+ * Handles edge cases including jQuery objects.
+ * @param object - The object to check
+ * @returns True if the object is an Element, false otherwise
+ */
+export declare const isElement: (object: unknown) => object is Element;
+/**
+ * Checks if an element is visible in the DOM.
+ * Considers client rects and computed visibility styles, handling edge cases like details elements.
+ * @param element - The HTML element to check for visibility
+ * @returns True if the element is visible, false otherwise
+ */
+export declare const isVisible: (element: HTMLElement) => boolean;

package/dist/esm/components/focus-trap/utils.js

@@ -0,0 +1,78 @@
+/**
+ * Gets all focusable child elements within a container.
+ * Uses a comprehensive selector to find elements that can receive focus.
+ * @param element - The container element to search within
+ * @returns Array of focusable HTML elements
+ */
+const focusableChildren = (element) => {
+    const focusableSelectors = [
+        'a[href]',
+        'button:not([disabled])',
+        'input:not([disabled])',
+        'textarea:not([disabled])',
+        'select:not([disabled])',
+        'details',
+        '[tabindex]:not([tabindex="-1"])',
+        '[contenteditable="true"]',
+    ].join(',');
+    const elements = [...element.querySelectorAll(focusableSelectors)];
+    return elements.filter((el) => !isDisabled(el) && isVisible(el));
+};
+/**
+ * Checks if an element is disabled.
+ * Considers various ways an element can be disabled including CSS classes and attributes.
+ * @param element - The HTML element to check
+ * @returns True if the element is disabled, false otherwise
+ */
+const isDisabled = (element) => {
+    if (!element || element.nodeType !== Node.ELEMENT_NODE) {
+        return true;
+    }
+    if (element.classList.contains('disabled')) {
+        return true;
+    }
+    if ('disabled' in element && typeof element.disabled === 'boolean') {
+        return element.disabled;
+    }
+    return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false';
+};
+/**
+ * Type guard to check if an object is an Element.
+ * Handles edge cases including jQuery objects.
+ * @param object - The object to check
+ * @returns True if the object is an Element, false otherwise
+ */
+const isElement = (object) => {
+    if (!object || typeof object !== 'object') {
+        return false;
+    }
+    return 'nodeType' in object && typeof object.nodeType === 'number';
+};
+/**
+ * Checks if an element is visible in the DOM.
+ * Considers client rects and computed visibility styles, handling edge cases like details elements.
+ * @param element - The HTML element to check for visibility
+ * @returns True if the element is visible, false otherwise
+ */
+const isVisible = (element) => {
+    if (!isElement(element) || element.getClientRects().length === 0) {
+        return false;
+    }
+    const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible';
+    // Handle `details` element as its content may falsely appear visible when it is closed
+    const closedDetails = element.closest('details:not([open])');
+    if (!closedDetails) {
+        return elementIsVisible;
+    }
+    if (closedDetails !== element) {
+        const summary = element.closest('summary');
+        // Check if summary is a direct child of the closed details
+        if (summary?.parentNode !== closedDetails) {
+            return false;
+        }
+    }
+    return elementIsVisible;
+};
+
+export { focusableChildren, isDisabled, isElement, isVisible };
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/focus-trap/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/focus-trap/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;AAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,OAAoB,KAAmB;AACvE,IAAA,MAAM,kBAAkB,GAAG;QACzB,SAAS;QACT,wBAAwB;QACxB,uBAAuB;QACvB,0BAA0B;QAC1B,wBAAwB;QACxB,SAAS;QACT,iCAAiC;QACjC,0BAA0B;AAC3B,KAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IAEX,MAAM,QAAQ,GAAG,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAkB;IAEhG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC;AAClE;AAEA;;;;;AAKG;AACI,MAAM,UAAU,GAAG,CAAC,OAAoB,KAAa;IAC1D,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;AACtD,QAAA,OAAO,IAAI;IACb;IAEA,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AAC1C,QAAA,OAAO,IAAI;IACb;IAEA,IAAI,UAAU,IAAI,OAAO,IAAI,OAAO,OAAO,CAAC,QAAQ,KAAK,SAAS,EAAE;QAClE,OAAO,OAAO,CAAC,QAAQ;IACzB;AAEA,IAAA,OAAO,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,OAAO;AACzF;AAEA;;;;;AAKG;AACI,MAAM,SAAS,GAAG,CAAC,MAAe,KAAuB;IAC9D,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AACzC,QAAA,OAAO,KAAK;IACd;IAEA,OAAO,UAAU,IAAI,MAAM,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ;AACpE;AAEA;;;;;AAKG;AACI,MAAM,SAAS,GAAG,CAAC,OAAoB,KAAa;AACzD,IAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,cAAc,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE;AAChE,QAAA,OAAO,KAAK;IACd;AAEA,IAAA,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,SAAS;;IAG/F,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC;IAE5D,IAAI,CAAC,aAAa,EAAE;AAClB,QAAA,OAAO,gBAAgB;IACzB;AAEA,IAAA,IAAI,aAAa,KAAK,OAAO,EAAE;QAC7B,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC;;AAG1C,QAAA,IAAI,OAAO,EAAE,UAAU,KAAK,aAAa,EAAE;AACzC,YAAA,OAAO,KAAK;QACd;IACF;AAEA,IAAA,OAAO,gBAAgB;AACzB;;;;"}

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

@@ -18,6 +18,7 @@ export * from './date-picker';
 export * from './date-range-picker';
 export * from './dropdown';
 export * from './element-cover';
+export * from './focus-trap';
 export * from './footer';
 export * from './form';
 export * from './grid';

package/dist/esm/components/index.js

@@ -18,6 +18,7 @@ export { CDatePickerPlugin } from './date-picker/index.js';
 export { CDateRangePickerPlugin } from './date-range-picker/index.js';
 export { CDropdownPlugin } from './dropdown/index.js';
 export { CElementCoverPlugin } from './element-cover/index.js';
+export { CFocusTrapPlugin } from './focus-trap/index.js';
 export { CFooterPlugin } from './footer/index.js';
 export { CFormPlugin } from './form/index.js';
 export { CGridPlugin } from './grid/index.js';
@@ -96,6 +97,7 @@ export { CDropdownDivider } from './dropdown/CDropdownDivider.js';
 export { CDropdownMenu } from './dropdown/CDropdownMenu.js';
 export { CDropdownToggle } from './dropdown/CDropdownToggle.js';
 export { CElementCover } from './element-cover/CElementCover.js';
+export { CFocusTrap } from './focus-trap/CFocusTrap.js';
 export { CFooter } from './footer/CFooter.js';
 export { CForm } from './form/CForm.js';
 export { CFormCheck } from './form/CFormCheck.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/modal/CModal.d.ts

@@ -10,7 +10,7 @@ declare const CModal: import("vue").DefineComponent<import("vue").ExtractPropTyp
         validator: (value: string) => boolean;
     };
     /**
-     * Apply a backdrop on body while offcanvas is open.
+     * Apply a backdrop on body while modal is open.
      *
      * @values boolean | 'static'
      */
@@ -110,7 +110,7 @@ declare const CModal: import("vue").DefineComponent<import("vue").ExtractPropTyp
         validator: (value: string) => boolean;
     };
     /**
-     * Apply a backdrop on body while offcanvas is open.
+     * Apply a backdrop on body while modal is open.
      *
      * @values boolean | 'static'
      */

package/dist/esm/components/modal/CModal.js

@@ -1,6 +1,7 @@
 import { defineComponent, ref, watch, provide, h, Transition, withDirectives, vShow } from 'vue';
 import { CBackdrop } from '../backdrop/CBackdrop.js';
 import { CConditionalTeleport } from '../conditional-teleport/CConditionalTeleport.js';
+import { CFocusTrap } from '../focus-trap/CFocusTrap.js';
 import { executeAfterTransition } from '../../utils/transition.js';
 
 const CModal = defineComponent({
@@ -19,7 +20,7 @@ const CModal = defineComponent({
             },
         },
         /**
-         * Apply a backdrop on body while offcanvas is open.
+         * Apply a backdrop on body while modal is open.
          *
          * @values boolean | 'static'
          */
@@ -162,7 +163,7 @@ const CModal = defineComponent({
         const handleAfterEnter = () => {
             props.focus && modalRef.value?.focus();
             window.addEventListener('mousedown', handleMouseDown);
-            window.addEventListener('keyup', handleKeyUp);
+            window.addEventListener('keydown', handleKeyDown);
         };
         // eslint-disable-next-line unicorn/consistent-function-scoping
         const handleLeave = (el, done) => {
@@ -174,29 +175,28 @@ const CModal = defineComponent({
                 document.body.removeAttribute('class');
             }
             el.classList.remove('show');
+            emit('close');
         };
         const handleAfterLeave = (el) => {
             activeElementRef.value?.focus();
             window.removeEventListener('mousedown', handleMouseDown);
-            window.removeEventListener('keyup', handleKeyUp);
+            window.removeEventListener('keydown', handleKeyDown);
             el.style.display = 'none';
         };
         const handleDismiss = () => {
-            emit('close');
+            if (props.backdrop === 'static') {
+                modalRef.value.classList.add('modal-static');
+                emit('close-prevented');
+                setTimeout(() => {
+                    modalRef.value.classList.remove('modal-static');
+                }, 300);
+                return;
+            }
             visible.value = false;
         };
-        const handleKeyUp = (event) => {
-            if (modalContentRef.value && !modalContentRef.value.contains(event.target)) {
-                if (props.backdrop !== 'static' && event.key === 'Escape' && props.keyboard) {
-                    handleDismiss();
-                }
-                if (props.backdrop === 'static') {
-                    modalRef.value.classList.add('modal-static');
-                    emit('close-prevented');
-                    setTimeout(() => {
-                        modalRef.value.classList.remove('modal-static');
-                    }, 300);
-                }
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape' && props.keyboard) {
+                handleDismiss();
             }
         };
         const handleMouseDown = (event) => {
@@ -204,18 +204,10 @@ const CModal = defineComponent({
         };
         const handleMouseUp = (event) => {
             if (modalContentRef.value && !modalContentRef.value.contains(event.target)) {
-                if (props.backdrop !== 'static') {
-                    handleDismiss();
-                }
-                if (props.backdrop === 'static') {
-                    modalRef.value.classList.add('modal-static');
-                    setTimeout(() => {
-                        modalRef.value.classList.remove('modal-static');
-                    }, 300);
-                }
+                handleDismiss();
             }
         };
-        provide('handleDismiss', handleDismiss);
+        provide('visible', visible);
         const modal = () => h('div', {
             ...attrs,
             class: [
@@ -238,7 +230,7 @@ const CModal = defineComponent({
                     [`modal-${props.size}`]: props.size,
                 },
             ],
-        }, h('div', { class: ['modal-content', props.contentClassName], ref: modalContentRef }, slots.default && slots.default())));
+        }, h(CFocusTrap, { active: props.focus }, () => h('div', { class: ['modal-content', props.contentClassName], ref: modalContentRef }, slots.default && slots.default()))));
         return () => h(CConditionalTeleport, {
             container: props.container,
             teleport: props.teleport,

package/dist/esm/components/modal/CModal.js.map

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

package/dist/esm/components/modal/CModalHeader.js

@@ -13,10 +13,12 @@ const CModalHeader = defineComponent({
         },
     },
     setup(props, { slots }) {
-        const handleDismiss = inject('handleDismiss');
+        const visible = inject('visible');
         return () => h('span', { class: 'modal-header' }, [
             slots.default && slots.default(),
-            props.closeButton && h(CCloseButton, { onClick: () => handleDismiss() }, ''),
+            props.closeButton && h(CCloseButton, { onClick: () => {
+                    visible.value = false;
+                } }, ''),
         ]);
     },
 });

package/dist/esm/components/modal/CModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CModalHeader.js","sources":["../../../../src/components/modal/CModalHeader.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA,MAAM,YAAY,GAAG,eAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,WAAW,EAAE;AACX,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAe;AAC3D,QAAA,OAAO,MACL,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;AACnC,YAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC,YAAA,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC;AAC7E,SAAA,CAAC;IACN,CAAC;AACF,CAAA;;;;"}
+{"version":3,"file":"CModalHeader.js","sources":["../../../../src/components/modal/CModalHeader.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA,MAAM,YAAY,GAAG,eAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,WAAW,EAAE;AACX,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,OAAO,GAAG,MAAM,CAAe,SAAS,CAAE;AAChD,QAAA,OAAO,MACL,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;AACnC,YAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;YAChC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,MAAK;AACnD,oBAAA,OAAO,CAAC,KAAK,GAAG,KAAK;gBACvB,CAAC,EAAE,EAAE,EAAE,CAAC;AACT,SAAA,CAAC;IACN,CAAC;AACF,CAAA;;;;"}

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

@@ -1,6 +1,6 @@
 declare const CNavItem: import("vue").DefineComponent<{
     as: string;
-    class: string;
+    class?: string | undefined;
     disabled?: boolean | undefined;
     active?: boolean | undefined;
     href?: string | undefined;
@@ -8,7 +8,7 @@ declare const CNavItem: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     as: string;
-    class: string;
+    class?: string | undefined;
     disabled?: boolean | undefined;
     active?: boolean | undefined;
     href?: string | undefined;

package/dist/esm/components/offcanvas/COffcanvas.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, watch, h, Transition, withDirectives } from 'vue';
 import { CBackdrop } from '../backdrop/CBackdrop.js';
+import { CFocusTrap } from '../focus-trap/CFocusTrap.js';
 import { vVisible } from '../../directives/v-c-visible.js';
 import { executeAfterTransition } from '../../utils/transition.js';
 
@@ -143,7 +144,7 @@ const COffcanvas = defineComponent({
             }
         };
         return () => [
-            h(Transition, {
+            h(CFocusTrap, { active: visible.value && Boolean(props.backdrop) }, () => h(Transition, {
                 appear: visible.value,
                 css: false,
                 onEnter: (el, done) => handleEnter(el, done),
@@ -164,7 +165,7 @@ const COffcanvas = defineComponent({
                 role: 'dialog',
                 tabindex: -1,
                 ...(props.dark && { 'data-coreui-theme': 'dark' }),
-            }, slots.default && slots.default()), [[vVisible, props.visible]])),
+            }, slots.default && slots.default()), [[vVisible, props.visible]]))),
             props.backdrop &&
                 h(CBackdrop, {
                     class: 'offcanvas-backdrop',