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

package/dist/cjs/components/table/CTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTableBody.js","sources":["../../../../src/components/table/CTableBody.ts"],"sourcesContent":[null],"names":["defineComponent","Color","h"],"mappings":";;;;;AAIM,MAAA,UAAU,GAAGA,mBAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,OAAO,EACP;AACE,YAAA,KAAK,EAAE;AACL,gBAAA;oBACE,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AACtC,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/table/CTableCaption.js

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

package/dist/cjs/components/table/CTableCaption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTableCaption.js","sources":["../../../../src/components/table/CTableCaption.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,aAAa,GAAGA,mBAAe,CAAC;AACpC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,OAAO,MAAMC,KAAC,CAAC,SAAS,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAChE;AACF,CAAA;;;;"}

package/dist/cjs/components/table/CTableDataCell.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CTableDataCell = vue.defineComponent({
+    name: 'CTableDataCell',
+    props: {
+        /**
+         * Highlight a table row or cell.
+         */
+        active: Boolean,
+        /**
+         * Set the vertical aligment.
+         *
+         * @values 'bottom', 'middle', 'top'
+         */
+        align: {
+            type: String,
+            validator: (value) => {
+                return ['bottom', 'middle', 'top'].includes(value);
+            },
+        },
+        /**
+         * 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,
+        /**
+         * @ignore
+         */
+        scope: String,
+    },
+    setup(props, { slots }) {
+        return () => vue.h(props.scope ? 'th' : 'td', {
+            class: [
+                {
+                    [`align-${props.align}`]: props.align,
+                    'table-active': props.active,
+                    [`table-${props.color}`]: props.color,
+                },
+            ],
+            ...(props.scope && { scope: props.scope }),
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CTableDataCell = CTableDataCell;
+//# sourceMappingURL=CTableDataCell.js.map

package/dist/cjs/components/table/CTableDataCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTableDataCell.js","sources":["../../../../src/components/table/CTableDataCell.ts"],"sourcesContent":[null],"names":["defineComponent","Color","h"],"mappings":";;;;;AAIM,MAAA,cAAc,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;;;AAIG;AACH,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACnD;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;AAEG;AACH,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,KAAK,GAAG,IAAI,GAAG,IAAI,EACzB;AACE,YAAA,KAAK,EAAE;AACL,gBAAA;oBACE,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBACrC,cAAc,EAAE,KAAK,CAAC,MAAM;oBAC5B,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AACtC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE;SAC1C,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/table/CTableFoot.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CTableFoot = vue.defineComponent({
+    name: 'CTableFoot',
+    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,
+    },
+    setup(props, { slots }) {
+        return () => vue.h('tfoot', {
+            class: [
+                {
+                    [`table-${props.color}`]: props.color,
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CTableFoot = CTableFoot;
+//# sourceMappingURL=CTableFoot.js.map

package/dist/cjs/components/table/CTableFoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTableFoot.js","sources":["../../../../src/components/table/CTableFoot.ts"],"sourcesContent":[null],"names":["defineComponent","Color","h"],"mappings":";;;;;AAIM,MAAA,UAAU,GAAGA,mBAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,OAAO,EACP;AACE,YAAA,KAAK,EAAE;AACL,gBAAA;oBACE,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AACtC,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/table/CTableHead.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CTableHead = vue.defineComponent({
+    name: 'CTableHead',
+    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,
+    },
+    setup(props, { slots }) {
+        return () => vue.h('thead', {
+            class: [
+                {
+                    [`table-${props.color}`]: props.color,
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CTableHead = CTableHead;
+//# sourceMappingURL=CTableHead.js.map

package/dist/cjs/components/table/CTableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTableHead.js","sources":["../../../../src/components/table/CTableHead.ts"],"sourcesContent":[null],"names":["defineComponent","Color","h"],"mappings":";;;;;AAIM,MAAA,UAAU,GAAGA,mBAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,OAAO,EACP;AACE,YAAA,KAAK,EAAE;AACL,gBAAA;oBACE,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AACtC,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/table/CTableHeaderCell.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CTableHeaderCell = vue.defineComponent({
+    name: 'CTableHeaderCell',
+    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,
+    },
+    setup(props, { slots }) {
+        return () => vue.h('th', {
+            class: [
+                {
+                    [`table-${props.color}`]: props.color,
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CTableHeaderCell = CTableHeaderCell;
+//# sourceMappingURL=CTableHeaderCell.js.map

package/dist/cjs/components/table/CTableHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTableHeaderCell.js","sources":["../../../../src/components/table/CTableHeaderCell.ts"],"sourcesContent":[null],"names":["defineComponent","Color","h"],"mappings":";;;;;AAIM,MAAA,gBAAgB,GAAGA,mBAAe,CAAC;AACvC,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,IAAI,EACJ;AACE,YAAA,KAAK,EAAE;AACL,gBAAA;oBACE,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AACtC,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/table/CTableRow.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CTableRow = vue.defineComponent({
+    name: 'CTableRow',
+    props: {
+        /**
+         * Highlight a table row or cell..
+         */
+        active: Boolean,
+        /**
+         * Set the vertical aligment.
+         *
+         * @values 'bottom', 'middle', 'top'
+         */
+        align: {
+            type: String,
+            validator: (value) => {
+                return ['bottom', 'middle', 'top'].includes(value);
+            },
+        },
+        /**
+         * 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,
+    },
+    setup(props, { slots }) {
+        return () => vue.h('tr', {
+            class: [
+                {
+                    [`align-${props.align}`]: props.align,
+                    'table-active': props.active,
+                    [`table-${props.color}`]: props.color,
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CTableRow = CTableRow;
+//# sourceMappingURL=CTableRow.js.map

package/dist/cjs/components/table/CTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTableRow.js","sources":["../../../../src/components/table/CTableRow.ts"],"sourcesContent":[null],"names":["defineComponent","Color","h"],"mappings":";;;;;AAIM,MAAA,SAAS,GAAGA,mBAAe,CAAC;AAChC,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;;;AAIG;AACH,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACnD;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,IAAI,EACJ;AACE,YAAA,KAAK,EAAE;AACL,gBAAA;oBACE,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBACrC,cAAc,EAAE,KAAK,CAAC,MAAM;oBAC5B,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AACtC,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,34 @@
+'use strict';
+
+var CTable = require('./CTable.js');
+var CTableBody = require('./CTableBody.js');
+var CTableCaption = require('./CTableCaption.js');
+var CTableDataCell = require('./CTableDataCell.js');
+var CTableFoot = require('./CTableFoot.js');
+var CTableHead = require('./CTableHead.js');
+var CTableHeaderCell = require('./CTableHeaderCell.js');
+var CTableRow = require('./CTableRow.js');
+
+const CTablePlugin = {
+    install: (app) => {
+        app.component(CTable.CTable.name, CTable.CTable);
+        app.component(CTableBody.CTableBody.name, CTableBody.CTableBody);
+        app.component(CTableCaption.CTableCaption.name, CTableCaption.CTableCaption);
+        app.component(CTableDataCell.CTableDataCell.name, CTableDataCell.CTableDataCell);
+        app.component(CTableFoot.CTableFoot.name, CTableFoot.CTableFoot);
+        app.component(CTableHead.CTableHead.name, CTableHead.CTableHead);
+        app.component(CTableHeaderCell.CTableHeaderCell.name, CTableHeaderCell.CTableHeaderCell);
+        app.component(CTableRow.CTableRow.name, CTableRow.CTableRow);
+    },
+};
+
+exports.CTable = CTable.CTable;
+exports.CTableBody = CTableBody.CTableBody;
+exports.CTableCaption = CTableCaption.CTableCaption;
+exports.CTableDataCell = CTableDataCell.CTableDataCell;
+exports.CTableFoot = CTableFoot.CTableFoot;
+exports.CTableHead = CTableHead.CTableHead;
+exports.CTableHeaderCell = CTableHeaderCell.CTableHeaderCell;
+exports.CTableRow = CTableRow.CTableRow;
+exports.CTablePlugin = CTablePlugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/table/index.ts"],"sourcesContent":[null],"names":["CTable","CTableBody","CTableCaption","CTableDataCell","CTableFoot","CTableHead","CTableHeaderCell","CTableRow"],"mappings":";;;;;;;;;;;AAUA,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,qBAAU,CAAC,IAAI,EAAEA,qBAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAACC,2BAAa,CAAC,IAAI,EAAEA,2BAAa,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAACC,6BAAc,CAAC,IAAI,EAAEA,6BAAc,CAAC,CAAA;QAClD,GAAG,CAAC,SAAS,CAACC,qBAAU,CAAC,IAAI,EAAEA,qBAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAACC,qBAAU,CAAC,IAAI,EAAEA,qBAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAACC,iCAAgB,CAAC,IAAI,EAAEA,iCAAgB,CAAC,CAAA;QACtD,GAAG,CAAC,SAAS,CAACC,mBAAS,CAAC,IAAI,EAAEA,mBAAS,CAAC,CAAA;KACzC;;;;;;;;;;;;;"}

package/dist/cjs/components/table/utils.js

@@ -0,0 +1,24 @@
+'use strict';
+
+const pretifyName = (name) => {
+    return name
+        .replace(/[-_.]/g, ' ')
+        .replace(/ +/g, ' ')
+        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        .split(' ')
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
+};
+const getColumnLabel = (column) => typeof column === 'object' ? column.label ?? pretifyName(column.key) : pretifyName(column);
+const getColumnNames = (columns, items) => columns
+    ? columns.map((column) => {
+        return typeof column === 'object' ? column.key : column;
+    })
+    : items && getColumnNamesFromItems(items);
+const getColumnNamesFromItems = (items) => Object.keys(items[0] || {}).filter((el) => el.charAt(0) !== '_');
+
+exports.getColumnLabel = getColumnLabel;
+exports.getColumnNames = getColumnNames;
+exports.getColumnNamesFromItems = getColumnNamesFromItems;
+exports.pretifyName = pretifyName;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/table/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEa,MAAA,WAAW,GAAG,CAAC,IAAY,KAAI;AAC1C,IAAA,OAAO,IAAI;AACR,SAAA,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;AACtB,SAAA,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;AACnB,SAAA,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;SACtC,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC3D,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,EAAC;AAEM,MAAM,cAAc,GAAG,CAAC,MAAuB,KACpD,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAC;AAE/E,MAAA,cAAc,GAAG,CAAC,OAAwC,EAAE,KAAc,KACrF,OAAO;MACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAuB,KAAI;AACtC,QAAA,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAA;AACzD,KAAC,CAAC;AACJ,MAAE,KAAK,IAAI,uBAAuB,CAAC,KAAK,EAAC;AAEhC,MAAA,uBAAuB,GAAG,CAAC,KAAa,KACnD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG;;;;;;;"}

package/dist/cjs/components/tabs/CTabContent.js

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

package/dist/cjs/components/tabs/CTabContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTabContent.js","sources":["../../../../src/components/tabs/CTabContent.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,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAClF;AACF,CAAA;;;;"}

package/dist/cjs/components/tabs/CTabPane.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var vue = require('vue');
+var transition = require('../../utils/transition.js');
+
+const CTabPane = vue.defineComponent({
+    name: 'CTabPane',
+    props: {
+        /**
+         * Toggle the visibility of 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 tabPaneRef = vue.ref();
+        const firstRender = vue.ref(true);
+        const handleEnter = (el, done) => {
+            firstRender.value = false;
+            emit('show');
+            setTimeout(() => {
+                transition.executeAfterTransition(() => done(), el);
+                el.classList.add('show');
+            }, 1);
+        };
+        const handleLeave = (el, done) => {
+            firstRender.value = false;
+            emit('hide');
+            el.classList.remove('show');
+            transition.executeAfterTransition(() => done(), el);
+        };
+        return () => vue.h(vue.Transition, {
+            onEnter: (el, done) => handleEnter(el, done),
+            onLeave: (el, done) => handleLeave(el, done),
+        }, () => vue.withDirectives(vue.h('div', {
+            class: [
+                'tab-pane',
+                'fade',
+                {
+                    active: props.visible,
+                    show: firstRender.value && props.visible,
+                },
+            ],
+            ref: tabPaneRef,
+        }, slots.default && slots.default()), [[vue.vShow, props.visible]]));
+    },
+});
+
+exports.CTabPane = CTabPane;
+//# sourceMappingURL=CTabPane.js.map

package/dist/cjs/components/tabs/CTabPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.ts"],"sourcesContent":[null],"names":["defineComponent","ref","executeAfterTransition","h","Transition","withDirectives","vShow"],"mappings":";;;;;AAIM,MAAA,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,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,EAAE;AACL;;AAEG;QACH,MAAM;AACN;;AAEG;QACH,MAAM;AACP,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,QAAA,MAAM,UAAU,GAAGC,OAAG,EAAE,CAAA;AACxB,QAAA,MAAM,WAAW,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAA;AAE7B,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;YACZ,UAAU,CAAC,MAAK;gBACdC,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACvD,gBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;aACzB,EAAE,CAAC,CAAC,CAAA;AACP,SAAC,CAAA;AAED,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;AACZ,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YAC3BA,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACzD,SAAC,CAAA;AAED,QAAA,OAAO,MACLC,KAAC,CACCC,cAAU,EACV;AACE,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;AAC5C,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;SAC7C,EACD,MACEC,kBAAc,CACZF,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,UAAU;gBACV,MAAM;AACN,gBAAA;oBACE,MAAM,EAAE,KAAK,CAAC,OAAO;AACrB,oBAAA,IAAI,EAAE,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO;AACzC,iBAAA;AACF,aAAA;AACD,YAAA,GAAG,EAAE,UAAU;SAChB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,EACD,CAAC,CAACG,SAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CACzB,CACJ,CAAA;KACJ;AACF,CAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":[null],"names":["CTabContent","CTabPane"],"mappings":";;;;;AAIA,MAAM,WAAW,GAAG;AAClB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,uBAAW,CAAC,IAAI,EAAEA,uBAAW,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAACC,iBAAQ,CAAC,IAAI,EAAEA,iBAAQ,CAAC,CAAA;KACvC;;;;;;;"}