+
@@ -112,6 +74,3 @@
-
-
-
diff --git a/docs/examples/demo-disable-search.html b/docs/examples/demo-disable-search.html
new file mode 100644
index 000000000..a6555fdb7
--- /dev/null
+++ b/docs/examples/demo-disable-search.html
@@ -0,0 +1,48 @@
+
+
+
+ ctrl.disabled {{ctrl.disabled | json}}
+
+
+
+
+ ctrl.searchEnabled {{ ctrl.searchEnabled | json }}
+
+
+
+
+ Bootstrap theme
+ Selected: {{ctrl.person.selected}}
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+ Select2 theme
+ Selected: {{ctrl.person.selected}}
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+ Selectize theme
+ Selected: {{ctrl.country.selected}}
+
+ {{$select.selected.name}}
+
+
+
+
+
diff --git a/docs/examples/demo-dropdown-position.html b/docs/examples/demo-dropdown-position.html
new file mode 100644
index 000000000..a52b9860d
--- /dev/null
+++ b/docs/examples/demo-dropdown-position.html
@@ -0,0 +1,106 @@
+ Dropdown Position
+
+
+
+
+
+ default value can be changed at uiSelectConfig
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Always UP
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Always DOWN
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ AUTO depending on available space (default)
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/examples/demo-event-on-selection.html b/docs/examples/demo-event-on-selection.html
new file mode 100644
index 000000000..21b9a5da4
--- /dev/null
+++ b/docs/examples/demo-event-on-selection.html
@@ -0,0 +1,26 @@
+
+
+
+
+ Event on Select
+ Selected: {{ctrl.person.selected}}
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+
+ Event Result
+ Called {{ctrl.counter+0}} times
+ Parameters
+
+$model = {{ ctrl.eventResult.model | json }}
+$item = {{ ctrl.eventResult.item | json }}
+
+
diff --git a/docs/examples/demo-focus.html b/docs/examples/demo-focus.html
new file mode 100644
index 000000000..9cc67690d
--- /dev/null
+++ b/docs/examples/demo-focus.html
@@ -0,0 +1,47 @@
+
+
+
+
+ Focus
+ Regular uiSelect
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+ Autofocus
+ Use the autofocus attribute to automatically focus ui-select when the page is loaded
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+ Focus on Demand
+ Use the focus-on attribute, defining a scope event name (UiSelectDemo1) to listen for, to manually trigger focussing of ui-select.
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+
+
+ ($scope.$broadcast('UiSelectDemo1');)
+
diff --git a/docs/examples/demo-group-by.html b/docs/examples/demo-group-by.html
new file mode 100644
index 000000000..986bec15c
--- /dev/null
+++ b/docs/examples/demo-group-by.html
@@ -0,0 +1,42 @@
+
+
+
+
+ Group By
+ Selected: {{ctrl.person.selected}}
+
+ Grouped using a string group-by="'country'"
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+ Grouped using a function group-by="ctrl.someGroupFn"
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+
+ Regular
+
+ {{$select.selected.name}}
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
diff --git a/docs/examples/demo-group-filter.html b/docs/examples/demo-group-filter.html
new file mode 100644
index 000000000..c3e727fd1
--- /dev/null
+++ b/docs/examples/demo-group-filter.html
@@ -0,0 +1,26 @@
+
+
+
+
+ Group Filtering
+ You can filter which groups are displayed by ui-select, by using the group-filter attribute. The provided value should either be an array or function.
+ Selected: {{country.selected}}
+
+
+ Filter groups by array group-filter="['Z','B','C']"
+
+ {{$select.selected.name}}
+
+
+
+
+
+
+ Filter groups using a function group-filter="reverseOrderFilterFn"
+
+ {{$select.selected.name}}
+
+
+
+
+
diff --git a/docs/examples/demo-multiple-selection.html b/docs/examples/demo-multiple-selection.html
new file mode 100644
index 000000000..54d23e5be
--- /dev/null
+++ b/docs/examples/demo-multiple-selection.html
@@ -0,0 +1,75 @@
+
+
+
+
+ Multiple Selection
+
+ Array of strings
+
+ {{$item}}
+
+ {{color}}
+
+
+ Selected: {{multipleDemo.colors}}
+
+ Array of objects (sorting enabled)
+
+ {{$item.name}} <{{$item.email}}>
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+ Selected: {{multipleDemo.selectedPeople}}
+
+
+ Deselect callback with single property binding
+
+ {{$item.name}} <{{$item.email}}>
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+ Last Removed:
+
+$item = {{ctrl.lastRemoved.item}}
+$model = {{ctrl.lastRemoved.model}}
+
+
+
+ Array of objects with single property binding
+
+ {{$item.name}} <{{$item.email}}>
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+ Selected: {{multipleDemo.selectedPeopleSimple}}
+
+
+ Array of objects (with groupBy)
+
+ {{$item.name}} <{{$item.email}}>
+
+
+
+ email: {{person.email}}
+ age:
+
+
+
+ Selected: {{multipleDemo.selectedPeopleWithGroupBy}}
+
+
diff --git a/docs/examples/demo-object-as-source.html b/docs/examples/demo-object-as-source.html
new file mode 100644
index 000000000..f54fbb0ef
--- /dev/null
+++ b/docs/examples/demo-object-as-source.html
@@ -0,0 +1,47 @@
+
+
+
+
+
+ Object as Item Source
+ uiSelect supports providing choices using the (key, value) format, similar to that used by ng-repeat
+
+ Using value for binding
+
+ Selected: {{ctrl.person.selectedValue}}
+
+ {{$select.selected.value.name}}
+
+
+
+ email: {{person.value.email}}
+ age:
+
+
+
+
+ Using single property for binding
+ Selected: {{ctrl.person.selectedSingle}}
+
+ {{$select.selected.value.name}}
+
+
+
+ email: {{person.value.email}}
+ age:
+
+
+
+
+ Using key for binding
+ Selected: {{ctrl.person.selectedSingleKey}}
+
+ {{$select.selected.value.name}}
+
+
+
+ email: {{person.value.email}}
+ age:
+
+
+
diff --git a/examples/select2-bootstrap3.html b/docs/examples/demo-select2-with-bootstrap.html
similarity index 52%
rename from examples/select2-bootstrap3.html
rename to docs/examples/demo-select2-with-bootstrap.html
index 06110795e..98602e846 100644
--- a/examples/select2-bootstrap3.html
+++ b/docs/examples/demo-select2-with-bootstrap.html
@@ -1,49 +1,4 @@
-
-
-
-
- AngularJS ui-select
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Selected: {{person.selected.name}}
+ Selected: {{ctrl.person.selected.name}}