@coreui/vue-pro 5.3.0 → 5.4.0

package/dist/cjs/components/modal/CModal.d.ts

@@ -1,4 +1,4 @@
-import { RendererElement } from 'vue';
+import { PropType, RendererElement } from 'vue';
 declare const CModal: import("vue").DefineComponent<{
     /**
      * Align the modal in the center or top of the screen.
@@ -19,6 +19,15 @@ declare const CModal: import("vue").DefineComponent<{
         default: boolean;
         validator: (value: boolean | string) => boolean;
     };
+    /**
+     * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since 5.3.0
+     */
+    container: {
+        type: PropType<HTMLElement | (() => HTMLElement) | string>;
+        default: string;
+    };
     /**
      * A string of all className you want applied to the modal content component.
      */
@@ -26,7 +35,7 @@ declare const CModal: import("vue").DefineComponent<{
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     focus: {
         type: BooleanConstructor;
@@ -61,6 +70,15 @@ declare const CModal: import("vue").DefineComponent<{
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Generates modal using Teleport.
+     *
+     * @since 5.3.0
+     */
+    teleport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Remove animation to create modal that simply appear rather than fade in to view.
      */
@@ -79,9 +97,9 @@ declare const CModal: import("vue").DefineComponent<{
      * Toggle the visibility of alert component.
      */
     visible: BooleanConstructor;
-}, () => (false | "" | import("vue").VNode<import("vue").RendererNode, RendererElement, {
+}, () => import("vue").VNode<import("vue").RendererNode, RendererElement, {
     [key: string]: any;
-}>)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "show" | "close-prevented")[], "close" | "show" | "close-prevented", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "show" | "close-prevented")[], "close" | "show" | "close-prevented", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Align the modal in the center or top of the screen.
      *
@@ -101,6 +119,15 @@ declare const CModal: import("vue").DefineComponent<{
         default: boolean;
         validator: (value: boolean | string) => boolean;
     };
+    /**
+     * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since 5.3.0
+     */
+    container: {
+        type: PropType<HTMLElement | (() => HTMLElement) | string>;
+        default: string;
+    };
     /**
      * A string of all className you want applied to the modal content component.
      */
@@ -108,7 +135,7 @@ declare const CModal: import("vue").DefineComponent<{
     /**
      * Puts the focus on the modal when shown.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     focus: {
         type: BooleanConstructor;
@@ -143,6 +170,15 @@ declare const CModal: import("vue").DefineComponent<{
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Generates modal using Teleport.
+     *
+     * @since 5.3.0
+     */
+    teleport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Remove animation to create modal that simply appear rather than fade in to view.
      */
@@ -169,6 +205,8 @@ declare const CModal: import("vue").DefineComponent<{
     focus: boolean;
     transition: boolean;
     visible: boolean;
+    container: string | HTMLElement | (() => HTMLElement);
+    teleport: boolean;
     alignment: string;
     backdrop: string | boolean;
     keyboard: boolean;

package/dist/cjs/components/modal/CModal.js

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var CBackdrop = require('../backdrop/CBackdrop.js');
+var CConditionalTeleport = require('../conditional-teleport/CConditionalTeleport.js');
 var transition = require('../../utils/transition.js');
 
 const CModal = vue.defineComponent({
@@ -37,6 +38,15 @@ const CModal = vue.defineComponent({
                 return false;
             },
         },
+        /**
+         * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+         *
+         * @since 5.3.0
+         */
+        container: {
+            type: [Object, String],
+            default: 'body',
+        },
         /**
          * A string of all className you want applied to the modal content component.
          */
@@ -44,7 +54,7 @@ const CModal = vue.defineComponent({
         /**
          * Puts the focus on the modal when shown.
          *
-         * @since v5.0.0
+         * @since 5.0.0
          */
         focus: {
             type: Boolean,
@@ -89,6 +99,15 @@ const CModal = vue.defineComponent({
                 return ['sm', 'lg', 'xl'].includes(value);
             },
         },
+        /**
+         * Generates modal using Teleport.
+         *
+         * @since 5.3.0
+         */
+        teleport: {
+            type: Boolean,
+            default: false,
+        },
         /**
          * Remove animation to create modal that simply appear rather than fade in to view.
          */
@@ -222,22 +241,27 @@ const CModal = vue.defineComponent({
                 },
             ],
         }, vue.h('div', { class: ['modal-content', props.contentClassName], ref: modalContentRef }, slots.default && slots.default())));
-        return () => [
-            vue.h(vue.Transition, {
-                css: false,
-                onEnter: (el, done) => handleEnter(el, done),
-                onAfterEnter: () => handleAfterEnter(),
-                onLeave: (el, done) => handleLeave(el, done),
-                onAfterLeave: (el) => handleAfterLeave(el),
-            }, () => props.unmountOnClose
-                ? visible.value && modal()
-                : vue.withDirectives(modal(), [[vue.vShow, visible.value]])),
-            props.backdrop &&
-                vue.h(CBackdrop.CBackdrop, {
-                    class: 'modal-backdrop',
-                    visible: visible.value,
-                }),
-        ];
+        return () => vue.h(CConditionalTeleport.CConditionalTeleport, {
+            container: props.container,
+            teleport: props.teleport,
+        }, {
+            default: () => [
+                vue.h(vue.Transition, {
+                    css: false,
+                    onEnter: (el, done) => handleEnter(el, done),
+                    onAfterEnter: () => handleAfterEnter(),
+                    onLeave: (el, done) => handleLeave(el, done),
+                    onAfterLeave: (el) => handleAfterLeave(el),
+                }, () => props.unmountOnClose
+                    ? visible.value && modal()
+                    : vue.withDirectives(modal(), [[vue.vShow, visible.value]])),
+                props.backdrop &&
+                    vue.h(CBackdrop.CBackdrop, {
+                        class: 'modal-backdrop',
+                        visible: visible.value,
+                    }),
+            ],
+        });
     },
 });
 

package/dist/cjs/components/modal/CModal.js.map

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

package/dist/cjs/components/popover/CPopover.d.ts

@@ -14,7 +14,7 @@ declare const CPopover: import("vue").DefineComponent<{
     /**
      * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     container: {
         type: PropType<HTMLElement | (() => HTMLElement) | string>;
@@ -96,7 +96,7 @@ declare const CPopover: import("vue").DefineComponent<{
     /**
      * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     container: {
         type: PropType<HTMLElement | (() => HTMLElement) | string>;

package/dist/cjs/components/popover/CPopover.js

@@ -23,7 +23,7 @@ const CPopover = vue.defineComponent({
         /**
          * Appends the vue popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
          *
-         * @since v5.0.0
+         * @since 5.0.0
          */
         container: {
             type: [Object, String],

package/dist/cjs/components/time-picker/CTimePicker.js

@@ -158,7 +158,7 @@ const CTimePicker = vue.defineComponent({
         /**
          * Defines the delay (in milliseconds) for the input field's onChange event.
          *
-         * @since v5.0.0
+         * @since 5.0.0
          */
         inputOnChangeDelay: {
             type: Number,

package/dist/cjs/components/tooltip/CTooltip.d.ts

@@ -14,7 +14,7 @@ declare const CTooltip: import("vue").DefineComponent<{
     /**
      * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     container: {
         type: PropType<HTMLElement | (() => HTMLElement) | string>;
@@ -92,7 +92,7 @@ declare const CTooltip: import("vue").DefineComponent<{
     /**
      * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
      *
-     * @since v5.0.0
+     * @since 5.0.0
      */
     container: {
         type: PropType<HTMLElement | (() => HTMLElement) | string>;

package/dist/cjs/components/tooltip/CTooltip.js

@@ -23,7 +23,7 @@ const CTooltip = vue.defineComponent({
         /**
          * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
          *
-         * @since v5.0.0
+         * @since 5.0.0
          */
         container: {
             type: [Object, String],

package/dist/esm/components/calendar/CCalendar.d.ts

@@ -1,5 +1,41 @@
 import { PropType } from 'vue';
 declare const CCalendar: import("vue").DefineComponent<{
+    /**
+     * A string that provides an accessible label for the button that navigates to the next month in the calendar. This label is read by screen readers to describe the action associated with the button.
+     *
+     * @since 5.4.0
+     */
+    ariaNavNextMonthLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string that provides an accessible label for the button that navigates to the next year in the calendar. This label is intended for screen readers to help users understand the button's functionality.
+     *
+     * @since 5.4.0
+     */
+    ariaNavNextYearLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string that provides an accessible label for the button that navigates to the previous month in the calendar. Screen readers will use this label to explain the purpose of the button.
+     *
+     * @since 5.4.0
+     */
+    ariaNavPrevMonthLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string that provides an accessible label for the button that navigates to the previous year in the calendar. This label helps screen reader users understand the button's function.
+     *
+     * @since 5.4.0
+     */
+    ariaNavPrevYearLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Default date of the component
      */
@@ -137,6 +173,42 @@ declare const CCalendar: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("date-hover" | "calendar-date-change" | "start-date-change" | "end-date-change")[], "date-hover" | "calendar-date-change" | "start-date-change" | "end-date-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * A string that provides an accessible label for the button that navigates to the next month in the calendar. This label is read by screen readers to describe the action associated with the button.
+     *
+     * @since 5.4.0
+     */
+    ariaNavNextMonthLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string that provides an accessible label for the button that navigates to the next year in the calendar. This label is intended for screen readers to help users understand the button's functionality.
+     *
+     * @since 5.4.0
+     */
+    ariaNavNextYearLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string that provides an accessible label for the button that navigates to the previous month in the calendar. Screen readers will use this label to explain the purpose of the button.
+     *
+     * @since 5.4.0
+     */
+    ariaNavPrevMonthLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string that provides an accessible label for the button that navigates to the previous year in the calendar. This label helps screen reader users understand the button's function.
+     *
+     * @since 5.4.0
+     */
+    ariaNavPrevYearLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Default date of the component
      */
@@ -277,6 +349,10 @@ declare const CCalendar: import("vue").DefineComponent<{
     "onStart-date-change"?: ((...args: any[]) => any) | undefined;
     "onEnd-date-change"?: ((...args: any[]) => any) | undefined;
 }, {
+    ariaNavNextMonthLabel: string;
+    ariaNavNextYearLabel: string;
+    ariaNavPrevMonthLabel: string;
+    ariaNavPrevYearLabel: string;
     calendars: number;
     dayFormat: string | Function;
     firstDayOfWeek: number;

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

@@ -1,10 +1,46 @@
 import { defineComponent, ref, watch, h } from 'vue';
 import { CButton } from '../button/CButton.js';
-import { convertToDateObject, isSameDateAs, getDateBySelectionType, getCalendarDate, getMonthDetails, createGroupsInArray, getMonthsNames, getYears, isDateDisabled, isDateInRange, isDateSelected, isToday, isDisableDateInRange } from './utils.js';
+import { convertToDateObject, isSameDateAs, getDateBySelectionType, getCalendarDate, getMonthDetails, createGroupsInArray, getMonthsNames, getYears, isDateDisabled, isDateSelected, isDateInRange, isToday, isDisableDateInRange } from './utils.js';
 
 const CCalendar = defineComponent({
     name: 'CCalendar',
     props: {
+        /**
+         * A string that provides an accessible label for the button that navigates to the next month in the calendar. This label is read by screen readers to describe the action associated with the button.
+         *
+         * @since 5.4.0
+         */
+        ariaNavNextMonthLabel: {
+            type: String,
+            default: 'Next month',
+        },
+        /**
+         * A string that provides an accessible label for the button that navigates to the next year in the calendar. This label is intended for screen readers to help users understand the button's functionality.
+         *
+         * @since 5.4.0
+         */
+        ariaNavNextYearLabel: {
+            type: String,
+            default: 'Next year',
+        },
+        /**
+         * A string that provides an accessible label for the button that navigates to the previous month in the calendar. Screen readers will use this label to explain the purpose of the button.
+         *
+         * @since 5.4.0
+         */
+        ariaNavPrevMonthLabel: {
+            type: String,
+            default: 'Previous month',
+        },
+        /**
+         * A string that provides an accessible label for the button that navigates to the previous year in the calendar. This label helps screen reader users understand the button's function.
+         *
+         * @since 5.4.0
+         */
+        ariaNavPrevYearLabel: {
+            type: String,
+            default: 'Previous year',
+        },
         /**
          * Default date of the component
          */
@@ -453,7 +489,10 @@ const CCalendar = defineComponent({
                         props.showWeekNumber &&
                             h('th', { class: 'calendar-cell' }, h('div', { class: 'calendar-header-cell-inner' }, props.weekNumbersLabel)),
                         weekDays.map(({ date }) => {
-                            return h('th', { class: 'calendar-cell' }, h('div', {
+                            return h('th', {
+                                class: 'calendar-cell',
+                                abbr: date.toLocaleDateString(props.locale, { weekday: 'long' }),
+                            }, h('div', {
                                 class: 'calendar-header-cell-inner',
                             }, typeof props.weekdayFormat === 'function'
                                 ? props.weekdayFormat(date)
@@ -473,6 +512,7 @@ const CCalendar = defineComponent({
                                 ? `${_calendarDate.getFullYear()}W53`
                                 : `${_calendarDate.getFullYear()}W${week.weekNumber}`, props.selectionType);
                             const isDisabled = isDateDisabled(date, minDate.value, maxDate.value, props.disabledDates);
+                            const isSelected = isDateSelected(date, startDate.value, endDate.value);
                             const current = week.days.some((day) => day.month === 'current');
                             return h('tr', {
                                 class: [
@@ -484,10 +524,11 @@ const CCalendar = defineComponent({
                                         'range-hover': props.selectionType === 'week' && hoverDate.value && selectEndDate.value
                                             ? isDateInRange(date, startDate.value, hoverDate.value)
                                             : isDateInRange(date, hoverDate.value, endDate.value),
-                                        selected: isDateSelected(date, startDate.value, endDate.value),
+                                        selected: isSelected,
                                     },
                                 ],
                                 tabindex: props.selectionType === 'week' && current && !isDisabled ? 0 : -1,
+                                ...(isSelected && { 'aria-selected': true }),
                                 ...(props.selectionType === 'week' &&
                                     !isDisabled && {
                                     onBlur: () => handleCalendarMouseLeave(),
@@ -502,6 +543,7 @@ const CCalendar = defineComponent({
                                     h('th', { class: 'calendar-cell-week-number' }, week.weekNumber === 0 ? 53 : week.weekNumber),
                                 week.days.map(({ date, month }) => {
                                     const isDisabled = isDateDisabled(date, minDate.value, maxDate.value, props.disabledDates);
+                                    const isSelected = isDateSelected(date, startDate.value, endDate.value);
                                     return month === 'current' || props.showAdjacementDays
                                         ? h('td', {
                                             class: [
@@ -516,7 +558,7 @@ const CCalendar = defineComponent({
                                                                 : isDateInRange(date, hoverDate.value, endDate.value)),
                                                         range: month === 'current' &&
                                                             isDateInRange(date, startDate.value, endDate.value),
-                                                        selected: isDateSelected(date, startDate.value, endDate.value),
+                                                        selected: isSelected,
                                                     }),
                                                     [month]: true,
                                                     today: month === 'current' && isToday(date),
@@ -528,6 +570,7 @@ const CCalendar = defineComponent({
                                                 ? 0
                                                 : -1,
                                             title: date.toLocaleDateString(props.locale),
+                                            ...(isSelected && { 'aria-selected': true }),
                                             ...(props.selectionType === 'day' &&
                                                 (month === 'current' || props.selectAdjacementDays) && {
                                                 onBlur: () => handleCalendarMouseLeave(),
@@ -558,12 +601,13 @@ const CCalendar = defineComponent({
                                 const monthNumber = index * 3 + idx;
                                 const date = new Date(_calendarDate.getFullYear(), monthNumber, 1);
                                 const isDisabled = isDateDisabled(date, minDate.value, maxDate.value, props.disabledDates);
+                                const isSelected = isDateSelected(date, startDate.value, endDate.value);
                                 return h('td', {
                                     class: [
                                         'calendar-cell',
                                         {
                                             disabled: isDisabled,
-                                            selected: isDateSelected(date, startDate.value, endDate.value),
+                                            selected: isSelected,
                                             'range-hover': props.selectionType === 'month' &&
                                                 (hoverDate.value && selectEndDate
                                                     ? isDateInRange(date, startDate.value, hoverDate.value)
@@ -572,6 +616,7 @@ const CCalendar = defineComponent({
                                         },
                                     ],
                                     tabindex: isDisabled ? -1 : 0,
+                                    ...(isSelected && { 'aria-selected': true }),
                                     ...(!isDisabled && {
                                         onBlur: () => handleCalendarMouseLeave(),
                                         onClick: () => handleCalendarClick(date),
@@ -588,12 +633,13 @@ const CCalendar = defineComponent({
                             return h('tr', {}, row.map((year) => {
                                 const date = new Date(year, 0, 1);
                                 const isDisabled = isDateDisabled(date, minDate.value, maxDate.value, props.disabledDates);
+                                const isSelected = isDateSelected(date, startDate.value, endDate.value);
                                 return h('td', {
                                     class: [
                                         'calendar-cell year',
                                         {
                                             disabled: isDisabled,
-                                            selected: isDateSelected(date, startDate.value, endDate.value),
+                                            selected: isSelected,
                                             'range-hover': props.selectionType === 'year' &&
                                                 (hoverDate.value && selectEndDate
                                                     ? isDateInRange(date, startDate.value, hoverDate.value)
@@ -602,6 +648,7 @@ const CCalendar = defineComponent({
                                         },
                                     ],
                                     tabindex: isDisabled ? -1 : 0,
+                                    ...(isSelected && { 'aria-selected': true }),
                                     ...(!isDisabled && {
                                         onBlur: () => handleCalendarMouseLeave(),
                                         onClick: () => handleCalendarClick(date),
@@ -625,6 +672,7 @@ const CCalendar = defineComponent({
                         h(CButton, {
                             color: 'transparent',
                             size: 'sm',
+                            'aria-label': props.ariaNavPrevYearLabel,
                             onClick: () => handleNavigationOnClick('prev', true),
                         }, {
                             /**
@@ -638,6 +686,7 @@ const CCalendar = defineComponent({
                             h(CButton, {
                                 color: 'transparent',
                                 size: 'sm',
+                                'aria-label': props.ariaNavPrevMonthLabel,
                                 onClick: () => handleNavigationOnClick('prev'),
                             }, {
                                 /**
@@ -650,6 +699,7 @@ const CCalendar = defineComponent({
                     ]),
                 h('div', {
                     class: 'calendar-nav-date',
+                    'aria-live': 'polite',
                     ...(props.navYearFirst && { style: { display: 'flex', justifyContent: 'center' } }),
                 }, [
                     view.value === 'days' &&
@@ -679,6 +729,7 @@ const CCalendar = defineComponent({
                             h(CButton, {
                                 color: 'transparent',
                                 size: 'sm',
+                                'aria-label': props.ariaNavNextMonthLabel,
                                 onClick: () => handleNavigationOnClick('next'),
                             }, {
                                 /**
@@ -691,6 +742,7 @@ const CCalendar = defineComponent({
                         h(CButton, {
                             color: 'transparent',
                             size: 'sm',
+                            'aria-label': props.ariaNavNextYearLabel,
                             onClick: () => handleNavigationOnClick('next', true),
                         }, {
                             /**