Use direction independent CSS properties for fxLayoutGap

[dickerpulli]

Bug Report

What is the expected behaviour?

I would expect that i.e. fxLayoutGap will not set 'margin-right' but 'margin-inline-end'.
Always use direction independent when feasible.

What is the current behaviour?

fxLayoutGap adds style 'margin-right'.

What are the steps to reproduce?

Just use fxLayoutGap directive.

What is the use case or motivation for changing an existing behaviour?

When changing the document direction to right-to-left (CSS "direction: rtl" ) the layout is broken when using fxLayoutGap to define space between elements in a flex container.

Which versions of Angular, Material, OS, TypeScript, and browsers are affected?

Angular 19.2.9, Material 19.2.9, all browsers.

Is there anything else we should know?

[DuncanFaulkner]

thanks for the bug report, we will take a look at this, this may be fixed after we have released version 20.