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

package/dist/cjs/components/nav/CNavLink.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var vue = require('vue');
+var CLink = require('../link/CLink.js');
+
+const CNavLink = vue.defineComponent({
+    name: 'CNavLink',
+    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,
+        /**
+         * @ignore
+         */
+        href: String,
+    },
+    setup(props, { slots }) {
+        return () => vue.h(CLink.CLink, {
+            class: 'nav-link',
+            active: props.active,
+            component: props.component,
+            disabled: props.disabled,
+            href: props.href,
+        }, {
+            default: () => slots.default && slots.default(),
+        });
+    },
+});
+
+exports.CNavLink = CNavLink;
+//# sourceMappingURL=CNavLink.js.map

package/dist/cjs/components/nav/CNavLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavLink.js","sources":["../../../../src/components/nav/CNavLink.ts"],"sourcesContent":[null],"names":["defineComponent","h","CLink"],"mappings":";;;;;AAIM,MAAA,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,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,UAAU;YACjB,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/nav/CNavTitle.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var vue = require('vue');
+
+const CNavTitle = vue.defineComponent({
+    name: 'CNavTitle',
+    setup(_, { slots }) {
+        return () => vue.h('li', { class: 'nav-title' }, slots.default && slots.default());
+    },
+});
+
+exports.CNavTitle = CNavTitle;
+//# sourceMappingURL=CNavTitle.js.map

package/dist/cjs/components/nav/CNavTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavTitle.js","sources":["../../../../src/components/nav/CNavTitle.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,SAAS,GAAGA,mBAAe,CAAC;AAChC,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAC/E;AACF,CAAA;;;;"}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var CNav = require('./CNav.js');
+var CNavGroup = require('./CNavGroup.js');
+var CNavGroupItems = require('./CNavGroupItems.js');
+var CNavItem = require('./CNavItem.js');
+var CNavLink = require('./CNavLink.js');
+var CNavTitle = require('./CNavTitle.js');
+
+const CNavPlugin = {
+    install: (app) => {
+        app.component(CNav.CNav.name, CNav.CNav);
+        app.component(CNavGroup.CNavGroup.name, CNavGroup.CNavGroup);
+        app.component(CNavGroupItems.CNavGroupItems.name, CNavGroupItems.CNavGroupItems);
+        app.component(CNavItem.CNavItem.name, CNavItem.CNavItem);
+        app.component(CNavLink.CNavLink.name, CNavLink.CNavLink);
+        app.component(CNavTitle.CNavTitle.name, CNavTitle.CNavTitle);
+    },
+};
+
+exports.CNav = CNav.CNav;
+exports.CNavGroup = CNavGroup.CNavGroup;
+exports.CNavGroupItems = CNavGroupItems.CNavGroupItems;
+exports.CNavItem = CNavItem.CNavItem;
+exports.CNavLink = CNavLink.CNavLink;
+exports.CNavTitle = CNavTitle.CNavTitle;
+exports.CNavPlugin = CNavPlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/nav/index.ts"],"sourcesContent":[null],"names":["CNav","CNavGroup","CNavGroupItems","CNavItem","CNavLink","CNavTitle"],"mappings":";;;;;;;;;AAQA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,SAAI,CAAC,IAAI,EAAEA,SAAI,CAAC,CAAA;QAC9B,GAAG,CAAC,SAAS,CAACC,mBAAS,CAAC,IAAI,EAAEA,mBAAS,CAAC,CAAA;QACxC,GAAG,CAAC,SAAS,CAACC,6BAAc,CAAC,IAAI,EAAEA,6BAAc,CAAC,CAAA;QAClD,GAAG,CAAC,SAAS,CAACC,iBAAQ,CAAC,IAAI,EAAEA,iBAAQ,CAAC,CAAA;QACtC,GAAG,CAAC,SAAS,CAACC,iBAAQ,CAAC,IAAI,EAAEA,iBAAQ,CAAC,CAAA;QACtC,GAAG,CAAC,SAAS,CAACC,mBAAS,CAAC,IAAI,EAAEA,mBAAS,CAAC,CAAA;KACzC;;;;;;;;;;;"}

package/dist/cjs/components/navbar/CNavbar.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CNavbar = vue.defineComponent({
+    name: 'CNavbar',
+    props: {
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+         */
+        color: props.Color,
+        /**
+         * Sets if the color of text should be colored for a light or dark dark background.
+         *
+         * @values 'dark', 'light'
+         */
+        colorScheme: {
+            type: String,
+            validator: (value) => {
+                return ['dark', 'light'].includes(value);
+            },
+        },
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'nav',
+        },
+        /**
+         * Defines optional container wrapping children elements.
+         *
+         * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl', 'fluid'
+         */
+        container: {
+            type: [Boolean, String],
+            validator: (value) => {
+                return (typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl', 'fluid'].includes(value));
+            },
+        },
+        /**
+         * Defines the responsive breakpoint to determine when content collapses.
+         *
+         * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl'
+         */
+        expand: {
+            type: [Boolean, String],
+            validator: (value) => {
+                return typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value);
+            },
+        },
+        /**
+         * Place component in non-static positions.
+         *
+         * @values 'fixed-top', 'fixed-bottom', 'sticky-top'
+         */
+        placement: {
+            type: String,
+            validator: (value) => {
+                return ['fixed-top', 'fixed-bottom', 'sticky-top'].includes(value);
+            },
+        },
+    },
+    setup(props, { slots }) {
+        return () => vue.h(props.component, {
+            class: [
+                'navbar',
+                {
+                    [`bg-${props.color}`]: props.color,
+                    [typeof props.expand === 'boolean'
+                        ? 'navbar-expand'
+                        : `navbar-expand-${props.expand}`]: props.expand,
+                },
+                props.placement,
+            ],
+            ...(props.colorScheme && { 'data-coreui-theme': props.colorScheme }),
+        }, props.container
+            ? vue.h('div', { class: [`container${props.container === true ? '' : '-' + props.container}`] }, slots.default && slots.default())
+            : slots.default && slots.default());
+    },
+});
+
+exports.CNavbar = CNavbar;
+//# sourceMappingURL=CNavbar.js.map

package/dist/cjs/components/navbar/CNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbar.js","sources":["../../../../src/components/navbar/CNavbar.ts"],"sourcesContent":[null],"names":["defineComponent","Color","h"],"mappings":";;;;;AAIM,MAAA,OAAO,GAAGA,mBAAe,CAAC;AAC9B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,WAAW,EAAE;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACzC;AACF,SAAA;AACD;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AACvB,YAAA,SAAS,EAAE,CAAC,KAAuB,KAAI;gBACrC,QACE,OAAO,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EACvF;aACF;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AACvB,YAAA,SAAS,EAAE,CAAC,KAAuB,KAAI;gBACrC,OAAO,OAAO,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACrF;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,WAAW,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACnE;AACF,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;gBACL,QAAQ;AACR,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AAClC,oBAAA,CAAC,OAAO,KAAK,CAAC,MAAM,KAAK,SAAS;AAChC,0BAAE,eAAe;0BACf,CAAiB,cAAA,EAAA,KAAK,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM;AACnD,iBAAA;AACD,gBAAA,KAAK,CAAC,SAAS;AAChB,aAAA;AACD,YAAA,IAAI,KAAK,CAAC,WAAW,IAAI,EAAE,mBAAmB,EAAE,KAAK,CAAC,WAAW,EAAE;SACpE,EACD,KAAK,CAAC,SAAS;AACb,cAAEA,KAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,CAAC,CAAA,SAAA,EAAY,KAAK,CAAC,SAAS,KAAK,IAAI,GAAG,EAAE,GAAG,GAAG,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,EAChF,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;cACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACrC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/navbar/CNavbarBrand.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var vue = require('vue');
+
+const CNavbarBrand = vue.defineComponent({
+    name: 'CNavbarBrand',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         *
+         */
+        component: {
+            type: String,
+            default: 'a',
+        },
+        /**
+         * The href attribute specifies the URL of the page the link goes to.
+         */
+        href: String,
+    },
+    setup(props, { slots }) {
+        return () => vue.h(props.component ?? (props.href ? 'a' : 'span'), {
+            class: 'navbar-brand',
+            href: props.href,
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CNavbarBrand = CNavbarBrand;
+//# sourceMappingURL=CNavbarBrand.js.map

package/dist/cjs/components/navbar/CNavbarBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbarBrand.js","sources":["../../../../src/components/navbar/CNavbarBrand.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,YAAY,GAAGA,mBAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;;AAGG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,GAAG;AACb,SAAA;AACD;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC,EAC9C;AACE,YAAA,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,KAAK,CAAC,IAAI;SACjB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/navbar/CNavbarNav.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var vue = require('vue');
+
+const CNavbarNav = vue.defineComponent({
+    name: 'CNavbarNav',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'ul',
+        },
+    },
+    setup(props, { slots }) {
+        return () => vue.h(props.component, {
+            class: 'navbar-nav',
+            role: 'navigation',
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CNavbarNav = CNavbarNav;
+//# sourceMappingURL=CNavbarNav.js.map

package/dist/cjs/components/navbar/CNavbarNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbarNav.js","sources":["../../../../src/components/navbar/CNavbarNav.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,UAAU,GAAGA,mBAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,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,YAAY;AACnB,YAAA,IAAI,EAAE,YAAY;SACnB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/navbar/CNavbarText.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var vue = require('vue');
+
+const CNavbarText = vue.defineComponent({
+    name: 'CNavbarText',
+    setup(_, { slots }) {
+        return () => vue.h('span', { class: 'navbar-text' }, slots.default && slots.default());
+    },
+});
+
+exports.CNavbarText = CNavbarText;
+//# sourceMappingURL=CNavbarText.js.map

package/dist/cjs/components/navbar/CNavbarText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbarText.js","sources":["../../../../src/components/navbar/CNavbarText.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,WAAW,GAAGA,mBAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACnF;AACF,CAAA;;;;"}

package/dist/cjs/components/navbar/CNavbarToggler.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var vue = require('vue');
+
+const CNavbarToggler = vue.defineComponent({
+    name: 'CNavbarToggler',
+    setup(_, { slots }) {
+        return () => vue.h('button', {
+            class: 'navbar-toggler',
+        }, slots.default ? slots.default() : vue.h('span', { class: ['navbar-toggler-icon'] }));
+    },
+});
+
+exports.CNavbarToggler = CNavbarToggler;
+//# sourceMappingURL=CNavbarToggler.js.map

package/dist/cjs/components/navbar/CNavbarToggler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbarToggler.js","sources":["../../../../src/components/navbar/CNavbarToggler.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,cAAc,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,OAAO,MACLC,KAAC,CACC,QAAQ,EACR;AACE,YAAA,KAAK,EAAE,gBAAgB;SACxB,EACD,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,GAAGA,KAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAChF,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+var CNavbar = require('./CNavbar.js');
+var CNavbarBrand = require('./CNavbarBrand.js');
+var CNavbarNav = require('./CNavbarNav.js');
+var CNavbarText = require('./CNavbarText.js');
+var CNavbarToggler = require('./CNavbarToggler.js');
+
+const CNavbarPlugin = {
+    install: (app) => {
+        app.component(CNavbar.CNavbar.name, CNavbar.CNavbar);
+        app.component(CNavbarBrand.CNavbarBrand.name, CNavbarBrand.CNavbarBrand);
+        app.component(CNavbarNav.CNavbarNav.name, CNavbarNav.CNavbarNav);
+        app.component(CNavbarText.CNavbarText.name, CNavbarText.CNavbarText);
+        app.component(CNavbarToggler.CNavbarToggler.name, CNavbarToggler.CNavbarToggler);
+    },
+};
+
+exports.CNavbar = CNavbar.CNavbar;
+exports.CNavbarBrand = CNavbarBrand.CNavbarBrand;
+exports.CNavbarNav = CNavbarNav.CNavbarNav;
+exports.CNavbarText = CNavbarText.CNavbarText;
+exports.CNavbarToggler = CNavbarToggler.CNavbarToggler;
+exports.CNavbarPlugin = CNavbarPlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/navbar/index.ts"],"sourcesContent":[null],"names":["CNavbar","CNavbarBrand","CNavbarNav","CNavbarText","CNavbarToggler"],"mappings":";;;;;;;;AAOA,MAAM,aAAa,GAAG;AACpB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,eAAO,CAAC,IAAI,EAAEA,eAAO,CAAC,CAAA;QACpC,GAAG,CAAC,SAAS,CAACC,yBAAY,CAAC,IAAI,EAAEA,yBAAY,CAAC,CAAA;QAC9C,GAAG,CAAC,SAAS,CAACC,qBAAU,CAAC,IAAI,EAAEA,qBAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAACC,uBAAW,CAAC,IAAI,EAAEA,uBAAW,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAACC,6BAAc,CAAC,IAAI,EAAEA,6BAAc,CAAC,CAAA;KACnD;;;;;;;;;;"}

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

@@ -0,0 +1,178 @@
+'use strict';
+
+var vue = require('vue');
+var CBackdrop = require('../backdrop/CBackdrop.js');
+var vCVisible = require('../../directives/v-c-visible.js');
+var transition = require('../../utils/transition.js');
+
+const COffcanvas = vue.defineComponent({
+    name: 'COffcanvas',
+    props: {
+        /**
+         * 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;
+            },
+        },
+        /**
+         * Sets a darker color scheme.
+         */
+        dark: Boolean,
+        /**
+         * Closes the offcanvas when escape key is pressed.
+         */
+        keyboard: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Components placement, there’s no default placement.
+         *
+         * @values 'start', 'end', 'top', 'bottom'
+         */
+        placement: {
+            type: String,
+            require: true,
+            validator: (value) => {
+                return ['start', 'end', 'top', 'bottom'].includes(value);
+            },
+        },
+        /**
+         * Responsive offcanvas property hide content outside the viewport from a specified breakpoint and down.
+         *
+         * @values boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
+         * @since 4.7.0
+         */
+        responsive: {
+            type: [Boolean, String],
+            default: true,
+            validator: (value) => {
+                if (typeof value === 'string') {
+                    return ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value);
+                }
+                if (typeof value === 'boolean') {
+                    return true;
+                }
+                return false;
+            },
+        },
+        /**
+         * Allow body scrolling while offcanvas is open
+         */
+        scroll: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Toggle the visibility of offcanvas component.
+         */
+        visible: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    emits: [
+        /**
+         * Callback fired when the component requests to be hidden.
+         */
+        'hide',
+        /**
+         * Callback fired when the component requests to be shown.
+         */
+        'show',
+    ],
+    setup(props, { slots, emit }) {
+        const offcanvasRef = vue.ref();
+        const visible = vue.ref(props.visible);
+        vue.watch(() => props.visible, () => {
+            visible.value = props.visible;
+        });
+        vue.watch(visible, () => {
+            if (visible.value && !props.scroll) {
+                document.body.style.overflow = 'hidden';
+                document.body.style.paddingRight = '0px';
+                return;
+            }
+            if (!props.scroll) {
+                document.body.style.removeProperty('overflow');
+                document.body.style.removeProperty('padding-right');
+            }
+        });
+        const handleEnter = (el, done) => {
+            emit('show');
+            transition.executeAfterTransition(() => done(), el);
+            setTimeout(() => {
+                el.classList.add('show');
+            }, 1);
+        };
+        const handleAfterEnter = () => {
+            offcanvasRef.value.focus();
+        };
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        const handleLeave = (el, done) => {
+            transition.executeAfterTransition(() => done(), el);
+            el.classList.add('hiding');
+        };
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        const handleAfterLeave = (el) => {
+            el.classList.remove('show', 'hiding');
+        };
+        const handleDismiss = () => {
+            visible.value = false;
+            emit('hide');
+        };
+        const handleBackdropDismiss = () => {
+            if (props.backdrop !== 'static') {
+                handleDismiss();
+            }
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape' && props.keyboard) {
+                handleDismiss();
+            }
+        };
+        return () => [
+            vue.h(vue.Transition, {
+                appear: visible.value,
+                css: false,
+                onEnter: (el, done) => handleEnter(el, done),
+                onAfterEnter: () => handleAfterEnter(),
+                onLeave: (el, done) => handleLeave(el, done),
+                onAfterLeave: (el) => handleAfterLeave(el),
+            }, () => vue.withDirectives(vue.h('div', {
+                class: [
+                    {
+                        [`offcanvas${typeof props.responsive === 'boolean' ? '' : '-' + props.responsive}`]: props.responsive,
+                        [`offcanvas-${props.placement}`]: props.placement,
+                    },
+                ],
+                onKeydown: (event) => handleKeyDown(event),
+                ref: offcanvasRef,
+                role: 'dialog',
+                tabindex: -1,
+                ...(props.dark && { 'data-coreui-theme': 'dark' }),
+            }, slots.default && slots.default()), [[vCVisible.vVisible, props.visible]])),
+            props.backdrop &&
+                vue.h(CBackdrop.CBackdrop, {
+                    class: 'offcanvas-backdrop',
+                    onClick: handleBackdropDismiss,
+                    visible: visible.value,
+                }),
+        ];
+    },
+});
+
+exports.COffcanvas = COffcanvas;
+//# sourceMappingURL=COffcanvas.js.map

package/dist/cjs/components/offcanvas/COffcanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"COffcanvas.js","sources":["../../../../src/components/offcanvas/COffcanvas.ts"],"sourcesContent":[null],"names":["defineComponent","ref","watch","executeAfterTransition","h","Transition","withDirectives","vVisible","CBackdrop"],"mappings":"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"}

package/dist/cjs/components/offcanvas/COffcanvasBody.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var vue = require('vue');
+
+const COffcanvasBody = vue.defineComponent({
+    name: 'COffcanvasBody',
+    setup(_, { slots }) {
+        return () => vue.h('div', { class: 'offcanvas-body' }, slots.default && slots.default());
+    },
+});
+
+exports.COffcanvasBody = COffcanvasBody;
+//# sourceMappingURL=COffcanvasBody.js.map

package/dist/cjs/components/offcanvas/COffcanvasBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"COffcanvasBody.js","sources":["../../../../src/components/offcanvas/COffcanvasBody.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,cAAc,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACrF;AACF,CAAA;;;;"}

package/dist/cjs/components/offcanvas/COffcanvasHeader.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var vue = require('vue');
+
+const COffcanvasHeader = vue.defineComponent({
+    name: 'COffcanvasHeader',
+    setup(_, { slots }) {
+        return () => vue.h('div', { class: 'offcanvas-header' }, slots.default && slots.default());
+    },
+});
+
+exports.COffcanvasHeader = COffcanvasHeader;
+//# sourceMappingURL=COffcanvasHeader.js.map

package/dist/cjs/components/offcanvas/COffcanvasHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"COffcanvasHeader.js","sources":["../../../../src/components/offcanvas/COffcanvasHeader.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,gBAAgB,GAAGA,mBAAe,CAAC;AACvC,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACvF;AACF,CAAA;;;;"}

package/dist/cjs/components/offcanvas/COffcanvasTitle.js

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

package/dist/cjs/components/offcanvas/COffcanvasTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"COffcanvasTitle.js","sources":["../../../../src/components/offcanvas/COffcanvasTitle.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,MAAMC,KAAC,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAChG;AACF,CAAA;;;;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+var COffcanvas = require('./COffcanvas.js');
+var COffcanvasBody = require('./COffcanvasBody.js');
+var COffcanvasHeader = require('./COffcanvasHeader.js');
+var COffcanvasTitle = require('./COffcanvasTitle.js');
+
+const COffcanvasPlugin = {
+    install: (app) => {
+        app.component(COffcanvas.COffcanvas.name, COffcanvas.COffcanvas);
+        app.component(COffcanvasBody.COffcanvasBody.name, COffcanvasBody.COffcanvasBody);
+        app.component(COffcanvasHeader.COffcanvasHeader.name, COffcanvasHeader.COffcanvasHeader);
+        app.component(COffcanvasTitle.COffcanvasTitle.name, COffcanvasTitle.COffcanvasTitle);
+    },
+};
+
+exports.COffcanvas = COffcanvas.COffcanvas;
+exports.COffcanvasBody = COffcanvasBody.COffcanvasBody;
+exports.COffcanvasHeader = COffcanvasHeader.COffcanvasHeader;
+exports.COffcanvasTitle = COffcanvasTitle.COffcanvasTitle;
+exports.COffcanvasPlugin = COffcanvasPlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/offcanvas/index.ts"],"sourcesContent":[null],"names":["COffcanvas","COffcanvasBody","COffcanvasHeader","COffcanvasTitle"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,GAAG;AACvB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,qBAAU,CAAC,IAAI,EAAEA,qBAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAACC,6BAAc,CAAC,IAAI,EAAEA,6BAAc,CAAC,CAAA;QAClD,GAAG,CAAC,SAAS,CAACC,iCAAgB,CAAC,IAAI,EAAEA,iCAAgB,CAAC,CAAA;QACtD,GAAG,CAAC,SAAS,CAACC,+BAAe,CAAC,IAAI,EAAEA,+BAAe,CAAC,CAAA;KACrD;;;;;;;;;"}

package/dist/cjs/components/pagination/CPagination.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var vue = require('vue');
+
+const CPagination = vue.defineComponent({
+    name: 'CPagination',
+    props: {
+        /**
+         * Set the alignment of pagination components.
+         *
+         * @values 'start', 'center', 'end'
+         */
+        align: {
+            type: String,
+            validator: (value) => {
+                return ['start', 'center', 'end'].includes(value);
+            },
+        },
+        /**
+         * Size the component small or large.
+         *
+         * @values 'sm', 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+    },
+    setup(props, { slots }) {
+        return () => vue.h('nav', {}, vue.h('ul', {
+            class: [
+                'pagination',
+                {
+                    [`justify-content-${props.align}`]: props.align,
+                    [`pagination-${props.size}`]: props.size,
+                },
+            ],
+        }, slots.default && slots.default()));
+    },
+});
+
+exports.CPagination = CPagination;
+//# sourceMappingURL=CPagination.js.map