{"version":3,"file":"useResizePhone-CpfFUmfV.mjs","names":[],"sources":["../src/helper/debounceHelper.ts","../src/components/composable/useResizePhone.ts"],"sourcesContent":["export default function debounce<Params extends any[]>(\n    func: (...args: Params) => any,\n    timeout: number,\n): (...args: Params) => void {\n    let timer: ReturnType<typeof setTimeout>;\n    return (...args: Params) => {\n        clearTimeout(timer)\n        timer = setTimeout(() => {\n            func(...args)\n        }, timeout)\n    }\n}","import debounce from '../../helper/debounceHelper';\nimport {computed, onBeforeUnmount, onMounted, Ref, ref} from 'vue';\nexport const useResizePhone = ()=>{\n\tconst windowWidth = ref(0);\n  const debounceResizeEvent : Ref<undefined|((...args: any[]) => void)> =ref(undefined);\n\n  const isPhone = computed(() => windowWidth.value < 960);\n\n  function handleResize() {\n    windowWidth.value = window.innerWidth;\n  }\n  onMounted(() => {\n    debounceResizeEvent.value = debounce(handleResize, 500);\n    window.addEventListener('resize', debounceResizeEvent.value);\n    handleResize();\n  })\n  \n  onBeforeUnmount(() => {\n    window.removeEventListener('resize', debounceResizeEvent.value);\n  })\n\n\treturn {\n    isPhone,\n\t\twindowWidth,\n\t}\n}\n\n"],"mappings":";;AAAA,SAAwB,SACpB,MACA,SACyB;CACzB,IAAI;CACJ,QAAQ,GAAG,SAAiB;EACxB,aAAa,KAAK;EAClB,QAAQ,iBAAiB;GACrB,KAAK,GAAG,IAAI;EAChB,GAAG,OAAO;CACd;AACJ;;;ACTA,IAAa,uBAAqB;CACjC,MAAM,cAAc,IAAI,CAAC;CACxB,MAAM,sBAAiE,IAAI,KAAA,CAAS;CAEpF,MAAM,UAAU,eAAe,YAAY,QAAQ,GAAG;CAEtD,SAAS,eAAe;EACtB,YAAY,QAAQ,OAAO;CAC7B;CACA,gBAAgB;EACd,oBAAoB,QAAQ,SAAS,cAAc,GAAG;EACtD,OAAO,iBAAiB,UAAU,oBAAoB,KAAK;EAC3D,aAAa;CACf,CAAC;CAED,sBAAsB;EACpB,OAAO,oBAAoB,UAAU,oBAAoB,KAAK;CAChE,CAAC;CAEF,OAAO;EACJ;EACF;CACD;AACD"}