change split selected in to props, to seperate callback and values

README.md

@@ -34,7 +34,15 @@ Show Input-Field for Filtering Options, only works if Observable as Store is add
 
 ### Props: options
 
-Default Options for Start
+Default Options
+
+### Props: selected
+
+Default Selected
+
+### Props: query-selected
+
+if query-selected is used, querySelected in store will used to query selected items 
 
 ### Props: store
 

example/assets-manifest.json

@@ -1,5 +1,5 @@
 {
     "/example/js/spritemap.js": "/example/js/spritemap.js?version=7ce719c9e00cdc31c694d971b9a5e812",
-    "/example/js/example.js": "/example/js/example.js?version=d36f184da8866862da78caa577eeac1b",
+    "/example/js/example.js": "/example/js/example.js?version=75055835e55f64e5398584bc38812765",
     "/example/css/styles.css": "/example/css/styles.css?version=ba6581d3fd3989f7bda152d185e7a2ef"
 }

example/index.html

@@ -103,7 +103,7 @@
 
             riot.mount('tiny-field-select-default', {
                 store: LocationDefaultStore,
-                selected: [ 'f', 'd' ]
+                querySelected: [ 'f', 'd' ]
             })
         })
     </script>

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tiny-components/select",
-    "version": "0.2.0",
+    "version": "0.3.0",
     "description": "Select with filter for Desktop and Mobile",
     "repository": {
         "type": "git",

src/select.riot

@@ -111,13 +111,13 @@
 
                     this.props.store.queryOptions()
 
-                    if (this.props.selected) {
+                    if (this.props.querySelected) {
                         this.props.store.on('update.selected', (data) => {
                             this.state.selected = data 
                             this.update()
                         })
 
-                        this.props.store.querySelected(this.props.selected)
+                        this.props.store.querySelected(this.props.querySelected)
                     }
                 }