Merge pull request #93 from predixdesignsystem/added-read-only-proper…

…ty-for-item-list-#79

Added read-only and disabled-viewable properties as described in issue #79

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "px-dropdown",
-  "version": "4.7.9",
+  "version": "4.7.10",
   "main": [
     "px-dropdown.html"
   ],

demo/simple_demo.html

@@ -51,16 +51,63 @@
       items='[{"key":"1","val":"test test test test test test test test test test test test test test test test iPhone"},{"key":"2","val":"Android"},{"key":"3","val":"Blackberry"},{"key":"4","val":"I am a menu item so I cannot be selected","disableSelect":true},{"key":"5","val":"Flip Phone","disabled":true}]'>
     </px-dropdown>
     </br>
+    <p>Disabled Dropdown</p>
+    <px-dropdown
+      id="disabledDropdown"
+      display-value="Disabled"
+      hoist
+      disabled
+      container-type="disDropdown"
+      items='[{"key":"1","val":"iPhone"},{"key":"2","val":"Android"},{"key":"3","val":"Blackberry"},{"key":"4","val":"Windows Windows Windows Windows Windows Windows Windows Phone"},{"key":"5","val":"Flip Phone","disabled":true}]'
+      multi>
+    </px-dropdown>
+    </br>
+    <p>Disabled Viewable Dropdown</p>
+    <px-dropdown
+      id="disabledViewable"
+      display-value="Disabled Viewable"
+      hoist
+      disabled-viewable
+      container-type="disDropdown"
+      select-by="key"
+      selected-values='["1","3"]'
+      items='[{"key":"1","val":"iPhone"},{"key":"2","val":"Android"},{"key":"3","val":"Blackberry"},{"key":"4","val":"Windows Windows Windows Windows Windows Windows Windows Phone"},{"key":"5","val":"Flip Phone","disabled":true}]'
+      multi>
+    </px-dropdown>
+    </br>
     <p>Multi Select</p>
     <px-dropdown
+      id="multiSelect"
+      hoist
+      container-type="bar"
+      selected-values='["2","3","5"]'
+      items='[{"key":"1","val":"iPhone"},{"key":"2","val":"Android"},{"key":"3","val":"Blackberry"},{"key":"4","val":"Windows Windows Windows Windows Windows Windows Windows Phone"},{"key":"5","val":"Flip Phone","disabled":true}]'
+      multi>
+    </px-dropdown>
+    </br>
+    <p>Multi Select and Read Only</p>
+    <px-dropdown
+      id="multiSelect"
       hoist
+      read-only
       container-type="bar"
+      selected-values='["2","5"]'
       items='[{"key":"1","val":"iPhone"},{"key":"2","val":"Android"},{"key":"3","val":"Blackberry"},{"key":"4","val":"Windows Windows Windows Windows Windows Windows Windows Phone"},{"key":"5","val":"Flip Phone","disabled":true}]'
       multi>
     </px-dropdown>
     </br>
+    <p>Single Select Read Only</p>
+    <px-dropdown 
+      id="readOnly"
+      display-value="Read Only Items"
+      container-type="readOnly"
+      read-only items='[{"key":"1","val":"One Read Only"},{"key":"2","val":"Two Read Only"},{"key":"3","val":"Three Read Only","selected":"true"},{"key":"4","val":"Four Read Only","disabled":"true"}]'>
+    </px-dropdown>
+    </br>
     <p>Disable Select (Like a Menu)</p>
     <px-dropdown
+      id="disableSelect"
+      display-value="My Menu"
       container-type="baz"
       items='[{"key":"1","val":"Do something"},{"key":"2","val":"Do something else"},{"key":"3","val":"Do one"}]'
       disable-select>

package.json

@@ -2,7 +2,7 @@
   "name": "px-dropdown",
   "author": "General Electric",
   "description": "A Predix UI Dropdown component",
-  "version": "4.7.9",
+  "version": "4.7.10",
   "extName": null,
   "repository": {
     "type": "git",