Improve interaction interpreter classes affordances

[gcotelli]

Right now we have a lot of methods with several tiny variations involving what to do with the class and how to match the component. Look for implementors of:

• addCssClass:*
• changeCssClass:to:*
• removeCssClass:*
• toggleCssClass:*

I think we can have only two methods in the interpreter:

• updateClassList:
• updateClassList:onElementsMatching:

The first one will apply the changes on the DOM element starting the interaction, the second one allows to use some logic to match the element.

So we can have something like:

[:classList | classList addClass bootstrap button ]
[:classList | classList addClass: 'xxx']
[:classList | classList removeClass bootstrap button]
[:classList | classList removeClass: 'xxx']
[:classList | classList toggle bootstrap button]
[:classList | classList toggle: 'xxx']
[:classList | classList replace: 'xxx' with: 'zzz']

for the first argument and

[:document | document getElementsByClassName bootstrap button ]
[:document | document getElementsByClassName: 'pepe' ]
[:document | document getElementsBySelector: [:selector | selector form class: #bootstrap ]]
[:document | document getElementById: #aaa ]
[:document | document jQuery blaballa ]

for the querying capabilities