@aotearoan/neon/dist/utils/common/responsive/NeonResponsiveUtils.es.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

var r = Object.defineProperty;
var x = (a, i, t) => i in a ? r(a, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[i] = t;
var p = (a, i, t) => x(a, typeof i != "symbol" ? i + "" : i, t);
import { NeonResponsive as e } from "../../../model/common/responsive/NeonResponsive.es.js";
class o {
}
/**
 * The defined list of Neon responsive breakpoints. This can be used with matchMedia queries in javascript to respond
 * to layout changes.
 */
p(o, "breakpoints", Object.freeze({
  [e.All]: "",
  // only use all on its own, never in combination with other breakpoints
  [e.DesktopLarge]: "(min-width: 1440px)",
  [e.Desktop]: "(max-width: 1339px)",
  [e.LargerThanTablet]: "(min-width: 1024px)",
  [e.Tablet]: "(max-width: 1023px)",
  [e.LargerThanMobileLarge]: "(min-width: 768px)",
  [e.MobileLarge]: "(max-width: 767px)",
  [e.LargerThanMobile]: "(min-width: 415px)",
  [e.Mobile]: "(max-width: 414px)"
}));
export {
  o as NeonResponsiveUtils
};
//# sourceMappingURL=NeonResponsiveUtils.es.js.map