@alegendstale/holly-components
Version:
Reusable UI components created using lit
17 lines (16 loc) • 595 B
JavaScript
class h {
constructor(e, t = "60rem") {
this.isMobile = !1, (this.host = e).addController(this), this.mediaQueryList = matchMedia(`(width < ${t})`), this.handleMediaQueryChange = (s) => {
this.isMobile = s.matches, this.host.requestUpdate();
};
}
hostConnected() {
this.mediaQueryList.addEventListener("change", this.handleMediaQueryChange), this.isMobile = this.mediaQueryList.matches, this.host.requestUpdate();
}
hostDisconnected() {
this.mediaQueryList.removeEventListener("change", this.handleMediaQueryChange);
}
}
export {
h as ResponsiveController
};