Merge pull request angular-ui#1 from madflow/bootstrap4

bare minumum to work with Bootstrap 4

Author: madflow

src/bootstrap4/choices.tpl.html

@@ -0,0 +1,10 @@
+<ul class="ui-select-choices ui-select-choices-content">
+  <li class="ui-select-choices-group" id="ui-select-choices-{{ $select.generatedId }}" >
+    <div class="divider" ng-show="$select.isGrouped && $index > 0"></div>
+    <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header" ng-bind="$group.name"></div>
+    <div ng-attr-id="ui-select-choices-row-{{ $select.generatedId }}-{{$index}}" class="ui-select-choices-row"
+    ng-class="{active: $select.isActive(this), disabled: $select.isDisabled(this)}" role="option">
+      <span class="ui-select-choices-row-inner"></span>
+    </div>
+  </li>
+</ul>

src/bootstrap4/footer.tpl.html

@@ -0,0 +1 @@
+<div class="ui-select-footer" ng-transclude></div>

src/bootstrap4/header.tpl.html

@@ -0,0 +1 @@
+<div class="ui-select-header" ng-transclude></div>

src/bootstrap4/match-multiple.tpl.html

@@ -0,0 +1,15 @@
+<span class="ui-select-match">
+  <span ng-repeat="$item in $select.selected track by $index">
+    <span
+      class="ui-select-match-item btn btn-default btn-xs"
+      tabindex="-1"
+      type="button"
+      ng-disabled="$select.disabled"
+      ng-click="$selectMultiple.activeMatchIndex = $index;"
+      ng-class="{'btn-primary':$selectMultiple.activeMatchIndex === $index, 'select-locked':$select.isLocked(this, $index)}"
+      ui-select-sort="$select.selected">
+        <span class="close ui-select-match-close" ng-hide="$select.disabled" ng-click="$selectMultiple.removeChoice($index)">&nbsp;&times;</span>
+        <span uis-transclude-append></span>
+    </span>
+  </span>
+</span>

src/bootstrap4/match.tpl.html

@@ -0,0 +1,16 @@
+<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}">
+  <span tabindex="-1"
+      class="btn btn-default form-control ui-select-toggle"
+      aria-label="{{ $select.baseTitle }} activate"
+      ng-disabled="$select.disabled" 
+      ng-click="$select.activate()"
+      style="outline: 0;">
+    <span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted">{{$select.placeholder}}</span>
+    <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left" ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude=""></span>
+    <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
+    <a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="{{ $select.baseTitle }} clear" style="margin-right: 10px" 
+      ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right">
+      <i class="glyphicon glyphicon-remove" aria-hidden="true"></i>
+    </a>
+  </span>
+</div>

src/bootstrap4/no-choice.tpl.html

@@ -0,0 +1,6 @@
+<ul class="ui-select-no-choice dropdown-menu"
+    ng-show="$select.items.length == 0">
+    <li ng-transclude>
+
+    </li>
+</ul>

src/bootstrap4/select-multiple.tpl.html

@@ -0,0 +1,27 @@
+<div class="ui-select-container ui-select-multiple ui-select-bootstrap dropdown form-control" ng-class="{open: $select.open}">
+  <div>
+    <div class="ui-select-match"></div>
+    <span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing {{$select.spinnerClass}}"></span>
+    <input type="search"
+           autocomplete="off"
+           autocorrect="off"
+           autocapitalize="off"
+           spellcheck="false"
+           class="ui-select-search input-xs"
+           placeholder="{{$select.getPlaceholder()}}"
+           ng-disabled="$select.disabled"
+           ng-click="$select.activate()"
+           ng-model="$select.search"
+           role="combobox"
+           aria-expanded="{{$select.open}}"
+           aria-label="{{$select.baseTitle}}"
+           ng-class="{'spinner': $select.refreshing}"
+           data-disallow-drop=data-disallow-drop>
+  </div>
+  <div ng-class="{show : $select.open && $select.items.length > 0}" class="ui-select-dropdown dropdown-menu">
+    <div class="ui-select-header"></div>
+    <div class="ui-select-choices"></div>
+    <div class="ui-select-footer"></div>
+  </div>
+  <div class="ui-select-no-choice"></div>
+</div>

src/bootstrap4/select.tpl.html

@@ -0,0 +1,19 @@
+<div class="ui-select-container ui-select-bootstrap dropdown" ng-class="{open: $select.open}">
+  <div class="ui-select-match"></div>
+  <span ng-show="$select.open && $select.refreshing  && $select.spinnerEnabled" class="ui-select-refreshing {{$select.spinnerClass}}"></span>
+  <input type="search" autocomplete="off" tabindex="-1"
+         aria-expanded="true"
+         aria-label="{{ $select.baseTitle }}"
+         aria-owns="ui-select-choices-{{ $select.generatedId }}"
+         class="form-control ui-select-search"
+         ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled }"
+         placeholder="{{$select.placeholder}}"
+         ng-model="$select.search"
+         ng-show="$select.open">
+  <div ng-class="{show : $select.open && $select.items.length > 0}" class="ui-select-dropdown dropdown-menu">
+    <div class="ui-select-header"></div>
+    <div class="ui-select-choices"></div>
+    <div class="ui-select-footer"></div>
+  </div>
+  <div class="ui-select-no-choice"></div>
+</div>