[Mirroring]color/label field in swatch panel isn't updated when layoutDirection is changed between rtl and ltr.

Steps to reproduce:
1. compile and run test app(the app has layoutDirection/direction=rtl, so colorPicker inherites the setting)
2. mouse clicks the colorPicker arrow icon
->the swatch panel displays as expected(layout=rtl).
3. mouse clicks else where
->swatch panel is closed.
4. click the checkbox, so selected=false
->it sets layoutDirection/direction=ltr
5. mouse clicks the colorPicker arrow icon
->the swatch panel displays NOT expected, the colorField shows text as rtl,iconColor is still on right side which is wrong

6. same thing happens(refresh the test app)when first layout=ltr, open the swatchPanel, then update to rtl, the colorField/iconColor is on left.

Expected Results:
after switch between rtl and ltr, colorField/iconColor should be changed as expected.

Workaround (if any):
without opening swatch panel before changing the layout, then it works as expected.