feat(cdk/drag-drop): add mixed orientation support using transform

[nghiadg]

Feature Description

These changes implement a new DropListSortStrategy that allows sorting of lists that can wrap by moving them using a transform which keeps the DOM stable and allows for the sorting to be animated

The new strategy can be enabled by setting cdkDropListOrientation="mixed".

Fixed: #29393

[crisbeto]

Thank you for the contribution, but we can't accept it because it would increase our maintenance burden without much of a benefit. We intentionally didn't use transform for the mixed strategy because it's much harder to account for all the use cases and we've noticed that users don't seem to care that much about animating the sorting. E.g. in your change you have to special-case things like gap and margin, but there are likely many more cases that we'd have to account for. Furthermore, this will likely have some performance implications because of the need to call getComputedStyle several times when swapping.

[nghiadg]

Thank you so much.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}