ideaz-element/lib/hooks/useWindowReactiveSize.cjs.map

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

{"version":3,"file":"useWindowReactiveSize.cjs","sources":["../../../packages/hooks/useWindowReactiveSize.ts"],"sourcesContent":["export const useWindowReactiveSize = () => {\n  const width = ref(0);\n\n  const windowReactiveSize = computed(() => {\n    if (width.value >= 1920) {\n      return 'xl';\n    }\n    if (width.value >= 1200) {\n      return 'lg';\n    }\n    if (width.value >= 992) {\n      return 'md';\n    }\n    if (width.value >= 768) {\n      return 'sm';\n    }\n    if (width.value < 768) {\n      return 'xs';\n    }\n    return 'xs';\n  });\n\n  const update = () => {\n    if (window) {\n      width.value = window.innerWidth;\n    }\n  };\n\n  onMounted(() => {\n    update();\n    window.addEventListener('resize', update);\n  });\n\n  onUnmounted(() => {\n    window.removeEventListener('resize', update);\n  });\n\n  return { windowReactiveSize };\n};\n"],"names":["useWindowReactiveSize","width","vue","windowReactiveSize","update"],"mappings":"uGAAOA,EAAA,IAAA,CACL,MAAAC,EAAAC,EAAA,IAAA,CAAA,EAEAC,EAAAD,EAAA,SAAA,IACED,EAAA,OAAA,KACE,KAEFA,EAAA,OAAA,KACE,KAEFA,EAAA,OAAA,IACE,KAEFA,EAAA,OAAA,IACE,MAEFA,EAAA,MAAA,IACE,KAEK,EAGTG,EAAA,IAAA,CACE,SACEH,EAAA,MAAA,OAAA,WACF,EAGF,OAAAC,EAAA,UAAA,IAAA,CACEE,EAAA,EACA,OAAA,iBAAA,SAAAA,CAAA,CAAwC,CAAA,EAG1CF,EAAA,YAAA,IAAA,CACE,OAAA,oBAAA,SAAAE,CAAA,CAA2C,CAAA,EAG7C,CAAA,mBAAAD,CAAA,CACF"}