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

package/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v5.0.0-alpha.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v5.0.0-beta.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`

package/dist/cjs/components/accordion/CAccordion.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var vue = require('vue');
+
+const CAccordion = vue.defineComponent({
+    name: 'CAccordion',
+    props: {
+        /**
+         * The active item key.
+         */
+        activeItemKey: [Number, String],
+        /**
+         * Make accordion items stay open when another item is opened
+         */
+        alwaysOpen: Boolean,
+        /**
+         * Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
+         */
+        flush: Boolean,
+    },
+    setup(props, { slots }) {
+        const activeItemKey = vue.ref(props.activeItemKey);
+        const setActiveItemKey = (key) => {
+            activeItemKey.value = key;
+        };
+        vue.provide('activeItemKey', activeItemKey);
+        vue.provide('alwaysOpen', props.alwaysOpen);
+        vue.provide('setActiveItemKey', setActiveItemKey);
+        return () => vue.h('div', { class: ['accordion', { ['accordion-flush']: props.flush }] }, slots.default && slots.default());
+    },
+});
+
+exports.CAccordion = CAccordion;
+//# sourceMappingURL=CAccordion.js.map

package/dist/cjs/components/accordion/CAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CAccordion.js","sources":["../../../../src/components/accordion/CAccordion.ts"],"sourcesContent":[null],"names":["defineComponent","ref","provide","h"],"mappings":";;;;AAEM,MAAA,UAAU,GAAGA,mBAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC/B;;AAEG;AACH,QAAA,UAAU,EAAE,OAAO;AACnB;;AAEG;AACH,QAAA,KAAK,EAAE,OAAO;AACf,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,MAAM,aAAa,GAAGC,OAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;AAC9C,QAAA,MAAM,gBAAgB,GAAG,CAAC,GAAoB,KAAI;AAChD,YAAA,aAAa,CAAC,KAAK,GAAG,GAAG,CAAA;AAC3B,SAAC,CAAA;AACD,QAAAC,WAAO,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;AACvC,QAAAA,WAAO,CAAC,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;AACvC,QAAAA,WAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;AAE7C,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,EAC9D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/accordion/CAccordionBody.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var vue = require('vue');
+var CCollapse = require('../collapse/CCollapse.js');
+
+const CAccordionBody = vue.defineComponent({
+    name: 'CAccordionBody',
+    setup(_, { slots }) {
+        const visible = vue.inject('visible');
+        return () => vue.h(CCollapse.CCollapse, { class: 'accordion-collapse', visible: visible.value }, {
+            default: () => vue.h('div', { class: ['accordion-body'] }, slots.default && slots.default()),
+        });
+    },
+});
+
+exports.CAccordionBody = CAccordionBody;
+//# sourceMappingURL=CAccordionBody.js.map

package/dist/cjs/components/accordion/CAccordionBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CAccordionBody.js","sources":["../../../../src/components/accordion/CAccordionBody.ts"],"sourcesContent":[null],"names":["defineComponent","inject","h","CCollapse"],"mappings":";;;;;AAGM,MAAA,cAAc,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,MAAM,OAAO,GAAGC,UAAM,CAAC,SAAS,CAAiB,CAAA;AACjD,QAAA,OAAO,MACLC,KAAC,CACCC,mBAAS,EACT,EAAE,KAAK,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,EACvD;YACE,OAAO,EAAE,MAAMD,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;AACzF,SAAA,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/accordion/CAccordionButton.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var vue = require('vue');
+
+const CAccordionButton = vue.defineComponent({
+    name: 'CAccordionButton',
+    setup(_, { slots }) {
+        const toggleVisibility = vue.inject('toggleVisibility');
+        const visible = vue.inject('visible');
+        return () => vue.h('button', {
+            type: 'button',
+            'aria-expanded': !visible.value,
+            class: ['accordion-button', { ['collapsed']: !visible.value }],
+            onClick: () => toggleVisibility(),
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CAccordionButton = CAccordionButton;
+//# sourceMappingURL=CAccordionButton.js.map

package/dist/cjs/components/accordion/CAccordionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CAccordionButton.js","sources":["../../../../src/components/accordion/CAccordionButton.ts"],"sourcesContent":[null],"names":["defineComponent","inject","h"],"mappings":";;;;AAEM,MAAA,gBAAgB,GAAGA,mBAAe,CAAC;AACvC,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,MAAM,gBAAgB,GAAGC,UAAM,CAAC,kBAAkB,CAAe,CAAA;AACjE,QAAA,MAAM,OAAO,GAAGA,UAAM,CAAC,SAAS,CAAiB,CAAA;AAEjD,QAAA,OAAO,MACLC,KAAC,CACC,QAAQ,EACR;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,eAAe,EAAE,CAAC,OAAO,CAAC,KAAK;AAC/B,YAAA,KAAK,EAAE,CAAC,kBAAkB,EAAE,EAAE,CAAC,WAAW,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC9D,YAAA,OAAO,EAAE,MAAM,gBAAgB,EAAE;SAClC,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/accordion/CAccordionHeader.js

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

package/dist/cjs/components/accordion/CAccordionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CAccordionHeader.js","sources":["../../../../src/components/accordion/CAccordionHeader.ts"],"sourcesContent":[null],"names":["defineComponent","h","CAccordionButton"],"mappings":";;;;;AAGM,MAAA,gBAAgB,GAAGA,mBAAe,CAAC;AACvC,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MACLC,KAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,CAAC,kBAAkB,CAAC,EAAE,EAC/BA,KAAC,CACCC,iCAAgB,EAChB,EAAE,EACF;YACE,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChD,SAAA,CACF,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/accordion/CAccordionItem.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var vue = require('vue');
+
+const CAccordionItem = vue.defineComponent({
+    name: 'CAccordionItem',
+    props: {
+        /**
+         * The item key.
+         */
+        itemKey: [Number, String],
+    },
+    setup(props, { slots }) {
+        const activeItemKey = vue.inject('activeItemKey');
+        const alwaysOpen = vue.inject('alwaysOpen');
+        const setActiveItemKey = vue.inject('setActiveItemKey');
+        const itemKey = vue.ref(props.itemKey ?? Math.random().toString(36).slice(2, 11));
+        const visible = vue.ref(Boolean(activeItemKey.value === itemKey.value));
+        vue.watch(activeItemKey, () => (visible.value = Boolean(activeItemKey.value === itemKey.value)));
+        const toggleVisibility = () => {
+            visible.value = !visible.value;
+            !alwaysOpen && visible && setActiveItemKey(itemKey.value);
+        };
+        vue.provide('visible', visible);
+        vue.provide('toggleVisibility', toggleVisibility);
+        return () => vue.h('div', { class: ['accordion-item'] }, slots.default && slots.default());
+    },
+});
+
+exports.CAccordionItem = CAccordionItem;
+//# sourceMappingURL=CAccordionItem.js.map

package/dist/cjs/components/accordion/CAccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CAccordionItem.js","sources":["../../../../src/components/accordion/CAccordionItem.ts"],"sourcesContent":[null],"names":["defineComponent","inject","ref","watch","provide","h"],"mappings":";;;;AAEM,MAAA,cAAc,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,aAAa,GAAGC,UAAM,CAAC,eAAe,CAAyB,CAAA;AACrE,QAAA,MAAM,UAAU,GAAGA,UAAM,CAAC,YAAY,CAAY,CAAA;AAClD,QAAA,MAAM,gBAAgB,GAAGA,UAAM,CAAC,kBAAkB,CAAmC,CAAA;QAErF,MAAM,OAAO,GAAGC,OAAG,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA;AAC7E,QAAA,MAAM,OAAO,GAAGA,OAAG,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;QAEnEC,SAAK,CAAC,aAAa,EAAE,OAAO,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAE5F,MAAM,gBAAgB,GAAG,MAAK;AAC5B,YAAA,OAAO,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,KAAK,CAAA;YAC9B,CAAC,UAAU,IAAI,OAAO,IAAI,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;AAC3D,SAAC,CAAA;AAED,QAAAC,WAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AAC3B,QAAAA,WAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;QAE7C,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACvF;AACF,CAAA;;;;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+var CAccordion = require('./CAccordion.js');
+var CAccordionBody = require('./CAccordionBody.js');
+var CAccordionButton = require('./CAccordionButton.js');
+var CAccordionHeader = require('./CAccordionHeader.js');
+var CAccordionItem = require('./CAccordionItem.js');
+
+const CAccordionPlugin = {
+    install: (app) => {
+        app.component(CAccordion.CAccordion.name, CAccordion.CAccordion);
+        app.component(CAccordionBody.CAccordionBody.name, CAccordionBody.CAccordionBody);
+        app.component(CAccordionButton.CAccordionButton.name, CAccordionButton.CAccordionButton);
+        app.component(CAccordionHeader.CAccordionHeader.name, CAccordionHeader.CAccordionHeader);
+        app.component(CAccordionItem.CAccordionItem.name, CAccordionItem.CAccordionItem);
+    },
+};
+
+exports.CAccordion = CAccordion.CAccordion;
+exports.CAccordionBody = CAccordionBody.CAccordionBody;
+exports.CAccordionButton = CAccordionButton.CAccordionButton;
+exports.CAccordionHeader = CAccordionHeader.CAccordionHeader;
+exports.CAccordionItem = CAccordionItem.CAccordionItem;
+exports.CAccordionPlugin = CAccordionPlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/accordion/index.ts"],"sourcesContent":[null],"names":["CAccordion","CAccordionBody","CAccordionButton","CAccordionHeader","CAccordionItem"],"mappings":";;;;;;;;AAOA,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,iCAAgB,CAAC,IAAI,EAAEA,iCAAgB,CAAC,CAAA;QACtD,GAAG,CAAC,SAAS,CAACC,6BAAc,CAAC,IAAI,EAAEA,6BAAc,CAAC,CAAA;KACnD;;;;;;;;;;"}

package/dist/cjs/components/alert/CAlert.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var vue = require('vue');
+var CCloseButton = require('../close-button/CCloseButton.js');
+var props = require('../../props.js');
+
+const CAlert = vue.defineComponent({
+    name: 'CAlert',
+    props: {
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        color: props.Color,
+        /**
+         * Optionally add a close button to alert and allow it to self dismisss.
+         */
+        dismissible: Boolean,
+        /**
+         * Set the alert variant to a solid.
+         *
+         * @values 'solid'
+         */
+        variant: {
+            type: String,
+            validator: (value) => {
+                return value === 'solid';
+            },
+        },
+        /**
+         * Toggle the visibility of alert component.
+         */
+        visible: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    emits: [
+        /**
+         * Callback fired when the component requests to be closed.
+         */
+        'close',
+    ],
+    setup(props, { slots, emit }) {
+        const visible = vue.ref(props.visible);
+        vue.watch(() => props.visible, () => {
+            visible.value = props.visible;
+        });
+        const handleDismiss = () => {
+            visible.value = false;
+            emit('close');
+        };
+        return () => vue.h(vue.Transition, {
+            enterFromClass: '',
+            enterActiveClass: 'fade',
+            enterToClass: 'fade show',
+            leaveActiveClass: 'fade',
+        }, {
+            default: () => visible.value &&
+                vue.h('div', {
+                    class: [
+                        'alert',
+                        props.variant === 'solid'
+                            ? `bg-${props.color} text-white border-0`
+                            : `alert-${props.color}`,
+                        {
+                            [`alert-${props.color}`]: props.color,
+                            'alert-dismissible': props.dismissible,
+                        },
+                    ],
+                }, [
+                    slots.default && slots.default(),
+                    props.dismissible &&
+                        vue.h(CCloseButton.CCloseButton, {
+                            onClick: () => {
+                                handleDismiss();
+                            },
+                        }),
+                ]),
+        });
+    },
+});
+
+exports.CAlert = CAlert;
+//# sourceMappingURL=CAlert.js.map

package/dist/cjs/components/alert/CAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CAlert.js","sources":["../../../../src/components/alert/CAlert.ts"],"sourcesContent":[null],"names":["defineComponent","Color","ref","watch","h","Transition","CCloseButton"],"mappings":";;;;;;AAMO,MAAM,MAAM,GAAGA,mBAAe,CAAC;AACpC,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;AAEG;AACH,QAAA,WAAW,EAAE,OAAO;AACpB;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,KAAK,KAAK,OAAO,CAAA;aACzB;AACF,SAAA;AACD;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACR,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;QAC1B,MAAM,OAAO,GAAGC,OAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAElCC,SAAK,CACH,MAAM,KAAK,CAAC,OAAO,EACnB,MAAK;AACH,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAA;AAC/B,SAAC,CACF,CAAA;QAED,MAAM,aAAa,GAAG,MAAK;AACzB,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;YACrB,IAAI,CAAC,OAAO,CAAC,CAAA;AACf,SAAC,CAAA;AAED,QAAA,OAAO,MACLC,KAAC,CACCC,cAAU,EACV;AACE,YAAA,cAAc,EAAE,EAAE;AAClB,YAAA,gBAAgB,EAAE,MAAM;AACxB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,gBAAgB,EAAE,MAAM;SACzB,EACD;AACE,YAAA,OAAO,EAAE,MACP,OAAO,CAAC,KAAK;gBACbD,KAAC,CACC,KAAK,EACL;AACE,oBAAA,KAAK,EAAE;wBACL,OAAO;wBACP,KAAK,CAAC,OAAO,KAAK,OAAO;AACvB,8BAAE,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,CAAsB,oBAAA,CAAA;AACzC,8BAAE,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,CAAE,CAAA;AAC1B,wBAAA;4BACE,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;4BACrC,mBAAmB,EAAE,KAAK,CAAC,WAAW;AACvC,yBAAA;AACF,qBAAA;iBACF,EACD;AACE,oBAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC,oBAAA,KAAK,CAAC,WAAW;wBACfA,KAAC,CAACE,yBAAY,EAAE;4BACd,OAAO,EAAE,MAAK;AACZ,gCAAA,aAAa,EAAE,CAAA;6BAChB;yBACF,CAAC;iBACL,CACF;AACJ,SAAA,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/alert/CAlertHeading.js

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

package/dist/cjs/components/alert/CAlertHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CAlertHeading.js","sources":["../../../../src/components/alert/CAlertHeading.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEO,MAAM,aAAa,GAAGA,mBAAe,CAAC;AAC3C,IAAA,IAAI,EAAE,eAAe;AACrB,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,eAAe;SACvB,EACD,KAAK,CACN,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/alert/CAlertLink.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var vue = require('vue');
+
+const CAlertLink = vue.defineComponent({
+    name: 'CAlertLink',
+    setup(_, { slots }) {
+        return () => vue.h('a', {
+            class: 'alert-link',
+        }, slots);
+    },
+});
+
+exports.CAlertLink = CAlertLink;
+//# sourceMappingURL=CAlertLink.js.map

package/dist/cjs/components/alert/CAlertLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CAlertLink.js","sources":["../../../../src/components/alert/CAlertLink.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEO,MAAM,UAAU,GAAGA,mBAAe,CAAC;AACxC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,OAAO,MACLC,KAAC,CACC,GAAG,EACH;AACE,YAAA,KAAK,EAAE,YAAY;SACpB,EACD,KAAK,CACN,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var CAlert = require('./CAlert.js');
+var CAlertHeading = require('./CAlertHeading.js');
+var CAlertLink = require('./CAlertLink.js');
+
+const CAlertPlugin = {
+    install: (app) => {
+        app.component(CAlert.CAlert.name, CAlert.CAlert);
+        app.component(CAlertHeading.CAlertHeading.name, CAlertHeading.CAlertHeading);
+        app.component(CAlertLink.CAlertLink.name, CAlertLink.CAlertLink);
+    },
+};
+
+exports.CAlert = CAlert.CAlert;
+exports.CAlertHeading = CAlertHeading.CAlertHeading;
+exports.CAlertLink = CAlertLink.CAlertLink;
+exports.CAlertPlugin = CAlertPlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/alert/index.ts"],"sourcesContent":[null],"names":["CAlert","CAlertHeading","CAlertLink"],"mappings":";;;;;;AAKA,MAAM,YAAY,GAAG;AACnB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,aAAM,CAAC,IAAI,EAAEA,aAAM,CAAC,CAAA;QAClC,GAAG,CAAC,SAAS,CAACC,2BAAa,CAAC,IAAI,EAAEA,2BAAa,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAACC,qBAAU,CAAC,IAAI,EAAEA,qBAAU,CAAC,CAAA;KAC3C;;;;;;;;"}

package/dist/cjs/components/avatar/CAvatar.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CAvatar = vue.defineComponent({
+    name: 'CAvatar',
+    props: {
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        color: props.Color,
+        /**
+         * Select the shape of the component.
+         *
+         * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
+         */
+        shape: props.Shape,
+        /**
+         * Size the component small, large, or extra large.
+         *
+         * @values 'sm', 'md', 'lg', 'xl'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'md', 'lg', 'xl'].includes(value);
+            },
+        },
+        /**
+         * The src attribute for the img element.
+         */
+        src: String,
+        /**
+         * Sets the color context of the status indicator to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        status: {
+            type: String,
+            validator: (value) => {
+                return [
+                    'primary',
+                    'secondary',
+                    'success',
+                    'danger',
+                    'warning',
+                    'info',
+                    'dark',
+                    'light',
+                ].includes(value);
+            },
+        },
+        /**
+         * Sets the text color of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'white', 'muted', 'high-emphasis', 'medium-emphasis', 'disabled', 'high-emphasis-inverse', 'medium-emphasis-inverse', 'disabled-inverse'
+         */
+        textColor: props.TextColor,
+    },
+    setup(props, { slots }) {
+        return () => vue.h('div', {
+            class: [
+                'avatar',
+                {
+                    [`bg-${props.color}`]: props.color,
+                    [`avatar-${props.size}`]: props.size,
+                    [`text-${props.textColor}`]: props.textColor,
+                },
+                `${props.shape}`,
+            ],
+        }, [
+            props.src
+                ? vue.h('img', { src: props.src, class: 'avatar-img' })
+                : slots.default && slots.default(),
+            props.status && vue.h('span', { class: ['avatar-status', `bg-${props.status}`] }),
+        ]);
+    },
+});
+
+exports.CAvatar = CAvatar;
+//# sourceMappingURL=CAvatar.js.map

package/dist/cjs/components/avatar/CAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CAvatar.js","sources":["../../../../src/components/avatar/CAvatar.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","TextColor","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,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAChD;AACF,SAAA;AACD;;AAEG;AACH,QAAA,GAAG,EAAE,MAAM;AACX;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO;oBACL,SAAS;oBACT,WAAW;oBACX,SAAS;oBACT,QAAQ;oBACR,SAAS;oBACT,MAAM;oBACN,MAAM;oBACN,OAAO;AACR,iBAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAClB;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAEC,eAAS;AACrB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,QAAQ;AACR,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAClC,CAAC,CAAA,OAAA,EAAU,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;oBACpC,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS;AAC7C,iBAAA;gBACD,CAAG,EAAA,KAAK,CAAC,KAAK,CAAE,CAAA;AACjB,aAAA;SACF,EACD;AACE,YAAA,KAAK,CAAC,GAAG;AACP,kBAAEA,KAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;kBACjD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;YACpC,KAAK,CAAC,MAAM,IAAIA,KAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,CAAC,MAAM,CAAE,CAAA,CAAC,EAAE,CAAC;AAC9E,SAAA,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var CAvatar = require('./CAvatar.js');
+
+const CAvatarPlugin = {
+    install: (app) => {
+        app.component(CAvatar.CAvatar.name, CAvatar.CAvatar);
+    },
+};
+
+exports.CAvatar = CAvatar.CAvatar;
+exports.CAvatarPlugin = CAvatarPlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/avatar/index.ts"],"sourcesContent":[null],"names":["CAvatar"],"mappings":";;;;AAGA,MAAM,aAAa,GAAG;AACpB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,eAAO,CAAC,IAAI,EAAEA,eAAO,CAAC,CAAA;KACrC;;;;;;"}

package/dist/cjs/components/backdrop/CBackdrop.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var vue = require('vue');
+
+const CBackdrop = vue.defineComponent({
+    name: 'CBackdrop',
+    props: {
+        /**
+         * Toggle the visibility of modal component.
+         */
+        visible: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    setup(props) {
+        return () => vue.h(vue.Transition, {
+            onEnter: (el) => {
+                el.classList.add('show');
+            },
+            onLeave: (el) => {
+                el.classList.remove('show');
+            },
+        }, () => props.visible &&
+            vue.h('div', {
+                class: 'fade',
+            }));
+    },
+});
+
+exports.CBackdrop = CBackdrop;
+//# sourceMappingURL=CBackdrop.js.map

package/dist/cjs/components/backdrop/CBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CBackdrop.js","sources":["../../../../src/components/backdrop/CBackdrop.ts"],"sourcesContent":[null],"names":["defineComponent","h","Transition"],"mappings":";;;;AAEM,MAAA,SAAS,GAAGA,mBAAe,CAAC;AAChC,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,OAAO,MACLC,KAAC,CACCC,cAAU,EACV;AACE,YAAA,OAAO,EAAE,CAAC,EAAE,KAAI;AACd,gBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;aACzB;AACD,YAAA,OAAO,EAAE,CAAC,EAAE,KAAI;AACd,gBAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;aAC5B;AACF,SAAA,EACD,MACE,KAAK,CAAC,OAAO;YACbD,KAAC,CAAC,KAAK,EAAE;AACP,gBAAA,KAAK,EAAE,MAAM;AACd,aAAA,CAAC,CACL,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var CBackdrop = require('./CBackdrop.js');
+
+const CBackdropPlugin = {
+    install: (app) => {
+        app.component(CBackdrop.CBackdrop.name, CBackdrop.CBackdrop);
+    },
+};
+
+exports.CBackdrop = CBackdrop.CBackdrop;
+exports.CBackdropPlugin = CBackdropPlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/backdrop/index.ts"],"sourcesContent":[null],"names":["CBackdrop"],"mappings":";;;;AAGA,MAAM,eAAe,GAAG;AACtB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,mBAAS,CAAC,IAAI,EAAEA,mBAAS,CAAC,CAAA;KACzC;;;;;;"}

package/dist/cjs/components/badge/CBadge.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CBadge = vue.defineComponent({
+    name: 'CBadge',
+    props: {
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        color: props.Color,
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'span',
+        },
+        /**
+         * Position badge in one of the corners of a link or button.
+         *
+         * @values 'top-start', 'top-end', 'bottom-end', 'bottom-start'
+         */
+        position: {
+            type: String,
+            validator: (value) => {
+                return ['top-start', 'top-end', 'bottom-end', 'bottom-start'].includes(value);
+            },
+        },
+        /**
+         * Select the shape of the component.
+         *
+         * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
+         */
+        shape: props.Shape,
+        /**
+         * Size the component small.
+         *
+         * @values 'sm'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return value === 'sm';
+            },
+        },
+        /**
+         * Sets the text color of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'white', 'muted', 'high-emphasis', 'medium-emphasis', 'disabled', 'high-emphasis-inverse', 'medium-emphasis-inverse', 'disabled-inverse'
+         */
+        textColor: props.TextColor,
+    },
+    setup(props, { slots }) {
+        return () => vue.h(props.component, {
+            class: [
+                'badge',
+                {
+                    [`bg-${props.color}`]: props.color,
+                    'position-absolute translate-middle': props.position,
+                    'top-0': props.position && props.position.includes('top'),
+                    'top-100': props.position && props.position.includes('bottom'),
+                    'start-100': props.position && props.position.includes('end'),
+                    'start-0': props.position && props.position.includes('start'),
+                    [`badge-${props.size}`]: props.size,
+                    [`text-${props.textColor}`]: props.textColor,
+                },
+                props.shape,
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CBadge = CBadge;
+//# sourceMappingURL=CBadge.js.map

package/dist/cjs/components/badge/CBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","TextColor","h"],"mappings":";;;;;AAIM,MAAA,MAAM,GAAGA,mBAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD;;;;AAIG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC9E;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,KAAK,KAAK,IAAI,CAAA;aACtB;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAEC,eAAS;AACrB,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,OAAO;AACP,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAClC,oCAAoC,EAAE,KAAK,CAAC,QAAQ;AACpD,oBAAA,OAAO,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;AACzD,oBAAA,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAC9D,oBAAA,WAAW,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC7D,oBAAA,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC;oBAC7D,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;oBACnC,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS;AAC7C,iBAAA;AACD,gBAAA,KAAK,CAAC,KAAK;AACZ,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var CBadge = require('./CBadge.js');
+
+const CBadgePlugin = {
+    install: (app) => {
+        app.component(CBadge.CBadge.name, CBadge.CBadge);
+    },
+};
+
+exports.CBadge = CBadge.CBadge;
+exports.CBadgePlugin = CBadgePlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/badge/index.ts"],"sourcesContent":[null],"names":["CBadge"],"mappings":";;;;AAGA,MAAM,YAAY,GAAG;AACnB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,aAAM,CAAC,IAAI,EAAEA,aAAM,CAAC,CAAA;KACnC;;;;;;"}

package/dist/cjs/components/breadcrumb/CBreadcrumb.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var vue = require('vue');
+
+const CBreadcrumb = vue.defineComponent({
+    name: 'CBreadcrumb',
+    inheritAttrs: false,
+    setup(_, { slots, attrs }) {
+        return () => vue.h('nav', {
+            'aria-label': 'breadcrumb',
+        }, vue.h('ol', { class: ['breadcrumb', attrs.class] }, slots.default && slots.default()));
+    },
+});
+
+exports.CBreadcrumb = CBreadcrumb;
+//# sourceMappingURL=CBreadcrumb.js.map

package/dist/cjs/components/breadcrumb/CBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CBreadcrumb.js","sources":["../../../../src/components/breadcrumb/CBreadcrumb.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,WAAW,GAAGA,mBAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAA;AACvB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,YAAY,EAAE,YAAY;SAC3B,EACDA,KAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAClF,CAAA;KACJ;AACF,CAAA;;;;"}