{"version":"1.0","type":"rich","title":"Angular Responsive Service","description":"This example demonstrates an Angular service that detects the current screen size and notifies subscribed components when the browser window is resized. It uses the `window.matchMedia` API with Bootstrap-style breakpoints (xs, s, m, l, xl) to expose boolean checks like `isXS()` and `isSmallScreen()`, and it stores callback functions in an array that are invoked on every resize event. The service also registers change callbacks via `registerChangeCallback` to enable reactive updates in the application.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-5e7f22941e30b9aaf35d430157608fde?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}