@studiometa/js-toolkit/helpers/importOnMediaQuery.js

A set of useful little bits of JavaScript to boost your project! 🚀

import { getComponentResolver } from "../utils/index.js";
function importOnMediaQuery(fn, media) {
  const resolver = getComponentResolver(fn);
  return new Promise((resolve) => {
    const mediaQueryList = window.matchMedia(media);
    if (mediaQueryList.matches) {
      resolver(resolve);
    }
    const changeHandler = (event) => {
      if (event.matches) {
        setTimeout(() => {
          resolver(resolve, () => mediaQueryList.removeEventListener("change", changeHandler));
        }, 0);
      }
    };
    mediaQueryList.addEventListener("change", changeHandler);
  });
}
export {
  importOnMediaQuery
};
//# sourceMappingURL=importOnMediaQuery.js.map