bootstrap-vue-next
Version:
BootstrapVueNext is an early and lovely component library for Vue 3 & Nuxt 3 based on Bootstrap 5 and Typescript.
3 lines (2 loc) • 904 B
JavaScript
const e=require("./index-DiURjA3G.js"),u=require("vue");exports.useCountdown=(a,o,t={})=>{const s=u.readonly(u.toRef(a)),r=u.ref(!1),l=u.ref(Date.now()+s.value),{isActive:v,pause:n,resume:i,timestamp:c}=e.useTimestamp({interval:o,controls:!0,callback:e=>{e>=l.value&&(r.value=!1,n())},...t}),m=u.computed((()=>l.value-c.value)),d=()=>{l.value=Date.now()+s.value,i()};u.watch(s,(()=>{d()}));return{isActive:u.readonly(v),isPaused:u.readonly(r),stop:()=>{n(),c.value=l.value,r.value=!1},pause:()=>{r.value=!0,n()},resume:()=>{r.value=!1;const e=l.value-c.value;l.value=Date.now()+e,i()},restart:d,value:m}},exports.useCountdownHover=(a,o,t)=>{const s=e.useElementHover(a);return u.watch(s,(e=>{u.toValue(o).modelValueIgnoresHover||(e?u.toValue(o).noHoverPause||t.pause():u.toValue(o).noResumeOnHoverLeave||t.resume())})),{isHovering:s}};
//# sourceMappingURL=useCountdownHover-BuzhN8vi.js.map
;