Outer tag: <card card-id="number" position="number" home="viewname">

Inner tag: <div class="viewname-view SET-classes">

 

We'll create an outer slot (the nest?) which does nothing but identify the card (by id, since name can change) and its position.  This will not be changed, replaced, or updated unless the context nesting the slot is updated.

 

Then there will be an inner slot that holds changeable information about the card, including view, type, name, etc.  Whenever the card is updated the inner slot will be replaced.

 

update wrapper CSS for current terminology and maybe more would be good to do at the same time