How would you move and drop this

Say you have two rows of letters. Each letter and the one below it is a “set”.

I can imagine dragging and dropping some graphic object (star, box, circle) around, and in this case, the object is a box with two letters, one above the other. I want it to move horizontally, left or right, within the range of the full alphabet, and have other letters in the row slide over, making room for the new location.

So you might have 27 locations. 26 for the alphabet and one empty space for the shift. Or just 26 locations and the rest of the sets move left or right, filling the vacant space created by the set that was moved.

How would you do that? Text Display object, Matrix object, or just two text strings, mirroring the click and drag of one string (upper or lower) with the same movement on the other.

Thinking about this a bit more …. thinking …. thinking

You could even leave the boxes where they are, and just change their content. In that case, no dragging/sliding would be needed; just reset the content of the sets. That sounds a lot easier.

I’d need to identify the content of the object clicked (Mouse-Down). Then identify the object that was under a Mouse-Up (cancelling any action if the mouse up was out-of-bounds, not over another set), then ascertain if the vacated slot was to the left or right of the new location and reset/refill those objects as they would be with a “slide over”.

What tool/object/technique do you think would be best for that chore? I kinda like my refilling to objects rather than moving the objects.

Thank you,

Paul