@coreui/vue/dist/cjs/components/pagination/CPaginationItem.js

UI Components Library for Vue.js

'use strict';

var vue = require('vue');
var CLink = require('../link/CLink.js');

const CPaginationItem = vue.defineComponent({
    name: 'CPaginationItem',
    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.
         */
        as: String,
        /**
         * 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 () => {
            const component = props.as ?? (props.active ? 'span' : 'a');
            return vue.h('li', {
                class: [
                    'page-item',
                    {
                        ['active']: props.active,
                        ['disabled']: props.disabled,
                    },
                ],
                ...(props.active && { active: props.active, 'aria-current': 'page' }),
            }, component === 'a'
                ? vue.h(CLink.CLink, {
                    as: component,
                    class: ['page-link'],
                    href: props.href,
                }, {
                    default: () => slots.default && slots.default(),
                })
                : vue.h(component, { class: ['page-link'] }, slots.default && slots.default()));
        };
    },
});

exports.CPaginationItem = CPaginationItem;
//# sourceMappingURL=CPaginationItem.js.map