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

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

@@ -0,0 +1,243 @@
+import { defineComponent, ref, watch, provide, h, Transition, withDirectives, vShow } from 'vue';
+import { CBackdrop } from '../backdrop/CBackdrop.js';
+import { executeAfterTransition } from '../../utils/transition.js';
+
+const CModal = defineComponent({
+    name: 'CModal',
+    inheritAttrs: false,
+    props: {
+        /**
+         * Align the modal in the center or top of the screen.
+         *
+         * @values 'top', 'center'
+         */
+        alignment: {
+            default: 'top',
+            validator: (value) => {
+                return ['top', 'center'].includes(value);
+            },
+        },
+        /**
+         * Apply a backdrop on body while offcanvas is open.
+         *
+         * @values boolean | 'static'
+         */
+        backdrop: {
+            type: [Boolean, String],
+            default: true,
+            validator: (value) => {
+                if (typeof value == 'string') {
+                    return ['static'].includes(value);
+                }
+                if (typeof value == 'boolean') {
+                    return true;
+                }
+                return false;
+            },
+        },
+        /**
+         * A string of all className you want applied to the modal content component.
+         */
+        contentClassName: String,
+        /**
+         * Puts the focus on the modal when shown.
+         *
+         * @since v5.0.0-beta.0
+         */
+        focus: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Set modal to covers the entire user viewport
+         *
+         * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl'
+         */
+        fullscreen: {
+            type: [Boolean, String],
+            validator: (value) => {
+                if (typeof value == 'string') {
+                    return ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value);
+                }
+                if (typeof value == 'boolean') {
+                    return true;
+                }
+                return false;
+            },
+        },
+        /**
+         * Closes the modal when escape key is pressed.
+         */
+        keyboard: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Create a scrollable modal that allows scrolling the modal body.
+         */
+        scrollable: Boolean,
+        /**
+         * Size the component small, large, or extra large.
+         *
+         * @values 'sm', 'lg', 'xl'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg', 'xl'].includes(value);
+            },
+        },
+        /**
+         * Remove animation to create modal that simply appear rather than fade in to view.
+         */
+        transition: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.
+         */
+        unmountOnClose: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Toggle the visibility of alert component.
+         */
+        visible: Boolean,
+    },
+    emits: [
+        /**
+         * Callback fired when the component requests to be closed.
+         */
+        'close',
+        /**
+         * Callback fired when the component requests to be closed.
+         */
+        'close-prevented',
+        /**
+         * Callback fired when the modal is shown, its backdrop is static and a click outside the modal or an escape key press is performed with the keyboard option set to false.
+         */
+        'show',
+    ],
+    setup(props, { slots, attrs, emit }) {
+        const activeElementRef = ref();
+        const modalRef = ref();
+        const modalContentRef = ref();
+        const visible = ref(props.visible);
+        watch(() => props.visible, () => {
+            visible.value = props.visible;
+        });
+        const handleEnter = (el, done) => {
+            activeElementRef.value = document.activeElement;
+            executeAfterTransition(() => done(), el);
+            document.body.classList.add('modal-open');
+            document.body.style.overflow = 'hidden';
+            document.body.style.paddingRight = '0px';
+            el.style.display = 'block';
+            setTimeout(() => {
+                el.classList.add('show');
+            }, 1);
+            emit('show');
+        };
+        const handleAfterEnter = () => {
+            props.focus && modalRef.value?.focus();
+            window.addEventListener('mousedown', handleMouseDown);
+            window.addEventListener('keyup', handleKeyUp);
+        };
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        const handleLeave = (el, done) => {
+            executeAfterTransition(() => done(), el);
+            document.body.classList.remove('modal-open');
+            document.body.style.removeProperty('overflow');
+            document.body.style.removeProperty('padding-right');
+            if (document.body.className === '') {
+                document.body.removeAttribute('class');
+            }
+            el.classList.remove('show');
+        };
+        const handleAfterLeave = (el) => {
+            activeElementRef.value?.focus();
+            window.removeEventListener('mousedown', handleMouseDown);
+            window.removeEventListener('keyup', handleKeyUp);
+            el.style.display = 'none';
+        };
+        const handleDismiss = () => {
+            emit('close');
+            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 handleMouseDown = (event) => {
+            window.addEventListener('mouseup', () => handleMouseUp(event), { once: true });
+        };
+        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);
+                }
+            }
+        };
+        provide('handleDismiss', handleDismiss);
+        const modal = () => h('div', {
+            ...attrs,
+            class: [
+                'modal',
+                {
+                    ['fade']: props.transition,
+                },
+                attrs.class,
+            ],
+            ...(visible.value ? { 'aria-modal': true, role: 'dialog' } : { 'aria-hidden': 'true' }),
+            ref: modalRef,
+        }, h('div', {
+            class: [
+                'modal-dialog',
+                {
+                    'modal-dialog-centered': props.alignment === 'center',
+                    [`modal-fullscreen-${props.fullscreen}-down`]: props.fullscreen && typeof props.fullscreen === 'string',
+                    'modal-fullscreen': props.fullscreen && typeof props.fullscreen === 'boolean',
+                    ['modal-dialog-scrollable']: props.scrollable,
+                    [`modal-${props.size}`]: props.size,
+                },
+            ],
+        }, h('div', { class: ['modal-content', props.contentClassName], ref: modalContentRef }, slots.default && slots.default())));
+        return () => [
+            h(Transition, {
+                css: false,
+                onEnter: (el, done) => handleEnter(el, done),
+                onAfterEnter: () => handleAfterEnter(),
+                onLeave: (el, done) => handleLeave(el, done),
+                onAfterLeave: (el) => handleAfterLeave(el),
+            }, () => props.unmountOnClose
+                ? visible.value && modal()
+                : withDirectives(modal(), [[vShow, visible.value]])),
+            props.backdrop &&
+                h(CBackdrop, {
+                    class: 'modal-backdrop',
+                    visible: visible.value,
+                }),
+        ];
+    },
+});
+
+export { CModal };
+//# sourceMappingURL=CModal.js.map

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

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

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

@@ -0,0 +1,4 @@
+declare const CModalBody: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export { CModalBody };

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

@@ -0,0 +1,11 @@
+import { defineComponent, h } from 'vue';
+
+const CModalBody = defineComponent({
+    name: 'CModalBody',
+    setup(_, { slots }) {
+        return () => h('div', { class: 'modal-body' }, slots.default && slots.default());
+    },
+});
+
+export { CModalBody };
+//# sourceMappingURL=CModalBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CModalBody.js","sources":["../../../../src/components/modal/CModalBody.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,UAAU,GAAG,eAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACjF;AACF,CAAA;;;;"}

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

@@ -0,0 +1,4 @@
+declare const CModalFooter: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export { CModalFooter };

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

@@ -0,0 +1,11 @@
+import { defineComponent, h } from 'vue';
+
+const CModalFooter = defineComponent({
+    name: 'CModalFooter',
+    setup(_, { slots }) {
+        return () => h('div', { class: 'modal-footer' }, slots.default && slots.default());
+    },
+});
+
+export { CModalFooter };
+//# sourceMappingURL=CModalFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CModalFooter.js","sources":["../../../../src/components/modal/CModalFooter.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,YAAY,GAAG,eAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACnF;AACF,CAAA;;;;"}

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

@@ -0,0 +1,22 @@
+declare const CModalHeader: import("vue").DefineComponent<{
+    /**
+     * Add a close button component to the header.
+     */
+    closeButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => 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<{
+    /**
+     * Add a close button component to the header.
+     */
+    closeButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    closeButton: boolean;
+}, {}>;
+export { CModalHeader };

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

@@ -0,0 +1,25 @@
+import { defineComponent, inject, h } from 'vue';
+import { CCloseButton } from '../close-button/CCloseButton.js';
+
+const CModalHeader = defineComponent({
+    name: 'CModalHeader',
+    props: {
+        /**
+         * Add a close button component to the header.
+         */
+        closeButton: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    setup(props, { slots }) {
+        const handleDismiss = inject('handleDismiss');
+        return () => h('span', { class: 'modal-header' }, [
+            slots.default && slots.default(),
+            props.closeButton && h(CCloseButton, { onClick: () => handleDismiss() }, ''),
+        ]);
+    },
+});
+
+export { CModalHeader };
+//# sourceMappingURL=CModalHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CModalHeader.js","sources":["../../../../src/components/modal/CModalHeader.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,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,CAAA;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,CAAA;KACL;AACF,CAAA;;;;"}

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

@@ -0,0 +1,22 @@
+declare const CModalTitle: 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 { CModalTitle };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CModalTitle.js","sources":["../../../../src/components/modal/CModalTitle.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,WAAW,GAAG,eAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,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,MAAM,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAC5F;AACF,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { CModal } from './CModal';
+import { CModalBody } from './CModalBody';
+import { CModalFooter } from './CModalFooter';
+import { CModalHeader } from './CModalHeader';
+import { CModalTitle } from './CModalTitle';
+declare const CModalPlugin: {
+    install: (app: App) => void;
+};
+export { CModalPlugin, CModal, CModalBody, CModalFooter, CModalHeader, CModalTitle };

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

@@ -0,0 +1,18 @@
+import { CModal } from './CModal.js';
+import { CModalBody } from './CModalBody.js';
+import { CModalFooter } from './CModalFooter.js';
+import { CModalHeader } from './CModalHeader.js';
+import { CModalTitle } from './CModalTitle.js';
+
+const CModalPlugin = {
+    install: (app) => {
+        app.component(CModal.name, CModal);
+        app.component(CModalBody.name, CModalBody);
+        app.component(CModalFooter.name, CModalFooter);
+        app.component(CModalHeader.name, CModalHeader);
+        app.component(CModalTitle.name, CModalTitle);
+    },
+};
+
+export { CModal, CModalBody, CModalFooter, CModalHeader, CModalPlugin, CModalTitle };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/modal/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA,MAAM,YAAY,GAAG;AACnB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;QAClC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;QAC9C,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;QAC9C,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;KAC7C;;;;;"}