bootstrap-vue-next/dist/useCountdownHover-Bukg5gOT.mjs.map

Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development

{"version":3,"file":"useCountdownHover-Bukg5gOT.mjs","sources":["../src/composables/useCountdown.ts","../src/composables/useCountdownHover.ts"],"sourcesContent":["import {useTimestamp, type UseTimestampOptions} from '@vueuse/core'\nimport {computed, type MaybeRefOrGetter, readonly, ref, toRef, watch} from 'vue'\n\n/**\n * A simple interval timer that counts down the remaining seconds\n *\n * @param {MaybeRefOrGetter<number>} length the total amount of time to loop through in ms\n * @param {MaybeRefOrGetter<number>} interval how often the interval should refresh. Default 1000\n * @param {Readonly<UseIntervalFnOptions>} intervalOpts opts to pass to the interval fn. Default {}\n */\nexport const useCountdown = (\n  length: MaybeRefOrGetter<number>,\n  interval: number | 'requestAnimationFrame',\n  timestampOpts: UseTimestampOptions<true> = {}\n) => {\n  const resolvedLength = readonly(toRef(length))\n\n  const isPaused = ref(false)\n\n  const target = ref(Date.now() + resolvedLength.value)\n\n  const {isActive, pause, resume, timestamp} = useTimestamp({\n    interval,\n    controls: true,\n    callback: (v) => {\n      if (v >= target.value) {\n        isPaused.value = false\n        pause()\n      }\n    },\n    ...timestampOpts,\n  })\n\n  const value = computed(() => target.value - timestamp.value)\n\n  const restart = () => {\n    target.value = Date.now() + resolvedLength.value\n    resume()\n  }\n  watch(resolvedLength, () => {\n    if (resolvedLength.value > 0) {\n      restart()\n    }\n  })\n\n  const myPause = () => {\n    isPaused.value = true\n    pause()\n  }\n  const myResume = () => {\n    isPaused.value = false\n    const remainingTime = target.value - timestamp.value\n    target.value = Date.now() + remainingTime\n    resume()\n  }\n  const stop = () => {\n    pause()\n    timestamp.value = target.value\n    isPaused.value = false\n  }\n\n  return {\n    isActive: readonly(isActive),\n    isPaused: readonly(isPaused),\n    stop,\n    pause: myPause,\n    resume: myResume,\n    restart,\n    value,\n  }\n}\n","import {useElementHover} from '@vueuse/core'\nimport {type MaybeRefOrGetter, type Ref, toValue, watch} from 'vue'\n\nexport const useCountdownHover = (\n  element: Ref<HTMLElement | null>,\n  {\n    modelValueIgnoresHover,\n    noHoverPause,\n    noResumeOnHoverLeave,\n  }: {\n    noHoverPause?: MaybeRefOrGetter<boolean>\n    noResumeOnHoverLeave?: MaybeRefOrGetter<boolean>\n    /**\n     * Countdown/hover rules don't apply to static model-values (boolean)\n     */\n    modelValueIgnoresHover?: MaybeRefOrGetter<boolean>\n  },\n  actions: {\n    pause: () => void\n    resume: () => void\n  }\n) => {\n  const isHovering = useElementHover(element)\n\n  const onMouseEnter = () => {\n    if (toValue(noHoverPause)) return\n    actions.pause()\n  }\n  const onMouseLeave = () => {\n    if (toValue(noResumeOnHoverLeave)) return\n    actions.resume()\n  }\n\n  watch(isHovering, (newValue) => {\n    if (toValue(modelValueIgnoresHover)) return\n    if (newValue) {\n      onMouseEnter()\n      return\n    }\n    onMouseLeave()\n  })\n\n  return {\n    isHovering,\n  }\n}\n"],"names":[],"mappings":";;AAUO,MAAM,eAAe,CAC1B,QACA,UACA,gBAA2C,CAAA,MACxC;AACH,QAAM,iBAAiB,SAAS,MAAM,MAAM,CAAC;AAE7C,QAAM,WAAW,IAAI,KAAK;AAE1B,QAAM,SAAS,IAAI,KAAK,IAAA,IAAQ,eAAe,KAAK;AAEpD,QAAM,EAAC,UAAU,OAAO,QAAQ,UAAA,IAAa,aAAa;AAAA,IACxD;AAAA,IACA,UAAU;AAAA,IACV,UAAU,CAAC,MAAM;AACf,UAAI,KAAK,OAAO,OAAO;AACrB,iBAAS,QAAQ;AACjB,cAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,GAAG;AAAA,EAAA,CACJ;AAED,QAAM,QAAQ,SAAS,MAAM,OAAO,QAAQ,UAAU,KAAK;AAE3D,QAAM,UAAU,MAAM;AACpB,WAAO,QAAQ,KAAK,IAAA,IAAQ,eAAe;AAC3C,WAAA;AAAA,EACF;AACA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,eAAe,QAAQ,GAAG;AAC5B,cAAA;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MAAM;AACpB,aAAS,QAAQ;AACjB,UAAA;AAAA,EACF;AACA,QAAM,WAAW,MAAM;AACrB,aAAS,QAAQ;AACjB,UAAM,gBAAgB,OAAO,QAAQ,UAAU;AAC/C,WAAO,QAAQ,KAAK,IAAA,IAAQ;AAC5B,WAAA;AAAA,EACF;AACA,QAAM,OAAO,MAAM;AACjB,UAAA;AACA,cAAU,QAAQ,OAAO;AACzB,aAAS,QAAQ;AAAA,EACnB;AAEA,SAAO;AAAA,IACL,UAAU,SAAS,QAAQ;AAAA,IAC3B,UAAU,SAAS,QAAQ;AAAA,IAC3B;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EAAA;AAEJ;ACnEO,MAAM,oBAAoB,CAC/B,SACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,GAQA,YAIG;AACH,QAAM,aAAa,gBAAgB,OAAO;AAE1C,QAAM,eAAe,MAAM;AACzB,QAAI,QAAQ,YAAY,EAAG;AAC3B,YAAQ,MAAA;AAAA,EACV;AACA,QAAM,eAAe,MAAM;AACzB,QAAI,QAAQ,oBAAoB,EAAG;AACnC,YAAQ,OAAA;AAAA,EACV;AAEA,QAAM,YAAY,CAAC,aAAa;AAC9B,QAAI,QAAQ,sBAAsB,EAAG;AACrC,QAAI,UAAU;AACZ,mBAAA;AACA;AAAA,IACF;AACA,iBAAA;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,EAAA;AAEJ;"}