When ListView component is dragged into screen we show Model Editor

When the user drags ListView component from the Components Library to the 2D view:

1. We show the component in the 2D view
2. We open up the Model Editor, and show the model in it
   

If the user changes the data in the Model Editor, it should be seen in the component on 2D view. 

Library component model could look like this:

// Library component model
    "ListModel_0": [
        {
            "colorCode": "#ff0000",
            "name": "Red"
        },
        {
            "colorCode": "#00ff00",
            "name": "Green"
        },
        {
            "colorCode": "#0000ff",
            "name": "Blue"
        },
        {
            "colorCode": "#ffffff",
            "name": "White"
        }
    ], 

If the user drags more ListView components into the screen, we add new models, and give them the name: "ListModel_0", "ListModel_1", "ListModel_2", and so on... Numbered increments.

We always show the model which is related to the latest component that has been dragged in.