refactor: move isVisible to utilities

Author: mrholek

packages/coreui-vue/src/components/carousel/CCarousel.ts

@@ -11,15 +11,7 @@ import {
   watch,
 } from 'vue'
 
-const isVisible = (element: HTMLDivElement) => {
-  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)
-  )
-}
+import { isVisible } from './../../utils'
 
 const CCarousel = defineComponent({
   name: 'CCarousel',

packages/coreui-vue/src/components/sidebar/CSidebar.ts

@@ -1,19 +1,11 @@
 import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { CBackdrop } from '../backdrop'
 
+import { isVisible } from './../../utils'
+
 const isOnMobile = (element: HTMLDivElement) =>
   Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'))
 
-const isVisible = (element: HTMLDivElement) => {
-  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)
-  )
-}
-
 const CSidebar = defineComponent({
   name: 'CSidebar',
   props: {

packages/coreui-vue/src/utils/index.ts

@@ -0,0 +1,3 @@
+import isVisible from './isVisible'
+
+export { isVisible }

packages/coreui-vue/src/utils/isVisible.ts

@@ -0,0 +1,11 @@
+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