Bug Report

<div fxLayout="row" class="sec1" fxLayoutGap.gt-sm="50px">
If you reload the page at SM breakpoint, the gap is set to 0px. Now increase the window to MD, the gap is set to 50px, which is fine. But now, if you decrease the window to MD breakpoint, the gap is still 50px, and in the console you will get this error:
Uncaught TypeError: Cannot read property 'endsWith' of undefined at LayoutGapStyleBuilder.push../node_modules/@angular/flex-layout/esm5/flex.es5.js.LayoutGapStyleBuilder.buildStyles (flex.es5.js:228) at DefaultLayoutGapDirective.push../node_modules/@angular/flex-layout/esm5/core.es5.js.BaseDirective2.addStyles (core.es5.js:494)
Maybe the fallback for fxLayoutGap is missing?
What is the expected behavior?
this works fine in version 7.0.0-beta19
What is the current behavior?
this is broken in version 7.0.0-beta23
What are the steps to reproduce?
https://stackblitz.com/edit/angular-flex-layout-seed-c3txci