@coreui/vue-pro 5.14.0 → 5.15.0

package/dist/cjs/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index$R = require('./components/index.js');
-var index$S = require('./directives/index.js');
+var index$S = require('./components/index.js');
+var index$T = require('./directives/index.js');
 var useColorModes = require('./composables/useColorModes.js');
 var useDebouncedCallback = require('./composables/useDebouncedCallback.js');
 var useDropdownWithPopper = require('./composables/useDropdownWithPopper.js');
@@ -75,9 +75,11 @@ var CDropdownMenu = require('./components/dropdown/CDropdownMenu.js');
 var CDropdownToggle = require('./components/dropdown/CDropdownToggle.js');
 var index$j = require('./components/element-cover/index.js');
 var CElementCover = require('./components/element-cover/CElementCover.js');
-var index$k = require('./components/footer/index.js');
+var index$k = require('./components/focus-trap/index.js');
+var CFocusTrap = require('./components/focus-trap/CFocusTrap.js');
+var index$l = require('./components/footer/index.js');
 var CFooter = require('./components/footer/CFooter.js');
-var index$l = require('./components/form/index.js');
+var index$m = require('./components/form/index.js');
 var CForm = require('./components/form/CForm.js');
 var CFormCheck = require('./components/form/CFormCheck.js');
 var CFormFeedback = require('./components/form/CFormFeedback.js');
@@ -91,87 +93,87 @@ var CFormText = require('./components/form/CFormText.js');
 var CFormTextarea = require('./components/form/CFormTextarea.js');
 var CInputGroup = require('./components/form/CInputGroup.js');
 var CInputGroupText = require('./components/form/CInputGroupText.js');
-var index$m = require('./components/grid/index.js');
+var index$n = require('./components/grid/index.js');
 var CCol = require('./components/grid/CCol.js');
 var CContainer = require('./components/grid/CContainer.js');
 var CRow = require('./components/grid/CRow.js');
-var index$n = require('./components/header/index.js');
+var index$o = require('./components/header/index.js');
 var CHeader = require('./components/header/CHeader.js');
 var CHeaderBrand = require('./components/header/CHeaderBrand.js');
 var CHeaderDivider = require('./components/header/CHeaderDivider.js');
 var CHeaderNav = require('./components/header/CHeaderNav.js');
 var CHeaderText = require('./components/header/CHeaderText.js');
 var CHeaderToggler = require('./components/header/CHeaderToggler.js');
-var index$o = require('./components/image/index.js');
+var index$p = require('./components/image/index.js');
 var CImage = require('./components/image/CImage.js');
-var index$p = require('./components/link/index.js');
+var index$q = require('./components/link/index.js');
 var CLink = require('./components/link/CLink.js');
-var index$q = require('./components/list-group/index.js');
+var index$r = require('./components/list-group/index.js');
 var CListGroup = require('./components/list-group/CListGroup.js');
 var CListGroupItem = require('./components/list-group/CListGroupItem.js');
-var index$r = require('./components/loading-button/index.js');
+var index$s = require('./components/loading-button/index.js');
 var CLoadingButton = require('./components/loading-button/CLoadingButton.js');
-var index$s = require('./components/modal/index.js');
+var index$t = require('./components/modal/index.js');
 var CModal = require('./components/modal/CModal.js');
 var CModalBody = require('./components/modal/CModalBody.js');
 var CModalFooter = require('./components/modal/CModalFooter.js');
 var CModalHeader = require('./components/modal/CModalHeader.js');
 var CModalTitle = require('./components/modal/CModalTitle.js');
-var index$t = require('./components/multi-select/index.js');
+var index$u = require('./components/multi-select/index.js');
 var CMultiSelect = require('./components/multi-select/CMultiSelect.js');
-var index$u = require('./components/nav/index.js');
+var index$v = require('./components/nav/index.js');
 var CNav = require('./components/nav/CNav.js');
 var CNavGroup = require('./components/nav/CNavGroup.js');
 var CNavGroupItems = require('./components/nav/CNavGroupItems.js');
 var CNavItem = require('./components/nav/CNavItem.js');
 var CNavLink = require('./components/nav/CNavLink.js');
 var CNavTitle = require('./components/nav/CNavTitle.js');
-var index$v = require('./components/navbar/index.js');
+var index$w = require('./components/navbar/index.js');
 var CNavbar = require('./components/navbar/CNavbar.js');
 var CNavbarBrand = require('./components/navbar/CNavbarBrand.js');
 var CNavbarNav = require('./components/navbar/CNavbarNav.js');
 var CNavbarText = require('./components/navbar/CNavbarText.js');
 var CNavbarToggler = require('./components/navbar/CNavbarToggler.js');
-var index$w = require('./components/offcanvas/index.js');
+var index$x = require('./components/offcanvas/index.js');
 var COffcanvas = require('./components/offcanvas/COffcanvas.js');
 var COffcanvasBody = require('./components/offcanvas/COffcanvasBody.js');
 var COffcanvasHeader = require('./components/offcanvas/COffcanvasHeader.js');
 var COffcanvasTitle = require('./components/offcanvas/COffcanvasTitle.js');
 var CPasswordInput = require('./components/password-input/CPasswordInput.js');
-var index$x = require('./components/password-input/index.js');
-var index$y = require('./components/pagination/index.js');
+var index$y = require('./components/password-input/index.js');
+var index$z = require('./components/pagination/index.js');
 var CPagination = require('./components/pagination/CPagination.js');
 var CPaginationItem = require('./components/pagination/CPaginationItem.js');
 var CPicker = require('./components/picker/CPicker.js');
-var index$z = require('./components/picker/index.js');
-var index$A = require('./components/placeholder/index.js');
+var index$A = require('./components/picker/index.js');
+var index$B = require('./components/placeholder/index.js');
 var CPlaceholder = require('./components/placeholder/CPlaceholder.js');
-var index$B = require('./components/progress/index.js');
+var index$C = require('./components/progress/index.js');
 var CProgress = require('./components/progress/CProgress.js');
 var CProgressBar = require('./components/progress/CProgressBar.js');
 var CProgressStacked = require('./components/progress/CProgressStacked.js');
-var index$C = require('./components/popover/index.js');
+var index$D = require('./components/popover/index.js');
 var CPopover = require('./components/popover/CPopover.js');
-var index$D = require('./components/range-slider/index.js');
+var index$E = require('./components/range-slider/index.js');
 var CRangeSlider = require('./components/range-slider/CRangeSlider.js');
 var CRating = require('./components/rating/CRating.js');
-var index$E = require('./components/rating/index.js');
-var index$F = require('./components/sidebar/index.js');
+var index$F = require('./components/rating/index.js');
+var index$G = require('./components/sidebar/index.js');
 var CSidebar = require('./components/sidebar/CSidebar.js');
 var CSidebarBrand = require('./components/sidebar/CSidebarBrand.js');
 var CSidebarFooter = require('./components/sidebar/CSidebarFooter.js');
 var CSidebarHeader = require('./components/sidebar/CSidebarHeader.js');
 var CSidebarNav = require('./components/sidebar/CSidebarNav.js');
 var CSidebarToggler = require('./components/sidebar/CSidebarToggler.js');
-var index$G = require('./components/smart-pagination/index.js');
+var index$H = require('./components/smart-pagination/index.js');
 var CSmartPagination = require('./components/smart-pagination/CSmartPagination.js');
-var index$H = require('./components/smart-table/index.js');
+var index$I = require('./components/smart-table/index.js');
 var CSmartTable = require('./components/smart-table/CSmartTable.js');
-var index$I = require('./components/spinner/index.js');
+var index$J = require('./components/spinner/index.js');
 var CSpinner = require('./components/spinner/CSpinner.js');
 var CStepper = require('./components/stepper/CStepper.js');
-var index$J = require('./components/stepper/index.js');
-var index$K = require('./components/table/index.js');
+var index$K = require('./components/stepper/index.js');
+var index$L = require('./components/table/index.js');
 var CTable = require('./components/table/CTable.js');
 var CTableBody = require('./components/table/CTableBody.js');
 var CTableCaption = require('./components/table/CTableCaption.js');
@@ -180,7 +182,7 @@ var CTableFoot = require('./components/table/CTableFoot.js');
 var CTableHead = require('./components/table/CTableHead.js');
 var CTableHeaderCell = require('./components/table/CTableHeaderCell.js');
 var CTableRow = require('./components/table/CTableRow.js');
-var index$L = require('./components/tabs/index.js');
+var index$M = require('./components/tabs/index.js');
 var CTab = require('./components/tabs/CTab.js');
 var CTabContent = require('./components/tabs/CTabContent.js');
 var CTabList = require('./components/tabs/CTabList.js');
@@ -188,18 +190,18 @@ var CTabPane = require('./components/tabs/CTabPane.js');
 var CTabPanel = require('./components/tabs/CTabPanel.js');
 var CTabs = require('./components/tabs/CTabs.js');
 var CTimePicker = require('./components/time-picker/CTimePicker.js');
-var index$M = require('./components/time-picker/index.js');
-var index$N = require('./components/toast/index.js');
+var index$N = require('./components/time-picker/index.js');
+var index$O = require('./components/toast/index.js');
 var CToast = require('./components/toast/CToast.js');
 var CToastBody = require('./components/toast/CToastBody.js');
 var CToastClose = require('./components/toast/CToastClose.js');
 var CToaster = require('./components/toast/CToaster.js');
 var CToastHeader = require('./components/toast/CToastHeader.js');
-var index$O = require('./components/tooltip/index.js');
+var index$P = require('./components/tooltip/index.js');
 var CTooltip = require('./components/tooltip/CTooltip.js');
 var CVirtualScroller = require('./components/virtual-scroller/CVirtualScroller.js');
-var index$P = require('./components/virtual-scroller/index.js');
-var index$Q = require('./components/widgets/index.js');
+var index$Q = require('./components/virtual-scroller/index.js');
+var index$R = require('./components/widgets/index.js');
 var CWidgetStatsA = require('./components/widgets/CWidgetStatsA.js');
 var CWidgetStatsB = require('./components/widgets/CWidgetStatsB.js');
 var CWidgetStatsC = require('./components/widgets/CWidgetStatsC.js');
@@ -212,11 +214,11 @@ var vCTooltip = require('./directives/v-c-tooltip.js');
 
 const CoreuiVue = {
     install: (app) => {
-        for (const key in index$R) {
-            app.component(key, index$R[key]);
-        }
         for (const key in index$S) {
-            app.directive(index$S[key]['name'], index$S[key]);
+            app.component(key, index$S[key]);
+        }
+        for (const key in index$T) {
+            app.directive(index$T[key]['name'], index$T[key]);
         }
     },
 };
@@ -292,9 +294,11 @@ exports.CDropdownMenu = CDropdownMenu.CDropdownMenu;
 exports.CDropdownToggle = CDropdownToggle.CDropdownToggle;
 exports.CElementCoverPlugin = index$j.CElementCoverPlugin;
 exports.CElementCover = CElementCover.CElementCover;
-exports.CFooterPlugin = index$k.CFooterPlugin;
+exports.CFocusTrapPlugin = index$k.CFocusTrapPlugin;
+exports.CFocusTrap = CFocusTrap.CFocusTrap;
+exports.CFooterPlugin = index$l.CFooterPlugin;
 exports.CFooter = CFooter.CFooter;
-exports.CFormPlugin = index$l.CFormPlugin;
+exports.CFormPlugin = index$m.CFormPlugin;
 exports.CForm = CForm.CForm;
 exports.CFormCheck = CFormCheck.CFormCheck;
 exports.CFormFeedback = CFormFeedback.CFormFeedback;
@@ -308,87 +312,87 @@ exports.CFormText = CFormText.CFormText;
 exports.CFormTextarea = CFormTextarea.CFormTextarea;
 exports.CInputGroup = CInputGroup.CInputGroup;
 exports.CInputGroupText = CInputGroupText.CInputGroupText;
-exports.CGridPlugin = index$m.CGridPlugin;
+exports.CGridPlugin = index$n.CGridPlugin;
 exports.CCol = CCol.CCol;
 exports.CContainer = CContainer.CContainer;
 exports.CRow = CRow.CRow;
-exports.CHeaderPlugin = index$n.CHeaderPlugin;
+exports.CHeaderPlugin = index$o.CHeaderPlugin;
 exports.CHeader = CHeader.CHeader;
 exports.CHeaderBrand = CHeaderBrand.CHeaderBrand;
 exports.CHeaderDivider = CHeaderDivider.CHeaderDivider;
 exports.CHeaderNav = CHeaderNav.CHeaderNav;
 exports.CHeaderText = CHeaderText.CHeaderText;
 exports.CHeaderToggler = CHeaderToggler.CHeaderToggler;
-exports.CImagePlugin = index$o.CImagePlugin;
+exports.CImagePlugin = index$p.CImagePlugin;
 exports.CImage = CImage.CImage;
-exports.CCLinkPlugin = index$p.CCLinkPlugin;
+exports.CCLinkPlugin = index$q.CCLinkPlugin;
 exports.CLink = CLink.CLink;
-exports.CListGroupPlugin = index$q.CListGroupPlugin;
+exports.CListGroupPlugin = index$r.CListGroupPlugin;
 exports.CListGroup = CListGroup.CListGroup;
 exports.CListGroupItem = CListGroupItem.CListGroupItem;
-exports.CLoadingButtonPlugin = index$r.CLoadingButtonPlugin;
+exports.CLoadingButtonPlugin = index$s.CLoadingButtonPlugin;
 exports.CLoadingButton = CLoadingButton.CLoadingButton;
-exports.CModalPlugin = index$s.CModalPlugin;
+exports.CModalPlugin = index$t.CModalPlugin;
 exports.CModal = CModal.CModal;
 exports.CModalBody = CModalBody.CModalBody;
 exports.CModalFooter = CModalFooter.CModalFooter;
 exports.CModalHeader = CModalHeader.CModalHeader;
 exports.CModalTitle = CModalTitle.CModalTitle;
-exports.CMultiSelectPlugin = index$t.CMultiSelectPlugin;
+exports.CMultiSelectPlugin = index$u.CMultiSelectPlugin;
 exports.CMultiSelect = CMultiSelect.CMultiSelect;
-exports.CNavPlugin = index$u.CNavPlugin;
+exports.CNavPlugin = index$v.CNavPlugin;
 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.CNavbarPlugin = index$v.CNavbarPlugin;
+exports.CNavbarPlugin = index$w.CNavbarPlugin;
 exports.CNavbar = CNavbar.CNavbar;
 exports.CNavbarBrand = CNavbarBrand.CNavbarBrand;
 exports.CNavbarNav = CNavbarNav.CNavbarNav;
 exports.CNavbarText = CNavbarText.CNavbarText;
 exports.CNavbarToggler = CNavbarToggler.CNavbarToggler;
-exports.COffcanvasPlugin = index$w.COffcanvasPlugin;
+exports.COffcanvasPlugin = index$x.COffcanvasPlugin;
 exports.COffcanvas = COffcanvas.COffcanvas;
 exports.COffcanvasBody = COffcanvasBody.COffcanvasBody;
 exports.COffcanvasHeader = COffcanvasHeader.COffcanvasHeader;
 exports.COffcanvasTitle = COffcanvasTitle.COffcanvasTitle;
 exports.CPasswordInput = CPasswordInput.CPasswordInput;
-exports.CPasswordInputPlugin = index$x.CPasswordInputPlugin;
-exports.CPaginationPlugin = index$y.CPaginationPlugin;
+exports.CPasswordInputPlugin = index$y.CPasswordInputPlugin;
+exports.CPaginationPlugin = index$z.CPaginationPlugin;
 exports.CPagination = CPagination.CPagination;
 exports.CPaginationItem = CPaginationItem.CPaginationItem;
 exports.CPicker = CPicker.CPicker;
-exports.CPickerPlugin = index$z.CPickerPlugin;
-exports.CPlaceholderPlugin = index$A.CPlaceholderPlugin;
+exports.CPickerPlugin = index$A.CPickerPlugin;
+exports.CPlaceholderPlugin = index$B.CPlaceholderPlugin;
 exports.CPlaceholder = CPlaceholder.CPlaceholder;
-exports.CProgressPlugin = index$B.CProgressPlugin;
+exports.CProgressPlugin = index$C.CProgressPlugin;
 exports.CProgress = CProgress.CProgress;
 exports.CProgressBar = CProgressBar.CProgressBar;
 exports.CProgressStacked = CProgressStacked.CProgressStacked;
-exports.CPopoverPlugin = index$C.CPopoverPlugin;
+exports.CPopoverPlugin = index$D.CPopoverPlugin;
 exports.CPopover = CPopover.CPopover;
-exports.CRangeSliderPlugin = index$D.CRangeSliderPlugin;
+exports.CRangeSliderPlugin = index$E.CRangeSliderPlugin;
 exports.CRangeSlider = CRangeSlider.CRangeSlider;
 exports.CRating = CRating.CRating;
-exports.CRatingPlugin = index$E.CRatingPlugin;
-exports.CSidebarPlugin = index$F.CSidebarPlugin;
+exports.CRatingPlugin = index$F.CRatingPlugin;
+exports.CSidebarPlugin = index$G.CSidebarPlugin;
 exports.CSidebar = CSidebar.CSidebar;
 exports.CSidebarBrand = CSidebarBrand.CSidebarBrand;
 exports.CSidebarFooter = CSidebarFooter.CSidebarFooter;
 exports.CSidebarHeader = CSidebarHeader.CSidebarHeader;
 exports.CSidebarNav = CSidebarNav.CSidebarNav;
 exports.CSidebarToggler = CSidebarToggler.CSidebarToggler;
-exports.CSmartPaginationPlugin = index$G.CSmartPaginationPlugin;
+exports.CSmartPaginationPlugin = index$H.CSmartPaginationPlugin;
 exports.CSmartPagination = CSmartPagination.CSmartPagination;
-exports.CSmartTablePlugin = index$H.CSmartTablePlugin;
+exports.CSmartTablePlugin = index$I.CSmartTablePlugin;
 exports.CSmartTable = CSmartTable.CSmartTable;
-exports.CSpinnerPlugin = index$I.CSpinnerPlugin;
+exports.CSpinnerPlugin = index$J.CSpinnerPlugin;
 exports.CSpinner = CSpinner.CSpinner;
 exports.CStepper = CStepper.CStepper;
-exports.CStepperPlugin = index$J.CStepperPlugin;
-exports.CTablePlugin = index$K.CTablePlugin;
+exports.CStepperPlugin = index$K.CStepperPlugin;
+exports.CTablePlugin = index$L.CTablePlugin;
 exports.CTable = CTable.CTable;
 exports.CTableBody = CTableBody.CTableBody;
 exports.CTableCaption = CTableCaption.CTableCaption;
@@ -397,7 +401,7 @@ exports.CTableFoot = CTableFoot.CTableFoot;
 exports.CTableHead = CTableHead.CTableHead;
 exports.CTableHeaderCell = CTableHeaderCell.CTableHeaderCell;
 exports.CTableRow = CTableRow.CTableRow;
-exports.CTabsPlugin = index$L.CTabsPlugin;
+exports.CTabsPlugin = index$M.CTabsPlugin;
 exports.CTab = CTab.CTab;
 exports.CTabContent = CTabContent.CTabContent;
 exports.CTabList = CTabList.CTabList;
@@ -405,18 +409,18 @@ exports.CTabPane = CTabPane.CTabPane;
 exports.CTabPanel = CTabPanel.CTabPanel;
 exports.CTabs = CTabs.CTabs;
 exports.CTimePicker = CTimePicker.CTimePicker;
-exports.CTimePickerPlugin = index$M.CTimePickerPlugin;
-exports.CToastPlugin = index$N.CToastPlugin;
+exports.CTimePickerPlugin = index$N.CTimePickerPlugin;
+exports.CToastPlugin = index$O.CToastPlugin;
 exports.CToast = CToast.CToast;
 exports.CToastBody = CToastBody.CToastBody;
 exports.CToastClose = CToastClose.CToastClose;
 exports.CToaster = CToaster.CToaster;
 exports.CToastHeader = CToastHeader.CToastHeader;
-exports.CTooltipPlugin = index$O.CTooltipPlugin;
+exports.CTooltipPlugin = index$P.CTooltipPlugin;
 exports.CTooltip = CTooltip.CTooltip;
 exports.CVirtualScroller = CVirtualScroller.CVirtualScroller;
-exports.CVirtualScrollerPlugin = index$P.CVirtualScrollerPlugin;
-exports.CWidgetsStatsPlugin = index$Q.CWidgetsStatsPlugin;
+exports.CVirtualScrollerPlugin = index$Q.CVirtualScrollerPlugin;
+exports.CWidgetsStatsPlugin = index$R.CWidgetsStatsPlugin;
 exports.CWidgetStatsA = CWidgetStatsA.CWidgetStatsA;
 exports.CWidgetStatsB = CWidgetStatsB.CWidgetStatsB;
 exports.CWidgetStatsC = CWidgetStatsC.CWidgetStatsC;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components","Directives"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,SAAS,GAAG;AAChB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;AAC1B,QAAA,KAAK,MAAM,GAAG,IAAIA,OAAU,EAAE;YAC5B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAGA,OAAqC,CAAC,GAAG,CAAC,CAAC;QACjE;AAEA,QAAA,KAAK,MAAM,GAAG,IAAIC,OAAU,EAAE;AAC5B,YAAA,GAAG,CAAC,SAAS,CACVA,OAAqC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAClDA,OAAqC,CAAC,GAAG,CAAC,CAC5C;QACH;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components","Directives"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,SAAS,GAAG;AAChB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;AAC1B,QAAA,KAAK,MAAM,GAAG,IAAIA,OAAU,EAAE;YAC5B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAGA,OAAqC,CAAC,GAAG,CAAC,CAAC;QACjE;AAEA,QAAA,KAAK,MAAM,GAAG,IAAIC,OAAU,EAAE;AAC5B,YAAA,GAAG,CAAC,SAAS,CACVA,OAAqC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAClDA,OAAqC,CAAC,GAAG,CAAC,CAC5C;QACH;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/calendar/CCalendar.js

@@ -1,5 +1,4 @@
 import { defineComponent, ref, watch, h, nextTick } from 'vue';
-import { CButton } from '../button/CButton.js';
 import { convertToDateObject, isSameDateAs, getDateBySelectionType, getCalendarDate, getMonthDetails, createGroupsInArray, getMonthsNames, getYears, isDateDisabled, isDateSelected, isDateInRange, isToday, isMonthDisabled, isMonthSelected, isMonthInRange, isYearDisabled, isYearSelected, isYearInRange, setTimeFromDate, getSelectableDates, isDisableDateInRange } from './utils.js';
 
 const CCalendar = defineComponent({
@@ -248,6 +247,10 @@ const CCalendar = defineComponent({
             view.value = viewMap[props.selectionType] || 'days';
         }, { immediate: true });
         watch(() => props.calendarDate, () => {
+            if (props.calendarDate === null) {
+                calendarDate.value = new Date();
+                return;
+            }
             if (props.calendarDate) {
                 calendarDate.value = new Date(props.calendarDate);
             }
@@ -286,6 +289,9 @@ const CCalendar = defineComponent({
             emit('end-date-change', getDateBySelectionType(endDate.value, props.selectionType));
         });
         const setCalendarPage = (years, months = 0, setMonth) => {
+            if (calendarDate.value === null) {
+                return;
+            }
             const year = calendarDate.value.getFullYear();
             const month = calendarDate.value.getMonth();
             const d = new Date(year, month, 1);
@@ -516,11 +522,10 @@ const CCalendar = defineComponent({
                             const { date } = days[0];
                             const isDisabled = isDateDisabled(date, minDate.value, maxDate.value, props.disabledDates);
                             const isSelected = isDateSelected(date, startDate.value, endDate.value);
-                            const current = days.some((day) => day.month === 'current');
                             return h('tr', {
                                 class: [
                                     'calendar-row',
-                                    {
+                                    props.selectionType === 'week' && {
                                         disabled: isDisabled,
                                         range: props.selectionType === 'week' &&
                                             isDateInRange(date, startDate.value, endDate.value),
@@ -530,16 +535,17 @@ const CCalendar = defineComponent({
                                         selected: isSelected,
                                     },
                                 ],
-                                tabindex: props.selectionType === 'week' && current && !isDisabled ? 0 : -1,
-                                ...(isSelected && { 'aria-selected': true }),
-                                ...(props.selectionType === 'week' &&
-                                    !isDisabled && {
-                                    onBlur: () => handleCalendarMouseLeave(),
-                                    onClick: () => handleCalendarClick(date),
-                                    onFocus: () => handleCalendarMouseEnter(date),
-                                    onKeydown: (event) => handleCalendarKeyDown(event, date),
-                                    onMouseenter: () => handleCalendarMouseEnter(date),
-                                    onMouseleave: () => handleCalendarMouseLeave(),
+                                ...(props.selectionType === 'week' && {
+                                    tabindex: !isDisabled ? 0 : -1,
+                                    ...(isSelected && { 'aria-selected': true }),
+                                    ...(!isDisabled && {
+                                        onBlur: () => handleCalendarMouseLeave(),
+                                        onClick: () => handleCalendarClick(date),
+                                        onFocus: () => handleCalendarMouseEnter(date),
+                                        onKeydown: (event) => handleCalendarKeyDown(event, date),
+                                        onMouseenter: () => handleCalendarMouseEnter(date),
+                                        onMouseleave: () => handleCalendarMouseLeave(),
+                                    }),
                                 }),
                             }, [
                                 props.showWeekNumber &&
@@ -672,33 +678,29 @@ const CCalendar = defineComponent({
                     h('div', {
                         class: 'calendar-nav-prev',
                     }, [
-                        h(CButton, {
-                            color: 'transparent',
-                            size: 'sm',
+                        h('button', {
+                            class: 'calendar-nav-btn',
                             'aria-label': props.ariaNavPrevYearLabel,
                             onClick: () => handleNavigationOnClick('prev', true),
-                        }, {
-                            /**
-                             * @slot Location for double previous icon.
-                             */
-                            default: () => slots.navPrevDoubleIcon
-                                ? slots.navPrevDoubleIcon()
-                                : h('span', { class: 'calendar-nav-icon calendar-nav-icon-double-prev' }),
-                        }),
+                        }, 
+                        /**
+                         * @slot Location for double previous icon.
+                         */
+                        slots.navPrevDoubleIcon
+                            ? slots.navPrevDoubleIcon()
+                            : h('span', { class: 'calendar-nav-icon calendar-nav-icon-double-prev' })),
                         view.value === 'days' &&
-                            h(CButton, {
-                                color: 'transparent',
-                                size: 'sm',
+                            h('button', {
+                                class: 'calendar-nav-btn',
                                 'aria-label': props.ariaNavPrevMonthLabel,
                                 onClick: () => handleNavigationOnClick('prev'),
-                            }, {
-                                /**
-                                 * @slot Location for previous icon.
-                                 */
-                                default: () => slots.navPrevIcon
-                                    ? slots.navPrevIcon()
-                                    : h('span', { class: 'calendar-nav-icon calendar-nav-icon-prev' }),
-                            }),
+                            }, 
+                            /**
+                             * @slot Location for previous icon.
+                             */
+                            slots.navPrevIcon
+                                ? slots.navPrevIcon()
+                                : h('span', { class: 'calendar-nav-icon calendar-nav-icon-prev' })),
                     ]),
                 h('div', {
                     class: 'calendar-nav-date',
@@ -706,55 +708,49 @@ const CCalendar = defineComponent({
                     ...(props.navYearFirst && { style: { display: 'flex', justifyContent: 'center' } }),
                 }, [
                     view.value === 'days' &&
-                        h(CButton, {
-                            color: 'transparent',
-                            size: 'sm',
+                        h('button', {
+                            class: 'calendar-nav-btn',
                             onClick: () => {
                                 if (props.navigation)
                                     view.value = 'months';
                             },
-                        }, () => _calendarDate.toLocaleDateString(props.locale, { month: 'long' })),
-                    h(CButton, {
-                        color: 'transparent',
-                        size: 'sm',
+                        }, _calendarDate.toLocaleDateString(props.locale, { month: 'long' })),
+                    h('button', {
+                        class: 'calendar-nav-btn',
                         onClick: () => {
                             if (props.navigation)
                                 view.value = 'years';
                         },
                         ...(props.navYearFirst && { style: { order: '-1' } }),
-                    }, () => _calendarDate.toLocaleDateString(props.locale, { year: 'numeric' })),
+                    }, _calendarDate.toLocaleDateString(props.locale, { year: 'numeric' })),
                 ]),
                 props.navigation &&
                     h('div', {
                         class: 'calendar-nav-next',
                     }, [
                         view.value === 'days' &&
-                            h(CButton, {
-                                color: 'transparent',
-                                size: 'sm',
+                            h('button', {
+                                class: 'calendar-nav-btn',
                                 'aria-label': props.ariaNavNextMonthLabel,
                                 onClick: () => handleNavigationOnClick('next'),
-                            }, {
-                                /**
-                                 * @slot Location for next icon.
-                                 */
-                                default: () => slots.navNextIcon
-                                    ? slots.navNextIcon()
-                                    : h('span', { class: 'calendar-nav-icon calendar-nav-icon-next' }),
-                            }),
-                        h(CButton, {
-                            color: 'transparent',
-                            size: 'sm',
-                            'aria-label': props.ariaNavNextYearLabel,
-                            onClick: () => handleNavigationOnClick('next', true),
-                        }, {
+                            }, 
                             /**
-                             * @slot Location for double next icon.
+                             * @slot Location for next icon.
                              */
-                            default: () => slots.navNextDoubleIcon
-                                ? slots.navNextDoubleIcon()
-                                : h('span', { class: 'calendar-nav-icon calendar-nav-icon-double-next' }),
-                        }),
+                            slots.navNextIcon
+                                ? slots.navNextIcon()
+                                : h('span', { class: 'calendar-nav-icon calendar-nav-icon-next' })),
+                        h('button', {
+                            class: 'calendar-nav-btn',
+                            'aria-label': props.ariaNavNextYearLabel,
+                            onClick: () => handleNavigationOnClick('next', true),
+                        }, 
+                        /**
+                         * @slot Location for double next icon.
+                         */
+                        slots.navNextDoubleIcon
+                            ? slots.navNextDoubleIcon()
+                            : h('span', { class: 'calendar-nav-icon calendar-nav-icon-double-next' })),
                     ]),
             ]);
         };