Update Volume/Temperature Interactive

- Moved run/stop/reset into chrome around model
- added ruler
- added "volume" gauge
Make obstacle teal color

[#40256553]
Updated Temperature/Pressure interactive

- made obstacle teal
- labeled obstacle to indicate it is pressure gauge

[#40256609]
Update Number/Volume interactive

- teal obstacle
- added ruler and volume gauge

Note: scripts are very slow when adding and removing lots of atoms, and user might get into trouble if they only add 20 let it come to equilibrium and then try to cram 120 atoms in a small space. We may need to limit to 80 atoms.
new layout-tests directory

[#40314483]

Created layout-tests directories and resources:

- ./imports/legacy-mw-content/layout-tests
- ./src/examples/interactives/interactives/layout-tests

For the first test I've copied SAM:Intermolecular Attractions Page1 into a new test called svg-images

/examples/interactives/interactives.html#interactives/layout-tests/svg-images.json

Supports easily comparing multiple different image tests:

1. instructionBox.png    original png
2. instructionBox.svg    exported from adobe illustrator
3. instructionBox2.svg   created with inkscape
4. instructionBox3.svg   created by hand
change Interactive "?" link to "About"

[#40406437]
content in Credits, Share, and About panes is selectable

[#40409363]

Limit the mouse-down dragging area in these Panes to the
banner-heading area in these dialog panes and use a CSS "move"
cursor to indicate when the cursor is over the draggable area.

The result of this change makes the content below the banner
selectable so it can be copied into the clipboard.
make content in About dialog pane scrollable when needed

[#40409693]
added enough About content to test scrolling

[#40409693]

The new Interactive for testing replacing png bitmap images
with SVG now has additional About content describing how
it works and what it is testing,

This content is long enough to require scrolling in the About
dialog.

In addition this About content is an example of how HTML can
be used effective in the About content.
scaling in FF works after adding viewbox to SVG document

[#40314483]

I added a viewbox attribute to the top-level <svg> element
in instructionBox3.svg and now scaling works in the embeddable
Interactive in Chrome, Safari, and Firefox on Max OS X 10.6

Open this Interactive and select "instructionBox3.svg" in
the pulldown list.

http://lab.dev.concord.org/examples/interactives/embeddable.html#interactives/layout-tests/svg-images.json
Optimize view update while adding or removing various objects

[#40421995]
Support options while adding and removing atom

[#40421995]

supressCheck - disables check of potential energy.
supressEvent - disables triggering of events.
Support options while adding and removing atom using Scripting API

[#40421995]
Optimize Number-Volume Relationship scripts

[#40421995]
On the bar graph hide axis when tics == 0, support value/label pairs

[#39614625]
Update Bar Graph example page to present value/label pairs feature

[#39614625]
Add missing invalidatingChangePre/PostHook in various methods
Implement running average filter

[#39694887]
Support attaching filters to output properties

[#39694887]
Test filters (running average filter)

[#39694887]