@coreui/vue-pro 4.7.0-alpha.0 → 4.7.0

package/src/utils/calendar.ts

@@ -164,7 +164,7 @@ export const getMonthDetails = (year: number, month: number, firstDayOfWeek: num
 export const isDisableDateInRange = (
   startDate?: Date | null,
   endDate?: Date | null,
-  dates?: Date[] | Date[][],
+  dates?: Date[] | Date[][] | (Date | Date[])[],
 ) => {
   if (startDate && endDate) {
     const date = new Date(startDate)
@@ -188,7 +188,7 @@ export const isDateDisabled = (
   date: Date,
   min?: Date | null,
   max?: Date | null,
-  dates?: Date[] | Date[][],
+  dates?: Date[] | Date[][] | (Date | Date[])[],
 ) => {
   let disabled
   if (dates) {

package/src/utils/index.ts

@@ -1,5 +1,5 @@
 import getNextSibling from './getNextSibling'
 import getPreviousSibling from './getPreviousSibling'
-import isVisible from './isVisible'
+import isInViewport from './isInViewport'
 
-export { getNextSibling, getPreviousSibling, isVisible }
+export { getNextSibling, getPreviousSibling, isInViewport }

package/src/utils/isInViewport.ts

@@ -0,0 +1,11 @@
+const isInViewport = (element: HTMLElement) => {
+  const rect = element.getBoundingClientRect()
+  return (
+    Math.floor(rect.top) >= 0 &&
+    Math.floor(rect.left) >= 0 &&
+    Math.floor(rect.bottom) <= (window.innerHeight || document.documentElement.clientHeight) &&
+    Math.floor(rect.right) <= (window.innerWidth || document.documentElement.clientWidth)
+  )
+}
+
+export default isInViewport

package/src/utils/time.ts

@@ -27,10 +27,12 @@ export const getAmPm = (date: Date, locale: string) => {
 }
 
 export const getListOfHours = (locale: string, ampm: 'auto' | boolean = 'auto') =>
-  Array.from({ length: (ampm === 'auto' && isAmPm(locale)) || ampm ? 12 : 24 }, (_, i) => {
+  Array.from({ length: (ampm === 'auto' && isAmPm(locale)) || ampm === true ? 12 : 24 }, (_, i) => {
     return {
-      value: (ampm === 'auto' && isAmPm(locale)) || ampm ? i + 1 : i,
-      label: ((ampm === 'auto' && isAmPm(locale)) || ampm ? i + 1 : i).toLocaleString(locale),
+      value: (ampm === 'auto' && isAmPm(locale)) || ampm === true ? i + 1 : i,
+      label: ((ampm === 'auto' && isAmPm(locale)) || ampm === true ? i + 1 : i).toLocaleString(
+        locale,
+      ),
     }
   })
 
@@ -42,12 +44,10 @@ export const getListOfMinutes = (locale: string, valueAsString = false) =>
       value: valueAsString ? i.toString() : i,
       label: d
         .toLocaleTimeString(locale, {
-          hour: '2-digit',
-          hour12: false,
           minute: '2-digit',
           second: '2-digit',
         })
-        .split(':')[1],
+        .split(/[^A-Za-z0-9]/)[0],
     }
   })
 
@@ -59,12 +59,10 @@ export const getListOfSeconds = (locale: string, valueAsString = false) =>
       value: valueAsString ? i.toString() : i,
       label: d
         .toLocaleTimeString(locale, {
-          hour: '2-digit',
-          hour12: false,
           minute: '2-digit',
           second: '2-digit',
         })
-        .split(':')[2],
+        .split(/[^A-Za-z0-9]/)[1],
     }
   })
 
@@ -74,7 +72,7 @@ export const getSelectedHour = (
   ampm: 'auto' | boolean = 'auto',
 ) =>
   date
-    ? (ampm === 'auto' && isAmPm(locale)) || ampm
+    ? (ampm === 'auto' && isAmPm(locale)) || ampm === true
       ? convert24hTo12h(date.getHours())
       : date.getHours()
     : ''

package/src/utils/isVisible.ts

@@ -1,11 +0,0 @@
-const isVisible = (element: HTMLElement) => {
-  const rect = element.getBoundingClientRect()
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
-  )
-}
-
-export default isVisible