How to synchronize changes from media query and from Angular CDK ViewportRuler.change?

I have created this component that will be invoked with @angular/cdk/dialog: