{"_id":"@alshoja/break-point-observer","_rev":"5-c31f8f44bd9aef0c13b0ad978a1af4e0","name":"@alshoja/break-point-observer","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@alshoja/break-point-observer","version":"1.0.0","description":"Let you observe your current screen size dynamicaly as observable in any of the components","repository":{"type":"git","url":"git+https://github.com/alshoja/angular-breakpoint-observer-library.git"},"author":{"name":"Alshoja m Ikbal","email":"alshoja@gmail.com"},"keywords":["angular","angular 9","media query observer","screen size observer","breakpoint observer"],"license":"MIT","bugs":{"url":"https://github.com/alshoja/angular-breakpoint-observer-library/issues"},"peerDependencies":{"@angular/common":"^9.1.7","@angular/core":"^9.1.7"},"main":"bundles/alshoja-break-point-observer.umd.js","module":"fesm5/alshoja-break-point-observer.js","es2015":"fesm2015/alshoja-break-point-observer.js","esm5":"esm5/alshoja-break-point-observer.js","esm2015":"esm2015/alshoja-break-point-observer.js","fesm5":"fesm5/alshoja-break-point-observer.js","fesm2015":"fesm2015/alshoja-break-point-observer.js","typings":"alshoja-break-point-observer.d.ts","metadata":"alshoja-break-point-observer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"homepage":"https://github.com/alshoja/angular-breakpoint-observer-library#readme","_id":"@alshoja/break-point-observer@1.0.0","_nodeVersion":"12.16.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-gkAFc7i3tGZwALiwUAJVs/5rF3/ZphVGAOPSlATrttDrSCwzCAk+6hpWbd0sZJwoPNr8YaIOC/io206+Yg0qrw==","shasum":"a661467b2a7561c1bf6a81ed0d85c62ea2177fb8","tarball":"https://registry.npmjs.org/@alshoja/break-point-observer/-/break-point-observer-1.0.0.tgz","fileCount":33,"unpackedSize":143478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexp/VCRA9TVsSAnZWagAAm1kP/0yqED7nbbaTzNUXGNKG\neRrIOWWwlZTCJ3Wn5MNotW+RHQmOUkBUUVuBbB0G9SSqxcCApbT2fongjFB2\nI81SuIVWdpHqO/l8TWkS1nWE6MvDI0wCJIglcUtCYA+i/0+UKswL4yGBbfYz\naB3eNBg75x29o1fzpqkMZD5rprKGBWVwdkbmp2Ypu0zKhi1zyBoudLnu2jaZ\nIQQuEE3DSiFEN/cyY/2joCfb6LkRk2olLQfwh2VMoo00KnMX76Y0L/gdTXHC\nqlWEJOiZiPxgw4hjp2IjkTJjKZyQ4ZkyS2rdHRv/5f6VcxjbDUv+Xke1Qv+l\nFD9CDws2nmi8Lfld5/D/j8rJ98dPUBY1f5/DFjiJCG/ecidgjfFvImU9OTKP\nnUQN/TewrC7hNtXo/gvGRnN+sqMEHekYxwaK7cm432HB9tn4eXIt2sGDCqCL\nYb6AGh7YT74FwAd7h8mULjCpM3GOjOZmTpq3oA0ky1m9HiP4rb9f3tPSlYal\nlSfq7pbvmqW+rFAKiwuRJ60HhlOzK8yTOj4z7dNi/lVFjaah0Lx75ejXrXbP\nOMrLYZwrailt3kejNvHNaPi0NUZHbQEi4fbnejLL+iU8GOEvsW56sKcX9vGQ\nta6aF8To0sz4Y3Ezn9+L92RlXYQXJ2fQzFmmpXzC09rRKRyBFshiEQCGqB8T\nXuMs\r\n=F7PF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChUxaqO+cjwgye/oqNcYNzt3LZ3IYkbz4sxDd/gmwqnQIhAP3JxQtIKNXEPCsyPwwr9g1AqtfZ0kErlC62WnTChdCm"}]},"maintainers":[{"name":"alshoja","email":"alshoja@gmail.com"}],"_npmUser":{"name":"alshoja","email":"alshoja@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/break-point-observer_1.0.0_1590075349174_0.12870904608294742"},"_hasShrinkwrap":false},"1.0.1":{"name":"@alshoja/break-point-observer","version":"1.0.1","description":"Let you observe your current screen size dynamicaly as observable in any of the components","repository":{"type":"git","url":"git+https://github.com/alshoja/angular-breakpoint-observer-library.git"},"author":{"name":"Alshoja m Ikbal","email":"alshoja@gmail.com"},"keywords":["angular","angular 9","media query observer","screen size observer","breakpoint observer"],"license":"MIT","bugs":{"url":"https://github.com/alshoja/angular-breakpoint-observer-library/issues"},"peerDependencies":{"@angular/common":"^9.1.7","@angular/core":"^9.1.7"},"main":"bundles/alshoja-break-point-observer.umd.js","module":"fesm5/alshoja-break-point-observer.js","es2015":"fesm2015/alshoja-break-point-observer.js","esm5":"esm5/alshoja-break-point-observer.js","esm2015":"esm2015/alshoja-break-point-observer.js","fesm5":"fesm5/alshoja-break-point-observer.js","fesm2015":"fesm2015/alshoja-break-point-observer.js","typings":"alshoja-break-point-observer.d.ts","metadata":"alshoja-break-point-observer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"homepage":"https://github.com/alshoja/angular-breakpoint-observer-library#readme","_id":"@alshoja/break-point-observer@1.0.1","_nodeVersion":"12.16.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-NIYiUslWIuZwPIfTTAUXDjNvMUwByLydUKECOPdA57XlirM2xtVj+oV+EYjn66NMerAbqWgV8Tv550iBzcTiZA==","shasum":"2d6764e0b578ed6fee57cc327760ffbff8322775","tarball":"https://registry.npmjs.org/@alshoja/break-point-observer/-/break-point-observer-1.0.1.tgz","fileCount":33,"unpackedSize":143900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexqIeCRA9TVsSAnZWagAAH3UP/2z+VvlFQwjJy66DU+aj\nHMjNhjZ0zuXbSgaq5ah8EJnsNn2xpKAEhm/0tBa6Y4n5ooQ1I7GuIXZq6DRj\nRKq0jcLKTof/qhPsTEdcghtJzAYjC6Tmcd2Q3TOk1l9dw+hvBtH9Ng050RZD\nQRMb20hT/aRi7pekebrUJCyFXA8/pgyH/EXhjjJTEI2KbwoTViHGi7iFk6yg\n+zpjSY15VP3L6rmeBMCJM5SnX0duYPALfdSKCeUypPznPw4rIgMPSMGLQB8m\nJvtZuFvbLQifAjpjUYoyW6oqpjvOGCUC/G6Qc3mkQY7dxvKHQ7zBBSYrBA1R\ne2cCD3JWqPnrw2OW0GBFlbjpKi6tKJ1m4SzaVSsu+/PQwb/m/Iax4aXmoth5\nMyQ39ymEIj3p1QGDAljQKoyqP8BYPHdKsyHVrwR21pSvLygZczfG/ibiViCv\nT32tIObqREkrGv1vhAqSz+FujD4u72uZGROdv8lOs8oSqm11igX/QukAGTmi\nEaIwrs4vpmjVpH428NDanXI00t6z7Z85i6OZCUl7HAFWbDHZ5DkvDkf2SPSU\nvFiQrKc+74XNCzoY95gIV39ls3LduEj4n3XA89mEaMyYq2iVazWQ3n9DMIRU\nCdMzT9XScFZHKalvZO7SsAsfAA0VXVnDYrbjFNWvJBKGcYPGKGnteOkIevQ0\n8EC3\r\n=1E63\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFF7sZc/UhEGHRoXYpYLI8KwCyNl78GnCV3NnRqW3CKZAiEA8e81WpmFrecK5fDKohYAwtOkBJHgorcAOh5If20RhEM="}]},"maintainers":[{"name":"alshoja","email":"alshoja@gmail.com"}],"_npmUser":{"name":"alshoja","email":"alshoja@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/break-point-observer_1.0.1_1590075934447_0.36691038837252155"},"_hasShrinkwrap":false},"1.0.2":{"name":"@alshoja/break-point-observer","version":"1.0.2","description":"Let you observe your current screen size dynamicaly as observable in any of the components","repository":{"type":"git","url":"git+https://github.com/alshoja/angular-breakpoint-observer-library.git"},"author":{"name":"Alshoja m Ikbal","email":"alshoja@gmail.com"},"keywords":["angular","angular 9","media query observer","screen size observer","breakpoint observer"],"license":"MIT","bugs":{"url":"https://github.com/alshoja/angular-breakpoint-observer-library/issues"},"peerDependencies":{"@angular/common":"^9.1.7","@angular/core":"^9.1.7"},"main":"bundles/alshoja-break-point-observer.umd.js","module":"fesm5/alshoja-break-point-observer.js","es2015":"fesm2015/alshoja-break-point-observer.js","esm5":"esm5/alshoja-break-point-observer.js","esm2015":"esm2015/alshoja-break-point-observer.js","fesm5":"fesm5/alshoja-break-point-observer.js","fesm2015":"fesm2015/alshoja-break-point-observer.js","typings":"alshoja-break-point-observer.d.ts","metadata":"alshoja-break-point-observer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"homepage":"https://github.com/alshoja/angular-breakpoint-observer-library#readme","_id":"@alshoja/break-point-observer@1.0.2","_nodeVersion":"12.16.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-X7iZKN0DfJQVerhobiUAcbnAzWcS3ngy0jm0aASW+8timoh0T+DyIusd7r6XmKomxstuq1wMKiuw4BI4tjXKHw==","shasum":"1f34250039390f81d0c1f3f5da88999dcda7495b","tarball":"https://registry.npmjs.org/@alshoja/break-point-observer/-/break-point-observer-1.0.2.tgz","fileCount":33,"unpackedSize":144037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexqdXCRA9TVsSAnZWagAA7PkP/1T9ji6/ZyWf4kh+J0cZ\ndyNlSj6p3kgqUzvO69xKpHLnEC5YrpiNW217uLUQZHlso9awKRLtHB0QsmWd\nDrlUfTWlSrMp6D349xdgge3lizUnNEcsnUJ/qR+4UgvdFh4MvmnHJr3Gj7cz\nD8BnCxwT7sS9AWSjvtUSqjqSwtTpnngW5oIQa5sf3lVcaPbg+PKcYLUFK74t\nJ81jTLw4EzeVqq4JH6fjK4E5gl+v9Ugbsq5zb7Z6beLJcNo4W2g52XaVgQqU\nCW5mXl8oimixNDgT9B3SLEdbFbis0eqBtiQBhlb3faNT+KX5NAVCPgA1kHYm\nGirhIQ7e8eltwu5kRzcbi6W9jmsX1KdZLdHQRo3emmr9dmuVVjj6ek1A8hum\nNCWekz6GMGG5S+GKj3J9fN0iRFhCftV/gAxbl/211kC6ZA7BTRmRlzokFQNC\n5dxNOs4+td/utWK9S9S//SsS2TEW5wN2V7cMoNToiYp/p8WWjFKjJecLXh/W\nknud5MUnMHxd4eHfW1KRtR34lnY6vk972H6roBFxZm0qpGTqPz1eKpj4aR05\nm4gBsTJG58CgI3LDgePUnFPZennPZvX8UL3T6UlqvEHDVZP5IC9gGc1xUF0V\n7to+HkV1TbufrKWLquX/cajF1Tyl7NhNq8yN2L4r8dlam0yn87Gsc9ty8+j1\nIo5n\r\n=eMhu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQClke/K8EFZEiE5lZmwXvqcYaNqCDsHJR6iY48tVcaoRwIgdmL0rlo+9OLJhZvp2TKTgCDiN/4c5tfxDiE4XZs1r/c="}]},"maintainers":[{"name":"alshoja","email":"alshoja@gmail.com"}],"_npmUser":{"name":"alshoja","email":"alshoja@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/break-point-observer_1.0.2_1590077270519_0.7859195123589773"},"_hasShrinkwrap":false},"1.0.3":{"name":"@alshoja/break-point-observer","version":"1.0.3","description":"Let you observe your current screen size dynamicaly as observable in any of the components","repository":{"type":"git","url":"git+https://github.com/alshoja/angular-breakpoint-observer-library.git"},"author":{"name":"Alshoja m Ikbal","email":"alshoja@gmail.com"},"keywords":["angular","angular 9","media query observer","screen size observer","breakpoint observer"],"license":"MIT","bugs":{"url":"https://github.com/alshoja/angular-breakpoint-observer-library/issues"},"peerDependencies":{"@angular/common":"^9.1.7","@angular/core":"^9.1.7"},"main":"bundles/alshoja-break-point-observer.umd.js","module":"fesm5/alshoja-break-point-observer.js","es2015":"fesm2015/alshoja-break-point-observer.js","esm5":"esm5/alshoja-break-point-observer.js","esm2015":"esm2015/alshoja-break-point-observer.js","fesm5":"fesm5/alshoja-break-point-observer.js","fesm2015":"fesm2015/alshoja-break-point-observer.js","typings":"alshoja-break-point-observer.d.ts","metadata":"alshoja-break-point-observer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"homepage":"https://github.com/alshoja/angular-breakpoint-observer-library#readme","_id":"@alshoja/break-point-observer@1.0.3","_nodeVersion":"13.14.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-oVGB4tOBCoUwKnGJN0nKg8loh+H97Q86k6OxMCyOIduO+/3rhdtKn9hjoLj2o1w/T/lukfCkmw1YVCjSYmGlqw==","shasum":"4bef3de6fdb33d03f815f083767c2b835c13a34d","tarball":"https://registry.npmjs.org/@alshoja/break-point-observer/-/break-point-observer-1.0.3.tgz","fileCount":33,"unpackedSize":143474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1KZ7CRA9TVsSAnZWagAARMIQAI1DV3af0PizCxd1TVfL\nMxoFzUSTXuZ2AgWoEDnU0YGJyyYU6LM5I92IPhASs+s2cOmIDDpCEb2v1gTt\n5cCIn4tk6G6uj6kMnllSjyHDymseauldHKzx+eQzKwox5m+VC63s1PKVqFAY\nfCW0ZRCSlI+s35JNC1CKIzzaBiY1sqwN8OMfAG68ZVrLUpzmdgpdR7N8yDb/\nXol6frAnyKQ5M6IMx5XL+PuJ4wLZRQdC+GuK9Awuj0xYZNE33QNeCHRw2P2G\nVB9DsTsCQj0nBUvnkEuAk9W9MHmtzA7QxZyWv07nsqS+6YaD87gJUUqxzvKn\nBh4kuJj9vExa1fGhAlWZuLg3VDFaSXZBPLIKB9GO2tH59P5Nt0y2QbwqREAi\nsJeWXVJinnQDUmzebS/XxKph797VtDU5vx0fft3lpq8n9sUxGh0LziPwj4Wu\nvbGdCDevSK+t7MiAYNkHxcqlr6q2KCk0ffPm5HYvod9P8r0+KwX3XXf5grQl\nIot9JKPl4APSGCbgEK3qSfZ6I1p0r5oOCoKiXOaEtOtA+4+oqQmEm50jJrzq\n5j2dg/4VmM8/jfaI4IYr1zAizKOBCGxb0QTReGjSp3xMIdWwp2rqKSu4xf+X\nU97QuUokq7bUgmb2DyGD7Akc9oIFA1zJJBuFpmVMXwbEB/5Kt2b9fY4FMBFE\noqnM\r\n=Ywpd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGNjQbaB2KTt5HTFg9JEU27SZLchTTM/ETmLKN/VCmXpAiEAntQkAUXEvYnS2Va/o1J9Cd7AsIj6nskNgSscCN2HUOM="}]},"maintainers":[{"name":"alshoja","email":"alshoja@gmail.com"}],"_npmUser":{"name":"alshoja","email":"alshoja@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/break-point-observer_1.0.3_1590994555430_0.6883123090957244"},"_hasShrinkwrap":false},"1.0.4":{"name":"@alshoja/break-point-observer","version":"1.0.4","description":"Let you observe your current screen size dynamicaly as observable in any of the components","repository":{"type":"git","url":"git+https://github.com/alshoja/angular-breakpoint-observer-library.git"},"author":{"name":"Alshoja m Ikbal","email":"alshoja@gmail.com"},"keywords":["angular","angular 9","media query observer","screen size observer","breakpoint observer"],"license":"MIT","bugs":{"url":"https://github.com/alshoja/angular-breakpoint-observer-library/issues"},"peerDependencies":{"@angular/common":"^9.1.7","@angular/core":"^9.1.7"},"main":"bundles/alshoja-break-point-observer.umd.js","module":"fesm5/alshoja-break-point-observer.js","es2015":"fesm2015/alshoja-break-point-observer.js","esm5":"esm5/alshoja-break-point-observer.js","esm2015":"esm2015/alshoja-break-point-observer.js","fesm5":"fesm5/alshoja-break-point-observer.js","fesm2015":"fesm2015/alshoja-break-point-observer.js","typings":"alshoja-break-point-observer.d.ts","metadata":"alshoja-break-point-observer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"homepage":"https://github.com/alshoja/angular-breakpoint-observer-library#readme","_id":"@alshoja/break-point-observer@1.0.4","_nodeVersion":"13.14.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-2a0xDzQUuU7ZxXe4DHy39ClEJX9AjyBShDBjWzqmeXYIaQUi0dS6a19CBTJs7JTt8XjOGVKTdQAmJ8ujQJj4Dg==","shasum":"2de993480373e80b30f3c17dcab90fa7efb61123","tarball":"https://registry.npmjs.org/@alshoja/break-point-observer/-/break-point-observer-1.0.4.tgz","fileCount":33,"unpackedSize":144173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1KcfCRA9TVsSAnZWagAAGnAP/3f16i5k/on6WvmGD2Oq\nNcwy7whNfT0IzFrCjI9CFuHzGhnWayI7zyFWfw/ADvbx0I/C7iD2UYbllrmN\ntIuH/DwuOW4L8pa/cc6xO0KjnSAwctI+7hD06xxRaPs7V+XGw0UgVy8rexWB\nHOy5sOU01Ors6ZQcHxtGKmXBWVBQfM/XXDSYiqNP31jjNLCNNohrqhgNJLZZ\nd1oTk31L240CxC8kyvTSn8gWtFj1Inuhx72Zyu0QOug73WytBwRZsDpp6q9u\nCgEwKa9pneyjXjjOPleA3BOKTn8fnlC+cW4gPS4VpirQzMtOvbvqP3XLW3b7\nXemG4sUdgrVENbYGc4RzZ9oGAJifYy3U0hMgUSKV8Bskr5z6C2hKWBikUFnG\nrz+2XDxIjN+fLv/Tzavn1Wrpift4lD2wpaM7cbj/B+Www2j8sgxNCrBUeaAF\nNbLGgay0JGoBTqC+NatY2LtSpdy7+2MI+JTMyx1RA2N0E3hModey+6lG4RdP\nfwREXrnjpw875QxF+g7iJzHDc5LsOk1R/hnhJFyAC36L7wo6zd1xjWV9eYPS\n+ocgFMSP7HlHmZrIxmXSMJ+XXozZoHqaPd+0ANQYcSfE6acM0L9bCOXEIJkm\nFrSbK3jaPlembprm8cnUamTLkkyXa6U9s5Y2sdR3cOuXXINekt0S3zPnHjRV\nt5TE\r\n=CC2e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTI5+aceikRtlpL7Lx1dmrs62VD5b5s6GnH1XCNQmS2QIgV66nJoUDP/Xrv1YLn73AjcY5NlgCKlP/6fL0UdkjeQE="}]},"maintainers":[{"name":"alshoja","email":"alshoja@gmail.com"}],"_npmUser":{"name":"alshoja","email":"alshoja@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/break-point-observer_1.0.4_1590994719219_0.3407888982223233"},"_hasShrinkwrap":false}},"time":{"created":"2020-05-21T15:35:49.116Z","1.0.0":"2020-05-21T15:35:49.490Z","modified":"2022-04-04T13:38:58.919Z","1.0.1":"2020-05-21T15:45:34.605Z","1.0.2":"2020-05-21T16:07:50.677Z","1.0.3":"2020-06-01T06:55:55.543Z","1.0.4":"2020-06-01T06:58:39.456Z"},"maintainers":[{"name":"alshoja","email":"alshoja@gmail.com"}],"description":"Let you observe your current screen size dynamicaly as observable in any of the components","homepage":"https://github.com/alshoja/angular-breakpoint-observer-library#readme","keywords":["angular","angular 9","media query observer","screen size observer","breakpoint observer"],"repository":{"type":"git","url":"git+https://github.com/alshoja/angular-breakpoint-observer-library.git"},"author":{"name":"Alshoja m Ikbal","email":"alshoja@gmail.com"},"bugs":{"url":"https://github.com/alshoja/angular-breakpoint-observer-library/issues"},"license":"MIT","readme":"[![npm version](https://badge.fury.io/js/%40angular%2Fcore.svg)](https://www.npmjs.com/package/@alshoja/break-point-observer)\n# Angular-breakpoint-observer\nLet you observe your current screen size dynamicaly as observable in any of the components using the service\n\n* Can be used instead of media query in Angular- 9+\n\n* Demo in [Stack Blitz](https://stackblitz.com/github/alshoja/break-point-observer)\n\n## Getting started\n\n### Install via npm \n```sh\nnpm install @alshoja/break-point-observer\n```\n\n### Import the module\n```javascript\nimport { BreakPointObserverModule } from '@alshoja/break-point-observer';\n............................................................................\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BrowserModule,\n    BreakPointObserverModule.forRoot(\n      [\n        { gridName: 'xl', width: '(min-width: 1200px)' },\n        { gridName: 'lg', width: '(min-width: 992px)' },\n        { gridName: 'md', width: '(min-width: 768px)' },\n        { gridName: 'sm', width: '(min-width: 576px)' },\n        { gridName: 'xs', width: '(min-width: 0px)' },\n      ]\n    )\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\n```\n\n### Subscribe to the screen size\n\n```javascript\nimport { BreakPointObserverService } from '@alshoja/break-point-observer';\nimport { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.css']\n})\nexport class AppComponent implements OnInit {\n  title = 'breaktest';\n  constructor(private observerService: BreakPointObserverService) {\n\n  }\n  ngOnInit() {\n    this.observerService.size.subscribe(screensize => {\n      console.log('screensize', screensize);\n    });\n  }\n}\n\n```\n\n## Running the demo app\n\n```sh\nng serve\n```\n","readmeFilename":"README.md"}