Accordion
-
-
-
-
+
+
+
+
-
-
\ No newline at end of file
diff --git a/demo/carousel.html b/demo/carousel.html
index ab0bb01..bbd07c9 100644
--- a/demo/carousel.html
+++ b/demo/carousel.html
@@ -1,19 +1,17 @@
-
-
-
+
-
- - Collapsible Group Item #1 -
-
-
-
-
- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
-
+
-
+
+
- + Collapsible Group Item #{{i}} +
-
-
-
- - Collapsible Group Item #2 -
-
-
-
- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
-
-
-
-
- - Collapsible Group Item #3 -
-
-
- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
+
+ {{lorem}}
+
-
-
+
-
- 1
-
Swipe me! -
- Swipe me! -
-
- 2
-
Swipe me! -
- Swipe me! -
-
- 3
-
Swipe me! -
- Swipe me! -
+ Carousel with $drag
+
+
+
+
\ No newline at end of file
diff --git a/demo/demo.css b/demo/demo.css
index cb2af04..19c422b 100644
--- a/demo/demo.css
+++ b/demo/demo.css
@@ -18,10 +18,22 @@ h1 {
.feature-icon {
font-size: 44px;
padding: 0;
- line-height: 64px;
- width: 64px;
+ line-height: 68px;
+ width: 72px;
text-align: center;
opacity: .8;
+ border: 3px solid;
+ border-radius: 200px;
+ height: 72px;
+ margin-bottom: 20px;
+}
+
+.feature-icon.fa-gamepad {
+ line-height: 60px;
+}
+
+.feature-icon.fa-tachometer {
+ line-height: 60px;
}
.app-content-loading {
@@ -52,10 +64,21 @@ h1 {
}
-.carousel .item {
+.carousel-item {
+ display: block;
color: #444;
background: #f4f4f4;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
+ -webkit-transition: opacity 0.3s;
+ -moz-transition: opacity 0.3s;
+ transition: opacity 0.3s;
+ opacity: 1;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
@@ -67,26 +90,79 @@ h1 {
.carousel-inner {
position: relative;
overflow: visible;
-
}
-.carousel-inner>.item {
+.carousel>.item, .carousel-item {
top: 0;
left: 0;
position: absolute;
display: block;
width: 100%;
height: 100%;
+ background-size: cover;
}
-.carousel-inner>.item:first-child {
- z-index: 1998;
+.carousel-item {
+ -webkit-transition: -webkit-transform 500ms;
+ -moz-transition: -moz-transform 500ms;
+ transition: transform 500ms;
}
-.carousel-inner>.item.active {
- z-index: 2000;
+[drag-to-dismiss]{
+ transform: translate(0,0); /* NOTE: this is required to prevent mobile webkit issues */
+ -webkit-user-drag: none;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-transition: opacity 300ms, -webkit-transform 300ms;
+ -moz-transition: opacity 300ms, -moz-transform 300ms;
+ transition: opacity 300ms, transform 300ms;
+ opacity: 1;
}
-.carousel-inner>.item.active + .item {
- z-index: 1999;
+.notices-container {
+ overflow-x: hidden;
+}
+
+.dismiss {
+ -webkit-transition: opacity 300ms, -webkit-transform 300ms;
+ -moz-transition: opacity 300ms, -moz-transform 300ms;
+ transition: opacity 300ms, transform 300ms;
+ opacity: 0.5;
+}
+
+.dismitted {
+ -webkit-transition: opacity 300ms, -webkit-transform 300ms;
+ -moz-transition: opacity 300ms, -moz-transform 300ms;
+ transition: opacity 300ms, transform 300ms;
+ opacity: 0;
+}
+
+.list-group-item-home {
+ padding: 20px;
+}
+
+pre {
+ text-align: left !important;
+}
+
+input.scrollable-header {
+ border-bottom: 3px solid #ccc;
+}
+
+.toucharea {width: 100%; height: 100%;}
+
+.touch-mark {
+ position: absolute;
+ background-color: #ccc;
+ width: 30px;
+ height: 30px;
+ border-radius: 999px;
+ margin-top: -15px;
+ margin-left: -15px;
+ opacity: .5;
+ transform: scale(1, 1);
}
diff --git a/demo/demo.js b/demo/demo.js
index 80d5fbf..9f5b07d 100644
--- a/demo/demo.js
+++ b/demo/demo.js
@@ -1,130 +1,352 @@
+/* eslint no-alert: 0 */
+
+'use strict';
+
+//
+// Here is how to define your module
+// has dependent on mobile-angular-ui
+//
var app = angular.module('MobileAngularUiExamples', [
- "ngRoute",
- "ngTouch",
- "mobile-angular-ui"
+ 'ngRoute',
+ 'mobile-angular-ui',
+
+ // touch/drag feature: this is from 'mobile-angular-ui.gestures.js'.
+ // This is intended to provide a flexible, integrated and and
+ // easy to use alternative to other 3rd party libs like hammer.js, with the
+ // final pourpose to integrate gestures into default ui interactions like
+ // opening sidebars, turning switches on/off ..
+ 'mobile-angular-ui.gestures'
]);
-app.config(function($routeProvider, $locationProvider) {
- $routeProvider.when('/', {templateUrl: "home.html"});
- $routeProvider.when('/scroll', {templateUrl: "scroll.html"});
- $routeProvider.when('/toggle', {templateUrl: "toggle.html"});
- $routeProvider.when('/tabs', {templateUrl: "tabs.html"});
- $routeProvider.when('/accordion', {templateUrl: "accordion.html"});
- $routeProvider.when('/overlay', {templateUrl: "overlay.html"});
- $routeProvider.when('/forms', {templateUrl: "forms.html"});
- $routeProvider.when('/carousel', {templateUrl: "carousel.html"});
+app.run(function($transform) {
+ window.$transform = $transform;
});
-app.service('analytics', [
- '$rootScope', '$window', '$location', function($rootScope, $window, $location) {
- var send = function(evt, data) {
- ga('send', evt, data);
- }
- }
-]);
+//
+// You can configure ngRoute as always, but to take advantage of SharedState location
+// feature (i.e. close sidebar on backbutton) you should setup 'reloadOnSearch: false'
+// in order to avoid unwanted routing.
+//
+app.config(function($routeProvider) {
+ $routeProvider.when('/', {templateUrl: 'home.html', reloadOnSearch: false});
+ $routeProvider.when('/scroll', {templateUrl: 'scroll.html', reloadOnSearch: false});
+ $routeProvider.when('/toggle', {templateUrl: 'toggle.html', reloadOnSearch: false});
+ $routeProvider.when('/tabs', {templateUrl: 'tabs.html', reloadOnSearch: false});
+ $routeProvider.when('/accordion', {templateUrl: 'accordion.html', reloadOnSearch: false});
+ $routeProvider.when('/overlay', {templateUrl: 'overlay.html', reloadOnSearch: false});
+ $routeProvider.when('/forms', {templateUrl: 'forms.html', reloadOnSearch: false});
+ $routeProvider.when('/dropdown', {templateUrl: 'dropdown.html', reloadOnSearch: false});
+ $routeProvider.when('/touch', {templateUrl: 'touch.html', reloadOnSearch: false});
+ $routeProvider.when('/swipe', {templateUrl: 'swipe.html', reloadOnSearch: false});
+ $routeProvider.when('/drag', {templateUrl: 'drag.html', reloadOnSearch: false});
+ $routeProvider.when('/drag2', {templateUrl: 'drag2.html', reloadOnSearch: false});
+ $routeProvider.when('/carousel', {templateUrl: 'carousel.html', reloadOnSearch: false});
+});
-app.directive( "carouselExampleItem", function($rootScope, $swipe){
- return function(scope, element, attrs){
- var startX = null;
- var startY = null;
- var endAction = "cancel";
- var carouselId = element.parent().parent().attr("id");
-
- var translateAndRotate = function(x, y, z, deg){
- element[0].style["-webkit-transform"] = "translate3d("+x+"px,"+ y +"px," + z + "px) rotate("+ deg +"deg)";
- element[0].style["-moz-transform"] = "translate3d("+x+"px," + y +"px," + z + "px) rotate("+ deg +"deg)";
- element[0].style["-ms-transform"] = "translate3d("+x+"px," + y + "px," + z + "px) rotate("+ deg +"deg)";
- element[0].style["-o-transform"] = "translate3d("+x+"px," + y + "px," + z + "px) rotate("+ deg +"deg)";
- element[0].style["transform"] = "translate3d("+x+"px," + y + "px," + z + "px) rotate("+ deg +"deg)";
- }
-
- $swipe.bind(element, {
- start: function(coords) {
- endAction = null;
- startX = coords.x;
- startY = coords.y;
+//
+// `$touch example`
+//
+
+app.directive('toucharea', ['$touch', function($touch) {
+ // Runs during compile
+ return {
+ restrict: 'C',
+ link: function($scope, elem) {
+ $scope.touch = null;
+ $touch.bind(elem, {
+ start: function(touch) {
+ $scope.containerRect = elem[0].getBoundingClientRect();
+ $scope.touch = touch;
+ $scope.$apply();
},
- cancel: function(e) {
- endAction = null;
- translateAndRotate(0, 0, 0, 0);
- e.stopPropagation();
+ cancel: function(touch) {
+ $scope.touch = touch;
+ $scope.$apply();
},
- end: function(coords, e) {
- if (endAction == "prev") {
- $rootScope.carouselPrev(carouselId);
- } else if (endAction == "next") {
- $rootScope.carouselNext(carouselId);
- }
- translateAndRotate(0, 0, 0, 0);
- e.stopPropagation();
+ move: function(touch) {
+ $scope.touch = touch;
+ $scope.$apply();
},
- move: function(coords) {
- if( startX != null) {
- var deltaX = coords.x - startX;
- var deltaXRatio = deltaX / element[0].clientWidth;
- if (deltaXRatio > 0.3) {
- endAction = "next";
- } else if (deltaXRatio < -0.3){
- endAction = "prev";
+ end: function(touch) {
+ $scope.touch = touch;
+ $scope.$apply();
+ }
+ });
+ }
+ };
+}]);
+
+//
+// `$drag` example: drag to dismiss
+//
+app.directive('dragToDismiss', function($drag, $parse, $timeout) {
+ return {
+ restrict: 'A',
+ compile: function(elem, attrs) {
+ var dismissFn = $parse(attrs.dragToDismiss);
+ return function(scope, elem) {
+ var dismiss = false;
+
+ $drag.bind(elem, {
+ transform: $drag.TRANSLATE_RIGHT,
+ move: function(drag) {
+ if (drag.distanceX >= drag.rect.width / 4) {
+ dismiss = true;
+ elem.addClass('dismiss');
} else {
- endAction = null;
+ dismiss = false;
+ elem.removeClass('dismiss');
+ }
+ },
+ cancel: function() {
+ elem.removeClass('dismiss');
+ },
+ end: function(drag) {
+ if (dismiss) {
+ elem.addClass('dismitted');
+ $timeout(function() {
+ scope.$apply(function() {
+ dismissFn(scope);
+ });
+ }, 300);
+ } else {
+ drag.reset();
}
- translateAndRotate(deltaXRatio * 200, 0, 0, deltaXRatio * 15);
}
+ });
+ };
+ }
+ };
+});
+
+//
+// Another `$drag` usage example: this is how you could create
+// a touch enabled "deck of cards" carousel. See `carousel.html` for markup.
+//
+app.directive('carousel', function() {
+ return {
+ restrict: 'C',
+ scope: {},
+ controller: function() {
+ this.itemCount = 0;
+ this.activeItem = null;
+
+ this.addItem = function() {
+ var newId = this.itemCount++;
+ this.activeItem = this.itemCount === 1 ? newId : this.activeItem;
+ return newId;
+ };
+
+ this.next = function() {
+ this.activeItem = this.activeItem || 0;
+ this.activeItem = this.activeItem === this.itemCount - 1 ? 0 : this.activeItem + 1;
+ };
+
+ this.prev = function() {
+ this.activeItem = this.activeItem || 0;
+ this.activeItem = this.activeItem === 0 ? this.itemCount - 1 : this.activeItem - 1;
+ };
+ }
+ };
+});
+
+app.directive('carouselItem', function($drag) {
+ return {
+ restrict: 'C',
+ require: '^carousel',
+ scope: {},
+ transclude: true,
+ template: '
+
+
+
+
+
+
+ ',
+ link: function(scope, elem, attrs, carousel) {
+ scope.carousel = carousel;
+ var id = carousel.addItem();
+
+ var zIndex = function() {
+ var res = 0;
+ if (id === carousel.activeItem) {
+ res = 2000;
+ } else if (carousel.activeItem < id) {
+ res = 2000 - (id - carousel.activeItem);
+ } else {
+ res = 2000 - (carousel.itemCount - 1 - carousel.activeItem + id);
+ }
+ return res;
+ };
+
+ scope.$watch(function() {
+ return carousel.activeItem;
+ }, function() {
+ elem[0].style.zIndex = zIndex();
+ });
+
+ $drag.bind(elem, {
+ //
+ // This is an example of custom transform function
+ //
+ transform: function(element, transform, touch) {
+ //
+ // use translate both as basis for the new transform:
+ //
+ var t = $drag.TRANSLATE_BOTH(element, transform, touch);
+
+ //
+ // Add rotation:
+ //
+ var Dx = touch.distanceX;
+ var t0 = touch.startTransform;
+ var sign = Dx < 0 ? -1 : 1;
+ var angle = sign * Math.min((Math.abs(Dx) / 700) * 30, 30);
+
+ t.rotateZ = angle + (Math.round(t0.rotateZ));
+
+ return t;
+ },
+ move: function(drag) {
+ if (Math.abs(drag.distanceX) >= drag.rect.width / 4) {
+ elem.addClass('dismiss');
+ } else {
+ elem.removeClass('dismiss');
+ }
+ },
+ cancel: function() {
+ elem.removeClass('dismiss');
+ },
+ end: function(drag) {
+ elem.removeClass('dismiss');
+ if (Math.abs(drag.distanceX) >= drag.rect.width / 4) {
+ scope.$apply(function() {
+ carousel.next();
+ });
+ }
+ drag.reset();
}
});
}
+ };
});
-app.controller('MainController', function($rootScope, $scope, analytics){
+app.directive('dragMe', ['$drag', function($drag) {
+ return {
+ controller: function($scope, $element) {
+ $drag.bind($element,
+ {
+ //
+ // Here you can see how to limit movement
+ // to an element
+ //
+ transform: $drag.TRANSLATE_INSIDE($element.parent()),
+ end: function(drag) {
+ // go back to initial position
+ drag.reset();
+ }
+ },
+ { // release touch when movement is outside bounduaries
+ sensitiveArea: $element.parent()
+ }
+ );
+ }
+ };
+}]);
- $rootScope.$on("$routeChangeStart", function(){
+//
+// For this trivial demo we have just a unique MainController
+// for everything
+//
+app.controller('MainController', function($rootScope, $scope) {
+
+ $scope.swiped = function(direction) {
+ alert('Swiped ' + direction);
+ };
+
+ // User agent displayed in home page
+ $scope.userAgent = navigator.userAgent;
+
+ // Needed for the loading screen
+ $rootScope.$on('$routeChangeStart', function() {
$rootScope.loading = true;
});
- $rootScope.$on("$routeChangeSuccess", function(){
+ $rootScope.$on('$routeChangeSuccess', function() {
$rootScope.loading = false;
});
+ // Fake text i used here and there.
+ $scope.lorem = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ' +
+ 'Vel explicabo, aliquid eaque soluta nihil eligendi adipisci error, illum ' +
+ 'corrupti nam fuga omnis quod quaerat mollitia expedita impedit dolores ipsam. Obcaecati.';
+
+ //
+ // 'Scroll' screen
+ //
var scrollItems = [];
- for (var i=1; i<=100; i++) {
- scrollItems.push("Item " + i);
+ for (var i = 1; i <= 100; i++) {
+ scrollItems.push('Item ' + i);
}
$scope.scrollItems = scrollItems;
- $scope.invoice = {payed: true};
-
- $scope.userAgent = navigator.userAgent;
+
+ $scope.bottomReached = function() {
+ alert('Congrats you scrolled to the end of the list!');
+ };
+
+ //
+ // Right Sidebar
+ //
$scope.chatUsers = [
- { name: "Carlos Flowers", online: true },
- { name: "Byron Taylor", online: true },
- { name: "Jana Terry", online: true },
- { name: "Darryl Stone", online: true },
- { name: "Fannie Carlson", online: true },
- { name: "Holly Nguyen", online: true },
- { name: "Bill Chavez", online: true },
- { name: "Veronica Maxwell", online: true },
- { name: "Jessica Webster", online: true },
- { name: "Jackie Barton", online: true },
- { name: "Crystal Drake", online: false },
- { name: "Milton Dean", online: false },
- { name: "Joann Johnston", online: false },
- { name: "Cora Vaughn", online: false },
- { name: "Nina Briggs", online: false },
- { name: "Casey Turner", online: false },
- { name: "Jimmie Wilson", online: false },
- { name: "Nathaniel Steele", online: false },
- { name: "Aubrey Cole", online: false },
- { name: "Donnie Summers", online: false },
- { name: "Kate Myers", online: false },
- { name: "Priscilla Hawkins", online: false },
- { name: "Joe Barker", online: false },
- { name: "Lee Norman", online: false },
- { name: "Ebony Rice", online: false }
+ {name: 'Carlos Flowers', online: true},
+ {name: 'Byron Taylor', online: true},
+ {name: 'Jana Terry', online: true},
+ {name: 'Darryl Stone', online: true},
+ {name: 'Fannie Carlson', online: true},
+ {name: 'Holly Nguyen', online: true},
+ {name: 'Bill Chavez', online: true},
+ {name: 'Veronica Maxwell', online: true},
+ {name: 'Jessica Webster', online: true},
+ {name: 'Jackie Barton', online: true},
+ {name: 'Crystal Drake', online: false},
+ {name: 'Milton Dean', online: false},
+ {name: 'Joann Johnston', online: false},
+ {name: 'Cora Vaughn', online: false},
+ {name: 'Nina Briggs', online: false},
+ {name: 'Casey Turner', online: false},
+ {name: 'Jimmie Wilson', online: false},
+ {name: 'Nathaniel Steele', online: false},
+ {name: 'Aubrey Cole', online: false},
+ {name: 'Donnie Summers', online: false},
+ {name: 'Kate Myers', online: false},
+ {name: 'Priscilla Hawkins', online: false},
+ {name: 'Joe Barker', online: false},
+ {name: 'Lee Norman', online: false},
+ {name: 'Ebony Rice', online: false}
];
-});
\ No newline at end of file
+ //
+ // 'Forms' screen
+ //
+ $scope.rememberMe = true;
+ $scope.email = 'me@example.com';
+
+ $scope.login = function() {
+ alert('You submitted the login form');
+ };
+
+ //
+ // 'Drag' screen
+ //
+ $scope.notices = [];
+
+ for (var j = 0; j < 10; j++) {
+ $scope.notices.push({icon: 'envelope', message: 'Notice ' + (j + 1)});
+ }
+
+ $scope.deleteNotice = function(notice) {
+ var index = $scope.notices.indexOf(notice);
+ if (index > -1) {
+ $scope.notices.splice(index, 1);
+ }
+ };
+});
diff --git a/demo/drag.html b/demo/drag.html
new file mode 100644
index 0000000..d67f62b
--- /dev/null
+++ b/demo/drag.html
@@ -0,0 +1,21 @@
+
+ Drag
+
+
+
+
diff --git a/demo/drag2.html b/demo/drag2.html
new file mode 100644
index 0000000..7c4e2d3
--- /dev/null
+++ b/demo/drag2.html
@@ -0,0 +1,11 @@
+
+ Drag right to dismiss notices!
+
+
+
+
+
+
+
+
+
+ {{notice.message}}
+
+ +
+ Drag 2
+
+
+
+
diff --git a/demo/dropdown.html b/demo/dropdown.html
new file mode 100644
index 0000000..7edcf16
--- /dev/null
+++ b/demo/dropdown.html
@@ -0,0 +1,41 @@
+
+
+
+
+ Dropdown
+
+
+
+
diff --git a/demo/forms.html b/demo/forms.html
index e9f94c0..8386422 100644
--- a/demo/forms.html
+++ b/demo/forms.html
@@ -1,75 +1,44 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Note
+
+ {{lorem}}
+
+
+
diff --git a/demo/home.html b/demo/home.html
index fa8275b..0bbd1fc 100644
--- a/demo/home.html
+++ b/demo/home.html
@@ -1,53 +1,56 @@
-
Forms
-
-
\ No newline at end of file
+
+
-
-
- Welcome
Welcome
- This is a demo of Mobile Angular UI
+
+
+ Mobile Angular UI
+ Demo 1.3
-
-
+
+
-
- Play around a little
+
+ Play around a little
Open the sidebar and start testing features
-
-
+
+
-
- Test responsiveness and speed
+
+ Test responsiveness and speed
Scroll, tap, navigate, test that everything is smooth
-
-
+
+
-
- Resize your browser
+
+ Resize your browser
Stretch and squeeze your browser window to see both mobile and desktop versions.
-
-
+
+
-
- Submit an issue
- Please submit any issue you'll find. It would help a lot!
- Just in case, don't forget to indicate your user agent string:
- {{userAgent}}
+
+ Submit an issue
+ Please submit any issue you'll find, reporting your user agent string:
+
+{{userAgent}}
+
+ It would help a lot!
+
diff --git a/demo/img/1.jpg b/demo/img/1.jpg
new file mode 100644
index 0000000..a01a565
Binary files /dev/null and b/demo/img/1.jpg differ
diff --git a/demo/img/2.jpg b/demo/img/2.jpg
new file mode 100644
index 0000000..8303911
Binary files /dev/null and b/demo/img/2.jpg differ
diff --git a/demo/img/3.jpg b/demo/img/3.jpg
new file mode 100644
index 0000000..033855c
Binary files /dev/null and b/demo/img/3.jpg differ
diff --git a/demo/img/4.jpg b/demo/img/4.jpg
new file mode 100644
index 0000000..e68b124
Binary files /dev/null and b/demo/img/4.jpg differ
diff --git a/demo/img/5.jpg b/demo/img/5.jpg
new file mode 100644
index 0000000..8ff8e48
Binary files /dev/null and b/demo/img/5.jpg differ
diff --git a/demo/index.html b/demo/index.html
index a23d5fe..aa057cd 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -1,54 +1,57 @@
-
Mobile Angular UI Examples
+ Mobile Angular UI Demo
-
+
-
+
-
-
-
+
+
+
+
-
+
+
-
+
-
+
-
+
-
- Mobile Angular UI
+
-
-
-
-
+
diff --git a/demo/modal1.html b/demo/modal1.html
new file mode 100644
index 0000000..0e0cb31
--- /dev/null
+++ b/demo/modal1.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
diff --git a/demo/modal2.html b/demo/modal2.html
new file mode 100644
index 0000000..1916e6d
--- /dev/null
+++ b/demo/modal2.html
@@ -0,0 +1,18 @@
+
diff --git a/demo/overlay.html b/demo/overlay.html
index 8cbbce3..61765e7 100644
--- a/demo/overlay.html
+++ b/demo/overlay.html
@@ -1,41 +1,27 @@
-
+
Overlays
-
-
-
- Show Overlay 1
- Show Overlay 2
-
-
-
- Title
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, autem, culpa rerum odio sed esse officia quae nulla corporis laudantium necessitatibus dolores dolore nam eum exercitationem aut porro. Autem, nostrum.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, inventore, doloremque debitis accusamus qui pariatur aut ullam id reprehenderit impedit explicabo perspiciatis recusandae blanditiis quasi maiores quas itaque. Nesciunt, natus.
-
-
-
+
+
+ Show Modal
+ Show Overlay
+
-
- First Overlay
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, ex eaque possimus ipsa ab quasi quos corporis consequatur laudantium? Ab assumenda delectus quo velit voluptates doloribus. Earum odit facilis qui.
-
-
- Ok
- Cancel
-
+
+
+ {{lorem}}
+
+
+
-
- Second Overlay
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, ex eaque possimus ipsa ab quasi quos corporis consequatur laudantium? Ab assumenda delectus quo velit voluptates doloribus. Earum odit facilis qui.
-
-
- Ok
- Cancel
-
+
+
+
diff --git a/demo/scroll.html b/demo/scroll.html
index e5ea7d2..3c2ddb4 100644
--- a/demo/scroll.html
+++ b/demo/scroll.html
@@ -1,11 +1,26 @@
-
+
+ Scroll
+
-
-
+
+
+
+
-
+
{{ item }}
-
\ No newline at end of file
+
+
+
+ Show
+ Hide
+ Search Bar
+
+
diff --git a/demo/sidebar.html b/demo/sidebar.html
index bd60832..e34f016 100644
--- a/demo/sidebar.html
+++ b/demo/sidebar.html
@@ -1,8 +1,7 @@
-Mobile Angular UI
-
-
+
+ Mobile Angular UI 1.3
-
diff --git a/demo/sidebarRight.html b/demo/sidebarRight.html
index af81070..a6098f1 100644
--- a/demo/sidebarRight.html
+++ b/demo/sidebarRight.html
@@ -1,29 +1,25 @@
-
-
diff --git a/demo/swipe.html b/demo/swipe.html
new file mode 100644
index 0000000..0bf68e5
--- /dev/null
+++ b/demo/swipe.html
@@ -0,0 +1,29 @@
+
+
+
+ Swipe me
+
+
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+
+ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+
+
+ Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
+
+
+ Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
+
+
+ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
+
+
+ At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+
+
+
+
\ No newline at end of file
diff --git a/demo/tabs.html b/demo/tabs.html
index be48823..b710784 100644
--- a/demo/tabs.html
+++ b/demo/tabs.html
@@ -1,65 +1,50 @@
-
+
+ Tabs
+
+
+
-
+
+ Tab 1
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi, corporis, dicta cupiditate officiis nostrum recusandae aperiam quia dolores amet architecto laudantium alias in omnis perferendis. Ullam asperiores dolorum nobis.
-
+
+ Tab 1
+ {{lorem}}
+
-
- Tab 2
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, esse minima magni asperiores optio exercitationem assumenda molestiae libero incidunt perferendis veniam quod. Nihil, rerum, nisi quo eos laborum libero expedita.
-
+
+ Tab 2
+ {{lorem}}
+
-
- Tab 3
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, pariatur, sint ab assumenda est dolor molestiae maxime eaque sequi adipisci corporis molestias quos officiis rerum accusantium illo ullam commodi blanditiis.
-
+
+ Tab 3
+ {{lorem}}
+ Tab 1
+
+ Tab 2
+ Tab 3
+
+
\ No newline at end of file
diff --git a/demo/toggle.html b/demo/toggle.html
index 581ca05..b5f105c 100644
--- a/demo/toggle.html
+++ b/demo/toggle.html
@@ -1,33 +1,49 @@
+
+ Toggle
+
+
diff --git a/demo/touch.html b/demo/touch.html
new file mode 100644
index 0000000..87d96cf
--- /dev/null
+++ b/demo/touch.html
@@ -0,0 +1,29 @@
+
+ Touch
+
+
+
+
+
+
+
+
+
+
+
+ - type: {{touch.type}}
+ - point: [{{touch.x}}, {{touch.y}}]
+ - step: {{touch.step}} [{{touch.stepX}}, {{touch.stepY}}]
+ - distance: {{touch.distance}} [{{touch.distanceX}}, {{touch.distanceY}}]
+ - total: {{touch.total}} [{{touch.totalX}}, {{touch.totalY}}]
+ - velocity: {{touch.velocity}} px/sec
+ - averageVelocity: {{touch.averageVelocity}} px/sec
+ - angle: {{touch.angle == null ? '-' : touch.angle}} deg
+ - direction: {{touch.direction == null ? '-' : touch.direction}}
+
+
+
+
+ Touch Me!
+
+
diff --git a/dist/css/mobile-angular-ui-base.css b/dist/css/mobile-angular-ui-base.css
index b40da52..51d774e 100644
--- a/dist/css/mobile-angular-ui-base.css
+++ b/dist/css/mobile-angular-ui-base.css
@@ -1,10 +1,206 @@
+@media (min-width: 768px) {
+ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+ float: left;
+ }
+ .col-sm-12 {
+ width: 100%;
+ }
+ .col-sm-11 {
+ width: 91.66666667%;
+ }
+ .col-sm-10 {
+ width: 83.33333333%;
+ }
+ .col-sm-9 {
+ width: 75%;
+ }
+ .col-sm-8 {
+ width: 66.66666667%;
+ }
+ .col-sm-7 {
+ width: 58.33333333%;
+ }
+ .col-sm-6 {
+ width: 50%;
+ }
+ .col-sm-5 {
+ width: 41.66666667%;
+ }
+ .col-sm-4 {
+ width: 33.33333333%;
+ }
+ .col-sm-3 {
+ width: 25%;
+ }
+ .col-sm-2 {
+ width: 16.66666667%;
+ }
+ .col-sm-1 {
+ width: 8.33333333%;
+ }
+ .col-sm-pull-12 {
+ right: 100%;
+ }
+ .col-sm-pull-11 {
+ right: 91.66666667%;
+ }
+ .col-sm-pull-10 {
+ right: 83.33333333%;
+ }
+ .col-sm-pull-9 {
+ right: 75%;
+ }
+ .col-sm-pull-8 {
+ right: 66.66666667%;
+ }
+ .col-sm-pull-7 {
+ right: 58.33333333%;
+ }
+ .col-sm-pull-6 {
+ right: 50%;
+ }
+ .col-sm-pull-5 {
+ right: 41.66666667%;
+ }
+ .col-sm-pull-4 {
+ right: 33.33333333%;
+ }
+ .col-sm-pull-3 {
+ right: 25%;
+ }
+ .col-sm-pull-2 {
+ right: 16.66666667%;
+ }
+ .col-sm-pull-1 {
+ right: 8.33333333%;
+ }
+ .col-sm-pull-0 {
+ right: auto;
+ }
+ .col-sm-push-12 {
+ left: 100%;
+ }
+ .col-sm-push-11 {
+ left: 91.66666667%;
+ }
+ .col-sm-push-10 {
+ left: 83.33333333%;
+ }
+ .col-sm-push-9 {
+ left: 75%;
+ }
+ .col-sm-push-8 {
+ left: 66.66666667%;
+ }
+ .col-sm-push-7 {
+ left: 58.33333333%;
+ }
+ .col-sm-push-6 {
+ left: 50%;
+ }
+ .col-sm-push-5 {
+ left: 41.66666667%;
+ }
+ .col-sm-push-4 {
+ left: 33.33333333%;
+ }
+ .col-sm-push-3 {
+ left: 25%;
+ }
+ .col-sm-push-2 {
+ left: 16.66666667%;
+ }
+ .col-sm-push-1 {
+ left: 8.33333333%;
+ }
+ .col-sm-push-0 {
+ left: auto;
+ }
+ .col-sm-offset-12 {
+ margin-left: 100%;
+ }
+ .col-sm-offset-11 {
+ margin-left: 91.66666667%;
+ }
+ .col-sm-offset-10 {
+ margin-left: 83.33333333%;
+ }
+ .col-sm-offset-9 {
+ margin-left: 75%;
+ }
+ .col-sm-offset-8 {
+ margin-left: 66.66666667%;
+ }
+ .col-sm-offset-7 {
+ margin-left: 58.33333333%;
+ }
+ .col-sm-offset-6 {
+ margin-left: 50%;
+ }
+ .col-sm-offset-5 {
+ margin-left: 41.66666667%;
+ }
+ .col-sm-offset-4 {
+ margin-left: 33.33333333%;
+ }
+ .col-sm-offset-3 {
+ margin-left: 25%;
+ }
+ .col-sm-offset-2 {
+ margin-left: 16.66666667%;
+ }
+ .col-sm-offset-1 {
+ margin-left: 8.33333333%;
+ }
+ .col-sm-offset-0 {
+ margin-left: 0%;
+ }
+}
+@media (min-width: 480px) {
+ .sidebar-left {
+ width: 440px;
+ }
+ .sidebar-right {
+ width: 440px;
+ }
+ .sidebar-left-in .app {
+ -webkit-transform: translate3d(440px, 0, 0);
+ transform: translate3d(440px, 0, 0);
+ }
+ .sidebar-right-in .app {
+ -webkit-transform: translate3d(-440px, 0, 0);
+ transform: translate3d(-440px, 0, 0);
+ }
+}
+@media (min-width: 768px) {
+ .sidebar-left {
+ width: 688px;
+ }
+ .sidebar-right {
+ width: 688px;
+ }
+ .sidebar-left-in .app {
+ -webkit-transform: translate3d(688px, 0, 0);
+ transform: translate3d(688px, 0, 0);
+ }
+ .sidebar-right-in .app {
+ -webkit-transform: translate3d(-688px, 0, 0);
+ transform: translate3d(-688px, 0, 0);
+ }
+}
+
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
- src: url('https://github.com/fonts/fontawesome-webfont.eot?v=4.2.0');
- src: url('https://github.com/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('https://github.com/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('https://github.com/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('https://github.com/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
+ src: url('https://github.com/fonts/fontawesome-webfont.eot?v=4.6.3');
+ src: url('https://github.com/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('https://github.com/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('https://github.com/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('https://github.com/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('https://github.com/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -71,10 +267,28 @@
.fa-border {
padding: .2em .25em .15em;
- border: solid 0.08em #eeeeee;
+ border: solid 0.08em #eee;
border-radius: .1em;
}
+.fa-pull-left {
+ float: left;
+}
+
+.fa-pull-right {
+ float: right;
+}
+
+.fa.fa-pull-left {
+ margin-right: .3em;
+}
+
+.fa.fa-pull-right {
+ margin-left: .3em;
+}
+
+/* Deprecated as of 4.4.0 */
+
.pull-right {
float: right;
}
@@ -96,6 +310,11 @@
animation: fa-spin 2s infinite linear;
}
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
@@ -121,35 +340,35 @@
}
.fa-rotate-90 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
@@ -189,7 +408,7 @@
}
.fa-inverse {
- color: #ffffff;
+ color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
@@ -787,6 +1006,7 @@
content: "\f099";
}
+.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
@@ -803,6 +1023,7 @@
content: "\f09d";
}
+.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
@@ -1641,7 +1862,8 @@
content: "\f183";
}
-.fa-gittip:before {
+.fa-gittip:before,
+.fa-gratipay:before {
content: "\f184";
}
@@ -1778,7 +2000,7 @@
content: "\f1a6";
}
-.fa-pied-piper:before {
+.fa-pied-piper-pp:before {
content: "\f1a7";
}
@@ -1942,6 +2164,7 @@
}
.fa-ra:before,
+.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
@@ -1959,6 +2182,8 @@
content: "\f1d3";
}
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
@@ -2181,5690 +2406,6642 @@
content: "\f20c";
}
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+.fa-buysellads:before {
+ content: "\f20d";
+}
-html {
- font-family: sans-serif;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
+.fa-connectdevelop:before {
+ content: "\f20e";
}
-body {
- margin: 0;
+.fa-dashcube:before {
+ content: "\f210";
}
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
- display: block;
+.fa-forumbee:before {
+ content: "\f211";
}
-audio,
-canvas,
-progress,
-video {
- display: inline-block;
- vertical-align: baseline;
+.fa-leanpub:before {
+ content: "\f212";
}
-audio:not([controls]) {
- display: none;
- height: 0;
+.fa-sellsy:before {
+ content: "\f213";
}
-[hidden],
-template {
- display: none;
+.fa-shirtsinbulk:before {
+ content: "\f214";
}
-a {
- background: transparent;
+.fa-simplybuilt:before {
+ content: "\f215";
}
-a:active {
- outline: 0;
+.fa-skyatlas:before {
+ content: "\f216";
}
-abbr[title] {
- border-bottom: 1px dotted;
+.fa-cart-plus:before {
+ content: "\f217";
}
-b,
-strong {
- font-weight: bold;
+.fa-cart-arrow-down:before {
+ content: "\f218";
}
-dfn {
- font-style: italic;
+.fa-diamond:before {
+ content: "\f219";
}
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
+.fa-ship:before {
+ content: "\f21a";
}
-mark {
- background: #ff0;
- color: #000;
+.fa-user-secret:before {
+ content: "\f21b";
}
-small {
- font-size: 80%;
+.fa-motorcycle:before {
+ content: "\f21c";
}
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
+.fa-street-view:before {
+ content: "\f21d";
}
-sup {
- top: -0.5em;
+.fa-heartbeat:before {
+ content: "\f21e";
}
-sub {
- bottom: -0.25em;
+.fa-venus:before {
+ content: "\f221";
}
-img {
- border: 0;
+.fa-mars:before {
+ content: "\f222";
}
-svg:not(:root) {
- overflow: hidden;
+.fa-mercury:before {
+ content: "\f223";
}
-figure {
- margin: 1em 40px;
+.fa-intersex:before,
+.fa-transgender:before {
+ content: "\f224";
}
-hr {
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
+.fa-transgender-alt:before {
+ content: "\f225";
}
-pre {
- overflow: auto;
+.fa-venus-double:before {
+ content: "\f226";
}
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, monospace;
- font-size: 1em;
+.fa-mars-double:before {
+ content: "\f227";
}
-button,
-input,
-optgroup,
-select,
-textarea {
- color: inherit;
- font: inherit;
- margin: 0;
+.fa-venus-mars:before {
+ content: "\f228";
}
-button {
- overflow: visible;
+.fa-mars-stroke:before {
+ content: "\f229";
}
-button,
-select {
- text-transform: none;
+.fa-mars-stroke-v:before {
+ content: "\f22a";
}
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
- -webkit-appearance: button;
- cursor: pointer;
+.fa-mars-stroke-h:before {
+ content: "\f22b";
}
-button[disabled],
-html input[disabled] {
- cursor: default;
+.fa-neuter:before {
+ content: "\f22c";
}
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
- padding: 0;
+.fa-genderless:before {
+ content: "\f22d";
}
-input {
- line-height: normal;
+.fa-facebook-official:before {
+ content: "\f230";
}
-input[type="checkbox"],
-input[type="radio"] {
- box-sizing: border-box;
- padding: 0;
+.fa-pinterest-p:before {
+ content: "\f231";
}
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
- height: auto;
+.fa-whatsapp:before {
+ content: "\f232";
}
-input[type="search"] {
- -webkit-appearance: textfield;
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
+.fa-server:before {
+ content: "\f233";
}
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
+.fa-user-plus:before {
+ content: "\f234";
}
-fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
+.fa-user-times:before {
+ content: "\f235";
}
-legend {
- border: 0;
- padding: 0;
+.fa-hotel:before,
+.fa-bed:before {
+ content: "\f236";
}
-textarea {
- overflow: auto;
+.fa-viacoin:before {
+ content: "\f237";
}
-optgroup {
- font-weight: bold;
+.fa-train:before {
+ content: "\f238";
}
-table {
- border-collapse: collapse;
- border-spacing: 0;
+.fa-subway:before {
+ content: "\f239";
}
-td,
-th {
- padding: 0;
+.fa-medium:before {
+ content: "\f23a";
}
-* {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+.fa-yc:before,
+.fa-y-combinator:before {
+ content: "\f23b";
}
-*:before,
-*:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+.fa-optin-monster:before {
+ content: "\f23c";
}
-html {
- font-size: 10px;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+.fa-opencart:before {
+ content: "\f23d";
}
-body {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 14px;
- line-height: 1.42857143;
- color: #333333;
- background-color: #ffffff;
+.fa-expeditedssl:before {
+ content: "\f23e";
}
-input,
-button,
-select,
-textarea {
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
+.fa-battery-4:before,
+.fa-battery-full:before {
+ content: "\f240";
}
-a {
- color: #007aff;
- text-decoration: none;
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+ content: "\f241";
}
-a:focus {
- color: #0055b3;
- text-decoration: underline;
+.fa-battery-2:before,
+.fa-battery-half:before {
+ content: "\f242";
}
-a:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+ content: "\f243";
}
-figure {
- margin: 0;
+.fa-battery-0:before,
+.fa-battery-empty:before {
+ content: "\f244";
}
-img {
- vertical-align: middle;
+.fa-mouse-pointer:before {
+ content: "\f245";
}
-.img-responsive,
-.thumbnail > img,
-.thumbnail a > img,
-.carousel-inner > .item > img,
-.carousel-inner > .item > a > img {
- display: block;
- width: 100% \9;
- max-width: 100%;
- height: auto;
+.fa-i-cursor:before {
+ content: "\f246";
}
-.img-rounded {
- border-radius: 6px;
+.fa-object-group:before {
+ content: "\f247";
}
-.img-thumbnail {
- padding: 4px;
- line-height: 1.42857143;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 4px;
- -webkit-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- display: inline-block;
- width: 100% \9;
- max-width: 100%;
- height: auto;
+.fa-object-ungroup:before {
+ content: "\f248";
}
-.img-circle {
- border-radius: 50%;
+.fa-sticky-note:before {
+ content: "\f249";
}
-hr {
- margin-top: 20px;
- margin-bottom: 20px;
- border: 0;
- border-top: 1px solid #eeeeee;
+.fa-sticky-note-o:before {
+ content: "\f24a";
}
-.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- margin: -1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- border: 0;
+.fa-cc-jcb:before {
+ content: "\f24b";
}
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
- position: static;
- width: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- clip: auto;
+.fa-cc-diners-club:before {
+ content: "\f24c";
}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-weight: normal;
- line-height: 1.1;
- color: inherit;
+.fa-clone:before {
+ content: "\f24d";
}
-h1 small,
-h2 small,
-h3 small,
-h4 small,
-h5 small,
-h6 small,
-.h1 small,
-.h2 small,
-.h3 small,
-.h4 small,
-.h5 small,
-.h6 small,
-h1 .small,
-h2 .small,
-h3 .small,
-h4 .small,
-h5 .small,
-h6 .small,
-.h1 .small,
-.h2 .small,
-.h3 .small,
-.h4 .small,
-.h5 .small,
-.h6 .small {
- font-weight: normal;
- line-height: 1;
- color: #777777;
+.fa-balance-scale:before {
+ content: "\f24e";
}
-h1,
-.h1,
-h2,
-.h2,
-h3,
-.h3 {
- margin-top: 20px;
- margin-bottom: 10px;
+.fa-hourglass-o:before {
+ content: "\f250";
}
-h1 small,
-.h1 small,
-h2 small,
-.h2 small,
-h3 small,
-.h3 small,
-h1 .small,
-.h1 .small,
-h2 .small,
-.h2 .small,
-h3 .small,
-.h3 .small {
- font-size: 65%;
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+ content: "\f251";
}
-h4,
-.h4,
-h5,
-.h5,
-h6,
-.h6 {
- margin-top: 10px;
- margin-bottom: 10px;
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+ content: "\f252";
}
-h4 small,
-.h4 small,
-h5 small,
-.h5 small,
-h6 small,
-.h6 small,
-h4 .small,
-.h4 .small,
-h5 .small,
-.h5 .small,
-h6 .small,
-.h6 .small {
- font-size: 75%;
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+ content: "\f253";
}
-h1,
-.h1 {
- font-size: 36px;
+.fa-hourglass:before {
+ content: "\f254";
}
-h2,
-.h2 {
- font-size: 30px;
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+ content: "\f255";
}
-h3,
-.h3 {
- font-size: 24px;
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+ content: "\f256";
}
-h4,
-.h4 {
- font-size: 18px;
+.fa-hand-scissors-o:before {
+ content: "\f257";
}
-h5,
-.h5 {
- font-size: 14px;
+.fa-hand-lizard-o:before {
+ content: "\f258";
}
-h6,
-.h6 {
- font-size: 12px;
+.fa-hand-spock-o:before {
+ content: "\f259";
}
-p {
- margin: 0 0 10px;
+.fa-hand-pointer-o:before {
+ content: "\f25a";
}
-.lead {
- margin-bottom: 20px;
- font-size: 16px;
- font-weight: 300;
- line-height: 1.4;
+.fa-hand-peace-o:before {
+ content: "\f25b";
}
-small,
-.small {
- font-size: 85%;
+.fa-trademark:before {
+ content: "\f25c";
}
-cite {
- font-style: normal;
+.fa-registered:before {
+ content: "\f25d";
}
-mark,
-.mark {
- background-color: #fcf8e3;
- padding: .2em;
+.fa-creative-commons:before {
+ content: "\f25e";
}
-.text-left {
- text-align: left;
+.fa-gg:before {
+ content: "\f260";
}
-.text-right {
- text-align: right;
+.fa-gg-circle:before {
+ content: "\f261";
}
-.text-center {
- text-align: center;
+.fa-tripadvisor:before {
+ content: "\f262";
}
-.text-justify {
- text-align: justify;
+.fa-odnoklassniki:before {
+ content: "\f263";
}
-.text-nowrap {
- white-space: nowrap;
+.fa-odnoklassniki-square:before {
+ content: "\f264";
}
-.text-lowercase {
- text-transform: lowercase;
+.fa-get-pocket:before {
+ content: "\f265";
}
-.text-uppercase {
- text-transform: uppercase;
+.fa-wikipedia-w:before {
+ content: "\f266";
}
-.text-capitalize {
- text-transform: capitalize;
+.fa-safari:before {
+ content: "\f267";
}
-.text-muted {
- color: #777777;
+.fa-chrome:before {
+ content: "\f268";
}
-.text-primary {
- color: #007aff;
+.fa-firefox:before {
+ content: "\f269";
}
-.text-success {
- color: #3c763d;
+.fa-opera:before {
+ content: "\f26a";
}
-.text-info {
- color: #31708f;
+.fa-internet-explorer:before {
+ content: "\f26b";
}
-.text-warning {
- color: #8a6d3b;
+.fa-tv:before,
+.fa-television:before {
+ content: "\f26c";
}
-.text-danger {
- color: #a94442;
+.fa-contao:before {
+ content: "\f26d";
}
-.bg-primary {
- color: #fff;
- background-color: #007aff;
+.fa-500px:before {
+ content: "\f26e";
}
-.bg-success {
- background-color: #dff0d8;
+.fa-amazon:before {
+ content: "\f270";
}
-.bg-info {
- background-color: #d9edf7;
+.fa-calendar-plus-o:before {
+ content: "\f271";
}
-.bg-warning {
- background-color: #fcf8e3;
+.fa-calendar-minus-o:before {
+ content: "\f272";
}
-.bg-danger {
- background-color: #f2dede;
+.fa-calendar-times-o:before {
+ content: "\f273";
}
-.page-header {
- padding-bottom: 9px;
- margin: 40px 0 20px;
- border-bottom: 1px solid #eeeeee;
+.fa-calendar-check-o:before {
+ content: "\f274";
}
-ul,
-ol {
- margin-top: 0;
- margin-bottom: 10px;
+.fa-industry:before {
+ content: "\f275";
}
-ul ul,
-ol ul,
-ul ol,
-ol ol {
- margin-bottom: 0;
+.fa-map-pin:before {
+ content: "\f276";
}
-.list-unstyled {
- padding-left: 0;
- list-style: none;
+.fa-map-signs:before {
+ content: "\f277";
}
-.list-inline {
- padding-left: 0;
- list-style: none;
- margin-left: -5px;
+.fa-map-o:before {
+ content: "\f278";
}
-.list-inline > li {
- display: inline-block;
- padding-left: 5px;
- padding-right: 5px;
+.fa-map:before {
+ content: "\f279";
}
-dl {
- margin-top: 0;
- margin-bottom: 20px;
+.fa-commenting:before {
+ content: "\f27a";
}
-dt,
-dd {
- line-height: 1.42857143;
+.fa-commenting-o:before {
+ content: "\f27b";
}
-dt {
- font-weight: bold;
+.fa-houzz:before {
+ content: "\f27c";
}
-dd {
- margin-left: 0;
+.fa-vimeo:before {
+ content: "\f27d";
}
-abbr[title],
-abbr[data-original-title] {
- cursor: help;
- border-bottom: 1px dotted #777777;
+.fa-black-tie:before {
+ content: "\f27e";
}
-.initialism {
- font-size: 90%;
- text-transform: uppercase;
+.fa-fonticons:before {
+ content: "\f280";
}
-blockquote {
- padding: 10px 20px;
- margin: 0 0 20px;
- font-size: 17.5px;
- border-left: 5px solid #eeeeee;
+.fa-reddit-alien:before {
+ content: "\f281";
}
-blockquote p:last-child,
-blockquote ul:last-child,
-blockquote ol:last-child {
- margin-bottom: 0;
+.fa-edge:before {
+ content: "\f282";
}
-blockquote footer,
-blockquote small,
-blockquote .small {
- display: block;
- font-size: 80%;
- line-height: 1.42857143;
- color: #777777;
+.fa-credit-card-alt:before {
+ content: "\f283";
}
-blockquote footer:before,
-blockquote small:before,
-blockquote .small:before {
- content: '\2014 \00A0';
+.fa-codiepie:before {
+ content: "\f284";
}
-.blockquote-reverse,
-blockquote.pull-right {
- padding-right: 15px;
- padding-left: 0;
- border-right: 5px solid #eeeeee;
- border-left: 0;
- text-align: right;
+.fa-modx:before {
+ content: "\f285";
}
-.blockquote-reverse footer:before,
-blockquote.pull-right footer:before,
-.blockquote-reverse small:before,
-blockquote.pull-right small:before,
-.blockquote-reverse .small:before,
-blockquote.pull-right .small:before {
- content: '';
+.fa-fort-awesome:before {
+ content: "\f286";
}
-.blockquote-reverse footer:after,
-blockquote.pull-right footer:after,
-.blockquote-reverse small:after,
-blockquote.pull-right small:after,
-.blockquote-reverse .small:after,
-blockquote.pull-right .small:after {
- content: '\00A0 \2014';
+.fa-usb:before {
+ content: "\f287";
}
-blockquote:before,
-blockquote:after {
- content: "";
+.fa-product-hunt:before {
+ content: "\f288";
}
-address {
- margin-bottom: 20px;
- font-style: normal;
- line-height: 1.42857143;
+.fa-mixcloud:before {
+ content: "\f289";
}
-code,
-kbd,
-pre,
-samp {
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+.fa-scribd:before {
+ content: "\f28a";
}
-code {
- padding: 2px 4px;
- font-size: 90%;
- color: #c7254e;
- background-color: #f9f2f4;
- border-radius: 4px;
+.fa-pause-circle:before {
+ content: "\f28b";
}
-kbd {
- padding: 2px 4px;
- font-size: 90%;
- color: #ffffff;
- background-color: #333333;
- border-radius: 3px;
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+.fa-pause-circle-o:before {
+ content: "\f28c";
}
-kbd kbd {
- padding: 0;
- font-size: 100%;
- box-shadow: none;
+.fa-stop-circle:before {
+ content: "\f28d";
}
-pre {
- display: block;
- padding: 9.5px;
- margin: 0 0 10px;
- font-size: 13px;
- line-height: 1.42857143;
- word-break: break-all;
- word-wrap: break-word;
- color: #333333;
- background-color: #f5f5f5;
- border: 1px solid #cccccc;
- border-radius: 4px;
+.fa-stop-circle-o:before {
+ content: "\f28e";
}
-pre code {
- padding: 0;
- font-size: inherit;
- color: inherit;
- white-space: pre-wrap;
- background-color: transparent;
- border-radius: 0;
+.fa-shopping-bag:before {
+ content: "\f290";
}
-.pre-scrollable {
- max-height: 340px;
- overflow-y: scroll;
+.fa-shopping-basket:before {
+ content: "\f291";
}
-.container {
- margin-right: auto;
- margin-left: auto;
- padding-left: 15px;
- padding-right: 15px;
+.fa-hashtag:before {
+ content: "\f292";
}
-.container-fluid {
- margin-right: auto;
- margin-left: auto;
- padding-left: 15px;
- padding-right: 15px;
+.fa-bluetooth:before {
+ content: "\f293";
}
-.row {
- margin-left: -15px;
- margin-right: -15px;
+.fa-bluetooth-b:before {
+ content: "\f294";
}
-.col-xs-1,
-.col-sm-1,
-.col-md-1,
-.col-lg-1,
-.col-xs-2,
-.col-sm-2,
-.col-md-2,
-.col-lg-2,
-.col-xs-3,
-.col-sm-3,
-.col-md-3,
-.col-lg-3,
-.col-xs-4,
-.col-sm-4,
-.col-md-4,
-.col-lg-4,
-.col-xs-5,
-.col-sm-5,
-.col-md-5,
-.col-lg-5,
-.col-xs-6,
-.col-sm-6,
-.col-md-6,
-.col-lg-6,
-.col-xs-7,
-.col-sm-7,
-.col-md-7,
-.col-lg-7,
-.col-xs-8,
-.col-sm-8,
-.col-md-8,
-.col-lg-8,
-.col-xs-9,
-.col-sm-9,
-.col-md-9,
-.col-lg-9,
-.col-xs-10,
-.col-sm-10,
-.col-md-10,
-.col-lg-10,
-.col-xs-11,
-.col-sm-11,
-.col-md-11,
-.col-lg-11,
-.col-xs-12,
-.col-sm-12,
-.col-md-12,
-.col-lg-12 {
- position: relative;
- min-height: 1px;
- padding-left: 15px;
- padding-right: 15px;
+.fa-percent:before {
+ content: "\f295";
}
-.col-xs-1,
-.col-xs-2,
-.col-xs-3,
-.col-xs-4,
-.col-xs-5,
-.col-xs-6,
-.col-xs-7,
-.col-xs-8,
-.col-xs-9,
-.col-xs-10,
-.col-xs-11,
-.col-xs-12 {
- float: left;
+.fa-gitlab:before {
+ content: "\f296";
}
-.col-xs-12 {
- width: 100%;
+.fa-wpbeginner:before {
+ content: "\f297";
}
-.col-xs-11 {
- width: 91.66666667%;
+.fa-wpforms:before {
+ content: "\f298";
}
-.col-xs-10 {
- width: 83.33333333%;
+.fa-envira:before {
+ content: "\f299";
}
-.col-xs-9 {
- width: 75%;
+.fa-universal-access:before {
+ content: "\f29a";
}
-.col-xs-8 {
- width: 66.66666667%;
+.fa-wheelchair-alt:before {
+ content: "\f29b";
}
-.col-xs-7 {
- width: 58.33333333%;
+.fa-question-circle-o:before {
+ content: "\f29c";
}
-.col-xs-6 {
- width: 50%;
+.fa-blind:before {
+ content: "\f29d";
}
-.col-xs-5 {
- width: 41.66666667%;
+.fa-audio-description:before {
+ content: "\f29e";
}
-.col-xs-4 {
- width: 33.33333333%;
+.fa-volume-control-phone:before {
+ content: "\f2a0";
}
-.col-xs-3 {
- width: 25%;
+.fa-braille:before {
+ content: "\f2a1";
}
-.col-xs-2 {
- width: 16.66666667%;
+.fa-assistive-listening-systems:before {
+ content: "\f2a2";
}
-.col-xs-1 {
- width: 8.33333333%;
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+ content: "\f2a3";
}
-.col-xs-pull-12 {
- right: 100%;
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+ content: "\f2a4";
}
-.col-xs-pull-11 {
- right: 91.66666667%;
+.fa-glide:before {
+ content: "\f2a5";
}
-.col-xs-pull-10 {
- right: 83.33333333%;
+.fa-glide-g:before {
+ content: "\f2a6";
}
-.col-xs-pull-9 {
- right: 75%;
+.fa-signing:before,
+.fa-sign-language:before {
+ content: "\f2a7";
}
-.col-xs-pull-8 {
- right: 66.66666667%;
+.fa-low-vision:before {
+ content: "\f2a8";
}
-.col-xs-pull-7 {
- right: 58.33333333%;
+.fa-viadeo:before {
+ content: "\f2a9";
}
-.col-xs-pull-6 {
- right: 50%;
+.fa-viadeo-square:before {
+ content: "\f2aa";
}
-.col-xs-pull-5 {
- right: 41.66666667%;
+.fa-snapchat:before {
+ content: "\f2ab";
}
-.col-xs-pull-4 {
- right: 33.33333333%;
+.fa-snapchat-ghost:before {
+ content: "\f2ac";
}
-.col-xs-pull-3 {
- right: 25%;
+.fa-snapchat-square:before {
+ content: "\f2ad";
}
-.col-xs-pull-2 {
- right: 16.66666667%;
+.fa-pied-piper:before {
+ content: "\f2ae";
}
-.col-xs-pull-1 {
- right: 8.33333333%;
+.fa-first-order:before {
+ content: "\f2b0";
}
-.col-xs-pull-0 {
- right: auto;
+.fa-yoast:before {
+ content: "\f2b1";
}
-.col-xs-push-12 {
- left: 100%;
+.fa-themeisle:before {
+ content: "\f2b2";
}
-.col-xs-push-11 {
- left: 91.66666667%;
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+ content: "\f2b3";
}
-.col-xs-push-10 {
- left: 83.33333333%;
+.fa-fa:before,
+.fa-font-awesome:before {
+ content: "\f2b4";
}
-.col-xs-push-9 {
- left: 75%;
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
}
-.col-xs-push-8 {
- left: 66.66666667%;
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
}
-.col-xs-push-7 {
- left: 58.33333333%;
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
}
-.col-xs-push-6 {
- left: 50%;
-}
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-.col-xs-push-5 {
- left: 41.66666667%;
+html {
+ font-family: sans-serif;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
}
-.col-xs-push-4 {
- left: 33.33333333%;
+body {
+ margin: 0;
}
-.col-xs-push-3 {
- left: 25%;
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block;
}
-.col-xs-push-2 {
- left: 16.66666667%;
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ vertical-align: baseline;
}
-.col-xs-push-1 {
- left: 8.33333333%;
+audio:not([controls]) {
+ display: none;
+ height: 0;
}
-.col-xs-push-0 {
- left: auto;
+[hidden],
+template {
+ display: none;
}
-.col-xs-offset-12 {
- margin-left: 100%;
+a {
+ background-color: transparent;
}
-.col-xs-offset-11 {
- margin-left: 91.66666667%;
+a:active {
+ outline: 0;
}
-.col-xs-offset-10 {
- margin-left: 83.33333333%;
+abbr[title] {
+ border-bottom: 1px dotted;
}
-.col-xs-offset-9 {
- margin-left: 75%;
+b,
+strong {
+ font-weight: bold;
}
-.col-xs-offset-8 {
- margin-left: 66.66666667%;
+dfn {
+ font-style: italic;
}
-.col-xs-offset-7 {
- margin-left: 58.33333333%;
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
}
-.col-xs-offset-6 {
- margin-left: 50%;
+mark {
+ background: #ff0;
+ color: #000;
}
-.col-xs-offset-5 {
- margin-left: 41.66666667%;
+small {
+ font-size: 80%;
}
-.col-xs-offset-4 {
- margin-left: 33.33333333%;
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
}
-.col-xs-offset-3 {
- margin-left: 25%;
+sup {
+ top: -0.5em;
}
-.col-xs-offset-2 {
- margin-left: 16.66666667%;
+sub {
+ bottom: -0.25em;
}
-.col-xs-offset-1 {
- margin-left: 8.33333333%;
+img {
+ border: 0;
}
-.col-xs-offset-0 {
- margin-left: 0%;
+svg:not(:root) {
+ overflow: hidden;
}
-table {
- background-color: transparent;
+figure {
+ margin: 1em 40px;
}
-th {
- text-align: left;
+hr {
+ box-sizing: content-box;
+ height: 0;
}
-.table {
- width: 100%;
- max-width: 100%;
- margin-bottom: 20px;
+pre {
+ overflow: auto;
}
-.table > thead > tr > th,
-.table > tbody > tr > th,
-.table > tfoot > tr > th,
-.table > thead > tr > td,
-.table > tbody > tr > td,
-.table > tfoot > tr > td {
- padding: 8px;
- line-height: 1.42857143;
- vertical-align: top;
- border-top: 1px solid #dddddd;
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
}
-.table > thead > tr > th {
- vertical-align: bottom;
- border-bottom: 2px solid #dddddd;
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ font: inherit;
+ margin: 0;
}
-.table > caption + thead > tr:first-child > th,
-.table > colgroup + thead > tr:first-child > th,
-.table > thead:first-child > tr:first-child > th,
-.table > caption + thead > tr:first-child > td,
-.table > colgroup + thead > tr:first-child > td,
-.table > thead:first-child > tr:first-child > td {
- border-top: 0;
-}
-
-.table > tbody + tbody {
- border-top: 2px solid #dddddd;
+button {
+ overflow: visible;
}
-.table .table {
- background-color: #ffffff;
+button,
+select {
+ text-transform: none;
}
-.table-condensed > thead > tr > th,
-.table-condensed > tbody > tr > th,
-.table-condensed > tfoot > tr > th,
-.table-condensed > thead > tr > td,
-.table-condensed > tbody > tr > td,
-.table-condensed > tfoot > tr > td {
- padding: 5px;
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
}
-.table-bordered {
- border: 1px solid #dddddd;
+button[disabled],
+html input[disabled] {
+ cursor: default;
}
-.table-bordered > thead > tr > th,
-.table-bordered > tbody > tr > th,
-.table-bordered > tfoot > tr > th,
-.table-bordered > thead > tr > td,
-.table-bordered > tbody > tr > td,
-.table-bordered > tfoot > tr > td {
- border: 1px solid #dddddd;
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
}
-.table-bordered > thead > tr > th,
-.table-bordered > thead > tr > td {
- border-bottom-width: 2px;
+input {
+ line-height: normal;
}
-.table-striped > tbody > tr:nth-child(odd) > td,
-.table-striped > tbody > tr:nth-child(odd) > th {
- background-color: #f9f9f9;
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
}
-table col[class*="col-"] {
- position: static;
- float: none;
- display: table-column;
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
}
-table td[class*="col-"],
-table th[class*="col-"] {
- position: static;
- float: none;
- display: table-cell;
+input[type="search"] {
+ -webkit-appearance: textfield;
+ box-sizing: content-box;
}
-.table > thead > tr > td.active,
-.table > tbody > tr > td.active,
-.table > tfoot > tr > td.active,
-.table > thead > tr > th.active,
-.table > tbody > tr > th.active,
-.table > tfoot > tr > th.active,
-.table > thead > tr.active > td,
-.table > tbody > tr.active > td,
-.table > tfoot > tr.active > td,
-.table > thead > tr.active > th,
-.table > tbody > tr.active > th,
-.table > tfoot > tr.active > th {
- background-color: #f5f5f5;
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
}
-.table > thead > tr > td.success,
-.table > tbody > tr > td.success,
-.table > tfoot > tr > td.success,
-.table > thead > tr > th.success,
-.table > tbody > tr > th.success,
-.table > tfoot > tr > th.success,
-.table > thead > tr.success > td,
-.table > tbody > tr.success > td,
-.table > tfoot > tr.success > td,
-.table > thead > tr.success > th,
-.table > tbody > tr.success > th,
-.table > tfoot > tr.success > th {
- background-color: #dff0d8;
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
}
-.table > thead > tr > td.info,
-.table > tbody > tr > td.info,
-.table > tfoot > tr > td.info,
-.table > thead > tr > th.info,
-.table > tbody > tr > th.info,
-.table > tfoot > tr > th.info,
-.table > thead > tr.info > td,
-.table > tbody > tr.info > td,
-.table > tfoot > tr.info > td,
-.table > thead > tr.info > th,
-.table > tbody > tr.info > th,
-.table > tfoot > tr.info > th {
- background-color: #d9edf7;
+legend {
+ border: 0;
+ padding: 0;
}
-.table > thead > tr > td.warning,
-.table > tbody > tr > td.warning,
-.table > tfoot > tr > td.warning,
-.table > thead > tr > th.warning,
-.table > tbody > tr > th.warning,
-.table > tfoot > tr > th.warning,
-.table > thead > tr.warning > td,
-.table > tbody > tr.warning > td,
-.table > tfoot > tr.warning > td,
-.table > thead > tr.warning > th,
-.table > tbody > tr.warning > th,
-.table > tfoot > tr.warning > th {
- background-color: #fcf8e3;
+textarea {
+ overflow: auto;
}
-.table > thead > tr > td.danger,
-.table > tbody > tr > td.danger,
-.table > tfoot > tr > td.danger,
-.table > thead > tr > th.danger,
-.table > tbody > tr > th.danger,
-.table > tfoot > tr > th.danger,
-.table > thead > tr.danger > td,
-.table > tbody > tr.danger > td,
-.table > tfoot > tr.danger > td,
-.table > thead > tr.danger > th,
-.table > tbody > tr.danger > th,
-.table > tfoot > tr.danger > th {
- background-color: #f2dede;
+optgroup {
+ font-weight: bold;
}
-fieldset {
- padding: 0;
- margin: 0;
- border: 0;
- min-width: 0;
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
}
-legend {
- display: block;
- width: 100%;
+td,
+th {
padding: 0;
- margin-bottom: 20px;
- font-size: 21px;
- line-height: inherit;
- color: #333333;
- border: 0;
- border-bottom: 1px solid #e5e5e5;
}
-label {
- display: inline-block;
- max-width: 100%;
- margin-bottom: 5px;
- font-weight: bold;
+* {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
-input[type="search"] {
+*:before,
+*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
-input[type="radio"],
-input[type="checkbox"] {
- margin: 4px 0 0;
- margin-top: 1px \9;
- line-height: normal;
+html {
+ font-size: 10px;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
-input[type="file"] {
- display: block;
+body {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #333333;
+ background-color: #fff;
}
-input[type="range"] {
- display: block;
- width: 100%;
+input,
+button,
+select,
+textarea {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
}
-select[multiple],
-select[size] {
- height: auto;
+a {
+ color: #007aff;
+ text-decoration: none;
}
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
+a:focus {
+ color: #0055b3;
+ text-decoration: underline;
+}
+
+a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
-output {
- display: block;
- padding-top: 7px;
- font-size: 14px;
- line-height: 1.42857143;
- color: #555555;
+figure {
+ margin: 0;
}
-.form-control {
- display: block;
- width: 100%;
- height: 34px;
- padding: 6px 12px;
- font-size: 14px;
- line-height: 1.42857143;
- color: #555555;
- background-color: #ffffff;
- background-image: none;
- border: 1px solid #cccccc;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+img {
+ vertical-align: middle;
}
-.form-control:focus {
- border-color: #66afe9;
- outline: 0;
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+.img-responsive,
+.thumbnail > img,
+.thumbnail a > img,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+ display: block;
+ max-width: 100%;
+ height: auto;
}
-.form-control::-moz-placeholder {
- color: #777777;
- opacity: 1;
+.img-rounded {
+ border-radius: 6px;
}
-.form-control:-ms-input-placeholder {
- color: #777777;
+.img-thumbnail {
+ padding: 4px;
+ line-height: 1.42857143;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ -webkit-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ display: inline-block;
+ max-width: 100%;
+ height: auto;
}
-.form-control::-webkit-input-placeholder {
- color: #777777;
+.img-circle {
+ border-radius: 50%;
}
-.form-control[disabled],
-.form-control[readonly],
-fieldset[disabled] .form-control {
- cursor: not-allowed;
- background-color: #eeeeee;
- opacity: 1;
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
}
-textarea.form-control {
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
}
-input[type="search"] {
- -webkit-appearance: none;
+[role="button"] {
+ cursor: pointer;
}
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
- line-height: 34px;
- line-height: 1.42857143 \0;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ line-height: 1.1;
+ color: inherit;
}
-input[type="date"].input-sm,
-input[type="time"].input-sm,
-input[type="datetime-local"].input-sm,
-input[type="month"].input-sm {
- line-height: 30px;
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small {
+ font-weight: normal;
+ line-height: 1;
+ color: #777777;
}
-input[type="date"].input-lg,
-input[type="time"].input-lg,
-input[type="datetime-local"].input-lg,
-input[type="month"].input-lg {
- line-height: 46px;
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 10px;
}
-.form-group {
- margin-bottom: 15px;
+h1 small,
+.h1 small,
+h2 small,
+.h2 small,
+h3 small,
+.h3 small,
+h1 .small,
+.h1 .small,
+h2 .small,
+.h2 .small,
+h3 .small,
+.h3 .small {
+ font-size: 65%;
}
-.radio,
-.checkbox {
- position: relative;
- display: block;
- min-height: 20px;
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
-.radio label,
-.checkbox label {
- padding-left: 20px;
- margin-bottom: 0;
- font-weight: normal;
- cursor: pointer;
+h4 small,
+.h4 small,
+h5 small,
+.h5 small,
+h6 small,
+.h6 small,
+h4 .small,
+.h4 .small,
+h5 .small,
+.h5 .small,
+h6 .small,
+.h6 .small {
+ font-size: 75%;
}
-.radio input[type="radio"],
-.radio-inline input[type="radio"],
-.checkbox input[type="checkbox"],
-.checkbox-inline input[type="checkbox"] {
- position: absolute;
- margin-left: -20px;
- margin-top: 4px \9;
+h1,
+.h1 {
+ font-size: 36px;
}
-.radio + .radio,
-.checkbox + .checkbox {
- margin-top: -5px;
+h2,
+.h2 {
+ font-size: 30px;
}
-.radio-inline,
-.checkbox-inline {
- display: inline-block;
- padding-left: 20px;
- margin-bottom: 0;
- vertical-align: middle;
- font-weight: normal;
- cursor: pointer;
+h3,
+.h3 {
+ font-size: 24px;
}
-.radio-inline + .radio-inline,
-.checkbox-inline + .checkbox-inline {
- margin-top: 0;
- margin-left: 10px;
+h4,
+.h4 {
+ font-size: 18px;
}
-input[type="radio"][disabled],
-input[type="checkbox"][disabled],
-input[type="radio"].disabled,
-input[type="checkbox"].disabled,
-fieldset[disabled] input[type="radio"],
-fieldset[disabled] input[type="checkbox"] {
- cursor: not-allowed;
+h5,
+.h5 {
+ font-size: 14px;
}
-.radio-inline.disabled,
-.checkbox-inline.disabled,
-fieldset[disabled] .radio-inline,
-fieldset[disabled] .checkbox-inline {
- cursor: not-allowed;
+h6,
+.h6 {
+ font-size: 12px;
}
-.radio.disabled label,
-.checkbox.disabled label,
-fieldset[disabled] .radio label,
-fieldset[disabled] .checkbox label {
- cursor: not-allowed;
+p {
+ margin: 0 0 10px;
}
-.form-control-static {
- padding-top: 7px;
- padding-bottom: 7px;
- margin-bottom: 0;
+.lead {
+ margin-bottom: 20px;
+ font-size: 16px;
+ font-weight: 300;
+ line-height: 1.4;
}
-.form-control-static.input-lg,
-.form-control-static.input-sm {
- padding-left: 0;
- padding-right: 0;
+small,
+.small {
+ font-size: 85%;
}
-.input-sm,
-.form-horizontal .form-group-sm .form-control {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 3px;
+mark,
+.mark {
+ background-color: #fcf8e3;
+ padding: .2em;
}
-select.input-sm {
- height: 30px;
- line-height: 30px;
+.text-left {
+ text-align: left;
}
-textarea.input-sm,
-select[multiple].input-sm {
- height: auto;
+.text-right {
+ text-align: right;
}
-.input-lg,
-.form-horizontal .form-group-lg .form-control {
- height: 46px;
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.33;
- border-radius: 6px;
+.text-center {
+ text-align: center;
}
-select.input-lg {
- height: 46px;
- line-height: 46px;
+.text-justify {
+ text-align: justify;
}
-textarea.input-lg,
-select[multiple].input-lg {
- height: auto;
+.text-nowrap {
+ white-space: nowrap;
}
-.has-feedback {
- position: relative;
+.text-lowercase {
+ text-transform: lowercase;
}
-.has-feedback .form-control {
- padding-right: 42.5px;
+.text-uppercase {
+ text-transform: uppercase;
}
-.form-control-feedback {
- position: absolute;
- top: 25px;
- right: 0;
- z-index: 2;
- display: block;
- width: 34px;
- height: 34px;
- line-height: 34px;
- text-align: center;
+.text-capitalize {
+ text-transform: capitalize;
}
-.input-lg + .form-control-feedback {
- width: 46px;
- height: 46px;
- line-height: 46px;
+.text-muted {
+ color: #777777;
}
-.input-sm + .form-control-feedback {
- width: 30px;
- height: 30px;
- line-height: 30px;
+.text-primary {
+ color: #007aff;
}
-.has-success .help-block,
-.has-success .control-label,
-.has-success .radio,
-.has-success .checkbox,
-.has-success .radio-inline,
-.has-success .checkbox-inline {
- color: #3c763d;
+a.text-primary:focus {
+ color: #0062cc;
}
-.has-success .form-control {
- border-color: #3c763d;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+.text-success {
+ color: #3c763d;
}
-.has-success .form-control:focus {
- border-color: #2b542c;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
+a.text-success:focus {
+ color: #2b542c;
}
-.has-success .input-group-addon {
- color: #3c763d;
- border-color: #3c763d;
- background-color: #dff0d8;
+.text-info {
+ color: #31708f;
}
-.has-success .form-control-feedback {
- color: #3c763d;
+a.text-info:focus {
+ color: #245269;
}
-.has-warning .help-block,
-.has-warning .control-label,
-.has-warning .radio,
-.has-warning .checkbox,
-.has-warning .radio-inline,
-.has-warning .checkbox-inline {
+.text-warning {
color: #8a6d3b;
}
-.has-warning .form-control {
- border-color: #8a6d3b;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+a.text-warning:focus {
+ color: #66512c;
}
-.has-warning .form-control:focus {
- border-color: #66512c;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
+.text-danger {
+ color: #a94442;
}
-.has-warning .input-group-addon {
- color: #8a6d3b;
- border-color: #8a6d3b;
- background-color: #fcf8e3;
+a.text-danger:focus {
+ color: #843534;
}
-.has-warning .form-control-feedback {
- color: #8a6d3b;
+.bg-primary {
+ color: #fff;
+ background-color: #007aff;
}
-.has-error .help-block,
-.has-error .control-label,
-.has-error .radio,
-.has-error .checkbox,
-.has-error .radio-inline,
-.has-error .checkbox-inline {
- color: #a94442;
+a.bg-primary:focus {
+ background-color: #0062cc;
}
-.has-error .form-control {
- border-color: #a94442;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+.bg-success {
+ background-color: #dff0d8;
}
-.has-error .form-control:focus {
- border-color: #843534;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
+a.bg-success:focus {
+ background-color: #c1e2b3;
}
-.has-error .input-group-addon {
- color: #a94442;
- border-color: #a94442;
- background-color: #f2dede;
+.bg-info {
+ background-color: #d9edf7;
}
-.has-error .form-control-feedback {
- color: #a94442;
+a.bg-info:focus {
+ background-color: #afd9ee;
}
-.has-feedback label.sr-only ~ .form-control-feedback {
- top: 0;
+.bg-warning {
+ background-color: #fcf8e3;
}
-.help-block {
- display: block;
- margin-top: 5px;
- margin-bottom: 10px;
- color: #737373;
+a.bg-warning:focus {
+ background-color: #f7ecb5;
}
-.form-horizontal .radio,
-.form-horizontal .checkbox,
-.form-horizontal .radio-inline,
-.form-horizontal .checkbox-inline {
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 7px;
+.bg-danger {
+ background-color: #f2dede;
}
-.form-horizontal .radio,
-.form-horizontal .checkbox {
- min-height: 27px;
+a.bg-danger:focus {
+ background-color: #e4b9b9;
}
-.form-horizontal .form-group {
- margin-left: -15px;
- margin-right: -15px;
+.page-header {
+ padding-bottom: 9px;
+ margin: 40px 0 20px;
+ border-bottom: 1px solid #eeeeee;
}
-.form-horizontal .has-feedback .form-control-feedback {
- top: 0;
- right: 15px;
+ul,
+ol {
+ margin-top: 0;
+ margin-bottom: 10px;
}
-.btn {
- display: inline-block;
+ul ul,
+ol ul,
+ul ol,
+ol ol {
margin-bottom: 0;
- font-weight: normal;
- text-align: center;
- vertical-align: middle;
- cursor: pointer;
- background-image: none;
- border: 1px solid transparent;
- white-space: nowrap;
- padding: 6px 12px;
- font-size: 14px;
- line-height: 1.42857143;
- border-radius: 4px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.btn:focus,
-.btn:active:focus,
-.btn.active:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
}
-.btn:focus {
- color: #333333;
- text-decoration: none;
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
}
-.btn:active,
-.btn.active {
- outline: 0;
- background-image: none;
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+.list-inline {
+ padding-left: 0;
+ list-style: none;
+ margin-left: -5px;
}
-.btn.disabled,
-.btn[disabled],
-fieldset[disabled] .btn {
- cursor: not-allowed;
- pointer-events: none;
- opacity: 0.65;
- filter: alpha(opacity=65);
- -webkit-box-shadow: none;
- box-shadow: none;
+.list-inline > li {
+ display: inline-block;
+ padding-left: 5px;
+ padding-right: 5px;
}
-.btn-default {
- color: #333333;
- background-color: #ffffff;
- border-color: #cccccc;
+dl {
+ margin-top: 0;
+ margin-bottom: 20px;
}
-.btn-default:focus,
-.btn-default:active,
-.btn-default.active,
-.open > .dropdown-toggle.btn-default {
- color: #333333;
- background-color: #e6e6e6;
- border-color: #adadad;
+dt,
+dd {
+ line-height: 1.42857143;
}
-.btn-default:active,
-.btn-default.active,
-.open > .dropdown-toggle.btn-default {
- background-image: none;
+dt {
+ font-weight: bold;
}
-.btn-default.disabled,
-.btn-default[disabled],
-fieldset[disabled] .btn-default,
-.btn-default.disabled:focus,
-.btn-default[disabled]:focus,
-fieldset[disabled] .btn-default:focus,
-.btn-default.disabled:active,
-.btn-default[disabled]:active,
-fieldset[disabled] .btn-default:active,
-.btn-default.disabled.active,
-.btn-default[disabled].active,
-fieldset[disabled] .btn-default.active {
- background-color: #ffffff;
- border-color: #cccccc;
+dd {
+ margin-left: 0;
}
-.btn-default .badge {
- color: #ffffff;
- background-color: #333333;
+abbr[title],
+abbr[data-original-title] {
+ cursor: help;
+ border-bottom: 1px dotted #777777;
}
-.btn-primary {
- color: #ffffff;
- background-color: #007aff;
- border-color: #006ee6;
+.initialism {
+ font-size: 90%;
+ text-transform: uppercase;
}
-.btn-primary:focus,
-.btn-primary:active,
-.btn-primary.active,
-.open > .dropdown-toggle.btn-primary {
- color: #ffffff;
- background-color: #0062cc;
- border-color: #0051a8;
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 17.5px;
+ border-left: 5px solid #eeeeee;
}
-.btn-primary:active,
-.btn-primary.active,
-.open > .dropdown-toggle.btn-primary {
- background-image: none;
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+ margin-bottom: 0;
}
-.btn-primary.disabled,
-.btn-primary[disabled],
-fieldset[disabled] .btn-primary,
-.btn-primary.disabled:focus,
-.btn-primary[disabled]:focus,
-fieldset[disabled] .btn-primary:focus,
-.btn-primary.disabled:active,
-.btn-primary[disabled]:active,
-fieldset[disabled] .btn-primary:active,
-.btn-primary.disabled.active,
-.btn-primary[disabled].active,
-fieldset[disabled] .btn-primary.active {
- background-color: #007aff;
- border-color: #006ee6;
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #777777;
}
-.btn-primary .badge {
- color: #007aff;
- background-color: #ffffff;
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
}
-.btn-success {
- color: #ffffff;
- background-color: #4cd964;
- border-color: #37d552;
+.blockquote-reverse,
+blockquote.pull-right {
+ padding-right: 15px;
+ padding-left: 0;
+ border-right: 5px solid #eeeeee;
+ border-left: 0;
+ text-align: right;
}
-.btn-success:focus,
-.btn-success:active,
-.btn-success.active,
-.open > .dropdown-toggle.btn-success {
- color: #ffffff;
- background-color: #2ac845;
- border-color: #24aa3b;
+.blockquote-reverse footer:before,
+blockquote.pull-right footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right small:before,
+.blockquote-reverse .small:before,
+blockquote.pull-right .small:before {
+ content: '';
}
-.btn-success:active,
-.btn-success.active,
-.open > .dropdown-toggle.btn-success {
- background-image: none;
+.blockquote-reverse footer:after,
+blockquote.pull-right footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right small:after,
+.blockquote-reverse .small:after,
+blockquote.pull-right .small:after {
+ content: '\00A0 \2014';
}
-.btn-success.disabled,
-.btn-success[disabled],
-fieldset[disabled] .btn-success,
-.btn-success.disabled:focus,
-.btn-success[disabled]:focus,
-fieldset[disabled] .btn-success:focus,
-.btn-success.disabled:active,
-.btn-success[disabled]:active,
-fieldset[disabled] .btn-success:active,
-.btn-success.disabled.active,
-.btn-success[disabled].active,
-fieldset[disabled] .btn-success.active {
- background-color: #4cd964;
- border-color: #37d552;
+address {
+ margin-bottom: 20px;
+ font-style: normal;
+ line-height: 1.42857143;
}
-.btn-success .badge {
- color: #4cd964;
- background-color: #ffffff;
+code,
+kbd,
+pre,
+samp {
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
-.btn-info {
- color: #ffffff;
- background-color: #34aadc;
- border-color: #249ed2;
+code {
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #c7254e;
+ background-color: #f9f2f4;
+ border-radius: 4px;
}
-.btn-info:focus,
-.btn-info:active,
-.btn-info.active,
-.open > .dropdown-toggle.btn-info {
- color: #ffffff;
- background-color: #218ebd;
- border-color: #1b779e;
+kbd {
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #fff;
+ background-color: #333;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
-.btn-info:active,
-.btn-info.active,
-.open > .dropdown-toggle.btn-info {
- background-image: none;
+kbd kbd {
+ padding: 0;
+ font-size: 100%;
+ font-weight: bold;
+ box-shadow: none;
}
-.btn-info.disabled,
-.btn-info[disabled],
-fieldset[disabled] .btn-info,
-.btn-info.disabled:focus,
-.btn-info[disabled]:focus,
-fieldset[disabled] .btn-info:focus,
-.btn-info.disabled:active,
-.btn-info[disabled]:active,
-fieldset[disabled] .btn-info:active,
-.btn-info.disabled.active,
-.btn-info[disabled].active,
-fieldset[disabled] .btn-info.active {
- background-color: #34aadc;
- border-color: #249ed2;
+pre {
+ display: block;
+ padding: 9.5px;
+ margin: 0 0 10px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ word-break: break-all;
+ word-wrap: break-word;
+ color: #333333;
+ background-color: #f5f5f5;
+ border: 1px solid #ccc;
+ border-radius: 4px;
}
-.btn-info .badge {
- color: #34aadc;
- background-color: #ffffff;
+pre code {
+ padding: 0;
+ font-size: inherit;
+ color: inherit;
+ white-space: pre-wrap;
+ background-color: transparent;
+ border-radius: 0;
}
-.btn-warning {
- color: #ffffff;
- background-color: #ffcc00;
- border-color: #e6b800;
+.pre-scrollable {
+ max-height: 340px;
+ overflow-y: scroll;
}
-.btn-warning:focus,
-.btn-warning:active,
-.btn-warning.active,
-.open > .dropdown-toggle.btn-warning {
- color: #ffffff;
- background-color: #cca300;
- border-color: #a88700;
+.container {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
}
-.btn-warning:active,
-.btn-warning.active,
-.open > .dropdown-toggle.btn-warning {
- background-image: none;
+.container-fluid {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
}
-.btn-warning.disabled,
-.btn-warning[disabled],
-fieldset[disabled] .btn-warning,
-.btn-warning.disabled:focus,
-.btn-warning[disabled]:focus,
-fieldset[disabled] .btn-warning:focus,
-.btn-warning.disabled:active,
-.btn-warning[disabled]:active,
-fieldset[disabled] .btn-warning:active,
-.btn-warning.disabled.active,
-.btn-warning[disabled].active,
-fieldset[disabled] .btn-warning.active {
- background-color: #ffcc00;
- border-color: #e6b800;
+.row {
+ margin-left: -15px;
+ margin-right: -15px;
}
-.btn-warning .badge {
- color: #ffcc00;
- background-color: #ffffff;
+.col-xs-1,
+.col-sm-1,
+.col-md-1,
+.col-lg-1,
+.col-xs-2,
+.col-sm-2,
+.col-md-2,
+.col-lg-2,
+.col-xs-3,
+.col-sm-3,
+.col-md-3,
+.col-lg-3,
+.col-xs-4,
+.col-sm-4,
+.col-md-4,
+.col-lg-4,
+.col-xs-5,
+.col-sm-5,
+.col-md-5,
+.col-lg-5,
+.col-xs-6,
+.col-sm-6,
+.col-md-6,
+.col-lg-6,
+.col-xs-7,
+.col-sm-7,
+.col-md-7,
+.col-lg-7,
+.col-xs-8,
+.col-sm-8,
+.col-md-8,
+.col-lg-8,
+.col-xs-9,
+.col-sm-9,
+.col-md-9,
+.col-lg-9,
+.col-xs-10,
+.col-sm-10,
+.col-md-10,
+.col-lg-10,
+.col-xs-11,
+.col-sm-11,
+.col-md-11,
+.col-lg-11,
+.col-xs-12,
+.col-sm-12,
+.col-md-12,
+.col-lg-12 {
+ position: relative;
+ min-height: 1px;
+ padding-left: 15px;
+ padding-right: 15px;
}
-.btn-danger {
- color: #ffffff;
- background-color: #ff3b30;
- border-color: #ff2317;
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12 {
+ float: left;
}
-.btn-danger:focus,
-.btn-danger:active,
-.btn-danger.active,
-.open > .dropdown-toggle.btn-danger {
- color: #ffffff;
- background-color: #fc0d00;
- border-color: #d80b00;
+.col-xs-12 {
+ width: 100%;
}
-.btn-danger:active,
-.btn-danger.active,
-.open > .dropdown-toggle.btn-danger {
- background-image: none;
+.col-xs-11 {
+ width: 91.66666667%;
}
-.btn-danger.disabled,
-.btn-danger[disabled],
-fieldset[disabled] .btn-danger,
-.btn-danger.disabled:focus,
-.btn-danger[disabled]:focus,
-fieldset[disabled] .btn-danger:focus,
-.btn-danger.disabled:active,
-.btn-danger[disabled]:active,
-fieldset[disabled] .btn-danger:active,
-.btn-danger.disabled.active,
-.btn-danger[disabled].active,
-fieldset[disabled] .btn-danger.active {
- background-color: #ff3b30;
- border-color: #ff2317;
+.col-xs-10 {
+ width: 83.33333333%;
}
-.btn-danger .badge {
- color: #ff3b30;
- background-color: #ffffff;
-}
-
-.btn-link {
- color: #007aff;
- font-weight: normal;
- cursor: pointer;
- border-radius: 0;
-}
-
-.btn-link,
-.btn-link:active,
-.btn-link[disabled],
-fieldset[disabled] .btn-link {
- background-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+.col-xs-9 {
+ width: 75%;
}
-.btn-link,
-.btn-link:focus,
-.btn-link:active {
- border-color: transparent;
+.col-xs-8 {
+ width: 66.66666667%;
}
-.btn-link:focus {
- color: #0055b3;
- text-decoration: underline;
- background-color: transparent;
+.col-xs-7 {
+ width: 58.33333333%;
}
-.btn-link[disabled]:focus,
-fieldset[disabled] .btn-link:focus {
- color: #777777;
- text-decoration: none;
+.col-xs-6 {
+ width: 50%;
}
-.btn-lg,
-.btn-group-lg > .btn {
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.33;
- border-radius: 6px;
+.col-xs-5 {
+ width: 41.66666667%;
}
-.btn-sm,
-.btn-group-sm > .btn {
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 3px;
+.col-xs-4 {
+ width: 33.33333333%;
}
-.btn-xs,
-.btn-group-xs > .btn {
- padding: 1px 5px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 3px;
+.col-xs-3 {
+ width: 25%;
}
-.btn-block {
- display: block;
- width: 100%;
+.col-xs-2 {
+ width: 16.66666667%;
}
-.btn-block + .btn-block {
- margin-top: 5px;
+.col-xs-1 {
+ width: 8.33333333%;
}
-input[type="submit"].btn-block,
-input[type="reset"].btn-block,
-input[type="button"].btn-block {
- width: 100%;
+.col-xs-pull-12 {
+ right: 100%;
}
-.fade {
- opacity: 0;
- -webkit-transition: opacity 0.15s linear;
- -o-transition: opacity 0.15s linear;
- transition: opacity 0.15s linear;
+.col-xs-pull-11 {
+ right: 91.66666667%;
}
-.fade.in {
- opacity: 1;
+.col-xs-pull-10 {
+ right: 83.33333333%;
}
-.collapse {
- display: none;
+.col-xs-pull-9 {
+ right: 75%;
}
-.collapse.in {
- display: block;
+.col-xs-pull-8 {
+ right: 66.66666667%;
}
-tr.collapse.in {
- display: table-row;
+.col-xs-pull-7 {
+ right: 58.33333333%;
}
-tbody.collapse.in {
- display: table-row-group;
+.col-xs-pull-6 {
+ right: 50%;
}
-.collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- -webkit-transition: height 0.35s ease;
- -o-transition: height 0.35s ease;
- transition: height 0.35s ease;
+.col-xs-pull-5 {
+ right: 41.66666667%;
}
-.caret {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: 2px;
- vertical-align: middle;
- border-top: 4px solid;
- border-right: 4px solid transparent;
- border-left: 4px solid transparent;
+.col-xs-pull-4 {
+ right: 33.33333333%;
}
-.dropdown {
- position: relative;
+.col-xs-pull-3 {
+ right: 25%;
}
-.dropdown-toggle:focus {
- outline: 0;
+.col-xs-pull-2 {
+ right: 16.66666667%;
}
-.dropdown-menu {
- position: absolute;
- top: 100%;
- left: 0;
- z-index: 1000;
- display: none;
- float: left;
- min-width: 160px;
- padding: 5px 0;
- margin: 2px 0 0;
- list-style: none;
- font-size: 14px;
- text-align: left;
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- background-clip: padding-box;
+.col-xs-pull-1 {
+ right: 8.33333333%;
}
-.dropdown-menu.pull-right {
- right: 0;
- left: auto;
+.col-xs-pull-0 {
+ right: auto;
}
-.dropdown-menu .divider {
- height: 1px;
- margin: 9px 0;
- overflow: hidden;
- background-color: #e5e5e5;
+.col-xs-push-12 {
+ left: 100%;
}
-.dropdown-menu > li > a {
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: normal;
- line-height: 1.42857143;
- color: #333333;
- white-space: nowrap;
+.col-xs-push-11 {
+ left: 91.66666667%;
}
-.dropdown-menu > li > a:focus {
- text-decoration: none;
- color: #262626;
- background-color: #f5f5f5;
+.col-xs-push-10 {
+ left: 83.33333333%;
}
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:focus {
- color: #ffffff;
- text-decoration: none;
- outline: 0;
- background-color: #007aff;
+.col-xs-push-9 {
+ left: 75%;
}
-.dropdown-menu > .disabled > a,
-.dropdown-menu > .disabled > a:focus {
- color: #777777;
+.col-xs-push-8 {
+ left: 66.66666667%;
}
-.dropdown-menu > .disabled > a:focus {
- text-decoration: none;
- background-color: transparent;
- background-image: none;
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
- cursor: not-allowed;
+.col-xs-push-7 {
+ left: 58.33333333%;
}
-.open > .dropdown-menu {
- display: block;
+.col-xs-push-6 {
+ left: 50%;
}
-.open > a {
- outline: 0;
+.col-xs-push-5 {
+ left: 41.66666667%;
}
-.dropdown-menu-right {
- left: auto;
- right: 0;
+.col-xs-push-4 {
+ left: 33.33333333%;
}
-.dropdown-menu-left {
- left: 0;
- right: auto;
+.col-xs-push-3 {
+ left: 25%;
}
-.dropdown-header {
- display: block;
- padding: 3px 20px;
- font-size: 12px;
- line-height: 1.42857143;
- color: #777777;
- white-space: nowrap;
+.col-xs-push-2 {
+ left: 16.66666667%;
}
-.dropdown-backdrop {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- top: 0;
- z-index: 990;
+.col-xs-push-1 {
+ left: 8.33333333%;
}
-.pull-right > .dropdown-menu {
- right: 0;
+.col-xs-push-0 {
left: auto;
}
-.dropup .caret,
-.navbar-fixed-bottom .dropdown .caret {
- border-top: 0;
- border-bottom: 4px solid;
- content: "";
+.col-xs-offset-12 {
+ margin-left: 100%;
}
-.dropup .dropdown-menu,
-.navbar-fixed-bottom .dropdown .dropdown-menu {
- top: auto;
- bottom: 100%;
- margin-bottom: 1px;
+.col-xs-offset-11 {
+ margin-left: 91.66666667%;
}
-.btn-group,
-.btn-group-vertical {
- position: relative;
- display: inline-block;
- vertical-align: middle;
+.col-xs-offset-10 {
+ margin-left: 83.33333333%;
}
-.btn-group > .btn,
-.btn-group-vertical > .btn {
- position: relative;
- float: left;
+.col-xs-offset-9 {
+ margin-left: 75%;
}
-.btn-group > .btn:focus,
-.btn-group-vertical > .btn:focus,
-.btn-group > .btn:active,
-.btn-group-vertical > .btn:active,
-.btn-group > .btn.active,
-.btn-group-vertical > .btn.active {
- z-index: 2;
+.col-xs-offset-8 {
+ margin-left: 66.66666667%;
}
-.btn-group > .btn:focus,
-.btn-group-vertical > .btn:focus {
- outline: 0;
+.col-xs-offset-7 {
+ margin-left: 58.33333333%;
}
-.btn-group .btn + .btn,
-.btn-group .btn + .btn-group,
-.btn-group .btn-group + .btn,
-.btn-group .btn-group + .btn-group {
- margin-left: -1px;
+.col-xs-offset-6 {
+ margin-left: 50%;
}
-.btn-toolbar {
- margin-left: -5px;
+.col-xs-offset-5 {
+ margin-left: 41.66666667%;
}
-.btn-toolbar .btn-group,
-.btn-toolbar .input-group {
- float: left;
+.col-xs-offset-4 {
+ margin-left: 33.33333333%;
}
-.btn-toolbar > .btn,
-.btn-toolbar > .btn-group,
-.btn-toolbar > .input-group {
- margin-left: 5px;
+.col-xs-offset-3 {
+ margin-left: 25%;
}
-.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
- border-radius: 0;
+.col-xs-offset-2 {
+ margin-left: 16.66666667%;
}
-.btn-group > .btn:first-child {
- margin-left: 0;
+.col-xs-offset-1 {
+ margin-left: 8.33333333%;
}
-.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+.col-xs-offset-0 {
+ margin-left: 0%;
}
-.btn-group > .btn:last-child:not(:first-child),
-.btn-group > .dropdown-toggle:not(:first-child) {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+table {
+ background-color: transparent;
}
-.btn-group > .btn-group {
- float: left;
+caption {
+ padding-top: 8px;
+ padding-bottom: 8px;
+ color: #777777;
+ text-align: left;
}
-.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
- border-radius: 0;
+th {
+ text-align: left;
}
-.btn-group > .btn-group:first-child > .btn:last-child,
-.btn-group > .btn-group:first-child > .dropdown-toggle {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+.table {
+ width: 100%;
+ max-width: 100%;
+ margin-bottom: 20px;
}
-.btn-group > .btn-group:last-child > .btn:first-child {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+ padding: 8px;
+ line-height: 1.42857143;
+ vertical-align: top;
+ border-top: 1px solid #ddd;
}
-.btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle {
- outline: 0;
+.table > thead > tr > th {
+ vertical-align: bottom;
+ border-bottom: 2px solid #ddd;
}
-.btn-group > .btn + .dropdown-toggle {
- padding-left: 8px;
- padding-right: 8px;
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
+ border-top: 0;
}
-.btn-group > .btn-lg + .dropdown-toggle {
- padding-left: 12px;
- padding-right: 12px;
+.table > tbody + tbody {
+ border-top: 2px solid #ddd;
}
-.btn-group.open .dropdown-toggle {
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+.table .table {
+ background-color: #fff;
}
-.btn-group.open .dropdown-toggle.btn-link {
- -webkit-box-shadow: none;
- box-shadow: none;
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
+ padding: 5px;
}
-.btn .caret {
- margin-left: 0;
+.table-bordered {
+ border: 1px solid #ddd;
}
-.btn-lg .caret {
- border-width: 5px 5px 0;
- border-bottom-width: 0;
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+ border: 1px solid #ddd;
}
-.dropup .btn-lg .caret {
- border-width: 0 5px 5px;
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
+ border-bottom-width: 2px;
}
-.btn-group-vertical > .btn,
-.btn-group-vertical > .btn-group,
-.btn-group-vertical > .btn-group > .btn {
- display: block;
- float: none;
- width: 100%;
- max-width: 100%;
+.table-striped > tbody > tr:nth-of-type(odd) {
+ background-color: #f9f9f9;
}
-.btn-group-vertical > .btn-group > .btn {
+table col[class*="col-"] {
+ position: static;
float: none;
+ display: table-column;
}
-.btn-group-vertical > .btn + .btn,
-.btn-group-vertical > .btn + .btn-group,
-.btn-group-vertical > .btn-group + .btn,
-.btn-group-vertical > .btn-group + .btn-group {
- margin-top: -1px;
- margin-left: 0;
+table td[class*="col-"],
+table th[class*="col-"] {
+ position: static;
+ float: none;
+ display: table-cell;
}
-.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
- border-radius: 0;
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
+ background-color: #f5f5f5;
}
-.btn-group-vertical > .btn:first-child:not(:last-child) {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+ background-color: #dff0d8;
}
-.btn-group-vertical > .btn:last-child:not(:first-child) {
- border-bottom-left-radius: 4px;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+ background-color: #d9edf7;
}
-.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
- border-radius: 0;
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+ background-color: #fcf8e3;
}
-.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
-.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+ background-color: #f2dede;
}
-.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+.table-responsive {
+ overflow-x: auto;
+ min-height: 0.01%;
}
-.btn-group-justified {
- display: table;
- width: 100%;
- table-layout: fixed;
- border-collapse: separate;
-}
+@media screen and (max-width: 767px) {
+ .table-responsive {
+ width: 100%;
+ margin-bottom: 15px;
+ overflow-y: hidden;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ border: 1px solid #ddd;
+ }
-.btn-group-justified > .btn,
-.btn-group-justified > .btn-group {
- float: none;
- display: table-cell;
- width: 1%;
-}
+ .table-responsive > .table {
+ margin-bottom: 0;
+ }
-.btn-group-justified > .btn-group .btn {
- width: 100%;
-}
+ .table-responsive > .table > thead > tr > th,
+ .table-responsive > .table > tbody > tr > th,
+ .table-responsive > .table > tfoot > tr > th,
+ .table-responsive > .table > thead > tr > td,
+ .table-responsive > .table > tbody > tr > td,
+ .table-responsive > .table > tfoot > tr > td {
+ white-space: nowrap;
+ }
-.btn-group-justified > .btn-group .dropdown-menu {
- left: auto;
-}
+ .table-responsive > .table-bordered {
+ border: 0;
+ }
-[data-toggle="buttons"] > .btn > input[type="radio"],
-[data-toggle="buttons"] > .btn > input[type="checkbox"] {
- position: absolute;
- z-index: -1;
- opacity: 0;
- filter: alpha(opacity=0);
-}
+ .table-responsive > .table-bordered > thead > tr > th:first-child,
+ .table-responsive > .table-bordered > tbody > tr > th:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+ .table-responsive > .table-bordered > thead > tr > td:first-child,
+ .table-responsive > .table-bordered > tbody > tr > td:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
+ }
-.input-group {
- position: relative;
- display: table;
- border-collapse: separate;
+ .table-responsive > .table-bordered > thead > tr > th:last-child,
+ .table-responsive > .table-bordered > tbody > tr > th:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+ .table-responsive > .table-bordered > thead > tr > td:last-child,
+ .table-responsive > .table-bordered > tbody > tr > td:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
+ }
+
+ .table-responsive > .table-bordered > tbody > tr:last-child > th,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+ .table-responsive > .table-bordered > tbody > tr:last-child > td,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+ border-bottom: 0;
+ }
}
-.input-group[class*="col-"] {
- float: none;
- padding-left: 0;
- padding-right: 0;
+fieldset {
+ padding: 0;
+ margin: 0;
+ border: 0;
+ min-width: 0;
}
-.input-group .form-control {
- position: relative;
- z-index: 2;
- float: left;
+legend {
+ display: block;
width: 100%;
- margin-bottom: 0;
+ padding: 0;
+ margin-bottom: 20px;
+ font-size: 21px;
+ line-height: inherit;
+ color: #333333;
+ border: 0;
+ border-bottom: 1px solid #e5e5e5;
}
-.input-group-lg > .form-control,
-.input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn {
- height: 46px;
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.33;
- border-radius: 6px;
+label {
+ display: inline-block;
+ max-width: 100%;
+ margin-bottom: 5px;
+ font-weight: bold;
}
-select.input-group-lg > .form-control,
-select.input-group-lg > .input-group-addon,
-select.input-group-lg > .input-group-btn > .btn {
- height: 46px;
- line-height: 46px;
+input[type="search"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
-textarea.input-group-lg > .form-control,
-textarea.input-group-lg > .input-group-addon,
-textarea.input-group-lg > .input-group-btn > .btn,
-select[multiple].input-group-lg > .form-control,
-select[multiple].input-group-lg > .input-group-addon,
-select[multiple].input-group-lg > .input-group-btn > .btn {
- height: auto;
+input[type="radio"],
+input[type="checkbox"] {
+ margin: 4px 0 0;
+ margin-top: 1px \9;
+ line-height: normal;
}
-.input-group-sm > .form-control,
-.input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .btn {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 3px;
+input[type="file"] {
+ display: block;
}
-select.input-group-sm > .form-control,
-select.input-group-sm > .input-group-addon,
-select.input-group-sm > .input-group-btn > .btn {
- height: 30px;
- line-height: 30px;
+input[type="range"] {
+ display: block;
+ width: 100%;
}
-textarea.input-group-sm > .form-control,
-textarea.input-group-sm > .input-group-addon,
-textarea.input-group-sm > .input-group-btn > .btn,
-select[multiple].input-group-sm > .form-control,
-select[multiple].input-group-sm > .input-group-addon,
-select[multiple].input-group-sm > .input-group-btn > .btn {
+select[multiple],
+select[size] {
height: auto;
}
-.input-group-addon,
-.input-group-btn,
-.input-group .form-control {
- display: table-cell;
-}
-
-.input-group-addon:not(:first-child):not(:last-child),
-.input-group-btn:not(:first-child):not(:last-child),
-.input-group .form-control:not(:first-child):not(:last-child) {
- border-radius: 0;
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
}
-.input-group-addon,
-.input-group-btn {
- width: 1%;
- white-space: nowrap;
- vertical-align: middle;
+output {
+ display: block;
+ padding-top: 7px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
}
-.input-group-addon {
+.form-control {
+ display: block;
+ width: 100%;
+ height: 34px;
padding: 6px 12px;
font-size: 14px;
- font-weight: normal;
- line-height: 1;
+ line-height: 1.42857143;
color: #555555;
- text-align: center;
- background-color: #eeeeee;
- border: 1px solid #cccccc;
+ background-color: #fff;
+ background-image: none;
+ border: 1px solid #ccc;
border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
-.input-group-addon.input-sm {
- padding: 5px 10px;
- font-size: 12px;
- border-radius: 3px;
+.form-control:focus {
+ border-color: #66afe9;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
-.input-group-addon.input-lg {
- padding: 10px 16px;
- font-size: 18px;
- border-radius: 6px;
+.form-control::-moz-placeholder {
+ color: #999;
+ opacity: 1;
}
-.input-group-addon input[type="radio"],
-.input-group-addon input[type="checkbox"] {
- margin-top: 0;
+.form-control:-ms-input-placeholder {
+ color: #999;
}
-.input-group .form-control:first-child,
-.input-group-addon:first-child,
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .btn-group > .btn,
-.input-group-btn:first-child > .dropdown-toggle,
-.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+.form-control::-webkit-input-placeholder {
+ color: #999;
}
-.input-group-addon:first-child {
- border-right: 0;
+.form-control::-ms-expand {
+ border: 0;
+ background-color: transparent;
}
-.input-group .form-control:last-child,
-.input-group-addon:last-child,
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .btn-group > .btn,
-.input-group-btn:last-child > .dropdown-toggle,
-.input-group-btn:first-child > .btn:not(:first-child),
-.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+ background-color: #eeeeee;
+ opacity: 1;
}
-.input-group-addon:last-child {
- border-left: 0;
+.form-control[disabled],
+fieldset[disabled] .form-control {
+ cursor: not-allowed;
}
-.input-group-btn {
- position: relative;
- font-size: 0;
- white-space: nowrap;
+textarea.form-control {
+ height: auto;
}
-.input-group-btn > .btn {
- position: relative;
+input[type="search"] {
+ -webkit-appearance: none;
}
-.input-group-btn > .btn + .btn {
- margin-left: -1px;
+.form-group {
+ margin-bottom: 15px;
}
-.input-group-btn > .btn:focus,
-.input-group-btn > .btn:active {
- z-index: 2;
+.radio,
+.checkbox {
+ position: relative;
+ display: block;
+ margin-top: 10px;
+ margin-bottom: 10px;
}
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .btn-group {
- margin-right: -1px;
+.radio label,
+.checkbox label {
+ min-height: 20px;
+ padding-left: 20px;
+ margin-bottom: 0;
+ font-weight: normal;
+ cursor: pointer;
}
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .btn-group {
- margin-left: -1px;
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+ position: absolute;
+ margin-left: -20px;
+ margin-top: 4px \9;
}
-.nav {
- margin-bottom: 0;
- padding-left: 0;
- list-style: none;
+.radio + .radio,
+.checkbox + .checkbox {
+ margin-top: -5px;
}
-.nav > li {
+.radio-inline,
+.checkbox-inline {
position: relative;
- display: block;
+ display: inline-block;
+ padding-left: 20px;
+ margin-bottom: 0;
+ vertical-align: middle;
+ font-weight: normal;
+ cursor: pointer;
}
-.nav > li > a {
- position: relative;
- display: block;
- padding: 10px 15px;
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+ margin-top: 0;
+ margin-left: 10px;
}
-.nav > li > a:focus {
- text-decoration: none;
- background-color: #eeeeee;
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"].disabled,
+input[type="checkbox"].disabled,
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"] {
+ cursor: not-allowed;
}
-.nav > li.disabled > a {
- color: #777777;
+.radio-inline.disabled,
+.checkbox-inline.disabled,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox-inline {
+ cursor: not-allowed;
}
-.nav > li.disabled > a:focus {
- color: #777777;
- text-decoration: none;
- background-color: transparent;
+.radio.disabled label,
+.checkbox.disabled label,
+fieldset[disabled] .radio label,
+fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
-.nav .open > a,
-.nav .open > a:focus {
- background-color: #eeeeee;
- border-color: #007aff;
+.form-control-static {
+ padding-top: 7px;
+ padding-bottom: 7px;
+ margin-bottom: 0;
+ min-height: 34px;
}
-.nav .nav-divider {
- height: 1px;
- margin: 9px 0;
- overflow: hidden;
- background-color: #e5e5e5;
+.form-control-static.input-lg,
+.form-control-static.input-sm {
+ padding-left: 0;
+ padding-right: 0;
}
-.nav > li > a > img {
- max-width: none;
+.input-sm {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-.nav-tabs {
- border-bottom: 1px solid #dddddd;
+select.input-sm {
+ height: 30px;
+ line-height: 30px;
}
-.nav-tabs > li {
- float: left;
- margin-bottom: -1px;
+textarea.input-sm,
+select[multiple].input-sm {
+ height: auto;
}
-.nav-tabs > li > a {
- margin-right: 2px;
- line-height: 1.42857143;
- border: 1px solid transparent;
- border-radius: 4px 4px 0 0;
+.form-group-sm .form-control {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-.nav-tabs > li.active > a,
-.nav-tabs > li.active > a:focus {
- color: #555555;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-bottom-color: transparent;
- cursor: default;
+.form-group-sm select.form-control {
+ height: 30px;
+ line-height: 30px;
}
-.nav-tabs.nav-justified {
- width: 100%;
- border-bottom: 0;
+.form-group-sm textarea.form-control,
+.form-group-sm select[multiple].form-control {
+ height: auto;
}
-.nav-tabs.nav-justified > li {
- float: none;
+.form-group-sm .form-control-static {
+ height: 30px;
+ min-height: 32px;
+ padding: 6px 10px;
+ font-size: 12px;
+ line-height: 1.5;
}
-.nav-tabs.nav-justified > li > a {
- text-align: center;
- margin-bottom: 5px;
+.input-lg {
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
}
-.nav-tabs.nav-justified > .dropdown .dropdown-menu {
- top: auto;
- left: auto;
+select.input-lg {
+ height: 46px;
+ line-height: 46px;
}
-.nav-tabs.nav-justified > li > a {
- margin-right: 0;
- border-radius: 4px;
+textarea.input-lg,
+select[multiple].input-lg {
+ height: auto;
}
-.nav-tabs.nav-justified > .active > a,
-.nav-tabs.nav-justified > .active > a:focus {
- border: 1px solid #dddddd;
+.form-group-lg .form-control {
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
}
-.nav-pills > li {
- float: left;
+.form-group-lg select.form-control {
+ height: 46px;
+ line-height: 46px;
}
-.nav-pills > li > a {
- border-radius: 4px;
+.form-group-lg textarea.form-control,
+.form-group-lg select[multiple].form-control {
+ height: auto;
}
-.nav-pills > li + li {
- margin-left: 2px;
+.form-group-lg .form-control-static {
+ height: 46px;
+ min-height: 38px;
+ padding: 11px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
}
-.nav-pills > li.active > a,
-.nav-pills > li.active > a:focus {
- color: #ffffff;
- background-color: #007aff;
+.has-feedback {
+ position: relative;
}
-.nav-stacked > li {
- float: none;
+.has-feedback .form-control {
+ padding-right: 42.5px;
}
-.nav-stacked > li + li {
- margin-top: 2px;
- margin-left: 0;
+.form-control-feedback {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ display: block;
+ width: 34px;
+ height: 34px;
+ line-height: 34px;
+ text-align: center;
+ pointer-events: none;
}
-.nav-justified {
- width: 100%;
+.input-lg + .form-control-feedback,
+.input-group-lg + .form-control-feedback,
+.form-group-lg .form-control + .form-control-feedback {
+ width: 46px;
+ height: 46px;
+ line-height: 46px;
}
-.nav-justified > li {
- float: none;
+.input-sm + .form-control-feedback,
+.input-group-sm + .form-control-feedback,
+.form-group-sm .form-control + .form-control-feedback {
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
}
-.nav-justified > li > a {
- text-align: center;
- margin-bottom: 5px;
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label {
+ color: #3c763d;
}
-.nav-justified > .dropdown .dropdown-menu {
- top: auto;
- left: auto;
+.has-success .form-control {
+ border-color: #3c763d;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
-.nav-tabs-justified {
- border-bottom: 0;
+.has-success .form-control:focus {
+ border-color: #2b542c;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
-.nav-tabs-justified > li > a {
- margin-right: 0;
- border-radius: 4px;
+.has-success .input-group-addon {
+ color: #3c763d;
+ border-color: #3c763d;
+ background-color: #dff0d8;
}
-.nav-tabs-justified > .active > a,
-.nav-tabs-justified > .active > a:focus {
- border: 1px solid #dddddd;
+.has-success .form-control-feedback {
+ color: #3c763d;
}
-.tab-content > .tab-pane {
- display: none;
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label {
+ color: #8a6d3b;
}
-.tab-content > .active {
- display: block;
+.has-warning .form-control {
+ border-color: #8a6d3b;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
-.nav-tabs .dropdown-menu {
- margin-top: -1px;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+.has-warning .form-control:focus {
+ border-color: #66512c;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
-.navbar {
- position: relative;
- min-height: 50px;
- margin-bottom: 20px;
- border: 1px solid transparent;
+.has-warning .input-group-addon {
+ color: #8a6d3b;
+ border-color: #8a6d3b;
+ background-color: #fcf8e3;
}
-.navbar-collapse {
- overflow-x: visible;
- padding-right: 15px;
- padding-left: 15px;
- border-top: 1px solid transparent;
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
- -webkit-overflow-scrolling: touch;
+.has-warning .form-control-feedback {
+ color: #8a6d3b;
}
-.navbar-collapse.in {
- overflow-y: auto;
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label {
+ color: #a94442;
}
-.navbar-fixed-top .navbar-collapse,
-.navbar-fixed-bottom .navbar-collapse {
- max-height: 340px;
+.has-error .form-control {
+ border-color: #a94442;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
-.container > .navbar-header,
-.container-fluid > .navbar-header,
-.container > .navbar-collapse,
-.container-fluid > .navbar-collapse {
- margin-right: -15px;
- margin-left: -15px;
+.has-error .form-control:focus {
+ border-color: #843534;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
-.navbar-static-top {
- z-index: 1000;
- border-width: 0 0 1px;
+.has-error .input-group-addon {
+ color: #a94442;
+ border-color: #a94442;
+ background-color: #f2dede;
}
-.navbar-fixed-top,
-.navbar-fixed-bottom {
- position: fixed;
- right: 0;
- left: 0;
- z-index: 1030;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
+.has-error .form-control-feedback {
+ color: #a94442;
}
-.navbar-fixed-top {
+.has-feedback label ~ .form-control-feedback {
+ top: 25px;
+}
+
+.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
- border-width: 0 0 1px;
}
-.navbar-fixed-bottom {
- bottom: 0;
+.help-block {
+ display: block;
+ margin-top: 5px;
+ margin-bottom: 10px;
+ color: #737373;
+}
+
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+ margin-top: 0;
margin-bottom: 0;
- border-width: 1px 0 0;
+ padding-top: 7px;
}
-.navbar-brand {
- float: left;
- padding: 15px 15px;
- font-size: 18px;
- line-height: 20px;
- height: 50px;
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+ min-height: 27px;
}
-.navbar-brand:focus {
- text-decoration: none;
+.form-horizontal .form-group {
+ margin-left: -15px;
+ margin-right: -15px;
}
-.navbar-toggle {
- position: relative;
- float: right;
- margin-right: 15px;
- padding: 9px 10px;
- margin-top: 8px;
- margin-bottom: 8px;
- background-color: transparent;
+.form-horizontal .has-feedback .form-control-feedback {
+ right: 15px;
+}
+
+.btn {
+ display: inline-block;
+ margin-bottom: 0;
+ font-weight: normal;
+ text-align: center;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
background-image: none;
border: 1px solid transparent;
+ white-space: nowrap;
+ padding: 6px 12px;
+ font-size: 14px;
+ line-height: 1.42857143;
border-radius: 4px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-.navbar-toggle:focus {
- outline: 0;
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
}
-.navbar-toggle .icon-bar {
- display: block;
- width: 22px;
- height: 2px;
- border-radius: 1px;
+.btn:focus,
+.btn.focus {
+ color: #333;
+ text-decoration: none;
}
-.navbar-toggle .icon-bar + .icon-bar {
- margin-top: 4px;
+.btn:active,
+.btn.active {
+ outline: 0;
+ background-image: none;
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
-.navbar-nav {
- margin: 7.5px -15px;
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+ cursor: not-allowed;
+ opacity: 0.65;
+ filter: alpha(opacity=65);
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
-.navbar-nav > li > a {
- padding-top: 10px;
- padding-bottom: 10px;
- line-height: 20px;
+a.btn.disabled,
+fieldset[disabled] a.btn {
+ pointer-events: none;
}
-.navbar-form {
- margin-left: -15px;
- margin-right: -15px;
- padding: 10px 15px;
- border-top: 1px solid transparent;
- border-bottom: 1px solid transparent;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
- margin-top: 8px;
- margin-bottom: 8px;
+.btn-default {
+ color: #333;
+ background-color: #fff;
+ border-color: #ccc;
}
-.navbar-nav > li > .dropdown-menu {
- margin-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+.btn-default:focus,
+.btn-default.focus {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #8c8c8c;
}
-.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #adadad;
}
-.navbar-btn {
- margin-top: 8px;
- margin-bottom: 8px;
+.btn-default:active:focus,
+.btn-default.active:focus,
+.open > .dropdown-toggle.btn-default:focus,
+.btn-default:active.focus,
+.btn-default.active.focus,
+.open > .dropdown-toggle.btn-default.focus {
+ color: #333;
+ background-color: #d4d4d4;
+ border-color: #8c8c8c;
}
-.navbar-btn.btn-sm {
- margin-top: 10px;
- margin-bottom: 10px;
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+ background-image: none;
}
-.navbar-btn.btn-xs {
- margin-top: 14px;
- margin-bottom: 14px;
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus {
+ background-color: #fff;
+ border-color: #ccc;
}
-.navbar-text {
- margin-top: 15px;
- margin-bottom: 15px;
+.btn-default .badge {
+ color: #fff;
+ background-color: #333;
}
-.navbar-default {
- background-color: #f7f7f7;
- border-color: #cccccc;
+.btn-primary {
+ color: #fff;
+ background-color: #007aff;
+ border-color: #006ee6;
}
-.navbar-default .navbar-brand {
- color: #007aff;
+.btn-primary:focus,
+.btn-primary.focus {
+ color: #fff;
+ background-color: #0062cc;
+ border-color: #003166;
}
-.navbar-default .navbar-brand:focus {
- color: #0062cc;
- background-color: transparent;
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+ color: #fff;
+ background-color: #0062cc;
+ border-color: #0051a8;
}
-.navbar-default .navbar-text {
- color: #007aff;
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.open > .dropdown-toggle.btn-primary:focus,
+.btn-primary:active.focus,
+.btn-primary.active.focus,
+.open > .dropdown-toggle.btn-primary.focus {
+ color: #fff;
+ background-color: #0051a8;
+ border-color: #003166;
}
-.navbar-default .navbar-nav > li > a {
- color: #007aff;
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+ background-image: none;
}
-.navbar-default .navbar-nav > li > a:focus {
- color: #006ee6;
- background-color: transparent;
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus {
+ background-color: #007aff;
+ border-color: #006ee6;
}
-.navbar-default .navbar-nav > .active > a,
-.navbar-default .navbar-nav > .active > a:focus {
- color: #1a87ff;
- background-color: #e6e6e6;
+.btn-primary .badge {
+ color: #007aff;
+ background-color: #fff;
}
-.navbar-default .navbar-nav > .disabled > a,
-.navbar-default .navbar-nav > .disabled > a:focus {
- color: #66afff;
- background-color: transparent;
+.btn-success {
+ color: #fff;
+ background-color: #4cd964;
+ border-color: #37d552;
}
-.navbar-default .navbar-toggle {
- border-color: #dddddd;
+.btn-success:focus,
+.btn-success.focus {
+ color: #fff;
+ background-color: #2ac845;
+ border-color: #197328;
}
-.navbar-default .navbar-toggle:focus {
- background-color: #dddddd;
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+ color: #fff;
+ background-color: #2ac845;
+ border-color: #24aa3b;
}
-.navbar-default .navbar-toggle .icon-bar {
- background-color: #cccccc;
+.btn-success:active:focus,
+.btn-success.active:focus,
+.open > .dropdown-toggle.btn-success:focus,
+.btn-success:active.focus,
+.btn-success.active.focus,
+.open > .dropdown-toggle.btn-success.focus {
+ color: #fff;
+ background-color: #24aa3b;
+ border-color: #197328;
}
-.navbar-default .navbar-collapse,
-.navbar-default .navbar-form {
- border-color: #cccccc;
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+ background-image: none;
}
-.navbar-default .navbar-nav > .open > a,
-.navbar-default .navbar-nav > .open > a:focus {
- background-color: #e6e6e6;
- color: #1a87ff;
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus {
+ background-color: #4cd964;
+ border-color: #37d552;
}
-.navbar-default .navbar-link {
- color: #007aff;
+.btn-success .badge {
+ color: #4cd964;
+ background-color: #fff;
}
-.navbar-default .btn-link {
- color: #007aff;
+.btn-info {
+ color: #fff;
+ background-color: #34aadc;
+ border-color: #249ed2;
}
-.navbar-default .btn-link:focus {
- color: #006ee6;
-}
-
-.navbar-default .btn-link[disabled]:focus,
-fieldset[disabled] .navbar-default .btn-link:focus {
- color: #66afff;
+.btn-info:focus,
+.btn-info.focus {
+ color: #fff;
+ background-color: #218ebd;
+ border-color: #114c66;
}
-.navbar-inverse {
- background-color: #222222;
- border-color: #080808;
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+ color: #fff;
+ background-color: #218ebd;
+ border-color: #1b779e;
}
-.navbar-inverse .navbar-brand {
- color: #777777;
+.btn-info:active:focus,
+.btn-info.active:focus,
+.open > .dropdown-toggle.btn-info:focus,
+.btn-info:active.focus,
+.btn-info.active.focus,
+.open > .dropdown-toggle.btn-info.focus {
+ color: #fff;
+ background-color: #1b779e;
+ border-color: #114c66;
}
-.navbar-inverse .navbar-brand:focus {
- color: #ffffff;
- background-color: transparent;
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+ background-image: none;
}
-.navbar-inverse .navbar-text {
- color: #777777;
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus {
+ background-color: #34aadc;
+ border-color: #249ed2;
}
-.navbar-inverse .navbar-nav > li > a {
- color: #777777;
+.btn-info .badge {
+ color: #34aadc;
+ background-color: #fff;
}
-.navbar-inverse .navbar-nav > li > a:focus {
- color: #ffffff;
- background-color: transparent;
+.btn-warning {
+ color: #fff;
+ background-color: #fc0;
+ border-color: #e6b800;
}
-.navbar-inverse .navbar-nav > .active > a,
-.navbar-inverse .navbar-nav > .active > a:focus {
- color: #ffffff;
- background-color: #080808;
+.btn-warning:focus,
+.btn-warning.focus {
+ color: #fff;
+ background-color: #cca300;
+ border-color: #665200;
}
-.navbar-inverse .navbar-nav > .disabled > a,
-.navbar-inverse .navbar-nav > .disabled > a:focus {
- color: #444444;
- background-color: transparent;
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+ color: #fff;
+ background-color: #cca300;
+ border-color: #a88700;
}
-.navbar-inverse .navbar-toggle {
- border-color: #333333;
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.open > .dropdown-toggle.btn-warning:focus,
+.btn-warning:active.focus,
+.btn-warning.active.focus,
+.open > .dropdown-toggle.btn-warning.focus {
+ color: #fff;
+ background-color: #a88700;
+ border-color: #665200;
}
-.navbar-inverse .navbar-toggle:focus {
- background-color: #333333;
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+ background-image: none;
}
-.navbar-inverse .navbar-toggle .icon-bar {
- background-color: #ffffff;
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus {
+ background-color: #fc0;
+ border-color: #e6b800;
}
-.navbar-inverse .navbar-collapse,
-.navbar-inverse .navbar-form {
- border-color: #101010;
+.btn-warning .badge {
+ color: #fc0;
+ background-color: #fff;
}
-.navbar-inverse .navbar-nav > .open > a,
-.navbar-inverse .navbar-nav > .open > a:focus {
- background-color: #080808;
- color: #ffffff;
+.btn-danger {
+ color: #fff;
+ background-color: #ff3b30;
+ border-color: #ff2317;
}
-.navbar-inverse .navbar-link {
- color: #777777;
+.btn-danger:focus,
+.btn-danger.focus {
+ color: #fff;
+ background-color: #fc0d00;
+ border-color: #960800;
}
-.navbar-inverse .btn-link {
- color: #777777;
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+ color: #fff;
+ background-color: #fc0d00;
+ border-color: #d80b00;
}
-.navbar-inverse .btn-link:focus {
- color: #ffffff;
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.open > .dropdown-toggle.btn-danger:focus,
+.btn-danger:active.focus,
+.btn-danger.active.focus,
+.open > .dropdown-toggle.btn-danger.focus {
+ color: #fff;
+ background-color: #d80b00;
+ border-color: #960800;
}
-.navbar-inverse .btn-link[disabled]:focus,
-fieldset[disabled] .navbar-inverse .btn-link:focus {
- color: #444444;
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+ background-image: none;
}
-.pager {
- padding-left: 0;
- margin: 20px 0;
- list-style: none;
- text-align: center;
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus {
+ background-color: #ff3b30;
+ border-color: #ff2317;
}
-.pager li {
- display: inline;
+.btn-danger .badge {
+ color: #ff3b30;
+ background-color: #fff;
}
-.pager li > a,
-.pager li > span {
- display: inline-block;
- padding: 5px 14px;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 15px;
+.btn-link {
+ color: #007aff;
+ font-weight: normal;
+ border-radius: 0;
}
-.pager li > a:focus {
- text-decoration: none;
- background-color: #eeeeee;
+.btn-link,
+.btn-link:active,
+.btn-link.active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
-.pager .next > a,
-.pager .next > span {
- float: right;
+.btn-link,
+.btn-link:focus,
+.btn-link:active {
+ border-color: transparent;
}
-.pager .previous > a,
-.pager .previous > span {
- float: left;
+.btn-link:focus {
+ color: #0055b3;
+ text-decoration: underline;
+ background-color: transparent;
}
-.pager .disabled > a,
-.pager .disabled > a:focus,
-.pager .disabled > span {
+.btn-link[disabled]:focus,
+fieldset[disabled] .btn-link:focus {
color: #777777;
- background-color: #ffffff;
- cursor: not-allowed;
+ text-decoration: none;
}
-.label {
- display: inline;
- padding: .2em .6em .3em;
- font-size: 75%;
- font-weight: bold;
- line-height: 1;
- color: #ffffff;
- text-align: center;
- white-space: nowrap;
- vertical-align: baseline;
- border-radius: .25em;
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
}
-a.label:focus {
- color: #ffffff;
- text-decoration: none;
- cursor: pointer;
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-.label:empty {
- display: none;
+.btn-xs,
+.btn-group-xs > .btn {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-.btn .label {
- position: relative;
- top: -1px;
+.btn-block {
+ display: block;
+ width: 100%;
}
-.label-default {
- background-color: #777777;
+.btn-block + .btn-block {
+ margin-top: 5px;
}
-.label-default[href]:focus {
- background-color: #5e5e5e;
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+ width: 100%;
}
-.label-primary {
- background-color: #007aff;
+.fade {
+ opacity: 0;
+ -webkit-transition: opacity 0.15s linear;
+ -o-transition: opacity 0.15s linear;
+ transition: opacity 0.15s linear;
}
-.label-primary[href]:focus {
- background-color: #0062cc;
+.fade.in {
+ opacity: 1;
}
-.label-success {
- background-color: #4cd964;
+.collapse {
+ display: none;
}
-.label-success[href]:focus {
- background-color: #2ac845;
+.collapse.in {
+ display: block;
}
-.label-info {
- background-color: #34aadc;
+tr.collapse.in {
+ display: table-row;
}
-.label-info[href]:focus {
- background-color: #218ebd;
+tbody.collapse.in {
+ display: table-row-group;
}
-.label-warning {
- background-color: #ffcc00;
+.collapsing {
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ -webkit-transition-property: height, visibility;
+ transition-property: height, visibility;
+ -webkit-transition-duration: 0.35s;
+ transition-duration: 0.35s;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
}
-.label-warning[href]:focus {
- background-color: #cca300;
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 2px;
+ vertical-align: middle;
+ border-top: 4px dashed;
+ border-top: 4px solid \9;
+ border-right: 4px solid transparent;
+ border-left: 4px solid transparent;
}
-.label-danger {
- background-color: #ff3b30;
+.dropup,
+.dropdown {
+ position: relative;
}
-.label-danger[href]:focus {
- background-color: #fc0d00;
+.dropdown-toggle:focus {
+ outline: 0;
}
-.badge {
- display: inline-block;
- min-width: 10px;
- padding: 3px 7px;
- font-size: 12px;
- font-weight: normal;
- color: #ffffff;
- line-height: 1;
- vertical-align: baseline;
- white-space: nowrap;
- text-align: center;
- background-color: #777777;
- border-radius: 10px;
+.dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ float: left;
+ min-width: 160px;
+ padding: 5px 0;
+ margin: 2px 0 0;
+ list-style: none;
+ font-size: 14px;
+ text-align: left;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 4px;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ background-clip: padding-box;
}
-.badge:empty {
- display: none;
+.dropdown-menu.pull-right {
+ right: 0;
+ left: auto;
}
-.btn .badge {
- position: relative;
- top: -1px;
+.dropdown-menu .divider {
+ height: 1px;
+ margin: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
}
-.btn-xs .badge {
- top: 0;
- padding: 1px 5px;
+.dropdown-menu > li > a {
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: normal;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
}
-a.badge:focus {
- color: #ffffff;
+.dropdown-menu > li > a:focus {
text-decoration: none;
- cursor: pointer;
+ color: #262626;
+ background-color: #f5f5f5;
}
-a.list-group-item.active > .badge,
-.nav-pills > .active > a > .badge {
- color: #007aff;
- background-color: #ffffff;
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:focus {
+ color: #fff;
+ text-decoration: none;
+ outline: 0;
+ background-color: #007aff;
}
-.nav-pills > li > a > .badge {
- margin-left: 3px;
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:focus {
+ color: #777777;
}
-.thumbnail {
+.dropdown-menu > .disabled > a:focus {
+ text-decoration: none;
+ background-color: transparent;
+ background-image: none;
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ cursor: not-allowed;
+}
+
+.open > .dropdown-menu {
display: block;
- padding: 4px;
- margin-bottom: 20px;
- line-height: 1.42857143;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 4px;
- -webkit-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
}
-.thumbnail > img,
-.thumbnail a > img {
- margin-left: auto;
- margin-right: auto;
+.open > a {
+ outline: 0;
}
-a.thumbnail:focus,
-a.thumbnail.active {
- border-color: #007aff;
+.dropdown-menu-right {
+ left: auto;
+ right: 0;
}
-.thumbnail .caption {
- padding: 9px;
- color: #333333;
+.dropdown-menu-left {
+ left: 0;
+ right: auto;
}
-.alert {
- padding: 15px;
- margin-bottom: 20px;
- border: 1px solid transparent;
- border-radius: 4px;
+.dropdown-header {
+ display: block;
+ padding: 3px 20px;
+ font-size: 12px;
+ line-height: 1.42857143;
+ color: #777777;
+ white-space: nowrap;
}
-.alert h4 {
- margin-top: 0;
- color: inherit;
+.dropdown-backdrop {
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ z-index: 990;
}
-.alert .alert-link {
- font-weight: normal;
+.pull-right > .dropdown-menu {
+ right: 0;
+ left: auto;
}
-.alert > p,
-.alert > ul {
- margin-bottom: 0;
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+ border-top: 0;
+ border-bottom: 4px dashed;
+ border-bottom: 4px solid \9;
+ content: "";
}
-.alert > p + p {
- margin-top: 5px;
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ margin-bottom: 2px;
}
-.alert-dismissable,
-.alert-dismissible {
- padding-right: 35px;
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
}
-.alert-dismissable .close,
-.alert-dismissible .close {
+.btn-group > .btn,
+.btn-group-vertical > .btn {
position: relative;
- top: -2px;
- right: -21px;
- color: inherit;
+ float: left;
}
-.alert-success {
- background-color: #dff0d8;
- border-color: #d6e9c6;
- color: #3c763d;
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn:active,
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
+ z-index: 2;
}
-.alert-success hr {
- border-top-color: #c9e2b3;
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+ margin-left: -1px;
}
-.alert-success .alert-link {
- color: #2b542c;
+.btn-toolbar {
+ margin-left: -5px;
}
-.alert-info {
- background-color: #d9edf7;
- border-color: #bce8f1;
- color: #31708f;
+.btn-toolbar .btn,
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
+ float: left;
}
-.alert-info hr {
- border-top-color: #a6e1ec;
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
+ margin-left: 5px;
}
-.alert-info .alert-link {
- color: #245269;
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+ border-radius: 0;
}
-.alert-warning {
- background-color: #fcf8e3;
- border-color: #faebcc;
- color: #8a6d3b;
+.btn-group > .btn:first-child {
+ margin-left: 0;
}
-.alert-warning hr {
- border-top-color: #f7e1b5;
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
}
-.alert-warning .alert-link {
- color: #66512c;
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
}
-.alert-danger {
- background-color: #f2dede;
- border-color: #ebccd1;
- color: #a94442;
+.btn-group > .btn-group {
+ float: left;
}
-.alert-danger hr {
- border-top-color: #e4b9c0;
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+ border-radius: 0;
}
-.alert-danger .alert-link {
- color: #843534;
+.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
}
-@-webkit-keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
+.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
- to {
- background-position: 0 0;
- }
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+ outline: 0;
}
-@keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
+.btn-group > .btn + .dropdown-toggle {
+ padding-left: 8px;
+ padding-right: 8px;
+}
- to {
- background-position: 0 0;
- }
+.btn-group > .btn-lg + .dropdown-toggle {
+ padding-left: 12px;
+ padding-right: 12px;
}
-.progress {
- overflow: hidden;
- height: 20px;
- margin-bottom: 20px;
- background-color: #f5f5f5;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-}
-
-.progress-bar {
- float: left;
- width: 0%;
- height: 100%;
- font-size: 12px;
- line-height: 20px;
- color: #ffffff;
- text-align: center;
- background-color: #007aff;
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- -webkit-transition: width 0.6s ease;
- -o-transition: width 0.6s ease;
- transition: width 0.6s ease;
-}
-
-.progress-striped .progress-bar,
-.progress-bar-striped {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-size: 40px 40px;
+.btn-group.open .dropdown-toggle {
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
-.progress.active .progress-bar,
-.progress-bar.active {
- -webkit-animation: progress-bar-stripes 2s linear infinite;
- -o-animation: progress-bar-stripes 2s linear infinite;
- animation: progress-bar-stripes 2s linear infinite;
+.btn-group.open .dropdown-toggle.btn-link {
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
-.progress-bar[aria-valuenow="1"],
-.progress-bar[aria-valuenow="2"] {
- min-width: 30px;
+.btn .caret {
+ margin-left: 0;
}
-.progress-bar[aria-valuenow="0"] {
- color: #777777;
- min-width: 30px;
- background-color: transparent;
- background-image: none;
- box-shadow: none;
+.btn-lg .caret {
+ border-width: 5px 5px 0;
+ border-bottom-width: 0;
}
-.progress-bar-success {
- background-color: #4cd964;
+.dropup .btn-lg .caret {
+ border-width: 0 5px 5px;
}
-.progress-striped .progress-bar-success {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+ display: block;
+ float: none;
+ width: 100%;
+ max-width: 100%;
}
-.progress-bar-info {
- background-color: #34aadc;
+.btn-group-vertical > .btn-group > .btn {
+ float: none;
}
-.progress-striped .progress-bar-info {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+ margin-top: -1px;
+ margin-left: 0;
}
-.progress-bar-warning {
- background-color: #ffcc00;
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+ border-radius: 0;
}
-.progress-striped .progress-bar-warning {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-.progress-bar-danger {
- background-color: #ff3b30;
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
}
-.progress-striped .progress-bar-danger {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+ border-radius: 0;
}
-.media,
-.media-body {
- overflow: hidden;
- zoom: 1;
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-.media,
-.media .media {
- margin-top: 15px;
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
-.media:first-child {
- margin-top: 0;
+.btn-group-justified {
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+ border-collapse: separate;
}
-.media-object {
- display: block;
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
+ float: none;
+ display: table-cell;
+ width: 1%;
}
-.media-heading {
- margin: 0 0 5px;
+.btn-group-justified > .btn-group .btn {
+ width: 100%;
}
-.media > .pull-left {
- margin-right: 10px;
+.btn-group-justified > .btn-group .dropdown-menu {
+ left: auto;
}
-.media > .pull-right {
- margin-left: 10px;
+[data-toggle="buttons"] > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn input[type="checkbox"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
}
-.media-list {
- padding-left: 0;
- list-style: none;
+.input-group {
+ position: relative;
+ display: table;
+ border-collapse: separate;
}
-.list-group {
- margin-bottom: 20px;
+.input-group[class*="col-"] {
+ float: none;
padding-left: 0;
+ padding-right: 0;
}
-.list-group-item {
+.input-group .form-control {
position: relative;
- display: block;
- padding: 10px 15px;
- margin-bottom: -1px;
- background-color: #ffffff;
- border: 1px solid #dddddd;
+ z-index: 2;
+ float: left;
+ width: 100%;
+ margin-bottom: 0;
}
-.list-group-item:first-child {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
+.input-group .form-control:focus {
+ z-index: 3;
}
-.list-group-item:last-child {
- margin-bottom: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
}
-.list-group-item > .badge {
- float: right;
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+ height: 46px;
+ line-height: 46px;
}
-.list-group-item > .badge + .badge {
- margin-right: 5px;
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn > .btn {
+ height: auto;
}
-a.list-group-item {
- color: #555555;
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-a.list-group-item .list-group-item-heading {
- color: #333333;
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
+ height: 30px;
+ line-height: 30px;
}
-a.list-group-item:focus {
- text-decoration: none;
- color: #555555;
- background-color: #f5f5f5;
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .input-group-btn > .btn {
+ height: auto;
}
-.list-group-item.disabled,
-.list-group-item.disabled:focus {
- background-color: #eeeeee;
- color: #777777;
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+ display: table-cell;
}
-.list-group-item.disabled .list-group-item-heading,
-.list-group-item.disabled:focus .list-group-item-heading {
- color: inherit;
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child),
+.input-group .form-control:not(:first-child):not(:last-child) {
+ border-radius: 0;
}
-.list-group-item.disabled .list-group-item-text,
-.list-group-item.disabled:focus .list-group-item-text {
- color: #777777;
+.input-group-addon,
+.input-group-btn {
+ width: 1%;
+ white-space: nowrap;
+ vertical-align: middle;
}
-.list-group-item.active,
-.list-group-item.active:focus {
- z-index: 2;
- color: #ffffff;
- background-color: #007aff;
- border-color: #007aff;
+.input-group-addon {
+ padding: 6px 12px;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1;
+ color: #555555;
+ text-align: center;
+ background-color: #eeeeee;
+ border: 1px solid #ccc;
+ border-radius: 4px;
}
-.list-group-item.active .list-group-item-heading,
-.list-group-item.active:focus .list-group-item-heading,
-.list-group-item.active .list-group-item-heading > small,
-.list-group-item.active:focus .list-group-item-heading > small,
-.list-group-item.active .list-group-item-heading > .small,
-.list-group-item.active:focus .list-group-item-heading > .small {
- color: inherit;
+.input-group-addon.input-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ border-radius: 3px;
}
-.list-group-item.active .list-group-item-text,
-.list-group-item.active:focus .list-group-item-text {
- color: #cce4ff;
+.input-group-addon.input-lg {
+ padding: 10px 16px;
+ font-size: 18px;
+ border-radius: 6px;
}
-.list-group-item-success {
- color: #3c763d;
- background-color: #dff0d8;
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+ margin-top: 0;
}
-a.list-group-item-success {
- color: #3c763d;
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
}
-a.list-group-item-success .list-group-item-heading {
- color: inherit;
+.input-group-addon:first-child {
+ border-right: 0;
}
-a.list-group-item-success:focus {
- color: #3c763d;
- background-color: #d0e9c6;
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
}
-a.list-group-item-success.active,
-a.list-group-item-success.active:focus {
- color: #fff;
- background-color: #3c763d;
- border-color: #3c763d;
+.input-group-addon:last-child {
+ border-left: 0;
}
-.list-group-item-info {
- color: #31708f;
- background-color: #d9edf7;
+.input-group-btn {
+ position: relative;
+ font-size: 0;
+ white-space: nowrap;
}
-a.list-group-item-info {
- color: #31708f;
+.input-group-btn > .btn {
+ position: relative;
}
-a.list-group-item-info .list-group-item-heading {
- color: inherit;
+.input-group-btn > .btn + .btn {
+ margin-left: -1px;
}
-a.list-group-item-info:focus {
- color: #31708f;
- background-color: #c4e3f3;
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
+ z-index: 2;
}
-a.list-group-item-info.active,
-a.list-group-item-info.active:focus {
- color: #fff;
- background-color: #31708f;
- border-color: #31708f;
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
+ margin-right: -1px;
}
-.list-group-item-warning {
- color: #8a6d3b;
- background-color: #fcf8e3;
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group {
+ z-index: 2;
+ margin-left: -1px;
}
-a.list-group-item-warning {
- color: #8a6d3b;
+.nav {
+ margin-bottom: 0;
+ padding-left: 0;
+ list-style: none;
}
-a.list-group-item-warning .list-group-item-heading {
- color: inherit;
+.nav > li {
+ position: relative;
+ display: block;
}
-a.list-group-item-warning:focus {
- color: #8a6d3b;
- background-color: #faf2cc;
+.nav > li > a {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
}
-a.list-group-item-warning.active,
-a.list-group-item-warning.active:focus {
- color: #fff;
- background-color: #8a6d3b;
- border-color: #8a6d3b;
+.nav > li > a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
}
-.list-group-item-danger {
- color: #a94442;
- background-color: #f2dede;
+.nav > li.disabled > a {
+ color: #777777;
}
-a.list-group-item-danger {
- color: #a94442;
+.nav > li.disabled > a:focus {
+ color: #777777;
+ text-decoration: none;
+ background-color: transparent;
+ cursor: not-allowed;
}
-a.list-group-item-danger .list-group-item-heading {
- color: inherit;
+.nav .open > a,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #007aff;
}
-a.list-group-item-danger:focus {
- color: #a94442;
- background-color: #ebcccc;
+.nav .nav-divider {
+ height: 1px;
+ margin: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
}
-a.list-group-item-danger.active,
-a.list-group-item-danger.active:focus {
- color: #fff;
- background-color: #a94442;
- border-color: #a94442;
+.nav > li > a > img {
+ max-width: none;
}
-.list-group-item-heading {
- margin-top: 0;
- margin-bottom: 5px;
+.nav-tabs {
+ border-bottom: 1px solid #ddd;
}
-.list-group-item-text {
- margin-bottom: 0;
- line-height: 1.3;
+.nav-tabs > li {
+ float: left;
+ margin-bottom: -1px;
}
-.panel {
- margin-bottom: 20px;
- background-color: #ffffff;
+.nav-tabs > li > a {
+ margin-right: 2px;
+ line-height: 1.42857143;
border: 1px solid transparent;
- border-radius: 4px;
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ border-radius: 4px 4px 0 0;
}
-.panel-body {
- padding: 15px;
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-bottom-color: transparent;
+ cursor: default;
}
-.panel-heading {
- padding: 10px 15px;
- border-bottom: 1px solid transparent;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: 0;
}
-.panel-heading > .dropdown .dropdown-toggle {
- color: inherit;
+.nav-tabs.nav-justified > li {
+ float: none;
}
-.panel-title {
- margin-top: 0;
- margin-bottom: 0;
- font-size: 16px;
- color: inherit;
+.nav-tabs.nav-justified > li > a {
+ text-align: center;
+ margin-bottom: 5px;
}
-.panel-title > a {
- color: inherit;
+.nav-tabs.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
}
-.panel-footer {
- padding: 10px 15px;
- background-color: #f5f5f5;
- border-top: 1px solid #dddddd;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 4px;
}
-.panel > .list-group {
- margin-bottom: 0;
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #ddd;
}
-.panel > .list-group .list-group-item {
- border-width: 1px 0;
- border-radius: 0;
+.nav-pills > li {
+ float: left;
}
-.panel > .list-group:first-child .list-group-item:first-child {
- border-top: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+.nav-pills > li > a {
+ border-radius: 4px;
}
-.panel > .list-group:last-child .list-group-item:last-child {
- border-bottom: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+.nav-pills > li + li {
+ margin-left: 2px;
}
-.panel-heading + .list-group .list-group-item:first-child {
- border-top-width: 0;
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:focus {
+ color: #fff;
+ background-color: #007aff;
}
-.list-group + .panel-footer {
- border-top-width: 0;
+.nav-stacked > li {
+ float: none;
}
-.panel > .table,
-.panel > .table-responsive > .table,
-.panel > .panel-collapse > .table {
- margin-bottom: 0;
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
}
-.panel > .table:first-child,
-.panel > .table-responsive:first-child > .table:first-child {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+.nav-justified {
+ width: 100%;
}
-.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
-.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
-.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
-.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
-.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
-.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
-.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
-.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
- border-top-left-radius: 3px;
+.nav-justified > li {
+ float: none;
}
-.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
-.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
-.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
-.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
-.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
-.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
-.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
-.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
- border-top-right-radius: 3px;
-}
-
-.panel > .table:last-child,
-.panel > .table-responsive:last-child > .table:last-child {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+.nav-justified > li > a {
+ text-align: center;
+ margin-bottom: 5px;
}
-.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
-.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
-.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
-.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
-.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
-.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
-.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
-.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
- border-bottom-left-radius: 3px;
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
}
-.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
-.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
-.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
-.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
-.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
-.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
-.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
-.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
- border-bottom-right-radius: 3px;
+.nav-tabs-justified {
+ border-bottom: 0;
}
-.panel > .panel-body + .table,
-.panel > .panel-body + .table-responsive {
- border-top: 1px solid #dddddd;
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 4px;
}
-.panel > .table > tbody:first-child > tr:first-child th,
-.panel > .table > tbody:first-child > tr:first-child td {
- border-top: 0;
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #ddd;
}
-.panel > .table-bordered,
-.panel > .table-responsive > .table-bordered {
- border: 0;
+.tab-content > .tab-pane {
+ display: none;
}
-.panel > .table-bordered > thead > tr > th:first-child,
-.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
-.panel > .table-bordered > tbody > tr > th:first-child,
-.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
-.panel > .table-bordered > tfoot > tr > th:first-child,
-.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
-.panel > .table-bordered > thead > tr > td:first-child,
-.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
-.panel > .table-bordered > tbody > tr > td:first-child,
-.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
-.panel > .table-bordered > tfoot > tr > td:first-child,
-.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
- border-left: 0;
+.tab-content > .active {
+ display: block;
}
-.panel > .table-bordered > thead > tr > th:last-child,
-.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
-.panel > .table-bordered > tbody > tr > th:last-child,
-.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
-.panel > .table-bordered > tfoot > tr > th:last-child,
-.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
-.panel > .table-bordered > thead > tr > td:last-child,
-.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
-.panel > .table-bordered > tbody > tr > td:last-child,
-.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
-.panel > .table-bordered > tfoot > tr > td:last-child,
-.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
- border-right: 0;
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
-.panel > .table-bordered > thead > tr:first-child > td,
-.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
-.panel > .table-bordered > tbody > tr:first-child > td,
-.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
-.panel > .table-bordered > thead > tr:first-child > th,
-.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
-.panel > .table-bordered > tbody > tr:first-child > th,
-.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
- border-bottom: 0;
+.navbar {
+ position: relative;
+ min-height: 50px;
+ margin-bottom: 20px;
+ border: 1px solid transparent;
}
-.panel > .table-bordered > tbody > tr:last-child > td,
-.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
-.panel > .table-bordered > tfoot > tr:last-child > td,
-.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
-.panel > .table-bordered > tbody > tr:last-child > th,
-.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
-.panel > .table-bordered > tfoot > tr:last-child > th,
-.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
- border-bottom: 0;
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+ border-top: 1px solid transparent;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-overflow-scrolling: touch;
}
-.panel > .table-responsive {
- border: 0;
- margin-bottom: 0;
+.navbar-collapse.in {
+ overflow-y: auto;
}
-.panel-group {
- margin-bottom: 20px;
+.navbar-fixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
}
-.panel-group .panel {
- margin-bottom: 0;
- border-radius: 4px;
+.container > .navbar-header,
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
+ margin-right: -15px;
+ margin-left: -15px;
}
-.panel-group .panel + .panel {
- margin-top: 5px;
+.navbar-static-top {
+ z-index: 1000;
+ border-width: 0 0 1px;
}
-.panel-group .panel-heading {
- border-bottom: 0;
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+ position: fixed;
+ right: 0;
+ left: 0;
+ z-index: 1030;
}
-.panel-group .panel-heading + .panel-collapse > .panel-body {
- border-top: 1px solid #dddddd;
+.navbar-fixed-top {
+ top: 0;
+ border-width: 0 0 1px;
}
-.panel-group .panel-footer {
- border-top: 0;
+.navbar-fixed-bottom {
+ bottom: 0;
+ margin-bottom: 0;
+ border-width: 1px 0 0;
}
-.panel-group .panel-footer + .panel-collapse .panel-body {
- border-bottom: 1px solid #dddddd;
+.navbar-brand {
+ float: left;
+ padding: 15px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 50px;
}
-.panel-default {
- border-color: #dddddd;
+.navbar-brand:focus {
+ text-decoration: none;
}
-.panel-default > .panel-heading {
- color: #333333;
- background-color: #f5f5f5;
- border-color: #dddddd;
+.navbar-brand > img {
+ display: block;
}
-.panel-default > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #dddddd;
+.navbar-toggle {
+ position: relative;
+ float: right;
+ margin-right: 15px;
+ padding: 9px 10px;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 4px;
}
-.panel-default > .panel-heading .badge {
- color: #f5f5f5;
- background-color: #333333;
+.navbar-toggle:focus {
+ outline: 0;
}
-.panel-default > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #dddddd;
+.navbar-toggle .icon-bar {
+ display: block;
+ width: 22px;
+ height: 2px;
+ border-radius: 1px;
}
-.panel-primary {
- border-color: #007aff;
+.navbar-toggle .icon-bar + .icon-bar {
+ margin-top: 4px;
}
-.panel-primary > .panel-heading {
- color: #ffffff;
- background-color: #007aff;
- border-color: #007aff;
+.navbar-nav {
+ margin: 7.5px -15px;
}
-.panel-primary > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #007aff;
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
}
-.panel-primary > .panel-heading .badge {
- color: #007aff;
- background-color: #ffffff;
-}
+@media (max-width: 767px) {
+ .navbar-nav .open .dropdown-menu {
+ position: static;
+ float: none;
+ width: auto;
+ margin-top: 0;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ }
-.panel-primary > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #007aff;
-}
+ .navbar-nav .open .dropdown-menu > li > a,
+ .navbar-nav .open .dropdown-menu .dropdown-header {
+ padding: 5px 15px 5px 25px;
+ }
-.panel-success {
- border-color: #d6e9c6;
-}
+ .navbar-nav .open .dropdown-menu > li > a {
+ line-height: 20px;
+ }
-.panel-success > .panel-heading {
- color: #3c763d;
- background-color: #dff0d8;
- border-color: #d6e9c6;
+ .navbar-nav .open .dropdown-menu > li > a:focus {
+ background-image: none;
+ }
}
-.panel-success > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #d6e9c6;
+.navbar-form {
+ margin-left: -15px;
+ margin-right: -15px;
+ padding: 10px 15px;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 8px;
+ margin-bottom: 8px;
}
-.panel-success > .panel-heading .badge {
- color: #dff0d8;
- background-color: #3c763d;
+@media (max-width: 767px) {
+ .navbar-form .form-group {
+ margin-bottom: 5px;
+ }
+
+ .navbar-form .form-group:last-child {
+ margin-bottom: 0;
+ }
}
-.panel-success > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #d6e9c6;
+.navbar-nav > li > .dropdown-menu {
+ margin-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
-.panel-info {
- border-color: #bce8f1;
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+ margin-bottom: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-.panel-info > .panel-heading {
- color: #31708f;
- background-color: #d9edf7;
- border-color: #bce8f1;
+.navbar-btn {
+ margin-top: 8px;
+ margin-bottom: 8px;
}
-.panel-info > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #bce8f1;
+.navbar-btn.btn-sm {
+ margin-top: 10px;
+ margin-bottom: 10px;
}
-.panel-info > .panel-heading .badge {
- color: #d9edf7;
- background-color: #31708f;
+.navbar-btn.btn-xs {
+ margin-top: 14px;
+ margin-bottom: 14px;
}
-.panel-info > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #bce8f1;
+.navbar-text {
+ margin-top: 15px;
+ margin-bottom: 15px;
}
-.panel-warning {
- border-color: #faebcc;
+.navbar-default {
+ background-color: #f7f7f7;
+ border-color: #ccc;
}
-.panel-warning > .panel-heading {
- color: #8a6d3b;
- background-color: #fcf8e3;
- border-color: #faebcc;
+.navbar-default .navbar-brand {
+ color: #007aff;
}
-.panel-warning > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #faebcc;
+.navbar-default .navbar-brand:focus {
+ color: #0062cc;
+ background-color: transparent;
}
-.panel-warning > .panel-heading .badge {
- color: #fcf8e3;
- background-color: #8a6d3b;
+.navbar-default .navbar-text {
+ color: #007aff;
}
-.panel-warning > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #faebcc;
+.navbar-default .navbar-nav > li > a {
+ color: #007aff;
}
-.panel-danger {
- border-color: #ebccd1;
+.navbar-default .navbar-nav > li > a:focus {
+ color: #006ee6;
+ background-color: transparent;
}
-.panel-danger > .panel-heading {
- color: #a94442;
- background-color: #f2dede;
- border-color: #ebccd1;
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #1a87ff;
+ background-color: #e6e6e6;
}
-.panel-danger > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #ebccd1;
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #66afff;
+ background-color: transparent;
}
-.panel-danger > .panel-heading .badge {
- color: #f2dede;
- background-color: #a94442;
+.navbar-default .navbar-toggle {
+ border-color: #ddd;
}
-.panel-danger > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #ebccd1;
+.navbar-default .navbar-toggle:focus {
+ background-color: #ddd;
}
-.well {
- min-height: 20px;
- padding: 19px;
- margin-bottom: 20px;
- background-color: #f5f5f5;
- border: 1px solid #e3e3e3;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #ccc;
}
-.well blockquote {
- border-color: #ddd;
- border-color: rgba(0, 0, 0, 0.15);
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #ccc;
}
-.well-lg {
- padding: 24px;
- border-radius: 6px;
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #e6e6e6;
+ color: #1a87ff;
}
-.well-sm {
- padding: 9px;
- border-radius: 3px;
-}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #007aff;
+ }
-.close {
- float: right;
- font-size: 21px;
- font-weight: normal;
- line-height: 1;
- color: #000000;
- text-shadow: 0 1px 0 #ffffff;
- opacity: 0.2;
- filter: alpha(opacity=20);
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #006ee6;
+ background-color: transparent;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+ color: #1a87ff;
+ background-color: #e6e6e6;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ color: #66afff;
+ background-color: transparent;
+ }
}
-.close:focus {
- color: #000000;
- text-decoration: none;
- cursor: pointer;
- opacity: 0.5;
- filter: alpha(opacity=50);
+.navbar-default .navbar-link {
+ color: #007aff;
}
-button.close {
- padding: 0;
- cursor: pointer;
- background: transparent;
- border: 0;
- -webkit-appearance: none;
+.navbar-default .btn-link {
+ color: #007aff;
}
-.modal-open {
- overflow: hidden;
+.navbar-default .btn-link:focus {
+ color: #006ee6;
}
-.modal {
- display: none;
- overflow: hidden;
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1050;
- -webkit-overflow-scrolling: touch;
- outline: 0;
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #66afff;
}
-.modal.fade .modal-dialog {
- -webkit-transform: translate3d(0, -25%, 0);
- transform: translate3d(0, -25%, 0);
- -webkit-transition: -webkit-transform 0.3s ease-out;
- -moz-transition: -moz-transform 0.3s ease-out;
- -o-transition: -o-transform 0.3s ease-out;
- transition: transform 0.3s ease-out;
+.navbar-inverse {
+ background-color: #222;
+ border-color: #080808;
}
-.modal.in .modal-dialog {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
+.navbar-inverse .navbar-brand {
+ color: #9d9d9d;
}
-.modal-open .modal {
- overflow-x: hidden;
- overflow-y: auto;
+.navbar-inverse .navbar-brand:focus {
+ color: #fff;
+ background-color: transparent;
}
-.modal-dialog {
- position: relative;
- width: auto;
- margin: 10px;
+.navbar-inverse .navbar-text {
+ color: #9d9d9d;
}
-.modal-content {
- position: relative;
- background-color: #ffffff;
- border: 1px solid #999999;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 6px;
- -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- background-clip: padding-box;
- outline: 0;
+.navbar-inverse .navbar-nav > li > a {
+ color: #9d9d9d;
}
-.modal-backdrop {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1040;
- background-color: #000000;
+.navbar-inverse .navbar-nav > li > a:focus {
+ color: #fff;
+ background-color: transparent;
}
-.modal-backdrop.fade {
- opacity: 0;
- filter: alpha(opacity=0);
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:focus {
+ color: #fff;
+ background-color: #080808;
}
-.modal-backdrop.in {
- opacity: 0.5;
- filter: alpha(opacity=50);
+.navbar-inverse .navbar-nav > .disabled > a,
+.navbar-inverse .navbar-nav > .disabled > a:focus {
+ color: #444;
+ background-color: transparent;
}
-.modal-header {
- padding: 15px;
- border-bottom: 1px solid #e5e5e5;
- min-height: 16.42857143px;
+.navbar-inverse .navbar-toggle {
+ border-color: #333;
}
-.modal-header .close {
- margin-top: -2px;
+.navbar-inverse .navbar-toggle:focus {
+ background-color: #333;
}
-.modal-title {
- margin: 0;
- line-height: 1.42857143;
+.navbar-inverse .navbar-toggle .icon-bar {
+ background-color: #fff;
}
-.modal-body {
- position: relative;
- padding: 15px;
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+ border-color: #101010;
}
-.modal-footer {
- padding: 15px;
- text-align: right;
- border-top: 1px solid #e5e5e5;
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:focus {
+ background-color: #080808;
+ color: #fff;
}
-.modal-footer .btn + .btn {
- margin-left: 5px;
- margin-bottom: 0;
+@media (max-width: 767px) {
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+ border-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+ background-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+ color: #9d9d9d;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #fff;
+ background-color: transparent;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+ color: #fff;
+ background-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ color: #444;
+ background-color: transparent;
+ }
}
-.modal-footer .btn-group .btn + .btn {
- margin-left: -1px;
+.navbar-inverse .navbar-link {
+ color: #9d9d9d;
}
-.modal-footer .btn-block + .btn-block {
- margin-left: 0;
+.navbar-inverse .btn-link {
+ color: #9d9d9d;
}
-.modal-scrollbar-measure {
- position: absolute;
- top: -9999px;
- width: 50px;
- height: 50px;
- overflow: scroll;
+.navbar-inverse .btn-link:focus {
+ color: #fff;
}
-.tooltip {
- position: absolute;
- z-index: 1070;
- display: block;
- visibility: visible;
- font-size: 12px;
- line-height: 1.4;
- opacity: 0;
- filter: alpha(opacity=0);
+.navbar-inverse .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-inverse .btn-link:focus {
+ color: #444;
}
-.tooltip.in {
- opacity: 0.9;
- filter: alpha(opacity=90);
+.pager {
+ padding-left: 0;
+ margin: 20px 0;
+ list-style: none;
+ text-align: center;
}
-.tooltip.top {
- margin-top: -3px;
- padding: 5px 0;
+.pager li {
+ display: inline;
}
-.tooltip.right {
- margin-left: 3px;
- padding: 0 5px;
+.pager li > a,
+.pager li > span {
+ display: inline-block;
+ padding: 5px 14px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 15px;
}
-.tooltip.bottom {
- margin-top: 3px;
- padding: 5px 0;
+.pager li > a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
}
-.tooltip.left {
- margin-left: -3px;
- padding: 0 5px;
+.pager .next > a,
+.pager .next > span {
+ float: right;
}
-.tooltip-inner {
- max-width: 200px;
- padding: 3px 8px;
- color: #ffffff;
+.pager .previous > a,
+.pager .previous > span {
+ float: left;
+}
+
+.pager .disabled > a,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #777777;
+ background-color: #fff;
+ cursor: not-allowed;
+}
+
+.label {
+ display: inline;
+ padding: .2em .6em .3em;
+ font-size: 75%;
+ font-weight: bold;
+ line-height: 1;
+ color: #fff;
text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: .25em;
+}
+
+a.label:focus {
+ color: #fff;
text-decoration: none;
- background-color: #000000;
- border-radius: 4px;
+ cursor: pointer;
}
-.tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
+.label:empty {
+ display: none;
}
-.tooltip.top .tooltip-arrow {
- bottom: 0;
- left: 50%;
- margin-left: -5px;
- border-width: 5px 5px 0;
- border-top-color: #000000;
+.btn .label {
+ position: relative;
+ top: -1px;
}
-.tooltip.top-left .tooltip-arrow {
- bottom: 0;
- left: 5px;
- border-width: 5px 5px 0;
- border-top-color: #000000;
+.label-default {
+ background-color: #777777;
}
-.tooltip.top-right .tooltip-arrow {
- bottom: 0;
- right: 5px;
- border-width: 5px 5px 0;
- border-top-color: #000000;
+.label-default[href]:focus {
+ background-color: #5e5e5e;
}
-.tooltip.right .tooltip-arrow {
- top: 50%;
- left: 0;
- margin-top: -5px;
- border-width: 5px 5px 5px 0;
- border-right-color: #000000;
+.label-primary {
+ background-color: #007aff;
}
-.tooltip.left .tooltip-arrow {
- top: 50%;
- right: 0;
- margin-top: -5px;
- border-width: 5px 0 5px 5px;
- border-left-color: #000000;
+.label-primary[href]:focus {
+ background-color: #0062cc;
}
-.tooltip.bottom .tooltip-arrow {
- top: 0;
- left: 50%;
- margin-left: -5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000000;
+.label-success {
+ background-color: #4cd964;
}
-.tooltip.bottom-left .tooltip-arrow {
- top: 0;
- left: 5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000000;
+.label-success[href]:focus {
+ background-color: #2ac845;
}
-.tooltip.bottom-right .tooltip-arrow {
- top: 0;
- right: 5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000000;
+.label-info {
+ background-color: #34aadc;
}
-.popover {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1060;
- display: none;
- max-width: 276px;
- padding: 1px;
- text-align: left;
- background-color: #ffffff;
- background-clip: padding-box;
- border: 1px solid #cccccc;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 6px;
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- white-space: normal;
+.label-info[href]:focus {
+ background-color: #218ebd;
}
-.popover.top {
- margin-top: -10px;
+.label-warning {
+ background-color: #fc0;
}
-.popover.right {
- margin-left: 10px;
+.label-warning[href]:focus {
+ background-color: #cca300;
}
-.popover.bottom {
- margin-top: 10px;
+.label-danger {
+ background-color: #ff3b30;
}
-.popover.left {
- margin-left: -10px;
+.label-danger[href]:focus {
+ background-color: #fc0d00;
}
-.popover-title {
- margin: 0;
- padding: 8px 14px;
- font-size: 14px;
+.badge {
+ display: inline-block;
+ min-width: 10px;
+ padding: 3px 7px;
+ font-size: 12px;
font-weight: normal;
- line-height: 18px;
- background-color: #f7f7f7;
- border-bottom: 1px solid #ebebeb;
- border-radius: 5px 5px 0 0;
+ color: #fff;
+ line-height: 1;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-align: center;
+ background-color: #777777;
+ border-radius: 10px;
}
-.popover-content {
- padding: 9px 14px;
+.badge:empty {
+ display: none;
}
-.popover > .arrow,
-.popover > .arrow:after {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
+.btn .badge {
+ position: relative;
+ top: -1px;
}
-.popover > .arrow {
- border-width: 11px;
+.btn-xs .badge,
+.btn-group-xs > .btn .badge {
+ top: 0;
+ padding: 1px 5px;
}
-.popover > .arrow:after {
- border-width: 10px;
- content: "";
+a.badge:focus {
+ color: #fff;
+ text-decoration: none;
+ cursor: pointer;
}
-.popover.top > .arrow {
- left: 50%;
- margin-left: -11px;
- border-bottom-width: 0;
- border-top-color: #999999;
- border-top-color: rgba(0, 0, 0, 0.25);
- bottom: -11px;
+.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #007aff;
+ background-color: #fff;
}
-.popover.top > .arrow:after {
- content: " ";
- bottom: 1px;
- margin-left: -10px;
- border-bottom-width: 0;
- border-top-color: #ffffff;
+.list-group-item > .badge {
+ float: right;
}
-.popover.right > .arrow {
- top: 50%;
- left: -11px;
- margin-top: -11px;
- border-left-width: 0;
- border-right-color: #999999;
- border-right-color: rgba(0, 0, 0, 0.25);
+.list-group-item > .badge + .badge {
+ margin-right: 5px;
}
-.popover.right > .arrow:after {
- content: " ";
- left: 1px;
- bottom: -10px;
- border-left-width: 0;
- border-right-color: #ffffff;
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
}
-.popover.bottom > .arrow {
- left: 50%;
- margin-left: -11px;
- border-top-width: 0;
- border-bottom-color: #999999;
- border-bottom-color: rgba(0, 0, 0, 0.25);
- top: -11px;
+.thumbnail {
+ display: block;
+ padding: 4px;
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ -webkit-transition: border 0.2s ease-in-out;
+ -o-transition: border 0.2s ease-in-out;
+ transition: border 0.2s ease-in-out;
}
-.popover.bottom > .arrow:after {
- content: " ";
- top: 1px;
- margin-left: -10px;
- border-top-width: 0;
- border-bottom-color: #ffffff;
+.thumbnail > img,
+.thumbnail a > img {
+ margin-left: auto;
+ margin-right: auto;
}
-.popover.left > .arrow {
- top: 50%;
- right: -11px;
- margin-top: -11px;
- border-right-width: 0;
- border-left-color: #999999;
- border-left-color: rgba(0, 0, 0, 0.25);
+a.thumbnail:focus,
+a.thumbnail.active {
+ border-color: #007aff;
}
-.popover.left > .arrow:after {
- content: " ";
- right: 1px;
- border-right-width: 0;
- border-left-color: #ffffff;
- bottom: -10px;
+.thumbnail .caption {
+ padding: 9px;
+ color: #333333;
}
-.carousel {
- position: relative;
+.alert {
+ padding: 15px;
+ margin-bottom: 20px;
+ border: 1px solid transparent;
+ border-radius: 4px;
}
-.carousel-inner {
- position: relative;
- overflow: hidden;
- width: 100%;
+.alert h4 {
+ margin-top: 0;
+ color: inherit;
}
-.carousel-inner > .item {
- display: none;
- position: relative;
- -webkit-transition: 0.6s ease-in-out left;
- -o-transition: 0.6s ease-in-out left;
- transition: 0.6s ease-in-out left;
+.alert .alert-link {
+ font-weight: normal;
}
-.carousel-inner > .item > img,
-.carousel-inner > .item > a > img {
- line-height: 1;
+.alert > p,
+.alert > ul {
+ margin-bottom: 0;
}
-.carousel-inner > .active,
-.carousel-inner > .next,
-.carousel-inner > .prev {
- display: block;
+.alert > p + p {
+ margin-top: 5px;
}
-.carousel-inner > .active {
- left: 0;
+.alert-dismissable,
+.alert-dismissible {
+ padding-right: 35px;
}
-.carousel-inner > .next,
-.carousel-inner > .prev {
- position: absolute;
- top: 0;
- width: 100%;
+.alert-dismissable .close,
+.alert-dismissible .close {
+ position: relative;
+ top: -2px;
+ right: -21px;
+ color: inherit;
}
-.carousel-inner > .next {
- left: 100%;
+.alert-success {
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
+ color: #3c763d;
}
-.carousel-inner > .prev {
- left: -100%;
+.alert-success hr {
+ border-top-color: #c9e2b3;
}
-.carousel-inner > .next.left,
-.carousel-inner > .prev.right {
- left: 0;
+.alert-success .alert-link {
+ color: #2b542c;
}
-.carousel-inner > .active.left {
- left: -100%;
+.alert-info {
+ background-color: #d9edf7;
+ border-color: #bce8f1;
+ color: #31708f;
}
-.carousel-inner > .active.right {
- left: 100%;
+.alert-info hr {
+ border-top-color: #a6e1ec;
}
-.carousel-control {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- width: 15%;
- opacity: 0.5;
- filter: alpha(opacity=50);
- font-size: 20px;
- color: #ffffff;
- text-align: center;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+.alert-info .alert-link {
+ color: #245269;
}
-.carousel-control.left {
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+.alert-warning {
+ background-color: #fcf8e3;
+ border-color: #faebcc;
+ color: #8a6d3b;
}
-.carousel-control.right {
- left: auto;
- right: 0;
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+.alert-warning hr {
+ border-top-color: #f7e1b5;
}
-.carousel-control:focus {
- outline: 0;
- color: #ffffff;
- text-decoration: none;
- opacity: 0.9;
- filter: alpha(opacity=90);
+.alert-warning .alert-link {
+ color: #66512c;
}
-.carousel-control .icon-prev,
-.carousel-control .icon-next,
-.carousel-control .glyphicon-chevron-left,
-.carousel-control .glyphicon-chevron-right {
- position: absolute;
- top: 50%;
- z-index: 5;
- display: inline-block;
+.alert-danger {
+ background-color: #f2dede;
+ border-color: #ebccd1;
+ color: #a94442;
}
-.carousel-control .icon-prev,
-.carousel-control .glyphicon-chevron-left {
- left: 50%;
- margin-left: -10px;
+.alert-danger hr {
+ border-top-color: #e4b9c0;
}
-.carousel-control .icon-next,
-.carousel-control .glyphicon-chevron-right {
- right: 50%;
- margin-right: -10px;
+.alert-danger .alert-link {
+ color: #843534;
}
-.carousel-control .icon-prev,
-.carousel-control .icon-next {
- width: 20px;
- height: 20px;
- margin-top: -10px;
- font-family: serif;
+@-webkit-keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+
+ to {
+ background-position: 0 0;
+ }
}
-.carousel-control .icon-prev:before {
- content: '\2039';
+@keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+
+ to {
+ background-position: 0 0;
+ }
}
-.carousel-control .icon-next:before {
- content: '\203a';
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
-.carousel-indicators {
- position: absolute;
- bottom: 10px;
- left: 50%;
- z-index: 15;
- width: 60%;
- margin-left: -30%;
- padding-left: 0;
- list-style: none;
+.progress-bar {
+ float: left;
+ width: 0%;
+ height: 100%;
+ font-size: 12px;
+ line-height: 20px;
+ color: #fff;
text-align: center;
+ background-color: #007aff;
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ -webkit-transition: width 0.6s ease;
+ -o-transition: width 0.6s ease;
+ transition: width 0.6s ease;
}
-.carousel-indicators li {
- display: inline-block;
- width: 10px;
- height: 10px;
- margin: 1px;
- text-indent: -999px;
- border: 1px solid #ffffff;
- border-radius: 10px;
- cursor: pointer;
- background-color: #000 \9;
- background-color: rgba(0, 0, 0, 0);
+.progress-striped .progress-bar,
+.progress-bar-striped {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 40px 40px;
}
-.carousel-indicators .active {
- margin: 0;
- width: 12px;
- height: 12px;
- background-color: #ffffff;
+.progress.active .progress-bar,
+.progress-bar.active {
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
+ -o-animation: progress-bar-stripes 2s linear infinite;
+ animation: progress-bar-stripes 2s linear infinite;
}
-.carousel-caption {
- position: absolute;
- left: 15%;
- right: 15%;
- bottom: 20px;
- z-index: 10;
- padding-top: 20px;
- padding-bottom: 20px;
- color: #ffffff;
- text-align: center;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+.progress-bar-success {
+ background-color: #4cd964;
}
-.carousel-caption .btn {
- text-shadow: none;
+.progress-striped .progress-bar-success {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.clearfix:before,
-.clearfix:after,
-.dl-horizontal dd:before,
-.dl-horizontal dd:after,
-.container:before,
-.container:after,
-.container-fluid:before,
-.container-fluid:after,
-.row:before,
-.row:after,
-.form-horizontal .form-group:before,
-.form-horizontal .form-group:after,
-.btn-toolbar:before,
-.btn-toolbar:after,
-.btn-group-vertical > .btn-group:before,
-.btn-group-vertical > .btn-group:after,
-.nav:before,
-.nav:after,
-.navbar:before,
-.navbar:after,
-.navbar-header:before,
-.navbar-header:after,
-.navbar-collapse:before,
-.navbar-collapse:after,
-.pager:before,
-.pager:after,
-.panel-body:before,
-.panel-body:after,
-.modal-footer:before,
-.modal-footer:after {
- content: " ";
- display: table;
-}
-
-.clearfix:after,
-.dl-horizontal dd:after,
-.container:after,
-.container-fluid:after,
-.row:after,
-.form-horizontal .form-group:after,
-.btn-toolbar:after,
-.btn-group-vertical > .btn-group:after,
-.nav:after,
-.navbar:after,
-.navbar-header:after,
-.navbar-collapse:after,
-.pager:after,
-.panel-body:after,
-.modal-footer:after {
- clear: both;
+.progress-bar-info {
+ background-color: #34aadc;
}
-.center-block {
- display: block;
- margin-left: auto;
- margin-right: auto;
+.progress-striped .progress-bar-info {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.pull-right {
- float: right !important;
+.progress-bar-warning {
+ background-color: #fc0;
}
-.pull-left {
- float: left !important;
+.progress-striped .progress-bar-warning {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.hide {
- display: none !important;
+.progress-bar-danger {
+ background-color: #ff3b30;
}
-.show {
- display: block !important;
+.progress-striped .progress-bar-danger {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.invisible {
- visibility: hidden;
+.media {
+ margin-top: 15px;
}
-.text-hide {
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
+.media:first-child {
+ margin-top: 0;
}
-.hidden {
- display: none !important;
- visibility: hidden !important;
+.media,
+.media-body {
+ zoom: 1;
+ overflow: hidden;
}
-.affix {
- position: fixed;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
+.media-body {
+ width: 10000px;
}
-@-ms-viewport {
- width: device-width;
+.media-object {
+ display: block;
}
-.visible-xs,
-.visible-sm,
-.visible-md,
-.visible-lg {
- display: none !important;
+.media-object.img-thumbnail {
+ max-width: none;
}
-.visible-xs-block,
-.visible-xs-inline,
-.visible-xs-inline-block,
-.visible-sm-block,
-.visible-sm-inline,
-.visible-sm-inline-block,
-.visible-md-block,
-.visible-md-inline,
-.visible-md-inline-block,
-.visible-lg-block,
-.visible-lg-inline,
-.visible-lg-inline-block {
- display: none !important;
+.media-right,
+.media > .pull-right {
+ padding-left: 10px;
}
-.visible-print {
- display: none !important;
+.media-left,
+.media > .pull-left {
+ padding-right: 10px;
}
-.visible-print-block {
- display: none !important;
+.media-left,
+.media-right,
+.media-body {
+ display: table-cell;
+ vertical-align: top;
}
-.visible-print-inline {
- display: none !important;
+.media-middle {
+ vertical-align: middle;
}
-.visible-print-inline-block {
- display: none !important;
+.media-bottom {
+ vertical-align: bottom;
}
-html {
- height: 100%;
- width: 100%;
- overflow: hidden;
+.media-heading {
+ margin-top: 0;
+ margin-bottom: 5px;
}
-body {
- height: 100%;
- width: 100%;
- overflow: hidden;
- font-weight: 200;
+.media-list {
+ padding-left: 0;
+ list-style: none;
}
-a {
- text-decoration: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- color: #007aff;
+.list-group {
+ margin-bottom: 20px;
+ padding-left: 0;
}
-a:active,
-.btn:active {
- opacity: 0.6;
- filter: alpha(opacity=60);
- -webkit-box-shadow: none;
- box-shadow: none;
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
+ margin-bottom: -1px;
+ background-color: #fff;
+ border: 1px solid #ddd;
}
-a:focus {
- outline: 0 none;
+.list-group-item:first-child {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- margin-top: 0;
- padding-top: 0;
+.list-group-item:last-child {
+ margin-bottom: 0;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
}
-.page-header {
- margin-top: 10px;
+a.list-group-item,
+button.list-group-item {
+ color: #555;
}
-.page-header h1,
-.page-header h2,
-.page-header h3,
-.page-header h4,
-.page-header h5,
-.page-header h6 {
- margin-bottom: 0;
- padding-bottom: 0;
+a.list-group-item .list-group-item-heading,
+button.list-group-item .list-group-item-heading {
+ color: #333;
}
-img {
- max-width: 100%;
+a.list-group-item:focus,
+button.list-group-item:focus {
+ text-decoration: none;
+ color: #555;
+ background-color: #f5f5f5;
}
-html {
- height: 100%;
+button.list-group-item {
width: 100%;
- overflow: hidden;
+ text-align: left;
}
-body {
- height: 100%;
- width: 100%;
- overflow: hidden;
+.list-group-item.disabled,
+.list-group-item.disabled:focus {
+ background-color: #eeeeee;
+ color: #777777;
+ cursor: not-allowed;
}
-textarea,
-input[type="email"],
-input[type="number"],
-input[type="search"],
-input[type="tel"],
-input[type="text"],
-input[type="url"] {
- -webkit-appearance: none;
+.list-group-item.disabled .list-group-item-heading,
+.list-group-item.disabled:focus .list-group-item-heading {
+ color: inherit;
}
-.form-control:focus {
- outline: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
+.list-group-item.disabled .list-group-item-text,
+.list-group-item.disabled:focus .list-group-item-text {
+ color: #777777;
}
-.form-control {
- -webkit-box-shadow: none;
- box-shadow: none;
- border: 1px solid #cccccc;
+.list-group-item.active,
+.list-group-item.active:focus {
+ z-index: 2;
+ color: #fff;
+ background-color: #007aff;
+ border-color: #007aff;
}
-.form-group {
- margin-bottom: 0;
- padding: 10px 0;
+.list-group-item.active .list-group-item-heading,
+.list-group-item.active:focus .list-group-item-heading,
+.list-group-item.active .list-group-item-heading > small,
+.list-group-item.active:focus .list-group-item-heading > small,
+.list-group-item.active .list-group-item-heading > .small,
+.list-group-item.active:focus .list-group-item-heading > .small {
+ color: inherit;
}
-.input-group-addon {
- background: #ffffff;
+.list-group-item.active .list-group-item-text,
+.list-group-item.active:focus .list-group-item-text {
+ color: #cce4ff;
}
-.control-label {
- line-height: 34px;
- margin: 0;
+.list-group-item-success {
+ color: #3c763d;
+ background-color: #dff0d8;
}
-.app-search {
- border-radius: 0;
+a.list-group-item-success,
+button.list-group-item-success {
+ color: #3c763d;
}
-.form-actions {
- margin-top: -20px;
+a.list-group-item-success .list-group-item-heading,
+button.list-group-item-success .list-group-item-heading {
+ color: inherit;
}
-.switch {
- cursor: pointer;
- position: relative;
- display: block;
- width: 68px;
- height: 34px;
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border-radius: 999px;
+a.list-group-item-success:focus,
+button.list-group-item-success:focus {
+ color: #3c763d;
+ background-color: #d0e9c6;
}
-.switch .switch-handle {
- position: absolute;
- top: -1px;
- left: -1px;
- z-index: 2;
- width: 34px;
- height: 34px;
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border-radius: 999px;
+a.list-group-item-success.active,
+button.list-group-item-success.active,
+a.list-group-item-success.active:focus,
+button.list-group-item-success.active:focus {
+ color: #fff;
+ background-color: #3c763d;
+ border-color: #3c763d;
}
-.switch.active {
- background-color: #007aff;
- border: 1px solid #007aff;
+.list-group-item-info {
+ color: #31708f;
+ background-color: #d9edf7;
}
-.switch.active .switch-handle {
- border-color: #007aff;
- -webkit-transform: translate3d(34px, 0, 0);
- transform: translate3d(34px, 0, 0);
+a.list-group-item-info,
+button.list-group-item-info {
+ color: #31708f;
}
-.switch-transition-enabled {
- -webkit-transition: background-color 200ms ease, border 200ms ease;
- -o-transition: background-color 200ms ease, border 200ms ease;
- transition: background-color 200ms ease, border 200ms ease;
+a.list-group-item-info .list-group-item-heading,
+button.list-group-item-info .list-group-item-heading {
+ color: inherit;
}
-.switch-transition-enabled > .switch-handle {
- -webkit-transition: -webkit-transform 200ms ease, background-color 200ms ease;
- -moz-transition: -moz-transform 200ms ease, background-color 200ms ease;
- -o-transition: -o-transform 200ms ease, background-color 200ms ease;
- transition: transform 200ms ease, background-color 200ms ease;
+a.list-group-item-info:focus,
+button.list-group-item-info:focus {
+ color: #31708f;
+ background-color: #c4e3f3;
}
-.btn.active,
-.btn.active:focus,
-.btn.active:active {
- -webkit-box-shadow: none;
- box-shadow: none;
+a.list-group-item-info.active,
+button.list-group-item-info.active,
+a.list-group-item-info.active:focus,
+button.list-group-item-info.active:focus {
+ color: #fff;
+ background-color: #31708f;
+ border-color: #31708f;
}
-.btn-group.justified > .btn:not(:last-child) {
- border-right-width: 0;
+.list-group-item-warning {
+ color: #8a6d3b;
+ background-color: #fcf8e3;
}
-.btn-group.justified > .btn:last-child,
-.btn-group.justified > .btn.active {
- border-right-width: 1px;
+a.list-group-item-warning,
+button.list-group-item-warning {
+ color: #8a6d3b;
}
-.btn-group.justified > .btn:not(:last-child).active + .btn {
- border-left-width: 0;
+a.list-group-item-warning .list-group-item-heading,
+button.list-group-item-warning .list-group-item-heading {
+ color: inherit;
}
-.btn-group.nav-tabs {
- border: 0 none;
+a.list-group-item-warning:focus,
+button.list-group-item-warning:focus {
+ color: #8a6d3b;
+ background-color: #faf2cc;
}
-.btn-group > .btn-default.active,
-.btn-group > .btn-default.active:focus {
- color: #ffffff;
- background-color: #007aff;
- border-color: #006ee6;
+a.list-group-item-warning.active,
+button.list-group-item-warning.active,
+a.list-group-item-warning.active:focus,
+button.list-group-item-warning.active:focus {
+ color: #fff;
+ background-color: #8a6d3b;
+ border-color: #8a6d3b;
}
-.list-group-item,
-a.list-group-item {
- margin-bottom: 0;
- border: 0 none;
- border-bottom: 1px solid #dddddd;
+.list-group-item-danger {
+ color: #a94442;
+ background-color: #f2dede;
}
-.list-group-item:first-child,
-a.list-group-item:first-child {
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+a.list-group-item-danger,
+button.list-group-item-danger {
+ color: #a94442;
}
-.list-group-item:last-child,
-a.list-group-item:last-child {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+a.list-group-item-danger .list-group-item-heading,
+button.list-group-item-danger .list-group-item-heading {
+ color: inherit;
}
-.list-group-item .fa.pull-right,
-a.list-group-item .fa.pull-right,
-.list-group-item .icon.pull-right,
-a.list-group-item .icon.pull-right {
- line-height: 1.42857143;
+a.list-group-item-danger:focus,
+button.list-group-item-danger:focus {
+ color: #a94442;
+ background-color: #ebcccc;
}
-.list-group-item.media {
- margin-bottom: 0;
+a.list-group-item-danger.active,
+button.list-group-item-danger.active,
+a.list-group-item-danger.active:focus,
+button.list-group-item-danger.active:focus {
+ color: #fff;
+ background-color: #a94442;
+ border-color: #a94442;
+}
+
+.list-group-item-heading {
margin-top: 0;
+ margin-bottom: 5px;
}
-.app {
- height: 100%;
- position: relative;
- z-index: 2;
- width: 100%;
- background: #777777;
- overflow: hidden;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition: -webkit-transform 400ms ease;
- -moz-transition: -moz-transform 400ms ease;
- -o-transition: -o-transform 400ms ease;
- transition: transform 400ms ease;
- -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
+.list-group-item-text {
+ margin-bottom: 0;
+ line-height: 1.3;
}
-.app-body {
- display: block;
- height: 100%;
- padding: 0;
- overflow: hidden;
+.panel {
+ margin-bottom: 20px;
+ background-color: #fff;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
-.app-content {
- display: block;
- position: relative;
- height: 100%;
- width: 100%;
- padding: 0;
- overflow: hidden;
+.panel-body {
+ padding: 15px;
}
-.app-search {
- position: relative;
- border-width: 0 0 1px;
- z-index: 1029;
- width: 100%;
+.panel-heading {
+ padding: 10px 15px;
+ border-bottom: 1px solid transparent;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
}
-.navbar-app {
- min-height: 50px;
- border-color: #cccccc;
- background: #f7f7f7;
- border-width: 1px;
- border-style: solid;
- color: #007aff;
+.panel-heading > .dropdown .dropdown-toggle {
+ color: inherit;
}
-.navbar-app .btn-icon-only .fa,
-.navbar-app .btn-icon-only .icon {
- font-size: 22px;
- vertical-align: middle;
+.panel-title {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 16px;
+ color: inherit;
}
-.navbar-app .btn-navbar,
-.navbar-app .btn {
- background: none;
- border: none;
- line-height: 50px;
- padding-top: 0;
- padding-bottom: 0;
- color: #007aff;
- text-transform: uppercase;
+.panel-title > a,
+.panel-title > small,
+.panel-title > .small,
+.panel-title > small > a,
+.panel-title > .small > a {
+ color: inherit;
}
-.navbar-brand-center {
- position: absolute;
- text-align: center;
- width: 100%;
- white-space: nowrap;
- overflow: hidden;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
+.panel-footer {
+ padding: 10px 15px;
+ background-color: #f5f5f5;
+ border-top: 1px solid #ddd;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
}
-.navbar-absolute-top,
-.navbar-absolute-bottom {
- position: absolute;
- z-index: 1000;
- border-width: 0;
- left: 0;
- right: 0;
- width: 100%;
- margin: 0;
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+ margin-bottom: 0;
}
-.has-navbar-top .app-body {
- padding-top: 51px;
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
+ border-width: 1px 0;
+ border-radius: 0;
}
-.has-navbar-bottom .app-body {
- padding-bottom: 51px;
+.panel > .list-group:first-child .list-group-item:first-child,
+.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
+ border-top: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
}
-.navbar-absolute-top {
- top: 0;
- border-bottom-width: 1px;
+.panel > .list-group:last-child .list-group-item:last-child,
+.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
+ border-bottom: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
}
-.navbar-absolute-bottom {
- top: auto;
- bottom: 0;
- border-bottom: 0 none;
- border-top-width: 1px;
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
-.sidebar {
- z-index: 0;
- position: absolute;
- top: 0;
- bottom: 0;
- display: block;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition: -webkit-transform 400ms ease;
- -moz-transition: -moz-transform 400ms ease;
- -o-transition: -o-transform 400ms ease;
- transition: transform 400ms ease;
+.panel-heading + .list-group .list-group-item:first-child {
+ border-top-width: 0;
}
-.sidebar-left {
- background: #555555;
- width: 300px;
- left: 0;
- right: auto;
- -webkit-transition: width 400ms ease;
- -o-transition: width 400ms ease;
- transition: width 400ms ease;
+.list-group + .panel-footer {
+ border-top-width: 0;
}
-.sidebar-right {
- background: #555555;
- width: 300px;
- left: auto;
- right: 0;
- opacity: 1;
- filter: alpha(opacity=100);
- -webkit-transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- -o-transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+ margin-bottom: 0;
}
-.sidebar-left-in .sidebar-right {
- z-index: -100;
- opacity: 0;
- filter: alpha(opacity=0);
- -webkit-transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- -o-transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- width: 0;
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+ padding-left: 15px;
+ padding-right: 15px;
}
-.sidebar-left-in .app {
- width: 100%;
- -webkit-transform: translate3d(300px, 0, 0);
- transform: translate3d(300px, 0, 0);
- -webkit-transition: -webkit-transform 400ms ease;
- -moz-transition: -moz-transform 400ms ease;
- -o-transition: -o-transform 400ms ease;
- transition: transform 400ms ease;
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
}
-.sidebar-right-in .app {
- width: 100%;
- -webkit-transform: translate3d(-300px, 0, 0);
- transform: translate3d(-300px, 0, 0);
- -webkit-transition: -webkit-transform 400ms ease;
- -moz-transition: -moz-transform 400ms ease;
- -o-transition: -o-transform 400ms ease;
- transition: transform 400ms ease;
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
}
-.sidebar-header,
-.app-name {
- position: relative;
- width: 100%;
- line-height: 70px;
- padding: 0 10px;
- font-size: 23px;
- color: #ffffff;
- margin: 0;
- z-index: 10;
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+ border-top-left-radius: 3px;
}
-.section {
- background: #ffffff;
- padding-top: 10px;
- padding-bottom: 10px;
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+ border-top-right-radius: 3px;
}
-.section.section-condensed {
- padding-top: 0;
- padding-bottom: 0;
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
}
-.section.section-break {
- margin-bottom: 20px;
- -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.08), 0 1px rgba(0, 0, 0, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: 0 -1px rgba(0, 0, 0, 0.08), 0 1px rgba(0, 0, 0, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
}
-.section-default {
- background-color: #777777;
- color: #ffffff;
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+ border-bottom-left-radius: 3px;
}
-.section-primary {
- background-color: #007aff;
- color: #ffffff;
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+ border-bottom-right-radius: 3px;
}
-.section-success {
- background-color: #4cd964;
- color: #ffffff;
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+ border-top: 1px solid #ddd;
}
-.section-info {
- background-color: #34aadc;
- color: #ffffff;
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+ border-top: 0;
}
-.section-warning {
- background-color: #ffcc00;
- color: #ffffff;
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+ border: 0;
}
-.section-danger {
- background-color: #ff3b30;
- color: #ffffff;
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
}
-.justified {
- display: table;
- width: 100%;
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
}
-.justified > * {
- display: table-cell;
- width: 1%;
- float: none !important;
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+ border-bottom: 0;
}
-.scrollable {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+ border-bottom: 0;
}
-.scrollable-content {
- width: 100%;
- height: 100%;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
+.panel > .table-responsive {
+ border: 0;
+ margin-bottom: 0;
}
-.sidebar-header + .scrollable,
-.app-name + .scrollable {
- padding-top: 70px;
+.panel-group {
+ margin-bottom: 20px;
}
-.app-search + .scrollable {
- padding-top: 34px;
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 4px;
}
-[overlay],
-[data-overlay] {
- display: none;
+.panel-group .panel + .panel {
+ margin-top: 5px;
}
-.overlay {
- display: none;
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
+.panel-group .panel-heading {
+ border-bottom: 0;
}
-.overlay .overlay-inner {
- width: 100%;
- height: 100%;
- position: relative;
- overflow: hidden;
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
+ border-top: 1px solid #ddd;
}
-.overlay .overlay-inner > .overlay-background {
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
- margin: -5px -5px -5px -5px;
- background: rgba(255, 255, 255, 0.8);
- z-index: 1040;
+.panel-group .panel-footer {
+ border-top: 0;
}
-.overlay .overlay-inner > .overlay-dismiss {
- position: absolute;
- right: 10px;
- top: 10px;
- z-index: 1051;
- font-size: 24px;
+.panel-group .panel-footer + .panel-collapse .panel-body {
+ border-bottom: 1px solid #ddd;
}
-.overlay .overlay-inner > .overlay-content {
- width: 100%;
- box-sizing: border-box;
- display: table;
- background: transparent;
- text-align: center;
- color: #000000;
- height: 100%;
- z-index: 1050;
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
- padding: 20px;
+.panel-default {
+ border-color: #ddd;
}
-.overlay .overlay-inner > .overlay-content > .overlay-body {
- display: table-cell;
- vertical-align: middle;
+.panel-default > .panel-heading {
+ color: #333333;
+ background-color: #f5f5f5;
+ border-color: #ddd;
}
-.overlay-in > .overlay-show {
- display: block;
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #ddd;
}
-.overlay-in > .app,
-.overlay-in > .sidebar {
- -webkit-filter: blur(5px);
- -moz-filter: blur(5px);
- -o-filter: blur(5px);
- -ms-filter: blur(5px);
- filter: blur(5px);
+.panel-default > .panel-heading .badge {
+ color: #f5f5f5;
+ background-color: #333333;
}
-input.ng-invalid,
-textarea.ng-invalid {
- border-color: #ffcc00;
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #ddd;
}
-.ng-dirty input.ng-invalid {
- border-color: #ffcc00;
+.panel-primary {
+ border-color: #007aff;
}
-.ng-dirty input.ng-invalid ~ span.ko {
- color: #ff3b30;
+.panel-primary > .panel-heading {
+ color: #fff;
+ background-color: #007aff;
+ border-color: #007aff;
}
-.panel {
- -webkit-box-shadow: none;
- box-shadow: none;
- background: #ffffff;
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #007aff;
}
-.panel-group .panel + .panel {
- margin-top: -1px;
+.panel-primary > .panel-heading .badge {
+ color: #007aff;
+ background-color: #fff;
}
-.panel-group .panel-heading[toggle] {
- cursor: pointer;
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #007aff;
}
-html .panel-group .panel-heading {
- padding: 0 15px;
+.panel-success {
+ border-color: #d6e9c6;
}
-html .panel-group .panel-title {
- line-height: 40px;
+.panel-success > .panel-heading {
+ color: #3c763d;
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
}
-.panel-heading,
-.panel-body {
- padding: 10px 15px;
- border: 0;
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #d6e9c6;
}
-.panel-body {
- background: #ffffff;
+.panel-success > .panel-heading .badge {
+ color: #dff0d8;
+ background-color: #3c763d;
}
-.panel-heading {
- border-bottom: 1px solid #dddddd;
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #d6e9c6;
}
-.panel-title {
- color: #777777;
- font-weight: 200;
- font-size: 20px;
+.panel-info {
+ border-color: #bce8f1;
}
-form .panel-heading {
- margin-bottom: 0;
- padding-bottom: 10px;
+.panel-info > .panel-heading {
+ color: #31708f;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
}
-form .panel-body {
- padding-top: 0;
- padding-bottom: 0;
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #bce8f1;
}
-.panel-group .panel-heading + .panel-collapse .panel-body {
- border-top: 0;
+.panel-info > .panel-heading .badge {
+ color: #d9edf7;
+ background-color: #31708f;
}
-.panel-default .panel-heading {
- padding: 0 0 10px 0;
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #bce8f1;
}
-.panel-default .panel-body {
- padding: 15px;
+.panel-warning {
+ border-color: #faebcc;
}
-.carousel,
-.carousel-inner,
-.carousel-inner > .item {
- height: 100%;
- max-width: 100%;
- text-align: center;
+.panel-warning > .panel-heading {
+ color: #8a6d3b;
+ background-color: #fcf8e3;
+ border-color: #faebcc;
}
-.carousel-inner > .item > a > img,
-.carousel-inner > .item > img {
- max-width: 100%;
- max-height: 100%;
- margin: auto;
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #faebcc;
}
-@media (min-width: 768px) {
- .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
- float: left;
- }
- .col-sm-12 {
- width: 100%;
- }
- .col-sm-11 {
- width: 91.66666667%;
- }
- .col-sm-10 {
- width: 83.33333333%;
- }
- .col-sm-9 {
- width: 75%;
- }
- .col-sm-8 {
- width: 66.66666667%;
- }
- .col-sm-7 {
- width: 58.33333333%;
- }
- .col-sm-6 {
- width: 50%;
- }
- .col-sm-5 {
- width: 41.66666667%;
- }
- .col-sm-4 {
- width: 33.33333333%;
- }
- .col-sm-3 {
- width: 25%;
- }
- .col-sm-2 {
- width: 16.66666667%;
- }
- .col-sm-1 {
- width: 8.33333333%;
- }
- .col-sm-pull-12 {
- right: 100%;
- }
- .col-sm-pull-11 {
- right: 91.66666667%;
- }
- .col-sm-pull-10 {
- right: 83.33333333%;
- }
- .col-sm-pull-9 {
- right: 75%;
- }
- .col-sm-pull-8 {
- right: 66.66666667%;
- }
- .col-sm-pull-7 {
- right: 58.33333333%;
- }
- .col-sm-pull-6 {
- right: 50%;
- }
- .col-sm-pull-5 {
- right: 41.66666667%;
- }
- .col-sm-pull-4 {
- right: 33.33333333%;
- }
- .col-sm-pull-3 {
- right: 25%;
- }
- .col-sm-pull-2 {
- right: 16.66666667%;
- }
- .col-sm-pull-1 {
- right: 8.33333333%;
- }
- .col-sm-pull-0 {
- right: auto;
- }
- .col-sm-push-12 {
- left: 100%;
- }
- .col-sm-push-11 {
- left: 91.66666667%;
- }
- .col-sm-push-10 {
- left: 83.33333333%;
- }
- .col-sm-push-9 {
- left: 75%;
- }
- .col-sm-push-8 {
- left: 66.66666667%;
- }
- .col-sm-push-7 {
- left: 58.33333333%;
- }
- .col-sm-push-6 {
- left: 50%;
- }
- .col-sm-push-5 {
- left: 41.66666667%;
- }
- .col-sm-push-4 {
- left: 33.33333333%;
- }
- .col-sm-push-3 {
- left: 25%;
- }
- .col-sm-push-2 {
- left: 16.66666667%;
- }
- .col-sm-push-1 {
- left: 8.33333333%;
- }
- .col-sm-push-0 {
- left: auto;
- }
- .col-sm-offset-12 {
- margin-left: 100%;
- }
- .col-sm-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-sm-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-sm-offset-9 {
- margin-left: 75%;
- }
- .col-sm-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-sm-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-sm-offset-6 {
- margin-left: 50%;
- }
- .col-sm-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-sm-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-sm-offset-3 {
- margin-left: 25%;
- }
- .col-sm-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-sm-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-sm-offset-0 {
- margin-left: 0%;
- }
+
+.panel-warning > .panel-heading .badge {
+ color: #fcf8e3;
+ background-color: #8a6d3b;
}
-@media (min-width: 480px) {
- .sidebar-left {
- width: 440px;
- }
- .sidebar-right {
- width: 440px;
- }
- .sidebar-left-in .app {
- -webkit-transform: translate3d(440px, 0, 0);
- transform: translate3d(440px, 0, 0);
- }
- .sidebar-right-in .app {
- -webkit-transform: translate3d(-440px, 0, 0);
- transform: translate3d(-440px, 0, 0);
- }
+
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #faebcc;
}
-@media (min-width: 768px) {
- .sidebar-left {
- width: 688px;
+
+.panel-danger {
+ border-color: #ebccd1;
+}
+
+.panel-danger > .panel-heading {
+ color: #a94442;
+ background-color: #f2dede;
+ border-color: #ebccd1;
+}
+
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #ebccd1;
+}
+
+.panel-danger > .panel-heading .badge {
+ color: #f2dede;
+ background-color: #a94442;
+}
+
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #ebccd1;
+}
+
+.well {
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border: 1px solid #e3e3e3;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+.well blockquote {
+ border-color: #ddd;
+ border-color: rgba(0, 0, 0, 0.15);
+}
+
+.well-lg {
+ padding: 24px;
+ border-radius: 6px;
+}
+
+.well-sm {
+ padding: 9px;
+ border-radius: 3px;
+}
+
+.close {
+ float: right;
+ font-size: 21px;
+ font-weight: normal;
+ line-height: 1;
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+ opacity: 0.2;
+ filter: alpha(opacity=20);
+}
+
+.close:focus {
+ color: #000;
+ text-decoration: none;
+ cursor: pointer;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+}
+
+button.close {
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ -webkit-appearance: none;
+}
+
+.modal-open {
+ overflow: hidden;
+}
+
+.modal {
+ display: none;
+ overflow: hidden;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1050;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
+}
+
+.modal.fade .modal-dialog {
+ -webkit-transform: translate(0, -25%);
+ -ms-transform: translate(0, -25%);
+ -o-transform: translate(0, -25%);
+ transform: translate(0, -25%);
+ -webkit-transition: -webkit-transform 0.3s ease-out;
+ -moz-transition: -moz-transform 0.3s ease-out;
+ -o-transition: -o-transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
+}
+
+.modal.in .modal-dialog {
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+
+.modal-open .modal {
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: 10px;
+}
+
+.modal-content {
+ position: relative;
+ background-color: #fff;
+ border: 1px solid #999;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 6px;
+ -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ outline: 0;
+}
+
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1040;
+ background-color: #000;
+}
+
+.modal-backdrop.fade {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+
+.modal-backdrop.in {
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+}
+
+.modal-header {
+ padding: 15px;
+ border-bottom: 1px solid #e5e5e5;
+}
+
+.modal-header .close {
+ margin-top: -2px;
+}
+
+.modal-title {
+ margin: 0;
+ line-height: 1.42857143;
+}
+
+.modal-body {
+ position: relative;
+ padding: 15px;
+}
+
+.modal-footer {
+ padding: 15px;
+ text-align: right;
+ border-top: 1px solid #e5e5e5;
+}
+
+.modal-footer .btn + .btn {
+ margin-left: 5px;
+ margin-bottom: 0;
+}
+
+.modal-footer .btn-group .btn + .btn {
+ margin-left: -1px;
+}
+
+.modal-footer .btn-block + .btn-block {
+ margin-left: 0;
+}
+
+.modal-scrollbar-measure {
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll;
+}
+
+.tooltip {
+ position: absolute;
+ z-index: 1070;
+ display: block;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-style: normal;
+ font-weight: normal;
+ letter-spacing: normal;
+ line-break: auto;
+ line-height: 1.42857143;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ white-space: normal;
+ word-break: normal;
+ word-spacing: normal;
+ word-wrap: normal;
+ font-size: 12px;
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+
+.tooltip.in {
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+
+.tooltip.top {
+ margin-top: -3px;
+ padding: 5px 0;
+}
+
+.tooltip.right {
+ margin-left: 3px;
+ padding: 0 5px;
+}
+
+.tooltip.bottom {
+ margin-top: 3px;
+ padding: 5px 0;
+}
+
+.tooltip.left {
+ margin-left: -3px;
+ padding: 0 5px;
+}
+
+.tooltip-inner {
+ max-width: 200px;
+ padding: 3px 8px;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 4px;
+}
+
+.tooltip-arrow {
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+}
+
+.tooltip.top .tooltip-arrow {
+ bottom: 0;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000;
+}
+
+.tooltip.top-left .tooltip-arrow {
+ bottom: 0;
+ right: 5px;
+ margin-bottom: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000;
+}
+
+.tooltip.top-right .tooltip-arrow {
+ bottom: 0;
+ left: 5px;
+ margin-bottom: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000;
+}
+
+.tooltip.right .tooltip-arrow {
+ top: 50%;
+ left: 0;
+ margin-top: -5px;
+ border-width: 5px 5px 5px 0;
+ border-right-color: #000;
+}
+
+.tooltip.left .tooltip-arrow {
+ top: 50%;
+ right: 0;
+ margin-top: -5px;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #000;
+}
+
+.tooltip.bottom .tooltip-arrow {
+ top: 0;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+}
+
+.tooltip.bottom-left .tooltip-arrow {
+ top: 0;
+ right: 5px;
+ margin-top: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+}
+
+.tooltip.bottom-right .tooltip-arrow {
+ top: 0;
+ left: 5px;
+ margin-top: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+}
+
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1060;
+ display: none;
+ max-width: 276px;
+ padding: 1px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-style: normal;
+ font-weight: normal;
+ letter-spacing: normal;
+ line-break: auto;
+ line-height: 1.42857143;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ white-space: normal;
+ word-break: normal;
+ word-spacing: normal;
+ word-wrap: normal;
+ font-size: 14px;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 6px;
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+}
+
+.popover.top {
+ margin-top: -10px;
+}
+
+.popover.right {
+ margin-left: 10px;
+}
+
+.popover.bottom {
+ margin-top: 10px;
+}
+
+.popover.left {
+ margin-left: -10px;
+}
+
+.popover-title {
+ margin: 0;
+ padding: 8px 14px;
+ font-size: 14px;
+ background-color: #f7f7f7;
+ border-bottom: 1px solid #ebebeb;
+ border-radius: 5px 5px 0 0;
+}
+
+.popover-content {
+ padding: 9px 14px;
+}
+
+.popover > .arrow,
+.popover > .arrow:after {
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+}
+
+.popover > .arrow {
+ border-width: 11px;
+}
+
+.popover > .arrow:after {
+ border-width: 10px;
+ content: "";
+}
+
+.popover.top > .arrow {
+ left: 50%;
+ margin-left: -11px;
+ border-bottom-width: 0;
+ border-top-color: #999999;
+ border-top-color: rgba(0, 0, 0, 0.25);
+ bottom: -11px;
+}
+
+.popover.top > .arrow:after {
+ content: " ";
+ bottom: 1px;
+ margin-left: -10px;
+ border-bottom-width: 0;
+ border-top-color: #fff;
+}
+
+.popover.right > .arrow {
+ top: 50%;
+ left: -11px;
+ margin-top: -11px;
+ border-left-width: 0;
+ border-right-color: #999999;
+ border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.popover.right > .arrow:after {
+ content: " ";
+ left: 1px;
+ bottom: -10px;
+ border-left-width: 0;
+ border-right-color: #fff;
+}
+
+.popover.bottom > .arrow {
+ left: 50%;
+ margin-left: -11px;
+ border-top-width: 0;
+ border-bottom-color: #999999;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
+ top: -11px;
+}
+
+.popover.bottom > .arrow:after {
+ content: " ";
+ top: 1px;
+ margin-left: -10px;
+ border-top-width: 0;
+ border-bottom-color: #fff;
+}
+
+.popover.left > .arrow {
+ top: 50%;
+ right: -11px;
+ margin-top: -11px;
+ border-right-width: 0;
+ border-left-color: #999999;
+ border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.popover.left > .arrow:after {
+ content: " ";
+ right: 1px;
+ border-right-width: 0;
+ border-left-color: #fff;
+ bottom: -10px;
+}
+
+.carousel {
+ position: relative;
+}
+
+.carousel-inner {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+}
+
+.carousel-inner > .item {
+ display: none;
+ position: relative;
+ -webkit-transition: 0.6s ease-in-out left;
+ -o-transition: 0.6s ease-in-out left;
+ transition: 0.6s ease-in-out left;
+}
+
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+ line-height: 1;
+}
+
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
+ display: block;
+}
+
+.carousel-inner > .active {
+ left: 0;
+}
+
+.carousel-inner > .next,
+.carousel-inner > .prev {
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+
+.carousel-inner > .next {
+ left: 100%;
+}
+
+.carousel-inner > .prev {
+ left: -100%;
+}
+
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
+ left: 0;
+}
+
+.carousel-inner > .active.left {
+ left: -100%;
+}
+
+.carousel-inner > .active.right {
+ left: 100%;
+}
+
+.carousel-control {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 15%;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ font-size: 20px;
+ color: #fff;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.carousel-control.left {
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+}
+
+.carousel-control.right {
+ left: auto;
+ right: 0;
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+}
+
+.carousel-control:focus {
+ outline: 0;
+ color: #fff;
+ text-decoration: none;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+
+.carousel-control .icon-prev,
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
+ position: absolute;
+ top: 50%;
+ margin-top: -10px;
+ z-index: 5;
+ display: inline-block;
+}
+
+.carousel-control .icon-prev,
+.carousel-control .glyphicon-chevron-left {
+ left: 50%;
+ margin-left: -10px;
+}
+
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-right {
+ right: 50%;
+ margin-right: -10px;
+}
+
+.carousel-control .icon-prev,
+.carousel-control .icon-next {
+ width: 20px;
+ height: 20px;
+ line-height: 1;
+ font-family: serif;
+}
+
+.carousel-control .icon-prev:before {
+ content: '\2039';
+}
+
+.carousel-control .icon-next:before {
+ content: '\203a';
+}
+
+.carousel-indicators {
+ position: absolute;
+ bottom: 10px;
+ left: 50%;
+ z-index: 15;
+ width: 60%;
+ margin-left: -30%;
+ padding-left: 0;
+ list-style: none;
+ text-align: center;
+}
+
+.carousel-indicators li {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 1px;
+ text-indent: -999px;
+ border: 1px solid #fff;
+ border-radius: 10px;
+ cursor: pointer;
+ background-color: #000 \9;
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.carousel-indicators .active {
+ margin: 0;
+ width: 12px;
+ height: 12px;
+ background-color: #fff;
+}
+
+.carousel-caption {
+ position: absolute;
+ left: 15%;
+ right: 15%;
+ bottom: 20px;
+ z-index: 10;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ color: #fff;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+}
+
+.carousel-caption .btn {
+ text-shadow: none;
+}
+
+.clearfix:before,
+.clearfix:after,
+.dl-horizontal dd:before,
+.dl-horizontal dd:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after,
+.navbar-collapse:before,
+.navbar-collapse:after,
+.pager:before,
+.pager:after,
+.panel-body:before,
+.panel-body:after,
+.modal-header:before,
+.modal-header:after,
+.modal-footer:before,
+.modal-footer:after,
+.section:before,
+.section:after {
+ content: " ";
+ display: table;
+}
+
+.clearfix:after,
+.dl-horizontal dd:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.navbar:after,
+.navbar-header:after,
+.navbar-collapse:after,
+.pager:after,
+.panel-body:after,
+.modal-header:after,
+.modal-footer:after,
+.section:after {
+ clear: both;
+}
+
+.center-block {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.pull-right {
+ float: right !important;
+}
+
+.pull-left {
+ float: left !important;
+}
+
+.hide {
+ display: none !important;
+}
+
+.show {
+ display: block !important;
+}
+
+.invisible {
+ visibility: hidden;
+}
+
+.text-hide {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
+
+.hidden {
+ display: none !important;
+}
+
+.affix {
+ position: fixed;
+}
+
+@-ms-viewport {
+ width: device-width;
+}
+
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+ display: none !important;
+}
+
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+ display: none !important;
+}
+
+@media (max-width: 767px) {
+ .visible-xs {
+ display: block !important;
}
- .sidebar-right {
- width: 688px;
+
+ table.visible-xs {
+ display: table !important;
}
- .sidebar-left-in .app {
- -webkit-transform: translate3d(688px, 0, 0);
- transform: translate3d(688px, 0, 0);
+
+ tr.visible-xs {
+ display: table-row !important;
}
- .sidebar-right-in .app {
- -webkit-transform: translate3d(-688px, 0, 0);
- transform: translate3d(-688px, 0, 0);
+
+ th.visible-xs,
+ td.visible-xs {
+ display: table-cell !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .visible-xs-block {
+ display: block !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .visible-xs-inline {
+ display: inline !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .visible-xs-inline-block {
+ display: inline-block !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .hidden-xs {
+ display: none !important;
}
}
+
+.visible-print {
+ display: none !important;
+}
+
+.visible-print-block {
+ display: none !important;
+}
+
+.visible-print-inline {
+ display: none !important;
+}
+
+.visible-print-inline-block {
+ display: none !important;
+}
+
+ng-view,
+ng-include,
+ng-transclude,
+ui-shared-state {
+ display: block;
+}
+
+a {
+ cursor: pointer;
+}
+
+ng-view.app-content,
+.app-content > ng-view {
+ height: 100%;
+}
+
+html {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+
+body {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+ font-weight: 400;
+}
+
+a {
+ text-decoration: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ color: #007aff;
+}
+
+a:active,
+.btn:active {
+ opacity: 0.6;
+ filter: alpha(opacity=60);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+a:focus {
+ outline: 0 none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-top: 0;
+ padding-top: 0;
+}
+
+.page-header {
+ margin-top: 10px;
+}
+
+.page-header h1,
+.page-header h2,
+.page-header h3,
+.page-header h4,
+.page-header h5,
+.page-header h6 {
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+img {
+ max-width: 100%;
+}
+
+html {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+
+body {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+
+textarea,
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="password"],
+input[type="url"] {
+ -webkit-appearance: none;
+}
+
+.form-control:focus {
+ outline: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 1px solid #ccc;
+}
+
+.form-group {
+ margin-bottom: 0;
+ padding: 10px 0;
+}
+
+.input-group-addon {
+ background: #fff;
+}
+
+.control-label {
+ line-height: 34px;
+ margin: 0;
+}
+
+.app-search {
+ border-radius: 0;
+}
+
+.form-actions {
+ margin-top: -20px;
+}
+
+.btn.active,
+.btn.active:focus,
+.btn.active:active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.btn-group.justified > .btn:not(:last-child) {
+ border-right-width: 0;
+}
+
+.btn-group.justified > .btn:last-child,
+.btn-group.justified > .btn.active {
+ border-right-width: 1px;
+}
+
+.btn-group.justified > .btn:not(:last-child).active + .btn {
+ border-left-width: 0;
+}
+
+.btn-group.nav-tabs {
+ border: 0 none;
+}
+
+.btn-group > .btn-default.active,
+.btn-group > .btn-default.active:focus {
+ color: #fff;
+ background-color: #007aff;
+ border-color: #006ee6;
+}
+
+.list-group-item,
+a.list-group-item {
+ margin-bottom: 0;
+ border: 0 none;
+ border-bottom: 1px solid #ddd;
+}
+
+.list-group-item:first-child,
+a.list-group-item:first-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.list-group-item:last-child,
+a.list-group-item:last-child {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.list-group-item .fa.pull-right,
+a.list-group-item .fa.pull-right,
+.list-group-item .icon.pull-right,
+a.list-group-item .icon.pull-right {
+ line-height: 1.42857143;
+}
+
+.list-group-item.media {
+ margin-bottom: 0;
+ margin-top: 0;
+}
+
+.app {
+ height: 100%;
+ position: relative;
+ z-index: 2;
+ width: 100%;
+ background: #777777;
+ overflow: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-transition: -webkit-transform 400ms ease;
+ -moz-transition: -moz-transform 400ms ease;
+ -o-transition: -o-transform 400ms ease;
+ transition: transform 400ms ease;
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
+}
+
+.app-body {
+ display: block;
+ height: 100%;
+ padding: 0;
+ overflow: hidden;
+}
+
+.app-content {
+ display: block;
+ position: relative;
+ height: 100%;
+ width: 100%;
+ padding: 0;
+ overflow: hidden;
+}
+
+.app-search {
+ position: relative;
+ border-width: 0 0 1px;
+ z-index: 1029;
+ width: 100%;
+}
+
+.navbar-app {
+ min-height: 50px;
+ border-color: #ccc;
+ background: #f7f7f7;
+ border-width: 1px;
+ border-style: solid;
+ color: #007aff;
+}
+
+.navbar-app .btn-icon-only .fa,
+.navbar-app .btn-icon-only .icon {
+ font-size: 22px;
+ vertical-align: middle;
+}
+
+.navbar-app .btn-navbar,
+.navbar-app .btn {
+ background: none;
+ border: none;
+ line-height: 50px;
+ padding-top: 0;
+ padding-bottom: 0;
+ color: #007aff;
+ text-transform: uppercase;
+}
+
+.navbar-brand-center {
+ position: absolute;
+ text-align: center;
+ width: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+}
+
+.navbar-absolute-top,
+.navbar-absolute-bottom {
+ position: absolute;
+ z-index: 1000;
+ border-width: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ margin: 0;
+}
+
+.has-navbar-top .app-body {
+ padding-top: 51px;
+}
+
+.has-navbar-bottom .app-body {
+ padding-bottom: 51px;
+}
+
+.navbar-absolute-top {
+ top: 0;
+ border-bottom-width: 1px;
+}
+
+.navbar-absolute-bottom {
+ top: auto;
+ bottom: 0;
+ border-bottom: 0 none;
+ border-top-width: 1px;
+}
+
+.sidebar {
+ z-index: 0;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ display: none;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-transition: -webkit-transform 400ms ease;
+ -moz-transition: -moz-transform 400ms ease;
+ -o-transition: -o-transform 400ms ease;
+ transition: transform 400ms ease;
+ pointer-events: none;
+}
+
+.sidebar-left {
+ background: #555555;
+ width: 300px;
+ left: 0;
+ right: auto;
+ -webkit-transition: width 400ms ease;
+ -o-transition: width 400ms ease;
+ transition: width 400ms ease;
+}
+
+.sidebar-right {
+ background: #555555;
+ width: 300px;
+ left: auto;
+ right: 0;
+ -webkit-transition: width 400ms ease;
+ -o-transition: width 400ms ease;
+ transition: width 400ms ease;
+}
+
+.sidebar-left-visible .sidebar-left,
+.sidebar-right-visible .sidebar-right {
+ display: block;
+}
+
+.sidebar-left-in .sidebar-left,
+.sidebar-right-in .sidebar-right {
+ pointer-events: auto;
+}
+
+.sidebar-left-in .app {
+ width: 100%;
+ -webkit-transform: translate(300px, 0);
+ -ms-transform: translate(300px, 0);
+ -o-transform: translate(300px, 0);
+ transform: translate(300px, 0);
+ -webkit-transition: -webkit-transform 400ms ease;
+ -moz-transition: -moz-transform 400ms ease;
+ -o-transition: -o-transform 400ms ease;
+ transition: transform 400ms ease;
+}
+
+.sidebar-right-in .app {
+ width: 100%;
+ -webkit-transform: translate(-300px, 0);
+ -ms-transform: translate(-300px, 0);
+ -o-transform: translate(-300px, 0);
+ transform: translate(-300px, 0);
+ -webkit-transition: -webkit-transform 400ms ease;
+ -moz-transition: -moz-transform 400ms ease;
+ -o-transition: -o-transform 400ms ease;
+ transition: transform 400ms ease;
+}
+
+.sidebar-header,
+.app-name {
+ position: relative;
+ width: 100%;
+ line-height: 70px;
+ padding: 0 10px;
+ font-size: 23px;
+ color: #fff;
+ margin: 0;
+ z-index: 10;
+}
+
+.section {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
+ background: #fff;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.section > .navbar-header,
+.section > .navbar-collapse {
+ margin-right: -15px;
+ margin-left: -15px;
+}
+
+.section-wide {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.section.section-condensed {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.section.section-break {
+ margin-bottom: 20px;
+ -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.08), 0 1px rgba(0, 0, 0, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 -1px rgba(0, 0, 0, 0.08), 0 1px rgba(0, 0, 0, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+.section-default {
+ background-color: #777777;
+ color: #fff;
+}
+
+.section-primary {
+ background-color: #007aff;
+ color: #fff;
+}
+
+.section-success {
+ background-color: #4cd964;
+ color: #fff;
+}
+
+.section-info {
+ background-color: #34aadc;
+ color: #fff;
+}
+
+.section-warning {
+ background-color: #fc0;
+ color: #fff;
+}
+
+.section-danger {
+ background-color: #ff3b30;
+ color: #fff;
+}
+
+.justified {
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+}
+
+.justified > * {
+ display: table-cell;
+ width: 1%;
+ float: none !important;
+}
+
+.scrollable {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.scrollable-header,
+.scrollable-footer {
+ position: absolute;
+ width: 100%;
+ left: 0;
+ right: 0;
+ z-index: 1000;
+ display: block;
+ border-radius: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.scrollable-header {
+ top: 0;
+}
+
+.scrollable-footer {
+ bottom: 0;
+}
+
+.scrollable-content {
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.sidebar-header + .scrollable,
+.app-name + .scrollable {
+ padding-top: 70px;
+}
+
+.app-search + .scrollable {
+ padding-top: 34px;
+}
+
+input.ng-invalid,
+textarea.ng-invalid {
+ border-color: #fc0;
+}
+
+.ng-dirty input.ng-invalid {
+ border-color: #fc0;
+}
+
+.ng-dirty input.ng-invalid ~ span.ko {
+ color: #ff3b30;
+}
+
+a.panel-heading {
+ display: block;
+}
+
+.panel-heading > .btn,
+.panel-heading > .btn-group > .btn {
+ margin-top: -8px;
+ margin-right: -15px;
+}
+
+.carousel,
+.carousel-inner,
+.carousel-inner > .item {
+ height: 100%;
+ max-width: 100%;
+ text-align: center;
+}
+
+.carousel-inner > .item > a > img,
+.carousel-inner > .item > img {
+ max-width: 100%;
+ max-height: 100%;
+ margin: auto;
+}
+
+.modal {
+ display: block;
+}
+
+.modal-dialog {
+ z-index: 1050;
+}
+
+.modal-overlay {
+ background: rgba(255, 255, 255, 0.95);
+}
+
+.modal-overlay .modal-content,
+.modal-overlay .modal-dialog {
+ background: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+}
+
+.has-modal .app,
+.has-modal-overlay .app,
+.has-modal .sidebar,
+.has-modal-overlay .sidebar {
+ pointer-events: none;
+}
+
+.has-modal-overlay .app,
+.has-modal-overlay .sidebar {
+ -webkit-filter: blur(5px);
+ -ms-filter: blur(5px);
+ filter: blur(5px);
+}
+
+ui-switch {
+ display: block;
+}
+
+.switch {
+ cursor: pointer;
+ position: relative;
+ display: block;
+ width: 68px;
+ height: 34px;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 999px;
+}
+
+.switch[disabled] {
+ cursor: default;
+ opacity: 0.4;
+ filter: alpha(opacity=40);
+}
+
+.switch .switch-handle {
+ position: absolute;
+ top: -1px;
+ left: -1px;
+ z-index: 2;
+ width: 34px;
+ height: 34px;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 999px;
+}
+
+.switch.active {
+ background-color: #007aff;
+ border: 1px solid #007aff;
+}
+
+.switch.active .switch-handle {
+ border-color: #007aff;
+ -webkit-transform: translate(34px, 0);
+ -ms-transform: translate(34px, 0);
+ -o-transform: translate(34px, 0);
+ transform: translate(34px, 0);
+}
+
+.switch-transition-enabled {
+ -webkit-transition: background-color 200ms ease, border 200ms ease;
+ -o-transition: background-color 200ms ease, border 200ms ease;
+ transition: background-color 200ms ease, border 200ms ease;
+}
+
+.switch-transition-enabled > .switch-handle {
+ -webkit-transition: -webkit-transform 200ms ease, background-color 200ms ease;
+ -moz-transition: -moz-transform 200ms ease, background-color 200ms ease;
+ -o-transition: -o-transform 200ms ease, background-color 200ms ease;
+ transition: transform 200ms ease, background-color 200ms ease;
+}
+
+.dropdown-menu {
+ display: block;
+}
\ No newline at end of file
diff --git a/dist/css/mobile-angular-ui-base.min.css b/dist/css/mobile-angular-ui-base.min.css
index 14a8c1b..e5c1d32 100644
--- a/dist/css/mobile-angular-ui-base.min.css
+++ b/dist/css/mobile-angular-ui-base.min.css
@@ -1 +1,8 @@
-@font-face{font-family:FontAwesome;src:url(https://github.com/fonts/fontawesome-webfont.eot?v=4.2.0);src:url(https://github.com/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'),url(https://github.com/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'),url(https://github.com/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'),url(https://github.com/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active{outline:0}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a:focus{color:#0055b3;text-decoration:underline;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;width:100% \9;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;width:100% \9;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}.small,small{font-size:85%}cite{font-style:normal}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#007aff}.text-success{color:#3c763d}.text-info{color:#31708f}.text-warning{color:#8a6d3b}.text-danger{color:#a94442}.bg-primary{color:#fff;background-color:#007aff}.bg-success{background-color:#dff0d8}.bg-info{background-color:#d9edf7}.bg-warning{background-color:#fcf8e3}.bg-danger{background-color:#f2dede}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}blockquote:after,blockquote:before{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border-radius:4px;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{line-height:34px;line-height:1.42857143 \0}input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}.checkbox,.radio{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px \9}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.form-horizontal .form-group-sm .form-control,.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-horizontal .form-group-lg .form-control,.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#007aff;border-color:#006ee6}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#0062cc;border-color:#0051a8}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus{background-color:#007aff;border-color:#006ee6}.btn-primary .badge{color:#007aff;background-color:#fff}.btn-success{color:#fff;background-color:#4cd964;border-color:#37d552}.btn-success.active,.btn-success:active,.btn-success:focus,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#2ac845;border-color:#24aa3b}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus{background-color:#4cd964;border-color:#37d552}.btn-success .badge{color:#4cd964;background-color:#fff}.btn-info{color:#fff;background-color:#34aadc;border-color:#249ed2}.btn-info.active,.btn-info:active,.btn-info:focus,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#218ebd;border-color:#1b779e}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus{background-color:#34aadc;border-color:#249ed2}.btn-info .badge{color:#34aadc;background-color:#fff}.btn-warning{color:#fff;background-color:#fc0;border-color:#e6b800}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#cca300;border-color:#a88700}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus{background-color:#fc0;border-color:#e6b800}.btn-warning .badge{color:#fc0;background-color:#fff}.btn-danger{color:#fff;background-color:#ff3b30;border-color:#ff2317}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#fc0d00;border-color:#d80b00}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus{background-color:#ff3b30;border-color:#ff2317}.btn-danger .badge{color:#ff3b30;background-color:#fff}.btn-link{color:#007aff;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus{border-color:transparent}.btn-link:focus{color:#0055b3;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#007aff}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:2}.btn-group-vertical>.btn:focus,.btn-group>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn>input[type=checkbox],[data-toggle=buttons]>.btn>input[type=radio]{position:absolute;z-index:-1;opacity:0;filter:alpha(opacity=0)}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus{background-color:#eee;border-color:#007aff}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus{color:#fff;background-color:#007aff}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}.navbar-static-top{z-index:1000;border-width:0 0 1px}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:focus{text-decoration:none}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}.navbar-default{background-color:#f7f7f7;border-color:#ccc}.navbar-default .navbar-brand{color:#007aff}.navbar-default .navbar-brand:focus{color:#0062cc;background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#007aff}.navbar-default .navbar-nav>li>a:focus{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus{color:#66afff;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#ccc}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus{background-color:#e6e6e6;color:#1a87ff}.navbar-default .btn-link,.navbar-default .navbar-link{color:#007aff}.navbar-default .btn-link:focus{color:#006ee6}.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#66afff}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#777}.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#777}.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}.navbar-inverse .btn-link,.navbar-inverse .navbar-link{color:#777}.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#007aff}.label-primary[href]:focus{background-color:#0062cc}.label-success{background-color:#4cd964}.label-success[href]:focus{background-color:#2ac845}.label-info{background-color:#34aadc}.label-info[href]:focus{background-color:#218ebd}.label-warning{background-color:#fc0}.label-warning[href]:focus{background-color:#cca300}.label-danger{background-color:#ff3b30}.label-danger[href]:focus{background-color:#fc0d00}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:400;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.nav-pills>.active>a>.badge,a.list-group-item.active>.badge{color:#007aff;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus{border-color:#007aff}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:400}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#007aff;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{color:#777;min-width:30px;background-color:transparent;background-image:none;box-shadow:none}.progress-bar-success{background-color:#4cd964}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#34aadc}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#fc0}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#ff3b30}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;background-color:#fff}.list-group-item:last-child{margin-bottom:0}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:focus{background-color:#eee;color:#777}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#cce4ff}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;border:1px solid transparent;border-radius:4px}.panel-heading{border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#007aff}.panel-primary>.panel-heading{color:#fff;background-color:#007aff;border-color:#007aff}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#007aff}.panel-primary>.panel-heading .badge{color:#007aff;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#007aff}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}body{font-weight:200}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#007aff}.btn:active,a:active{opacity:.6;filter:alpha(opacity=60);-webkit-box-shadow:none;box-shadow:none}a:focus{outline:0 none}h1,h2,h3,h4,h5,h6{margin-top:0;padding-top:0}.page-header{margin-top:10px}.page-header h1,.page-header h2,.page-header h3,.page-header h4,.page-header h5,.page-header h6{margin-bottom:0;padding-bottom:0}img{max-width:100%}body,html{height:100%;width:100%;overflow:hidden}input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none}.form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.form-control{-webkit-box-shadow:none;box-shadow:none;border:1px solid #ccc}.form-group{margin-bottom:0;padding:10px 0}.input-group-addon{background:#fff}.control-label{line-height:34px;margin:0}.app-search{border-radius:0}.form-actions{margin-top:-20px}.switch{cursor:pointer;position:relative;display:block;width:68px;height:34px;background-color:#fff;border:1px solid #ccc;border-radius:999px}.switch .switch-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:34px;height:34px;background-color:#fff;border:1px solid #ccc;border-radius:999px}.switch.active{background-color:#007aff;border:1px solid #007aff}.switch.active .switch-handle{border-color:#007aff;-webkit-transform:translate3d(34px,0,0);transform:translate3d(34px,0,0)}.switch-transition-enabled{-webkit-transition:background-color 200ms ease,border 200ms ease;-o-transition:background-color 200ms ease,border 200ms ease;transition:background-color 200ms ease,border 200ms ease}.switch-transition-enabled>.switch-handle{-webkit-transition:-webkit-transform 200ms ease,background-color 200ms ease;-moz-transition:-moz-transform 200ms ease,background-color 200ms ease;-o-transition:-o-transform 200ms ease,background-color 200ms ease;transition:transform 200ms ease,background-color 200ms ease}.btn.active,.btn.active:active,.btn.active:focus{-webkit-box-shadow:none;box-shadow:none}.btn-group.justified>.btn:not(:last-child){border-right-width:0}.btn-group.justified>.btn.active,.btn-group.justified>.btn:last-child{border-right-width:1px}.btn-group.justified>.btn:not(:last-child).active+.btn{border-left-width:0}.btn-group.nav-tabs{border:0 none}.btn-group>.btn-default.active,.btn-group>.btn-default.active:focus{color:#fff;background-color:#007aff;border-color:#006ee6}.list-group-item,a.list-group-item{margin-bottom:0;border:0 none;border-bottom:1px solid #ddd}.list-group-item:first-child,a.list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.list-group-item:last-child,a.list-group-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.list-group-item .fa.pull-right,.list-group-item .icon.pull-right,a.list-group-item .fa.pull-right,a.list-group-item .icon.pull-right{line-height:1.42857143}.list-group-item.media{margin-bottom:0;margin-top:0}.app{height:100%;position:relative;z-index:2;width:100%;background:#777;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4)}.app-body{display:block;height:100%;padding:0;overflow:hidden}.app-content{display:block;position:relative;height:100%;width:100%;padding:0;overflow:hidden}.app-search{position:relative;border-width:0 0 1px;z-index:1029;width:100%}.navbar-app{min-height:50px;border-color:#ccc;background:#f7f7f7;border-width:1px;border-style:solid;color:#007aff}.navbar-app .btn-icon-only .fa,.navbar-app .btn-icon-only .icon{font-size:22px;vertical-align:middle}.navbar-app .btn,.navbar-app .btn-navbar{background:0 0;border:0;line-height:50px;padding-top:0;padding-bottom:0;color:#007aff;text-transform:uppercase}.navbar-brand-center{position:absolute;text-align:center;width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.navbar-absolute-bottom,.navbar-absolute-top{position:absolute;z-index:1000;border-width:0;left:0;right:0;width:100%;margin:0}.has-navbar-top .app-body{padding-top:51px}.has-navbar-bottom .app-body{padding-bottom:51px}.navbar-absolute-top{top:0;border-bottom-width:1px}.navbar-absolute-bottom{top:auto;bottom:0;border-bottom:0 none;border-top-width:1px}.sidebar{z-index:0;position:absolute;top:0;bottom:0;display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease}.sidebar-left{background:#555;width:300px;left:0;right:auto;-webkit-transition:width 400ms ease;-o-transition:width 400ms ease;transition:width 400ms ease}.sidebar-right{background:#555;width:300px;left:auto;right:0;opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;-o-transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease}.sidebar-left-in .sidebar-right{z-index:-100;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;-o-transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;width:0}.sidebar-left-in .app{width:100%;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease}.sidebar-right-in .app{width:100%;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease}.app-name,.sidebar-header{position:relative;width:100%;line-height:70px;padding:0 10px;font-size:23px;color:#fff;margin:0;z-index:10}.section{background:#fff;padding-top:10px;padding-bottom:10px}.section.section-condensed{padding-top:0;padding-bottom:0}.section.section-break{margin-bottom:20px;-webkit-box-shadow:0 -1px rgba(0,0,0,.08),0 1px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.05);box-shadow:0 -1px rgba(0,0,0,.08),0 1px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.05)}.section-default{background-color:#777;color:#fff}.section-primary{background-color:#007aff;color:#fff}.section-success{background-color:#4cd964;color:#fff}.section-info{background-color:#34aadc;color:#fff}.section-warning{background-color:#fc0;color:#fff}.section-danger{background-color:#ff3b30;color:#fff}.justified{display:table;width:100%}.justified>*{display:table-cell;width:1%;float:none!important}.scrollable{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.scrollable-content{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.app-name+.scrollable,.sidebar-header+.scrollable{padding-top:70px}.app-search+.scrollable{padding-top:34px}[data-overlay],[overlay]{display:none}.overlay{display:none;position:absolute;left:0;top:0;bottom:0;right:0}.overlay .overlay-inner{width:100%;height:100%;position:relative;overflow:hidden}.overlay .overlay-inner>.overlay-background{position:absolute;left:0;top:0;bottom:0;right:0;margin:-5px -5px -5px -5px;background:rgba(255,255,255,.8);z-index:1040}.overlay .overlay-inner>.overlay-dismiss{position:absolute;right:10px;top:10px;z-index:1051;font-size:24px}.overlay .overlay-inner>.overlay-content{width:100%;box-sizing:border-box;display:table;background:0 0;text-align:center;color:#000;height:100%;z-index:1050;position:absolute;left:0;top:0;bottom:0;right:0;padding:20px}.overlay .overlay-inner>.overlay-content>.overlay-body{display:table-cell;vertical-align:middle}.overlay-in>.overlay-show{display:block}.overlay-in>.app,.overlay-in>.sidebar{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.ng-dirty input.ng-invalid,input.ng-invalid,textarea.ng-invalid{border-color:#fc0}.ng-dirty input.ng-invalid~span.ko{color:#ff3b30}.panel{-webkit-box-shadow:none;box-shadow:none;background:#fff}.panel-group .panel+.panel{margin-top:-1px}.panel-group .panel-heading[toggle]{cursor:pointer}html .panel-group .panel-heading{padding:0 15px}html .panel-group .panel-title{line-height:40px}.panel-body,.panel-heading{padding:10px 15px;border:0}.panel-body{background:#fff}.panel-heading{border-bottom:1px solid #ddd}.panel-title{color:#777;font-weight:200;font-size:20px}form .panel-heading{margin-bottom:0;padding-bottom:10px}form .panel-body{padding-top:0;padding-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:0}.panel-default .panel-heading{padding:0 0 10px}.panel-default .panel-body{padding:15px}.carousel,.carousel-inner,.carousel-inner>.item{height:100%;max-width:100%;text-align:center}.carousel-inner>.item>a>img,.carousel-inner>.item>img{max-width:100%;max-height:100%;margin:auto}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:480px){.sidebar-left,.sidebar-right{width:440px}.sidebar-left-in .app{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}.sidebar-right-in .app{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}@media (min-width:768px){.sidebar-left,.sidebar-right{width:688px}.sidebar-left-in .app{-webkit-transform:translate3d(688px,0,0);transform:translate3d(688px,0,0)}.sidebar-right-in .app{-webkit-transform:translate3d(-688px,0,0);transform:translate3d(-688px,0,0)}}
\ No newline at end of file
+@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0%}}@media (min-width:480px){.sidebar-left,.sidebar-right{width:440px}.sidebar-left-in .app{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}.sidebar-right-in .app{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}@media (min-width:768px){.sidebar-left,.sidebar-right{width:688px}.sidebar-left-in .app{-webkit-transform:translate3d(688px,0,0);transform:translate3d(688px,0,0)}.sidebar-right-in .app{-webkit-transform:translate3d(-688px,0,0);transform:translate3d(-688px,0,0)}}
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@font-face{font-family:'FontAwesome';src:url(https://github.com/fonts/fontawesome-webfont.eot?v=4.6.3);src:url(https://github.com/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(https://github.com/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(https://github.com/fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(https://github.com/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),url(https://github.com/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right,.pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+body,html{height:100%;width:100%;overflow:hidden}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;font-size:10px}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;font-weight:400}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle;max-width:100%}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}pre{overflow:auto}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0;border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0;background-color:transparent}fieldset,legend,td,th{padding:0}*,:after,:before,input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a:focus{color:#0055b3;text-decoration:underline;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.carousel-inner>.item>a>img,.carousel-inner>.item>img{display:block;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button],a{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3{margin-top:20px}.h1,.h2,.h3,h1,h2,h3{margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6{margin-top:10px}.h4,.h5,.h6,h4,h5,h6{margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}.small,small{font-size:85%}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-left,th{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#007aff}a.text-primary:focus{color:#0062cc}.text-success{color:#3c763d}a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#007aff}a.bg-primary:focus{background-color:#0062cc}.bg-success{background-color:#dff0d8}a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}dl,ol,ul{margin-top:0;margin-bottom:10px}.alert>p,.alert>ul,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address,pre{line-height:1.42857143}address{margin-bottom:20px;font-style:normal}code,kbd,pre{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0%}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th{padding:8px;line-height:1.42857143;border-top:1px solid #ddd}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th,.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control,select[multiple],select[multiple].input-sm,select[size],textarea.form-control,textarea.input-sm{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.form-control,output{display:block;font-size:14px;line-height:1.42857143;color:#555}output{padding-top:7px}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.checkbox-inline,.radio label,.radio-inline{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox label,.radio label{min-height:20px}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px \9}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;vertical-align:middle}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.form-group-sm .form-control,.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control,select.input-sm{height:30px;line-height:30px}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.form-group-lg .form-control,.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control,select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg select.form-control,select.input-lg{height:46px;line-height:46px}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .has-feedback .form-control-feedback{right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default:active.focus,.btn-default:active:focus,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default[disabled].focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#007aff;border-color:#006ee6}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0062cc;border-color:#003166}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#0062cc;border-color:#0051a8}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary:active:focus,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus{color:#fff;background-color:#0051a8;border-color:#003166}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus{background-color:#007aff;border-color:#006ee6}.btn-primary .badge{color:#007aff;background-color:#fff}.btn-success{color:#fff;background-color:#4cd964;border-color:#37d552}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#2ac845;border-color:#197328}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#2ac845;border-color:#24aa3b}.btn-success.active.focus,.btn-success.active:focus,.btn-success:active.focus,.btn-success:active:focus,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus{color:#fff;background-color:#24aa3b;border-color:#197328}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success[disabled].focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus{background-color:#4cd964;border-color:#37d552}.btn-success .badge{color:#4cd964;background-color:#fff}.btn-info{color:#fff;background-color:#34aadc;border-color:#249ed2}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#218ebd;border-color:#114c66}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#218ebd;border-color:#1b779e}.btn-info.active.focus,.btn-info.active:focus,.btn-info:active.focus,.btn-info:active:focus,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus{color:#fff;background-color:#1b779e;border-color:#114c66}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info[disabled].focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus{background-color:#34aadc;border-color:#249ed2}.btn-info .badge{color:#34aadc;background-color:#fff}.btn-warning{color:#fff;background-color:#fc0;border-color:#e6b800}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#cca300;border-color:#665200}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#cca300;border-color:#a88700}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning:active:focus,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus{color:#fff;background-color:#a88700;border-color:#665200}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus{background-color:#fc0;border-color:#e6b800}.btn-warning .badge{color:#fc0;background-color:#fff}.btn-danger{color:#fff;background-color:#ff3b30;border-color:#ff2317}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#fc0d00;border-color:#960800}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#fc0d00;border-color:#d80b00}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger:active.focus,.btn-danger:active:focus,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus{color:#fff;background-color:#d80b00;border-color:#960800}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus{background-color:#ff3b30;border-color:#ff2317}.btn-danger .badge{color:#ff3b30;background-color:#fff}.btn-link{color:#007aff;font-weight:400;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus{border-color:transparent}.btn-link:focus{color:#0055b3;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-group-xs>.btn,.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.alert>p+p,.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#007aff}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn{float:left}.btn-group-vertical>.btn,.btn-group>.btn{position:relative}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;width:100%;max-width:100%;float:none}.nav-tabs.nav-justified>li{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified,.input-group{display:table;border-collapse:separate}.btn-group-justified{width:100%;table-layout:fixed}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li,.nav>li>a{position:relative;display:block}.nav>li>a{padding:10px 15px}.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus{background-color:#eee;border-color:#007aff}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;margin-right:0;border-radius:4px}.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus{color:#fff;background-color:#007aff}.nav-justified>li,.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.tab-content>.tab-pane{display:none}.navbar-brand>img,.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}.navbar-static-top{z-index:1000;border-width:0 0 1px}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:focus{text-decoration:none}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}.navbar-form{padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin:8px -15px}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}.navbar-default{background-color:#f7f7f7;border-color:#ccc}.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#007aff}.navbar-default .navbar-brand:focus{color:#0062cc;background-color:transparent}.navbar-default .navbar-nav>li>a:focus{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus{color:#66afff;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#ccc}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus{background-color:#e6e6e6;color:#1a87ff}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#007aff}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#66afff;background-color:transparent}}.navbar-default .btn-link,.navbar-default .navbar-link{color:#007aff}.navbar-default .btn-link:focus{color:#006ee6}.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#66afff}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .btn-link,.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.badge:focus,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#007aff}.label-primary[href]:focus{background-color:#0062cc}.label-success{background-color:#4cd964}.label-success[href]:focus{background-color:#2ac845}.label-info{background-color:#34aadc}.label-info[href]:focus{background-color:#218ebd}.label-warning{background-color:#fc0}.label-warning[href]:focus{background-color:#cca300}.label-danger{background-color:#ff3b30}.label-danger[href]:focus{background-color:#fc0d00}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:400;color:#fff;line-height:1;vertical-align:middle;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#007aff;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus{border-color:#007aff}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:400}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#007aff;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#4cd964}.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#34aadc}.progress-bar-warning{background-color:#fc0}.progress-bar-danger{background-color:#ff3b30}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;background-color:#fff}.list-group-item:last-child{margin-bottom:0}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,button.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#cce4ff}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}.panel-heading>.dropdown .dropdown-toggle,a.list-group-item-danger .list-group-item-heading,a.list-group-item-info .list-group-item-heading,a.list-group-item-success .list-group-item-heading,a.list-group-item-warning .list-group-item-heading,button.list-group-item-danger .list-group-item-heading,button.list-group-item-info .list-group-item-heading,button.list-group-item-success .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-success:focus,button.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,button.list-group-item-success.active,button.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info:focus,button.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,button.list-group-item-info.active,button.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning:focus,button.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,button.list-group-item-warning.active,button.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger:focus,button.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,button.list-group-item-danger.active,button.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:15px;padding-right:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body,.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default,.well blockquote{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#007aff}.panel-primary>.panel-heading{color:#fff;background-color:#007aff;border-color:#007aff}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#007aff}.panel-primary>.panel-heading .badge{color:#007aff;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#007aff}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal,.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px}.tooltip.top-right .tooltip-arrow{left:5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel,.carousel-inner{position:relative}.carousel-inner{overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev,ng-include,ng-transclude,ng-view,ui-shared-state{display:block}.carousel-inner>.active,.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-control,.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.active.left,.carousel-inner>.prev{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0)}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before,.section:after,.section:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after,.section:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs,.visible-xs-block{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}.hidden-xs{display:none!important}}.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block{display:none!important}.app-content>ng-view,ng-view.app-content{height:100%}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#007aff}.btn:active,a:active{opacity:.6;filter:alpha(opacity=60);-webkit-box-shadow:none;box-shadow:none}a:focus{outline:0 none}h1,h2,h3,h4,h5,h6{margin-top:0;padding-top:0}.page-header{margin-top:10px}.page-header h1,.page-header h2,.page-header h3,.page-header h4,.page-header h5,.page-header h6{margin-bottom:0;padding-bottom:0}.form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.form-control{-webkit-box-shadow:none;box-shadow:none;border:1px solid #ccc}.form-group{margin-bottom:0;padding:10px 0}.input-group-addon{background:#fff}.control-label{line-height:34px;margin:0}.app-search{border-radius:0}.form-actions{margin-top:-20px}.btn.active,.btn.active:active,.btn.active:focus{-webkit-box-shadow:none;box-shadow:none}.btn-group.justified>.btn:not(:last-child){border-right-width:0}.btn-group.justified>.btn.active,.btn-group.justified>.btn:last-child{border-right-width:1px}.btn-group.justified>.btn:not(:last-child).active+.btn{border-left-width:0}.btn-group.nav-tabs{border:0 none}.btn-group>.btn-default.active,.btn-group>.btn-default.active:focus{color:#fff;background-color:#007aff;border-color:#006ee6}.list-group-item,a.list-group-item{margin-bottom:0;border:0 none;border-bottom:1px solid #ddd}.list-group-item:first-child,a.list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.list-group-item:last-child,a.list-group-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.list-group-item .fa.pull-right,.list-group-item .icon.pull-right,a.list-group-item .fa.pull-right,a.list-group-item .icon.pull-right{line-height:1.42857143}.list-group-item.media{margin-bottom:0;margin-top:0}.app,.app-body{height:100%;overflow:hidden}.app{position:relative;z-index:2;width:100%;background:#777;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4)}.app-body{display:block;padding:0}.app-content,.app-search{position:relative;width:100%}.app-content{display:block;height:100%;padding:0;overflow:hidden}.app-search{border-width:0 0 1px;z-index:1029}.navbar-app{min-height:50px;border-color:#ccc;background:#f7f7f7;border-width:1px;border-style:solid;color:#007aff}.navbar-app .btn-icon-only .fa,.navbar-app .btn-icon-only .icon{font-size:22px;vertical-align:middle}.navbar-app .btn,.navbar-app .btn-navbar{background:0 0;border:none;line-height:50px;padding-top:0;padding-bottom:0;color:#007aff;text-transform:uppercase}.navbar-brand-center{position:absolute;text-align:center;width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.navbar-absolute-bottom,.navbar-absolute-top{position:absolute;z-index:1000;left:0;right:0;width:100%;margin:0}.has-navbar-top .app-body{padding-top:51px}.has-navbar-bottom .app-body{padding-bottom:51px}.navbar-absolute-top{top:0;border-width:0 0 1px}.navbar-absolute-bottom{top:auto;bottom:0;border-bottom:0 none;border-width:1px 0 0}.sidebar{z-index:0;position:absolute;top:0;bottom:0;display:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;pointer-events:none}.sidebar-left,.sidebar-right{background:#555;width:300px;left:0;right:auto;-webkit-transition:width 400ms ease;-o-transition:width 400ms ease;transition:width 400ms ease}.sidebar-right{left:auto;right:0}.sidebar-left-visible .sidebar-left,.sidebar-right-visible .sidebar-right,a.panel-heading{display:block}.sidebar-left-in .sidebar-left,.sidebar-right-in .sidebar-right{pointer-events:auto}.sidebar-left-in .app,.sidebar-right-in .app{width:100%;-webkit-transform:translate(300px,0);-ms-transform:translate(300px,0);-o-transform:translate(300px,0);transform:translate(300px,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease}.sidebar-right-in .app{-webkit-transform:translate(-300px,0);-ms-transform:translate(-300px,0);-o-transform:translate(-300px,0);transform:translate(-300px,0)}.app-name,.sidebar-header{position:relative;width:100%;line-height:70px;padding:0 10px;font-size:23px;color:#fff;margin:0;z-index:10}.section{margin-right:auto;margin-left:auto;background:#fff;padding:10px 15px}.section>.navbar-collapse,.section>.navbar-header{margin-right:-15px;margin-left:-15px}.section-wide{padding-left:0;padding-right:0}.section.section-condensed{padding-top:0;padding-bottom:0}.section.section-break{margin-bottom:20px;-webkit-box-shadow:0 -1px rgba(0,0,0,.08),0 1px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.05);box-shadow:0 -1px rgba(0,0,0,.08),0 1px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.05)}.section-default{background-color:#777;color:#fff}.section-primary{background-color:#007aff;color:#fff}.section-success{background-color:#4cd964;color:#fff}.section-info{background-color:#34aadc;color:#fff}.section-warning{background-color:#fc0;color:#fff}.section-danger{background-color:#ff3b30;color:#fff}.justified{display:table;width:100%;table-layout:fixed}.justified>*{display:table-cell;width:1%;float:none!important}.scrollable{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.scrollable-footer,.scrollable-header{position:absolute;width:100%;left:0;right:0;z-index:1000;display:block;border-radius:0;border-left:0;border-right:0}.scrollable-header{top:0}.scrollable-footer{bottom:0}.scrollable-content{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.app-name+.scrollable,.sidebar-header+.scrollable{padding-top:70px}.app-search+.scrollable{padding-top:34px}.ng-dirty input.ng-invalid,input.ng-invalid,textarea.ng-invalid{border-color:#fc0}.ng-dirty input.ng-invalid~span.ko{color:#ff3b30}.panel-heading>.btn,.panel-heading>.btn-group>.btn{margin-top:-8px;margin-right:-15px}.carousel,.carousel-inner,.carousel-inner>.item{height:100%;max-width:100%;text-align:center}.carousel-inner>.item>a>img,.carousel-inner>.item>img{max-width:100%;max-height:100%;margin:auto}.modal,ui-switch{display:block}.modal-dialog{z-index:1050}.modal-overlay{background:rgba(255,255,255,.95)}.modal-overlay .modal-content,.modal-overlay .modal-dialog{background:0 0;-webkit-box-shadow:none;box-shadow:none;border:none}.has-modal .app,.has-modal .sidebar,.has-modal-overlay .app,.has-modal-overlay .sidebar{pointer-events:none}.has-modal-overlay .app,.has-modal-overlay .sidebar{-webkit-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.switch,.switch .switch-handle{height:34px;background-color:#fff;border:1px solid #ccc;border-radius:999px}.switch{cursor:pointer;display:block;position:relative;width:68px}.switch[disabled]{cursor:default;opacity:.4;filter:alpha(opacity=40)}.switch .switch-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:34px}.switch.active{background-color:#007aff;border:1px solid #007aff}.switch.active .switch-handle{border-color:#007aff;-webkit-transform:translate(34px,0);-ms-transform:translate(34px,0);-o-transform:translate(34px,0);transform:translate(34px,0)}.switch-transition-enabled{-webkit-transition:background-color 200ms ease,border 200ms ease;-o-transition:background-color 200ms ease,border 200ms ease;transition:background-color 200ms ease,border 200ms ease}.switch-transition-enabled>.switch-handle{-webkit-transition:-webkit-transform 200ms ease,background-color 200ms ease;-moz-transition:-moz-transform 200ms ease,background-color 200ms ease;-o-transition:-o-transform 200ms ease,background-color 200ms ease;transition:transform 200ms ease,background-color 200ms ease}.dropdown-menu{display:block}
\ No newline at end of file
diff --git a/dist/css/mobile-angular-ui-desktop.css b/dist/css/mobile-angular-ui-desktop.css
index f095c4b..e7f14d1 100644
--- a/dist/css/mobile-angular-ui-desktop.css
+++ b/dist/css/mobile-angular-ui-desktop.css
@@ -327,7 +327,7 @@
.breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 5px;
- color: #cccccc;
+ color: #ccc;
}
.breadcrumb > .active {
color: #777777;
@@ -349,8 +349,8 @@
line-height: 1.42857143;
text-decoration: none;
color: #007aff;
- background-color: #ffffff;
- border: 1px solid #dddddd;
+ background-color: #fff;
+ border: 1px solid #ddd;
margin-left: -1px;
}
.pagination > li:first-child > a,
@@ -368,9 +368,10 @@
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
+ z-index: 2;
color: #0055b3;
background-color: #eeeeee;
- border-color: #dddddd;
+ border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
@@ -378,8 +379,8 @@
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
- z-index: 2;
- color: #ffffff;
+ z-index: 3;
+ color: #fff;
background-color: #007aff;
border-color: #007aff;
cursor: default;
@@ -391,14 +392,15 @@
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
- background-color: #ffffff;
- border-color: #dddddd;
+ background-color: #fff;
+ border-color: #ddd;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
+ line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
@@ -414,6 +416,7 @@
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
+ line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
@@ -426,7 +429,8 @@
border-top-right-radius: 3px;
}
.jumbotron {
- padding: 30px;
+ padding-top: 30px;
+ padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
@@ -443,8 +447,11 @@
.jumbotron > hr {
border-top-color: #d5d5d5;
}
-.container .jumbotron {
+.container .jumbotron,
+.container-fluid .jumbotron {
border-radius: 6px;
+ padding-left: 15px;
+ padding-right: 15px;
}
.jumbotron .container {
max-width: 100%;
@@ -454,7 +461,8 @@
padding-top: 48px;
padding-bottom: 48px;
}
- .container .jumbotron {
+ .container .jumbotron,
+ .container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px;
}
@@ -464,6 +472,9 @@
}
}
@media (min-width: 992px) {
+ .sidebar {
+ pointer-events: auto;
+ }
.sidebar-toggle {
display: none;
}
diff --git a/dist/css/mobile-angular-ui-desktop.min.css b/dist/css/mobile-angular-ui-desktop.min.css
index aef7add..4dcf5da 100644
--- a/dist/css/mobile-angular-ui-desktop.min.css
+++ b/dist/css/mobile-angular-ui-desktop.min.css
@@ -1 +1 @@
-@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#007aff;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#0055b3;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}@media (min-width:992px){.sidebar-toggle{display:none}.navbar-brand-center{text-align:left;width:auto;float:left;position:relative}.sidebar-left{display:block;left:0;width:300px}.sidebar-right{display:block;right:0;left:auto;width:300px}.sidebar-left-in .sidebar-right,.sidebar-right-in .sidebar-left{-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.has-sidebar-left .app,.sidebar-left-in .app{width:auto;margin-left:300px;left:0;-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;position:relative;-webkit-transition:-webkit-transform 0 ease;-moz-transition:-moz-transform 0 ease;transition:transform 0 ease}.sidebar-right-in .app{width:auto;margin-right:300px;right:0;-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;position:relative;-webkit-transition:-webkit-transform 0 ease;-moz-transition:-moz-transform 0 ease;transition:transform 0 ease}}@media (min-width:1200px){.sidebar-left,.sidebar-right{width:320px}.has-sidebar-left .app,.sidebar-left-in .app{margin-left:320px}.sidebar-right-in .app{margin-right:320px}}
\ No newline at end of file
+@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0%}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0%}}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li,.pagination{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#007aff;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#0055b3;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#007aff;border-color:#007aff;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#eee}.jumbotron,.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px;padding-left:15px;padding-right:15px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}@media (min-width:992px){.sidebar{pointer-events:auto}.sidebar-toggle{display:none}.navbar-brand-center{text-align:left;width:auto;float:left;position:relative}.sidebar-left,.sidebar-right{display:block;left:0;width:300px}.sidebar-right{right:0;left:auto}.has-sidebar-left .app,.sidebar-left-in .app,.sidebar-left-in .sidebar-right,.sidebar-right-in .app,.sidebar-right-in .sidebar-left{-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.has-sidebar-left .app,.sidebar-left-in .app,.sidebar-right-in .app{width:auto;position:relative;-webkit-transition:-webkit-transform 0 ease;-moz-transition:-moz-transform 0 ease;transition:transform 0 ease}.has-sidebar-left .app,.sidebar-left-in .app{margin-left:300px;left:0}.sidebar-right-in .app{margin-right:300px;right:0}}@media (min-width:1200px){.sidebar-left,.sidebar-right{width:320px}.has-sidebar-left .app,.sidebar-left-in .app{margin-left:320px}.sidebar-right-in .app{margin-right:320px}}
\ No newline at end of file
diff --git a/dist/css/mobile-angular-ui-hover.css b/dist/css/mobile-angular-ui-hover.css
index b253723..a387e56 100644
--- a/dist/css/mobile-angular-ui-hover.css
+++ b/dist/css/mobile-angular-ui-hover.css
@@ -47,8 +47,7 @@ a.bg-danger:hover {
background-color: #e4b9b9;
}
-.table-hover > tbody > tr:hover > td,
-.table-hover > tbody > tr:hover > th {
+.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
@@ -92,30 +91,50 @@ a.bg-danger:hover {
background-color: #ebcccc;
}
+@media screen and (max-width: 767px) {
+
+}
+
.btn:hover {
- color: #333333;
+ color: #333;
text-decoration: none;
}
.btn-default:hover {
- color: #333333;
+ color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
+.btn-default:active:hover,
+.btn-default.active:hover,
+.open > .dropdown-toggle.btn-default:hover {
+ color: #333;
+ background-color: #d4d4d4;
+ border-color: #8c8c8c;
+}
+
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover {
- background-color: #ffffff;
- border-color: #cccccc;
+ background-color: #fff;
+ border-color: #ccc;
}
.btn-primary:hover {
- color: #ffffff;
+ color: #fff;
background-color: #0062cc;
border-color: #0051a8;
}
+.btn-primary:active:hover,
+.btn-primary.active:hover,
+.open > .dropdown-toggle.btn-primary:hover {
+ color: #fff;
+ background-color: #0051a8;
+ border-color: #003166;
+}
+
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover {
@@ -124,11 +143,19 @@ fieldset[disabled] .btn-primary:hover {
}
.btn-success:hover {
- color: #ffffff;
+ color: #fff;
background-color: #2ac845;
border-color: #24aa3b;
}
+.btn-success:active:hover,
+.btn-success.active:hover,
+.open > .dropdown-toggle.btn-success:hover {
+ color: #fff;
+ background-color: #24aa3b;
+ border-color: #197328;
+}
+
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover {
@@ -137,11 +164,19 @@ fieldset[disabled] .btn-success:hover {
}
.btn-info:hover {
- color: #ffffff;
+ color: #fff;
background-color: #218ebd;
border-color: #1b779e;
}
+.btn-info:active:hover,
+.btn-info.active:hover,
+.open > .dropdown-toggle.btn-info:hover {
+ color: #fff;
+ background-color: #1b779e;
+ border-color: #114c66;
+}
+
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover {
@@ -150,24 +185,40 @@ fieldset[disabled] .btn-info:hover {
}
.btn-warning:hover {
- color: #ffffff;
+ color: #fff;
background-color: #cca300;
border-color: #a88700;
}
+.btn-warning:active:hover,
+.btn-warning.active:hover,
+.open > .dropdown-toggle.btn-warning:hover {
+ color: #fff;
+ background-color: #a88700;
+ border-color: #665200;
+}
+
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover {
- background-color: #ffcc00;
+ background-color: #fc0;
border-color: #e6b800;
}
.btn-danger:hover {
- color: #ffffff;
+ color: #fff;
background-color: #fc0d00;
border-color: #d80b00;
}
+.btn-danger:active:hover,
+.btn-danger.active:hover,
+.open > .dropdown-toggle.btn-danger:hover {
+ color: #fff;
+ background-color: #d80b00;
+ border-color: #960800;
+}
+
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover {
@@ -198,7 +249,7 @@ fieldset[disabled] .btn-link:hover {
}
.dropdown-menu > .active > a:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
outline: 0;
background-color: #007aff;
@@ -243,34 +294,44 @@ fieldset[disabled] .btn-link:hover {
}
.nav-tabs > li > a:hover {
- border-color: #eeeeee #eeeeee #dddddd;
+ border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a:hover {
color: #555555;
- background-color: #ffffff;
- border: 1px solid #dddddd;
+ background-color: #fff;
+ border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified > .active > a:hover {
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
}
.nav-pills > li.active > a:hover {
- color: #ffffff;
+ color: #fff;
background-color: #007aff;
}
.nav-tabs-justified > .active > a:hover {
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
}
.navbar-brand:hover {
text-decoration: none;
}
+@media (max-width: 767px) {
+ .navbar-nav .open .dropdown-menu > li > a:hover {
+ background-image: none;
+ }
+}
+
+@media (max-width: 767px) {
+
+}
+
.navbar-default .navbar-brand:hover {
color: #0062cc;
background-color: transparent;
@@ -292,7 +353,7 @@ fieldset[disabled] .btn-link:hover {
}
.navbar-default .navbar-toggle:hover {
- background-color: #dddddd;
+ background-color: #ddd;
}
.navbar-default .navbar-nav > .open > a:hover {
@@ -300,6 +361,23 @@ fieldset[disabled] .btn-link:hover {
color: #1a87ff;
}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
+ color: #006ee6;
+ background-color: transparent;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
+ color: #1a87ff;
+ background-color: #e6e6e6;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
+ color: #66afff;
+ background-color: transparent;
+ }
+}
+
.navbar-default .navbar-link:hover {
color: #006ee6;
}
@@ -314,45 +392,62 @@ fieldset[disabled] .navbar-default .btn-link:hover {
}
.navbar-inverse .navbar-brand:hover {
- color: #ffffff;
+ color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a:hover {
- color: #ffffff;
+ color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a:hover {
- color: #ffffff;
+ color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a:hover {
- color: #444444;
+ color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover {
- background-color: #333333;
+ background-color: #333;
}
.navbar-inverse .navbar-nav > .open > a:hover {
background-color: #080808;
- color: #ffffff;
+ color: #fff;
+}
+
+@media (max-width: 767px) {
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
+ color: #fff;
+ background-color: transparent;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
+ color: #fff;
+ background-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
+ color: #444;
+ background-color: transparent;
+ }
}
.navbar-inverse .navbar-link:hover {
- color: #ffffff;
+ color: #fff;
}
.navbar-inverse .btn-link:hover {
- color: #ffffff;
+ color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover {
- color: #444444;
+ color: #444;
}
.pager li > a:hover {
@@ -362,12 +457,12 @@ fieldset[disabled] .navbar-inverse .btn-link:hover {
.pager .disabled > a:hover {
color: #777777;
- background-color: #ffffff;
+ background-color: #fff;
cursor: not-allowed;
}
a.label:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
cursor: pointer;
}
@@ -397,7 +492,7 @@ a.label:hover {
}
a.badge:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
cursor: pointer;
}
@@ -406,15 +501,17 @@ a.thumbnail:hover {
border-color: #007aff;
}
-a.list-group-item:hover {
+a.list-group-item:hover,
+button.list-group-item:hover {
text-decoration: none;
- color: #555555;
+ color: #555;
background-color: #f5f5f5;
}
.list-group-item.disabled:hover {
background-color: #eeeeee;
color: #777777;
+ cursor: not-allowed;
}
.list-group-item.disabled:hover .list-group-item-heading {
@@ -427,7 +524,7 @@ a.list-group-item:hover {
.list-group-item.active:hover {
z-index: 2;
- color: #ffffff;
+ color: #fff;
background-color: #007aff;
border-color: #007aff;
}
@@ -442,52 +539,60 @@ a.list-group-item:hover {
color: #cce4ff;
}
-a.list-group-item-success:hover {
+a.list-group-item-success:hover,
+button.list-group-item-success:hover {
color: #3c763d;
background-color: #d0e9c6;
}
-a.list-group-item-success.active:hover {
+a.list-group-item-success.active:hover,
+button.list-group-item-success.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
-a.list-group-item-info:hover {
+a.list-group-item-info:hover,
+button.list-group-item-info:hover {
color: #31708f;
background-color: #c4e3f3;
}
-a.list-group-item-info.active:hover {
+a.list-group-item-info.active:hover,
+button.list-group-item-info.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
-a.list-group-item-warning:hover {
+a.list-group-item-warning:hover,
+button.list-group-item-warning:hover {
color: #8a6d3b;
background-color: #faf2cc;
}
-a.list-group-item-warning.active:hover {
+a.list-group-item-warning.active:hover,
+button.list-group-item-warning.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
-a.list-group-item-danger:hover {
+a.list-group-item-danger:hover,
+button.list-group-item-danger:hover {
color: #a94442;
background-color: #ebcccc;
}
-a.list-group-item-danger.active:hover {
+a.list-group-item-danger.active:hover,
+button.list-group-item-danger.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.close:hover {
- color: #000000;
+ color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
@@ -496,19 +601,39 @@ a.list-group-item-danger.active:hover {
.carousel-control:hover {
outline: 0;
- color: #ffffff;
+ color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
+@media (max-width: 767px) {
+
+}
+
+@media (max-width: 767px) {
+
+}
+
+@media (max-width: 767px) {
+
+}
+
+@media (max-width: 767px) {
+
+}
+
+@media (max-width: 767px) {
+
+}
+
.btn.active:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-group > .btn-default.active:hover {
- color: #ffffff;
+ color: #fff;
background-color: #007aff;
border-color: #006ee6;
}
diff --git a/dist/css/mobile-angular-ui-hover.min.css b/dist/css/mobile-angular-ui-hover.min.css
index 91e671d..ab92e71 100644
--- a/dist/css/mobile-angular-ui-hover.min.css
+++ b/dist/css/mobile-angular-ui-hover.min.css
@@ -1 +1 @@
-a:hover{outline:0;color:#0055b3;text-decoration:underline}a.text-primary:hover{color:#0062cc}a.text-success:hover{color:#2b542c}a.text-info:hover{color:#245269}a.text-warning:hover{color:#66512c}a.text-danger:hover{color:#843534}a.bg-primary:hover{background-color:#0062cc}a.bg-success:hover{background-color:#c1e2b3}a.bg-info:hover{background-color:#afd9ee}a.bg-warning:hover{background-color:#f7ecb5}a.bg-danger:hover{background-color:#e4b9b9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.btn:hover{color:#333;text-decoration:none}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-primary:hover{color:#fff;background-color:#0062cc;border-color:#0051a8}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover{background-color:#007aff;border-color:#006ee6}.btn-success:hover{color:#fff;background-color:#2ac845;border-color:#24aa3b}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover{background-color:#4cd964;border-color:#37d552}.btn-info:hover{color:#fff;background-color:#218ebd;border-color:#1b779e}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover{background-color:#34aadc;border-color:#249ed2}.btn-warning:hover{color:#fff;background-color:#cca300;border-color:#a88700}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover{background-color:#fc0;border-color:#e6b800}.btn-danger:hover{color:#fff;background-color:#fc0d00;border-color:#d80b00}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover{background-color:#ff3b30;border-color:#ff2317}.btn-link:hover{border-color:transparent;color:#0055b3;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#007aff}.dropdown-menu>.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover,.input-group-btn>.btn:hover{z-index:2}.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a:hover{background-color:#eee;border-color:#007aff}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}.nav-pills>li.active>a:hover{color:#fff;background-color:#007aff}.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}.navbar-brand:hover{text-decoration:none}.navbar-default .navbar-brand:hover{color:#0062cc;background-color:transparent}.navbar-default .navbar-nav>li>a:hover{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav>.active>a:hover{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav>.disabled>a:hover{color:#66afff;background-color:transparent}.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-nav>.open>a:hover{background-color:#e6e6e6;color:#1a87ff}.navbar-default .btn-link:hover,.navbar-default .navbar-link:hover{color:#006ee6}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover{color:#66afff}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}.navbar-inverse .btn-link:hover,.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .disabled>a:hover{color:#777;background-color:#fff;cursor:not-allowed}a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label-default[href]:hover{background-color:#5e5e5e}.label-primary[href]:hover{background-color:#0062cc}.label-success[href]:hover{background-color:#2ac845}.label-info[href]:hover{background-color:#218ebd}.label-warning[href]:hover{background-color:#cca300}.label-danger[href]:hover{background-color:#fc0d00}a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}a.thumbnail:hover{border-color:#007aff}a.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled:hover{background-color:#eee;color:#777}.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active:hover{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff}.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active:hover .list-group-item-text{color:#cce4ff}a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.btn.active:hover{-webkit-box-shadow:none;box-shadow:none}.btn-group>.btn-default.active:hover{color:#fff;background-color:#007aff;border-color:#006ee6}.navbar-app .btn-navbar:hover,.navbar-app .btn:hover{color:#007aff}
\ No newline at end of file
+a:hover{outline:0;color:#0055b3;text-decoration:underline}a.text-primary:hover{color:#0062cc}a.text-success:hover{color:#2b542c}a.text-info:hover{color:#245269}a.text-warning:hover{color:#66512c}a.text-danger:hover{color:#843534}a.bg-primary:hover{background-color:#0062cc}a.bg-success:hover{background-color:#c1e2b3}a.bg-info:hover{background-color:#afd9ee}a.bg-warning:hover{background-color:#f7ecb5}a.bg-danger:hover{background-color:#e4b9b9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.btn:hover{color:#333;text-decoration:none}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active:hover,.btn-default:active:hover,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-primary:hover{color:#fff;background-color:#0062cc;border-color:#0051a8}.btn-primary.active:hover,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#0051a8;border-color:#003166}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover{background-color:#007aff;border-color:#006ee6}.btn-success:hover{color:#fff;background-color:#2ac845;border-color:#24aa3b}.btn-success.active:hover,.btn-success:active:hover,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#24aa3b;border-color:#197328}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover{background-color:#4cd964;border-color:#37d552}.btn-info:hover{color:#fff;background-color:#218ebd;border-color:#1b779e}.btn-info.active:hover,.btn-info:active:hover,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#1b779e;border-color:#114c66}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover{background-color:#34aadc;border-color:#249ed2}.btn-warning:hover{color:#fff;background-color:#cca300;border-color:#a88700}.btn-warning.active:hover,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#a88700;border-color:#665200}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover{background-color:#fc0;border-color:#e6b800}.btn-danger:hover{color:#fff;background-color:#fc0d00;border-color:#d80b00}.btn-danger.active:hover,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#d80b00;border-color:#960800}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover{background-color:#ff3b30;border-color:#ff2317}.btn-link:hover{border-color:transparent;color:#0055b3;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#007aff}.dropdown-menu>.disabled>a:hover{background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover,.input-group-btn>.btn:hover{z-index:2}.nav>li>a:hover{text-decoration:none;background-color:#eee}.dropdown-menu>.disabled>a:hover,.nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a:hover{background-color:#eee;border-color:#007aff}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}.nav-pills>li.active>a:hover{color:#fff;background-color:#007aff}.navbar-brand:hover,.pager li>a:hover{text-decoration:none}@media (max-width:767px){.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.navbar-default .navbar-brand:hover{color:#0062cc;background-color:transparent}.navbar-default .navbar-nav>li>a:hover{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav>.active>a:hover{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav>.disabled>a:hover{color:#66afff;background-color:transparent}.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-nav>.open>a:hover{background-color:#e6e6e6;color:#1a87ff}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#66afff;background-color:transparent}}.navbar-default .btn-link:hover,.navbar-default .navbar-link:hover{color:#006ee6}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover{color:#66afff}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .btn-link:hover,.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.pager li>a:hover{background-color:#eee}.pager .disabled>a:hover{color:#777;background-color:#fff;cursor:not-allowed}.close:hover,a.badge:hover,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label-default[href]:hover{background-color:#5e5e5e}.label-primary[href]:hover{background-color:#0062cc}.label-success[href]:hover{background-color:#2ac845}.label-info[href]:hover{background-color:#218ebd}.label-warning[href]:hover{background-color:#cca300}.label-danger[href]:hover{background-color:#fc0d00}a.thumbnail:hover{border-color:#007aff}a.list-group-item:hover,button.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled:hover{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active:hover{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff}.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active:hover .list-group-item-text{color:#cce4ff}a.list-group-item-success:hover,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active:hover,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}a.list-group-item-info:hover,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active:hover,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}a.list-group-item-warning:hover,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active:hover,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}a.list-group-item-danger:hover,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active:hover,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.close:hover{color:#000;opacity:.5;filter:alpha(opacity=50)}.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.btn.active:hover{-webkit-box-shadow:none;box-shadow:none}.btn-group>.btn-default.active:hover{color:#fff;background-color:#007aff;border-color:#006ee6}.navbar-app .btn-navbar:hover,.navbar-app .btn:hover{color:#007aff}
\ No newline at end of file
diff --git a/dist/fonts/FontAwesome.otf b/dist/fonts/FontAwesome.otf
deleted file mode 100644
index 81c9ad9..0000000
Binary files a/dist/fonts/FontAwesome.otf and /dev/null differ
diff --git a/dist/fonts/fontawesome-webfont.eot b/dist/fonts/fontawesome-webfont.eot
index 84677bc..c7b00d2 100644
Binary files a/dist/fonts/fontawesome-webfont.eot and b/dist/fonts/fontawesome-webfont.eot differ
diff --git a/dist/fonts/fontawesome-webfont.svg b/dist/fonts/fontawesome-webfont.svg
index d907b25..8b66187 100644
--- a/dist/fonts/fontawesome-webfont.svg
+++ b/dist/fonts/fontawesome-webfont.svg
@@ -147,14 +147,14 @@
+ * - It has no dependency on Bootstrap.
+ * - It is not related to mobile apps only.
+ * - It is not requiring CSS support.
+ * - You can use it on any Angular Application and with any CSS framework.
+ *
+ *
+ *
+ * ## Standalone Usage
+ *
+ * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.core']);
+ * ```
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.core', [
+ 'mobile-angular-ui.core.fastclick',
+ 'mobile-angular-ui.core.activeLinks',
+ 'mobile-angular-ui.core.capture',
+ 'mobile-angular-ui.core.outerClick',
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.touchmoveDefaults'
+ ]);
+})();
diff --git a/dist/js/mobile-angular-ui.core.min.js b/dist/js/mobile-angular-ui.core.min.js
new file mode 100644
index 0000000..a1f23fb
--- /dev/null
+++ b/dist/js/mobile-angular-ui.core.min.js
@@ -0,0 +1,2 @@
+!function(){"use strict";function e(t,i){function r(e,t){return function(){return e.apply(t,arguments)}}var o;if(i=i||{},this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=i.touchBoundary||10,this.layer=t,this.tapDelay=i.tapDelay||200,this.tapTimeout=i.tapTimeout||700,!e.notNeeded(t)){for(var a=["onMouse","onClick","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel"],u=this,c=0,l=a.length;l>c;c++)u[a[c]]=r(u[a[c]],u);n&&(t.addEventListener("mouseover",this.onMouse,!0),t.addEventListener("mousedown",this.onMouse,!0),t.addEventListener("mouseup",this.onMouse,!0)),t.addEventListener("click",this.onClick,!0),t.addEventListener("touchstart",this.onTouchStart,!1),t.addEventListener("touchmove",this.onTouchMove,!1),t.addEventListener("touchend",this.onTouchEnd,!1),t.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(t.removeEventListener=function(e,n,i){var r=Node.prototype.removeEventListener;"click"===e?r.call(t,e,n.hijacked||n,i):r.call(t,e,n,i)},t.addEventListener=function(e,n,i){var r=Node.prototype.addEventListener;"click"===e?r.call(t,e,n.hijacked||(n.hijacked=function(e){e.propagationStopped||n(e)}),i):r.call(t,e,n,i)}),"function"==typeof t.onclick&&(o=t.onclick,t.addEventListener("click",function(e){o(e)},!1),t.onclick=null)}}var t=navigator.userAgent.indexOf("Windows Phone")>=0,n=navigator.userAgent.indexOf("Android")>0&&!t,i=/iP(ad|hone|od)/.test(navigator.userAgent)&&!t,r=i&&/OS 4_\d(_\d)?/.test(navigator.userAgent),o=i&&/OS [6-7]_\d/.test(navigator.userAgent),a=navigator.userAgent.indexOf("BB10")>0;e.prototype.needsClick=function(e){switch(e.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(e.disabled)return!0;break;case"input":if(i&&"file"===e.type||e.disabled)return!0;break;case"label":case"iframe":case"video":return!0}return/\bneedsclick\b/.test(e.className)},e.prototype.needsFocus=function(e){switch(e.nodeName.toLowerCase()){case"textarea":return!0;case"select":return!n;case"input":switch(e.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!e.disabled&&!e.readOnly;default:return/\bneedsfocus\b/.test(e.className)}},e.prototype.sendClick=function(e,t){var n,i;document.activeElement&&document.activeElement!==e&&document.activeElement.blur(),i=t.changedTouches[0],n=document.createEvent("MouseEvents"),n.initMouseEvent(this.determineEventType(e),!0,!0,window,1,i.screenX,i.screenY,i.clientX,i.clientY,!1,!1,!1,!1,0,null),n.forwardedTouchEvent=!0,e.dispatchEvent(n)},e.prototype.determineEventType=function(e){return n&&"select"===e.tagName.toLowerCase()?"mousedown":"click"},e.prototype.focus=function(e){var t;i&&e.setSelectionRange&&0!==e.type.indexOf("date")&&"time"!==e.type&&"month"!==e.type?(t=e.value.length,e.setSelectionRange(t,t)):e.focus()},e.prototype.updateScrollParent=function(e){var t,n;if(t=e.fastClickScrollParent,!t||!t.contains(e)){n=e;do{if(n.scrollHeight>n.offsetHeight){t=n,e.fastClickScrollParent=n;break}n=n.parentElement}while(n)}t&&(t.fastClickLastScrollTop=t.scrollTop)},e.prototype.getTargetElementFromEventTarget=function(e){return e.nodeType===Node.TEXT_NODE?e.parentNode:e},e.prototype.onTouchStart=function(e){var t,n,o;if(e.targetTouches.length>1)return!0;if(t=this.getTargetElementFromEventTarget(e.target),n=e.targetTouches[0],i){if(o=window.getSelection(),o.rangeCount&&!o.isCollapsed)return!0;if(!r){if(n.identifier&&n.identifier===this.lastTouchIdentifier)return e.preventDefault(),!1;this.lastTouchIdentifier=n.identifier,this.updateScrollParent(t)}}return this.trackingClick=!0,this.trackingClickStart=e.timeStamp,this.targetElement=t,this.touchStartX=n.pageX,this.touchStartY=n.pageY,e.timeStamp-this.lastClickTimen||Math.abs(t.pageY-this.touchStartY)>n},e.prototype.onTouchMove=function(e){return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(e.target)||this.touchHasMoved(e))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},e.prototype.findControl=function(e){return void 0!==e.control?e.control:e.htmlFor?document.getElementById(e.htmlFor):e.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},e.prototype.onTouchEnd=function(e){var t,a,u,c,l,s=this.targetElement;if(!this.trackingClick)return!0;if(e.timeStamp-this.lastClickTimethis.tapTimeout)return!0;if(this.cancelNextClick=!1,this.lastClickTime=e.timeStamp,a=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,o&&(l=e.changedTouches[0],s=document.elementFromPoint(l.pageX-window.pageXOffset,l.pageY-window.pageYOffset)||s,s.fastClickScrollParent=this.targetElement.fastClickScrollParent),u=s.tagName.toLowerCase(),"label"===u){if(t=this.findControl(s)){if(this.focus(s),n)return!1;s=t}}else if(this.needsFocus(s))return e.timeStamp-a>100||i&&window.top!==window&&"input"===u?(this.targetElement=null,!1):(this.focus(s),this.sendClick(s,e),i&&"select"===u||(this.targetElement=null,e.preventDefault()),!1);return i&&!r&&(c=s.fastClickScrollParent,c&&c.fastClickLastScrollTop!==c.scrollTop)?!0:(this.needsClick(s)||(e.preventDefault(),this.sendClick(s,e)),!1)},e.prototype.onTouchCancel=function(){this.trackingClick=!1,this.targetElement=null},e.prototype.onMouse=function(e){return this.targetElement?e.forwardedTouchEvent?!0:e.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)?(e.stopImmediatePropagation?e.stopImmediatePropagation():e.propagationStopped=!0,e.stopPropagation(),e.preventDefault(),!1):!0:!0},e.prototype.onClick=function(e){var t;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===e.target.type&&0===e.detail?!0:(t=this.onMouse(e),t||(this.targetElement=null),t)},e.prototype.destroy=function(){var e=this.layer;n&&(e.removeEventListener("mouseover",this.onMouse,!0),e.removeEventListener("mousedown",this.onMouse,!0),e.removeEventListener("mouseup",this.onMouse,!0)),e.removeEventListener("click",this.onClick,!0),e.removeEventListener("touchstart",this.onTouchStart,!1),e.removeEventListener("touchmove",this.onTouchMove,!1),e.removeEventListener("touchend",this.onTouchEnd,!1),e.removeEventListener("touchcancel",this.onTouchCancel,!1)},e.notNeeded=function(e){var t,i,r,o;if("undefined"==typeof window.ontouchstart)return!0;if(i=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!n)return!0;if(t=document.querySelector("meta[name=viewport]")){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(i>31&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(a&&(r=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/),r[1]>=10&&r[2]>=3&&(t=document.querySelector("meta[name=viewport]")))){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===e.style.msTouchAction||"manipulation"===e.style.touchAction?!0:(o=+(/Firefox\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1],o>=27&&(t=document.querySelector("meta[name=viewport]"),t&&(-1!==t.content.indexOf("user-scalable=no")||document.documentElement.scrollWidth<=window.outerWidth))?!0:"none"===e.style.touchAction||"manipulation"===e.style.touchAction)},e.attach=function(t,n){return new e(t,n)},"function"==typeof define&&"object"==typeof define.amd&&define.amd?define(function(){return e}):"undefined"!=typeof module&&module.exports?(module.exports=e.attach,module.exports.FastClick=e):window.FastClick=e}(),function(){"use strict";angular.module("mobile-angular-ui.core.activeLinks",[]).provider("setupActiveLinks",["$locationProvider",function(e){this.$get=["$document","$location",function(t,n){return function(){for(var i=n.path(),r=t[0].links,o=0;o0;){if(n[0]===t[0])return n=null,!0;n=n.parent()}return n=null,!1}}).factory("bindOuterClick",["$document","$timeout","_mauiIsAncestorOrSelf",function(e,t,n){return function(i,r,o,a){var u=function(e){n(angular.element(e.target),r)||i.$apply(function(){o(i,{$event:e})})},c=angular.noop,l=null;a?c=i.$watch(a,function(n){t.cancel(l),n?l=t(function(){e.on("click tap",u)},0):e.unbind("click tap",u)}):(t.cancel(l),e.on("click tap",u)),i.$on("$destroy",function(){c(),e.unbind("click tap",u)})}}]).directive("uiOuterClick",["bindOuterClick","$parse",function(e,t){return{restrict:"A",compile:function(n,i){var r=t(i.uiOuterClick),o=i.uiOuterClickIf;return function(t,n){e(t,n,r,o)}}}}])}(),function(){"use strict";var e=angular.module("mobile-angular-ui.core.sharedState",[]);e.factory("SharedState",["$rootScope","$log",function(e,t){var n={},i={},r={},o={};return{initialize:function(t,a,u){u=u||{};var c=void 0===r[t],l=u.defaultValue,s=u.exclusionGroup;r[t.$id]=r[t.$id]||[],r[t.$id].push(a),i[a]?c&&i[a].references++:(i[a]=angular.extend({},u,{references:1}),e.$broadcast("mobile-angular-ui.state.initialized."+a,l),void 0!==l&&this.setOne(a,l),s&&(o[s]=o[s]||{},o[s][a]=!0)),t.$on("$destroy",function(){for(var u=r[t.$id]||[],c=0;c2||r.length<1)throw new Error('Error parsing uiScopeContext="'+e+'"');n.push(r)}return n},i=function(e,t,n){for(var i=0;i\n *\n * \n *\n * \n * \n *\n * Action \n * Another action \n * Something else here \n * \n * Separated link \n * \n * \n * ```\n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.core.outerClick', [])\n\n .factory('_mauiIsAncestorOrSelf', function() {\n return function(element, target) {\n var parent = element;\n while (parent.length > 0) {\n if (parent[0] === target[0]) {\n parent = null;\n return true;\n }\n parent = parent.parent();\n }\n parent = null;\n return false;\n };\n })\n\n /**\n * @service bindOuterClick\n * @as function\n *\n * @description\n * This is a service function that binds a callback to be conditionally executed\n * when a click event happens outside a specified element.\n *\n * Ie.\n *\n * ``` js\n * app.directive('myDirective', function('bindOuterClick'){\n * return {\n * link: function(scope, element) {\n * bindOuterClick(element, function(scope, extra){\n * alert('You clicked ouside me!');\n * }, function(e){\n * return element.hasClass('disabled') ? true : false;\n * });\n * }\n * };\n * });\n * ```\n * @scope {scope} the scope to eval callbacks\n * @param {DomElement|$element} element The element to bind to.\n * @param {function} callback A `function(scope, options)`, usually the result of `$parse`, that is called when an _outer click_ event happens.\n * @param {string|function} condition Angular `$watch` expression to decide whether to run `callback` or not.\n */\n .factory('bindOuterClick', [\n '$document',\n '$timeout',\n '_mauiIsAncestorOrSelf',\n function($document, $timeout, isAncestorOrSelf) {\n\n return function(scope, element, outerClickFn, outerClickIf) {\n var handleOuterClick = function(event) {\n if (!isAncestorOrSelf(angular.element(event.target), element)) {\n scope.$apply(function() {\n outerClickFn(scope, {$event: event});\n });\n }\n };\n\n var stopWatching = angular.noop;\n var t = null;\n\n if (outerClickIf) {\n stopWatching = scope.$watch(outerClickIf, function(value) {\n $timeout.cancel(t);\n\n if (value) {\n // prevents race conditions\n // activating with other click events\n t = $timeout(function() {\n $document.on('click tap', handleOuterClick);\n }, 0);\n\n } else {\n $document.unbind('click tap', handleOuterClick);\n }\n });\n } else {\n $timeout.cancel(t);\n $document.on('click tap', handleOuterClick);\n }\n\n scope.$on('$destroy', function() {\n stopWatching();\n $document.unbind('click tap', handleOuterClick);\n });\n };\n }\n ])\n\n /**\n * @directive outerClick\n *\n * @description\n * Evaluates an expression when an _Outer Click_ event happens.\n *\n * @param {expression} uiOuterClick Expression to evaluate when an _Outer Click_ event happens.\n * @param {expression} uiOuterClickIf Condition to enable/disable the listener. Defaults to `true`.\n */\n .directive('uiOuterClick', [\n 'bindOuterClick',\n '$parse',\n function(bindOuterClick, $parse) {\n return {\n restrict: 'A',\n compile: function(elem, attrs) {\n var outerClickFn = $parse(attrs.uiOuterClick);\n var outerClickIf = attrs.uiOuterClickIf;\n return function(scope, elem) {\n bindOuterClick(scope, elem, outerClickFn, outerClickIf);\n };\n }\n };\n }\n ]);\n})();\n","(function() {\n 'use strict';\n /**\n * @module mobile-angular-ui.core.sharedState\n *\n * @description\n * `mobile-angular-ui.core.sharedState` is expose the homonymous service\n * `SharedState` and a group of directives to access it.\n *\n * `SharedState` allows to use elementary angular or angularish directives\n * to create interactive components.\n *\n * Ie.\n *\n * ``` html\n * \n * \n * Tab1\n * Tab2\n * Tab3\n * \n * ```\n *\n * Using `SharedState` you will be able to:\n *\n * - Create interactive components without having to write javascript code\n * - Have your controller free from UI logic\n * - Separe `ng-click` triggering application logic from those having a visual effect only\n * - Export state of components to urls\n * - Easily make components comunicate each other\n *\n * Also note that:\n *\n * Data structures retaining statuses will stay outside angular scopes\n * thus they are not evaluated against digest cycle until its necessary.\n * Also although statuses are sort of global variables `SharedState` will\n * take care of disposing them when no scopes are requiring them anymore.\n *\n * A set of `ui-*` directives are available to interact with `SharedState`\n * module and will hopefully var you spare your controllers and your time\n * for something that is more meaningful than this:\n *\n * ``` js\n * $scope.activeTab = 1;\n *\n * $scope.setActiveTab = function(n) {\n * $scope.activeTab = n;\n * };\n * ```\n *\n * ## Usage\n *\n * Declare it as a dependency to your app unless you have already included some\n * of its super-modules.\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui.core.sharedState']);\n * ```\n *\n * Use `ui-shared-state` directive to require/initialize a state from the target element scope\n *\n * **Example.** Tabs\n *\n * \n *\n * **Example.** Custom components\n *\n * \n *\n * NOTE: `ui-toggle/set/turnOn/turnOff` responds to `click/tap` without\n * stopping propagation so you can use them along with ng-click too.\n * You can also change events to respond to with `ui-triggers` attribute.\n *\n * Any `SharedState` method is exposed through `Ui` object in `$rootScope`.\n * So you could always do `ng-click=\"Ui.turnOn('myVar')\"`.\n *\n * Since `SharedState` is a service you can initialize/set statuses through\n * controllers too:\n *\n * ``` js\n * app.controller('myController', function($scope, SharedState){\n * SharedState.initialize($scope, \"activeTab\", 3);\n * });\n * ```\n *\n * As well as you can use `ui-default` for that:\n *\n * ``` html\n * \n * ```\n *\n */\n var module = angular.module('mobile-angular-ui.core.sharedState', []);\n\n /**\n * @ngdoc service\n * @class SharedState\n *\n * @description\n *\n * A `SharedState` state can be considered as a global variable identified by an `id`.\n *\n * `SharedState` service exposes methods to interact with statuses to create,\n * read and update states.\n *\n * It acts as a BUS between UI elements to share UI related state that is\n * automatically disposed when all scopes requiring it are destroyed.\n *\n * eg.\n *\n * ``` js\n * app.controller('controller1', function($scope, SharedState){\n * SharedState.initialize($scope, 'myId');\n * });\n *\n * app.controller('controller2', function(SharedState){\n * SharedState.toggle('myId');\n * });\n * ```\n *\n * Data structures retaining statuses will stay outside angular scopes thus\n * they are not evaluated against digest cycle until its necessary. Also\n * although statuses are sort of global variables `SharedState` will take\n * care of disposing them when no scopes are requiring them anymore.\n *\n * A set of `ui-*` directives are available to interact with `SharedState`\n * module and will hopefully var you spare your controllers and your time for\n * something that is more meaningful than this:\n *\n * ``` js\n * $scope.activeTab = 1;\n *\n * $scope.setActiveTab = function(n) {\n * $scope.activeTab = n;\n * };\n * ```\n *\n */\n\n /**\n * @event 'mobile-angular-ui.state.initialized.ID'\n * @shortname initialized\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` when `#initialize` is called for a new state not\n * referenced by any scope currently.\n *\n * @param {any} currentValue The value with which this state has been initialized\n *\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n\n /**\n * @event 'mobile-angular-ui.state.destroyed.ID'\n * @shortname destroyed\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` when a state is destroyed.\n *\n */\n\n /**\n * @event 'mobile-angular-ui.state.changed.ID'\n * @shortname changed\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` the value of a state changes.\n *\n * ``` js\n * $scope.$on('mobile-angular-ui.state.changed.uiSidebarLeft', function(e, newVal, oldVal) {\n * if (newVal === true) {\n * console.log('sidebar opened');\n * } else {\n * console.log('sidebar closed');\n * }\n * });\n * ```\n *\n * @param {any} newValue\n * @param {any} oldValue\n *\n */\n\n module.factory('SharedState', [\n '$rootScope', '$log',\n function($rootScope, $log) {\n var values = {}; // values, context object for evals\n var statusesMeta = {}; // status info\n var scopes = {}; // scopes references\n var exclusionGroups = {}; // support exclusive boolean sets\n\n return {\n /**\n * @function initialize\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Initialize, or require if already intialized, a state identified by `id` within the provided `scope`, making it available to the rest of application.\n *\n * A `SharedState` is bound to one or more scopes. Each time\n * `initialize` is called for an angular `scope` this will be bound to\n * the `SharedState` and a reference count is incremented to allow\n * garbage collection.\n *\n * Reference count is decremented once the scope is destroyed. When the counter reach 0 the state will be disposed.\n *\n * @param {scope} scope The scope to bound this state\n * @param {string} id The unique name of this state\n * @param {object} [options] Options\n * @param {object} [options.defaultValue] the initialization value, it is taken into account only if the state `id` is not already initialized\n * @param {string} [options.exclusionGroup] Specifies an exclusion group\n * for the state. This means that for boolean operations (ie. toggle,\n * turnOn, turnOf) when this state is set to `true`, any other state\n * that is in the same `exclusionGroup` will be set to `false`.\n */\n initialize: function(scope, id, options) {\n options = options || {};\n\n var isNewScope = scopes[scope] === undefined;\n var defaultValue = options.defaultValue;\n var exclusionGroup = options.exclusionGroup;\n\n scopes[scope.$id] = scopes[scope.$id] || [];\n scopes[scope.$id].push(id);\n\n if (!statusesMeta[id]) { // is a brand new state\n // not referenced by any\n // scope currently\n\n statusesMeta[id] = angular.extend({}, options, {references: 1});\n\n $rootScope.$broadcast('mobile-angular-ui.state.initialized.' + id, defaultValue);\n\n if (defaultValue !== undefined) {\n this.setOne(id, defaultValue);\n }\n\n if (exclusionGroup) {\n // Exclusion groups are sets of statuses references\n exclusionGroups[exclusionGroup] = exclusionGroups[exclusionGroup] || {};\n exclusionGroups[exclusionGroup][id] = true;\n }\n\n } else if (isNewScope) { // is a new reference from\n // a different scope\n statusesMeta[id].references++;\n }\n scope.$on('$destroy', function() {\n var ids = scopes[scope.$id] || [];\n for (var i = 0; i < ids.length; i++) {\n var status = statusesMeta[ids[i]];\n\n if (status.exclusionGroup) {\n delete exclusionGroups[status.exclusionGroup][ids[i]];\n if (Object.keys(exclusionGroups[status.exclusionGroup]).length === 0) {\n delete exclusionGroups[status.exclusionGroup];\n }\n }\n\n status.references--;\n if (status.references <= 0) {\n delete statusesMeta[ids[i]];\n delete values[ids[i]];\n $rootScope.$broadcast('mobile-angular-ui.state.destroyed.' + id);\n }\n }\n delete scopes[scope.$id];\n });\n },\n\n /**\n * @function setOne\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Set the value of the state identified by `id` to the `value` parameter.\n *\n * @param {string} id Unique identifier for state\n * @param {any} value New value for this state\n */\n setOne: function(id, value) {\n if (statusesMeta[id] !== undefined) {\n var prev = values[id];\n values[id] = value;\n if (prev !== value) {\n $rootScope.$broadcast('mobile-angular-ui.state.changed.' + id, value, prev);\n }\n return value;\n }\n $log.warn('Warning: Attempt to set uninitialized shared state: ' + id);\n },\n\n /**\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @function setMany\n * @description\n *\n * Set multiple statuses at once. ie.\n *\n * ```\n * SharedState.setMany({ activeTab: 'firstTab', sidebarIn: false });\n * ```\n *\n * @param {object} object An object of the form `{state1: value1, ..., stateN: valueN}`\n */\n setMany: function(map) {\n angular.forEach(map, function(value, id) {\n this.setOne(id, value);\n }, this);\n },\n\n /**\n * @function set\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * A shorthand for both `setOne` and `setMany`.\n * When called with only one parameter that is an object\n * it is the same of `setMany`, otherwise is the\n * same of `setOne`.\n *\n * @param {string|object} idOrMap A state id or a `{state: value}` map object.\n * @param {any} [value] The value to assign in case idOrMap is a string.\n */\n set: function(idOrMap, value) {\n if (!idOrMap) {\n return;\n } else if (angular.isObject(idOrMap)) {\n this.setMany(idOrMap);\n } else {\n this.setOne(idOrMap, value);\n }\n },\n\n /**\n * @function turnOn\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Set shared state identified by `id` to `true`. If the\n * shared state has been initialized with `exclusionGroup`\n * option it will also turn off (set to `false`) all other\n * statuses from the same exclusion group.\n *\n * @param {string} id The unique name of this state\n */\n turnOn: function(id) {\n // Turns off other statuses belonging to the same exclusion group.\n var eg = statusesMeta[id] && statusesMeta[id].exclusionGroup;\n if (eg) {\n var egStatuses = Object.keys(exclusionGroups[eg]);\n for (var i = 0; i < egStatuses.length; i++) {\n var item = egStatuses[i];\n if (item !== id) {\n this.turnOff(item);\n }\n }\n }\n return this.setOne(id, true);\n },\n\n /**\n * @function turnOff\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Set shared state identified by `id` to `false`.\n *\n * @param {string} id The unique name of this state\n */\n turnOff: function(id) {\n return this.setOne(id, false);\n },\n\n /**\n * @function toggle\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * If current value for shared state identified by `id` evaluates\n * to `true` it calls `turnOff` on it otherwise calls `turnOn`.\n * Be aware that it will take into account `exclusionGroup` option.\n * See `#turnOn` and `#initialize` for more.\n *\n * @param {string} id The unique name of this state\n */\n toggle: function(id) {\n return this.get(id) ? this.turnOff(id) : this.turnOn(id);\n },\n\n /**\n * @function get\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Returns the current value of the state identified by `id`.\n *\n * @param {string} id The unique name of this state\n * @returns {any}\n */\n get: function(id) {\n return statusesMeta[id] && values[id];\n },\n\n /**\n * @function isActive\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Return `true` if the boolean conversion of `#get(id)` evaluates to `true`.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n isActive: function(id) {\n return Boolean(this.get(id));\n },\n\n /**\n * @function active\n * @alias mobile-angular-ui.core.sharedState~SharedState.isActive\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Alias for `#isActive`.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n active: function(id) {\n return this.isActive(id);\n },\n\n /**\n * @function isUndefined\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Return `true` if state identified by `id` is not defined.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n isUndefined: function(id) {\n return statusesMeta[id] === undefined || this.get(id) === undefined;\n },\n\n /**\n * Returns `true` if state identified by `id` exsists.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n *\n * @function has\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n has: function(id) {\n return statusesMeta[id] !== undefined;\n },\n\n /**\n * Returns the number of references of a status.\n *\n * @param {string} id The unique name of this state\n * @returns {integer}\n *\n * @function referenceCount\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n referenceCount: function(id) {\n var status = statusesMeta[id];\n return status === undefined ? 0 : status.references;\n },\n\n /**\n * Returns `true` if `#get(id)` is exactly equal (`===`) to `value` param.\n *\n * @param {string} id The unique name of this state\n * @param {any} value The value for comparison\n * @returns {bool}\n *\n * @function equals\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n equals: function(id, value) {\n return this.get(id) === value;\n },\n\n /**\n * Alias for `#equals`\n *\n * @param {string} id The unique name of this state\n * @param {any} value The value for comparison\n * @returns {bool}\n *\n * @function eq\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @alias mobile-angular-ui.core.sharedState~SharedState.equals\n */\n eq: function(id, value) {\n return this.equals(id, value);\n },\n\n /**\n * Returns an object with all the status values currently stored.\n * It has the form of `{statusId: statusValue}`.\n *\n * Bear in mind that in order to spare resources it currently\n * returns just the internal object retaining statuses values.\n * Thus it is not intended to be modified and direct changes to it will be not tracked or notified.\n *\n * Just clone before apply any change to it.\n *\n * @returns {object}\n *\n * @function values\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n values: function() {\n return values;\n },\n\n exclusionGroups: function() {\n return exclusionGroups;\n }\n };\n }\n ]);\n\n var uiBindEvent = function(scope, element, eventNames, fn) {\n eventNames = eventNames || 'click tap';\n element.on(eventNames, function(event) {\n scope.$apply(function() {\n fn(scope, {$event: event});\n });\n });\n };\n\n /**\n * Calls `SharedState#initialize` on the scope relative to the element using it.\n *\n * @param {string} uiState The shared state id\n * @param {expression} [uiDefault] the default value\n *\n * @directive uiSharedState\n */\n module.directive('uiSharedState', [\n 'SharedState', function(SharedState) {\n return {\n restrict: 'EA',\n priority: 601, // more than ng-if\n link: function(scope, elem, attrs) {\n var id = attrs.uiSharedState || attrs.id;\n var defaultValueExpr = attrs.uiDefault || attrs.default;\n var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;\n\n SharedState.initialize(scope, id, {\n defaultValue: defaultValue,\n exclusionGroup: attrs.uiExclusionGroup\n });\n }\n };\n }\n ]);\n\n /**\n * Alias for uiSharedState. **Deprecated** since it clashes with\n * [UI-Router](https://ui-router.github.io/) `uiState` directive.\n *\n * @deprecated\n * @param {string} uiState The shared state id\n * @param {expression} [uiDefault] the default value\n *\n * @directive uiState\n */\n module.directive('uiState', [\n 'SharedState', function(SharedState) {\n return {\n restrict: 'EA',\n priority: 601, // more than ng-if\n link: function(scope, elem, attrs) {\n var id = attrs.uiState || attrs.id;\n var defaultValueExpr = attrs.uiDefault || attrs.default;\n var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;\n\n SharedState.initialize(scope, id, {\n defaultValue: defaultValue,\n exclusionGroup: attrs.uiExclusionGroup\n });\n }\n };\n }\n ]);\n\n angular.forEach(['toggle', 'turnOn', 'turnOff', 'set'],\n function(methodName) {\n var directiveName = 'ui' + methodName[0].toUpperCase() + methodName.slice(1);\n\n /**\n * Calls `SharedState#toggle` when triggering events happens on the element using it.\n *\n * @param {string} uiToggle the target shared state\n * @param {expression} uiDefault the default value\n *\n * @directive uiToggle\n */\n\n /**\n * @function uiTurnOn\n *\n * @description\n * Calls `SharedState#turnOn` when triggering events happens on the element using it.\n *\n *\n * @ngdoc directive\n *\n * @param {string} uiTurnOn the target shared state\n * @param {expression} uiDefault the default value\n */\n\n /**\n * @function uiTurnOff\n *\n * @description\n * Calls `SharedState#turnOff` when triggering events happens on the element using it.\n *\n * @ngdoc directive\n *\n * @param {string} uiTurnOff the target shared state\n * @param {string} [uiTriggers='click tap'] the event triggering the call.\n */\n\n /**\n * @function uiSet\n *\n * @description\n * Calls `SharedState#set` when triggering events happens on the element using it.\n *\n * @ngdoc directive\n *\n * @param {object} uiSet The object to pass to SharedState#set\n * @param {string} [uiTriggers='click tap'] the event triggering the call.\n */\n\n module.directive(directiveName, [\n '$parse',\n '$interpolate',\n 'SharedState',\n function($parse, $interpolate, SharedState) {\n var method = SharedState[methodName];\n return {\n restrict: 'A',\n priority: 1, // This would make postLink calls happen after ngClick\n // (and similar) ones, thus intercepting events after them.\n //\n // This will prevent eventual ng-if to detach elements\n // before ng-click fires.\n\n compile: function(elem, attrs) {\n var attr = attrs[directiveName];\n var needsInterpolation = attr.match(/\\{\\{/);\n\n var exprFn = function($scope) {\n var res = attr;\n if (needsInterpolation) {\n var interpolateFn = $interpolate(res);\n res = interpolateFn($scope);\n }\n if (methodName === 'set') {\n res = ($parse(res))($scope);\n }\n return res;\n };\n\n return function(scope, elem, attrs) {\n var callback = function() {\n var arg = exprFn(scope);\n return method.call(SharedState, arg);\n };\n uiBindEvent(scope, elem, attrs.uiTriggers, callback);\n };\n }\n };\n }\n ]);\n });\n\n /**\n * @name uiScopeContext\n * @inner\n * @description\n *\n * `uiScopeContext` is not a directive, but a parameter common to any of the\n * `ui-*` directives in this module.\n *\n * By default all `ui-*` conditions in this module evaluates in the context of\n * `SharedState` only, thus scope variable are not accessible. To use them you have\n * two options:\n *\n * #### 1. pre-interpolation\n *\n * You can use pre-interpolation in expression attribute. For instance the following syntax\n * is ligit:\n *\n * ``` html\n * \n * ```\n *\n * In this case `idx` value is taken from scope and embedded into\n * conditions before parse them.\n *\n * This works as expected and is fine for the most cases, but it has a little caveat:\n *\n * The condition has to be re-parsed at each digest loop and has to walk scopes\n * in watchers.\n *\n * #### 2. uiScopeContext\n *\n * If you are concerned about performance issues using the first approach\n * `uiScopeContext` is a more verbose but also lightweight alternative\n * to accomplish the same.\n *\n * It allows to use current scope vars inside `ui-*` conditions, leaving\n * other scope vars (or the entire scope if not present) apart from the\n * condition evaluation process.\n *\n * Hopefully this will keep evaluation running against a flat and small data\n * structure instead of taking into account the whole scope.\n *\n * It is a list `scopeVar[ as aliasName] [, ...]` specifing one of more scope\n * variables to take into account when evaluating conditions. ie:\n *\n * ``` html\n * \n * \n * \n * \n * \n * \n * ```\n *\n * ``` html\n * \n * \n * ```\n *\n * Be aware that scope vars will take precedence over sharedStates so,\n * in order to avoid name clashes you can use 'as' to refer to scope vars\n * with a different name in conditions:\n *\n * ``` html\n * \n * \n * ```\n */\n var parseScopeContext = function(attr) {\n if (!attr || attr === '') {\n return [];\n }\n var vars = attr ? attr.trim().split(/ *, */) : [];\n var res = [];\n for (var i = 0; i < vars.length; i++) {\n var item = vars[i].split(/ *as */);\n if (item.length > 2 || item.length < 1) {\n throw new Error('Error parsing uiScopeContext=\"' + attr + '\"');\n }\n res.push(item);\n }\n return res;\n };\n\n var mixScopeContext = function(context, scopeVars, scope) {\n for (var i = 0; i < scopeVars.length; i++) {\n var key = scopeVars[i][0];\n var alias = scopeVars[i][1] || key;\n context[alias] = key.split('.').reduce(function(scope, nextKey) {\n return scope[nextKey];\n }, scope);\n }\n };\n\n var parseUiCondition = function(name, attrs, $scope, SharedState, $parse, $interpolate) {\n var expr = attrs[name];\n var needsInterpolation = expr.match(/\\{\\{/);\n var exprFn;\n\n if (needsInterpolation) {\n exprFn = function(context) {\n var interpolateFn = $interpolate(expr);\n var parseFn = $parse(interpolateFn($scope));\n return parseFn(context);\n };\n } else {\n exprFn = $parse(expr);\n }\n\n var uiScopeContext = parseScopeContext(attrs.uiScopeContext);\n return function() {\n var context;\n if (uiScopeContext.length) {\n context = angular.extend({}, SharedState.values());\n mixScopeContext(context, uiScopeContext, $scope);\n } else {\n context = SharedState.values();\n }\n return exprFn(context);\n };\n };\n\n /**\n * @ngdoc directive\n * @function uiIf\n *\n * @description\n * Same as `ngIf` but evaluates condition against `SharedState` statuses too\n *\n * @param {expression} uiIf A condition to decide wether to attach the\n * element to the dom\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when\n * evaluating condition.\n */\n module.directive('uiIf', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {\n function getBlockNodes(nodes) {\n var node = nodes[0];\n var endNode = nodes[nodes.length - 1];\n var blockNodes = [node];\n do {\n node = node.nextSibling;\n if (!node) {\n break;\n }\n blockNodes.push(node);\n } while (node !== endNode);\n\n return angular.element(blockNodes);\n }\n\n return {\n multiElement: true,\n transclude: 'element',\n priority: 600,\n terminal: true,\n restrict: 'A',\n $$tlb: true,\n link: function($scope, $element, $attr, ctrl, $transclude) {\n var block;\n var childScope;\n var previousElements;\n var uiIfFn = parseUiCondition('uiIf', $attr, $scope, SharedState, $parse, $interpolate);\n\n $scope.$watch(uiIfFn, function uiIfWatchAction(value) {\n if (value) {\n if (!childScope) {\n $transclude(function(clone, newScope) {\n childScope = newScope;\n clone[clone.length++] = document.createComment(' end uiIf: ' + $attr.uiIf + ' ');\n // Note: We only need the first/last node of the cloned nodes.\n // However, we need to keep the reference to the jqlite wrapper as it might be changed later\n // by a directive with templateUrl when its template arrives.\n block = {\n clone: clone\n };\n $animate.enter(clone, $element.parent(), $element);\n });\n }\n } else {\n if (previousElements) {\n previousElements.remove();\n previousElements = null;\n }\n if (childScope) {\n childScope.$destroy();\n childScope = null;\n }\n if (block) {\n previousElements = getBlockNodes(block.clone);\n var done = function() {\n previousElements = null;\n };\n var nga = $animate.leave(previousElements, done);\n if (nga) {\n nga.then(done);\n }\n block = null;\n }\n }\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiHide\n *\n * @description\n * Same as `ngHide` but evaluates condition against `SharedState` statuses\n *\n * @param {expression} uiShow A condition to decide wether to hide the element\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating condition.\n */\n module.directive('uiHide', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {\n var NG_HIDE_CLASS = 'ng-hide';\n var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';\n\n return {\n restrict: 'A',\n multiElement: true,\n link: function(scope, element, attr) {\n var uiHideFn = parseUiCondition('uiHide', attr, scope, SharedState, $parse, $interpolate);\n scope.$watch(uiHideFn, function uiHideWatchAction(value) {\n $animate[value ? 'addClass' : 'removeClass'](element, NG_HIDE_CLASS, {\n tempClasses: NG_HIDE_IN_PROGRESS_CLASS\n });\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiShow\n *\n * @description\n * Same as `ngShow` but evaluates condition against `SharedState` statuses\n *\n * @param {expression} uiShow A condition to decide wether to show the element\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating condition.\n */\n module.directive('uiShow', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse) {\n var NG_HIDE_CLASS = 'ng-hide';\n var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';\n\n return {\n restrict: 'A',\n multiElement: true,\n link: function(scope, element, attr) {\n var uiShowFn = parseUiCondition('uiShow', attr, scope, SharedState, $parse);\n scope.$watch(uiShowFn, function uiShowWatchAction(value) {\n $animate[value ? 'removeClass' : 'addClass'](element, NG_HIDE_CLASS, {\n tempClasses: NG_HIDE_IN_PROGRESS_CLASS\n });\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiClass\n *\n * @description\n * A simplified version of `ngClass` that evaluates in context of `SharedState`, it only suppors the `{'className': expr}` syntax.\n *\n * @param {expression} uiClass An expression that has to evaluate to an object\n * of the form `{'className': expr}`, where `expr` decides wether the class\n * should appear to element's class list.\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating\n * condition.\n */\n module.directive('uiClass', ['SharedState', '$parse', '$interpolate', function(SharedState, $parse) {\n return {\n restrict: 'A',\n link: function(scope, element, attr) {\n var uiClassFn = parseUiCondition('uiClass', attr, scope, SharedState, $parse);\n scope.$watch(uiClassFn, function uiClassWatchAction(value) {\n var classesToAdd = '';\n var classesToRemove = '';\n angular.forEach(value, function(expr, className) {\n if (expr) {\n classesToAdd += ' ' + className;\n } else {\n classesToRemove += ' ' + className;\n }\n classesToAdd = classesToAdd.trim();\n classesToRemove = classesToRemove.trim();\n if (classesToAdd.length) {\n element.addClass(classesToAdd);\n }\n if (classesToRemove.length) {\n element.removeClass(classesToRemove);\n }\n });\n }, true);\n }\n };\n }]);\n\n module.run([\n '$rootScope',\n 'SharedState',\n function($rootScope, SharedState) {\n $rootScope.Ui = SharedState;\n }\n ]);\n\n})();\n","/**\n * Provides directives and service to prevent touchmove default behaviour\n * for touch devices (ie. bounce on overscroll in IOS).\n *\n * #### Usage\n *\n * Use `ui-prevent-touchmove-defaults` directive on root element of your app:\n *\n * ``` html\n * \n * \n * \n * ```\n *\n * Doing so `touchmove.preventDefault` logic for inner elements is inverted,\n * so any `touchmove` default behaviour is automatically prevented.\n *\n * If you wish to allow the default behaviour, for example to allow\n * inner elements to scroll, you have to explicitly mark an event to allow\n * touchmove default.\n *\n * Mobile Angular UI already handles this for `scrollable` elements, so you don't have\n * to do anything in order to support scroll.\n *\n * If you wish to allow touchmove defaults for certain element under certain conditions\n * you can use the `allowTouchmoveDefault` service.\n *\n * ie.\n *\n * ``` js\n * // always allow touchmove default for an element\n * allowTouchmoveDefault(myelem);\n * ```\n *\n * ``` js\n * // allow touchmove default for an element only under certain conditions\n * allowTouchmoveDefault(myelem, function(touchmove){\n * return touchmove.pageY > 100;\n * });\n * ```\n *\n * @module mobile-angular-ui.core.touchmoveDefaults\n */\n(function() {\n 'use strict';\n var module = angular.module('mobile-angular-ui.core.touchmoveDefaults', []);\n\n module.directive('uiPreventTouchmoveDefaults', function() {\n var preventTouchmoveDefaultsCb = function(e) {\n // Get this flag from either the saved event if jQuery is being used, otherwise get it from the event itself.\n var allowTouchmoveEventFlag = e.originalEvent ? e.originalEvent.allowTouchmoveDefault : e.allowTouchmoveDefault;\n if (allowTouchmoveEventFlag !== true) {\n e.preventDefault();\n }\n };\n\n return {\n compile: function(element) {\n if ('ontouchmove' in document) {\n element.on('touchmove', preventTouchmoveDefaultsCb);\n }\n }\n };\n });\n\n /**\n * Bind a listener to an element to allow `touchmove` default behaviour\n * when `touchmove` happens inside the bound element.\n *\n * You can also provide a function to decide when to allow and\n * when to prevent it.\n *\n * ``` js\n * // always allow touchmove default\n * allowTouchmoveDefault(myelem);\n *\n * // allow touchmove default only under certain conditions\n * allowTouchmoveDefault(myelem, function(touchmove){\n * return touchmove.pageY > 100;\n * });\n * ```\n *\n * @param {Element|$element} element The element to bind.\n * @param {function} condition A `function(touchmove)⟶boolean` to decide\n * whether to allow default behavior or not.\n *\n * @service allowTouchmoveDefault\n * @as function\n * @returns function Function to unbind the listener\n */\n\n module.factory('allowTouchmoveDefault', function() {\n var fnTrue = function() {\n return true;\n };\n\n if ('ontouchmove' in document) {\n return function($element, condition) {\n condition = condition || fnTrue;\n\n var allowTouchmoveDefaultCallback = function(e) {\n if (condition(e)) {\n e.allowTouchmoveDefault = true;\n // jQuery normalizes the event object, need to put this property on the copied originalEvent.\n if (e.originalEvent) {\n e.originalEvent.allowTouchmoveDefault = true;\n }\n }\n };\n\n $element = angular.element($element);\n $element.on('touchmove', allowTouchmoveDefaultCallback);\n\n $element.on('$destroy', function() {\n $element.off('touchmove', allowTouchmoveDefaultCallback);\n $element = null;\n });\n\n return function() {\n if ($element) {\n $element.off('touchmove', allowTouchmoveDefaultCallback);\n }\n };\n };\n }\n\n return angular.noop;\n });\n\n})();\n","/**\n * @module mobile-angular-ui.core\n *\n * @description\n *\n * It has all the core functionalities of Mobile Angular UI. It aims to act as a common base\n * for an UI framework providing services and directives to create components and implement\n * UI interactions with angular.\n *\n * \n * NOTE\n * \n * - It has no dependency on Bootstrap.
\n * - It is not related to mobile apps only.
\n * - It is not requiring CSS support.
\n * - You can use it on any Angular Application and with any CSS framework.
\n *
\n * \n *\n * ## Standalone Usage\n *\n * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.core']);\n * ```\n */\n(function() {\n 'use strict';\n angular.module('mobile-angular-ui.core', [\n 'mobile-angular-ui.core.fastclick',\n 'mobile-angular-ui.core.activeLinks',\n 'mobile-angular-ui.core.capture',\n 'mobile-angular-ui.core.outerClick',\n 'mobile-angular-ui.core.sharedState',\n 'mobile-angular-ui.core.touchmoveDefaults'\n ]);\n})();\n"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/js/mobile-angular-ui.gestures.js b/dist/js/mobile-angular-ui.gestures.js
new file mode 100644
index 0000000..0d705ef
--- /dev/null
+++ b/dist/js/mobile-angular-ui.gestures.js
@@ -0,0 +1,1740 @@
+/**
+ * @module mobile-angular-ui.gestures.drag
+ * @description
+ *
+ * `mobile-angular-ui.gestures.drag` module exposes the `$drag` service that is used
+ * to handle drag gestures. `$drag` service wraps [$touch](../module:touch) service adding
+ * CSS transforms reacting to `touchmove` events.
+ *
+ * ## Usage
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ *
+ * Or
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures.drag']);
+ * ```
+ *
+ * ``` js
+ * var dragOptions = {
+ * transform: $drag.TRANSLATE_BOTH,
+ * start: function(dragInfo, event){},
+ * end: function(dragInfo, event){},
+ * move: function(dragInfo, event){},
+ * cancel: function(dragInfo, event){}
+ * };
+ *
+ * $drag.bind(element, dragOptions, touchOptions);
+ * ```
+ *
+ * Where:
+ *
+ * - `transform` is a `function(element, currentTransform, touch) -> newTransform`
+ * returning taking an `element`, its `currentTransform` and returning the `newTransform`
+ * for the element in response to `touch`. See [$transform](../module:transform) for more.
+ * Default to `$drag.TRANSLATE_BOTH`.
+ * - `start`, `end`, `move`, `cancel` are optional callbacks responding to `drag` movement phases.
+ * - `dragInfo` is an extended version of `touchInfo` from [$touch](../module:touch),
+ * extending it with:
+ * - `originalTransform`: The [$transform](../module:transform) object relative to CSS transform before `$drag` is bound.
+ * - `originalRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)
+ * for bound element before any drag action.
+ * - `startRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)
+ * for bound element registered at `start` event.
+ * - `startTransform`: The [$transform](../module:transform) at `start` event.
+ * - `rect`: The current [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) for bound element.
+ * - `transform`: The current [$transform](../module:transform).
+ * - `reset`: A function restoring element to `originalTransform`.
+ * - `undo`: A function restoring element to `startTransform`.
+ * - `touchOptions` is an option object to be passed to underlying [`$touch`](../module:touch) service.
+ *
+ * ### Predefined transforms
+ *
+ * - `$drag.NULL_TRANSFORM`: No transform follow movement
+ * - `$drag.TRANSLATE_BOTH`: Transform translate following movement on both x and y axis.
+ * - `$drag.TRANSLATE_HORIZONTAL`: Transform translate following movement on x axis.
+ * - `$drag.TRANSLATE_UP`: Transform translate following movement on negative y axis.
+ * - `$drag.TRANSLATE_DOWN`: Transform translate following movement on positive y axis.
+ * - `$drag.TRANSLATE_LEFT`: Transform translate following movement on negative x axis.
+ * - `$drag.TRANSLATE_RIGHT`: Transform translate following movement on positive x axis.
+ * - `$drag.TRANSLATE_VERTICAL`: Transform translate following movement on y axis.
+ * - `$drag.TRANSLATE_INSIDE`: Is a function and should be used like:
+ *
+ * ``` js
+ * {
+ * transform: $drag.TRANSLATE_INSIDE(myElement)
+ * }
+ * ```
+ *
+ * It returns a transform function that contains translate movement inside
+ * the passed element.
+ *
+ * ### `.ui-drag-move` style
+ *
+ * While moving an `.ui-drag-move` class is attached to element. Style for this class is defined via
+ * [insertRule](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet.insertRule) and aims to
+ * fix common problems while dragging, specifically:
+ *
+ * - Brings the element in front of other elements
+ * - Disable transitions
+ * - Makes text unselectable
+ *
+ * **NOTE** Transitions are disabled cause they may introduce conflicts between `transition: transform`
+ * and `dragOptions.transform` function.
+ *
+ * They will be re-enabled after drag, and this can be used to achieve some graceful effects.
+ *
+ * If you need transition that does not involve transforms during movement you can apply them to an
+ * inner or wrapping element.
+ *
+ * ### Examples
+ *
+ * #### Limit movement to an element
+ *
+ * ``` js
+ * app.directive('dragMe', ['$drag', function($drag){
+ * return {
+ * controller: function($scope, $element) {
+ * $drag.bind($element,
+ * {
+ * transform: $drag.TRANSLATE_INSIDE($element.parent()),
+ * end: function(drag) {
+ * drag.reset();
+ * }
+ * },
+ * { // release touch when movement is outside bounduaries
+ * sensitiveArea: $element.parent()
+ * }
+ * );
+ * }
+ * };
+ * }]);
+ * ```
+ *
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.gestures.drag', [
+ 'mobile-angular-ui.gestures.touch',
+ 'mobile-angular-ui.gestures.transform'
+ ])
+
+ .provider('$drag', function() {
+ this.$get = ['$touch', '$transform', function($touch, $transform) {
+
+ // Add some css rules to be used while moving elements
+ var style = document.createElement('style');
+ style.appendChild(document.createTextNode(''));
+ document.head.appendChild(style);
+ var sheet = style.sheet;
+
+ // Makes z-index 99999
+ sheet.insertRule('html .ui-drag-move{z-index: 99999 !important;}', 0);
+ // Disable transitions
+ sheet.insertRule('html .ui-drag-move{' +
+ '-webkit-transition: none !important;' +
+ '-moz-transition: none !important;-o-transition: none !important;' +
+ '-ms-transition: none !important;transition: none !important;' +
+ '}', 0);
+
+ // Makes text unselectable
+ sheet.insertRule('html .ui-drag-move, html .ui-drag-move *{' +
+ '-webkit-touch-callout: none !important;' +
+ '-webkit-user-select: none !important;' +
+ '-khtml-user-select: none !important;' +
+ '-moz-user-select: none !important;' +
+ '-ms-user-select: none !important;' +
+ 'user-select: none !important;' +
+ '}', 0);
+
+ style = sheet = null; // we wont use them anymore so make
+ // their memory immediately claimable
+
+ return {
+
+ //
+ // built-in transforms
+ //
+ NULL_TRANSFORM: function(element, transform) {
+ return transform;
+ },
+
+ TRANSLATE_BOTH: function(element, transform, touch) {
+ transform.translateX = touch.distanceX;
+ transform.translateY = touch.distanceY;
+ return transform;
+ },
+
+ TRANSLATE_HORIZONTAL: function(element, transform, touch) {
+ transform.translateX = touch.distanceX;
+ transform.translateY = 0;
+ return transform;
+ },
+
+ TRANSLATE_UP: function(element, transform, touch) {
+ transform.translateY = touch.distanceY <= 0 ? touch.distanceY : 0;
+ transform.translateX = 0;
+ return transform;
+ },
+
+ TRANSLATE_DOWN: function(element, transform, touch) {
+ transform.translateY = touch.distanceY >= 0 ? touch.distanceY : 0;
+ transform.translateX = 0;
+ return transform;
+ },
+
+ TRANSLATE_LEFT: function(element, transform, touch) {
+ transform.translateX = touch.distanceX <= 0 ? touch.distanceX : 0;
+ transform.translateY = 0;
+ return transform;
+ },
+
+ TRANSLATE_RIGHT: function(element, transform, touch) {
+ transform.translateX = touch.distanceX >= 0 ? touch.distanceX : 0;
+ transform.translateY = 0;
+ return transform;
+ },
+
+ TRANSLATE_VERTICAL: function(element, transform, touch) {
+ transform.translateX = 0;
+ transform.translateY = touch.distanceY;
+ return transform;
+ },
+
+ TRANSLATE_INSIDE: function(wrapperElementOrRectangle) {
+ wrapperElementOrRectangle = wrapperElementOrRectangle.length ? wrapperElementOrRectangle[0] : wrapperElementOrRectangle;
+
+ return function(element, transform, touch) {
+ element = element.length ? element[0] : element;
+ var re = element.getBoundingClientRect();
+ var rw = wrapperElementOrRectangle instanceof Element ? wrapperElementOrRectangle.getBoundingClientRect() : wrapperElementOrRectangle;
+ var tx;
+ var ty;
+
+ if (re.width >= rw.width) {
+ tx = 0;
+ } else if (re.right + touch.stepX > rw.right) {
+ tx = rw.right - re.right;
+ } else if (re.left + touch.stepX < rw.left) {
+ tx = rw.left - re.left;
+ } else {
+ tx = touch.stepX;
+ }
+
+ if (re.height >= rw.height) {
+ ty = 0;
+ } else if (re.bottom + touch.stepY > rw.bottom) {
+ ty = rw.bottom - re.bottom;
+ } else if (re.top + touch.stepY < rw.top) {
+ ty = rw.top - re.top;
+ } else {
+ ty = touch.stepY;
+ }
+
+ transform.translateX += tx;
+ transform.translateY += ty;
+ return transform;
+ };
+ },
+
+ //
+ // bind function
+ //
+ bind: function($element, dragOptions, touchOptions) {
+ $element = angular.element($element);
+ dragOptions = dragOptions || {};
+ touchOptions = touchOptions || {};
+
+ var startEventHandler = dragOptions.start;
+ var endEventHandler = dragOptions.end;
+ var moveEventHandler = dragOptions.move;
+ var cancelEventHandler = dragOptions.cancel;
+ var transformEventHandler = dragOptions.transform || this.TRANSLATE_BOTH;
+
+ var domElement = $element[0];
+ var tO = $transform.get($element); // original transform
+ var rO = domElement.getBoundingClientRect(); // original bounding rect
+ var tS; // transform at start
+ var rS;
+
+ var moving = false;
+
+ var isMoving = function() {
+ return moving;
+ };
+
+ var cleanup = function() {
+ moving = false;
+ tS = rS = null;
+ $element.removeClass('ui-drag-move');
+ };
+
+ var reset = function() {
+ $transform.set(domElement, tO);
+ };
+
+ var undo = function() {
+ $transform.set(domElement, tS || tO);
+ };
+
+ var setup = function() {
+ moving = true;
+ rS = domElement.getBoundingClientRect();
+ tS = $transform.get(domElement);
+ $element.addClass('ui-drag-move');
+ };
+
+ var createDragInfo = function(touch) {
+ touch = angular.extend({}, touch);
+ touch.originalTransform = tO;
+ touch.originalRect = rO;
+ touch.startRect = rS;
+ touch.rect = domElement.getBoundingClientRect();
+ touch.startTransform = tS;
+ touch.transform = $transform.get(domElement);
+ touch.reset = reset;
+ touch.undo = undo;
+ return touch;
+ };
+
+ var onTouchMove = function(touch, event) {
+ // preventDefault no matter what
+ // it is (ie. maybe html5 drag for images or scroll)
+ event.preventDefault();
+
+ // $touch calls start on the first touch
+ // to ensure $drag.start is called only while actually
+ // dragging and not for touches we will bind $drag.start
+ // to the first time move is called
+
+ if (isMoving()) { // drag move
+ touch = createDragInfo(touch);
+
+ var transform = transformEventHandler($element, angular.extend({}, touch.transform), touch, event);
+
+ $transform.set(domElement, transform);
+
+ if (moveEventHandler) {
+ moveEventHandler(touch, event);
+ }
+ } else { // drag start
+ setup();
+ if (startEventHandler) {
+ startEventHandler(createDragInfo(touch), event);
+ }
+ }
+ };
+
+ var onTouchEnd = function(touch, event) {
+ if (!isMoving()) {
+ return;
+ }
+
+ // prevents outer swipes
+ event.__UiSwipeHandled__ = true;
+
+ touch = createDragInfo(touch);
+ cleanup();
+
+ if (endEventHandler) {
+ endEventHandler(touch, event);
+ }
+ };
+
+ var onTouchCancel = function(touch, event) {
+ if (!isMoving()) {
+ return;
+ }
+
+ touch = createDragInfo(touch);
+ undo(); // on cancel movement is undoed automatically;
+ cleanup();
+
+ if (cancelEventHandler) {
+ cancelEventHandler(touch, event);
+ }
+ };
+
+ return $touch.bind($element,
+ {move: onTouchMove, end: onTouchEnd, cancel: onTouchCancel},
+ touchOptions);
+ } // ~ bind
+ }; // ~ return $drag
+ }]; // ~ $get
+ });
+
+})();
+
+/**
+ * A module providing swipe gesture services and directives.
+ *
+ * @module mobile-angular-ui.gestures.swipe
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module('mobile-angular-ui.gestures.swipe',
+ ['mobile-angular-ui.gestures.touch']);
+
+ /**
+ * An adaptation of `ngTouch.$swipe`, it is basically the same despite of:
+ *
+ * - It is based on [$touch](../module:touch)
+ * - Swipes are recognized by touch velocity and direction
+ * - It does not require `ngTouch` thus is better compatible with fastclick.js
+ * - Swipe directives are nestable
+ * - It allows to unbind
+ * - It has only one difference in interface, and its about how to pass `pointerTypes`:
+ *
+ * ``` js
+ * // ngTouch.$swipe
+ * $swipe.bind(..., ['mouse', ... });
+ *
+ * // mobile-angular-ui.gestures.swipe.$swipe
+ * $swipe.bind(..., pointerTypes: { mouse: { start: 'mousedown', ...} });
+ * ```
+ * This is due to the fact that the second parameter of `$swipe.bind` is destinated to options for
+ * underlying `$touch` service.
+ *
+ * @service $swipe
+ * @as class
+ */
+ module.factory('$swipe', ['$touch', function($touch) {
+ var VELOCITY_THRESHOLD = 500; // px/sec
+ var MOVEMENT_THRESHOLD = 10; // px
+ var TURNAROUND_MAX = 10; // px
+ var ANGLE_THRESHOLD = 10; // deg
+ var abs = Math.abs;
+
+ var defaultOptions = {
+ movementThreshold: MOVEMENT_THRESHOLD, // start to consider only if movement
+ // exceeded MOVEMENT_THRESHOLD
+ valid: function(t) {
+ var absAngle = abs(t.angle);
+ absAngle = absAngle >= 90 ? absAngle - 90 : absAngle;
+
+ var validDistance = t.total - t.distance <= TURNAROUND_MAX;
+ var validAngle = absAngle <= ANGLE_THRESHOLD || absAngle >= 90 - ANGLE_THRESHOLD;
+ var validVelocity = t.averageVelocity >= VELOCITY_THRESHOLD;
+
+ return validDistance && validAngle && validVelocity;
+ }
+ };
+
+ return {
+ /**
+ * Bind swipe gesture handlers for an element.
+ *
+ * ``` js
+ * var unbind = $swipe.bind(elem, {
+ * end: function(touch) {
+ * console.log('Swiped:', touch.direction);
+ * unbind();
+ * }
+ * });
+ * ```
+ *
+ * **Swipes Detection**
+ *
+ * Before consider a touch to be a swipe Mobile Angular UI verifies that:
+ *
+ * 1. Movement is quick. Average touch velocity should exceed a `VELOCITY_THRESHOLD`.
+ * 2. Movement is linear.
+ * 3. Movement has a clear, non-ambiguous direction. So we can assume without error
+ * that underlying `touch.direction` is exactly the swipe direction. For that
+ * movement is checked against an `ANGLE_THRESHOLD`.
+ *
+ * @param {Element|$element} element The element to observe for swipe gestures.
+ * @param {object} eventHandlers An object with handlers for specific swipe events.
+ * @param {function} [eventHandlers.start] The callback for swipe start event.
+ * @param {function} [eventHandlers.end] The callback for swipe end event.
+ * @param {function} [eventHandlers.move] The callback for swipe move event.
+ * @param {function} [eventHandlers.cancel] The callback for swipe cancel event.
+ * @param {object} [options] Options to be passed to underlying [$touch.bind](../module:touch) function.
+ *
+ * @returns {function} The unbind function.
+ *
+ * @method bind
+ * @memberOf mobile-angular-ui.gestures.swipe~$swipe
+ */
+ bind: function(element, eventHandlers, options) {
+ options = angular.extend({}, defaultOptions, options || {});
+ return $touch.bind(element, eventHandlers, options);
+ }
+ };
+ }]);
+
+ /**
+ * Specify custom behavior when an element is swiped to the left on a touchscreen device.
+ * A leftward swipe is a quick, right-to-left slide of the finger.
+ *
+ * @directive uiSwipeLeft
+ * @param {expression} uiSwipeLeft An expression to be evaluated on leftward swipe.
+ */
+ /**
+ * Specify custom behavior when an element is swiped to the right on a touchscreen device.
+ * A rightward swipe is a quick, left-to-right slide of the finger.
+ *
+ * @directive uiSwipeRight
+ * @param {expression} uiSwipeRight An expression to be evaluated on rightward swipe.
+ */
+ /**
+ * Alias for [uiSwipeLeft](#uiswipeleft).
+ *
+ * @directive ngSwipeLeft
+ * @deprecated
+ */
+ /**
+ * Alias for [uiSwipeRight](#uiswiperight).
+ *
+ * @directive ngSwipeRight
+ * @deprecated
+ */
+ angular.forEach(['ui', 'ng'], function(prefix) {
+ angular.forEach(['Left', 'Right'], function(direction) {
+ var directiveName = prefix + 'Swipe' + direction;
+ module.directive(directiveName, ['$swipe', '$parse', function($swipe, $parse) {
+ return {
+ link: function(scope, elem, attrs) {
+ var onSwipe = $parse(attrs[directiveName]);
+ $swipe.bind(elem, {
+ end: function(swipe, event) {
+ if (swipe.direction === direction.toUpperCase()) {
+ if (!event.__UiSwipeHandled__) {
+ event.__UiSwipeHandled__ = true;
+ scope.$apply(function() {
+ onSwipe(scope, {$touch: swipe});
+ });
+ }
+ }
+ }
+ });
+ }
+ };
+ }]);
+ });
+ });
+})();
+
+/* eslint complexity: 0 */
+
+/**
+ * Device agnostic touch handling.
+ *
+ * **Usage**
+ *
+ * Require this module doing either
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ *
+ * Or standalone
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures.touch']);
+ * ```
+ *
+ * Then you will be able to use the `$touch` service like that:
+ *
+ * ``` js
+ * var unbindFn = $touch.bind(element, {
+ * start: function(touchInfo, e);
+ * move: function(touchInfo, e);
+ * end: function(touchInfo, e);
+ * cancel: function(touchInfo, e);
+ * }, options);
+ * ```
+ *
+ * @module mobile-angular-ui.gestures.touch
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.gestures.touch', []);
+
+ /**
+ * `$touch` is an abstraction of touch event handling that works with
+ * any kind of input devices.
+ *
+ * It is intended for single touch only and provides
+ * extended infos about touch like: movement, direction, velocity, duration, and more.
+ * $touch service is intended as base to build any single-touch gesture handlers.
+ *
+ * **Usage**
+ *
+ * ``` js
+ * var unbindFn = $touch.bind(element, {
+ * start: function(touchInfo, e);
+ * move: function(touchInfo, e);
+ * end: function(touchInfo, e);
+ * cancel: function(touchInfo, e);
+ * }, options);
+ * ```
+ *
+ * @service $touch
+ * @as class
+ */
+
+ /**
+ * Configurable provider for `$touch` service
+ * @class $touchProvider
+ * @ngdoc provider
+ * @memberOf mobile-angular-ui.gestures.touch~$touch
+ */
+ module.provider('$touch', function() {
+
+ /* =====================================
+ = Configuration =
+ =====================================*/
+
+ var VALID = function() {
+ return true;
+ };
+
+ var MOVEMENT_THRESHOLD = 1;
+
+ var POINTER_EVENTS = {
+ mouse: {
+ start: 'mousedown',
+ move: 'mousemove',
+ end: 'mouseup'
+ },
+ touch: {
+ start: 'touchstart',
+ move: 'touchmove',
+ end: 'touchend',
+ cancel: 'touchcancel'
+ }
+ };
+
+ var POINTER_TYPES = ['mouse', 'touch'];
+
+ // function or element or rect
+ var SENSITIVE_AREA = function($element) {
+ return $element[0].ownerDocument.documentElement.getBoundingClientRect();
+ };
+
+ /**
+ * Set default pointer events option.
+ * Pointer Events option specifies a device-by-device map between device specific events and
+ * touch events.
+ *
+ * The default Pointer Events Map is defined as:
+ *
+ * ``` js
+ * var POINTER_EVENTS = {
+ * 'mouse': {
+ * start: 'mousedown',
+ * move: 'mousemove',
+ * end: 'mouseup'
+ * },
+ * 'touch': {
+ * start: 'touchstart',
+ * move: 'touchmove',
+ * end: 'touchend',
+ * cancel: 'touchcancel'
+ * }
+ * };
+ * ```
+ *
+ * Ie.
+ *
+ * ```
+ * app.config(function($touchProvider){
+ * $touchProvider.setPointerEvents({ pen: {start: "pendown", end: "penup", move: "penmove" }});
+ * });
+ * ```
+ *
+ * @name setPointerEvents
+ * @param {object} pointerEvents The pointer events map object
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setPointerEvents = function(pointerEvents) {
+ POINTER_EVENTS = pointerEvents;
+ POINTER_TYPES = Object.keys(POINTER_EVENTS);
+ };
+
+ /**
+ * Set default validity function for a touch.
+ *
+ * The default is defined as always true:
+ *
+ * ``` js
+ * $touchProvider.setValid(function(touch, event) {
+ * return true;
+ * });
+ * ```
+ *
+ * @param {function} validityFunction The validity function. A function that takes two
+ * arguments: `touchInfo` and `event`, and returns
+ * a `Boolean` indicating wether the corresponding touch
+ * should be considered valid and its handlers triggered,
+ * or considered invalid and its handlers be ignored.
+ * @method setValid
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setValid = function(fn) {
+ VALID = fn;
+ };
+
+ /**
+ * Set default amount of pixels of movement before
+ * start to trigger `touchmove` handlers.
+ *
+ * Default is `1`.
+ *
+ * ie.
+ *
+ * ``` js
+ * $touchProvider.setMovementThreshold(120);
+ * ```
+ *
+ * @param {integer} threshold The new treeshold.
+ *
+ * @method setMovementThreshold
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setMovementThreshold = function(v) {
+ MOVEMENT_THRESHOLD = v;
+ };
+ /**
+ * Set default sensitive area.
+ *
+ * The sensitive area of a touch is the area of the screen inside what
+ * we consider a touch to be meaningful thus triggering its handlers.
+ *
+ * **NOTE:** if movement goes out the sensitive area the touch event is not cancelled,
+ * instead its handler are just ignored.
+ *
+ * By default sensitive area is defined as `ownerDocument` bounding rectangle
+ * of the bound element.
+ *
+ * ie.
+ *
+ * ``` js
+ * $touchProvider.setSensitiveArea(function($element) {
+ * return $element[0].ownerDocument.documentElement.getBoundingClientRect();
+ * });
+ * ```
+ *
+ * @param {function|Element|TextRectangle} sensitiveArea The new default sensitive area,
+ * either static or as function
+ * taking an element and returning another
+ * element or a
+ * [rectangle](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect).
+ *
+ * @method setSensitiveArea
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setSensitiveArea = function(fnOrElementOrRect) {
+ SENSITIVE_AREA = fnOrElementOrRect;
+ };
+
+ //
+ // Shorthands for minification
+ //
+ var abs = Math.abs;
+ var atan2 = Math.atan2;
+ var sqrt = Math.sqrt;
+
+ /* ===============================
+ = Helpers =
+ ===============================*/
+
+ var getCoordinates = function(event) {
+ var touches = event.touches && event.touches.length ? event.touches : [event];
+ var e = (event.changedTouches && event.changedTouches[0]) ||
+ (event.originalEvent && event.originalEvent.changedTouches &&
+ event.originalEvent.changedTouches[0]) ||
+ touches[0].originalEvent || touches[0];
+
+ return {
+ x: e.clientX,
+ y: e.clientY
+ };
+ };
+
+ var getEvents = function(pointerTypes, eventType) {
+ var res = [];
+ angular.forEach(pointerTypes, function(pointerType) {
+ var eventName = POINTER_EVENTS[pointerType][eventType];
+ if (eventName) {
+ res.push(eventName);
+ }
+ });
+ return res.join(' ');
+ };
+
+ var now = function() {
+ return new Date();
+ };
+
+ var timediff = function(t1, t2) {
+ t2 = t2 || now();
+ return abs(t2 - t1);
+ };
+
+ var len = function(x, y) {
+ return sqrt(x * x + y * y);
+ };
+
+ /**
+ * `TouchInfo` is an object containing the following extended informations about any touch
+ * event.
+ *
+ * @property {string} type Normalized event type. Despite of pointer device is always one of `touchstart`, `touchend`, `touchmove`, `touchcancel`.
+ * @property {Date} timestamp The time object corresponding to the moment this touch event happened.
+ * @property {integer} duration The difference between this touch event and the corresponding `touchstart`.
+ * @property {float} startX X coord of related `touchstart`.
+ * @property {float} startY Y coord of related `touchstart`.
+ * @property {float} prevX X coord of previous `touchstart` or `touchmove`.
+ * @property {float} prevY Y coord of previous `touchstart` or `touchmove`.
+ * @property {float} x X coord of this touch event.
+ * @property {float} y Y coord of this touch event.
+ * @property {float} step Distance between `[prevX, prevY]` and `[x, y]` points.
+ * @property {float} stepX Distance between `prevX` and `x`.
+ * @property {float} stepY Distance between `prevY` and `y`.
+ * @property {float} velocity Instantaneous velocity of a touch event in pixels per second.
+ * @property {float} averageVelocity Average velocity of a touch event from its corresponding `touchstart` in pixels per second.
+ * @property {float} distance Distance between `[startX, startY]` and `[x, y]` points.
+ * @property {float} distanceX Distance between `startX` and `x`.
+ * @property {float} distanceY Distance between `startY` and `y`.
+ * @property {float} total Total number of pixels covered by movement, taking account of direction changes and turnarounds.
+ * @property {float} totalX Total number of pixels covered by horizontal movement, taking account of direction changes and turnarounds.
+ * @property {float} totalY Total number of pixels covered by vertical, taking account of direction changes and turnarounds.
+ * @property {string} direction The current prevalent direction for this touch, one of `LEFT`, `RIGHT`, `TOP`, `BOTTOM`.
+ * @property {float} angle Angle in degree between x axis and the vector `[x, y]`, is `null` when no movement happens.
+ *
+ * @class TouchInfo
+ * @ngdoc type
+ * @memberOf mobile-angular-ui.gestures.touch~$touch
+ */
+
+ var buildTouchInfo = function(type, c, t0, tl) {
+ // Compute values for new TouchInfo based on coordinates and previus touches.
+ // - c is coords of new touch
+ // - t0 is first touch: useful to compute duration and distance (how far pointer
+ // got from first touch)
+ // - tl is last touch: useful to compute velocity and length (total length of the movement)
+
+ t0 = t0 || {};
+ tl = tl || {};
+
+ // timestamps
+ var ts = now();
+ var ts0 = t0.timestamp || ts;
+ var tsl = tl.timestamp || ts0;
+
+ // coords
+ var x = c.x;
+ var y = c.y;
+ var x0 = t0.x || x;
+ var y0 = t0.y || y;
+ var xl = tl.x || x0;
+ var yl = tl.y || y0;
+
+ // total movement
+ var totalXl = tl.totalX || 0;
+ var totalYl = tl.totalY || 0;
+ var totalX = totalXl + abs(x - xl);
+ var totalY = totalYl + abs(y - yl);
+ var total = len(totalX, totalY);
+
+ // duration
+ var duration = timediff(ts, ts0);
+ var durationl = timediff(ts, tsl);
+
+ // distance
+ var dxl = x - xl;
+ var dyl = y - yl;
+ var dl = len(dxl, dyl);
+ var dx = x - x0;
+ var dy = y - y0;
+ var d = len(dx, dy);
+
+ // velocity (px per second)
+ var v = durationl > 0 ? abs(dl / (durationl / 1000)) : 0;
+ var tv = duration > 0 ? abs(total / (duration / 1000)) : 0;
+
+ // main direction: 'LEFT', 'RIGHT', 'TOP', 'BOTTOM'
+ var dir = abs(dx) > abs(dy) ?
+ (dx < 0 ? 'LEFT' : 'RIGHT') :
+ (dy < 0 ? 'TOP' : 'BOTTOM');
+
+ // angle (angle between distance vector and x axis)
+ // angle will be:
+ // 0 for x > 0 and y = 0
+ // 90 for y < 0 and x = 0
+ // 180 for x < 0 and y = 0
+ // -90 for y > 0 and x = 0
+ //
+ // -90°
+ // |
+ // |
+ // |
+ // 180° --------|-------- 0°
+ // |
+ // |
+ // |
+ // 90°
+ //
+ var angle = dx !== 0 || dy !== 0 ? atan2(dy, dx) * (180 / Math.PI) : null;
+ angle = angle === -180 ? 180 : angle;
+
+ return {
+ type: type,
+ timestamp: ts,
+ duration: duration,
+ startX: x0,
+ startY: y0,
+ prevX: xl,
+ prevY: yl,
+ x: c.x,
+ y: c.y,
+
+ step: dl, // distance from prev
+ stepX: dxl,
+ stepY: dyl,
+
+ velocity: v,
+ averageVelocity: tv,
+
+ distance: d, // distance from start
+ distanceX: dx,
+ distanceY: dy,
+
+ total: total, // total length of momement,
+ // considering turnaround
+ totalX: totalX,
+ totalY: totalY,
+ direction: dir,
+ angle: angle
+ };
+ };
+
+ /* ======================================
+ = Factory Method =
+ ======================================*/
+
+ this.$get = [function() {
+
+ return {
+ /**
+ *
+ * Bind touch handlers for an element.
+ *
+ * ``` js
+ * var unbind = $touch.bind(elem, {
+ * end: function(touch) {
+ * console.log('Avg Speed:', touch.averageVelocity);
+ * unbind();
+ * }
+ * });
+ * ```
+ *
+ * @param {Element|$element} element The element to bound to.
+ * @param {object} eventHandlers An object with handlers for specific touch events.
+ * @param {function} [eventHandlers.start] The callback for `touchstart` event.
+ * @param {function} [eventHandlers.end] The callback for `touchend` event.
+ * @param {function} [eventHandlers.move] The callback for `touchmove` event.
+ * @param {function} [eventHandlers.cancel] The callback for `touchcancel` event.
+ * @param {object} [options] Options.
+ * @param {integer} [options.movementThreshold] Amount of pixels of movement before start to trigger `touchmove` handlers.
+ * @param {function} [options.valid] Validity function. A `function(TouchInfo, event)⟶boolean` deciding if a touch should be handled or ignored.
+ * @param {function|Element|TextRectangle} [options.sensitiveArea] A
+ * [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) or an element
+ * or a function that takes the bound element and returns one of the previous.
+ * Sensitive area define bounduaries to release touch when movement is outside.
+ * @param {array} [options.pointerTypes] Pointer types to handle. An array of pointer types that is intended to be
+ * a subset of keys from default pointer events map (see `$touchProvider.setPointerEvents`).
+ *
+ * @returns {function} The unbind function.
+ *
+ * @memberOf mobile-angular-ui.gestures.touch~$touch
+ */
+ bind: function($element, eventHandlers, options) {
+
+ // ensure element to be an angular element
+ $element = angular.element($element);
+
+ options = options || {};
+ // uses default pointer types in case of none passed
+ var pointerTypes = options.pointerTypes || POINTER_TYPES;
+ var isValid = options.valid === undefined ? VALID : options.valid;
+ var movementThreshold = options.movementThreshold === undefined ? MOVEMENT_THRESHOLD : options.movementThreshold;
+ var sensitiveArea = options.sensitiveArea === undefined ? SENSITIVE_AREA : options.sensitiveArea;
+
+ // first and last touch
+ var t0;
+ var tl;
+
+ // events
+ var startEvents = getEvents(pointerTypes, 'start');
+ var endEvents = getEvents(pointerTypes, 'end');
+ var moveEvents = getEvents(pointerTypes, 'move');
+ var cancelEvents = getEvents(pointerTypes, 'cancel');
+
+ var startEventHandler = eventHandlers.start;
+ var endEventHandler = eventHandlers.end;
+ var moveEventHandler = eventHandlers.move;
+ var cancelEventHandler = eventHandlers.cancel;
+
+ var $movementTarget = angular.element($element[0].ownerDocument);
+ var onTouchMove;
+ var onTouchEnd;
+ var onTouchCancel;
+
+ var resetTouch = function() {
+ t0 = tl = null;
+ $movementTarget.off(moveEvents, onTouchMove);
+ $movementTarget.off(endEvents, onTouchEnd);
+ if (cancelEvents) {
+ $movementTarget.off(cancelEvents, onTouchCancel);
+ }
+ };
+
+ var isActive = function() {
+ return Boolean(t0);
+ };
+
+ //
+ // Callbacks
+ //
+
+ // on touchstart
+ var onTouchStart = function(event) {
+ // don't handle multi-touch
+ if (event.touches && event.touches.length > 1) {
+ return;
+ }
+ tl = t0 = buildTouchInfo('touchstart', getCoordinates(event));
+ $movementTarget.on(moveEvents, onTouchMove);
+ $movementTarget.on(endEvents, onTouchEnd);
+ if (cancelEvents) {
+ $movementTarget.on(cancelEvents, onTouchCancel);
+ }
+ if (startEventHandler) {
+ startEventHandler(t0, event);
+ }
+ };
+
+ // on touchCancel
+ onTouchCancel = function(event) {
+ var t = buildTouchInfo('touchcancel', getCoordinates(event), t0, tl);
+ resetTouch();
+ if (cancelEventHandler) {
+ cancelEventHandler(t, event);
+ }
+ };
+
+ // on touchMove
+ onTouchMove = function(event) {
+ // don't handle multi-touch
+ if (event.touches && event.touches.length > 1) {
+ return;
+ }
+
+ if (!isActive()) {
+ return;
+ }
+
+ var coords = getCoordinates(event);
+
+ //
+ // wont fire outside sensitive area
+ //
+ var mva = typeof sensitiveArea === 'function' ? sensitiveArea($element) : sensitiveArea;
+ mva = mva.length ? mva[0] : mva;
+
+ var mvaRect = mva instanceof Element ? mva.getBoundingClientRect() : mva;
+
+ if (coords.x < mvaRect.left || coords.x > mvaRect.right || coords.y < mvaRect.top || coords.y > mvaRect.bottom) {
+ return;
+ }
+
+ var t = buildTouchInfo('touchmove', coords, t0, tl);
+ var totalX = t.totalX;
+ var totalY = t.totalY;
+
+ tl = t;
+
+ if (totalX < movementThreshold && totalY < movementThreshold) {
+ return;
+ }
+
+ if (isValid(t, event)) {
+ if (event.cancelable === undefined || event.cancelable) {
+ event.preventDefault();
+ }
+ if (moveEventHandler) {
+ moveEventHandler(t, event);
+ }
+ }
+ };
+
+ // on touchEnd
+ onTouchEnd = function(event) {
+ // don't handle multi-touch
+ if (event.touches && event.touches.length > 1) {
+ return;
+ }
+
+ if (!isActive()) {
+ return;
+ }
+
+ var t = angular.extend({}, tl, {type: 'touchend'});
+ if (isValid(t, event)) {
+ if (event.cancelable === undefined || event.cancelable) {
+ event.preventDefault();
+ }
+ if (endEventHandler) {
+ setTimeout(function() { // weird workaround to avoid
+ // delays with dom manipulations
+ // inside the handler
+ endEventHandler(t, event);
+ }, 0);
+ }
+ }
+ resetTouch();
+ };
+
+ $element.on(startEvents, onTouchStart);
+
+ return function unbind() {
+ if ($element) { // <- wont throw if accidentally called twice
+ $element.off(startEvents, onTouchStart);
+ if (cancelEvents) {
+ $movementTarget.off(cancelEvents, onTouchCancel);
+ }
+ $movementTarget.off(moveEvents, onTouchMove);
+ $movementTarget.off(endEvents, onTouchEnd);
+
+ // Clear all those variables we carried out from `#bind` method scope
+ // to local scope and that we don't have to use anymore
+ $element = $movementTarget = startEvents = cancelEvents =
+ moveEvents = endEvents = onTouchStart = onTouchCancel =
+ onTouchMove = onTouchEnd = pointerTypes = isValid =
+ movementThreshold = sensitiveArea = null;
+ }
+ };
+ }
+ };
+ }];
+ });
+})();
+
+/* eslint complexity: 0 */
+
+/**
+ * @module mobile-angular-ui.gestures.transform
+ * @description
+ *
+ * `mobile-angular-ui.gestures.transform` provides the `$transform` service is designed
+ * with the specific aim to provide a cross-browser way to interpolate CSS 3d transform
+ * without having to deal with CSS Matrix, and being able to take into account any previous
+ * unknown transform already applied to an element.
+ *
+ * ## Usage
+ *
+ * Require this module doing either
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ *
+ * Or standalone
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures.transform']);
+ * ```
+ *
+ * Say we have an element with applyed css:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * ``` css
+ * .myelem {
+ * transform: translate(12px) rotate(20deg);
+ * }
+ * ```
+ *
+ * Then you can use `$transform` like this:
+ *
+ * ``` js
+ * t = $transform.get(e);
+ * t.rotationZ += 15;
+ * t.translateX += 1;
+ * $transform.set(e, t);
+ * ```
+ *
+ * ### `$transform` service API
+ *
+ * #### `$transform.fromCssMatrix(cssMatrixString) -> transform`
+ *
+ * Returns a decomposition of the transform matrix `cssMatrixString`.
+ * NOTE: 2d matrices are translated to 3d matrices before any other operation.
+ *
+ * #### `$transform.toCss(decomposedTransform)`
+ *
+ * Recompose a css string from `decomposedTransform`.
+ *
+ * Transforms are recomposed as a composition of:
+ *
+ * ``` css
+ * matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])
+ * translate3d(translation[0], translation[1], translation[2])
+ * rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])
+ * matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)
+ * matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)
+ * matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)
+ * scale3d(scale[0], scale[1], scale[2])
+ * ```
+ *
+ * #### `$transform.get(e) -> transform`
+ *
+ * Returns a decomposition of the transform matrix applied to `e`.
+ *
+ * #### `$transform.set(element, transform)`
+ *
+ * If transform is a string just set it for element `element`. Otherwise is considered as a
+ * decomposed transform and is recomposed with `$transform.toCss` and then set to element.
+ *
+ * ### The decomposed transform object
+ *
+ * Result of transform matrix decomposition is an object with the following properties:
+ *
+ * ```
+ * translateX
+ * translateY
+ * translateZ
+ * perspectiveX
+ * perspectiveY
+ * perspectiveZ
+ * perspectiveW
+ * scaleX
+ * scaleY
+ * scaleZ
+ * rotateX
+ * rotateY
+ * rotateZ
+ * skewXY
+ * skewXZ
+ * skewYZ
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module('mobile-angular-ui.gestures.transform', []);
+
+ module.factory('$transform', function() {
+
+ /* ==============================================================
+ = Cross-Browser Property Prefix Handling =
+ ==============================================================*/
+
+ // Cross-Browser style properties
+ var cssPrefix;
+ var transformProperty;
+ var styleProperty;
+ var prefixes = ['', 'webkit', 'Moz', 'O', 'ms'];
+ var d = document.createElement('div');
+
+ for (var i = 0; i < prefixes.length; i++) {
+ var prefix = prefixes[i];
+ if ((prefix + 'Perspective') in d.style) {
+ cssPrefix = (prefix === '' ? '' : '-' + prefix.toLowerCase() + '-');
+ styleProperty = prefix + (prefix === '' ? 'transform' : 'Transform');
+ transformProperty = cssPrefix + 'transform';
+ break;
+ }
+ }
+
+ d = null;
+
+ // return current element transform matrix in a cross-browser way
+ var getElementTransformProperty = function(e) {
+ e = e.length ? e[0] : e;
+ var tr = window
+ .getComputedStyle(e, null)
+ .getPropertyValue(transformProperty);
+ return tr;
+ };
+
+ // set current element transform matrix in a cross-browser way
+ var setElementTransformProperty = function(elem, value) {
+ elem = elem.length ? elem[0] : elem;
+ elem.style[styleProperty] = value;
+ };
+
+ /* ======================================================
+ = Transform Matrix Decomposition =
+ ======================================================*/
+
+ var SMALL_NUMBER = 1.e-7;
+
+ var rad2deg = function(angle) {
+ return angle * 180 / Math.PI;
+ };
+
+ var sqrt = Math.sqrt;
+ var asin = Math.asin;
+ var atan2 = Math.atan2;
+ var cos = Math.cos;
+ var abs = Math.abs;
+ var floor = Math.floor;
+
+ var cloneMatrix = function(m) {
+ var res = [[], [], [], []];
+ for (var i = 0; i < m.length; i++) {
+ for (var j = 0; j < m[i].length; j++) {
+ res[i][j] = m[i][j];
+ }
+ }
+ return res;
+ };
+
+ var determinant2x2 = function(a, b, c, d) {
+ return a * d - b * c;
+ };
+
+ var determinant3x3 = function(a1, a2, a3, b1, b2, b3, c1, c2, c3) {
+ return a1 * determinant2x2(b2, b3, c2, c3) - b1 * determinant2x2(a2, a3, c2, c3) + c1 * determinant2x2(a2, a3, b2, b3);
+ };
+
+ var determinant4x4 = function(m) {
+ var a1 = m[0][0];
+ var b1 = m[0][1];
+ var c1 = m[0][2];
+ var d1 = m[0][3];
+ var a2 = m[1][0];
+ var b2 = m[1][1];
+ var c2 = m[1][2];
+ var d2 = m[1][3];
+ var a3 = m[2][0];
+ var b3 = m[2][1];
+ var c3 = m[2][2];
+ var d3 = m[2][3];
+ var a4 = m[3][0];
+ var b4 = m[3][1];
+ var c4 = m[3][2];
+ var d4 = m[3][3];
+ return a1 * determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4) -
+ b1 * determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4) +
+ c1 * determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4) -
+ d1 * determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);
+ };
+
+ var adjoint = function(m) {
+ var res = [[], [], [], []];
+ var a1 = m[0][0];
+ var b1 = m[0][1];
+ var c1 = m[0][2];
+ var d1 = m[0][3];
+ var a2 = m[1][0];
+ var b2 = m[1][1];
+ var c2 = m[1][2];
+ var d2 = m[1][3];
+ var a3 = m[2][0];
+ var b3 = m[2][1];
+ var c3 = m[2][2];
+ var d3 = m[2][3];
+ var a4 = m[3][0];
+ var b4 = m[3][1];
+ var c4 = m[3][2];
+ var d4 = m[3][3];
+
+ res[0][0] = determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4);
+ res[1][0] = -determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4);
+ res[2][0] = determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4);
+ res[3][0] = -determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);
+ res[0][1] = -determinant3x3(b1, b3, b4, c1, c3, c4, d1, d3, d4);
+ res[1][1] = determinant3x3(a1, a3, a4, c1, c3, c4, d1, d3, d4);
+ res[2][1] = -determinant3x3(a1, a3, a4, b1, b3, b4, d1, d3, d4);
+ res[3][1] = determinant3x3(a1, a3, a4, b1, b3, b4, c1, c3, c4);
+ res[0][2] = determinant3x3(b1, b2, b4, c1, c2, c4, d1, d2, d4);
+ res[1][2] = -determinant3x3(a1, a2, a4, c1, c2, c4, d1, d2, d4);
+ res[2][2] = determinant3x3(a1, a2, a4, b1, b2, b4, d1, d2, d4);
+ res[3][2] = -determinant3x3(a1, a2, a4, b1, b2, b4, c1, c2, c4);
+ res[0][3] = -determinant3x3(b1, b2, b3, c1, c2, c3, d1, d2, d3);
+ res[1][3] = determinant3x3(a1, a2, a3, c1, c2, c3, d1, d2, d3);
+ res[2][3] = -determinant3x3(a1, a2, a3, b1, b2, b3, d1, d2, d3);
+ res[3][3] = determinant3x3(a1, a2, a3, b1, b2, b3, c1, c2, c3);
+
+ return res;
+ };
+
+ var inverse = function(m) {
+ var res = adjoint(m);
+ var det = determinant4x4(m);
+ if (abs(det) < SMALL_NUMBER) {
+ return false;
+ }
+
+ for (var i = 0; i < 4; i++) {
+ for (var j = 0; j < 4; j++) {
+ res[i][j] /= det;
+ }
+ }
+ return res;
+ };
+
+ var transposeMatrix4 = function(m) {
+ var res = [[], [], [], []];
+ for (var i = 0; i < 4; i++) {
+ for (var j = 0; j < 4; j++) {
+ res[i][j] = m[j][i];
+ }
+ }
+ return res;
+ };
+
+ var v4MulPointByMatrix = function(p, m) {
+ var res = [];
+
+ res[0] = (p[0] * m[0][0]) + (p[1] * m[1][0]) +
+ (p[2] * m[2][0]) + (p[3] * m[3][0]);
+ res[1] = (p[0] * m[0][1]) + (p[1] * m[1][1]) +
+ (p[2] * m[2][1]) + (p[3] * m[3][1]);
+ res[2] = (p[0] * m[0][2]) + (p[1] * m[1][2]) +
+ (p[2] * m[2][2]) + (p[3] * m[3][2]);
+ res[3] = (p[0] * m[0][3]) + (p[1] * m[1][3]) +
+ (p[2] * m[2][3]) + (p[3] * m[3][3]);
+
+ return res;
+ };
+
+ var v3Length = function(a) {
+ return sqrt((a[0] * a[0]) + (a[1] * a[1]) + (a[2] * a[2]));
+ };
+
+ var v3Scale = function(v, desiredLength) {
+ var res = [];
+ var len = v3Length(v);
+ if (len !== 0) {
+ var l = desiredLength / len;
+ res[0] *= l;
+ res[1] *= l;
+ res[2] *= l;
+ }
+ return res;
+ };
+
+ var v3Dot = function(a, b) {
+ return (a[0] * b[0]) + (a[1] * b[1]) + (a[2] * b[2]);
+ };
+
+ var v3Combine = function(a, b, ascl, bscl) {
+ var res = [];
+ res[0] = (ascl * a[0]) + (bscl * b[0]);
+ res[1] = (ascl * a[1]) + (bscl * b[1]);
+ res[2] = (ascl * a[2]) + (bscl * b[2]);
+ return res;
+ };
+
+ var v3Cross = function(a, b) {
+ var res = [];
+ res[0] = (a[1] * b[2]) - (a[2] * b[1]);
+ res[1] = (a[2] * b[0]) - (a[0] * b[2]);
+ res[2] = (a[0] * b[1]) - (a[1] * b[0]);
+ return res;
+ };
+
+ var decompose = function(mat) {
+ var result = {};
+ var localMatrix = cloneMatrix(mat);
+ var i;
+ var j;
+
+ // Normalize the matrix.
+ if (localMatrix[3][3] === 0) {
+ return false;
+ }
+
+ for (i = 0; i < 4; i++) {
+ for (j = 0; j < 4; j++) {
+ localMatrix[i][j] /= localMatrix[3][3];
+ }
+ }
+
+ var perspectiveMatrix = cloneMatrix(localMatrix);
+ for (i = 0; i < 3; i++) {
+ perspectiveMatrix[i][3] = 0;
+ }
+ perspectiveMatrix[3][3] = 1;
+
+ if (determinant4x4(perspectiveMatrix) === 0) {
+ return false;
+ }
+
+ // First, isolate perspective. This is the messiest.
+ if (localMatrix[0][3] !== 0 || localMatrix[1][3] !== 0 || localMatrix[2][3] !== 0) {
+ // rightHandSide is the right hand side of the equation.
+ var rightHandSide = [];
+ rightHandSide[0] = localMatrix[0][3];
+ rightHandSide[1] = localMatrix[1][3];
+ rightHandSide[2] = localMatrix[2][3];
+ rightHandSide[3] = localMatrix[3][3];
+
+ // Solve the equation by inverting perspectiveMatrix and multiplying
+ // rightHandSide by the inverse. (This is the easiest way, not
+ // necessarily the best.)
+ var inversePerspectiveMatrix = inverse(perspectiveMatrix);
+ var transposedInversePerspectiveMatrix = transposeMatrix4(inversePerspectiveMatrix);
+ var perspectivePoint = v4MulPointByMatrix(rightHandSide, transposedInversePerspectiveMatrix);
+
+ result.perspectiveX = perspectivePoint[0];
+ result.perspectiveY = perspectivePoint[1];
+ result.perspectiveZ = perspectivePoint[2];
+ result.perspectiveW = perspectivePoint[3];
+
+ // Clear the perspective partition
+ localMatrix[0][3] = localMatrix[1][3] = localMatrix[2][3] = 0;
+ localMatrix[3][3] = 1;
+ } else {
+ // No perspective.
+ result.perspectiveX = result.perspectiveY = result.perspectiveZ = 0;
+ result.perspectiveW = 1;
+ }
+
+ // Next take care of translation (easy).
+ result.translateX = localMatrix[3][0];
+ localMatrix[3][0] = 0;
+ result.translateY = localMatrix[3][1];
+ localMatrix[3][1] = 0;
+ result.translateZ = localMatrix[3][2];
+ localMatrix[3][2] = 0;
+
+ // Now get scale and shear.
+ var row = [[], [], []];
+ var pdum3;
+
+ for (i = 0; i < 3; i++) {
+ row[i][0] = localMatrix[i][0];
+ row[i][1] = localMatrix[i][1];
+ row[i][2] = localMatrix[i][2];
+ }
+
+ // Compute X scale factor and normalize first row.
+ result.scaleX = v3Length(row[0]);
+ v3Scale(row[0], 1.0);
+
+ // Compute XY shear factor and make 2nd row orthogonal to 1st.
+ result.skewXY = v3Dot(row[0], row[1]);
+ v3Combine(row[1], row[0], row[1], 1.0, -result.skewXY);
+
+ // Now, compute Y scale and normalize 2nd row.
+ result.scaleY = v3Length(row[1]);
+ v3Scale(row[1], 1.0);
+ result.skewXY /= result.scaleY;
+
+ // Compute XZ and YZ shears, orthogonalize 3rd row.
+ result.skewXZ = v3Dot(row[0], row[2]);
+ v3Combine(row[2], row[0], row[2], 1.0, -result.skewXZ);
+ result.skewYZ = v3Dot(row[1], row[2]);
+ v3Combine(row[2], row[1], row[2], 1.0, -result.skewYZ);
+
+ // Next, get Z scale and normalize 3rd row.
+ result.scaleZ = v3Length(row[2]);
+ v3Scale(row[2], 1.0);
+ result.skewXZ /= result.scaleZ;
+ result.skewYZ /= result.scaleZ;
+
+ // At this point, the matrix (in rows[]) is orthonormal.
+ // Check for a coordinate system flip. If the determinant
+ // is -1, then negate the matrix and the scaling factors.
+ pdum3 = v3Cross(row[1], row[2]);
+
+ if (v3Dot(row[0], pdum3) < 0) {
+ for (i = 0; i < 3; i++) {
+ result.scaleX *= -1;
+ row[i][0] *= -1;
+ row[i][1] *= -1;
+ row[i][2] *= -1;
+ }
+ }
+
+ // Rotation (angles smaller then SMALL_NUMBER are zeroed)
+ result.rotateY = rad2deg(asin(-row[0][2])) || 0;
+ if (cos(result.rotateY) === 0) {
+ result.rotateX = rad2deg(atan2(-row[2][0], row[1][1])) || 0;
+ result.rotateZ = 0;
+ } else {
+ result.rotateX = rad2deg(atan2(row[1][2], row[2][2])) || 0;
+ result.rotateZ = rad2deg(atan2(row[0][1], row[0][0])) || 0;
+ }
+
+ return result;
+ };
+
+ /* =========================================
+ = Factory interface =
+ =========================================*/
+
+ var fCom = function(n, def) {
+ // avoid scientific notation with toFixed
+ var val = (n || def || 0);
+ return String(val.toFixed(20));
+ };
+
+ var fPx = function(n, def) {
+ return fCom(n, def) + 'px';
+ };
+
+ var fDeg = function(n, def) {
+ return fCom(n, def) + 'deg';
+ };
+
+ return {
+ fromCssMatrix: function(tr) {
+ var M = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1]];
+
+ // Just returns identity in case no transform is setup for the element
+ if (tr && tr !== 'none') {
+ var elems = tr.split('(')[1].split(')')[0].split(',').map(Number);
+
+ // Is a 2d transform: matrix(a, b, c, d, tx, ty) is a shorthand
+ // for matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1)
+ if (tr.match(/^matrix\(/)) {
+ M[0][0] = elems[0];
+ M[1][0] = elems[1];
+ M[0][1] = elems[2];
+ M[1][1] = elems[3];
+ M[3][0] = elems[4];
+ M[3][1] = elems[5];
+
+ // Is a 3d transform, set elements by rows
+ } else {
+ for (var i = 0; i < 16; i++) {
+ var row = floor(i / 4);
+ var col = i % 4;
+ M[row][col] = elems[i];
+ }
+ }
+ }
+ return decompose(M);
+ },
+
+ toCss: function(t) {
+ //
+ // Transforms are recomposed as a composition of:
+ //
+ // matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])
+ // translate3d(translation[0], translation[1], translation[2])
+ // rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])
+ // matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)
+ // matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)
+ // matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)
+ // scale3d(scale[0], scale[1], scale[2])
+ //
+
+ var perspective = [
+ fCom(t.perspectiveX),
+ fCom(t.perspectiveY),
+ fCom(t.perspectiveZ),
+ fCom(t.perspectiveW, 1)
+ ];
+ var translate = [
+ fPx(t.translateX),
+ fPx(t.translateY),
+ fPx(t.translateZ)
+ ];
+ var scale = [
+ fCom(t.scaleX),
+ fCom(t.scaleY),
+ fCom(t.scaleZ)
+ ];
+ var rotation = [
+ fDeg(t.rotateX),
+ fDeg(t.rotateY),
+ fDeg(t.rotateZ)
+ ];
+ var skew = [
+ fCom(t.skewXY),
+ fCom(t.skewXZ),
+ fCom(t.skewYZ)
+ ];
+
+ return [
+ 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,' + perspective.join(',') + ')',
+ 'translate3d(' + translate.join(',') + ')',
+ 'rotateX(' + rotation[0] + ') rotateY(' + rotation[1] + ') rotateZ(' + rotation[2] + ')',
+ 'matrix3d(1,0,0,0,0,1,0,0,0,' + skew[2] + ',1,0,0,0,0,1)',
+ 'matrix3d(1,0,0,0,0,1,0,0,' + skew[1] + ',0,1,0,0,0,0,1)',
+ 'matrix3d(1,0,0,0,' + skew[0] + ',1,0,0,0,0,1,0,0,0,0,1)',
+ 'scale3d(' + scale.join(',') + ')'
+ ].join(' ');
+ },
+
+ //
+ // Returns a decomposition of the transform matrix applied
+ // to `e`;
+ //
+ // NOTE: 2d matrices are translated to 3d matrices
+ // before any other operation.
+ //
+ get: function(e) {
+ return this.fromCssMatrix(getElementTransformProperty(e));
+ },
+
+ // Recompose a transform from decomposition `t` and apply it to element `e`
+ set: function(e, t) {
+ var str = (typeof t === 'string') ? t : this.toCss(t);
+ setElementTransformProperty(e, str);
+ }
+ };
+ });
+})();
+
+/**
+ * @module mobile-angular-ui.gestures
+ * @position 100
+ * @description
+ *
+ * It has directives and services to support `touch`, `swipe` and `drag` gestures.
+ *
+ * It does not need any `.css` to work.
+ *
+ *
+ *
+ * This module will not work with `ngTouch`
+ * cause it is intended, among offering more features, to be a drop-in
+ * replacement for it.
+ *
+ *
+ * Be aware that `ngTouch` is still not playing well with `fastclick.js` and its usage with `mobile-angular-ui` is currently discouraged anyway.
+ *
+ *
+ *
+ * ## Usage
+ *
+ * `.gestures` module is not required by `mobile-angular-ui` module. It has no
+ * dependency on other modules and is intended to be used alone with any other
+ * angular framework.
+ *
+ * You have to include `mobile-angular-ui.gestures.min.js` to your project in order to use it. Ie.
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.gestures', [
+ 'mobile-angular-ui.gestures.drag',
+ 'mobile-angular-ui.gestures.swipe',
+ 'mobile-angular-ui.gestures.transform'
+ ]);
+})();
diff --git a/dist/js/mobile-angular-ui.gestures.min.js b/dist/js/mobile-angular-ui.gestures.min.js
new file mode 100644
index 0000000..92334d2
--- /dev/null
+++ b/dist/js/mobile-angular-ui.gestures.min.js
@@ -0,0 +1,2 @@
+!function(){"use strict";angular.module("mobile-angular-ui.gestures.drag",["mobile-angular-ui.gestures.touch","mobile-angular-ui.gestures.transform"]).provider("$drag",function(){this.$get=["$touch","$transform",function(t,e){var n=document.createElement("style");n.appendChild(document.createTextNode("")),document.head.appendChild(n);var r=n.sheet;return r.insertRule("html .ui-drag-move{z-index: 99999 !important;}",0),r.insertRule("html .ui-drag-move{-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;-ms-transition: none !important;transition: none !important;}",0),r.insertRule("html .ui-drag-move, html .ui-drag-move *{-webkit-touch-callout: none !important;-webkit-user-select: none !important;-khtml-user-select: none !important;-moz-user-select: none !important;-ms-user-select: none !important;user-select: none !important;}",0),n=r=null,{NULL_TRANSFORM:function(t,e){return e},TRANSLATE_BOTH:function(t,e,n){return e.translateX=n.distanceX,e.translateY=n.distanceY,e},TRANSLATE_HORIZONTAL:function(t,e,n){return e.translateX=n.distanceX,e.translateY=0,e},TRANSLATE_UP:function(t,e,n){return e.translateY=n.distanceY<=0?n.distanceY:0,e.translateX=0,e},TRANSLATE_DOWN:function(t,e,n){return e.translateY=n.distanceY>=0?n.distanceY:0,e.translateX=0,e},TRANSLATE_LEFT:function(t,e,n){return e.translateX=n.distanceX<=0?n.distanceX:0,e.translateY=0,e},TRANSLATE_RIGHT:function(t,e,n){return e.translateX=n.distanceX>=0?n.distanceX:0,e.translateY=0,e},TRANSLATE_VERTICAL:function(t,e,n){return e.translateX=0,e.translateY=n.distanceY,e},TRANSLATE_INSIDE:function(t){return t=t.length?t[0]:t,function(e,n,r){e=e.length?e[0]:e;var a,o,i=e.getBoundingClientRect(),u=t instanceof Element?t.getBoundingClientRect():t;return a=i.width>=u.width?0:i.right+r.stepX>u.right?u.right-i.right:i.left+r.stepX=u.height?0:i.bottom+r.stepY>u.bottom?u.bottom-i.bottom:i.top+r.stepY=90?n-90:n;var i=t.total-t.distance<=r,u=a>=n||n>=90-a,s=t.averageVelocity>=e;return i&&u&&s}};return{bind:function(e,n,r){return r=angular.extend({},i,r||{}),t.bind(e,n,r)}}}]),angular.forEach(["ui","ng"],function(e){angular.forEach(["Left","Right"],function(n){var r=e+"Swipe"+n;t.directive(r,["$swipe","$parse",function(t,e){return{link:function(a,o,i){var u=e(i[r]);t.bind(o,{end:function(t,e){t.direction===n.toUpperCase()&&(e.__UiSwipeHandled__||(e.__UiSwipeHandled__=!0,a.$apply(function(){u(a,{$touch:t})})))}})}}}])})})}(),function(){"use strict";var t=angular.module("mobile-angular-ui.gestures.touch",[]);t.provider("$touch",function(){var t=function(){return!0},e=1,n={mouse:{start:"mousedown",move:"mousemove",end:"mouseup"},touch:{start:"touchstart",move:"touchmove",end:"touchend",cancel:"touchcancel"}},r=["mouse","touch"],a=function(t){return t[0].ownerDocument.documentElement.getBoundingClientRect()};this.setPointerEvents=function(t){n=t,r=Object.keys(n)},this.setValid=function(e){t=e},this.setMovementThreshold=function(t){e=t},this.setSensitiveArea=function(t){a=t};var o=Math.abs,i=Math.atan2,u=Math.sqrt,s=function(t){var e=t.touches&&t.touches.length?t.touches:[t],n=t.changedTouches&&t.changedTouches[0]||t.originalEvent&&t.originalEvent.changedTouches&&t.originalEvent.changedTouches[0]||e[0].originalEvent||e[0];return{x:n.clientX,y:n.clientY}},c=function(t,e){var r=[];return angular.forEach(t,function(t){var a=n[t][e];a&&r.push(a)}),r.join(" ")},l=function(){return new Date},f=function(t,e){return e=e||l(),o(e-t)},m=function(t,e){return u(t*t+e*e)},v=function(t,e,n,r){n=n||{},r=r||{};var a=l(),u=n.timestamp||a,s=r.timestamp||u,c=e.x,v=e.y,d=n.x||c,g=n.y||v,h=r.x||d,p=r.y||g,X=r.totalX||0,Y=r.totalY||0,T=X+o(c-h),b=Y+o(v-p),w=m(T,b),R=f(a,u),E=f(a,s),y=c-h,A=v-p,x=m(y,A),Z=c-d,_=v-g,k=m(Z,_),C=E>0?o(x/(E/1e3)):0,M=R>0?o(w/(R/1e3)):0,S=o(Z)>o(_)?0>Z?"LEFT":"RIGHT":0>_?"TOP":"BOTTOM",L=0!==Z||0!==_?i(_,Z)*(180/Math.PI):null;return L=-180===L?180:L,{type:t,timestamp:a,duration:R,startX:d,startY:g,prevX:h,prevY:p,x:e.x,y:e.y,step:x,stepX:y,stepY:A,velocity:C,averageVelocity:M,distance:k,distanceX:Z,distanceY:_,total:w,totalX:T,totalY:b,direction:S,angle:L}};this.$get=[function(){return{bind:function(n,o,i){n=angular.element(n),i=i||{};var u,l,f,m,d,g=i.pointerTypes||r,h=void 0===i.valid?t:i.valid,p=void 0===i.movementThreshold?e:i.movementThreshold,X=void 0===i.sensitiveArea?a:i.sensitiveArea,Y=c(g,"start"),T=c(g,"end"),b=c(g,"move"),w=c(g,"cancel"),R=o.start,E=o.end,y=o.move,A=o.cancel,x=angular.element(n[0].ownerDocument),Z=function(){u=l=null,x.off(b,f),x.off(T,m),w&&x.off(w,d)},_=function(){return Boolean(u)},k=function(t){t.touches&&t.touches.length>1||(l=u=v("touchstart",s(t)),x.on(b,f),x.on(T,m),w&&x.on(w,d),R&&R(u,t))};return d=function(t){var e=v("touchcancel",s(t),u,l);Z(),A&&A(e,t)},f=function(t){if(!(t.touches&&t.touches.length>1)&&_()){var e=s(t),r="function"==typeof X?X(n):X;r=r.length?r[0]:r;var a=r instanceof Element?r.getBoundingClientRect():r;if(!(e.xa.right||e.ya.bottom)){var o=v("touchmove",e,u,l),i=o.totalX,c=o.totalY;l=o,p>i&&p>c||h(o,t)&&((void 0===t.cancelable||t.cancelable)&&t.preventDefault(),y&&y(o,t))}}},m=function(t){if(!(t.touches&&t.touches.length>1)&&_()){var e=angular.extend({},l,{type:"touchend"});h(e,t)&&((void 0===t.cancelable||t.cancelable)&&t.preventDefault(),E&&setTimeout(function(){E(e,t)},0)),Z()}},n.on(Y,k),function(){n&&(n.off(Y,k),w&&x.off(w,d),x.off(b,f),x.off(T,m),n=x=Y=w=b=T=k=d=f=m=g=h=p=X=null)}}}}]})}(),function(){"use strict";var t=angular.module("mobile-angular-ui.gestures.transform",[]);t.factory("$transform",function(){for(var t,e,n,r=["","webkit","Moz","O","ms"],a=document.createElement("div"),o=0;or;r++)for(var a=0;4>a;a++)e[r][a]/=n;return e},R=function(t){for(var e=[[],[],[],[]],n=0;4>n;n++)for(var r=0;4>r;r++)e[n][r]=t[r][n];return e},E=function(t,e){var n=[];return n[0]=t[0]*e[0][0]+t[1]*e[1][0]+t[2]*e[2][0]+t[3]*e[3][0],n[1]=t[0]*e[0][1]+t[1]*e[1][1]+t[2]*e[2][1]+t[3]*e[3][1],n[2]=t[0]*e[0][2]+t[1]*e[1][2]+t[2]*e[2][2]+t[3]*e[3][2],n[3]=t[0]*e[0][3]+t[1]*e[1][3]+t[2]*e[2][3]+t[3]*e[3][3],n},y=function(t){return f(t[0]*t[0]+t[1]*t[1]+t[2]*t[2])},A=function(t,e){var n=[],r=y(t);if(0!==r){var a=e/r;n[0]*=a,n[1]*=a,n[2]*=a}return n},x=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]},Z=function(t,e,n,r){var a=[];return a[0]=n*t[0]+r*e[0],a[1]=n*t[1]+r*e[1],a[2]=n*t[2]+r*e[2],a},_=function(t,e){var n=[];return n[0]=t[1]*e[2]-t[2]*e[1],n[1]=t[2]*e[0]-t[0]*e[2],n[2]=t[0]*e[1]-t[1]*e[0],n},k=function(t){var e,n,r={},a=p(t);if(0===a[3][3])return!1;for(e=0;4>e;e++)for(n=0;4>n;n++)a[e][n]/=a[3][3];var o=p(a);for(e=0;3>e;e++)o[e][3]=0;if(o[3][3]=1,0===T(o))return!1;if(0!==a[0][3]||0!==a[1][3]||0!==a[2][3]){var i=[];i[0]=a[0][3],i[1]=a[1][3],i[2]=a[2][3],i[3]=a[3][3];var u=w(o),s=R(u),c=E(i,s);r.perspectiveX=c[0],r.perspectiveY=c[1],r.perspectiveZ=c[2],r.perspectiveW=c[3],a[0][3]=a[1][3]=a[2][3]=0,a[3][3]=1}else r.perspectiveX=r.perspectiveY=r.perspectiveZ=0,r.perspectiveW=1;r.translateX=a[3][0],a[3][0]=0,r.translateY=a[3][1],a[3][1]=0,r.translateZ=a[3][2],a[3][2]=0;var f,g=[[],[],[]];for(e=0;3>e;e++)g[e][0]=a[e][0],g[e][1]=a[e][1],g[e][2]=a[e][2];if(r.scaleX=y(g[0]),A(g[0],1),r.skewXY=x(g[0],g[1]),Z(g[1],g[0],g[1],1,-r.skewXY),r.scaleY=y(g[1]),A(g[1],1),r.skewXY/=r.scaleY,r.skewXZ=x(g[0],g[2]),Z(g[2],g[0],g[2],1,-r.skewXZ),r.skewYZ=x(g[1],g[2]),Z(g[2],g[1],g[2],1,-r.skewYZ),r.scaleZ=y(g[2]),A(g[2],1),r.skewXZ/=r.scaleZ,r.skewYZ/=r.scaleZ,f=_(g[1],g[2]),x(g[0],f)<0)for(e=0;3>e;e++)r.scaleX*=-1,g[e][0]*=-1,g[e][1]*=-1,g[e][2]*=-1;return r.rotateY=l(m(-g[0][2]))||0,0===d(r.rotateY)?(r.rotateX=l(v(-g[2][0],g[1][1]))||0,r.rotateZ=0):(r.rotateX=l(v(g[1][2],g[2][2]))||0,r.rotateZ=l(v(g[0][1],g[0][0]))||0),r},C=function(t,e){var n=t||e||0;return String(n.toFixed(20))},M=function(t,e){return C(t,e)+"px"},S=function(t,e){return C(t,e)+"deg"};return{fromCssMatrix:function(t){var e=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]];if(t&&"none"!==t){var n=t.split("(")[1].split(")")[0].split(",").map(Number);if(t.match(/^matrix\(/))e[0][0]=n[0],e[1][0]=n[1],e[0][1]=n[2],e[1][1]=n[3],e[3][0]=n[4],e[3][1]=n[5];else for(var r=0;16>r;r++){var a=h(r/4),o=r%4;e[a][o]=n[r]}}return k(e)},toCss:function(t){var e=[C(t.perspectiveX),C(t.perspectiveY),C(t.perspectiveZ),C(t.perspectiveW,1)],n=[M(t.translateX),M(t.translateY),M(t.translateZ)],r=[C(t.scaleX),C(t.scaleY),C(t.scaleZ)],a=[S(t.rotateX),S(t.rotateY),S(t.rotateZ)],o=[C(t.skewXY),C(t.skewXZ),C(t.skewYZ)];return["matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,"+e.join(",")+")","translate3d("+n.join(",")+")","rotateX("+a[0]+") rotateY("+a[1]+") rotateZ("+a[2]+")","matrix3d(1,0,0,0,0,1,0,0,0,"+o[2]+",1,0,0,0,0,1)","matrix3d(1,0,0,0,0,1,0,0,"+o[1]+",0,1,0,0,0,0,1)","matrix3d(1,0,0,0,"+o[0]+",1,0,0,0,0,1,0,0,0,0,1)","scale3d("+r.join(",")+")"].join(" ")},get:function(t){return this.fromCssMatrix(u(t))},set:function(t,e){var n="string"==typeof e?e:this.toCss(e);s(t,n)}}})}(),function(){"use strict";angular.module("mobile-angular-ui.gestures",["mobile-angular-ui.gestures.drag","mobile-angular-ui.gestures.swipe","mobile-angular-ui.gestures.transform"])}();
+//# sourceMappingURL=mobile-angular-ui.gestures.min.js.map
diff --git a/dist/js/mobile-angular-ui.gestures.min.js.map b/dist/js/mobile-angular-ui.gestures.min.js.map
new file mode 100644
index 0000000..f3c3485
--- /dev/null
+++ b/dist/js/mobile-angular-ui.gestures.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["drag.js","swipe.js","touch.js","transform.js","mobile-angular-ui.gestures.js"],"names":["angular","module","provider","this","$get","$touch","$transform","style","document","createElement","appendChild","createTextNode","head","sheet","insertRule","NULL_TRANSFORM","element","transform","TRANSLATE_BOTH","touch","translateX","distanceX","translateY","distanceY","TRANSLATE_HORIZONTAL","TRANSLATE_UP","TRANSLATE_DOWN","TRANSLATE_LEFT","TRANSLATE_RIGHT","TRANSLATE_VERTICAL","TRANSLATE_INSIDE","wrapperElementOrRectangle","length","tx","ty","re","getBoundingClientRect","rw","Element","width","right","stepX","left","height","bottom","stepY","top","bind","$element","dragOptions","touchOptions","tS","rS","startEventHandler","start","endEventHandler","end","moveEventHandler","move","cancelEventHandler","cancel","transformEventHandler","domElement","tO","get","rO","moving","isMoving","cleanup","removeClass","reset","set","undo","setup","addClass","createDragInfo","extend","originalTransform","originalRect","startRect","rect","startTransform","onTouchMove","event","preventDefault","onTouchEnd","__UiSwipeHandled__","onTouchCancel","factory","VELOCITY_THRESHOLD","MOVEMENT_THRESHOLD","TURNAROUND_MAX","ANGLE_THRESHOLD","abs","Math","defaultOptions","movementThreshold","valid","t","absAngle","angle","validDistance","total","distance","validAngle","validVelocity","averageVelocity","eventHandlers","options","forEach","prefix","direction","directiveName","directive","$swipe","$parse","link","scope","elem","attrs","onSwipe","swipe","toUpperCase","$apply","VALID","POINTER_EVENTS","mouse","POINTER_TYPES","SENSITIVE_AREA","ownerDocument","documentElement","setPointerEvents","pointerEvents","Object","keys","setValid","fn","setMovementThreshold","v","setSensitiveArea","fnOrElementOrRect","atan2","sqrt","getCoordinates","touches","e","changedTouches","originalEvent","x","clientX","y","clientY","getEvents","pointerTypes","eventType","res","pointerType","eventName","push","join","now","Date","timediff","t1","t2","len","buildTouchInfo","type","c","t0","tl","ts","ts0","timestamp","tsl","x0","y0","xl","yl","totalXl","totalX","totalYl","totalY","duration","durationl","dxl","dyl","dl","dx","dy","d","tv","dir","PI","startX","startY","prevX","prevY","step","velocity","isValid","undefined","sensitiveArea","startEvents","endEvents","moveEvents","cancelEvents","$movementTarget","resetTouch","off","isActive","Boolean","onTouchStart","on","coords","mva","mvaRect","cancelable","setTimeout","cssPrefix","transformProperty","styleProperty","prefixes","i","toLowerCase","getElementTransformProperty","tr","window","getComputedStyle","getPropertyValue","setElementTransformProperty","value","SMALL_NUMBER","rad2deg","asin","cos","floor","cloneMatrix","m","j","determinant2x2","a","b","determinant3x3","a1","a2","a3","b1","b2","b3","c1","c2","c3","determinant4x4","d1","d2","d3","a4","b4","c4","d4","adjoint","inverse","det","transposeMatrix4","v4MulPointByMatrix","p","v3Length","v3Scale","desiredLength","l","v3Dot","v3Combine","ascl","bscl","v3Cross","decompose","mat","result","localMatrix","perspectiveMatrix","rightHandSide","inversePerspectiveMatrix","transposedInversePerspectiveMatrix","perspectivePoint","perspectiveX","perspectiveY","perspectiveZ","perspectiveW","translateZ","pdum3","row","scaleX","skewXY","scaleY","skewXZ","skewYZ","scaleZ","rotateY","rotateX","rotateZ","fCom","n","def","val","String","toFixed","fPx","fDeg","fromCssMatrix","M","elems","split","map","Number","match","col","toCss","perspective","translate","scale","rotation","skew","str"],"mappings":"CAqHA,WACA,YAEAA,SAAAC,OAAA,mCACA,mCACA,yCAGAC,SAAA,QAAA,WACAC,KAAAC,MAAA,SAAA,aAAA,SAAAC,EAAAC,GAGA,GAAAC,GAAAC,SAAAC,cAAA,QACAF,GAAAG,YAAAF,SAAAG,eAAA,KACAH,SAAAI,KAAAF,YAAAH,EACA,IAAAM,GAAAN,EAAAM,KAwBA,OArBAA,GAAAC,WAAA,iDAAA,GAEAD,EAAAC,WAAA,uLAIA,GAGAD,EAAAC,WAAA,6PAOA,GAEAP,EAAAM,EAAA,MAQAE,eAAA,SAAAC,EAAAC,GACA,MAAAA,IAGAC,eAAA,SAAAF,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAAD,EAAAE,UACAJ,EAAAK,WAAAH,EAAAI,UACAN,GAGAO,qBAAA,SAAAR,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAAD,EAAAE,UACAJ,EAAAK,WAAA,EACAL,GAGAQ,aAAA,SAAAT,EAAAC,EAAAE,GAGA,MAFAF,GAAAK,WAAAH,EAAAI,WAAA,EAAAJ,EAAAI,UAAA,EACAN,EAAAG,WAAA,EACAH,GAGAS,eAAA,SAAAV,EAAAC,EAAAE,GAGA,MAFAF,GAAAK,WAAAH,EAAAI,WAAA,EAAAJ,EAAAI,UAAA,EACAN,EAAAG,WAAA,EACAH,GAGAU,eAAA,SAAAX,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAAD,EAAAE,WAAA,EAAAF,EAAAE,UAAA,EACAJ,EAAAK,WAAA,EACAL,GAGAW,gBAAA,SAAAZ,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAAD,EAAAE,WAAA,EAAAF,EAAAE,UAAA,EACAJ,EAAAK,WAAA,EACAL,GAGAY,mBAAA,SAAAb,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAA,EACAH,EAAAK,WAAAH,EAAAI,UACAN,GAGAa,iBAAA,SAAAC,GAGA,MAFAA,GAAAA,EAAAC,OAAAD,EAAA,GAAAA,EAEA,SAAAf,EAAAC,EAAAE,GACAH,EAAAA,EAAAgB,OAAAhB,EAAA,GAAAA,CACA,IAEAiB,GACAC,EAHAC,EAAAnB,EAAAoB,wBACAC,EAAAN,YAAAO,SAAAP,EAAAK,wBAAAL,CA0BA,OArBAE,GADAE,EAAAI,OAAAF,EAAAE,MACA,EACAJ,EAAAK,MAAArB,EAAAsB,MAAAJ,EAAAG,MACAH,EAAAG,MAAAL,EAAAK,MACAL,EAAAO,KAAAvB,EAAAsB,MAAAJ,EAAAK,KACAL,EAAAK,KAAAP,EAAAO,KAEAvB,EAAAsB,MAIAP,EADAC,EAAAQ,QAAAN,EAAAM,OACA,EACAR,EAAAS,OAAAzB,EAAA0B,MAAAR,EAAAO,OACAP,EAAAO,OAAAT,EAAAS,OACAT,EAAAW,IAAA3B,EAAA0B,MAAAR,EAAAS,IACAT,EAAAS,IAAAX,EAAAW,IAEA3B,EAAA0B,MAGA5B,EAAAG,YAAAa,EACAhB,EAAAK,YAAAY,EACAjB,IAOA8B,KAAA,SAAAC,EAAAC,EAAAC,GACAF,EAAAhD,QAAAgB,QAAAgC,GACAC,EAAAA,MACAC,EAAAA,KAEA,IASAC,GACAC,EAVAC,EAAAJ,EAAAK,MACAC,EAAAN,EAAAO,IACAC,EAAAR,EAAAS,KACAC,EAAAV,EAAAW,OACAC,EAAAZ,EAAAhC,WAAAd,KAAAe,eAEA4C,EAAAd,EAAA,GACAe,EAAAzD,EAAA0D,IAAAhB,GACAiB,EAAAH,EAAA1B,wBAIA8B,GAAA,EAEAC,EAAA,WACA,MAAAD,IAGAE,EAAA,WACAF,GAAA,EACAf,EAAAC,EAAA,KACAJ,EAAAqB,YAAA,iBAGAC,EAAA,WACAhE,EAAAiE,IAAAT,EAAAC,IAGAS,EAAA,WACAlE,EAAAiE,IAAAT,EAAAX,GAAAY,IAGAU,EAAA,WACAP,GAAA,EACAd,EAAAU,EAAA1B,wBACAe,EAAA7C,EAAA0D,IAAAF,GACAd,EAAA0B,SAAA,iBAGAC,EAAA,SAAAxD,GAUA,MATAA,GAAAnB,QAAA4E,UAAAzD,GACAA,EAAA0D,kBAAAd,EACA5C,EAAA2D,aAAAb,EACA9C,EAAA4D,UAAA3B,EACAjC,EAAA6D,KAAAlB,EAAA1B,wBACAjB,EAAA8D,eAAA9B,EACAhC,EAAAF,UAAAX,EAAA0D,IAAAF,GACA3C,EAAAmD,MAAAA,EACAnD,EAAAqD,KAAAA,EACArD,GAGA+D,EAAA,SAAA/D,EAAAgE,GAUA,GAPAA,EAAAC,iBAOAjB,IAAA,CACAhD,EAAAwD,EAAAxD,EAEA,IAAAF,GAAA4C,EAAAb,EAAAhD,QAAA4E,UAAAzD,EAAAF,WAAAE,EAAAgE,EAEA7E,GAAAiE,IAAAT,EAAA7C,GAEAwC,GACAA,EAAAtC,EAAAgE,OAGAV,KACApB,GACAA,EAAAsB,EAAAxD,GAAAgE,IAKAE,EAAA,SAAAlE,EAAAgE,GACAhB,MAKAgB,EAAAG,oBAAA,EAEAnE,EAAAwD,EAAAxD,GACAiD,IAEAb,GACAA,EAAApC,EAAAgE,KAIAI,EAAA,SAAApE,EAAAgE,GACAhB,MAIAhD,EAAAwD,EAAAxD,GACAqD,IACAJ,IAEAT,GACAA,EAAAxC,EAAAgE,IAIA,OAAA9E,GAAA0C,KAAAC,GACAU,KAAAwB,EAAA1B,IAAA6B,EAAAzB,OAAA2B,GACArC,YCtWA,WACA,YAEA,IAAAjD,GAAAD,QAAAC,OAAA,oCACA,oCAyBAA,GAAAuF,QAAA,UAAA,SAAA,SAAAnF,GACA,GAAAoF,GAAA,IACAC,EAAA,GACAC,EAAA,GACAC,EAAA,GACAC,EAAAC,KAAAD,IAEAE,GACAC,kBAAAN,EAEAO,MAAA,SAAAC,GACA,GAAAC,GAAAN,EAAAK,EAAAE,MACAD,GAAAA,GAAA,GAAAA,EAAA,GAAAA,CAEA,IAAAE,GAAAH,EAAAI,MAAAJ,EAAAK,UAAAZ,EACAa,EAAAZ,GAAAO,GAAAA,GAAA,GAAAP,EACAa,EAAAP,EAAAQ,iBAAAjB,CAEA,OAAAY,IAAAG,GAAAC,GAIA,QAoCA1D,KAAA,SAAA/B,EAAA2F,EAAAC,GAEA,MADAA,GAAA5G,QAAA4E,UAAAmB,EAAAa,OACAvG,EAAA0C,KAAA/B,EAAA2F,EAAAC,QA+BA5G,QAAA6G,SAAA,KAAA,MAAA,SAAAC,GACA9G,QAAA6G,SAAA,OAAA,SAAA,SAAAE,GACA,GAAAC,GAAAF,EAAA,QAAAC,CACA9G,GAAAgH,UAAAD,GAAA,SAAA,SAAA,SAAAE,EAAAC,GACA,OACAC,KAAA,SAAAC,EAAAC,EAAAC,GACA,GAAAC,GAAAL,EAAAI,EAAAP,GACAE,GAAAnE,KAAAuE,GACA9D,IAAA,SAAAiE,EAAAtC,GACAsC,EAAAV,YAAAA,EAAAW,gBACAvC,EAAAG,qBACAH,EAAAG,oBAAA,EACA+B,EAAAM,OAAA,WACAH,EAAAH,GAAAhH,OAAAoH,uBC1GA,WACA,YACA,IAAAxH,GAAAD,QAAAC,OAAA,sCA+BAA,GAAAC,SAAA,SAAA,WAMA,GAAA0H,GAAA,WACA,OAAA,GAGAlC,EAAA,EAEAmC,GACAC,OACAxE,MAAA,YACAI,KAAA,YACAF,IAAA,WAEArC,OACAmC,MAAA,aACAI,KAAA,YACAF,IAAA,WACAI,OAAA,gBAIAmE,GAAA,QAAA,SAGAC,EAAA,SAAAhF,GACA,MAAAA,GAAA,GAAAiF,cAAAC,gBAAA9F,wBAsCAjC,MAAAgI,iBAAA,SAAAC,GACAP,EAAAO,EACAL,EAAAM,OAAAC,KAAAT,IAsBA1H,KAAAoI,SAAA,SAAAC,GACAZ,EAAAY,GAoBArI,KAAAsI,qBAAA,SAAAC,GACAhD,EAAAgD,GA+BAvI,KAAAwI,iBAAA,SAAAC,GACAZ,EAAAY,EAMA,IAAA/C,GAAAC,KAAAD,IACAgD,EAAA/C,KAAA+C,MACAC,EAAAhD,KAAAgD,KAMAC,EAAA,SAAA5D,GACA,GAAA6D,GAAA7D,EAAA6D,SAAA7D,EAAA6D,QAAAhH,OAAAmD,EAAA6D,SAAA7D,GACA8D,EAAA9D,EAAA+D,gBAAA/D,EAAA+D,eAAA,IACA/D,EAAAgE,eAAAhE,EAAAgE,cAAAD,gBACA/D,EAAAgE,cAAAD,eAAA,IACAF,EAAA,GAAAG,eAAAH,EAAA,EAEA,QACAI,EAAAH,EAAAI,QACAC,EAAAL,EAAAM,UAIAC,EAAA,SAAAC,EAAAC,GACA,GAAAC,KAOA,OANA3J,SAAA6G,QAAA4C,EAAA,SAAAG,GACA,GAAAC,GAAAhC,EAAA+B,GAAAF,EACAG,IACAF,EAAAG,KAAAD,KAGAF,EAAAI,KAAA,MAGAC,EAAA,WACA,MAAA,IAAAC,OAGAC,EAAA,SAAAC,EAAAC,GAEA,MADAA,GAAAA,GAAAJ,IACAnE,EAAAuE,EAAAD,IAGAE,EAAA,SAAAjB,EAAAE,GACA,MAAAR,GAAAM,EAAAA,EAAAE,EAAAA,IAmCAgB,EAAA,SAAAC,EAAAC,EAAAC,EAAAC,GAOAD,EAAAA,MACAC,EAAAA,KAGA,IAAAC,GAAAX,IACAY,EAAAH,EAAAI,WAAAF,EACAG,EAAAJ,EAAAG,WAAAD,EAGAxB,EAAAoB,EAAApB,EACAE,EAAAkB,EAAAlB,EACAyB,EAAAN,EAAArB,GAAAA,EACA4B,EAAAP,EAAAnB,GAAAA,EACA2B,EAAAP,EAAAtB,GAAA2B,EACAG,EAAAR,EAAApB,GAAA0B,EAGAG,EAAAT,EAAAU,QAAA,EACAC,EAAAX,EAAAY,QAAA,EACAF,EAAAD,EAAAtF,EAAAuD,EAAA6B,GACAK,EAAAD,EAAAxF,EAAAyD,EAAA4B,GACA5E,EAAA+D,EAAAe,EAAAE,GAGAC,EAAArB,EAAAS,EAAAC,GACAY,EAAAtB,EAAAS,EAAAG,GAGAW,EAAArC,EAAA6B,EACAS,EAAApC,EAAA4B,EACAS,EAAAtB,EAAAoB,EAAAC,GACAE,EAAAxC,EAAA2B,EACAc,EAAAvC,EAAA0B,EACAc,EAAAzB,EAAAuB,EAAAC,GAGAnD,EAAA8C,EAAA,EAAA3F,EAAA8F,GAAAH,EAAA,MAAA,EACAO,EAAAR,EAAA,EAAA1F,EAAAS,GAAAiF,EAAA,MAAA,EAGAS,EAAAnG,EAAA+F,GAAA/F,EAAAgG,GACA,EAAAD,EAAA,OAAA,QACA,EAAAC,EAAA,MAAA,SAmBAzF,EAAA,IAAAwF,GAAA,IAAAC,EAAAhD,EAAAgD,EAAAD,IAAA,IAAA9F,KAAAmG,IAAA,IAGA,OAFA7F,GAAA,OAAAA,EAAA,IAAAA,GAGAmE,KAAAA,EACAM,UAAAF,EACAY,SAAAA,EACAW,OAAAnB,EACAoB,OAAAnB,EACAoB,MAAAnB,EACAoB,MAAAnB,EACA9B,EAAAoB,EAAApB,EACAE,EAAAkB,EAAAlB,EAEAgD,KAAAX,EACAlJ,MAAAgJ,EACA5I,MAAA6I,EAEAa,SAAA7D,EACAhC,gBAAAqF,EAEAxF,SAAAuF,EACAzK,UAAAuK,EACArK,UAAAsK,EAEAvF,MAAAA,EAEA8E,OAAAA,EACAE,OAAAA,EACAvE,UAAAiF,EACA5F,MAAAA,GAQAjG,MAAAC,MAAA,WAEA,OAkCA2C,KAAA,SAAAC,EAAA2D,EAAAC,GAGA5D,EAAAhD,QAAAgB,QAAAgC,GAEA4D,EAAAA,KAEA,IAMA6D,GACAC,EAcAxF,EACAG,EACAE,EAvBAkE,EAAA7C,EAAA6C,cAAA1B,EACAyE,EAAAC,SAAA7F,EAAAX,MAAA2B,EAAAhB,EAAAX,MACAD,EAAAyG,SAAA7F,EAAAZ,kBAAAN,EAAAkB,EAAAZ,kBACA0G,EAAAD,SAAA7F,EAAA8F,cAAA1E,EAAApB,EAAA8F,cAOAC,EAAAnD,EAAAC,EAAA,SACAmD,EAAApD,EAAAC,EAAA,OACAoD,EAAArD,EAAAC,EAAA,QACAqD,EAAAtD,EAAAC,EAAA,UAEApG,EAAAsD,EAAArD,MACAC,EAAAoD,EAAAnD,IACAC,EAAAkD,EAAAjD,KACAC,EAAAgD,EAAA/C,OAEAmJ,EAAA/M,QAAAgB,QAAAgC,EAAA,GAAAiF,eAKA+E,EAAA,WACAvC,EAAAC,EAAA,KACAqC,EAAAE,IAAAJ,EAAA3H,GACA6H,EAAAE,IAAAL,EAAAvH,GACAyH,GACAC,EAAAE,IAAAH,EAAAvH,IAIA2H,EAAA,WACA,MAAAC,SAAA1C,IAQA2C,EAAA,SAAAjI,GAEAA,EAAA6D,SAAA7D,EAAA6D,QAAAhH,OAAA,IAGA0I,EAAAD,EAAAH,EAAA,aAAAvB,EAAA5D,IACA4H,EAAAM,GAAAR,EAAA3H,GACA6H,EAAAM,GAAAT,EAAAvH,GACAyH,GACAC,EAAAM,GAAAP,EAAAvH,GAEAlC,GACAA,EAAAoH,EAAAtF,IAuFA,OAlFAI,GAAA,SAAAJ,GACA,GAAAe,GAAAoE,EAAA,cAAAvB,EAAA5D,GAAAsF,EAAAC,EACAsC,KACArJ,GACAA,EAAAuC,EAAAf,IAKAD,EAAA,SAAAC,GAEA,KAAAA,EAAA6D,SAAA7D,EAAA6D,QAAAhH,OAAA,IAIAkL,IAAA,CAIA,GAAAI,GAAAvE,EAAA5D,GAKAoI,EAAA,kBAAAb,GAAAA,EAAA1J,GAAA0J,CACAa,GAAAA,EAAAvL,OAAAuL,EAAA,GAAAA,CAEA,IAAAC,GAAAD,YAAAjL,SAAAiL,EAAAnL,wBAAAmL,CAEA,MAAAD,EAAAlE,EAAAoE,EAAA9K,MAAA4K,EAAAlE,EAAAoE,EAAAhL,OAAA8K,EAAAhE,EAAAkE,EAAA1K,KAAAwK,EAAAhE,EAAAkE,EAAA5K,QAAA,CAIA,GAAAsD,GAAAoE,EAAA,YAAAgD,EAAA7C,EAAAC,GACAU,EAAAlF,EAAAkF,OACAE,EAAApF,EAAAoF,MAEAZ,GAAAxE,EAEAF,EAAAoF,GAAApF,EAAAsF,GAIAkB,EAAAtG,EAAAf,MACAsH,SAAAtH,EAAAsI,YAAAtI,EAAAsI,aACAtI,EAAAC,iBAEA3B,GACAA,EAAAyC,EAAAf,OAMAE,EAAA,SAAAF,GAEA,KAAAA,EAAA6D,SAAA7D,EAAA6D,QAAAhH,OAAA,IAIAkL,IAAA,CAIA,GAAAhH,GAAAlG,QAAA4E,UAAA8F,GAAAH,KAAA,YACAiC,GAAAtG,EAAAf,MACAsH,SAAAtH,EAAAsI,YAAAtI,EAAAsI,aACAtI,EAAAC,iBAEA7B,GACAmK,WAAA,WAGAnK,EAAA2C,EAAAf,IACA,IAGA6H,MAGAhK,EAAAqK,GAAAV,EAAAS,GAEA,WACApK,IACAA,EAAAiK,IAAAN,EAAAS,GACAN,GACAC,EAAAE,IAAAH,EAAAvH,GAEAwH,EAAAE,IAAAJ,EAAA3H,GACA6H,EAAAE,IAAAL,EAAAvH,GAIArC,EAAA+J,EAAAJ,EAAAG,EACAD,EAAAD,EAAAQ,EAAA7H,EACAL,EAAAG,EAAAoE,EAAA+C,EACAxG,EAAA0G,EAAA,gBClfA,WACA,YAEA,IAAAzM,GAAAD,QAAAC,OAAA,0CAEAA,GAAAuF,QAAA,aAAA,WAaA,IAAA,GANAmI,GACAC,EACAC,EACAC,GAAA,GAAA,SAAA,MAAA,IAAA,MACAhC,EAAAtL,SAAAC,cAAA,OAEAsN,EAAA,EAAAA,EAAAD,EAAA9L,OAAA+L,IAAA,CACA,GAAAjH,GAAAgH,EAAAC,EACA,IAAAjH,EAAA,eAAAgF,GAAAvL,MAAA,CACAoN,EAAA,KAAA7G,EAAA,GAAA,IAAAA,EAAAkH,cAAA,IACAH,EAAA/G,GAAA,KAAAA,EAAA,YAAA,aACA8G,EAAAD,EAAA,WACA,QAIA7B,EAAA,IAGA,IAAAmC,GAAA,SAAAhF,GACAA,EAAAA,EAAAjH,OAAAiH,EAAA,GAAAA,CACA,IAAAiF,GAAAC,OACAC,iBAAAnF,EAAA,MACAoF,iBAAAT,EACA,OAAAM,IAIAI,EAAA,SAAAhH,EAAAiH,GACAjH,EAAAA,EAAAtF,OAAAsF,EAAA,GAAAA,EACAA,EAAA/G,MAAAsN,GAAAU,GAOAC,EAAA,KAEAC,EAAA,SAAArI,GACA,MAAA,KAAAA,EAAAN,KAAAmG,IAGAnD,EAAAhD,KAAAgD,KACA4F,EAAA5I,KAAA4I,KACA7F,EAAA/C,KAAA+C,MACA8F,EAAA7I,KAAA6I,IACA9I,EAAAC,KAAAD,IACA+I,EAAA9I,KAAA8I,MAEAC,EAAA,SAAAC,GAEA,IAAA,GADAnF,iBACAoE,EAAA,EAAAA,EAAAe,EAAA9M,OAAA+L,IACA,IAAA,GAAAgB,GAAA,EAAAA,EAAAD,EAAAf,GAAA/L,OAAA+M,IACApF,EAAAoE,GAAAgB,GAAAD,EAAAf,GAAAgB,EAGA,OAAApF,IAGAqF,EAAA,SAAAC,EAAAC,EAAA1E,EAAAsB,GACA,MAAAmD,GAAAnD,EAAAoD,EAAA1E,GAGA2E,EAAA,SAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GACA,MAAAR,GAAAJ,EAAAQ,EAAAC,EAAAE,EAAAC,GAAAL,EAAAP,EAAAK,EAAAC,EAAAK,EAAAC,GAAAF,EAAAV,EAAAK,EAAAC,EAAAE,EAAAC,IAGAI,EAAA,SAAAf,GACA,GAAAM,GAAAN,EAAA,GAAA,GACAS,EAAAT,EAAA,GAAA,GACAY,EAAAZ,EAAA,GAAA,GACAgB,EAAAhB,EAAA,GAAA,GACAO,EAAAP,EAAA,GAAA,GACAU,EAAAV,EAAA,GAAA,GACAa,EAAAb,EAAA,GAAA,GACAiB,EAAAjB,EAAA,GAAA,GACAQ,EAAAR,EAAA,GAAA,GACAW,EAAAX,EAAA,GAAA,GACAc,EAAAd,EAAA,GAAA,GACAkB,EAAAlB,EAAA,GAAA,GACAmB,EAAAnB,EAAA,GAAA,GACAoB,EAAApB,EAAA,GAAA,GACAqB,EAAArB,EAAA,GAAA,GACAsB,EAAAtB,EAAA,GAAA,EACA,OAAAM,GAAAD,EAAAK,EAAAC,EAAAS,EAAAP,EAAAC,EAAAO,EAAAJ,EAAAC,EAAAI,GACAb,EAAAJ,EAAAE,EAAAC,EAAAW,EAAAN,EAAAC,EAAAO,EAAAJ,EAAAC,EAAAI,GACAV,EAAAP,EAAAE,EAAAC,EAAAW,EAAAT,EAAAC,EAAAS,EAAAH,EAAAC,EAAAI,GACAN,EAAAX,EAAAE,EAAAC,EAAAW,EAAAT,EAAAC,EAAAS,EAAAP,EAAAC,EAAAO,IAGAE,EAAA,SAAAvB,GACA,GAAAnF,iBACAyF,EAAAN,EAAA,GAAA,GACAS,EAAAT,EAAA,GAAA,GACAY,EAAAZ,EAAA,GAAA,GACAgB,EAAAhB,EAAA,GAAA,GACAO,EAAAP,EAAA,GAAA,GACAU,EAAAV,EAAA,GAAA,GACAa,EAAAb,EAAA,GAAA,GACAiB,EAAAjB,EAAA,GAAA,GACAQ,EAAAR,EAAA,GAAA,GACAW,EAAAX,EAAA,GAAA,GACAc,EAAAd,EAAA,GAAA,GACAkB,EAAAlB,EAAA,GAAA,GACAmB,EAAAnB,EAAA,GAAA,GACAoB,EAAApB,EAAA,GAAA,GACAqB,EAAArB,EAAA,GAAA,GACAsB,EAAAtB,EAAA,GAAA,EAmBA,OAjBAnF,GAAA,GAAA,GAAAwF,EAAAK,EAAAC,EAAAS,EAAAP,EAAAC,EAAAO,EAAAJ,EAAAC,EAAAI,GACAzG,EAAA,GAAA,IAAAwF,EAAAE,EAAAC,EAAAW,EAAAN,EAAAC,EAAAO,EAAAJ,EAAAC,EAAAI,GACAzG,EAAA,GAAA,GAAAwF,EAAAE,EAAAC,EAAAW,EAAAT,EAAAC,EAAAS,EAAAH,EAAAC,EAAAI,GACAzG,EAAA,GAAA,IAAAwF,EAAAE,EAAAC,EAAAW,EAAAT,EAAAC,EAAAS,EAAAP,EAAAC,EAAAO,GACAxG,EAAA,GAAA,IAAAwF,EAAAI,EAAAE,EAAAS,EAAAR,EAAAE,EAAAO,EAAAL,EAAAE,EAAAI,GACAzG,EAAA,GAAA,GAAAwF,EAAAC,EAAAE,EAAAW,EAAAP,EAAAE,EAAAO,EAAAL,EAAAE,EAAAI,GACAzG,EAAA,GAAA,IAAAwF,EAAAC,EAAAE,EAAAW,EAAAV,EAAAE,EAAAS,EAAAJ,EAAAE,EAAAI,GACAzG,EAAA,GAAA,GAAAwF,EAAAC,EAAAE,EAAAW,EAAAV,EAAAE,EAAAS,EAAAR,EAAAE,EAAAO,GACAxG,EAAA,GAAA,GAAAwF,EAAAI,EAAAC,EAAAU,EAAAR,EAAAC,EAAAQ,EAAAL,EAAAC,EAAAK,GACAzG,EAAA,GAAA,IAAAwF,EAAAC,EAAAC,EAAAY,EAAAP,EAAAC,EAAAQ,EAAAL,EAAAC,EAAAK,GACAzG,EAAA,GAAA,GAAAwF,EAAAC,EAAAC,EAAAY,EAAAV,EAAAC,EAAAU,EAAAJ,EAAAC,EAAAK,GACAzG,EAAA,GAAA,IAAAwF,EAAAC,EAAAC,EAAAY,EAAAV,EAAAC,EAAAU,EAAAR,EAAAC,EAAAQ,GACAxG,EAAA,GAAA,IAAAwF,EAAAI,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAE,EAAAC,EAAAC,GACArG,EAAA,GAAA,GAAAwF,EAAAC,EAAAC,EAAAC,EAAAI,EAAAC,EAAAC,EAAAE,EAAAC,EAAAC,GACArG,EAAA,GAAA,IAAAwF,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAK,EAAAC,EAAAC,GACArG,EAAA,GAAA,GAAAwF,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAEAjG,GAGA2G,EAAA,SAAAxB,GACA,GAAAnF,GAAA0G,EAAAvB,GACAyB,EAAAV,EAAAf,EACA,IAAAjJ,EAAA0K,GAAA/B,EACA,OAAA,CAGA,KAAA,GAAAT,GAAA,EAAA,EAAAA,EAAAA,IACA,IAAA,GAAAgB,GAAA,EAAA,EAAAA,EAAAA,IACApF,EAAAoE,GAAAgB,IAAAwB,CAGA,OAAA5G,IAGA6G,EAAA,SAAA1B,GAEA,IAAA,GADAnF,iBACAoE,EAAA,EAAA,EAAAA,EAAAA,IACA,IAAA,GAAAgB,GAAA,EAAA,EAAAA,EAAAA,IACApF,EAAAoE,GAAAgB,GAAAD,EAAAC,GAAAhB,EAGA,OAAApE,IAGA8G,EAAA,SAAAC,EAAA5B,GACA,GAAAnF,KAWA,OATAA,GAAA,GAAA+G,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACA4B,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACAnF,EAAA,GAAA+G,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACA4B,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACAnF,EAAA,GAAA+G,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACA4B,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACAnF,EAAA,GAAA+G,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACA4B,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GAEAnF,GAGAgH,EAAA,SAAA1B,GACA,MAAAnG,GAAAmG,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAAA,EAAA,KAGA2B,EAAA,SAAAlI,EAAAmI,GACA,GAAAlH,MACAU,EAAAsG,EAAAjI,EACA,IAAA,IAAA2B,EAAA,CACA,GAAAyG,GAAAD,EAAAxG,CACAV,GAAA,IAAAmH,EACAnH,EAAA,IAAAmH,EACAnH,EAAA,IAAAmH,EAEA,MAAAnH,IAGAoH,EAAA,SAAA9B,EAAAC,GACA,MAAAD,GAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,IAGA8B,EAAA,SAAA/B,EAAAC,EAAA+B,EAAAC,GACA,GAAAvH,KAIA,OAHAA,GAAA,GAAAsH,EAAAhC,EAAA,GAAAiC,EAAAhC,EAAA,GACAvF,EAAA,GAAAsH,EAAAhC,EAAA,GAAAiC,EAAAhC,EAAA,GACAvF,EAAA,GAAAsH,EAAAhC,EAAA,GAAAiC,EAAAhC,EAAA,GACAvF,GAGAwH,EAAA,SAAAlC,EAAAC,GACA,GAAAvF,KAIA,OAHAA,GAAA,GAAAsF,EAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,GACAvF,EAAA,GAAAsF,EAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,GACAvF,EAAA,GAAAsF,EAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,GACAvF,GAGAyH,EAAA,SAAAC,GACA,GAEAtD,GACAgB,EAHAuC,KACAC,EAAA1C,EAAAwC,EAKA,IAAA,IAAAE,EAAA,GAAA,GACA,OAAA,CAGA,KAAAxD,EAAA,EAAA,EAAAA,EAAAA,IACA,IAAAgB,EAAA,EAAA,EAAAA,EAAAA,IACAwC,EAAAxD,GAAAgB,IAAAwC,EAAA,GAAA,EAIA,IAAAC,GAAA3C,EAAA0C,EACA,KAAAxD,EAAA,EAAA,EAAAA,EAAAA,IACAyD,EAAAzD,GAAA,GAAA,CAIA,IAFAyD,EAAA,GAAA,GAAA,EAEA,IAAA3B,EAAA2B,GACA,OAAA,CAIA,IAAA,IAAAD,EAAA,GAAA,IAAA,IAAAA,EAAA,GAAA,IAAA,IAAAA,EAAA,GAAA,GAAA,CAEA,GAAAE,KACAA,GAAA,GAAAF,EAAA,GAAA,GACAE,EAAA,GAAAF,EAAA,GAAA,GACAE,EAAA,GAAAF,EAAA,GAAA,GACAE,EAAA,GAAAF,EAAA,GAAA,EAKA,IAAAG,GAAApB,EAAAkB,GACAG,EAAAnB,EAAAkB,GACAE,EAAAnB,EAAAgB,EAAAE,EAEAL,GAAAO,aAAAD,EAAA,GACAN,EAAAQ,aAAAF,EAAA,GACAN,EAAAS,aAAAH,EAAA,GACAN,EAAAU,aAAAJ,EAAA,GAGAL,EAAA,GAAA,GAAAA,EAAA,GAAA,GAAAA,EAAA,GAAA,GAAA,EACAA,EAAA,GAAA,GAAA,MAGAD,GAAAO,aAAAP,EAAAQ,aAAAR,EAAAS,aAAA,EACAT,EAAAU,aAAA,CAIAV,GAAAlQ,WAAAmQ,EAAA,GAAA,GACAA,EAAA,GAAA,GAAA,EACAD,EAAAhQ,WAAAiQ,EAAA,GAAA,GACAA,EAAA,GAAA,GAAA,EACAD,EAAAW,WAAAV,EAAA,GAAA,GACAA,EAAA,GAAA,GAAA,CAGA,IACAW,GADAC,YAGA,KAAApE,EAAA,EAAA,EAAAA,EAAAA,IACAoE,EAAApE,GAAA,GAAAwD,EAAAxD,GAAA,GACAoE,EAAApE,GAAA,GAAAwD,EAAAxD,GAAA,GACAoE,EAAApE,GAAA,GAAAwD,EAAAxD,GAAA,EAiCA,IA7BAuD,EAAAc,OAAAzB,EAAAwB,EAAA,IACAvB,EAAAuB,EAAA,GAAA,GAGAb,EAAAe,OAAAtB,EAAAoB,EAAA,GAAAA,EAAA,IACAnB,EAAAmB,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAA,GAAAb,EAAAe,QAGAf,EAAAgB,OAAA3B,EAAAwB,EAAA,IACAvB,EAAAuB,EAAA,GAAA,GACAb,EAAAe,QAAAf,EAAAgB,OAGAhB,EAAAiB,OAAAxB,EAAAoB,EAAA,GAAAA,EAAA,IACAnB,EAAAmB,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAA,GAAAb,EAAAiB,QACAjB,EAAAkB,OAAAzB,EAAAoB,EAAA,GAAAA,EAAA,IACAnB,EAAAmB,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAA,GAAAb,EAAAkB,QAGAlB,EAAAmB,OAAA9B,EAAAwB,EAAA,IACAvB,EAAAuB,EAAA,GAAA,GACAb,EAAAiB,QAAAjB,EAAAmB,OACAnB,EAAAkB,QAAAlB,EAAAmB,OAKAP,EAAAf,EAAAgB,EAAA,GAAAA,EAAA,IAEApB,EAAAoB,EAAA,GAAAD,GAAA,EACA,IAAAnE,EAAA,EAAA,EAAAA,EAAAA,IACAuD,EAAAc,QAAA,GACAD,EAAApE,GAAA,IAAA,GACAoE,EAAApE,GAAA,IAAA,GACAoE,EAAApE,GAAA,IAAA,EAcA,OATAuD,GAAAoB,QAAAjE,EAAAC,GAAAyD,EAAA,GAAA,MAAA,EACA,IAAAxD,EAAA2C,EAAAoB,UACApB,EAAAqB,QAAAlE,EAAA5F,GAAAsJ,EAAA,GAAA,GAAAA,EAAA,GAAA,MAAA,EACAb,EAAAsB,QAAA,IAEAtB,EAAAqB,QAAAlE,EAAA5F,EAAAsJ,EAAA,GAAA,GAAAA,EAAA,GAAA,MAAA,EACAb,EAAAsB,QAAAnE,EAAA5F,EAAAsJ,EAAA,GAAA,GAAAA,EAAA,GAAA,MAAA,GAGAb,GAOAuB,EAAA,SAAAC,EAAAC,GAEA,GAAAC,GAAAF,GAAAC,GAAA,CACA,OAAAE,QAAAD,EAAAE,QAAA,MAGAC,EAAA,SAAAL,EAAAC,GACA,MAAAF,GAAAC,EAAAC,GAAA,MAGAK,EAAA,SAAAN,EAAAC,GACA,MAAAF,GAAAC,EAAAC,GAAA,MAGA,QACAM,cAAA,SAAAnF,GACA,GAAAoF,KAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,GAGA,IAAApF,GAAA,SAAAA,EAAA,CACA,GAAAqF,GAAArF,EAAAsF,MAAA,KAAA,GAAAA,MAAA,KAAA,GAAAA,MAAA,KAAAC,IAAAC,OAIA,IAAAxF,EAAAyF,MAAA,aACAL,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,OAIA,KAAA,GAAAxF,GAAA,EAAA,GAAAA,EAAAA,IAAA,CACA,GAAAoE,GAAAvD,EAAAb,EAAA,GACA6F,EAAA7F,EAAA,CACAuF,GAAAnB,GAAAyB,GAAAL,EAAAxF,IAIA,MAAAqD,GAAAkC,IAGAO,MAAA,SAAA3N,GAaA,GAAA4N,IACAjB,EAAA3M,EAAA2L,cACAgB,EAAA3M,EAAA4L,cACAe,EAAA3M,EAAA6L,cACAc,EAAA3M,EAAA8L,aAAA,IAEA+B,GACAZ,EAAAjN,EAAA9E,YACA+R,EAAAjN,EAAA5E,YACA6R,EAAAjN,EAAA+L,aAEA+B,GACAnB,EAAA3M,EAAAkM,QACAS,EAAA3M,EAAAoM,QACAO,EAAA3M,EAAAuM,SAEAwB,GACAb,EAAAlN,EAAAyM,SACAS,EAAAlN,EAAAwM,SACAU,EAAAlN,EAAA0M,UAEAsB,GACArB,EAAA3M,EAAAmM,QACAQ,EAAA3M,EAAAqM,QACAM,EAAA3M,EAAAsM,QAGA,QACA,oCAAAsB,EAAA/J,KAAA,KAAA,IACA,eAAAgK,EAAAhK,KAAA,KAAA,IACA,WAAAkK,EAAA,GAAA,aAAAA,EAAA,GAAA,aAAAA,EAAA,GAAA,IACA,8BAAAC,EAAA,GAAA,gBACA,4BAAAA,EAAA,GAAA,kBACA,oBAAAA,EAAA,GAAA,0BACA,WAAAF,EAAAjK,KAAA,KAAA,KACAA,KAAA,MAUA/F,IAAA,SAAAiF,GACA,MAAA9I,MAAAkT,cAAApF,EAAAhF,KAIA1E,IAAA,SAAA0E,EAAA/C,GACA,GAAAiO,GAAA,gBAAAjO,GAAAA,EAAA/F,KAAA0T,MAAA3N,EACAoI,GAAArF,EAAAkL,UC3gBA,WACA,YAEAnU,SAAAC,OAAA,8BACA,kCACA,mCACA","file":"mobile-angular-ui.gestures.min.js","sourcesContent":["/**\n * @module mobile-angular-ui.gestures.drag\n * @description\n *\n * `mobile-angular-ui.gestures.drag` module exposes the `$drag` service that is used\n * to handle drag gestures. `$drag` service wraps [$touch](../module:touch) service adding\n * CSS transforms reacting to `touchmove` events.\n *\n * ## Usage\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures']);\n * ```\n *\n * Or\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures.drag']);\n * ```\n *\n * ``` js\n * var dragOptions = {\n * transform: $drag.TRANSLATE_BOTH,\n * start: function(dragInfo, event){},\n * end: function(dragInfo, event){},\n * move: function(dragInfo, event){},\n * cancel: function(dragInfo, event){}\n * };\n *\n * $drag.bind(element, dragOptions, touchOptions);\n * ```\n *\n * Where:\n *\n * - `transform` is a `function(element, currentTransform, touch) -> newTransform`\n * returning taking an `element`, its `currentTransform` and returning the `newTransform`\n * for the element in response to `touch`. See [$transform](../module:transform) for more.\n * Default to `$drag.TRANSLATE_BOTH`.\n * - `start`, `end`, `move`, `cancel` are optional callbacks responding to `drag` movement phases.\n * - `dragInfo` is an extended version of `touchInfo` from [$touch](../module:touch),\n * extending it with:\n * - `originalTransform`: The [$transform](../module:transform) object relative to CSS transform before `$drag` is bound.\n * - `originalRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)\n * for bound element before any drag action.\n * - `startRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)\n * for bound element registered at `start` event.\n * - `startTransform`: The [$transform](../module:transform) at `start` event.\n * - `rect`: The current [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) for bound element.\n * - `transform`: The current [$transform](../module:transform).\n * - `reset`: A function restoring element to `originalTransform`.\n * - `undo`: A function restoring element to `startTransform`.\n * - `touchOptions` is an option object to be passed to underlying [`$touch`](../module:touch) service.\n *\n * ### Predefined transforms\n *\n * - `$drag.NULL_TRANSFORM`: No transform follow movement\n * - `$drag.TRANSLATE_BOTH`: Transform translate following movement on both x and y axis.\n * - `$drag.TRANSLATE_HORIZONTAL`: Transform translate following movement on x axis.\n * - `$drag.TRANSLATE_UP`: Transform translate following movement on negative y axis.\n * - `$drag.TRANSLATE_DOWN`: Transform translate following movement on positive y axis.\n * - `$drag.TRANSLATE_LEFT`: Transform translate following movement on negative x axis.\n * - `$drag.TRANSLATE_RIGHT`: Transform translate following movement on positive x axis.\n * - `$drag.TRANSLATE_VERTICAL`: Transform translate following movement on y axis.\n * - `$drag.TRANSLATE_INSIDE`: Is a function and should be used like:\n *\n * ``` js\n * {\n * transform: $drag.TRANSLATE_INSIDE(myElement)\n * }\n * ```\n *\n * It returns a transform function that contains translate movement inside\n * the passed element.\n *\n * ### `.ui-drag-move` style\n *\n * While moving an `.ui-drag-move` class is attached to element. Style for this class is defined via\n * [insertRule](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet.insertRule) and aims to\n * fix common problems while dragging, specifically:\n *\n * - Brings the element in front of other elements\n * - Disable transitions\n * - Makes text unselectable\n *\n * **NOTE** Transitions are disabled cause they may introduce conflicts between `transition: transform`\n * and `dragOptions.transform` function.\n *\n * They will be re-enabled after drag, and this can be used to achieve some graceful effects.\n *\n * If you need transition that does not involve transforms during movement you can apply them to an\n * inner or wrapping element.\n *\n * ### Examples\n *\n * #### Limit movement to an element\n *\n * ``` js\n * app.directive('dragMe', ['$drag', function($drag){\n * return {\n * controller: function($scope, $element) {\n * $drag.bind($element,\n * {\n * transform: $drag.TRANSLATE_INSIDE($element.parent()),\n * end: function(drag) {\n * drag.reset();\n * }\n * },\n * { // release touch when movement is outside bounduaries\n * sensitiveArea: $element.parent()\n * }\n * );\n * }\n * };\n * }]);\n * ```\n * \n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.gestures.drag', [\n 'mobile-angular-ui.gestures.touch',\n 'mobile-angular-ui.gestures.transform'\n ])\n\n .provider('$drag', function() {\n this.$get = ['$touch', '$transform', function($touch, $transform) {\n\n // Add some css rules to be used while moving elements\n var style = document.createElement('style');\n style.appendChild(document.createTextNode(''));\n document.head.appendChild(style);\n var sheet = style.sheet;\n\n // Makes z-index 99999\n sheet.insertRule('html .ui-drag-move{z-index: 99999 !important;}', 0);\n // Disable transitions\n sheet.insertRule('html .ui-drag-move{' +\n '-webkit-transition: none !important;' +\n '-moz-transition: none !important;-o-transition: none !important;' +\n '-ms-transition: none !important;transition: none !important;' +\n '}', 0);\n\n // Makes text unselectable\n sheet.insertRule('html .ui-drag-move, html .ui-drag-move *{' +\n '-webkit-touch-callout: none !important;' +\n '-webkit-user-select: none !important;' +\n '-khtml-user-select: none !important;' +\n '-moz-user-select: none !important;' +\n '-ms-user-select: none !important;' +\n 'user-select: none !important;' +\n '}', 0);\n\n style = sheet = null; // we wont use them anymore so make\n // their memory immediately claimable\n\n return {\n\n //\n // built-in transforms\n //\n NULL_TRANSFORM: function(element, transform) {\n return transform;\n },\n\n TRANSLATE_BOTH: function(element, transform, touch) {\n transform.translateX = touch.distanceX;\n transform.translateY = touch.distanceY;\n return transform;\n },\n\n TRANSLATE_HORIZONTAL: function(element, transform, touch) {\n transform.translateX = touch.distanceX;\n transform.translateY = 0;\n return transform;\n },\n\n TRANSLATE_UP: function(element, transform, touch) {\n transform.translateY = touch.distanceY <= 0 ? touch.distanceY : 0;\n transform.translateX = 0;\n return transform;\n },\n\n TRANSLATE_DOWN: function(element, transform, touch) {\n transform.translateY = touch.distanceY >= 0 ? touch.distanceY : 0;\n transform.translateX = 0;\n return transform;\n },\n\n TRANSLATE_LEFT: function(element, transform, touch) {\n transform.translateX = touch.distanceX <= 0 ? touch.distanceX : 0;\n transform.translateY = 0;\n return transform;\n },\n\n TRANSLATE_RIGHT: function(element, transform, touch) {\n transform.translateX = touch.distanceX >= 0 ? touch.distanceX : 0;\n transform.translateY = 0;\n return transform;\n },\n\n TRANSLATE_VERTICAL: function(element, transform, touch) {\n transform.translateX = 0;\n transform.translateY = touch.distanceY;\n return transform;\n },\n\n TRANSLATE_INSIDE: function(wrapperElementOrRectangle) {\n wrapperElementOrRectangle = wrapperElementOrRectangle.length ? wrapperElementOrRectangle[0] : wrapperElementOrRectangle;\n\n return function(element, transform, touch) {\n element = element.length ? element[0] : element;\n var re = element.getBoundingClientRect();\n var rw = wrapperElementOrRectangle instanceof Element ? wrapperElementOrRectangle.getBoundingClientRect() : wrapperElementOrRectangle;\n var tx;\n var ty;\n\n if (re.width >= rw.width) {\n tx = 0;\n } else if (re.right + touch.stepX > rw.right) {\n tx = rw.right - re.right;\n } else if (re.left + touch.stepX < rw.left) {\n tx = rw.left - re.left;\n } else {\n tx = touch.stepX;\n }\n\n if (re.height >= rw.height) {\n ty = 0;\n } else if (re.bottom + touch.stepY > rw.bottom) {\n ty = rw.bottom - re.bottom;\n } else if (re.top + touch.stepY < rw.top) {\n ty = rw.top - re.top;\n } else {\n ty = touch.stepY;\n }\n\n transform.translateX += tx;\n transform.translateY += ty;\n return transform;\n };\n },\n\n //\n // bind function\n //\n bind: function($element, dragOptions, touchOptions) {\n $element = angular.element($element);\n dragOptions = dragOptions || {};\n touchOptions = touchOptions || {};\n\n var startEventHandler = dragOptions.start;\n var endEventHandler = dragOptions.end;\n var moveEventHandler = dragOptions.move;\n var cancelEventHandler = dragOptions.cancel;\n var transformEventHandler = dragOptions.transform || this.TRANSLATE_BOTH;\n\n var domElement = $element[0];\n var tO = $transform.get($element); // original transform\n var rO = domElement.getBoundingClientRect(); // original bounding rect\n var tS; // transform at start\n var rS;\n\n var moving = false;\n\n var isMoving = function() {\n return moving;\n };\n\n var cleanup = function() {\n moving = false;\n tS = rS = null;\n $element.removeClass('ui-drag-move');\n };\n\n var reset = function() {\n $transform.set(domElement, tO);\n };\n\n var undo = function() {\n $transform.set(domElement, tS || tO);\n };\n\n var setup = function() {\n moving = true;\n rS = domElement.getBoundingClientRect();\n tS = $transform.get(domElement);\n $element.addClass('ui-drag-move');\n };\n\n var createDragInfo = function(touch) {\n touch = angular.extend({}, touch);\n touch.originalTransform = tO;\n touch.originalRect = rO;\n touch.startRect = rS;\n touch.rect = domElement.getBoundingClientRect();\n touch.startTransform = tS;\n touch.transform = $transform.get(domElement);\n touch.reset = reset;\n touch.undo = undo;\n return touch;\n };\n\n var onTouchMove = function(touch, event) {\n // preventDefault no matter what\n // it is (ie. maybe html5 drag for images or scroll)\n event.preventDefault();\n\n // $touch calls start on the first touch\n // to ensure $drag.start is called only while actually\n // dragging and not for touches we will bind $drag.start\n // to the first time move is called\n\n if (isMoving()) { // drag move\n touch = createDragInfo(touch);\n\n var transform = transformEventHandler($element, angular.extend({}, touch.transform), touch, event);\n\n $transform.set(domElement, transform);\n\n if (moveEventHandler) {\n moveEventHandler(touch, event);\n }\n } else { // drag start\n setup();\n if (startEventHandler) {\n startEventHandler(createDragInfo(touch), event);\n }\n }\n };\n\n var onTouchEnd = function(touch, event) {\n if (!isMoving()) {\n return;\n }\n\n // prevents outer swipes\n event.__UiSwipeHandled__ = true;\n\n touch = createDragInfo(touch);\n cleanup();\n\n if (endEventHandler) {\n endEventHandler(touch, event);\n }\n };\n\n var onTouchCancel = function(touch, event) {\n if (!isMoving()) {\n return;\n }\n\n touch = createDragInfo(touch);\n undo(); // on cancel movement is undoed automatically;\n cleanup();\n\n if (cancelEventHandler) {\n cancelEventHandler(touch, event);\n }\n };\n\n return $touch.bind($element,\n {move: onTouchMove, end: onTouchEnd, cancel: onTouchCancel},\n touchOptions);\n } // ~ bind\n }; // ~ return $drag\n }]; // ~ $get\n });\n\n})();\n","/**\n * A module providing swipe gesture services and directives.\n *\n * @module mobile-angular-ui.gestures.swipe\n */\n(function() {\n 'use strict';\n\n var module = angular.module('mobile-angular-ui.gestures.swipe',\n ['mobile-angular-ui.gestures.touch']);\n\n /**\n * An adaptation of `ngTouch.$swipe`, it is basically the same despite of:\n *\n * - It is based on [$touch](../module:touch)\n * - Swipes are recognized by touch velocity and direction\n * - It does not require `ngTouch` thus is better compatible with fastclick.js\n * - Swipe directives are nestable\n * - It allows to unbind\n * - It has only one difference in interface, and its about how to pass `pointerTypes`:\n *\n * ``` js\n * // ngTouch.$swipe\n * $swipe.bind(..., ['mouse', ... });\n *\n * // mobile-angular-ui.gestures.swipe.$swipe\n * $swipe.bind(..., pointerTypes: { mouse: { start: 'mousedown', ...} });\n * ```\n * This is due to the fact that the second parameter of `$swipe.bind` is destinated to options for\n * underlying `$touch` service.\n *\n * @service $swipe\n * @as class\n */\n module.factory('$swipe', ['$touch', function($touch) {\n var VELOCITY_THRESHOLD = 500; // px/sec\n var MOVEMENT_THRESHOLD = 10; // px\n var TURNAROUND_MAX = 10; // px\n var ANGLE_THRESHOLD = 10; // deg\n var abs = Math.abs;\n\n var defaultOptions = {\n movementThreshold: MOVEMENT_THRESHOLD, // start to consider only if movement\n // exceeded MOVEMENT_THRESHOLD\n valid: function(t) {\n var absAngle = abs(t.angle);\n absAngle = absAngle >= 90 ? absAngle - 90 : absAngle;\n\n var validDistance = t.total - t.distance <= TURNAROUND_MAX;\n var validAngle = absAngle <= ANGLE_THRESHOLD || absAngle >= 90 - ANGLE_THRESHOLD;\n var validVelocity = t.averageVelocity >= VELOCITY_THRESHOLD;\n\n return validDistance && validAngle && validVelocity;\n }\n };\n\n return {\n /**\n * Bind swipe gesture handlers for an element.\n *\n * ``` js\n * var unbind = $swipe.bind(elem, {\n * end: function(touch) {\n * console.log('Swiped:', touch.direction);\n * unbind();\n * }\n * });\n * ```\n *\n * **Swipes Detection**\n *\n * Before consider a touch to be a swipe Mobile Angular UI verifies that:\n *\n * 1. Movement is quick. Average touch velocity should exceed a `VELOCITY_THRESHOLD`.\n * 2. Movement is linear.\n * 3. Movement has a clear, non-ambiguous direction. So we can assume without error\n * that underlying `touch.direction` is exactly the swipe direction. For that\n * movement is checked against an `ANGLE_THRESHOLD`.\n *\n * @param {Element|$element} element The element to observe for swipe gestures.\n * @param {object} eventHandlers An object with handlers for specific swipe events.\n * @param {function} [eventHandlers.start] The callback for swipe start event.\n * @param {function} [eventHandlers.end] The callback for swipe end event.\n * @param {function} [eventHandlers.move] The callback for swipe move event.\n * @param {function} [eventHandlers.cancel] The callback for swipe cancel event.\n * @param {object} [options] Options to be passed to underlying [$touch.bind](../module:touch) function.\n *\n * @returns {function} The unbind function.\n *\n * @method bind\n * @memberOf mobile-angular-ui.gestures.swipe~$swipe\n */\n bind: function(element, eventHandlers, options) {\n options = angular.extend({}, defaultOptions, options || {});\n return $touch.bind(element, eventHandlers, options);\n }\n };\n }]);\n\n /**\n * Specify custom behavior when an element is swiped to the left on a touchscreen device.\n * A leftward swipe is a quick, right-to-left slide of the finger.\n *\n * @directive uiSwipeLeft\n * @param {expression} uiSwipeLeft An expression to be evaluated on leftward swipe.\n */\n /**\n * Specify custom behavior when an element is swiped to the right on a touchscreen device.\n * A rightward swipe is a quick, left-to-right slide of the finger.\n *\n * @directive uiSwipeRight\n * @param {expression} uiSwipeRight An expression to be evaluated on rightward swipe.\n */\n /**\n * Alias for [uiSwipeLeft](#uiswipeleft).\n *\n * @directive ngSwipeLeft\n * @deprecated\n */\n /**\n * Alias for [uiSwipeRight](#uiswiperight).\n *\n * @directive ngSwipeRight\n * @deprecated\n */\n angular.forEach(['ui', 'ng'], function(prefix) {\n angular.forEach(['Left', 'Right'], function(direction) {\n var directiveName = prefix + 'Swipe' + direction;\n module.directive(directiveName, ['$swipe', '$parse', function($swipe, $parse) {\n return {\n link: function(scope, elem, attrs) {\n var onSwipe = $parse(attrs[directiveName]);\n $swipe.bind(elem, {\n end: function(swipe, event) {\n if (swipe.direction === direction.toUpperCase()) {\n if (!event.__UiSwipeHandled__) {\n event.__UiSwipeHandled__ = true;\n scope.$apply(function() {\n onSwipe(scope, {$touch: swipe});\n });\n }\n }\n }\n });\n }\n };\n }]);\n });\n });\n})();\n","/* eslint complexity: 0 */\n\n/**\n * Device agnostic touch handling.\n *\n * **Usage**\n *\n * Require this module doing either\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures']);\n * ```\n *\n * Or standalone\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures.touch']);\n * ```\n *\n * Then you will be able to use the `$touch` service like that:\n *\n * ``` js\n * var unbindFn = $touch.bind(element, {\n * start: function(touchInfo, e);\n * move: function(touchInfo, e);\n * end: function(touchInfo, e);\n * cancel: function(touchInfo, e);\n * }, options);\n * ```\n *\n * @module mobile-angular-ui.gestures.touch\n */\n(function() {\n 'use strict';\n var module = angular.module('mobile-angular-ui.gestures.touch', []);\n\n /**\n * `$touch` is an abstraction of touch event handling that works with\n * any kind of input devices.\n *\n * It is intended for single touch only and provides\n * extended infos about touch like: movement, direction, velocity, duration, and more.\n * $touch service is intended as base to build any single-touch gesture handlers.\n *\n * **Usage**\n *\n * ``` js\n * var unbindFn = $touch.bind(element, {\n * start: function(touchInfo, e);\n * move: function(touchInfo, e);\n * end: function(touchInfo, e);\n * cancel: function(touchInfo, e);\n * }, options);\n * ```\n *\n * @service $touch\n * @as class\n */\n\n /**\n * Configurable provider for `$touch` service\n * @class $touchProvider\n * @ngdoc provider\n * @memberOf mobile-angular-ui.gestures.touch~$touch\n */\n module.provider('$touch', function() {\n\n /* =====================================\n = Configuration =\n =====================================*/\n\n var VALID = function() {\n return true;\n };\n\n var MOVEMENT_THRESHOLD = 1;\n\n var POINTER_EVENTS = {\n mouse: {\n start: 'mousedown',\n move: 'mousemove',\n end: 'mouseup'\n },\n touch: {\n start: 'touchstart',\n move: 'touchmove',\n end: 'touchend',\n cancel: 'touchcancel'\n }\n };\n\n var POINTER_TYPES = ['mouse', 'touch'];\n\n // function or element or rect\n var SENSITIVE_AREA = function($element) {\n return $element[0].ownerDocument.documentElement.getBoundingClientRect();\n };\n\n /**\n * Set default pointer events option.\n * Pointer Events option specifies a device-by-device map between device specific events and\n * touch events.\n *\n * The default Pointer Events Map is defined as:\n *\n * ``` js\n * var POINTER_EVENTS = {\n * 'mouse': {\n * start: 'mousedown',\n * move: 'mousemove',\n * end: 'mouseup'\n * },\n * 'touch': {\n * start: 'touchstart',\n * move: 'touchmove',\n * end: 'touchend',\n * cancel: 'touchcancel'\n * }\n * };\n * ```\n *\n * Ie.\n *\n * ```\n * app.config(function($touchProvider){\n * $touchProvider.setPointerEvents({ pen: {start: \"pendown\", end: \"penup\", move: \"penmove\" }});\n * });\n * ```\n *\n * @name setPointerEvents\n * @param {object} pointerEvents The pointer events map object\n * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider\n */\n this.setPointerEvents = function(pointerEvents) {\n POINTER_EVENTS = pointerEvents;\n POINTER_TYPES = Object.keys(POINTER_EVENTS);\n };\n\n /**\n * Set default validity function for a touch.\n *\n * The default is defined as always true:\n *\n * ``` js\n * $touchProvider.setValid(function(touch, event) {\n * return true;\n * });\n * ```\n *\n * @param {function} validityFunction The validity function. A function that takes two\n * arguments: `touchInfo` and `event`, and returns\n * a `Boolean` indicating wether the corresponding touch\n * should be considered valid and its handlers triggered,\n * or considered invalid and its handlers be ignored.\n * @method setValid\n * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider\n */\n this.setValid = function(fn) {\n VALID = fn;\n };\n\n /**\n * Set default amount of pixels of movement before\n * start to trigger `touchmove` handlers.\n *\n * Default is `1`.\n *\n * ie.\n *\n * ``` js\n * $touchProvider.setMovementThreshold(120);\n * ```\n *\n * @param {integer} threshold The new treeshold.\n *\n * @method setMovementThreshold\n * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider\n */\n this.setMovementThreshold = function(v) {\n MOVEMENT_THRESHOLD = v;\n };\n /**\n * Set default sensitive area.\n *\n * The sensitive area of a touch is the area of the screen inside what\n * we consider a touch to be meaningful thus triggering its handlers.\n *\n * **NOTE:** if movement goes out the sensitive area the touch event is not cancelled,\n * instead its handler are just ignored.\n *\n * By default sensitive area is defined as `ownerDocument` bounding rectangle\n * of the bound element.\n *\n * ie.\n *\n * ``` js\n * $touchProvider.setSensitiveArea(function($element) {\n * return $element[0].ownerDocument.documentElement.getBoundingClientRect();\n * });\n * ```\n *\n * @param {function|Element|TextRectangle} sensitiveArea The new default sensitive area,\n * either static or as function\n * taking an element and returning another\n * element or a\n * [rectangle](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect).\n *\n * @method setSensitiveArea\n * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider\n */\n this.setSensitiveArea = function(fnOrElementOrRect) {\n SENSITIVE_AREA = fnOrElementOrRect;\n };\n\n //\n // Shorthands for minification\n //\n var abs = Math.abs;\n var atan2 = Math.atan2;\n var sqrt = Math.sqrt;\n\n /* ===============================\n = Helpers =\n ===============================*/\n\n var getCoordinates = function(event) {\n var touches = event.touches && event.touches.length ? event.touches : [event];\n var e = (event.changedTouches && event.changedTouches[0]) ||\n (event.originalEvent && event.originalEvent.changedTouches &&\n event.originalEvent.changedTouches[0]) ||\n touches[0].originalEvent || touches[0];\n\n return {\n x: e.clientX,\n y: e.clientY\n };\n };\n\n var getEvents = function(pointerTypes, eventType) {\n var res = [];\n angular.forEach(pointerTypes, function(pointerType) {\n var eventName = POINTER_EVENTS[pointerType][eventType];\n if (eventName) {\n res.push(eventName);\n }\n });\n return res.join(' ');\n };\n\n var now = function() {\n return new Date();\n };\n\n var timediff = function(t1, t2) {\n t2 = t2 || now();\n return abs(t2 - t1);\n };\n\n var len = function(x, y) {\n return sqrt(x * x + y * y);\n };\n\n /**\n * `TouchInfo` is an object containing the following extended informations about any touch\n * event.\n *\n * @property {string} type Normalized event type. Despite of pointer device is always one of `touchstart`, `touchend`, `touchmove`, `touchcancel`.\n * @property {Date} timestamp The time object corresponding to the moment this touch event happened.\n * @property {integer} duration The difference between this touch event and the corresponding `touchstart`.\n * @property {float} startX X coord of related `touchstart`.\n * @property {float} startY Y coord of related `touchstart`.\n * @property {float} prevX X coord of previous `touchstart` or `touchmove`.\n * @property {float} prevY Y coord of previous `touchstart` or `touchmove`.\n * @property {float} x X coord of this touch event.\n * @property {float} y Y coord of this touch event.\n * @property {float} step Distance between `[prevX, prevY]` and `[x, y]` points.\n * @property {float} stepX Distance between `prevX` and `x`.\n * @property {float} stepY Distance between `prevY` and `y`.\n * @property {float} velocity Instantaneous velocity of a touch event in pixels per second.\n * @property {float} averageVelocity Average velocity of a touch event from its corresponding `touchstart` in pixels per second.\n * @property {float} distance Distance between `[startX, startY]` and `[x, y]` points.\n * @property {float} distanceX Distance between `startX` and `x`.\n * @property {float} distanceY Distance between `startY` and `y`.\n * @property {float} total Total number of pixels covered by movement, taking account of direction changes and turnarounds.\n * @property {float} totalX Total number of pixels covered by horizontal movement, taking account of direction changes and turnarounds.\n * @property {float} totalY Total number of pixels covered by vertical, taking account of direction changes and turnarounds.\n * @property {string} direction The current prevalent direction for this touch, one of `LEFT`, `RIGHT`, `TOP`, `BOTTOM`.\n * @property {float} angle Angle in degree between x axis and the vector `[x, y]`, is `null` when no movement happens.\n *\n * @class TouchInfo\n * @ngdoc type\n * @memberOf mobile-angular-ui.gestures.touch~$touch\n */\n\n var buildTouchInfo = function(type, c, t0, tl) {\n // Compute values for new TouchInfo based on coordinates and previus touches.\n // - c is coords of new touch\n // - t0 is first touch: useful to compute duration and distance (how far pointer\n // got from first touch)\n // - tl is last touch: useful to compute velocity and length (total length of the movement)\n\n t0 = t0 || {};\n tl = tl || {};\n\n // timestamps\n var ts = now();\n var ts0 = t0.timestamp || ts;\n var tsl = tl.timestamp || ts0;\n\n // coords\n var x = c.x;\n var y = c.y;\n var x0 = t0.x || x;\n var y0 = t0.y || y;\n var xl = tl.x || x0;\n var yl = tl.y || y0;\n\n // total movement\n var totalXl = tl.totalX || 0;\n var totalYl = tl.totalY || 0;\n var totalX = totalXl + abs(x - xl);\n var totalY = totalYl + abs(y - yl);\n var total = len(totalX, totalY);\n\n // duration\n var duration = timediff(ts, ts0);\n var durationl = timediff(ts, tsl);\n\n // distance\n var dxl = x - xl;\n var dyl = y - yl;\n var dl = len(dxl, dyl);\n var dx = x - x0;\n var dy = y - y0;\n var d = len(dx, dy);\n\n // velocity (px per second)\n var v = durationl > 0 ? abs(dl / (durationl / 1000)) : 0;\n var tv = duration > 0 ? abs(total / (duration / 1000)) : 0;\n\n // main direction: 'LEFT', 'RIGHT', 'TOP', 'BOTTOM'\n var dir = abs(dx) > abs(dy) ?\n (dx < 0 ? 'LEFT' : 'RIGHT') :\n (dy < 0 ? 'TOP' : 'BOTTOM');\n\n // angle (angle between distance vector and x axis)\n // angle will be:\n // 0 for x > 0 and y = 0\n // 90 for y < 0 and x = 0\n // 180 for x < 0 and y = 0\n // -90 for y > 0 and x = 0\n //\n // -90°\n // |\n // |\n // |\n // 180° --------|-------- 0°\n // |\n // |\n // |\n // 90°\n //\n var angle = dx !== 0 || dy !== 0 ? atan2(dy, dx) * (180 / Math.PI) : null;\n angle = angle === -180 ? 180 : angle;\n\n return {\n type: type,\n timestamp: ts,\n duration: duration,\n startX: x0,\n startY: y0,\n prevX: xl,\n prevY: yl,\n x: c.x,\n y: c.y,\n\n step: dl, // distance from prev\n stepX: dxl,\n stepY: dyl,\n\n velocity: v,\n averageVelocity: tv,\n\n distance: d, // distance from start\n distanceX: dx,\n distanceY: dy,\n\n total: total, // total length of momement,\n // considering turnaround\n totalX: totalX,\n totalY: totalY,\n direction: dir,\n angle: angle\n };\n };\n\n /* ======================================\n = Factory Method =\n ======================================*/\n\n this.$get = [function() {\n\n return {\n /**\n *\n * Bind touch handlers for an element.\n *\n * ``` js\n * var unbind = $touch.bind(elem, {\n * end: function(touch) {\n * console.log('Avg Speed:', touch.averageVelocity);\n * unbind();\n * }\n * });\n * ```\n *\n * @param {Element|$element} element The element to bound to.\n * @param {object} eventHandlers An object with handlers for specific touch events.\n * @param {function} [eventHandlers.start] The callback for `touchstart` event.\n * @param {function} [eventHandlers.end] The callback for `touchend` event.\n * @param {function} [eventHandlers.move] The callback for `touchmove` event.\n * @param {function} [eventHandlers.cancel] The callback for `touchcancel` event.\n * @param {object} [options] Options.\n * @param {integer} [options.movementThreshold] Amount of pixels of movement before start to trigger `touchmove` handlers.\n * @param {function} [options.valid] Validity function. A `function(TouchInfo, event)⟶boolean` deciding if a touch should be handled or ignored.\n * @param {function|Element|TextRectangle} [options.sensitiveArea] A\n * [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) or an element\n * or a function that takes the bound element and returns one of the previous.\n * Sensitive area define bounduaries to release touch when movement is outside.\n * @param {array} [options.pointerTypes] Pointer types to handle. An array of pointer types that is intended to be\n * a subset of keys from default pointer events map (see `$touchProvider.setPointerEvents`).\n *\n * @returns {function} The unbind function.\n *\n * @memberOf mobile-angular-ui.gestures.touch~$touch\n */\n bind: function($element, eventHandlers, options) {\n\n // ensure element to be an angular element\n $element = angular.element($element);\n\n options = options || {};\n // uses default pointer types in case of none passed\n var pointerTypes = options.pointerTypes || POINTER_TYPES;\n var isValid = options.valid === undefined ? VALID : options.valid;\n var movementThreshold = options.movementThreshold === undefined ? MOVEMENT_THRESHOLD : options.movementThreshold;\n var sensitiveArea = options.sensitiveArea === undefined ? SENSITIVE_AREA : options.sensitiveArea;\n\n // first and last touch\n var t0;\n var tl;\n\n // events\n var startEvents = getEvents(pointerTypes, 'start');\n var endEvents = getEvents(pointerTypes, 'end');\n var moveEvents = getEvents(pointerTypes, 'move');\n var cancelEvents = getEvents(pointerTypes, 'cancel');\n\n var startEventHandler = eventHandlers.start;\n var endEventHandler = eventHandlers.end;\n var moveEventHandler = eventHandlers.move;\n var cancelEventHandler = eventHandlers.cancel;\n\n var $movementTarget = angular.element($element[0].ownerDocument);\n var onTouchMove;\n var onTouchEnd;\n var onTouchCancel;\n\n var resetTouch = function() {\n t0 = tl = null;\n $movementTarget.off(moveEvents, onTouchMove);\n $movementTarget.off(endEvents, onTouchEnd);\n if (cancelEvents) {\n $movementTarget.off(cancelEvents, onTouchCancel);\n }\n };\n\n var isActive = function() {\n return Boolean(t0);\n };\n\n //\n // Callbacks\n //\n\n // on touchstart\n var onTouchStart = function(event) {\n // don't handle multi-touch\n if (event.touches && event.touches.length > 1) {\n return;\n }\n tl = t0 = buildTouchInfo('touchstart', getCoordinates(event));\n $movementTarget.on(moveEvents, onTouchMove);\n $movementTarget.on(endEvents, onTouchEnd);\n if (cancelEvents) {\n $movementTarget.on(cancelEvents, onTouchCancel);\n }\n if (startEventHandler) {\n startEventHandler(t0, event);\n }\n };\n\n // on touchCancel\n onTouchCancel = function(event) {\n var t = buildTouchInfo('touchcancel', getCoordinates(event), t0, tl);\n resetTouch();\n if (cancelEventHandler) {\n cancelEventHandler(t, event);\n }\n };\n\n // on touchMove\n onTouchMove = function(event) {\n // don't handle multi-touch\n if (event.touches && event.touches.length > 1) {\n return;\n }\n\n if (!isActive()) {\n return;\n }\n\n var coords = getCoordinates(event);\n\n //\n // wont fire outside sensitive area\n //\n var mva = typeof sensitiveArea === 'function' ? sensitiveArea($element) : sensitiveArea;\n mva = mva.length ? mva[0] : mva;\n\n var mvaRect = mva instanceof Element ? mva.getBoundingClientRect() : mva;\n\n if (coords.x < mvaRect.left || coords.x > mvaRect.right || coords.y < mvaRect.top || coords.y > mvaRect.bottom) {\n return;\n }\n\n var t = buildTouchInfo('touchmove', coords, t0, tl);\n var totalX = t.totalX;\n var totalY = t.totalY;\n\n tl = t;\n\n if (totalX < movementThreshold && totalY < movementThreshold) {\n return;\n }\n\n if (isValid(t, event)) {\n if (event.cancelable === undefined || event.cancelable) {\n event.preventDefault();\n }\n if (moveEventHandler) {\n moveEventHandler(t, event);\n }\n }\n };\n\n // on touchEnd\n onTouchEnd = function(event) {\n // don't handle multi-touch\n if (event.touches && event.touches.length > 1) {\n return;\n }\n\n if (!isActive()) {\n return;\n }\n\n var t = angular.extend({}, tl, {type: 'touchend'});\n if (isValid(t, event)) {\n if (event.cancelable === undefined || event.cancelable) {\n event.preventDefault();\n }\n if (endEventHandler) {\n setTimeout(function() { // weird workaround to avoid\n // delays with dom manipulations\n // inside the handler\n endEventHandler(t, event);\n }, 0);\n }\n }\n resetTouch();\n };\n\n $element.on(startEvents, onTouchStart);\n\n return function unbind() {\n if ($element) { // <- wont throw if accidentally called twice\n $element.off(startEvents, onTouchStart);\n if (cancelEvents) {\n $movementTarget.off(cancelEvents, onTouchCancel);\n }\n $movementTarget.off(moveEvents, onTouchMove);\n $movementTarget.off(endEvents, onTouchEnd);\n\n // Clear all those variables we carried out from `#bind` method scope\n // to local scope and that we don't have to use anymore\n $element = $movementTarget = startEvents = cancelEvents =\n moveEvents = endEvents = onTouchStart = onTouchCancel =\n onTouchMove = onTouchEnd = pointerTypes = isValid =\n movementThreshold = sensitiveArea = null;\n }\n };\n }\n };\n }];\n });\n})();\n","/* eslint complexity: 0 */\n\n/**\n * @module mobile-angular-ui.gestures.transform\n * @description\n *\n * `mobile-angular-ui.gestures.transform` provides the `$transform` service is designed\n * with the specific aim to provide a cross-browser way to interpolate CSS 3d transform\n * without having to deal with CSS Matrix, and being able to take into account any previous\n * unknown transform already applied to an element.\n *\n * ## Usage\n *\n * Require this module doing either\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures']);\n * ```\n *\n * Or standalone\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures.transform']);\n * ```\n *\n * Say we have an element with applyed css:\n *\n * ``` html\n * \n * ```\n *\n * ``` css\n * .myelem {\n * transform: translate(12px) rotate(20deg);\n * }\n * ```\n *\n * Then you can use `$transform` like this:\n *\n * ``` js\n * t = $transform.get(e);\n * t.rotationZ += 15;\n * t.translateX += 1;\n * $transform.set(e, t);\n * ```\n *\n * ### `$transform` service API\n *\n * #### `$transform.fromCssMatrix(cssMatrixString) -> transform`\n *\n * Returns a decomposition of the transform matrix `cssMatrixString`.\n * NOTE: 2d matrices are translated to 3d matrices before any other operation.\n *\n * #### `$transform.toCss(decomposedTransform)`\n *\n * Recompose a css string from `decomposedTransform`.\n *\n * Transforms are recomposed as a composition of:\n *\n * ``` css\n * matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])\n * translate3d(translation[0], translation[1], translation[2])\n * rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])\n * matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)\n * matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)\n * matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)\n * scale3d(scale[0], scale[1], scale[2])\n * ```\n *\n * #### `$transform.get(e) -> transform`\n *\n * Returns a decomposition of the transform matrix applied to `e`.\n *\n * #### `$transform.set(element, transform)`\n *\n * If transform is a string just set it for element `element`. Otherwise is considered as a\n * decomposed transform and is recomposed with `$transform.toCss` and then set to element.\n *\n * ### The decomposed transform object\n *\n * Result of transform matrix decomposition is an object with the following properties:\n *\n * ```\n * translateX\n * translateY\n * translateZ\n * perspectiveX\n * perspectiveY\n * perspectiveZ\n * perspectiveW\n * scaleX\n * scaleY\n * scaleZ\n * rotateX\n * rotateY\n * rotateZ\n * skewXY\n * skewXZ\n * skewYZ\n * ```\n */\n(function() {\n 'use strict';\n\n var module = angular.module('mobile-angular-ui.gestures.transform', []);\n\n module.factory('$transform', function() {\n\n /* ==============================================================\n = Cross-Browser Property Prefix Handling =\n ==============================================================*/\n\n // Cross-Browser style properties\n var cssPrefix;\n var transformProperty;\n var styleProperty;\n var prefixes = ['', 'webkit', 'Moz', 'O', 'ms'];\n var d = document.createElement('div');\n\n for (var i = 0; i < prefixes.length; i++) {\n var prefix = prefixes[i];\n if ((prefix + 'Perspective') in d.style) {\n cssPrefix = (prefix === '' ? '' : '-' + prefix.toLowerCase() + '-');\n styleProperty = prefix + (prefix === '' ? 'transform' : 'Transform');\n transformProperty = cssPrefix + 'transform';\n break;\n }\n }\n\n d = null;\n\n // return current element transform matrix in a cross-browser way\n var getElementTransformProperty = function(e) {\n e = e.length ? e[0] : e;\n var tr = window\n .getComputedStyle(e, null)\n .getPropertyValue(transformProperty);\n return tr;\n };\n\n // set current element transform matrix in a cross-browser way\n var setElementTransformProperty = function(elem, value) {\n elem = elem.length ? elem[0] : elem;\n elem.style[styleProperty] = value;\n };\n\n /* ======================================================\n = Transform Matrix Decomposition =\n ======================================================*/\n\n var SMALL_NUMBER = 1.e-7;\n\n var rad2deg = function(angle) {\n return angle * 180 / Math.PI;\n };\n\n var sqrt = Math.sqrt;\n var asin = Math.asin;\n var atan2 = Math.atan2;\n var cos = Math.cos;\n var abs = Math.abs;\n var floor = Math.floor;\n\n var cloneMatrix = function(m) {\n var res = [[], [], [], []];\n for (var i = 0; i < m.length; i++) {\n for (var j = 0; j < m[i].length; j++) {\n res[i][j] = m[i][j];\n }\n }\n return res;\n };\n\n var determinant2x2 = function(a, b, c, d) {\n return a * d - b * c;\n };\n\n var determinant3x3 = function(a1, a2, a3, b1, b2, b3, c1, c2, c3) {\n return a1 * determinant2x2(b2, b3, c2, c3) - b1 * determinant2x2(a2, a3, c2, c3) + c1 * determinant2x2(a2, a3, b2, b3);\n };\n\n var determinant4x4 = function(m) {\n var a1 = m[0][0];\n var b1 = m[0][1];\n var c1 = m[0][2];\n var d1 = m[0][3];\n var a2 = m[1][0];\n var b2 = m[1][1];\n var c2 = m[1][2];\n var d2 = m[1][3];\n var a3 = m[2][0];\n var b3 = m[2][1];\n var c3 = m[2][2];\n var d3 = m[2][3];\n var a4 = m[3][0];\n var b4 = m[3][1];\n var c4 = m[3][2];\n var d4 = m[3][3];\n return a1 * determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4) -\n b1 * determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4) +\n c1 * determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4) -\n d1 * determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);\n };\n\n var adjoint = function(m) {\n var res = [[], [], [], []];\n var a1 = m[0][0];\n var b1 = m[0][1];\n var c1 = m[0][2];\n var d1 = m[0][3];\n var a2 = m[1][0];\n var b2 = m[1][1];\n var c2 = m[1][2];\n var d2 = m[1][3];\n var a3 = m[2][0];\n var b3 = m[2][1];\n var c3 = m[2][2];\n var d3 = m[2][3];\n var a4 = m[3][0];\n var b4 = m[3][1];\n var c4 = m[3][2];\n var d4 = m[3][3];\n\n res[0][0] = determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4);\n res[1][0] = -determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4);\n res[2][0] = determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4);\n res[3][0] = -determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);\n res[0][1] = -determinant3x3(b1, b3, b4, c1, c3, c4, d1, d3, d4);\n res[1][1] = determinant3x3(a1, a3, a4, c1, c3, c4, d1, d3, d4);\n res[2][1] = -determinant3x3(a1, a3, a4, b1, b3, b4, d1, d3, d4);\n res[3][1] = determinant3x3(a1, a3, a4, b1, b3, b4, c1, c3, c4);\n res[0][2] = determinant3x3(b1, b2, b4, c1, c2, c4, d1, d2, d4);\n res[1][2] = -determinant3x3(a1, a2, a4, c1, c2, c4, d1, d2, d4);\n res[2][2] = determinant3x3(a1, a2, a4, b1, b2, b4, d1, d2, d4);\n res[3][2] = -determinant3x3(a1, a2, a4, b1, b2, b4, c1, c2, c4);\n res[0][3] = -determinant3x3(b1, b2, b3, c1, c2, c3, d1, d2, d3);\n res[1][3] = determinant3x3(a1, a2, a3, c1, c2, c3, d1, d2, d3);\n res[2][3] = -determinant3x3(a1, a2, a3, b1, b2, b3, d1, d2, d3);\n res[3][3] = determinant3x3(a1, a2, a3, b1, b2, b3, c1, c2, c3);\n\n return res;\n };\n\n var inverse = function(m) {\n var res = adjoint(m);\n var det = determinant4x4(m);\n if (abs(det) < SMALL_NUMBER) {\n return false;\n }\n\n for (var i = 0; i < 4; i++) {\n for (var j = 0; j < 4; j++) {\n res[i][j] /= det;\n }\n }\n return res;\n };\n\n var transposeMatrix4 = function(m) {\n var res = [[], [], [], []];\n for (var i = 0; i < 4; i++) {\n for (var j = 0; j < 4; j++) {\n res[i][j] = m[j][i];\n }\n }\n return res;\n };\n\n var v4MulPointByMatrix = function(p, m) {\n var res = [];\n\n res[0] = (p[0] * m[0][0]) + (p[1] * m[1][0]) +\n (p[2] * m[2][0]) + (p[3] * m[3][0]);\n res[1] = (p[0] * m[0][1]) + (p[1] * m[1][1]) +\n (p[2] * m[2][1]) + (p[3] * m[3][1]);\n res[2] = (p[0] * m[0][2]) + (p[1] * m[1][2]) +\n (p[2] * m[2][2]) + (p[3] * m[3][2]);\n res[3] = (p[0] * m[0][3]) + (p[1] * m[1][3]) +\n (p[2] * m[2][3]) + (p[3] * m[3][3]);\n\n return res;\n };\n\n var v3Length = function(a) {\n return sqrt((a[0] * a[0]) + (a[1] * a[1]) + (a[2] * a[2]));\n };\n\n var v3Scale = function(v, desiredLength) {\n var res = [];\n var len = v3Length(v);\n if (len !== 0) {\n var l = desiredLength / len;\n res[0] *= l;\n res[1] *= l;\n res[2] *= l;\n }\n return res;\n };\n\n var v3Dot = function(a, b) {\n return (a[0] * b[0]) + (a[1] * b[1]) + (a[2] * b[2]);\n };\n\n var v3Combine = function(a, b, ascl, bscl) {\n var res = [];\n res[0] = (ascl * a[0]) + (bscl * b[0]);\n res[1] = (ascl * a[1]) + (bscl * b[1]);\n res[2] = (ascl * a[2]) + (bscl * b[2]);\n return res;\n };\n\n var v3Cross = function(a, b) {\n var res = [];\n res[0] = (a[1] * b[2]) - (a[2] * b[1]);\n res[1] = (a[2] * b[0]) - (a[0] * b[2]);\n res[2] = (a[0] * b[1]) - (a[1] * b[0]);\n return res;\n };\n\n var decompose = function(mat) {\n var result = {};\n var localMatrix = cloneMatrix(mat);\n var i;\n var j;\n\n // Normalize the matrix.\n if (localMatrix[3][3] === 0) {\n return false;\n }\n\n for (i = 0; i < 4; i++) {\n for (j = 0; j < 4; j++) {\n localMatrix[i][j] /= localMatrix[3][3];\n }\n }\n\n var perspectiveMatrix = cloneMatrix(localMatrix);\n for (i = 0; i < 3; i++) {\n perspectiveMatrix[i][3] = 0;\n }\n perspectiveMatrix[3][3] = 1;\n\n if (determinant4x4(perspectiveMatrix) === 0) {\n return false;\n }\n\n // First, isolate perspective. This is the messiest.\n if (localMatrix[0][3] !== 0 || localMatrix[1][3] !== 0 || localMatrix[2][3] !== 0) {\n // rightHandSide is the right hand side of the equation.\n var rightHandSide = [];\n rightHandSide[0] = localMatrix[0][3];\n rightHandSide[1] = localMatrix[1][3];\n rightHandSide[2] = localMatrix[2][3];\n rightHandSide[3] = localMatrix[3][3];\n\n // Solve the equation by inverting perspectiveMatrix and multiplying\n // rightHandSide by the inverse. (This is the easiest way, not\n // necessarily the best.)\n var inversePerspectiveMatrix = inverse(perspectiveMatrix);\n var transposedInversePerspectiveMatrix = transposeMatrix4(inversePerspectiveMatrix);\n var perspectivePoint = v4MulPointByMatrix(rightHandSide, transposedInversePerspectiveMatrix);\n\n result.perspectiveX = perspectivePoint[0];\n result.perspectiveY = perspectivePoint[1];\n result.perspectiveZ = perspectivePoint[2];\n result.perspectiveW = perspectivePoint[3];\n\n // Clear the perspective partition\n localMatrix[0][3] = localMatrix[1][3] = localMatrix[2][3] = 0;\n localMatrix[3][3] = 1;\n } else {\n // No perspective.\n result.perspectiveX = result.perspectiveY = result.perspectiveZ = 0;\n result.perspectiveW = 1;\n }\n\n // Next take care of translation (easy).\n result.translateX = localMatrix[3][0];\n localMatrix[3][0] = 0;\n result.translateY = localMatrix[3][1];\n localMatrix[3][1] = 0;\n result.translateZ = localMatrix[3][2];\n localMatrix[3][2] = 0;\n\n // Now get scale and shear.\n var row = [[], [], []];\n var pdum3;\n\n for (i = 0; i < 3; i++) {\n row[i][0] = localMatrix[i][0];\n row[i][1] = localMatrix[i][1];\n row[i][2] = localMatrix[i][2];\n }\n\n // Compute X scale factor and normalize first row.\n result.scaleX = v3Length(row[0]);\n v3Scale(row[0], 1.0);\n\n // Compute XY shear factor and make 2nd row orthogonal to 1st.\n result.skewXY = v3Dot(row[0], row[1]);\n v3Combine(row[1], row[0], row[1], 1.0, -result.skewXY);\n\n // Now, compute Y scale and normalize 2nd row.\n result.scaleY = v3Length(row[1]);\n v3Scale(row[1], 1.0);\n result.skewXY /= result.scaleY;\n\n // Compute XZ and YZ shears, orthogonalize 3rd row.\n result.skewXZ = v3Dot(row[0], row[2]);\n v3Combine(row[2], row[0], row[2], 1.0, -result.skewXZ);\n result.skewYZ = v3Dot(row[1], row[2]);\n v3Combine(row[2], row[1], row[2], 1.0, -result.skewYZ);\n\n // Next, get Z scale and normalize 3rd row.\n result.scaleZ = v3Length(row[2]);\n v3Scale(row[2], 1.0);\n result.skewXZ /= result.scaleZ;\n result.skewYZ /= result.scaleZ;\n\n // At this point, the matrix (in rows[]) is orthonormal.\n // Check for a coordinate system flip. If the determinant\n // is -1, then negate the matrix and the scaling factors.\n pdum3 = v3Cross(row[1], row[2]);\n\n if (v3Dot(row[0], pdum3) < 0) {\n for (i = 0; i < 3; i++) {\n result.scaleX *= -1;\n row[i][0] *= -1;\n row[i][1] *= -1;\n row[i][2] *= -1;\n }\n }\n\n // Rotation (angles smaller then SMALL_NUMBER are zeroed)\n result.rotateY = rad2deg(asin(-row[0][2])) || 0;\n if (cos(result.rotateY) === 0) {\n result.rotateX = rad2deg(atan2(-row[2][0], row[1][1])) || 0;\n result.rotateZ = 0;\n } else {\n result.rotateX = rad2deg(atan2(row[1][2], row[2][2])) || 0;\n result.rotateZ = rad2deg(atan2(row[0][1], row[0][0])) || 0;\n }\n\n return result;\n };\n\n /* =========================================\n = Factory interface =\n =========================================*/\n\n var fCom = function(n, def) {\n // avoid scientific notation with toFixed\n var val = (n || def || 0);\n return String(val.toFixed(20));\n };\n\n var fPx = function(n, def) {\n return fCom(n, def) + 'px';\n };\n\n var fDeg = function(n, def) {\n return fCom(n, def) + 'deg';\n };\n\n return {\n fromCssMatrix: function(tr) {\n var M = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1]];\n\n // Just returns identity in case no transform is setup for the element\n if (tr && tr !== 'none') {\n var elems = tr.split('(')[1].split(')')[0].split(',').map(Number);\n\n // Is a 2d transform: matrix(a, b, c, d, tx, ty) is a shorthand\n // for matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1)\n if (tr.match(/^matrix\\(/)) {\n M[0][0] = elems[0];\n M[1][0] = elems[1];\n M[0][1] = elems[2];\n M[1][1] = elems[3];\n M[3][0] = elems[4];\n M[3][1] = elems[5];\n\n // Is a 3d transform, set elements by rows\n } else {\n for (var i = 0; i < 16; i++) {\n var row = floor(i / 4);\n var col = i % 4;\n M[row][col] = elems[i];\n }\n }\n }\n return decompose(M);\n },\n\n toCss: function(t) {\n //\n // Transforms are recomposed as a composition of:\n //\n // matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])\n // translate3d(translation[0], translation[1], translation[2])\n // rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])\n // matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)\n // matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)\n // matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)\n // scale3d(scale[0], scale[1], scale[2])\n //\n\n var perspective = [\n fCom(t.perspectiveX),\n fCom(t.perspectiveY),\n fCom(t.perspectiveZ),\n fCom(t.perspectiveW, 1)\n ];\n var translate = [\n fPx(t.translateX),\n fPx(t.translateY),\n fPx(t.translateZ)\n ];\n var scale = [\n fCom(t.scaleX),\n fCom(t.scaleY),\n fCom(t.scaleZ)\n ];\n var rotation = [\n fDeg(t.rotateX),\n fDeg(t.rotateY),\n fDeg(t.rotateZ)\n ];\n var skew = [\n fCom(t.skewXY),\n fCom(t.skewXZ),\n fCom(t.skewYZ)\n ];\n\n return [\n 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,' + perspective.join(',') + ')',\n 'translate3d(' + translate.join(',') + ')',\n 'rotateX(' + rotation[0] + ') rotateY(' + rotation[1] + ') rotateZ(' + rotation[2] + ')',\n 'matrix3d(1,0,0,0,0,1,0,0,0,' + skew[2] + ',1,0,0,0,0,1)',\n 'matrix3d(1,0,0,0,0,1,0,0,' + skew[1] + ',0,1,0,0,0,0,1)',\n 'matrix3d(1,0,0,0,' + skew[0] + ',1,0,0,0,0,1,0,0,0,0,1)',\n 'scale3d(' + scale.join(',') + ')'\n ].join(' ');\n },\n\n //\n // Returns a decomposition of the transform matrix applied\n // to `e`;\n //\n // NOTE: 2d matrices are translated to 3d matrices\n // before any other operation.\n //\n get: function(e) {\n return this.fromCssMatrix(getElementTransformProperty(e));\n },\n\n // Recompose a transform from decomposition `t` and apply it to element `e`\n set: function(e, t) {\n var str = (typeof t === 'string') ? t : this.toCss(t);\n setElementTransformProperty(e, str);\n }\n };\n });\n})();\n","/**\n * @module mobile-angular-ui.gestures\n * @position 100\n * @description\n *\n * It has directives and services to support `touch`, `swipe` and `drag` gestures.\n *\n * It does not need any `.css` to work.\n *\n * \n * \n * This module will not work with `ngTouch`\n * cause it is intended, among offering more features, to be a drop-in\n * replacement for it.\n *
\n * \n * Be aware that `ngTouch` is still not playing well with `fastclick.js` and its usage with `mobile-angular-ui` is currently discouraged anyway.\n *
\n * \n *\n * ## Usage\n *\n * `.gestures` module is not required by `mobile-angular-ui` module. It has no\n * dependency on other modules and is intended to be used alone with any other\n * angular framework.\n *\n * You have to include `mobile-angular-ui.gestures.min.js` to your project in order to use it. Ie.\n *\n * ``` html\n * \n * ```\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures']);\n * ```\n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.gestures', [\n 'mobile-angular-ui.gestures.drag',\n 'mobile-angular-ui.gestures.swipe',\n 'mobile-angular-ui.gestures.transform'\n ]);\n})();\n"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/js/mobile-angular-ui.js b/dist/js/mobile-angular-ui.js
index 1c1bd86..9cef46a 100644
--- a/dist/js/mobile-angular-ui.js
+++ b/dist/js/mobile-angular-ui.js
@@ -1,1885 +1,3782 @@
-/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
-(function( w, undefined ){
-
- var doc = w.document,
- docElem = doc.documentElement,
- enabledClassName = "overthrow-enabled",
+;(function () {
+ 'use strict';
- // Touch events are used in the polyfill, and thus are a prerequisite
- canBeFilledWithPoly = "ontouchmove" in doc,
-
- // The following attempts to determine whether the browser has native overflow support
- // so we can enable it but not polyfill
- nativeOverflow =
- // Features-first. iOS5 overflow scrolling property check - no UA needed here. thanks Apple :)
- "WebkitOverflowScrolling" in docElem.style ||
- // Test the windows scrolling property as well
- "msOverflowStyle" in docElem.style ||
- // Touch events aren't supported and screen width is greater than X
- // ...basically, this is a loose "desktop browser" check.
- // It may wrongly opt-in very large tablets with no touch support.
- ( !canBeFilledWithPoly && w.screen.width > 800 ) ||
- // Hang on to your hats.
- // Whitelist some popular, overflow-supporting mobile browsers for now and the future
- // These browsers are known to get overlow support right, but give us no way of detecting it.
- (function(){
- var ua = w.navigator.userAgent,
- // Webkit crosses platforms, and the browsers on our list run at least version 534
- webkit = ua.match( /AppleWebKit\/([0-9]+)/ ),
- wkversion = webkit && webkit[1],
- wkLte534 = webkit && wkversion >= 534;
-
- return (
- /* Android 3+ with webkit gte 534
- ~: Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13 */
- ua.match( /Android ([0-9]+)/ ) && RegExp.$1 >= 3 && wkLte534 ||
- /* Blackberry 7+ with webkit gte 534
- ~: Mozilla/5.0 (BlackBerry; U; BlackBerry 9900; en-US) AppleWebKit/534.11+ (KHTML, like Gecko) Version/7.0.0 Mobile Safari/534.11+ */
- ua.match( / Version\/([0-9]+)/ ) && RegExp.$1 >= 0 && w.blackberry && wkLte534 ||
- /* Blackberry Playbook with webkit gte 534
- ~: Mozilla/5.0 (PlayBook; U; RIM Tablet OS 1.0.0; en-US) AppleWebKit/534.8+ (KHTML, like Gecko) Version/0.0.1 Safari/534.8+ */
- ua.indexOf( "PlayBook" ) > -1 && wkLte534 && !ua.indexOf( "Android 2" ) === -1 ||
- /* Firefox Mobile (Fennec) 4 and up
- ~: Mozilla/5.0 (Mobile; rv:15.0) Gecko/15.0 Firefox/15.0 */
- ua.match(/Firefox\/([0-9]+)/) && RegExp.$1 >= 4 ||
- /* WebOS 3 and up (TouchPad too)
- ~: Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.48 Safari/534.6 TouchPad/1.0 */
- ua.match( /wOSBrowser\/([0-9]+)/ ) && RegExp.$1 >= 233 && wkLte534 ||
- /* Nokia Browser N8
- ~: Mozilla/5.0 (Symbian/3; Series60/5.2 NokiaN8-00/012.002; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/533.4 (KHTML, like Gecko) NokiaBrowser/7.3.0 Mobile Safari/533.4 3gpp-gba
- ~: Note: the N9 doesn't have native overflow with one-finger touch. wtf */
- ua.match( /NokiaBrowser\/([0-9\.]+)/ ) && parseFloat(RegExp.$1) === 7.3 && webkit && wkversion >= 533
- );
- })();
+ /**
+ * @preserve FastClick: polyfill to remove click delays on browsers with touch UIs.
+ *
+ * @codingstandard ftlabs-jsv2
+ * @copyright The Financial Times Limited [All Rights Reserved]
+ * @license MIT License (see LICENSE.txt)
+ */
- // Expose overthrow API
- w.overthrow = {};
+ /*jslint browser:true, node:true*/
+ /*global define, Event, Node*/
- w.overthrow.enabledClassName = enabledClassName;
- w.overthrow.addClass = function(){
- if( docElem.className.indexOf( w.overthrow.enabledClassName ) === -1 ){
- docElem.className += " " + w.overthrow.enabledClassName;
+ /**
+ * Instantiate fast-clicking listeners on the specified layer.
+ *
+ * @constructor
+ * @param {Element} layer The layer to listen on
+ * @param {Object} [options={}] The options to override the defaults
+ */
+ function FastClick(layer, options) {
+ var oldOnClick;
+
+ options = options || {};
+
+ /**
+ * Whether a click is currently being tracked.
+ *
+ * @type boolean
+ */
+ this.trackingClick = false;
+
+
+ /**
+ * Timestamp for when click tracking started.
+ *
+ * @type number
+ */
+ this.trackingClickStart = 0;
+
+
+ /**
+ * The element being tracked for a click.
+ *
+ * @type EventTarget
+ */
+ this.targetElement = null;
+
+
+ /**
+ * X-coordinate of touch start event.
+ *
+ * @type number
+ */
+ this.touchStartX = 0;
+
+
+ /**
+ * Y-coordinate of touch start event.
+ *
+ * @type number
+ */
+ this.touchStartY = 0;
+
+
+ /**
+ * ID of the last touch, retrieved from Touch.identifier.
+ *
+ * @type number
+ */
+ this.lastTouchIdentifier = 0;
+
+
+ /**
+ * Touchmove boundary, beyond which a click will be cancelled.
+ *
+ * @type number
+ */
+ this.touchBoundary = options.touchBoundary || 10;
+
+
+ /**
+ * The FastClick layer.
+ *
+ * @type Element
+ */
+ this.layer = layer;
+
+ /**
+ * The minimum time between tap(touchstart and touchend) events
+ *
+ * @type number
+ */
+ this.tapDelay = options.tapDelay || 200;
+
+ /**
+ * The maximum time for a tap
+ *
+ * @type number
+ */
+ this.tapTimeout = options.tapTimeout || 700;
+
+ if (FastClick.notNeeded(layer)) {
+ return;
+ }
+
+ // Some old versions of Android don't have Function.prototype.bind
+ function bind(method, context) {
+ return function() { return method.apply(context, arguments); };
+ }
+
+
+ var methods = ['onMouse', 'onClick', 'onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'];
+ var context = this;
+ for (var i = 0, l = methods.length; i < l; i++) {
+ context[methods[i]] = bind(context[methods[i]], context);
+ }
+
+ // Set up event handlers as required
+ if (deviceIsAndroid) {
+ layer.addEventListener('mouseover', this.onMouse, true);
+ layer.addEventListener('mousedown', this.onMouse, true);
+ layer.addEventListener('mouseup', this.onMouse, true);
+ }
+
+ layer.addEventListener('click', this.onClick, true);
+ layer.addEventListener('touchstart', this.onTouchStart, false);
+ layer.addEventListener('touchmove', this.onTouchMove, false);
+ layer.addEventListener('touchend', this.onTouchEnd, false);
+ layer.addEventListener('touchcancel', this.onTouchCancel, false);
+
+ // Hack is required for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
+ // which is how FastClick normally stops click events bubbling to callbacks registered on the FastClick
+ // layer when they are cancelled.
+ if (!Event.prototype.stopImmediatePropagation) {
+ layer.removeEventListener = function(type, callback, capture) {
+ var rmv = Node.prototype.removeEventListener;
+ if (type === 'click') {
+ rmv.call(layer, type, callback.hijacked || callback, capture);
+ } else {
+ rmv.call(layer, type, callback, capture);
+ }
+ };
+
+ layer.addEventListener = function(type, callback, capture) {
+ var adv = Node.prototype.addEventListener;
+ if (type === 'click') {
+ adv.call(layer, type, callback.hijacked || (callback.hijacked = function(event) {
+ if (!event.propagationStopped) {
+ callback(event);
+ }
+ }), capture);
+ } else {
+ adv.call(layer, type, callback, capture);
+ }
+ };
+ }
+
+ // If a handler is already declared in the element's onclick attribute, it will be fired before
+ // FastClick's onClick handler. Fix this by pulling out the user-defined handler function and
+ // adding it as listener.
+ if (typeof layer.onclick === 'function') {
+
+ // Android browser on at least 3.2 requires a new reference to the function in layer.onclick
+ // - the old one won't work if passed to addEventListener directly.
+ oldOnClick = layer.onclick;
+ layer.addEventListener('click', function(event) {
+ oldOnClick(event);
+ }, false);
+ layer.onclick = null;
+ }
+ }
+
+ /**
+ * Windows Phone 8.1 fakes user agent string to look like Android and iPhone.
+ *
+ * @type boolean
+ */
+ var deviceIsWindowsPhone = navigator.userAgent.indexOf("Windows Phone") >= 0;
+
+ /**
+ * Android requires exceptions.
+ *
+ * @type boolean
+ */
+ var deviceIsAndroid = navigator.userAgent.indexOf('Android') > 0 && !deviceIsWindowsPhone;
+
+
+ /**
+ * iOS requires exceptions.
+ *
+ * @type boolean
+ */
+ var deviceIsIOS = /iP(ad|hone|od)/.test(navigator.userAgent) && !deviceIsWindowsPhone;
+
+
+ /**
+ * iOS 4 requires an exception for select elements.
+ *
+ * @type boolean
+ */
+ var deviceIsIOS4 = deviceIsIOS && (/OS 4_\d(_\d)?/).test(navigator.userAgent);
+
+
+ /**
+ * iOS 6.0-7.* requires the target element to be manually derived
+ *
+ * @type boolean
+ */
+ var deviceIsIOSWithBadTarget = deviceIsIOS && (/OS [6-7]_\d/).test(navigator.userAgent);
+
+ /**
+ * BlackBerry requires exceptions.
+ *
+ * @type boolean
+ */
+ var deviceIsBlackBerry10 = navigator.userAgent.indexOf('BB10') > 0;
+
+ /**
+ * Determine whether a given element requires a native click.
+ *
+ * @param {EventTarget|Element} target Target DOM element
+ * @returns {boolean} Returns true if the element needs a native click
+ */
+ FastClick.prototype.needsClick = function(target) {
+ switch (target.nodeName.toLowerCase()) {
+
+ // Don't send a synthetic click to disabled inputs (issue #62)
+ case 'button':
+ case 'select':
+ case 'textarea':
+ if (target.disabled) {
+ return true;
+ }
+
+ break;
+ case 'input':
+
+ // File inputs need real clicks on iOS 6 due to a browser bug (issue #68)
+ if ((deviceIsIOS && target.type === 'file') || target.disabled) {
+ return true;
+ }
+
+ break;
+ case 'label':
+ case 'iframe': // iOS8 homescreen apps can prevent events bubbling into frames
+ case 'video':
+ return true;
}
+
+ return (/\bneedsclick\b/).test(target.className);
};
- w.overthrow.removeClass = function(){
- docElem.className = docElem.className.replace( w.overthrow.enabledClassName, "" );
+
+ /**
+ * Determine whether a given element requires a call to focus to simulate click into element.
+ *
+ * @param {EventTarget|Element} target Target DOM element
+ * @returns {boolean} Returns true if the element requires a call to focus to simulate native click.
+ */
+ FastClick.prototype.needsFocus = function(target) {
+ switch (target.nodeName.toLowerCase()) {
+ case 'textarea':
+ return true;
+ case 'select':
+ return !deviceIsAndroid;
+ case 'input':
+ switch (target.type) {
+ case 'button':
+ case 'checkbox':
+ case 'file':
+ case 'image':
+ case 'radio':
+ case 'submit':
+ return false;
+ }
+
+ // No point in attempting to focus disabled inputs
+ return !target.disabled && !target.readOnly;
+ default:
+ return (/\bneedsfocus\b/).test(target.className);
+ }
};
- // Enable and potentially polyfill overflow
- w.overthrow.set = function(){
-
- // If nativeOverflow or at least the element canBeFilledWithPoly, add a class to cue CSS that assumes overflow scrolling will work (setting height on elements and such)
- if( nativeOverflow ){
- w.overthrow.addClass();
+
+ /**
+ * Send a click event to the specified element.
+ *
+ * @param {EventTarget|Element} targetElement
+ * @param {Event} event
+ */
+ FastClick.prototype.sendClick = function(targetElement, event) {
+ var clickEvent, touch;
+
+ // On some Android devices activeElement needs to be blurred otherwise the synthetic click will have no effect (#24)
+ if (document.activeElement && document.activeElement !== targetElement) {
+ document.activeElement.blur();
}
+ touch = event.changedTouches[0];
+
+ // Synthesise a click event, with an extra attribute so it can be tracked
+ clickEvent = document.createEvent('MouseEvents');
+ clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
+ clickEvent.forwardedTouchEvent = true;
+ targetElement.dispatchEvent(clickEvent);
};
- // expose polyfillable
- w.overthrow.canBeFilledWithPoly = canBeFilledWithPoly;
+ FastClick.prototype.determineEventType = function(targetElement) {
- // Destroy everything later. If you want to.
- w.overthrow.forget = function(){
+ //Issue #159: Android Chrome Select Box does not open with a synthetic click event
+ if (deviceIsAndroid && targetElement.tagName.toLowerCase() === 'select') {
+ return 'mousedown';
+ }
- w.overthrow.removeClass();
-
+ return 'click';
};
-
- // Expose overthrow API
- w.overthrow.support = nativeOverflow ? "native" : "none";
-
-})( this );
-/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
-(function( w, undefined ){
-
- // Auto-init
- w.overthrow.set();
-}( this ));
-/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
-(function( w, o, undefined ){
+ /**
+ * @param {EventTarget|Element} targetElement
+ */
+ FastClick.prototype.focus = function(targetElement) {
+ var length;
- // o is overthrow reference from overthrow-polyfill.js
- if( o === undefined ){
- return;
- }
+ // Issue #160: on iOS 7, some input elements (e.g. date datetime month) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug #15122724.
+ if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {
+ length = targetElement.value.length;
+ targetElement.setSelectionRange(length, length);
+ } else {
+ targetElement.focus();
+ }
+ };
- o.scrollIndicatorClassName = "overthrow";
-
- var doc = w.document,
- docElem = doc.documentElement,
- // o api
- nativeOverflow = o.support === "native",
- canBeFilledWithPoly = o.canBeFilledWithPoly,
- configure = o.configure,
- set = o.set,
- forget = o.forget,
- scrollIndicatorClassName = o.scrollIndicatorClassName;
- // find closest overthrow (elem or a parent)
- o.closest = function( target, ascend ){
- return !ascend && target.className && target.className.indexOf( scrollIndicatorClassName ) > -1 && target || o.closest( target.parentNode );
+ /**
+ * Check whether the given target element is a child of a scrollable layer and if so, set a flag on it.
+ *
+ * @param {EventTarget|Element} targetElement
+ */
+ FastClick.prototype.updateScrollParent = function(targetElement) {
+ var scrollParent, parentElement;
+
+ scrollParent = targetElement.fastClickScrollParent;
+
+ // Attempt to discover whether the target element is contained within a scrollable layer. Re-check if the
+ // target element was moved to another parent.
+ if (!scrollParent || !scrollParent.contains(targetElement)) {
+ parentElement = targetElement;
+ do {
+ if (parentElement.scrollHeight > parentElement.offsetHeight) {
+ scrollParent = parentElement;
+ targetElement.fastClickScrollParent = parentElement;
+ break;
+ }
+
+ parentElement = parentElement.parentElement;
+ } while (parentElement);
+ }
+
+ // Always update the scroll top tracker if possible.
+ if (scrollParent) {
+ scrollParent.fastClickLastScrollTop = scrollParent.scrollTop;
+ }
};
-
- // polyfill overflow
- var enabled = false;
- o.set = function(){
-
- set();
- // If nativeOverflow or it doesn't look like the browser canBeFilledWithPoly, our job is done here. Exit viewport left.
- if( enabled || nativeOverflow || !canBeFilledWithPoly ){
- return;
+
+ /**
+ * @param {EventTarget} targetElement
+ * @returns {Element|EventTarget}
+ */
+ FastClick.prototype.getTargetElementFromEventTarget = function(eventTarget) {
+
+ // On some older browsers (notably Safari on iOS 4.1 - see issue #56) the event target may be a text node.
+ if (eventTarget.nodeType === Node.TEXT_NODE) {
+ return eventTarget.parentNode;
}
- w.overthrow.addClass();
+ return eventTarget;
+ };
- enabled = true;
- o.support = "polyfilled";
+ /**
+ * On touch start, record the position and scroll offset.
+ *
+ * @param {Event} event
+ * @returns {boolean}
+ */
+ FastClick.prototype.onTouchStart = function(event) {
+ var targetElement, touch, selection;
- o.forget = function(){
- forget();
- enabled = false;
- // Remove touch binding (check for method support since this part isn't qualified by touch support like the rest)
- if( doc.removeEventListener ){
- doc.removeEventListener( "touchstart", start, false );
+ // Ignore multiple touches, otherwise pinch-to-zoom is prevented if both fingers are on the FastClick element (issue #111).
+ if (event.targetTouches.length > 1) {
+ return true;
+ }
+
+ targetElement = this.getTargetElementFromEventTarget(event.target);
+ touch = event.targetTouches[0];
+
+ if (deviceIsIOS) {
+
+ // Only trusted events will deselect text on iOS (issue #49)
+ selection = window.getSelection();
+ if (selection.rangeCount && !selection.isCollapsed) {
+ return true;
}
- };
- // Fill 'er up!
- // From here down, all logic is associated with touch scroll handling
- // elem references the overthrow element in use
- var elem,
-
- // The last several Y values are kept here
- lastTops = [],
-
- // The last several X values are kept here
- lastLefts = [],
-
- // lastDown will be true if the last scroll direction was down, false if it was up
- lastDown,
-
- // lastRight will be true if the last scroll direction was right, false if it was left
- lastRight,
-
- // For a new gesture, or change in direction, reset the values from last scroll
- resetVertTracking = function(){
- lastTops = [];
- lastDown = null;
- },
-
- resetHorTracking = function(){
- lastLefts = [];
- lastRight = null;
- },
-
- // On webkit, touch events hardly trickle through textareas and inputs
- // Disabling CSS pointer events makes sure they do, but it also makes the controls innaccessible
- // Toggling pointer events at the right moments seems to do the trick
- // Thanks Thomas Bachem http://stackoverflow.com/a/5798681 for the following
- inputs,
- setPointers = function( val ){
- inputs = elem.querySelectorAll( "textarea, input" );
- for( var i = 0, il = inputs.length; i < il; i++ ) {
- inputs[ i ].style.pointerEvents = val;
- }
- },
-
- // For nested overthrows, changeScrollTarget restarts a touch event cycle on a parent or child overthrow
- changeScrollTarget = function( startEvent, ascend ){
- if( doc.createEvent ){
- var newTarget = ( !ascend || ascend === undefined ) && elem.parentNode || elem.touchchild || elem,
- tEnd;
-
- if( newTarget !== elem ){
- tEnd = doc.createEvent( "HTMLEvents" );
- tEnd.initEvent( "touchend", true, true );
- elem.dispatchEvent( tEnd );
- newTarget.touchchild = elem;
- elem = newTarget;
- newTarget.dispatchEvent( startEvent );
- }
- }
- },
-
- // Touchstart handler
- // On touchstart, touchmove and touchend are freshly bound, and all three share a bunch of vars set by touchstart
- // Touchend unbinds them again, until next time
- start = function( e ){
-
- // Stop any throw in progress
- if( o.intercept ){
- o.intercept();
+ if (!deviceIsIOS4) {
+
+ // Weird things happen on iOS when an alert or confirm dialog is opened from a click event callback (issue #23):
+ // when the user next taps anywhere else on the page, new touchstart and touchend events are dispatched
+ // with the same identifier as the touch event that previously triggered the click that triggered the alert.
+ // Sadly, there is an issue on iOS 4 that causes some normal touch events to have the same identifier as an
+ // immediately preceeding touch event (issue #52), so this fix is unavailable on that platform.
+ // Issue 120: touch.identifier is 0 when Chrome dev tools 'Emulate touch events' is set with an iOS device UA string,
+ // which causes all touch events to be ignored. As this block only applies to iOS, and iOS identifiers are always long,
+ // random integers, it's safe to to continue if the identifier is 0 here.
+ if (touch.identifier && touch.identifier === this.lastTouchIdentifier) {
+ event.preventDefault();
+ return false;
}
-
- // Reset the distance and direction tracking
- resetVertTracking();
- resetHorTracking();
-
- elem = o.closest( e.target );
-
- if( !elem || elem === docElem || e.touches.length > 1 ){
- return;
- }
- setPointers( "none" );
- var touchStartE = e,
- scrollT = elem.scrollTop,
- scrollL = elem.scrollLeft,
- height = elem.offsetHeight,
- width = elem.offsetWidth,
- startY = e.touches[ 0 ].pageY,
- startX = e.touches[ 0 ].pageX,
- scrollHeight = elem.scrollHeight,
- scrollWidth = elem.scrollWidth,
-
- // Touchmove handler
- move = function( e ){
-
- var ty = scrollT + startY - e.touches[ 0 ].pageY,
- tx = scrollL + startX - e.touches[ 0 ].pageX,
- down = ty >= ( lastTops.length ? lastTops[ 0 ] : 0 ),
- right = tx >= ( lastLefts.length ? lastLefts[ 0 ] : 0 );
-
- // If there's room to scroll the current container, prevent the default window scroll
- if( ( ty > 0 && ty < scrollHeight - height ) || ( tx > 0 && tx < scrollWidth - width ) ){
- e.preventDefault();
- }
- // This bubbling is dumb. Needs a rethink.
- else {
- changeScrollTarget( touchStartE );
- }
-
- // If down and lastDown are inequal, the y scroll has changed direction. Reset tracking.
- if( lastDown && down !== lastDown ){
- resetVertTracking();
- }
-
- // If right and lastRight are inequal, the x scroll has changed direction. Reset tracking.
- if( lastRight && right !== lastRight ){
- resetHorTracking();
- }
-
- // remember the last direction in which we were headed
- lastDown = down;
- lastRight = right;
-
- // set the container's scroll
- elem.scrollTop = ty;
- elem.scrollLeft = tx;
-
- lastTops.unshift( ty );
- lastLefts.unshift( tx );
-
- if( lastTops.length > 3 ){
- lastTops.pop();
- }
- if( lastLefts.length > 3 ){
- lastLefts.pop();
- }
- },
-
- // Touchend handler
- end = function( e ){
+ this.lastTouchIdentifier = touch.identifier;
- // Bring the pointers back
- setPointers( "auto" );
- setTimeout( function(){
- setPointers( "none" );
- }, 450 );
- elem.removeEventListener( "touchmove", move, false );
- elem.removeEventListener( "touchend", end, false );
- };
-
- elem.addEventListener( "touchmove", move, false );
- elem.addEventListener( "touchend", end, false );
- };
-
- // Bind to touch, handle move and end within
- doc.addEventListener( "touchstart", start, false );
- };
-
-})( this, this.overthrow );
+ // If the target element is a child of a scrollable layer (using -webkit-overflow-scrolling: touch) and:
+ // 1) the user does a fling scroll on the scrollable layer
+ // 2) the user stops the fling scroll with another tap
+ // then the event.target of the last 'touchend' event will be the element that was under the user's finger
+ // when the fling scroll was started, causing FastClick to send a click event to that layer - unless a check
+ // is made to ensure that a parent layer was not scrolled before sending a synthetic click (issue #42).
+ this.updateScrollParent(targetElement);
+ }
+ }
-/**
- * @preserve FastClick: polyfill to remove click delays on browsers with touch UIs.
- *
- * @version 1.0.3
- * @codingstandard ftlabs-jsv2
- * @copyright The Financial Times Limited [All Rights Reserved]
- * @license MIT License (see LICENSE.txt)
- */
+ this.trackingClick = true;
+ this.trackingClickStart = event.timeStamp;
+ this.targetElement = targetElement;
-/*jslint browser:true, node:true*/
-/*global define, Event, Node*/
+ this.touchStartX = touch.pageX;
+ this.touchStartY = touch.pageY;
+ // Prevent phantom clicks on fast double-tap (issue #36)
+ if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
+ event.preventDefault();
+ }
-/**
- * Instantiate fast-clicking listeners on the specified layer.
- *
- * @constructor
- * @param {Element} layer The layer to listen on
- * @param {Object} options The options to override the defaults
- */
-function FastClick(layer, options) {
- 'use strict';
- var oldOnClick;
+ return true;
+ };
- options = options || {};
/**
- * Whether a click is currently being tracked.
+ * Based on a touchmove event object, check whether the touch has moved past a boundary since it started.
*
- * @type boolean
+ * @param {Event} event
+ * @returns {boolean}
*/
- this.trackingClick = false;
+ FastClick.prototype.touchHasMoved = function(event) {
+ var touch = event.changedTouches[0], boundary = this.touchBoundary;
+ if (Math.abs(touch.pageX - this.touchStartX) > boundary || Math.abs(touch.pageY - this.touchStartY) > boundary) {
+ return true;
+ }
- /**
- * Timestamp for when click tracking started.
- *
- * @type number
- */
- this.trackingClickStart = 0;
+ return false;
+ };
/**
- * The element being tracked for a click.
+ * Update the last position.
*
- * @type EventTarget
+ * @param {Event} event
+ * @returns {boolean}
*/
- this.targetElement = null;
+ FastClick.prototype.onTouchMove = function(event) {
+ if (!this.trackingClick) {
+ return true;
+ }
+ // If the touch has moved, cancel the click tracking
+ if (this.targetElement !== this.getTargetElementFromEventTarget(event.target) || this.touchHasMoved(event)) {
+ this.trackingClick = false;
+ this.targetElement = null;
+ }
- /**
- * X-coordinate of touch start event.
- *
- * @type number
- */
- this.touchStartX = 0;
+ return true;
+ };
/**
- * Y-coordinate of touch start event.
+ * Attempt to find the labelled control for the given label element.
*
- * @type number
+ * @param {EventTarget|HTMLLabelElement} labelElement
+ * @returns {Element|null}
*/
- this.touchStartY = 0;
-
+ FastClick.prototype.findControl = function(labelElement) {
- /**
- * ID of the last touch, retrieved from Touch.identifier.
- *
- * @type number
- */
- this.lastTouchIdentifier = 0;
+ // Fast path for newer browsers supporting the HTML5 control attribute
+ if (labelElement.control !== undefined) {
+ return labelElement.control;
+ }
+ // All browsers under test that support touch events also support the HTML5 htmlFor attribute
+ if (labelElement.htmlFor) {
+ return document.getElementById(labelElement.htmlFor);
+ }
- /**
- * Touchmove boundary, beyond which a click will be cancelled.
- *
- * @type number
- */
- this.touchBoundary = options.touchBoundary || 10;
+ // If no for attribute exists, attempt to retrieve the first labellable descendant element
+ // the list of which is defined here: http://www.w3.org/TR/html5/forms.html#category-label
+ return labelElement.querySelector('button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea');
+ };
/**
- * The FastClick layer.
+ * On touch end, determine whether to send a click event at once.
*
- * @type Element
+ * @param {Event} event
+ * @returns {boolean}
*/
- this.layer = layer;
+ FastClick.prototype.onTouchEnd = function(event) {
+ var forElement, trackingClickStart, targetTagName, scrollParent, touch, targetElement = this.targetElement;
- /**
- * The minimum time between tap(touchstart and touchend) events
- *
- * @type number
- */
- this.tapDelay = options.tapDelay || 200;
+ if (!this.trackingClick) {
+ return true;
+ }
- if (FastClick.notNeeded(layer)) {
- return;
- }
+ // Prevent phantom clicks on fast double-tap (issue #36)
+ if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
+ this.cancelNextClick = true;
+ return true;
+ }
- // Some old versions of Android don't have Function.prototype.bind
- function bind(method, context) {
- return function() { return method.apply(context, arguments); };
- }
+ if ((event.timeStamp - this.trackingClickStart) > this.tapTimeout) {
+ return true;
+ }
+ // Reset to prevent wrong click cancel on input (issue #156).
+ this.cancelNextClick = false;
- var methods = ['onMouse', 'onClick', 'onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'];
- var context = this;
- for (var i = 0, l = methods.length; i < l; i++) {
- context[methods[i]] = bind(context[methods[i]], context);
- }
+ this.lastClickTime = event.timeStamp;
- // Set up event handlers as required
- if (deviceIsAndroid) {
- layer.addEventListener('mouseover', this.onMouse, true);
- layer.addEventListener('mousedown', this.onMouse, true);
- layer.addEventListener('mouseup', this.onMouse, true);
- }
+ trackingClickStart = this.trackingClickStart;
+ this.trackingClick = false;
+ this.trackingClickStart = 0;
+
+ // On some iOS devices, the targetElement supplied with the event is invalid if the layer
+ // is performing a transition or scroll, and has to be re-detected manually. Note that
+ // for this to function correctly, it must be called *after* the event target is checked!
+ // See issue #57; also filed as rdar://13048589 .
+ if (deviceIsIOSWithBadTarget) {
+ touch = event.changedTouches[0];
+
+ // In certain cases arguments of elementFromPoint can be negative, so prevent setting targetElement to null
+ targetElement = document.elementFromPoint(touch.pageX - window.pageXOffset, touch.pageY - window.pageYOffset) || targetElement;
+ targetElement.fastClickScrollParent = this.targetElement.fastClickScrollParent;
+ }
- layer.addEventListener('click', this.onClick, true);
- layer.addEventListener('touchstart', this.onTouchStart, false);
- layer.addEventListener('touchmove', this.onTouchMove, false);
- layer.addEventListener('touchend', this.onTouchEnd, false);
- layer.addEventListener('touchcancel', this.onTouchCancel, false);
-
- // Hack is required for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
- // which is how FastClick normally stops click events bubbling to callbacks registered on the FastClick
- // layer when they are cancelled.
- if (!Event.prototype.stopImmediatePropagation) {
- layer.removeEventListener = function(type, callback, capture) {
- var rmv = Node.prototype.removeEventListener;
- if (type === 'click') {
- rmv.call(layer, type, callback.hijacked || callback, capture);
- } else {
- rmv.call(layer, type, callback, capture);
+ targetTagName = targetElement.tagName.toLowerCase();
+ if (targetTagName === 'label') {
+ forElement = this.findControl(targetElement);
+ if (forElement) {
+ this.focus(targetElement);
+ if (deviceIsAndroid) {
+ return false;
+ }
+
+ targetElement = forElement;
}
- };
+ } else if (this.needsFocus(targetElement)) {
- layer.addEventListener = function(type, callback, capture) {
- var adv = Node.prototype.addEventListener;
- if (type === 'click') {
- adv.call(layer, type, callback.hijacked || (callback.hijacked = function(event) {
- if (!event.propagationStopped) {
- callback(event);
- }
- }), capture);
- } else {
- adv.call(layer, type, callback, capture);
+ // Case 1: If the touch started a while ago (best guess is 100ms based on tests for issue #36) then focus will be triggered anyway. Return early and unset the target element reference so that the subsequent click will be allowed through.
+ // Case 2: Without this exception for input elements tapped when the document is contained in an iframe, then any inputted text won't be visible even though the value attribute is updated as the user types (issue #37).
+ if ((event.timeStamp - trackingClickStart) > 100 || (deviceIsIOS && window.top !== window && targetTagName === 'input')) {
+ this.targetElement = null;
+ return false;
}
- };
- }
- // If a handler is already declared in the element's onclick attribute, it will be fired before
- // FastClick's onClick handler. Fix this by pulling out the user-defined handler function and
- // adding it as listener.
- if (typeof layer.onclick === 'function') {
-
- // Android browser on at least 3.2 requires a new reference to the function in layer.onclick
- // - the old one won't work if passed to addEventListener directly.
- oldOnClick = layer.onclick;
- layer.addEventListener('click', function(event) {
- oldOnClick(event);
- }, false);
- layer.onclick = null;
- }
-}
+ this.focus(targetElement);
+ this.sendClick(targetElement, event);
+ // Select elements need the event to go through on iOS 4, otherwise the selector menu won't open.
+ // Also this breaks opening selects when VoiceOver is active on iOS6, iOS7 (and possibly others)
+ if (!deviceIsIOS || targetTagName !== 'select') {
+ this.targetElement = null;
+ event.preventDefault();
+ }
-/**
- * Android requires exceptions.
- *
- * @type boolean
- */
-var deviceIsAndroid = navigator.userAgent.indexOf('Android') > 0;
+ return false;
+ }
+ if (deviceIsIOS && !deviceIsIOS4) {
-/**
- * iOS requires exceptions.
- *
- * @type boolean
- */
-var deviceIsIOS = /iP(ad|hone|od)/.test(navigator.userAgent);
+ // Don't send a synthetic click event if the target element is contained within a parent layer that was scrolled
+ // and this tap is being used to stop the scrolling (usually initiated by a fling - issue #42).
+ scrollParent = targetElement.fastClickScrollParent;
+ if (scrollParent && scrollParent.fastClickLastScrollTop !== scrollParent.scrollTop) {
+ return true;
+ }
+ }
+ // Prevent the actual click from going though - unless the target node is marked as requiring
+ // real clicks or if it is in the whitelist in which case only non-programmatic clicks are permitted.
+ if (!this.needsClick(targetElement)) {
+ event.preventDefault();
+ this.sendClick(targetElement, event);
+ }
-/**
- * iOS 4 requires an exception for select elements.
- *
- * @type boolean
- */
-var deviceIsIOS4 = deviceIsIOS && (/OS 4_\d(_\d)?/).test(navigator.userAgent);
+ return false;
+ };
-/**
- * iOS 6.0(+?) requires the target element to be manually derived
- *
- * @type boolean
- */
-var deviceIsIOSWithBadTarget = deviceIsIOS && (/OS ([6-9]|\d{2})_\d/).test(navigator.userAgent);
+ /**
+ * On touch cancel, stop tracking the click.
+ *
+ * @returns {void}
+ */
+ FastClick.prototype.onTouchCancel = function() {
+ this.trackingClick = false;
+ this.targetElement = null;
+ };
-/**
- * BlackBerry requires exceptions.
- *
- * @type boolean
- */
-var deviceIsBlackBerry10 = navigator.userAgent.indexOf('BB10') > 0;
-/**
- * Determine whether a given element requires a native click.
- *
- * @param {EventTarget|Element} target Target DOM element
- * @returns {boolean} Returns true if the element needs a native click
- */
-FastClick.prototype.needsClick = function(target) {
- 'use strict';
- switch (target.nodeName.toLowerCase()) {
+ /**
+ * Determine mouse events which should be permitted.
+ *
+ * @param {Event} event
+ * @returns {boolean}
+ */
+ FastClick.prototype.onMouse = function(event) {
- // Don't send a synthetic click to disabled inputs (issue #62)
- case 'button':
- case 'select':
- case 'textarea':
- if (target.disabled) {
+ // If a target element was never set (because a touch event was never fired) allow the event
+ if (!this.targetElement) {
return true;
}
- break;
- case 'input':
+ if (event.forwardedTouchEvent) {
+ return true;
+ }
- // File inputs need real clicks on iOS 6 due to a browser bug (issue #68)
- if ((deviceIsIOS && target.type === 'file') || target.disabled) {
+ // Programmatically generated events targeting a specific element should be permitted
+ if (!event.cancelable) {
return true;
}
- break;
- case 'label':
- case 'video':
- return true;
- }
+ // Derive and check the target element to see whether the mouse event needs to be permitted;
+ // unless explicitly enabled, prevent non-touch click events from triggering actions,
+ // to prevent ghost/doubleclicks.
+ if (!this.needsClick(this.targetElement) || this.cancelNextClick) {
- return (/\bneedsclick\b/).test(target.className);
-};
+ // Prevent any user-added listeners declared on FastClick element from being fired.
+ if (event.stopImmediatePropagation) {
+ event.stopImmediatePropagation();
+ } else {
+ // Part of the hack for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
+ event.propagationStopped = true;
+ }
+
+ // Cancel the event
+ event.stopPropagation();
+ event.preventDefault();
-/**
- * Determine whether a given element requires a call to focus to simulate click into element.
- *
- * @param {EventTarget|Element} target Target DOM element
- * @returns {boolean} Returns true if the element requires a call to focus to simulate native click.
- */
-FastClick.prototype.needsFocus = function(target) {
- 'use strict';
- switch (target.nodeName.toLowerCase()) {
- case 'textarea':
- return true;
- case 'select':
- return !deviceIsAndroid;
- case 'input':
- switch (target.type) {
- case 'button':
- case 'checkbox':
- case 'file':
- case 'image':
- case 'radio':
- case 'submit':
return false;
}
- // No point in attempting to focus disabled inputs
- return !target.disabled && !target.readOnly;
- default:
- return (/\bneedsfocus\b/).test(target.className);
- }
-};
-
-
-/**
- * Send a click event to the specified element.
- *
- * @param {EventTarget|Element} targetElement
- * @param {Event} event
- */
-FastClick.prototype.sendClick = function(targetElement, event) {
- 'use strict';
- var clickEvent, touch;
-
- // On some Android devices activeElement needs to be blurred otherwise the synthetic click will have no effect (#24)
- if (document.activeElement && document.activeElement !== targetElement) {
- document.activeElement.blur();
- }
+ // If the mouse event is permitted, return true for the action to go through.
+ return true;
+ };
- touch = event.changedTouches[0];
- // Synthesise a click event, with an extra attribute so it can be tracked
- clickEvent = document.createEvent('MouseEvents');
- clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
- clickEvent.forwardedTouchEvent = true;
- targetElement.dispatchEvent(clickEvent);
-};
+ /**
+ * On actual clicks, determine whether this is a touch-generated click, a click action occurring
+ * naturally after a delay after a touch (which needs to be cancelled to avoid duplication), or
+ * an actual click which should be permitted.
+ *
+ * @param {Event} event
+ * @returns {boolean}
+ */
+ FastClick.prototype.onClick = function(event) {
+ var permitted;
-FastClick.prototype.determineEventType = function(targetElement) {
- 'use strict';
+ // It's possible for another FastClick-like library delivered with third-party code to fire a click event before FastClick does (issue #44). In that case, set the click-tracking flag back to false and return early. This will cause onTouchEnd to return early.
+ if (this.trackingClick) {
+ this.targetElement = null;
+ this.trackingClick = false;
+ return true;
+ }
- //Issue #159: Android Chrome Select Box does not open with a synthetic click event
- if (deviceIsAndroid && targetElement.tagName.toLowerCase() === 'select') {
- return 'mousedown';
- }
+ // Very odd behaviour on iOS (issue #18): if a submit element is present inside a form and the user hits enter in the iOS simulator or clicks the Go button on the pop-up OS keyboard the a kind of 'fake' click event will be triggered with the submit-type input element as the target.
+ if (event.target.type === 'submit' && event.detail === 0) {
+ return true;
+ }
- return 'click';
-};
+ permitted = this.onMouse(event);
+ // Only unset targetElement if the click is not permitted. This will ensure that the check for !targetElement in onMouse fails and the browser's click doesn't go through.
+ if (!permitted) {
+ this.targetElement = null;
+ }
-/**
- * @param {EventTarget|Element} targetElement
- */
-FastClick.prototype.focus = function(targetElement) {
- 'use strict';
- var length;
+ // If clicks are permitted, return true for the action to go through.
+ return permitted;
+ };
- // Issue #160: on iOS 7, some input elements (e.g. date datetime) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug #15122724.
- if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time') {
- length = targetElement.value.length;
- targetElement.setSelectionRange(length, length);
- } else {
- targetElement.focus();
- }
-};
+ /**
+ * Remove all FastClick's event listeners.
+ *
+ * @returns {void}
+ */
+ FastClick.prototype.destroy = function() {
+ var layer = this.layer;
-/**
- * Check whether the given target element is a child of a scrollable layer and if so, set a flag on it.
- *
- * @param {EventTarget|Element} targetElement
- */
-FastClick.prototype.updateScrollParent = function(targetElement) {
- 'use strict';
- var scrollParent, parentElement;
-
- scrollParent = targetElement.fastClickScrollParent;
-
- // Attempt to discover whether the target element is contained within a scrollable layer. Re-check if the
- // target element was moved to another parent.
- if (!scrollParent || !scrollParent.contains(targetElement)) {
- parentElement = targetElement;
- do {
- if (parentElement.scrollHeight > parentElement.offsetHeight) {
- scrollParent = parentElement;
- targetElement.fastClickScrollParent = parentElement;
- break;
- }
+ if (deviceIsAndroid) {
+ layer.removeEventListener('mouseover', this.onMouse, true);
+ layer.removeEventListener('mousedown', this.onMouse, true);
+ layer.removeEventListener('mouseup', this.onMouse, true);
+ }
- parentElement = parentElement.parentElement;
- } while (parentElement);
- }
+ layer.removeEventListener('click', this.onClick, true);
+ layer.removeEventListener('touchstart', this.onTouchStart, false);
+ layer.removeEventListener('touchmove', this.onTouchMove, false);
+ layer.removeEventListener('touchend', this.onTouchEnd, false);
+ layer.removeEventListener('touchcancel', this.onTouchCancel, false);
+ };
- // Always update the scroll top tracker if possible.
- if (scrollParent) {
- scrollParent.fastClickLastScrollTop = scrollParent.scrollTop;
- }
-};
+ /**
+ * Check whether FastClick is needed.
+ *
+ * @param {Element} layer The layer to listen on
+ */
+ FastClick.notNeeded = function(layer) {
+ var metaViewport;
+ var chromeVersion;
+ var blackberryVersion;
+ var firefoxVersion;
+
+ // Devices that don't support touch don't need FastClick
+ if (typeof window.ontouchstart === 'undefined') {
+ return true;
+ }
-/**
- * @param {EventTarget} targetElement
- * @returns {Element|EventTarget}
- */
-FastClick.prototype.getTargetElementFromEventTarget = function(eventTarget) {
- 'use strict';
+ // Chrome version - zero for other browsers
+ chromeVersion = +(/Chrome\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];
- // On some older browsers (notably Safari on iOS 4.1 - see issue #56) the event target may be a text node.
- if (eventTarget.nodeType === Node.TEXT_NODE) {
- return eventTarget.parentNode;
- }
+ if (chromeVersion) {
- return eventTarget;
-};
+ if (deviceIsAndroid) {
+ metaViewport = document.querySelector('meta[name=viewport]');
+ if (metaViewport) {
+ // Chrome on Android with user-scalable="no" doesn't need FastClick (issue #89)
+ if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
+ return true;
+ }
+ // Chrome 32 and above with width=device-width or less don't need FastClick
+ if (chromeVersion > 31 && document.documentElement.scrollWidth <= window.outerWidth) {
+ return true;
+ }
+ }
-/**
- * On touch start, record the position and scroll offset.
- *
- * @param {Event} event
- * @returns {boolean}
- */
-FastClick.prototype.onTouchStart = function(event) {
- 'use strict';
- var targetElement, touch, selection;
+ // Chrome desktop doesn't need FastClick (issue #15)
+ } else {
+ return true;
+ }
+ }
- // Ignore multiple touches, otherwise pinch-to-zoom is prevented if both fingers are on the FastClick element (issue #111).
- if (event.targetTouches.length > 1) {
- return true;
- }
+ if (deviceIsBlackBerry10) {
+ blackberryVersion = navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/);
- targetElement = this.getTargetElementFromEventTarget(event.target);
- touch = event.targetTouches[0];
+ // BlackBerry 10.3+ does not require Fastclick library.
+ // https://github.com/ftlabs/fastclick/issues/251
+ if (blackberryVersion[1] >= 10 && blackberryVersion[2] >= 3) {
+ metaViewport = document.querySelector('meta[name=viewport]');
- if (deviceIsIOS) {
+ if (metaViewport) {
+ // user-scalable=no eliminates click delay.
+ if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
+ return true;
+ }
+ // width=device-width (or less than device-width) eliminates click delay.
+ if (document.documentElement.scrollWidth <= window.outerWidth) {
+ return true;
+ }
+ }
+ }
+ }
- // Only trusted events will deselect text on iOS (issue #49)
- selection = window.getSelection();
- if (selection.rangeCount && !selection.isCollapsed) {
+ // IE10 with -ms-touch-action: none or manipulation, which disables double-tap-to-zoom (issue #97)
+ if (layer.style.msTouchAction === 'none' || layer.style.touchAction === 'manipulation') {
return true;
}
- if (!deviceIsIOS4) {
-
- // Weird things happen on iOS when an alert or confirm dialog is opened from a click event callback (issue #23):
- // when the user next taps anywhere else on the page, new touchstart and touchend events are dispatched
- // with the same identifier as the touch event that previously triggered the click that triggered the alert.
- // Sadly, there is an issue on iOS 4 that causes some normal touch events to have the same identifier as an
- // immediately preceeding touch event (issue #52), so this fix is unavailable on that platform.
- // Issue 120: touch.identifier is 0 when Chrome dev tools 'Emulate touch events' is set with an iOS device UA string,
- // which causes all touch events to be ignored. As this block only applies to iOS, and iOS identifiers are always long,
- // random integers, it's safe to to continue if the identifier is 0 here.
- if (touch.identifier && touch.identifier === this.lastTouchIdentifier) {
- event.preventDefault();
- return false;
- }
+ // Firefox version - zero for other browsers
+ firefoxVersion = +(/Firefox\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];
- this.lastTouchIdentifier = touch.identifier;
+ if (firefoxVersion >= 27) {
+ // Firefox 27+ does not have tap delay if the content is not zoomable - https://bugzilla.mozilla.org/show_bug.cgi?id=922896
- // If the target element is a child of a scrollable layer (using -webkit-overflow-scrolling: touch) and:
- // 1) the user does a fling scroll on the scrollable layer
- // 2) the user stops the fling scroll with another tap
- // then the event.target of the last 'touchend' event will be the element that was under the user's finger
- // when the fling scroll was started, causing FastClick to send a click event to that layer - unless a check
- // is made to ensure that a parent layer was not scrolled before sending a synthetic click (issue #42).
- this.updateScrollParent(targetElement);
+ metaViewport = document.querySelector('meta[name=viewport]');
+ if (metaViewport && (metaViewport.content.indexOf('user-scalable=no') !== -1 || document.documentElement.scrollWidth <= window.outerWidth)) {
+ return true;
+ }
}
- }
- this.trackingClick = true;
- this.trackingClickStart = event.timeStamp;
- this.targetElement = targetElement;
+ // IE11: prefixed -ms-touch-action is no longer supported and it's recomended to use non-prefixed version
+ // http://msdn.microsoft.com/en-us/library/windows/apps/Hh767313.aspx
+ if (layer.style.touchAction === 'none' || layer.style.touchAction === 'manipulation') {
+ return true;
+ }
- this.touchStartX = touch.pageX;
- this.touchStartY = touch.pageY;
+ return false;
+ };
- // Prevent phantom clicks on fast double-tap (issue #36)
- if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
- event.preventDefault();
- }
- return true;
-};
+ /**
+ * Factory method for creating a FastClick object
+ *
+ * @param {Element} layer The layer to listen on
+ * @param {Object} [options={}] The options to override the defaults
+ */
+ FastClick.attach = function(layer, options) {
+ return new FastClick(layer, options);
+ };
-/**
- * Based on a touchmove event object, check whether the touch has moved past a boundary since it started.
- *
- * @param {Event} event
- * @returns {boolean}
- */
-FastClick.prototype.touchHasMoved = function(event) {
- 'use strict';
- var touch = event.changedTouches[0], boundary = this.touchBoundary;
+ if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {
- if (Math.abs(touch.pageX - this.touchStartX) > boundary || Math.abs(touch.pageY - this.touchStartY) > boundary) {
- return true;
+ // AMD. Register as an anonymous module.
+ define(function() {
+ return FastClick;
+ });
+ } else if (typeof module !== 'undefined' && module.exports) {
+ module.exports = FastClick.attach;
+ module.exports.FastClick = FastClick;
+ } else {
+ window.FastClick = FastClick;
}
-
- return false;
-};
-
+}());
/**
- * Update the last position.
+ * @module mobile-angular-ui.core.activeLinks
+ * @description
*
- * @param {Event} event
- * @returns {boolean}
- */
-FastClick.prototype.onTouchMove = function(event) {
- 'use strict';
- if (!this.trackingClick) {
- return true;
- }
-
- // If the touch has moved, cancel the click tracking
- if (this.targetElement !== this.getTargetElementFromEventTarget(event.target) || this.touchHasMoved(event)) {
- this.trackingClick = false;
- this.targetElement = null;
- }
-
- return true;
-};
-
-
-/**
- * Attempt to find the labelled control for the given label element.
+ * `mobile-angular-ui.activeLinks` module sets up `.active` class for `a`
+ * elements those `href` attribute matches the current angular `$location` url.
+ * It takes care of excluding both search part and hash part from comparison.
*
- * @param {EventTarget|HTMLLabelElement} labelElement
- * @returns {Element|null}
+ * `.active` classes are added/removed each time one of `$locationChangeSuccess`
+ * or `$includeContentLoaded` is fired.
+ *
+ * ## Usage
+ *
+ * Just declare it as a dependency to your app unless you have already included
+ * one of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.activeLinks']);
+ * ```
+ *
+ * **NOTE:** if you are using it without Bootstrap you may need to add some css
+ * to your stylesheets to reflect the activation state of links. I.e.
+ *
+ * ``` css
+ * a.active {
+ * color: blue;
+ * }
+ * ```
*/
-FastClick.prototype.findControl = function(labelElement) {
- 'use strict';
-
- // Fast path for newer browsers supporting the HTML5 control attribute
- if (labelElement.control !== undefined) {
- return labelElement.control;
- }
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.core.activeLinks', [])
+ .provider('setupActiveLinks', ['$locationProvider', function($locationProvider) {
+ this.$get = [
+ '$document',
+ '$location',
+ function($document, $location) {
+ return function() {
+ var currentPath = $location.path();
+ var links = $document[0].links;
+
+ for (var i = 0; i < links.length; i++) {
+ var link = angular.element(links[i]);
+ var href = link.attr('href');
+
+ if (!href) {
+ return link.removeClass('active');
+ }
+
+ var html5Mode = $locationProvider.html5Mode().enabled;
+ if (!html5Mode) {
+ var linkPrefix = '#' + $locationProvider.hashPrefix();
+ if (href.slice(0, linkPrefix.length) === linkPrefix) {
+ href = href.slice(linkPrefix.length);
+ } else {
+ return link.removeClass('active');
+ }
+ }
- // All browsers under test that support touch events also support the HTML5 htmlFor attribute
- if (labelElement.htmlFor) {
- return document.getElementById(labelElement.htmlFor);
- }
+ if (href.charAt(0) !== '/') {
+ return link.removeClass('active');
+ }
- // If no for attribute exists, attempt to retrieve the first labellable descendant element
- // the list of which is defined here: http://www.w3.org/TR/html5/forms.html#category-label
- return labelElement.querySelector('button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea');
-};
+ href = href.split('#')[0].split('?')[0];
+ if (href === currentPath) {
+ link.addClass('active');
+ } else {
+ link.removeClass('active');
+ }
+ }
+ };
+ }];
+ }])
+ .run(['$rootScope', 'setupActiveLinks', function($rootScope, setupActiveLinks) {
+ $rootScope.$on('$locationChangeSuccess', setupActiveLinks);
+ $rootScope.$on('$includeContentLoaded', setupActiveLinks);
+ }]);
+})();
/**
- * On touch end, determine whether to send a click event at once.
+ * @module mobile-angular-ui.core.capture
+ * @description
+ *
+ * The `capture` module exposes directives to var you extract markup which can
+ * be used in other parts of a template using `uiContentFor` and `uiYieldTo`
+ * directives.
+ *
+ * It provides a way to move or clone a block of markup to other parts of the document.
+ *
+ * This method is particularly useful to setup parts of the layout within an
+ * angular view. Since blocks of html are transplanted within their original
+ * `$scope` is easy to create layout interactions depending on the context.
+ * Some tipical task you can accomplish with these directives are: _setup
+ * the navbar title depending on the view_ or _place a submit button for a
+ * form inside a navbar_.
+ *
+ * ## Usage
*
- * @param {Event} event
- * @returns {boolean}
+ * Declare it as a dependency to your app unless you have already included some
+ * of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui']);
+ * ```
+ *
+ * Or
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui']);
+ * ```
+ *
+ * Or
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.capture']);
+ * ```
+ *
+ * Use `ui-yield-to` as a placeholder.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ * - It has no dependency on Bootstrap.
+ * - It is not related to mobile apps only.
+ * - It is not requiring CSS support.
+ * - You can use it on any Angular Application and with any CSS framework.
+ *
+ *
+ *
+ * ## Standalone Usage
+ *
+ * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.
*
- * @param {Element} layer The layer to listen on
- * @param {Object} options The options to override the defaults
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.core']);
+ * ```
*/
-FastClick.attach = function(layer, options) {
- 'use strict';
- return new FastClick(layer, options);
-};
-
-
-if (typeof define == 'function' && typeof define.amd == 'object' && define.amd) {
-
- // AMD. Register as an anonymous module.
- define(function() {
- 'use strict';
- return FastClick;
- });
-} else if (typeof module !== 'undefined' && module.exports) {
- module.exports = FastClick.attach;
- module.exports.FastClick = FastClick;
-} else {
- window.FastClick = FastClick;
-}
-
-angular.module("mobile-angular-ui.active-links", []).run([
- "$rootScope", function($rootScope) {
- return angular.forEach(["$locationChangeSuccess", "$includeContentLoaded"], function(evtName) {
- return $rootScope.$on(evtName, function() {
- var newPath;
- newPath = window.location.href;
- angular.forEach(document.links, function(domLink) {
- var link;
- link = angular.element(domLink);
- if (domLink.href === newPath) {
- link.addClass("active");
- } else {
- link.removeClass("active");
- }
- return link = null;
- });
- return newPath = null;
- });
- });
- }
-]);
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.core', [
+ 'mobile-angular-ui.core.fastclick',
+ 'mobile-angular-ui.core.activeLinks',
+ 'mobile-angular-ui.core.capture',
+ 'mobile-angular-ui.core.outerClick',
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.touchmoveDefaults'
+ ]);
+})();
-angular.module("mobile-angular-ui.directives.capture", [])
+/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
+(function( w, undefined ){
+
+ var doc = w.document,
+ docElem = doc.documentElement,
+ enabledClassName = "overthrow-enabled",
-.run([
- "CaptureService", "$rootScope", function(CaptureService, $rootScope) {
- $rootScope.$on('$routeChangeStart', function() {
- CaptureService.resetAll();
- });
- }
-])
+ // Touch events are used in the polyfill, and thus are a prerequisite
+ canBeFilledWithPoly = "ontouchmove" in doc,
+
+ // The following attempts to determine whether the browser has native overflow support
+ // so we can enable it but not polyfill
+ nativeOverflow =
+ // Features-first. iOS5 overflow scrolling property check - no UA needed here. thanks Apple :)
+ "WebkitOverflowScrolling" in docElem.style ||
+ // Test the windows scrolling property as well
+ "msOverflowStyle" in docElem.style ||
+ // Touch events aren't supported and screen width is greater than X
+ // ...basically, this is a loose "desktop browser" check.
+ // It may wrongly opt-in very large tablets with no touch support.
+ ( !canBeFilledWithPoly && w.screen.width > 800 ) ||
+ // Hang on to your hats.
+ // Whitelist some popular, overflow-supporting mobile browsers for now and the future
+ // These browsers are known to get overlow support right, but give us no way of detecting it.
+ (function(){
+ var ua = w.navigator.userAgent,
+ // Webkit crosses platforms, and the browsers on our list run at least version 534
+ webkit = ua.match( /AppleWebKit\/([0-9]+)/ ),
+ wkversion = webkit && webkit[1],
+ wkLte534 = webkit && wkversion >= 534;
+
+ return (
+ /* Android 3+ with webkit gte 534
+ ~: Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13 */
+ ua.match( /Android ([0-9]+)/ ) && RegExp.$1 >= 3 && wkLte534 ||
+ /* Blackberry 7+ with webkit gte 534
+ ~: Mozilla/5.0 (BlackBerry; U; BlackBerry 9900; en-US) AppleWebKit/534.11+ (KHTML, like Gecko) Version/7.0.0 Mobile Safari/534.11+ */
+ ua.match( / Version\/([0-9]+)/ ) && RegExp.$1 >= 0 && w.blackberry && wkLte534 ||
+ /* Blackberry Playbook with webkit gte 534
+ ~: Mozilla/5.0 (PlayBook; U; RIM Tablet OS 1.0.0; en-US) AppleWebKit/534.8+ (KHTML, like Gecko) Version/0.0.1 Safari/534.8+ */
+ ua.indexOf( "PlayBook" ) > -1 && wkLte534 && !ua.indexOf( "Android 2" ) === -1 ||
+ /* Firefox Mobile (Fennec) 4 and up
+ ~: Mozilla/5.0 (Mobile; rv:15.0) Gecko/15.0 Firefox/15.0 */
+ ua.match(/Firefox\/([0-9]+)/) && RegExp.$1 >= 4 ||
+ /* WebOS 3 and up (TouchPad too)
+ ~: Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.48 Safari/534.6 TouchPad/1.0 */
+ ua.match( /wOSBrowser\/([0-9]+)/ ) && RegExp.$1 >= 233 && wkLte534 ||
+ /* Nokia Browser N8
+ ~: Mozilla/5.0 (Symbian/3; Series60/5.2 NokiaN8-00/012.002; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/533.4 (KHTML, like Gecko) NokiaBrowser/7.3.0 Mobile Safari/533.4 3gpp-gba
+ ~: Note: the N9 doesn't have native overflow with one-finger touch. wtf */
+ ua.match( /NokiaBrowser\/([0-9\.]+)/ ) && parseFloat(RegExp.$1) === 7.3 && webkit && wkversion >= 533
+ );
+ })();
-.factory("CaptureService", [
- "$compile", function($compile) {
- var yielders = {};
+ // Expose overthrow API
+ w.overthrow = {};
- return {
- resetAll: function() {
- for (name in yielders) {
- this.resetYielder(name);
- }
- },
-
- resetYielder: function(name) {
- var b = yielders[name];
- this.setContentFor(name, b.defaultContent, b.defaultScope);
- },
+ w.overthrow.enabledClassName = enabledClassName;
- putYielder: function(name, element, defaultScope, defaultContent) {
- var yielder = {};
- yielder.name = name;
- yielder.element = element;
- yielder.defaultContent = defaultContent || "";
- yielder.defaultScope = defaultScope;
- yielders[name] = yielder;
- },
+ w.overthrow.addClass = function(){
+ if( docElem.className.indexOf( w.overthrow.enabledClassName ) === -1 ){
+ docElem.className += " " + w.overthrow.enabledClassName;
+ }
+ };
- getYielder: function(name) {
- return yielders[name];
- },
+ w.overthrow.removeClass = function(){
+ docElem.className = docElem.className.replace( w.overthrow.enabledClassName, "" );
+ };
- removeYielder: function(name) {
- delete yielders[name];
- },
-
- setContentFor: function(name, content, scope) {
- var b = yielders[name];
- if (!b) {
- return;
- }
- b.element.html(content);
- $compile(b.element.contents())(scope);
- }
+ // Enable and potentially polyfill overflow
+ w.overthrow.set = function(){
+
+ // If nativeOverflow or at least the element canBeFilledWithPoly, add a class to cue CSS that assumes overflow scrolling will work (setting height on elements and such)
+ if( nativeOverflow ){
+ w.overthrow.addClass();
+ }
- };
- }
-])
+ };
-.directive("contentFor", [
- "CaptureService", function(CaptureService) {
- return {
- compile: function(tElem, tAttrs) {
- var rawContent = tElem.html();
- if(tAttrs.duplicate == null) {
- // no need to compile anything!
- tElem.html("");
- }
- return function postLink(scope, elem, attrs) {
- CaptureService.setContentFor(attrs.contentFor, rawContent, scope);
- if (attrs.duplicate == null) {
- elem.remove();
- }
- }
- }
- };
- }
-])
+ // expose polyfillable
+ w.overthrow.canBeFilledWithPoly = canBeFilledWithPoly;
-.directive("yieldTo", [
- "$compile", "CaptureService", function($compile, CaptureService) {
- return {
- link: function(scope, element, attr) {
- CaptureService.putYielder(attr.yieldTo, element, scope, element.html());
- element.contents().remove();
+ // Destroy everything later. If you want to.
+ w.overthrow.forget = function(){
- scope.$on('$destroy', function(){
- CaptureService.removeYielder(attr.yieldTo);
- });
- }
- };
- }
-]);
+ w.overthrow.removeClass();
+
+ };
+
+ // Expose overthrow API
+ w.overthrow.support = nativeOverflow ? "native" : "none";
+
+})( this );
-angular.module('mobile-angular-ui.directives.carousel', [])
+/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
+(function( w, undefined ){
+
+ // Auto-init
+ w.overthrow.set();
-.run(["$rootScope", function($rootScope) {
-
- $rootScope.carouselPrev = function(id) {
- $rootScope.$emit("mobile-angular-ui.carousel.prev", id);
- };
-
- $rootScope.carouselNext = function(id) {
- $rootScope.$emit("mobile-angular-ui.carousel.next", id);
- };
-
- var carouselItems = function(id) {
- var elem = angular.element(document.getElementById(id));
- var res = angular.element(elem.children()[0]).children();
- elem = null;
- return res;
- };
+}( this ));
+/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
+(function( w, o, undefined ){
- var findActiveItemIndex = function(items) {
- var idx = -1;
- var found = false;
+ // o is overthrow reference from overthrow-polyfill.js
+ if( o === undefined ){
+ return;
+ }
- for (var _i = 0; _i < items.length; _i++) {
- item = items[_i];
- idx += 1;
- if (angular.element(item).hasClass('active')) {
- found = true;
- break;
- }
- }
+ o.scrollIndicatorClassName = "overthrow";
+
+ var doc = w.document,
+ docElem = doc.documentElement,
+ // o api
+ nativeOverflow = o.support === "native",
+ canBeFilledWithPoly = o.canBeFilledWithPoly,
+ configure = o.configure,
+ set = o.set,
+ forget = o.forget,
+ scrollIndicatorClassName = o.scrollIndicatorClassName;
- if (found) {
- return idx;
- } else {
- return -1;
- }
+ // find closest overthrow (elem or a parent)
+ o.closest = function( target, ascend ){
+ return !ascend && target.className && target.className.indexOf( scrollIndicatorClassName ) > -1 && target || o.closest( target.parentNode );
+ };
+
+ // polyfill overflow
+ var enabled = false;
+ o.set = function(){
+
+ set();
- };
+ // If nativeOverflow or it doesn't look like the browser canBeFilledWithPoly, our job is done here. Exit viewport left.
+ if( enabled || nativeOverflow || !canBeFilledWithPoly ){
+ return;
+ }
+
+ w.overthrow.addClass();
+
+ enabled = true;
+
+ o.support = "polyfilled";
+
+ o.forget = function(){
+ forget();
+ enabled = false;
+ // Remove touch binding (check for method support since this part isn't qualified by touch support like the rest)
+ if( doc.removeEventListener ){
+ doc.removeEventListener( "touchstart", start, false );
+ }
+ };
+
+ // Fill 'er up!
+ // From here down, all logic is associated with touch scroll handling
+ // elem references the overthrow element in use
+ var elem,
+
+ // The last several Y values are kept here
+ lastTops = [],
+
+ // The last several X values are kept here
+ lastLefts = [],
+
+ // lastDown will be true if the last scroll direction was down, false if it was up
+ lastDown,
+
+ // lastRight will be true if the last scroll direction was right, false if it was left
+ lastRight,
+
+ // For a new gesture, or change in direction, reset the values from last scroll
+ resetVertTracking = function(){
+ lastTops = [];
+ lastDown = null;
+ },
+
+ resetHorTracking = function(){
+ lastLefts = [];
+ lastRight = null;
+ },
+
+ // On webkit, touch events hardly trickle through textareas and inputs
+ // Disabling CSS pointer events makes sure they do, but it also makes the controls innaccessible
+ // Toggling pointer events at the right moments seems to do the trick
+ // Thanks Thomas Bachem http://stackoverflow.com/a/5798681 for the following
+ inputs,
+ setPointers = function( val ){
+ inputs = elem.querySelectorAll( "textarea, input" );
+ for( var i = 0, il = inputs.length; i < il; i++ ) {
+ inputs[ i ].style.pointerEvents = val;
+ }
+ },
+
+ // For nested overthrows, changeScrollTarget restarts a touch event cycle on a parent or child overthrow
+ changeScrollTarget = function( startEvent, ascend ){
+ if( doc.createEvent ){
+ var newTarget = ( !ascend || ascend === undefined ) && elem.parentNode || elem.touchchild || elem,
+ tEnd;
+
+ if( newTarget !== elem ){
+ tEnd = doc.createEvent( "HTMLEvents" );
+ tEnd.initEvent( "touchend", true, true );
+ elem.dispatchEvent( tEnd );
+ newTarget.touchchild = elem;
+ elem = newTarget;
+ newTarget.dispatchEvent( startEvent );
+ }
+ }
+ },
+
+ // Touchstart handler
+ // On touchstart, touchmove and touchend are freshly bound, and all three share a bunch of vars set by touchstart
+ // Touchend unbinds them again, until next time
+ start = function( e ){
+
+ // Stop any throw in progress
+ if( o.intercept ){
+ o.intercept();
+ }
+
+ // Reset the distance and direction tracking
+ resetVertTracking();
+ resetHorTracking();
+
+ elem = o.closest( e.target );
+
+ if( !elem || elem === docElem || e.touches.length > 1 ){
+ return;
+ }
+
+ setPointers( "none" );
+ var touchStartE = e,
+ scrollT = elem.scrollTop,
+ scrollL = elem.scrollLeft,
+ height = elem.offsetHeight,
+ width = elem.offsetWidth,
+ startY = e.touches[ 0 ].pageY,
+ startX = e.touches[ 0 ].pageX,
+ scrollHeight = elem.scrollHeight,
+ scrollWidth = elem.scrollWidth,
+
+ // Touchmove handler
+ move = function( e ){
+
+ var ty = scrollT + startY - e.touches[ 0 ].pageY,
+ tx = scrollL + startX - e.touches[ 0 ].pageX,
+ down = ty >= ( lastTops.length ? lastTops[ 0 ] : 0 ),
+ right = tx >= ( lastLefts.length ? lastLefts[ 0 ] : 0 );
+
+ // If there's room to scroll the current container, prevent the default window scroll
+ if( ( ty > 0 && ty < scrollHeight - height ) || ( tx > 0 && tx < scrollWidth - width ) ){
+ e.preventDefault();
+ }
+ // This bubbling is dumb. Needs a rethink.
+ else {
+ changeScrollTarget( touchStartE );
+ }
+
+ // If down and lastDown are inequal, the y scroll has changed direction. Reset tracking.
+ if( lastDown && down !== lastDown ){
+ resetVertTracking();
+ }
+
+ // If right and lastRight are inequal, the x scroll has changed direction. Reset tracking.
+ if( lastRight && right !== lastRight ){
+ resetHorTracking();
+ }
+
+ // remember the last direction in which we were headed
+ lastDown = down;
+ lastRight = right;
+
+ // set the container's scroll
+ elem.scrollTop = ty;
+ elem.scrollLeft = tx;
+
+ lastTops.unshift( ty );
+ lastLefts.unshift( tx );
+
+ if( lastTops.length > 3 ){
+ lastTops.pop();
+ }
+ if( lastLefts.length > 3 ){
+ lastLefts.pop();
+ }
+ },
+
+ // Touchend handler
+ end = function( e ){
+
+ // Bring the pointers back
+ setPointers( "auto" );
+ setTimeout( function(){
+ setPointers( "none" );
+ }, 450 );
+ elem.removeEventListener( "touchmove", move, false );
+ elem.removeEventListener( "touchend", end, false );
+ };
+
+ elem.addEventListener( "touchmove", move, false );
+ elem.addEventListener( "touchend", end, false );
+ };
+
+ // Bind to touch, handle move and end within
+ doc.addEventListener( "touchstart", start, false );
+ };
+
+})( this, this.overthrow );
- $rootScope.$on("mobile-angular-ui.carousel.prev", function(e, id) {
- var items = carouselItems(id);
- var idx = findActiveItemIndex(items);
- var lastIdx = items.length - 1;
+/**
+ * This module will provide directives to create modals and overlays components.
+ *
+ * @module mobile-angular-ui.components.modals
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.components.modals', [])
+
+ /**
+ * A directive to create modals and overlays components.
+ *
+ * Modals are basically the same of Bootstrap 3 but you have to use uiSharedState
+ * with `ngIf/uiIf` or `ngHide/uiHide` to `activate/dismiss` it.
+ *
+ * By default both modals and overlay are made always showing up by
+ * css rule `.modal {display:block}`, so you can use it with
+ * `ngAnimate` and other angular directives in a simpler way.
+ *
+ * Overlay are a style of modal that looks more native in mobile devices providing a blurred
+ * overlay as background.
+ *
+ * You can create an overlay adding `.modal-overlay` class to a modal.
+ *
+ * ### Note
+ *
+ * For modals and overlays to cover the entire page you have to attach them
+ * as child of `body` element. To achieve this from a view is a common use for
+ * `contentFor/yieldTo` directives contained from
+ * [capture module](/docs/module:mobile-angular-ui/module:core/module:capture):
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * Then you can wrap your modals and overlays in `contentFor`:
+ *
+ * ``` html
+ *
+ * *
+ *
+ * ```
+ *
+ * **Example.** Create a Modal.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * **Example.** Create an Overlay.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * @directive modal
+ * @restrict C
+ */
+ .directive('modal', [
+ '$rootElement',
+ function($rootElement) {
+ return {
+ restrict: 'C',
+ link: function(scope, elem) {
+ $rootElement.addClass('has-modal');
+ elem.on('$destroy', function() {
+ $rootElement.removeClass('has-modal');
+ });
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-modal');
+ });
+
+ if (elem.hasClass('modal-overlay')) {
+ $rootElement.addClass('has-modal-overlay');
+ elem.on('$destroy', function() {
+ $rootElement.removeClass('has-modal-overlay');
+ });
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-modal-overlay');
+ });
+ }
+ }
+ };
+ }]);
+})();
- if (idx !== -1) {
- angular.element(items[idx]).removeClass("active");
- }
+/**
+ * @module mobile-angular-ui.components.navbars
+ * @description
+ *
+ * Bootstrap default navbars are awesome for responsive websites, but are not the
+ * best with a small screen. Also fixed positioning is yet not an option to create
+ * navbars standing in top or bottom of the screen.
+ *
+ * Mobile Angular Ui offers an alternative to bootstrap navbars that is more
+ * suitable for mobile.
+ *
+ * It uses scrollable areas to avoid scroll issues. In the following figure you can
+ * see the difference between fixed navbars and navbars with absolute positioning.
+ *
+ *
+ * 
+ *
+ *
+ * Here is the basic markup to achieve this.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * -
+ * {{item.name}}
+ *
+ *
+ *
+ *
+ * ```
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.components.scrollable',
+ ['mobile-angular-ui.core.touchmoveDefaults']);
+
+ var getTouchY = function(event) {
+ var touches = event.touches && event.touches.length ? event.touches : [event];
+ var e = (event.changedTouches && event.changedTouches[0]) ||
+ (event.originalEvent && event.originalEvent.changedTouches &&
+ event.originalEvent.changedTouches[0]) ||
+ touches[0].originalEvent || touches[0];
+
+ return e.clientY;
};
-})
-angular.module('mobile-angular-ui.directives.forms', [])
+ module.directive('scrollableContent', function() {
+ return {
+ restrict: 'C',
+ controller: ['$element', '$document', 'allowTouchmoveDefault', function($element, $document, allowTouchmoveDefault) {
+ var scrollableContent = $element[0];
+ var scrollable = $element.parent()[0];
+
+ // Handle nobounce behaviour
+ if ('ontouchmove' in $document[0]) {
+ var allowUp;
+ var allowDown;
+ var lastY;
+ var setupTouchstart = function(event) {
+ allowUp = (scrollableContent.scrollTop > 0);
+
+ allowDown = (scrollableContent.scrollTop < scrollableContent.scrollHeight - scrollableContent.clientHeight);
+ lastY = getTouchY(event);
+ };
-.directive("bsFormControl", function() {
- var bs_col_classes = {};
- var bs_col_sizes = ['xs', 'sm', 'md', 'lg'];
-
- for (var i = 0; i < bs_col_sizes.length; i++) {
- for (var j = 1; j <= 12; j++) {
- bs_col_classes['col-' + bs_col_sizes[i] + "-" + j] = true;
- }
- };
-
- function separeBsColClasses(clss) {
- var intersection = "";
- var difference = "";
-
- for (var i = 0; i < clss.length; i++) {
- var v = clss[i];
- if (v in bs_col_classes) {
- intersection += (v + " ");
- } else {
- difference += (v + " ");
+ $element.on('touchstart', setupTouchstart);
+ $element.on('$destroy', function() {
+ $element.off('touchstart');
+ });
+
+ allowTouchmoveDefault($element, function(event) {
+ var currY = getTouchY(event);
+ var up = (currY > lastY);
+ var down = !up;
+ lastY = currY;
+ return (up && allowUp) || (down && allowDown);
+ });
}
- }
- return {i: intersection.trim(), d: difference.trim()};
- }
+ this.scrollableContent = scrollableContent;
- return {
- replace: true,
- require: "ngModel",
- link: function(scope, elem, attrs) {
+ this.scrollTo = function(elementOrNumber, marginTop) {
+ marginTop = marginTop || 0;
- if (attrs.labelClass == null) {
- attrs.labelClass = "";
- }
-
- if (attrs.id == null) {
- attrs.id = attrs.ngModel.replace(".", "_") + "_input";
- }
-
- if ((elem[0].tagName == "SELECT") || ((elem[0].tagName == "INPUT" || elem[0].tagName == "TEXTAREA") && (attrs.type != "checkbox" && attrs.type != "radio"))) {
- elem.addClass("form-control");
- }
-
- var label = angular.element("");
- var w1 = angular.element("");
- var w2 = angular.element("");
-
- var labelColClasses = separeBsColClasses(attrs.labelClass.split(/\s+/));
- if (labelColClasses.i == "") {
- label.addClass("col-xs-12");
+ if (angular.isNumber(elementOrNumber)) {
+ scrollableContent.scrollTop = elementOrNumber - marginTop;
+ } else {
+ var target = angular.element(elementOrNumber)[0];
+ if ((!target.offsetParent) || target.offsetParent === scrollable) {
+ scrollableContent.scrollTop = target.offsetTop - marginTop;
+ } else {
+ // recursively subtract offsetTop from marginTop until it reaches scrollable element.
+ this.scrollTo(target.offsetParent, marginTop - target.offsetTop);
+ }
+ }
+ };
+ }],
+ link: function(scope, element) {
+ if (overthrow.support !== 'native') {
+ element.addClass('overthrow');
+ overthrow.forget();
+ overthrow.set();
+ }
}
- label.addClass(attrs.labelClass);
-
- var elemColClasses = separeBsColClasses(elem[0].className.split(/\s+/));
- elem.removeClass(elemColClasses.i);
- w2.addClass(elemColClasses.i);
- if (elemColClasses.i == "") {
- w2.addClass("col-xs-12");
+ };
+ });
+
+ angular.forEach(['input', 'textarea'], function(directiveName) {
+ module.directive(directiveName, ['$rootScope', '$timeout', function($rootScope, $timeout) {
+ return {
+ require: '?^^scrollableContent',
+ link: function(scope, elem, attrs, scrollable) {
+ // Workaround to avoid soft keyboard hiding inputs
+ elem.on('focus', function() {
+ if (scrollable && scrollable.scrollableContent) {
+ var h1 = scrollable.scrollableContent.offsetHeight;
+ $timeout(function() {
+ var h2 = scrollable.scrollableContent.offsetHeight;
+ //
+ // if scrollableContent height is reduced in half second
+ // since an input got focus we assume soft keyboard is showing.
+ //
+ if (h1 > h2) {
+ var marginTop = 10;
+ // if scrollableHeader is present increase the marginTop to compensate for scrollableHeader's height.
+ var scrollableHeader = scrollable.scrollableContent.parentElement.querySelector('.scrollable-header');
+ if (scrollableHeader) {
+ marginTop = (scrollableHeader.getBoundingClientRect().bottom - scrollableHeader.getBoundingClientRect().top) + marginTop;
+ }
+ scrollable.scrollTo(elem, marginTop);
+ }
+ }, 500);
+ }
+ });
+ }
+ };
+ }]);
+ });
+
+ /**
+ * @directive uiScrollTop
+ * @restrict A
+ *
+ * @param {expression} uiScrollTop The expression to be evaluated when scroll
+ * reaches top of element.
+ */
+
+ /**
+ * @directive uiScrollBottom
+ * @restrict A
+ *
+ * @param {expression} uiScrollBottom The expression to be evaluated when scroll
+ * reaches bottom of element.
+ */
+ angular.forEach(
+ {
+ uiScrollTop: function(elem) {
+ return elem.scrollTop === 0;
+ },
+ uiScrollBottom: function(elem) {
+ return elem.scrollHeight === elem.scrollTop + elem.clientHeight;
}
- elem.wrap(w1).wrap(w2);
- elem.parent().parent().prepend(label);
- elem.attr('id', attrs.id);
-
- label = w1 = w2 = labelColClasses = elemColClasses = null;
- }
- };
-})
-
-.directive("switch", function() {
- return {
- restrict: "EA",
- replace: true,
- scope: {
- model: "=ngModel",
- changeExpr: "@ngChange",
- disabled: "@"
},
- template: "",
- link: function(scope, elem, attrs) {
-
- elem.on('click tap', function(){
- if (attrs.disabled == null) {
- scope.model = !scope.model;
- scope.$apply();
+ function(reached, directiveName) {
+ module.directive(directiveName, [function() {
+ return {
+ restrict: 'A',
+ link: function(scope, elem, attrs) {
+ elem.on('scroll', function() {
+ /* If reached bottom */
+ if (reached(elem[0])) {
+ /* Do what is specified by onScrollBottom */
+ scope.$apply(function() {
+ scope.$eval(attrs[directiveName]);
+ });
+ }
+ });
+ }
+ };
+ }]);
+ });
- if (scope.changeExpr != null) {
- scope.$parent.$eval(scope.changeExpr);
+ /**
+ * @directive uiScrollableHeader
+ * @restrict C
+ */
+
+ /**
+ * @directive uiScrollableFooter
+ * @restrict C
+ */
+ angular.forEach({Top: 'scrollableHeader', Bottom: 'scrollableFooter'},
+ function(directiveName, side) {
+ module.directive(directiveName, [
+ '$window',
+ function($window) {
+ return {
+ restrict: 'C',
+ link: function(scope, element) {
+ var el = element[0];
+ var parentStyle = element.parent()[0].style;
+
+ var adjustParentPadding = function() {
+ var styles = $window.getComputedStyle(el);
+ var margin = parseInt(styles.marginTop, 10) + parseInt(styles.marginBottom, 10);
+ parentStyle['padding' + side] = el.offsetHeight + margin + 'px';
+ };
+
+ var interval = setInterval(adjustParentPadding, 30);
+
+ element.on('$destroy', function() {
+ parentStyle['padding' + side] = null;
+ clearInterval(interval);
+ interval = adjustParentPadding = element = null;
+ });
+ }
};
}
- });
-
- elem.addClass('switch-transition-enabled');
- }
- };
-});
-angular.module('mobile-angular-ui.directives.navbars', [])
-
-.directive('navbarAbsoluteTop', function() {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- elem.parent().addClass('has-navbar-top');
- }
- };
-})
-
-.directive('navbarAbsoluteBottom', function() {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- elem.parent().addClass('has-navbar-bottom');
- }
- };
-});
-angular.module('mobile-angular-ui.directives.overlay', []).directive('overlay', [
- "$compile", function($compile) {
- return {
- compile: function(tElem, tAttrs) {
- var rawContent = tElem.html();
- return function postLink(scope, elem, attrs) {
- var active = "";
- var body = rawContent;
- var id = attrs.overlay;
-
- if (attrs["default"] != null) {
- var active = "default='" + attrs["default"] + "'";
- }
-
- var html = "";
- elem.remove();
-
- var sameId = angular.element(document.getElementById(id));
+ ]);
+ });
+})();
- if (sameId.length > 0 && sameId.hasClass('overlay')) {
- sameId.remove();
+/**
+ * @module mobile-angular-ui.components.sidebars
+ *
+ * @description
+ *
+ * Sidebars can be placed either in left side or right side adding respectively
+ * `.sidebar-left` and `.sidebar-right` classes.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * #### Interacting with sidebars
+ *
+ * Under the hood sidebar uses `SharedState` exposing respective statuses:
+ * `uiSidebarLeft` and `uiSidebarRight` unless you define different state name
+ * through `id` attribute on sidebar elements.
+ *
+ * ``` html
+ * Toggle sidebar left
+ *
+ * Toggle sidebar right
+ * ```
+ *
+ * You can put `ui-turn-off='uiSidebarLeft'` or `ui-turn-off='uiSidebarLeft'`
+ * inside the sidebar to make it close after clicking links inside them.
+ *
+ * By default sidebar are closed by clicking/tapping outside them.
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module(
+ 'mobile-angular-ui.components.sidebars', [
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.outerClick'
+ ]
+ );
+
+ angular.forEach(['left', 'right'], function(side) {
+ var directiveName = 'sidebar' + side.charAt(0).toUpperCase() + side.slice(1);
+ var defaultStateName = 'ui' + directiveName.charAt(0).toUpperCase() + directiveName.slice(1);
+
+ module.directive(directiveName, [
+ '$rootElement',
+ 'SharedState',
+ 'bindOuterClick',
+ '$location',
+ function(
+ $rootElement,
+ SharedState,
+ bindOuterClick,
+ $location
+ ) {
+ return {
+ restrict: 'C',
+ link: function(scope, elem, attrs) {
+ var parentClass = 'has-sidebar-' + side;
+ var visibleClass = 'sidebar-' + side + '-visible';
+ var activeClass = 'sidebar-' + side + '-in';
+ var stateName = attrs.id ? attrs.id : defaultStateName;
+ var trackAsSearchParam = attrs.uiTrackAsSearchParam === '' || attrs.uiTrackAsSearchParam;
+
+ var outerClickCb = function() {
+ SharedState.turnOff(stateName);
+ };
+
+ var outerClickIf = function() {
+ return SharedState.isActive(stateName);
+ };
+
+ $rootElement.addClass(parentClass);
+ scope.$on('$destroy', function() {
+ $rootElement
+ .removeClass(parentClass);
+ $rootElement
+ .removeClass(visibleClass);
+ $rootElement
+ .removeClass(activeClass);
+ });
+
+ var defaultActive = attrs.active !== undefined && attrs.active !== 'false';
+ SharedState.initialize(scope, stateName, {defaultValue: defaultActive});
+
+ scope.$on('mobile-angular-ui.state.changed.' + stateName, function(e, active) {
+ if (trackAsSearchParam) {
+ $location.search(stateName, active || null);
+ }
+
+ if (active) {
+ $rootElement
+ .addClass(visibleClass);
+ $rootElement
+ .addClass(activeClass);
+ } else {
+ $rootElement
+ .removeClass(activeClass);
+ // Note: .removeClass(visibleClass) is called on 'mobile-angular-ui.app.transitionend'
+ }
+ });
+
+ scope.$on('$routeChangeSuccess', function() {
+ SharedState.turnOff(stateName);
+ });
+
+ scope.$on('$routeUpdate', function() {
+ if (trackAsSearchParam) {
+ if (($location.search())[stateName]) {
+ SharedState.turnOn(stateName);
+ } else {
+ SharedState.turnOff(stateName);
}
+ }
+ });
- body = angular.element(document.body);
- body.prepend($compile(html)(scope));
+ scope.$on('mobile-angular-ui.app.transitionend', function() {
+ if (!SharedState.isActive(stateName)) {
+ $rootElement.removeClass(visibleClass);
+ }
+ });
- if (attrs["default"] === "active") {
- body.addClass('overlay-in');
- }
+ if (attrs.closeOnOuterClicks !== 'false') {
+ bindOuterClick(scope, elem, outerClickCb, outerClickIf);
}
- }
- };
- }
-]);
-
-angular.module("mobile-angular-ui.directives.panels", [])
-
-.directive("bsPanel", function() {
- return {
- restrict: 'EA',
- replace: true,
- scope: false,
- transclude: true,
- link: function(scope, elem, attrs) {
- elem.removeAttr('title');
- },
- template: function(elems, attrs) {
- var heading = "";
- if (attrs.title) {
- heading = "\n \n " + attrs.title + "\n
\n";
- }
- return "\n " + heading + "\n \n \n \n";
- }
- };
-});
-angular.module('mobile-angular-ui.pointer-events', []).run([
- '$document', function($document) {
- return angular.element($document).on("click tap", function(e) {
- var target;
- target = angular.element(e.target);
- if (target.hasClass("disabled")) {
- e.preventDefault();
- e.stopPropagation();
- target = null;
- return false;
- } else {
- target = null;
- return true;
+ }
+ };
}
- });
- }
-]);
-
- // Provides a scrollable implementation based on Overthrow
- // Many thanks to pavei (https://github.com/pavei) to submit
- // basic implementation
+ ]);
+ });
-angular.module("mobile-angular-ui.scrollable", [])
-
-.directive("scrollableContent", [
- function() {
+ module.directive('app', ['$rootScope', function($rootScope) {
return {
- replace: false,
- restrict: "C",
- link: function(scope, element, attr) {
- if (overthrow.support !== "native") {
- element.addClass("overthrow");
- overthrow.forget();
- return overthrow.set();
- }
- }
- };
- }
-]);
-angular.module('mobile-angular-ui.directives.sidebars', [])
-
-.directive('sidebar', ['$document', '$rootScope', function($document, $rootScope) {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- var shouldCloseOnOuterClicks = true;
-
- if( attrs.closeOnOuterClicks == 'false' || attrs.closeOnOuterClicks == '0') {
- shouldCloseOnOuterClicks = false;
- }
+ restrict: 'C',
+ link: function(scope, element) {
- if (elem.hasClass('sidebar-left')) {
- elem.parent().addClass('has-sidebar-left');
- }
+ element.on('transitionend webkitTransitionEnd oTransitionEnd otransitionend', function() {
+ $rootScope.$broadcast('mobile-angular-ui.app.transitionend');
+ });
- if (elem.hasClass('sidebar-right')) {
- elem.parent().addClass('has-sidebar-right');
}
+ };
+ }]);
+})();
- var isAncestorOrSelf = function(element, target) {
- var parent = element;
-
- while (parent.length > 0) {
- if (parent[0] === target[0]) {
- parent = null;
- return true;
- }
- parent = parent.parent();
- }
-
- parent = null;
- return false;
- };
-
- var closeOnOuterClicks = function(e) {
- if(! isAncestorOrSelf(angular.element(e.target), elem)) {
- $rootScope.toggle(attrs.id, 'off');
- e.preventDefault()
- return false;
- }
- }
-
- var clearCb1 = angular.noop();
-
- if (shouldCloseOnOuterClicks) {
- clearCb1 = $rootScope.$on('mobile-angular-ui.toggle.toggled', function(e, id, active){
- if(id == attrs.id) {
- if(active) {
- setTimeout(function(){
- $document.on('click tap', closeOnOuterClicks);
- }, 300);
+/**
+ * A module with just a directive to create a switch input component.
+ *
+ * @module mobile-angular-ui.components.switch
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.components.switch', [])
+
+ /**
+ * @directive uiSwitch
+ * @restrict EA
+ * @requires ngModel
+ * @description
+ *
+ * The `ui-switch` directive (not to be confused with `ng-switch`) lets
+ * you create a toggle switch control bound to a boolean `ngModel` value.
+ *
+ *
+ * 
+ *
+ *
+ * It requires `ngModel`. It supports `ngChange` and `ngDisabled`.
+ *
+ * ``` html
+ * c||Math.abs(b.pageY-this.touchStartY)>c?!0:!1},FastClick.prototype.onTouchMove=function(a){"use strict";return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(a.target)||this.touchHasMoved(a))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},FastClick.prototype.findControl=function(a){"use strict";return void 0!==a.control?a.control:a.htmlFor?document.getElementById(a.htmlFor):a.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},FastClick.prototype.onTouchEnd=function(a){"use strict";var b,c,d,e,f,g=this.targetElement;if(!this.trackingClick)return!0;if(a.timeStamp-this.lastClickTime100||deviceIsIOS&&window.top!==window&&"input"===d?(this.targetElement=null,!1):(this.focus(g),this.sendClick(g,a),deviceIsIOS&&"select"===d||(this.targetElement=null,a.preventDefault()),!1);return deviceIsIOS&&!deviceIsIOS4&&(e=g.fastClickScrollParent,e&&e.fastClickLastScrollTop!==e.scrollTop)?!0:(this.needsClick(g)||(a.preventDefault(),this.sendClick(g,a)),!1)},FastClick.prototype.onTouchCancel=function(){"use strict";this.trackingClick=!1,this.targetElement=null},FastClick.prototype.onMouse=function(a){"use strict";return this.targetElement?a.forwardedTouchEvent?!0:a.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)?(a.stopImmediatePropagation?a.stopImmediatePropagation():a.propagationStopped=!0,a.stopPropagation(),a.preventDefault(),!1):!0:!0},FastClick.prototype.onClick=function(a){"use strict";var b;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===a.target.type&&0===a.detail?!0:(b=this.onMouse(a),b||(this.targetElement=null),b)},FastClick.prototype.destroy=function(){"use strict";var a=this.layer;deviceIsAndroid&&(a.removeEventListener("mouseover",this.onMouse,!0),a.removeEventListener("mousedown",this.onMouse,!0),a.removeEventListener("mouseup",this.onMouse,!0)),a.removeEventListener("click",this.onClick,!0),a.removeEventListener("touchstart",this.onTouchStart,!1),a.removeEventListener("touchmove",this.onTouchMove,!1),a.removeEventListener("touchend",this.onTouchEnd,!1),a.removeEventListener("touchcancel",this.onTouchCancel,!1)},FastClick.notNeeded=function(a){"use strict";var b,c,d;if("undefined"==typeof window.ontouchstart)return!0;if(c=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!deviceIsAndroid)return!0;if(b=document.querySelector("meta[name=viewport]")){if(-1!==b.content.indexOf("user-scalable=no"))return!0;if(c>31&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(deviceIsBlackBerry10&&(d=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/),d[1]>=10&&d[2]>=3&&(b=document.querySelector("meta[name=viewport]")))){if(-1!==b.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===a.style.msTouchAction?!0:!1},FastClick.attach=function(a,b){"use strict";return new FastClick(a,b)},"function"==typeof define&&"object"==typeof define.amd&&define.amd?define(function(){"use strict";return FastClick}):"undefined"!=typeof module&&module.exports?(module.exports=FastClick.attach,module.exports.FastClick=FastClick):window.FastClick=FastClick,angular.module("mobile-angular-ui.active-links",[]).run(["$rootScope",function(a){return angular.forEach(["$locationChangeSuccess","$includeContentLoaded"],function(b){return a.$on(b,function(){var a;return a=window.location.href,angular.forEach(document.links,function(b){var c;return c=angular.element(b),b.href===a?c.addClass("active"):c.removeClass("active"),c=null}),a=null})})}]),angular.module("mobile-angular-ui.directives.capture",[]).run(["CaptureService","$rootScope",function(a,b){b.$on("$routeChangeStart",function(){a.resetAll()})}]).factory("CaptureService",["$compile",function(a){var b={};return{resetAll:function(){for(name in b)this.resetYielder(name)},resetYielder:function(a){var c=b[a];this.setContentFor(a,c.defaultContent,c.defaultScope)},putYielder:function(a,c,d,e){var f={};f.name=a,f.element=c,f.defaultContent=e||"",f.defaultScope=d,b[a]=f},getYielder:function(a){return b[a]},removeYielder:function(a){delete b[a]},setContentFor:function(c,d,e){var f=b[c];f&&(f.element.html(d),a(f.element.contents())(e))}}}]).directive("contentFor",["CaptureService",function(a){return{compile:function(b,c){var d=b.html();return null==c.duplicate&&b.html(""),function(b,c,e){a.setContentFor(e.contentFor,d,b),null==e.duplicate&&c.remove()}}}}]).directive("yieldTo",["$compile","CaptureService",function(a,b){return{link:function(a,c,d){b.putYielder(d.yieldTo,c,a,c.html()),c.contents().remove(),a.$on("$destroy",function(){b.removeYielder(d.yieldTo)})}}}]),angular.module("mobile-angular-ui.directives.carousel",[]).run(["$rootScope",function(a){a.carouselPrev=function(b){a.$emit("mobile-angular-ui.carousel.prev",b)},a.carouselNext=function(b){a.$emit("mobile-angular-ui.carousel.next",b)};var b=function(a){var b=angular.element(document.getElementById(a)),c=angular.element(b.children()[0]).children();return b=null,c},c=function(a){for(var b=-1,c=!1,d=0;d=f?angular.element(e[g]).addClass("active"):angular.element(e[f-1]).addClass("active"),e=null,f=null,g=null}),a.$on("mobile-angular-ui.carousel.next",function(a,d){var e=b(d),f=c(e),g=e.length-1;-1!==f&&angular.element(e[f]).removeClass("active"),f===g?angular.element(e[0]).addClass("active"):angular.element(e[f+1]).addClass("active"),e=null,f=null,g=null})}]),angular.module("mobile-angular-ui.fastclick",[]).run(["$window","$document",function(a,b){a.addEventListener("load",function(){FastClick.attach(b[0].body)},!1)}]).directive("select",function(){return{replace:!1,restrict:"E",link:function(a,b){b.addClass("needsclick")}}}).directive("input",function(){return{replace:!1,restrict:"E",link:function(a,b){b.addClass("needsclick")}}}).directive("textarea",function(){return{replace:!1,restrict:"E",link:function(a,b){b.addClass("needsclick")}}}),angular.module("mobile-angular-ui.directives.forms",[]).directive("bsFormControl",function(){function a(a){for(var c="",d="",e=0;e=e;e++)b["col-"+c[d]+"-"+e]=!0;return{replace:!0,require:"ngModel",link:function(b,c,d){null==d.labelClass&&(d.labelClass=""),null==d.id&&(d.id=d.ngModel.replace(".","_")+"_input"),("SELECT"==c[0].tagName||("INPUT"==c[0].tagName||"TEXTAREA"==c[0].tagName)&&"checkbox"!=d.type&&"radio"!=d.type)&&c.addClass("form-control");var e=angular.element('"),f=angular.element(''),g=angular.element(''),h=a(d.labelClass.split(/\s+/));""==h.i&&e.addClass("col-xs-12"),e.addClass(d.labelClass);var i=a(c[0].className.split(/\s+/));c.removeClass(i.i),g.addClass(i.i),""==i.i&&g.addClass("col-xs-12"),c.wrap(f).wrap(g),c.parent().parent().prepend(e),c.attr("id",d.id),e=f=g=h=i=null}}}).directive("switch",function(){return{restrict:"EA",replace:!0,scope:{model:"=ngModel",changeExpr:"@ngChange",disabled:"@"},template:"",link:function(a,b,c){b.on("click tap",function(){null==c.disabled&&(a.model=!a.model,a.$apply(),null!=a.changeExpr&&a.$parent.$eval(a.changeExpr))}),b.addClass("switch-transition-enabled")}}}),angular.module("mobile-angular-ui.directives.navbars",[]).directive("navbarAbsoluteTop",function(){return{replace:!1,restrict:"C",link:function(a,b){b.parent().addClass("has-navbar-top")}}}).directive("navbarAbsoluteBottom",function(){return{replace:!1,restrict:"C",link:function(a,b){b.parent().addClass("has-navbar-bottom")}}}),angular.module("mobile-angular-ui.directives.overlay",[]).directive("overlay",["$compile",function(a){return{compile:function(b){var c=b.html();return function(b,d,e){var f="",g=c,h=e.overlay;if(null!=e["default"])var f="default='"+e["default"]+"'";var i='";d.remove();var j=angular.element(document.getElementById(h));j.length>0&&j.hasClass("overlay")&&j.remove(),g=angular.element(document.body),g.prepend(a(i)(b)),"active"===e["default"]&&g.addClass("overlay-in")}}}}]),angular.module("mobile-angular-ui.directives.panels",[]).directive("bsPanel",function(){return{restrict:"EA",replace:!0,scope:!1,transclude:!0,link:function(a,b){b.removeAttr("title")},template:function(a,b){var c="";return b.title&&(c='\n \n '+b.title+"\n
\n"),'\n '+c+'\n \n \n \n'}}}),angular.module("mobile-angular-ui.pointer-events",[]).run(["$document",function(a){return angular.element(a).on("click tap",function(a){var b;return b=angular.element(a.target),b.hasClass("disabled")?(a.preventDefault(),a.stopPropagation(),b=null,!1):(b=null,!0)})}]),angular.module("mobile-angular-ui.scrollable",[]).directive("scrollableContent",[function(){return{replace:!1,restrict:"C",link:function(a,b){return"native"!==overthrow.support?(b.addClass("overthrow"),overthrow.forget(),overthrow.set()):void 0}}}]),angular.module("mobile-angular-ui.directives.sidebars",[]).directive("sidebar",["$document","$rootScope",function(a,b){return{replace:!1,restrict:"C",link:function(c,d,e){var f=!0;("false"==e.closeOnOuterClicks||"0"==e.closeOnOuterClicks)&&(f=!1),d.hasClass("sidebar-left")&&d.parent().addClass("has-sidebar-left"),d.hasClass("sidebar-right")&&d.parent().addClass("has-sidebar-right");var g=function(a,b){for(var c=a;c.length>0;){if(c[0]===b[0])return c=null,!0;c=c.parent()}return c=null,!1},h=function(a){return g(angular.element(a.target),d)?void 0:(b.toggle(e.id,"off"),a.preventDefault(),!1)},i=angular.noop();f&&(i=b.$on("mobile-angular-ui.toggle.toggled",function(b,c,d){c==e.id&&(d?setTimeout(function(){a.on("click tap",h)},300):a.unbind("click tap",h))})),c.$on("$destroy",function(){i(),a.unbind("click tap",h)})}}}]),angular.module("mobile-angular-ui.directives.toggle",[]).factory("ToggleHelper",["$rootScope",function(a){return{events:{toggle:"mobile-angular-ui.toggle.toggle",toggleByClass:"mobile-angular-ui.toggle.toggleByClass",togglerLinked:"mobile-angular-ui.toggle.linked",toggleableToggled:"mobile-angular-ui.toggle.toggled"},commands:{alternate:"toggle",activate:"on",deactivate:"off"},toggle:function(b,c){null==c&&(c="toggle"),a.$emit(this.events.toggle,b,c)},toggleByClass:function(b,c){null==c&&(c="toggle"),a.$emit(this.events.toggleByClass,b,c)},notifyToggleState:function(b,c,d){a.$emit(this.events.toggleableToggled,c.id,d,c.exclusionGroup)},toggleStateChanged:function(a,b,c){this.updateElemClasses(a,b,c),this.notifyToggleState(a,b,c)},applyCommand:function(a,b){switch(a){case this.commands.activate:return!0;case this.commands.deactivate:return!1;case this.commands.alternate:return!b}},updateElemClasses:function(a,b,c){if(c){b.activeClass&&a.addClass(b.activeClass),b.inactiveClass&&a.removeClass(b.inactiveClass);var d=a.parent();b.parentActiveClass&&d.addClass(b.parentActiveClass),b.parentInactiveClass&&d.removeClass(b.parentInactiveClass)}else{b.inactiveClass&&a.addClass(b.inactiveClass),b.activeClass&&a.removeClass(b.activeClass);var d=a.parent();b.parentInactiveClass&&d.addClass(b.parentInactiveClass),b.parentActiveClass&&d.removeClass(b.parentActiveClass)}}}}]).run(["$rootScope","ToggleHelper",function(a,b){a.toggle=function(a,c){null==c&&(c="toggle"),b.toggle(a,c)},a.toggleByClass=function(a,c){null==c&&(c="toggle"),b.toggleByClass(a,c)}}]).directive("toggle",["$rootScope","ToggleHelper",function(a,b){return{restrict:"A",link:function(c,d,e){var f=e.toggle||b.commands.alternate,g=e.target,h=e.targetClass,i="true"===e.bubble||"1"===e.bubble||1===e.bubble||""===e.bubble||"bubble"===e.bubble;if(!g&&e.href&&(g=e.href.slice(1)),!g&&!h)throw"'target' or 'target-class' attribute required with 'toggle'";d.on("click tap",function(a){var c=angular.element(a.target);return c.hasClass("disabled")?void 0:(null!=g&&b.toggle(g,f),null!=h&&b.toggleByClass(h,f),i?!0:(a.preventDefault(),!1))});var j=a.$on(b.events.toggleableToggled,function(a,c,f){c===g&&b.updateElemClasses(d,e,f)});null!=g&&a.$emit(b.events.togglerLinked,g),c.$on("$destroy",j)}}}]).directive("toggleable",["$rootScope","ToggleHelper",function(a,b){return{restrict:"A",link:function(c,d,e){var f=!1;if(e["default"]){switch(e["default"]){case"active":f=!0;break;case"inactive":f=!1}b.toggleStateChanged(d,e,f)}var g=a.$on(b.events.toggle,function(a,c,g){var h;c===e.id&&(h=f,f=b.applyCommand(g,h),h!==f&&b.toggleStateChanged(d,e,f))}),h=a.$on(b.events.toggleByClass,function(a,c,g){var h;d.hasClass(c)&&(h=f,f=b.applyCommand(g,h),h!==f&&b.toggleStateChanged(d,e,f))}),i=a.$on(b.events.toggleableToggled,function(a,c,g,h){g&&e.id!==c&&e.exclusionGroup===h&&null!=e.exclusionGroup&&(f=!1,b.toggleStateChanged(d,e,f))}),j=a.$on(b.events.togglerLinked,function(a,c){e.id===c&&b.notifyToggleState(d,e,f)});c.$on("$destroy",function(){g(),h(),i(),j()})}}}]),angular.module("mobile-angular-ui",["mobile-angular-ui.pointer-events","mobile-angular-ui.active-links","mobile-angular-ui.fastclick","mobile-angular-ui.scrollable","mobile-angular-ui.directives.toggle","mobile-angular-ui.directives.overlay","mobile-angular-ui.directives.forms","mobile-angular-ui.directives.panels","mobile-angular-ui.directives.capture","mobile-angular-ui.directives.sidebars","mobile-angular-ui.directives.navbars","mobile-angular-ui.directives.carousel"]);
\ No newline at end of file
+!function(){"use strict";function e(t,o){function r(e,t){return function(){return e.apply(t,arguments)}}var i;if(o=o||{},this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=o.touchBoundary||10,this.layer=t,this.tapDelay=o.tapDelay||200,this.tapTimeout=o.tapTimeout||700,!e.notNeeded(t)){for(var a=["onMouse","onClick","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel"],c=this,u=0,l=a.length;l>u;u++)c[a[u]]=r(c[a[u]],c);n&&(t.addEventListener("mouseover",this.onMouse,!0),t.addEventListener("mousedown",this.onMouse,!0),t.addEventListener("mouseup",this.onMouse,!0)),t.addEventListener("click",this.onClick,!0),t.addEventListener("touchstart",this.onTouchStart,!1),t.addEventListener("touchmove",this.onTouchMove,!1),t.addEventListener("touchend",this.onTouchEnd,!1),t.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(t.removeEventListener=function(e,n,o){var r=Node.prototype.removeEventListener;"click"===e?r.call(t,e,n.hijacked||n,o):r.call(t,e,n,o)},t.addEventListener=function(e,n,o){var r=Node.prototype.addEventListener;"click"===e?r.call(t,e,n.hijacked||(n.hijacked=function(e){e.propagationStopped||n(e)}),o):r.call(t,e,n,o)}),"function"==typeof t.onclick&&(i=t.onclick,t.addEventListener("click",function(e){i(e)},!1),t.onclick=null)}}var t=navigator.userAgent.indexOf("Windows Phone")>=0,n=navigator.userAgent.indexOf("Android")>0&&!t,o=/iP(ad|hone|od)/.test(navigator.userAgent)&&!t,r=o&&/OS 4_\d(_\d)?/.test(navigator.userAgent),i=o&&/OS [6-7]_\d/.test(navigator.userAgent),a=navigator.userAgent.indexOf("BB10")>0;e.prototype.needsClick=function(e){switch(e.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(e.disabled)return!0;break;case"input":if(o&&"file"===e.type||e.disabled)return!0;break;case"label":case"iframe":case"video":return!0}return/\bneedsclick\b/.test(e.className)},e.prototype.needsFocus=function(e){switch(e.nodeName.toLowerCase()){case"textarea":return!0;case"select":return!n;case"input":switch(e.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!e.disabled&&!e.readOnly;default:return/\bneedsfocus\b/.test(e.className)}},e.prototype.sendClick=function(e,t){var n,o;document.activeElement&&document.activeElement!==e&&document.activeElement.blur(),o=t.changedTouches[0],n=document.createEvent("MouseEvents"),n.initMouseEvent(this.determineEventType(e),!0,!0,window,1,o.screenX,o.screenY,o.clientX,o.clientY,!1,!1,!1,!1,0,null),n.forwardedTouchEvent=!0,e.dispatchEvent(n)},e.prototype.determineEventType=function(e){return n&&"select"===e.tagName.toLowerCase()?"mousedown":"click"},e.prototype.focus=function(e){var t;o&&e.setSelectionRange&&0!==e.type.indexOf("date")&&"time"!==e.type&&"month"!==e.type?(t=e.value.length,e.setSelectionRange(t,t)):e.focus()},e.prototype.updateScrollParent=function(e){var t,n;if(t=e.fastClickScrollParent,!t||!t.contains(e)){n=e;do{if(n.scrollHeight>n.offsetHeight){t=n,e.fastClickScrollParent=n;break}n=n.parentElement}while(n)}t&&(t.fastClickLastScrollTop=t.scrollTop)},e.prototype.getTargetElementFromEventTarget=function(e){return e.nodeType===Node.TEXT_NODE?e.parentNode:e},e.prototype.onTouchStart=function(e){var t,n,i;if(e.targetTouches.length>1)return!0;if(t=this.getTargetElementFromEventTarget(e.target),n=e.targetTouches[0],o){if(i=window.getSelection(),i.rangeCount&&!i.isCollapsed)return!0;if(!r){if(n.identifier&&n.identifier===this.lastTouchIdentifier)return e.preventDefault(),!1;this.lastTouchIdentifier=n.identifier,this.updateScrollParent(t)}}return this.trackingClick=!0,this.trackingClickStart=e.timeStamp,this.targetElement=t,this.touchStartX=n.pageX,this.touchStartY=n.pageY,e.timeStamp-this.lastClickTimen||Math.abs(t.pageY-this.touchStartY)>n},e.prototype.onTouchMove=function(e){return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(e.target)||this.touchHasMoved(e))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},e.prototype.findControl=function(e){return void 0!==e.control?e.control:e.htmlFor?document.getElementById(e.htmlFor):e.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},e.prototype.onTouchEnd=function(e){var t,a,c,u,l,s=this.targetElement;if(!this.trackingClick)return!0;if(e.timeStamp-this.lastClickTimethis.tapTimeout)return!0;if(this.cancelNextClick=!1,this.lastClickTime=e.timeStamp,a=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,i&&(l=e.changedTouches[0],s=document.elementFromPoint(l.pageX-window.pageXOffset,l.pageY-window.pageYOffset)||s,s.fastClickScrollParent=this.targetElement.fastClickScrollParent),c=s.tagName.toLowerCase(),"label"===c){if(t=this.findControl(s)){if(this.focus(s),n)return!1;s=t}}else if(this.needsFocus(s))return e.timeStamp-a>100||o&&window.top!==window&&"input"===c?(this.targetElement=null,!1):(this.focus(s),this.sendClick(s,e),o&&"select"===c||(this.targetElement=null,e.preventDefault()),!1);return o&&!r&&(u=s.fastClickScrollParent,u&&u.fastClickLastScrollTop!==u.scrollTop)?!0:(this.needsClick(s)||(e.preventDefault(),this.sendClick(s,e)),!1)},e.prototype.onTouchCancel=function(){this.trackingClick=!1,this.targetElement=null},e.prototype.onMouse=function(e){return this.targetElement?e.forwardedTouchEvent?!0:e.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)?(e.stopImmediatePropagation?e.stopImmediatePropagation():e.propagationStopped=!0,e.stopPropagation(),e.preventDefault(),!1):!0:!0},e.prototype.onClick=function(e){var t;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===e.target.type&&0===e.detail?!0:(t=this.onMouse(e),t||(this.targetElement=null),t)},e.prototype.destroy=function(){var e=this.layer;n&&(e.removeEventListener("mouseover",this.onMouse,!0),e.removeEventListener("mousedown",this.onMouse,!0),e.removeEventListener("mouseup",this.onMouse,!0)),e.removeEventListener("click",this.onClick,!0),e.removeEventListener("touchstart",this.onTouchStart,!1),e.removeEventListener("touchmove",this.onTouchMove,!1),e.removeEventListener("touchend",this.onTouchEnd,!1),e.removeEventListener("touchcancel",this.onTouchCancel,!1)},e.notNeeded=function(e){var t,o,r,i;if("undefined"==typeof window.ontouchstart)return!0;if(o=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!n)return!0;if(t=document.querySelector("meta[name=viewport]")){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(o>31&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(a&&(r=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/),r[1]>=10&&r[2]>=3&&(t=document.querySelector("meta[name=viewport]")))){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===e.style.msTouchAction||"manipulation"===e.style.touchAction?!0:(i=+(/Firefox\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1],i>=27&&(t=document.querySelector("meta[name=viewport]"),t&&(-1!==t.content.indexOf("user-scalable=no")||document.documentElement.scrollWidth<=window.outerWidth))?!0:"none"===e.style.touchAction||"manipulation"===e.style.touchAction)},e.attach=function(t,n){return new e(t,n)},"function"==typeof define&&"object"==typeof define.amd&&define.amd?define(function(){return e}):"undefined"!=typeof module&&module.exports?(module.exports=e.attach,module.exports.FastClick=e):window.FastClick=e}(),function(){"use strict";angular.module("mobile-angular-ui.core.activeLinks",[]).provider("setupActiveLinks",["$locationProvider",function(e){this.$get=["$document","$location",function(t,n){return function(){for(var o=n.path(),r=t[0].links,i=0;i0;){if(n[0]===t[0])return n=null,!0;n=n.parent()}return n=null,!1}}).factory("bindOuterClick",["$document","$timeout","_mauiIsAncestorOrSelf",function(e,t,n){return function(o,r,i,a){var c=function(e){n(angular.element(e.target),r)||o.$apply(function(){i(o,{$event:e})})},u=angular.noop,l=null;a?u=o.$watch(a,function(n){t.cancel(l),n?l=t(function(){e.on("click tap",c)},0):e.unbind("click tap",c)}):(t.cancel(l),e.on("click tap",c)),o.$on("$destroy",function(){u(),e.unbind("click tap",c)})}}]).directive("uiOuterClick",["bindOuterClick","$parse",function(e,t){return{restrict:"A",compile:function(n,o){var r=t(o.uiOuterClick),i=o.uiOuterClickIf;return function(t,n){e(t,n,r,i)}}}}])}(),function(){"use strict";var e=angular.module("mobile-angular-ui.core.sharedState",[]);e.factory("SharedState",["$rootScope","$log",function(e,t){var n={},o={},r={},i={};return{initialize:function(t,a,c){c=c||{};var u=void 0===r[t],l=c.defaultValue,s=c.exclusionGroup;r[t.$id]=r[t.$id]||[],r[t.$id].push(a),o[a]?u&&o[a].references++:(o[a]=angular.extend({},c,{references:1}),e.$broadcast("mobile-angular-ui.state.initialized."+a,l),void 0!==l&&this.setOne(a,l),s&&(i[s]=i[s]||{},i[s][a]=!0)),t.$on("$destroy",function(){for(var c=r[t.$id]||[],u=0;u2||r.length<1)throw new Error('Error parsing uiScopeContext="'+e+'"');n.push(r)}return n},o=function(e,t,n){for(var o=0;o800||function(){var t=e.navigator.userAgent,n=t.match(/AppleWebKit\/([0-9]+)/),o=n&&n[1],r=n&&o>=534;return t.match(/Android ([0-9]+)/)&&RegExp.$1>=3&&r||t.match(/ Version\/([0-9]+)/)&&RegExp.$1>=0&&e.blackberry&&r||t.indexOf("PlayBook")>-1&&r&&-1===!t.indexOf("Android 2")||t.match(/Firefox\/([0-9]+)/)&&RegExp.$1>=4||t.match(/wOSBrowser\/([0-9]+)/)&&RegExp.$1>=233&&r||t.match(/NokiaBrowser\/([0-9\.]+)/)&&7.3===parseFloat(RegExp.$1)&&n&&o>=533}();e.overthrow={},e.overthrow.enabledClassName=r,e.overthrow.addClass=function(){-1===o.className.indexOf(e.overthrow.enabledClassName)&&(o.className+=" "+e.overthrow.enabledClassName)},e.overthrow.removeClass=function(){o.className=o.className.replace(e.overthrow.enabledClassName,"")},e.overthrow.set=function(){a&&e.overthrow.addClass()},e.overthrow.canBeFilledWithPoly=i,e.overthrow.forget=function(){e.overthrow.removeClass()},e.overthrow.support=a?"native":"none"}(this),function(e,t){e.overthrow.set()}(this),function(e,t,n){if(t!==n){t.scrollIndicatorClassName="overthrow";var o=e.document,r=o.documentElement,i="native"===t.support,a=t.canBeFilledWithPoly,c=(t.configure,t.set),u=t.forget,l=t.scrollIndicatorClassName;t.closest=function(e,n){return!n&&e.className&&e.className.indexOf(l)>-1&&e||t.closest(e.parentNode)};var s=!1;t.set=function(){if(c(),!s&&!i&&a){e.overthrow.addClass(),s=!0,t.support="polyfilled",t.forget=function(){u(),s=!1,o.removeEventListener&&o.removeEventListener("touchstart",E,!1)};var l,d,f,h,v=[],m=[],p=function(){v=[],d=null},g=function(){m=[],f=null},C=function(e){h=l.querySelectorAll("textarea, input");for(var t=0,n=h.length;n>t;t++)h[t].style.pointerEvents=e},k=function(e,t){if(o.createEvent){var r,i=(!t||t===n)&&l.parentNode||l.touchchild||l;i!==l&&(r=o.createEvent("HTMLEvents"),r.initEvent("touchend",!0,!0),l.dispatchEvent(r),i.touchchild=l,l=i,i.dispatchEvent(e))}},E=function(e){if(t.intercept&&t.intercept(),p(),g(),l=t.closest(e.target),l&&l!==r&&!(e.touches.length>1)){C("none");var n=e,o=l.scrollTop,i=l.scrollLeft,a=l.offsetHeight,c=l.offsetWidth,u=e.touches[0].pageY,s=e.touches[0].pageX,h=l.scrollHeight,E=l.scrollWidth,b=function(e){var t=o+u-e.touches[0].pageY,r=i+s-e.touches[0].pageX,C=t>=(v.length?v[0]:0),b=r>=(m.length?m[0]:0);t>0&&h-a>t||r>0&&E-c>r?e.preventDefault():k(n),d&&C!==d&&p(),f&&b!==f&&g(),d=C,f=b,l.scrollTop=t,l.scrollLeft=r,v.unshift(t),m.unshift(r),v.length>3&&v.pop(),m.length>3&&m.pop()},y=function(e){C("auto"),setTimeout(function(){C("none")},450),l.removeEventListener("touchmove",b,!1),l.removeEventListener("touchend",y,!1)};l.addEventListener("touchmove",b,!1),l.addEventListener("touchend",y,!1)}};o.addEventListener("touchstart",E,!1)}}}}(this,this.overthrow),function(){"use strict";angular.module("mobile-angular-ui.components.modals",[]).directive("modal",["$rootElement",function(e){return{restrict:"C",link:function(t,n){e.addClass("has-modal"),n.on("$destroy",function(){e.removeClass("has-modal")}),t.$on("$destroy",function(){e.removeClass("has-modal")}),n.hasClass("modal-overlay")&&(e.addClass("has-modal-overlay"),n.on("$destroy",function(){e.removeClass("has-modal-overlay")}),t.$on("$destroy",function(){e.removeClass("has-modal-overlay")}))}}}])}(),function(){"use strict";var e=angular.module("mobile-angular-ui.components.navbars",[]);angular.forEach(["top","bottom"],function(t){var n="navbarAbsolute"+t.charAt(0).toUpperCase()+t.slice(1);e.directive(n,["$rootElement",function(e){return{restrict:"C",link:function(n){e.addClass("has-navbar-"+t),n.$on("$destroy",function(){e.removeClass("has-navbar-"+t)})}}}])})}(),function(){"use strict";var e=angular.module("mobile-angular-ui.components.scrollable",["mobile-angular-ui.core.touchmoveDefaults"]),t=function(e){var t=e.touches&&e.touches.length?e.touches:[e],n=e.changedTouches&&e.changedTouches[0]||e.originalEvent&&e.originalEvent.changedTouches&&e.originalEvent.changedTouches[0]||t[0].originalEvent||t[0];return n.clientY};e.directive("scrollableContent",function(){return{restrict:"C",controller:["$element","$document","allowTouchmoveDefault",function(e,n,o){var r=e[0],i=e.parent()[0];if("ontouchmove"in n[0]){var a,c,u,l=function(e){a=r.scrollTop>0,c=r.scrollTopu,r=!o;return u=n,o&&a||r&&c})}this.scrollableContent=r,this.scrollTo=function(e,t){if(t=t||0,angular.isNumber(e))r.scrollTop=e-t;else{var n=angular.element(e)[0];n.offsetParent&&n.offsetParent!==i?this.scrollTo(n.offsetParent,t-n.offsetTop):r.scrollTop=n.offsetTop-t}}}],link:function(e,t){"native"!==overthrow.support&&(t.addClass("overthrow"),overthrow.forget(),overthrow.set())}}}),angular.forEach(["input","textarea"],function(t){e.directive(t,["$rootScope","$timeout",function(e,t){return{require:"?^^scrollableContent",link:function(e,n,o,r){n.on("focus",function(){if(r&&r.scrollableContent){var e=r.scrollableContent.offsetHeight;t(function(){var t=r.scrollableContent.offsetHeight;if(e>t){var o=10,i=r.scrollableContent.parentElement.querySelector(".scrollable-header");i&&(o=i.getBoundingClientRect().bottom-i.getBoundingClientRect().top+o),r.scrollTo(n,o)}},500)}})}}}])}),angular.forEach({uiScrollTop:function(e){return 0===e.scrollTop},uiScrollBottom:function(e){return e.scrollHeight===e.scrollTop+e.clientHeight}},function(t,n){e.directive(n,[function(){return{restrict:"A",link:function(e,o,r){o.on("scroll",function(){t(o[0])&&e.$apply(function(){e.$eval(r[n])})})}}}])}),angular.forEach({Top:"scrollableHeader",Bottom:"scrollableFooter"},function(t,n){e.directive(t,["$window",function(e){return{restrict:"C",link:function(t,o){var r=o[0],i=o.parent()[0].style,a=function(){var t=e.getComputedStyle(r),o=parseInt(t.marginTop,10)+parseInt(t.marginBottom,10);i["padding"+n]=r.offsetHeight+o+"px"},c=setInterval(a,30);o.on("$destroy",function(){i["padding"+n]=null,clearInterval(c),c=a=o=null})}}}])})}(),function(){"use strict";var e=angular.module("mobile-angular-ui.components.sidebars",["mobile-angular-ui.core.sharedState","mobile-angular-ui.core.outerClick"]);angular.forEach(["left","right"],function(t){var n="sidebar"+t.charAt(0).toUpperCase()+t.slice(1),o="ui"+n.charAt(0).toUpperCase()+n.slice(1);e.directive(n,["$rootElement","SharedState","bindOuterClick","$location",function(e,n,r,i){return{restrict:"C",link:function(a,c,u){var l="has-sidebar-"+t,s="sidebar-"+t+"-visible",d="sidebar-"+t+"-in",f=u.id?u.id:o,h=""===u.uiTrackAsSearchParam||u.uiTrackAsSearchParam,v=function(){n.turnOff(f)},m=function(){return n.isActive(f)};e.addClass(l),a.$on("$destroy",function(){e.removeClass(l),e.removeClass(s),e.removeClass(d)});var p=void 0!==u.active&&"false"!==u.active;n.initialize(a,f,{defaultValue:p}),a.$on("mobile-angular-ui.state.changed."+f,function(t,n){h&&i.search(f,n||null),n?(e.addClass(s),e.addClass(d)):e.removeClass(d)}),a.$on("$routeChangeSuccess",function(){n.turnOff(f)}),a.$on("$routeUpdate",function(){h&&(i.search()[f]?n.turnOn(f):n.turnOff(f))}),a.$on("mobile-angular-ui.app.transitionend",function(){n.isActive(f)||e.removeClass(s)}),"false"!==u.closeOnOuterClicks&&r(a,c,v,m)}}}])}),e.directive("app",["$rootScope",function(e){return{restrict:"C",link:function(t,n){n.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend",function(){e.$broadcast("mobile-angular-ui.app.transitionend")})}}}])}(),function(){"use strict";angular.module("mobile-angular-ui.components.switch",[]).directive("uiSwitch",["$injector",function(e){var t=e.has("$drag")&&e.get("$drag");return{restrict:"EA",scope:{model:"=ngModel",changeExpr:"@ngChange"},link:function(e,n,o){n.addClass("switch");var r=o.disabled||n.attr("disabled"),i=e.$watch(function(){return o.disabled||n.attr("disabled")},function(e){r=!(!e||"false"===e||"0"===e)}),a=angular.element('');n.append(a),e.model&&n.addClass("active"),n.addClass("switch-transition-enabled");var c=e.$watch("model",function(e){e?n.addClass("active"):n.removeClass("active")}),u=function(t){r||t===e.model||(e.model=t,e.$apply(),null!==e.changeExpr&&void 0!==e.changeExpr&&e.$parent.$eval(e.changeExpr))},l=function(){u(!e.model)};n.on("click tap",l);var s=angular.noop;t&&(s=t.bind(a,{transform:t.TRANSLATE_INSIDE(n),start:function(){n.off("click tap",l)},cancel:function(){a.removeAttr("style"),n.off("click tap",l),n.on("click tap",l)},end:function(){var e=a[0].getBoundingClientRect(),t=n[0].getBoundingClientRect();e.left-t.left\n *\n * \n *\n * \n * \n *\n * Action \n * Another action \n * Something else here \n * \n * Separated link \n * \n * \n * ```\n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.core.outerClick', [])\n\n .factory('_mauiIsAncestorOrSelf', function() {\n return function(element, target) {\n var parent = element;\n while (parent.length > 0) {\n if (parent[0] === target[0]) {\n parent = null;\n return true;\n }\n parent = parent.parent();\n }\n parent = null;\n return false;\n };\n })\n\n /**\n * @service bindOuterClick\n * @as function\n *\n * @description\n * This is a service function that binds a callback to be conditionally executed\n * when a click event happens outside a specified element.\n *\n * Ie.\n *\n * ``` js\n * app.directive('myDirective', function('bindOuterClick'){\n * return {\n * link: function(scope, element) {\n * bindOuterClick(element, function(scope, extra){\n * alert('You clicked ouside me!');\n * }, function(e){\n * return element.hasClass('disabled') ? true : false;\n * });\n * }\n * };\n * });\n * ```\n * @scope {scope} the scope to eval callbacks\n * @param {DomElement|$element} element The element to bind to.\n * @param {function} callback A `function(scope, options)`, usually the result of `$parse`, that is called when an _outer click_ event happens.\n * @param {string|function} condition Angular `$watch` expression to decide whether to run `callback` or not.\n */\n .factory('bindOuterClick', [\n '$document',\n '$timeout',\n '_mauiIsAncestorOrSelf',\n function($document, $timeout, isAncestorOrSelf) {\n\n return function(scope, element, outerClickFn, outerClickIf) {\n var handleOuterClick = function(event) {\n if (!isAncestorOrSelf(angular.element(event.target), element)) {\n scope.$apply(function() {\n outerClickFn(scope, {$event: event});\n });\n }\n };\n\n var stopWatching = angular.noop;\n var t = null;\n\n if (outerClickIf) {\n stopWatching = scope.$watch(outerClickIf, function(value) {\n $timeout.cancel(t);\n\n if (value) {\n // prevents race conditions\n // activating with other click events\n t = $timeout(function() {\n $document.on('click tap', handleOuterClick);\n }, 0);\n\n } else {\n $document.unbind('click tap', handleOuterClick);\n }\n });\n } else {\n $timeout.cancel(t);\n $document.on('click tap', handleOuterClick);\n }\n\n scope.$on('$destroy', function() {\n stopWatching();\n $document.unbind('click tap', handleOuterClick);\n });\n };\n }\n ])\n\n /**\n * @directive outerClick\n *\n * @description\n * Evaluates an expression when an _Outer Click_ event happens.\n *\n * @param {expression} uiOuterClick Expression to evaluate when an _Outer Click_ event happens.\n * @param {expression} uiOuterClickIf Condition to enable/disable the listener. Defaults to `true`.\n */\n .directive('uiOuterClick', [\n 'bindOuterClick',\n '$parse',\n function(bindOuterClick, $parse) {\n return {\n restrict: 'A',\n compile: function(elem, attrs) {\n var outerClickFn = $parse(attrs.uiOuterClick);\n var outerClickIf = attrs.uiOuterClickIf;\n return function(scope, elem) {\n bindOuterClick(scope, elem, outerClickFn, outerClickIf);\n };\n }\n };\n }\n ]);\n})();\n","(function() {\n 'use strict';\n /**\n * @module mobile-angular-ui.core.sharedState\n *\n * @description\n * `mobile-angular-ui.core.sharedState` is expose the homonymous service\n * `SharedState` and a group of directives to access it.\n *\n * `SharedState` allows to use elementary angular or angularish directives\n * to create interactive components.\n *\n * Ie.\n *\n * ``` html\n * \n * \n * Tab1\n * Tab2\n * Tab3\n * \n * ```\n *\n * Using `SharedState` you will be able to:\n *\n * - Create interactive components without having to write javascript code\n * - Have your controller free from UI logic\n * - Separe `ng-click` triggering application logic from those having a visual effect only\n * - Export state of components to urls\n * - Easily make components comunicate each other\n *\n * Also note that:\n *\n * Data structures retaining statuses will stay outside angular scopes\n * thus they are not evaluated against digest cycle until its necessary.\n * Also although statuses are sort of global variables `SharedState` will\n * take care of disposing them when no scopes are requiring them anymore.\n *\n * A set of `ui-*` directives are available to interact with `SharedState`\n * module and will hopefully var you spare your controllers and your time\n * for something that is more meaningful than this:\n *\n * ``` js\n * $scope.activeTab = 1;\n *\n * $scope.setActiveTab = function(n) {\n * $scope.activeTab = n;\n * };\n * ```\n *\n * ## Usage\n *\n * Declare it as a dependency to your app unless you have already included some\n * of its super-modules.\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui.core.sharedState']);\n * ```\n *\n * Use `ui-shared-state` directive to require/initialize a state from the target element scope\n *\n * **Example.** Tabs\n *\n * \n *\n * **Example.** Custom components\n *\n * \n *\n * NOTE: `ui-toggle/set/turnOn/turnOff` responds to `click/tap` without\n * stopping propagation so you can use them along with ng-click too.\n * You can also change events to respond to with `ui-triggers` attribute.\n *\n * Any `SharedState` method is exposed through `Ui` object in `$rootScope`.\n * So you could always do `ng-click=\"Ui.turnOn('myVar')\"`.\n *\n * Since `SharedState` is a service you can initialize/set statuses through\n * controllers too:\n *\n * ``` js\n * app.controller('myController', function($scope, SharedState){\n * SharedState.initialize($scope, \"activeTab\", 3);\n * });\n * ```\n *\n * As well as you can use `ui-default` for that:\n *\n * ``` html\n * \n * ```\n *\n */\n var module = angular.module('mobile-angular-ui.core.sharedState', []);\n\n /**\n * @ngdoc service\n * @class SharedState\n *\n * @description\n *\n * A `SharedState` state can be considered as a global variable identified by an `id`.\n *\n * `SharedState` service exposes methods to interact with statuses to create,\n * read and update states.\n *\n * It acts as a BUS between UI elements to share UI related state that is\n * automatically disposed when all scopes requiring it are destroyed.\n *\n * eg.\n *\n * ``` js\n * app.controller('controller1', function($scope, SharedState){\n * SharedState.initialize($scope, 'myId');\n * });\n *\n * app.controller('controller2', function(SharedState){\n * SharedState.toggle('myId');\n * });\n * ```\n *\n * Data structures retaining statuses will stay outside angular scopes thus\n * they are not evaluated against digest cycle until its necessary. Also\n * although statuses are sort of global variables `SharedState` will take\n * care of disposing them when no scopes are requiring them anymore.\n *\n * A set of `ui-*` directives are available to interact with `SharedState`\n * module and will hopefully var you spare your controllers and your time for\n * something that is more meaningful than this:\n *\n * ``` js\n * $scope.activeTab = 1;\n *\n * $scope.setActiveTab = function(n) {\n * $scope.activeTab = n;\n * };\n * ```\n *\n */\n\n /**\n * @event 'mobile-angular-ui.state.initialized.ID'\n * @shortname initialized\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` when `#initialize` is called for a new state not\n * referenced by any scope currently.\n *\n * @param {any} currentValue The value with which this state has been initialized\n *\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n\n /**\n * @event 'mobile-angular-ui.state.destroyed.ID'\n * @shortname destroyed\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` when a state is destroyed.\n *\n */\n\n /**\n * @event 'mobile-angular-ui.state.changed.ID'\n * @shortname changed\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` the value of a state changes.\n *\n * ``` js\n * $scope.$on('mobile-angular-ui.state.changed.uiSidebarLeft', function(e, newVal, oldVal) {\n * if (newVal === true) {\n * console.log('sidebar opened');\n * } else {\n * console.log('sidebar closed');\n * }\n * });\n * ```\n *\n * @param {any} newValue\n * @param {any} oldValue\n *\n */\n\n module.factory('SharedState', [\n '$rootScope', '$log',\n function($rootScope, $log) {\n var values = {}; // values, context object for evals\n var statusesMeta = {}; // status info\n var scopes = {}; // scopes references\n var exclusionGroups = {}; // support exclusive boolean sets\n\n return {\n /**\n * @function initialize\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Initialize, or require if already intialized, a state identified by `id` within the provided `scope`, making it available to the rest of application.\n *\n * A `SharedState` is bound to one or more scopes. Each time\n * `initialize` is called for an angular `scope` this will be bound to\n * the `SharedState` and a reference count is incremented to allow\n * garbage collection.\n *\n * Reference count is decremented once the scope is destroyed. When the counter reach 0 the state will be disposed.\n *\n * @param {scope} scope The scope to bound this state\n * @param {string} id The unique name of this state\n * @param {object} [options] Options\n * @param {object} [options.defaultValue] the initialization value, it is taken into account only if the state `id` is not already initialized\n * @param {string} [options.exclusionGroup] Specifies an exclusion group\n * for the state. This means that for boolean operations (ie. toggle,\n * turnOn, turnOf) when this state is set to `true`, any other state\n * that is in the same `exclusionGroup` will be set to `false`.\n */\n initialize: function(scope, id, options) {\n options = options || {};\n\n var isNewScope = scopes[scope] === undefined;\n var defaultValue = options.defaultValue;\n var exclusionGroup = options.exclusionGroup;\n\n scopes[scope.$id] = scopes[scope.$id] || [];\n scopes[scope.$id].push(id);\n\n if (!statusesMeta[id]) { // is a brand new state\n // not referenced by any\n // scope currently\n\n statusesMeta[id] = angular.extend({}, options, {references: 1});\n\n $rootScope.$broadcast('mobile-angular-ui.state.initialized.' + id, defaultValue);\n\n if (defaultValue !== undefined) {\n this.setOne(id, defaultValue);\n }\n\n if (exclusionGroup) {\n // Exclusion groups are sets of statuses references\n exclusionGroups[exclusionGroup] = exclusionGroups[exclusionGroup] || {};\n exclusionGroups[exclusionGroup][id] = true;\n }\n\n } else if (isNewScope) { // is a new reference from\n // a different scope\n statusesMeta[id].references++;\n }\n scope.$on('$destroy', function() {\n var ids = scopes[scope.$id] || [];\n for (var i = 0; i < ids.length; i++) {\n var status = statusesMeta[ids[i]];\n\n if (status.exclusionGroup) {\n delete exclusionGroups[status.exclusionGroup][ids[i]];\n if (Object.keys(exclusionGroups[status.exclusionGroup]).length === 0) {\n delete exclusionGroups[status.exclusionGroup];\n }\n }\n\n status.references--;\n if (status.references <= 0) {\n delete statusesMeta[ids[i]];\n delete values[ids[i]];\n $rootScope.$broadcast('mobile-angular-ui.state.destroyed.' + id);\n }\n }\n delete scopes[scope.$id];\n });\n },\n\n /**\n * @function setOne\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Set the value of the state identified by `id` to the `value` parameter.\n *\n * @param {string} id Unique identifier for state\n * @param {any} value New value for this state\n */\n setOne: function(id, value) {\n if (statusesMeta[id] !== undefined) {\n var prev = values[id];\n values[id] = value;\n if (prev !== value) {\n $rootScope.$broadcast('mobile-angular-ui.state.changed.' + id, value, prev);\n }\n return value;\n }\n $log.warn('Warning: Attempt to set uninitialized shared state: ' + id);\n },\n\n /**\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @function setMany\n * @description\n *\n * Set multiple statuses at once. ie.\n *\n * ```\n * SharedState.setMany({ activeTab: 'firstTab', sidebarIn: false });\n * ```\n *\n * @param {object} object An object of the form `{state1: value1, ..., stateN: valueN}`\n */\n setMany: function(map) {\n angular.forEach(map, function(value, id) {\n this.setOne(id, value);\n }, this);\n },\n\n /**\n * @function set\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * A shorthand for both `setOne` and `setMany`.\n * When called with only one parameter that is an object\n * it is the same of `setMany`, otherwise is the\n * same of `setOne`.\n *\n * @param {string|object} idOrMap A state id or a `{state: value}` map object.\n * @param {any} [value] The value to assign in case idOrMap is a string.\n */\n set: function(idOrMap, value) {\n if (!idOrMap) {\n return;\n } else if (angular.isObject(idOrMap)) {\n this.setMany(idOrMap);\n } else {\n this.setOne(idOrMap, value);\n }\n },\n\n /**\n * @function turnOn\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Set shared state identified by `id` to `true`. If the\n * shared state has been initialized with `exclusionGroup`\n * option it will also turn off (set to `false`) all other\n * statuses from the same exclusion group.\n *\n * @param {string} id The unique name of this state\n */\n turnOn: function(id) {\n // Turns off other statuses belonging to the same exclusion group.\n var eg = statusesMeta[id] && statusesMeta[id].exclusionGroup;\n if (eg) {\n var egStatuses = Object.keys(exclusionGroups[eg]);\n for (var i = 0; i < egStatuses.length; i++) {\n var item = egStatuses[i];\n if (item !== id) {\n this.turnOff(item);\n }\n }\n }\n return this.setOne(id, true);\n },\n\n /**\n * @function turnOff\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Set shared state identified by `id` to `false`.\n *\n * @param {string} id The unique name of this state\n */\n turnOff: function(id) {\n return this.setOne(id, false);\n },\n\n /**\n * @function toggle\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * If current value for shared state identified by `id` evaluates\n * to `true` it calls `turnOff` on it otherwise calls `turnOn`.\n * Be aware that it will take into account `exclusionGroup` option.\n * See `#turnOn` and `#initialize` for more.\n *\n * @param {string} id The unique name of this state\n */\n toggle: function(id) {\n return this.get(id) ? this.turnOff(id) : this.turnOn(id);\n },\n\n /**\n * @function get\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Returns the current value of the state identified by `id`.\n *\n * @param {string} id The unique name of this state\n * @returns {any}\n */\n get: function(id) {\n return statusesMeta[id] && values[id];\n },\n\n /**\n * @function isActive\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Return `true` if the boolean conversion of `#get(id)` evaluates to `true`.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n isActive: function(id) {\n return Boolean(this.get(id));\n },\n\n /**\n * @function active\n * @alias mobile-angular-ui.core.sharedState~SharedState.isActive\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Alias for `#isActive`.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n active: function(id) {\n return this.isActive(id);\n },\n\n /**\n * @function isUndefined\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Return `true` if state identified by `id` is not defined.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n isUndefined: function(id) {\n return statusesMeta[id] === undefined || this.get(id) === undefined;\n },\n\n /**\n * Returns `true` if state identified by `id` exsists.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n *\n * @function has\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n has: function(id) {\n return statusesMeta[id] !== undefined;\n },\n\n /**\n * Returns the number of references of a status.\n *\n * @param {string} id The unique name of this state\n * @returns {integer}\n *\n * @function referenceCount\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n referenceCount: function(id) {\n var status = statusesMeta[id];\n return status === undefined ? 0 : status.references;\n },\n\n /**\n * Returns `true` if `#get(id)` is exactly equal (`===`) to `value` param.\n *\n * @param {string} id The unique name of this state\n * @param {any} value The value for comparison\n * @returns {bool}\n *\n * @function equals\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n equals: function(id, value) {\n return this.get(id) === value;\n },\n\n /**\n * Alias for `#equals`\n *\n * @param {string} id The unique name of this state\n * @param {any} value The value for comparison\n * @returns {bool}\n *\n * @function eq\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @alias mobile-angular-ui.core.sharedState~SharedState.equals\n */\n eq: function(id, value) {\n return this.equals(id, value);\n },\n\n /**\n * Returns an object with all the status values currently stored.\n * It has the form of `{statusId: statusValue}`.\n *\n * Bear in mind that in order to spare resources it currently\n * returns just the internal object retaining statuses values.\n * Thus it is not intended to be modified and direct changes to it will be not tracked or notified.\n *\n * Just clone before apply any change to it.\n *\n * @returns {object}\n *\n * @function values\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n values: function() {\n return values;\n },\n\n exclusionGroups: function() {\n return exclusionGroups;\n }\n };\n }\n ]);\n\n var uiBindEvent = function(scope, element, eventNames, fn) {\n eventNames = eventNames || 'click tap';\n element.on(eventNames, function(event) {\n scope.$apply(function() {\n fn(scope, {$event: event});\n });\n });\n };\n\n /**\n * Calls `SharedState#initialize` on the scope relative to the element using it.\n *\n * @param {string} uiState The shared state id\n * @param {expression} [uiDefault] the default value\n *\n * @directive uiSharedState\n */\n module.directive('uiSharedState', [\n 'SharedState', function(SharedState) {\n return {\n restrict: 'EA',\n priority: 601, // more than ng-if\n link: function(scope, elem, attrs) {\n var id = attrs.uiSharedState || attrs.id;\n var defaultValueExpr = attrs.uiDefault || attrs.default;\n var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;\n\n SharedState.initialize(scope, id, {\n defaultValue: defaultValue,\n exclusionGroup: attrs.uiExclusionGroup\n });\n }\n };\n }\n ]);\n\n /**\n * Alias for uiSharedState. **Deprecated** since it clashes with\n * [UI-Router](https://ui-router.github.io/) `uiState` directive.\n *\n * @deprecated\n * @param {string} uiState The shared state id\n * @param {expression} [uiDefault] the default value\n *\n * @directive uiState\n */\n module.directive('uiState', [\n 'SharedState', function(SharedState) {\n return {\n restrict: 'EA',\n priority: 601, // more than ng-if\n link: function(scope, elem, attrs) {\n var id = attrs.uiState || attrs.id;\n var defaultValueExpr = attrs.uiDefault || attrs.default;\n var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;\n\n SharedState.initialize(scope, id, {\n defaultValue: defaultValue,\n exclusionGroup: attrs.uiExclusionGroup\n });\n }\n };\n }\n ]);\n\n angular.forEach(['toggle', 'turnOn', 'turnOff', 'set'],\n function(methodName) {\n var directiveName = 'ui' + methodName[0].toUpperCase() + methodName.slice(1);\n\n /**\n * Calls `SharedState#toggle` when triggering events happens on the element using it.\n *\n * @param {string} uiToggle the target shared state\n * @param {expression} uiDefault the default value\n *\n * @directive uiToggle\n */\n\n /**\n * @function uiTurnOn\n *\n * @description\n * Calls `SharedState#turnOn` when triggering events happens on the element using it.\n *\n *\n * @ngdoc directive\n *\n * @param {string} uiTurnOn the target shared state\n * @param {expression} uiDefault the default value\n */\n\n /**\n * @function uiTurnOff\n *\n * @description\n * Calls `SharedState#turnOff` when triggering events happens on the element using it.\n *\n * @ngdoc directive\n *\n * @param {string} uiTurnOff the target shared state\n * @param {string} [uiTriggers='click tap'] the event triggering the call.\n */\n\n /**\n * @function uiSet\n *\n * @description\n * Calls `SharedState#set` when triggering events happens on the element using it.\n *\n * @ngdoc directive\n *\n * @param {object} uiSet The object to pass to SharedState#set\n * @param {string} [uiTriggers='click tap'] the event triggering the call.\n */\n\n module.directive(directiveName, [\n '$parse',\n '$interpolate',\n 'SharedState',\n function($parse, $interpolate, SharedState) {\n var method = SharedState[methodName];\n return {\n restrict: 'A',\n priority: 1, // This would make postLink calls happen after ngClick\n // (and similar) ones, thus intercepting events after them.\n //\n // This will prevent eventual ng-if to detach elements\n // before ng-click fires.\n\n compile: function(elem, attrs) {\n var attr = attrs[directiveName];\n var needsInterpolation = attr.match(/\\{\\{/);\n\n var exprFn = function($scope) {\n var res = attr;\n if (needsInterpolation) {\n var interpolateFn = $interpolate(res);\n res = interpolateFn($scope);\n }\n if (methodName === 'set') {\n res = ($parse(res))($scope);\n }\n return res;\n };\n\n return function(scope, elem, attrs) {\n var callback = function() {\n var arg = exprFn(scope);\n return method.call(SharedState, arg);\n };\n uiBindEvent(scope, elem, attrs.uiTriggers, callback);\n };\n }\n };\n }\n ]);\n });\n\n /**\n * @name uiScopeContext\n * @inner\n * @description\n *\n * `uiScopeContext` is not a directive, but a parameter common to any of the\n * `ui-*` directives in this module.\n *\n * By default all `ui-*` conditions in this module evaluates in the context of\n * `SharedState` only, thus scope variable are not accessible. To use them you have\n * two options:\n *\n * #### 1. pre-interpolation\n *\n * You can use pre-interpolation in expression attribute. For instance the following syntax\n * is ligit:\n *\n * ``` html\n * \n * ```\n *\n * In this case `idx` value is taken from scope and embedded into\n * conditions before parse them.\n *\n * This works as expected and is fine for the most cases, but it has a little caveat:\n *\n * The condition has to be re-parsed at each digest loop and has to walk scopes\n * in watchers.\n *\n * #### 2. uiScopeContext\n *\n * If you are concerned about performance issues using the first approach\n * `uiScopeContext` is a more verbose but also lightweight alternative\n * to accomplish the same.\n *\n * It allows to use current scope vars inside `ui-*` conditions, leaving\n * other scope vars (or the entire scope if not present) apart from the\n * condition evaluation process.\n *\n * Hopefully this will keep evaluation running against a flat and small data\n * structure instead of taking into account the whole scope.\n *\n * It is a list `scopeVar[ as aliasName] [, ...]` specifing one of more scope\n * variables to take into account when evaluating conditions. ie:\n *\n * ``` html\n * \n * \n * \n * \n * \n * \n * ```\n *\n * ``` html\n * \n * \n * ```\n *\n * Be aware that scope vars will take precedence over sharedStates so,\n * in order to avoid name clashes you can use 'as' to refer to scope vars\n * with a different name in conditions:\n *\n * ``` html\n * \n * \n * ```\n */\n var parseScopeContext = function(attr) {\n if (!attr || attr === '') {\n return [];\n }\n var vars = attr ? attr.trim().split(/ *, */) : [];\n var res = [];\n for (var i = 0; i < vars.length; i++) {\n var item = vars[i].split(/ *as */);\n if (item.length > 2 || item.length < 1) {\n throw new Error('Error parsing uiScopeContext=\"' + attr + '\"');\n }\n res.push(item);\n }\n return res;\n };\n\n var mixScopeContext = function(context, scopeVars, scope) {\n for (var i = 0; i < scopeVars.length; i++) {\n var key = scopeVars[i][0];\n var alias = scopeVars[i][1] || key;\n context[alias] = key.split('.').reduce(function(scope, nextKey) {\n return scope[nextKey];\n }, scope);\n }\n };\n\n var parseUiCondition = function(name, attrs, $scope, SharedState, $parse, $interpolate) {\n var expr = attrs[name];\n var needsInterpolation = expr.match(/\\{\\{/);\n var exprFn;\n\n if (needsInterpolation) {\n exprFn = function(context) {\n var interpolateFn = $interpolate(expr);\n var parseFn = $parse(interpolateFn($scope));\n return parseFn(context);\n };\n } else {\n exprFn = $parse(expr);\n }\n\n var uiScopeContext = parseScopeContext(attrs.uiScopeContext);\n return function() {\n var context;\n if (uiScopeContext.length) {\n context = angular.extend({}, SharedState.values());\n mixScopeContext(context, uiScopeContext, $scope);\n } else {\n context = SharedState.values();\n }\n return exprFn(context);\n };\n };\n\n /**\n * @ngdoc directive\n * @function uiIf\n *\n * @description\n * Same as `ngIf` but evaluates condition against `SharedState` statuses too\n *\n * @param {expression} uiIf A condition to decide wether to attach the\n * element to the dom\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when\n * evaluating condition.\n */\n module.directive('uiIf', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {\n function getBlockNodes(nodes) {\n var node = nodes[0];\n var endNode = nodes[nodes.length - 1];\n var blockNodes = [node];\n do {\n node = node.nextSibling;\n if (!node) {\n break;\n }\n blockNodes.push(node);\n } while (node !== endNode);\n\n return angular.element(blockNodes);\n }\n\n return {\n multiElement: true,\n transclude: 'element',\n priority: 600,\n terminal: true,\n restrict: 'A',\n $$tlb: true,\n link: function($scope, $element, $attr, ctrl, $transclude) {\n var block;\n var childScope;\n var previousElements;\n var uiIfFn = parseUiCondition('uiIf', $attr, $scope, SharedState, $parse, $interpolate);\n\n $scope.$watch(uiIfFn, function uiIfWatchAction(value) {\n if (value) {\n if (!childScope) {\n $transclude(function(clone, newScope) {\n childScope = newScope;\n clone[clone.length++] = document.createComment(' end uiIf: ' + $attr.uiIf + ' ');\n // Note: We only need the first/last node of the cloned nodes.\n // However, we need to keep the reference to the jqlite wrapper as it might be changed later\n // by a directive with templateUrl when its template arrives.\n block = {\n clone: clone\n };\n $animate.enter(clone, $element.parent(), $element);\n });\n }\n } else {\n if (previousElements) {\n previousElements.remove();\n previousElements = null;\n }\n if (childScope) {\n childScope.$destroy();\n childScope = null;\n }\n if (block) {\n previousElements = getBlockNodes(block.clone);\n var done = function() {\n previousElements = null;\n };\n var nga = $animate.leave(previousElements, done);\n if (nga) {\n nga.then(done);\n }\n block = null;\n }\n }\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiHide\n *\n * @description\n * Same as `ngHide` but evaluates condition against `SharedState` statuses\n *\n * @param {expression} uiShow A condition to decide wether to hide the element\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating condition.\n */\n module.directive('uiHide', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {\n var NG_HIDE_CLASS = 'ng-hide';\n var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';\n\n return {\n restrict: 'A',\n multiElement: true,\n link: function(scope, element, attr) {\n var uiHideFn = parseUiCondition('uiHide', attr, scope, SharedState, $parse, $interpolate);\n scope.$watch(uiHideFn, function uiHideWatchAction(value) {\n $animate[value ? 'addClass' : 'removeClass'](element, NG_HIDE_CLASS, {\n tempClasses: NG_HIDE_IN_PROGRESS_CLASS\n });\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiShow\n *\n * @description\n * Same as `ngShow` but evaluates condition against `SharedState` statuses\n *\n * @param {expression} uiShow A condition to decide wether to show the element\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating condition.\n */\n module.directive('uiShow', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse) {\n var NG_HIDE_CLASS = 'ng-hide';\n var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';\n\n return {\n restrict: 'A',\n multiElement: true,\n link: function(scope, element, attr) {\n var uiShowFn = parseUiCondition('uiShow', attr, scope, SharedState, $parse);\n scope.$watch(uiShowFn, function uiShowWatchAction(value) {\n $animate[value ? 'removeClass' : 'addClass'](element, NG_HIDE_CLASS, {\n tempClasses: NG_HIDE_IN_PROGRESS_CLASS\n });\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiClass\n *\n * @description\n * A simplified version of `ngClass` that evaluates in context of `SharedState`, it only suppors the `{'className': expr}` syntax.\n *\n * @param {expression} uiClass An expression that has to evaluate to an object\n * of the form `{'className': expr}`, where `expr` decides wether the class\n * should appear to element's class list.\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating\n * condition.\n */\n module.directive('uiClass', ['SharedState', '$parse', '$interpolate', function(SharedState, $parse) {\n return {\n restrict: 'A',\n link: function(scope, element, attr) {\n var uiClassFn = parseUiCondition('uiClass', attr, scope, SharedState, $parse);\n scope.$watch(uiClassFn, function uiClassWatchAction(value) {\n var classesToAdd = '';\n var classesToRemove = '';\n angular.forEach(value, function(expr, className) {\n if (expr) {\n classesToAdd += ' ' + className;\n } else {\n classesToRemove += ' ' + className;\n }\n classesToAdd = classesToAdd.trim();\n classesToRemove = classesToRemove.trim();\n if (classesToAdd.length) {\n element.addClass(classesToAdd);\n }\n if (classesToRemove.length) {\n element.removeClass(classesToRemove);\n }\n });\n }, true);\n }\n };\n }]);\n\n module.run([\n '$rootScope',\n 'SharedState',\n function($rootScope, SharedState) {\n $rootScope.Ui = SharedState;\n }\n ]);\n\n})();\n","/**\n * Provides directives and service to prevent touchmove default behaviour\n * for touch devices (ie. bounce on overscroll in IOS).\n *\n * #### Usage\n *\n * Use `ui-prevent-touchmove-defaults` directive on root element of your app:\n *\n * ``` html\n * \n * \n * \n * ```\n *\n * Doing so `touchmove.preventDefault` logic for inner elements is inverted,\n * so any `touchmove` default behaviour is automatically prevented.\n *\n * If you wish to allow the default behaviour, for example to allow\n * inner elements to scroll, you have to explicitly mark an event to allow\n * touchmove default.\n *\n * Mobile Angular UI already handles this for `scrollable` elements, so you don't have\n * to do anything in order to support scroll.\n *\n * If you wish to allow touchmove defaults for certain element under certain conditions\n * you can use the `allowTouchmoveDefault` service.\n *\n * ie.\n *\n * ``` js\n * // always allow touchmove default for an element\n * allowTouchmoveDefault(myelem);\n * ```\n *\n * ``` js\n * // allow touchmove default for an element only under certain conditions\n * allowTouchmoveDefault(myelem, function(touchmove){\n * return touchmove.pageY > 100;\n * });\n * ```\n *\n * @module mobile-angular-ui.core.touchmoveDefaults\n */\n(function() {\n 'use strict';\n var module = angular.module('mobile-angular-ui.core.touchmoveDefaults', []);\n\n module.directive('uiPreventTouchmoveDefaults', function() {\n var preventTouchmoveDefaultsCb = function(e) {\n // Get this flag from either the saved event if jQuery is being used, otherwise get it from the event itself.\n var allowTouchmoveEventFlag = e.originalEvent ? e.originalEvent.allowTouchmoveDefault : e.allowTouchmoveDefault;\n if (allowTouchmoveEventFlag !== true) {\n e.preventDefault();\n }\n };\n\n return {\n compile: function(element) {\n if ('ontouchmove' in document) {\n element.on('touchmove', preventTouchmoveDefaultsCb);\n }\n }\n };\n });\n\n /**\n * Bind a listener to an element to allow `touchmove` default behaviour\n * when `touchmove` happens inside the bound element.\n *\n * You can also provide a function to decide when to allow and\n * when to prevent it.\n *\n * ``` js\n * // always allow touchmove default\n * allowTouchmoveDefault(myelem);\n *\n * // allow touchmove default only under certain conditions\n * allowTouchmoveDefault(myelem, function(touchmove){\n * return touchmove.pageY > 100;\n * });\n * ```\n *\n * @param {Element|$element} element The element to bind.\n * @param {function} condition A `function(touchmove)⟶boolean` to decide\n * whether to allow default behavior or not.\n *\n * @service allowTouchmoveDefault\n * @as function\n * @returns function Function to unbind the listener\n */\n\n module.factory('allowTouchmoveDefault', function() {\n var fnTrue = function() {\n return true;\n };\n\n if ('ontouchmove' in document) {\n return function($element, condition) {\n condition = condition || fnTrue;\n\n var allowTouchmoveDefaultCallback = function(e) {\n if (condition(e)) {\n e.allowTouchmoveDefault = true;\n // jQuery normalizes the event object, need to put this property on the copied originalEvent.\n if (e.originalEvent) {\n e.originalEvent.allowTouchmoveDefault = true;\n }\n }\n };\n\n $element = angular.element($element);\n $element.on('touchmove', allowTouchmoveDefaultCallback);\n\n $element.on('$destroy', function() {\n $element.off('touchmove', allowTouchmoveDefaultCallback);\n $element = null;\n });\n\n return function() {\n if ($element) {\n $element.off('touchmove', allowTouchmoveDefaultCallback);\n }\n };\n };\n }\n\n return angular.noop;\n });\n\n})();\n","/**\n * @module mobile-angular-ui.core\n *\n * @description\n *\n * It has all the core functionalities of Mobile Angular UI. It aims to act as a common base\n * for an UI framework providing services and directives to create components and implement\n * UI interactions with angular.\n *\n * \n * NOTE\n * \n * - It has no dependency on Bootstrap.
\n * - It is not related to mobile apps only.
\n * - It is not requiring CSS support.
\n * - You can use it on any Angular Application and with any CSS framework.
\n *
\n * \n *\n * ## Standalone Usage\n *\n * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.core']);\n * ```\n */\n(function() {\n 'use strict';\n angular.module('mobile-angular-ui.core', [\n 'mobile-angular-ui.core.fastclick',\n 'mobile-angular-ui.core.activeLinks',\n 'mobile-angular-ui.core.capture',\n 'mobile-angular-ui.core.outerClick',\n 'mobile-angular-ui.core.sharedState',\n 'mobile-angular-ui.core.touchmoveDefaults'\n ]);\n})();\n","/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */\n(function( w, undefined ){\n\t\n\tvar doc = w.document,\n\t\tdocElem = doc.documentElement,\n\t\tenabledClassName = \"overthrow-enabled\",\n\n\t\t// Touch events are used in the polyfill, and thus are a prerequisite\n\t\tcanBeFilledWithPoly = \"ontouchmove\" in doc,\n\t\t\n\t\t// The following attempts to determine whether the browser has native overflow support\n\t\t// so we can enable it but not polyfill\n\t\tnativeOverflow = \n\t\t\t// Features-first. iOS5 overflow scrolling property check - no UA needed here. thanks Apple :)\n\t\t\t\"WebkitOverflowScrolling\" in docElem.style ||\n\t\t\t// Test the windows scrolling property as well\n\t\t\t\"msOverflowStyle\" in docElem.style ||\n\t\t\t// Touch events aren't supported and screen width is greater than X\n\t\t\t// ...basically, this is a loose \"desktop browser\" check. \n\t\t\t// It may wrongly opt-in very large tablets with no touch support.\n\t\t\t( !canBeFilledWithPoly && w.screen.width > 800 ) ||\n\t\t\t// Hang on to your hats.\n\t\t\t// Whitelist some popular, overflow-supporting mobile browsers for now and the future\n\t\t\t// These browsers are known to get overlow support right, but give us no way of detecting it.\n\t\t\t(function(){\n\t\t\t\tvar ua = w.navigator.userAgent,\n\t\t\t\t\t// Webkit crosses platforms, and the browsers on our list run at least version 534\n\t\t\t\t\twebkit = ua.match( /AppleWebKit\\/([0-9]+)/ ),\n\t\t\t\t\twkversion = webkit && webkit[1],\n\t\t\t\t\twkLte534 = webkit && wkversion >= 534;\n\t\t\t\t\t\n\t\t\t\treturn (\n\t\t\t\t\t/* Android 3+ with webkit gte 534\n\t\t\t\t\t~: Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13 */\n\t\t\t\t\tua.match( /Android ([0-9]+)/ ) && RegExp.$1 >= 3 && wkLte534 ||\n\t\t\t\t\t/* Blackberry 7+ with webkit gte 534\n\t\t\t\t\t~: Mozilla/5.0 (BlackBerry; U; BlackBerry 9900; en-US) AppleWebKit/534.11+ (KHTML, like Gecko) Version/7.0.0 Mobile Safari/534.11+ */\n\t\t\t\t\tua.match( / Version\\/([0-9]+)/ ) && RegExp.$1 >= 0 && w.blackberry && wkLte534 ||\n\t\t\t\t\t/* Blackberry Playbook with webkit gte 534\n\t\t\t\t\t~: Mozilla/5.0 (PlayBook; U; RIM Tablet OS 1.0.0; en-US) AppleWebKit/534.8+ (KHTML, like Gecko) Version/0.0.1 Safari/534.8+ */ \n\t\t\t\t\tua.indexOf( \"PlayBook\" ) > -1 && wkLte534 && !ua.indexOf( \"Android 2\" ) === -1 ||\n\t\t\t\t\t/* Firefox Mobile (Fennec) 4 and up\n\t\t\t\t\t~: Mozilla/5.0 (Mobile; rv:15.0) Gecko/15.0 Firefox/15.0 */\n\t\t\t\t\tua.match(/Firefox\\/([0-9]+)/) && RegExp.$1 >= 4 ||\n\t\t\t\t\t/* WebOS 3 and up (TouchPad too)\n\t\t\t\t\t~: Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.48 Safari/534.6 TouchPad/1.0 */\n\t\t\t\t\tua.match( /wOSBrowser\\/([0-9]+)/ ) && RegExp.$1 >= 233 && wkLte534 ||\n\t\t\t\t\t/* Nokia Browser N8\n\t\t\t\t\t~: Mozilla/5.0 (Symbian/3; Series60/5.2 NokiaN8-00/012.002; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/533.4 (KHTML, like Gecko) NokiaBrowser/7.3.0 Mobile Safari/533.4 3gpp-gba \n\t\t\t\t\t~: Note: the N9 doesn't have native overflow with one-finger touch. wtf */\n\t\t\t\t\tua.match( /NokiaBrowser\\/([0-9\\.]+)/ ) && parseFloat(RegExp.$1) === 7.3 && webkit && wkversion >= 533\n\t\t\t\t);\n\t\t\t})();\n\n\t// Expose overthrow API\n\tw.overthrow = {};\n\n\tw.overthrow.enabledClassName = enabledClassName;\n\n\tw.overthrow.addClass = function(){\n\t\tif( docElem.className.indexOf( w.overthrow.enabledClassName ) === -1 ){\n\t\t\tdocElem.className += \" \" + w.overthrow.enabledClassName;\n\t\t}\n\t};\n\n\tw.overthrow.removeClass = function(){\n\t\tdocElem.className = docElem.className.replace( w.overthrow.enabledClassName, \"\" );\n\t};\n\n\t// Enable and potentially polyfill overflow\n\tw.overthrow.set = function(){\n\t\t\t\n\t\t// If nativeOverflow or at least the element canBeFilledWithPoly, add a class to cue CSS that assumes overflow scrolling will work (setting height on elements and such)\n\t\tif( nativeOverflow ){\n\t\t\tw.overthrow.addClass();\n\t\t}\n\n\t};\n\n\t// expose polyfillable \n\tw.overthrow.canBeFilledWithPoly = canBeFilledWithPoly;\n\n\t// Destroy everything later. If you want to.\n\tw.overthrow.forget = function(){\n\n\t\tw.overthrow.removeClass();\n\t\t\n\t};\n\t\t\n\t// Expose overthrow API\n\tw.overthrow.support = nativeOverflow ? \"native\" : \"none\";\n\t\t\n})( this );\n","/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */\n(function( w, undefined ){\n\t\n\t// Auto-init\n\tw.overthrow.set();\n\n}( this ));","/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */\n(function( w, o, undefined ){\n\n\t// o is overthrow reference from overthrow-polyfill.js\n\tif( o === undefined ){\n\t\treturn;\n\t}\n\n\to.scrollIndicatorClassName = \"overthrow\";\n\t\n\tvar doc = w.document,\n\t\tdocElem = doc.documentElement,\n\t\t// o api\n\t\tnativeOverflow = o.support === \"native\",\n\t\tcanBeFilledWithPoly = o.canBeFilledWithPoly,\n\t\tconfigure = o.configure,\n\t\tset = o.set,\n\t\tforget = o.forget,\n\t\tscrollIndicatorClassName = o.scrollIndicatorClassName;\n\n\t// find closest overthrow (elem or a parent)\n\to.closest = function( target, ascend ){\n\t\treturn !ascend && target.className && target.className.indexOf( scrollIndicatorClassName ) > -1 && target || o.closest( target.parentNode );\n\t};\n\t\t\n\t// polyfill overflow\n\tvar enabled = false;\n\to.set = function(){\n\t\t\t\n\t\tset();\n\n\t\t// If nativeOverflow or it doesn't look like the browser canBeFilledWithPoly, our job is done here. Exit viewport left.\n\t\tif( enabled || nativeOverflow || !canBeFilledWithPoly ){\n\t\t\treturn;\n\t\t}\n\n\t\tw.overthrow.addClass();\n\n\t\tenabled = true;\n\n\t\to.support = \"polyfilled\";\n\n\t\to.forget = function(){\n\t\t\tforget();\n\t\t\tenabled = false;\n\t\t\t// Remove touch binding (check for method support since this part isn't qualified by touch support like the rest)\n\t\t\tif( doc.removeEventListener ){\n\t\t\t\tdoc.removeEventListener( \"touchstart\", start, false );\n\t\t\t}\n\t\t};\n\n\t\t// Fill 'er up!\n\t\t// From here down, all logic is associated with touch scroll handling\n\t\t\t// elem references the overthrow element in use\n\t\tvar elem,\n\t\t\t\n\t\t\t// The last several Y values are kept here\n\t\t\tlastTops = [],\n\t\n\t\t\t// The last several X values are kept here\n\t\t\tlastLefts = [],\n\t\t\t\n\t\t\t// lastDown will be true if the last scroll direction was down, false if it was up\n\t\t\tlastDown,\n\t\t\t\n\t\t\t// lastRight will be true if the last scroll direction was right, false if it was left\n\t\t\tlastRight,\n\t\t\t\n\t\t\t// For a new gesture, or change in direction, reset the values from last scroll\n\t\t\tresetVertTracking = function(){\n\t\t\t\tlastTops = [];\n\t\t\t\tlastDown = null;\n\t\t\t},\n\t\t\t\n\t\t\tresetHorTracking = function(){\n\t\t\t\tlastLefts = [];\n\t\t\t\tlastRight = null;\n\t\t\t},\n\t\t\n\t\t\t// On webkit, touch events hardly trickle through textareas and inputs\n\t\t\t// Disabling CSS pointer events makes sure they do, but it also makes the controls innaccessible\n\t\t\t// Toggling pointer events at the right moments seems to do the trick\n\t\t\t// Thanks Thomas Bachem http://stackoverflow.com/a/5798681 for the following\n\t\t\tinputs,\n\t\t\tsetPointers = function( val ){\n\t\t\t\tinputs = elem.querySelectorAll( \"textarea, input\" );\n\t\t\t\tfor( var i = 0, il = inputs.length; i < il; i++ ) {\n\t\t\t\t\tinputs[ i ].style.pointerEvents = val;\n\t\t\t\t}\n\t\t\t},\n\t\t\t\n\t\t\t// For nested overthrows, changeScrollTarget restarts a touch event cycle on a parent or child overthrow\n\t\t\tchangeScrollTarget = function( startEvent, ascend ){\n\t\t\t\tif( doc.createEvent ){\n\t\t\t\t\tvar newTarget = ( !ascend || ascend === undefined ) && elem.parentNode || elem.touchchild || elem,\n\t\t\t\t\t\ttEnd;\n\t\t\t\t\t\t\t\n\t\t\t\t\tif( newTarget !== elem ){\n\t\t\t\t\t\ttEnd = doc.createEvent( \"HTMLEvents\" );\n\t\t\t\t\t\ttEnd.initEvent( \"touchend\", true, true );\n\t\t\t\t\t\telem.dispatchEvent( tEnd );\n\t\t\t\t\t\tnewTarget.touchchild = elem;\n\t\t\t\t\t\telem = newTarget;\n\t\t\t\t\t\tnewTarget.dispatchEvent( startEvent );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t\n\t\t\t// Touchstart handler\n\t\t\t// On touchstart, touchmove and touchend are freshly bound, and all three share a bunch of vars set by touchstart\n\t\t\t// Touchend unbinds them again, until next time\n\t\t\tstart = function( e ){\n\n\t\t\t\t// Stop any throw in progress\n\t\t\t\tif( o.intercept ){\n\t\t\t\t\to.intercept();\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t// Reset the distance and direction tracking\n\t\t\t\tresetVertTracking();\n\t\t\t\tresetHorTracking();\n\t\t\t\t\n\t\t\t\telem = o.closest( e.target );\n\t\t\t\t\t\n\t\t\t\tif( !elem || elem === docElem || e.touches.length > 1 ){\n\t\t\t\t\treturn;\n\t\t\t\t}\t\t\t\n\n\t\t\t\tsetPointers( \"none\" );\n\t\t\t\tvar touchStartE = e,\n\t\t\t\t\tscrollT = elem.scrollTop,\n\t\t\t\t\tscrollL = elem.scrollLeft,\n\t\t\t\t\theight = elem.offsetHeight,\n\t\t\t\t\twidth = elem.offsetWidth,\n\t\t\t\t\tstartY = e.touches[ 0 ].pageY,\n\t\t\t\t\tstartX = e.touches[ 0 ].pageX,\n\t\t\t\t\tscrollHeight = elem.scrollHeight,\n\t\t\t\t\tscrollWidth = elem.scrollWidth,\n\t\t\t\t\n\t\t\t\t\t// Touchmove handler\n\t\t\t\t\tmove = function( e ){\n\t\t\t\t\t\n\t\t\t\t\t\tvar ty = scrollT + startY - e.touches[ 0 ].pageY,\n\t\t\t\t\t\t\ttx = scrollL + startX - e.touches[ 0 ].pageX,\n\t\t\t\t\t\t\tdown = ty >= ( lastTops.length ? lastTops[ 0 ] : 0 ),\n\t\t\t\t\t\t\tright = tx >= ( lastLefts.length ? lastLefts[ 0 ] : 0 );\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t// If there's room to scroll the current container, prevent the default window scroll\n\t\t\t\t\t\tif( ( ty > 0 && ty < scrollHeight - height ) || ( tx > 0 && tx < scrollWidth - width ) ){\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// This bubbling is dumb. Needs a rethink.\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tchangeScrollTarget( touchStartE );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// If down and lastDown are inequal, the y scroll has changed direction. Reset tracking.\n\t\t\t\t\t\tif( lastDown && down !== lastDown ){\n\t\t\t\t\t\t\tresetVertTracking();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// If right and lastRight are inequal, the x scroll has changed direction. Reset tracking.\n\t\t\t\t\t\tif( lastRight && right !== lastRight ){\n\t\t\t\t\t\t\tresetHorTracking();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// remember the last direction in which we were headed\n\t\t\t\t\t\tlastDown = down;\n\t\t\t\t\t\tlastRight = right;\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t// set the container's scroll\n\t\t\t\t\t\telem.scrollTop = ty;\n\t\t\t\t\t\telem.scrollLeft = tx;\n\t\t\t\t\t\n\t\t\t\t\t\tlastTops.unshift( ty );\n\t\t\t\t\t\tlastLefts.unshift( tx );\n\t\t\t\t\t\n\t\t\t\t\t\tif( lastTops.length > 3 ){\n\t\t\t\t\t\t\tlastTops.pop();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif( lastLefts.length > 3 ){\n\t\t\t\t\t\t\tlastLefts.pop();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\n\t\t\t\t\t// Touchend handler\n\t\t\t\t\tend = function( e ){\n\n\t\t\t\t\t\t// Bring the pointers back\n\t\t\t\t\t\tsetPointers( \"auto\" );\n\t\t\t\t\t\tsetTimeout( function(){\n\t\t\t\t\t\t\tsetPointers( \"none\" );\n\t\t\t\t\t\t}, 450 );\n\t\t\t\t\t\telem.removeEventListener( \"touchmove\", move, false );\n\t\t\t\t\t\telem.removeEventListener( \"touchend\", end, false );\n\t\t\t\t\t};\n\t\t\t\t\n\t\t\t\telem.addEventListener( \"touchmove\", move, false );\n\t\t\t\telem.addEventListener( \"touchend\", end, false );\n\t\t\t};\n\t\t\t\n\t\t// Bind to touch, handle move and end within\n\t\tdoc.addEventListener( \"touchstart\", start, false );\n\t};\n\t\t\n})( this, this.overthrow );\n","/**\n * This module will provide directives to create modals and overlays components.\n *\n * @module mobile-angular-ui.components.modals\n */\n(function() {\n 'use strict';\n angular.module('mobile-angular-ui.components.modals', [])\n\n /**\n * A directive to create modals and overlays components.\n *\n * Modals are basically the same of Bootstrap 3 but you have to use uiSharedState\n * with `ngIf/uiIf` or `ngHide/uiHide` to `activate/dismiss` it.\n *\n * By default both modals and overlay are made always showing up by\n * css rule `.modal {display:block}`, so you can use it with\n * `ngAnimate` and other angular directives in a simpler way.\n *\n * Overlay are a style of modal that looks more native in mobile devices providing a blurred\n * overlay as background.\n *\n * You can create an overlay adding `.modal-overlay` class to a modal.\n *\n * ### Note\n *\n * For modals and overlays to cover the entire page you have to attach them\n * as child of `body` element. To achieve this from a view is a common use for\n * `contentFor/yieldTo` directives contained from\n * [capture module](/docs/module:mobile-angular-ui/module:core/module:capture):\n *\n * ``` html\n * \n *\n * \n * \n * \n *\n * \n * ```\n *\n * Then you can wrap your modals and overlays in `contentFor`:\n *\n * ``` html\n * \n * * \n * \n * ```\n *\n * **Example.** Create a Modal.\n *\n * ``` html\n * \n * \n * \n * \n * \n * \n * \n * \n * ```\n *\n * **Example.** Create an Overlay.\n *\n * ``` html\n * \n * \n * \n * \n * \n * \n * \n * ```\n *\n * @directive modal\n * @restrict C\n */\n .directive('modal', [\n '$rootElement',\n function($rootElement) {\n return {\n restrict: 'C',\n link: function(scope, elem) {\n $rootElement.addClass('has-modal');\n elem.on('$destroy', function() {\n $rootElement.removeClass('has-modal');\n });\n scope.$on('$destroy', function() {\n $rootElement.removeClass('has-modal');\n });\n\n if (elem.hasClass('modal-overlay')) {\n $rootElement.addClass('has-modal-overlay');\n elem.on('$destroy', function() {\n $rootElement.removeClass('has-modal-overlay');\n });\n scope.$on('$destroy', function() {\n $rootElement.removeClass('has-modal-overlay');\n });\n }\n }\n };\n }]);\n})();\n","/**\n * @module mobile-angular-ui.components.navbars\n * @description\n *\n * Bootstrap default navbars are awesome for responsive websites, but are not the\n * best with a small screen. Also fixed positioning is yet not an option to create\n * navbars standing in top or bottom of the screen.\n *\n * Mobile Angular Ui offers an alternative to bootstrap navbars that is more\n * suitable for mobile.\n *\n * It uses scrollable areas to avoid scroll issues. In the following figure you can\n * see the difference between fixed navbars and navbars with absolute positioning.\n *\n * \n * ![\"\"/](\"/assets/img/figs/fixed-overflow.png\")
\n * \n *\n * Here is the basic markup to achieve this.\n *\n * ``` html\n * \n * \n *\n * \n *\n * \n * \n * - \n * {{item.name}}\n *
\n *
\n * \n * \n * ```\n */\n(function() {\n 'use strict';\n var module = angular.module('mobile-angular-ui.components.scrollable',\n ['mobile-angular-ui.core.touchmoveDefaults']);\n\n var getTouchY = function(event) {\n var touches = event.touches && event.touches.length ? event.touches : [event];\n var e = (event.changedTouches && event.changedTouches[0]) ||\n (event.originalEvent && event.originalEvent.changedTouches &&\n event.originalEvent.changedTouches[0]) ||\n touches[0].originalEvent || touches[0];\n\n return e.clientY;\n };\n\n module.directive('scrollableContent', function() {\n return {\n restrict: 'C',\n controller: ['$element', '$document', 'allowTouchmoveDefault', function($element, $document, allowTouchmoveDefault) {\n var scrollableContent = $element[0];\n var scrollable = $element.parent()[0];\n\n // Handle nobounce behaviour\n if ('ontouchmove' in $document[0]) {\n var allowUp;\n var allowDown;\n var lastY;\n var setupTouchstart = function(event) {\n allowUp = (scrollableContent.scrollTop > 0);\n\n allowDown = (scrollableContent.scrollTop < scrollableContent.scrollHeight - scrollableContent.clientHeight);\n lastY = getTouchY(event);\n };\n\n $element.on('touchstart', setupTouchstart);\n $element.on('$destroy', function() {\n $element.off('touchstart');\n });\n\n allowTouchmoveDefault($element, function(event) {\n var currY = getTouchY(event);\n var up = (currY > lastY);\n var down = !up;\n lastY = currY;\n return (up && allowUp) || (down && allowDown);\n });\n }\n\n this.scrollableContent = scrollableContent;\n\n this.scrollTo = function(elementOrNumber, marginTop) {\n marginTop = marginTop || 0;\n\n if (angular.isNumber(elementOrNumber)) {\n scrollableContent.scrollTop = elementOrNumber - marginTop;\n } else {\n var target = angular.element(elementOrNumber)[0];\n if ((!target.offsetParent) || target.offsetParent === scrollable) {\n scrollableContent.scrollTop = target.offsetTop - marginTop;\n } else {\n // recursively subtract offsetTop from marginTop until it reaches scrollable element.\n this.scrollTo(target.offsetParent, marginTop - target.offsetTop);\n }\n }\n };\n }],\n link: function(scope, element) {\n if (overthrow.support !== 'native') {\n element.addClass('overthrow');\n overthrow.forget();\n overthrow.set();\n }\n }\n };\n });\n\n angular.forEach(['input', 'textarea'], function(directiveName) {\n module.directive(directiveName, ['$rootScope', '$timeout', function($rootScope, $timeout) {\n return {\n require: '?^^scrollableContent',\n link: function(scope, elem, attrs, scrollable) {\n // Workaround to avoid soft keyboard hiding inputs\n elem.on('focus', function() {\n if (scrollable && scrollable.scrollableContent) {\n var h1 = scrollable.scrollableContent.offsetHeight;\n $timeout(function() {\n var h2 = scrollable.scrollableContent.offsetHeight;\n //\n // if scrollableContent height is reduced in half second\n // since an input got focus we assume soft keyboard is showing.\n //\n if (h1 > h2) {\n var marginTop = 10;\n // if scrollableHeader is present increase the marginTop to compensate for scrollableHeader's height.\n var scrollableHeader = scrollable.scrollableContent.parentElement.querySelector('.scrollable-header');\n if (scrollableHeader) {\n marginTop = (scrollableHeader.getBoundingClientRect().bottom - scrollableHeader.getBoundingClientRect().top) + marginTop;\n }\n scrollable.scrollTo(elem, marginTop);\n }\n }, 500);\n }\n });\n }\n };\n }]);\n });\n\n /**\n * @directive uiScrollTop\n * @restrict A\n *\n * @param {expression} uiScrollTop The expression to be evaluated when scroll\n * reaches top of element.\n */\n\n /**\n * @directive uiScrollBottom\n * @restrict A\n *\n * @param {expression} uiScrollBottom The expression to be evaluated when scroll\n * reaches bottom of element.\n */\n angular.forEach(\n {\n uiScrollTop: function(elem) {\n return elem.scrollTop === 0;\n },\n uiScrollBottom: function(elem) {\n return elem.scrollHeight === elem.scrollTop + elem.clientHeight;\n }\n },\n function(reached, directiveName) {\n module.directive(directiveName, [function() {\n return {\n restrict: 'A',\n link: function(scope, elem, attrs) {\n elem.on('scroll', function() {\n /* If reached bottom */\n if (reached(elem[0])) {\n /* Do what is specified by onScrollBottom */\n scope.$apply(function() {\n scope.$eval(attrs[directiveName]);\n });\n }\n });\n }\n };\n }]);\n });\n\n /**\n * @directive uiScrollableHeader\n * @restrict C\n */\n\n /**\n * @directive uiScrollableFooter\n * @restrict C\n */\n angular.forEach({Top: 'scrollableHeader', Bottom: 'scrollableFooter'},\n function(directiveName, side) {\n module.directive(directiveName, [\n '$window',\n function($window) {\n return {\n restrict: 'C',\n link: function(scope, element) {\n var el = element[0];\n var parentStyle = element.parent()[0].style;\n\n var adjustParentPadding = function() {\n var styles = $window.getComputedStyle(el);\n var margin = parseInt(styles.marginTop, 10) + parseInt(styles.marginBottom, 10);\n parentStyle['padding' + side] = el.offsetHeight + margin + 'px';\n };\n\n var interval = setInterval(adjustParentPadding, 30);\n\n element.on('$destroy', function() {\n parentStyle['padding' + side] = null;\n clearInterval(interval);\n interval = adjustParentPadding = element = null;\n });\n }\n };\n }\n ]);\n });\n})();\n","/**\n * @module mobile-angular-ui.components.sidebars\n *\n * @description\n *\n * Sidebars can be placed either in left side or right side adding respectively\n * `.sidebar-left` and `.sidebar-right` classes.\n *\n * ``` html\n * \n *\n * \n * ```\n *\n * #### Interacting with sidebars\n *\n * Under the hood sidebar uses `SharedState` exposing respective statuses:\n * `uiSidebarLeft` and `uiSidebarRight` unless you define different state name\n * through `id` attribute on sidebar elements.\n *\n * ``` html\n * Toggle sidebar left\n *\n * Toggle sidebar right\n * ```\n *\n * You can put `ui-turn-off='uiSidebarLeft'` or `ui-turn-off='uiSidebarLeft'`\n * inside the sidebar to make it close after clicking links inside them.\n *\n * By default sidebar are closed by clicking/tapping outside them.\n */\n(function() {\n 'use strict';\n\n var module = angular.module(\n 'mobile-angular-ui.components.sidebars', [\n 'mobile-angular-ui.core.sharedState',\n 'mobile-angular-ui.core.outerClick'\n ]\n );\n\n angular.forEach(['left', 'right'], function(side) {\n var directiveName = 'sidebar' + side.charAt(0).toUpperCase() + side.slice(1);\n var defaultStateName = 'ui' + directiveName.charAt(0).toUpperCase() + directiveName.slice(1);\n\n module.directive(directiveName, [\n '$rootElement',\n 'SharedState',\n 'bindOuterClick',\n '$location',\n function(\n $rootElement,\n SharedState,\n bindOuterClick,\n $location\n ) {\n return {\n restrict: 'C',\n link: function(scope, elem, attrs) {\n var parentClass = 'has-sidebar-' + side;\n var visibleClass = 'sidebar-' + side + '-visible';\n var activeClass = 'sidebar-' + side + '-in';\n var stateName = attrs.id ? attrs.id : defaultStateName;\n var trackAsSearchParam = attrs.uiTrackAsSearchParam === '' || attrs.uiTrackAsSearchParam;\n\n var outerClickCb = function() {\n SharedState.turnOff(stateName);\n };\n\n var outerClickIf = function() {\n return SharedState.isActive(stateName);\n };\n\n $rootElement.addClass(parentClass);\n scope.$on('$destroy', function() {\n $rootElement\n .removeClass(parentClass);\n $rootElement\n .removeClass(visibleClass);\n $rootElement\n .removeClass(activeClass);\n });\n\n var defaultActive = attrs.active !== undefined && attrs.active !== 'false';\n SharedState.initialize(scope, stateName, {defaultValue: defaultActive});\n\n scope.$on('mobile-angular-ui.state.changed.' + stateName, function(e, active) {\n if (trackAsSearchParam) {\n $location.search(stateName, active || null);\n }\n\n if (active) {\n $rootElement\n .addClass(visibleClass);\n $rootElement\n .addClass(activeClass);\n } else {\n $rootElement\n .removeClass(activeClass);\n // Note: .removeClass(visibleClass) is called on 'mobile-angular-ui.app.transitionend'\n }\n });\n\n scope.$on('$routeChangeSuccess', function() {\n SharedState.turnOff(stateName);\n });\n\n scope.$on('$routeUpdate', function() {\n if (trackAsSearchParam) {\n if (($location.search())[stateName]) {\n SharedState.turnOn(stateName);\n } else {\n SharedState.turnOff(stateName);\n }\n }\n });\n\n scope.$on('mobile-angular-ui.app.transitionend', function() {\n if (!SharedState.isActive(stateName)) {\n $rootElement.removeClass(visibleClass);\n }\n });\n\n if (attrs.closeOnOuterClicks !== 'false') {\n bindOuterClick(scope, elem, outerClickCb, outerClickIf);\n }\n }\n };\n }\n ]);\n });\n\n module.directive('app', ['$rootScope', function($rootScope) {\n return {\n restrict: 'C',\n link: function(scope, element) {\n\n element.on('transitionend webkitTransitionEnd oTransitionEnd otransitionend', function() {\n $rootScope.$broadcast('mobile-angular-ui.app.transitionend');\n });\n\n }\n };\n }]);\n})();\n","/**\n * A module with just a directive to create a switch input component.\n *\n * @module mobile-angular-ui.components.switch\n */\n(function() {\n 'use strict';\n angular.module('mobile-angular-ui.components.switch', [])\n\n /**\n * @directive uiSwitch\n * @restrict EA\n * @requires ngModel\n * @description\n *\n * The `ui-switch` directive (not to be confused with `ng-switch`) lets\n * you create a toggle switch control bound to a boolean `ngModel` value.\n *\n * \n * ![\"\"/](\"/assets/img/figs/switch.png\")
\n * \n *\n * It requires `ngModel`. It supports `ngChange` and `ngDisabled`.\n *\n * ``` html\n * Analog clock time picker with $drag
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ selectedHour || "--" }} : 00
+
+
+Limiting $drag movement
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/lightbulb.html b/examples/lightbulb.html
new file mode 100644
index 0000000..7fcc99e
--- /dev/null
+++ b/examples/lightbulb.html
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+ Custom components and SharedState
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/tabs.html b/examples/tabs.html
new file mode 100644
index 0000000..c437763
--- /dev/null
+++ b/examples/tabs.html
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+ Tabs component
+
+
+
+
+
+
+
+
+
+
+
+Tab 1
+ Content 1
+
+
+
+ Tab 2
+ Content 2
+
+
+
+ Tab 3
+ Content 3
+
+
+
+
+
+
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 0000000..4231595
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,241 @@
+let config = require('./config');
+let gulp = require('gulp');
+let temp = require('temp');
+
+/* ========================================
+= Requiring stuffs =
+========================================*/
+
+let concat = require('gulp-concat');
+let csso = require('gulp-csso');
+let del = require('del');
+let less = require('gulp-less');
+let mobilizer = require('gulp-mobilizer');
+let path = require('path');
+let rename = require('gulp-rename');
+let seq = require('gulp-sequence');
+let sourcemaps = require('gulp-sourcemaps');
+let uglify = require('gulp-uglify');
+let connect = require('gulp-connect');
+let waitOn = require('wait-on');
+
+/* ================================================
+= Report Errors to Console =
+================================================*/
+
+gulp.on('error', function(e) {
+ throw (e);
+});
+
+/* =========================================
+= Clean dest folder =
+=========================================*/
+
+gulp.task('clean', function() {
+ return del(['dist/**']);
+});
+
+/* ==================================
+= Copy fonts =
+==================================*/
+
+gulp.task('fonts', function() {
+ return gulp.src(config.globs.fonts)
+ .pipe(gulp.dest(path.join('dist', 'fonts')));
+});
+
+/* ======================================================================
+= Compile, minify, mobilize less =
+======================================================================*/
+
+let CSS_TEMP_DIR = temp.path({prefix: 'maui-css'});
+
+gulp.task('css:less', function() {
+ gulp.src([
+ 'src/less/mobile-angular-ui-base.less',
+ 'src/less/mobile-angular-ui-desktop.less',
+ 'src/less/sm-grid.less'
+ ])
+ .pipe(less({paths: config.globs.vendorLess}))
+ .pipe(mobilizer('mobile-angular-ui-base.css', {
+ 'mobile-angular-ui-base.css': {hover: 'exclude', screens: ['0px']},
+ 'mobile-angular-ui-hover.css': {hover: 'only', screens: ['0px']}
+ }))
+ .pipe(gulp.dest(CSS_TEMP_DIR));
+});
+
+gulp.task('css:less:wait', waitFor([
+ path.join(CSS_TEMP_DIR, 'sm-grid.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-base.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-hover.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-desktop.css')
+]));
+
+gulp.task('css:concat', function() {
+ return gulp.src([
+ path.join(CSS_TEMP_DIR, 'sm-grid.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-base.css')
+ ])
+ .pipe(concat('mobile-angular-ui-base.css'))
+ .pipe(gulp.dest(path.join('dist', 'css')));
+});
+
+gulp.task('css:copy', function() {
+ return gulp.src([
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-hover.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-desktop.css')
+ ])
+ .pipe(gulp.dest(path.join('dist', 'css')));
+});
+
+gulp.task('css:minify', function() {
+ return gulp.src(path.join('dist', 'css', '*.css'))
+ .pipe(csso())
+ .pipe(rename({suffix: '.min'}))
+ .pipe(gulp.dest(path.join('dist', 'css')));
+});
+
+gulp.task('css:rmtemp', function() {
+ return del([CSS_TEMP_DIR], {force: true});
+});
+
+gulp.task('css', function(done) {
+ seq(
+ 'css:rmtemp',
+ 'css:less',
+ 'css:less:wait',
+ 'css:concat',
+ 'css:copy',
+ 'css:minify',
+ 'css:rmtemp',
+ done
+ );
+});
+
+/* ====================================================================
+= Compile and minify js generating source maps =
+====================================================================*/
+
+let compileJs = function(dest, src) {
+ return gulp.src(src)
+ .pipe(sourcemaps.init())
+ .pipe(concat(dest))
+ .pipe(gulp.dest(path.join('dist', 'js')))
+ .pipe(uglify())
+ .pipe(rename({suffix: '.min'}))
+ .pipe(sourcemaps.write('.'))
+ .pipe(gulp.dest(path.join('dist', 'js')));
+};
+
+gulp.task('js:core', function() {
+ return compileJs('mobile-angular-ui.core.js', config.globs.core);
+});
+
+gulp.task('js:gestures', function() {
+ return compileJs('mobile-angular-ui.gestures.js', config.globs.gestures);
+});
+
+gulp.task('js:main', function() {
+ return compileJs('mobile-angular-ui.js', config.globs.main);
+});
+
+gulp.task('js', ['js:main', 'js:gestures', 'js:core']);
+
+/* ======================================
+= Build Sequence =
+======================================*/
+
+gulp.task('build:wait', waitFor([
+ 'dist/css/mobile-angular-ui-base.css',
+ 'dist/css/mobile-angular-ui-base.min.css',
+ 'dist/css/mobile-angular-ui-desktop.css',
+ 'dist/css/mobile-angular-ui-desktop.min.css',
+ 'dist/css/mobile-angular-ui-hover.css',
+ 'dist/css/mobile-angular-ui-hover.min.css',
+ 'dist/fonts/fontawesome-webfont.eot',
+ 'dist/fonts/fontawesome-webfont.svg',
+ 'dist/fonts/fontawesome-webfont.ttf',
+ 'dist/fonts/fontawesome-webfont.woff',
+ 'dist/fonts/fontawesome-webfont.woff2',
+ 'dist/js/mobile-angular-ui.core.js',
+ 'dist/js/mobile-angular-ui.core.min.js',
+ 'dist/js/mobile-angular-ui.core.min.js.map',
+ 'dist/js/mobile-angular-ui.gestures.js',
+ 'dist/js/mobile-angular-ui.gestures.min.js',
+ 'dist/js/mobile-angular-ui.gestures.min.js.map',
+ 'dist/js/mobile-angular-ui.js',
+ 'dist/js/mobile-angular-ui.min.js',
+ 'dist/js/mobile-angular-ui.min.js.map'
+]));
+
+gulp.task('build', function(done) {
+ seq('clean', ['fonts', 'css', 'js'], 'build:wait', done);
+});
+
+/* ==========================================
+= Dev watch and connect =
+==========================================*/
+
+gulp.task('dev', function(done) {
+ let tasks = [];
+
+ tasks.push('connect');
+ tasks.push('watch');
+
+ seq('build', tasks, done);
+});
+
+/* ==========================================
+= Web servers =
+==========================================*/
+
+gulp.task('connect', function() {
+ connect.server({
+ root: process.cwd(),
+ host: '0.0.0.0',
+ port: 3000,
+ livereload: true
+ });
+});
+
+/* ==============================================================
+= Setup live reloading on source changes =
+==============================================================*/
+
+gulp.task('livereload:demo', function() {
+ return gulp.src(config.globs.livereloadDemo)
+ .pipe(connect.reload());
+});
+
+/* ===================================================================
+= Watch for source changes and rebuild/reload =
+===================================================================*/
+
+gulp.task('watch', function() {
+ gulp.watch(config.globs.livereloadDemo.concat('dist/**/*'), ['livereload:demo']);
+ gulp.watch(['./src/less/**/*'], ['css']);
+
+ ['core', 'gestures', 'main'].forEach(function(target) {
+ gulp.watch(config.globs[target], ['js:' + target]);
+ });
+
+ gulp.watch(config.globs.fonts, ['fonts']);
+});
+
+function waitFor(resources) {
+ return function() {
+ return new Promise(function(resolve, reject) {
+ waitOn({
+ resources: resources,
+ timeout: 30000
+ }, function(err) {
+ if (err) {
+ process.exit(2);
+ return reject(err);
+ }
+
+ resolve();
+ });
+ });
+ };
+}
diff --git a/package.json b/package.json
index 0354b14..00bfb8b 100644
--- a/package.json
+++ b/package.json
@@ -1,43 +1,90 @@
{
"name": "mobile-angular-ui",
- "version": "0.0.0",
+ "version": "1.3.4",
"description": "Mobile Angular UI",
- "main": "index.js",
+ "main": "dist/mobile-angular-ui.js",
"directories": {
- "example": "examples"
+ "demo": "demo",
+ "dist": "dist"
},
"scripts": {
- "test": "echo \"Error: no test specified\" && exit 1",
- "postinstall": "bower install"
+ "build": "gulp build && ls -1 dist/css dist/js dist/fonts",
+ "clean": "rm -f dist",
+ "dev": "gulp dev",
+ "depcheck": "depcheck-ci",
+ "lint": "eslint . --quiet",
+ "test": "npm run depcheck && npm run lint && npm run test:unit && npm run test:e2e",
+ "test:unit": "karma start test/unit/karma.conf.js",
+ "server": "http-server . -p 8888",
+ "test:e2e:update-webdriver": "webdriver-manager update",
+ "pretest:e2e": "pid-terminator 8889 && nohup http-server . -p 8889 &",
+ "test:e2e": "protractor test/e2e/protractor.conf.js",
+ "test:docker": "docker run --rm --privileged -w /usr/src/app -v $PWD:/usr/src/app mcasimir/dind-node-build-runner:6.2.1 bash ci.sh",
+ "posttest:e2e": "pid-terminator 8889",
+ "release": "release-flow"
},
+ "pre-commit": [
+ "lint",
+ "depcheck",
+ "build"
+ ],
"repository": {
"type": "git",
"url": "git://github.com/mcasimir/mobile-angular-ui.git"
},
- "author": "",
+ "author": "mcasimir",
"license": "MIT",
"bugs": {
"url": "https://github.com/mcasimir/mobile-angular-ui/issues"
},
"devDependencies": {
- "css-parse": "~1.6.0",
- "css-stringify": "~1.3.2",
- "grunt": "~0.4.2",
- "grunt-contrib-clean": "~0.5.0",
- "grunt-contrib-coffee": "~0.7.0",
- "grunt-contrib-concat": "~0.3.0",
- "grunt-contrib-connect": "~0.5.0",
- "grunt-contrib-copy": "~0.4.1",
- "grunt-contrib-cssmin": "~0.7.0",
- "grunt-contrib-uglify": "~0.2.7",
- "grunt-contrib-watch": "~0.5.3",
- "grunt-recess": "~0.6.1",
- "less": "~1.4.2",
- "parameterize": "0.0.7",
- "grunt-github-pages": "0.0.4",
- "semver": "~2.2.1",
- "grunt-concurrent": "^0.5.0",
- "grunt-contrib-less": "^0.11.0",
- "lodash": "^2.4.1"
+ "angular": "1.5.8",
+ "angular-mocks": "1.5.8",
+ "angular-route": "1.5.8",
+ "babel-core": "6.11.4",
+ "babel-eslint": "6.1.2",
+ "babel-plugin-syntax-async-functions": "6.8.0",
+ "babel-plugin-transform-regenerator": "6.11.4",
+ "babel-polyfill": "6.13.0",
+ "babel-preset-es2015": "6.9.0",
+ "bootstrap": "3.3.6",
+ "chromedriver": "2.21.2",
+ "codecov": "1.0.1",
+ "del": "2.2.2",
+ "depcheck-ci": "1.0.0",
+ "eslint": "3.2.0",
+ "eslint-config-google": "0.6.0",
+ "eslint-plugin-babel": "3.3.0",
+ "eslint-plugin-protractor": "1.27.1",
+ "fastclick": "1.0.6",
+ "fg-overthrow": "0.7.1",
+ "font-awesome": "4.6.3",
+ "gulp": "3.9.1",
+ "gulp-concat": "2.6.0",
+ "gulp-connect": "2.2.0",
+ "gulp-csso": "1.1.0",
+ "gulp-less": "3.0.5",
+ "gulp-mobilizer": "0.0.3",
+ "gulp-rename": "1.2.2",
+ "gulp-sequence": "0.4.5",
+ "gulp-sourcemaps": "1.6.0",
+ "gulp-uglify": "1.5.3",
+ "http-server": "0.9.0",
+ "jasmine-core": "2.4.1",
+ "jasmine-es6": "0.3.0",
+ "jasmine-spec-reporter": "2.7.0",
+ "karma": "1.2.0",
+ "karma-chrome-launcher": "0.2.3",
+ "karma-coverage": "1.1.1",
+ "karma-jasmine": "1.0.2",
+ "karma-mocha-reporter": "2.0.0",
+ "karma-selenium-webdriver-launcher": "0.0.3",
+ "pid-terminator": "1.0.1",
+ "pre-commit": "1.1.3",
+ "protractor": "3.3.0",
+ "release-flow": "1.2.1",
+ "selenium-webdriver": "2.53.1",
+ "temp": "0.8.3",
+ "wait-on": "1.5.2"
}
}
diff --git a/src/js/components/modals.js b/src/js/components/modals.js
new file mode 100644
index 0000000..cca3102
--- /dev/null
+++ b/src/js/components/modals.js
@@ -0,0 +1,130 @@
+/**
+ * This module will provide directives to create modals and overlays components.
+ *
+ * @module mobile-angular-ui.components.modals
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.components.modals', [])
+
+ /**
+ * A directive to create modals and overlays components.
+ *
+ * Modals are basically the same of Bootstrap 3 but you have to use uiSharedState
+ * with `ngIf/uiIf` or `ngHide/uiHide` to `activate/dismiss` it.
+ *
+ * By default both modals and overlay are made always showing up by
+ * css rule `.modal {display:block}`, so you can use it with
+ * `ngAnimate` and other angular directives in a simpler way.
+ *
+ * Overlay are a style of modal that looks more native in mobile devices providing a blurred
+ * overlay as background.
+ *
+ * You can create an overlay adding `.modal-overlay` class to a modal.
+ *
+ * ### Note
+ *
+ * For modals and overlays to cover the entire page you have to attach them
+ * as child of `body` element. To achieve this from a view is a common use for
+ * `contentFor/yieldTo` directives contained from
+ * [capture module](/docs/module:mobile-angular-ui/module:core/module:capture):
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * Then you can wrap your modals and overlays in `contentFor`:
+ *
+ * ``` html
+ *
+ * *
+ *
+ * ```
+ *
+ * **Example.** Create a Modal.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * **Example.** Create an Overlay.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * @directive modal
+ * @restrict C
+ */
+ .directive('modal', [
+ '$rootElement',
+ function($rootElement) {
+ return {
+ restrict: 'C',
+ link: function(scope, elem) {
+ $rootElement.addClass('has-modal');
+ elem.on('$destroy', function() {
+ $rootElement.removeClass('has-modal');
+ });
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-modal');
+ });
+
+ if (elem.hasClass('modal-overlay')) {
+ $rootElement.addClass('has-modal-overlay');
+ elem.on('$destroy', function() {
+ $rootElement.removeClass('has-modal-overlay');
+ });
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-modal-overlay');
+ });
+ }
+ }
+ };
+ }]);
+})();
diff --git a/src/js/components/navbars.js b/src/js/components/navbars.js
new file mode 100644
index 0000000..a5d83ab
--- /dev/null
+++ b/src/js/components/navbars.js
@@ -0,0 +1,132 @@
+/**
+ * @module mobile-angular-ui.components.navbars
+ * @description
+ *
+ * Bootstrap default navbars are awesome for responsive websites, but are not the
+ * best with a small screen. Also fixed positioning is yet not an option to create
+ * navbars standing in top or bottom of the screen.
+ *
+ * Mobile Angular Ui offers an alternative to bootstrap navbars that is more
+ * suitable for mobile.
+ *
+ * It uses scrollable areas to avoid scroll issues. In the following figure you can
+ * see the difference between fixed navbars and navbars with absolute positioning.
+ *
+ *
+ *
+ *
+ *
+ * Here is the basic markup to achieve this.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * -
+ * {{item.name}}
+ *
+ *
+ *
+ *
+ * ```
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.components.scrollable',
+ ['mobile-angular-ui.core.touchmoveDefaults']);
+
+ var getTouchY = function(event) {
+ var touches = event.touches && event.touches.length ? event.touches : [event];
+ var e = (event.changedTouches && event.changedTouches[0]) ||
+ (event.originalEvent && event.originalEvent.changedTouches &&
+ event.originalEvent.changedTouches[0]) ||
+ touches[0].originalEvent || touches[0];
+
+ return e.clientY;
+ };
+
+ module.directive('scrollableContent', function() {
+ return {
+ restrict: 'C',
+ controller: ['$element', '$document', 'allowTouchmoveDefault', function($element, $document, allowTouchmoveDefault) {
+ var scrollableContent = $element[0];
+ var scrollable = $element.parent()[0];
+
+ // Handle nobounce behaviour
+ if ('ontouchmove' in $document[0]) {
+ var allowUp;
+ var allowDown;
+ var lastY;
+ var setupTouchstart = function(event) {
+ allowUp = (scrollableContent.scrollTop > 0);
+
+ allowDown = (scrollableContent.scrollTop < scrollableContent.scrollHeight - scrollableContent.clientHeight);
+ lastY = getTouchY(event);
+ };
+
+ $element.on('touchstart', setupTouchstart);
+ $element.on('$destroy', function() {
+ $element.off('touchstart');
+ });
+
+ allowTouchmoveDefault($element, function(event) {
+ var currY = getTouchY(event);
+ var up = (currY > lastY);
+ var down = !up;
+ lastY = currY;
+ return (up && allowUp) || (down && allowDown);
+ });
+ }
+
+ this.scrollableContent = scrollableContent;
+
+ this.scrollTo = function(elementOrNumber, marginTop) {
+ marginTop = marginTop || 0;
+
+ if (angular.isNumber(elementOrNumber)) {
+ scrollableContent.scrollTop = elementOrNumber - marginTop;
+ } else {
+ var target = angular.element(elementOrNumber)[0];
+ if ((!target.offsetParent) || target.offsetParent === scrollable) {
+ scrollableContent.scrollTop = target.offsetTop - marginTop;
+ } else {
+ // recursively subtract offsetTop from marginTop until it reaches scrollable element.
+ this.scrollTo(target.offsetParent, marginTop - target.offsetTop);
+ }
+ }
+ };
+ }],
+ link: function(scope, element) {
+ if (overthrow.support !== 'native') {
+ element.addClass('overthrow');
+ overthrow.forget();
+ overthrow.set();
+ }
+ }
+ };
+ });
+
+ angular.forEach(['input', 'textarea'], function(directiveName) {
+ module.directive(directiveName, ['$rootScope', '$timeout', function($rootScope, $timeout) {
+ return {
+ require: '?^^scrollableContent',
+ link: function(scope, elem, attrs, scrollable) {
+ // Workaround to avoid soft keyboard hiding inputs
+ elem.on('focus', function() {
+ if (scrollable && scrollable.scrollableContent) {
+ var h1 = scrollable.scrollableContent.offsetHeight;
+ $timeout(function() {
+ var h2 = scrollable.scrollableContent.offsetHeight;
+ //
+ // if scrollableContent height is reduced in half second
+ // since an input got focus we assume soft keyboard is showing.
+ //
+ if (h1 > h2) {
+ var marginTop = 10;
+ // if scrollableHeader is present increase the marginTop to compensate for scrollableHeader's height.
+ var scrollableHeader = scrollable.scrollableContent.parentElement.querySelector('.scrollable-header');
+ if (scrollableHeader) {
+ marginTop = (scrollableHeader.getBoundingClientRect().bottom - scrollableHeader.getBoundingClientRect().top) + marginTop;
+ }
+ scrollable.scrollTo(elem, marginTop);
+ }
+ }, 500);
+ }
+ });
+ }
+ };
+ }]);
+ });
+
+ /**
+ * @directive uiScrollTop
+ * @restrict A
+ *
+ * @param {expression} uiScrollTop The expression to be evaluated when scroll
+ * reaches top of element.
+ */
+
+ /**
+ * @directive uiScrollBottom
+ * @restrict A
+ *
+ * @param {expression} uiScrollBottom The expression to be evaluated when scroll
+ * reaches bottom of element.
+ */
+ angular.forEach(
+ {
+ uiScrollTop: function(elem) {
+ return elem.scrollTop === 0;
+ },
+ uiScrollBottom: function(elem) {
+ return elem.scrollHeight === elem.scrollTop + elem.clientHeight;
+ }
+ },
+ function(reached, directiveName) {
+ module.directive(directiveName, [function() {
+ return {
+ restrict: 'A',
+ link: function(scope, elem, attrs) {
+ elem.on('scroll', function() {
+ /* If reached bottom */
+ if (reached(elem[0])) {
+ /* Do what is specified by onScrollBottom */
+ scope.$apply(function() {
+ scope.$eval(attrs[directiveName]);
+ });
+ }
+ });
+ }
+ };
+ }]);
+ });
+
+ /**
+ * @directive uiScrollableHeader
+ * @restrict C
+ */
+
+ /**
+ * @directive uiScrollableFooter
+ * @restrict C
+ */
+ angular.forEach({Top: 'scrollableHeader', Bottom: 'scrollableFooter'},
+ function(directiveName, side) {
+ module.directive(directiveName, [
+ '$window',
+ function($window) {
+ return {
+ restrict: 'C',
+ link: function(scope, element) {
+ var el = element[0];
+ var parentStyle = element.parent()[0].style;
+
+ var adjustParentPadding = function() {
+ var styles = $window.getComputedStyle(el);
+ var margin = parseInt(styles.marginTop, 10) + parseInt(styles.marginBottom, 10);
+ parentStyle['padding' + side] = el.offsetHeight + margin + 'px';
+ };
+
+ var interval = setInterval(adjustParentPadding, 30);
+
+ element.on('$destroy', function() {
+ parentStyle['padding' + side] = null;
+ clearInterval(interval);
+ interval = adjustParentPadding = element = null;
+ });
+ }
+ };
+ }
+ ]);
+ });
+})();
diff --git a/src/js/components/sidebars.js b/src/js/components/sidebars.js
new file mode 100644
index 0000000..3463ee7
--- /dev/null
+++ b/src/js/components/sidebars.js
@@ -0,0 +1,159 @@
+/**
+ * @module mobile-angular-ui.components.sidebars
+ *
+ * @description
+ *
+ * Sidebars can be placed either in left side or right side adding respectively
+ * `.sidebar-left` and `.sidebar-right` classes.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * #### Interacting with sidebars
+ *
+ * Under the hood sidebar uses `SharedState` exposing respective statuses:
+ * `uiSidebarLeft` and `uiSidebarRight` unless you define different state name
+ * through `id` attribute on sidebar elements.
+ *
+ * ``` html
+ * Toggle sidebar left
+ *
+ * Toggle sidebar right
+ * ```
+ *
+ * You can put `ui-turn-off='uiSidebarLeft'` or `ui-turn-off='uiSidebarLeft'`
+ * inside the sidebar to make it close after clicking links inside them.
+ *
+ * By default sidebar are closed by clicking/tapping outside them.
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module(
+ 'mobile-angular-ui.components.sidebars', [
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.outerClick'
+ ]
+ );
+
+ angular.forEach(['left', 'right'], function(side) {
+ var directiveName = 'sidebar' + side.charAt(0).toUpperCase() + side.slice(1);
+ var defaultStateName = 'ui' + directiveName.charAt(0).toUpperCase() + directiveName.slice(1);
+
+ module.directive(directiveName, [
+ '$rootElement',
+ 'SharedState',
+ 'bindOuterClick',
+ '$location',
+ function(
+ $rootElement,
+ SharedState,
+ bindOuterClick,
+ $location
+ ) {
+ return {
+ restrict: 'C',
+ link: function(scope, elem, attrs) {
+ var parentClass = 'has-sidebar-' + side;
+ var visibleClass = 'sidebar-' + side + '-visible';
+ var activeClass = 'sidebar-' + side + '-in';
+ var stateName = attrs.id ? attrs.id : defaultStateName;
+ var trackAsSearchParam = attrs.uiTrackAsSearchParam === '' || attrs.uiTrackAsSearchParam;
+
+ var outerClickCb = function() {
+ SharedState.turnOff(stateName);
+ };
+
+ var outerClickIf = function() {
+ return SharedState.isActive(stateName);
+ };
+
+ $rootElement.addClass(parentClass);
+ scope.$on('$destroy', function() {
+ $rootElement
+ .removeClass(parentClass);
+ $rootElement
+ .removeClass(visibleClass);
+ $rootElement
+ .removeClass(activeClass);
+ });
+
+ var defaultActive = attrs.active !== undefined && attrs.active !== 'false';
+ SharedState.initialize(scope, stateName, {defaultValue: defaultActive});
+
+ scope.$on('mobile-angular-ui.state.changed.' + stateName, function(e, active) {
+ if (trackAsSearchParam) {
+ $location.search(stateName, active || null);
+ }
+
+ if (active) {
+ $rootElement
+ .addClass(visibleClass);
+ $rootElement
+ .addClass(activeClass);
+ } else {
+ $rootElement
+ .removeClass(activeClass);
+ // Note: .removeClass(visibleClass) is called on 'mobile-angular-ui.app.transitionend'
+ }
+ });
+
+ scope.$on('$routeChangeSuccess', function() {
+ SharedState.turnOff(stateName);
+ });
+
+ scope.$on('$routeUpdate', function() {
+ if (trackAsSearchParam) {
+ if (($location.search())[stateName]) {
+ SharedState.turnOn(stateName);
+ } else {
+ SharedState.turnOff(stateName);
+ }
+ }
+ });
+
+ scope.$on('mobile-angular-ui.app.transitionend', function() {
+ if (!SharedState.isActive(stateName)) {
+ $rootElement.removeClass(visibleClass);
+ }
+ });
+
+ if (attrs.closeOnOuterClicks !== 'false') {
+ bindOuterClick(scope, elem, outerClickCb, outerClickIf);
+ }
+ }
+ };
+ }
+ ]);
+ });
+
+ module.directive('app', ['$rootScope', function($rootScope) {
+ return {
+ restrict: 'C',
+ link: function(scope, element) {
+
+ element.on('transitionend webkitTransitionEnd oTransitionEnd otransitionend', function() {
+ $rootScope.$broadcast('mobile-angular-ui.app.transitionend');
+ });
+
+ }
+ };
+ }]);
+})();
diff --git a/src/js/components/switch.js b/src/js/components/switch.js
new file mode 100644
index 0000000..ddc8b05
--- /dev/null
+++ b/src/js/components/switch.js
@@ -0,0 +1,142 @@
+/**
+ * A module with just a directive to create a switch input component.
+ *
+ * @module mobile-angular-ui.components.switch
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.components.switch', [])
+
+ /**
+ * @directive uiSwitch
+ * @restrict EA
+ * @requires ngModel
+ * @description
+ *
+ * The `ui-switch` directive (not to be confused with `ng-switch`) lets
+ * you create a toggle switch control bound to a boolean `ngModel` value.
+ *
+ *
+ *
+ *
+ *
+ * It requires `ngModel`. It supports `ngChange` and `ngDisabled`.
+ *
+ * ``` html
+ * \n " + attrs.title + "\n
\n";
- }
- return "\n " + heading + "\n \n \n \n";
- }
- };
-});
\ No newline at end of file
diff --git a/src/js/lib/pointer-events.js b/src/js/lib/pointer-events.js
deleted file mode 100644
index 39c47c2..0000000
--- a/src/js/lib/pointer-events.js
+++ /dev/null
@@ -1,17 +0,0 @@
-angular.module('mobile-angular-ui.pointer-events', []).run([
- '$document', function($document) {
- return angular.element($document).on("click tap", function(e) {
- var target;
- target = angular.element(e.target);
- if (target.hasClass("disabled")) {
- e.preventDefault();
- e.stopPropagation();
- target = null;
- return false;
- } else {
- target = null;
- return true;
- }
- });
- }
-]);
diff --git a/src/js/lib/scrollable.js b/src/js/lib/scrollable.js
deleted file mode 100644
index 703801a..0000000
--- a/src/js/lib/scrollable.js
+++ /dev/null
@@ -1,21 +0,0 @@
- // Provides a scrollable implementation based on Overthrow
- // Many thanks to pavei (https://github.com/pavei) to submit
- // basic implementation
-
-angular.module("mobile-angular-ui.scrollable", [])
-
-.directive("scrollableContent", [
- function() {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, element, attr) {
- if (overthrow.support !== "native") {
- element.addClass("overthrow");
- overthrow.forget();
- return overthrow.set();
- }
- }
- };
- }
-]);
\ No newline at end of file
diff --git a/src/js/lib/sidebars.js b/src/js/lib/sidebars.js
deleted file mode 100644
index ba132ae..0000000
--- a/src/js/lib/sidebars.js
+++ /dev/null
@@ -1,68 +0,0 @@
-angular.module('mobile-angular-ui.directives.sidebars', [])
-
-.directive('sidebar', ['$document', '$rootScope', function($document, $rootScope) {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- var shouldCloseOnOuterClicks = true;
-
- if( attrs.closeOnOuterClicks == 'false' || attrs.closeOnOuterClicks == '0') {
- shouldCloseOnOuterClicks = false;
- }
-
- if (elem.hasClass('sidebar-left')) {
- elem.parent().addClass('has-sidebar-left');
- }
-
- if (elem.hasClass('sidebar-right')) {
- elem.parent().addClass('has-sidebar-right');
- }
-
- var isAncestorOrSelf = function(element, target) {
- var parent = element;
-
- while (parent.length > 0) {
- if (parent[0] === target[0]) {
- parent = null;
- return true;
- }
- parent = parent.parent();
- }
-
- parent = null;
- return false;
- };
-
- var closeOnOuterClicks = function(e) {
- if(! isAncestorOrSelf(angular.element(e.target), elem)) {
- $rootScope.toggle(attrs.id, 'off');
- e.preventDefault()
- return false;
- }
- }
-
- var clearCb1 = angular.noop();
-
- if (shouldCloseOnOuterClicks) {
- clearCb1 = $rootScope.$on('mobile-angular-ui.toggle.toggled', function(e, id, active){
- if(id == attrs.id) {
- if(active) {
- setTimeout(function(){
- $document.on('click tap', closeOnOuterClicks);
- }, 300);
- } else {
- $document.unbind('click tap', closeOnOuterClicks);
- }
- }
- });
- }
-
- scope.$on('$destroy', function(){
- clearCb1();
- $document.unbind('click tap', closeOnOuterClicks);
- });
-
- }
- };
-}]);
diff --git a/src/js/lib/toggle.js b/src/js/lib/toggle.js
deleted file mode 100644
index 3353265..0000000
--- a/src/js/lib/toggle.js
+++ /dev/null
@@ -1,223 +0,0 @@
-angular.module('mobile-angular-ui.directives.toggle', [])
-
-.factory('ToggleHelper', [
- '$rootScope', function($rootScope) {
- return {
-
- events: {
- toggle: "mobile-angular-ui.toggle.toggle",
- toggleByClass: "mobile-angular-ui.toggle.toggleByClass",
- togglerLinked: "mobile-angular-ui.toggle.linked",
- toggleableToggled: "mobile-angular-ui.toggle.toggled"
- },
-
- commands: {
- alternate: "toggle",
- activate: "on",
- deactivate: "off"
- },
-
- toggle: function(target, command) {
- if (command == null) {
- command = "toggle";
- }
- $rootScope.$emit(this.events.toggle, target, command);
- },
-
- toggleByClass: function(targetClass, command) {
- if (command == null) {
- command = "toggle";
- }
- $rootScope.$emit(this.events.toggleByClass, targetClass, command);
- },
-
- notifyToggleState: function(elem, attrs, toggleState) {
- $rootScope.$emit(this.events.toggleableToggled, attrs.id, toggleState, attrs.exclusionGroup);
- },
-
- toggleStateChanged: function(elem, attrs, toggleState) {
- this.updateElemClasses(elem, attrs, toggleState);
- this.notifyToggleState(elem, attrs, toggleState);
- },
-
- applyCommand: function(command, oldState) {
- switch (command) {
- case this.commands.activate:
- return true;
- case this.commands.deactivate:
- return false;
- case this.commands.alternate:
- return !oldState;
- }
- },
-
- updateElemClasses: function(elem, attrs, active) {
-
- if (active) {
- if (attrs.activeClass) {
- elem.addClass(attrs.activeClass);
- }
- if (attrs.inactiveClass) {
- elem.removeClass(attrs.inactiveClass);
- }
- var parent = elem.parent();
- if (attrs.parentActiveClass) {
- parent.addClass(attrs.parentActiveClass);
- }
- if (attrs.parentInactiveClass) {
- parent.removeClass(attrs.parentInactiveClass);
- }
- } else {
- if (attrs.inactiveClass) {
- elem.addClass(attrs.inactiveClass);
- }
- if (attrs.activeClass) {
- elem.removeClass(attrs.activeClass);
- }
- var parent = elem.parent();
- if (attrs.parentInactiveClass) {
- parent.addClass(attrs.parentInactiveClass);
- }
- if (attrs.parentActiveClass) {
- parent.removeClass(attrs.parentActiveClass);
- }
- }
- }
- };
- }
-])
-
-.run([
- "$rootScope", "ToggleHelper", function($rootScope, ToggleHelper) {
-
- $rootScope.toggle = function(target, command) {
- if (command == null) {
- command = "toggle";
- }
- ToggleHelper.toggle(target, command);
- };
-
- $rootScope.toggleByClass = function(targetClass, command) {
- if (command == null) {
- command = "toggle";
- }
- ToggleHelper.toggleByClass(targetClass, command);
- };
- }
-])
-
-.directive('toggle', [
- "$rootScope", "ToggleHelper", function($rootScope, ToggleHelper) {
- return {
- restrict: "A",
- link: function(scope, elem, attrs) {
- var command = attrs.toggle || ToggleHelper.commands.alternate;
- var target = attrs.target;
- var targetClass = attrs.targetClass;
- var bubble = attrs.bubble === "true" || attrs.bubble === "1" || attrs.bubble === 1 || attrs.bubble === "" || attrs.bubble === "bubble";
-
- if ((!target) && attrs.href) {
- target = attrs.href.slice(1);
- }
-
- if (!(target || targetClass)) {
- throw "'target' or 'target-class' attribute required with 'toggle'";
- }
-
- elem.on("click tap", function(e) {
- var angularElem = angular.element(e.target);
- if (!angularElem.hasClass("disabled")) {
- if (target != null) {
- ToggleHelper.toggle(target, command);
- }
- if (targetClass != null) {
- ToggleHelper.toggleByClass(targetClass, command);
- }
- if (!bubble) {
- e.preventDefault();
- return false;
- } else {
- return true;
- }
- }
- });
-
- var unbindUpdateElemClasses = $rootScope.$on(ToggleHelper.events.toggleableToggled, function(e, id, newState) {
- if (id === target) {
- ToggleHelper.updateElemClasses(elem, attrs, newState);
- }
- });
-
- if (target != null) {
- $rootScope.$emit(ToggleHelper.events.togglerLinked, target);
- }
-
- scope.$on('$destroy', unbindUpdateElemClasses);
- }
- };
- }
-])
-
-.directive('toggleable', [
- "$rootScope", "ToggleHelper", function($rootScope, ToggleHelper) {
- return {
- restrict: "A",
- link: function(scope, elem, attrs) {
- var toggleState = false;
-
- if (attrs["default"]) {
- switch (attrs["default"]) {
- case "active":
- toggleState = true;
- break;
- case "inactive":
- toggleState = false;
- }
- ToggleHelper.toggleStateChanged(elem, attrs, toggleState);
- }
-
- var unbindToggle = $rootScope.$on(ToggleHelper.events.toggle, function(e, target, command) {
- var oldState;
- if (target === attrs.id) {
- oldState = toggleState;
- toggleState = ToggleHelper.applyCommand(command, oldState);
- if (oldState !== toggleState) {
- ToggleHelper.toggleStateChanged(elem, attrs, toggleState);
- }
- }
- });
-
- var unbindToggleByClass = $rootScope.$on(ToggleHelper.events.toggleByClass, function(e, targetClass, command) {
- var oldState;
- if (elem.hasClass(targetClass)) {
- oldState = toggleState;
- toggleState = ToggleHelper.applyCommand(command, oldState);
- if (oldState !== toggleState) {
- ToggleHelper.toggleStateChanged(elem, attrs, toggleState);
- }
- }
- });
-
- var unbindToggleableToggled = $rootScope.$on(ToggleHelper.events.toggleableToggled, function(e, target, newState, sameGroup) {
- if (newState && (attrs.id !== target) && (attrs.exclusionGroup === sameGroup) && (attrs.exclusionGroup != null)) {
- toggleState = false;
- ToggleHelper.toggleStateChanged(elem, attrs, toggleState);
- }
- });
-
- var unbindTogglerLinked = $rootScope.$on(ToggleHelper.events.togglerLinked, function(e, target) {
- if (attrs.id === target) {
- ToggleHelper.notifyToggleState(elem, attrs, toggleState);
- }
- });
-
- scope.$on('$destroy', function() {
- unbindToggle();
- unbindToggleByClass();
- unbindToggleableToggled();
- unbindTogglerLinked();
- });
- }
- };
- }
-]);
diff --git a/src/js/mobile-angular-ui.components.js b/src/js/mobile-angular-ui.components.js
new file mode 100644
index 0000000..fe66065
--- /dev/null
+++ b/src/js/mobile-angular-ui.components.js
@@ -0,0 +1,32 @@
+/**
+ * @module mobile-angular-ui.components
+ *
+ * @description
+ *
+ * It has directives and services providing mobile friendly
+ * components like navbars and sidebars.
+ * It requires `mobile-angular-ui.base.css`
+ * in order to work properly.
+ *
+ * ## Standalone Usage
+ *
+ * Although `.components` module is required by `mobile-angular-ui` by default
+ * you can use it alone. Some submodules requires `mobile-angular-ui.core` to work,
+ * so be sure its sources are available.
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.components']);
+ * ```
+ *
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.components', [
+ 'mobile-angular-ui.components.modals',
+ 'mobile-angular-ui.components.navbars',
+ 'mobile-angular-ui.components.sidebars',
+ 'mobile-angular-ui.components.scrollable',
+ 'mobile-angular-ui.components.switch'
+ ]);
+})();
diff --git a/src/js/mobile-angular-ui.core.js b/src/js/mobile-angular-ui.core.js
new file mode 100644
index 0000000..a5b3f2b
--- /dev/null
+++ b/src/js/mobile-angular-ui.core.js
@@ -0,0 +1,38 @@
+/**
+ * @module mobile-angular-ui.core
+ *
+ * @description
+ *
+ * It has all the core functionalities of Mobile Angular UI. It aims to act as a common base
+ * for an UI framework providing services and directives to create components and implement
+ * UI interactions with angular.
+ *
+ *
+ * NOTE
+ *
+ * - It has no dependency on Bootstrap.
+ * - It is not related to mobile apps only.
+ * - It is not requiring CSS support.
+ * - You can use it on any Angular Application and with any CSS framework.
+ *
+ *
+ *
+ * ## Standalone Usage
+ *
+ * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.core']);
+ * ```
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.core', [
+ 'mobile-angular-ui.core.fastclick',
+ 'mobile-angular-ui.core.activeLinks',
+ 'mobile-angular-ui.core.capture',
+ 'mobile-angular-ui.core.outerClick',
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.touchmoveDefaults'
+ ]);
+})();
diff --git a/src/js/mobile-angular-ui.gestures.js b/src/js/mobile-angular-ui.gestures.js
new file mode 100644
index 0000000..37b92d4
--- /dev/null
+++ b/src/js/mobile-angular-ui.gestures.js
@@ -0,0 +1,45 @@
+/**
+ * @module mobile-angular-ui.gestures
+ * @position 100
+ * @description
+ *
+ * It has directives and services to support `touch`, `swipe` and `drag` gestures.
+ *
+ * It does not need any `.css` to work.
+ *
+ *
+ *
+ * This module will not work with `ngTouch`
+ * cause it is intended, among offering more features, to be a drop-in
+ * replacement for it.
+ *
+ *
+ * Be aware that `ngTouch` is still not playing well with `fastclick.js` and its usage with `mobile-angular-ui` is currently discouraged anyway.
+ *
+ *
+ *
+ * ## Usage
+ *
+ * `.gestures` module is not required by `mobile-angular-ui` module. It has no
+ * dependency on other modules and is intended to be used alone with any other
+ * angular framework.
+ *
+ * You have to include `mobile-angular-ui.gestures.min.js` to your project in order to use it. Ie.
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.gestures', [
+ 'mobile-angular-ui.gestures.drag',
+ 'mobile-angular-ui.gestures.swipe',
+ 'mobile-angular-ui.gestures.transform'
+ ]);
+})();
diff --git a/src/js/mobile-angular-ui.js b/src/js/mobile-angular-ui.js
index bbd3c15..ee386e6 100644
--- a/src/js/mobile-angular-ui.js
+++ b/src/js/mobile-angular-ui.js
@@ -1,14 +1,27 @@
-angular.module("mobile-angular-ui", [
- 'mobile-angular-ui.pointer-events',
- 'mobile-angular-ui.active-links',
- 'mobile-angular-ui.fastclick',
- 'mobile-angular-ui.scrollable',
- 'mobile-angular-ui.directives.toggle',
- 'mobile-angular-ui.directives.overlay',
- 'mobile-angular-ui.directives.forms',
- 'mobile-angular-ui.directives.panels',
- 'mobile-angular-ui.directives.capture',
- 'mobile-angular-ui.directives.sidebars',
- 'mobile-angular-ui.directives.navbars',
- 'mobile-angular-ui.directives.carousel'
- ]);
\ No newline at end of file
+/**
+ * @module mobile-angular-ui
+ * @position 0
+ * @description
+ *
+ * This is the main angular module of `mobile-angular-ui` framework.
+ *
+ * By requiring this module you will have all `mobile-angular-ui.core`
+ * and `mobile-angular-ui.components` features required as well.
+ *
+ * ## Usage
+ *
+ * Declare it as a dependency for your application:
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui']);
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui', [
+ 'mobile-angular-ui.core',
+ 'mobile-angular-ui.components'
+ ]);
+
+})();
diff --git a/src/less/lib/dropdown.less b/src/less/lib/dropdown.less
new file mode 100644
index 0000000..e2fe1d7
--- /dev/null
+++ b/src/less/lib/dropdown.less
@@ -0,0 +1,7 @@
+// always displays modals
+// use ng-show/ng-hide or ng-if to
+// toggle and ng-animate to fade/animate
+
+.dropdown-menu {
+ display: block;
+}
\ No newline at end of file
diff --git a/src/less/lib/forms.less b/src/less/lib/forms.less
index dd64201..060a928 100644
--- a/src/less/lib/forms.less
+++ b/src/less/lib/forms.less
@@ -6,6 +6,7 @@ input[type="number"],
input[type="search"],
input[type="tel"],
input[type="text"],
+input[type="password"],
input[type="url"] {
-webkit-appearance: none;
}
@@ -41,51 +42,3 @@ input[type="url"] {
.form-actions {
margin-top: @form-actions-margin-top;
}
-
-.switch {
- cursor: pointer;
- position: relative;
- display: block;
- width: @switch-width;
- height: @switch-height;
- background-color: @input-bg;
- border: 1px solid @input-border;
- border-radius: @switch-border-radius;
-
- // Sliding handle
- .switch-handle {
- position: absolute;
- top: -1px;
- left: -1px;
- z-index: @zindex-switch-handle;
- width: @switch-handle-diameter;
- height: @switch-handle-diameter;
- background-color: @input-bg;
- border: 1px solid @input-border;
- border-radius: @switch-handle-border-radius;
- }
-
-
- // Active state for switch
- &.active {
- background-color: @switch-active-color;
- border: 1px solid @switch-active-color;
-
- .switch-handle {
- border-color: @switch-active-color;
- .translate3d(@switch-handle-diameter,0,0);
- }
- }
-}
-
-.switch-transition-enabled {
- .transition(~"background-color 200ms ease, border 200ms ease");
-}
-
-.switch-transition-enabled>.switch-handle{
- .transition-transform(~"200ms ease, background-color 200ms ease");
-}
-
-
-
-
\ No newline at end of file
diff --git a/src/less/lib/justified.less b/src/less/lib/justified.less
index a6b3715..9076990 100644
--- a/src/less/lib/justified.less
+++ b/src/less/lib/justified.less
@@ -3,6 +3,7 @@
.justified {
display: table;
width: 100%;
+ table-layout: fixed;
> * {
display: table-cell;
width: 1%;
diff --git a/src/less/lib/modal.less b/src/less/lib/modal.less
new file mode 100644
index 0000000..d45d4bb
--- /dev/null
+++ b/src/less/lib/modal.less
@@ -0,0 +1,34 @@
+// always displays modals
+// use ng-show/ng-hide or ng-if to
+// toggle and ng-animate to fade/animate
+
+.modal {
+ display: block;
+}
+
+.modal-dialog {
+ z-index: @zindex-modal;
+}
+
+.modal-overlay {
+ background: @overlay-background;
+ .modal-content, .modal-dialog {
+ background: none;
+ .box-shadow(none);
+ border: none;
+ }
+}
+
+.has-modal, .has-modal-overlay {
+ .app, .sidebar {
+ pointer-events: none;
+ }
+}
+
+.has-modal-overlay {
+ .app, .sidebar {
+ -webkit-filter: blur(@overlay-blur);
+ -ms-filter: blur(@overlay-blur); // hope someday will be used
+ filter: blur(@overlay-blur);
+ }
+}
\ No newline at end of file
diff --git a/src/less/lib/normalize.less b/src/less/lib/normalize.less
new file mode 100644
index 0000000..744dc18
--- /dev/null
+++ b/src/less/lib/normalize.less
@@ -0,0 +1,15 @@
+ng-view,
+ng-include,
+ng-transclude,
+ui-shared-state {
+ display: block;
+}
+
+a {
+ cursor: pointer;
+}
+
+ng-view.app-content,
+.app-content>ng-view {
+ height: 100%;
+}
\ No newline at end of file
diff --git a/src/less/lib/overlay.less b/src/less/lib/overlay.less
deleted file mode 100644
index da0b8db..0000000
--- a/src/less/lib/overlay.less
+++ /dev/null
@@ -1,69 +0,0 @@
-[overlay],[data-overlay] {
- display: none;
-}
-
-.overlay {
- display: none;
- position: absolute;
- left:0;
- top:0;
- bottom: 0;
- right: 0;
-
- .overlay-inner {
- width: 100%;
- height: 100%;
- position: relative;
- overflow: hidden;
- >.overlay-background {
- position: absolute;
- left:0;
- top:0;
- bottom: 0;
- right: 0;
- margin: @overlay-margin;
- background: @overlay-background;
- z-index: @zindex-modal-background;
- }
- >.overlay-dismiss {
- position: absolute;
- right: @overlay-dismiss-margin-right;
- top: @overlay-dismiss-margin-top;
- z-index: @zindex-modal + 1;
- font-size: @overlay-dismiss-font-size;
- }
- >.overlay-content {
- width: 100%;
- box-sizing: border-box;
- display: table;
- background: transparent;
- text-align: center;
- color: @overlay-content-color;
- height: 100%;
- z-index: @zindex-modal;
- position: absolute;
- left:0;
- top:0;
- bottom: 0;
- right: 0;
- padding: @overlay-content-padding;
- >.overlay-body {
- display: table-cell;
- vertical-align: middle;
- }
- }
-
- }
-}
-
-.overlay-in>.overlay-show {
- display: block;
-}
-
-.overlay-in>.app,.overlay-in>.sidebar {
- -webkit-filter: blur(@overlay-blur);
- -moz-filter: blur(@overlay-blur);
- -o-filter: blur(@overlay-blur);
- -ms-filter: blur(@overlay-blur);
- filter: blur(@overlay-blur);
-}
diff --git a/src/less/lib/panel.less b/src/less/lib/panel.less
index 66330d4..70229d6 100644
--- a/src/less/lib/panel.less
+++ b/src/less/lib/panel.less
@@ -1,69 +1,10 @@
-.panel {
- .box-shadow(none);
- background: @body-bg;
-}
-
-.panel-group .panel+.panel {
- margin-top: -1px;
-}
-
-.panel-group .panel-heading[toggle] {
- cursor: pointer;
-}
-
-html .panel-group {
- .panel-heading {
- padding: @panel-group-panel-heading-padding;
- }
- .panel-title {
- line-height: @panel-title-line-height;
- }
-}
-
-// reset style for .panel without theme (eg. without panel-default)
-.panel-heading, .panel-body {
- padding: @panel-padding;
- border: 0;
-}
-
-.panel-body {
- background: @panel-bg;
+a.panel-heading {
+ display: block;
}
.panel-heading {
- border-bottom: 1px solid @panel-inner-border;
-}
-
-.panel-title {
- color: @gray-light;
- font-weight: @panel-title-font-weight;
- font-size: @panel-title-font-size;
-}
-
-form {
- .panel-heading {
- margin-bottom: 0;
- padding-bottom: @line-height-computed / 2;
- }
-
- .panel-body {
- padding-top: 0;
- padding-bottom: 0;
+ >.btn, >.btn-group>.btn {
+ margin-top: -(@padding-base-vertical + 2);
+ margin-right: -15px;
}
-
-}
-
-.panel-group .panel-heading + .panel-collapse .panel-body {
- border-top: 0;
-}
-
-// panel-default theme
-
-.panel-default {
- .panel-heading {
- padding: @panel-default-panel-heading-padding;
- }
- .panel-body {
- padding: @panel-default-panel-body-padding;
- }
-}
+}
\ No newline at end of file
diff --git a/src/less/lib/scrollable.less b/src/less/lib/scrollable.less
index 8d98b8d..2b3c081 100644
--- a/src/less/lib/scrollable.less
+++ b/src/less/lib/scrollable.less
@@ -10,12 +10,34 @@
right: 0;
}
+.scrollable-header, .scrollable-footer {
+ position: absolute;
+ width: 100%;
+ left: 0;
+ right: 0;
+ z-index: @zindex-navbar;
+ display: block;
+ border-radius: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.scrollable-header {
+ top: 0;
+}
+
+.scrollable-footer {
+ bottom: 0;
+}
+
.scrollable-content {
width: 100%;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
- }
+}
+
+// deprecated!
.sidebar-header+.scrollable,.app-name+.scrollable{
padding-top: @sidebar-header-height;
diff --git a/src/less/lib/sections.less b/src/less/lib/sections.less
index 8671e77..049af58 100644
--- a/src/less/lib/sections.less
+++ b/src/less/lib/sections.less
@@ -1,9 +1,15 @@
.section {
+ .container-fluid;
background: @body-bg;
padding-top: floor(@line-height-computed / 2);
padding-bottom: floor(@line-height-computed / 2);
}
+.section-wide {
+ padding-left: 0;
+ padding-right: 0;
+}
+
.section.section-condensed {
padding-top: 0; padding-bottom: 0;
}
diff --git a/src/less/lib/sidebar.less b/src/less/lib/sidebar.less
index 3b43c56..54ff09a 100644
--- a/src/less/lib/sidebar.less
+++ b/src/less/lib/sidebar.less
@@ -3,10 +3,10 @@
position: absolute;
top: 0;
bottom: 0;
- display: block;
-
+ display: none;
.translate3d(0, 0, 0);
.transition-transform(~"400ms ease");
+ pointer-events: none;
}
.sidebar-left {
@@ -22,26 +22,26 @@
width: @sidebar-right-width;
left: auto;
right: 0;
- .opacity(1);
- .transition(~"opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease");
+ .transition(~"width 400ms ease");
}
-.sidebar-left-in .sidebar-right {
- z-index: -100;
- .opacity(0);
- .transition(~"opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease");
- width: 0;
+.sidebar-left-visible .sidebar-left, .sidebar-right-visible .sidebar-right {
+ display: block;
+}
+
+.sidebar-left-in .sidebar-left, .sidebar-right-in .sidebar-right {
+ pointer-events: auto;
}
.sidebar-left-in .app {
width: 100%;
- .translate3d(@sidebar-left-width, 0, 0);
+ .translate(@sidebar-left-width, 0);
.transition-transform(~"400ms ease");
}
.sidebar-right-in .app {
width: 100%;
- .translate3d(-@sidebar-right-width, 0, 0);
+ .translate(-@sidebar-right-width, 0);
.transition-transform(~"400ms ease");
}
@@ -54,4 +54,4 @@
color: @sidebar-header-color;
margin: 0;
z-index: @zindex-sidebar-header;
-}
+}
\ No newline at end of file
diff --git a/src/less/lib/switch.less b/src/less/lib/switch.less
new file mode 100644
index 0000000..5d55502
--- /dev/null
+++ b/src/less/lib/switch.less
@@ -0,0 +1,52 @@
+ui-switch {
+ display: block;
+}
+
+.switch {
+ cursor: pointer;
+ position: relative;
+ display: block;
+ width: @switch-width;
+ height: @switch-height;
+ background-color: @input-bg;
+ border: 1px solid @input-border;
+ border-radius: @switch-border-radius;
+
+ &[disabled] {
+ cursor: default;
+ .opacity(0.4);
+ }
+
+ // Sliding handle
+ .switch-handle {
+ position: absolute;
+ top: -1px;
+ left: -1px;
+ z-index: @zindex-switch-handle;
+ width: @switch-handle-diameter;
+ height: @switch-handle-diameter;
+ background-color: @input-bg;
+ border: 1px solid @input-border;
+ border-radius: @switch-handle-border-radius;
+ }
+
+
+ // Active state for switch
+ &.active {
+ background-color: @switch-active-color;
+ border: 1px solid @switch-active-color;
+
+ .switch-handle {
+ border-color: @switch-active-color;
+ .translate(@switch-handle-diameter,0);
+ }
+ }
+}
+
+.switch-transition-enabled {
+ .transition(~"background-color 200ms ease, border 200ms ease");
+}
+
+.switch-transition-enabled>.switch-handle{
+ .transition-transform(~"200ms ease, background-color 200ms ease");
+}
\ No newline at end of file
diff --git a/src/less/mobile-angular-ui.less b/src/less/mobile-angular-ui-base.less
similarity index 83%
rename from src/less/mobile-angular-ui.less
rename to src/less/mobile-angular-ui-base.less
index e6d1dba..399356a 100644
--- a/src/less/mobile-angular-ui.less
+++ b/src/less/mobile-angular-ui-base.less
@@ -8,17 +8,7 @@
// Font Awesome Stuffs
// ==========================================
-@import "https://github.com/font-awesome/less/mixins";
-@import "https://github.com/font-awesome/less/path";
-@import "https://github.com/font-awesome/less/core";
-@import "https://github.com/font-awesome/less/larger";
-@import "https://github.com/font-awesome/less/fixed-width";
-@import "https://github.com/font-awesome/less/list";
-@import "https://github.com/font-awesome/less/bordered-pulled";
-@import "https://github.com/font-awesome/less/spinning";
-@import "https://github.com/font-awesome/less/rotated-flipped";
-@import "https://github.com/font-awesome/less/stacked";
-@import "https://github.com/font-awesome/less/icons";
+@import "https://github.com/font-awesome/less/font-awesome.less";
// ==========================================
// Bootstrap Stuffs
@@ -62,6 +52,7 @@
@import "https://github.com/bootstrap/less/modals.less";
@import "https://github.com/bootstrap/less/tooltip.less";
@import "https://github.com/bootstrap/less/popovers.less";
+@import "https://github.com/bootstrap/less/modals.less";
@import "https://github.com/bootstrap/less/carousel.less";
// Utility classes
@@ -72,6 +63,7 @@
// Mobile Angular Ui Stuffs
// ==========================================
+@import "https://github.com/lib/normalize.less";
@import "https://github.com/lib/globals.less";
@import "https://github.com/lib/layout.less";
@import "https://github.com/lib/forms.less";
@@ -83,7 +75,9 @@
@import "https://github.com/lib/sections.less";
@import "https://github.com/lib/justified.less";
@import "https://github.com/lib/scrollable.less";
-@import "https://github.com/lib/overlay.less";
@import "https://github.com/lib/validations.less";
@import "https://github.com/lib/panel.less";
@import "https://github.com/lib/carousel.less";
+@import "https://github.com/lib/modal.less";
+@import "https://github.com/lib/switch.less";
+@import "https://github.com/lib/dropdown.less";
diff --git a/src/less/mobile-angular-ui-desktop.less b/src/less/mobile-angular-ui-desktop.less
index 57a071f..862603e 100644
--- a/src/less/mobile-angular-ui-desktop.less
+++ b/src/less/mobile-angular-ui-desktop.less
@@ -13,6 +13,11 @@
@import "https://github.com/bootstrap/less/jumbotron.less";
@media (min-width: @screen-desktop) {
+
+ .sidebar {
+ pointer-events: auto;
+ }
+
.sidebar-toggle {
display: none;
}
diff --git a/src/less/variables.less b/src/less/variables.less
index 04abb51..2bde904 100644
--- a/src/less/variables.less
+++ b/src/less/variables.less
@@ -1,7 +1,6 @@
@import "https://github.com/font-awesome/less/variables";
@import "https://github.com/bootstrap/less/variables.less";
-
// Bootstrap Overrides
@brand-primary: #007aff;
@brand-success: #4cd964;
@@ -31,7 +30,7 @@
@border-radius-small: 3px;
// Globals
-@font-weight: 200;
+@font-weight: 400;
@active-link-opacity: .6;
@page-header-margin-top: 10px;
@@ -60,7 +59,7 @@
// Overlays
@overlay-margin: -5px -5px -5px -5px;
-@overlay-background: rgba(255, 255, 255, .8);
+@overlay-background: rgba(255, 255, 255, .95);
@overlay-content-padding: 20px;
@overlay-dismiss-font-size: 24px;
@overlay-dismiss-margin: @overlay-content-padding / 2;
@@ -73,7 +72,7 @@
@panel-padding: 10px 15px;
@panel-title-font-size: 20px;
-@panel-title-font-weight: 200;
+@panel-title-font-weight: 300;
@panel-group-panel-heading-padding: 0 15px;
@panel-title-line-height: @line-height-computed * 2;
@panel-default-panel-heading-padding: 0 0 10px 0;
@@ -109,4 +108,4 @@
@sidebar-header-color: #fff;
@sidebar-background: @gray;
@sidebar-left-background: @sidebar-background;
-@sidebar-right-background: @sidebar-background;
\ No newline at end of file
+@sidebar-right-background: @sidebar-background;
diff --git a/tasks/grunt-smq.js b/tasks/grunt-smq.js
deleted file mode 100644
index 0df6412..0000000
--- a/tasks/grunt-smq.js
+++ /dev/null
@@ -1,68 +0,0 @@
-var cssParse, cssStringify, fs, parameterize, path, util;
-
-util = require('util');
-
-parameterize = require('parameterize');
-
-fs = require("fs");
-
-path = require('path');
-
-cssParse = require('css-parse');
-
-cssStringify = require('css-stringify');
-
-module.exports = function(grunt) {
- return grunt.task.registerMultiTask("smq", "Split Css by Media Queries", function() {
- var config, dest, files;
- config = this.data;
- files = grunt.file.expand({
- cwd: config.cwd || "."
- }, config.src);
- dest = config.dest || ".";
- try {
- grunt.file.mkdir(dest);
- } catch (_error) {}
- return files.forEach(function(src) {
- var css, destFile, filename, i, ifile, medias, name, nameroot, ofile, rule, rules, stylesheet, tree, _i, _name, _ref, _results;
- nameroot = config.basename || path.basename(src, path.extname(src));
- ifile = path.resolve(config.cwd || ".", src);
- ofile = path.resolve(dest, nameroot + "-base.css");
- css = fs.readFileSync(ifile).toString();
- tree = cssParse(css);
- rules = tree.stylesheet.rules || [];
- medias = {};
- for (i = _i = _ref = rules.length - 1; _ref <= 0 ? _i <= 0 : _i >= 0; i = _ref <= 0 ? ++_i : --_i) {
- rule = rules[i];
- if (rule.type === "media") {
- if (medias[_name = rule.media] == null) {
- medias[_name] = [];
- }
- (rule.rules || []).forEach(function(r) {
- return medias[rule.media].unshift(r);
- });
- rules.splice(i, 1);
- }
- }
- fs.writeFileSync(ofile, cssStringify(tree));
- for (name in medias) {
- rules = medias[name];
- filename = parameterize(name);
- destFile = path.resolve(dest, nameroot + "-" + filename + ".css");
- stylesheet = {
- type: "stylesheet",
- stylesheet: {
- rules: [
- {
- type: "media",
- media: name,
- rules: rules
- }
- ]
- }
- };
- fs.writeFileSync(destFile, cssStringify(stylesheet));
- }
- });
- });
-};
diff --git a/tasks/grunt-split-hover.js b/tasks/grunt-split-hover.js
deleted file mode 100644
index 0d8c6db..0000000
--- a/tasks/grunt-split-hover.js
+++ /dev/null
@@ -1,81 +0,0 @@
-var cssParse, cssStringify, fs, parameterize, path, util;
-
-util = require('util');
-
-parameterize = require('parameterize');
-
-fs = require("fs");
-
-path = require('path');
-
-cssParse = require('css-parse');
-
-cssStringify = require('css-stringify');
-
-module.exports = function(grunt) {
- return grunt.task.registerMultiTask("split-hover", "Collect and remove :hover rules from css", function() {
- var config = this.data;
- var files = grunt.file.expand({
- cwd: config.cwd || "."
- }, config.src);
-
- var dest = config.dest;
-
- if (!dest) {
- throw(new Error('config.dest not set'));
- }
-
- files.forEach(function(src) {
- var nameroot = config.basename || path.basename(src, path.extname(src));
- var ifile = path.resolve(config.cwd || ".", src);
- var ofile = path.resolve(dest);
- var css = fs.readFileSync(ifile).toString();
- var tree = cssParse(css);
- var rules = tree.stylesheet.rules || [];
-
- var hoverStylesheet = {
- type: "stylesheet",
- stylesheet: {
- rules: []
- }
- };
- var hoverRules = hoverStylesheet.stylesheet.rules;
-
- // NOTE: This wont catch :hover selectors inside media queries, but this is ok for mobile angular ui, since
- // at this point mobile.css should be free from media queries.
-
- rules.forEach(function(rule){
- if (rule.type === 'rule') {
- var hoverSelectors = [];
-
- rule.selectors = rule.selectors.filter(function(selector){
- var isHoverSelector = selector.match(/\:hover/);
- if (isHoverSelector) {
- hoverSelectors.push(selector);
- return false;
- } else {
- return true;
- }
- });
-
- if (hoverSelectors.length) {
- // create a rule with these selectors
- hoverRules.push({
- type: 'rule',
- selectors: hoverSelectors,
- declarations: rule.declarations
- });
- }
- }
- });
-
- // deletes roules that only had :hover selectors thus having empty selectors now
- tree.stylesheet.rules = tree.stylesheet.rules.filter(function(rule){
- return rule.type != 'rule' || (!! rule.selectors.length);
- });
-
- fs.writeFileSync(ifile, cssStringify(tree));
- fs.writeFileSync(ofile, cssStringify(hoverStylesheet));
- });
- });
-};
diff --git a/tasks/release.js b/tasks/release.js
deleted file mode 100644
index a799776..0000000
--- a/tasks/release.js
+++ /dev/null
@@ -1,84 +0,0 @@
-//
-// eg. grunt prerelease --msg='Added carousels;'
-//
-
-var exec, path, semver;
-
-exec = require("child_process").exec;
-
-path = require("path");
-
-semver = require("semver");
-
-module.exports = function(grunt) {
- var run;
-
- run = function(cmd, callback) {
- var cp;
- grunt.log.writeln("Executing: " + cmd.blue);
- cp = exec(cmd, function(err, stdout, stderr) {
- if (err) {
- grunt.fail.warn(err);
- callback(err);
- return;
- }
- callback(false, stdout);
- });
- cp.stdout.pipe(process.stdout);
- };
-
- ["major", "minor", "patch", "prerelease"].forEach(function(verType) {
- return grunt.task.registerTask(verType, "Commit and release a new version", function() {
- var message, nextver, taskDone;
- taskDone = this.async();
- message = grunt.option("msg");
- if (!message) {
- grunt.fail.warn("Commit message can't be blank");
- taskDone;
- }
- nextver = null;
- return run("git tag", function(err, out) {
- var latest, sortedTags, tags;
- if (!err) {
- tags = out.split("\n").filter(function(tag) {
- return semver.valid(tag);
- });
- sortedTags = tags.sort(function(t1, t2) {
- return semver.rcompare(t1, t2);
- });
- latest = sortedTags[0];
- nextver = semver.inc(latest, verType);
- console.log("Latest:", latest);
- console.log("Next:", nextver);
- return run("git add .", function(err, out) {
- if (err) {
- return taskDone();
- } else {
- return run("git commit -m \"" + message + "\" -a", function(err, out) {
- if (err) {
- return taskDone();
- } else {
- return run("git push", function(err, out) {
- if (err) {
- return taskDone();
- } else {
- return run("git tag -a " + nextver + " -m \"" + message + "\"", function(err, out) {
- if (err) {
- return taskDone();
- } else {
- return run("git push --tags", function(err, out) {
- return taskDone();
- });
- }
- });
- }
- });
- }
- });
- }
- });
- }
- });
- });
- });
-};
diff --git a/test/e2e/.eslintrc b/test/e2e/.eslintrc
new file mode 100644
index 0000000..9681ffb
--- /dev/null
+++ b/test/e2e/.eslintrc
@@ -0,0 +1,58 @@
+{
+ "plugins": [
+ "babel",
+ "protractor"
+ ],
+ "extends": [
+ "eslint:recommended",
+ "google",
+ "plugin:protractor/recommended"
+ ],
+ "parser": "babel-eslint",
+ "parserOptions": {
+ "sourceType": "module",
+ "ecmaFeatures": {
+ "modules": true,
+ "forOf": true,
+ "blockBindings": true,
+ "arrowFunctions": true,
+ "classes": true,
+ "defaultParams": true,
+ "destructuring": true,
+ "generators": true,
+ "restParams": true,
+ "spread": true,
+ "superInFunctions": true,
+ "templateStrings": true,
+ "experimentalObjectRestSpread": true
+ }
+ },
+ "env": {
+ "es6": true,
+ "browser": true,
+ "mocha": true,
+ "node": true,
+ "protractor": true,
+ "jasmine": true
+ },
+ "globals": {
+ "jasmine": false
+ },
+ "rules": {
+ "new-cap": 0,
+ "no-console": [1, { "allow": ["info", "warn", "error"] }],
+ "quotes": [2, "single"],
+ "no-unused-vars": 2,
+ "eqeqeq": 2,
+ "complexity": [2, 10],
+ "max-len": [2, 160],
+ "no-var": 2,
+ "comma-dangle": [2, "never"],
+ "no-mixed-spaces-and-tabs": 2,
+ "quote-props": [2, "as-needed"],
+ "padded-blocks": 0,
+ "require-jsdoc": 0,
+ "generator-star-spacing": 0,
+ "babel/generator-star-spacing": 1
+ }
+}
diff --git a/test/e2e/app/index.html b/test/e2e/app/index.html
new file mode 100644
index 0000000..71821e2
--- /dev/null
+++ b/test/e2e/app/index.html
@@ -0,0 +1,54 @@
+
+
+
+
+ Mobile Angular UI E2E Tests
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Mobile Angular UI + Demo 1.3
-
+
+
-
-
- Play around a little
+
+
Play around a little
Open the sidebar and start testing features
-
+
+
-
-
- Test responsiveness and speed
+
+
Test responsiveness and speed
Scroll, tap, navigate, test that everything is smooth
-
+
+
-
-
- Resize your browser
+
+
Resize your browser
Stretch and squeeze your browser window to see both mobile and desktop versions.
-
+
+
- Mobile Angular UI Examples
+ Mobile Angular UI Demo
-
+
-
+
-
-
-
+
+
+
+
-
+
+
-
+
-
+
-
-
- Just in case, don't forget to indicate your user agent string:
- {{userAgent}} +
diff --git a/demo/img/1.jpg b/demo/img/1.jpg
new file mode 100644
index 0000000..a01a565
Binary files /dev/null and b/demo/img/1.jpg differ
diff --git a/demo/img/2.jpg b/demo/img/2.jpg
new file mode 100644
index 0000000..8303911
Binary files /dev/null and b/demo/img/2.jpg differ
diff --git a/demo/img/3.jpg b/demo/img/3.jpg
new file mode 100644
index 0000000..033855c
Binary files /dev/null and b/demo/img/3.jpg differ
diff --git a/demo/img/4.jpg b/demo/img/4.jpg
new file mode 100644
index 0000000..e68b124
Binary files /dev/null and b/demo/img/4.jpg differ
diff --git a/demo/img/5.jpg b/demo/img/5.jpg
new file mode 100644
index 0000000..8ff8e48
Binary files /dev/null and b/demo/img/5.jpg differ
diff --git a/demo/index.html b/demo/index.html
index a23d5fe..aa057cd 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -1,54 +1,57 @@
-
Submit an issue
- Please submit any issue you'll find. It would help a lot!- Just in case, don't forget to indicate your user agent string:
- {{userAgent}} +
+
Submit an issue
+Please submit any issue you'll find, reporting your user agent string:
+
{{userAgent}}
+ + It would help a lot! +
+
-
- Mobile Angular UI
+
-
-
-
-
+
diff --git a/demo/modal1.html b/demo/modal1.html
new file mode 100644
index 0000000..0e0cb31
--- /dev/null
+++ b/demo/modal1.html
@@ -0,0 +1,19 @@
+
+
+
diff --git a/demo/modal2.html b/demo/modal2.html
new file mode 100644
index 0000000..1916e6d
--- /dev/null
+++ b/demo/modal2.html
@@ -0,0 +1,18 @@
+
diff --git a/demo/overlay.html b/demo/overlay.html
index 8cbbce3..61765e7 100644
--- a/demo/overlay.html
+++ b/demo/overlay.html
@@ -1,41 +1,27 @@
-
+
+
+
+
Overlays
-
-
+
-
-
- Show Overlay 1
- Show Overlay 2
-
-
-
-
- Title
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, autem, culpa rerum odio sed esse officia quae nulla corporis laudantium necessitatibus dolores dolore nam eum exercitationem aut porro. Autem, nostrum.
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, inventore, doloremque debitis accusamus qui pariatur aut ullam id reprehenderit impedit explicabo perspiciatis recusandae blanditiis quasi maiores quas itaque. Nesciunt, natus.
-
+
-
+ Show Modal
+ Show Overlay
+
-
-
First Overlay
-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, ex eaque possimus ipsa ab quasi quos corporis consequatur laudantium? Ab assumenda delectus quo velit voluptates doloribus. Earum odit facilis qui. -
-- Ok - Cancel -
+
+
+ + {{lorem}} +
+
-
Second Overlay
-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, ex eaque possimus ipsa ab quasi quos corporis consequatur laudantium? Ab assumenda delectus quo velit voluptates doloribus. Earum odit facilis qui. -
-- Ok - Cancel -
+
+
+
diff --git a/demo/scroll.html b/demo/scroll.html
index e5ea7d2..3c2ddb4 100644
--- a/demo/scroll.html
+++ b/demo/scroll.html
@@ -1,11 +1,26 @@
-
+
+ Scroll
+
-
-
+
diff --git a/demo/sidebar.html b/demo/sidebar.html
index bd60832..e34f016 100644
--- a/demo/sidebar.html
+++ b/demo/sidebar.html
@@ -1,8 +1,7 @@
-
+
+
+
-
\ No newline at end of file
+
+
+
+ Show
+ Hide
+ Search Bar
+
+
-
+
{{ item }}
Mobile Angular UI
- -
+
+
Mobile Angular UI 1.3
-
diff --git a/demo/sidebarRight.html b/demo/sidebarRight.html
index af81070..a6098f1 100644
--- a/demo/sidebarRight.html
+++ b/demo/sidebarRight.html
@@ -1,29 +1,25 @@
-
-
diff --git a/demo/swipe.html b/demo/swipe.html
new file mode 100644
index 0000000..0bf68e5
--- /dev/null
+++ b/demo/swipe.html
@@ -0,0 +1,29 @@
+
+
\ No newline at end of file
diff --git a/demo/tabs.html b/demo/tabs.html
index be48823..b710784 100644
--- a/demo/tabs.html
+++ b/demo/tabs.html
@@ -1,65 +1,50 @@
-
+
+
+Swipe me
+ +
+
+ + Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. +
++ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. +
++ Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. +
++ Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. +
++ At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. +
+
+
diff --git a/demo/touch.html b/demo/touch.html
new file mode 100644
index 0000000..87d96cf
--- /dev/null
+++ b/demo/touch.html
@@ -0,0 +1,29 @@
+
+ Tabs
+
+
+
-
\ No newline at end of file
diff --git a/demo/toggle.html b/demo/toggle.html
index 581ca05..b5f105c 100644
--- a/demo/toggle.html
+++ b/demo/toggle.html
@@ -1,33 +1,49 @@
+
+
+
+
-
-
-
+ Tab 1
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi, corporis, dicta cupiditate officiis nostrum recusandae aperiam quia dolores amet architecto laudantium alias in omnis perferendis. Ullam asperiores dolorum nobis.
-
+
- Tab 1
+{{lorem}}
+
-
+ Tab 2
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, esse minima magni asperiores optio exercitationem assumenda molestiae libero incidunt perferendis veniam quod. Nihil, rerum, nisi quo eos laborum libero expedita.
-
+
- Tab 2
+{{lorem}}
+
-
+ Tab 3
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, pariatur, sint ab assumenda est dolor molestiae maxime eaque sequi adipisci corporis molestias quos officiis rerum accusantium illo ullam commodi blanditiis.
-
+
+ Tab 1
+
+ Tab 2
+ Tab 3
+ Tab 3
+{{lorem}}
+ Toggle
+
+
+ Touch
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- type: {{touch.type}} +
- point: [{{touch.x}}, {{touch.y}}] +
- step: {{touch.step}} [{{touch.stepX}}, {{touch.stepY}}] +
- distance: {{touch.distance}} [{{touch.distanceX}}, {{touch.distanceY}}] +
- total: {{touch.total}} [{{touch.totalX}}, {{touch.totalY}}] +
- velocity: {{touch.velocity}} px/sec +
- averageVelocity: {{touch.averageVelocity}} px/sec +
- angle: {{touch.angle == null ? '-' : touch.angle}} deg +
- direction: {{touch.direction == null ? '-' : touch.direction}} +
+ n||Math.abs(t.pageY-this.touchStartY)>n},e.prototype.onTouchMove=function(e){return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(e.target)||this.touchHasMoved(e))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},e.prototype.findControl=function(e){return void 0!==e.control?e.control:e.htmlFor?document.getElementById(e.htmlFor):e.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},e.prototype.onTouchEnd=function(e){var t,a,u,c,l,s=this.targetElement;if(!this.trackingClick)return!0;if(e.timeStamp-this.lastClickTimethis.tapTimeout)return!0;if(this.cancelNextClick=!1,this.lastClickTime=e.timeStamp,a=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,o&&(l=e.changedTouches[0],s=document.elementFromPoint(l.pageX-window.pageXOffset,l.pageY-window.pageYOffset)||s,s.fastClickScrollParent=this.targetElement.fastClickScrollParent),u=s.tagName.toLowerCase(),"label"===u){if(t=this.findControl(s)){if(this.focus(s),n)return!1;s=t}}else if(this.needsFocus(s))return e.timeStamp-a>100||i&&window.top!==window&&"input"===u?(this.targetElement=null,!1):(this.focus(s),this.sendClick(s,e),i&&"select"===u||(this.targetElement=null,e.preventDefault()),!1);return i&&!r&&(c=s.fastClickScrollParent,c&&c.fastClickLastScrollTop!==c.scrollTop)?!0:(this.needsClick(s)||(e.preventDefault(),this.sendClick(s,e)),!1)},e.prototype.onTouchCancel=function(){this.trackingClick=!1,this.targetElement=null},e.prototype.onMouse=function(e){return this.targetElement?e.forwardedTouchEvent?!0:e.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)?(e.stopImmediatePropagation?e.stopImmediatePropagation():e.propagationStopped=!0,e.stopPropagation(),e.preventDefault(),!1):!0:!0},e.prototype.onClick=function(e){var t;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===e.target.type&&0===e.detail?!0:(t=this.onMouse(e),t||(this.targetElement=null),t)},e.prototype.destroy=function(){var e=this.layer;n&&(e.removeEventListener("mouseover",this.onMouse,!0),e.removeEventListener("mousedown",this.onMouse,!0),e.removeEventListener("mouseup",this.onMouse,!0)),e.removeEventListener("click",this.onClick,!0),e.removeEventListener("touchstart",this.onTouchStart,!1),e.removeEventListener("touchmove",this.onTouchMove,!1),e.removeEventListener("touchend",this.onTouchEnd,!1),e.removeEventListener("touchcancel",this.onTouchCancel,!1)},e.notNeeded=function(e){var t,i,r,o;if("undefined"==typeof window.ontouchstart)return!0;if(i=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!n)return!0;if(t=document.querySelector("meta[name=viewport]")){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(i>31&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(a&&(r=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/),r[1]>=10&&r[2]>=3&&(t=document.querySelector("meta[name=viewport]")))){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===e.style.msTouchAction||"manipulation"===e.style.touchAction?!0:(o=+(/Firefox\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1],o>=27&&(t=document.querySelector("meta[name=viewport]"),t&&(-1!==t.content.indexOf("user-scalable=no")||document.documentElement.scrollWidth<=window.outerWidth))?!0:"none"===e.style.touchAction||"manipulation"===e.style.touchAction)},e.attach=function(t,n){return new e(t,n)},"function"==typeof define&&"object"==typeof define.amd&&define.amd?define(function(){return e}):"undefined"!=typeof module&&module.exports?(module.exports=e.attach,module.exports.FastClick=e):window.FastClick=e}(),function(){"use strict";angular.module("mobile-angular-ui.core.activeLinks",[]).provider("setupActiveLinks",["$locationProvider",function(e){this.$get=["$document","$location",function(t,n){return function(){for(var i=n.path(),r=t[0].links,o=0;o0;){if(n[0]===t[0])return n=null,!0;n=n.parent()}return n=null,!1}}).factory("bindOuterClick",["$document","$timeout","_mauiIsAncestorOrSelf",function(e,t,n){return function(i,r,o,a){var u=function(e){n(angular.element(e.target),r)||i.$apply(function(){o(i,{$event:e})})},c=angular.noop,l=null;a?c=i.$watch(a,function(n){t.cancel(l),n?l=t(function(){e.on("click tap",u)},0):e.unbind("click tap",u)}):(t.cancel(l),e.on("click tap",u)),i.$on("$destroy",function(){c(),e.unbind("click tap",u)})}}]).directive("uiOuterClick",["bindOuterClick","$parse",function(e,t){return{restrict:"A",compile:function(n,i){var r=t(i.uiOuterClick),o=i.uiOuterClickIf;return function(t,n){e(t,n,r,o)}}}}])}(),function(){"use strict";var e=angular.module("mobile-angular-ui.core.sharedState",[]);e.factory("SharedState",["$rootScope","$log",function(e,t){var n={},i={},r={},o={};return{initialize:function(t,a,u){u=u||{};var c=void 0===r[t],l=u.defaultValue,s=u.exclusionGroup;r[t.$id]=r[t.$id]||[],r[t.$id].push(a),i[a]?c&&i[a].references++:(i[a]=angular.extend({},u,{references:1}),e.$broadcast("mobile-angular-ui.state.initialized."+a,l),void 0!==l&&this.setOne(a,l),s&&(o[s]=o[s]||{},o[s][a]=!0)),t.$on("$destroy",function(){for(var u=r[t.$id]||[],c=0;c2||r.length<1)throw new Error('Error parsing uiScopeContext="'+e+'"');n.push(r)}return n},i=function(e,t,n){for(var i=0;i\n *\n * \n *\n * =u.height?0:i.bottom+r.stepY>u.bottom?u.bottom-i.bottom:i.top+r.stepY=90?n-90:n;var i=t.total-t.distance<=r,u=a>=n||n>=90-a,s=t.averageVelocity>=e;return i&&u&&s}};return{bind:function(e,n,r){return r=angular.extend({},i,r||{}),t.bind(e,n,r)}}}]),angular.forEach(["ui","ng"],function(e){angular.forEach(["Left","Right"],function(n){var r=e+"Swipe"+n;t.directive(r,["$swipe","$parse",function(t,e){return{link:function(a,o,i){var u=e(i[r]);t.bind(o,{end:function(t,e){t.direction===n.toUpperCase()&&(e.__UiSwipeHandled__||(e.__UiSwipeHandled__=!0,a.$apply(function(){u(a,{$touch:t})})))}})}}}])})})}(),function(){"use strict";var t=angular.module("mobile-angular-ui.gestures.touch",[]);t.provider("$touch",function(){var t=function(){return!0},e=1,n={mouse:{start:"mousedown",move:"mousemove",end:"mouseup"},touch:{start:"touchstart",move:"touchmove",end:"touchend",cancel:"touchcancel"}},r=["mouse","touch"],a=function(t){return t[0].ownerDocument.documentElement.getBoundingClientRect()};this.setPointerEvents=function(t){n=t,r=Object.keys(n)},this.setValid=function(e){t=e},this.setMovementThreshold=function(t){e=t},this.setSensitiveArea=function(t){a=t};var o=Math.abs,i=Math.atan2,u=Math.sqrt,s=function(t){var e=t.touches&&t.touches.length?t.touches:[t],n=t.changedTouches&&t.changedTouches[0]||t.originalEvent&&t.originalEvent.changedTouches&&t.originalEvent.changedTouches[0]||e[0].originalEvent||e[0];return{x:n.clientX,y:n.clientY}},c=function(t,e){var r=[];return angular.forEach(t,function(t){var a=n[t][e];a&&r.push(a)}),r.join(" ")},l=function(){return new Date},f=function(t,e){return e=e||l(),o(e-t)},m=function(t,e){return u(t*t+e*e)},v=function(t,e,n,r){n=n||{},r=r||{};var a=l(),u=n.timestamp||a,s=r.timestamp||u,c=e.x,v=e.y,d=n.x||c,g=n.y||v,h=r.x||d,p=r.y||g,X=r.totalX||0,Y=r.totalY||0,T=X+o(c-h),b=Y+o(v-p),w=m(T,b),R=f(a,u),E=f(a,s),y=c-h,A=v-p,x=m(y,A),Z=c-d,_=v-g,k=m(Z,_),C=E>0?o(x/(E/1e3)):0,M=R>0?o(w/(R/1e3)):0,S=o(Z)>o(_)?0>Z?"LEFT":"RIGHT":0>_?"TOP":"BOTTOM",L=0!==Z||0!==_?i(_,Z)*(180/Math.PI):null;return L=-180===L?180:L,{type:t,timestamp:a,duration:R,startX:d,startY:g,prevX:h,prevY:p,x:e.x,y:e.y,step:x,stepX:y,stepY:A,velocity:C,averageVelocity:M,distance:k,distanceX:Z,distanceY:_,total:w,totalX:T,totalY:b,direction:S,angle:L}};this.$get=[function(){return{bind:function(n,o,i){n=angular.element(n),i=i||{};var u,l,f,m,d,g=i.pointerTypes||r,h=void 0===i.valid?t:i.valid,p=void 0===i.movementThreshold?e:i.movementThreshold,X=void 0===i.sensitiveArea?a:i.sensitiveArea,Y=c(g,"start"),T=c(g,"end"),b=c(g,"move"),w=c(g,"cancel"),R=o.start,E=o.end,y=o.move,A=o.cancel,x=angular.element(n[0].ownerDocument),Z=function(){u=l=null,x.off(b,f),x.off(T,m),w&&x.off(w,d)},_=function(){return Boolean(u)},k=function(t){t.touches&&t.touches.length>1||(l=u=v("touchstart",s(t)),x.on(b,f),x.on(T,m),w&&x.on(w,d),R&&R(u,t))};return d=function(t){var e=v("touchcancel",s(t),u,l);Z(),A&&A(e,t)},f=function(t){if(!(t.touches&&t.touches.length>1)&&_()){var e=s(t),r="function"==typeof X?X(n):X;r=r.length?r[0]:r;var a=r instanceof Element?r.getBoundingClientRect():r;if(!(e.xa.right||e.ya.bottom)){var o=v("touchmove",e,u,l),i=o.totalX,c=o.totalY;l=o,p>i&&p>c||h(o,t)&&((void 0===t.cancelable||t.cancelable)&&t.preventDefault(),y&&y(o,t))}}},m=function(t){if(!(t.touches&&t.touches.length>1)&&_()){var e=angular.extend({},l,{type:"touchend"});h(e,t)&&((void 0===t.cancelable||t.cancelable)&&t.preventDefault(),E&&setTimeout(function(){E(e,t)},0)),Z()}},n.on(Y,k),function(){n&&(n.off(Y,k),w&&x.off(w,d),x.off(b,f),x.off(T,m),n=x=Y=w=b=T=k=d=f=m=g=h=p=X=null)}}}}]})}(),function(){"use strict";var t=angular.module("mobile-angular-ui.gestures.transform",[]);t.factory("$transform",function(){for(var t,e,n,r=["","webkit","Moz","O","ms"],a=document.createElement("div"),o=0;or;r++)for(var a=0;4>a;a++)e[r][a]/=n;return e},R=function(t){for(var e=[[],[],[],[]],n=0;4>n;n++)for(var r=0;4>r;r++)e[n][r]=t[r][n];return e},E=function(t,e){var n=[];return n[0]=t[0]*e[0][0]+t[1]*e[1][0]+t[2]*e[2][0]+t[3]*e[3][0],n[1]=t[0]*e[0][1]+t[1]*e[1][1]+t[2]*e[2][1]+t[3]*e[3][1],n[2]=t[0]*e[0][2]+t[1]*e[1][2]+t[2]*e[2][2]+t[3]*e[3][2],n[3]=t[0]*e[0][3]+t[1]*e[1][3]+t[2]*e[2][3]+t[3]*e[3][3],n},y=function(t){return f(t[0]*t[0]+t[1]*t[1]+t[2]*t[2])},A=function(t,e){var n=[],r=y(t);if(0!==r){var a=e/r;n[0]*=a,n[1]*=a,n[2]*=a}return n},x=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]},Z=function(t,e,n,r){var a=[];return a[0]=n*t[0]+r*e[0],a[1]=n*t[1]+r*e[1],a[2]=n*t[2]+r*e[2],a},_=function(t,e){var n=[];return n[0]=t[1]*e[2]-t[2]*e[1],n[1]=t[2]*e[0]-t[0]*e[2],n[2]=t[0]*e[1]-t[1]*e[0],n},k=function(t){var e,n,r={},a=p(t);if(0===a[3][3])return!1;for(e=0;4>e;e++)for(n=0;4>n;n++)a[e][n]/=a[3][3];var o=p(a);for(e=0;3>e;e++)o[e][3]=0;if(o[3][3]=1,0===T(o))return!1;if(0!==a[0][3]||0!==a[1][3]||0!==a[2][3]){var i=[];i[0]=a[0][3],i[1]=a[1][3],i[2]=a[2][3],i[3]=a[3][3];var u=w(o),s=R(u),c=E(i,s);r.perspectiveX=c[0],r.perspectiveY=c[1],r.perspectiveZ=c[2],r.perspectiveW=c[3],a[0][3]=a[1][3]=a[2][3]=0,a[3][3]=1}else r.perspectiveX=r.perspectiveY=r.perspectiveZ=0,r.perspectiveW=1;r.translateX=a[3][0],a[3][0]=0,r.translateY=a[3][1],a[3][1]=0,r.translateZ=a[3][2],a[3][2]=0;var f,g=[[],[],[]];for(e=0;3>e;e++)g[e][0]=a[e][0],g[e][1]=a[e][1],g[e][2]=a[e][2];if(r.scaleX=y(g[0]),A(g[0],1),r.skewXY=x(g[0],g[1]),Z(g[1],g[0],g[1],1,-r.skewXY),r.scaleY=y(g[1]),A(g[1],1),r.skewXY/=r.scaleY,r.skewXZ=x(g[0],g[2]),Z(g[2],g[0],g[2],1,-r.skewXZ),r.skewYZ=x(g[1],g[2]),Z(g[2],g[1],g[2],1,-r.skewYZ),r.scaleZ=y(g[2]),A(g[2],1),r.skewXZ/=r.scaleZ,r.skewYZ/=r.scaleZ,f=_(g[1],g[2]),x(g[0],f)<0)for(e=0;3>e;e++)r.scaleX*=-1,g[e][0]*=-1,g[e][1]*=-1,g[e][2]*=-1;return r.rotateY=l(m(-g[0][2]))||0,0===d(r.rotateY)?(r.rotateX=l(v(-g[2][0],g[1][1]))||0,r.rotateZ=0):(r.rotateX=l(v(g[1][2],g[2][2]))||0,r.rotateZ=l(v(g[0][1],g[0][0]))||0),r},C=function(t,e){var n=t||e||0;return String(n.toFixed(20))},M=function(t,e){return C(t,e)+"px"},S=function(t,e){return C(t,e)+"deg"};return{fromCssMatrix:function(t){var e=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]];if(t&&"none"!==t){var n=t.split("(")[1].split(")")[0].split(",").map(Number);if(t.match(/^matrix\(/))e[0][0]=n[0],e[1][0]=n[1],e[0][1]=n[2],e[1][1]=n[3],e[3][0]=n[4],e[3][1]=n[5];else for(var r=0;16>r;r++){var a=h(r/4),o=r%4;e[a][o]=n[r]}}return k(e)},toCss:function(t){var e=[C(t.perspectiveX),C(t.perspectiveY),C(t.perspectiveZ),C(t.perspectiveW,1)],n=[M(t.translateX),M(t.translateY),M(t.translateZ)],r=[C(t.scaleX),C(t.scaleY),C(t.scaleZ)],a=[S(t.rotateX),S(t.rotateY),S(t.rotateZ)],o=[C(t.skewXY),C(t.skewXZ),C(t.skewYZ)];return["matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,"+e.join(",")+")","translate3d("+n.join(",")+")","rotateX("+a[0]+") rotateY("+a[1]+") rotateZ("+a[2]+")","matrix3d(1,0,0,0,0,1,0,0,0,"+o[2]+",1,0,0,0,0,1)","matrix3d(1,0,0,0,0,1,0,0,"+o[1]+",0,1,0,0,0,0,1)","matrix3d(1,0,0,0,"+o[0]+",1,0,0,0,0,1,0,0,0,0,1)","scale3d("+r.join(",")+")"].join(" ")},get:function(t){return this.fromCssMatrix(u(t))},set:function(t,e){var n="string"==typeof e?e:this.toCss(e);s(t,n)}}})}(),function(){"use strict";angular.module("mobile-angular-ui.gestures",["mobile-angular-ui.gestures.drag","mobile-angular-ui.gestures.swipe","mobile-angular-ui.gestures.transform"])}();
+//# sourceMappingURL=mobile-angular-ui.gestures.min.js.map
diff --git a/dist/js/mobile-angular-ui.gestures.min.js.map b/dist/js/mobile-angular-ui.gestures.min.js.map
new file mode 100644
index 0000000..f3c3485
--- /dev/null
+++ b/dist/js/mobile-angular-ui.gestures.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["drag.js","swipe.js","touch.js","transform.js","mobile-angular-ui.gestures.js"],"names":["angular","module","provider","this","$get","$touch","$transform","style","document","createElement","appendChild","createTextNode","head","sheet","insertRule","NULL_TRANSFORM","element","transform","TRANSLATE_BOTH","touch","translateX","distanceX","translateY","distanceY","TRANSLATE_HORIZONTAL","TRANSLATE_UP","TRANSLATE_DOWN","TRANSLATE_LEFT","TRANSLATE_RIGHT","TRANSLATE_VERTICAL","TRANSLATE_INSIDE","wrapperElementOrRectangle","length","tx","ty","re","getBoundingClientRect","rw","Element","width","right","stepX","left","height","bottom","stepY","top","bind","$element","dragOptions","touchOptions","tS","rS","startEventHandler","start","endEventHandler","end","moveEventHandler","move","cancelEventHandler","cancel","transformEventHandler","domElement","tO","get","rO","moving","isMoving","cleanup","removeClass","reset","set","undo","setup","addClass","createDragInfo","extend","originalTransform","originalRect","startRect","rect","startTransform","onTouchMove","event","preventDefault","onTouchEnd","__UiSwipeHandled__","onTouchCancel","factory","VELOCITY_THRESHOLD","MOVEMENT_THRESHOLD","TURNAROUND_MAX","ANGLE_THRESHOLD","abs","Math","defaultOptions","movementThreshold","valid","t","absAngle","angle","validDistance","total","distance","validAngle","validVelocity","averageVelocity","eventHandlers","options","forEach","prefix","direction","directiveName","directive","$swipe","$parse","link","scope","elem","attrs","onSwipe","swipe","toUpperCase","$apply","VALID","POINTER_EVENTS","mouse","POINTER_TYPES","SENSITIVE_AREA","ownerDocument","documentElement","setPointerEvents","pointerEvents","Object","keys","setValid","fn","setMovementThreshold","v","setSensitiveArea","fnOrElementOrRect","atan2","sqrt","getCoordinates","touches","e","changedTouches","originalEvent","x","clientX","y","clientY","getEvents","pointerTypes","eventType","res","pointerType","eventName","push","join","now","Date","timediff","t1","t2","len","buildTouchInfo","type","c","t0","tl","ts","ts0","timestamp","tsl","x0","y0","xl","yl","totalXl","totalX","totalYl","totalY","duration","durationl","dxl","dyl","dl","dx","dy","d","tv","dir","PI","startX","startY","prevX","prevY","step","velocity","isValid","undefined","sensitiveArea","startEvents","endEvents","moveEvents","cancelEvents","$movementTarget","resetTouch","off","isActive","Boolean","onTouchStart","on","coords","mva","mvaRect","cancelable","setTimeout","cssPrefix","transformProperty","styleProperty","prefixes","i","toLowerCase","getElementTransformProperty","tr","window","getComputedStyle","getPropertyValue","setElementTransformProperty","value","SMALL_NUMBER","rad2deg","asin","cos","floor","cloneMatrix","m","j","determinant2x2","a","b","determinant3x3","a1","a2","a3","b1","b2","b3","c1","c2","c3","determinant4x4","d1","d2","d3","a4","b4","c4","d4","adjoint","inverse","det","transposeMatrix4","v4MulPointByMatrix","p","v3Length","v3Scale","desiredLength","l","v3Dot","v3Combine","ascl","bscl","v3Cross","decompose","mat","result","localMatrix","perspectiveMatrix","rightHandSide","inversePerspectiveMatrix","transposedInversePerspectiveMatrix","perspectivePoint","perspectiveX","perspectiveY","perspectiveZ","perspectiveW","translateZ","pdum3","row","scaleX","skewXY","scaleY","skewXZ","skewYZ","scaleZ","rotateY","rotateX","rotateZ","fCom","n","def","val","String","toFixed","fPx","fDeg","fromCssMatrix","M","elems","split","map","Number","match","col","toCss","perspective","translate","scale","rotation","skew","str"],"mappings":"CAqHA,WACA,YAEAA,SAAAC,OAAA,mCACA,mCACA,yCAGAC,SAAA,QAAA,WACAC,KAAAC,MAAA,SAAA,aAAA,SAAAC,EAAAC,GAGA,GAAAC,GAAAC,SAAAC,cAAA,QACAF,GAAAG,YAAAF,SAAAG,eAAA,KACAH,SAAAI,KAAAF,YAAAH,EACA,IAAAM,GAAAN,EAAAM,KAwBA,OArBAA,GAAAC,WAAA,iDAAA,GAEAD,EAAAC,WAAA,uLAIA,GAGAD,EAAAC,WAAA,6PAOA,GAEAP,EAAAM,EAAA,MAQAE,eAAA,SAAAC,EAAAC,GACA,MAAAA,IAGAC,eAAA,SAAAF,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAAD,EAAAE,UACAJ,EAAAK,WAAAH,EAAAI,UACAN,GAGAO,qBAAA,SAAAR,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAAD,EAAAE,UACAJ,EAAAK,WAAA,EACAL,GAGAQ,aAAA,SAAAT,EAAAC,EAAAE,GAGA,MAFAF,GAAAK,WAAAH,EAAAI,WAAA,EAAAJ,EAAAI,UAAA,EACAN,EAAAG,WAAA,EACAH,GAGAS,eAAA,SAAAV,EAAAC,EAAAE,GAGA,MAFAF,GAAAK,WAAAH,EAAAI,WAAA,EAAAJ,EAAAI,UAAA,EACAN,EAAAG,WAAA,EACAH,GAGAU,eAAA,SAAAX,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAAD,EAAAE,WAAA,EAAAF,EAAAE,UAAA,EACAJ,EAAAK,WAAA,EACAL,GAGAW,gBAAA,SAAAZ,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAAD,EAAAE,WAAA,EAAAF,EAAAE,UAAA,EACAJ,EAAAK,WAAA,EACAL,GAGAY,mBAAA,SAAAb,EAAAC,EAAAE,GAGA,MAFAF,GAAAG,WAAA,EACAH,EAAAK,WAAAH,EAAAI,UACAN,GAGAa,iBAAA,SAAAC,GAGA,MAFAA,GAAAA,EAAAC,OAAAD,EAAA,GAAAA,EAEA,SAAAf,EAAAC,EAAAE,GACAH,EAAAA,EAAAgB,OAAAhB,EAAA,GAAAA,CACA,IAEAiB,GACAC,EAHAC,EAAAnB,EAAAoB,wBACAC,EAAAN,YAAAO,SAAAP,EAAAK,wBAAAL,CA0BA,OArBAE,GADAE,EAAAI,OAAAF,EAAAE,MACA,EACAJ,EAAAK,MAAArB,EAAAsB,MAAAJ,EAAAG,MACAH,EAAAG,MAAAL,EAAAK,MACAL,EAAAO,KAAAvB,EAAAsB,MAAAJ,EAAAK,KACAL,EAAAK,KAAAP,EAAAO,KAEAvB,EAAAsB,MAIAP,EADAC,EAAAQ,QAAAN,EAAAM,OACA,EACAR,EAAAS,OAAAzB,EAAA0B,MAAAR,EAAAO,OACAP,EAAAO,OAAAT,EAAAS,OACAT,EAAAW,IAAA3B,EAAA0B,MAAAR,EAAAS,IACAT,EAAAS,IAAAX,EAAAW,IAEA3B,EAAA0B,MAGA5B,EAAAG,YAAAa,EACAhB,EAAAK,YAAAY,EACAjB,IAOA8B,KAAA,SAAAC,EAAAC,EAAAC,GACAF,EAAAhD,QAAAgB,QAAAgC,GACAC,EAAAA,MACAC,EAAAA,KAEA,IASAC,GACAC,EAVAC,EAAAJ,EAAAK,MACAC,EAAAN,EAAAO,IACAC,EAAAR,EAAAS,KACAC,EAAAV,EAAAW,OACAC,EAAAZ,EAAAhC,WAAAd,KAAAe,eAEA4C,EAAAd,EAAA,GACAe,EAAAzD,EAAA0D,IAAAhB,GACAiB,EAAAH,EAAA1B,wBAIA8B,GAAA,EAEAC,EAAA,WACA,MAAAD,IAGAE,EAAA,WACAF,GAAA,EACAf,EAAAC,EAAA,KACAJ,EAAAqB,YAAA,iBAGAC,EAAA,WACAhE,EAAAiE,IAAAT,EAAAC,IAGAS,EAAA,WACAlE,EAAAiE,IAAAT,EAAAX,GAAAY,IAGAU,EAAA,WACAP,GAAA,EACAd,EAAAU,EAAA1B,wBACAe,EAAA7C,EAAA0D,IAAAF,GACAd,EAAA0B,SAAA,iBAGAC,EAAA,SAAAxD,GAUA,MATAA,GAAAnB,QAAA4E,UAAAzD,GACAA,EAAA0D,kBAAAd,EACA5C,EAAA2D,aAAAb,EACA9C,EAAA4D,UAAA3B,EACAjC,EAAA6D,KAAAlB,EAAA1B,wBACAjB,EAAA8D,eAAA9B,EACAhC,EAAAF,UAAAX,EAAA0D,IAAAF,GACA3C,EAAAmD,MAAAA,EACAnD,EAAAqD,KAAAA,EACArD,GAGA+D,EAAA,SAAA/D,EAAAgE,GAUA,GAPAA,EAAAC,iBAOAjB,IAAA,CACAhD,EAAAwD,EAAAxD,EAEA,IAAAF,GAAA4C,EAAAb,EAAAhD,QAAA4E,UAAAzD,EAAAF,WAAAE,EAAAgE,EAEA7E,GAAAiE,IAAAT,EAAA7C,GAEAwC,GACAA,EAAAtC,EAAAgE,OAGAV,KACApB,GACAA,EAAAsB,EAAAxD,GAAAgE,IAKAE,EAAA,SAAAlE,EAAAgE,GACAhB,MAKAgB,EAAAG,oBAAA,EAEAnE,EAAAwD,EAAAxD,GACAiD,IAEAb,GACAA,EAAApC,EAAAgE,KAIAI,EAAA,SAAApE,EAAAgE,GACAhB,MAIAhD,EAAAwD,EAAAxD,GACAqD,IACAJ,IAEAT,GACAA,EAAAxC,EAAAgE,IAIA,OAAA9E,GAAA0C,KAAAC,GACAU,KAAAwB,EAAA1B,IAAA6B,EAAAzB,OAAA2B,GACArC,YCtWA,WACA,YAEA,IAAAjD,GAAAD,QAAAC,OAAA,oCACA,oCAyBAA,GAAAuF,QAAA,UAAA,SAAA,SAAAnF,GACA,GAAAoF,GAAA,IACAC,EAAA,GACAC,EAAA,GACAC,EAAA,GACAC,EAAAC,KAAAD,IAEAE,GACAC,kBAAAN,EAEAO,MAAA,SAAAC,GACA,GAAAC,GAAAN,EAAAK,EAAAE,MACAD,GAAAA,GAAA,GAAAA,EAAA,GAAAA,CAEA,IAAAE,GAAAH,EAAAI,MAAAJ,EAAAK,UAAAZ,EACAa,EAAAZ,GAAAO,GAAAA,GAAA,GAAAP,EACAa,EAAAP,EAAAQ,iBAAAjB,CAEA,OAAAY,IAAAG,GAAAC,GAIA,QAoCA1D,KAAA,SAAA/B,EAAA2F,EAAAC,GAEA,MADAA,GAAA5G,QAAA4E,UAAAmB,EAAAa,OACAvG,EAAA0C,KAAA/B,EAAA2F,EAAAC,QA+BA5G,QAAA6G,SAAA,KAAA,MAAA,SAAAC,GACA9G,QAAA6G,SAAA,OAAA,SAAA,SAAAE,GACA,GAAAC,GAAAF,EAAA,QAAAC,CACA9G,GAAAgH,UAAAD,GAAA,SAAA,SAAA,SAAAE,EAAAC,GACA,OACAC,KAAA,SAAAC,EAAAC,EAAAC,GACA,GAAAC,GAAAL,EAAAI,EAAAP,GACAE,GAAAnE,KAAAuE,GACA9D,IAAA,SAAAiE,EAAAtC,GACAsC,EAAAV,YAAAA,EAAAW,gBACAvC,EAAAG,qBACAH,EAAAG,oBAAA,EACA+B,EAAAM,OAAA,WACAH,EAAAH,GAAAhH,OAAAoH,uBC1GA,WACA,YACA,IAAAxH,GAAAD,QAAAC,OAAA,sCA+BAA,GAAAC,SAAA,SAAA,WAMA,GAAA0H,GAAA,WACA,OAAA,GAGAlC,EAAA,EAEAmC,GACAC,OACAxE,MAAA,YACAI,KAAA,YACAF,IAAA,WAEArC,OACAmC,MAAA,aACAI,KAAA,YACAF,IAAA,WACAI,OAAA,gBAIAmE,GAAA,QAAA,SAGAC,EAAA,SAAAhF,GACA,MAAAA,GAAA,GAAAiF,cAAAC,gBAAA9F,wBAsCAjC,MAAAgI,iBAAA,SAAAC,GACAP,EAAAO,EACAL,EAAAM,OAAAC,KAAAT,IAsBA1H,KAAAoI,SAAA,SAAAC,GACAZ,EAAAY,GAoBArI,KAAAsI,qBAAA,SAAAC,GACAhD,EAAAgD,GA+BAvI,KAAAwI,iBAAA,SAAAC,GACAZ,EAAAY,EAMA,IAAA/C,GAAAC,KAAAD,IACAgD,EAAA/C,KAAA+C,MACAC,EAAAhD,KAAAgD,KAMAC,EAAA,SAAA5D,GACA,GAAA6D,GAAA7D,EAAA6D,SAAA7D,EAAA6D,QAAAhH,OAAAmD,EAAA6D,SAAA7D,GACA8D,EAAA9D,EAAA+D,gBAAA/D,EAAA+D,eAAA,IACA/D,EAAAgE,eAAAhE,EAAAgE,cAAAD,gBACA/D,EAAAgE,cAAAD,eAAA,IACAF,EAAA,GAAAG,eAAAH,EAAA,EAEA,QACAI,EAAAH,EAAAI,QACAC,EAAAL,EAAAM,UAIAC,EAAA,SAAAC,EAAAC,GACA,GAAAC,KAOA,OANA3J,SAAA6G,QAAA4C,EAAA,SAAAG,GACA,GAAAC,GAAAhC,EAAA+B,GAAAF,EACAG,IACAF,EAAAG,KAAAD,KAGAF,EAAAI,KAAA,MAGAC,EAAA,WACA,MAAA,IAAAC,OAGAC,EAAA,SAAAC,EAAAC,GAEA,MADAA,GAAAA,GAAAJ,IACAnE,EAAAuE,EAAAD,IAGAE,EAAA,SAAAjB,EAAAE,GACA,MAAAR,GAAAM,EAAAA,EAAAE,EAAAA,IAmCAgB,EAAA,SAAAC,EAAAC,EAAAC,EAAAC,GAOAD,EAAAA,MACAC,EAAAA,KAGA,IAAAC,GAAAX,IACAY,EAAAH,EAAAI,WAAAF,EACAG,EAAAJ,EAAAG,WAAAD,EAGAxB,EAAAoB,EAAApB,EACAE,EAAAkB,EAAAlB,EACAyB,EAAAN,EAAArB,GAAAA,EACA4B,EAAAP,EAAAnB,GAAAA,EACA2B,EAAAP,EAAAtB,GAAA2B,EACAG,EAAAR,EAAApB,GAAA0B,EAGAG,EAAAT,EAAAU,QAAA,EACAC,EAAAX,EAAAY,QAAA,EACAF,EAAAD,EAAAtF,EAAAuD,EAAA6B,GACAK,EAAAD,EAAAxF,EAAAyD,EAAA4B,GACA5E,EAAA+D,EAAAe,EAAAE,GAGAC,EAAArB,EAAAS,EAAAC,GACAY,EAAAtB,EAAAS,EAAAG,GAGAW,EAAArC,EAAA6B,EACAS,EAAApC,EAAA4B,EACAS,EAAAtB,EAAAoB,EAAAC,GACAE,EAAAxC,EAAA2B,EACAc,EAAAvC,EAAA0B,EACAc,EAAAzB,EAAAuB,EAAAC,GAGAnD,EAAA8C,EAAA,EAAA3F,EAAA8F,GAAAH,EAAA,MAAA,EACAO,EAAAR,EAAA,EAAA1F,EAAAS,GAAAiF,EAAA,MAAA,EAGAS,EAAAnG,EAAA+F,GAAA/F,EAAAgG,GACA,EAAAD,EAAA,OAAA,QACA,EAAAC,EAAA,MAAA,SAmBAzF,EAAA,IAAAwF,GAAA,IAAAC,EAAAhD,EAAAgD,EAAAD,IAAA,IAAA9F,KAAAmG,IAAA,IAGA,OAFA7F,GAAA,OAAAA,EAAA,IAAAA,GAGAmE,KAAAA,EACAM,UAAAF,EACAY,SAAAA,EACAW,OAAAnB,EACAoB,OAAAnB,EACAoB,MAAAnB,EACAoB,MAAAnB,EACA9B,EAAAoB,EAAApB,EACAE,EAAAkB,EAAAlB,EAEAgD,KAAAX,EACAlJ,MAAAgJ,EACA5I,MAAA6I,EAEAa,SAAA7D,EACAhC,gBAAAqF,EAEAxF,SAAAuF,EACAzK,UAAAuK,EACArK,UAAAsK,EAEAvF,MAAAA,EAEA8E,OAAAA,EACAE,OAAAA,EACAvE,UAAAiF,EACA5F,MAAAA,GAQAjG,MAAAC,MAAA,WAEA,OAkCA2C,KAAA,SAAAC,EAAA2D,EAAAC,GAGA5D,EAAAhD,QAAAgB,QAAAgC,GAEA4D,EAAAA,KAEA,IAMA6D,GACAC,EAcAxF,EACAG,EACAE,EAvBAkE,EAAA7C,EAAA6C,cAAA1B,EACAyE,EAAAC,SAAA7F,EAAAX,MAAA2B,EAAAhB,EAAAX,MACAD,EAAAyG,SAAA7F,EAAAZ,kBAAAN,EAAAkB,EAAAZ,kBACA0G,EAAAD,SAAA7F,EAAA8F,cAAA1E,EAAApB,EAAA8F,cAOAC,EAAAnD,EAAAC,EAAA,SACAmD,EAAApD,EAAAC,EAAA,OACAoD,EAAArD,EAAAC,EAAA,QACAqD,EAAAtD,EAAAC,EAAA,UAEApG,EAAAsD,EAAArD,MACAC,EAAAoD,EAAAnD,IACAC,EAAAkD,EAAAjD,KACAC,EAAAgD,EAAA/C,OAEAmJ,EAAA/M,QAAAgB,QAAAgC,EAAA,GAAAiF,eAKA+E,EAAA,WACAvC,EAAAC,EAAA,KACAqC,EAAAE,IAAAJ,EAAA3H,GACA6H,EAAAE,IAAAL,EAAAvH,GACAyH,GACAC,EAAAE,IAAAH,EAAAvH,IAIA2H,EAAA,WACA,MAAAC,SAAA1C,IAQA2C,EAAA,SAAAjI,GAEAA,EAAA6D,SAAA7D,EAAA6D,QAAAhH,OAAA,IAGA0I,EAAAD,EAAAH,EAAA,aAAAvB,EAAA5D,IACA4H,EAAAM,GAAAR,EAAA3H,GACA6H,EAAAM,GAAAT,EAAAvH,GACAyH,GACAC,EAAAM,GAAAP,EAAAvH,GAEAlC,GACAA,EAAAoH,EAAAtF,IAuFA,OAlFAI,GAAA,SAAAJ,GACA,GAAAe,GAAAoE,EAAA,cAAAvB,EAAA5D,GAAAsF,EAAAC,EACAsC,KACArJ,GACAA,EAAAuC,EAAAf,IAKAD,EAAA,SAAAC,GAEA,KAAAA,EAAA6D,SAAA7D,EAAA6D,QAAAhH,OAAA,IAIAkL,IAAA,CAIA,GAAAI,GAAAvE,EAAA5D,GAKAoI,EAAA,kBAAAb,GAAAA,EAAA1J,GAAA0J,CACAa,GAAAA,EAAAvL,OAAAuL,EAAA,GAAAA,CAEA,IAAAC,GAAAD,YAAAjL,SAAAiL,EAAAnL,wBAAAmL,CAEA,MAAAD,EAAAlE,EAAAoE,EAAA9K,MAAA4K,EAAAlE,EAAAoE,EAAAhL,OAAA8K,EAAAhE,EAAAkE,EAAA1K,KAAAwK,EAAAhE,EAAAkE,EAAA5K,QAAA,CAIA,GAAAsD,GAAAoE,EAAA,YAAAgD,EAAA7C,EAAAC,GACAU,EAAAlF,EAAAkF,OACAE,EAAApF,EAAAoF,MAEAZ,GAAAxE,EAEAF,EAAAoF,GAAApF,EAAAsF,GAIAkB,EAAAtG,EAAAf,MACAsH,SAAAtH,EAAAsI,YAAAtI,EAAAsI,aACAtI,EAAAC,iBAEA3B,GACAA,EAAAyC,EAAAf,OAMAE,EAAA,SAAAF,GAEA,KAAAA,EAAA6D,SAAA7D,EAAA6D,QAAAhH,OAAA,IAIAkL,IAAA,CAIA,GAAAhH,GAAAlG,QAAA4E,UAAA8F,GAAAH,KAAA,YACAiC,GAAAtG,EAAAf,MACAsH,SAAAtH,EAAAsI,YAAAtI,EAAAsI,aACAtI,EAAAC,iBAEA7B,GACAmK,WAAA,WAGAnK,EAAA2C,EAAAf,IACA,IAGA6H,MAGAhK,EAAAqK,GAAAV,EAAAS,GAEA,WACApK,IACAA,EAAAiK,IAAAN,EAAAS,GACAN,GACAC,EAAAE,IAAAH,EAAAvH,GAEAwH,EAAAE,IAAAJ,EAAA3H,GACA6H,EAAAE,IAAAL,EAAAvH,GAIArC,EAAA+J,EAAAJ,EAAAG,EACAD,EAAAD,EAAAQ,EAAA7H,EACAL,EAAAG,EAAAoE,EAAA+C,EACAxG,EAAA0G,EAAA,gBClfA,WACA,YAEA,IAAAzM,GAAAD,QAAAC,OAAA,0CAEAA,GAAAuF,QAAA,aAAA,WAaA,IAAA,GANAmI,GACAC,EACAC,EACAC,GAAA,GAAA,SAAA,MAAA,IAAA,MACAhC,EAAAtL,SAAAC,cAAA,OAEAsN,EAAA,EAAAA,EAAAD,EAAA9L,OAAA+L,IAAA,CACA,GAAAjH,GAAAgH,EAAAC,EACA,IAAAjH,EAAA,eAAAgF,GAAAvL,MAAA,CACAoN,EAAA,KAAA7G,EAAA,GAAA,IAAAA,EAAAkH,cAAA,IACAH,EAAA/G,GAAA,KAAAA,EAAA,YAAA,aACA8G,EAAAD,EAAA,WACA,QAIA7B,EAAA,IAGA,IAAAmC,GAAA,SAAAhF,GACAA,EAAAA,EAAAjH,OAAAiH,EAAA,GAAAA,CACA,IAAAiF,GAAAC,OACAC,iBAAAnF,EAAA,MACAoF,iBAAAT,EACA,OAAAM,IAIAI,EAAA,SAAAhH,EAAAiH,GACAjH,EAAAA,EAAAtF,OAAAsF,EAAA,GAAAA,EACAA,EAAA/G,MAAAsN,GAAAU,GAOAC,EAAA,KAEAC,EAAA,SAAArI,GACA,MAAA,KAAAA,EAAAN,KAAAmG,IAGAnD,EAAAhD,KAAAgD,KACA4F,EAAA5I,KAAA4I,KACA7F,EAAA/C,KAAA+C,MACA8F,EAAA7I,KAAA6I,IACA9I,EAAAC,KAAAD,IACA+I,EAAA9I,KAAA8I,MAEAC,EAAA,SAAAC,GAEA,IAAA,GADAnF,iBACAoE,EAAA,EAAAA,EAAAe,EAAA9M,OAAA+L,IACA,IAAA,GAAAgB,GAAA,EAAAA,EAAAD,EAAAf,GAAA/L,OAAA+M,IACApF,EAAAoE,GAAAgB,GAAAD,EAAAf,GAAAgB,EAGA,OAAApF,IAGAqF,EAAA,SAAAC,EAAAC,EAAA1E,EAAAsB,GACA,MAAAmD,GAAAnD,EAAAoD,EAAA1E,GAGA2E,EAAA,SAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GACA,MAAAR,GAAAJ,EAAAQ,EAAAC,EAAAE,EAAAC,GAAAL,EAAAP,EAAAK,EAAAC,EAAAK,EAAAC,GAAAF,EAAAV,EAAAK,EAAAC,EAAAE,EAAAC,IAGAI,EAAA,SAAAf,GACA,GAAAM,GAAAN,EAAA,GAAA,GACAS,EAAAT,EAAA,GAAA,GACAY,EAAAZ,EAAA,GAAA,GACAgB,EAAAhB,EAAA,GAAA,GACAO,EAAAP,EAAA,GAAA,GACAU,EAAAV,EAAA,GAAA,GACAa,EAAAb,EAAA,GAAA,GACAiB,EAAAjB,EAAA,GAAA,GACAQ,EAAAR,EAAA,GAAA,GACAW,EAAAX,EAAA,GAAA,GACAc,EAAAd,EAAA,GAAA,GACAkB,EAAAlB,EAAA,GAAA,GACAmB,EAAAnB,EAAA,GAAA,GACAoB,EAAApB,EAAA,GAAA,GACAqB,EAAArB,EAAA,GAAA,GACAsB,EAAAtB,EAAA,GAAA,EACA,OAAAM,GAAAD,EAAAK,EAAAC,EAAAS,EAAAP,EAAAC,EAAAO,EAAAJ,EAAAC,EAAAI,GACAb,EAAAJ,EAAAE,EAAAC,EAAAW,EAAAN,EAAAC,EAAAO,EAAAJ,EAAAC,EAAAI,GACAV,EAAAP,EAAAE,EAAAC,EAAAW,EAAAT,EAAAC,EAAAS,EAAAH,EAAAC,EAAAI,GACAN,EAAAX,EAAAE,EAAAC,EAAAW,EAAAT,EAAAC,EAAAS,EAAAP,EAAAC,EAAAO,IAGAE,EAAA,SAAAvB,GACA,GAAAnF,iBACAyF,EAAAN,EAAA,GAAA,GACAS,EAAAT,EAAA,GAAA,GACAY,EAAAZ,EAAA,GAAA,GACAgB,EAAAhB,EAAA,GAAA,GACAO,EAAAP,EAAA,GAAA,GACAU,EAAAV,EAAA,GAAA,GACAa,EAAAb,EAAA,GAAA,GACAiB,EAAAjB,EAAA,GAAA,GACAQ,EAAAR,EAAA,GAAA,GACAW,EAAAX,EAAA,GAAA,GACAc,EAAAd,EAAA,GAAA,GACAkB,EAAAlB,EAAA,GAAA,GACAmB,EAAAnB,EAAA,GAAA,GACAoB,EAAApB,EAAA,GAAA,GACAqB,EAAArB,EAAA,GAAA,GACAsB,EAAAtB,EAAA,GAAA,EAmBA,OAjBAnF,GAAA,GAAA,GAAAwF,EAAAK,EAAAC,EAAAS,EAAAP,EAAAC,EAAAO,EAAAJ,EAAAC,EAAAI,GACAzG,EAAA,GAAA,IAAAwF,EAAAE,EAAAC,EAAAW,EAAAN,EAAAC,EAAAO,EAAAJ,EAAAC,EAAAI,GACAzG,EAAA,GAAA,GAAAwF,EAAAE,EAAAC,EAAAW,EAAAT,EAAAC,EAAAS,EAAAH,EAAAC,EAAAI,GACAzG,EAAA,GAAA,IAAAwF,EAAAE,EAAAC,EAAAW,EAAAT,EAAAC,EAAAS,EAAAP,EAAAC,EAAAO,GACAxG,EAAA,GAAA,IAAAwF,EAAAI,EAAAE,EAAAS,EAAAR,EAAAE,EAAAO,EAAAL,EAAAE,EAAAI,GACAzG,EAAA,GAAA,GAAAwF,EAAAC,EAAAE,EAAAW,EAAAP,EAAAE,EAAAO,EAAAL,EAAAE,EAAAI,GACAzG,EAAA,GAAA,IAAAwF,EAAAC,EAAAE,EAAAW,EAAAV,EAAAE,EAAAS,EAAAJ,EAAAE,EAAAI,GACAzG,EAAA,GAAA,GAAAwF,EAAAC,EAAAE,EAAAW,EAAAV,EAAAE,EAAAS,EAAAR,EAAAE,EAAAO,GACAxG,EAAA,GAAA,GAAAwF,EAAAI,EAAAC,EAAAU,EAAAR,EAAAC,EAAAQ,EAAAL,EAAAC,EAAAK,GACAzG,EAAA,GAAA,IAAAwF,EAAAC,EAAAC,EAAAY,EAAAP,EAAAC,EAAAQ,EAAAL,EAAAC,EAAAK,GACAzG,EAAA,GAAA,GAAAwF,EAAAC,EAAAC,EAAAY,EAAAV,EAAAC,EAAAU,EAAAJ,EAAAC,EAAAK,GACAzG,EAAA,GAAA,IAAAwF,EAAAC,EAAAC,EAAAY,EAAAV,EAAAC,EAAAU,EAAAR,EAAAC,EAAAQ,GACAxG,EAAA,GAAA,IAAAwF,EAAAI,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAE,EAAAC,EAAAC,GACArG,EAAA,GAAA,GAAAwF,EAAAC,EAAAC,EAAAC,EAAAI,EAAAC,EAAAC,EAAAE,EAAAC,EAAAC,GACArG,EAAA,GAAA,IAAAwF,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAK,EAAAC,EAAAC,GACArG,EAAA,GAAA,GAAAwF,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAEAjG,GAGA2G,EAAA,SAAAxB,GACA,GAAAnF,GAAA0G,EAAAvB,GACAyB,EAAAV,EAAAf,EACA,IAAAjJ,EAAA0K,GAAA/B,EACA,OAAA,CAGA,KAAA,GAAAT,GAAA,EAAA,EAAAA,EAAAA,IACA,IAAA,GAAAgB,GAAA,EAAA,EAAAA,EAAAA,IACApF,EAAAoE,GAAAgB,IAAAwB,CAGA,OAAA5G,IAGA6G,EAAA,SAAA1B,GAEA,IAAA,GADAnF,iBACAoE,EAAA,EAAA,EAAAA,EAAAA,IACA,IAAA,GAAAgB,GAAA,EAAA,EAAAA,EAAAA,IACApF,EAAAoE,GAAAgB,GAAAD,EAAAC,GAAAhB,EAGA,OAAApE,IAGA8G,EAAA,SAAAC,EAAA5B,GACA,GAAAnF,KAWA,OATAA,GAAA,GAAA+G,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACA4B,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACAnF,EAAA,GAAA+G,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACA4B,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACAnF,EAAA,GAAA+G,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACA4B,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACAnF,EAAA,GAAA+G,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GACA4B,EAAA,GAAA5B,EAAA,GAAA,GAAA4B,EAAA,GAAA5B,EAAA,GAAA,GAEAnF,GAGAgH,EAAA,SAAA1B,GACA,MAAAnG,GAAAmG,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAAA,EAAA,KAGA2B,EAAA,SAAAlI,EAAAmI,GACA,GAAAlH,MACAU,EAAAsG,EAAAjI,EACA,IAAA,IAAA2B,EAAA,CACA,GAAAyG,GAAAD,EAAAxG,CACAV,GAAA,IAAAmH,EACAnH,EAAA,IAAAmH,EACAnH,EAAA,IAAAmH,EAEA,MAAAnH,IAGAoH,EAAA,SAAA9B,EAAAC,GACA,MAAAD,GAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,IAGA8B,EAAA,SAAA/B,EAAAC,EAAA+B,EAAAC,GACA,GAAAvH,KAIA,OAHAA,GAAA,GAAAsH,EAAAhC,EAAA,GAAAiC,EAAAhC,EAAA,GACAvF,EAAA,GAAAsH,EAAAhC,EAAA,GAAAiC,EAAAhC,EAAA,GACAvF,EAAA,GAAAsH,EAAAhC,EAAA,GAAAiC,EAAAhC,EAAA,GACAvF,GAGAwH,EAAA,SAAAlC,EAAAC,GACA,GAAAvF,KAIA,OAHAA,GAAA,GAAAsF,EAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,GACAvF,EAAA,GAAAsF,EAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,GACAvF,EAAA,GAAAsF,EAAA,GAAAC,EAAA,GAAAD,EAAA,GAAAC,EAAA,GACAvF,GAGAyH,EAAA,SAAAC,GACA,GAEAtD,GACAgB,EAHAuC,KACAC,EAAA1C,EAAAwC,EAKA,IAAA,IAAAE,EAAA,GAAA,GACA,OAAA,CAGA,KAAAxD,EAAA,EAAA,EAAAA,EAAAA,IACA,IAAAgB,EAAA,EAAA,EAAAA,EAAAA,IACAwC,EAAAxD,GAAAgB,IAAAwC,EAAA,GAAA,EAIA,IAAAC,GAAA3C,EAAA0C,EACA,KAAAxD,EAAA,EAAA,EAAAA,EAAAA,IACAyD,EAAAzD,GAAA,GAAA,CAIA,IAFAyD,EAAA,GAAA,GAAA,EAEA,IAAA3B,EAAA2B,GACA,OAAA,CAIA,IAAA,IAAAD,EAAA,GAAA,IAAA,IAAAA,EAAA,GAAA,IAAA,IAAAA,EAAA,GAAA,GAAA,CAEA,GAAAE,KACAA,GAAA,GAAAF,EAAA,GAAA,GACAE,EAAA,GAAAF,EAAA,GAAA,GACAE,EAAA,GAAAF,EAAA,GAAA,GACAE,EAAA,GAAAF,EAAA,GAAA,EAKA,IAAAG,GAAApB,EAAAkB,GACAG,EAAAnB,EAAAkB,GACAE,EAAAnB,EAAAgB,EAAAE,EAEAL,GAAAO,aAAAD,EAAA,GACAN,EAAAQ,aAAAF,EAAA,GACAN,EAAAS,aAAAH,EAAA,GACAN,EAAAU,aAAAJ,EAAA,GAGAL,EAAA,GAAA,GAAAA,EAAA,GAAA,GAAAA,EAAA,GAAA,GAAA,EACAA,EAAA,GAAA,GAAA,MAGAD,GAAAO,aAAAP,EAAAQ,aAAAR,EAAAS,aAAA,EACAT,EAAAU,aAAA,CAIAV,GAAAlQ,WAAAmQ,EAAA,GAAA,GACAA,EAAA,GAAA,GAAA,EACAD,EAAAhQ,WAAAiQ,EAAA,GAAA,GACAA,EAAA,GAAA,GAAA,EACAD,EAAAW,WAAAV,EAAA,GAAA,GACAA,EAAA,GAAA,GAAA,CAGA,IACAW,GADAC,YAGA,KAAApE,EAAA,EAAA,EAAAA,EAAAA,IACAoE,EAAApE,GAAA,GAAAwD,EAAAxD,GAAA,GACAoE,EAAApE,GAAA,GAAAwD,EAAAxD,GAAA,GACAoE,EAAApE,GAAA,GAAAwD,EAAAxD,GAAA,EAiCA,IA7BAuD,EAAAc,OAAAzB,EAAAwB,EAAA,IACAvB,EAAAuB,EAAA,GAAA,GAGAb,EAAAe,OAAAtB,EAAAoB,EAAA,GAAAA,EAAA,IACAnB,EAAAmB,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAA,GAAAb,EAAAe,QAGAf,EAAAgB,OAAA3B,EAAAwB,EAAA,IACAvB,EAAAuB,EAAA,GAAA,GACAb,EAAAe,QAAAf,EAAAgB,OAGAhB,EAAAiB,OAAAxB,EAAAoB,EAAA,GAAAA,EAAA,IACAnB,EAAAmB,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAA,GAAAb,EAAAiB,QACAjB,EAAAkB,OAAAzB,EAAAoB,EAAA,GAAAA,EAAA,IACAnB,EAAAmB,EAAA,GAAAA,EAAA,GAAAA,EAAA,GAAA,GAAAb,EAAAkB,QAGAlB,EAAAmB,OAAA9B,EAAAwB,EAAA,IACAvB,EAAAuB,EAAA,GAAA,GACAb,EAAAiB,QAAAjB,EAAAmB,OACAnB,EAAAkB,QAAAlB,EAAAmB,OAKAP,EAAAf,EAAAgB,EAAA,GAAAA,EAAA,IAEApB,EAAAoB,EAAA,GAAAD,GAAA,EACA,IAAAnE,EAAA,EAAA,EAAAA,EAAAA,IACAuD,EAAAc,QAAA,GACAD,EAAApE,GAAA,IAAA,GACAoE,EAAApE,GAAA,IAAA,GACAoE,EAAApE,GAAA,IAAA,EAcA,OATAuD,GAAAoB,QAAAjE,EAAAC,GAAAyD,EAAA,GAAA,MAAA,EACA,IAAAxD,EAAA2C,EAAAoB,UACApB,EAAAqB,QAAAlE,EAAA5F,GAAAsJ,EAAA,GAAA,GAAAA,EAAA,GAAA,MAAA,EACAb,EAAAsB,QAAA,IAEAtB,EAAAqB,QAAAlE,EAAA5F,EAAAsJ,EAAA,GAAA,GAAAA,EAAA,GAAA,MAAA,EACAb,EAAAsB,QAAAnE,EAAA5F,EAAAsJ,EAAA,GAAA,GAAAA,EAAA,GAAA,MAAA,GAGAb,GAOAuB,EAAA,SAAAC,EAAAC,GAEA,GAAAC,GAAAF,GAAAC,GAAA,CACA,OAAAE,QAAAD,EAAAE,QAAA,MAGAC,EAAA,SAAAL,EAAAC,GACA,MAAAF,GAAAC,EAAAC,GAAA,MAGAK,EAAA,SAAAN,EAAAC,GACA,MAAAF,GAAAC,EAAAC,GAAA,MAGA,QACAM,cAAA,SAAAnF,GACA,GAAAoF,KAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,GAGA,IAAApF,GAAA,SAAAA,EAAA,CACA,GAAAqF,GAAArF,EAAAsF,MAAA,KAAA,GAAAA,MAAA,KAAA,GAAAA,MAAA,KAAAC,IAAAC,OAIA,IAAAxF,EAAAyF,MAAA,aACAL,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,GACAD,EAAA,GAAA,GAAAC,EAAA,OAIA,KAAA,GAAAxF,GAAA,EAAA,GAAAA,EAAAA,IAAA,CACA,GAAAoE,GAAAvD,EAAAb,EAAA,GACA6F,EAAA7F,EAAA,CACAuF,GAAAnB,GAAAyB,GAAAL,EAAAxF,IAIA,MAAAqD,GAAAkC,IAGAO,MAAA,SAAA3N,GAaA,GAAA4N,IACAjB,EAAA3M,EAAA2L,cACAgB,EAAA3M,EAAA4L,cACAe,EAAA3M,EAAA6L,cACAc,EAAA3M,EAAA8L,aAAA,IAEA+B,GACAZ,EAAAjN,EAAA9E,YACA+R,EAAAjN,EAAA5E,YACA6R,EAAAjN,EAAA+L,aAEA+B,GACAnB,EAAA3M,EAAAkM,QACAS,EAAA3M,EAAAoM,QACAO,EAAA3M,EAAAuM,SAEAwB,GACAb,EAAAlN,EAAAyM,SACAS,EAAAlN,EAAAwM,SACAU,EAAAlN,EAAA0M,UAEAsB,GACArB,EAAA3M,EAAAmM,QACAQ,EAAA3M,EAAAqM,QACAM,EAAA3M,EAAAsM,QAGA,QACA,oCAAAsB,EAAA/J,KAAA,KAAA,IACA,eAAAgK,EAAAhK,KAAA,KAAA,IACA,WAAAkK,EAAA,GAAA,aAAAA,EAAA,GAAA,aAAAA,EAAA,GAAA,IACA,8BAAAC,EAAA,GAAA,gBACA,4BAAAA,EAAA,GAAA,kBACA,oBAAAA,EAAA,GAAA,0BACA,WAAAF,EAAAjK,KAAA,KAAA,KACAA,KAAA,MAUA/F,IAAA,SAAAiF,GACA,MAAA9I,MAAAkT,cAAApF,EAAAhF,KAIA1E,IAAA,SAAA0E,EAAA/C,GACA,GAAAiO,GAAA,gBAAAjO,GAAAA,EAAA/F,KAAA0T,MAAA3N,EACAoI,GAAArF,EAAAkL,UC3gBA,WACA,YAEAnU,SAAAC,OAAA,8BACA,kCACA,mCACA","file":"mobile-angular-ui.gestures.min.js","sourcesContent":["/**\n * @module mobile-angular-ui.gestures.drag\n * @description\n *\n * `mobile-angular-ui.gestures.drag` module exposes the `$drag` service that is used\n * to handle drag gestures. `$drag` service wraps [$touch](../module:touch) service adding\n * CSS transforms reacting to `touchmove` events.\n *\n * ## Usage\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures']);\n * ```\n *\n * Or\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures.drag']);\n * ```\n *\n * ``` js\n * var dragOptions = {\n * transform: $drag.TRANSLATE_BOTH,\n * start: function(dragInfo, event){},\n * end: function(dragInfo, event){},\n * move: function(dragInfo, event){},\n * cancel: function(dragInfo, event){}\n * };\n *\n * $drag.bind(element, dragOptions, touchOptions);\n * ```\n *\n * Where:\n *\n * - `transform` is a `function(element, currentTransform, touch) -> newTransform`\n * returning taking an `element`, its `currentTransform` and returning the `newTransform`\n * for the element in response to `touch`. See [$transform](../module:transform) for more.\n * Default to `$drag.TRANSLATE_BOTH`.\n * - `start`, `end`, `move`, `cancel` are optional callbacks responding to `drag` movement phases.\n * - `dragInfo` is an extended version of `touchInfo` from [$touch](../module:touch),\n * extending it with:\n * - `originalTransform`: The [$transform](../module:transform) object relative to CSS transform before `$drag` is bound.\n * - `originalRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)\n * for bound element before any drag action.\n * - `startRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)\n * for bound element registered at `start` event.\n * - `startTransform`: The [$transform](../module:transform) at `start` event.\n * - `rect`: The current [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) for bound element.\n * - `transform`: The current [$transform](../module:transform).\n * - `reset`: A function restoring element to `originalTransform`.\n * - `undo`: A function restoring element to `startTransform`.\n * - `touchOptions` is an option object to be passed to underlying [`$touch`](../module:touch) service.\n *\n * ### Predefined transforms\n *\n * - `$drag.NULL_TRANSFORM`: No transform follow movement\n * - `$drag.TRANSLATE_BOTH`: Transform translate following movement on both x and y axis.\n * - `$drag.TRANSLATE_HORIZONTAL`: Transform translate following movement on x axis.\n * - `$drag.TRANSLATE_UP`: Transform translate following movement on negative y axis.\n * - `$drag.TRANSLATE_DOWN`: Transform translate following movement on positive y axis.\n * - `$drag.TRANSLATE_LEFT`: Transform translate following movement on negative x axis.\n * - `$drag.TRANSLATE_RIGHT`: Transform translate following movement on positive x axis.\n * - `$drag.TRANSLATE_VERTICAL`: Transform translate following movement on y axis.\n * - `$drag.TRANSLATE_INSIDE`: Is a function and should be used like:\n *\n * ``` js\n * {\n * transform: $drag.TRANSLATE_INSIDE(myElement)\n * }\n * ```\n *\n * It returns a transform function that contains translate movement inside\n * the passed element.\n *\n * ### `.ui-drag-move` style\n *\n * While moving an `.ui-drag-move` class is attached to element. Style for this class is defined via\n * [insertRule](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet.insertRule) and aims to\n * fix common problems while dragging, specifically:\n *\n * - Brings the element in front of other elements\n * - Disable transitions\n * - Makes text unselectable\n *\n * **NOTE** Transitions are disabled cause they may introduce conflicts between `transition: transform`\n * and `dragOptions.transform` function.\n *\n * They will be re-enabled after drag, and this can be used to achieve some graceful effects.\n *\n * If you need transition that does not involve transforms during movement you can apply them to an\n * inner or wrapping element.\n *\n * ### Examples\n *\n * #### Limit movement to an element\n *\n * ``` js\n * app.directive('dragMe', ['$drag', function($drag){\n * return {\n * controller: function($scope, $element) {\n * $drag.bind($element,\n * {\n * transform: $drag.TRANSLATE_INSIDE($element.parent()),\n * end: function(drag) {\n * drag.reset();\n * }\n * },\n * { // release touch when movement is outside bounduaries\n * sensitiveArea: $element.parent()\n * }\n * );\n * }\n * };\n * }]);\n * ```\n * \n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.gestures.drag', [\n 'mobile-angular-ui.gestures.touch',\n 'mobile-angular-ui.gestures.transform'\n ])\n\n .provider('$drag', function() {\n this.$get = ['$touch', '$transform', function($touch, $transform) {\n\n // Add some css rules to be used while moving elements\n var style = document.createElement('style');\n style.appendChild(document.createTextNode(''));\n document.head.appendChild(style);\n var sheet = style.sheet;\n\n // Makes z-index 99999\n sheet.insertRule('html .ui-drag-move{z-index: 99999 !important;}', 0);\n // Disable transitions\n sheet.insertRule('html .ui-drag-move{' +\n '-webkit-transition: none !important;' +\n '-moz-transition: none !important;-o-transition: none !important;' +\n '-ms-transition: none !important;transition: none !important;' +\n '}', 0);\n\n // Makes text unselectable\n sheet.insertRule('html .ui-drag-move, html .ui-drag-move *{' +\n '-webkit-touch-callout: none !important;' +\n '-webkit-user-select: none !important;' +\n '-khtml-user-select: none !important;' +\n '-moz-user-select: none !important;' +\n '-ms-user-select: none !important;' +\n 'user-select: none !important;' +\n '}', 0);\n\n style = sheet = null; // we wont use them anymore so make\n // their memory immediately claimable\n\n return {\n\n //\n // built-in transforms\n //\n NULL_TRANSFORM: function(element, transform) {\n return transform;\n },\n\n TRANSLATE_BOTH: function(element, transform, touch) {\n transform.translateX = touch.distanceX;\n transform.translateY = touch.distanceY;\n return transform;\n },\n\n TRANSLATE_HORIZONTAL: function(element, transform, touch) {\n transform.translateX = touch.distanceX;\n transform.translateY = 0;\n return transform;\n },\n\n TRANSLATE_UP: function(element, transform, touch) {\n transform.translateY = touch.distanceY <= 0 ? touch.distanceY : 0;\n transform.translateX = 0;\n return transform;\n },\n\n TRANSLATE_DOWN: function(element, transform, touch) {\n transform.translateY = touch.distanceY >= 0 ? touch.distanceY : 0;\n transform.translateX = 0;\n return transform;\n },\n\n TRANSLATE_LEFT: function(element, transform, touch) {\n transform.translateX = touch.distanceX <= 0 ? touch.distanceX : 0;\n transform.translateY = 0;\n return transform;\n },\n\n TRANSLATE_RIGHT: function(element, transform, touch) {\n transform.translateX = touch.distanceX >= 0 ? touch.distanceX : 0;\n transform.translateY = 0;\n return transform;\n },\n\n TRANSLATE_VERTICAL: function(element, transform, touch) {\n transform.translateX = 0;\n transform.translateY = touch.distanceY;\n return transform;\n },\n\n TRANSLATE_INSIDE: function(wrapperElementOrRectangle) {\n wrapperElementOrRectangle = wrapperElementOrRectangle.length ? wrapperElementOrRectangle[0] : wrapperElementOrRectangle;\n\n return function(element, transform, touch) {\n element = element.length ? element[0] : element;\n var re = element.getBoundingClientRect();\n var rw = wrapperElementOrRectangle instanceof Element ? wrapperElementOrRectangle.getBoundingClientRect() : wrapperElementOrRectangle;\n var tx;\n var ty;\n\n if (re.width >= rw.width) {\n tx = 0;\n } else if (re.right + touch.stepX > rw.right) {\n tx = rw.right - re.right;\n } else if (re.left + touch.stepX < rw.left) {\n tx = rw.left - re.left;\n } else {\n tx = touch.stepX;\n }\n\n if (re.height >= rw.height) {\n ty = 0;\n } else if (re.bottom + touch.stepY > rw.bottom) {\n ty = rw.bottom - re.bottom;\n } else if (re.top + touch.stepY < rw.top) {\n ty = rw.top - re.top;\n } else {\n ty = touch.stepY;\n }\n\n transform.translateX += tx;\n transform.translateY += ty;\n return transform;\n };\n },\n\n //\n // bind function\n //\n bind: function($element, dragOptions, touchOptions) {\n $element = angular.element($element);\n dragOptions = dragOptions || {};\n touchOptions = touchOptions || {};\n\n var startEventHandler = dragOptions.start;\n var endEventHandler = dragOptions.end;\n var moveEventHandler = dragOptions.move;\n var cancelEventHandler = dragOptions.cancel;\n var transformEventHandler = dragOptions.transform || this.TRANSLATE_BOTH;\n\n var domElement = $element[0];\n var tO = $transform.get($element); // original transform\n var rO = domElement.getBoundingClientRect(); // original bounding rect\n var tS; // transform at start\n var rS;\n\n var moving = false;\n\n var isMoving = function() {\n return moving;\n };\n\n var cleanup = function() {\n moving = false;\n tS = rS = null;\n $element.removeClass('ui-drag-move');\n };\n\n var reset = function() {\n $transform.set(domElement, tO);\n };\n\n var undo = function() {\n $transform.set(domElement, tS || tO);\n };\n\n var setup = function() {\n moving = true;\n rS = domElement.getBoundingClientRect();\n tS = $transform.get(domElement);\n $element.addClass('ui-drag-move');\n };\n\n var createDragInfo = function(touch) {\n touch = angular.extend({}, touch);\n touch.originalTransform = tO;\n touch.originalRect = rO;\n touch.startRect = rS;\n touch.rect = domElement.getBoundingClientRect();\n touch.startTransform = tS;\n touch.transform = $transform.get(domElement);\n touch.reset = reset;\n touch.undo = undo;\n return touch;\n };\n\n var onTouchMove = function(touch, event) {\n // preventDefault no matter what\n // it is (ie. maybe html5 drag for images or scroll)\n event.preventDefault();\n\n // $touch calls start on the first touch\n // to ensure $drag.start is called only while actually\n // dragging and not for touches we will bind $drag.start\n // to the first time move is called\n\n if (isMoving()) { // drag move\n touch = createDragInfo(touch);\n\n var transform = transformEventHandler($element, angular.extend({}, touch.transform), touch, event);\n\n $transform.set(domElement, transform);\n\n if (moveEventHandler) {\n moveEventHandler(touch, event);\n }\n } else { // drag start\n setup();\n if (startEventHandler) {\n startEventHandler(createDragInfo(touch), event);\n }\n }\n };\n\n var onTouchEnd = function(touch, event) {\n if (!isMoving()) {\n return;\n }\n\n // prevents outer swipes\n event.__UiSwipeHandled__ = true;\n\n touch = createDragInfo(touch);\n cleanup();\n\n if (endEventHandler) {\n endEventHandler(touch, event);\n }\n };\n\n var onTouchCancel = function(touch, event) {\n if (!isMoving()) {\n return;\n }\n\n touch = createDragInfo(touch);\n undo(); // on cancel movement is undoed automatically;\n cleanup();\n\n if (cancelEventHandler) {\n cancelEventHandler(touch, event);\n }\n };\n\n return $touch.bind($element,\n {move: onTouchMove, end: onTouchEnd, cancel: onTouchCancel},\n touchOptions);\n } // ~ bind\n }; // ~ return $drag\n }]; // ~ $get\n });\n\n})();\n","/**\n * A module providing swipe gesture services and directives.\n *\n * @module mobile-angular-ui.gestures.swipe\n */\n(function() {\n 'use strict';\n\n var module = angular.module('mobile-angular-ui.gestures.swipe',\n ['mobile-angular-ui.gestures.touch']);\n\n /**\n * An adaptation of `ngTouch.$swipe`, it is basically the same despite of:\n *\n * - It is based on [$touch](../module:touch)\n * - Swipes are recognized by touch velocity and direction\n * - It does not require `ngTouch` thus is better compatible with fastclick.js\n * - Swipe directives are nestable\n * - It allows to unbind\n * - It has only one difference in interface, and its about how to pass `pointerTypes`:\n *\n * ``` js\n * // ngTouch.$swipe\n * $swipe.bind(..., ['mouse', ... });\n *\n * // mobile-angular-ui.gestures.swipe.$swipe\n * $swipe.bind(..., pointerTypes: { mouse: { start: 'mousedown', ...} });\n * ```\n * This is due to the fact that the second parameter of `$swipe.bind` is destinated to options for\n * underlying `$touch` service.\n *\n * @service $swipe\n * @as class\n */\n module.factory('$swipe', ['$touch', function($touch) {\n var VELOCITY_THRESHOLD = 500; // px/sec\n var MOVEMENT_THRESHOLD = 10; // px\n var TURNAROUND_MAX = 10; // px\n var ANGLE_THRESHOLD = 10; // deg\n var abs = Math.abs;\n\n var defaultOptions = {\n movementThreshold: MOVEMENT_THRESHOLD, // start to consider only if movement\n // exceeded MOVEMENT_THRESHOLD\n valid: function(t) {\n var absAngle = abs(t.angle);\n absAngle = absAngle >= 90 ? absAngle - 90 : absAngle;\n\n var validDistance = t.total - t.distance <= TURNAROUND_MAX;\n var validAngle = absAngle <= ANGLE_THRESHOLD || absAngle >= 90 - ANGLE_THRESHOLD;\n var validVelocity = t.averageVelocity >= VELOCITY_THRESHOLD;\n\n return validDistance && validAngle && validVelocity;\n }\n };\n\n return {\n /**\n * Bind swipe gesture handlers for an element.\n *\n * ``` js\n * var unbind = $swipe.bind(elem, {\n * end: function(touch) {\n * console.log('Swiped:', touch.direction);\n * unbind();\n * }\n * });\n * ```\n *\n * **Swipes Detection**\n *\n * Before consider a touch to be a swipe Mobile Angular UI verifies that:\n *\n * 1. Movement is quick. Average touch velocity should exceed a `VELOCITY_THRESHOLD`.\n * 2. Movement is linear.\n * 3. Movement has a clear, non-ambiguous direction. So we can assume without error\n * that underlying `touch.direction` is exactly the swipe direction. For that\n * movement is checked against an `ANGLE_THRESHOLD`.\n *\n * @param {Element|$element} element The element to observe for swipe gestures.\n * @param {object} eventHandlers An object with handlers for specific swipe events.\n * @param {function} [eventHandlers.start] The callback for swipe start event.\n * @param {function} [eventHandlers.end] The callback for swipe end event.\n * @param {function} [eventHandlers.move] The callback for swipe move event.\n * @param {function} [eventHandlers.cancel] The callback for swipe cancel event.\n * @param {object} [options] Options to be passed to underlying [$touch.bind](../module:touch) function.\n *\n * @returns {function} The unbind function.\n *\n * @method bind\n * @memberOf mobile-angular-ui.gestures.swipe~$swipe\n */\n bind: function(element, eventHandlers, options) {\n options = angular.extend({}, defaultOptions, options || {});\n return $touch.bind(element, eventHandlers, options);\n }\n };\n }]);\n\n /**\n * Specify custom behavior when an element is swiped to the left on a touchscreen device.\n * A leftward swipe is a quick, right-to-left slide of the finger.\n *\n * @directive uiSwipeLeft\n * @param {expression} uiSwipeLeft An expression to be evaluated on leftward swipe.\n */\n /**\n * Specify custom behavior when an element is swiped to the right on a touchscreen device.\n * A rightward swipe is a quick, left-to-right slide of the finger.\n *\n * @directive uiSwipeRight\n * @param {expression} uiSwipeRight An expression to be evaluated on rightward swipe.\n */\n /**\n * Alias for [uiSwipeLeft](#uiswipeleft).\n *\n * @directive ngSwipeLeft\n * @deprecated\n */\n /**\n * Alias for [uiSwipeRight](#uiswiperight).\n *\n * @directive ngSwipeRight\n * @deprecated\n */\n angular.forEach(['ui', 'ng'], function(prefix) {\n angular.forEach(['Left', 'Right'], function(direction) {\n var directiveName = prefix + 'Swipe' + direction;\n module.directive(directiveName, ['$swipe', '$parse', function($swipe, $parse) {\n return {\n link: function(scope, elem, attrs) {\n var onSwipe = $parse(attrs[directiveName]);\n $swipe.bind(elem, {\n end: function(swipe, event) {\n if (swipe.direction === direction.toUpperCase()) {\n if (!event.__UiSwipeHandled__) {\n event.__UiSwipeHandled__ = true;\n scope.$apply(function() {\n onSwipe(scope, {$touch: swipe});\n });\n }\n }\n }\n });\n }\n };\n }]);\n });\n });\n})();\n","/* eslint complexity: 0 */\n\n/**\n * Device agnostic touch handling.\n *\n * **Usage**\n *\n * Require this module doing either\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures']);\n * ```\n *\n * Or standalone\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures.touch']);\n * ```\n *\n * Then you will be able to use the `$touch` service like that:\n *\n * ``` js\n * var unbindFn = $touch.bind(element, {\n * start: function(touchInfo, e);\n * move: function(touchInfo, e);\n * end: function(touchInfo, e);\n * cancel: function(touchInfo, e);\n * }, options);\n * ```\n *\n * @module mobile-angular-ui.gestures.touch\n */\n(function() {\n 'use strict';\n var module = angular.module('mobile-angular-ui.gestures.touch', []);\n\n /**\n * `$touch` is an abstraction of touch event handling that works with\n * any kind of input devices.\n *\n * It is intended for single touch only and provides\n * extended infos about touch like: movement, direction, velocity, duration, and more.\n * $touch service is intended as base to build any single-touch gesture handlers.\n *\n * **Usage**\n *\n * ``` js\n * var unbindFn = $touch.bind(element, {\n * start: function(touchInfo, e);\n * move: function(touchInfo, e);\n * end: function(touchInfo, e);\n * cancel: function(touchInfo, e);\n * }, options);\n * ```\n *\n * @service $touch\n * @as class\n */\n\n /**\n * Configurable provider for `$touch` service\n * @class $touchProvider\n * @ngdoc provider\n * @memberOf mobile-angular-ui.gestures.touch~$touch\n */\n module.provider('$touch', function() {\n\n /* =====================================\n = Configuration =\n =====================================*/\n\n var VALID = function() {\n return true;\n };\n\n var MOVEMENT_THRESHOLD = 1;\n\n var POINTER_EVENTS = {\n mouse: {\n start: 'mousedown',\n move: 'mousemove',\n end: 'mouseup'\n },\n touch: {\n start: 'touchstart',\n move: 'touchmove',\n end: 'touchend',\n cancel: 'touchcancel'\n }\n };\n\n var POINTER_TYPES = ['mouse', 'touch'];\n\n // function or element or rect\n var SENSITIVE_AREA = function($element) {\n return $element[0].ownerDocument.documentElement.getBoundingClientRect();\n };\n\n /**\n * Set default pointer events option.\n * Pointer Events option specifies a device-by-device map between device specific events and\n * touch events.\n *\n * The default Pointer Events Map is defined as:\n *\n * ``` js\n * var POINTER_EVENTS = {\n * 'mouse': {\n * start: 'mousedown',\n * move: 'mousemove',\n * end: 'mouseup'\n * },\n * 'touch': {\n * start: 'touchstart',\n * move: 'touchmove',\n * end: 'touchend',\n * cancel: 'touchcancel'\n * }\n * };\n * ```\n *\n * Ie.\n *\n * ```\n * app.config(function($touchProvider){\n * $touchProvider.setPointerEvents({ pen: {start: \"pendown\", end: \"penup\", move: \"penmove\" }});\n * });\n * ```\n *\n * @name setPointerEvents\n * @param {object} pointerEvents The pointer events map object\n * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider\n */\n this.setPointerEvents = function(pointerEvents) {\n POINTER_EVENTS = pointerEvents;\n POINTER_TYPES = Object.keys(POINTER_EVENTS);\n };\n\n /**\n * Set default validity function for a touch.\n *\n * The default is defined as always true:\n *\n * ``` js\n * $touchProvider.setValid(function(touch, event) {\n * return true;\n * });\n * ```\n *\n * @param {function} validityFunction The validity function. A function that takes two\n * arguments: `touchInfo` and `event`, and returns\n * a `Boolean` indicating wether the corresponding touch\n * should be considered valid and its handlers triggered,\n * or considered invalid and its handlers be ignored.\n * @method setValid\n * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider\n */\n this.setValid = function(fn) {\n VALID = fn;\n };\n\n /**\n * Set default amount of pixels of movement before\n * start to trigger `touchmove` handlers.\n *\n * Default is `1`.\n *\n * ie.\n *\n * ``` js\n * $touchProvider.setMovementThreshold(120);\n * ```\n *\n * @param {integer} threshold The new treeshold.\n *\n * @method setMovementThreshold\n * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider\n */\n this.setMovementThreshold = function(v) {\n MOVEMENT_THRESHOLD = v;\n };\n /**\n * Set default sensitive area.\n *\n * The sensitive area of a touch is the area of the screen inside what\n * we consider a touch to be meaningful thus triggering its handlers.\n *\n * **NOTE:** if movement goes out the sensitive area the touch event is not cancelled,\n * instead its handler are just ignored.\n *\n * By default sensitive area is defined as `ownerDocument` bounding rectangle\n * of the bound element.\n *\n * ie.\n *\n * ``` js\n * $touchProvider.setSensitiveArea(function($element) {\n * return $element[0].ownerDocument.documentElement.getBoundingClientRect();\n * });\n * ```\n *\n * @param {function|Element|TextRectangle} sensitiveArea The new default sensitive area,\n * either static or as function\n * taking an element and returning another\n * element or a\n * [rectangle](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect).\n *\n * @method setSensitiveArea\n * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider\n */\n this.setSensitiveArea = function(fnOrElementOrRect) {\n SENSITIVE_AREA = fnOrElementOrRect;\n };\n\n //\n // Shorthands for minification\n //\n var abs = Math.abs;\n var atan2 = Math.atan2;\n var sqrt = Math.sqrt;\n\n /* ===============================\n = Helpers =\n ===============================*/\n\n var getCoordinates = function(event) {\n var touches = event.touches && event.touches.length ? event.touches : [event];\n var e = (event.changedTouches && event.changedTouches[0]) ||\n (event.originalEvent && event.originalEvent.changedTouches &&\n event.originalEvent.changedTouches[0]) ||\n touches[0].originalEvent || touches[0];\n\n return {\n x: e.clientX,\n y: e.clientY\n };\n };\n\n var getEvents = function(pointerTypes, eventType) {\n var res = [];\n angular.forEach(pointerTypes, function(pointerType) {\n var eventName = POINTER_EVENTS[pointerType][eventType];\n if (eventName) {\n res.push(eventName);\n }\n });\n return res.join(' ');\n };\n\n var now = function() {\n return new Date();\n };\n\n var timediff = function(t1, t2) {\n t2 = t2 || now();\n return abs(t2 - t1);\n };\n\n var len = function(x, y) {\n return sqrt(x * x + y * y);\n };\n\n /**\n * `TouchInfo` is an object containing the following extended informations about any touch\n * event.\n *\n * @property {string} type Normalized event type. Despite of pointer device is always one of `touchstart`, `touchend`, `touchmove`, `touchcancel`.\n * @property {Date} timestamp The time object corresponding to the moment this touch event happened.\n * @property {integer} duration The difference between this touch event and the corresponding `touchstart`.\n * @property {float} startX X coord of related `touchstart`.\n * @property {float} startY Y coord of related `touchstart`.\n * @property {float} prevX X coord of previous `touchstart` or `touchmove`.\n * @property {float} prevY Y coord of previous `touchstart` or `touchmove`.\n * @property {float} x X coord of this touch event.\n * @property {float} y Y coord of this touch event.\n * @property {float} step Distance between `[prevX, prevY]` and `[x, y]` points.\n * @property {float} stepX Distance between `prevX` and `x`.\n * @property {float} stepY Distance between `prevY` and `y`.\n * @property {float} velocity Instantaneous velocity of a touch event in pixels per second.\n * @property {float} averageVelocity Average velocity of a touch event from its corresponding `touchstart` in pixels per second.\n * @property {float} distance Distance between `[startX, startY]` and `[x, y]` points.\n * @property {float} distanceX Distance between `startX` and `x`.\n * @property {float} distanceY Distance between `startY` and `y`.\n * @property {float} total Total number of pixels covered by movement, taking account of direction changes and turnarounds.\n * @property {float} totalX Total number of pixels covered by horizontal movement, taking account of direction changes and turnarounds.\n * @property {float} totalY Total number of pixels covered by vertical, taking account of direction changes and turnarounds.\n * @property {string} direction The current prevalent direction for this touch, one of `LEFT`, `RIGHT`, `TOP`, `BOTTOM`.\n * @property {float} angle Angle in degree between x axis and the vector `[x, y]`, is `null` when no movement happens.\n *\n * @class TouchInfo\n * @ngdoc type\n * @memberOf mobile-angular-ui.gestures.touch~$touch\n */\n\n var buildTouchInfo = function(type, c, t0, tl) {\n // Compute values for new TouchInfo based on coordinates and previus touches.\n // - c is coords of new touch\n // - t0 is first touch: useful to compute duration and distance (how far pointer\n // got from first touch)\n // - tl is last touch: useful to compute velocity and length (total length of the movement)\n\n t0 = t0 || {};\n tl = tl || {};\n\n // timestamps\n var ts = now();\n var ts0 = t0.timestamp || ts;\n var tsl = tl.timestamp || ts0;\n\n // coords\n var x = c.x;\n var y = c.y;\n var x0 = t0.x || x;\n var y0 = t0.y || y;\n var xl = tl.x || x0;\n var yl = tl.y || y0;\n\n // total movement\n var totalXl = tl.totalX || 0;\n var totalYl = tl.totalY || 0;\n var totalX = totalXl + abs(x - xl);\n var totalY = totalYl + abs(y - yl);\n var total = len(totalX, totalY);\n\n // duration\n var duration = timediff(ts, ts0);\n var durationl = timediff(ts, tsl);\n\n // distance\n var dxl = x - xl;\n var dyl = y - yl;\n var dl = len(dxl, dyl);\n var dx = x - x0;\n var dy = y - y0;\n var d = len(dx, dy);\n\n // velocity (px per second)\n var v = durationl > 0 ? abs(dl / (durationl / 1000)) : 0;\n var tv = duration > 0 ? abs(total / (duration / 1000)) : 0;\n\n // main direction: 'LEFT', 'RIGHT', 'TOP', 'BOTTOM'\n var dir = abs(dx) > abs(dy) ?\n (dx < 0 ? 'LEFT' : 'RIGHT') :\n (dy < 0 ? 'TOP' : 'BOTTOM');\n\n // angle (angle between distance vector and x axis)\n // angle will be:\n // 0 for x > 0 and y = 0\n // 90 for y < 0 and x = 0\n // 180 for x < 0 and y = 0\n // -90 for y > 0 and x = 0\n //\n // -90°\n // |\n // |\n // |\n // 180° --------|-------- 0°\n // |\n // |\n // |\n // 90°\n //\n var angle = dx !== 0 || dy !== 0 ? atan2(dy, dx) * (180 / Math.PI) : null;\n angle = angle === -180 ? 180 : angle;\n\n return {\n type: type,\n timestamp: ts,\n duration: duration,\n startX: x0,\n startY: y0,\n prevX: xl,\n prevY: yl,\n x: c.x,\n y: c.y,\n\n step: dl, // distance from prev\n stepX: dxl,\n stepY: dyl,\n\n velocity: v,\n averageVelocity: tv,\n\n distance: d, // distance from start\n distanceX: dx,\n distanceY: dy,\n\n total: total, // total length of momement,\n // considering turnaround\n totalX: totalX,\n totalY: totalY,\n direction: dir,\n angle: angle\n };\n };\n\n /* ======================================\n = Factory Method =\n ======================================*/\n\n this.$get = [function() {\n\n return {\n /**\n *\n * Bind touch handlers for an element.\n *\n * ``` js\n * var unbind = $touch.bind(elem, {\n * end: function(touch) {\n * console.log('Avg Speed:', touch.averageVelocity);\n * unbind();\n * }\n * });\n * ```\n *\n * @param {Element|$element} element The element to bound to.\n * @param {object} eventHandlers An object with handlers for specific touch events.\n * @param {function} [eventHandlers.start] The callback for `touchstart` event.\n * @param {function} [eventHandlers.end] The callback for `touchend` event.\n * @param {function} [eventHandlers.move] The callback for `touchmove` event.\n * @param {function} [eventHandlers.cancel] The callback for `touchcancel` event.\n * @param {object} [options] Options.\n * @param {integer} [options.movementThreshold] Amount of pixels of movement before start to trigger `touchmove` handlers.\n * @param {function} [options.valid] Validity function. A `function(TouchInfo, event)⟶boolean` deciding if a touch should be handled or ignored.\n * @param {function|Element|TextRectangle} [options.sensitiveArea] A\n * [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) or an element\n * or a function that takes the bound element and returns one of the previous.\n * Sensitive area define bounduaries to release touch when movement is outside.\n * @param {array} [options.pointerTypes] Pointer types to handle. An array of pointer types that is intended to be\n * a subset of keys from default pointer events map (see `$touchProvider.setPointerEvents`).\n *\n * @returns {function} The unbind function.\n *\n * @memberOf mobile-angular-ui.gestures.touch~$touch\n */\n bind: function($element, eventHandlers, options) {\n\n // ensure element to be an angular element\n $element = angular.element($element);\n\n options = options || {};\n // uses default pointer types in case of none passed\n var pointerTypes = options.pointerTypes || POINTER_TYPES;\n var isValid = options.valid === undefined ? VALID : options.valid;\n var movementThreshold = options.movementThreshold === undefined ? MOVEMENT_THRESHOLD : options.movementThreshold;\n var sensitiveArea = options.sensitiveArea === undefined ? SENSITIVE_AREA : options.sensitiveArea;\n\n // first and last touch\n var t0;\n var tl;\n\n // events\n var startEvents = getEvents(pointerTypes, 'start');\n var endEvents = getEvents(pointerTypes, 'end');\n var moveEvents = getEvents(pointerTypes, 'move');\n var cancelEvents = getEvents(pointerTypes, 'cancel');\n\n var startEventHandler = eventHandlers.start;\n var endEventHandler = eventHandlers.end;\n var moveEventHandler = eventHandlers.move;\n var cancelEventHandler = eventHandlers.cancel;\n\n var $movementTarget = angular.element($element[0].ownerDocument);\n var onTouchMove;\n var onTouchEnd;\n var onTouchCancel;\n\n var resetTouch = function() {\n t0 = tl = null;\n $movementTarget.off(moveEvents, onTouchMove);\n $movementTarget.off(endEvents, onTouchEnd);\n if (cancelEvents) {\n $movementTarget.off(cancelEvents, onTouchCancel);\n }\n };\n\n var isActive = function() {\n return Boolean(t0);\n };\n\n //\n // Callbacks\n //\n\n // on touchstart\n var onTouchStart = function(event) {\n // don't handle multi-touch\n if (event.touches && event.touches.length > 1) {\n return;\n }\n tl = t0 = buildTouchInfo('touchstart', getCoordinates(event));\n $movementTarget.on(moveEvents, onTouchMove);\n $movementTarget.on(endEvents, onTouchEnd);\n if (cancelEvents) {\n $movementTarget.on(cancelEvents, onTouchCancel);\n }\n if (startEventHandler) {\n startEventHandler(t0, event);\n }\n };\n\n // on touchCancel\n onTouchCancel = function(event) {\n var t = buildTouchInfo('touchcancel', getCoordinates(event), t0, tl);\n resetTouch();\n if (cancelEventHandler) {\n cancelEventHandler(t, event);\n }\n };\n\n // on touchMove\n onTouchMove = function(event) {\n // don't handle multi-touch\n if (event.touches && event.touches.length > 1) {\n return;\n }\n\n if (!isActive()) {\n return;\n }\n\n var coords = getCoordinates(event);\n\n //\n // wont fire outside sensitive area\n //\n var mva = typeof sensitiveArea === 'function' ? sensitiveArea($element) : sensitiveArea;\n mva = mva.length ? mva[0] : mva;\n\n var mvaRect = mva instanceof Element ? mva.getBoundingClientRect() : mva;\n\n if (coords.x < mvaRect.left || coords.x > mvaRect.right || coords.y < mvaRect.top || coords.y > mvaRect.bottom) {\n return;\n }\n\n var t = buildTouchInfo('touchmove', coords, t0, tl);\n var totalX = t.totalX;\n var totalY = t.totalY;\n\n tl = t;\n\n if (totalX < movementThreshold && totalY < movementThreshold) {\n return;\n }\n\n if (isValid(t, event)) {\n if (event.cancelable === undefined || event.cancelable) {\n event.preventDefault();\n }\n if (moveEventHandler) {\n moveEventHandler(t, event);\n }\n }\n };\n\n // on touchEnd\n onTouchEnd = function(event) {\n // don't handle multi-touch\n if (event.touches && event.touches.length > 1) {\n return;\n }\n\n if (!isActive()) {\n return;\n }\n\n var t = angular.extend({}, tl, {type: 'touchend'});\n if (isValid(t, event)) {\n if (event.cancelable === undefined || event.cancelable) {\n event.preventDefault();\n }\n if (endEventHandler) {\n setTimeout(function() { // weird workaround to avoid\n // delays with dom manipulations\n // inside the handler\n endEventHandler(t, event);\n }, 0);\n }\n }\n resetTouch();\n };\n\n $element.on(startEvents, onTouchStart);\n\n return function unbind() {\n if ($element) { // <- wont throw if accidentally called twice\n $element.off(startEvents, onTouchStart);\n if (cancelEvents) {\n $movementTarget.off(cancelEvents, onTouchCancel);\n }\n $movementTarget.off(moveEvents, onTouchMove);\n $movementTarget.off(endEvents, onTouchEnd);\n\n // Clear all those variables we carried out from `#bind` method scope\n // to local scope and that we don't have to use anymore\n $element = $movementTarget = startEvents = cancelEvents =\n moveEvents = endEvents = onTouchStart = onTouchCancel =\n onTouchMove = onTouchEnd = pointerTypes = isValid =\n movementThreshold = sensitiveArea = null;\n }\n };\n }\n };\n }];\n });\n})();\n","/* eslint complexity: 0 */\n\n/**\n * @module mobile-angular-ui.gestures.transform\n * @description\n *\n * `mobile-angular-ui.gestures.transform` provides the `$transform` service is designed\n * with the specific aim to provide a cross-browser way to interpolate CSS 3d transform\n * without having to deal with CSS Matrix, and being able to take into account any previous\n * unknown transform already applied to an element.\n *\n * ## Usage\n *\n * Require this module doing either\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures']);\n * ```\n *\n * Or standalone\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures.transform']);\n * ```\n *\n * Say we have an element with applyed css:\n *\n * ``` html\n * \n * ```\n *\n * ``` css\n * .myelem {\n * transform: translate(12px) rotate(20deg);\n * }\n * ```\n *\n * Then you can use `$transform` like this:\n *\n * ``` js\n * t = $transform.get(e);\n * t.rotationZ += 15;\n * t.translateX += 1;\n * $transform.set(e, t);\n * ```\n *\n * ### `$transform` service API\n *\n * #### `$transform.fromCssMatrix(cssMatrixString) -> transform`\n *\n * Returns a decomposition of the transform matrix `cssMatrixString`.\n * NOTE: 2d matrices are translated to 3d matrices before any other operation.\n *\n * #### `$transform.toCss(decomposedTransform)`\n *\n * Recompose a css string from `decomposedTransform`.\n *\n * Transforms are recomposed as a composition of:\n *\n * ``` css\n * matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])\n * translate3d(translation[0], translation[1], translation[2])\n * rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])\n * matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)\n * matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)\n * matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)\n * scale3d(scale[0], scale[1], scale[2])\n * ```\n *\n * #### `$transform.get(e) -> transform`\n *\n * Returns a decomposition of the transform matrix applied to `e`.\n *\n * #### `$transform.set(element, transform)`\n *\n * If transform is a string just set it for element `element`. Otherwise is considered as a\n * decomposed transform and is recomposed with `$transform.toCss` and then set to element.\n *\n * ### The decomposed transform object\n *\n * Result of transform matrix decomposition is an object with the following properties:\n *\n * ```\n * translateX\n * translateY\n * translateZ\n * perspectiveX\n * perspectiveY\n * perspectiveZ\n * perspectiveW\n * scaleX\n * scaleY\n * scaleZ\n * rotateX\n * rotateY\n * rotateZ\n * skewXY\n * skewXZ\n * skewYZ\n * ```\n */\n(function() {\n 'use strict';\n\n var module = angular.module('mobile-angular-ui.gestures.transform', []);\n\n module.factory('$transform', function() {\n\n /* ==============================================================\n = Cross-Browser Property Prefix Handling =\n ==============================================================*/\n\n // Cross-Browser style properties\n var cssPrefix;\n var transformProperty;\n var styleProperty;\n var prefixes = ['', 'webkit', 'Moz', 'O', 'ms'];\n var d = document.createElement('div');\n\n for (var i = 0; i < prefixes.length; i++) {\n var prefix = prefixes[i];\n if ((prefix + 'Perspective') in d.style) {\n cssPrefix = (prefix === '' ? '' : '-' + prefix.toLowerCase() + '-');\n styleProperty = prefix + (prefix === '' ? 'transform' : 'Transform');\n transformProperty = cssPrefix + 'transform';\n break;\n }\n }\n\n d = null;\n\n // return current element transform matrix in a cross-browser way\n var getElementTransformProperty = function(e) {\n e = e.length ? e[0] : e;\n var tr = window\n .getComputedStyle(e, null)\n .getPropertyValue(transformProperty);\n return tr;\n };\n\n // set current element transform matrix in a cross-browser way\n var setElementTransformProperty = function(elem, value) {\n elem = elem.length ? elem[0] : elem;\n elem.style[styleProperty] = value;\n };\n\n /* ======================================================\n = Transform Matrix Decomposition =\n ======================================================*/\n\n var SMALL_NUMBER = 1.e-7;\n\n var rad2deg = function(angle) {\n return angle * 180 / Math.PI;\n };\n\n var sqrt = Math.sqrt;\n var asin = Math.asin;\n var atan2 = Math.atan2;\n var cos = Math.cos;\n var abs = Math.abs;\n var floor = Math.floor;\n\n var cloneMatrix = function(m) {\n var res = [[], [], [], []];\n for (var i = 0; i < m.length; i++) {\n for (var j = 0; j < m[i].length; j++) {\n res[i][j] = m[i][j];\n }\n }\n return res;\n };\n\n var determinant2x2 = function(a, b, c, d) {\n return a * d - b * c;\n };\n\n var determinant3x3 = function(a1, a2, a3, b1, b2, b3, c1, c2, c3) {\n return a1 * determinant2x2(b2, b3, c2, c3) - b1 * determinant2x2(a2, a3, c2, c3) + c1 * determinant2x2(a2, a3, b2, b3);\n };\n\n var determinant4x4 = function(m) {\n var a1 = m[0][0];\n var b1 = m[0][1];\n var c1 = m[0][2];\n var d1 = m[0][3];\n var a2 = m[1][0];\n var b2 = m[1][1];\n var c2 = m[1][2];\n var d2 = m[1][3];\n var a3 = m[2][0];\n var b3 = m[2][1];\n var c3 = m[2][2];\n var d3 = m[2][3];\n var a4 = m[3][0];\n var b4 = m[3][1];\n var c4 = m[3][2];\n var d4 = m[3][3];\n return a1 * determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4) -\n b1 * determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4) +\n c1 * determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4) -\n d1 * determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);\n };\n\n var adjoint = function(m) {\n var res = [[], [], [], []];\n var a1 = m[0][0];\n var b1 = m[0][1];\n var c1 = m[0][2];\n var d1 = m[0][3];\n var a2 = m[1][0];\n var b2 = m[1][1];\n var c2 = m[1][2];\n var d2 = m[1][3];\n var a3 = m[2][0];\n var b3 = m[2][1];\n var c3 = m[2][2];\n var d3 = m[2][3];\n var a4 = m[3][0];\n var b4 = m[3][1];\n var c4 = m[3][2];\n var d4 = m[3][3];\n\n res[0][0] = determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4);\n res[1][0] = -determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4);\n res[2][0] = determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4);\n res[3][0] = -determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);\n res[0][1] = -determinant3x3(b1, b3, b4, c1, c3, c4, d1, d3, d4);\n res[1][1] = determinant3x3(a1, a3, a4, c1, c3, c4, d1, d3, d4);\n res[2][1] = -determinant3x3(a1, a3, a4, b1, b3, b4, d1, d3, d4);\n res[3][1] = determinant3x3(a1, a3, a4, b1, b3, b4, c1, c3, c4);\n res[0][2] = determinant3x3(b1, b2, b4, c1, c2, c4, d1, d2, d4);\n res[1][2] = -determinant3x3(a1, a2, a4, c1, c2, c4, d1, d2, d4);\n res[2][2] = determinant3x3(a1, a2, a4, b1, b2, b4, d1, d2, d4);\n res[3][2] = -determinant3x3(a1, a2, a4, b1, b2, b4, c1, c2, c4);\n res[0][3] = -determinant3x3(b1, b2, b3, c1, c2, c3, d1, d2, d3);\n res[1][3] = determinant3x3(a1, a2, a3, c1, c2, c3, d1, d2, d3);\n res[2][3] = -determinant3x3(a1, a2, a3, b1, b2, b3, d1, d2, d3);\n res[3][3] = determinant3x3(a1, a2, a3, b1, b2, b3, c1, c2, c3);\n\n return res;\n };\n\n var inverse = function(m) {\n var res = adjoint(m);\n var det = determinant4x4(m);\n if (abs(det) < SMALL_NUMBER) {\n return false;\n }\n\n for (var i = 0; i < 4; i++) {\n for (var j = 0; j < 4; j++) {\n res[i][j] /= det;\n }\n }\n return res;\n };\n\n var transposeMatrix4 = function(m) {\n var res = [[], [], [], []];\n for (var i = 0; i < 4; i++) {\n for (var j = 0; j < 4; j++) {\n res[i][j] = m[j][i];\n }\n }\n return res;\n };\n\n var v4MulPointByMatrix = function(p, m) {\n var res = [];\n\n res[0] = (p[0] * m[0][0]) + (p[1] * m[1][0]) +\n (p[2] * m[2][0]) + (p[3] * m[3][0]);\n res[1] = (p[0] * m[0][1]) + (p[1] * m[1][1]) +\n (p[2] * m[2][1]) + (p[3] * m[3][1]);\n res[2] = (p[0] * m[0][2]) + (p[1] * m[1][2]) +\n (p[2] * m[2][2]) + (p[3] * m[3][2]);\n res[3] = (p[0] * m[0][3]) + (p[1] * m[1][3]) +\n (p[2] * m[2][3]) + (p[3] * m[3][3]);\n\n return res;\n };\n\n var v3Length = function(a) {\n return sqrt((a[0] * a[0]) + (a[1] * a[1]) + (a[2] * a[2]));\n };\n\n var v3Scale = function(v, desiredLength) {\n var res = [];\n var len = v3Length(v);\n if (len !== 0) {\n var l = desiredLength / len;\n res[0] *= l;\n res[1] *= l;\n res[2] *= l;\n }\n return res;\n };\n\n var v3Dot = function(a, b) {\n return (a[0] * b[0]) + (a[1] * b[1]) + (a[2] * b[2]);\n };\n\n var v3Combine = function(a, b, ascl, bscl) {\n var res = [];\n res[0] = (ascl * a[0]) + (bscl * b[0]);\n res[1] = (ascl * a[1]) + (bscl * b[1]);\n res[2] = (ascl * a[2]) + (bscl * b[2]);\n return res;\n };\n\n var v3Cross = function(a, b) {\n var res = [];\n res[0] = (a[1] * b[2]) - (a[2] * b[1]);\n res[1] = (a[2] * b[0]) - (a[0] * b[2]);\n res[2] = (a[0] * b[1]) - (a[1] * b[0]);\n return res;\n };\n\n var decompose = function(mat) {\n var result = {};\n var localMatrix = cloneMatrix(mat);\n var i;\n var j;\n\n // Normalize the matrix.\n if (localMatrix[3][3] === 0) {\n return false;\n }\n\n for (i = 0; i < 4; i++) {\n for (j = 0; j < 4; j++) {\n localMatrix[i][j] /= localMatrix[3][3];\n }\n }\n\n var perspectiveMatrix = cloneMatrix(localMatrix);\n for (i = 0; i < 3; i++) {\n perspectiveMatrix[i][3] = 0;\n }\n perspectiveMatrix[3][3] = 1;\n\n if (determinant4x4(perspectiveMatrix) === 0) {\n return false;\n }\n\n // First, isolate perspective. This is the messiest.\n if (localMatrix[0][3] !== 0 || localMatrix[1][3] !== 0 || localMatrix[2][3] !== 0) {\n // rightHandSide is the right hand side of the equation.\n var rightHandSide = [];\n rightHandSide[0] = localMatrix[0][3];\n rightHandSide[1] = localMatrix[1][3];\n rightHandSide[2] = localMatrix[2][3];\n rightHandSide[3] = localMatrix[3][3];\n\n // Solve the equation by inverting perspectiveMatrix and multiplying\n // rightHandSide by the inverse. (This is the easiest way, not\n // necessarily the best.)\n var inversePerspectiveMatrix = inverse(perspectiveMatrix);\n var transposedInversePerspectiveMatrix = transposeMatrix4(inversePerspectiveMatrix);\n var perspectivePoint = v4MulPointByMatrix(rightHandSide, transposedInversePerspectiveMatrix);\n\n result.perspectiveX = perspectivePoint[0];\n result.perspectiveY = perspectivePoint[1];\n result.perspectiveZ = perspectivePoint[2];\n result.perspectiveW = perspectivePoint[3];\n\n // Clear the perspective partition\n localMatrix[0][3] = localMatrix[1][3] = localMatrix[2][3] = 0;\n localMatrix[3][3] = 1;\n } else {\n // No perspective.\n result.perspectiveX = result.perspectiveY = result.perspectiveZ = 0;\n result.perspectiveW = 1;\n }\n\n // Next take care of translation (easy).\n result.translateX = localMatrix[3][0];\n localMatrix[3][0] = 0;\n result.translateY = localMatrix[3][1];\n localMatrix[3][1] = 0;\n result.translateZ = localMatrix[3][2];\n localMatrix[3][2] = 0;\n\n // Now get scale and shear.\n var row = [[], [], []];\n var pdum3;\n\n for (i = 0; i < 3; i++) {\n row[i][0] = localMatrix[i][0];\n row[i][1] = localMatrix[i][1];\n row[i][2] = localMatrix[i][2];\n }\n\n // Compute X scale factor and normalize first row.\n result.scaleX = v3Length(row[0]);\n v3Scale(row[0], 1.0);\n\n // Compute XY shear factor and make 2nd row orthogonal to 1st.\n result.skewXY = v3Dot(row[0], row[1]);\n v3Combine(row[1], row[0], row[1], 1.0, -result.skewXY);\n\n // Now, compute Y scale and normalize 2nd row.\n result.scaleY = v3Length(row[1]);\n v3Scale(row[1], 1.0);\n result.skewXY /= result.scaleY;\n\n // Compute XZ and YZ shears, orthogonalize 3rd row.\n result.skewXZ = v3Dot(row[0], row[2]);\n v3Combine(row[2], row[0], row[2], 1.0, -result.skewXZ);\n result.skewYZ = v3Dot(row[1], row[2]);\n v3Combine(row[2], row[1], row[2], 1.0, -result.skewYZ);\n\n // Next, get Z scale and normalize 3rd row.\n result.scaleZ = v3Length(row[2]);\n v3Scale(row[2], 1.0);\n result.skewXZ /= result.scaleZ;\n result.skewYZ /= result.scaleZ;\n\n // At this point, the matrix (in rows[]) is orthonormal.\n // Check for a coordinate system flip. If the determinant\n // is -1, then negate the matrix and the scaling factors.\n pdum3 = v3Cross(row[1], row[2]);\n\n if (v3Dot(row[0], pdum3) < 0) {\n for (i = 0; i < 3; i++) {\n result.scaleX *= -1;\n row[i][0] *= -1;\n row[i][1] *= -1;\n row[i][2] *= -1;\n }\n }\n\n // Rotation (angles smaller then SMALL_NUMBER are zeroed)\n result.rotateY = rad2deg(asin(-row[0][2])) || 0;\n if (cos(result.rotateY) === 0) {\n result.rotateX = rad2deg(atan2(-row[2][0], row[1][1])) || 0;\n result.rotateZ = 0;\n } else {\n result.rotateX = rad2deg(atan2(row[1][2], row[2][2])) || 0;\n result.rotateZ = rad2deg(atan2(row[0][1], row[0][0])) || 0;\n }\n\n return result;\n };\n\n /* =========================================\n = Factory interface =\n =========================================*/\n\n var fCom = function(n, def) {\n // avoid scientific notation with toFixed\n var val = (n || def || 0);\n return String(val.toFixed(20));\n };\n\n var fPx = function(n, def) {\n return fCom(n, def) + 'px';\n };\n\n var fDeg = function(n, def) {\n return fCom(n, def) + 'deg';\n };\n\n return {\n fromCssMatrix: function(tr) {\n var M = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1]];\n\n // Just returns identity in case no transform is setup for the element\n if (tr && tr !== 'none') {\n var elems = tr.split('(')[1].split(')')[0].split(',').map(Number);\n\n // Is a 2d transform: matrix(a, b, c, d, tx, ty) is a shorthand\n // for matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1)\n if (tr.match(/^matrix\\(/)) {\n M[0][0] = elems[0];\n M[1][0] = elems[1];\n M[0][1] = elems[2];\n M[1][1] = elems[3];\n M[3][0] = elems[4];\n M[3][1] = elems[5];\n\n // Is a 3d transform, set elements by rows\n } else {\n for (var i = 0; i < 16; i++) {\n var row = floor(i / 4);\n var col = i % 4;\n M[row][col] = elems[i];\n }\n }\n }\n return decompose(M);\n },\n\n toCss: function(t) {\n //\n // Transforms are recomposed as a composition of:\n //\n // matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])\n // translate3d(translation[0], translation[1], translation[2])\n // rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])\n // matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)\n // matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)\n // matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)\n // scale3d(scale[0], scale[1], scale[2])\n //\n\n var perspective = [\n fCom(t.perspectiveX),\n fCom(t.perspectiveY),\n fCom(t.perspectiveZ),\n fCom(t.perspectiveW, 1)\n ];\n var translate = [\n fPx(t.translateX),\n fPx(t.translateY),\n fPx(t.translateZ)\n ];\n var scale = [\n fCom(t.scaleX),\n fCom(t.scaleY),\n fCom(t.scaleZ)\n ];\n var rotation = [\n fDeg(t.rotateX),\n fDeg(t.rotateY),\n fDeg(t.rotateZ)\n ];\n var skew = [\n fCom(t.skewXY),\n fCom(t.skewXZ),\n fCom(t.skewYZ)\n ];\n\n return [\n 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,' + perspective.join(',') + ')',\n 'translate3d(' + translate.join(',') + ')',\n 'rotateX(' + rotation[0] + ') rotateY(' + rotation[1] + ') rotateZ(' + rotation[2] + ')',\n 'matrix3d(1,0,0,0,0,1,0,0,0,' + skew[2] + ',1,0,0,0,0,1)',\n 'matrix3d(1,0,0,0,0,1,0,0,' + skew[1] + ',0,1,0,0,0,0,1)',\n 'matrix3d(1,0,0,0,' + skew[0] + ',1,0,0,0,0,1,0,0,0,0,1)',\n 'scale3d(' + scale.join(',') + ')'\n ].join(' ');\n },\n\n //\n // Returns a decomposition of the transform matrix applied\n // to `e`;\n //\n // NOTE: 2d matrices are translated to 3d matrices\n // before any other operation.\n //\n get: function(e) {\n return this.fromCssMatrix(getElementTransformProperty(e));\n },\n\n // Recompose a transform from decomposition `t` and apply it to element `e`\n set: function(e, t) {\n var str = (typeof t === 'string') ? t : this.toCss(t);\n setElementTransformProperty(e, str);\n }\n };\n });\n})();\n","/**\n * @module mobile-angular-ui.gestures\n * @position 100\n * @description\n *\n * It has directives and services to support `touch`, `swipe` and `drag` gestures.\n *\n * It does not need any `.css` to work.\n *\n *
+ *
+ *
+ *
+ * Here is the basic markup to achieve this.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ * It requires `ngModel`. It supports `ngChange` and `ngDisabled`.
+ *
+ * ``` html
+ * c||Math.abs(b.pageY-this.touchStartY)>c?!0:!1},FastClick.prototype.onTouchMove=function(a){"use strict";return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(a.target)||this.touchHasMoved(a))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},FastClick.prototype.findControl=function(a){"use strict";return void 0!==a.control?a.control:a.htmlFor?document.getElementById(a.htmlFor):a.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},FastClick.prototype.onTouchEnd=function(a){"use strict";var b,c,d,e,f,g=this.targetElement;if(!this.trackingClick)return!0;if(a.timeStamp-this.lastClickTime100||deviceIsIOS&&window.top!==window&&"input"===d?(this.targetElement=null,!1):(this.focus(g),this.sendClick(g,a),deviceIsIOS&&"select"===d||(this.targetElement=null,a.preventDefault()),!1);return deviceIsIOS&&!deviceIsIOS4&&(e=g.fastClickScrollParent,e&&e.fastClickLastScrollTop!==e.scrollTop)?!0:(this.needsClick(g)||(a.preventDefault(),this.sendClick(g,a)),!1)},FastClick.prototype.onTouchCancel=function(){"use strict";this.trackingClick=!1,this.targetElement=null},FastClick.prototype.onMouse=function(a){"use strict";return this.targetElement?a.forwardedTouchEvent?!0:a.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)?(a.stopImmediatePropagation?a.stopImmediatePropagation():a.propagationStopped=!0,a.stopPropagation(),a.preventDefault(),!1):!0:!0},FastClick.prototype.onClick=function(a){"use strict";var b;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===a.target.type&&0===a.detail?!0:(b=this.onMouse(a),b||(this.targetElement=null),b)},FastClick.prototype.destroy=function(){"use strict";var a=this.layer;deviceIsAndroid&&(a.removeEventListener("mouseover",this.onMouse,!0),a.removeEventListener("mousedown",this.onMouse,!0),a.removeEventListener("mouseup",this.onMouse,!0)),a.removeEventListener("click",this.onClick,!0),a.removeEventListener("touchstart",this.onTouchStart,!1),a.removeEventListener("touchmove",this.onTouchMove,!1),a.removeEventListener("touchend",this.onTouchEnd,!1),a.removeEventListener("touchcancel",this.onTouchCancel,!1)},FastClick.notNeeded=function(a){"use strict";var b,c,d;if("undefined"==typeof window.ontouchstart)return!0;if(c=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!deviceIsAndroid)return!0;if(b=document.querySelector("meta[name=viewport]")){if(-1!==b.content.indexOf("user-scalable=no"))return!0;if(c>31&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(deviceIsBlackBerry10&&(d=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/),d[1]>=10&&d[2]>=3&&(b=document.querySelector("meta[name=viewport]")))){if(-1!==b.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===a.style.msTouchAction?!0:!1},FastClick.attach=function(a,b){"use strict";return new FastClick(a,b)},"function"==typeof define&&"object"==typeof define.amd&&define.amd?define(function(){"use strict";return FastClick}):"undefined"!=typeof module&&module.exports?(module.exports=FastClick.attach,module.exports.FastClick=FastClick):window.FastClick=FastClick,angular.module("mobile-angular-ui.active-links",[]).run(["$rootScope",function(a){return angular.forEach(["$locationChangeSuccess","$includeContentLoaded"],function(b){return a.$on(b,function(){var a;return a=window.location.href,angular.forEach(document.links,function(b){var c;return c=angular.element(b),b.href===a?c.addClass("active"):c.removeClass("active"),c=null}),a=null})})}]),angular.module("mobile-angular-ui.directives.capture",[]).run(["CaptureService","$rootScope",function(a,b){b.$on("$routeChangeStart",function(){a.resetAll()})}]).factory("CaptureService",["$compile",function(a){var b={};return{resetAll:function(){for(name in b)this.resetYielder(name)},resetYielder:function(a){var c=b[a];this.setContentFor(a,c.defaultContent,c.defaultScope)},putYielder:function(a,c,d,e){var f={};f.name=a,f.element=c,f.defaultContent=e||"",f.defaultScope=d,b[a]=f},getYielder:function(a){return b[a]},removeYielder:function(a){delete b[a]},setContentFor:function(c,d,e){var f=b[c];f&&(f.element.html(d),a(f.element.contents())(e))}}}]).directive("contentFor",["CaptureService",function(a){return{compile:function(b,c){var d=b.html();return null==c.duplicate&&b.html(""),function(b,c,e){a.setContentFor(e.contentFor,d,b),null==e.duplicate&&c.remove()}}}}]).directive("yieldTo",["$compile","CaptureService",function(a,b){return{link:function(a,c,d){b.putYielder(d.yieldTo,c,a,c.html()),c.contents().remove(),a.$on("$destroy",function(){b.removeYielder(d.yieldTo)})}}}]),angular.module("mobile-angular-ui.directives.carousel",[]).run(["$rootScope",function(a){a.carouselPrev=function(b){a.$emit("mobile-angular-ui.carousel.prev",b)},a.carouselNext=function(b){a.$emit("mobile-angular-ui.carousel.next",b)};var b=function(a){var b=angular.element(document.getElementById(a)),c=angular.element(b.children()[0]).children();return b=null,c},c=function(a){for(var b=-1,c=!1,d=0;d=f?angular.element(e[g]).addClass("active"):angular.element(e[f-1]).addClass("active"),e=null,f=null,g=null}),a.$on("mobile-angular-ui.carousel.next",function(a,d){var e=b(d),f=c(e),g=e.length-1;-1!==f&&angular.element(e[f]).removeClass("active"),f===g?angular.element(e[0]).addClass("active"):angular.element(e[f+1]).addClass("active"),e=null,f=null,g=null})}]),angular.module("mobile-angular-ui.fastclick",[]).run(["$window","$document",function(a,b){a.addEventListener("load",function(){FastClick.attach(b[0].body)},!1)}]).directive("select",function(){return{replace:!1,restrict:"E",link:function(a,b){b.addClass("needsclick")}}}).directive("input",function(){return{replace:!1,restrict:"E",link:function(a,b){b.addClass("needsclick")}}}).directive("textarea",function(){return{replace:!1,restrict:"E",link:function(a,b){b.addClass("needsclick")}}}),angular.module("mobile-angular-ui.directives.forms",[]).directive("bsFormControl",function(){function a(a){for(var c="",d="",e=0;e=e;e++)b["col-"+c[d]+"-"+e]=!0;return{replace:!0,require:"ngModel",link:function(b,c,d){null==d.labelClass&&(d.labelClass=""),null==d.id&&(d.id=d.ngModel.replace(".","_")+"_input"),("SELECT"==c[0].tagName||("INPUT"==c[0].tagName||"TEXTAREA"==c[0].tagName)&&"checkbox"!=d.type&&"radio"!=d.type)&&c.addClass("form-control");var e=angular.element('"),f=angular.element(''),g=angular.element(''),h=a(d.labelClass.split(/\s+/));""==h.i&&e.addClass("col-xs-12"),e.addClass(d.labelClass);var i=a(c[0].className.split(/\s+/));c.removeClass(i.i),g.addClass(i.i),""==i.i&&g.addClass("col-xs-12"),c.wrap(f).wrap(g),c.parent().parent().prepend(e),c.attr("id",d.id),e=f=g=h=i=null}}}).directive("switch",function(){return{restrict:"EA",replace:!0,scope:{model:"=ngModel",changeExpr:"@ngChange",disabled:"@"},template:"n||Math.abs(t.pageY-this.touchStartY)>n},e.prototype.onTouchMove=function(e){return this.trackingClick?((this.targetElement!==this.getTargetElementFromEventTarget(e.target)||this.touchHasMoved(e))&&(this.trackingClick=!1,this.targetElement=null),!0):!0},e.prototype.findControl=function(e){return void 0!==e.control?e.control:e.htmlFor?document.getElementById(e.htmlFor):e.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")},e.prototype.onTouchEnd=function(e){var t,a,c,u,l,s=this.targetElement;if(!this.trackingClick)return!0;if(e.timeStamp-this.lastClickTimethis.tapTimeout)return!0;if(this.cancelNextClick=!1,this.lastClickTime=e.timeStamp,a=this.trackingClickStart,this.trackingClick=!1,this.trackingClickStart=0,i&&(l=e.changedTouches[0],s=document.elementFromPoint(l.pageX-window.pageXOffset,l.pageY-window.pageYOffset)||s,s.fastClickScrollParent=this.targetElement.fastClickScrollParent),c=s.tagName.toLowerCase(),"label"===c){if(t=this.findControl(s)){if(this.focus(s),n)return!1;s=t}}else if(this.needsFocus(s))return e.timeStamp-a>100||o&&window.top!==window&&"input"===c?(this.targetElement=null,!1):(this.focus(s),this.sendClick(s,e),o&&"select"===c||(this.targetElement=null,e.preventDefault()),!1);return o&&!r&&(u=s.fastClickScrollParent,u&&u.fastClickLastScrollTop!==u.scrollTop)?!0:(this.needsClick(s)||(e.preventDefault(),this.sendClick(s,e)),!1)},e.prototype.onTouchCancel=function(){this.trackingClick=!1,this.targetElement=null},e.prototype.onMouse=function(e){return this.targetElement?e.forwardedTouchEvent?!0:e.cancelable&&(!this.needsClick(this.targetElement)||this.cancelNextClick)?(e.stopImmediatePropagation?e.stopImmediatePropagation():e.propagationStopped=!0,e.stopPropagation(),e.preventDefault(),!1):!0:!0},e.prototype.onClick=function(e){var t;return this.trackingClick?(this.targetElement=null,this.trackingClick=!1,!0):"submit"===e.target.type&&0===e.detail?!0:(t=this.onMouse(e),t||(this.targetElement=null),t)},e.prototype.destroy=function(){var e=this.layer;n&&(e.removeEventListener("mouseover",this.onMouse,!0),e.removeEventListener("mousedown",this.onMouse,!0),e.removeEventListener("mouseup",this.onMouse,!0)),e.removeEventListener("click",this.onClick,!0),e.removeEventListener("touchstart",this.onTouchStart,!1),e.removeEventListener("touchmove",this.onTouchMove,!1),e.removeEventListener("touchend",this.onTouchEnd,!1),e.removeEventListener("touchcancel",this.onTouchCancel,!1)},e.notNeeded=function(e){var t,o,r,i;if("undefined"==typeof window.ontouchstart)return!0;if(o=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1]){if(!n)return!0;if(t=document.querySelector("meta[name=viewport]")){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(o>31&&document.documentElement.scrollWidth<=window.outerWidth)return!0}}if(a&&(r=navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/),r[1]>=10&&r[2]>=3&&(t=document.querySelector("meta[name=viewport]")))){if(-1!==t.content.indexOf("user-scalable=no"))return!0;if(document.documentElement.scrollWidth<=window.outerWidth)return!0}return"none"===e.style.msTouchAction||"manipulation"===e.style.touchAction?!0:(i=+(/Firefox\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1],i>=27&&(t=document.querySelector("meta[name=viewport]"),t&&(-1!==t.content.indexOf("user-scalable=no")||document.documentElement.scrollWidth<=window.outerWidth))?!0:"none"===e.style.touchAction||"manipulation"===e.style.touchAction)},e.attach=function(t,n){return new e(t,n)},"function"==typeof define&&"object"==typeof define.amd&&define.amd?define(function(){return e}):"undefined"!=typeof module&&module.exports?(module.exports=e.attach,module.exports.FastClick=e):window.FastClick=e}(),function(){"use strict";angular.module("mobile-angular-ui.core.activeLinks",[]).provider("setupActiveLinks",["$locationProvider",function(e){this.$get=["$document","$location",function(t,n){return function(){for(var o=n.path(),r=t[0].links,i=0;i0;){if(n[0]===t[0])return n=null,!0;n=n.parent()}return n=null,!1}}).factory("bindOuterClick",["$document","$timeout","_mauiIsAncestorOrSelf",function(e,t,n){return function(o,r,i,a){var c=function(e){n(angular.element(e.target),r)||o.$apply(function(){i(o,{$event:e})})},u=angular.noop,l=null;a?u=o.$watch(a,function(n){t.cancel(l),n?l=t(function(){e.on("click tap",c)},0):e.unbind("click tap",c)}):(t.cancel(l),e.on("click tap",c)),o.$on("$destroy",function(){u(),e.unbind("click tap",c)})}}]).directive("uiOuterClick",["bindOuterClick","$parse",function(e,t){return{restrict:"A",compile:function(n,o){var r=t(o.uiOuterClick),i=o.uiOuterClickIf;return function(t,n){e(t,n,r,i)}}}}])}(),function(){"use strict";var e=angular.module("mobile-angular-ui.core.sharedState",[]);e.factory("SharedState",["$rootScope","$log",function(e,t){var n={},o={},r={},i={};return{initialize:function(t,a,c){c=c||{};var u=void 0===r[t],l=c.defaultValue,s=c.exclusionGroup;r[t.$id]=r[t.$id]||[],r[t.$id].push(a),o[a]?u&&o[a].references++:(o[a]=angular.extend({},c,{references:1}),e.$broadcast("mobile-angular-ui.state.initialized."+a,l),void 0!==l&&this.setOne(a,l),s&&(i[s]=i[s]||{},i[s][a]=!0)),t.$on("$destroy",function(){for(var c=r[t.$id]||[],u=0;u2||r.length<1)throw new Error('Error parsing uiScopeContext="'+e+'"');n.push(r)}return n},o=function(e,t,n){for(var o=0;o800||function(){var t=e.navigator.userAgent,n=t.match(/AppleWebKit\/([0-9]+)/),o=n&&n[1],r=n&&o>=534;return t.match(/Android ([0-9]+)/)&&RegExp.$1>=3&&r||t.match(/ Version\/([0-9]+)/)&&RegExp.$1>=0&&e.blackberry&&r||t.indexOf("PlayBook")>-1&&r&&-1===!t.indexOf("Android 2")||t.match(/Firefox\/([0-9]+)/)&&RegExp.$1>=4||t.match(/wOSBrowser\/([0-9]+)/)&&RegExp.$1>=233&&r||t.match(/NokiaBrowser\/([0-9\.]+)/)&&7.3===parseFloat(RegExp.$1)&&n&&o>=533}();e.overthrow={},e.overthrow.enabledClassName=r,e.overthrow.addClass=function(){-1===o.className.indexOf(e.overthrow.enabledClassName)&&(o.className+=" "+e.overthrow.enabledClassName)},e.overthrow.removeClass=function(){o.className=o.className.replace(e.overthrow.enabledClassName,"")},e.overthrow.set=function(){a&&e.overthrow.addClass()},e.overthrow.canBeFilledWithPoly=i,e.overthrow.forget=function(){e.overthrow.removeClass()},e.overthrow.support=a?"native":"none"}(this),function(e,t){e.overthrow.set()}(this),function(e,t,n){if(t!==n){t.scrollIndicatorClassName="overthrow";var o=e.document,r=o.documentElement,i="native"===t.support,a=t.canBeFilledWithPoly,c=(t.configure,t.set),u=t.forget,l=t.scrollIndicatorClassName;t.closest=function(e,n){return!n&&e.className&&e.className.indexOf(l)>-1&&e||t.closest(e.parentNode)};var s=!1;t.set=function(){if(c(),!s&&!i&&a){e.overthrow.addClass(),s=!0,t.support="polyfilled",t.forget=function(){u(),s=!1,o.removeEventListener&&o.removeEventListener("touchstart",E,!1)};var l,d,f,h,v=[],m=[],p=function(){v=[],d=null},g=function(){m=[],f=null},C=function(e){h=l.querySelectorAll("textarea, input");for(var t=0,n=h.length;n>t;t++)h[t].style.pointerEvents=e},k=function(e,t){if(o.createEvent){var r,i=(!t||t===n)&&l.parentNode||l.touchchild||l;i!==l&&(r=o.createEvent("HTMLEvents"),r.initEvent("touchend",!0,!0),l.dispatchEvent(r),i.touchchild=l,l=i,i.dispatchEvent(e))}},E=function(e){if(t.intercept&&t.intercept(),p(),g(),l=t.closest(e.target),l&&l!==r&&!(e.touches.length>1)){C("none");var n=e,o=l.scrollTop,i=l.scrollLeft,a=l.offsetHeight,c=l.offsetWidth,u=e.touches[0].pageY,s=e.touches[0].pageX,h=l.scrollHeight,E=l.scrollWidth,b=function(e){var t=o+u-e.touches[0].pageY,r=i+s-e.touches[0].pageX,C=t>=(v.length?v[0]:0),b=r>=(m.length?m[0]:0);t>0&&h-a>t||r>0&&E-c>r?e.preventDefault():k(n),d&&C!==d&&p(),f&&b!==f&&g(),d=C,f=b,l.scrollTop=t,l.scrollLeft=r,v.unshift(t),m.unshift(r),v.length>3&&v.pop(),m.length>3&&m.pop()},y=function(e){C("auto"),setTimeout(function(){C("none")},450),l.removeEventListener("touchmove",b,!1),l.removeEventListener("touchend",y,!1)};l.addEventListener("touchmove",b,!1),l.addEventListener("touchend",y,!1)}};o.addEventListener("touchstart",E,!1)}}}}(this,this.overthrow),function(){"use strict";angular.module("mobile-angular-ui.components.modals",[]).directive("modal",["$rootElement",function(e){return{restrict:"C",link:function(t,n){e.addClass("has-modal"),n.on("$destroy",function(){e.removeClass("has-modal")}),t.$on("$destroy",function(){e.removeClass("has-modal")}),n.hasClass("modal-overlay")&&(e.addClass("has-modal-overlay"),n.on("$destroy",function(){e.removeClass("has-modal-overlay")}),t.$on("$destroy",function(){e.removeClass("has-modal-overlay")}))}}}])}(),function(){"use strict";var e=angular.module("mobile-angular-ui.components.navbars",[]);angular.forEach(["top","bottom"],function(t){var n="navbarAbsolute"+t.charAt(0).toUpperCase()+t.slice(1);e.directive(n,["$rootElement",function(e){return{restrict:"C",link:function(n){e.addClass("has-navbar-"+t),n.$on("$destroy",function(){e.removeClass("has-navbar-"+t)})}}}])})}(),function(){"use strict";var e=angular.module("mobile-angular-ui.components.scrollable",["mobile-angular-ui.core.touchmoveDefaults"]),t=function(e){var t=e.touches&&e.touches.length?e.touches:[e],n=e.changedTouches&&e.changedTouches[0]||e.originalEvent&&e.originalEvent.changedTouches&&e.originalEvent.changedTouches[0]||t[0].originalEvent||t[0];return n.clientY};e.directive("scrollableContent",function(){return{restrict:"C",controller:["$element","$document","allowTouchmoveDefault",function(e,n,o){var r=e[0],i=e.parent()[0];if("ontouchmove"in n[0]){var a,c,u,l=function(e){a=r.scrollTop>0,c=r.scrollTopu,r=!o;return u=n,o&&a||r&&c})}this.scrollableContent=r,this.scrollTo=function(e,t){if(t=t||0,angular.isNumber(e))r.scrollTop=e-t;else{var n=angular.element(e)[0];n.offsetParent&&n.offsetParent!==i?this.scrollTo(n.offsetParent,t-n.offsetTop):r.scrollTop=n.offsetTop-t}}}],link:function(e,t){"native"!==overthrow.support&&(t.addClass("overthrow"),overthrow.forget(),overthrow.set())}}}),angular.forEach(["input","textarea"],function(t){e.directive(t,["$rootScope","$timeout",function(e,t){return{require:"?^^scrollableContent",link:function(e,n,o,r){n.on("focus",function(){if(r&&r.scrollableContent){var e=r.scrollableContent.offsetHeight;t(function(){var t=r.scrollableContent.offsetHeight;if(e>t){var o=10,i=r.scrollableContent.parentElement.querySelector(".scrollable-header");i&&(o=i.getBoundingClientRect().bottom-i.getBoundingClientRect().top+o),r.scrollTo(n,o)}},500)}})}}}])}),angular.forEach({uiScrollTop:function(e){return 0===e.scrollTop},uiScrollBottom:function(e){return e.scrollHeight===e.scrollTop+e.clientHeight}},function(t,n){e.directive(n,[function(){return{restrict:"A",link:function(e,o,r){o.on("scroll",function(){t(o[0])&&e.$apply(function(){e.$eval(r[n])})})}}}])}),angular.forEach({Top:"scrollableHeader",Bottom:"scrollableFooter"},function(t,n){e.directive(t,["$window",function(e){return{restrict:"C",link:function(t,o){var r=o[0],i=o.parent()[0].style,a=function(){var t=e.getComputedStyle(r),o=parseInt(t.marginTop,10)+parseInt(t.marginBottom,10);i["padding"+n]=r.offsetHeight+o+"px"},c=setInterval(a,30);o.on("$destroy",function(){i["padding"+n]=null,clearInterval(c),c=a=o=null})}}}])})}(),function(){"use strict";var e=angular.module("mobile-angular-ui.components.sidebars",["mobile-angular-ui.core.sharedState","mobile-angular-ui.core.outerClick"]);angular.forEach(["left","right"],function(t){var n="sidebar"+t.charAt(0).toUpperCase()+t.slice(1),o="ui"+n.charAt(0).toUpperCase()+n.slice(1);e.directive(n,["$rootElement","SharedState","bindOuterClick","$location",function(e,n,r,i){return{restrict:"C",link:function(a,c,u){var l="has-sidebar-"+t,s="sidebar-"+t+"-visible",d="sidebar-"+t+"-in",f=u.id?u.id:o,h=""===u.uiTrackAsSearchParam||u.uiTrackAsSearchParam,v=function(){n.turnOff(f)},m=function(){return n.isActive(f)};e.addClass(l),a.$on("$destroy",function(){e.removeClass(l),e.removeClass(s),e.removeClass(d)});var p=void 0!==u.active&&"false"!==u.active;n.initialize(a,f,{defaultValue:p}),a.$on("mobile-angular-ui.state.changed."+f,function(t,n){h&&i.search(f,n||null),n?(e.addClass(s),e.addClass(d)):e.removeClass(d)}),a.$on("$routeChangeSuccess",function(){n.turnOff(f)}),a.$on("$routeUpdate",function(){h&&(i.search()[f]?n.turnOn(f):n.turnOff(f))}),a.$on("mobile-angular-ui.app.transitionend",function(){n.isActive(f)||e.removeClass(s)}),"false"!==u.closeOnOuterClicks&&r(a,c,v,m)}}}])}),e.directive("app",["$rootScope",function(e){return{restrict:"C",link:function(t,n){n.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend",function(){e.$broadcast("mobile-angular-ui.app.transitionend")})}}}])}(),function(){"use strict";angular.module("mobile-angular-ui.components.switch",[]).directive("uiSwitch",["$injector",function(e){var t=e.has("$drag")&&e.get("$drag");return{restrict:"EA",scope:{model:"=ngModel",changeExpr:"@ngChange"},link:function(e,n,o){n.addClass("switch");var r=o.disabled||n.attr("disabled"),i=e.$watch(function(){return o.disabled||n.attr("disabled")},function(e){r=!(!e||"false"===e||"0"===e)}),a=angular.element('');n.append(a),e.model&&n.addClass("active"),n.addClass("switch-transition-enabled");var c=e.$watch("model",function(e){e?n.addClass("active"):n.removeClass("active")}),u=function(t){r||t===e.model||(e.model=t,e.$apply(),null!==e.changeExpr&&void 0!==e.changeExpr&&e.$parent.$eval(e.changeExpr))},l=function(){u(!e.model)};n.on("click tap",l);var s=angular.noop;t&&(s=t.bind(a,{transform:t.TRANSLATE_INSIDE(n),start:function(){n.off("click tap",l)},cancel:function(){a.removeAttr("style"),n.off("click tap",l),n.on("click tap",l)},end:function(){var e=a[0].getBoundingClientRect(),t=n[0].getBoundingClientRect();e.left-t.left\n *\n * \n *\n * \n * \n * \n *\n * Here is the basic markup to achieve this.\n *\n * ``` html\n * \n * \n * \n *\n * It requires `ngModel`. It supports `ngChange` and `ngDisabled`.\n *\n * ``` html\n * Analog clock time picker with $drag
+
+
+
+
+
+
+
+
+
+
+Limiting $drag movement
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/lightbulb.html b/examples/lightbulb.html
new file mode 100644
index 0000000..7fcc99e
--- /dev/null
+++ b/examples/lightbulb.html
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+ Custom components and SharedState
+
+
+
+
+
+
+
+ Tabs component
+
+
+
+
+
+
+
+
+
+ *
+ *
+ *
+ * Here is the basic markup to achieve this.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ * It requires `ngModel`. It supports `ngChange` and `ngDisabled`.
+ *
+ * ``` html
+ * Mobile Angular UI E2E Tests
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Touch Me!
+
+
diff --git a/dist/css/mobile-angular-ui-base.css b/dist/css/mobile-angular-ui-base.css
index b40da52..51d774e 100644
--- a/dist/css/mobile-angular-ui-base.css
+++ b/dist/css/mobile-angular-ui-base.css
@@ -1,10 +1,206 @@
+@media (min-width: 768px) {
+ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+ float: left;
+ }
+ .col-sm-12 {
+ width: 100%;
+ }
+ .col-sm-11 {
+ width: 91.66666667%;
+ }
+ .col-sm-10 {
+ width: 83.33333333%;
+ }
+ .col-sm-9 {
+ width: 75%;
+ }
+ .col-sm-8 {
+ width: 66.66666667%;
+ }
+ .col-sm-7 {
+ width: 58.33333333%;
+ }
+ .col-sm-6 {
+ width: 50%;
+ }
+ .col-sm-5 {
+ width: 41.66666667%;
+ }
+ .col-sm-4 {
+ width: 33.33333333%;
+ }
+ .col-sm-3 {
+ width: 25%;
+ }
+ .col-sm-2 {
+ width: 16.66666667%;
+ }
+ .col-sm-1 {
+ width: 8.33333333%;
+ }
+ .col-sm-pull-12 {
+ right: 100%;
+ }
+ .col-sm-pull-11 {
+ right: 91.66666667%;
+ }
+ .col-sm-pull-10 {
+ right: 83.33333333%;
+ }
+ .col-sm-pull-9 {
+ right: 75%;
+ }
+ .col-sm-pull-8 {
+ right: 66.66666667%;
+ }
+ .col-sm-pull-7 {
+ right: 58.33333333%;
+ }
+ .col-sm-pull-6 {
+ right: 50%;
+ }
+ .col-sm-pull-5 {
+ right: 41.66666667%;
+ }
+ .col-sm-pull-4 {
+ right: 33.33333333%;
+ }
+ .col-sm-pull-3 {
+ right: 25%;
+ }
+ .col-sm-pull-2 {
+ right: 16.66666667%;
+ }
+ .col-sm-pull-1 {
+ right: 8.33333333%;
+ }
+ .col-sm-pull-0 {
+ right: auto;
+ }
+ .col-sm-push-12 {
+ left: 100%;
+ }
+ .col-sm-push-11 {
+ left: 91.66666667%;
+ }
+ .col-sm-push-10 {
+ left: 83.33333333%;
+ }
+ .col-sm-push-9 {
+ left: 75%;
+ }
+ .col-sm-push-8 {
+ left: 66.66666667%;
+ }
+ .col-sm-push-7 {
+ left: 58.33333333%;
+ }
+ .col-sm-push-6 {
+ left: 50%;
+ }
+ .col-sm-push-5 {
+ left: 41.66666667%;
+ }
+ .col-sm-push-4 {
+ left: 33.33333333%;
+ }
+ .col-sm-push-3 {
+ left: 25%;
+ }
+ .col-sm-push-2 {
+ left: 16.66666667%;
+ }
+ .col-sm-push-1 {
+ left: 8.33333333%;
+ }
+ .col-sm-push-0 {
+ left: auto;
+ }
+ .col-sm-offset-12 {
+ margin-left: 100%;
+ }
+ .col-sm-offset-11 {
+ margin-left: 91.66666667%;
+ }
+ .col-sm-offset-10 {
+ margin-left: 83.33333333%;
+ }
+ .col-sm-offset-9 {
+ margin-left: 75%;
+ }
+ .col-sm-offset-8 {
+ margin-left: 66.66666667%;
+ }
+ .col-sm-offset-7 {
+ margin-left: 58.33333333%;
+ }
+ .col-sm-offset-6 {
+ margin-left: 50%;
+ }
+ .col-sm-offset-5 {
+ margin-left: 41.66666667%;
+ }
+ .col-sm-offset-4 {
+ margin-left: 33.33333333%;
+ }
+ .col-sm-offset-3 {
+ margin-left: 25%;
+ }
+ .col-sm-offset-2 {
+ margin-left: 16.66666667%;
+ }
+ .col-sm-offset-1 {
+ margin-left: 8.33333333%;
+ }
+ .col-sm-offset-0 {
+ margin-left: 0%;
+ }
+}
+@media (min-width: 480px) {
+ .sidebar-left {
+ width: 440px;
+ }
+ .sidebar-right {
+ width: 440px;
+ }
+ .sidebar-left-in .app {
+ -webkit-transform: translate3d(440px, 0, 0);
+ transform: translate3d(440px, 0, 0);
+ }
+ .sidebar-right-in .app {
+ -webkit-transform: translate3d(-440px, 0, 0);
+ transform: translate3d(-440px, 0, 0);
+ }
+}
+@media (min-width: 768px) {
+ .sidebar-left {
+ width: 688px;
+ }
+ .sidebar-right {
+ width: 688px;
+ }
+ .sidebar-left-in .app {
+ -webkit-transform: translate3d(688px, 0, 0);
+ transform: translate3d(688px, 0, 0);
+ }
+ .sidebar-right-in .app {
+ -webkit-transform: translate3d(-688px, 0, 0);
+ transform: translate3d(-688px, 0, 0);
+ }
+}
+
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
- src: url('https://github.com/fonts/fontawesome-webfont.eot?v=4.2.0');
- src: url('https://github.com/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('https://github.com/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('https://github.com/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('https://github.com/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
+ src: url('https://github.com/fonts/fontawesome-webfont.eot?v=4.6.3');
+ src: url('https://github.com/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('https://github.com/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('https://github.com/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('https://github.com/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('https://github.com/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -71,10 +267,28 @@
.fa-border {
padding: .2em .25em .15em;
- border: solid 0.08em #eeeeee;
+ border: solid 0.08em #eee;
border-radius: .1em;
}
+.fa-pull-left {
+ float: left;
+}
+
+.fa-pull-right {
+ float: right;
+}
+
+.fa.fa-pull-left {
+ margin-right: .3em;
+}
+
+.fa.fa-pull-right {
+ margin-left: .3em;
+}
+
+/* Deprecated as of 4.4.0 */
+
.pull-right {
float: right;
}
@@ -96,6 +310,11 @@
animation: fa-spin 2s infinite linear;
}
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
@@ -121,35 +340,35 @@
}
.fa-rotate-90 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
@@ -189,7 +408,7 @@
}
.fa-inverse {
- color: #ffffff;
+ color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
@@ -787,6 +1006,7 @@
content: "\f099";
}
+.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
@@ -803,6 +1023,7 @@
content: "\f09d";
}
+.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
@@ -1641,7 +1862,8 @@
content: "\f183";
}
-.fa-gittip:before {
+.fa-gittip:before,
+.fa-gratipay:before {
content: "\f184";
}
@@ -1778,7 +2000,7 @@
content: "\f1a6";
}
-.fa-pied-piper:before {
+.fa-pied-piper-pp:before {
content: "\f1a7";
}
@@ -1942,6 +2164,7 @@
}
.fa-ra:before,
+.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
@@ -1959,6 +2182,8 @@
content: "\f1d3";
}
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
@@ -2181,5690 +2406,6642 @@
content: "\f20c";
}
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+.fa-buysellads:before {
+ content: "\f20d";
+}
-html {
- font-family: sans-serif;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
+.fa-connectdevelop:before {
+ content: "\f20e";
}
-body {
- margin: 0;
+.fa-dashcube:before {
+ content: "\f210";
}
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
- display: block;
+.fa-forumbee:before {
+ content: "\f211";
}
-audio,
-canvas,
-progress,
-video {
- display: inline-block;
- vertical-align: baseline;
+.fa-leanpub:before {
+ content: "\f212";
}
-audio:not([controls]) {
- display: none;
- height: 0;
+.fa-sellsy:before {
+ content: "\f213";
}
-[hidden],
-template {
- display: none;
+.fa-shirtsinbulk:before {
+ content: "\f214";
}
-a {
- background: transparent;
+.fa-simplybuilt:before {
+ content: "\f215";
}
-a:active {
- outline: 0;
+.fa-skyatlas:before {
+ content: "\f216";
}
-abbr[title] {
- border-bottom: 1px dotted;
+.fa-cart-plus:before {
+ content: "\f217";
}
-b,
-strong {
- font-weight: bold;
+.fa-cart-arrow-down:before {
+ content: "\f218";
}
-dfn {
- font-style: italic;
+.fa-diamond:before {
+ content: "\f219";
}
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
+.fa-ship:before {
+ content: "\f21a";
}
-mark {
- background: #ff0;
- color: #000;
+.fa-user-secret:before {
+ content: "\f21b";
}
-small {
- font-size: 80%;
+.fa-motorcycle:before {
+ content: "\f21c";
}
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
+.fa-street-view:before {
+ content: "\f21d";
}
-sup {
- top: -0.5em;
+.fa-heartbeat:before {
+ content: "\f21e";
}
-sub {
- bottom: -0.25em;
+.fa-venus:before {
+ content: "\f221";
}
-img {
- border: 0;
+.fa-mars:before {
+ content: "\f222";
}
-svg:not(:root) {
- overflow: hidden;
+.fa-mercury:before {
+ content: "\f223";
}
-figure {
- margin: 1em 40px;
+.fa-intersex:before,
+.fa-transgender:before {
+ content: "\f224";
}
-hr {
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
+.fa-transgender-alt:before {
+ content: "\f225";
}
-pre {
- overflow: auto;
+.fa-venus-double:before {
+ content: "\f226";
}
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, monospace;
- font-size: 1em;
+.fa-mars-double:before {
+ content: "\f227";
}
-button,
-input,
-optgroup,
-select,
-textarea {
- color: inherit;
- font: inherit;
- margin: 0;
+.fa-venus-mars:before {
+ content: "\f228";
}
-button {
- overflow: visible;
+.fa-mars-stroke:before {
+ content: "\f229";
}
-button,
-select {
- text-transform: none;
+.fa-mars-stroke-v:before {
+ content: "\f22a";
}
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
- -webkit-appearance: button;
- cursor: pointer;
+.fa-mars-stroke-h:before {
+ content: "\f22b";
}
-button[disabled],
-html input[disabled] {
- cursor: default;
+.fa-neuter:before {
+ content: "\f22c";
}
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
- padding: 0;
+.fa-genderless:before {
+ content: "\f22d";
}
-input {
- line-height: normal;
+.fa-facebook-official:before {
+ content: "\f230";
}
-input[type="checkbox"],
-input[type="radio"] {
- box-sizing: border-box;
- padding: 0;
+.fa-pinterest-p:before {
+ content: "\f231";
}
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
- height: auto;
+.fa-whatsapp:before {
+ content: "\f232";
}
-input[type="search"] {
- -webkit-appearance: textfield;
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
+.fa-server:before {
+ content: "\f233";
}
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
+.fa-user-plus:before {
+ content: "\f234";
}
-fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
+.fa-user-times:before {
+ content: "\f235";
}
-legend {
- border: 0;
- padding: 0;
+.fa-hotel:before,
+.fa-bed:before {
+ content: "\f236";
}
-textarea {
- overflow: auto;
+.fa-viacoin:before {
+ content: "\f237";
}
-optgroup {
- font-weight: bold;
+.fa-train:before {
+ content: "\f238";
}
-table {
- border-collapse: collapse;
- border-spacing: 0;
+.fa-subway:before {
+ content: "\f239";
}
-td,
-th {
- padding: 0;
+.fa-medium:before {
+ content: "\f23a";
}
-* {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+.fa-yc:before,
+.fa-y-combinator:before {
+ content: "\f23b";
}
-*:before,
-*:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+.fa-optin-monster:before {
+ content: "\f23c";
}
-html {
- font-size: 10px;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+.fa-opencart:before {
+ content: "\f23d";
}
-body {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 14px;
- line-height: 1.42857143;
- color: #333333;
- background-color: #ffffff;
+.fa-expeditedssl:before {
+ content: "\f23e";
}
-input,
-button,
-select,
-textarea {
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
+.fa-battery-4:before,
+.fa-battery-full:before {
+ content: "\f240";
}
-a {
- color: #007aff;
- text-decoration: none;
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+ content: "\f241";
}
-a:focus {
- color: #0055b3;
- text-decoration: underline;
+.fa-battery-2:before,
+.fa-battery-half:before {
+ content: "\f242";
}
-a:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+ content: "\f243";
}
-figure {
- margin: 0;
+.fa-battery-0:before,
+.fa-battery-empty:before {
+ content: "\f244";
}
-img {
- vertical-align: middle;
+.fa-mouse-pointer:before {
+ content: "\f245";
}
-.img-responsive,
-.thumbnail > img,
-.thumbnail a > img,
-.carousel-inner > .item > img,
-.carousel-inner > .item > a > img {
- display: block;
- width: 100% \9;
- max-width: 100%;
- height: auto;
+.fa-i-cursor:before {
+ content: "\f246";
}
-.img-rounded {
- border-radius: 6px;
+.fa-object-group:before {
+ content: "\f247";
}
-.img-thumbnail {
- padding: 4px;
- line-height: 1.42857143;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 4px;
- -webkit-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- display: inline-block;
- width: 100% \9;
- max-width: 100%;
- height: auto;
+.fa-object-ungroup:before {
+ content: "\f248";
}
-.img-circle {
- border-radius: 50%;
+.fa-sticky-note:before {
+ content: "\f249";
}
-hr {
- margin-top: 20px;
- margin-bottom: 20px;
- border: 0;
- border-top: 1px solid #eeeeee;
+.fa-sticky-note-o:before {
+ content: "\f24a";
}
-.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- margin: -1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- border: 0;
+.fa-cc-jcb:before {
+ content: "\f24b";
}
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
- position: static;
- width: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- clip: auto;
+.fa-cc-diners-club:before {
+ content: "\f24c";
}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-weight: normal;
- line-height: 1.1;
- color: inherit;
+.fa-clone:before {
+ content: "\f24d";
}
-h1 small,
-h2 small,
-h3 small,
-h4 small,
-h5 small,
-h6 small,
-.h1 small,
-.h2 small,
-.h3 small,
-.h4 small,
-.h5 small,
-.h6 small,
-h1 .small,
-h2 .small,
-h3 .small,
-h4 .small,
-h5 .small,
-h6 .small,
-.h1 .small,
-.h2 .small,
-.h3 .small,
-.h4 .small,
-.h5 .small,
-.h6 .small {
- font-weight: normal;
- line-height: 1;
- color: #777777;
+.fa-balance-scale:before {
+ content: "\f24e";
}
-h1,
-.h1,
-h2,
-.h2,
-h3,
-.h3 {
- margin-top: 20px;
- margin-bottom: 10px;
+.fa-hourglass-o:before {
+ content: "\f250";
}
-h1 small,
-.h1 small,
-h2 small,
-.h2 small,
-h3 small,
-.h3 small,
-h1 .small,
-.h1 .small,
-h2 .small,
-.h2 .small,
-h3 .small,
-.h3 .small {
- font-size: 65%;
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+ content: "\f251";
}
-h4,
-.h4,
-h5,
-.h5,
-h6,
-.h6 {
- margin-top: 10px;
- margin-bottom: 10px;
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+ content: "\f252";
}
-h4 small,
-.h4 small,
-h5 small,
-.h5 small,
-h6 small,
-.h6 small,
-h4 .small,
-.h4 .small,
-h5 .small,
-.h5 .small,
-h6 .small,
-.h6 .small {
- font-size: 75%;
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+ content: "\f253";
}
-h1,
-.h1 {
- font-size: 36px;
+.fa-hourglass:before {
+ content: "\f254";
}
-h2,
-.h2 {
- font-size: 30px;
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+ content: "\f255";
}
-h3,
-.h3 {
- font-size: 24px;
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+ content: "\f256";
}
-h4,
-.h4 {
- font-size: 18px;
+.fa-hand-scissors-o:before {
+ content: "\f257";
}
-h5,
-.h5 {
- font-size: 14px;
+.fa-hand-lizard-o:before {
+ content: "\f258";
}
-h6,
-.h6 {
- font-size: 12px;
+.fa-hand-spock-o:before {
+ content: "\f259";
}
-p {
- margin: 0 0 10px;
+.fa-hand-pointer-o:before {
+ content: "\f25a";
}
-.lead {
- margin-bottom: 20px;
- font-size: 16px;
- font-weight: 300;
- line-height: 1.4;
+.fa-hand-peace-o:before {
+ content: "\f25b";
}
-small,
-.small {
- font-size: 85%;
+.fa-trademark:before {
+ content: "\f25c";
}
-cite {
- font-style: normal;
+.fa-registered:before {
+ content: "\f25d";
}
-mark,
-.mark {
- background-color: #fcf8e3;
- padding: .2em;
+.fa-creative-commons:before {
+ content: "\f25e";
}
-.text-left {
- text-align: left;
+.fa-gg:before {
+ content: "\f260";
}
-.text-right {
- text-align: right;
+.fa-gg-circle:before {
+ content: "\f261";
}
-.text-center {
- text-align: center;
+.fa-tripadvisor:before {
+ content: "\f262";
}
-.text-justify {
- text-align: justify;
+.fa-odnoklassniki:before {
+ content: "\f263";
}
-.text-nowrap {
- white-space: nowrap;
+.fa-odnoklassniki-square:before {
+ content: "\f264";
}
-.text-lowercase {
- text-transform: lowercase;
+.fa-get-pocket:before {
+ content: "\f265";
}
-.text-uppercase {
- text-transform: uppercase;
+.fa-wikipedia-w:before {
+ content: "\f266";
}
-.text-capitalize {
- text-transform: capitalize;
+.fa-safari:before {
+ content: "\f267";
}
-.text-muted {
- color: #777777;
+.fa-chrome:before {
+ content: "\f268";
}
-.text-primary {
- color: #007aff;
+.fa-firefox:before {
+ content: "\f269";
}
-.text-success {
- color: #3c763d;
+.fa-opera:before {
+ content: "\f26a";
}
-.text-info {
- color: #31708f;
+.fa-internet-explorer:before {
+ content: "\f26b";
}
-.text-warning {
- color: #8a6d3b;
+.fa-tv:before,
+.fa-television:before {
+ content: "\f26c";
}
-.text-danger {
- color: #a94442;
+.fa-contao:before {
+ content: "\f26d";
}
-.bg-primary {
- color: #fff;
- background-color: #007aff;
+.fa-500px:before {
+ content: "\f26e";
}
-.bg-success {
- background-color: #dff0d8;
+.fa-amazon:before {
+ content: "\f270";
}
-.bg-info {
- background-color: #d9edf7;
+.fa-calendar-plus-o:before {
+ content: "\f271";
}
-.bg-warning {
- background-color: #fcf8e3;
+.fa-calendar-minus-o:before {
+ content: "\f272";
}
-.bg-danger {
- background-color: #f2dede;
+.fa-calendar-times-o:before {
+ content: "\f273";
}
-.page-header {
- padding-bottom: 9px;
- margin: 40px 0 20px;
- border-bottom: 1px solid #eeeeee;
+.fa-calendar-check-o:before {
+ content: "\f274";
}
-ul,
-ol {
- margin-top: 0;
- margin-bottom: 10px;
+.fa-industry:before {
+ content: "\f275";
}
-ul ul,
-ol ul,
-ul ol,
-ol ol {
- margin-bottom: 0;
+.fa-map-pin:before {
+ content: "\f276";
}
-.list-unstyled {
- padding-left: 0;
- list-style: none;
+.fa-map-signs:before {
+ content: "\f277";
}
-.list-inline {
- padding-left: 0;
- list-style: none;
- margin-left: -5px;
+.fa-map-o:before {
+ content: "\f278";
}
-.list-inline > li {
- display: inline-block;
- padding-left: 5px;
- padding-right: 5px;
+.fa-map:before {
+ content: "\f279";
}
-dl {
- margin-top: 0;
- margin-bottom: 20px;
+.fa-commenting:before {
+ content: "\f27a";
}
-dt,
-dd {
- line-height: 1.42857143;
+.fa-commenting-o:before {
+ content: "\f27b";
}
-dt {
- font-weight: bold;
+.fa-houzz:before {
+ content: "\f27c";
}
-dd {
- margin-left: 0;
+.fa-vimeo:before {
+ content: "\f27d";
}
-abbr[title],
-abbr[data-original-title] {
- cursor: help;
- border-bottom: 1px dotted #777777;
+.fa-black-tie:before {
+ content: "\f27e";
}
-.initialism {
- font-size: 90%;
- text-transform: uppercase;
+.fa-fonticons:before {
+ content: "\f280";
}
-blockquote {
- padding: 10px 20px;
- margin: 0 0 20px;
- font-size: 17.5px;
- border-left: 5px solid #eeeeee;
+.fa-reddit-alien:before {
+ content: "\f281";
}
-blockquote p:last-child,
-blockquote ul:last-child,
-blockquote ol:last-child {
- margin-bottom: 0;
+.fa-edge:before {
+ content: "\f282";
}
-blockquote footer,
-blockquote small,
-blockquote .small {
- display: block;
- font-size: 80%;
- line-height: 1.42857143;
- color: #777777;
+.fa-credit-card-alt:before {
+ content: "\f283";
}
-blockquote footer:before,
-blockquote small:before,
-blockquote .small:before {
- content: '\2014 \00A0';
+.fa-codiepie:before {
+ content: "\f284";
}
-.blockquote-reverse,
-blockquote.pull-right {
- padding-right: 15px;
- padding-left: 0;
- border-right: 5px solid #eeeeee;
- border-left: 0;
- text-align: right;
+.fa-modx:before {
+ content: "\f285";
}
-.blockquote-reverse footer:before,
-blockquote.pull-right footer:before,
-.blockquote-reverse small:before,
-blockquote.pull-right small:before,
-.blockquote-reverse .small:before,
-blockquote.pull-right .small:before {
- content: '';
+.fa-fort-awesome:before {
+ content: "\f286";
}
-.blockquote-reverse footer:after,
-blockquote.pull-right footer:after,
-.blockquote-reverse small:after,
-blockquote.pull-right small:after,
-.blockquote-reverse .small:after,
-blockquote.pull-right .small:after {
- content: '\00A0 \2014';
+.fa-usb:before {
+ content: "\f287";
}
-blockquote:before,
-blockquote:after {
- content: "";
+.fa-product-hunt:before {
+ content: "\f288";
}
-address {
- margin-bottom: 20px;
- font-style: normal;
- line-height: 1.42857143;
+.fa-mixcloud:before {
+ content: "\f289";
}
-code,
-kbd,
-pre,
-samp {
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+.fa-scribd:before {
+ content: "\f28a";
}
-code {
- padding: 2px 4px;
- font-size: 90%;
- color: #c7254e;
- background-color: #f9f2f4;
- border-radius: 4px;
+.fa-pause-circle:before {
+ content: "\f28b";
}
-kbd {
- padding: 2px 4px;
- font-size: 90%;
- color: #ffffff;
- background-color: #333333;
- border-radius: 3px;
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+.fa-pause-circle-o:before {
+ content: "\f28c";
}
-kbd kbd {
- padding: 0;
- font-size: 100%;
- box-shadow: none;
+.fa-stop-circle:before {
+ content: "\f28d";
}
-pre {
- display: block;
- padding: 9.5px;
- margin: 0 0 10px;
- font-size: 13px;
- line-height: 1.42857143;
- word-break: break-all;
- word-wrap: break-word;
- color: #333333;
- background-color: #f5f5f5;
- border: 1px solid #cccccc;
- border-radius: 4px;
+.fa-stop-circle-o:before {
+ content: "\f28e";
}
-pre code {
- padding: 0;
- font-size: inherit;
- color: inherit;
- white-space: pre-wrap;
- background-color: transparent;
- border-radius: 0;
+.fa-shopping-bag:before {
+ content: "\f290";
}
-.pre-scrollable {
- max-height: 340px;
- overflow-y: scroll;
+.fa-shopping-basket:before {
+ content: "\f291";
}
-.container {
- margin-right: auto;
- margin-left: auto;
- padding-left: 15px;
- padding-right: 15px;
+.fa-hashtag:before {
+ content: "\f292";
}
-.container-fluid {
- margin-right: auto;
- margin-left: auto;
- padding-left: 15px;
- padding-right: 15px;
+.fa-bluetooth:before {
+ content: "\f293";
}
-.row {
- margin-left: -15px;
- margin-right: -15px;
+.fa-bluetooth-b:before {
+ content: "\f294";
}
-.col-xs-1,
-.col-sm-1,
-.col-md-1,
-.col-lg-1,
-.col-xs-2,
-.col-sm-2,
-.col-md-2,
-.col-lg-2,
-.col-xs-3,
-.col-sm-3,
-.col-md-3,
-.col-lg-3,
-.col-xs-4,
-.col-sm-4,
-.col-md-4,
-.col-lg-4,
-.col-xs-5,
-.col-sm-5,
-.col-md-5,
-.col-lg-5,
-.col-xs-6,
-.col-sm-6,
-.col-md-6,
-.col-lg-6,
-.col-xs-7,
-.col-sm-7,
-.col-md-7,
-.col-lg-7,
-.col-xs-8,
-.col-sm-8,
-.col-md-8,
-.col-lg-8,
-.col-xs-9,
-.col-sm-9,
-.col-md-9,
-.col-lg-9,
-.col-xs-10,
-.col-sm-10,
-.col-md-10,
-.col-lg-10,
-.col-xs-11,
-.col-sm-11,
-.col-md-11,
-.col-lg-11,
-.col-xs-12,
-.col-sm-12,
-.col-md-12,
-.col-lg-12 {
- position: relative;
- min-height: 1px;
- padding-left: 15px;
- padding-right: 15px;
+.fa-percent:before {
+ content: "\f295";
}
-.col-xs-1,
-.col-xs-2,
-.col-xs-3,
-.col-xs-4,
-.col-xs-5,
-.col-xs-6,
-.col-xs-7,
-.col-xs-8,
-.col-xs-9,
-.col-xs-10,
-.col-xs-11,
-.col-xs-12 {
- float: left;
+.fa-gitlab:before {
+ content: "\f296";
}
-.col-xs-12 {
- width: 100%;
+.fa-wpbeginner:before {
+ content: "\f297";
}
-.col-xs-11 {
- width: 91.66666667%;
+.fa-wpforms:before {
+ content: "\f298";
}
-.col-xs-10 {
- width: 83.33333333%;
+.fa-envira:before {
+ content: "\f299";
}
-.col-xs-9 {
- width: 75%;
+.fa-universal-access:before {
+ content: "\f29a";
}
-.col-xs-8 {
- width: 66.66666667%;
+.fa-wheelchair-alt:before {
+ content: "\f29b";
}
-.col-xs-7 {
- width: 58.33333333%;
+.fa-question-circle-o:before {
+ content: "\f29c";
}
-.col-xs-6 {
- width: 50%;
+.fa-blind:before {
+ content: "\f29d";
}
-.col-xs-5 {
- width: 41.66666667%;
+.fa-audio-description:before {
+ content: "\f29e";
}
-.col-xs-4 {
- width: 33.33333333%;
+.fa-volume-control-phone:before {
+ content: "\f2a0";
}
-.col-xs-3 {
- width: 25%;
+.fa-braille:before {
+ content: "\f2a1";
}
-.col-xs-2 {
- width: 16.66666667%;
+.fa-assistive-listening-systems:before {
+ content: "\f2a2";
}
-.col-xs-1 {
- width: 8.33333333%;
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+ content: "\f2a3";
}
-.col-xs-pull-12 {
- right: 100%;
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+ content: "\f2a4";
}
-.col-xs-pull-11 {
- right: 91.66666667%;
+.fa-glide:before {
+ content: "\f2a5";
}
-.col-xs-pull-10 {
- right: 83.33333333%;
+.fa-glide-g:before {
+ content: "\f2a6";
}
-.col-xs-pull-9 {
- right: 75%;
+.fa-signing:before,
+.fa-sign-language:before {
+ content: "\f2a7";
}
-.col-xs-pull-8 {
- right: 66.66666667%;
+.fa-low-vision:before {
+ content: "\f2a8";
}
-.col-xs-pull-7 {
- right: 58.33333333%;
+.fa-viadeo:before {
+ content: "\f2a9";
}
-.col-xs-pull-6 {
- right: 50%;
+.fa-viadeo-square:before {
+ content: "\f2aa";
}
-.col-xs-pull-5 {
- right: 41.66666667%;
+.fa-snapchat:before {
+ content: "\f2ab";
}
-.col-xs-pull-4 {
- right: 33.33333333%;
+.fa-snapchat-ghost:before {
+ content: "\f2ac";
}
-.col-xs-pull-3 {
- right: 25%;
+.fa-snapchat-square:before {
+ content: "\f2ad";
}
-.col-xs-pull-2 {
- right: 16.66666667%;
+.fa-pied-piper:before {
+ content: "\f2ae";
}
-.col-xs-pull-1 {
- right: 8.33333333%;
+.fa-first-order:before {
+ content: "\f2b0";
}
-.col-xs-pull-0 {
- right: auto;
+.fa-yoast:before {
+ content: "\f2b1";
}
-.col-xs-push-12 {
- left: 100%;
+.fa-themeisle:before {
+ content: "\f2b2";
}
-.col-xs-push-11 {
- left: 91.66666667%;
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+ content: "\f2b3";
}
-.col-xs-push-10 {
- left: 83.33333333%;
+.fa-fa:before,
+.fa-font-awesome:before {
+ content: "\f2b4";
}
-.col-xs-push-9 {
- left: 75%;
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
}
-.col-xs-push-8 {
- left: 66.66666667%;
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
}
-.col-xs-push-7 {
- left: 58.33333333%;
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
}
-.col-xs-push-6 {
- left: 50%;
-}
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-.col-xs-push-5 {
- left: 41.66666667%;
+html {
+ font-family: sans-serif;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
}
-.col-xs-push-4 {
- left: 33.33333333%;
+body {
+ margin: 0;
}
-.col-xs-push-3 {
- left: 25%;
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block;
}
-.col-xs-push-2 {
- left: 16.66666667%;
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ vertical-align: baseline;
}
-.col-xs-push-1 {
- left: 8.33333333%;
+audio:not([controls]) {
+ display: none;
+ height: 0;
}
-.col-xs-push-0 {
- left: auto;
+[hidden],
+template {
+ display: none;
}
-.col-xs-offset-12 {
- margin-left: 100%;
+a {
+ background-color: transparent;
}
-.col-xs-offset-11 {
- margin-left: 91.66666667%;
+a:active {
+ outline: 0;
}
-.col-xs-offset-10 {
- margin-left: 83.33333333%;
+abbr[title] {
+ border-bottom: 1px dotted;
}
-.col-xs-offset-9 {
- margin-left: 75%;
+b,
+strong {
+ font-weight: bold;
}
-.col-xs-offset-8 {
- margin-left: 66.66666667%;
+dfn {
+ font-style: italic;
}
-.col-xs-offset-7 {
- margin-left: 58.33333333%;
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
}
-.col-xs-offset-6 {
- margin-left: 50%;
+mark {
+ background: #ff0;
+ color: #000;
}
-.col-xs-offset-5 {
- margin-left: 41.66666667%;
+small {
+ font-size: 80%;
}
-.col-xs-offset-4 {
- margin-left: 33.33333333%;
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
}
-.col-xs-offset-3 {
- margin-left: 25%;
+sup {
+ top: -0.5em;
}
-.col-xs-offset-2 {
- margin-left: 16.66666667%;
+sub {
+ bottom: -0.25em;
}
-.col-xs-offset-1 {
- margin-left: 8.33333333%;
+img {
+ border: 0;
}
-.col-xs-offset-0 {
- margin-left: 0%;
+svg:not(:root) {
+ overflow: hidden;
}
-table {
- background-color: transparent;
+figure {
+ margin: 1em 40px;
}
-th {
- text-align: left;
+hr {
+ box-sizing: content-box;
+ height: 0;
}
-.table {
- width: 100%;
- max-width: 100%;
- margin-bottom: 20px;
+pre {
+ overflow: auto;
}
-.table > thead > tr > th,
-.table > tbody > tr > th,
-.table > tfoot > tr > th,
-.table > thead > tr > td,
-.table > tbody > tr > td,
-.table > tfoot > tr > td {
- padding: 8px;
- line-height: 1.42857143;
- vertical-align: top;
- border-top: 1px solid #dddddd;
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
}
-.table > thead > tr > th {
- vertical-align: bottom;
- border-bottom: 2px solid #dddddd;
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ font: inherit;
+ margin: 0;
}
-.table > caption + thead > tr:first-child > th,
-.table > colgroup + thead > tr:first-child > th,
-.table > thead:first-child > tr:first-child > th,
-.table > caption + thead > tr:first-child > td,
-.table > colgroup + thead > tr:first-child > td,
-.table > thead:first-child > tr:first-child > td {
- border-top: 0;
-}
-
-.table > tbody + tbody {
- border-top: 2px solid #dddddd;
+button {
+ overflow: visible;
}
-.table .table {
- background-color: #ffffff;
+button,
+select {
+ text-transform: none;
}
-.table-condensed > thead > tr > th,
-.table-condensed > tbody > tr > th,
-.table-condensed > tfoot > tr > th,
-.table-condensed > thead > tr > td,
-.table-condensed > tbody > tr > td,
-.table-condensed > tfoot > tr > td {
- padding: 5px;
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
}
-.table-bordered {
- border: 1px solid #dddddd;
+button[disabled],
+html input[disabled] {
+ cursor: default;
}
-.table-bordered > thead > tr > th,
-.table-bordered > tbody > tr > th,
-.table-bordered > tfoot > tr > th,
-.table-bordered > thead > tr > td,
-.table-bordered > tbody > tr > td,
-.table-bordered > tfoot > tr > td {
- border: 1px solid #dddddd;
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
}
-.table-bordered > thead > tr > th,
-.table-bordered > thead > tr > td {
- border-bottom-width: 2px;
+input {
+ line-height: normal;
}
-.table-striped > tbody > tr:nth-child(odd) > td,
-.table-striped > tbody > tr:nth-child(odd) > th {
- background-color: #f9f9f9;
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
}
-table col[class*="col-"] {
- position: static;
- float: none;
- display: table-column;
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
}
-table td[class*="col-"],
-table th[class*="col-"] {
- position: static;
- float: none;
- display: table-cell;
+input[type="search"] {
+ -webkit-appearance: textfield;
+ box-sizing: content-box;
}
-.table > thead > tr > td.active,
-.table > tbody > tr > td.active,
-.table > tfoot > tr > td.active,
-.table > thead > tr > th.active,
-.table > tbody > tr > th.active,
-.table > tfoot > tr > th.active,
-.table > thead > tr.active > td,
-.table > tbody > tr.active > td,
-.table > tfoot > tr.active > td,
-.table > thead > tr.active > th,
-.table > tbody > tr.active > th,
-.table > tfoot > tr.active > th {
- background-color: #f5f5f5;
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
}
-.table > thead > tr > td.success,
-.table > tbody > tr > td.success,
-.table > tfoot > tr > td.success,
-.table > thead > tr > th.success,
-.table > tbody > tr > th.success,
-.table > tfoot > tr > th.success,
-.table > thead > tr.success > td,
-.table > tbody > tr.success > td,
-.table > tfoot > tr.success > td,
-.table > thead > tr.success > th,
-.table > tbody > tr.success > th,
-.table > tfoot > tr.success > th {
- background-color: #dff0d8;
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
}
-.table > thead > tr > td.info,
-.table > tbody > tr > td.info,
-.table > tfoot > tr > td.info,
-.table > thead > tr > th.info,
-.table > tbody > tr > th.info,
-.table > tfoot > tr > th.info,
-.table > thead > tr.info > td,
-.table > tbody > tr.info > td,
-.table > tfoot > tr.info > td,
-.table > thead > tr.info > th,
-.table > tbody > tr.info > th,
-.table > tfoot > tr.info > th {
- background-color: #d9edf7;
+legend {
+ border: 0;
+ padding: 0;
}
-.table > thead > tr > td.warning,
-.table > tbody > tr > td.warning,
-.table > tfoot > tr > td.warning,
-.table > thead > tr > th.warning,
-.table > tbody > tr > th.warning,
-.table > tfoot > tr > th.warning,
-.table > thead > tr.warning > td,
-.table > tbody > tr.warning > td,
-.table > tfoot > tr.warning > td,
-.table > thead > tr.warning > th,
-.table > tbody > tr.warning > th,
-.table > tfoot > tr.warning > th {
- background-color: #fcf8e3;
+textarea {
+ overflow: auto;
}
-.table > thead > tr > td.danger,
-.table > tbody > tr > td.danger,
-.table > tfoot > tr > td.danger,
-.table > thead > tr > th.danger,
-.table > tbody > tr > th.danger,
-.table > tfoot > tr > th.danger,
-.table > thead > tr.danger > td,
-.table > tbody > tr.danger > td,
-.table > tfoot > tr.danger > td,
-.table > thead > tr.danger > th,
-.table > tbody > tr.danger > th,
-.table > tfoot > tr.danger > th {
- background-color: #f2dede;
+optgroup {
+ font-weight: bold;
}
-fieldset {
- padding: 0;
- margin: 0;
- border: 0;
- min-width: 0;
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
}
-legend {
- display: block;
- width: 100%;
+td,
+th {
padding: 0;
- margin-bottom: 20px;
- font-size: 21px;
- line-height: inherit;
- color: #333333;
- border: 0;
- border-bottom: 1px solid #e5e5e5;
}
-label {
- display: inline-block;
- max-width: 100%;
- margin-bottom: 5px;
- font-weight: bold;
+* {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
-input[type="search"] {
+*:before,
+*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
-input[type="radio"],
-input[type="checkbox"] {
- margin: 4px 0 0;
- margin-top: 1px \9;
- line-height: normal;
+html {
+ font-size: 10px;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
-input[type="file"] {
- display: block;
+body {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #333333;
+ background-color: #fff;
}
-input[type="range"] {
- display: block;
- width: 100%;
+input,
+button,
+select,
+textarea {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
}
-select[multiple],
-select[size] {
- height: auto;
+a {
+ color: #007aff;
+ text-decoration: none;
}
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
+a:focus {
+ color: #0055b3;
+ text-decoration: underline;
+}
+
+a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
-output {
- display: block;
- padding-top: 7px;
- font-size: 14px;
- line-height: 1.42857143;
- color: #555555;
+figure {
+ margin: 0;
}
-.form-control {
- display: block;
- width: 100%;
- height: 34px;
- padding: 6px 12px;
- font-size: 14px;
- line-height: 1.42857143;
- color: #555555;
- background-color: #ffffff;
- background-image: none;
- border: 1px solid #cccccc;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+img {
+ vertical-align: middle;
}
-.form-control:focus {
- border-color: #66afe9;
- outline: 0;
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+.img-responsive,
+.thumbnail > img,
+.thumbnail a > img,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+ display: block;
+ max-width: 100%;
+ height: auto;
}
-.form-control::-moz-placeholder {
- color: #777777;
- opacity: 1;
+.img-rounded {
+ border-radius: 6px;
}
-.form-control:-ms-input-placeholder {
- color: #777777;
+.img-thumbnail {
+ padding: 4px;
+ line-height: 1.42857143;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ -webkit-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ display: inline-block;
+ max-width: 100%;
+ height: auto;
}
-.form-control::-webkit-input-placeholder {
- color: #777777;
+.img-circle {
+ border-radius: 50%;
}
-.form-control[disabled],
-.form-control[readonly],
-fieldset[disabled] .form-control {
- cursor: not-allowed;
- background-color: #eeeeee;
- opacity: 1;
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
}
-textarea.form-control {
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
}
-input[type="search"] {
- -webkit-appearance: none;
+[role="button"] {
+ cursor: pointer;
}
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
- line-height: 34px;
- line-height: 1.42857143 \0;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ line-height: 1.1;
+ color: inherit;
}
-input[type="date"].input-sm,
-input[type="time"].input-sm,
-input[type="datetime-local"].input-sm,
-input[type="month"].input-sm {
- line-height: 30px;
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small {
+ font-weight: normal;
+ line-height: 1;
+ color: #777777;
}
-input[type="date"].input-lg,
-input[type="time"].input-lg,
-input[type="datetime-local"].input-lg,
-input[type="month"].input-lg {
- line-height: 46px;
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 10px;
}
-.form-group {
- margin-bottom: 15px;
+h1 small,
+.h1 small,
+h2 small,
+.h2 small,
+h3 small,
+.h3 small,
+h1 .small,
+.h1 .small,
+h2 .small,
+.h2 .small,
+h3 .small,
+.h3 .small {
+ font-size: 65%;
}
-.radio,
-.checkbox {
- position: relative;
- display: block;
- min-height: 20px;
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
-.radio label,
-.checkbox label {
- padding-left: 20px;
- margin-bottom: 0;
- font-weight: normal;
- cursor: pointer;
+h4 small,
+.h4 small,
+h5 small,
+.h5 small,
+h6 small,
+.h6 small,
+h4 .small,
+.h4 .small,
+h5 .small,
+.h5 .small,
+h6 .small,
+.h6 .small {
+ font-size: 75%;
}
-.radio input[type="radio"],
-.radio-inline input[type="radio"],
-.checkbox input[type="checkbox"],
-.checkbox-inline input[type="checkbox"] {
- position: absolute;
- margin-left: -20px;
- margin-top: 4px \9;
+h1,
+.h1 {
+ font-size: 36px;
}
-.radio + .radio,
-.checkbox + .checkbox {
- margin-top: -5px;
+h2,
+.h2 {
+ font-size: 30px;
}
-.radio-inline,
-.checkbox-inline {
- display: inline-block;
- padding-left: 20px;
- margin-bottom: 0;
- vertical-align: middle;
- font-weight: normal;
- cursor: pointer;
+h3,
+.h3 {
+ font-size: 24px;
}
-.radio-inline + .radio-inline,
-.checkbox-inline + .checkbox-inline {
- margin-top: 0;
- margin-left: 10px;
+h4,
+.h4 {
+ font-size: 18px;
}
-input[type="radio"][disabled],
-input[type="checkbox"][disabled],
-input[type="radio"].disabled,
-input[type="checkbox"].disabled,
-fieldset[disabled] input[type="radio"],
-fieldset[disabled] input[type="checkbox"] {
- cursor: not-allowed;
+h5,
+.h5 {
+ font-size: 14px;
}
-.radio-inline.disabled,
-.checkbox-inline.disabled,
-fieldset[disabled] .radio-inline,
-fieldset[disabled] .checkbox-inline {
- cursor: not-allowed;
+h6,
+.h6 {
+ font-size: 12px;
}
-.radio.disabled label,
-.checkbox.disabled label,
-fieldset[disabled] .radio label,
-fieldset[disabled] .checkbox label {
- cursor: not-allowed;
+p {
+ margin: 0 0 10px;
}
-.form-control-static {
- padding-top: 7px;
- padding-bottom: 7px;
- margin-bottom: 0;
+.lead {
+ margin-bottom: 20px;
+ font-size: 16px;
+ font-weight: 300;
+ line-height: 1.4;
}
-.form-control-static.input-lg,
-.form-control-static.input-sm {
- padding-left: 0;
- padding-right: 0;
+small,
+.small {
+ font-size: 85%;
}
-.input-sm,
-.form-horizontal .form-group-sm .form-control {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 3px;
+mark,
+.mark {
+ background-color: #fcf8e3;
+ padding: .2em;
}
-select.input-sm {
- height: 30px;
- line-height: 30px;
+.text-left {
+ text-align: left;
}
-textarea.input-sm,
-select[multiple].input-sm {
- height: auto;
+.text-right {
+ text-align: right;
}
-.input-lg,
-.form-horizontal .form-group-lg .form-control {
- height: 46px;
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.33;
- border-radius: 6px;
+.text-center {
+ text-align: center;
}
-select.input-lg {
- height: 46px;
- line-height: 46px;
+.text-justify {
+ text-align: justify;
}
-textarea.input-lg,
-select[multiple].input-lg {
- height: auto;
+.text-nowrap {
+ white-space: nowrap;
}
-.has-feedback {
- position: relative;
+.text-lowercase {
+ text-transform: lowercase;
}
-.has-feedback .form-control {
- padding-right: 42.5px;
+.text-uppercase {
+ text-transform: uppercase;
}
-.form-control-feedback {
- position: absolute;
- top: 25px;
- right: 0;
- z-index: 2;
- display: block;
- width: 34px;
- height: 34px;
- line-height: 34px;
- text-align: center;
+.text-capitalize {
+ text-transform: capitalize;
}
-.input-lg + .form-control-feedback {
- width: 46px;
- height: 46px;
- line-height: 46px;
+.text-muted {
+ color: #777777;
}
-.input-sm + .form-control-feedback {
- width: 30px;
- height: 30px;
- line-height: 30px;
+.text-primary {
+ color: #007aff;
}
-.has-success .help-block,
-.has-success .control-label,
-.has-success .radio,
-.has-success .checkbox,
-.has-success .radio-inline,
-.has-success .checkbox-inline {
- color: #3c763d;
+a.text-primary:focus {
+ color: #0062cc;
}
-.has-success .form-control {
- border-color: #3c763d;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+.text-success {
+ color: #3c763d;
}
-.has-success .form-control:focus {
- border-color: #2b542c;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
+a.text-success:focus {
+ color: #2b542c;
}
-.has-success .input-group-addon {
- color: #3c763d;
- border-color: #3c763d;
- background-color: #dff0d8;
+.text-info {
+ color: #31708f;
}
-.has-success .form-control-feedback {
- color: #3c763d;
+a.text-info:focus {
+ color: #245269;
}
-.has-warning .help-block,
-.has-warning .control-label,
-.has-warning .radio,
-.has-warning .checkbox,
-.has-warning .radio-inline,
-.has-warning .checkbox-inline {
+.text-warning {
color: #8a6d3b;
}
-.has-warning .form-control {
- border-color: #8a6d3b;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+a.text-warning:focus {
+ color: #66512c;
}
-.has-warning .form-control:focus {
- border-color: #66512c;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
+.text-danger {
+ color: #a94442;
}
-.has-warning .input-group-addon {
- color: #8a6d3b;
- border-color: #8a6d3b;
- background-color: #fcf8e3;
+a.text-danger:focus {
+ color: #843534;
}
-.has-warning .form-control-feedback {
- color: #8a6d3b;
+.bg-primary {
+ color: #fff;
+ background-color: #007aff;
}
-.has-error .help-block,
-.has-error .control-label,
-.has-error .radio,
-.has-error .checkbox,
-.has-error .radio-inline,
-.has-error .checkbox-inline {
- color: #a94442;
+a.bg-primary:focus {
+ background-color: #0062cc;
}
-.has-error .form-control {
- border-color: #a94442;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+.bg-success {
+ background-color: #dff0d8;
}
-.has-error .form-control:focus {
- border-color: #843534;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
+a.bg-success:focus {
+ background-color: #c1e2b3;
}
-.has-error .input-group-addon {
- color: #a94442;
- border-color: #a94442;
- background-color: #f2dede;
+.bg-info {
+ background-color: #d9edf7;
}
-.has-error .form-control-feedback {
- color: #a94442;
+a.bg-info:focus {
+ background-color: #afd9ee;
}
-.has-feedback label.sr-only ~ .form-control-feedback {
- top: 0;
+.bg-warning {
+ background-color: #fcf8e3;
}
-.help-block {
- display: block;
- margin-top: 5px;
- margin-bottom: 10px;
- color: #737373;
+a.bg-warning:focus {
+ background-color: #f7ecb5;
}
-.form-horizontal .radio,
-.form-horizontal .checkbox,
-.form-horizontal .radio-inline,
-.form-horizontal .checkbox-inline {
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 7px;
+.bg-danger {
+ background-color: #f2dede;
}
-.form-horizontal .radio,
-.form-horizontal .checkbox {
- min-height: 27px;
+a.bg-danger:focus {
+ background-color: #e4b9b9;
}
-.form-horizontal .form-group {
- margin-left: -15px;
- margin-right: -15px;
+.page-header {
+ padding-bottom: 9px;
+ margin: 40px 0 20px;
+ border-bottom: 1px solid #eeeeee;
}
-.form-horizontal .has-feedback .form-control-feedback {
- top: 0;
- right: 15px;
+ul,
+ol {
+ margin-top: 0;
+ margin-bottom: 10px;
}
-.btn {
- display: inline-block;
+ul ul,
+ol ul,
+ul ol,
+ol ol {
margin-bottom: 0;
- font-weight: normal;
- text-align: center;
- vertical-align: middle;
- cursor: pointer;
- background-image: none;
- border: 1px solid transparent;
- white-space: nowrap;
- padding: 6px 12px;
- font-size: 14px;
- line-height: 1.42857143;
- border-radius: 4px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.btn:focus,
-.btn:active:focus,
-.btn.active:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
}
-.btn:focus {
- color: #333333;
- text-decoration: none;
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
}
-.btn:active,
-.btn.active {
- outline: 0;
- background-image: none;
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+.list-inline {
+ padding-left: 0;
+ list-style: none;
+ margin-left: -5px;
}
-.btn.disabled,
-.btn[disabled],
-fieldset[disabled] .btn {
- cursor: not-allowed;
- pointer-events: none;
- opacity: 0.65;
- filter: alpha(opacity=65);
- -webkit-box-shadow: none;
- box-shadow: none;
+.list-inline > li {
+ display: inline-block;
+ padding-left: 5px;
+ padding-right: 5px;
}
-.btn-default {
- color: #333333;
- background-color: #ffffff;
- border-color: #cccccc;
+dl {
+ margin-top: 0;
+ margin-bottom: 20px;
}
-.btn-default:focus,
-.btn-default:active,
-.btn-default.active,
-.open > .dropdown-toggle.btn-default {
- color: #333333;
- background-color: #e6e6e6;
- border-color: #adadad;
+dt,
+dd {
+ line-height: 1.42857143;
}
-.btn-default:active,
-.btn-default.active,
-.open > .dropdown-toggle.btn-default {
- background-image: none;
+dt {
+ font-weight: bold;
}
-.btn-default.disabled,
-.btn-default[disabled],
-fieldset[disabled] .btn-default,
-.btn-default.disabled:focus,
-.btn-default[disabled]:focus,
-fieldset[disabled] .btn-default:focus,
-.btn-default.disabled:active,
-.btn-default[disabled]:active,
-fieldset[disabled] .btn-default:active,
-.btn-default.disabled.active,
-.btn-default[disabled].active,
-fieldset[disabled] .btn-default.active {
- background-color: #ffffff;
- border-color: #cccccc;
+dd {
+ margin-left: 0;
}
-.btn-default .badge {
- color: #ffffff;
- background-color: #333333;
+abbr[title],
+abbr[data-original-title] {
+ cursor: help;
+ border-bottom: 1px dotted #777777;
}
-.btn-primary {
- color: #ffffff;
- background-color: #007aff;
- border-color: #006ee6;
+.initialism {
+ font-size: 90%;
+ text-transform: uppercase;
}
-.btn-primary:focus,
-.btn-primary:active,
-.btn-primary.active,
-.open > .dropdown-toggle.btn-primary {
- color: #ffffff;
- background-color: #0062cc;
- border-color: #0051a8;
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 17.5px;
+ border-left: 5px solid #eeeeee;
}
-.btn-primary:active,
-.btn-primary.active,
-.open > .dropdown-toggle.btn-primary {
- background-image: none;
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+ margin-bottom: 0;
}
-.btn-primary.disabled,
-.btn-primary[disabled],
-fieldset[disabled] .btn-primary,
-.btn-primary.disabled:focus,
-.btn-primary[disabled]:focus,
-fieldset[disabled] .btn-primary:focus,
-.btn-primary.disabled:active,
-.btn-primary[disabled]:active,
-fieldset[disabled] .btn-primary:active,
-.btn-primary.disabled.active,
-.btn-primary[disabled].active,
-fieldset[disabled] .btn-primary.active {
- background-color: #007aff;
- border-color: #006ee6;
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #777777;
}
-.btn-primary .badge {
- color: #007aff;
- background-color: #ffffff;
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
}
-.btn-success {
- color: #ffffff;
- background-color: #4cd964;
- border-color: #37d552;
+.blockquote-reverse,
+blockquote.pull-right {
+ padding-right: 15px;
+ padding-left: 0;
+ border-right: 5px solid #eeeeee;
+ border-left: 0;
+ text-align: right;
}
-.btn-success:focus,
-.btn-success:active,
-.btn-success.active,
-.open > .dropdown-toggle.btn-success {
- color: #ffffff;
- background-color: #2ac845;
- border-color: #24aa3b;
+.blockquote-reverse footer:before,
+blockquote.pull-right footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right small:before,
+.blockquote-reverse .small:before,
+blockquote.pull-right .small:before {
+ content: '';
}
-.btn-success:active,
-.btn-success.active,
-.open > .dropdown-toggle.btn-success {
- background-image: none;
+.blockquote-reverse footer:after,
+blockquote.pull-right footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right small:after,
+.blockquote-reverse .small:after,
+blockquote.pull-right .small:after {
+ content: '\00A0 \2014';
}
-.btn-success.disabled,
-.btn-success[disabled],
-fieldset[disabled] .btn-success,
-.btn-success.disabled:focus,
-.btn-success[disabled]:focus,
-fieldset[disabled] .btn-success:focus,
-.btn-success.disabled:active,
-.btn-success[disabled]:active,
-fieldset[disabled] .btn-success:active,
-.btn-success.disabled.active,
-.btn-success[disabled].active,
-fieldset[disabled] .btn-success.active {
- background-color: #4cd964;
- border-color: #37d552;
+address {
+ margin-bottom: 20px;
+ font-style: normal;
+ line-height: 1.42857143;
}
-.btn-success .badge {
- color: #4cd964;
- background-color: #ffffff;
+code,
+kbd,
+pre,
+samp {
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
-.btn-info {
- color: #ffffff;
- background-color: #34aadc;
- border-color: #249ed2;
+code {
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #c7254e;
+ background-color: #f9f2f4;
+ border-radius: 4px;
}
-.btn-info:focus,
-.btn-info:active,
-.btn-info.active,
-.open > .dropdown-toggle.btn-info {
- color: #ffffff;
- background-color: #218ebd;
- border-color: #1b779e;
+kbd {
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #fff;
+ background-color: #333;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
-.btn-info:active,
-.btn-info.active,
-.open > .dropdown-toggle.btn-info {
- background-image: none;
+kbd kbd {
+ padding: 0;
+ font-size: 100%;
+ font-weight: bold;
+ box-shadow: none;
}
-.btn-info.disabled,
-.btn-info[disabled],
-fieldset[disabled] .btn-info,
-.btn-info.disabled:focus,
-.btn-info[disabled]:focus,
-fieldset[disabled] .btn-info:focus,
-.btn-info.disabled:active,
-.btn-info[disabled]:active,
-fieldset[disabled] .btn-info:active,
-.btn-info.disabled.active,
-.btn-info[disabled].active,
-fieldset[disabled] .btn-info.active {
- background-color: #34aadc;
- border-color: #249ed2;
+pre {
+ display: block;
+ padding: 9.5px;
+ margin: 0 0 10px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ word-break: break-all;
+ word-wrap: break-word;
+ color: #333333;
+ background-color: #f5f5f5;
+ border: 1px solid #ccc;
+ border-radius: 4px;
}
-.btn-info .badge {
- color: #34aadc;
- background-color: #ffffff;
+pre code {
+ padding: 0;
+ font-size: inherit;
+ color: inherit;
+ white-space: pre-wrap;
+ background-color: transparent;
+ border-radius: 0;
}
-.btn-warning {
- color: #ffffff;
- background-color: #ffcc00;
- border-color: #e6b800;
+.pre-scrollable {
+ max-height: 340px;
+ overflow-y: scroll;
}
-.btn-warning:focus,
-.btn-warning:active,
-.btn-warning.active,
-.open > .dropdown-toggle.btn-warning {
- color: #ffffff;
- background-color: #cca300;
- border-color: #a88700;
+.container {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
}
-.btn-warning:active,
-.btn-warning.active,
-.open > .dropdown-toggle.btn-warning {
- background-image: none;
+.container-fluid {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
}
-.btn-warning.disabled,
-.btn-warning[disabled],
-fieldset[disabled] .btn-warning,
-.btn-warning.disabled:focus,
-.btn-warning[disabled]:focus,
-fieldset[disabled] .btn-warning:focus,
-.btn-warning.disabled:active,
-.btn-warning[disabled]:active,
-fieldset[disabled] .btn-warning:active,
-.btn-warning.disabled.active,
-.btn-warning[disabled].active,
-fieldset[disabled] .btn-warning.active {
- background-color: #ffcc00;
- border-color: #e6b800;
+.row {
+ margin-left: -15px;
+ margin-right: -15px;
}
-.btn-warning .badge {
- color: #ffcc00;
- background-color: #ffffff;
+.col-xs-1,
+.col-sm-1,
+.col-md-1,
+.col-lg-1,
+.col-xs-2,
+.col-sm-2,
+.col-md-2,
+.col-lg-2,
+.col-xs-3,
+.col-sm-3,
+.col-md-3,
+.col-lg-3,
+.col-xs-4,
+.col-sm-4,
+.col-md-4,
+.col-lg-4,
+.col-xs-5,
+.col-sm-5,
+.col-md-5,
+.col-lg-5,
+.col-xs-6,
+.col-sm-6,
+.col-md-6,
+.col-lg-6,
+.col-xs-7,
+.col-sm-7,
+.col-md-7,
+.col-lg-7,
+.col-xs-8,
+.col-sm-8,
+.col-md-8,
+.col-lg-8,
+.col-xs-9,
+.col-sm-9,
+.col-md-9,
+.col-lg-9,
+.col-xs-10,
+.col-sm-10,
+.col-md-10,
+.col-lg-10,
+.col-xs-11,
+.col-sm-11,
+.col-md-11,
+.col-lg-11,
+.col-xs-12,
+.col-sm-12,
+.col-md-12,
+.col-lg-12 {
+ position: relative;
+ min-height: 1px;
+ padding-left: 15px;
+ padding-right: 15px;
}
-.btn-danger {
- color: #ffffff;
- background-color: #ff3b30;
- border-color: #ff2317;
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12 {
+ float: left;
}
-.btn-danger:focus,
-.btn-danger:active,
-.btn-danger.active,
-.open > .dropdown-toggle.btn-danger {
- color: #ffffff;
- background-color: #fc0d00;
- border-color: #d80b00;
+.col-xs-12 {
+ width: 100%;
}
-.btn-danger:active,
-.btn-danger.active,
-.open > .dropdown-toggle.btn-danger {
- background-image: none;
+.col-xs-11 {
+ width: 91.66666667%;
}
-.btn-danger.disabled,
-.btn-danger[disabled],
-fieldset[disabled] .btn-danger,
-.btn-danger.disabled:focus,
-.btn-danger[disabled]:focus,
-fieldset[disabled] .btn-danger:focus,
-.btn-danger.disabled:active,
-.btn-danger[disabled]:active,
-fieldset[disabled] .btn-danger:active,
-.btn-danger.disabled.active,
-.btn-danger[disabled].active,
-fieldset[disabled] .btn-danger.active {
- background-color: #ff3b30;
- border-color: #ff2317;
+.col-xs-10 {
+ width: 83.33333333%;
}
-.btn-danger .badge {
- color: #ff3b30;
- background-color: #ffffff;
-}
-
-.btn-link {
- color: #007aff;
- font-weight: normal;
- cursor: pointer;
- border-radius: 0;
-}
-
-.btn-link,
-.btn-link:active,
-.btn-link[disabled],
-fieldset[disabled] .btn-link {
- background-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+.col-xs-9 {
+ width: 75%;
}
-.btn-link,
-.btn-link:focus,
-.btn-link:active {
- border-color: transparent;
+.col-xs-8 {
+ width: 66.66666667%;
}
-.btn-link:focus {
- color: #0055b3;
- text-decoration: underline;
- background-color: transparent;
+.col-xs-7 {
+ width: 58.33333333%;
}
-.btn-link[disabled]:focus,
-fieldset[disabled] .btn-link:focus {
- color: #777777;
- text-decoration: none;
+.col-xs-6 {
+ width: 50%;
}
-.btn-lg,
-.btn-group-lg > .btn {
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.33;
- border-radius: 6px;
+.col-xs-5 {
+ width: 41.66666667%;
}
-.btn-sm,
-.btn-group-sm > .btn {
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 3px;
+.col-xs-4 {
+ width: 33.33333333%;
}
-.btn-xs,
-.btn-group-xs > .btn {
- padding: 1px 5px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 3px;
+.col-xs-3 {
+ width: 25%;
}
-.btn-block {
- display: block;
- width: 100%;
+.col-xs-2 {
+ width: 16.66666667%;
}
-.btn-block + .btn-block {
- margin-top: 5px;
+.col-xs-1 {
+ width: 8.33333333%;
}
-input[type="submit"].btn-block,
-input[type="reset"].btn-block,
-input[type="button"].btn-block {
- width: 100%;
+.col-xs-pull-12 {
+ right: 100%;
}
-.fade {
- opacity: 0;
- -webkit-transition: opacity 0.15s linear;
- -o-transition: opacity 0.15s linear;
- transition: opacity 0.15s linear;
+.col-xs-pull-11 {
+ right: 91.66666667%;
}
-.fade.in {
- opacity: 1;
+.col-xs-pull-10 {
+ right: 83.33333333%;
}
-.collapse {
- display: none;
+.col-xs-pull-9 {
+ right: 75%;
}
-.collapse.in {
- display: block;
+.col-xs-pull-8 {
+ right: 66.66666667%;
}
-tr.collapse.in {
- display: table-row;
+.col-xs-pull-7 {
+ right: 58.33333333%;
}
-tbody.collapse.in {
- display: table-row-group;
+.col-xs-pull-6 {
+ right: 50%;
}
-.collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- -webkit-transition: height 0.35s ease;
- -o-transition: height 0.35s ease;
- transition: height 0.35s ease;
+.col-xs-pull-5 {
+ right: 41.66666667%;
}
-.caret {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: 2px;
- vertical-align: middle;
- border-top: 4px solid;
- border-right: 4px solid transparent;
- border-left: 4px solid transparent;
+.col-xs-pull-4 {
+ right: 33.33333333%;
}
-.dropdown {
- position: relative;
+.col-xs-pull-3 {
+ right: 25%;
}
-.dropdown-toggle:focus {
- outline: 0;
+.col-xs-pull-2 {
+ right: 16.66666667%;
}
-.dropdown-menu {
- position: absolute;
- top: 100%;
- left: 0;
- z-index: 1000;
- display: none;
- float: left;
- min-width: 160px;
- padding: 5px 0;
- margin: 2px 0 0;
- list-style: none;
- font-size: 14px;
- text-align: left;
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- background-clip: padding-box;
+.col-xs-pull-1 {
+ right: 8.33333333%;
}
-.dropdown-menu.pull-right {
- right: 0;
- left: auto;
+.col-xs-pull-0 {
+ right: auto;
}
-.dropdown-menu .divider {
- height: 1px;
- margin: 9px 0;
- overflow: hidden;
- background-color: #e5e5e5;
+.col-xs-push-12 {
+ left: 100%;
}
-.dropdown-menu > li > a {
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: normal;
- line-height: 1.42857143;
- color: #333333;
- white-space: nowrap;
+.col-xs-push-11 {
+ left: 91.66666667%;
}
-.dropdown-menu > li > a:focus {
- text-decoration: none;
- color: #262626;
- background-color: #f5f5f5;
+.col-xs-push-10 {
+ left: 83.33333333%;
}
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:focus {
- color: #ffffff;
- text-decoration: none;
- outline: 0;
- background-color: #007aff;
+.col-xs-push-9 {
+ left: 75%;
}
-.dropdown-menu > .disabled > a,
-.dropdown-menu > .disabled > a:focus {
- color: #777777;
+.col-xs-push-8 {
+ left: 66.66666667%;
}
-.dropdown-menu > .disabled > a:focus {
- text-decoration: none;
- background-color: transparent;
- background-image: none;
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
- cursor: not-allowed;
+.col-xs-push-7 {
+ left: 58.33333333%;
}
-.open > .dropdown-menu {
- display: block;
+.col-xs-push-6 {
+ left: 50%;
}
-.open > a {
- outline: 0;
+.col-xs-push-5 {
+ left: 41.66666667%;
}
-.dropdown-menu-right {
- left: auto;
- right: 0;
+.col-xs-push-4 {
+ left: 33.33333333%;
}
-.dropdown-menu-left {
- left: 0;
- right: auto;
+.col-xs-push-3 {
+ left: 25%;
}
-.dropdown-header {
- display: block;
- padding: 3px 20px;
- font-size: 12px;
- line-height: 1.42857143;
- color: #777777;
- white-space: nowrap;
+.col-xs-push-2 {
+ left: 16.66666667%;
}
-.dropdown-backdrop {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- top: 0;
- z-index: 990;
+.col-xs-push-1 {
+ left: 8.33333333%;
}
-.pull-right > .dropdown-menu {
- right: 0;
+.col-xs-push-0 {
left: auto;
}
-.dropup .caret,
-.navbar-fixed-bottom .dropdown .caret {
- border-top: 0;
- border-bottom: 4px solid;
- content: "";
+.col-xs-offset-12 {
+ margin-left: 100%;
}
-.dropup .dropdown-menu,
-.navbar-fixed-bottom .dropdown .dropdown-menu {
- top: auto;
- bottom: 100%;
- margin-bottom: 1px;
+.col-xs-offset-11 {
+ margin-left: 91.66666667%;
}
-.btn-group,
-.btn-group-vertical {
- position: relative;
- display: inline-block;
- vertical-align: middle;
+.col-xs-offset-10 {
+ margin-left: 83.33333333%;
}
-.btn-group > .btn,
-.btn-group-vertical > .btn {
- position: relative;
- float: left;
+.col-xs-offset-9 {
+ margin-left: 75%;
}
-.btn-group > .btn:focus,
-.btn-group-vertical > .btn:focus,
-.btn-group > .btn:active,
-.btn-group-vertical > .btn:active,
-.btn-group > .btn.active,
-.btn-group-vertical > .btn.active {
- z-index: 2;
+.col-xs-offset-8 {
+ margin-left: 66.66666667%;
}
-.btn-group > .btn:focus,
-.btn-group-vertical > .btn:focus {
- outline: 0;
+.col-xs-offset-7 {
+ margin-left: 58.33333333%;
}
-.btn-group .btn + .btn,
-.btn-group .btn + .btn-group,
-.btn-group .btn-group + .btn,
-.btn-group .btn-group + .btn-group {
- margin-left: -1px;
+.col-xs-offset-6 {
+ margin-left: 50%;
}
-.btn-toolbar {
- margin-left: -5px;
+.col-xs-offset-5 {
+ margin-left: 41.66666667%;
}
-.btn-toolbar .btn-group,
-.btn-toolbar .input-group {
- float: left;
+.col-xs-offset-4 {
+ margin-left: 33.33333333%;
}
-.btn-toolbar > .btn,
-.btn-toolbar > .btn-group,
-.btn-toolbar > .input-group {
- margin-left: 5px;
+.col-xs-offset-3 {
+ margin-left: 25%;
}
-.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
- border-radius: 0;
+.col-xs-offset-2 {
+ margin-left: 16.66666667%;
}
-.btn-group > .btn:first-child {
- margin-left: 0;
+.col-xs-offset-1 {
+ margin-left: 8.33333333%;
}
-.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+.col-xs-offset-0 {
+ margin-left: 0%;
}
-.btn-group > .btn:last-child:not(:first-child),
-.btn-group > .dropdown-toggle:not(:first-child) {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+table {
+ background-color: transparent;
}
-.btn-group > .btn-group {
- float: left;
+caption {
+ padding-top: 8px;
+ padding-bottom: 8px;
+ color: #777777;
+ text-align: left;
}
-.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
- border-radius: 0;
+th {
+ text-align: left;
}
-.btn-group > .btn-group:first-child > .btn:last-child,
-.btn-group > .btn-group:first-child > .dropdown-toggle {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+.table {
+ width: 100%;
+ max-width: 100%;
+ margin-bottom: 20px;
}
-.btn-group > .btn-group:last-child > .btn:first-child {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+ padding: 8px;
+ line-height: 1.42857143;
+ vertical-align: top;
+ border-top: 1px solid #ddd;
}
-.btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle {
- outline: 0;
+.table > thead > tr > th {
+ vertical-align: bottom;
+ border-bottom: 2px solid #ddd;
}
-.btn-group > .btn + .dropdown-toggle {
- padding-left: 8px;
- padding-right: 8px;
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
+ border-top: 0;
}
-.btn-group > .btn-lg + .dropdown-toggle {
- padding-left: 12px;
- padding-right: 12px;
+.table > tbody + tbody {
+ border-top: 2px solid #ddd;
}
-.btn-group.open .dropdown-toggle {
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+.table .table {
+ background-color: #fff;
}
-.btn-group.open .dropdown-toggle.btn-link {
- -webkit-box-shadow: none;
- box-shadow: none;
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
+ padding: 5px;
}
-.btn .caret {
- margin-left: 0;
+.table-bordered {
+ border: 1px solid #ddd;
}
-.btn-lg .caret {
- border-width: 5px 5px 0;
- border-bottom-width: 0;
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+ border: 1px solid #ddd;
}
-.dropup .btn-lg .caret {
- border-width: 0 5px 5px;
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
+ border-bottom-width: 2px;
}
-.btn-group-vertical > .btn,
-.btn-group-vertical > .btn-group,
-.btn-group-vertical > .btn-group > .btn {
- display: block;
- float: none;
- width: 100%;
- max-width: 100%;
+.table-striped > tbody > tr:nth-of-type(odd) {
+ background-color: #f9f9f9;
}
-.btn-group-vertical > .btn-group > .btn {
+table col[class*="col-"] {
+ position: static;
float: none;
+ display: table-column;
}
-.btn-group-vertical > .btn + .btn,
-.btn-group-vertical > .btn + .btn-group,
-.btn-group-vertical > .btn-group + .btn,
-.btn-group-vertical > .btn-group + .btn-group {
- margin-top: -1px;
- margin-left: 0;
+table td[class*="col-"],
+table th[class*="col-"] {
+ position: static;
+ float: none;
+ display: table-cell;
}
-.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
- border-radius: 0;
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
+ background-color: #f5f5f5;
}
-.btn-group-vertical > .btn:first-child:not(:last-child) {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+ background-color: #dff0d8;
}
-.btn-group-vertical > .btn:last-child:not(:first-child) {
- border-bottom-left-radius: 4px;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+ background-color: #d9edf7;
}
-.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
- border-radius: 0;
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+ background-color: #fcf8e3;
}
-.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
-.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+ background-color: #f2dede;
}
-.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+.table-responsive {
+ overflow-x: auto;
+ min-height: 0.01%;
}
-.btn-group-justified {
- display: table;
- width: 100%;
- table-layout: fixed;
- border-collapse: separate;
-}
+@media screen and (max-width: 767px) {
+ .table-responsive {
+ width: 100%;
+ margin-bottom: 15px;
+ overflow-y: hidden;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ border: 1px solid #ddd;
+ }
-.btn-group-justified > .btn,
-.btn-group-justified > .btn-group {
- float: none;
- display: table-cell;
- width: 1%;
-}
+ .table-responsive > .table {
+ margin-bottom: 0;
+ }
-.btn-group-justified > .btn-group .btn {
- width: 100%;
-}
+ .table-responsive > .table > thead > tr > th,
+ .table-responsive > .table > tbody > tr > th,
+ .table-responsive > .table > tfoot > tr > th,
+ .table-responsive > .table > thead > tr > td,
+ .table-responsive > .table > tbody > tr > td,
+ .table-responsive > .table > tfoot > tr > td {
+ white-space: nowrap;
+ }
-.btn-group-justified > .btn-group .dropdown-menu {
- left: auto;
-}
+ .table-responsive > .table-bordered {
+ border: 0;
+ }
-[data-toggle="buttons"] > .btn > input[type="radio"],
-[data-toggle="buttons"] > .btn > input[type="checkbox"] {
- position: absolute;
- z-index: -1;
- opacity: 0;
- filter: alpha(opacity=0);
-}
+ .table-responsive > .table-bordered > thead > tr > th:first-child,
+ .table-responsive > .table-bordered > tbody > tr > th:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+ .table-responsive > .table-bordered > thead > tr > td:first-child,
+ .table-responsive > .table-bordered > tbody > tr > td:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
+ }
-.input-group {
- position: relative;
- display: table;
- border-collapse: separate;
+ .table-responsive > .table-bordered > thead > tr > th:last-child,
+ .table-responsive > .table-bordered > tbody > tr > th:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+ .table-responsive > .table-bordered > thead > tr > td:last-child,
+ .table-responsive > .table-bordered > tbody > tr > td:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
+ }
+
+ .table-responsive > .table-bordered > tbody > tr:last-child > th,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+ .table-responsive > .table-bordered > tbody > tr:last-child > td,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+ border-bottom: 0;
+ }
}
-.input-group[class*="col-"] {
- float: none;
- padding-left: 0;
- padding-right: 0;
+fieldset {
+ padding: 0;
+ margin: 0;
+ border: 0;
+ min-width: 0;
}
-.input-group .form-control {
- position: relative;
- z-index: 2;
- float: left;
+legend {
+ display: block;
width: 100%;
- margin-bottom: 0;
+ padding: 0;
+ margin-bottom: 20px;
+ font-size: 21px;
+ line-height: inherit;
+ color: #333333;
+ border: 0;
+ border-bottom: 1px solid #e5e5e5;
}
-.input-group-lg > .form-control,
-.input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn {
- height: 46px;
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.33;
- border-radius: 6px;
+label {
+ display: inline-block;
+ max-width: 100%;
+ margin-bottom: 5px;
+ font-weight: bold;
}
-select.input-group-lg > .form-control,
-select.input-group-lg > .input-group-addon,
-select.input-group-lg > .input-group-btn > .btn {
- height: 46px;
- line-height: 46px;
+input[type="search"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
-textarea.input-group-lg > .form-control,
-textarea.input-group-lg > .input-group-addon,
-textarea.input-group-lg > .input-group-btn > .btn,
-select[multiple].input-group-lg > .form-control,
-select[multiple].input-group-lg > .input-group-addon,
-select[multiple].input-group-lg > .input-group-btn > .btn {
- height: auto;
+input[type="radio"],
+input[type="checkbox"] {
+ margin: 4px 0 0;
+ margin-top: 1px \9;
+ line-height: normal;
}
-.input-group-sm > .form-control,
-.input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .btn {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 3px;
+input[type="file"] {
+ display: block;
}
-select.input-group-sm > .form-control,
-select.input-group-sm > .input-group-addon,
-select.input-group-sm > .input-group-btn > .btn {
- height: 30px;
- line-height: 30px;
+input[type="range"] {
+ display: block;
+ width: 100%;
}
-textarea.input-group-sm > .form-control,
-textarea.input-group-sm > .input-group-addon,
-textarea.input-group-sm > .input-group-btn > .btn,
-select[multiple].input-group-sm > .form-control,
-select[multiple].input-group-sm > .input-group-addon,
-select[multiple].input-group-sm > .input-group-btn > .btn {
+select[multiple],
+select[size] {
height: auto;
}
-.input-group-addon,
-.input-group-btn,
-.input-group .form-control {
- display: table-cell;
-}
-
-.input-group-addon:not(:first-child):not(:last-child),
-.input-group-btn:not(:first-child):not(:last-child),
-.input-group .form-control:not(:first-child):not(:last-child) {
- border-radius: 0;
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
}
-.input-group-addon,
-.input-group-btn {
- width: 1%;
- white-space: nowrap;
- vertical-align: middle;
+output {
+ display: block;
+ padding-top: 7px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
}
-.input-group-addon {
+.form-control {
+ display: block;
+ width: 100%;
+ height: 34px;
padding: 6px 12px;
font-size: 14px;
- font-weight: normal;
- line-height: 1;
+ line-height: 1.42857143;
color: #555555;
- text-align: center;
- background-color: #eeeeee;
- border: 1px solid #cccccc;
+ background-color: #fff;
+ background-image: none;
+ border: 1px solid #ccc;
border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
-.input-group-addon.input-sm {
- padding: 5px 10px;
- font-size: 12px;
- border-radius: 3px;
+.form-control:focus {
+ border-color: #66afe9;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
-.input-group-addon.input-lg {
- padding: 10px 16px;
- font-size: 18px;
- border-radius: 6px;
+.form-control::-moz-placeholder {
+ color: #999;
+ opacity: 1;
}
-.input-group-addon input[type="radio"],
-.input-group-addon input[type="checkbox"] {
- margin-top: 0;
+.form-control:-ms-input-placeholder {
+ color: #999;
}
-.input-group .form-control:first-child,
-.input-group-addon:first-child,
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .btn-group > .btn,
-.input-group-btn:first-child > .dropdown-toggle,
-.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+.form-control::-webkit-input-placeholder {
+ color: #999;
}
-.input-group-addon:first-child {
- border-right: 0;
+.form-control::-ms-expand {
+ border: 0;
+ background-color: transparent;
}
-.input-group .form-control:last-child,
-.input-group-addon:last-child,
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .btn-group > .btn,
-.input-group-btn:last-child > .dropdown-toggle,
-.input-group-btn:first-child > .btn:not(:first-child),
-.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+ background-color: #eeeeee;
+ opacity: 1;
}
-.input-group-addon:last-child {
- border-left: 0;
+.form-control[disabled],
+fieldset[disabled] .form-control {
+ cursor: not-allowed;
}
-.input-group-btn {
- position: relative;
- font-size: 0;
- white-space: nowrap;
+textarea.form-control {
+ height: auto;
}
-.input-group-btn > .btn {
- position: relative;
+input[type="search"] {
+ -webkit-appearance: none;
}
-.input-group-btn > .btn + .btn {
- margin-left: -1px;
+.form-group {
+ margin-bottom: 15px;
}
-.input-group-btn > .btn:focus,
-.input-group-btn > .btn:active {
- z-index: 2;
+.radio,
+.checkbox {
+ position: relative;
+ display: block;
+ margin-top: 10px;
+ margin-bottom: 10px;
}
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .btn-group {
- margin-right: -1px;
+.radio label,
+.checkbox label {
+ min-height: 20px;
+ padding-left: 20px;
+ margin-bottom: 0;
+ font-weight: normal;
+ cursor: pointer;
}
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .btn-group {
- margin-left: -1px;
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+ position: absolute;
+ margin-left: -20px;
+ margin-top: 4px \9;
}
-.nav {
- margin-bottom: 0;
- padding-left: 0;
- list-style: none;
+.radio + .radio,
+.checkbox + .checkbox {
+ margin-top: -5px;
}
-.nav > li {
+.radio-inline,
+.checkbox-inline {
position: relative;
- display: block;
+ display: inline-block;
+ padding-left: 20px;
+ margin-bottom: 0;
+ vertical-align: middle;
+ font-weight: normal;
+ cursor: pointer;
}
-.nav > li > a {
- position: relative;
- display: block;
- padding: 10px 15px;
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+ margin-top: 0;
+ margin-left: 10px;
}
-.nav > li > a:focus {
- text-decoration: none;
- background-color: #eeeeee;
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"].disabled,
+input[type="checkbox"].disabled,
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"] {
+ cursor: not-allowed;
}
-.nav > li.disabled > a {
- color: #777777;
+.radio-inline.disabled,
+.checkbox-inline.disabled,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox-inline {
+ cursor: not-allowed;
}
-.nav > li.disabled > a:focus {
- color: #777777;
- text-decoration: none;
- background-color: transparent;
+.radio.disabled label,
+.checkbox.disabled label,
+fieldset[disabled] .radio label,
+fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
-.nav .open > a,
-.nav .open > a:focus {
- background-color: #eeeeee;
- border-color: #007aff;
+.form-control-static {
+ padding-top: 7px;
+ padding-bottom: 7px;
+ margin-bottom: 0;
+ min-height: 34px;
}
-.nav .nav-divider {
- height: 1px;
- margin: 9px 0;
- overflow: hidden;
- background-color: #e5e5e5;
+.form-control-static.input-lg,
+.form-control-static.input-sm {
+ padding-left: 0;
+ padding-right: 0;
}
-.nav > li > a > img {
- max-width: none;
+.input-sm {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-.nav-tabs {
- border-bottom: 1px solid #dddddd;
+select.input-sm {
+ height: 30px;
+ line-height: 30px;
}
-.nav-tabs > li {
- float: left;
- margin-bottom: -1px;
+textarea.input-sm,
+select[multiple].input-sm {
+ height: auto;
}
-.nav-tabs > li > a {
- margin-right: 2px;
- line-height: 1.42857143;
- border: 1px solid transparent;
- border-radius: 4px 4px 0 0;
+.form-group-sm .form-control {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-.nav-tabs > li.active > a,
-.nav-tabs > li.active > a:focus {
- color: #555555;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-bottom-color: transparent;
- cursor: default;
+.form-group-sm select.form-control {
+ height: 30px;
+ line-height: 30px;
}
-.nav-tabs.nav-justified {
- width: 100%;
- border-bottom: 0;
+.form-group-sm textarea.form-control,
+.form-group-sm select[multiple].form-control {
+ height: auto;
}
-.nav-tabs.nav-justified > li {
- float: none;
+.form-group-sm .form-control-static {
+ height: 30px;
+ min-height: 32px;
+ padding: 6px 10px;
+ font-size: 12px;
+ line-height: 1.5;
}
-.nav-tabs.nav-justified > li > a {
- text-align: center;
- margin-bottom: 5px;
+.input-lg {
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
}
-.nav-tabs.nav-justified > .dropdown .dropdown-menu {
- top: auto;
- left: auto;
+select.input-lg {
+ height: 46px;
+ line-height: 46px;
}
-.nav-tabs.nav-justified > li > a {
- margin-right: 0;
- border-radius: 4px;
+textarea.input-lg,
+select[multiple].input-lg {
+ height: auto;
}
-.nav-tabs.nav-justified > .active > a,
-.nav-tabs.nav-justified > .active > a:focus {
- border: 1px solid #dddddd;
+.form-group-lg .form-control {
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
}
-.nav-pills > li {
- float: left;
+.form-group-lg select.form-control {
+ height: 46px;
+ line-height: 46px;
}
-.nav-pills > li > a {
- border-radius: 4px;
+.form-group-lg textarea.form-control,
+.form-group-lg select[multiple].form-control {
+ height: auto;
}
-.nav-pills > li + li {
- margin-left: 2px;
+.form-group-lg .form-control-static {
+ height: 46px;
+ min-height: 38px;
+ padding: 11px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
}
-.nav-pills > li.active > a,
-.nav-pills > li.active > a:focus {
- color: #ffffff;
- background-color: #007aff;
+.has-feedback {
+ position: relative;
}
-.nav-stacked > li {
- float: none;
+.has-feedback .form-control {
+ padding-right: 42.5px;
}
-.nav-stacked > li + li {
- margin-top: 2px;
- margin-left: 0;
+.form-control-feedback {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ display: block;
+ width: 34px;
+ height: 34px;
+ line-height: 34px;
+ text-align: center;
+ pointer-events: none;
}
-.nav-justified {
- width: 100%;
+.input-lg + .form-control-feedback,
+.input-group-lg + .form-control-feedback,
+.form-group-lg .form-control + .form-control-feedback {
+ width: 46px;
+ height: 46px;
+ line-height: 46px;
}
-.nav-justified > li {
- float: none;
+.input-sm + .form-control-feedback,
+.input-group-sm + .form-control-feedback,
+.form-group-sm .form-control + .form-control-feedback {
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
}
-.nav-justified > li > a {
- text-align: center;
- margin-bottom: 5px;
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label {
+ color: #3c763d;
}
-.nav-justified > .dropdown .dropdown-menu {
- top: auto;
- left: auto;
+.has-success .form-control {
+ border-color: #3c763d;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
-.nav-tabs-justified {
- border-bottom: 0;
+.has-success .form-control:focus {
+ border-color: #2b542c;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
-.nav-tabs-justified > li > a {
- margin-right: 0;
- border-radius: 4px;
+.has-success .input-group-addon {
+ color: #3c763d;
+ border-color: #3c763d;
+ background-color: #dff0d8;
}
-.nav-tabs-justified > .active > a,
-.nav-tabs-justified > .active > a:focus {
- border: 1px solid #dddddd;
+.has-success .form-control-feedback {
+ color: #3c763d;
}
-.tab-content > .tab-pane {
- display: none;
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label {
+ color: #8a6d3b;
}
-.tab-content > .active {
- display: block;
+.has-warning .form-control {
+ border-color: #8a6d3b;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
-.nav-tabs .dropdown-menu {
- margin-top: -1px;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+.has-warning .form-control:focus {
+ border-color: #66512c;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
-.navbar {
- position: relative;
- min-height: 50px;
- margin-bottom: 20px;
- border: 1px solid transparent;
+.has-warning .input-group-addon {
+ color: #8a6d3b;
+ border-color: #8a6d3b;
+ background-color: #fcf8e3;
}
-.navbar-collapse {
- overflow-x: visible;
- padding-right: 15px;
- padding-left: 15px;
- border-top: 1px solid transparent;
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
- -webkit-overflow-scrolling: touch;
+.has-warning .form-control-feedback {
+ color: #8a6d3b;
}
-.navbar-collapse.in {
- overflow-y: auto;
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label {
+ color: #a94442;
}
-.navbar-fixed-top .navbar-collapse,
-.navbar-fixed-bottom .navbar-collapse {
- max-height: 340px;
+.has-error .form-control {
+ border-color: #a94442;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
-.container > .navbar-header,
-.container-fluid > .navbar-header,
-.container > .navbar-collapse,
-.container-fluid > .navbar-collapse {
- margin-right: -15px;
- margin-left: -15px;
+.has-error .form-control:focus {
+ border-color: #843534;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
-.navbar-static-top {
- z-index: 1000;
- border-width: 0 0 1px;
+.has-error .input-group-addon {
+ color: #a94442;
+ border-color: #a94442;
+ background-color: #f2dede;
}
-.navbar-fixed-top,
-.navbar-fixed-bottom {
- position: fixed;
- right: 0;
- left: 0;
- z-index: 1030;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
+.has-error .form-control-feedback {
+ color: #a94442;
}
-.navbar-fixed-top {
+.has-feedback label ~ .form-control-feedback {
+ top: 25px;
+}
+
+.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
- border-width: 0 0 1px;
}
-.navbar-fixed-bottom {
- bottom: 0;
+.help-block {
+ display: block;
+ margin-top: 5px;
+ margin-bottom: 10px;
+ color: #737373;
+}
+
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+ margin-top: 0;
margin-bottom: 0;
- border-width: 1px 0 0;
+ padding-top: 7px;
}
-.navbar-brand {
- float: left;
- padding: 15px 15px;
- font-size: 18px;
- line-height: 20px;
- height: 50px;
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+ min-height: 27px;
}
-.navbar-brand:focus {
- text-decoration: none;
+.form-horizontal .form-group {
+ margin-left: -15px;
+ margin-right: -15px;
}
-.navbar-toggle {
- position: relative;
- float: right;
- margin-right: 15px;
- padding: 9px 10px;
- margin-top: 8px;
- margin-bottom: 8px;
- background-color: transparent;
+.form-horizontal .has-feedback .form-control-feedback {
+ right: 15px;
+}
+
+.btn {
+ display: inline-block;
+ margin-bottom: 0;
+ font-weight: normal;
+ text-align: center;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
background-image: none;
border: 1px solid transparent;
+ white-space: nowrap;
+ padding: 6px 12px;
+ font-size: 14px;
+ line-height: 1.42857143;
border-radius: 4px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-.navbar-toggle:focus {
- outline: 0;
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
}
-.navbar-toggle .icon-bar {
- display: block;
- width: 22px;
- height: 2px;
- border-radius: 1px;
+.btn:focus,
+.btn.focus {
+ color: #333;
+ text-decoration: none;
}
-.navbar-toggle .icon-bar + .icon-bar {
- margin-top: 4px;
+.btn:active,
+.btn.active {
+ outline: 0;
+ background-image: none;
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
-.navbar-nav {
- margin: 7.5px -15px;
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+ cursor: not-allowed;
+ opacity: 0.65;
+ filter: alpha(opacity=65);
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
-.navbar-nav > li > a {
- padding-top: 10px;
- padding-bottom: 10px;
- line-height: 20px;
+a.btn.disabled,
+fieldset[disabled] a.btn {
+ pointer-events: none;
}
-.navbar-form {
- margin-left: -15px;
- margin-right: -15px;
- padding: 10px 15px;
- border-top: 1px solid transparent;
- border-bottom: 1px solid transparent;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
- margin-top: 8px;
- margin-bottom: 8px;
+.btn-default {
+ color: #333;
+ background-color: #fff;
+ border-color: #ccc;
}
-.navbar-nav > li > .dropdown-menu {
- margin-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+.btn-default:focus,
+.btn-default.focus {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #8c8c8c;
}
-.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #adadad;
}
-.navbar-btn {
- margin-top: 8px;
- margin-bottom: 8px;
+.btn-default:active:focus,
+.btn-default.active:focus,
+.open > .dropdown-toggle.btn-default:focus,
+.btn-default:active.focus,
+.btn-default.active.focus,
+.open > .dropdown-toggle.btn-default.focus {
+ color: #333;
+ background-color: #d4d4d4;
+ border-color: #8c8c8c;
}
-.navbar-btn.btn-sm {
- margin-top: 10px;
- margin-bottom: 10px;
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+ background-image: none;
}
-.navbar-btn.btn-xs {
- margin-top: 14px;
- margin-bottom: 14px;
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus {
+ background-color: #fff;
+ border-color: #ccc;
}
-.navbar-text {
- margin-top: 15px;
- margin-bottom: 15px;
+.btn-default .badge {
+ color: #fff;
+ background-color: #333;
}
-.navbar-default {
- background-color: #f7f7f7;
- border-color: #cccccc;
+.btn-primary {
+ color: #fff;
+ background-color: #007aff;
+ border-color: #006ee6;
}
-.navbar-default .navbar-brand {
- color: #007aff;
+.btn-primary:focus,
+.btn-primary.focus {
+ color: #fff;
+ background-color: #0062cc;
+ border-color: #003166;
}
-.navbar-default .navbar-brand:focus {
- color: #0062cc;
- background-color: transparent;
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+ color: #fff;
+ background-color: #0062cc;
+ border-color: #0051a8;
}
-.navbar-default .navbar-text {
- color: #007aff;
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.open > .dropdown-toggle.btn-primary:focus,
+.btn-primary:active.focus,
+.btn-primary.active.focus,
+.open > .dropdown-toggle.btn-primary.focus {
+ color: #fff;
+ background-color: #0051a8;
+ border-color: #003166;
}
-.navbar-default .navbar-nav > li > a {
- color: #007aff;
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+ background-image: none;
}
-.navbar-default .navbar-nav > li > a:focus {
- color: #006ee6;
- background-color: transparent;
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus {
+ background-color: #007aff;
+ border-color: #006ee6;
}
-.navbar-default .navbar-nav > .active > a,
-.navbar-default .navbar-nav > .active > a:focus {
- color: #1a87ff;
- background-color: #e6e6e6;
+.btn-primary .badge {
+ color: #007aff;
+ background-color: #fff;
}
-.navbar-default .navbar-nav > .disabled > a,
-.navbar-default .navbar-nav > .disabled > a:focus {
- color: #66afff;
- background-color: transparent;
+.btn-success {
+ color: #fff;
+ background-color: #4cd964;
+ border-color: #37d552;
}
-.navbar-default .navbar-toggle {
- border-color: #dddddd;
+.btn-success:focus,
+.btn-success.focus {
+ color: #fff;
+ background-color: #2ac845;
+ border-color: #197328;
}
-.navbar-default .navbar-toggle:focus {
- background-color: #dddddd;
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+ color: #fff;
+ background-color: #2ac845;
+ border-color: #24aa3b;
}
-.navbar-default .navbar-toggle .icon-bar {
- background-color: #cccccc;
+.btn-success:active:focus,
+.btn-success.active:focus,
+.open > .dropdown-toggle.btn-success:focus,
+.btn-success:active.focus,
+.btn-success.active.focus,
+.open > .dropdown-toggle.btn-success.focus {
+ color: #fff;
+ background-color: #24aa3b;
+ border-color: #197328;
}
-.navbar-default .navbar-collapse,
-.navbar-default .navbar-form {
- border-color: #cccccc;
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+ background-image: none;
}
-.navbar-default .navbar-nav > .open > a,
-.navbar-default .navbar-nav > .open > a:focus {
- background-color: #e6e6e6;
- color: #1a87ff;
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus {
+ background-color: #4cd964;
+ border-color: #37d552;
}
-.navbar-default .navbar-link {
- color: #007aff;
+.btn-success .badge {
+ color: #4cd964;
+ background-color: #fff;
}
-.navbar-default .btn-link {
- color: #007aff;
+.btn-info {
+ color: #fff;
+ background-color: #34aadc;
+ border-color: #249ed2;
}
-.navbar-default .btn-link:focus {
- color: #006ee6;
-}
-
-.navbar-default .btn-link[disabled]:focus,
-fieldset[disabled] .navbar-default .btn-link:focus {
- color: #66afff;
+.btn-info:focus,
+.btn-info.focus {
+ color: #fff;
+ background-color: #218ebd;
+ border-color: #114c66;
}
-.navbar-inverse {
- background-color: #222222;
- border-color: #080808;
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+ color: #fff;
+ background-color: #218ebd;
+ border-color: #1b779e;
}
-.navbar-inverse .navbar-brand {
- color: #777777;
+.btn-info:active:focus,
+.btn-info.active:focus,
+.open > .dropdown-toggle.btn-info:focus,
+.btn-info:active.focus,
+.btn-info.active.focus,
+.open > .dropdown-toggle.btn-info.focus {
+ color: #fff;
+ background-color: #1b779e;
+ border-color: #114c66;
}
-.navbar-inverse .navbar-brand:focus {
- color: #ffffff;
- background-color: transparent;
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+ background-image: none;
}
-.navbar-inverse .navbar-text {
- color: #777777;
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus {
+ background-color: #34aadc;
+ border-color: #249ed2;
}
-.navbar-inverse .navbar-nav > li > a {
- color: #777777;
+.btn-info .badge {
+ color: #34aadc;
+ background-color: #fff;
}
-.navbar-inverse .navbar-nav > li > a:focus {
- color: #ffffff;
- background-color: transparent;
+.btn-warning {
+ color: #fff;
+ background-color: #fc0;
+ border-color: #e6b800;
}
-.navbar-inverse .navbar-nav > .active > a,
-.navbar-inverse .navbar-nav > .active > a:focus {
- color: #ffffff;
- background-color: #080808;
+.btn-warning:focus,
+.btn-warning.focus {
+ color: #fff;
+ background-color: #cca300;
+ border-color: #665200;
}
-.navbar-inverse .navbar-nav > .disabled > a,
-.navbar-inverse .navbar-nav > .disabled > a:focus {
- color: #444444;
- background-color: transparent;
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+ color: #fff;
+ background-color: #cca300;
+ border-color: #a88700;
}
-.navbar-inverse .navbar-toggle {
- border-color: #333333;
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.open > .dropdown-toggle.btn-warning:focus,
+.btn-warning:active.focus,
+.btn-warning.active.focus,
+.open > .dropdown-toggle.btn-warning.focus {
+ color: #fff;
+ background-color: #a88700;
+ border-color: #665200;
}
-.navbar-inverse .navbar-toggle:focus {
- background-color: #333333;
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+ background-image: none;
}
-.navbar-inverse .navbar-toggle .icon-bar {
- background-color: #ffffff;
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus {
+ background-color: #fc0;
+ border-color: #e6b800;
}
-.navbar-inverse .navbar-collapse,
-.navbar-inverse .navbar-form {
- border-color: #101010;
+.btn-warning .badge {
+ color: #fc0;
+ background-color: #fff;
}
-.navbar-inverse .navbar-nav > .open > a,
-.navbar-inverse .navbar-nav > .open > a:focus {
- background-color: #080808;
- color: #ffffff;
+.btn-danger {
+ color: #fff;
+ background-color: #ff3b30;
+ border-color: #ff2317;
}
-.navbar-inverse .navbar-link {
- color: #777777;
+.btn-danger:focus,
+.btn-danger.focus {
+ color: #fff;
+ background-color: #fc0d00;
+ border-color: #960800;
}
-.navbar-inverse .btn-link {
- color: #777777;
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+ color: #fff;
+ background-color: #fc0d00;
+ border-color: #d80b00;
}
-.navbar-inverse .btn-link:focus {
- color: #ffffff;
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.open > .dropdown-toggle.btn-danger:focus,
+.btn-danger:active.focus,
+.btn-danger.active.focus,
+.open > .dropdown-toggle.btn-danger.focus {
+ color: #fff;
+ background-color: #d80b00;
+ border-color: #960800;
}
-.navbar-inverse .btn-link[disabled]:focus,
-fieldset[disabled] .navbar-inverse .btn-link:focus {
- color: #444444;
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+ background-image: none;
}
-.pager {
- padding-left: 0;
- margin: 20px 0;
- list-style: none;
- text-align: center;
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus {
+ background-color: #ff3b30;
+ border-color: #ff2317;
}
-.pager li {
- display: inline;
+.btn-danger .badge {
+ color: #ff3b30;
+ background-color: #fff;
}
-.pager li > a,
-.pager li > span {
- display: inline-block;
- padding: 5px 14px;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 15px;
+.btn-link {
+ color: #007aff;
+ font-weight: normal;
+ border-radius: 0;
}
-.pager li > a:focus {
- text-decoration: none;
- background-color: #eeeeee;
+.btn-link,
+.btn-link:active,
+.btn-link.active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
-.pager .next > a,
-.pager .next > span {
- float: right;
+.btn-link,
+.btn-link:focus,
+.btn-link:active {
+ border-color: transparent;
}
-.pager .previous > a,
-.pager .previous > span {
- float: left;
+.btn-link:focus {
+ color: #0055b3;
+ text-decoration: underline;
+ background-color: transparent;
}
-.pager .disabled > a,
-.pager .disabled > a:focus,
-.pager .disabled > span {
+.btn-link[disabled]:focus,
+fieldset[disabled] .btn-link:focus {
color: #777777;
- background-color: #ffffff;
- cursor: not-allowed;
+ text-decoration: none;
}
-.label {
- display: inline;
- padding: .2em .6em .3em;
- font-size: 75%;
- font-weight: bold;
- line-height: 1;
- color: #ffffff;
- text-align: center;
- white-space: nowrap;
- vertical-align: baseline;
- border-radius: .25em;
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
}
-a.label:focus {
- color: #ffffff;
- text-decoration: none;
- cursor: pointer;
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-.label:empty {
- display: none;
+.btn-xs,
+.btn-group-xs > .btn {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-.btn .label {
- position: relative;
- top: -1px;
+.btn-block {
+ display: block;
+ width: 100%;
}
-.label-default {
- background-color: #777777;
+.btn-block + .btn-block {
+ margin-top: 5px;
}
-.label-default[href]:focus {
- background-color: #5e5e5e;
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+ width: 100%;
}
-.label-primary {
- background-color: #007aff;
+.fade {
+ opacity: 0;
+ -webkit-transition: opacity 0.15s linear;
+ -o-transition: opacity 0.15s linear;
+ transition: opacity 0.15s linear;
}
-.label-primary[href]:focus {
- background-color: #0062cc;
+.fade.in {
+ opacity: 1;
}
-.label-success {
- background-color: #4cd964;
+.collapse {
+ display: none;
}
-.label-success[href]:focus {
- background-color: #2ac845;
+.collapse.in {
+ display: block;
}
-.label-info {
- background-color: #34aadc;
+tr.collapse.in {
+ display: table-row;
}
-.label-info[href]:focus {
- background-color: #218ebd;
+tbody.collapse.in {
+ display: table-row-group;
}
-.label-warning {
- background-color: #ffcc00;
+.collapsing {
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ -webkit-transition-property: height, visibility;
+ transition-property: height, visibility;
+ -webkit-transition-duration: 0.35s;
+ transition-duration: 0.35s;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
}
-.label-warning[href]:focus {
- background-color: #cca300;
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 2px;
+ vertical-align: middle;
+ border-top: 4px dashed;
+ border-top: 4px solid \9;
+ border-right: 4px solid transparent;
+ border-left: 4px solid transparent;
}
-.label-danger {
- background-color: #ff3b30;
+.dropup,
+.dropdown {
+ position: relative;
}
-.label-danger[href]:focus {
- background-color: #fc0d00;
+.dropdown-toggle:focus {
+ outline: 0;
}
-.badge {
- display: inline-block;
- min-width: 10px;
- padding: 3px 7px;
- font-size: 12px;
- font-weight: normal;
- color: #ffffff;
- line-height: 1;
- vertical-align: baseline;
- white-space: nowrap;
- text-align: center;
- background-color: #777777;
- border-radius: 10px;
+.dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ float: left;
+ min-width: 160px;
+ padding: 5px 0;
+ margin: 2px 0 0;
+ list-style: none;
+ font-size: 14px;
+ text-align: left;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 4px;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ background-clip: padding-box;
}
-.badge:empty {
- display: none;
+.dropdown-menu.pull-right {
+ right: 0;
+ left: auto;
}
-.btn .badge {
- position: relative;
- top: -1px;
+.dropdown-menu .divider {
+ height: 1px;
+ margin: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
}
-.btn-xs .badge {
- top: 0;
- padding: 1px 5px;
+.dropdown-menu > li > a {
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: normal;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
}
-a.badge:focus {
- color: #ffffff;
+.dropdown-menu > li > a:focus {
text-decoration: none;
- cursor: pointer;
+ color: #262626;
+ background-color: #f5f5f5;
}
-a.list-group-item.active > .badge,
-.nav-pills > .active > a > .badge {
- color: #007aff;
- background-color: #ffffff;
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:focus {
+ color: #fff;
+ text-decoration: none;
+ outline: 0;
+ background-color: #007aff;
}
-.nav-pills > li > a > .badge {
- margin-left: 3px;
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:focus {
+ color: #777777;
}
-.thumbnail {
+.dropdown-menu > .disabled > a:focus {
+ text-decoration: none;
+ background-color: transparent;
+ background-image: none;
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ cursor: not-allowed;
+}
+
+.open > .dropdown-menu {
display: block;
- padding: 4px;
- margin-bottom: 20px;
- line-height: 1.42857143;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 4px;
- -webkit-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
}
-.thumbnail > img,
-.thumbnail a > img {
- margin-left: auto;
- margin-right: auto;
+.open > a {
+ outline: 0;
}
-a.thumbnail:focus,
-a.thumbnail.active {
- border-color: #007aff;
+.dropdown-menu-right {
+ left: auto;
+ right: 0;
}
-.thumbnail .caption {
- padding: 9px;
- color: #333333;
+.dropdown-menu-left {
+ left: 0;
+ right: auto;
}
-.alert {
- padding: 15px;
- margin-bottom: 20px;
- border: 1px solid transparent;
- border-radius: 4px;
+.dropdown-header {
+ display: block;
+ padding: 3px 20px;
+ font-size: 12px;
+ line-height: 1.42857143;
+ color: #777777;
+ white-space: nowrap;
}
-.alert h4 {
- margin-top: 0;
- color: inherit;
+.dropdown-backdrop {
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ z-index: 990;
}
-.alert .alert-link {
- font-weight: normal;
+.pull-right > .dropdown-menu {
+ right: 0;
+ left: auto;
}
-.alert > p,
-.alert > ul {
- margin-bottom: 0;
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+ border-top: 0;
+ border-bottom: 4px dashed;
+ border-bottom: 4px solid \9;
+ content: "";
}
-.alert > p + p {
- margin-top: 5px;
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ margin-bottom: 2px;
}
-.alert-dismissable,
-.alert-dismissible {
- padding-right: 35px;
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
}
-.alert-dismissable .close,
-.alert-dismissible .close {
+.btn-group > .btn,
+.btn-group-vertical > .btn {
position: relative;
- top: -2px;
- right: -21px;
- color: inherit;
+ float: left;
}
-.alert-success {
- background-color: #dff0d8;
- border-color: #d6e9c6;
- color: #3c763d;
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn:active,
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
+ z-index: 2;
}
-.alert-success hr {
- border-top-color: #c9e2b3;
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+ margin-left: -1px;
}
-.alert-success .alert-link {
- color: #2b542c;
+.btn-toolbar {
+ margin-left: -5px;
}
-.alert-info {
- background-color: #d9edf7;
- border-color: #bce8f1;
- color: #31708f;
+.btn-toolbar .btn,
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
+ float: left;
}
-.alert-info hr {
- border-top-color: #a6e1ec;
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
+ margin-left: 5px;
}
-.alert-info .alert-link {
- color: #245269;
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+ border-radius: 0;
}
-.alert-warning {
- background-color: #fcf8e3;
- border-color: #faebcc;
- color: #8a6d3b;
+.btn-group > .btn:first-child {
+ margin-left: 0;
}
-.alert-warning hr {
- border-top-color: #f7e1b5;
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
}
-.alert-warning .alert-link {
- color: #66512c;
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
}
-.alert-danger {
- background-color: #f2dede;
- border-color: #ebccd1;
- color: #a94442;
+.btn-group > .btn-group {
+ float: left;
}
-.alert-danger hr {
- border-top-color: #e4b9c0;
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+ border-radius: 0;
}
-.alert-danger .alert-link {
- color: #843534;
+.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
}
-@-webkit-keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
+.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
- to {
- background-position: 0 0;
- }
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+ outline: 0;
}
-@keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
+.btn-group > .btn + .dropdown-toggle {
+ padding-left: 8px;
+ padding-right: 8px;
+}
- to {
- background-position: 0 0;
- }
+.btn-group > .btn-lg + .dropdown-toggle {
+ padding-left: 12px;
+ padding-right: 12px;
}
-.progress {
- overflow: hidden;
- height: 20px;
- margin-bottom: 20px;
- background-color: #f5f5f5;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-}
-
-.progress-bar {
- float: left;
- width: 0%;
- height: 100%;
- font-size: 12px;
- line-height: 20px;
- color: #ffffff;
- text-align: center;
- background-color: #007aff;
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- -webkit-transition: width 0.6s ease;
- -o-transition: width 0.6s ease;
- transition: width 0.6s ease;
-}
-
-.progress-striped .progress-bar,
-.progress-bar-striped {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-size: 40px 40px;
+.btn-group.open .dropdown-toggle {
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
-.progress.active .progress-bar,
-.progress-bar.active {
- -webkit-animation: progress-bar-stripes 2s linear infinite;
- -o-animation: progress-bar-stripes 2s linear infinite;
- animation: progress-bar-stripes 2s linear infinite;
+.btn-group.open .dropdown-toggle.btn-link {
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
-.progress-bar[aria-valuenow="1"],
-.progress-bar[aria-valuenow="2"] {
- min-width: 30px;
+.btn .caret {
+ margin-left: 0;
}
-.progress-bar[aria-valuenow="0"] {
- color: #777777;
- min-width: 30px;
- background-color: transparent;
- background-image: none;
- box-shadow: none;
+.btn-lg .caret {
+ border-width: 5px 5px 0;
+ border-bottom-width: 0;
}
-.progress-bar-success {
- background-color: #4cd964;
+.dropup .btn-lg .caret {
+ border-width: 0 5px 5px;
}
-.progress-striped .progress-bar-success {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+ display: block;
+ float: none;
+ width: 100%;
+ max-width: 100%;
}
-.progress-bar-info {
- background-color: #34aadc;
+.btn-group-vertical > .btn-group > .btn {
+ float: none;
}
-.progress-striped .progress-bar-info {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+ margin-top: -1px;
+ margin-left: 0;
}
-.progress-bar-warning {
- background-color: #ffcc00;
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+ border-radius: 0;
}
-.progress-striped .progress-bar-warning {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-.progress-bar-danger {
- background-color: #ff3b30;
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
}
-.progress-striped .progress-bar-danger {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+ border-radius: 0;
}
-.media,
-.media-body {
- overflow: hidden;
- zoom: 1;
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-.media,
-.media .media {
- margin-top: 15px;
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
-.media:first-child {
- margin-top: 0;
+.btn-group-justified {
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+ border-collapse: separate;
}
-.media-object {
- display: block;
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
+ float: none;
+ display: table-cell;
+ width: 1%;
}
-.media-heading {
- margin: 0 0 5px;
+.btn-group-justified > .btn-group .btn {
+ width: 100%;
}
-.media > .pull-left {
- margin-right: 10px;
+.btn-group-justified > .btn-group .dropdown-menu {
+ left: auto;
}
-.media > .pull-right {
- margin-left: 10px;
+[data-toggle="buttons"] > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn input[type="checkbox"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
}
-.media-list {
- padding-left: 0;
- list-style: none;
+.input-group {
+ position: relative;
+ display: table;
+ border-collapse: separate;
}
-.list-group {
- margin-bottom: 20px;
+.input-group[class*="col-"] {
+ float: none;
padding-left: 0;
+ padding-right: 0;
}
-.list-group-item {
+.input-group .form-control {
position: relative;
- display: block;
- padding: 10px 15px;
- margin-bottom: -1px;
- background-color: #ffffff;
- border: 1px solid #dddddd;
+ z-index: 2;
+ float: left;
+ width: 100%;
+ margin-bottom: 0;
}
-.list-group-item:first-child {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
+.input-group .form-control:focus {
+ z-index: 3;
}
-.list-group-item:last-child {
- margin-bottom: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 6px;
}
-.list-group-item > .badge {
- float: right;
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+ height: 46px;
+ line-height: 46px;
}
-.list-group-item > .badge + .badge {
- margin-right: 5px;
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn > .btn {
+ height: auto;
}
-a.list-group-item {
- color: #555555;
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
-a.list-group-item .list-group-item-heading {
- color: #333333;
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
+ height: 30px;
+ line-height: 30px;
}
-a.list-group-item:focus {
- text-decoration: none;
- color: #555555;
- background-color: #f5f5f5;
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .input-group-btn > .btn {
+ height: auto;
}
-.list-group-item.disabled,
-.list-group-item.disabled:focus {
- background-color: #eeeeee;
- color: #777777;
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+ display: table-cell;
}
-.list-group-item.disabled .list-group-item-heading,
-.list-group-item.disabled:focus .list-group-item-heading {
- color: inherit;
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child),
+.input-group .form-control:not(:first-child):not(:last-child) {
+ border-radius: 0;
}
-.list-group-item.disabled .list-group-item-text,
-.list-group-item.disabled:focus .list-group-item-text {
- color: #777777;
+.input-group-addon,
+.input-group-btn {
+ width: 1%;
+ white-space: nowrap;
+ vertical-align: middle;
}
-.list-group-item.active,
-.list-group-item.active:focus {
- z-index: 2;
- color: #ffffff;
- background-color: #007aff;
- border-color: #007aff;
+.input-group-addon {
+ padding: 6px 12px;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1;
+ color: #555555;
+ text-align: center;
+ background-color: #eeeeee;
+ border: 1px solid #ccc;
+ border-radius: 4px;
}
-.list-group-item.active .list-group-item-heading,
-.list-group-item.active:focus .list-group-item-heading,
-.list-group-item.active .list-group-item-heading > small,
-.list-group-item.active:focus .list-group-item-heading > small,
-.list-group-item.active .list-group-item-heading > .small,
-.list-group-item.active:focus .list-group-item-heading > .small {
- color: inherit;
+.input-group-addon.input-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ border-radius: 3px;
}
-.list-group-item.active .list-group-item-text,
-.list-group-item.active:focus .list-group-item-text {
- color: #cce4ff;
+.input-group-addon.input-lg {
+ padding: 10px 16px;
+ font-size: 18px;
+ border-radius: 6px;
}
-.list-group-item-success {
- color: #3c763d;
- background-color: #dff0d8;
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+ margin-top: 0;
}
-a.list-group-item-success {
- color: #3c763d;
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
}
-a.list-group-item-success .list-group-item-heading {
- color: inherit;
+.input-group-addon:first-child {
+ border-right: 0;
}
-a.list-group-item-success:focus {
- color: #3c763d;
- background-color: #d0e9c6;
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
}
-a.list-group-item-success.active,
-a.list-group-item-success.active:focus {
- color: #fff;
- background-color: #3c763d;
- border-color: #3c763d;
+.input-group-addon:last-child {
+ border-left: 0;
}
-.list-group-item-info {
- color: #31708f;
- background-color: #d9edf7;
+.input-group-btn {
+ position: relative;
+ font-size: 0;
+ white-space: nowrap;
}
-a.list-group-item-info {
- color: #31708f;
+.input-group-btn > .btn {
+ position: relative;
}
-a.list-group-item-info .list-group-item-heading {
- color: inherit;
+.input-group-btn > .btn + .btn {
+ margin-left: -1px;
}
-a.list-group-item-info:focus {
- color: #31708f;
- background-color: #c4e3f3;
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
+ z-index: 2;
}
-a.list-group-item-info.active,
-a.list-group-item-info.active:focus {
- color: #fff;
- background-color: #31708f;
- border-color: #31708f;
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
+ margin-right: -1px;
}
-.list-group-item-warning {
- color: #8a6d3b;
- background-color: #fcf8e3;
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group {
+ z-index: 2;
+ margin-left: -1px;
}
-a.list-group-item-warning {
- color: #8a6d3b;
+.nav {
+ margin-bottom: 0;
+ padding-left: 0;
+ list-style: none;
}
-a.list-group-item-warning .list-group-item-heading {
- color: inherit;
+.nav > li {
+ position: relative;
+ display: block;
}
-a.list-group-item-warning:focus {
- color: #8a6d3b;
- background-color: #faf2cc;
+.nav > li > a {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
}
-a.list-group-item-warning.active,
-a.list-group-item-warning.active:focus {
- color: #fff;
- background-color: #8a6d3b;
- border-color: #8a6d3b;
+.nav > li > a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
}
-.list-group-item-danger {
- color: #a94442;
- background-color: #f2dede;
+.nav > li.disabled > a {
+ color: #777777;
}
-a.list-group-item-danger {
- color: #a94442;
+.nav > li.disabled > a:focus {
+ color: #777777;
+ text-decoration: none;
+ background-color: transparent;
+ cursor: not-allowed;
}
-a.list-group-item-danger .list-group-item-heading {
- color: inherit;
+.nav .open > a,
+.nav .open > a:focus {
+ background-color: #eeeeee;
+ border-color: #007aff;
}
-a.list-group-item-danger:focus {
- color: #a94442;
- background-color: #ebcccc;
+.nav .nav-divider {
+ height: 1px;
+ margin: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
}
-a.list-group-item-danger.active,
-a.list-group-item-danger.active:focus {
- color: #fff;
- background-color: #a94442;
- border-color: #a94442;
+.nav > li > a > img {
+ max-width: none;
}
-.list-group-item-heading {
- margin-top: 0;
- margin-bottom: 5px;
+.nav-tabs {
+ border-bottom: 1px solid #ddd;
}
-.list-group-item-text {
- margin-bottom: 0;
- line-height: 1.3;
+.nav-tabs > li {
+ float: left;
+ margin-bottom: -1px;
}
-.panel {
- margin-bottom: 20px;
- background-color: #ffffff;
+.nav-tabs > li > a {
+ margin-right: 2px;
+ line-height: 1.42857143;
border: 1px solid transparent;
- border-radius: 4px;
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ border-radius: 4px 4px 0 0;
}
-.panel-body {
- padding: 15px;
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:focus {
+ color: #555555;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-bottom-color: transparent;
+ cursor: default;
}
-.panel-heading {
- padding: 10px 15px;
- border-bottom: 1px solid transparent;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: 0;
}
-.panel-heading > .dropdown .dropdown-toggle {
- color: inherit;
+.nav-tabs.nav-justified > li {
+ float: none;
}
-.panel-title {
- margin-top: 0;
- margin-bottom: 0;
- font-size: 16px;
- color: inherit;
+.nav-tabs.nav-justified > li > a {
+ text-align: center;
+ margin-bottom: 5px;
}
-.panel-title > a {
- color: inherit;
+.nav-tabs.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
}
-.panel-footer {
- padding: 10px 15px;
- background-color: #f5f5f5;
- border-top: 1px solid #dddddd;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 4px;
}
-.panel > .list-group {
- margin-bottom: 0;
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #ddd;
}
-.panel > .list-group .list-group-item {
- border-width: 1px 0;
- border-radius: 0;
+.nav-pills > li {
+ float: left;
}
-.panel > .list-group:first-child .list-group-item:first-child {
- border-top: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+.nav-pills > li > a {
+ border-radius: 4px;
}
-.panel > .list-group:last-child .list-group-item:last-child {
- border-bottom: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+.nav-pills > li + li {
+ margin-left: 2px;
}
-.panel-heading + .list-group .list-group-item:first-child {
- border-top-width: 0;
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:focus {
+ color: #fff;
+ background-color: #007aff;
}
-.list-group + .panel-footer {
- border-top-width: 0;
+.nav-stacked > li {
+ float: none;
}
-.panel > .table,
-.panel > .table-responsive > .table,
-.panel > .panel-collapse > .table {
- margin-bottom: 0;
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
}
-.panel > .table:first-child,
-.panel > .table-responsive:first-child > .table:first-child {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+.nav-justified {
+ width: 100%;
}
-.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
-.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
-.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
-.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
-.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
-.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
-.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
-.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
- border-top-left-radius: 3px;
+.nav-justified > li {
+ float: none;
}
-.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
-.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
-.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
-.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
-.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
-.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
-.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
-.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
- border-top-right-radius: 3px;
-}
-
-.panel > .table:last-child,
-.panel > .table-responsive:last-child > .table:last-child {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+.nav-justified > li > a {
+ text-align: center;
+ margin-bottom: 5px;
}
-.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
-.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
-.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
-.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
-.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
-.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
-.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
-.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
- border-bottom-left-radius: 3px;
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
}
-.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
-.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
-.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
-.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
-.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
-.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
-.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
-.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
- border-bottom-right-radius: 3px;
+.nav-tabs-justified {
+ border-bottom: 0;
}
-.panel > .panel-body + .table,
-.panel > .panel-body + .table-responsive {
- border-top: 1px solid #dddddd;
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 4px;
}
-.panel > .table > tbody:first-child > tr:first-child th,
-.panel > .table > tbody:first-child > tr:first-child td {
- border-top: 0;
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #ddd;
}
-.panel > .table-bordered,
-.panel > .table-responsive > .table-bordered {
- border: 0;
+.tab-content > .tab-pane {
+ display: none;
}
-.panel > .table-bordered > thead > tr > th:first-child,
-.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
-.panel > .table-bordered > tbody > tr > th:first-child,
-.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
-.panel > .table-bordered > tfoot > tr > th:first-child,
-.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
-.panel > .table-bordered > thead > tr > td:first-child,
-.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
-.panel > .table-bordered > tbody > tr > td:first-child,
-.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
-.panel > .table-bordered > tfoot > tr > td:first-child,
-.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
- border-left: 0;
+.tab-content > .active {
+ display: block;
}
-.panel > .table-bordered > thead > tr > th:last-child,
-.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
-.panel > .table-bordered > tbody > tr > th:last-child,
-.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
-.panel > .table-bordered > tfoot > tr > th:last-child,
-.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
-.panel > .table-bordered > thead > tr > td:last-child,
-.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
-.panel > .table-bordered > tbody > tr > td:last-child,
-.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
-.panel > .table-bordered > tfoot > tr > td:last-child,
-.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
- border-right: 0;
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
-.panel > .table-bordered > thead > tr:first-child > td,
-.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
-.panel > .table-bordered > tbody > tr:first-child > td,
-.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
-.panel > .table-bordered > thead > tr:first-child > th,
-.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
-.panel > .table-bordered > tbody > tr:first-child > th,
-.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
- border-bottom: 0;
+.navbar {
+ position: relative;
+ min-height: 50px;
+ margin-bottom: 20px;
+ border: 1px solid transparent;
}
-.panel > .table-bordered > tbody > tr:last-child > td,
-.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
-.panel > .table-bordered > tfoot > tr:last-child > td,
-.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
-.panel > .table-bordered > tbody > tr:last-child > th,
-.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
-.panel > .table-bordered > tfoot > tr:last-child > th,
-.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
- border-bottom: 0;
+.navbar-collapse {
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+ border-top: 1px solid transparent;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-overflow-scrolling: touch;
}
-.panel > .table-responsive {
- border: 0;
- margin-bottom: 0;
+.navbar-collapse.in {
+ overflow-y: auto;
}
-.panel-group {
- margin-bottom: 20px;
+.navbar-fixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+ max-height: 340px;
}
-.panel-group .panel {
- margin-bottom: 0;
- border-radius: 4px;
+.container > .navbar-header,
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
+ margin-right: -15px;
+ margin-left: -15px;
}
-.panel-group .panel + .panel {
- margin-top: 5px;
+.navbar-static-top {
+ z-index: 1000;
+ border-width: 0 0 1px;
}
-.panel-group .panel-heading {
- border-bottom: 0;
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+ position: fixed;
+ right: 0;
+ left: 0;
+ z-index: 1030;
}
-.panel-group .panel-heading + .panel-collapse > .panel-body {
- border-top: 1px solid #dddddd;
+.navbar-fixed-top {
+ top: 0;
+ border-width: 0 0 1px;
}
-.panel-group .panel-footer {
- border-top: 0;
+.navbar-fixed-bottom {
+ bottom: 0;
+ margin-bottom: 0;
+ border-width: 1px 0 0;
}
-.panel-group .panel-footer + .panel-collapse .panel-body {
- border-bottom: 1px solid #dddddd;
+.navbar-brand {
+ float: left;
+ padding: 15px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 50px;
}
-.panel-default {
- border-color: #dddddd;
+.navbar-brand:focus {
+ text-decoration: none;
}
-.panel-default > .panel-heading {
- color: #333333;
- background-color: #f5f5f5;
- border-color: #dddddd;
+.navbar-brand > img {
+ display: block;
}
-.panel-default > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #dddddd;
+.navbar-toggle {
+ position: relative;
+ float: right;
+ margin-right: 15px;
+ padding: 9px 10px;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 4px;
}
-.panel-default > .panel-heading .badge {
- color: #f5f5f5;
- background-color: #333333;
+.navbar-toggle:focus {
+ outline: 0;
}
-.panel-default > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #dddddd;
+.navbar-toggle .icon-bar {
+ display: block;
+ width: 22px;
+ height: 2px;
+ border-radius: 1px;
}
-.panel-primary {
- border-color: #007aff;
+.navbar-toggle .icon-bar + .icon-bar {
+ margin-top: 4px;
}
-.panel-primary > .panel-heading {
- color: #ffffff;
- background-color: #007aff;
- border-color: #007aff;
+.navbar-nav {
+ margin: 7.5px -15px;
}
-.panel-primary > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #007aff;
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
}
-.panel-primary > .panel-heading .badge {
- color: #007aff;
- background-color: #ffffff;
-}
+@media (max-width: 767px) {
+ .navbar-nav .open .dropdown-menu {
+ position: static;
+ float: none;
+ width: auto;
+ margin-top: 0;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ }
-.panel-primary > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #007aff;
-}
+ .navbar-nav .open .dropdown-menu > li > a,
+ .navbar-nav .open .dropdown-menu .dropdown-header {
+ padding: 5px 15px 5px 25px;
+ }
-.panel-success {
- border-color: #d6e9c6;
-}
+ .navbar-nav .open .dropdown-menu > li > a {
+ line-height: 20px;
+ }
-.panel-success > .panel-heading {
- color: #3c763d;
- background-color: #dff0d8;
- border-color: #d6e9c6;
+ .navbar-nav .open .dropdown-menu > li > a:focus {
+ background-image: none;
+ }
}
-.panel-success > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #d6e9c6;
+.navbar-form {
+ margin-left: -15px;
+ margin-right: -15px;
+ padding: 10px 15px;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 8px;
+ margin-bottom: 8px;
}
-.panel-success > .panel-heading .badge {
- color: #dff0d8;
- background-color: #3c763d;
+@media (max-width: 767px) {
+ .navbar-form .form-group {
+ margin-bottom: 5px;
+ }
+
+ .navbar-form .form-group:last-child {
+ margin-bottom: 0;
+ }
}
-.panel-success > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #d6e9c6;
+.navbar-nav > li > .dropdown-menu {
+ margin-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
-.panel-info {
- border-color: #bce8f1;
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+ margin-bottom: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-.panel-info > .panel-heading {
- color: #31708f;
- background-color: #d9edf7;
- border-color: #bce8f1;
+.navbar-btn {
+ margin-top: 8px;
+ margin-bottom: 8px;
}
-.panel-info > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #bce8f1;
+.navbar-btn.btn-sm {
+ margin-top: 10px;
+ margin-bottom: 10px;
}
-.panel-info > .panel-heading .badge {
- color: #d9edf7;
- background-color: #31708f;
+.navbar-btn.btn-xs {
+ margin-top: 14px;
+ margin-bottom: 14px;
}
-.panel-info > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #bce8f1;
+.navbar-text {
+ margin-top: 15px;
+ margin-bottom: 15px;
}
-.panel-warning {
- border-color: #faebcc;
+.navbar-default {
+ background-color: #f7f7f7;
+ border-color: #ccc;
}
-.panel-warning > .panel-heading {
- color: #8a6d3b;
- background-color: #fcf8e3;
- border-color: #faebcc;
+.navbar-default .navbar-brand {
+ color: #007aff;
}
-.panel-warning > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #faebcc;
+.navbar-default .navbar-brand:focus {
+ color: #0062cc;
+ background-color: transparent;
}
-.panel-warning > .panel-heading .badge {
- color: #fcf8e3;
- background-color: #8a6d3b;
+.navbar-default .navbar-text {
+ color: #007aff;
}
-.panel-warning > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #faebcc;
+.navbar-default .navbar-nav > li > a {
+ color: #007aff;
}
-.panel-danger {
- border-color: #ebccd1;
+.navbar-default .navbar-nav > li > a:focus {
+ color: #006ee6;
+ background-color: transparent;
}
-.panel-danger > .panel-heading {
- color: #a94442;
- background-color: #f2dede;
- border-color: #ebccd1;
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #1a87ff;
+ background-color: #e6e6e6;
}
-.panel-danger > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #ebccd1;
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #66afff;
+ background-color: transparent;
}
-.panel-danger > .panel-heading .badge {
- color: #f2dede;
- background-color: #a94442;
+.navbar-default .navbar-toggle {
+ border-color: #ddd;
}
-.panel-danger > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #ebccd1;
+.navbar-default .navbar-toggle:focus {
+ background-color: #ddd;
}
-.well {
- min-height: 20px;
- padding: 19px;
- margin-bottom: 20px;
- background-color: #f5f5f5;
- border: 1px solid #e3e3e3;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #ccc;
}
-.well blockquote {
- border-color: #ddd;
- border-color: rgba(0, 0, 0, 0.15);
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #ccc;
}
-.well-lg {
- padding: 24px;
- border-radius: 6px;
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:focus {
+ background-color: #e6e6e6;
+ color: #1a87ff;
}
-.well-sm {
- padding: 9px;
- border-radius: 3px;
-}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #007aff;
+ }
-.close {
- float: right;
- font-size: 21px;
- font-weight: normal;
- line-height: 1;
- color: #000000;
- text-shadow: 0 1px 0 #ffffff;
- opacity: 0.2;
- filter: alpha(opacity=20);
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #006ee6;
+ background-color: transparent;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+ color: #1a87ff;
+ background-color: #e6e6e6;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ color: #66afff;
+ background-color: transparent;
+ }
}
-.close:focus {
- color: #000000;
- text-decoration: none;
- cursor: pointer;
- opacity: 0.5;
- filter: alpha(opacity=50);
+.navbar-default .navbar-link {
+ color: #007aff;
}
-button.close {
- padding: 0;
- cursor: pointer;
- background: transparent;
- border: 0;
- -webkit-appearance: none;
+.navbar-default .btn-link {
+ color: #007aff;
}
-.modal-open {
- overflow: hidden;
+.navbar-default .btn-link:focus {
+ color: #006ee6;
}
-.modal {
- display: none;
- overflow: hidden;
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1050;
- -webkit-overflow-scrolling: touch;
- outline: 0;
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+ color: #66afff;
}
-.modal.fade .modal-dialog {
- -webkit-transform: translate3d(0, -25%, 0);
- transform: translate3d(0, -25%, 0);
- -webkit-transition: -webkit-transform 0.3s ease-out;
- -moz-transition: -moz-transform 0.3s ease-out;
- -o-transition: -o-transform 0.3s ease-out;
- transition: transform 0.3s ease-out;
+.navbar-inverse {
+ background-color: #222;
+ border-color: #080808;
}
-.modal.in .modal-dialog {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
+.navbar-inverse .navbar-brand {
+ color: #9d9d9d;
}
-.modal-open .modal {
- overflow-x: hidden;
- overflow-y: auto;
+.navbar-inverse .navbar-brand:focus {
+ color: #fff;
+ background-color: transparent;
}
-.modal-dialog {
- position: relative;
- width: auto;
- margin: 10px;
+.navbar-inverse .navbar-text {
+ color: #9d9d9d;
}
-.modal-content {
- position: relative;
- background-color: #ffffff;
- border: 1px solid #999999;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 6px;
- -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- background-clip: padding-box;
- outline: 0;
+.navbar-inverse .navbar-nav > li > a {
+ color: #9d9d9d;
}
-.modal-backdrop {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1040;
- background-color: #000000;
+.navbar-inverse .navbar-nav > li > a:focus {
+ color: #fff;
+ background-color: transparent;
}
-.modal-backdrop.fade {
- opacity: 0;
- filter: alpha(opacity=0);
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:focus {
+ color: #fff;
+ background-color: #080808;
}
-.modal-backdrop.in {
- opacity: 0.5;
- filter: alpha(opacity=50);
+.navbar-inverse .navbar-nav > .disabled > a,
+.navbar-inverse .navbar-nav > .disabled > a:focus {
+ color: #444;
+ background-color: transparent;
}
-.modal-header {
- padding: 15px;
- border-bottom: 1px solid #e5e5e5;
- min-height: 16.42857143px;
+.navbar-inverse .navbar-toggle {
+ border-color: #333;
}
-.modal-header .close {
- margin-top: -2px;
+.navbar-inverse .navbar-toggle:focus {
+ background-color: #333;
}
-.modal-title {
- margin: 0;
- line-height: 1.42857143;
+.navbar-inverse .navbar-toggle .icon-bar {
+ background-color: #fff;
}
-.modal-body {
- position: relative;
- padding: 15px;
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+ border-color: #101010;
}
-.modal-footer {
- padding: 15px;
- text-align: right;
- border-top: 1px solid #e5e5e5;
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:focus {
+ background-color: #080808;
+ color: #fff;
}
-.modal-footer .btn + .btn {
- margin-left: 5px;
- margin-bottom: 0;
+@media (max-width: 767px) {
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+ border-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+ background-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+ color: #9d9d9d;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #fff;
+ background-color: transparent;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+ color: #fff;
+ background-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ color: #444;
+ background-color: transparent;
+ }
}
-.modal-footer .btn-group .btn + .btn {
- margin-left: -1px;
+.navbar-inverse .navbar-link {
+ color: #9d9d9d;
}
-.modal-footer .btn-block + .btn-block {
- margin-left: 0;
+.navbar-inverse .btn-link {
+ color: #9d9d9d;
}
-.modal-scrollbar-measure {
- position: absolute;
- top: -9999px;
- width: 50px;
- height: 50px;
- overflow: scroll;
+.navbar-inverse .btn-link:focus {
+ color: #fff;
}
-.tooltip {
- position: absolute;
- z-index: 1070;
- display: block;
- visibility: visible;
- font-size: 12px;
- line-height: 1.4;
- opacity: 0;
- filter: alpha(opacity=0);
+.navbar-inverse .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-inverse .btn-link:focus {
+ color: #444;
}
-.tooltip.in {
- opacity: 0.9;
- filter: alpha(opacity=90);
+.pager {
+ padding-left: 0;
+ margin: 20px 0;
+ list-style: none;
+ text-align: center;
}
-.tooltip.top {
- margin-top: -3px;
- padding: 5px 0;
+.pager li {
+ display: inline;
}
-.tooltip.right {
- margin-left: 3px;
- padding: 0 5px;
+.pager li > a,
+.pager li > span {
+ display: inline-block;
+ padding: 5px 14px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 15px;
}
-.tooltip.bottom {
- margin-top: 3px;
- padding: 5px 0;
+.pager li > a:focus {
+ text-decoration: none;
+ background-color: #eeeeee;
}
-.tooltip.left {
- margin-left: -3px;
- padding: 0 5px;
+.pager .next > a,
+.pager .next > span {
+ float: right;
}
-.tooltip-inner {
- max-width: 200px;
- padding: 3px 8px;
- color: #ffffff;
+.pager .previous > a,
+.pager .previous > span {
+ float: left;
+}
+
+.pager .disabled > a,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #777777;
+ background-color: #fff;
+ cursor: not-allowed;
+}
+
+.label {
+ display: inline;
+ padding: .2em .6em .3em;
+ font-size: 75%;
+ font-weight: bold;
+ line-height: 1;
+ color: #fff;
text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: .25em;
+}
+
+a.label:focus {
+ color: #fff;
text-decoration: none;
- background-color: #000000;
- border-radius: 4px;
+ cursor: pointer;
}
-.tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
+.label:empty {
+ display: none;
}
-.tooltip.top .tooltip-arrow {
- bottom: 0;
- left: 50%;
- margin-left: -5px;
- border-width: 5px 5px 0;
- border-top-color: #000000;
+.btn .label {
+ position: relative;
+ top: -1px;
}
-.tooltip.top-left .tooltip-arrow {
- bottom: 0;
- left: 5px;
- border-width: 5px 5px 0;
- border-top-color: #000000;
+.label-default {
+ background-color: #777777;
}
-.tooltip.top-right .tooltip-arrow {
- bottom: 0;
- right: 5px;
- border-width: 5px 5px 0;
- border-top-color: #000000;
+.label-default[href]:focus {
+ background-color: #5e5e5e;
}
-.tooltip.right .tooltip-arrow {
- top: 50%;
- left: 0;
- margin-top: -5px;
- border-width: 5px 5px 5px 0;
- border-right-color: #000000;
+.label-primary {
+ background-color: #007aff;
}
-.tooltip.left .tooltip-arrow {
- top: 50%;
- right: 0;
- margin-top: -5px;
- border-width: 5px 0 5px 5px;
- border-left-color: #000000;
+.label-primary[href]:focus {
+ background-color: #0062cc;
}
-.tooltip.bottom .tooltip-arrow {
- top: 0;
- left: 50%;
- margin-left: -5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000000;
+.label-success {
+ background-color: #4cd964;
}
-.tooltip.bottom-left .tooltip-arrow {
- top: 0;
- left: 5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000000;
+.label-success[href]:focus {
+ background-color: #2ac845;
}
-.tooltip.bottom-right .tooltip-arrow {
- top: 0;
- right: 5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000000;
+.label-info {
+ background-color: #34aadc;
}
-.popover {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1060;
- display: none;
- max-width: 276px;
- padding: 1px;
- text-align: left;
- background-color: #ffffff;
- background-clip: padding-box;
- border: 1px solid #cccccc;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 6px;
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- white-space: normal;
+.label-info[href]:focus {
+ background-color: #218ebd;
}
-.popover.top {
- margin-top: -10px;
+.label-warning {
+ background-color: #fc0;
}
-.popover.right {
- margin-left: 10px;
+.label-warning[href]:focus {
+ background-color: #cca300;
}
-.popover.bottom {
- margin-top: 10px;
+.label-danger {
+ background-color: #ff3b30;
}
-.popover.left {
- margin-left: -10px;
+.label-danger[href]:focus {
+ background-color: #fc0d00;
}
-.popover-title {
- margin: 0;
- padding: 8px 14px;
- font-size: 14px;
+.badge {
+ display: inline-block;
+ min-width: 10px;
+ padding: 3px 7px;
+ font-size: 12px;
font-weight: normal;
- line-height: 18px;
- background-color: #f7f7f7;
- border-bottom: 1px solid #ebebeb;
- border-radius: 5px 5px 0 0;
+ color: #fff;
+ line-height: 1;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-align: center;
+ background-color: #777777;
+ border-radius: 10px;
}
-.popover-content {
- padding: 9px 14px;
+.badge:empty {
+ display: none;
}
-.popover > .arrow,
-.popover > .arrow:after {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
+.btn .badge {
+ position: relative;
+ top: -1px;
}
-.popover > .arrow {
- border-width: 11px;
+.btn-xs .badge,
+.btn-group-xs > .btn .badge {
+ top: 0;
+ padding: 1px 5px;
}
-.popover > .arrow:after {
- border-width: 10px;
- content: "";
+a.badge:focus {
+ color: #fff;
+ text-decoration: none;
+ cursor: pointer;
}
-.popover.top > .arrow {
- left: 50%;
- margin-left: -11px;
- border-bottom-width: 0;
- border-top-color: #999999;
- border-top-color: rgba(0, 0, 0, 0.25);
- bottom: -11px;
+.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #007aff;
+ background-color: #fff;
}
-.popover.top > .arrow:after {
- content: " ";
- bottom: 1px;
- margin-left: -10px;
- border-bottom-width: 0;
- border-top-color: #ffffff;
+.list-group-item > .badge {
+ float: right;
}
-.popover.right > .arrow {
- top: 50%;
- left: -11px;
- margin-top: -11px;
- border-left-width: 0;
- border-right-color: #999999;
- border-right-color: rgba(0, 0, 0, 0.25);
+.list-group-item > .badge + .badge {
+ margin-right: 5px;
}
-.popover.right > .arrow:after {
- content: " ";
- left: 1px;
- bottom: -10px;
- border-left-width: 0;
- border-right-color: #ffffff;
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
}
-.popover.bottom > .arrow {
- left: 50%;
- margin-left: -11px;
- border-top-width: 0;
- border-bottom-color: #999999;
- border-bottom-color: rgba(0, 0, 0, 0.25);
- top: -11px;
+.thumbnail {
+ display: block;
+ padding: 4px;
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ -webkit-transition: border 0.2s ease-in-out;
+ -o-transition: border 0.2s ease-in-out;
+ transition: border 0.2s ease-in-out;
}
-.popover.bottom > .arrow:after {
- content: " ";
- top: 1px;
- margin-left: -10px;
- border-top-width: 0;
- border-bottom-color: #ffffff;
+.thumbnail > img,
+.thumbnail a > img {
+ margin-left: auto;
+ margin-right: auto;
}
-.popover.left > .arrow {
- top: 50%;
- right: -11px;
- margin-top: -11px;
- border-right-width: 0;
- border-left-color: #999999;
- border-left-color: rgba(0, 0, 0, 0.25);
+a.thumbnail:focus,
+a.thumbnail.active {
+ border-color: #007aff;
}
-.popover.left > .arrow:after {
- content: " ";
- right: 1px;
- border-right-width: 0;
- border-left-color: #ffffff;
- bottom: -10px;
+.thumbnail .caption {
+ padding: 9px;
+ color: #333333;
}
-.carousel {
- position: relative;
+.alert {
+ padding: 15px;
+ margin-bottom: 20px;
+ border: 1px solid transparent;
+ border-radius: 4px;
}
-.carousel-inner {
- position: relative;
- overflow: hidden;
- width: 100%;
+.alert h4 {
+ margin-top: 0;
+ color: inherit;
}
-.carousel-inner > .item {
- display: none;
- position: relative;
- -webkit-transition: 0.6s ease-in-out left;
- -o-transition: 0.6s ease-in-out left;
- transition: 0.6s ease-in-out left;
+.alert .alert-link {
+ font-weight: normal;
}
-.carousel-inner > .item > img,
-.carousel-inner > .item > a > img {
- line-height: 1;
+.alert > p,
+.alert > ul {
+ margin-bottom: 0;
}
-.carousel-inner > .active,
-.carousel-inner > .next,
-.carousel-inner > .prev {
- display: block;
+.alert > p + p {
+ margin-top: 5px;
}
-.carousel-inner > .active {
- left: 0;
+.alert-dismissable,
+.alert-dismissible {
+ padding-right: 35px;
}
-.carousel-inner > .next,
-.carousel-inner > .prev {
- position: absolute;
- top: 0;
- width: 100%;
+.alert-dismissable .close,
+.alert-dismissible .close {
+ position: relative;
+ top: -2px;
+ right: -21px;
+ color: inherit;
}
-.carousel-inner > .next {
- left: 100%;
+.alert-success {
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
+ color: #3c763d;
}
-.carousel-inner > .prev {
- left: -100%;
+.alert-success hr {
+ border-top-color: #c9e2b3;
}
-.carousel-inner > .next.left,
-.carousel-inner > .prev.right {
- left: 0;
+.alert-success .alert-link {
+ color: #2b542c;
}
-.carousel-inner > .active.left {
- left: -100%;
+.alert-info {
+ background-color: #d9edf7;
+ border-color: #bce8f1;
+ color: #31708f;
}
-.carousel-inner > .active.right {
- left: 100%;
+.alert-info hr {
+ border-top-color: #a6e1ec;
}
-.carousel-control {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- width: 15%;
- opacity: 0.5;
- filter: alpha(opacity=50);
- font-size: 20px;
- color: #ffffff;
- text-align: center;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+.alert-info .alert-link {
+ color: #245269;
}
-.carousel-control.left {
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+.alert-warning {
+ background-color: #fcf8e3;
+ border-color: #faebcc;
+ color: #8a6d3b;
}
-.carousel-control.right {
- left: auto;
- right: 0;
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+.alert-warning hr {
+ border-top-color: #f7e1b5;
}
-.carousel-control:focus {
- outline: 0;
- color: #ffffff;
- text-decoration: none;
- opacity: 0.9;
- filter: alpha(opacity=90);
+.alert-warning .alert-link {
+ color: #66512c;
}
-.carousel-control .icon-prev,
-.carousel-control .icon-next,
-.carousel-control .glyphicon-chevron-left,
-.carousel-control .glyphicon-chevron-right {
- position: absolute;
- top: 50%;
- z-index: 5;
- display: inline-block;
+.alert-danger {
+ background-color: #f2dede;
+ border-color: #ebccd1;
+ color: #a94442;
}
-.carousel-control .icon-prev,
-.carousel-control .glyphicon-chevron-left {
- left: 50%;
- margin-left: -10px;
+.alert-danger hr {
+ border-top-color: #e4b9c0;
}
-.carousel-control .icon-next,
-.carousel-control .glyphicon-chevron-right {
- right: 50%;
- margin-right: -10px;
+.alert-danger .alert-link {
+ color: #843534;
}
-.carousel-control .icon-prev,
-.carousel-control .icon-next {
- width: 20px;
- height: 20px;
- margin-top: -10px;
- font-family: serif;
+@-webkit-keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+
+ to {
+ background-position: 0 0;
+ }
}
-.carousel-control .icon-prev:before {
- content: '\2039';
+@keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+
+ to {
+ background-position: 0 0;
+ }
}
-.carousel-control .icon-next:before {
- content: '\203a';
+.progress {
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
-.carousel-indicators {
- position: absolute;
- bottom: 10px;
- left: 50%;
- z-index: 15;
- width: 60%;
- margin-left: -30%;
- padding-left: 0;
- list-style: none;
+.progress-bar {
+ float: left;
+ width: 0%;
+ height: 100%;
+ font-size: 12px;
+ line-height: 20px;
+ color: #fff;
text-align: center;
+ background-color: #007aff;
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ -webkit-transition: width 0.6s ease;
+ -o-transition: width 0.6s ease;
+ transition: width 0.6s ease;
}
-.carousel-indicators li {
- display: inline-block;
- width: 10px;
- height: 10px;
- margin: 1px;
- text-indent: -999px;
- border: 1px solid #ffffff;
- border-radius: 10px;
- cursor: pointer;
- background-color: #000 \9;
- background-color: rgba(0, 0, 0, 0);
+.progress-striped .progress-bar,
+.progress-bar-striped {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 40px 40px;
}
-.carousel-indicators .active {
- margin: 0;
- width: 12px;
- height: 12px;
- background-color: #ffffff;
+.progress.active .progress-bar,
+.progress-bar.active {
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
+ -o-animation: progress-bar-stripes 2s linear infinite;
+ animation: progress-bar-stripes 2s linear infinite;
}
-.carousel-caption {
- position: absolute;
- left: 15%;
- right: 15%;
- bottom: 20px;
- z-index: 10;
- padding-top: 20px;
- padding-bottom: 20px;
- color: #ffffff;
- text-align: center;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+.progress-bar-success {
+ background-color: #4cd964;
}
-.carousel-caption .btn {
- text-shadow: none;
+.progress-striped .progress-bar-success {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.clearfix:before,
-.clearfix:after,
-.dl-horizontal dd:before,
-.dl-horizontal dd:after,
-.container:before,
-.container:after,
-.container-fluid:before,
-.container-fluid:after,
-.row:before,
-.row:after,
-.form-horizontal .form-group:before,
-.form-horizontal .form-group:after,
-.btn-toolbar:before,
-.btn-toolbar:after,
-.btn-group-vertical > .btn-group:before,
-.btn-group-vertical > .btn-group:after,
-.nav:before,
-.nav:after,
-.navbar:before,
-.navbar:after,
-.navbar-header:before,
-.navbar-header:after,
-.navbar-collapse:before,
-.navbar-collapse:after,
-.pager:before,
-.pager:after,
-.panel-body:before,
-.panel-body:after,
-.modal-footer:before,
-.modal-footer:after {
- content: " ";
- display: table;
-}
-
-.clearfix:after,
-.dl-horizontal dd:after,
-.container:after,
-.container-fluid:after,
-.row:after,
-.form-horizontal .form-group:after,
-.btn-toolbar:after,
-.btn-group-vertical > .btn-group:after,
-.nav:after,
-.navbar:after,
-.navbar-header:after,
-.navbar-collapse:after,
-.pager:after,
-.panel-body:after,
-.modal-footer:after {
- clear: both;
+.progress-bar-info {
+ background-color: #34aadc;
}
-.center-block {
- display: block;
- margin-left: auto;
- margin-right: auto;
+.progress-striped .progress-bar-info {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.pull-right {
- float: right !important;
+.progress-bar-warning {
+ background-color: #fc0;
}
-.pull-left {
- float: left !important;
+.progress-striped .progress-bar-warning {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.hide {
- display: none !important;
+.progress-bar-danger {
+ background-color: #ff3b30;
}
-.show {
- display: block !important;
+.progress-striped .progress-bar-danger {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.invisible {
- visibility: hidden;
+.media {
+ margin-top: 15px;
}
-.text-hide {
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
+.media:first-child {
+ margin-top: 0;
}
-.hidden {
- display: none !important;
- visibility: hidden !important;
+.media,
+.media-body {
+ zoom: 1;
+ overflow: hidden;
}
-.affix {
- position: fixed;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
+.media-body {
+ width: 10000px;
}
-@-ms-viewport {
- width: device-width;
+.media-object {
+ display: block;
}
-.visible-xs,
-.visible-sm,
-.visible-md,
-.visible-lg {
- display: none !important;
+.media-object.img-thumbnail {
+ max-width: none;
}
-.visible-xs-block,
-.visible-xs-inline,
-.visible-xs-inline-block,
-.visible-sm-block,
-.visible-sm-inline,
-.visible-sm-inline-block,
-.visible-md-block,
-.visible-md-inline,
-.visible-md-inline-block,
-.visible-lg-block,
-.visible-lg-inline,
-.visible-lg-inline-block {
- display: none !important;
+.media-right,
+.media > .pull-right {
+ padding-left: 10px;
}
-.visible-print {
- display: none !important;
+.media-left,
+.media > .pull-left {
+ padding-right: 10px;
}
-.visible-print-block {
- display: none !important;
+.media-left,
+.media-right,
+.media-body {
+ display: table-cell;
+ vertical-align: top;
}
-.visible-print-inline {
- display: none !important;
+.media-middle {
+ vertical-align: middle;
}
-.visible-print-inline-block {
- display: none !important;
+.media-bottom {
+ vertical-align: bottom;
}
-html {
- height: 100%;
- width: 100%;
- overflow: hidden;
+.media-heading {
+ margin-top: 0;
+ margin-bottom: 5px;
}
-body {
- height: 100%;
- width: 100%;
- overflow: hidden;
- font-weight: 200;
+.media-list {
+ padding-left: 0;
+ list-style: none;
}
-a {
- text-decoration: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- color: #007aff;
+.list-group {
+ margin-bottom: 20px;
+ padding-left: 0;
}
-a:active,
-.btn:active {
- opacity: 0.6;
- filter: alpha(opacity=60);
- -webkit-box-shadow: none;
- box-shadow: none;
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
+ margin-bottom: -1px;
+ background-color: #fff;
+ border: 1px solid #ddd;
}
-a:focus {
- outline: 0 none;
+.list-group-item:first-child {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- margin-top: 0;
- padding-top: 0;
+.list-group-item:last-child {
+ margin-bottom: 0;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
}
-.page-header {
- margin-top: 10px;
+a.list-group-item,
+button.list-group-item {
+ color: #555;
}
-.page-header h1,
-.page-header h2,
-.page-header h3,
-.page-header h4,
-.page-header h5,
-.page-header h6 {
- margin-bottom: 0;
- padding-bottom: 0;
+a.list-group-item .list-group-item-heading,
+button.list-group-item .list-group-item-heading {
+ color: #333;
}
-img {
- max-width: 100%;
+a.list-group-item:focus,
+button.list-group-item:focus {
+ text-decoration: none;
+ color: #555;
+ background-color: #f5f5f5;
}
-html {
- height: 100%;
+button.list-group-item {
width: 100%;
- overflow: hidden;
+ text-align: left;
}
-body {
- height: 100%;
- width: 100%;
- overflow: hidden;
+.list-group-item.disabled,
+.list-group-item.disabled:focus {
+ background-color: #eeeeee;
+ color: #777777;
+ cursor: not-allowed;
}
-textarea,
-input[type="email"],
-input[type="number"],
-input[type="search"],
-input[type="tel"],
-input[type="text"],
-input[type="url"] {
- -webkit-appearance: none;
+.list-group-item.disabled .list-group-item-heading,
+.list-group-item.disabled:focus .list-group-item-heading {
+ color: inherit;
}
-.form-control:focus {
- outline: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
+.list-group-item.disabled .list-group-item-text,
+.list-group-item.disabled:focus .list-group-item-text {
+ color: #777777;
}
-.form-control {
- -webkit-box-shadow: none;
- box-shadow: none;
- border: 1px solid #cccccc;
+.list-group-item.active,
+.list-group-item.active:focus {
+ z-index: 2;
+ color: #fff;
+ background-color: #007aff;
+ border-color: #007aff;
}
-.form-group {
- margin-bottom: 0;
- padding: 10px 0;
+.list-group-item.active .list-group-item-heading,
+.list-group-item.active:focus .list-group-item-heading,
+.list-group-item.active .list-group-item-heading > small,
+.list-group-item.active:focus .list-group-item-heading > small,
+.list-group-item.active .list-group-item-heading > .small,
+.list-group-item.active:focus .list-group-item-heading > .small {
+ color: inherit;
}
-.input-group-addon {
- background: #ffffff;
+.list-group-item.active .list-group-item-text,
+.list-group-item.active:focus .list-group-item-text {
+ color: #cce4ff;
}
-.control-label {
- line-height: 34px;
- margin: 0;
+.list-group-item-success {
+ color: #3c763d;
+ background-color: #dff0d8;
}
-.app-search {
- border-radius: 0;
+a.list-group-item-success,
+button.list-group-item-success {
+ color: #3c763d;
}
-.form-actions {
- margin-top: -20px;
+a.list-group-item-success .list-group-item-heading,
+button.list-group-item-success .list-group-item-heading {
+ color: inherit;
}
-.switch {
- cursor: pointer;
- position: relative;
- display: block;
- width: 68px;
- height: 34px;
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border-radius: 999px;
+a.list-group-item-success:focus,
+button.list-group-item-success:focus {
+ color: #3c763d;
+ background-color: #d0e9c6;
}
-.switch .switch-handle {
- position: absolute;
- top: -1px;
- left: -1px;
- z-index: 2;
- width: 34px;
- height: 34px;
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border-radius: 999px;
+a.list-group-item-success.active,
+button.list-group-item-success.active,
+a.list-group-item-success.active:focus,
+button.list-group-item-success.active:focus {
+ color: #fff;
+ background-color: #3c763d;
+ border-color: #3c763d;
}
-.switch.active {
- background-color: #007aff;
- border: 1px solid #007aff;
+.list-group-item-info {
+ color: #31708f;
+ background-color: #d9edf7;
}
-.switch.active .switch-handle {
- border-color: #007aff;
- -webkit-transform: translate3d(34px, 0, 0);
- transform: translate3d(34px, 0, 0);
+a.list-group-item-info,
+button.list-group-item-info {
+ color: #31708f;
}
-.switch-transition-enabled {
- -webkit-transition: background-color 200ms ease, border 200ms ease;
- -o-transition: background-color 200ms ease, border 200ms ease;
- transition: background-color 200ms ease, border 200ms ease;
+a.list-group-item-info .list-group-item-heading,
+button.list-group-item-info .list-group-item-heading {
+ color: inherit;
}
-.switch-transition-enabled > .switch-handle {
- -webkit-transition: -webkit-transform 200ms ease, background-color 200ms ease;
- -moz-transition: -moz-transform 200ms ease, background-color 200ms ease;
- -o-transition: -o-transform 200ms ease, background-color 200ms ease;
- transition: transform 200ms ease, background-color 200ms ease;
+a.list-group-item-info:focus,
+button.list-group-item-info:focus {
+ color: #31708f;
+ background-color: #c4e3f3;
}
-.btn.active,
-.btn.active:focus,
-.btn.active:active {
- -webkit-box-shadow: none;
- box-shadow: none;
+a.list-group-item-info.active,
+button.list-group-item-info.active,
+a.list-group-item-info.active:focus,
+button.list-group-item-info.active:focus {
+ color: #fff;
+ background-color: #31708f;
+ border-color: #31708f;
}
-.btn-group.justified > .btn:not(:last-child) {
- border-right-width: 0;
+.list-group-item-warning {
+ color: #8a6d3b;
+ background-color: #fcf8e3;
}
-.btn-group.justified > .btn:last-child,
-.btn-group.justified > .btn.active {
- border-right-width: 1px;
+a.list-group-item-warning,
+button.list-group-item-warning {
+ color: #8a6d3b;
}
-.btn-group.justified > .btn:not(:last-child).active + .btn {
- border-left-width: 0;
+a.list-group-item-warning .list-group-item-heading,
+button.list-group-item-warning .list-group-item-heading {
+ color: inherit;
}
-.btn-group.nav-tabs {
- border: 0 none;
+a.list-group-item-warning:focus,
+button.list-group-item-warning:focus {
+ color: #8a6d3b;
+ background-color: #faf2cc;
}
-.btn-group > .btn-default.active,
-.btn-group > .btn-default.active:focus {
- color: #ffffff;
- background-color: #007aff;
- border-color: #006ee6;
+a.list-group-item-warning.active,
+button.list-group-item-warning.active,
+a.list-group-item-warning.active:focus,
+button.list-group-item-warning.active:focus {
+ color: #fff;
+ background-color: #8a6d3b;
+ border-color: #8a6d3b;
}
-.list-group-item,
-a.list-group-item {
- margin-bottom: 0;
- border: 0 none;
- border-bottom: 1px solid #dddddd;
+.list-group-item-danger {
+ color: #a94442;
+ background-color: #f2dede;
}
-.list-group-item:first-child,
-a.list-group-item:first-child {
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+a.list-group-item-danger,
+button.list-group-item-danger {
+ color: #a94442;
}
-.list-group-item:last-child,
-a.list-group-item:last-child {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+a.list-group-item-danger .list-group-item-heading,
+button.list-group-item-danger .list-group-item-heading {
+ color: inherit;
}
-.list-group-item .fa.pull-right,
-a.list-group-item .fa.pull-right,
-.list-group-item .icon.pull-right,
-a.list-group-item .icon.pull-right {
- line-height: 1.42857143;
+a.list-group-item-danger:focus,
+button.list-group-item-danger:focus {
+ color: #a94442;
+ background-color: #ebcccc;
}
-.list-group-item.media {
- margin-bottom: 0;
+a.list-group-item-danger.active,
+button.list-group-item-danger.active,
+a.list-group-item-danger.active:focus,
+button.list-group-item-danger.active:focus {
+ color: #fff;
+ background-color: #a94442;
+ border-color: #a94442;
+}
+
+.list-group-item-heading {
margin-top: 0;
+ margin-bottom: 5px;
}
-.app {
- height: 100%;
- position: relative;
- z-index: 2;
- width: 100%;
- background: #777777;
- overflow: hidden;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition: -webkit-transform 400ms ease;
- -moz-transition: -moz-transform 400ms ease;
- -o-transition: -o-transform 400ms ease;
- transition: transform 400ms ease;
- -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
+.list-group-item-text {
+ margin-bottom: 0;
+ line-height: 1.3;
}
-.app-body {
- display: block;
- height: 100%;
- padding: 0;
- overflow: hidden;
+.panel {
+ margin-bottom: 20px;
+ background-color: #fff;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
-.app-content {
- display: block;
- position: relative;
- height: 100%;
- width: 100%;
- padding: 0;
- overflow: hidden;
+.panel-body {
+ padding: 15px;
}
-.app-search {
- position: relative;
- border-width: 0 0 1px;
- z-index: 1029;
- width: 100%;
+.panel-heading {
+ padding: 10px 15px;
+ border-bottom: 1px solid transparent;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
}
-.navbar-app {
- min-height: 50px;
- border-color: #cccccc;
- background: #f7f7f7;
- border-width: 1px;
- border-style: solid;
- color: #007aff;
+.panel-heading > .dropdown .dropdown-toggle {
+ color: inherit;
}
-.navbar-app .btn-icon-only .fa,
-.navbar-app .btn-icon-only .icon {
- font-size: 22px;
- vertical-align: middle;
+.panel-title {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 16px;
+ color: inherit;
}
-.navbar-app .btn-navbar,
-.navbar-app .btn {
- background: none;
- border: none;
- line-height: 50px;
- padding-top: 0;
- padding-bottom: 0;
- color: #007aff;
- text-transform: uppercase;
+.panel-title > a,
+.panel-title > small,
+.panel-title > .small,
+.panel-title > small > a,
+.panel-title > .small > a {
+ color: inherit;
}
-.navbar-brand-center {
- position: absolute;
- text-align: center;
- width: 100%;
- white-space: nowrap;
- overflow: hidden;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
+.panel-footer {
+ padding: 10px 15px;
+ background-color: #f5f5f5;
+ border-top: 1px solid #ddd;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
}
-.navbar-absolute-top,
-.navbar-absolute-bottom {
- position: absolute;
- z-index: 1000;
- border-width: 0;
- left: 0;
- right: 0;
- width: 100%;
- margin: 0;
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+ margin-bottom: 0;
}
-.has-navbar-top .app-body {
- padding-top: 51px;
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
+ border-width: 1px 0;
+ border-radius: 0;
}
-.has-navbar-bottom .app-body {
- padding-bottom: 51px;
+.panel > .list-group:first-child .list-group-item:first-child,
+.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
+ border-top: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
}
-.navbar-absolute-top {
- top: 0;
- border-bottom-width: 1px;
+.panel > .list-group:last-child .list-group-item:last-child,
+.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
+ border-bottom: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
}
-.navbar-absolute-bottom {
- top: auto;
- bottom: 0;
- border-bottom: 0 none;
- border-top-width: 1px;
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
-.sidebar {
- z-index: 0;
- position: absolute;
- top: 0;
- bottom: 0;
- display: block;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition: -webkit-transform 400ms ease;
- -moz-transition: -moz-transform 400ms ease;
- -o-transition: -o-transform 400ms ease;
- transition: transform 400ms ease;
+.panel-heading + .list-group .list-group-item:first-child {
+ border-top-width: 0;
}
-.sidebar-left {
- background: #555555;
- width: 300px;
- left: 0;
- right: auto;
- -webkit-transition: width 400ms ease;
- -o-transition: width 400ms ease;
- transition: width 400ms ease;
+.list-group + .panel-footer {
+ border-top-width: 0;
}
-.sidebar-right {
- background: #555555;
- width: 300px;
- left: auto;
- right: 0;
- opacity: 1;
- filter: alpha(opacity=100);
- -webkit-transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- -o-transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+ margin-bottom: 0;
}
-.sidebar-left-in .sidebar-right {
- z-index: -100;
- opacity: 0;
- filter: alpha(opacity=0);
- -webkit-transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- -o-transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- transition: opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease;
- width: 0;
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+ padding-left: 15px;
+ padding-right: 15px;
}
-.sidebar-left-in .app {
- width: 100%;
- -webkit-transform: translate3d(300px, 0, 0);
- transform: translate3d(300px, 0, 0);
- -webkit-transition: -webkit-transform 400ms ease;
- -moz-transition: -moz-transform 400ms ease;
- -o-transition: -o-transform 400ms ease;
- transition: transform 400ms ease;
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
}
-.sidebar-right-in .app {
- width: 100%;
- -webkit-transform: translate3d(-300px, 0, 0);
- transform: translate3d(-300px, 0, 0);
- -webkit-transition: -webkit-transform 400ms ease;
- -moz-transition: -moz-transform 400ms ease;
- -o-transition: -o-transform 400ms ease;
- transition: transform 400ms ease;
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
}
-.sidebar-header,
-.app-name {
- position: relative;
- width: 100%;
- line-height: 70px;
- padding: 0 10px;
- font-size: 23px;
- color: #ffffff;
- margin: 0;
- z-index: 10;
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+ border-top-left-radius: 3px;
}
-.section {
- background: #ffffff;
- padding-top: 10px;
- padding-bottom: 10px;
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+ border-top-right-radius: 3px;
}
-.section.section-condensed {
- padding-top: 0;
- padding-bottom: 0;
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
}
-.section.section-break {
- margin-bottom: 20px;
- -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.08), 0 1px rgba(0, 0, 0, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: 0 -1px rgba(0, 0, 0, 0.08), 0 1px rgba(0, 0, 0, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
}
-.section-default {
- background-color: #777777;
- color: #ffffff;
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+ border-bottom-left-radius: 3px;
}
-.section-primary {
- background-color: #007aff;
- color: #ffffff;
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+ border-bottom-right-radius: 3px;
}
-.section-success {
- background-color: #4cd964;
- color: #ffffff;
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+ border-top: 1px solid #ddd;
}
-.section-info {
- background-color: #34aadc;
- color: #ffffff;
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+ border-top: 0;
}
-.section-warning {
- background-color: #ffcc00;
- color: #ffffff;
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+ border: 0;
}
-.section-danger {
- background-color: #ff3b30;
- color: #ffffff;
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
}
-.justified {
- display: table;
- width: 100%;
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
}
-.justified > * {
- display: table-cell;
- width: 1%;
- float: none !important;
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+ border-bottom: 0;
}
-.scrollable {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+ border-bottom: 0;
}
-.scrollable-content {
- width: 100%;
- height: 100%;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
+.panel > .table-responsive {
+ border: 0;
+ margin-bottom: 0;
}
-.sidebar-header + .scrollable,
-.app-name + .scrollable {
- padding-top: 70px;
+.panel-group {
+ margin-bottom: 20px;
}
-.app-search + .scrollable {
- padding-top: 34px;
+.panel-group .panel {
+ margin-bottom: 0;
+ border-radius: 4px;
}
-[overlay],
-[data-overlay] {
- display: none;
+.panel-group .panel + .panel {
+ margin-top: 5px;
}
-.overlay {
- display: none;
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
+.panel-group .panel-heading {
+ border-bottom: 0;
}
-.overlay .overlay-inner {
- width: 100%;
- height: 100%;
- position: relative;
- overflow: hidden;
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
+ border-top: 1px solid #ddd;
}
-.overlay .overlay-inner > .overlay-background {
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
- margin: -5px -5px -5px -5px;
- background: rgba(255, 255, 255, 0.8);
- z-index: 1040;
+.panel-group .panel-footer {
+ border-top: 0;
}
-.overlay .overlay-inner > .overlay-dismiss {
- position: absolute;
- right: 10px;
- top: 10px;
- z-index: 1051;
- font-size: 24px;
+.panel-group .panel-footer + .panel-collapse .panel-body {
+ border-bottom: 1px solid #ddd;
}
-.overlay .overlay-inner > .overlay-content {
- width: 100%;
- box-sizing: border-box;
- display: table;
- background: transparent;
- text-align: center;
- color: #000000;
- height: 100%;
- z-index: 1050;
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
- padding: 20px;
+.panel-default {
+ border-color: #ddd;
}
-.overlay .overlay-inner > .overlay-content > .overlay-body {
- display: table-cell;
- vertical-align: middle;
+.panel-default > .panel-heading {
+ color: #333333;
+ background-color: #f5f5f5;
+ border-color: #ddd;
}
-.overlay-in > .overlay-show {
- display: block;
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #ddd;
}
-.overlay-in > .app,
-.overlay-in > .sidebar {
- -webkit-filter: blur(5px);
- -moz-filter: blur(5px);
- -o-filter: blur(5px);
- -ms-filter: blur(5px);
- filter: blur(5px);
+.panel-default > .panel-heading .badge {
+ color: #f5f5f5;
+ background-color: #333333;
}
-input.ng-invalid,
-textarea.ng-invalid {
- border-color: #ffcc00;
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #ddd;
}
-.ng-dirty input.ng-invalid {
- border-color: #ffcc00;
+.panel-primary {
+ border-color: #007aff;
}
-.ng-dirty input.ng-invalid ~ span.ko {
- color: #ff3b30;
+.panel-primary > .panel-heading {
+ color: #fff;
+ background-color: #007aff;
+ border-color: #007aff;
}
-.panel {
- -webkit-box-shadow: none;
- box-shadow: none;
- background: #ffffff;
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #007aff;
}
-.panel-group .panel + .panel {
- margin-top: -1px;
+.panel-primary > .panel-heading .badge {
+ color: #007aff;
+ background-color: #fff;
}
-.panel-group .panel-heading[toggle] {
- cursor: pointer;
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #007aff;
}
-html .panel-group .panel-heading {
- padding: 0 15px;
+.panel-success {
+ border-color: #d6e9c6;
}
-html .panel-group .panel-title {
- line-height: 40px;
+.panel-success > .panel-heading {
+ color: #3c763d;
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
}
-.panel-heading,
-.panel-body {
- padding: 10px 15px;
- border: 0;
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #d6e9c6;
}
-.panel-body {
- background: #ffffff;
+.panel-success > .panel-heading .badge {
+ color: #dff0d8;
+ background-color: #3c763d;
}
-.panel-heading {
- border-bottom: 1px solid #dddddd;
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #d6e9c6;
}
-.panel-title {
- color: #777777;
- font-weight: 200;
- font-size: 20px;
+.panel-info {
+ border-color: #bce8f1;
}
-form .panel-heading {
- margin-bottom: 0;
- padding-bottom: 10px;
+.panel-info > .panel-heading {
+ color: #31708f;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
}
-form .panel-body {
- padding-top: 0;
- padding-bottom: 0;
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #bce8f1;
}
-.panel-group .panel-heading + .panel-collapse .panel-body {
- border-top: 0;
+.panel-info > .panel-heading .badge {
+ color: #d9edf7;
+ background-color: #31708f;
}
-.panel-default .panel-heading {
- padding: 0 0 10px 0;
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #bce8f1;
}
-.panel-default .panel-body {
- padding: 15px;
+.panel-warning {
+ border-color: #faebcc;
}
-.carousel,
-.carousel-inner,
-.carousel-inner > .item {
- height: 100%;
- max-width: 100%;
- text-align: center;
+.panel-warning > .panel-heading {
+ color: #8a6d3b;
+ background-color: #fcf8e3;
+ border-color: #faebcc;
}
-.carousel-inner > .item > a > img,
-.carousel-inner > .item > img {
- max-width: 100%;
- max-height: 100%;
- margin: auto;
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #faebcc;
}
-@media (min-width: 768px) {
- .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
- float: left;
- }
- .col-sm-12 {
- width: 100%;
- }
- .col-sm-11 {
- width: 91.66666667%;
- }
- .col-sm-10 {
- width: 83.33333333%;
- }
- .col-sm-9 {
- width: 75%;
- }
- .col-sm-8 {
- width: 66.66666667%;
- }
- .col-sm-7 {
- width: 58.33333333%;
- }
- .col-sm-6 {
- width: 50%;
- }
- .col-sm-5 {
- width: 41.66666667%;
- }
- .col-sm-4 {
- width: 33.33333333%;
- }
- .col-sm-3 {
- width: 25%;
- }
- .col-sm-2 {
- width: 16.66666667%;
- }
- .col-sm-1 {
- width: 8.33333333%;
- }
- .col-sm-pull-12 {
- right: 100%;
- }
- .col-sm-pull-11 {
- right: 91.66666667%;
- }
- .col-sm-pull-10 {
- right: 83.33333333%;
- }
- .col-sm-pull-9 {
- right: 75%;
- }
- .col-sm-pull-8 {
- right: 66.66666667%;
- }
- .col-sm-pull-7 {
- right: 58.33333333%;
- }
- .col-sm-pull-6 {
- right: 50%;
- }
- .col-sm-pull-5 {
- right: 41.66666667%;
- }
- .col-sm-pull-4 {
- right: 33.33333333%;
- }
- .col-sm-pull-3 {
- right: 25%;
- }
- .col-sm-pull-2 {
- right: 16.66666667%;
- }
- .col-sm-pull-1 {
- right: 8.33333333%;
- }
- .col-sm-pull-0 {
- right: auto;
- }
- .col-sm-push-12 {
- left: 100%;
- }
- .col-sm-push-11 {
- left: 91.66666667%;
- }
- .col-sm-push-10 {
- left: 83.33333333%;
- }
- .col-sm-push-9 {
- left: 75%;
- }
- .col-sm-push-8 {
- left: 66.66666667%;
- }
- .col-sm-push-7 {
- left: 58.33333333%;
- }
- .col-sm-push-6 {
- left: 50%;
- }
- .col-sm-push-5 {
- left: 41.66666667%;
- }
- .col-sm-push-4 {
- left: 33.33333333%;
- }
- .col-sm-push-3 {
- left: 25%;
- }
- .col-sm-push-2 {
- left: 16.66666667%;
- }
- .col-sm-push-1 {
- left: 8.33333333%;
- }
- .col-sm-push-0 {
- left: auto;
- }
- .col-sm-offset-12 {
- margin-left: 100%;
- }
- .col-sm-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-sm-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-sm-offset-9 {
- margin-left: 75%;
- }
- .col-sm-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-sm-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-sm-offset-6 {
- margin-left: 50%;
- }
- .col-sm-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-sm-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-sm-offset-3 {
- margin-left: 25%;
- }
- .col-sm-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-sm-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-sm-offset-0 {
- margin-left: 0%;
- }
+
+.panel-warning > .panel-heading .badge {
+ color: #fcf8e3;
+ background-color: #8a6d3b;
}
-@media (min-width: 480px) {
- .sidebar-left {
- width: 440px;
- }
- .sidebar-right {
- width: 440px;
- }
- .sidebar-left-in .app {
- -webkit-transform: translate3d(440px, 0, 0);
- transform: translate3d(440px, 0, 0);
- }
- .sidebar-right-in .app {
- -webkit-transform: translate3d(-440px, 0, 0);
- transform: translate3d(-440px, 0, 0);
- }
+
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #faebcc;
}
-@media (min-width: 768px) {
- .sidebar-left {
- width: 688px;
+
+.panel-danger {
+ border-color: #ebccd1;
+}
+
+.panel-danger > .panel-heading {
+ color: #a94442;
+ background-color: #f2dede;
+ border-color: #ebccd1;
+}
+
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+ border-top-color: #ebccd1;
+}
+
+.panel-danger > .panel-heading .badge {
+ color: #f2dede;
+ background-color: #a94442;
+}
+
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+ border-bottom-color: #ebccd1;
+}
+
+.well {
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border: 1px solid #e3e3e3;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+.well blockquote {
+ border-color: #ddd;
+ border-color: rgba(0, 0, 0, 0.15);
+}
+
+.well-lg {
+ padding: 24px;
+ border-radius: 6px;
+}
+
+.well-sm {
+ padding: 9px;
+ border-radius: 3px;
+}
+
+.close {
+ float: right;
+ font-size: 21px;
+ font-weight: normal;
+ line-height: 1;
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+ opacity: 0.2;
+ filter: alpha(opacity=20);
+}
+
+.close:focus {
+ color: #000;
+ text-decoration: none;
+ cursor: pointer;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+}
+
+button.close {
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ -webkit-appearance: none;
+}
+
+.modal-open {
+ overflow: hidden;
+}
+
+.modal {
+ display: none;
+ overflow: hidden;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1050;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
+}
+
+.modal.fade .modal-dialog {
+ -webkit-transform: translate(0, -25%);
+ -ms-transform: translate(0, -25%);
+ -o-transform: translate(0, -25%);
+ transform: translate(0, -25%);
+ -webkit-transition: -webkit-transform 0.3s ease-out;
+ -moz-transition: -moz-transform 0.3s ease-out;
+ -o-transition: -o-transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
+}
+
+.modal.in .modal-dialog {
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+
+.modal-open .modal {
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: 10px;
+}
+
+.modal-content {
+ position: relative;
+ background-color: #fff;
+ border: 1px solid #999;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 6px;
+ -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ outline: 0;
+}
+
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1040;
+ background-color: #000;
+}
+
+.modal-backdrop.fade {
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+
+.modal-backdrop.in {
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+}
+
+.modal-header {
+ padding: 15px;
+ border-bottom: 1px solid #e5e5e5;
+}
+
+.modal-header .close {
+ margin-top: -2px;
+}
+
+.modal-title {
+ margin: 0;
+ line-height: 1.42857143;
+}
+
+.modal-body {
+ position: relative;
+ padding: 15px;
+}
+
+.modal-footer {
+ padding: 15px;
+ text-align: right;
+ border-top: 1px solid #e5e5e5;
+}
+
+.modal-footer .btn + .btn {
+ margin-left: 5px;
+ margin-bottom: 0;
+}
+
+.modal-footer .btn-group .btn + .btn {
+ margin-left: -1px;
+}
+
+.modal-footer .btn-block + .btn-block {
+ margin-left: 0;
+}
+
+.modal-scrollbar-measure {
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll;
+}
+
+.tooltip {
+ position: absolute;
+ z-index: 1070;
+ display: block;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-style: normal;
+ font-weight: normal;
+ letter-spacing: normal;
+ line-break: auto;
+ line-height: 1.42857143;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ white-space: normal;
+ word-break: normal;
+ word-spacing: normal;
+ word-wrap: normal;
+ font-size: 12px;
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+
+.tooltip.in {
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+
+.tooltip.top {
+ margin-top: -3px;
+ padding: 5px 0;
+}
+
+.tooltip.right {
+ margin-left: 3px;
+ padding: 0 5px;
+}
+
+.tooltip.bottom {
+ margin-top: 3px;
+ padding: 5px 0;
+}
+
+.tooltip.left {
+ margin-left: -3px;
+ padding: 0 5px;
+}
+
+.tooltip-inner {
+ max-width: 200px;
+ padding: 3px 8px;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 4px;
+}
+
+.tooltip-arrow {
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+}
+
+.tooltip.top .tooltip-arrow {
+ bottom: 0;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000;
+}
+
+.tooltip.top-left .tooltip-arrow {
+ bottom: 0;
+ right: 5px;
+ margin-bottom: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000;
+}
+
+.tooltip.top-right .tooltip-arrow {
+ bottom: 0;
+ left: 5px;
+ margin-bottom: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000;
+}
+
+.tooltip.right .tooltip-arrow {
+ top: 50%;
+ left: 0;
+ margin-top: -5px;
+ border-width: 5px 5px 5px 0;
+ border-right-color: #000;
+}
+
+.tooltip.left .tooltip-arrow {
+ top: 50%;
+ right: 0;
+ margin-top: -5px;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #000;
+}
+
+.tooltip.bottom .tooltip-arrow {
+ top: 0;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+}
+
+.tooltip.bottom-left .tooltip-arrow {
+ top: 0;
+ right: 5px;
+ margin-top: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+}
+
+.tooltip.bottom-right .tooltip-arrow {
+ top: 0;
+ left: 5px;
+ margin-top: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+}
+
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1060;
+ display: none;
+ max-width: 276px;
+ padding: 1px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-style: normal;
+ font-weight: normal;
+ letter-spacing: normal;
+ line-break: auto;
+ line-height: 1.42857143;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ white-space: normal;
+ word-break: normal;
+ word-spacing: normal;
+ word-wrap: normal;
+ font-size: 14px;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 6px;
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+}
+
+.popover.top {
+ margin-top: -10px;
+}
+
+.popover.right {
+ margin-left: 10px;
+}
+
+.popover.bottom {
+ margin-top: 10px;
+}
+
+.popover.left {
+ margin-left: -10px;
+}
+
+.popover-title {
+ margin: 0;
+ padding: 8px 14px;
+ font-size: 14px;
+ background-color: #f7f7f7;
+ border-bottom: 1px solid #ebebeb;
+ border-radius: 5px 5px 0 0;
+}
+
+.popover-content {
+ padding: 9px 14px;
+}
+
+.popover > .arrow,
+.popover > .arrow:after {
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+}
+
+.popover > .arrow {
+ border-width: 11px;
+}
+
+.popover > .arrow:after {
+ border-width: 10px;
+ content: "";
+}
+
+.popover.top > .arrow {
+ left: 50%;
+ margin-left: -11px;
+ border-bottom-width: 0;
+ border-top-color: #999999;
+ border-top-color: rgba(0, 0, 0, 0.25);
+ bottom: -11px;
+}
+
+.popover.top > .arrow:after {
+ content: " ";
+ bottom: 1px;
+ margin-left: -10px;
+ border-bottom-width: 0;
+ border-top-color: #fff;
+}
+
+.popover.right > .arrow {
+ top: 50%;
+ left: -11px;
+ margin-top: -11px;
+ border-left-width: 0;
+ border-right-color: #999999;
+ border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.popover.right > .arrow:after {
+ content: " ";
+ left: 1px;
+ bottom: -10px;
+ border-left-width: 0;
+ border-right-color: #fff;
+}
+
+.popover.bottom > .arrow {
+ left: 50%;
+ margin-left: -11px;
+ border-top-width: 0;
+ border-bottom-color: #999999;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
+ top: -11px;
+}
+
+.popover.bottom > .arrow:after {
+ content: " ";
+ top: 1px;
+ margin-left: -10px;
+ border-top-width: 0;
+ border-bottom-color: #fff;
+}
+
+.popover.left > .arrow {
+ top: 50%;
+ right: -11px;
+ margin-top: -11px;
+ border-right-width: 0;
+ border-left-color: #999999;
+ border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.popover.left > .arrow:after {
+ content: " ";
+ right: 1px;
+ border-right-width: 0;
+ border-left-color: #fff;
+ bottom: -10px;
+}
+
+.carousel {
+ position: relative;
+}
+
+.carousel-inner {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+}
+
+.carousel-inner > .item {
+ display: none;
+ position: relative;
+ -webkit-transition: 0.6s ease-in-out left;
+ -o-transition: 0.6s ease-in-out left;
+ transition: 0.6s ease-in-out left;
+}
+
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+ line-height: 1;
+}
+
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
+ display: block;
+}
+
+.carousel-inner > .active {
+ left: 0;
+}
+
+.carousel-inner > .next,
+.carousel-inner > .prev {
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+
+.carousel-inner > .next {
+ left: 100%;
+}
+
+.carousel-inner > .prev {
+ left: -100%;
+}
+
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
+ left: 0;
+}
+
+.carousel-inner > .active.left {
+ left: -100%;
+}
+
+.carousel-inner > .active.right {
+ left: 100%;
+}
+
+.carousel-control {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 15%;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ font-size: 20px;
+ color: #fff;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.carousel-control.left {
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+}
+
+.carousel-control.right {
+ left: auto;
+ right: 0;
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+}
+
+.carousel-control:focus {
+ outline: 0;
+ color: #fff;
+ text-decoration: none;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+
+.carousel-control .icon-prev,
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
+ position: absolute;
+ top: 50%;
+ margin-top: -10px;
+ z-index: 5;
+ display: inline-block;
+}
+
+.carousel-control .icon-prev,
+.carousel-control .glyphicon-chevron-left {
+ left: 50%;
+ margin-left: -10px;
+}
+
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-right {
+ right: 50%;
+ margin-right: -10px;
+}
+
+.carousel-control .icon-prev,
+.carousel-control .icon-next {
+ width: 20px;
+ height: 20px;
+ line-height: 1;
+ font-family: serif;
+}
+
+.carousel-control .icon-prev:before {
+ content: '\2039';
+}
+
+.carousel-control .icon-next:before {
+ content: '\203a';
+}
+
+.carousel-indicators {
+ position: absolute;
+ bottom: 10px;
+ left: 50%;
+ z-index: 15;
+ width: 60%;
+ margin-left: -30%;
+ padding-left: 0;
+ list-style: none;
+ text-align: center;
+}
+
+.carousel-indicators li {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 1px;
+ text-indent: -999px;
+ border: 1px solid #fff;
+ border-radius: 10px;
+ cursor: pointer;
+ background-color: #000 \9;
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.carousel-indicators .active {
+ margin: 0;
+ width: 12px;
+ height: 12px;
+ background-color: #fff;
+}
+
+.carousel-caption {
+ position: absolute;
+ left: 15%;
+ right: 15%;
+ bottom: 20px;
+ z-index: 10;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ color: #fff;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+}
+
+.carousel-caption .btn {
+ text-shadow: none;
+}
+
+.clearfix:before,
+.clearfix:after,
+.dl-horizontal dd:before,
+.dl-horizontal dd:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after,
+.navbar-collapse:before,
+.navbar-collapse:after,
+.pager:before,
+.pager:after,
+.panel-body:before,
+.panel-body:after,
+.modal-header:before,
+.modal-header:after,
+.modal-footer:before,
+.modal-footer:after,
+.section:before,
+.section:after {
+ content: " ";
+ display: table;
+}
+
+.clearfix:after,
+.dl-horizontal dd:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.navbar:after,
+.navbar-header:after,
+.navbar-collapse:after,
+.pager:after,
+.panel-body:after,
+.modal-header:after,
+.modal-footer:after,
+.section:after {
+ clear: both;
+}
+
+.center-block {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.pull-right {
+ float: right !important;
+}
+
+.pull-left {
+ float: left !important;
+}
+
+.hide {
+ display: none !important;
+}
+
+.show {
+ display: block !important;
+}
+
+.invisible {
+ visibility: hidden;
+}
+
+.text-hide {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
+
+.hidden {
+ display: none !important;
+}
+
+.affix {
+ position: fixed;
+}
+
+@-ms-viewport {
+ width: device-width;
+}
+
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+ display: none !important;
+}
+
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+ display: none !important;
+}
+
+@media (max-width: 767px) {
+ .visible-xs {
+ display: block !important;
}
- .sidebar-right {
- width: 688px;
+
+ table.visible-xs {
+ display: table !important;
}
- .sidebar-left-in .app {
- -webkit-transform: translate3d(688px, 0, 0);
- transform: translate3d(688px, 0, 0);
+
+ tr.visible-xs {
+ display: table-row !important;
}
- .sidebar-right-in .app {
- -webkit-transform: translate3d(-688px, 0, 0);
- transform: translate3d(-688px, 0, 0);
+
+ th.visible-xs,
+ td.visible-xs {
+ display: table-cell !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .visible-xs-block {
+ display: block !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .visible-xs-inline {
+ display: inline !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .visible-xs-inline-block {
+ display: inline-block !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .hidden-xs {
+ display: none !important;
}
}
+
+.visible-print {
+ display: none !important;
+}
+
+.visible-print-block {
+ display: none !important;
+}
+
+.visible-print-inline {
+ display: none !important;
+}
+
+.visible-print-inline-block {
+ display: none !important;
+}
+
+ng-view,
+ng-include,
+ng-transclude,
+ui-shared-state {
+ display: block;
+}
+
+a {
+ cursor: pointer;
+}
+
+ng-view.app-content,
+.app-content > ng-view {
+ height: 100%;
+}
+
+html {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+
+body {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+ font-weight: 400;
+}
+
+a {
+ text-decoration: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ color: #007aff;
+}
+
+a:active,
+.btn:active {
+ opacity: 0.6;
+ filter: alpha(opacity=60);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+a:focus {
+ outline: 0 none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-top: 0;
+ padding-top: 0;
+}
+
+.page-header {
+ margin-top: 10px;
+}
+
+.page-header h1,
+.page-header h2,
+.page-header h3,
+.page-header h4,
+.page-header h5,
+.page-header h6 {
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+img {
+ max-width: 100%;
+}
+
+html {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+
+body {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+
+textarea,
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="password"],
+input[type="url"] {
+ -webkit-appearance: none;
+}
+
+.form-control:focus {
+ outline: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.form-control {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 1px solid #ccc;
+}
+
+.form-group {
+ margin-bottom: 0;
+ padding: 10px 0;
+}
+
+.input-group-addon {
+ background: #fff;
+}
+
+.control-label {
+ line-height: 34px;
+ margin: 0;
+}
+
+.app-search {
+ border-radius: 0;
+}
+
+.form-actions {
+ margin-top: -20px;
+}
+
+.btn.active,
+.btn.active:focus,
+.btn.active:active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.btn-group.justified > .btn:not(:last-child) {
+ border-right-width: 0;
+}
+
+.btn-group.justified > .btn:last-child,
+.btn-group.justified > .btn.active {
+ border-right-width: 1px;
+}
+
+.btn-group.justified > .btn:not(:last-child).active + .btn {
+ border-left-width: 0;
+}
+
+.btn-group.nav-tabs {
+ border: 0 none;
+}
+
+.btn-group > .btn-default.active,
+.btn-group > .btn-default.active:focus {
+ color: #fff;
+ background-color: #007aff;
+ border-color: #006ee6;
+}
+
+.list-group-item,
+a.list-group-item {
+ margin-bottom: 0;
+ border: 0 none;
+ border-bottom: 1px solid #ddd;
+}
+
+.list-group-item:first-child,
+a.list-group-item:first-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.list-group-item:last-child,
+a.list-group-item:last-child {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.list-group-item .fa.pull-right,
+a.list-group-item .fa.pull-right,
+.list-group-item .icon.pull-right,
+a.list-group-item .icon.pull-right {
+ line-height: 1.42857143;
+}
+
+.list-group-item.media {
+ margin-bottom: 0;
+ margin-top: 0;
+}
+
+.app {
+ height: 100%;
+ position: relative;
+ z-index: 2;
+ width: 100%;
+ background: #777777;
+ overflow: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-transition: -webkit-transform 400ms ease;
+ -moz-transition: -moz-transform 400ms ease;
+ -o-transition: -o-transform 400ms ease;
+ transition: transform 400ms ease;
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
+}
+
+.app-body {
+ display: block;
+ height: 100%;
+ padding: 0;
+ overflow: hidden;
+}
+
+.app-content {
+ display: block;
+ position: relative;
+ height: 100%;
+ width: 100%;
+ padding: 0;
+ overflow: hidden;
+}
+
+.app-search {
+ position: relative;
+ border-width: 0 0 1px;
+ z-index: 1029;
+ width: 100%;
+}
+
+.navbar-app {
+ min-height: 50px;
+ border-color: #ccc;
+ background: #f7f7f7;
+ border-width: 1px;
+ border-style: solid;
+ color: #007aff;
+}
+
+.navbar-app .btn-icon-only .fa,
+.navbar-app .btn-icon-only .icon {
+ font-size: 22px;
+ vertical-align: middle;
+}
+
+.navbar-app .btn-navbar,
+.navbar-app .btn {
+ background: none;
+ border: none;
+ line-height: 50px;
+ padding-top: 0;
+ padding-bottom: 0;
+ color: #007aff;
+ text-transform: uppercase;
+}
+
+.navbar-brand-center {
+ position: absolute;
+ text-align: center;
+ width: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+}
+
+.navbar-absolute-top,
+.navbar-absolute-bottom {
+ position: absolute;
+ z-index: 1000;
+ border-width: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ margin: 0;
+}
+
+.has-navbar-top .app-body {
+ padding-top: 51px;
+}
+
+.has-navbar-bottom .app-body {
+ padding-bottom: 51px;
+}
+
+.navbar-absolute-top {
+ top: 0;
+ border-bottom-width: 1px;
+}
+
+.navbar-absolute-bottom {
+ top: auto;
+ bottom: 0;
+ border-bottom: 0 none;
+ border-top-width: 1px;
+}
+
+.sidebar {
+ z-index: 0;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ display: none;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-transition: -webkit-transform 400ms ease;
+ -moz-transition: -moz-transform 400ms ease;
+ -o-transition: -o-transform 400ms ease;
+ transition: transform 400ms ease;
+ pointer-events: none;
+}
+
+.sidebar-left {
+ background: #555555;
+ width: 300px;
+ left: 0;
+ right: auto;
+ -webkit-transition: width 400ms ease;
+ -o-transition: width 400ms ease;
+ transition: width 400ms ease;
+}
+
+.sidebar-right {
+ background: #555555;
+ width: 300px;
+ left: auto;
+ right: 0;
+ -webkit-transition: width 400ms ease;
+ -o-transition: width 400ms ease;
+ transition: width 400ms ease;
+}
+
+.sidebar-left-visible .sidebar-left,
+.sidebar-right-visible .sidebar-right {
+ display: block;
+}
+
+.sidebar-left-in .sidebar-left,
+.sidebar-right-in .sidebar-right {
+ pointer-events: auto;
+}
+
+.sidebar-left-in .app {
+ width: 100%;
+ -webkit-transform: translate(300px, 0);
+ -ms-transform: translate(300px, 0);
+ -o-transform: translate(300px, 0);
+ transform: translate(300px, 0);
+ -webkit-transition: -webkit-transform 400ms ease;
+ -moz-transition: -moz-transform 400ms ease;
+ -o-transition: -o-transform 400ms ease;
+ transition: transform 400ms ease;
+}
+
+.sidebar-right-in .app {
+ width: 100%;
+ -webkit-transform: translate(-300px, 0);
+ -ms-transform: translate(-300px, 0);
+ -o-transform: translate(-300px, 0);
+ transform: translate(-300px, 0);
+ -webkit-transition: -webkit-transform 400ms ease;
+ -moz-transition: -moz-transform 400ms ease;
+ -o-transition: -o-transform 400ms ease;
+ transition: transform 400ms ease;
+}
+
+.sidebar-header,
+.app-name {
+ position: relative;
+ width: 100%;
+ line-height: 70px;
+ padding: 0 10px;
+ font-size: 23px;
+ color: #fff;
+ margin: 0;
+ z-index: 10;
+}
+
+.section {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
+ background: #fff;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.section > .navbar-header,
+.section > .navbar-collapse {
+ margin-right: -15px;
+ margin-left: -15px;
+}
+
+.section-wide {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.section.section-condensed {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.section.section-break {
+ margin-bottom: 20px;
+ -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.08), 0 1px rgba(0, 0, 0, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 -1px rgba(0, 0, 0, 0.08), 0 1px rgba(0, 0, 0, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+.section-default {
+ background-color: #777777;
+ color: #fff;
+}
+
+.section-primary {
+ background-color: #007aff;
+ color: #fff;
+}
+
+.section-success {
+ background-color: #4cd964;
+ color: #fff;
+}
+
+.section-info {
+ background-color: #34aadc;
+ color: #fff;
+}
+
+.section-warning {
+ background-color: #fc0;
+ color: #fff;
+}
+
+.section-danger {
+ background-color: #ff3b30;
+ color: #fff;
+}
+
+.justified {
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+}
+
+.justified > * {
+ display: table-cell;
+ width: 1%;
+ float: none !important;
+}
+
+.scrollable {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.scrollable-header,
+.scrollable-footer {
+ position: absolute;
+ width: 100%;
+ left: 0;
+ right: 0;
+ z-index: 1000;
+ display: block;
+ border-radius: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.scrollable-header {
+ top: 0;
+}
+
+.scrollable-footer {
+ bottom: 0;
+}
+
+.scrollable-content {
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.sidebar-header + .scrollable,
+.app-name + .scrollable {
+ padding-top: 70px;
+}
+
+.app-search + .scrollable {
+ padding-top: 34px;
+}
+
+input.ng-invalid,
+textarea.ng-invalid {
+ border-color: #fc0;
+}
+
+.ng-dirty input.ng-invalid {
+ border-color: #fc0;
+}
+
+.ng-dirty input.ng-invalid ~ span.ko {
+ color: #ff3b30;
+}
+
+a.panel-heading {
+ display: block;
+}
+
+.panel-heading > .btn,
+.panel-heading > .btn-group > .btn {
+ margin-top: -8px;
+ margin-right: -15px;
+}
+
+.carousel,
+.carousel-inner,
+.carousel-inner > .item {
+ height: 100%;
+ max-width: 100%;
+ text-align: center;
+}
+
+.carousel-inner > .item > a > img,
+.carousel-inner > .item > img {
+ max-width: 100%;
+ max-height: 100%;
+ margin: auto;
+}
+
+.modal {
+ display: block;
+}
+
+.modal-dialog {
+ z-index: 1050;
+}
+
+.modal-overlay {
+ background: rgba(255, 255, 255, 0.95);
+}
+
+.modal-overlay .modal-content,
+.modal-overlay .modal-dialog {
+ background: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+}
+
+.has-modal .app,
+.has-modal-overlay .app,
+.has-modal .sidebar,
+.has-modal-overlay .sidebar {
+ pointer-events: none;
+}
+
+.has-modal-overlay .app,
+.has-modal-overlay .sidebar {
+ -webkit-filter: blur(5px);
+ -ms-filter: blur(5px);
+ filter: blur(5px);
+}
+
+ui-switch {
+ display: block;
+}
+
+.switch {
+ cursor: pointer;
+ position: relative;
+ display: block;
+ width: 68px;
+ height: 34px;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 999px;
+}
+
+.switch[disabled] {
+ cursor: default;
+ opacity: 0.4;
+ filter: alpha(opacity=40);
+}
+
+.switch .switch-handle {
+ position: absolute;
+ top: -1px;
+ left: -1px;
+ z-index: 2;
+ width: 34px;
+ height: 34px;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 999px;
+}
+
+.switch.active {
+ background-color: #007aff;
+ border: 1px solid #007aff;
+}
+
+.switch.active .switch-handle {
+ border-color: #007aff;
+ -webkit-transform: translate(34px, 0);
+ -ms-transform: translate(34px, 0);
+ -o-transform: translate(34px, 0);
+ transform: translate(34px, 0);
+}
+
+.switch-transition-enabled {
+ -webkit-transition: background-color 200ms ease, border 200ms ease;
+ -o-transition: background-color 200ms ease, border 200ms ease;
+ transition: background-color 200ms ease, border 200ms ease;
+}
+
+.switch-transition-enabled > .switch-handle {
+ -webkit-transition: -webkit-transform 200ms ease, background-color 200ms ease;
+ -moz-transition: -moz-transform 200ms ease, background-color 200ms ease;
+ -o-transition: -o-transform 200ms ease, background-color 200ms ease;
+ transition: transform 200ms ease, background-color 200ms ease;
+}
+
+.dropdown-menu {
+ display: block;
+}
\ No newline at end of file
diff --git a/dist/css/mobile-angular-ui-base.min.css b/dist/css/mobile-angular-ui-base.min.css
index 14a8c1b..e5c1d32 100644
--- a/dist/css/mobile-angular-ui-base.min.css
+++ b/dist/css/mobile-angular-ui-base.min.css
@@ -1 +1,8 @@
-@font-face{font-family:FontAwesome;src:url(https://github.com/fonts/fontawesome-webfont.eot?v=4.2.0);src:url(https://github.com/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'),url(https://github.com/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'),url(https://github.com/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'),url(https://github.com/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active{outline:0}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a:focus{color:#0055b3;text-decoration:underline;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;width:100% \9;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;width:100% \9;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}.small,small{font-size:85%}cite{font-style:normal}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#007aff}.text-success{color:#3c763d}.text-info{color:#31708f}.text-warning{color:#8a6d3b}.text-danger{color:#a94442}.bg-primary{color:#fff;background-color:#007aff}.bg-success{background-color:#dff0d8}.bg-info{background-color:#d9edf7}.bg-warning{background-color:#fcf8e3}.bg-danger{background-color:#f2dede}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}blockquote:after,blockquote:before{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border-radius:4px;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{line-height:34px;line-height:1.42857143 \0}input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}.checkbox,.radio{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px \9}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.form-horizontal .form-group-sm .form-control,.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-horizontal .form-group-lg .form-control,.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#007aff;border-color:#006ee6}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#0062cc;border-color:#0051a8}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus{background-color:#007aff;border-color:#006ee6}.btn-primary .badge{color:#007aff;background-color:#fff}.btn-success{color:#fff;background-color:#4cd964;border-color:#37d552}.btn-success.active,.btn-success:active,.btn-success:focus,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#2ac845;border-color:#24aa3b}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus{background-color:#4cd964;border-color:#37d552}.btn-success .badge{color:#4cd964;background-color:#fff}.btn-info{color:#fff;background-color:#34aadc;border-color:#249ed2}.btn-info.active,.btn-info:active,.btn-info:focus,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#218ebd;border-color:#1b779e}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus{background-color:#34aadc;border-color:#249ed2}.btn-info .badge{color:#34aadc;background-color:#fff}.btn-warning{color:#fff;background-color:#fc0;border-color:#e6b800}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#cca300;border-color:#a88700}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus{background-color:#fc0;border-color:#e6b800}.btn-warning .badge{color:#fc0;background-color:#fff}.btn-danger{color:#fff;background-color:#ff3b30;border-color:#ff2317}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#fc0d00;border-color:#d80b00}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus{background-color:#ff3b30;border-color:#ff2317}.btn-danger .badge{color:#ff3b30;background-color:#fff}.btn-link{color:#007aff;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus{border-color:transparent}.btn-link:focus{color:#0055b3;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#007aff}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:2}.btn-group-vertical>.btn:focus,.btn-group>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn>input[type=checkbox],[data-toggle=buttons]>.btn>input[type=radio]{position:absolute;z-index:-1;opacity:0;filter:alpha(opacity=0)}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus{background-color:#eee;border-color:#007aff}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus{color:#fff;background-color:#007aff}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}.navbar-static-top{z-index:1000;border-width:0 0 1px}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:focus{text-decoration:none}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}.navbar-default{background-color:#f7f7f7;border-color:#ccc}.navbar-default .navbar-brand{color:#007aff}.navbar-default .navbar-brand:focus{color:#0062cc;background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#007aff}.navbar-default .navbar-nav>li>a:focus{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus{color:#66afff;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#ccc}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus{background-color:#e6e6e6;color:#1a87ff}.navbar-default .btn-link,.navbar-default .navbar-link{color:#007aff}.navbar-default .btn-link:focus{color:#006ee6}.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#66afff}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#777}.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#777}.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}.navbar-inverse .btn-link,.navbar-inverse .navbar-link{color:#777}.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#007aff}.label-primary[href]:focus{background-color:#0062cc}.label-success{background-color:#4cd964}.label-success[href]:focus{background-color:#2ac845}.label-info{background-color:#34aadc}.label-info[href]:focus{background-color:#218ebd}.label-warning{background-color:#fc0}.label-warning[href]:focus{background-color:#cca300}.label-danger{background-color:#ff3b30}.label-danger[href]:focus{background-color:#fc0d00}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:400;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.nav-pills>.active>a>.badge,a.list-group-item.active>.badge{color:#007aff;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus{border-color:#007aff}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:400}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#007aff;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{color:#777;min-width:30px;background-color:transparent;background-image:none;box-shadow:none}.progress-bar-success{background-color:#4cd964}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#34aadc}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#fc0}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#ff3b30}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;background-color:#fff}.list-group-item:last-child{margin-bottom:0}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:focus{background-color:#eee;color:#777}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#cce4ff}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;border:1px solid transparent;border-radius:4px}.panel-heading{border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#007aff}.panel-primary>.panel-heading{color:#fff;background-color:#007aff;border-color:#007aff}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#007aff}.panel-primary>.panel-heading .badge{color:#007aff;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#007aff}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}body{font-weight:200}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#007aff}.btn:active,a:active{opacity:.6;filter:alpha(opacity=60);-webkit-box-shadow:none;box-shadow:none}a:focus{outline:0 none}h1,h2,h3,h4,h5,h6{margin-top:0;padding-top:0}.page-header{margin-top:10px}.page-header h1,.page-header h2,.page-header h3,.page-header h4,.page-header h5,.page-header h6{margin-bottom:0;padding-bottom:0}img{max-width:100%}body,html{height:100%;width:100%;overflow:hidden}input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none}.form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.form-control{-webkit-box-shadow:none;box-shadow:none;border:1px solid #ccc}.form-group{margin-bottom:0;padding:10px 0}.input-group-addon{background:#fff}.control-label{line-height:34px;margin:0}.app-search{border-radius:0}.form-actions{margin-top:-20px}.switch{cursor:pointer;position:relative;display:block;width:68px;height:34px;background-color:#fff;border:1px solid #ccc;border-radius:999px}.switch .switch-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:34px;height:34px;background-color:#fff;border:1px solid #ccc;border-radius:999px}.switch.active{background-color:#007aff;border:1px solid #007aff}.switch.active .switch-handle{border-color:#007aff;-webkit-transform:translate3d(34px,0,0);transform:translate3d(34px,0,0)}.switch-transition-enabled{-webkit-transition:background-color 200ms ease,border 200ms ease;-o-transition:background-color 200ms ease,border 200ms ease;transition:background-color 200ms ease,border 200ms ease}.switch-transition-enabled>.switch-handle{-webkit-transition:-webkit-transform 200ms ease,background-color 200ms ease;-moz-transition:-moz-transform 200ms ease,background-color 200ms ease;-o-transition:-o-transform 200ms ease,background-color 200ms ease;transition:transform 200ms ease,background-color 200ms ease}.btn.active,.btn.active:active,.btn.active:focus{-webkit-box-shadow:none;box-shadow:none}.btn-group.justified>.btn:not(:last-child){border-right-width:0}.btn-group.justified>.btn.active,.btn-group.justified>.btn:last-child{border-right-width:1px}.btn-group.justified>.btn:not(:last-child).active+.btn{border-left-width:0}.btn-group.nav-tabs{border:0 none}.btn-group>.btn-default.active,.btn-group>.btn-default.active:focus{color:#fff;background-color:#007aff;border-color:#006ee6}.list-group-item,a.list-group-item{margin-bottom:0;border:0 none;border-bottom:1px solid #ddd}.list-group-item:first-child,a.list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.list-group-item:last-child,a.list-group-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.list-group-item .fa.pull-right,.list-group-item .icon.pull-right,a.list-group-item .fa.pull-right,a.list-group-item .icon.pull-right{line-height:1.42857143}.list-group-item.media{margin-bottom:0;margin-top:0}.app{height:100%;position:relative;z-index:2;width:100%;background:#777;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4)}.app-body{display:block;height:100%;padding:0;overflow:hidden}.app-content{display:block;position:relative;height:100%;width:100%;padding:0;overflow:hidden}.app-search{position:relative;border-width:0 0 1px;z-index:1029;width:100%}.navbar-app{min-height:50px;border-color:#ccc;background:#f7f7f7;border-width:1px;border-style:solid;color:#007aff}.navbar-app .btn-icon-only .fa,.navbar-app .btn-icon-only .icon{font-size:22px;vertical-align:middle}.navbar-app .btn,.navbar-app .btn-navbar{background:0 0;border:0;line-height:50px;padding-top:0;padding-bottom:0;color:#007aff;text-transform:uppercase}.navbar-brand-center{position:absolute;text-align:center;width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.navbar-absolute-bottom,.navbar-absolute-top{position:absolute;z-index:1000;border-width:0;left:0;right:0;width:100%;margin:0}.has-navbar-top .app-body{padding-top:51px}.has-navbar-bottom .app-body{padding-bottom:51px}.navbar-absolute-top{top:0;border-bottom-width:1px}.navbar-absolute-bottom{top:auto;bottom:0;border-bottom:0 none;border-top-width:1px}.sidebar{z-index:0;position:absolute;top:0;bottom:0;display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease}.sidebar-left{background:#555;width:300px;left:0;right:auto;-webkit-transition:width 400ms ease;-o-transition:width 400ms ease;transition:width 400ms ease}.sidebar-right{background:#555;width:300px;left:auto;right:0;opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;-o-transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease}.sidebar-left-in .sidebar-right{z-index:-100;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;-o-transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;transition:opacity 600ms cubic-bezier(1,0,1,0),width 400ms ease;width:0}.sidebar-left-in .app{width:100%;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease}.sidebar-right-in .app{width:100%;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease}.app-name,.sidebar-header{position:relative;width:100%;line-height:70px;padding:0 10px;font-size:23px;color:#fff;margin:0;z-index:10}.section{background:#fff;padding-top:10px;padding-bottom:10px}.section.section-condensed{padding-top:0;padding-bottom:0}.section.section-break{margin-bottom:20px;-webkit-box-shadow:0 -1px rgba(0,0,0,.08),0 1px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.05);box-shadow:0 -1px rgba(0,0,0,.08),0 1px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.05)}.section-default{background-color:#777;color:#fff}.section-primary{background-color:#007aff;color:#fff}.section-success{background-color:#4cd964;color:#fff}.section-info{background-color:#34aadc;color:#fff}.section-warning{background-color:#fc0;color:#fff}.section-danger{background-color:#ff3b30;color:#fff}.justified{display:table;width:100%}.justified>*{display:table-cell;width:1%;float:none!important}.scrollable{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.scrollable-content{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.app-name+.scrollable,.sidebar-header+.scrollable{padding-top:70px}.app-search+.scrollable{padding-top:34px}[data-overlay],[overlay]{display:none}.overlay{display:none;position:absolute;left:0;top:0;bottom:0;right:0}.overlay .overlay-inner{width:100%;height:100%;position:relative;overflow:hidden}.overlay .overlay-inner>.overlay-background{position:absolute;left:0;top:0;bottom:0;right:0;margin:-5px -5px -5px -5px;background:rgba(255,255,255,.8);z-index:1040}.overlay .overlay-inner>.overlay-dismiss{position:absolute;right:10px;top:10px;z-index:1051;font-size:24px}.overlay .overlay-inner>.overlay-content{width:100%;box-sizing:border-box;display:table;background:0 0;text-align:center;color:#000;height:100%;z-index:1050;position:absolute;left:0;top:0;bottom:0;right:0;padding:20px}.overlay .overlay-inner>.overlay-content>.overlay-body{display:table-cell;vertical-align:middle}.overlay-in>.overlay-show{display:block}.overlay-in>.app,.overlay-in>.sidebar{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.ng-dirty input.ng-invalid,input.ng-invalid,textarea.ng-invalid{border-color:#fc0}.ng-dirty input.ng-invalid~span.ko{color:#ff3b30}.panel{-webkit-box-shadow:none;box-shadow:none;background:#fff}.panel-group .panel+.panel{margin-top:-1px}.panel-group .panel-heading[toggle]{cursor:pointer}html .panel-group .panel-heading{padding:0 15px}html .panel-group .panel-title{line-height:40px}.panel-body,.panel-heading{padding:10px 15px;border:0}.panel-body{background:#fff}.panel-heading{border-bottom:1px solid #ddd}.panel-title{color:#777;font-weight:200;font-size:20px}form .panel-heading{margin-bottom:0;padding-bottom:10px}form .panel-body{padding-top:0;padding-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:0}.panel-default .panel-heading{padding:0 0 10px}.panel-default .panel-body{padding:15px}.carousel,.carousel-inner,.carousel-inner>.item{height:100%;max-width:100%;text-align:center}.carousel-inner>.item>a>img,.carousel-inner>.item>img{max-width:100%;max-height:100%;margin:auto}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:480px){.sidebar-left,.sidebar-right{width:440px}.sidebar-left-in .app{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}.sidebar-right-in .app{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}@media (min-width:768px){.sidebar-left,.sidebar-right{width:688px}.sidebar-left-in .app{-webkit-transform:translate3d(688px,0,0);transform:translate3d(688px,0,0)}.sidebar-right-in .app{-webkit-transform:translate3d(-688px,0,0);transform:translate3d(-688px,0,0)}}
\ No newline at end of file
+@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0%}}@media (min-width:480px){.sidebar-left,.sidebar-right{width:440px}.sidebar-left-in .app{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}.sidebar-right-in .app{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}@media (min-width:768px){.sidebar-left,.sidebar-right{width:688px}.sidebar-left-in .app{-webkit-transform:translate3d(688px,0,0);transform:translate3d(688px,0,0)}.sidebar-right-in .app{-webkit-transform:translate3d(-688px,0,0);transform:translate3d(-688px,0,0)}}
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@font-face{font-family:'FontAwesome';src:url(https://github.com/fonts/fontawesome-webfont.eot?v=4.6.3);src:url(https://github.com/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(https://github.com/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(https://github.com/fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(https://github.com/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),url(https://github.com/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right,.pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+body,html{height:100%;width:100%;overflow:hidden}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;font-size:10px}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;font-weight:400}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle;max-width:100%}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}pre{overflow:auto}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0;border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0;background-color:transparent}fieldset,legend,td,th{padding:0}*,:after,:before,input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a:focus{color:#0055b3;text-decoration:underline;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.carousel-inner>.item>a>img,.carousel-inner>.item>img{display:block;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button],a{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3{margin-top:20px}.h1,.h2,.h3,h1,h2,h3{margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6{margin-top:10px}.h4,.h5,.h6,h4,h5,h6{margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}.small,small{font-size:85%}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-left,th{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#007aff}a.text-primary:focus{color:#0062cc}.text-success{color:#3c763d}a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#007aff}a.bg-primary:focus{background-color:#0062cc}.bg-success{background-color:#dff0d8}a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}dl,ol,ul{margin-top:0;margin-bottom:10px}.alert>p,.alert>ul,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address,pre{line-height:1.42857143}address{margin-bottom:20px;font-style:normal}code,kbd,pre{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0%}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th{padding:8px;line-height:1.42857143;border-top:1px solid #ddd}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th,.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control,select[multiple],select[multiple].input-sm,select[size],textarea.form-control,textarea.input-sm{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.form-control,output{display:block;font-size:14px;line-height:1.42857143;color:#555}output{padding-top:7px}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.checkbox-inline,.radio label,.radio-inline{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox label,.radio label{min-height:20px}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px \9}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;vertical-align:middle}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.form-group-sm .form-control,.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control,select.input-sm{height:30px;line-height:30px}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.form-group-lg .form-control,.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control,select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg select.form-control,select.input-lg{height:46px;line-height:46px}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .has-feedback .form-control-feedback{right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default:active.focus,.btn-default:active:focus,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default[disabled].focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#007aff;border-color:#006ee6}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0062cc;border-color:#003166}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#0062cc;border-color:#0051a8}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary:active:focus,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus{color:#fff;background-color:#0051a8;border-color:#003166}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus{background-color:#007aff;border-color:#006ee6}.btn-primary .badge{color:#007aff;background-color:#fff}.btn-success{color:#fff;background-color:#4cd964;border-color:#37d552}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#2ac845;border-color:#197328}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#2ac845;border-color:#24aa3b}.btn-success.active.focus,.btn-success.active:focus,.btn-success:active.focus,.btn-success:active:focus,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus{color:#fff;background-color:#24aa3b;border-color:#197328}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success[disabled].focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus{background-color:#4cd964;border-color:#37d552}.btn-success .badge{color:#4cd964;background-color:#fff}.btn-info{color:#fff;background-color:#34aadc;border-color:#249ed2}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#218ebd;border-color:#114c66}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#218ebd;border-color:#1b779e}.btn-info.active.focus,.btn-info.active:focus,.btn-info:active.focus,.btn-info:active:focus,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus{color:#fff;background-color:#1b779e;border-color:#114c66}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info[disabled].focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus{background-color:#34aadc;border-color:#249ed2}.btn-info .badge{color:#34aadc;background-color:#fff}.btn-warning{color:#fff;background-color:#fc0;border-color:#e6b800}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#cca300;border-color:#665200}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#cca300;border-color:#a88700}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning:active:focus,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus{color:#fff;background-color:#a88700;border-color:#665200}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus{background-color:#fc0;border-color:#e6b800}.btn-warning .badge{color:#fc0;background-color:#fff}.btn-danger{color:#fff;background-color:#ff3b30;border-color:#ff2317}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#fc0d00;border-color:#960800}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#fc0d00;border-color:#d80b00}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger:active.focus,.btn-danger:active:focus,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus{color:#fff;background-color:#d80b00;border-color:#960800}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus{background-color:#ff3b30;border-color:#ff2317}.btn-danger .badge{color:#ff3b30;background-color:#fff}.btn-link{color:#007aff;font-weight:400;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus{border-color:transparent}.btn-link:focus{color:#0055b3;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-group-xs>.btn,.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.alert>p+p,.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#007aff}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn{float:left}.btn-group-vertical>.btn,.btn-group>.btn{position:relative}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;width:100%;max-width:100%;float:none}.nav-tabs.nav-justified>li{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified,.input-group{display:table;border-collapse:separate}.btn-group-justified{width:100%;table-layout:fixed}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li,.nav>li>a{position:relative;display:block}.nav>li>a{padding:10px 15px}.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus{background-color:#eee;border-color:#007aff}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;margin-right:0;border-radius:4px}.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus{color:#fff;background-color:#007aff}.nav-justified>li,.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.tab-content>.tab-pane{display:none}.navbar-brand>img,.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}.navbar-static-top{z-index:1000;border-width:0 0 1px}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:focus{text-decoration:none}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}.navbar-form{padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin:8px -15px}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}.navbar-default{background-color:#f7f7f7;border-color:#ccc}.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#007aff}.navbar-default .navbar-brand:focus{color:#0062cc;background-color:transparent}.navbar-default .navbar-nav>li>a:focus{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus{color:#66afff;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#ccc}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus{background-color:#e6e6e6;color:#1a87ff}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#007aff}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#66afff;background-color:transparent}}.navbar-default .btn-link,.navbar-default .navbar-link{color:#007aff}.navbar-default .btn-link:focus{color:#006ee6}.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#66afff}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .btn-link,.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.badge:focus,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#007aff}.label-primary[href]:focus{background-color:#0062cc}.label-success{background-color:#4cd964}.label-success[href]:focus{background-color:#2ac845}.label-info{background-color:#34aadc}.label-info[href]:focus{background-color:#218ebd}.label-warning{background-color:#fc0}.label-warning[href]:focus{background-color:#cca300}.label-danger{background-color:#ff3b30}.label-danger[href]:focus{background-color:#fc0d00}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:400;color:#fff;line-height:1;vertical-align:middle;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#007aff;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus{border-color:#007aff}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:400}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#007aff;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#4cd964}.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#34aadc}.progress-bar-warning{background-color:#fc0}.progress-bar-danger{background-color:#ff3b30}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;background-color:#fff}.list-group-item:last-child{margin-bottom:0}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,button.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#cce4ff}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}.panel-heading>.dropdown .dropdown-toggle,a.list-group-item-danger .list-group-item-heading,a.list-group-item-info .list-group-item-heading,a.list-group-item-success .list-group-item-heading,a.list-group-item-warning .list-group-item-heading,button.list-group-item-danger .list-group-item-heading,button.list-group-item-info .list-group-item-heading,button.list-group-item-success .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-success:focus,button.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,button.list-group-item-success.active,button.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info:focus,button.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,button.list-group-item-info.active,button.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning:focus,button.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,button.list-group-item-warning.active,button.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger:focus,button.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,button.list-group-item-danger.active,button.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:15px;padding-right:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body,.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default,.well blockquote{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#007aff}.panel-primary>.panel-heading{color:#fff;background-color:#007aff;border-color:#007aff}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#007aff}.panel-primary>.panel-heading .badge{color:#007aff;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#007aff}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal,.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px}.tooltip.top-right .tooltip-arrow{left:5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel,.carousel-inner{position:relative}.carousel-inner{overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev,ng-include,ng-transclude,ng-view,ui-shared-state{display:block}.carousel-inner>.active,.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-control,.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.active.left,.carousel-inner>.prev{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0)}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before,.section:after,.section:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after,.section:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs,.visible-xs-block{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}.hidden-xs{display:none!important}}.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block{display:none!important}.app-content>ng-view,ng-view.app-content{height:100%}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#007aff}.btn:active,a:active{opacity:.6;filter:alpha(opacity=60);-webkit-box-shadow:none;box-shadow:none}a:focus{outline:0 none}h1,h2,h3,h4,h5,h6{margin-top:0;padding-top:0}.page-header{margin-top:10px}.page-header h1,.page-header h2,.page-header h3,.page-header h4,.page-header h5,.page-header h6{margin-bottom:0;padding-bottom:0}.form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.form-control{-webkit-box-shadow:none;box-shadow:none;border:1px solid #ccc}.form-group{margin-bottom:0;padding:10px 0}.input-group-addon{background:#fff}.control-label{line-height:34px;margin:0}.app-search{border-radius:0}.form-actions{margin-top:-20px}.btn.active,.btn.active:active,.btn.active:focus{-webkit-box-shadow:none;box-shadow:none}.btn-group.justified>.btn:not(:last-child){border-right-width:0}.btn-group.justified>.btn.active,.btn-group.justified>.btn:last-child{border-right-width:1px}.btn-group.justified>.btn:not(:last-child).active+.btn{border-left-width:0}.btn-group.nav-tabs{border:0 none}.btn-group>.btn-default.active,.btn-group>.btn-default.active:focus{color:#fff;background-color:#007aff;border-color:#006ee6}.list-group-item,a.list-group-item{margin-bottom:0;border:0 none;border-bottom:1px solid #ddd}.list-group-item:first-child,a.list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.list-group-item:last-child,a.list-group-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.list-group-item .fa.pull-right,.list-group-item .icon.pull-right,a.list-group-item .fa.pull-right,a.list-group-item .icon.pull-right{line-height:1.42857143}.list-group-item.media{margin-bottom:0;margin-top:0}.app,.app-body{height:100%;overflow:hidden}.app{position:relative;z-index:2;width:100%;background:#777;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4)}.app-body{display:block;padding:0}.app-content,.app-search{position:relative;width:100%}.app-content{display:block;height:100%;padding:0;overflow:hidden}.app-search{border-width:0 0 1px;z-index:1029}.navbar-app{min-height:50px;border-color:#ccc;background:#f7f7f7;border-width:1px;border-style:solid;color:#007aff}.navbar-app .btn-icon-only .fa,.navbar-app .btn-icon-only .icon{font-size:22px;vertical-align:middle}.navbar-app .btn,.navbar-app .btn-navbar{background:0 0;border:none;line-height:50px;padding-top:0;padding-bottom:0;color:#007aff;text-transform:uppercase}.navbar-brand-center{position:absolute;text-align:center;width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.navbar-absolute-bottom,.navbar-absolute-top{position:absolute;z-index:1000;left:0;right:0;width:100%;margin:0}.has-navbar-top .app-body{padding-top:51px}.has-navbar-bottom .app-body{padding-bottom:51px}.navbar-absolute-top{top:0;border-width:0 0 1px}.navbar-absolute-bottom{top:auto;bottom:0;border-bottom:0 none;border-width:1px 0 0}.sidebar{z-index:0;position:absolute;top:0;bottom:0;display:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;pointer-events:none}.sidebar-left,.sidebar-right{background:#555;width:300px;left:0;right:auto;-webkit-transition:width 400ms ease;-o-transition:width 400ms ease;transition:width 400ms ease}.sidebar-right{left:auto;right:0}.sidebar-left-visible .sidebar-left,.sidebar-right-visible .sidebar-right,a.panel-heading{display:block}.sidebar-left-in .sidebar-left,.sidebar-right-in .sidebar-right{pointer-events:auto}.sidebar-left-in .app,.sidebar-right-in .app{width:100%;-webkit-transform:translate(300px,0);-ms-transform:translate(300px,0);-o-transform:translate(300px,0);transform:translate(300px,0);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease}.sidebar-right-in .app{-webkit-transform:translate(-300px,0);-ms-transform:translate(-300px,0);-o-transform:translate(-300px,0);transform:translate(-300px,0)}.app-name,.sidebar-header{position:relative;width:100%;line-height:70px;padding:0 10px;font-size:23px;color:#fff;margin:0;z-index:10}.section{margin-right:auto;margin-left:auto;background:#fff;padding:10px 15px}.section>.navbar-collapse,.section>.navbar-header{margin-right:-15px;margin-left:-15px}.section-wide{padding-left:0;padding-right:0}.section.section-condensed{padding-top:0;padding-bottom:0}.section.section-break{margin-bottom:20px;-webkit-box-shadow:0 -1px rgba(0,0,0,.08),0 1px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.05);box-shadow:0 -1px rgba(0,0,0,.08),0 1px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.05)}.section-default{background-color:#777;color:#fff}.section-primary{background-color:#007aff;color:#fff}.section-success{background-color:#4cd964;color:#fff}.section-info{background-color:#34aadc;color:#fff}.section-warning{background-color:#fc0;color:#fff}.section-danger{background-color:#ff3b30;color:#fff}.justified{display:table;width:100%;table-layout:fixed}.justified>*{display:table-cell;width:1%;float:none!important}.scrollable{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.scrollable-footer,.scrollable-header{position:absolute;width:100%;left:0;right:0;z-index:1000;display:block;border-radius:0;border-left:0;border-right:0}.scrollable-header{top:0}.scrollable-footer{bottom:0}.scrollable-content{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.app-name+.scrollable,.sidebar-header+.scrollable{padding-top:70px}.app-search+.scrollable{padding-top:34px}.ng-dirty input.ng-invalid,input.ng-invalid,textarea.ng-invalid{border-color:#fc0}.ng-dirty input.ng-invalid~span.ko{color:#ff3b30}.panel-heading>.btn,.panel-heading>.btn-group>.btn{margin-top:-8px;margin-right:-15px}.carousel,.carousel-inner,.carousel-inner>.item{height:100%;max-width:100%;text-align:center}.carousel-inner>.item>a>img,.carousel-inner>.item>img{max-width:100%;max-height:100%;margin:auto}.modal,ui-switch{display:block}.modal-dialog{z-index:1050}.modal-overlay{background:rgba(255,255,255,.95)}.modal-overlay .modal-content,.modal-overlay .modal-dialog{background:0 0;-webkit-box-shadow:none;box-shadow:none;border:none}.has-modal .app,.has-modal .sidebar,.has-modal-overlay .app,.has-modal-overlay .sidebar{pointer-events:none}.has-modal-overlay .app,.has-modal-overlay .sidebar{-webkit-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.switch,.switch .switch-handle{height:34px;background-color:#fff;border:1px solid #ccc;border-radius:999px}.switch{cursor:pointer;display:block;position:relative;width:68px}.switch[disabled]{cursor:default;opacity:.4;filter:alpha(opacity=40)}.switch .switch-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:34px}.switch.active{background-color:#007aff;border:1px solid #007aff}.switch.active .switch-handle{border-color:#007aff;-webkit-transform:translate(34px,0);-ms-transform:translate(34px,0);-o-transform:translate(34px,0);transform:translate(34px,0)}.switch-transition-enabled{-webkit-transition:background-color 200ms ease,border 200ms ease;-o-transition:background-color 200ms ease,border 200ms ease;transition:background-color 200ms ease,border 200ms ease}.switch-transition-enabled>.switch-handle{-webkit-transition:-webkit-transform 200ms ease,background-color 200ms ease;-moz-transition:-moz-transform 200ms ease,background-color 200ms ease;-o-transition:-o-transform 200ms ease,background-color 200ms ease;transition:transform 200ms ease,background-color 200ms ease}.dropdown-menu{display:block}
\ No newline at end of file
diff --git a/dist/css/mobile-angular-ui-desktop.css b/dist/css/mobile-angular-ui-desktop.css
index f095c4b..e7f14d1 100644
--- a/dist/css/mobile-angular-ui-desktop.css
+++ b/dist/css/mobile-angular-ui-desktop.css
@@ -327,7 +327,7 @@
.breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 5px;
- color: #cccccc;
+ color: #ccc;
}
.breadcrumb > .active {
color: #777777;
@@ -349,8 +349,8 @@
line-height: 1.42857143;
text-decoration: none;
color: #007aff;
- background-color: #ffffff;
- border: 1px solid #dddddd;
+ background-color: #fff;
+ border: 1px solid #ddd;
margin-left: -1px;
}
.pagination > li:first-child > a,
@@ -368,9 +368,10 @@
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
+ z-index: 2;
color: #0055b3;
background-color: #eeeeee;
- border-color: #dddddd;
+ border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
@@ -378,8 +379,8 @@
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
- z-index: 2;
- color: #ffffff;
+ z-index: 3;
+ color: #fff;
background-color: #007aff;
border-color: #007aff;
cursor: default;
@@ -391,14 +392,15 @@
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
- background-color: #ffffff;
- border-color: #dddddd;
+ background-color: #fff;
+ border-color: #ddd;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
+ line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
@@ -414,6 +416,7 @@
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
+ line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
@@ -426,7 +429,8 @@
border-top-right-radius: 3px;
}
.jumbotron {
- padding: 30px;
+ padding-top: 30px;
+ padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
@@ -443,8 +447,11 @@
.jumbotron > hr {
border-top-color: #d5d5d5;
}
-.container .jumbotron {
+.container .jumbotron,
+.container-fluid .jumbotron {
border-radius: 6px;
+ padding-left: 15px;
+ padding-right: 15px;
}
.jumbotron .container {
max-width: 100%;
@@ -454,7 +461,8 @@
padding-top: 48px;
padding-bottom: 48px;
}
- .container .jumbotron {
+ .container .jumbotron,
+ .container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px;
}
@@ -464,6 +472,9 @@
}
}
@media (min-width: 992px) {
+ .sidebar {
+ pointer-events: auto;
+ }
.sidebar-toggle {
display: none;
}
diff --git a/dist/css/mobile-angular-ui-desktop.min.css b/dist/css/mobile-angular-ui-desktop.min.css
index aef7add..4dcf5da 100644
--- a/dist/css/mobile-angular-ui-desktop.min.css
+++ b/dist/css/mobile-angular-ui-desktop.min.css
@@ -1 +1 @@
-@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#007aff;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#0055b3;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}@media (min-width:992px){.sidebar-toggle{display:none}.navbar-brand-center{text-align:left;width:auto;float:left;position:relative}.sidebar-left{display:block;left:0;width:300px}.sidebar-right{display:block;right:0;left:auto;width:300px}.sidebar-left-in .sidebar-right,.sidebar-right-in .sidebar-left{-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.has-sidebar-left .app,.sidebar-left-in .app{width:auto;margin-left:300px;left:0;-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;position:relative;-webkit-transition:-webkit-transform 0 ease;-moz-transition:-moz-transform 0 ease;transition:transform 0 ease}.sidebar-right-in .app{width:auto;margin-right:300px;right:0;-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;position:relative;-webkit-transition:-webkit-transform 0 ease;-moz-transition:-moz-transform 0 ease;transition:transform 0 ease}}@media (min-width:1200px){.sidebar-left,.sidebar-right{width:320px}.has-sidebar-left .app,.sidebar-left-in .app{margin-left:320px}.sidebar-right-in .app{margin-right:320px}}
\ No newline at end of file
+@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0%}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0%}}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li,.pagination{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#007aff;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#0055b3;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#007aff;border-color:#007aff;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#eee}.jumbotron,.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px;padding-left:15px;padding-right:15px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}@media (min-width:992px){.sidebar{pointer-events:auto}.sidebar-toggle{display:none}.navbar-brand-center{text-align:left;width:auto;float:left;position:relative}.sidebar-left,.sidebar-right{display:block;left:0;width:300px}.sidebar-right{right:0;left:auto}.has-sidebar-left .app,.sidebar-left-in .app,.sidebar-left-in .sidebar-right,.sidebar-right-in .app,.sidebar-right-in .sidebar-left{-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.has-sidebar-left .app,.sidebar-left-in .app,.sidebar-right-in .app{width:auto;position:relative;-webkit-transition:-webkit-transform 0 ease;-moz-transition:-moz-transform 0 ease;transition:transform 0 ease}.has-sidebar-left .app,.sidebar-left-in .app{margin-left:300px;left:0}.sidebar-right-in .app{margin-right:300px;right:0}}@media (min-width:1200px){.sidebar-left,.sidebar-right{width:320px}.has-sidebar-left .app,.sidebar-left-in .app{margin-left:320px}.sidebar-right-in .app{margin-right:320px}}
\ No newline at end of file
diff --git a/dist/css/mobile-angular-ui-hover.css b/dist/css/mobile-angular-ui-hover.css
index b253723..a387e56 100644
--- a/dist/css/mobile-angular-ui-hover.css
+++ b/dist/css/mobile-angular-ui-hover.css
@@ -47,8 +47,7 @@ a.bg-danger:hover {
background-color: #e4b9b9;
}
-.table-hover > tbody > tr:hover > td,
-.table-hover > tbody > tr:hover > th {
+.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
@@ -92,30 +91,50 @@ a.bg-danger:hover {
background-color: #ebcccc;
}
+@media screen and (max-width: 767px) {
+
+}
+
.btn:hover {
- color: #333333;
+ color: #333;
text-decoration: none;
}
.btn-default:hover {
- color: #333333;
+ color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
+.btn-default:active:hover,
+.btn-default.active:hover,
+.open > .dropdown-toggle.btn-default:hover {
+ color: #333;
+ background-color: #d4d4d4;
+ border-color: #8c8c8c;
+}
+
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover {
- background-color: #ffffff;
- border-color: #cccccc;
+ background-color: #fff;
+ border-color: #ccc;
}
.btn-primary:hover {
- color: #ffffff;
+ color: #fff;
background-color: #0062cc;
border-color: #0051a8;
}
+.btn-primary:active:hover,
+.btn-primary.active:hover,
+.open > .dropdown-toggle.btn-primary:hover {
+ color: #fff;
+ background-color: #0051a8;
+ border-color: #003166;
+}
+
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover {
@@ -124,11 +143,19 @@ fieldset[disabled] .btn-primary:hover {
}
.btn-success:hover {
- color: #ffffff;
+ color: #fff;
background-color: #2ac845;
border-color: #24aa3b;
}
+.btn-success:active:hover,
+.btn-success.active:hover,
+.open > .dropdown-toggle.btn-success:hover {
+ color: #fff;
+ background-color: #24aa3b;
+ border-color: #197328;
+}
+
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover {
@@ -137,11 +164,19 @@ fieldset[disabled] .btn-success:hover {
}
.btn-info:hover {
- color: #ffffff;
+ color: #fff;
background-color: #218ebd;
border-color: #1b779e;
}
+.btn-info:active:hover,
+.btn-info.active:hover,
+.open > .dropdown-toggle.btn-info:hover {
+ color: #fff;
+ background-color: #1b779e;
+ border-color: #114c66;
+}
+
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover {
@@ -150,24 +185,40 @@ fieldset[disabled] .btn-info:hover {
}
.btn-warning:hover {
- color: #ffffff;
+ color: #fff;
background-color: #cca300;
border-color: #a88700;
}
+.btn-warning:active:hover,
+.btn-warning.active:hover,
+.open > .dropdown-toggle.btn-warning:hover {
+ color: #fff;
+ background-color: #a88700;
+ border-color: #665200;
+}
+
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover {
- background-color: #ffcc00;
+ background-color: #fc0;
border-color: #e6b800;
}
.btn-danger:hover {
- color: #ffffff;
+ color: #fff;
background-color: #fc0d00;
border-color: #d80b00;
}
+.btn-danger:active:hover,
+.btn-danger.active:hover,
+.open > .dropdown-toggle.btn-danger:hover {
+ color: #fff;
+ background-color: #d80b00;
+ border-color: #960800;
+}
+
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover {
@@ -198,7 +249,7 @@ fieldset[disabled] .btn-link:hover {
}
.dropdown-menu > .active > a:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
outline: 0;
background-color: #007aff;
@@ -243,34 +294,44 @@ fieldset[disabled] .btn-link:hover {
}
.nav-tabs > li > a:hover {
- border-color: #eeeeee #eeeeee #dddddd;
+ border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a:hover {
color: #555555;
- background-color: #ffffff;
- border: 1px solid #dddddd;
+ background-color: #fff;
+ border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified > .active > a:hover {
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
}
.nav-pills > li.active > a:hover {
- color: #ffffff;
+ color: #fff;
background-color: #007aff;
}
.nav-tabs-justified > .active > a:hover {
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
}
.navbar-brand:hover {
text-decoration: none;
}
+@media (max-width: 767px) {
+ .navbar-nav .open .dropdown-menu > li > a:hover {
+ background-image: none;
+ }
+}
+
+@media (max-width: 767px) {
+
+}
+
.navbar-default .navbar-brand:hover {
color: #0062cc;
background-color: transparent;
@@ -292,7 +353,7 @@ fieldset[disabled] .btn-link:hover {
}
.navbar-default .navbar-toggle:hover {
- background-color: #dddddd;
+ background-color: #ddd;
}
.navbar-default .navbar-nav > .open > a:hover {
@@ -300,6 +361,23 @@ fieldset[disabled] .btn-link:hover {
color: #1a87ff;
}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
+ color: #006ee6;
+ background-color: transparent;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
+ color: #1a87ff;
+ background-color: #e6e6e6;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
+ color: #66afff;
+ background-color: transparent;
+ }
+}
+
.navbar-default .navbar-link:hover {
color: #006ee6;
}
@@ -314,45 +392,62 @@ fieldset[disabled] .navbar-default .btn-link:hover {
}
.navbar-inverse .navbar-brand:hover {
- color: #ffffff;
+ color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a:hover {
- color: #ffffff;
+ color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a:hover {
- color: #ffffff;
+ color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a:hover {
- color: #444444;
+ color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover {
- background-color: #333333;
+ background-color: #333;
}
.navbar-inverse .navbar-nav > .open > a:hover {
background-color: #080808;
- color: #ffffff;
+ color: #fff;
+}
+
+@media (max-width: 767px) {
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
+ color: #fff;
+ background-color: transparent;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
+ color: #fff;
+ background-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
+ color: #444;
+ background-color: transparent;
+ }
}
.navbar-inverse .navbar-link:hover {
- color: #ffffff;
+ color: #fff;
}
.navbar-inverse .btn-link:hover {
- color: #ffffff;
+ color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover {
- color: #444444;
+ color: #444;
}
.pager li > a:hover {
@@ -362,12 +457,12 @@ fieldset[disabled] .navbar-inverse .btn-link:hover {
.pager .disabled > a:hover {
color: #777777;
- background-color: #ffffff;
+ background-color: #fff;
cursor: not-allowed;
}
a.label:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
cursor: pointer;
}
@@ -397,7 +492,7 @@ a.label:hover {
}
a.badge:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
cursor: pointer;
}
@@ -406,15 +501,17 @@ a.thumbnail:hover {
border-color: #007aff;
}
-a.list-group-item:hover {
+a.list-group-item:hover,
+button.list-group-item:hover {
text-decoration: none;
- color: #555555;
+ color: #555;
background-color: #f5f5f5;
}
.list-group-item.disabled:hover {
background-color: #eeeeee;
color: #777777;
+ cursor: not-allowed;
}
.list-group-item.disabled:hover .list-group-item-heading {
@@ -427,7 +524,7 @@ a.list-group-item:hover {
.list-group-item.active:hover {
z-index: 2;
- color: #ffffff;
+ color: #fff;
background-color: #007aff;
border-color: #007aff;
}
@@ -442,52 +539,60 @@ a.list-group-item:hover {
color: #cce4ff;
}
-a.list-group-item-success:hover {
+a.list-group-item-success:hover,
+button.list-group-item-success:hover {
color: #3c763d;
background-color: #d0e9c6;
}
-a.list-group-item-success.active:hover {
+a.list-group-item-success.active:hover,
+button.list-group-item-success.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
-a.list-group-item-info:hover {
+a.list-group-item-info:hover,
+button.list-group-item-info:hover {
color: #31708f;
background-color: #c4e3f3;
}
-a.list-group-item-info.active:hover {
+a.list-group-item-info.active:hover,
+button.list-group-item-info.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
-a.list-group-item-warning:hover {
+a.list-group-item-warning:hover,
+button.list-group-item-warning:hover {
color: #8a6d3b;
background-color: #faf2cc;
}
-a.list-group-item-warning.active:hover {
+a.list-group-item-warning.active:hover,
+button.list-group-item-warning.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
-a.list-group-item-danger:hover {
+a.list-group-item-danger:hover,
+button.list-group-item-danger:hover {
color: #a94442;
background-color: #ebcccc;
}
-a.list-group-item-danger.active:hover {
+a.list-group-item-danger.active:hover,
+button.list-group-item-danger.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.close:hover {
- color: #000000;
+ color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
@@ -496,19 +601,39 @@ a.list-group-item-danger.active:hover {
.carousel-control:hover {
outline: 0;
- color: #ffffff;
+ color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
+@media (max-width: 767px) {
+
+}
+
+@media (max-width: 767px) {
+
+}
+
+@media (max-width: 767px) {
+
+}
+
+@media (max-width: 767px) {
+
+}
+
+@media (max-width: 767px) {
+
+}
+
.btn.active:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-group > .btn-default.active:hover {
- color: #ffffff;
+ color: #fff;
background-color: #007aff;
border-color: #006ee6;
}
diff --git a/dist/css/mobile-angular-ui-hover.min.css b/dist/css/mobile-angular-ui-hover.min.css
index 91e671d..ab92e71 100644
--- a/dist/css/mobile-angular-ui-hover.min.css
+++ b/dist/css/mobile-angular-ui-hover.min.css
@@ -1 +1 @@
-a:hover{outline:0;color:#0055b3;text-decoration:underline}a.text-primary:hover{color:#0062cc}a.text-success:hover{color:#2b542c}a.text-info:hover{color:#245269}a.text-warning:hover{color:#66512c}a.text-danger:hover{color:#843534}a.bg-primary:hover{background-color:#0062cc}a.bg-success:hover{background-color:#c1e2b3}a.bg-info:hover{background-color:#afd9ee}a.bg-warning:hover{background-color:#f7ecb5}a.bg-danger:hover{background-color:#e4b9b9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.btn:hover{color:#333;text-decoration:none}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-primary:hover{color:#fff;background-color:#0062cc;border-color:#0051a8}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover{background-color:#007aff;border-color:#006ee6}.btn-success:hover{color:#fff;background-color:#2ac845;border-color:#24aa3b}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover{background-color:#4cd964;border-color:#37d552}.btn-info:hover{color:#fff;background-color:#218ebd;border-color:#1b779e}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover{background-color:#34aadc;border-color:#249ed2}.btn-warning:hover{color:#fff;background-color:#cca300;border-color:#a88700}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover{background-color:#fc0;border-color:#e6b800}.btn-danger:hover{color:#fff;background-color:#fc0d00;border-color:#d80b00}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover{background-color:#ff3b30;border-color:#ff2317}.btn-link:hover{border-color:transparent;color:#0055b3;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#007aff}.dropdown-menu>.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover,.input-group-btn>.btn:hover{z-index:2}.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a:hover{background-color:#eee;border-color:#007aff}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}.nav-pills>li.active>a:hover{color:#fff;background-color:#007aff}.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}.navbar-brand:hover{text-decoration:none}.navbar-default .navbar-brand:hover{color:#0062cc;background-color:transparent}.navbar-default .navbar-nav>li>a:hover{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav>.active>a:hover{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav>.disabled>a:hover{color:#66afff;background-color:transparent}.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-nav>.open>a:hover{background-color:#e6e6e6;color:#1a87ff}.navbar-default .btn-link:hover,.navbar-default .navbar-link:hover{color:#006ee6}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover{color:#66afff}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}.navbar-inverse .btn-link:hover,.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .disabled>a:hover{color:#777;background-color:#fff;cursor:not-allowed}a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label-default[href]:hover{background-color:#5e5e5e}.label-primary[href]:hover{background-color:#0062cc}.label-success[href]:hover{background-color:#2ac845}.label-info[href]:hover{background-color:#218ebd}.label-warning[href]:hover{background-color:#cca300}.label-danger[href]:hover{background-color:#fc0d00}a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}a.thumbnail:hover{border-color:#007aff}a.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled:hover{background-color:#eee;color:#777}.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active:hover{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff}.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active:hover .list-group-item-text{color:#cce4ff}a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.btn.active:hover{-webkit-box-shadow:none;box-shadow:none}.btn-group>.btn-default.active:hover{color:#fff;background-color:#007aff;border-color:#006ee6}.navbar-app .btn-navbar:hover,.navbar-app .btn:hover{color:#007aff}
\ No newline at end of file
+a:hover{outline:0;color:#0055b3;text-decoration:underline}a.text-primary:hover{color:#0062cc}a.text-success:hover{color:#2b542c}a.text-info:hover{color:#245269}a.text-warning:hover{color:#66512c}a.text-danger:hover{color:#843534}a.bg-primary:hover{background-color:#0062cc}a.bg-success:hover{background-color:#c1e2b3}a.bg-info:hover{background-color:#afd9ee}a.bg-warning:hover{background-color:#f7ecb5}a.bg-danger:hover{background-color:#e4b9b9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.btn:hover{color:#333;text-decoration:none}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active:hover,.btn-default:active:hover,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-primary:hover{color:#fff;background-color:#0062cc;border-color:#0051a8}.btn-primary.active:hover,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#0051a8;border-color:#003166}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover{background-color:#007aff;border-color:#006ee6}.btn-success:hover{color:#fff;background-color:#2ac845;border-color:#24aa3b}.btn-success.active:hover,.btn-success:active:hover,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#24aa3b;border-color:#197328}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover{background-color:#4cd964;border-color:#37d552}.btn-info:hover{color:#fff;background-color:#218ebd;border-color:#1b779e}.btn-info.active:hover,.btn-info:active:hover,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#1b779e;border-color:#114c66}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover{background-color:#34aadc;border-color:#249ed2}.btn-warning:hover{color:#fff;background-color:#cca300;border-color:#a88700}.btn-warning.active:hover,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#a88700;border-color:#665200}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover{background-color:#fc0;border-color:#e6b800}.btn-danger:hover{color:#fff;background-color:#fc0d00;border-color:#d80b00}.btn-danger.active:hover,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#d80b00;border-color:#960800}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover{background-color:#ff3b30;border-color:#ff2317}.btn-link:hover{border-color:transparent;color:#0055b3;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#007aff}.dropdown-menu>.disabled>a:hover{background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover,.input-group-btn>.btn:hover{z-index:2}.nav>li>a:hover{text-decoration:none;background-color:#eee}.dropdown-menu>.disabled>a:hover,.nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a:hover{background-color:#eee;border-color:#007aff}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}.nav-pills>li.active>a:hover{color:#fff;background-color:#007aff}.navbar-brand:hover,.pager li>a:hover{text-decoration:none}@media (max-width:767px){.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.navbar-default .navbar-brand:hover{color:#0062cc;background-color:transparent}.navbar-default .navbar-nav>li>a:hover{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav>.active>a:hover{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav>.disabled>a:hover{color:#66afff;background-color:transparent}.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-nav>.open>a:hover{background-color:#e6e6e6;color:#1a87ff}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#006ee6;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#1a87ff;background-color:#e6e6e6}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#66afff;background-color:transparent}}.navbar-default .btn-link:hover,.navbar-default .navbar-link:hover{color:#006ee6}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover{color:#66afff}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .btn-link:hover,.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.pager li>a:hover{background-color:#eee}.pager .disabled>a:hover{color:#777;background-color:#fff;cursor:not-allowed}.close:hover,a.badge:hover,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label-default[href]:hover{background-color:#5e5e5e}.label-primary[href]:hover{background-color:#0062cc}.label-success[href]:hover{background-color:#2ac845}.label-info[href]:hover{background-color:#218ebd}.label-warning[href]:hover{background-color:#cca300}.label-danger[href]:hover{background-color:#fc0d00}a.thumbnail:hover{border-color:#007aff}a.list-group-item:hover,button.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled:hover{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active:hover{z-index:2;color:#fff;background-color:#007aff;border-color:#007aff}.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active:hover .list-group-item-text{color:#cce4ff}a.list-group-item-success:hover,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active:hover,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}a.list-group-item-info:hover,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active:hover,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}a.list-group-item-warning:hover,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active:hover,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}a.list-group-item-danger:hover,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active:hover,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.close:hover{color:#000;opacity:.5;filter:alpha(opacity=50)}.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.btn.active:hover{-webkit-box-shadow:none;box-shadow:none}.btn-group>.btn-default.active:hover{color:#fff;background-color:#007aff;border-color:#006ee6}.navbar-app .btn-navbar:hover,.navbar-app .btn:hover{color:#007aff}
\ No newline at end of file
diff --git a/dist/fonts/FontAwesome.otf b/dist/fonts/FontAwesome.otf
deleted file mode 100644
index 81c9ad9..0000000
Binary files a/dist/fonts/FontAwesome.otf and /dev/null differ
diff --git a/dist/fonts/fontawesome-webfont.eot b/dist/fonts/fontawesome-webfont.eot
index 84677bc..c7b00d2 100644
Binary files a/dist/fonts/fontawesome-webfont.eot and b/dist/fonts/fontawesome-webfont.eot differ
diff --git a/dist/fonts/fontawesome-webfont.svg b/dist/fonts/fontawesome-webfont.svg
index d907b25..8b66187 100644
--- a/dist/fonts/fontawesome-webfont.svg
+++ b/dist/fonts/fontawesome-webfont.svg
@@ -147,14 +147,14 @@
+ *
+ * ```
+ *
+ * Use `ui-content-for` inside any view to populate the `ui-yield-to` content.
+ *
+ * ``` html
+ *
+ *
+ *
+ * My View Title
+ *
+ * ```
+ *
+ * Since the original scope is preserved you can use directives inside
+ * `ui-content-for` blocks to interact with the current scope. In the following
+ * example we will add a navbar button to submit a form inside a nested view.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * ``` javascript
+ * app.controller('newCustomerController', function($scope, Store){
+ * $scope.customer = {};
+ * $scope.createCustomer = function(){
+ * Store.create($scope.customer);
+ * // ...
+ * }
+ * });
+ * ```
+ *
+ * If you wish you can also duplicate markup instead of move it. Just add `duplicate` parameter to `uiContentFor` directive to specify this behaviour.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.core.capture', [])
+
+ .run([
+ 'Capture',
+ '$rootScope',
+ function(Capture, $rootScope) {
+ $rootScope.$on('$routeChangeSuccess', function() {
+ Capture.resetAll();
+ });
+ }
+ ])
+
+ .factory('Capture', [
+ '$compile',
+ function($compile) {
+ var yielders = {};
+
+ return {
+ yielders: yielders,
+
+ resetAll: function() {
+ for (var name in yielders) {
+ if (yielders.hasOwnProperty(name)) {
+ this.resetYielder(name);
+ }
+ }
+ },
+
+ resetYielder: function(name) {
+ var b = yielders[name];
+ this.setContentFor(name, b.defaultContent, b.defaultScope);
+ },
+
+ putYielder: function(name, element, defaultScope, defaultContent) {
+ var yielder = {};
+ yielder.name = name;
+ yielder.element = element;
+ yielder.defaultContent = defaultContent || '';
+ yielder.defaultScope = defaultScope;
+ yielders[name] = yielder;
+ },
+
+ getYielder: function(name) {
+ return yielders[name];
+ },
+
+ removeYielder: function(name) {
+ delete yielders[name];
+ },
+
+ setContentFor: function(name, content, scope) {
+ var b = yielders[name];
+ if (!b) {
+ return;
+ }
+ b.element.html(content);
+ $compile(b.element.contents())(scope);
+ }
+
+ };
+ }
+ ])
+
+ /**
+ * @directive uiContentFor
+ * @restrict A
+ * @description
+ *
+ * `ui-content-for` makes inner contents to replace the corresponding
+ * `ui-yield-to` placeholder contents.
+ *
+ * `uiContentFor` is intended to be used inside a view in order to populate outer placeholders.
+ * Any content you send to placeholders via `ui-content-for` is
+ * reverted to placeholder defaults after view changes (ie. on `$routeChangeStart`).
+ *
+ * @param {string} uiContentFor The id of the placeholder to be replaced
+ * @param {boolean} uiDuplicate If present duplicates the content instead of moving it (default to `false`)
+ *
+ */
+ .directive('uiContentFor', [
+ 'Capture',
+ function(Capture) {
+ return {
+ compile: function(tElem, tAttrs) {
+ var rawContent = tElem.html();
+ if (tAttrs.uiDuplicate === null || tAttrs.uiDuplicate === undefined) {
+ // no need to compile anything!
+ tElem.html('');
+ tElem.remove();
+ }
+ return function(scope, elem, attrs) {
+ Capture.setContentFor(attrs.uiContentFor, rawContent, scope);
+ };
+ }
+ };
+ }
+ ])
+
+ /**
+ * @directive uiYieldTo
+ * @restrict A
+ * @description
+ *
+ * `ui-yield-to` defines a placeholder which contents will be further replaced by `ui-content-for` directive.
+ *
+ * Inner html is considered to be a default. Default is restored any time `$routeChangeStart` happens.
+ *
+ * @param {string} uiYieldTo The unique id of this placeholder.
+ *
+ */
+ .directive('uiYieldTo', [
+ '$compile', 'Capture', function($compile, Capture) {
+ return {
+ link: function(scope, element, attr) {
+ Capture.putYielder(attr.uiYieldTo, element, scope, element.html());
+
+ element.on('$destroy', function() {
+ Capture.removeYielder(attr.uiYieldTo);
+ });
+
+ scope.$on('$destroy', function() {
+ Capture.removeYielder(attr.uiYieldTo);
+ });
+ }
+ };
+ }
+ ]);
+
+})();
+
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.core.fastclick', []);
+
+ module.run(['$window', function($window) {
+
+ // Temporarly bugfix in overthrow/fastclick:
+ var orgHandler = FastClick.prototype.onTouchEnd;
+
+ // Some old versions of Android don't have Function.prototype.bind
+ function bind(method, context) {
+ return function() {
+ return method.apply(context, arguments);
+ };
+ }
+
+ FastClick.prototype.onTouchEnd = function(event) {
+
+ if (!event.changedTouches) {
+ event.changedTouches = [{}];
+ }
+
+ orgHandler = bind(orgHandler, this);
+ orgHandler(event);
+ };
+
+ FastClick.attach($window.document.body);
+
+ }]);
+
+ angular.forEach(['select', 'input', 'textarea'], function(directiveName) {
+
+ module.directive(directiveName, function() {
+ return {
+ restrict: 'E',
+ compile: function(elem) {
+ elem.addClass('needsclick');
+ }
+ };
+ });
+ });
+})();
+
+/**
+ *
+ * @module mobile-angular-ui.core.outerClick
+ * @description
+ *
+ * Provides a directive to specifiy a behaviour when click/tap events
+ * happen outside an element. This can be easily used
+ * to implement eg. __close on outer click__ feature for a dropdown.
+ *
+ * ## Usage
+ *
+ * Declare it as a dependency to your app unless you have already
+ * included some of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui']);
+ * ```
+ *
+ * Or
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core']);
+ * ```
+ *
+ * Or
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.outerClick']);
+ * ```
+ *
+ * Use `ui-outer-click` to define an expression to evaluate when an _Outer Click_ event happens.
+ * Use `ui-outer-click-if` parameter to define a condition to enable/disable the listener.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.core.outerClick', [])
+
+ .factory('_mauiIsAncestorOrSelf', function() {
+ return function(element, target) {
+ var parent = element;
+ while (parent.length > 0) {
+ if (parent[0] === target[0]) {
+ parent = null;
+ return true;
+ }
+ parent = parent.parent();
+ }
+ parent = null;
+ return false;
+ };
+ })
+
+ /**
+ * @service bindOuterClick
+ * @as function
+ *
+ * @description
+ * This is a service function that binds a callback to be conditionally executed
+ * when a click event happens outside a specified element.
+ *
+ * Ie.
+ *
+ * ``` js
+ * app.directive('myDirective', function('bindOuterClick'){
+ * return {
+ * link: function(scope, element) {
+ * bindOuterClick(element, function(scope, extra){
+ * alert('You clicked ouside me!');
+ * }, function(e){
+ * return element.hasClass('disabled') ? true : false;
+ * });
+ * }
+ * };
+ * });
+ * ```
+ * @scope {scope} the scope to eval callbacks
+ * @param {DomElement|$element} element The element to bind to.
+ * @param {function} callback A `function(scope, options)`, usually the result of `$parse`, that is called when an _outer click_ event happens.
+ * @param {string|function} condition Angular `$watch` expression to decide whether to run `callback` or not.
+ */
+ .factory('bindOuterClick', [
+ '$document',
+ '$timeout',
+ '_mauiIsAncestorOrSelf',
+ function($document, $timeout, isAncestorOrSelf) {
+
+ return function(scope, element, outerClickFn, outerClickIf) {
+ var handleOuterClick = function(event) {
+ if (!isAncestorOrSelf(angular.element(event.target), element)) {
+ scope.$apply(function() {
+ outerClickFn(scope, {$event: event});
+ });
+ }
+ };
+
+ var stopWatching = angular.noop;
+ var t = null;
+
+ if (outerClickIf) {
+ stopWatching = scope.$watch(outerClickIf, function(value) {
+ $timeout.cancel(t);
+
+ if (value) {
+ // prevents race conditions
+ // activating with other click events
+ t = $timeout(function() {
+ $document.on('click tap', handleOuterClick);
+ }, 0);
+
+ } else {
+ $document.unbind('click tap', handleOuterClick);
+ }
+ });
+ } else {
+ $timeout.cancel(t);
+ $document.on('click tap', handleOuterClick);
+ }
+
+ scope.$on('$destroy', function() {
+ stopWatching();
+ $document.unbind('click tap', handleOuterClick);
+ });
+ };
+ }
+ ])
+
+ /**
+ * @directive outerClick
+ *
+ * @description
+ * Evaluates an expression when an _Outer Click_ event happens.
+ *
+ * @param {expression} uiOuterClick Expression to evaluate when an _Outer Click_ event happens.
+ * @param {expression} uiOuterClickIf Condition to enable/disable the listener. Defaults to `true`.
+ */
+ .directive('uiOuterClick', [
+ 'bindOuterClick',
+ '$parse',
+ function(bindOuterClick, $parse) {
+ return {
+ restrict: 'A',
+ compile: function(elem, attrs) {
+ var outerClickFn = $parse(attrs.uiOuterClick);
+ var outerClickIf = attrs.uiOuterClickIf;
+ return function(scope, elem) {
+ bindOuterClick(scope, elem, outerClickFn, outerClickIf);
+ };
+ }
+ };
+ }
+ ]);
+})();
+
+(function() {
+ 'use strict';
+ /**
+ * @module mobile-angular-ui.core.sharedState
+ *
+ * @description
+ * `mobile-angular-ui.core.sharedState` is expose the homonymous service
+ * `SharedState` and a group of directives to access it.
+ *
+ * `SharedState` allows to use elementary angular or angularish directives
+ * to create interactive components.
+ *
+ * Ie.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * Using `SharedState` you will be able to:
+ *
+ * - Create interactive components without having to write javascript code
+ * - Have your controller free from UI logic
+ * - Separe `ng-click` triggering application logic from those having a visual effect only
+ * - Export state of components to urls
+ * - Easily make components comunicate each other
+ *
+ * Also note that:
+ *
+ * Data structures retaining statuses will stay outside angular scopes
+ * thus they are not evaluated against digest cycle until its necessary.
+ * Also although statuses are sort of global variables `SharedState` will
+ * take care of disposing them when no scopes are requiring them anymore.
+ *
+ * A set of `ui-*` directives are available to interact with `SharedState`
+ * module and will hopefully var you spare your controllers and your time
+ * for something that is more meaningful than this:
+ *
+ * ``` js
+ * $scope.activeTab = 1;
+ *
+ * $scope.setActiveTab = function(n) {
+ * $scope.activeTab = n;
+ * };
+ * ```
+ *
+ * ## Usage
+ *
+ * Declare it as a dependency to your app unless you have already included some
+ * of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.sharedState']);
+ * ```
+ *
+ * Use `ui-shared-state` directive to require/initialize a state from the target element scope
+ *
+ * **Example.** Tabs
+ *
+ *
+ *
+ * **Example.** Custom components
+ *
+ *
+ *
+ * NOTE: `ui-toggle/set/turnOn/turnOff` responds to `click/tap` without
+ * stopping propagation so you can use them along with ng-click too.
+ * You can also change events to respond to with `ui-triggers` attribute.
+ *
+ * Any `SharedState` method is exposed through `Ui` object in `$rootScope`.
+ * So you could always do `ng-click="Ui.turnOn('myVar')"`.
+ *
+ * Since `SharedState` is a service you can initialize/set statuses through
+ * controllers too:
+ *
+ * ``` js
+ * app.controller('myController', function($scope, SharedState){
+ * SharedState.initialize($scope, "activeTab", 3);
+ * });
+ * ```
+ *
+ * As well as you can use `ui-default` for that:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ */
+ var module = angular.module('mobile-angular-ui.core.sharedState', []);
+
+ /**
+ * @ngdoc service
+ * @class SharedState
+ *
+ * @description
+ *
+ * A `SharedState` state can be considered as a global variable identified by an `id`.
+ *
+ * `SharedState` service exposes methods to interact with statuses to create,
+ * read and update states.
+ *
+ * It acts as a BUS between UI elements to share UI related state that is
+ * automatically disposed when all scopes requiring it are destroyed.
+ *
+ * eg.
+ *
+ * ``` js
+ * app.controller('controller1', function($scope, SharedState){
+ * SharedState.initialize($scope, 'myId');
+ * });
+ *
+ * app.controller('controller2', function(SharedState){
+ * SharedState.toggle('myId');
+ * });
+ * ```
+ *
+ * Data structures retaining statuses will stay outside angular scopes thus
+ * they are not evaluated against digest cycle until its necessary. Also
+ * although statuses are sort of global variables `SharedState` will take
+ * care of disposing them when no scopes are requiring them anymore.
+ *
+ * A set of `ui-*` directives are available to interact with `SharedState`
+ * module and will hopefully var you spare your controllers and your time for
+ * something that is more meaningful than this:
+ *
+ * ``` js
+ * $scope.activeTab = 1;
+ *
+ * $scope.setActiveTab = function(n) {
+ * $scope.activeTab = n;
+ * };
+ * ```
+ *
+ */
+
+ /**
+ * @event 'mobile-angular-ui.state.initialized.ID'
+ * @shortname initialized
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Broadcasted on `$rootScope` when `#initialize` is called for a new state not
+ * referenced by any scope currently.
+ *
+ * @param {any} currentValue The value with which this state has been initialized
+ *
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+
+ /**
+ * @event 'mobile-angular-ui.state.destroyed.ID'
+ * @shortname destroyed
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Broadcasted on `$rootScope` when a state is destroyed.
+ *
+ */
+
+ /**
+ * @event 'mobile-angular-ui.state.changed.ID'
+ * @shortname changed
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Broadcasted on `$rootScope` the value of a state changes.
+ *
+ * ``` js
+ * $scope.$on('mobile-angular-ui.state.changed.uiSidebarLeft', function(e, newVal, oldVal) {
+ * if (newVal === true) {
+ * console.log('sidebar opened');
+ * } else {
+ * console.log('sidebar closed');
+ * }
+ * });
+ * ```
+ *
+ * @param {any} newValue
+ * @param {any} oldValue
+ *
+ */
+
+ module.factory('SharedState', [
+ '$rootScope', '$log',
+ function($rootScope, $log) {
+ var values = {}; // values, context object for evals
+ var statusesMeta = {}; // status info
+ var scopes = {}; // scopes references
+ var exclusionGroups = {}; // support exclusive boolean sets
+
+ return {
+ /**
+ * @function initialize
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Initialize, or require if already intialized, a state identified by `id` within the provided `scope`, making it available to the rest of application.
+ *
+ * A `SharedState` is bound to one or more scopes. Each time
+ * `initialize` is called for an angular `scope` this will be bound to
+ * the `SharedState` and a reference count is incremented to allow
+ * garbage collection.
+ *
+ * Reference count is decremented once the scope is destroyed. When the counter reach 0 the state will be disposed.
+ *
+ * @param {scope} scope The scope to bound this state
+ * @param {string} id The unique name of this state
+ * @param {object} [options] Options
+ * @param {object} [options.defaultValue] the initialization value, it is taken into account only if the state `id` is not already initialized
+ * @param {string} [options.exclusionGroup] Specifies an exclusion group
+ * for the state. This means that for boolean operations (ie. toggle,
+ * turnOn, turnOf) when this state is set to `true`, any other state
+ * that is in the same `exclusionGroup` will be set to `false`.
+ */
+ initialize: function(scope, id, options) {
+ options = options || {};
+
+ var isNewScope = scopes[scope] === undefined;
+ var defaultValue = options.defaultValue;
+ var exclusionGroup = options.exclusionGroup;
+
+ scopes[scope.$id] = scopes[scope.$id] || [];
+ scopes[scope.$id].push(id);
+
+ if (!statusesMeta[id]) { // is a brand new state
+ // not referenced by any
+ // scope currently
+
+ statusesMeta[id] = angular.extend({}, options, {references: 1});
+
+ $rootScope.$broadcast('mobile-angular-ui.state.initialized.' + id, defaultValue);
+
+ if (defaultValue !== undefined) {
+ this.setOne(id, defaultValue);
+ }
+
+ if (exclusionGroup) {
+ // Exclusion groups are sets of statuses references
+ exclusionGroups[exclusionGroup] = exclusionGroups[exclusionGroup] || {};
+ exclusionGroups[exclusionGroup][id] = true;
+ }
+
+ } else if (isNewScope) { // is a new reference from
+ // a different scope
+ statusesMeta[id].references++;
+ }
+ scope.$on('$destroy', function() {
+ var ids = scopes[scope.$id] || [];
+ for (var i = 0; i < ids.length; i++) {
+ var status = statusesMeta[ids[i]];
+
+ if (status.exclusionGroup) {
+ delete exclusionGroups[status.exclusionGroup][ids[i]];
+ if (Object.keys(exclusionGroups[status.exclusionGroup]).length === 0) {
+ delete exclusionGroups[status.exclusionGroup];
+ }
+ }
+
+ status.references--;
+ if (status.references <= 0) {
+ delete statusesMeta[ids[i]];
+ delete values[ids[i]];
+ $rootScope.$broadcast('mobile-angular-ui.state.destroyed.' + id);
+ }
+ }
+ delete scopes[scope.$id];
+ });
+ },
+
+ /**
+ * @function setOne
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Set the value of the state identified by `id` to the `value` parameter.
+ *
+ * @param {string} id Unique identifier for state
+ * @param {any} value New value for this state
+ */
+ setOne: function(id, value) {
+ if (statusesMeta[id] !== undefined) {
+ var prev = values[id];
+ values[id] = value;
+ if (prev !== value) {
+ $rootScope.$broadcast('mobile-angular-ui.state.changed.' + id, value, prev);
+ }
+ return value;
+ }
+ $log.warn('Warning: Attempt to set uninitialized shared state: ' + id);
+ },
+
+ /**
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @function setMany
+ * @description
+ *
+ * Set multiple statuses at once. ie.
+ *
+ * ```
+ * SharedState.setMany({ activeTab: 'firstTab', sidebarIn: false });
+ * ```
+ *
+ * @param {object} object An object of the form `{state1: value1, ..., stateN: valueN}`
+ */
+ setMany: function(map) {
+ angular.forEach(map, function(value, id) {
+ this.setOne(id, value);
+ }, this);
+ },
+
+ /**
+ * @function set
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * A shorthand for both `setOne` and `setMany`.
+ * When called with only one parameter that is an object
+ * it is the same of `setMany`, otherwise is the
+ * same of `setOne`.
+ *
+ * @param {string|object} idOrMap A state id or a `{state: value}` map object.
+ * @param {any} [value] The value to assign in case idOrMap is a string.
+ */
+ set: function(idOrMap, value) {
+ if (!idOrMap) {
+ return;
+ } else if (angular.isObject(idOrMap)) {
+ this.setMany(idOrMap);
+ } else {
+ this.setOne(idOrMap, value);
+ }
+ },
+
+ /**
+ * @function turnOn
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Set shared state identified by `id` to `true`. If the
+ * shared state has been initialized with `exclusionGroup`
+ * option it will also turn off (set to `false`) all other
+ * statuses from the same exclusion group.
+ *
+ * @param {string} id The unique name of this state
+ */
+ turnOn: function(id) {
+ // Turns off other statuses belonging to the same exclusion group.
+ var eg = statusesMeta[id] && statusesMeta[id].exclusionGroup;
+ if (eg) {
+ var egStatuses = Object.keys(exclusionGroups[eg]);
+ for (var i = 0; i < egStatuses.length; i++) {
+ var item = egStatuses[i];
+ if (item !== id) {
+ this.turnOff(item);
+ }
+ }
+ }
+ return this.setOne(id, true);
+ },
+
+ /**
+ * @function turnOff
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Set shared state identified by `id` to `false`.
+ *
+ * @param {string} id The unique name of this state
+ */
+ turnOff: function(id) {
+ return this.setOne(id, false);
+ },
+
+ /**
+ * @function toggle
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * If current value for shared state identified by `id` evaluates
+ * to `true` it calls `turnOff` on it otherwise calls `turnOn`.
+ * Be aware that it will take into account `exclusionGroup` option.
+ * See `#turnOn` and `#initialize` for more.
+ *
+ * @param {string} id The unique name of this state
+ */
+ toggle: function(id) {
+ return this.get(id) ? this.turnOff(id) : this.turnOn(id);
+ },
+
+ /**
+ * @function get
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Returns the current value of the state identified by `id`.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {any}
+ */
+ get: function(id) {
+ return statusesMeta[id] && values[id];
+ },
+
+ /**
+ * @function isActive
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Return `true` if the boolean conversion of `#get(id)` evaluates to `true`.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ */
+ isActive: function(id) {
+ return Boolean(this.get(id));
+ },
+
+ /**
+ * @function active
+ * @alias mobile-angular-ui.core.sharedState~SharedState.isActive
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Alias for `#isActive`.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ */
+ active: function(id) {
+ return this.isActive(id);
+ },
+
+ /**
+ * @function isUndefined
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Return `true` if state identified by `id` is not defined.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ */
+ isUndefined: function(id) {
+ return statusesMeta[id] === undefined || this.get(id) === undefined;
+ },
+
+ /**
+ * Returns `true` if state identified by `id` exsists.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ *
+ * @function has
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ has: function(id) {
+ return statusesMeta[id] !== undefined;
+ },
+
+ /**
+ * Returns the number of references of a status.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {integer}
+ *
+ * @function referenceCount
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ referenceCount: function(id) {
+ var status = statusesMeta[id];
+ return status === undefined ? 0 : status.references;
+ },
+
+ /**
+ * Returns `true` if `#get(id)` is exactly equal (`===`) to `value` param.
+ *
+ * @param {string} id The unique name of this state
+ * @param {any} value The value for comparison
+ * @returns {bool}
+ *
+ * @function equals
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ equals: function(id, value) {
+ return this.get(id) === value;
+ },
+
+ /**
+ * Alias for `#equals`
+ *
+ * @param {string} id The unique name of this state
+ * @param {any} value The value for comparison
+ * @returns {bool}
+ *
+ * @function eq
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @alias mobile-angular-ui.core.sharedState~SharedState.equals
+ */
+ eq: function(id, value) {
+ return this.equals(id, value);
+ },
+
+ /**
+ * Returns an object with all the status values currently stored.
+ * It has the form of `{statusId: statusValue}`.
+ *
+ * Bear in mind that in order to spare resources it currently
+ * returns just the internal object retaining statuses values.
+ * Thus it is not intended to be modified and direct changes to it will be not tracked or notified.
+ *
+ * Just clone before apply any change to it.
+ *
+ * @returns {object}
+ *
+ * @function values
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ values: function() {
+ return values;
+ },
+
+ exclusionGroups: function() {
+ return exclusionGroups;
+ }
+ };
+ }
+ ]);
+
+ var uiBindEvent = function(scope, element, eventNames, fn) {
+ eventNames = eventNames || 'click tap';
+ element.on(eventNames, function(event) {
+ scope.$apply(function() {
+ fn(scope, {$event: event});
+ });
+ });
+ };
+
+ /**
+ * Calls `SharedState#initialize` on the scope relative to the element using it.
+ *
+ * @param {string} uiState The shared state id
+ * @param {expression} [uiDefault] the default value
+ *
+ * @directive uiSharedState
+ */
+ module.directive('uiSharedState', [
+ 'SharedState', function(SharedState) {
+ return {
+ restrict: 'EA',
+ priority: 601, // more than ng-if
+ link: function(scope, elem, attrs) {
+ var id = attrs.uiSharedState || attrs.id;
+ var defaultValueExpr = attrs.uiDefault || attrs.default;
+ var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;
+
+ SharedState.initialize(scope, id, {
+ defaultValue: defaultValue,
+ exclusionGroup: attrs.uiExclusionGroup
+ });
+ }
+ };
+ }
+ ]);
+
+ /**
+ * Alias for uiSharedState. **Deprecated** since it clashes with
+ * [UI-Router](https://ui-router.github.io/) `uiState` directive.
+ *
+ * @deprecated
+ * @param {string} uiState The shared state id
+ * @param {expression} [uiDefault] the default value
+ *
+ * @directive uiState
+ */
+ module.directive('uiState', [
+ 'SharedState', function(SharedState) {
+ return {
+ restrict: 'EA',
+ priority: 601, // more than ng-if
+ link: function(scope, elem, attrs) {
+ var id = attrs.uiState || attrs.id;
+ var defaultValueExpr = attrs.uiDefault || attrs.default;
+ var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;
+
+ SharedState.initialize(scope, id, {
+ defaultValue: defaultValue,
+ exclusionGroup: attrs.uiExclusionGroup
+ });
+ }
+ };
+ }
+ ]);
+
+ angular.forEach(['toggle', 'turnOn', 'turnOff', 'set'],
+ function(methodName) {
+ var directiveName = 'ui' + methodName[0].toUpperCase() + methodName.slice(1);
+
+ /**
+ * Calls `SharedState#toggle` when triggering events happens on the element using it.
+ *
+ * @param {string} uiToggle the target shared state
+ * @param {expression} uiDefault the default value
+ *
+ * @directive uiToggle
+ */
+
+ /**
+ * @function uiTurnOn
+ *
+ * @description
+ * Calls `SharedState#turnOn` when triggering events happens on the element using it.
+ *
+ *
+ * @ngdoc directive
+ *
+ * @param {string} uiTurnOn the target shared state
+ * @param {expression} uiDefault the default value
+ */
+
+ /**
+ * @function uiTurnOff
+ *
+ * @description
+ * Calls `SharedState#turnOff` when triggering events happens on the element using it.
+ *
+ * @ngdoc directive
+ *
+ * @param {string} uiTurnOff the target shared state
+ * @param {string} [uiTriggers='click tap'] the event triggering the call.
+ */
+
+ /**
+ * @function uiSet
+ *
+ * @description
+ * Calls `SharedState#set` when triggering events happens on the element using it.
+ *
+ * @ngdoc directive
+ *
+ * @param {object} uiSet The object to pass to SharedState#set
+ * @param {string} [uiTriggers='click tap'] the event triggering the call.
+ */
+
+ module.directive(directiveName, [
+ '$parse',
+ '$interpolate',
+ 'SharedState',
+ function($parse, $interpolate, SharedState) {
+ var method = SharedState[methodName];
+ return {
+ restrict: 'A',
+ priority: 1, // This would make postLink calls happen after ngClick
+ // (and similar) ones, thus intercepting events after them.
+ //
+ // This will prevent eventual ng-if to detach elements
+ // before ng-click fires.
+
+ compile: function(elem, attrs) {
+ var attr = attrs[directiveName];
+ var needsInterpolation = attr.match(/\{\{/);
+
+ var exprFn = function($scope) {
+ var res = attr;
+ if (needsInterpolation) {
+ var interpolateFn = $interpolate(res);
+ res = interpolateFn($scope);
+ }
+ if (methodName === 'set') {
+ res = ($parse(res))($scope);
+ }
+ return res;
+ };
+
+ return function(scope, elem, attrs) {
+ var callback = function() {
+ var arg = exprFn(scope);
+ return method.call(SharedState, arg);
+ };
+ uiBindEvent(scope, elem, attrs.uiTriggers, callback);
+ };
+ }
+ };
+ }
+ ]);
+ });
+
+ /**
+ * @name uiScopeContext
+ * @inner
+ * @description
+ *
+ * `uiScopeContext` is not a directive, but a parameter common to any of the
+ * `ui-*` directives in this module.
+ *
+ * By default all `ui-*` conditions in this module evaluates in the context of
+ * `SharedState` only, thus scope variable are not accessible. To use them you have
+ * two options:
+ *
+ * #### 1. pre-interpolation
+ *
+ * You can use pre-interpolation in expression attribute. For instance the following syntax
+ * is ligit:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * In this case `idx` value is taken from scope and embedded into
+ * conditions before parse them.
+ *
+ * This works as expected and is fine for the most cases, but it has a little caveat:
+ *
+ * The condition has to be re-parsed at each digest loop and has to walk scopes
+ * in watchers.
+ *
+ * #### 2. uiScopeContext
+ *
+ * If you are concerned about performance issues using the first approach
+ * `uiScopeContext` is a more verbose but also lightweight alternative
+ * to accomplish the same.
+ *
+ * It allows to use current scope vars inside `ui-*` conditions, leaving
+ * other scope vars (or the entire scope if not present) apart from the
+ * condition evaluation process.
+ *
+ * Hopefully this will keep evaluation running against a flat and small data
+ * structure instead of taking into account the whole scope.
+ *
+ * It is a list `scopeVar[ as aliasName] [, ...]` specifing one of more scope
+ * variables to take into account when evaluating conditions. ie:
+ *
+ * ``` html
+ *
+ * Tab1
+ * Tab2
+ * Tab3
+ *
+ *
+ * ```
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * Be aware that scope vars will take precedence over sharedStates so,
+ * in order to avoid name clashes you can use 'as' to refer to scope vars
+ * with a different name in conditions:
+ *
+ * ``` html
+ *
+ *
+ * ```
+ */
+ var parseScopeContext = function(attr) {
+ if (!attr || attr === '') {
+ return [];
+ }
+ var vars = attr ? attr.trim().split(/ *, */) : [];
+ var res = [];
+ for (var i = 0; i < vars.length; i++) {
+ var item = vars[i].split(/ *as */);
+ if (item.length > 2 || item.length < 1) {
+ throw new Error('Error parsing uiScopeContext="' + attr + '"');
+ }
+ res.push(item);
+ }
+ return res;
+ };
+
+ var mixScopeContext = function(context, scopeVars, scope) {
+ for (var i = 0; i < scopeVars.length; i++) {
+ var key = scopeVars[i][0];
+ var alias = scopeVars[i][1] || key;
+ context[alias] = key.split('.').reduce(function(scope, nextKey) {
+ return scope[nextKey];
+ }, scope);
+ }
+ };
+
+ var parseUiCondition = function(name, attrs, $scope, SharedState, $parse, $interpolate) {
+ var expr = attrs[name];
+ var needsInterpolation = expr.match(/\{\{/);
+ var exprFn;
+
+ if (needsInterpolation) {
+ exprFn = function(context) {
+ var interpolateFn = $interpolate(expr);
+ var parseFn = $parse(interpolateFn($scope));
+ return parseFn(context);
+ };
+ } else {
+ exprFn = $parse(expr);
+ }
+
+ var uiScopeContext = parseScopeContext(attrs.uiScopeContext);
+ return function() {
+ var context;
+ if (uiScopeContext.length) {
+ context = angular.extend({}, SharedState.values());
+ mixScopeContext(context, uiScopeContext, $scope);
+ } else {
+ context = SharedState.values();
+ }
+ return exprFn(context);
+ };
+ };
+
+ /**
+ * @ngdoc directive
+ * @function uiIf
+ *
+ * @description
+ * Same as `ngIf` but evaluates condition against `SharedState` statuses too
+ *
+ * @param {expression} uiIf A condition to decide wether to attach the
+ * element to the dom
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when
+ * evaluating condition.
+ */
+ module.directive('uiIf', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {
+ function getBlockNodes(nodes) {
+ var node = nodes[0];
+ var endNode = nodes[nodes.length - 1];
+ var blockNodes = [node];
+ do {
+ node = node.nextSibling;
+ if (!node) {
+ break;
+ }
+ blockNodes.push(node);
+ } while (node !== endNode);
+
+ return angular.element(blockNodes);
+ }
+
+ return {
+ multiElement: true,
+ transclude: 'element',
+ priority: 600,
+ terminal: true,
+ restrict: 'A',
+ $$tlb: true,
+ link: function($scope, $element, $attr, ctrl, $transclude) {
+ var block;
+ var childScope;
+ var previousElements;
+ var uiIfFn = parseUiCondition('uiIf', $attr, $scope, SharedState, $parse, $interpolate);
+
+ $scope.$watch(uiIfFn, function uiIfWatchAction(value) {
+ if (value) {
+ if (!childScope) {
+ $transclude(function(clone, newScope) {
+ childScope = newScope;
+ clone[clone.length++] = document.createComment(' end uiIf: ' + $attr.uiIf + ' ');
+ // Note: We only need the first/last node of the cloned nodes.
+ // However, we need to keep the reference to the jqlite wrapper as it might be changed later
+ // by a directive with templateUrl when its template arrives.
+ block = {
+ clone: clone
+ };
+ $animate.enter(clone, $element.parent(), $element);
+ });
+ }
+ } else {
+ if (previousElements) {
+ previousElements.remove();
+ previousElements = null;
+ }
+ if (childScope) {
+ childScope.$destroy();
+ childScope = null;
+ }
+ if (block) {
+ previousElements = getBlockNodes(block.clone);
+ var done = function() {
+ previousElements = null;
+ };
+ var nga = $animate.leave(previousElements, done);
+ if (nga) {
+ nga.then(done);
+ }
+ block = null;
+ }
+ }
+ });
+ }
+ };
+ }]);
+
+ /**
+ * @ngdoc directive
+ * @function uiHide
+ *
+ * @description
+ * Same as `ngHide` but evaluates condition against `SharedState` statuses
+ *
+ * @param {expression} uiShow A condition to decide wether to hide the element
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when evaluating condition.
+ */
+ module.directive('uiHide', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {
+ var NG_HIDE_CLASS = 'ng-hide';
+ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';
+
+ return {
+ restrict: 'A',
+ multiElement: true,
+ link: function(scope, element, attr) {
+ var uiHideFn = parseUiCondition('uiHide', attr, scope, SharedState, $parse, $interpolate);
+ scope.$watch(uiHideFn, function uiHideWatchAction(value) {
+ $animate[value ? 'addClass' : 'removeClass'](element, NG_HIDE_CLASS, {
+ tempClasses: NG_HIDE_IN_PROGRESS_CLASS
+ });
+ });
+ }
+ };
+ }]);
+
+ /**
+ * @ngdoc directive
+ * @function uiShow
+ *
+ * @description
+ * Same as `ngShow` but evaluates condition against `SharedState` statuses
+ *
+ * @param {expression} uiShow A condition to decide wether to show the element
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when evaluating condition.
+ */
+ module.directive('uiShow', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse) {
+ var NG_HIDE_CLASS = 'ng-hide';
+ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';
+
+ return {
+ restrict: 'A',
+ multiElement: true,
+ link: function(scope, element, attr) {
+ var uiShowFn = parseUiCondition('uiShow', attr, scope, SharedState, $parse);
+ scope.$watch(uiShowFn, function uiShowWatchAction(value) {
+ $animate[value ? 'removeClass' : 'addClass'](element, NG_HIDE_CLASS, {
+ tempClasses: NG_HIDE_IN_PROGRESS_CLASS
+ });
+ });
+ }
+ };
+ }]);
+
+ /**
+ * @ngdoc directive
+ * @function uiClass
+ *
+ * @description
+ * A simplified version of `ngClass` that evaluates in context of `SharedState`, it only suppors the `{'className': expr}` syntax.
+ *
+ * @param {expression} uiClass An expression that has to evaluate to an object
+ * of the form `{'className': expr}`, where `expr` decides wether the class
+ * should appear to element's class list.
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when evaluating
+ * condition.
+ */
+ module.directive('uiClass', ['SharedState', '$parse', '$interpolate', function(SharedState, $parse) {
+ return {
+ restrict: 'A',
+ link: function(scope, element, attr) {
+ var uiClassFn = parseUiCondition('uiClass', attr, scope, SharedState, $parse);
+ scope.$watch(uiClassFn, function uiClassWatchAction(value) {
+ var classesToAdd = '';
+ var classesToRemove = '';
+ angular.forEach(value, function(expr, className) {
+ if (expr) {
+ classesToAdd += ' ' + className;
+ } else {
+ classesToRemove += ' ' + className;
+ }
+ classesToAdd = classesToAdd.trim();
+ classesToRemove = classesToRemove.trim();
+ if (classesToAdd.length) {
+ element.addClass(classesToAdd);
+ }
+ if (classesToRemove.length) {
+ element.removeClass(classesToRemove);
+ }
+ });
+ }, true);
+ }
+ };
+ }]);
+
+ module.run([
+ '$rootScope',
+ 'SharedState',
+ function($rootScope, SharedState) {
+ $rootScope.Ui = SharedState;
+ }
+ ]);
+
+})();
+
+/**
+ * Provides directives and service to prevent touchmove default behaviour
+ * for touch devices (ie. bounce on overscroll in IOS).
+ *
+ * #### Usage
+ *
+ * Use `ui-prevent-touchmove-defaults` directive on root element of your app:
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * Doing so `touchmove.preventDefault` logic for inner elements is inverted,
+ * so any `touchmove` default behaviour is automatically prevented.
+ *
+ * If you wish to allow the default behaviour, for example to allow
+ * inner elements to scroll, you have to explicitly mark an event to allow
+ * touchmove default.
+ *
+ * Mobile Angular UI already handles this for `scrollable` elements, so you don't have
+ * to do anything in order to support scroll.
+ *
+ * If you wish to allow touchmove defaults for certain element under certain conditions
+ * you can use the `allowTouchmoveDefault` service.
+ *
+ * ie.
+ *
+ * ``` js
+ * // always allow touchmove default for an element
+ * allowTouchmoveDefault(myelem);
+ * ```
+ *
+ * ``` js
+ * // allow touchmove default for an element only under certain conditions
+ * allowTouchmoveDefault(myelem, function(touchmove){
+ * return touchmove.pageY > 100;
+ * });
+ * ```
+ *
+ * @module mobile-angular-ui.core.touchmoveDefaults
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.core.touchmoveDefaults', []);
+
+ module.directive('uiPreventTouchmoveDefaults', function() {
+ var preventTouchmoveDefaultsCb = function(e) {
+ // Get this flag from either the saved event if jQuery is being used, otherwise get it from the event itself.
+ var allowTouchmoveEventFlag = e.originalEvent ? e.originalEvent.allowTouchmoveDefault : e.allowTouchmoveDefault;
+ if (allowTouchmoveEventFlag !== true) {
+ e.preventDefault();
+ }
+ };
+
+ return {
+ compile: function(element) {
+ if ('ontouchmove' in document) {
+ element.on('touchmove', preventTouchmoveDefaultsCb);
+ }
+ }
+ };
+ });
+
+ /**
+ * Bind a listener to an element to allow `touchmove` default behaviour
+ * when `touchmove` happens inside the bound element.
+ *
+ * You can also provide a function to decide when to allow and
+ * when to prevent it.
+ *
+ * ``` js
+ * // always allow touchmove default
+ * allowTouchmoveDefault(myelem);
+ *
+ * // allow touchmove default only under certain conditions
+ * allowTouchmoveDefault(myelem, function(touchmove){
+ * return touchmove.pageY > 100;
+ * });
+ * ```
+ *
+ * @param {Element|$element} element The element to bind.
+ * @param {function} condition A `function(touchmove)⟶boolean` to decide
+ * whether to allow default behavior or not.
+ *
+ * @service allowTouchmoveDefault
+ * @as function
+ * @returns function Function to unbind the listener
+ */
+
+ module.factory('allowTouchmoveDefault', function() {
+ var fnTrue = function() {
+ return true;
+ };
+
+ if ('ontouchmove' in document) {
+ return function($element, condition) {
+ condition = condition || fnTrue;
+
+ var allowTouchmoveDefaultCallback = function(e) {
+ if (condition(e)) {
+ e.allowTouchmoveDefault = true;
+ // jQuery normalizes the event object, need to put this property on the copied originalEvent.
+ if (e.originalEvent) {
+ e.originalEvent.allowTouchmoveDefault = true;
+ }
+ }
+ };
+
+ $element = angular.element($element);
+ $element.on('touchmove', allowTouchmoveDefaultCallback);
+
+ $element.on('$destroy', function() {
+ $element.off('touchmove', allowTouchmoveDefaultCallback);
+ $element = null;
+ });
+
+ return function() {
+ if ($element) {
+ $element.off('touchmove', allowTouchmoveDefaultCallback);
+ }
+ };
+ };
+ }
+
+ return angular.noop;
+ });
+
+})();
+
+/**
+ * @module mobile-angular-ui.core
+ *
+ * @description
+ *
+ * It has all the core functionalities of Mobile Angular UI. It aims to act as a common base
+ * for an UI framework providing services and directives to create components and implement
+ * UI interactions with angular.
+ *
+ *
+ * NOTE
+ *
+ *
+ * ## Standalone Usage
+ *
+ * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.core']);
+ * ```
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.core', [
+ 'mobile-angular-ui.core.fastclick',
+ 'mobile-angular-ui.core.activeLinks',
+ 'mobile-angular-ui.core.capture',
+ 'mobile-angular-ui.core.outerClick',
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.touchmoveDefaults'
+ ]);
+})();
diff --git a/dist/js/mobile-angular-ui.core.min.js b/dist/js/mobile-angular-ui.core.min.js
new file mode 100644
index 0000000..a1f23fb
--- /dev/null
+++ b/dist/js/mobile-angular-ui.core.min.js
@@ -0,0 +1,2 @@
+!function(){"use strict";function e(t,i){function r(e,t){return function(){return e.apply(t,arguments)}}var o;if(i=i||{},this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=i.touchBoundary||10,this.layer=t,this.tapDelay=i.tapDelay||200,this.tapTimeout=i.tapTimeout||700,!e.notNeeded(t)){for(var a=["onMouse","onClick","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel"],u=this,c=0,l=a.length;l>c;c++)u[a[c]]=r(u[a[c]],u);n&&(t.addEventListener("mouseover",this.onMouse,!0),t.addEventListener("mousedown",this.onMouse,!0),t.addEventListener("mouseup",this.onMouse,!0)),t.addEventListener("click",this.onClick,!0),t.addEventListener("touchstart",this.onTouchStart,!1),t.addEventListener("touchmove",this.onTouchMove,!1),t.addEventListener("touchend",this.onTouchEnd,!1),t.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(t.removeEventListener=function(e,n,i){var r=Node.prototype.removeEventListener;"click"===e?r.call(t,e,n.hijacked||n,i):r.call(t,e,n,i)},t.addEventListener=function(e,n,i){var r=Node.prototype.addEventListener;"click"===e?r.call(t,e,n.hijacked||(n.hijacked=function(e){e.propagationStopped||n(e)}),i):r.call(t,e,n,i)}),"function"==typeof t.onclick&&(o=t.onclick,t.addEventListener("click",function(e){o(e)},!1),t.onclick=null)}}var t=navigator.userAgent.indexOf("Windows Phone")>=0,n=navigator.userAgent.indexOf("Android")>0&&!t,i=/iP(ad|hone|od)/.test(navigator.userAgent)&&!t,r=i&&/OS 4_\d(_\d)?/.test(navigator.userAgent),o=i&&/OS [6-7]_\d/.test(navigator.userAgent),a=navigator.userAgent.indexOf("BB10")>0;e.prototype.needsClick=function(e){switch(e.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(e.disabled)return!0;break;case"input":if(i&&"file"===e.type||e.disabled)return!0;break;case"label":case"iframe":case"video":return!0}return/\bneedsclick\b/.test(e.className)},e.prototype.needsFocus=function(e){switch(e.nodeName.toLowerCase()){case"textarea":return!0;case"select":return!n;case"input":switch(e.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!e.disabled&&!e.readOnly;default:return/\bneedsfocus\b/.test(e.className)}},e.prototype.sendClick=function(e,t){var n,i;document.activeElement&&document.activeElement!==e&&document.activeElement.blur(),i=t.changedTouches[0],n=document.createEvent("MouseEvents"),n.initMouseEvent(this.determineEventType(e),!0,!0,window,1,i.screenX,i.screenY,i.clientX,i.clientY,!1,!1,!1,!1,0,null),n.forwardedTouchEvent=!0,e.dispatchEvent(n)},e.prototype.determineEventType=function(e){return n&&"select"===e.tagName.toLowerCase()?"mousedown":"click"},e.prototype.focus=function(e){var t;i&&e.setSelectionRange&&0!==e.type.indexOf("date")&&"time"!==e.type&&"month"!==e.type?(t=e.value.length,e.setSelectionRange(t,t)):e.focus()},e.prototype.updateScrollParent=function(e){var t,n;if(t=e.fastClickScrollParent,!t||!t.contains(e)){n=e;do{if(n.scrollHeight>n.offsetHeight){t=n,e.fastClickScrollParent=n;break}n=n.parentElement}while(n)}t&&(t.fastClickLastScrollTop=t.scrollTop)},e.prototype.getTargetElementFromEventTarget=function(e){return e.nodeType===Node.TEXT_NODE?e.parentNode:e},e.prototype.onTouchStart=function(e){var t,n,o;if(e.targetTouches.length>1)return!0;if(t=this.getTargetElementFromEventTarget(e.target),n=e.targetTouches[0],i){if(o=window.getSelection(),o.rangeCount&&!o.isCollapsed)return!0;if(!r){if(n.identifier&&n.identifier===this.lastTouchIdentifier)return e.preventDefault(),!1;this.lastTouchIdentifier=n.identifier,this.updateScrollParent(t)}}return this.trackingClick=!0,this.trackingClickStart=e.timeStamp,this.targetElement=t,this.touchStartX=n.pageX,this.touchStartY=n.pageY,e.timeStamp-this.lastClickTime-
+ *
- It has no dependency on Bootstrap. + *
- It is not related to mobile apps only. + *
- It is not requiring CSS support. + *
- You can use it on any Angular Application and with any CSS framework. + *
\n *
\n * ```\n *\n * Use `ui-content-for` inside any view to populate the `ui-yield-to` content.\n *\n * ``` html\n * \n *\n * \n * My View Title\n *
\n * ```\n *\n * Since the original scope is preserved you can use directives inside\n * `ui-content-for` blocks to interact with the current scope. In the following\n * example we will add a navbar button to submit a form inside a nested view.\n *\n * ``` html\n * \n *\n * \n *\n * \n *
\n * ```\n *\n * ``` html\n * \n *\n * \n * ```\n *\n * ``` javascript\n * app.controller('newCustomerController', function($scope, Store){\n * $scope.customer = {};\n * $scope.createCustomer = function(){\n * Store.create($scope.customer);\n * // ...\n * }\n * });\n * ```\n *\n * If you wish you can also duplicate markup instead of move it. Just add `duplicate` parameter to `uiContentFor` directive to specify this behaviour.\n *\n * ``` html\n * \n * \n *
\n * ```\n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.core.capture', [])\n\n .run([\n 'Capture',\n '$rootScope',\n function(Capture, $rootScope) {\n $rootScope.$on('$routeChangeSuccess', function() {\n Capture.resetAll();\n });\n }\n ])\n\n .factory('Capture', [\n '$compile',\n function($compile) {\n var yielders = {};\n\n return {\n yielders: yielders,\n\n resetAll: function() {\n for (var name in yielders) {\n if (yielders.hasOwnProperty(name)) {\n this.resetYielder(name);\n }\n }\n },\n\n resetYielder: function(name) {\n var b = yielders[name];\n this.setContentFor(name, b.defaultContent, b.defaultScope);\n },\n\n putYielder: function(name, element, defaultScope, defaultContent) {\n var yielder = {};\n yielder.name = name;\n yielder.element = element;\n yielder.defaultContent = defaultContent || '';\n yielder.defaultScope = defaultScope;\n yielders[name] = yielder;\n },\n\n getYielder: function(name) {\n return yielders[name];\n },\n\n removeYielder: function(name) {\n delete yielders[name];\n },\n\n setContentFor: function(name, content, scope) {\n var b = yielders[name];\n if (!b) {\n return;\n }\n b.element.html(content);\n $compile(b.element.contents())(scope);\n }\n\n };\n }\n ])\n\n /**\n * @directive uiContentFor\n * @restrict A\n * @description\n *\n * `ui-content-for` makes inner contents to replace the corresponding\n * `ui-yield-to` placeholder contents.\n *\n * `uiContentFor` is intended to be used inside a view in order to populate outer placeholders.\n * Any content you send to placeholders via `ui-content-for` is\n * reverted to placeholder defaults after view changes (ie. on `$routeChangeStart`).\n *\n * @param {string} uiContentFor The id of the placeholder to be replaced\n * @param {boolean} uiDuplicate If present duplicates the content instead of moving it (default to `false`)\n *\n */\n .directive('uiContentFor', [\n 'Capture',\n function(Capture) {\n return {\n compile: function(tElem, tAttrs) {\n var rawContent = tElem.html();\n if (tAttrs.uiDuplicate === null || tAttrs.uiDuplicate === undefined) {\n // no need to compile anything!\n tElem.html('');\n tElem.remove();\n }\n return function(scope, elem, attrs) {\n Capture.setContentFor(attrs.uiContentFor, rawContent, scope);\n };\n }\n };\n }\n ])\n\n /**\n * @directive uiYieldTo\n * @restrict A\n * @description\n *\n * `ui-yield-to` defines a placeholder which contents will be further replaced by `ui-content-for` directive.\n *\n * Inner html is considered to be a default. Default is restored any time `$routeChangeStart` happens.\n *\n * @param {string} uiYieldTo The unique id of this placeholder.\n *\n */\n .directive('uiYieldTo', [\n '$compile', 'Capture', function($compile, Capture) {\n return {\n link: function(scope, element, attr) {\n Capture.putYielder(attr.uiYieldTo, element, scope, element.html());\n\n element.on('$destroy', function() {\n Capture.removeYielder(attr.uiYieldTo);\n });\n\n scope.$on('$destroy', function() {\n Capture.removeYielder(attr.uiYieldTo);\n });\n }\n };\n }\n ]);\n\n})();\n","/**\n *\n * @module mobile-angular-ui.core.outerClick\n * @description\n *\n * Provides a directive to specifiy a behaviour when click/tap events\n * happen outside an element. This can be easily used\n * to implement eg. __close on outer click__ feature for a dropdown.\n *\n * ## Usage\n *\n * Declare it as a dependency to your app unless you have already\n * included some of its super-modules.\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui']);\n * ```\n *\n * Or\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui.core']);\n * ```\n *\n * Or\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui.core.outerClick']);\n * ```\n *\n * Use `ui-outer-click` to define an expression to evaluate when an _Outer Click_ event happens.\n * Use `ui-outer-click-if` parameter to define a condition to enable/disable the listener.\n *\n * ``` html\n * \n * \n * \n * \n * \n *\n * Action \n * Another action \n * Something else here \n * \n * Separated link \n * \n *
\n * ```\n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.core.outerClick', [])\n\n .factory('_mauiIsAncestorOrSelf', function() {\n return function(element, target) {\n var parent = element;\n while (parent.length > 0) {\n if (parent[0] === target[0]) {\n parent = null;\n return true;\n }\n parent = parent.parent();\n }\n parent = null;\n return false;\n };\n })\n\n /**\n * @service bindOuterClick\n * @as function\n *\n * @description\n * This is a service function that binds a callback to be conditionally executed\n * when a click event happens outside a specified element.\n *\n * Ie.\n *\n * ``` js\n * app.directive('myDirective', function('bindOuterClick'){\n * return {\n * link: function(scope, element) {\n * bindOuterClick(element, function(scope, extra){\n * alert('You clicked ouside me!');\n * }, function(e){\n * return element.hasClass('disabled') ? true : false;\n * });\n * }\n * };\n * });\n * ```\n * @scope {scope} the scope to eval callbacks\n * @param {DomElement|$element} element The element to bind to.\n * @param {function} callback A `function(scope, options)`, usually the result of `$parse`, that is called when an _outer click_ event happens.\n * @param {string|function} condition Angular `$watch` expression to decide whether to run `callback` or not.\n */\n .factory('bindOuterClick', [\n '$document',\n '$timeout',\n '_mauiIsAncestorOrSelf',\n function($document, $timeout, isAncestorOrSelf) {\n\n return function(scope, element, outerClickFn, outerClickIf) {\n var handleOuterClick = function(event) {\n if (!isAncestorOrSelf(angular.element(event.target), element)) {\n scope.$apply(function() {\n outerClickFn(scope, {$event: event});\n });\n }\n };\n\n var stopWatching = angular.noop;\n var t = null;\n\n if (outerClickIf) {\n stopWatching = scope.$watch(outerClickIf, function(value) {\n $timeout.cancel(t);\n\n if (value) {\n // prevents race conditions\n // activating with other click events\n t = $timeout(function() {\n $document.on('click tap', handleOuterClick);\n }, 0);\n\n } else {\n $document.unbind('click tap', handleOuterClick);\n }\n });\n } else {\n $timeout.cancel(t);\n $document.on('click tap', handleOuterClick);\n }\n\n scope.$on('$destroy', function() {\n stopWatching();\n $document.unbind('click tap', handleOuterClick);\n });\n };\n }\n ])\n\n /**\n * @directive outerClick\n *\n * @description\n * Evaluates an expression when an _Outer Click_ event happens.\n *\n * @param {expression} uiOuterClick Expression to evaluate when an _Outer Click_ event happens.\n * @param {expression} uiOuterClickIf Condition to enable/disable the listener. Defaults to `true`.\n */\n .directive('uiOuterClick', [\n 'bindOuterClick',\n '$parse',\n function(bindOuterClick, $parse) {\n return {\n restrict: 'A',\n compile: function(elem, attrs) {\n var outerClickFn = $parse(attrs.uiOuterClick);\n var outerClickIf = attrs.uiOuterClickIf;\n return function(scope, elem) {\n bindOuterClick(scope, elem, outerClickFn, outerClickIf);\n };\n }\n };\n }\n ]);\n})();\n","(function() {\n 'use strict';\n /**\n * @module mobile-angular-ui.core.sharedState\n *\n * @description\n * `mobile-angular-ui.core.sharedState` is expose the homonymous service\n * `SharedState` and a group of directives to access it.\n *\n * `SharedState` allows to use elementary angular or angularish directives\n * to create interactive components.\n *\n * Ie.\n *\n * ``` html\n * \n * \n *
\n * ```\n *\n * Using `SharedState` you will be able to:\n *\n * - Create interactive components without having to write javascript code\n * - Have your controller free from UI logic\n * - Separe `ng-click` triggering application logic from those having a visual effect only\n * - Export state of components to urls\n * - Easily make components comunicate each other\n *\n * Also note that:\n *\n * Data structures retaining statuses will stay outside angular scopes\n * thus they are not evaluated against digest cycle until its necessary.\n * Also although statuses are sort of global variables `SharedState` will\n * take care of disposing them when no scopes are requiring them anymore.\n *\n * A set of `ui-*` directives are available to interact with `SharedState`\n * module and will hopefully var you spare your controllers and your time\n * for something that is more meaningful than this:\n *\n * ``` js\n * $scope.activeTab = 1;\n *\n * $scope.setActiveTab = function(n) {\n * $scope.activeTab = n;\n * };\n * ```\n *\n * ## Usage\n *\n * Declare it as a dependency to your app unless you have already included some\n * of its super-modules.\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui.core.sharedState']);\n * ```\n *\n * Use `ui-shared-state` directive to require/initialize a state from the target element scope\n *\n * **Example.** Tabs\n *\n * \n *\n * **Example.** Custom components\n *\n * \n *\n * NOTE: `ui-toggle/set/turnOn/turnOff` responds to `click/tap` without\n * stopping propagation so you can use them along with ng-click too.\n * You can also change events to respond to with `ui-triggers` attribute.\n *\n * Any `SharedState` method is exposed through `Ui` object in `$rootScope`.\n * So you could always do `ng-click=\"Ui.turnOn('myVar')\"`.\n *\n * Since `SharedState` is a service you can initialize/set statuses through\n * controllers too:\n *\n * ``` js\n * app.controller('myController', function($scope, SharedState){\n * SharedState.initialize($scope, \"activeTab\", 3);\n * });\n * ```\n *\n * As well as you can use `ui-default` for that:\n *\n * ``` html\n * \n * ```\n *\n */\n var module = angular.module('mobile-angular-ui.core.sharedState', []);\n\n /**\n * @ngdoc service\n * @class SharedState\n *\n * @description\n *\n * A `SharedState` state can be considered as a global variable identified by an `id`.\n *\n * `SharedState` service exposes methods to interact with statuses to create,\n * read and update states.\n *\n * It acts as a BUS between UI elements to share UI related state that is\n * automatically disposed when all scopes requiring it are destroyed.\n *\n * eg.\n *\n * ``` js\n * app.controller('controller1', function($scope, SharedState){\n * SharedState.initialize($scope, 'myId');\n * });\n *\n * app.controller('controller2', function(SharedState){\n * SharedState.toggle('myId');\n * });\n * ```\n *\n * Data structures retaining statuses will stay outside angular scopes thus\n * they are not evaluated against digest cycle until its necessary. Also\n * although statuses are sort of global variables `SharedState` will take\n * care of disposing them when no scopes are requiring them anymore.\n *\n * A set of `ui-*` directives are available to interact with `SharedState`\n * module and will hopefully var you spare your controllers and your time for\n * something that is more meaningful than this:\n *\n * ``` js\n * $scope.activeTab = 1;\n *\n * $scope.setActiveTab = function(n) {\n * $scope.activeTab = n;\n * };\n * ```\n *\n */\n\n /**\n * @event 'mobile-angular-ui.state.initialized.ID'\n * @shortname initialized\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` when `#initialize` is called for a new state not\n * referenced by any scope currently.\n *\n * @param {any} currentValue The value with which this state has been initialized\n *\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n\n /**\n * @event 'mobile-angular-ui.state.destroyed.ID'\n * @shortname destroyed\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` when a state is destroyed.\n *\n */\n\n /**\n * @event 'mobile-angular-ui.state.changed.ID'\n * @shortname changed\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` the value of a state changes.\n *\n * ``` js\n * $scope.$on('mobile-angular-ui.state.changed.uiSidebarLeft', function(e, newVal, oldVal) {\n * if (newVal === true) {\n * console.log('sidebar opened');\n * } else {\n * console.log('sidebar closed');\n * }\n * });\n * ```\n *\n * @param {any} newValue\n * @param {any} oldValue\n *\n */\n\n module.factory('SharedState', [\n '$rootScope', '$log',\n function($rootScope, $log) {\n var values = {}; // values, context object for evals\n var statusesMeta = {}; // status info\n var scopes = {}; // scopes references\n var exclusionGroups = {}; // support exclusive boolean sets\n\n return {\n /**\n * @function initialize\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Initialize, or require if already intialized, a state identified by `id` within the provided `scope`, making it available to the rest of application.\n *\n * A `SharedState` is bound to one or more scopes. Each time\n * `initialize` is called for an angular `scope` this will be bound to\n * the `SharedState` and a reference count is incremented to allow\n * garbage collection.\n *\n * Reference count is decremented once the scope is destroyed. When the counter reach 0 the state will be disposed.\n *\n * @param {scope} scope The scope to bound this state\n * @param {string} id The unique name of this state\n * @param {object} [options] Options\n * @param {object} [options.defaultValue] the initialization value, it is taken into account only if the state `id` is not already initialized\n * @param {string} [options.exclusionGroup] Specifies an exclusion group\n * for the state. This means that for boolean operations (ie. toggle,\n * turnOn, turnOf) when this state is set to `true`, any other state\n * that is in the same `exclusionGroup` will be set to `false`.\n */\n initialize: function(scope, id, options) {\n options = options || {};\n\n var isNewScope = scopes[scope] === undefined;\n var defaultValue = options.defaultValue;\n var exclusionGroup = options.exclusionGroup;\n\n scopes[scope.$id] = scopes[scope.$id] || [];\n scopes[scope.$id].push(id);\n\n if (!statusesMeta[id]) { // is a brand new state\n // not referenced by any\n // scope currently\n\n statusesMeta[id] = angular.extend({}, options, {references: 1});\n\n $rootScope.$broadcast('mobile-angular-ui.state.initialized.' + id, defaultValue);\n\n if (defaultValue !== undefined) {\n this.setOne(id, defaultValue);\n }\n\n if (exclusionGroup) {\n // Exclusion groups are sets of statuses references\n exclusionGroups[exclusionGroup] = exclusionGroups[exclusionGroup] || {};\n exclusionGroups[exclusionGroup][id] = true;\n }\n\n } else if (isNewScope) { // is a new reference from\n // a different scope\n statusesMeta[id].references++;\n }\n scope.$on('$destroy', function() {\n var ids = scopes[scope.$id] || [];\n for (var i = 0; i < ids.length; i++) {\n var status = statusesMeta[ids[i]];\n\n if (status.exclusionGroup) {\n delete exclusionGroups[status.exclusionGroup][ids[i]];\n if (Object.keys(exclusionGroups[status.exclusionGroup]).length === 0) {\n delete exclusionGroups[status.exclusionGroup];\n }\n }\n\n status.references--;\n if (status.references <= 0) {\n delete statusesMeta[ids[i]];\n delete values[ids[i]];\n $rootScope.$broadcast('mobile-angular-ui.state.destroyed.' + id);\n }\n }\n delete scopes[scope.$id];\n });\n },\n\n /**\n * @function setOne\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Set the value of the state identified by `id` to the `value` parameter.\n *\n * @param {string} id Unique identifier for state\n * @param {any} value New value for this state\n */\n setOne: function(id, value) {\n if (statusesMeta[id] !== undefined) {\n var prev = values[id];\n values[id] = value;\n if (prev !== value) {\n $rootScope.$broadcast('mobile-angular-ui.state.changed.' + id, value, prev);\n }\n return value;\n }\n $log.warn('Warning: Attempt to set uninitialized shared state: ' + id);\n },\n\n /**\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @function setMany\n * @description\n *\n * Set multiple statuses at once. ie.\n *\n * ```\n * SharedState.setMany({ activeTab: 'firstTab', sidebarIn: false });\n * ```\n *\n * @param {object} object An object of the form `{state1: value1, ..., stateN: valueN}`\n */\n setMany: function(map) {\n angular.forEach(map, function(value, id) {\n this.setOne(id, value);\n }, this);\n },\n\n /**\n * @function set\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * A shorthand for both `setOne` and `setMany`.\n * When called with only one parameter that is an object\n * it is the same of `setMany`, otherwise is the\n * same of `setOne`.\n *\n * @param {string|object} idOrMap A state id or a `{state: value}` map object.\n * @param {any} [value] The value to assign in case idOrMap is a string.\n */\n set: function(idOrMap, value) {\n if (!idOrMap) {\n return;\n } else if (angular.isObject(idOrMap)) {\n this.setMany(idOrMap);\n } else {\n this.setOne(idOrMap, value);\n }\n },\n\n /**\n * @function turnOn\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Set shared state identified by `id` to `true`. If the\n * shared state has been initialized with `exclusionGroup`\n * option it will also turn off (set to `false`) all other\n * statuses from the same exclusion group.\n *\n * @param {string} id The unique name of this state\n */\n turnOn: function(id) {\n // Turns off other statuses belonging to the same exclusion group.\n var eg = statusesMeta[id] && statusesMeta[id].exclusionGroup;\n if (eg) {\n var egStatuses = Object.keys(exclusionGroups[eg]);\n for (var i = 0; i < egStatuses.length; i++) {\n var item = egStatuses[i];\n if (item !== id) {\n this.turnOff(item);\n }\n }\n }\n return this.setOne(id, true);\n },\n\n /**\n * @function turnOff\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Set shared state identified by `id` to `false`.\n *\n * @param {string} id The unique name of this state\n */\n turnOff: function(id) {\n return this.setOne(id, false);\n },\n\n /**\n * @function toggle\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * If current value for shared state identified by `id` evaluates\n * to `true` it calls `turnOff` on it otherwise calls `turnOn`.\n * Be aware that it will take into account `exclusionGroup` option.\n * See `#turnOn` and `#initialize` for more.\n *\n * @param {string} id The unique name of this state\n */\n toggle: function(id) {\n return this.get(id) ? this.turnOff(id) : this.turnOn(id);\n },\n\n /**\n * @function get\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Returns the current value of the state identified by `id`.\n *\n * @param {string} id The unique name of this state\n * @returns {any}\n */\n get: function(id) {\n return statusesMeta[id] && values[id];\n },\n\n /**\n * @function isActive\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Return `true` if the boolean conversion of `#get(id)` evaluates to `true`.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n isActive: function(id) {\n return Boolean(this.get(id));\n },\n\n /**\n * @function active\n * @alias mobile-angular-ui.core.sharedState~SharedState.isActive\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Alias for `#isActive`.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n active: function(id) {\n return this.isActive(id);\n },\n\n /**\n * @function isUndefined\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Return `true` if state identified by `id` is not defined.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n isUndefined: function(id) {\n return statusesMeta[id] === undefined || this.get(id) === undefined;\n },\n\n /**\n * Returns `true` if state identified by `id` exsists.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n *\n * @function has\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n has: function(id) {\n return statusesMeta[id] !== undefined;\n },\n\n /**\n * Returns the number of references of a status.\n *\n * @param {string} id The unique name of this state\n * @returns {integer}\n *\n * @function referenceCount\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n referenceCount: function(id) {\n var status = statusesMeta[id];\n return status === undefined ? 0 : status.references;\n },\n\n /**\n * Returns `true` if `#get(id)` is exactly equal (`===`) to `value` param.\n *\n * @param {string} id The unique name of this state\n * @param {any} value The value for comparison\n * @returns {bool}\n *\n * @function equals\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n equals: function(id, value) {\n return this.get(id) === value;\n },\n\n /**\n * Alias for `#equals`\n *\n * @param {string} id The unique name of this state\n * @param {any} value The value for comparison\n * @returns {bool}\n *\n * @function eq\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @alias mobile-angular-ui.core.sharedState~SharedState.equals\n */\n eq: function(id, value) {\n return this.equals(id, value);\n },\n\n /**\n * Returns an object with all the status values currently stored.\n * It has the form of `{statusId: statusValue}`.\n *\n * Bear in mind that in order to spare resources it currently\n * returns just the internal object retaining statuses values.\n * Thus it is not intended to be modified and direct changes to it will be not tracked or notified.\n *\n * Just clone before apply any change to it.\n *\n * @returns {object}\n *\n * @function values\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n values: function() {\n return values;\n },\n\n exclusionGroups: function() {\n return exclusionGroups;\n }\n };\n }\n ]);\n\n var uiBindEvent = function(scope, element, eventNames, fn) {\n eventNames = eventNames || 'click tap';\n element.on(eventNames, function(event) {\n scope.$apply(function() {\n fn(scope, {$event: event});\n });\n });\n };\n\n /**\n * Calls `SharedState#initialize` on the scope relative to the element using it.\n *\n * @param {string} uiState The shared state id\n * @param {expression} [uiDefault] the default value\n *\n * @directive uiSharedState\n */\n module.directive('uiSharedState', [\n 'SharedState', function(SharedState) {\n return {\n restrict: 'EA',\n priority: 601, // more than ng-if\n link: function(scope, elem, attrs) {\n var id = attrs.uiSharedState || attrs.id;\n var defaultValueExpr = attrs.uiDefault || attrs.default;\n var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;\n\n SharedState.initialize(scope, id, {\n defaultValue: defaultValue,\n exclusionGroup: attrs.uiExclusionGroup\n });\n }\n };\n }\n ]);\n\n /**\n * Alias for uiSharedState. **Deprecated** since it clashes with\n * [UI-Router](https://ui-router.github.io/) `uiState` directive.\n *\n * @deprecated\n * @param {string} uiState The shared state id\n * @param {expression} [uiDefault] the default value\n *\n * @directive uiState\n */\n module.directive('uiState', [\n 'SharedState', function(SharedState) {\n return {\n restrict: 'EA',\n priority: 601, // more than ng-if\n link: function(scope, elem, attrs) {\n var id = attrs.uiState || attrs.id;\n var defaultValueExpr = attrs.uiDefault || attrs.default;\n var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;\n\n SharedState.initialize(scope, id, {\n defaultValue: defaultValue,\n exclusionGroup: attrs.uiExclusionGroup\n });\n }\n };\n }\n ]);\n\n angular.forEach(['toggle', 'turnOn', 'turnOff', 'set'],\n function(methodName) {\n var directiveName = 'ui' + methodName[0].toUpperCase() + methodName.slice(1);\n\n /**\n * Calls `SharedState#toggle` when triggering events happens on the element using it.\n *\n * @param {string} uiToggle the target shared state\n * @param {expression} uiDefault the default value\n *\n * @directive uiToggle\n */\n\n /**\n * @function uiTurnOn\n *\n * @description\n * Calls `SharedState#turnOn` when triggering events happens on the element using it.\n *\n *\n * @ngdoc directive\n *\n * @param {string} uiTurnOn the target shared state\n * @param {expression} uiDefault the default value\n */\n\n /**\n * @function uiTurnOff\n *\n * @description\n * Calls `SharedState#turnOff` when triggering events happens on the element using it.\n *\n * @ngdoc directive\n *\n * @param {string} uiTurnOff the target shared state\n * @param {string} [uiTriggers='click tap'] the event triggering the call.\n */\n\n /**\n * @function uiSet\n *\n * @description\n * Calls `SharedState#set` when triggering events happens on the element using it.\n *\n * @ngdoc directive\n *\n * @param {object} uiSet The object to pass to SharedState#set\n * @param {string} [uiTriggers='click tap'] the event triggering the call.\n */\n\n module.directive(directiveName, [\n '$parse',\n '$interpolate',\n 'SharedState',\n function($parse, $interpolate, SharedState) {\n var method = SharedState[methodName];\n return {\n restrict: 'A',\n priority: 1, // This would make postLink calls happen after ngClick\n // (and similar) ones, thus intercepting events after them.\n //\n // This will prevent eventual ng-if to detach elements\n // before ng-click fires.\n\n compile: function(elem, attrs) {\n var attr = attrs[directiveName];\n var needsInterpolation = attr.match(/\\{\\{/);\n\n var exprFn = function($scope) {\n var res = attr;\n if (needsInterpolation) {\n var interpolateFn = $interpolate(res);\n res = interpolateFn($scope);\n }\n if (methodName === 'set') {\n res = ($parse(res))($scope);\n }\n return res;\n };\n\n return function(scope, elem, attrs) {\n var callback = function() {\n var arg = exprFn(scope);\n return method.call(SharedState, arg);\n };\n uiBindEvent(scope, elem, attrs.uiTriggers, callback);\n };\n }\n };\n }\n ]);\n });\n\n /**\n * @name uiScopeContext\n * @inner\n * @description\n *\n * `uiScopeContext` is not a directive, but a parameter common to any of the\n * `ui-*` directives in this module.\n *\n * By default all `ui-*` conditions in this module evaluates in the context of\n * `SharedState` only, thus scope variable are not accessible. To use them you have\n * two options:\n *\n * #### 1. pre-interpolation\n *\n * You can use pre-interpolation in expression attribute. For instance the following syntax\n * is ligit:\n *\n * ``` html\n * \n * ```\n *\n * In this case `idx` value is taken from scope and embedded into\n * conditions before parse them.\n *\n * This works as expected and is fine for the most cases, but it has a little caveat:\n *\n * The condition has to be re-parsed at each digest loop and has to walk scopes\n * in watchers.\n *\n * #### 2. uiScopeContext\n *\n * If you are concerned about performance issues using the first approach\n * `uiScopeContext` is a more verbose but also lightweight alternative\n * to accomplish the same.\n *\n * It allows to use current scope vars inside `ui-*` conditions, leaving\n * other scope vars (or the entire scope if not present) apart from the\n * condition evaluation process.\n *\n * Hopefully this will keep evaluation running against a flat and small data\n * structure instead of taking into account the whole scope.\n *\n * It is a list `scopeVar[ as aliasName] [, ...]` specifing one of more scope\n * variables to take into account when evaluating conditions. ie:\n *\n * ``` html\n * \n * Tab1
\n * Tab2
\n * Tab3
\n * \n *
\n * ```\n *\n * ``` html\n * \n * \n *
\n * \n *
\n * ```\n *\n * Be aware that scope vars will take precedence over sharedStates so,\n * in order to avoid name clashes you can use 'as' to refer to scope vars\n * with a different name in conditions:\n *\n * ``` html\n * \n *
\n * ```\n */\n var parseScopeContext = function(attr) {\n if (!attr || attr === '') {\n return [];\n }\n var vars = attr ? attr.trim().split(/ *, */) : [];\n var res = [];\n for (var i = 0; i < vars.length; i++) {\n var item = vars[i].split(/ *as */);\n if (item.length > 2 || item.length < 1) {\n throw new Error('Error parsing uiScopeContext=\"' + attr + '\"');\n }\n res.push(item);\n }\n return res;\n };\n\n var mixScopeContext = function(context, scopeVars, scope) {\n for (var i = 0; i < scopeVars.length; i++) {\n var key = scopeVars[i][0];\n var alias = scopeVars[i][1] || key;\n context[alias] = key.split('.').reduce(function(scope, nextKey) {\n return scope[nextKey];\n }, scope);\n }\n };\n\n var parseUiCondition = function(name, attrs, $scope, SharedState, $parse, $interpolate) {\n var expr = attrs[name];\n var needsInterpolation = expr.match(/\\{\\{/);\n var exprFn;\n\n if (needsInterpolation) {\n exprFn = function(context) {\n var interpolateFn = $interpolate(expr);\n var parseFn = $parse(interpolateFn($scope));\n return parseFn(context);\n };\n } else {\n exprFn = $parse(expr);\n }\n\n var uiScopeContext = parseScopeContext(attrs.uiScopeContext);\n return function() {\n var context;\n if (uiScopeContext.length) {\n context = angular.extend({}, SharedState.values());\n mixScopeContext(context, uiScopeContext, $scope);\n } else {\n context = SharedState.values();\n }\n return exprFn(context);\n };\n };\n\n /**\n * @ngdoc directive\n * @function uiIf\n *\n * @description\n * Same as `ngIf` but evaluates condition against `SharedState` statuses too\n *\n * @param {expression} uiIf A condition to decide wether to attach the\n * element to the dom\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when\n * evaluating condition.\n */\n module.directive('uiIf', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {\n function getBlockNodes(nodes) {\n var node = nodes[0];\n var endNode = nodes[nodes.length - 1];\n var blockNodes = [node];\n do {\n node = node.nextSibling;\n if (!node) {\n break;\n }\n blockNodes.push(node);\n } while (node !== endNode);\n\n return angular.element(blockNodes);\n }\n\n return {\n multiElement: true,\n transclude: 'element',\n priority: 600,\n terminal: true,\n restrict: 'A',\n $$tlb: true,\n link: function($scope, $element, $attr, ctrl, $transclude) {\n var block;\n var childScope;\n var previousElements;\n var uiIfFn = parseUiCondition('uiIf', $attr, $scope, SharedState, $parse, $interpolate);\n\n $scope.$watch(uiIfFn, function uiIfWatchAction(value) {\n if (value) {\n if (!childScope) {\n $transclude(function(clone, newScope) {\n childScope = newScope;\n clone[clone.length++] = document.createComment(' end uiIf: ' + $attr.uiIf + ' ');\n // Note: We only need the first/last node of the cloned nodes.\n // However, we need to keep the reference to the jqlite wrapper as it might be changed later\n // by a directive with templateUrl when its template arrives.\n block = {\n clone: clone\n };\n $animate.enter(clone, $element.parent(), $element);\n });\n }\n } else {\n if (previousElements) {\n previousElements.remove();\n previousElements = null;\n }\n if (childScope) {\n childScope.$destroy();\n childScope = null;\n }\n if (block) {\n previousElements = getBlockNodes(block.clone);\n var done = function() {\n previousElements = null;\n };\n var nga = $animate.leave(previousElements, done);\n if (nga) {\n nga.then(done);\n }\n block = null;\n }\n }\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiHide\n *\n * @description\n * Same as `ngHide` but evaluates condition against `SharedState` statuses\n *\n * @param {expression} uiShow A condition to decide wether to hide the element\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating condition.\n */\n module.directive('uiHide', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {\n var NG_HIDE_CLASS = 'ng-hide';\n var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';\n\n return {\n restrict: 'A',\n multiElement: true,\n link: function(scope, element, attr) {\n var uiHideFn = parseUiCondition('uiHide', attr, scope, SharedState, $parse, $interpolate);\n scope.$watch(uiHideFn, function uiHideWatchAction(value) {\n $animate[value ? 'addClass' : 'removeClass'](element, NG_HIDE_CLASS, {\n tempClasses: NG_HIDE_IN_PROGRESS_CLASS\n });\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiShow\n *\n * @description\n * Same as `ngShow` but evaluates condition against `SharedState` statuses\n *\n * @param {expression} uiShow A condition to decide wether to show the element\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating condition.\n */\n module.directive('uiShow', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse) {\n var NG_HIDE_CLASS = 'ng-hide';\n var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';\n\n return {\n restrict: 'A',\n multiElement: true,\n link: function(scope, element, attr) {\n var uiShowFn = parseUiCondition('uiShow', attr, scope, SharedState, $parse);\n scope.$watch(uiShowFn, function uiShowWatchAction(value) {\n $animate[value ? 'removeClass' : 'addClass'](element, NG_HIDE_CLASS, {\n tempClasses: NG_HIDE_IN_PROGRESS_CLASS\n });\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiClass\n *\n * @description\n * A simplified version of `ngClass` that evaluates in context of `SharedState`, it only suppors the `{'className': expr}` syntax.\n *\n * @param {expression} uiClass An expression that has to evaluate to an object\n * of the form `{'className': expr}`, where `expr` decides wether the class\n * should appear to element's class list.\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating\n * condition.\n */\n module.directive('uiClass', ['SharedState', '$parse', '$interpolate', function(SharedState, $parse) {\n return {\n restrict: 'A',\n link: function(scope, element, attr) {\n var uiClassFn = parseUiCondition('uiClass', attr, scope, SharedState, $parse);\n scope.$watch(uiClassFn, function uiClassWatchAction(value) {\n var classesToAdd = '';\n var classesToRemove = '';\n angular.forEach(value, function(expr, className) {\n if (expr) {\n classesToAdd += ' ' + className;\n } else {\n classesToRemove += ' ' + className;\n }\n classesToAdd = classesToAdd.trim();\n classesToRemove = classesToRemove.trim();\n if (classesToAdd.length) {\n element.addClass(classesToAdd);\n }\n if (classesToRemove.length) {\n element.removeClass(classesToRemove);\n }\n });\n }, true);\n }\n };\n }]);\n\n module.run([\n '$rootScope',\n 'SharedState',\n function($rootScope, SharedState) {\n $rootScope.Ui = SharedState;\n }\n ]);\n\n})();\n","/**\n * Provides directives and service to prevent touchmove default behaviour\n * for touch devices (ie. bounce on overscroll in IOS).\n *\n * #### Usage\n *\n * Use `ui-prevent-touchmove-defaults` directive on root element of your app:\n *\n * ``` html\n * \n * \n * \n * ```\n *\n * Doing so `touchmove.preventDefault` logic for inner elements is inverted,\n * so any `touchmove` default behaviour is automatically prevented.\n *\n * If you wish to allow the default behaviour, for example to allow\n * inner elements to scroll, you have to explicitly mark an event to allow\n * touchmove default.\n *\n * Mobile Angular UI already handles this for `scrollable` elements, so you don't have\n * to do anything in order to support scroll.\n *\n * If you wish to allow touchmove defaults for certain element under certain conditions\n * you can use the `allowTouchmoveDefault` service.\n *\n * ie.\n *\n * ``` js\n * // always allow touchmove default for an element\n * allowTouchmoveDefault(myelem);\n * ```\n *\n * ``` js\n * // allow touchmove default for an element only under certain conditions\n * allowTouchmoveDefault(myelem, function(touchmove){\n * return touchmove.pageY > 100;\n * });\n * ```\n *\n * @module mobile-angular-ui.core.touchmoveDefaults\n */\n(function() {\n 'use strict';\n var module = angular.module('mobile-angular-ui.core.touchmoveDefaults', []);\n\n module.directive('uiPreventTouchmoveDefaults', function() {\n var preventTouchmoveDefaultsCb = function(e) {\n // Get this flag from either the saved event if jQuery is being used, otherwise get it from the event itself.\n var allowTouchmoveEventFlag = e.originalEvent ? e.originalEvent.allowTouchmoveDefault : e.allowTouchmoveDefault;\n if (allowTouchmoveEventFlag !== true) {\n e.preventDefault();\n }\n };\n\n return {\n compile: function(element) {\n if ('ontouchmove' in document) {\n element.on('touchmove', preventTouchmoveDefaultsCb);\n }\n }\n };\n });\n\n /**\n * Bind a listener to an element to allow `touchmove` default behaviour\n * when `touchmove` happens inside the bound element.\n *\n * You can also provide a function to decide when to allow and\n * when to prevent it.\n *\n * ``` js\n * // always allow touchmove default\n * allowTouchmoveDefault(myelem);\n *\n * // allow touchmove default only under certain conditions\n * allowTouchmoveDefault(myelem, function(touchmove){\n * return touchmove.pageY > 100;\n * });\n * ```\n *\n * @param {Element|$element} element The element to bind.\n * @param {function} condition A `function(touchmove)⟶boolean` to decide\n * whether to allow default behavior or not.\n *\n * @service allowTouchmoveDefault\n * @as function\n * @returns function Function to unbind the listener\n */\n\n module.factory('allowTouchmoveDefault', function() {\n var fnTrue = function() {\n return true;\n };\n\n if ('ontouchmove' in document) {\n return function($element, condition) {\n condition = condition || fnTrue;\n\n var allowTouchmoveDefaultCallback = function(e) {\n if (condition(e)) {\n e.allowTouchmoveDefault = true;\n // jQuery normalizes the event object, need to put this property on the copied originalEvent.\n if (e.originalEvent) {\n e.originalEvent.allowTouchmoveDefault = true;\n }\n }\n };\n\n $element = angular.element($element);\n $element.on('touchmove', allowTouchmoveDefaultCallback);\n\n $element.on('$destroy', function() {\n $element.off('touchmove', allowTouchmoveDefaultCallback);\n $element = null;\n });\n\n return function() {\n if ($element) {\n $element.off('touchmove', allowTouchmoveDefaultCallback);\n }\n };\n };\n }\n\n return angular.noop;\n });\n\n})();\n","/**\n * @module mobile-angular-ui.core\n *\n * @description\n *\n * It has all the core functionalities of Mobile Angular UI. It aims to act as a common base\n * for an UI framework providing services and directives to create components and implement\n * UI interactions with angular.\n *\n * \n * NOTE\n *
\n *\n * ## Standalone Usage\n *\n * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.core']);\n * ```\n */\n(function() {\n 'use strict';\n angular.module('mobile-angular-ui.core', [\n 'mobile-angular-ui.core.fastclick',\n 'mobile-angular-ui.core.activeLinks',\n 'mobile-angular-ui.core.capture',\n 'mobile-angular-ui.core.outerClick',\n 'mobile-angular-ui.core.sharedState',\n 'mobile-angular-ui.core.touchmoveDefaults'\n ]);\n})();\n"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/js/mobile-angular-ui.gestures.js b/dist/js/mobile-angular-ui.gestures.js
new file mode 100644
index 0000000..0d705ef
--- /dev/null
+++ b/dist/js/mobile-angular-ui.gestures.js
@@ -0,0 +1,1740 @@
+/**
+ * @module mobile-angular-ui.gestures.drag
+ * @description
+ *
+ * `mobile-angular-ui.gestures.drag` module exposes the `$drag` service that is used
+ * to handle drag gestures. `$drag` service wraps [$touch](../module:touch) service adding
+ * CSS transforms reacting to `touchmove` events.
+ *
+ * ## Usage
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ *
+ * Or
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures.drag']);
+ * ```
+ *
+ * ``` js
+ * var dragOptions = {
+ * transform: $drag.TRANSLATE_BOTH,
+ * start: function(dragInfo, event){},
+ * end: function(dragInfo, event){},
+ * move: function(dragInfo, event){},
+ * cancel: function(dragInfo, event){}
+ * };
+ *
+ * $drag.bind(element, dragOptions, touchOptions);
+ * ```
+ *
+ * Where:
+ *
+ * - `transform` is a `function(element, currentTransform, touch) -> newTransform`
+ * returning taking an `element`, its `currentTransform` and returning the `newTransform`
+ * for the element in response to `touch`. See [$transform](../module:transform) for more.
+ * Default to `$drag.TRANSLATE_BOTH`.
+ * - `start`, `end`, `move`, `cancel` are optional callbacks responding to `drag` movement phases.
+ * - `dragInfo` is an extended version of `touchInfo` from [$touch](../module:touch),
+ * extending it with:
+ * - `originalTransform`: The [$transform](../module:transform) object relative to CSS transform before `$drag` is bound.
+ * - `originalRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)
+ * for bound element before any drag action.
+ * - `startRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)
+ * for bound element registered at `start` event.
+ * - `startTransform`: The [$transform](../module:transform) at `start` event.
+ * - `rect`: The current [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) for bound element.
+ * - `transform`: The current [$transform](../module:transform).
+ * - `reset`: A function restoring element to `originalTransform`.
+ * - `undo`: A function restoring element to `startTransform`.
+ * - `touchOptions` is an option object to be passed to underlying [`$touch`](../module:touch) service.
+ *
+ * ### Predefined transforms
+ *
+ * - `$drag.NULL_TRANSFORM`: No transform follow movement
+ * - `$drag.TRANSLATE_BOTH`: Transform translate following movement on both x and y axis.
+ * - `$drag.TRANSLATE_HORIZONTAL`: Transform translate following movement on x axis.
+ * - `$drag.TRANSLATE_UP`: Transform translate following movement on negative y axis.
+ * - `$drag.TRANSLATE_DOWN`: Transform translate following movement on positive y axis.
+ * - `$drag.TRANSLATE_LEFT`: Transform translate following movement on negative x axis.
+ * - `$drag.TRANSLATE_RIGHT`: Transform translate following movement on positive x axis.
+ * - `$drag.TRANSLATE_VERTICAL`: Transform translate following movement on y axis.
+ * - `$drag.TRANSLATE_INSIDE`: Is a function and should be used like:
+ *
+ * ``` js
+ * {
+ * transform: $drag.TRANSLATE_INSIDE(myElement)
+ * }
+ * ```
+ *
+ * It returns a transform function that contains translate movement inside
+ * the passed element.
+ *
+ * ### `.ui-drag-move` style
+ *
+ * While moving an `.ui-drag-move` class is attached to element. Style for this class is defined via
+ * [insertRule](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet.insertRule) and aims to
+ * fix common problems while dragging, specifically:
+ *
+ * - Brings the element in front of other elements
+ * - Disable transitions
+ * - Makes text unselectable
+ *
+ * **NOTE** Transitions are disabled cause they may introduce conflicts between `transition: transform`
+ * and `dragOptions.transform` function.
+ *
+ * They will be re-enabled after drag, and this can be used to achieve some graceful effects.
+ *
+ * If you need transition that does not involve transforms during movement you can apply them to an
+ * inner or wrapping element.
+ *
+ * ### Examples
+ *
+ * #### Limit movement to an element
+ *
+ * ``` js
+ * app.directive('dragMe', ['$drag', function($drag){
+ * return {
+ * controller: function($scope, $element) {
+ * $drag.bind($element,
+ * {
+ * transform: $drag.TRANSLATE_INSIDE($element.parent()),
+ * end: function(drag) {
+ * drag.reset();
+ * }
+ * },
+ * { // release touch when movement is outside bounduaries
+ * sensitiveArea: $element.parent()
+ * }
+ * );
+ * }
+ * };
+ * }]);
+ * ```
+ *
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.gestures.drag', [
+ 'mobile-angular-ui.gestures.touch',
+ 'mobile-angular-ui.gestures.transform'
+ ])
+
+ .provider('$drag', function() {
+ this.$get = ['$touch', '$transform', function($touch, $transform) {
+
+ // Add some css rules to be used while moving elements
+ var style = document.createElement('style');
+ style.appendChild(document.createTextNode(''));
+ document.head.appendChild(style);
+ var sheet = style.sheet;
+
+ // Makes z-index 99999
+ sheet.insertRule('html .ui-drag-move{z-index: 99999 !important;}', 0);
+ // Disable transitions
+ sheet.insertRule('html .ui-drag-move{' +
+ '-webkit-transition: none !important;' +
+ '-moz-transition: none !important;-o-transition: none !important;' +
+ '-ms-transition: none !important;transition: none !important;' +
+ '}', 0);
+
+ // Makes text unselectable
+ sheet.insertRule('html .ui-drag-move, html .ui-drag-move *{' +
+ '-webkit-touch-callout: none !important;' +
+ '-webkit-user-select: none !important;' +
+ '-khtml-user-select: none !important;' +
+ '-moz-user-select: none !important;' +
+ '-ms-user-select: none !important;' +
+ 'user-select: none !important;' +
+ '}', 0);
+
+ style = sheet = null; // we wont use them anymore so make
+ // their memory immediately claimable
+
+ return {
+
+ //
+ // built-in transforms
+ //
+ NULL_TRANSFORM: function(element, transform) {
+ return transform;
+ },
+
+ TRANSLATE_BOTH: function(element, transform, touch) {
+ transform.translateX = touch.distanceX;
+ transform.translateY = touch.distanceY;
+ return transform;
+ },
+
+ TRANSLATE_HORIZONTAL: function(element, transform, touch) {
+ transform.translateX = touch.distanceX;
+ transform.translateY = 0;
+ return transform;
+ },
+
+ TRANSLATE_UP: function(element, transform, touch) {
+ transform.translateY = touch.distanceY <= 0 ? touch.distanceY : 0;
+ transform.translateX = 0;
+ return transform;
+ },
+
+ TRANSLATE_DOWN: function(element, transform, touch) {
+ transform.translateY = touch.distanceY >= 0 ? touch.distanceY : 0;
+ transform.translateX = 0;
+ return transform;
+ },
+
+ TRANSLATE_LEFT: function(element, transform, touch) {
+ transform.translateX = touch.distanceX <= 0 ? touch.distanceX : 0;
+ transform.translateY = 0;
+ return transform;
+ },
+
+ TRANSLATE_RIGHT: function(element, transform, touch) {
+ transform.translateX = touch.distanceX >= 0 ? touch.distanceX : 0;
+ transform.translateY = 0;
+ return transform;
+ },
+
+ TRANSLATE_VERTICAL: function(element, transform, touch) {
+ transform.translateX = 0;
+ transform.translateY = touch.distanceY;
+ return transform;
+ },
+
+ TRANSLATE_INSIDE: function(wrapperElementOrRectangle) {
+ wrapperElementOrRectangle = wrapperElementOrRectangle.length ? wrapperElementOrRectangle[0] : wrapperElementOrRectangle;
+
+ return function(element, transform, touch) {
+ element = element.length ? element[0] : element;
+ var re = element.getBoundingClientRect();
+ var rw = wrapperElementOrRectangle instanceof Element ? wrapperElementOrRectangle.getBoundingClientRect() : wrapperElementOrRectangle;
+ var tx;
+ var ty;
+
+ if (re.width >= rw.width) {
+ tx = 0;
+ } else if (re.right + touch.stepX > rw.right) {
+ tx = rw.right - re.right;
+ } else if (re.left + touch.stepX < rw.left) {
+ tx = rw.left - re.left;
+ } else {
+ tx = touch.stepX;
+ }
+
+ if (re.height >= rw.height) {
+ ty = 0;
+ } else if (re.bottom + touch.stepY > rw.bottom) {
+ ty = rw.bottom - re.bottom;
+ } else if (re.top + touch.stepY < rw.top) {
+ ty = rw.top - re.top;
+ } else {
+ ty = touch.stepY;
+ }
+
+ transform.translateX += tx;
+ transform.translateY += ty;
+ return transform;
+ };
+ },
+
+ //
+ // bind function
+ //
+ bind: function($element, dragOptions, touchOptions) {
+ $element = angular.element($element);
+ dragOptions = dragOptions || {};
+ touchOptions = touchOptions || {};
+
+ var startEventHandler = dragOptions.start;
+ var endEventHandler = dragOptions.end;
+ var moveEventHandler = dragOptions.move;
+ var cancelEventHandler = dragOptions.cancel;
+ var transformEventHandler = dragOptions.transform || this.TRANSLATE_BOTH;
+
+ var domElement = $element[0];
+ var tO = $transform.get($element); // original transform
+ var rO = domElement.getBoundingClientRect(); // original bounding rect
+ var tS; // transform at start
+ var rS;
+
+ var moving = false;
+
+ var isMoving = function() {
+ return moving;
+ };
+
+ var cleanup = function() {
+ moving = false;
+ tS = rS = null;
+ $element.removeClass('ui-drag-move');
+ };
+
+ var reset = function() {
+ $transform.set(domElement, tO);
+ };
+
+ var undo = function() {
+ $transform.set(domElement, tS || tO);
+ };
+
+ var setup = function() {
+ moving = true;
+ rS = domElement.getBoundingClientRect();
+ tS = $transform.get(domElement);
+ $element.addClass('ui-drag-move');
+ };
+
+ var createDragInfo = function(touch) {
+ touch = angular.extend({}, touch);
+ touch.originalTransform = tO;
+ touch.originalRect = rO;
+ touch.startRect = rS;
+ touch.rect = domElement.getBoundingClientRect();
+ touch.startTransform = tS;
+ touch.transform = $transform.get(domElement);
+ touch.reset = reset;
+ touch.undo = undo;
+ return touch;
+ };
+
+ var onTouchMove = function(touch, event) {
+ // preventDefault no matter what
+ // it is (ie. maybe html5 drag for images or scroll)
+ event.preventDefault();
+
+ // $touch calls start on the first touch
+ // to ensure $drag.start is called only while actually
+ // dragging and not for touches we will bind $drag.start
+ // to the first time move is called
+
+ if (isMoving()) { // drag move
+ touch = createDragInfo(touch);
+
+ var transform = transformEventHandler($element, angular.extend({}, touch.transform), touch, event);
+
+ $transform.set(domElement, transform);
+
+ if (moveEventHandler) {
+ moveEventHandler(touch, event);
+ }
+ } else { // drag start
+ setup();
+ if (startEventHandler) {
+ startEventHandler(createDragInfo(touch), event);
+ }
+ }
+ };
+
+ var onTouchEnd = function(touch, event) {
+ if (!isMoving()) {
+ return;
+ }
+
+ // prevents outer swipes
+ event.__UiSwipeHandled__ = true;
+
+ touch = createDragInfo(touch);
+ cleanup();
+
+ if (endEventHandler) {
+ endEventHandler(touch, event);
+ }
+ };
+
+ var onTouchCancel = function(touch, event) {
+ if (!isMoving()) {
+ return;
+ }
+
+ touch = createDragInfo(touch);
+ undo(); // on cancel movement is undoed automatically;
+ cleanup();
+
+ if (cancelEventHandler) {
+ cancelEventHandler(touch, event);
+ }
+ };
+
+ return $touch.bind($element,
+ {move: onTouchMove, end: onTouchEnd, cancel: onTouchCancel},
+ touchOptions);
+ } // ~ bind
+ }; // ~ return $drag
+ }]; // ~ $get
+ });
+
+})();
+
+/**
+ * A module providing swipe gesture services and directives.
+ *
+ * @module mobile-angular-ui.gestures.swipe
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module('mobile-angular-ui.gestures.swipe',
+ ['mobile-angular-ui.gestures.touch']);
+
+ /**
+ * An adaptation of `ngTouch.$swipe`, it is basically the same despite of:
+ *
+ * - It is based on [$touch](../module:touch)
+ * - Swipes are recognized by touch velocity and direction
+ * - It does not require `ngTouch` thus is better compatible with fastclick.js
+ * - Swipe directives are nestable
+ * - It allows to unbind
+ * - It has only one difference in interface, and its about how to pass `pointerTypes`:
+ *
+ * ``` js
+ * // ngTouch.$swipe
+ * $swipe.bind(..., ['mouse', ... });
+ *
+ * // mobile-angular-ui.gestures.swipe.$swipe
+ * $swipe.bind(..., pointerTypes: { mouse: { start: 'mousedown', ...} });
+ * ```
+ * This is due to the fact that the second parameter of `$swipe.bind` is destinated to options for
+ * underlying `$touch` service.
+ *
+ * @service $swipe
+ * @as class
+ */
+ module.factory('$swipe', ['$touch', function($touch) {
+ var VELOCITY_THRESHOLD = 500; // px/sec
+ var MOVEMENT_THRESHOLD = 10; // px
+ var TURNAROUND_MAX = 10; // px
+ var ANGLE_THRESHOLD = 10; // deg
+ var abs = Math.abs;
+
+ var defaultOptions = {
+ movementThreshold: MOVEMENT_THRESHOLD, // start to consider only if movement
+ // exceeded MOVEMENT_THRESHOLD
+ valid: function(t) {
+ var absAngle = abs(t.angle);
+ absAngle = absAngle >= 90 ? absAngle - 90 : absAngle;
+
+ var validDistance = t.total - t.distance <= TURNAROUND_MAX;
+ var validAngle = absAngle <= ANGLE_THRESHOLD || absAngle >= 90 - ANGLE_THRESHOLD;
+ var validVelocity = t.averageVelocity >= VELOCITY_THRESHOLD;
+
+ return validDistance && validAngle && validVelocity;
+ }
+ };
+
+ return {
+ /**
+ * Bind swipe gesture handlers for an element.
+ *
+ * ``` js
+ * var unbind = $swipe.bind(elem, {
+ * end: function(touch) {
+ * console.log('Swiped:', touch.direction);
+ * unbind();
+ * }
+ * });
+ * ```
+ *
+ * **Swipes Detection**
+ *
+ * Before consider a touch to be a swipe Mobile Angular UI verifies that:
+ *
+ * 1. Movement is quick. Average touch velocity should exceed a `VELOCITY_THRESHOLD`.
+ * 2. Movement is linear.
+ * 3. Movement has a clear, non-ambiguous direction. So we can assume without error
+ * that underlying `touch.direction` is exactly the swipe direction. For that
+ * movement is checked against an `ANGLE_THRESHOLD`.
+ *
+ * @param {Element|$element} element The element to observe for swipe gestures.
+ * @param {object} eventHandlers An object with handlers for specific swipe events.
+ * @param {function} [eventHandlers.start] The callback for swipe start event.
+ * @param {function} [eventHandlers.end] The callback for swipe end event.
+ * @param {function} [eventHandlers.move] The callback for swipe move event.
+ * @param {function} [eventHandlers.cancel] The callback for swipe cancel event.
+ * @param {object} [options] Options to be passed to underlying [$touch.bind](../module:touch) function.
+ *
+ * @returns {function} The unbind function.
+ *
+ * @method bind
+ * @memberOf mobile-angular-ui.gestures.swipe~$swipe
+ */
+ bind: function(element, eventHandlers, options) {
+ options = angular.extend({}, defaultOptions, options || {});
+ return $touch.bind(element, eventHandlers, options);
+ }
+ };
+ }]);
+
+ /**
+ * Specify custom behavior when an element is swiped to the left on a touchscreen device.
+ * A leftward swipe is a quick, right-to-left slide of the finger.
+ *
+ * @directive uiSwipeLeft
+ * @param {expression} uiSwipeLeft An expression to be evaluated on leftward swipe.
+ */
+ /**
+ * Specify custom behavior when an element is swiped to the right on a touchscreen device.
+ * A rightward swipe is a quick, left-to-right slide of the finger.
+ *
+ * @directive uiSwipeRight
+ * @param {expression} uiSwipeRight An expression to be evaluated on rightward swipe.
+ */
+ /**
+ * Alias for [uiSwipeLeft](#uiswipeleft).
+ *
+ * @directive ngSwipeLeft
+ * @deprecated
+ */
+ /**
+ * Alias for [uiSwipeRight](#uiswiperight).
+ *
+ * @directive ngSwipeRight
+ * @deprecated
+ */
+ angular.forEach(['ui', 'ng'], function(prefix) {
+ angular.forEach(['Left', 'Right'], function(direction) {
+ var directiveName = prefix + 'Swipe' + direction;
+ module.directive(directiveName, ['$swipe', '$parse', function($swipe, $parse) {
+ return {
+ link: function(scope, elem, attrs) {
+ var onSwipe = $parse(attrs[directiveName]);
+ $swipe.bind(elem, {
+ end: function(swipe, event) {
+ if (swipe.direction === direction.toUpperCase()) {
+ if (!event.__UiSwipeHandled__) {
+ event.__UiSwipeHandled__ = true;
+ scope.$apply(function() {
+ onSwipe(scope, {$touch: swipe});
+ });
+ }
+ }
+ }
+ });
+ }
+ };
+ }]);
+ });
+ });
+})();
+
+/* eslint complexity: 0 */
+
+/**
+ * Device agnostic touch handling.
+ *
+ * **Usage**
+ *
+ * Require this module doing either
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ *
+ * Or standalone
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures.touch']);
+ * ```
+ *
+ * Then you will be able to use the `$touch` service like that:
+ *
+ * ``` js
+ * var unbindFn = $touch.bind(element, {
+ * start: function(touchInfo, e);
+ * move: function(touchInfo, e);
+ * end: function(touchInfo, e);
+ * cancel: function(touchInfo, e);
+ * }, options);
+ * ```
+ *
+ * @module mobile-angular-ui.gestures.touch
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.gestures.touch', []);
+
+ /**
+ * `$touch` is an abstraction of touch event handling that works with
+ * any kind of input devices.
+ *
+ * It is intended for single touch only and provides
+ * extended infos about touch like: movement, direction, velocity, duration, and more.
+ * $touch service is intended as base to build any single-touch gesture handlers.
+ *
+ * **Usage**
+ *
+ * ``` js
+ * var unbindFn = $touch.bind(element, {
+ * start: function(touchInfo, e);
+ * move: function(touchInfo, e);
+ * end: function(touchInfo, e);
+ * cancel: function(touchInfo, e);
+ * }, options);
+ * ```
+ *
+ * @service $touch
+ * @as class
+ */
+
+ /**
+ * Configurable provider for `$touch` service
+ * @class $touchProvider
+ * @ngdoc provider
+ * @memberOf mobile-angular-ui.gestures.touch~$touch
+ */
+ module.provider('$touch', function() {
+
+ /* =====================================
+ = Configuration =
+ =====================================*/
+
+ var VALID = function() {
+ return true;
+ };
+
+ var MOVEMENT_THRESHOLD = 1;
+
+ var POINTER_EVENTS = {
+ mouse: {
+ start: 'mousedown',
+ move: 'mousemove',
+ end: 'mouseup'
+ },
+ touch: {
+ start: 'touchstart',
+ move: 'touchmove',
+ end: 'touchend',
+ cancel: 'touchcancel'
+ }
+ };
+
+ var POINTER_TYPES = ['mouse', 'touch'];
+
+ // function or element or rect
+ var SENSITIVE_AREA = function($element) {
+ return $element[0].ownerDocument.documentElement.getBoundingClientRect();
+ };
+
+ /**
+ * Set default pointer events option.
+ * Pointer Events option specifies a device-by-device map between device specific events and
+ * touch events.
+ *
+ * The default Pointer Events Map is defined as:
+ *
+ * ``` js
+ * var POINTER_EVENTS = {
+ * 'mouse': {
+ * start: 'mousedown',
+ * move: 'mousemove',
+ * end: 'mouseup'
+ * },
+ * 'touch': {
+ * start: 'touchstart',
+ * move: 'touchmove',
+ * end: 'touchend',
+ * cancel: 'touchcancel'
+ * }
+ * };
+ * ```
+ *
+ * Ie.
+ *
+ * ```
+ * app.config(function($touchProvider){
+ * $touchProvider.setPointerEvents({ pen: {start: "pendown", end: "penup", move: "penmove" }});
+ * });
+ * ```
+ *
+ * @name setPointerEvents
+ * @param {object} pointerEvents The pointer events map object
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setPointerEvents = function(pointerEvents) {
+ POINTER_EVENTS = pointerEvents;
+ POINTER_TYPES = Object.keys(POINTER_EVENTS);
+ };
+
+ /**
+ * Set default validity function for a touch.
+ *
+ * The default is defined as always true:
+ *
+ * ``` js
+ * $touchProvider.setValid(function(touch, event) {
+ * return true;
+ * });
+ * ```
+ *
+ * @param {function} validityFunction The validity function. A function that takes two
+ * arguments: `touchInfo` and `event`, and returns
+ * a `Boolean` indicating wether the corresponding touch
+ * should be considered valid and its handlers triggered,
+ * or considered invalid and its handlers be ignored.
+ * @method setValid
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setValid = function(fn) {
+ VALID = fn;
+ };
+
+ /**
+ * Set default amount of pixels of movement before
+ * start to trigger `touchmove` handlers.
+ *
+ * Default is `1`.
+ *
+ * ie.
+ *
+ * ``` js
+ * $touchProvider.setMovementThreshold(120);
+ * ```
+ *
+ * @param {integer} threshold The new treeshold.
+ *
+ * @method setMovementThreshold
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setMovementThreshold = function(v) {
+ MOVEMENT_THRESHOLD = v;
+ };
+ /**
+ * Set default sensitive area.
+ *
+ * The sensitive area of a touch is the area of the screen inside what
+ * we consider a touch to be meaningful thus triggering its handlers.
+ *
+ * **NOTE:** if movement goes out the sensitive area the touch event is not cancelled,
+ * instead its handler are just ignored.
+ *
+ * By default sensitive area is defined as `ownerDocument` bounding rectangle
+ * of the bound element.
+ *
+ * ie.
+ *
+ * ``` js
+ * $touchProvider.setSensitiveArea(function($element) {
+ * return $element[0].ownerDocument.documentElement.getBoundingClientRect();
+ * });
+ * ```
+ *
+ * @param {function|Element|TextRectangle} sensitiveArea The new default sensitive area,
+ * either static or as function
+ * taking an element and returning another
+ * element or a
+ * [rectangle](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect).
+ *
+ * @method setSensitiveArea
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setSensitiveArea = function(fnOrElementOrRect) {
+ SENSITIVE_AREA = fnOrElementOrRect;
+ };
+
+ //
+ // Shorthands for minification
+ //
+ var abs = Math.abs;
+ var atan2 = Math.atan2;
+ var sqrt = Math.sqrt;
+
+ /* ===============================
+ = Helpers =
+ ===============================*/
+
+ var getCoordinates = function(event) {
+ var touches = event.touches && event.touches.length ? event.touches : [event];
+ var e = (event.changedTouches && event.changedTouches[0]) ||
+ (event.originalEvent && event.originalEvent.changedTouches &&
+ event.originalEvent.changedTouches[0]) ||
+ touches[0].originalEvent || touches[0];
+
+ return {
+ x: e.clientX,
+ y: e.clientY
+ };
+ };
+
+ var getEvents = function(pointerTypes, eventType) {
+ var res = [];
+ angular.forEach(pointerTypes, function(pointerType) {
+ var eventName = POINTER_EVENTS[pointerType][eventType];
+ if (eventName) {
+ res.push(eventName);
+ }
+ });
+ return res.join(' ');
+ };
+
+ var now = function() {
+ return new Date();
+ };
+
+ var timediff = function(t1, t2) {
+ t2 = t2 || now();
+ return abs(t2 - t1);
+ };
+
+ var len = function(x, y) {
+ return sqrt(x * x + y * y);
+ };
+
+ /**
+ * `TouchInfo` is an object containing the following extended informations about any touch
+ * event.
+ *
+ * @property {string} type Normalized event type. Despite of pointer device is always one of `touchstart`, `touchend`, `touchmove`, `touchcancel`.
+ * @property {Date} timestamp The time object corresponding to the moment this touch event happened.
+ * @property {integer} duration The difference between this touch event and the corresponding `touchstart`.
+ * @property {float} startX X coord of related `touchstart`.
+ * @property {float} startY Y coord of related `touchstart`.
+ * @property {float} prevX X coord of previous `touchstart` or `touchmove`.
+ * @property {float} prevY Y coord of previous `touchstart` or `touchmove`.
+ * @property {float} x X coord of this touch event.
+ * @property {float} y Y coord of this touch event.
+ * @property {float} step Distance between `[prevX, prevY]` and `[x, y]` points.
+ * @property {float} stepX Distance between `prevX` and `x`.
+ * @property {float} stepY Distance between `prevY` and `y`.
+ * @property {float} velocity Instantaneous velocity of a touch event in pixels per second.
+ * @property {float} averageVelocity Average velocity of a touch event from its corresponding `touchstart` in pixels per second.
+ * @property {float} distance Distance between `[startX, startY]` and `[x, y]` points.
+ * @property {float} distanceX Distance between `startX` and `x`.
+ * @property {float} distanceY Distance between `startY` and `y`.
+ * @property {float} total Total number of pixels covered by movement, taking account of direction changes and turnarounds.
+ * @property {float} totalX Total number of pixels covered by horizontal movement, taking account of direction changes and turnarounds.
+ * @property {float} totalY Total number of pixels covered by vertical, taking account of direction changes and turnarounds.
+ * @property {string} direction The current prevalent direction for this touch, one of `LEFT`, `RIGHT`, `TOP`, `BOTTOM`.
+ * @property {float} angle Angle in degree between x axis and the vector `[x, y]`, is `null` when no movement happens.
+ *
+ * @class TouchInfo
+ * @ngdoc type
+ * @memberOf mobile-angular-ui.gestures.touch~$touch
+ */
+
+ var buildTouchInfo = function(type, c, t0, tl) {
+ // Compute values for new TouchInfo based on coordinates and previus touches.
+ // - c is coords of new touch
+ // - t0 is first touch: useful to compute duration and distance (how far pointer
+ // got from first touch)
+ // - tl is last touch: useful to compute velocity and length (total length of the movement)
+
+ t0 = t0 || {};
+ tl = tl || {};
+
+ // timestamps
+ var ts = now();
+ var ts0 = t0.timestamp || ts;
+ var tsl = tl.timestamp || ts0;
+
+ // coords
+ var x = c.x;
+ var y = c.y;
+ var x0 = t0.x || x;
+ var y0 = t0.y || y;
+ var xl = tl.x || x0;
+ var yl = tl.y || y0;
+
+ // total movement
+ var totalXl = tl.totalX || 0;
+ var totalYl = tl.totalY || 0;
+ var totalX = totalXl + abs(x - xl);
+ var totalY = totalYl + abs(y - yl);
+ var total = len(totalX, totalY);
+
+ // duration
+ var duration = timediff(ts, ts0);
+ var durationl = timediff(ts, tsl);
+
+ // distance
+ var dxl = x - xl;
+ var dyl = y - yl;
+ var dl = len(dxl, dyl);
+ var dx = x - x0;
+ var dy = y - y0;
+ var d = len(dx, dy);
+
+ // velocity (px per second)
+ var v = durationl > 0 ? abs(dl / (durationl / 1000)) : 0;
+ var tv = duration > 0 ? abs(total / (duration / 1000)) : 0;
+
+ // main direction: 'LEFT', 'RIGHT', 'TOP', 'BOTTOM'
+ var dir = abs(dx) > abs(dy) ?
+ (dx < 0 ? 'LEFT' : 'RIGHT') :
+ (dy < 0 ? 'TOP' : 'BOTTOM');
+
+ // angle (angle between distance vector and x axis)
+ // angle will be:
+ // 0 for x > 0 and y = 0
+ // 90 for y < 0 and x = 0
+ // 180 for x < 0 and y = 0
+ // -90 for y > 0 and x = 0
+ //
+ // -90°
+ // |
+ // |
+ // |
+ // 180° --------|-------- 0°
+ // |
+ // |
+ // |
+ // 90°
+ //
+ var angle = dx !== 0 || dy !== 0 ? atan2(dy, dx) * (180 / Math.PI) : null;
+ angle = angle === -180 ? 180 : angle;
+
+ return {
+ type: type,
+ timestamp: ts,
+ duration: duration,
+ startX: x0,
+ startY: y0,
+ prevX: xl,
+ prevY: yl,
+ x: c.x,
+ y: c.y,
+
+ step: dl, // distance from prev
+ stepX: dxl,
+ stepY: dyl,
+
+ velocity: v,
+ averageVelocity: tv,
+
+ distance: d, // distance from start
+ distanceX: dx,
+ distanceY: dy,
+
+ total: total, // total length of momement,
+ // considering turnaround
+ totalX: totalX,
+ totalY: totalY,
+ direction: dir,
+ angle: angle
+ };
+ };
+
+ /* ======================================
+ = Factory Method =
+ ======================================*/
+
+ this.$get = [function() {
+
+ return {
+ /**
+ *
+ * Bind touch handlers for an element.
+ *
+ * ``` js
+ * var unbind = $touch.bind(elem, {
+ * end: function(touch) {
+ * console.log('Avg Speed:', touch.averageVelocity);
+ * unbind();
+ * }
+ * });
+ * ```
+ *
+ * @param {Element|$element} element The element to bound to.
+ * @param {object} eventHandlers An object with handlers for specific touch events.
+ * @param {function} [eventHandlers.start] The callback for `touchstart` event.
+ * @param {function} [eventHandlers.end] The callback for `touchend` event.
+ * @param {function} [eventHandlers.move] The callback for `touchmove` event.
+ * @param {function} [eventHandlers.cancel] The callback for `touchcancel` event.
+ * @param {object} [options] Options.
+ * @param {integer} [options.movementThreshold] Amount of pixels of movement before start to trigger `touchmove` handlers.
+ * @param {function} [options.valid] Validity function. A `function(TouchInfo, event)⟶boolean` deciding if a touch should be handled or ignored.
+ * @param {function|Element|TextRectangle} [options.sensitiveArea] A
+ * [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) or an element
+ * or a function that takes the bound element and returns one of the previous.
+ * Sensitive area define bounduaries to release touch when movement is outside.
+ * @param {array} [options.pointerTypes] Pointer types to handle. An array of pointer types that is intended to be
+ * a subset of keys from default pointer events map (see `$touchProvider.setPointerEvents`).
+ *
+ * @returns {function} The unbind function.
+ *
+ * @memberOf mobile-angular-ui.gestures.touch~$touch
+ */
+ bind: function($element, eventHandlers, options) {
+
+ // ensure element to be an angular element
+ $element = angular.element($element);
+
+ options = options || {};
+ // uses default pointer types in case of none passed
+ var pointerTypes = options.pointerTypes || POINTER_TYPES;
+ var isValid = options.valid === undefined ? VALID : options.valid;
+ var movementThreshold = options.movementThreshold === undefined ? MOVEMENT_THRESHOLD : options.movementThreshold;
+ var sensitiveArea = options.sensitiveArea === undefined ? SENSITIVE_AREA : options.sensitiveArea;
+
+ // first and last touch
+ var t0;
+ var tl;
+
+ // events
+ var startEvents = getEvents(pointerTypes, 'start');
+ var endEvents = getEvents(pointerTypes, 'end');
+ var moveEvents = getEvents(pointerTypes, 'move');
+ var cancelEvents = getEvents(pointerTypes, 'cancel');
+
+ var startEventHandler = eventHandlers.start;
+ var endEventHandler = eventHandlers.end;
+ var moveEventHandler = eventHandlers.move;
+ var cancelEventHandler = eventHandlers.cancel;
+
+ var $movementTarget = angular.element($element[0].ownerDocument);
+ var onTouchMove;
+ var onTouchEnd;
+ var onTouchCancel;
+
+ var resetTouch = function() {
+ t0 = tl = null;
+ $movementTarget.off(moveEvents, onTouchMove);
+ $movementTarget.off(endEvents, onTouchEnd);
+ if (cancelEvents) {
+ $movementTarget.off(cancelEvents, onTouchCancel);
+ }
+ };
+
+ var isActive = function() {
+ return Boolean(t0);
+ };
+
+ //
+ // Callbacks
+ //
+
+ // on touchstart
+ var onTouchStart = function(event) {
+ // don't handle multi-touch
+ if (event.touches && event.touches.length > 1) {
+ return;
+ }
+ tl = t0 = buildTouchInfo('touchstart', getCoordinates(event));
+ $movementTarget.on(moveEvents, onTouchMove);
+ $movementTarget.on(endEvents, onTouchEnd);
+ if (cancelEvents) {
+ $movementTarget.on(cancelEvents, onTouchCancel);
+ }
+ if (startEventHandler) {
+ startEventHandler(t0, event);
+ }
+ };
+
+ // on touchCancel
+ onTouchCancel = function(event) {
+ var t = buildTouchInfo('touchcancel', getCoordinates(event), t0, tl);
+ resetTouch();
+ if (cancelEventHandler) {
+ cancelEventHandler(t, event);
+ }
+ };
+
+ // on touchMove
+ onTouchMove = function(event) {
+ // don't handle multi-touch
+ if (event.touches && event.touches.length > 1) {
+ return;
+ }
+
+ if (!isActive()) {
+ return;
+ }
+
+ var coords = getCoordinates(event);
+
+ //
+ // wont fire outside sensitive area
+ //
+ var mva = typeof sensitiveArea === 'function' ? sensitiveArea($element) : sensitiveArea;
+ mva = mva.length ? mva[0] : mva;
+
+ var mvaRect = mva instanceof Element ? mva.getBoundingClientRect() : mva;
+
+ if (coords.x < mvaRect.left || coords.x > mvaRect.right || coords.y < mvaRect.top || coords.y > mvaRect.bottom) {
+ return;
+ }
+
+ var t = buildTouchInfo('touchmove', coords, t0, tl);
+ var totalX = t.totalX;
+ var totalY = t.totalY;
+
+ tl = t;
+
+ if (totalX < movementThreshold && totalY < movementThreshold) {
+ return;
+ }
+
+ if (isValid(t, event)) {
+ if (event.cancelable === undefined || event.cancelable) {
+ event.preventDefault();
+ }
+ if (moveEventHandler) {
+ moveEventHandler(t, event);
+ }
+ }
+ };
+
+ // on touchEnd
+ onTouchEnd = function(event) {
+ // don't handle multi-touch
+ if (event.touches && event.touches.length > 1) {
+ return;
+ }
+
+ if (!isActive()) {
+ return;
+ }
+
+ var t = angular.extend({}, tl, {type: 'touchend'});
+ if (isValid(t, event)) {
+ if (event.cancelable === undefined || event.cancelable) {
+ event.preventDefault();
+ }
+ if (endEventHandler) {
+ setTimeout(function() { // weird workaround to avoid
+ // delays with dom manipulations
+ // inside the handler
+ endEventHandler(t, event);
+ }, 0);
+ }
+ }
+ resetTouch();
+ };
+
+ $element.on(startEvents, onTouchStart);
+
+ return function unbind() {
+ if ($element) { // <- wont throw if accidentally called twice
+ $element.off(startEvents, onTouchStart);
+ if (cancelEvents) {
+ $movementTarget.off(cancelEvents, onTouchCancel);
+ }
+ $movementTarget.off(moveEvents, onTouchMove);
+ $movementTarget.off(endEvents, onTouchEnd);
+
+ // Clear all those variables we carried out from `#bind` method scope
+ // to local scope and that we don't have to use anymore
+ $element = $movementTarget = startEvents = cancelEvents =
+ moveEvents = endEvents = onTouchStart = onTouchCancel =
+ onTouchMove = onTouchEnd = pointerTypes = isValid =
+ movementThreshold = sensitiveArea = null;
+ }
+ };
+ }
+ };
+ }];
+ });
+})();
+
+/* eslint complexity: 0 */
+
+/**
+ * @module mobile-angular-ui.gestures.transform
+ * @description
+ *
+ * `mobile-angular-ui.gestures.transform` provides the `$transform` service is designed
+ * with the specific aim to provide a cross-browser way to interpolate CSS 3d transform
+ * without having to deal with CSS Matrix, and being able to take into account any previous
+ * unknown transform already applied to an element.
+ *
+ * ## Usage
+ *
+ * Require this module doing either
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ *
+ * Or standalone
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures.transform']);
+ * ```
+ *
+ * Say we have an element with applyed css:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * ``` css
+ * .myelem {
+ * transform: translate(12px) rotate(20deg);
+ * }
+ * ```
+ *
+ * Then you can use `$transform` like this:
+ *
+ * ``` js
+ * t = $transform.get(e);
+ * t.rotationZ += 15;
+ * t.translateX += 1;
+ * $transform.set(e, t);
+ * ```
+ *
+ * ### `$transform` service API
+ *
+ * #### `$transform.fromCssMatrix(cssMatrixString) -> transform`
+ *
+ * Returns a decomposition of the transform matrix `cssMatrixString`.
+ * NOTE: 2d matrices are translated to 3d matrices before any other operation.
+ *
+ * #### `$transform.toCss(decomposedTransform)`
+ *
+ * Recompose a css string from `decomposedTransform`.
+ *
+ * Transforms are recomposed as a composition of:
+ *
+ * ``` css
+ * matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])
+ * translate3d(translation[0], translation[1], translation[2])
+ * rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])
+ * matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)
+ * matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)
+ * matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)
+ * scale3d(scale[0], scale[1], scale[2])
+ * ```
+ *
+ * #### `$transform.get(e) -> transform`
+ *
+ * Returns a decomposition of the transform matrix applied to `e`.
+ *
+ * #### `$transform.set(element, transform)`
+ *
+ * If transform is a string just set it for element `element`. Otherwise is considered as a
+ * decomposed transform and is recomposed with `$transform.toCss` and then set to element.
+ *
+ * ### The decomposed transform object
+ *
+ * Result of transform matrix decomposition is an object with the following properties:
+ *
+ * ```
+ * translateX
+ * translateY
+ * translateZ
+ * perspectiveX
+ * perspectiveY
+ * perspectiveZ
+ * perspectiveW
+ * scaleX
+ * scaleY
+ * scaleZ
+ * rotateX
+ * rotateY
+ * rotateZ
+ * skewXY
+ * skewXZ
+ * skewYZ
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module('mobile-angular-ui.gestures.transform', []);
+
+ module.factory('$transform', function() {
+
+ /* ==============================================================
+ = Cross-Browser Property Prefix Handling =
+ ==============================================================*/
+
+ // Cross-Browser style properties
+ var cssPrefix;
+ var transformProperty;
+ var styleProperty;
+ var prefixes = ['', 'webkit', 'Moz', 'O', 'ms'];
+ var d = document.createElement('div');
+
+ for (var i = 0; i < prefixes.length; i++) {
+ var prefix = prefixes[i];
+ if ((prefix + 'Perspective') in d.style) {
+ cssPrefix = (prefix === '' ? '' : '-' + prefix.toLowerCase() + '-');
+ styleProperty = prefix + (prefix === '' ? 'transform' : 'Transform');
+ transformProperty = cssPrefix + 'transform';
+ break;
+ }
+ }
+
+ d = null;
+
+ // return current element transform matrix in a cross-browser way
+ var getElementTransformProperty = function(e) {
+ e = e.length ? e[0] : e;
+ var tr = window
+ .getComputedStyle(e, null)
+ .getPropertyValue(transformProperty);
+ return tr;
+ };
+
+ // set current element transform matrix in a cross-browser way
+ var setElementTransformProperty = function(elem, value) {
+ elem = elem.length ? elem[0] : elem;
+ elem.style[styleProperty] = value;
+ };
+
+ /* ======================================================
+ = Transform Matrix Decomposition =
+ ======================================================*/
+
+ var SMALL_NUMBER = 1.e-7;
+
+ var rad2deg = function(angle) {
+ return angle * 180 / Math.PI;
+ };
+
+ var sqrt = Math.sqrt;
+ var asin = Math.asin;
+ var atan2 = Math.atan2;
+ var cos = Math.cos;
+ var abs = Math.abs;
+ var floor = Math.floor;
+
+ var cloneMatrix = function(m) {
+ var res = [[], [], [], []];
+ for (var i = 0; i < m.length; i++) {
+ for (var j = 0; j < m[i].length; j++) {
+ res[i][j] = m[i][j];
+ }
+ }
+ return res;
+ };
+
+ var determinant2x2 = function(a, b, c, d) {
+ return a * d - b * c;
+ };
+
+ var determinant3x3 = function(a1, a2, a3, b1, b2, b3, c1, c2, c3) {
+ return a1 * determinant2x2(b2, b3, c2, c3) - b1 * determinant2x2(a2, a3, c2, c3) + c1 * determinant2x2(a2, a3, b2, b3);
+ };
+
+ var determinant4x4 = function(m) {
+ var a1 = m[0][0];
+ var b1 = m[0][1];
+ var c1 = m[0][2];
+ var d1 = m[0][3];
+ var a2 = m[1][0];
+ var b2 = m[1][1];
+ var c2 = m[1][2];
+ var d2 = m[1][3];
+ var a3 = m[2][0];
+ var b3 = m[2][1];
+ var c3 = m[2][2];
+ var d3 = m[2][3];
+ var a4 = m[3][0];
+ var b4 = m[3][1];
+ var c4 = m[3][2];
+ var d4 = m[3][3];
+ return a1 * determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4) -
+ b1 * determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4) +
+ c1 * determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4) -
+ d1 * determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);
+ };
+
+ var adjoint = function(m) {
+ var res = [[], [], [], []];
+ var a1 = m[0][0];
+ var b1 = m[0][1];
+ var c1 = m[0][2];
+ var d1 = m[0][3];
+ var a2 = m[1][0];
+ var b2 = m[1][1];
+ var c2 = m[1][2];
+ var d2 = m[1][3];
+ var a3 = m[2][0];
+ var b3 = m[2][1];
+ var c3 = m[2][2];
+ var d3 = m[2][3];
+ var a4 = m[3][0];
+ var b4 = m[3][1];
+ var c4 = m[3][2];
+ var d4 = m[3][3];
+
+ res[0][0] = determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4);
+ res[1][0] = -determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4);
+ res[2][0] = determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4);
+ res[3][0] = -determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);
+ res[0][1] = -determinant3x3(b1, b3, b4, c1, c3, c4, d1, d3, d4);
+ res[1][1] = determinant3x3(a1, a3, a4, c1, c3, c4, d1, d3, d4);
+ res[2][1] = -determinant3x3(a1, a3, a4, b1, b3, b4, d1, d3, d4);
+ res[3][1] = determinant3x3(a1, a3, a4, b1, b3, b4, c1, c3, c4);
+ res[0][2] = determinant3x3(b1, b2, b4, c1, c2, c4, d1, d2, d4);
+ res[1][2] = -determinant3x3(a1, a2, a4, c1, c2, c4, d1, d2, d4);
+ res[2][2] = determinant3x3(a1, a2, a4, b1, b2, b4, d1, d2, d4);
+ res[3][2] = -determinant3x3(a1, a2, a4, b1, b2, b4, c1, c2, c4);
+ res[0][3] = -determinant3x3(b1, b2, b3, c1, c2, c3, d1, d2, d3);
+ res[1][3] = determinant3x3(a1, a2, a3, c1, c2, c3, d1, d2, d3);
+ res[2][3] = -determinant3x3(a1, a2, a3, b1, b2, b3, d1, d2, d3);
+ res[3][3] = determinant3x3(a1, a2, a3, b1, b2, b3, c1, c2, c3);
+
+ return res;
+ };
+
+ var inverse = function(m) {
+ var res = adjoint(m);
+ var det = determinant4x4(m);
+ if (abs(det) < SMALL_NUMBER) {
+ return false;
+ }
+
+ for (var i = 0; i < 4; i++) {
+ for (var j = 0; j < 4; j++) {
+ res[i][j] /= det;
+ }
+ }
+ return res;
+ };
+
+ var transposeMatrix4 = function(m) {
+ var res = [[], [], [], []];
+ for (var i = 0; i < 4; i++) {
+ for (var j = 0; j < 4; j++) {
+ res[i][j] = m[j][i];
+ }
+ }
+ return res;
+ };
+
+ var v4MulPointByMatrix = function(p, m) {
+ var res = [];
+
+ res[0] = (p[0] * m[0][0]) + (p[1] * m[1][0]) +
+ (p[2] * m[2][0]) + (p[3] * m[3][0]);
+ res[1] = (p[0] * m[0][1]) + (p[1] * m[1][1]) +
+ (p[2] * m[2][1]) + (p[3] * m[3][1]);
+ res[2] = (p[0] * m[0][2]) + (p[1] * m[1][2]) +
+ (p[2] * m[2][2]) + (p[3] * m[3][2]);
+ res[3] = (p[0] * m[0][3]) + (p[1] * m[1][3]) +
+ (p[2] * m[2][3]) + (p[3] * m[3][3]);
+
+ return res;
+ };
+
+ var v3Length = function(a) {
+ return sqrt((a[0] * a[0]) + (a[1] * a[1]) + (a[2] * a[2]));
+ };
+
+ var v3Scale = function(v, desiredLength) {
+ var res = [];
+ var len = v3Length(v);
+ if (len !== 0) {
+ var l = desiredLength / len;
+ res[0] *= l;
+ res[1] *= l;
+ res[2] *= l;
+ }
+ return res;
+ };
+
+ var v3Dot = function(a, b) {
+ return (a[0] * b[0]) + (a[1] * b[1]) + (a[2] * b[2]);
+ };
+
+ var v3Combine = function(a, b, ascl, bscl) {
+ var res = [];
+ res[0] = (ascl * a[0]) + (bscl * b[0]);
+ res[1] = (ascl * a[1]) + (bscl * b[1]);
+ res[2] = (ascl * a[2]) + (bscl * b[2]);
+ return res;
+ };
+
+ var v3Cross = function(a, b) {
+ var res = [];
+ res[0] = (a[1] * b[2]) - (a[2] * b[1]);
+ res[1] = (a[2] * b[0]) - (a[0] * b[2]);
+ res[2] = (a[0] * b[1]) - (a[1] * b[0]);
+ return res;
+ };
+
+ var decompose = function(mat) {
+ var result = {};
+ var localMatrix = cloneMatrix(mat);
+ var i;
+ var j;
+
+ // Normalize the matrix.
+ if (localMatrix[3][3] === 0) {
+ return false;
+ }
+
+ for (i = 0; i < 4; i++) {
+ for (j = 0; j < 4; j++) {
+ localMatrix[i][j] /= localMatrix[3][3];
+ }
+ }
+
+ var perspectiveMatrix = cloneMatrix(localMatrix);
+ for (i = 0; i < 3; i++) {
+ perspectiveMatrix[i][3] = 0;
+ }
+ perspectiveMatrix[3][3] = 1;
+
+ if (determinant4x4(perspectiveMatrix) === 0) {
+ return false;
+ }
+
+ // First, isolate perspective. This is the messiest.
+ if (localMatrix[0][3] !== 0 || localMatrix[1][3] !== 0 || localMatrix[2][3] !== 0) {
+ // rightHandSide is the right hand side of the equation.
+ var rightHandSide = [];
+ rightHandSide[0] = localMatrix[0][3];
+ rightHandSide[1] = localMatrix[1][3];
+ rightHandSide[2] = localMatrix[2][3];
+ rightHandSide[3] = localMatrix[3][3];
+
+ // Solve the equation by inverting perspectiveMatrix and multiplying
+ // rightHandSide by the inverse. (This is the easiest way, not
+ // necessarily the best.)
+ var inversePerspectiveMatrix = inverse(perspectiveMatrix);
+ var transposedInversePerspectiveMatrix = transposeMatrix4(inversePerspectiveMatrix);
+ var perspectivePoint = v4MulPointByMatrix(rightHandSide, transposedInversePerspectiveMatrix);
+
+ result.perspectiveX = perspectivePoint[0];
+ result.perspectiveY = perspectivePoint[1];
+ result.perspectiveZ = perspectivePoint[2];
+ result.perspectiveW = perspectivePoint[3];
+
+ // Clear the perspective partition
+ localMatrix[0][3] = localMatrix[1][3] = localMatrix[2][3] = 0;
+ localMatrix[3][3] = 1;
+ } else {
+ // No perspective.
+ result.perspectiveX = result.perspectiveY = result.perspectiveZ = 0;
+ result.perspectiveW = 1;
+ }
+
+ // Next take care of translation (easy).
+ result.translateX = localMatrix[3][0];
+ localMatrix[3][0] = 0;
+ result.translateY = localMatrix[3][1];
+ localMatrix[3][1] = 0;
+ result.translateZ = localMatrix[3][2];
+ localMatrix[3][2] = 0;
+
+ // Now get scale and shear.
+ var row = [[], [], []];
+ var pdum3;
+
+ for (i = 0; i < 3; i++) {
+ row[i][0] = localMatrix[i][0];
+ row[i][1] = localMatrix[i][1];
+ row[i][2] = localMatrix[i][2];
+ }
+
+ // Compute X scale factor and normalize first row.
+ result.scaleX = v3Length(row[0]);
+ v3Scale(row[0], 1.0);
+
+ // Compute XY shear factor and make 2nd row orthogonal to 1st.
+ result.skewXY = v3Dot(row[0], row[1]);
+ v3Combine(row[1], row[0], row[1], 1.0, -result.skewXY);
+
+ // Now, compute Y scale and normalize 2nd row.
+ result.scaleY = v3Length(row[1]);
+ v3Scale(row[1], 1.0);
+ result.skewXY /= result.scaleY;
+
+ // Compute XZ and YZ shears, orthogonalize 3rd row.
+ result.skewXZ = v3Dot(row[0], row[2]);
+ v3Combine(row[2], row[0], row[2], 1.0, -result.skewXZ);
+ result.skewYZ = v3Dot(row[1], row[2]);
+ v3Combine(row[2], row[1], row[2], 1.0, -result.skewYZ);
+
+ // Next, get Z scale and normalize 3rd row.
+ result.scaleZ = v3Length(row[2]);
+ v3Scale(row[2], 1.0);
+ result.skewXZ /= result.scaleZ;
+ result.skewYZ /= result.scaleZ;
+
+ // At this point, the matrix (in rows[]) is orthonormal.
+ // Check for a coordinate system flip. If the determinant
+ // is -1, then negate the matrix and the scaling factors.
+ pdum3 = v3Cross(row[1], row[2]);
+
+ if (v3Dot(row[0], pdum3) < 0) {
+ for (i = 0; i < 3; i++) {
+ result.scaleX *= -1;
+ row[i][0] *= -1;
+ row[i][1] *= -1;
+ row[i][2] *= -1;
+ }
+ }
+
+ // Rotation (angles smaller then SMALL_NUMBER are zeroed)
+ result.rotateY = rad2deg(asin(-row[0][2])) || 0;
+ if (cos(result.rotateY) === 0) {
+ result.rotateX = rad2deg(atan2(-row[2][0], row[1][1])) || 0;
+ result.rotateZ = 0;
+ } else {
+ result.rotateX = rad2deg(atan2(row[1][2], row[2][2])) || 0;
+ result.rotateZ = rad2deg(atan2(row[0][1], row[0][0])) || 0;
+ }
+
+ return result;
+ };
+
+ /* =========================================
+ = Factory interface =
+ =========================================*/
+
+ var fCom = function(n, def) {
+ // avoid scientific notation with toFixed
+ var val = (n || def || 0);
+ return String(val.toFixed(20));
+ };
+
+ var fPx = function(n, def) {
+ return fCom(n, def) + 'px';
+ };
+
+ var fDeg = function(n, def) {
+ return fCom(n, def) + 'deg';
+ };
+
+ return {
+ fromCssMatrix: function(tr) {
+ var M = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1]];
+
+ // Just returns identity in case no transform is setup for the element
+ if (tr && tr !== 'none') {
+ var elems = tr.split('(')[1].split(')')[0].split(',').map(Number);
+
+ // Is a 2d transform: matrix(a, b, c, d, tx, ty) is a shorthand
+ // for matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1)
+ if (tr.match(/^matrix\(/)) {
+ M[0][0] = elems[0];
+ M[1][0] = elems[1];
+ M[0][1] = elems[2];
+ M[1][1] = elems[3];
+ M[3][0] = elems[4];
+ M[3][1] = elems[5];
+
+ // Is a 3d transform, set elements by rows
+ } else {
+ for (var i = 0; i < 16; i++) {
+ var row = floor(i / 4);
+ var col = i % 4;
+ M[row][col] = elems[i];
+ }
+ }
+ }
+ return decompose(M);
+ },
+
+ toCss: function(t) {
+ //
+ // Transforms are recomposed as a composition of:
+ //
+ // matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])
+ // translate3d(translation[0], translation[1], translation[2])
+ // rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])
+ // matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)
+ // matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)
+ // matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)
+ // scale3d(scale[0], scale[1], scale[2])
+ //
+
+ var perspective = [
+ fCom(t.perspectiveX),
+ fCom(t.perspectiveY),
+ fCom(t.perspectiveZ),
+ fCom(t.perspectiveW, 1)
+ ];
+ var translate = [
+ fPx(t.translateX),
+ fPx(t.translateY),
+ fPx(t.translateZ)
+ ];
+ var scale = [
+ fCom(t.scaleX),
+ fCom(t.scaleY),
+ fCom(t.scaleZ)
+ ];
+ var rotation = [
+ fDeg(t.rotateX),
+ fDeg(t.rotateY),
+ fDeg(t.rotateZ)
+ ];
+ var skew = [
+ fCom(t.skewXY),
+ fCom(t.skewXZ),
+ fCom(t.skewYZ)
+ ];
+
+ return [
+ 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,' + perspective.join(',') + ')',
+ 'translate3d(' + translate.join(',') + ')',
+ 'rotateX(' + rotation[0] + ') rotateY(' + rotation[1] + ') rotateZ(' + rotation[2] + ')',
+ 'matrix3d(1,0,0,0,0,1,0,0,0,' + skew[2] + ',1,0,0,0,0,1)',
+ 'matrix3d(1,0,0,0,0,1,0,0,' + skew[1] + ',0,1,0,0,0,0,1)',
+ 'matrix3d(1,0,0,0,' + skew[0] + ',1,0,0,0,0,1,0,0,0,0,1)',
+ 'scale3d(' + scale.join(',') + ')'
+ ].join(' ');
+ },
+
+ //
+ // Returns a decomposition of the transform matrix applied
+ // to `e`;
+ //
+ // NOTE: 2d matrices are translated to 3d matrices
+ // before any other operation.
+ //
+ get: function(e) {
+ return this.fromCssMatrix(getElementTransformProperty(e));
+ },
+
+ // Recompose a transform from decomposition `t` and apply it to element `e`
+ set: function(e, t) {
+ var str = (typeof t === 'string') ? t : this.toCss(t);
+ setElementTransformProperty(e, str);
+ }
+ };
+ });
+})();
+
+/**
+ * @module mobile-angular-ui.gestures
+ * @position 100
+ * @description
+ *
+ * It has directives and services to support `touch`, `swipe` and `drag` gestures.
+ *
+ * It does not need any `.css` to work.
+ *
+ * - \n *
- It has no dependency on Bootstrap. \n *
- It is not related to mobile apps only. \n *
- It is not requiring CSS support. \n *
- You can use it on any Angular Application and with any CSS framework. \n *
+ *
+ *
+ * ## Usage
+ *
+ * `.gestures` module is not required by `mobile-angular-ui` module. It has no
+ * dependency on other modules and is intended to be used alone with any other
+ * angular framework.
+ *
+ * You have to include `mobile-angular-ui.gestures.min.js` to your project in order to use it. Ie.
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.gestures', [
+ 'mobile-angular-ui.gestures.drag',
+ 'mobile-angular-ui.gestures.swipe',
+ 'mobile-angular-ui.gestures.transform'
+ ]);
+})();
diff --git a/dist/js/mobile-angular-ui.gestures.min.js b/dist/js/mobile-angular-ui.gestures.min.js
new file mode 100644
index 0000000..92334d2
--- /dev/null
+++ b/dist/js/mobile-angular-ui.gestures.min.js
@@ -0,0 +1,2 @@
+!function(){"use strict";angular.module("mobile-angular-ui.gestures.drag",["mobile-angular-ui.gestures.touch","mobile-angular-ui.gestures.transform"]).provider("$drag",function(){this.$get=["$touch","$transform",function(t,e){var n=document.createElement("style");n.appendChild(document.createTextNode("")),document.head.appendChild(n);var r=n.sheet;return r.insertRule("html .ui-drag-move{z-index: 99999 !important;}",0),r.insertRule("html .ui-drag-move{-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;-ms-transition: none !important;transition: none !important;}",0),r.insertRule("html .ui-drag-move, html .ui-drag-move *{-webkit-touch-callout: none !important;-webkit-user-select: none !important;-khtml-user-select: none !important;-moz-user-select: none !important;-ms-user-select: none !important;user-select: none !important;}",0),n=r=null,{NULL_TRANSFORM:function(t,e){return e},TRANSLATE_BOTH:function(t,e,n){return e.translateX=n.distanceX,e.translateY=n.distanceY,e},TRANSLATE_HORIZONTAL:function(t,e,n){return e.translateX=n.distanceX,e.translateY=0,e},TRANSLATE_UP:function(t,e,n){return e.translateY=n.distanceY<=0?n.distanceY:0,e.translateX=0,e},TRANSLATE_DOWN:function(t,e,n){return e.translateY=n.distanceY>=0?n.distanceY:0,e.translateX=0,e},TRANSLATE_LEFT:function(t,e,n){return e.translateX=n.distanceX<=0?n.distanceX:0,e.translateY=0,e},TRANSLATE_RIGHT:function(t,e,n){return e.translateX=n.distanceX>=0?n.distanceX:0,e.translateY=0,e},TRANSLATE_VERTICAL:function(t,e,n){return e.translateX=0,e.translateY=n.distanceY,e},TRANSLATE_INSIDE:function(t){return t=t.length?t[0]:t,function(e,n,r){e=e.length?e[0]:e;var a,o,i=e.getBoundingClientRect(),u=t instanceof Element?t.getBoundingClientRect():t;return a=i.width>=u.width?0:i.right+r.stepX>u.right?u.right-i.right:i.left+r.stepX+ * This module will not work with `ngTouch` + * cause it is intended, among offering more features, to be a drop-in + * replacement for it. + *
+ *+ * Be aware that `ngTouch` is still not playing well with `fastclick.js` and its usage with `mobile-angular-ui` is currently discouraged anyway. + *
+ *\n *
\n *\n * ## Usage\n *\n * `.gestures` module is not required by `mobile-angular-ui` module. It has no\n * dependency on other modules and is intended to be used alone with any other\n * angular framework.\n *\n * You have to include `mobile-angular-ui.gestures.min.js` to your project in order to use it. Ie.\n *\n * ``` html\n * \n * ```\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.gestures']);\n * ```\n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.gestures', [\n 'mobile-angular-ui.gestures.drag',\n 'mobile-angular-ui.gestures.swipe',\n 'mobile-angular-ui.gestures.transform'\n ]);\n})();\n"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/js/mobile-angular-ui.js b/dist/js/mobile-angular-ui.js
index 1c1bd86..9cef46a 100644
--- a/dist/js/mobile-angular-ui.js
+++ b/dist/js/mobile-angular-ui.js
@@ -1,1885 +1,3782 @@
-/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
-(function( w, undefined ){
-
- var doc = w.document,
- docElem = doc.documentElement,
- enabledClassName = "overthrow-enabled",
+;(function () {
+ 'use strict';
- // Touch events are used in the polyfill, and thus are a prerequisite
- canBeFilledWithPoly = "ontouchmove" in doc,
-
- // The following attempts to determine whether the browser has native overflow support
- // so we can enable it but not polyfill
- nativeOverflow =
- // Features-first. iOS5 overflow scrolling property check - no UA needed here. thanks Apple :)
- "WebkitOverflowScrolling" in docElem.style ||
- // Test the windows scrolling property as well
- "msOverflowStyle" in docElem.style ||
- // Touch events aren't supported and screen width is greater than X
- // ...basically, this is a loose "desktop browser" check.
- // It may wrongly opt-in very large tablets with no touch support.
- ( !canBeFilledWithPoly && w.screen.width > 800 ) ||
- // Hang on to your hats.
- // Whitelist some popular, overflow-supporting mobile browsers for now and the future
- // These browsers are known to get overlow support right, but give us no way of detecting it.
- (function(){
- var ua = w.navigator.userAgent,
- // Webkit crosses platforms, and the browsers on our list run at least version 534
- webkit = ua.match( /AppleWebKit\/([0-9]+)/ ),
- wkversion = webkit && webkit[1],
- wkLte534 = webkit && wkversion >= 534;
-
- return (
- /* Android 3+ with webkit gte 534
- ~: Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13 */
- ua.match( /Android ([0-9]+)/ ) && RegExp.$1 >= 3 && wkLte534 ||
- /* Blackberry 7+ with webkit gte 534
- ~: Mozilla/5.0 (BlackBerry; U; BlackBerry 9900; en-US) AppleWebKit/534.11+ (KHTML, like Gecko) Version/7.0.0 Mobile Safari/534.11+ */
- ua.match( / Version\/([0-9]+)/ ) && RegExp.$1 >= 0 && w.blackberry && wkLte534 ||
- /* Blackberry Playbook with webkit gte 534
- ~: Mozilla/5.0 (PlayBook; U; RIM Tablet OS 1.0.0; en-US) AppleWebKit/534.8+ (KHTML, like Gecko) Version/0.0.1 Safari/534.8+ */
- ua.indexOf( "PlayBook" ) > -1 && wkLte534 && !ua.indexOf( "Android 2" ) === -1 ||
- /* Firefox Mobile (Fennec) 4 and up
- ~: Mozilla/5.0 (Mobile; rv:15.0) Gecko/15.0 Firefox/15.0 */
- ua.match(/Firefox\/([0-9]+)/) && RegExp.$1 >= 4 ||
- /* WebOS 3 and up (TouchPad too)
- ~: Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.48 Safari/534.6 TouchPad/1.0 */
- ua.match( /wOSBrowser\/([0-9]+)/ ) && RegExp.$1 >= 233 && wkLte534 ||
- /* Nokia Browser N8
- ~: Mozilla/5.0 (Symbian/3; Series60/5.2 NokiaN8-00/012.002; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/533.4 (KHTML, like Gecko) NokiaBrowser/7.3.0 Mobile Safari/533.4 3gpp-gba
- ~: Note: the N9 doesn't have native overflow with one-finger touch. wtf */
- ua.match( /NokiaBrowser\/([0-9\.]+)/ ) && parseFloat(RegExp.$1) === 7.3 && webkit && wkversion >= 533
- );
- })();
+ /**
+ * @preserve FastClick: polyfill to remove click delays on browsers with touch UIs.
+ *
+ * @codingstandard ftlabs-jsv2
+ * @copyright The Financial Times Limited [All Rights Reserved]
+ * @license MIT License (see LICENSE.txt)
+ */
- // Expose overthrow API
- w.overthrow = {};
+ /*jslint browser:true, node:true*/
+ /*global define, Event, Node*/
- w.overthrow.enabledClassName = enabledClassName;
- w.overthrow.addClass = function(){
- if( docElem.className.indexOf( w.overthrow.enabledClassName ) === -1 ){
- docElem.className += " " + w.overthrow.enabledClassName;
+ /**
+ * Instantiate fast-clicking listeners on the specified layer.
+ *
+ * @constructor
+ * @param {Element} layer The layer to listen on
+ * @param {Object} [options={}] The options to override the defaults
+ */
+ function FastClick(layer, options) {
+ var oldOnClick;
+
+ options = options || {};
+
+ /**
+ * Whether a click is currently being tracked.
+ *
+ * @type boolean
+ */
+ this.trackingClick = false;
+
+
+ /**
+ * Timestamp for when click tracking started.
+ *
+ * @type number
+ */
+ this.trackingClickStart = 0;
+
+
+ /**
+ * The element being tracked for a click.
+ *
+ * @type EventTarget
+ */
+ this.targetElement = null;
+
+
+ /**
+ * X-coordinate of touch start event.
+ *
+ * @type number
+ */
+ this.touchStartX = 0;
+
+
+ /**
+ * Y-coordinate of touch start event.
+ *
+ * @type number
+ */
+ this.touchStartY = 0;
+
+
+ /**
+ * ID of the last touch, retrieved from Touch.identifier.
+ *
+ * @type number
+ */
+ this.lastTouchIdentifier = 0;
+
+
+ /**
+ * Touchmove boundary, beyond which a click will be cancelled.
+ *
+ * @type number
+ */
+ this.touchBoundary = options.touchBoundary || 10;
+
+
+ /**
+ * The FastClick layer.
+ *
+ * @type Element
+ */
+ this.layer = layer;
+
+ /**
+ * The minimum time between tap(touchstart and touchend) events
+ *
+ * @type number
+ */
+ this.tapDelay = options.tapDelay || 200;
+
+ /**
+ * The maximum time for a tap
+ *
+ * @type number
+ */
+ this.tapTimeout = options.tapTimeout || 700;
+
+ if (FastClick.notNeeded(layer)) {
+ return;
+ }
+
+ // Some old versions of Android don't have Function.prototype.bind
+ function bind(method, context) {
+ return function() { return method.apply(context, arguments); };
+ }
+
+
+ var methods = ['onMouse', 'onClick', 'onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'];
+ var context = this;
+ for (var i = 0, l = methods.length; i < l; i++) {
+ context[methods[i]] = bind(context[methods[i]], context);
+ }
+
+ // Set up event handlers as required
+ if (deviceIsAndroid) {
+ layer.addEventListener('mouseover', this.onMouse, true);
+ layer.addEventListener('mousedown', this.onMouse, true);
+ layer.addEventListener('mouseup', this.onMouse, true);
+ }
+
+ layer.addEventListener('click', this.onClick, true);
+ layer.addEventListener('touchstart', this.onTouchStart, false);
+ layer.addEventListener('touchmove', this.onTouchMove, false);
+ layer.addEventListener('touchend', this.onTouchEnd, false);
+ layer.addEventListener('touchcancel', this.onTouchCancel, false);
+
+ // Hack is required for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
+ // which is how FastClick normally stops click events bubbling to callbacks registered on the FastClick
+ // layer when they are cancelled.
+ if (!Event.prototype.stopImmediatePropagation) {
+ layer.removeEventListener = function(type, callback, capture) {
+ var rmv = Node.prototype.removeEventListener;
+ if (type === 'click') {
+ rmv.call(layer, type, callback.hijacked || callback, capture);
+ } else {
+ rmv.call(layer, type, callback, capture);
+ }
+ };
+
+ layer.addEventListener = function(type, callback, capture) {
+ var adv = Node.prototype.addEventListener;
+ if (type === 'click') {
+ adv.call(layer, type, callback.hijacked || (callback.hijacked = function(event) {
+ if (!event.propagationStopped) {
+ callback(event);
+ }
+ }), capture);
+ } else {
+ adv.call(layer, type, callback, capture);
+ }
+ };
+ }
+
+ // If a handler is already declared in the element's onclick attribute, it will be fired before
+ // FastClick's onClick handler. Fix this by pulling out the user-defined handler function and
+ // adding it as listener.
+ if (typeof layer.onclick === 'function') {
+
+ // Android browser on at least 3.2 requires a new reference to the function in layer.onclick
+ // - the old one won't work if passed to addEventListener directly.
+ oldOnClick = layer.onclick;
+ layer.addEventListener('click', function(event) {
+ oldOnClick(event);
+ }, false);
+ layer.onclick = null;
+ }
+ }
+
+ /**
+ * Windows Phone 8.1 fakes user agent string to look like Android and iPhone.
+ *
+ * @type boolean
+ */
+ var deviceIsWindowsPhone = navigator.userAgent.indexOf("Windows Phone") >= 0;
+
+ /**
+ * Android requires exceptions.
+ *
+ * @type boolean
+ */
+ var deviceIsAndroid = navigator.userAgent.indexOf('Android') > 0 && !deviceIsWindowsPhone;
+
+
+ /**
+ * iOS requires exceptions.
+ *
+ * @type boolean
+ */
+ var deviceIsIOS = /iP(ad|hone|od)/.test(navigator.userAgent) && !deviceIsWindowsPhone;
+
+
+ /**
+ * iOS 4 requires an exception for select elements.
+ *
+ * @type boolean
+ */
+ var deviceIsIOS4 = deviceIsIOS && (/OS 4_\d(_\d)?/).test(navigator.userAgent);
+
+
+ /**
+ * iOS 6.0-7.* requires the target element to be manually derived
+ *
+ * @type boolean
+ */
+ var deviceIsIOSWithBadTarget = deviceIsIOS && (/OS [6-7]_\d/).test(navigator.userAgent);
+
+ /**
+ * BlackBerry requires exceptions.
+ *
+ * @type boolean
+ */
+ var deviceIsBlackBerry10 = navigator.userAgent.indexOf('BB10') > 0;
+
+ /**
+ * Determine whether a given element requires a native click.
+ *
+ * @param {EventTarget|Element} target Target DOM element
+ * @returns {boolean} Returns true if the element needs a native click
+ */
+ FastClick.prototype.needsClick = function(target) {
+ switch (target.nodeName.toLowerCase()) {
+
+ // Don't send a synthetic click to disabled inputs (issue #62)
+ case 'button':
+ case 'select':
+ case 'textarea':
+ if (target.disabled) {
+ return true;
+ }
+
+ break;
+ case 'input':
+
+ // File inputs need real clicks on iOS 6 due to a browser bug (issue #68)
+ if ((deviceIsIOS && target.type === 'file') || target.disabled) {
+ return true;
+ }
+
+ break;
+ case 'label':
+ case 'iframe': // iOS8 homescreen apps can prevent events bubbling into frames
+ case 'video':
+ return true;
}
+
+ return (/\bneedsclick\b/).test(target.className);
};
- w.overthrow.removeClass = function(){
- docElem.className = docElem.className.replace( w.overthrow.enabledClassName, "" );
+
+ /**
+ * Determine whether a given element requires a call to focus to simulate click into element.
+ *
+ * @param {EventTarget|Element} target Target DOM element
+ * @returns {boolean} Returns true if the element requires a call to focus to simulate native click.
+ */
+ FastClick.prototype.needsFocus = function(target) {
+ switch (target.nodeName.toLowerCase()) {
+ case 'textarea':
+ return true;
+ case 'select':
+ return !deviceIsAndroid;
+ case 'input':
+ switch (target.type) {
+ case 'button':
+ case 'checkbox':
+ case 'file':
+ case 'image':
+ case 'radio':
+ case 'submit':
+ return false;
+ }
+
+ // No point in attempting to focus disabled inputs
+ return !target.disabled && !target.readOnly;
+ default:
+ return (/\bneedsfocus\b/).test(target.className);
+ }
};
- // Enable and potentially polyfill overflow
- w.overthrow.set = function(){
-
- // If nativeOverflow or at least the element canBeFilledWithPoly, add a class to cue CSS that assumes overflow scrolling will work (setting height on elements and such)
- if( nativeOverflow ){
- w.overthrow.addClass();
+
+ /**
+ * Send a click event to the specified element.
+ *
+ * @param {EventTarget|Element} targetElement
+ * @param {Event} event
+ */
+ FastClick.prototype.sendClick = function(targetElement, event) {
+ var clickEvent, touch;
+
+ // On some Android devices activeElement needs to be blurred otherwise the synthetic click will have no effect (#24)
+ if (document.activeElement && document.activeElement !== targetElement) {
+ document.activeElement.blur();
}
+ touch = event.changedTouches[0];
+
+ // Synthesise a click event, with an extra attribute so it can be tracked
+ clickEvent = document.createEvent('MouseEvents');
+ clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
+ clickEvent.forwardedTouchEvent = true;
+ targetElement.dispatchEvent(clickEvent);
};
- // expose polyfillable
- w.overthrow.canBeFilledWithPoly = canBeFilledWithPoly;
+ FastClick.prototype.determineEventType = function(targetElement) {
- // Destroy everything later. If you want to.
- w.overthrow.forget = function(){
+ //Issue #159: Android Chrome Select Box does not open with a synthetic click event
+ if (deviceIsAndroid && targetElement.tagName.toLowerCase() === 'select') {
+ return 'mousedown';
+ }
- w.overthrow.removeClass();
-
+ return 'click';
};
-
- // Expose overthrow API
- w.overthrow.support = nativeOverflow ? "native" : "none";
-
-})( this );
-/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
-(function( w, undefined ){
-
- // Auto-init
- w.overthrow.set();
-}( this ));
-/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
-(function( w, o, undefined ){
+ /**
+ * @param {EventTarget|Element} targetElement
+ */
+ FastClick.prototype.focus = function(targetElement) {
+ var length;
- // o is overthrow reference from overthrow-polyfill.js
- if( o === undefined ){
- return;
- }
+ // Issue #160: on iOS 7, some input elements (e.g. date datetime month) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug #15122724.
+ if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {
+ length = targetElement.value.length;
+ targetElement.setSelectionRange(length, length);
+ } else {
+ targetElement.focus();
+ }
+ };
- o.scrollIndicatorClassName = "overthrow";
-
- var doc = w.document,
- docElem = doc.documentElement,
- // o api
- nativeOverflow = o.support === "native",
- canBeFilledWithPoly = o.canBeFilledWithPoly,
- configure = o.configure,
- set = o.set,
- forget = o.forget,
- scrollIndicatorClassName = o.scrollIndicatorClassName;
- // find closest overthrow (elem or a parent)
- o.closest = function( target, ascend ){
- return !ascend && target.className && target.className.indexOf( scrollIndicatorClassName ) > -1 && target || o.closest( target.parentNode );
+ /**
+ * Check whether the given target element is a child of a scrollable layer and if so, set a flag on it.
+ *
+ * @param {EventTarget|Element} targetElement
+ */
+ FastClick.prototype.updateScrollParent = function(targetElement) {
+ var scrollParent, parentElement;
+
+ scrollParent = targetElement.fastClickScrollParent;
+
+ // Attempt to discover whether the target element is contained within a scrollable layer. Re-check if the
+ // target element was moved to another parent.
+ if (!scrollParent || !scrollParent.contains(targetElement)) {
+ parentElement = targetElement;
+ do {
+ if (parentElement.scrollHeight > parentElement.offsetHeight) {
+ scrollParent = parentElement;
+ targetElement.fastClickScrollParent = parentElement;
+ break;
+ }
+
+ parentElement = parentElement.parentElement;
+ } while (parentElement);
+ }
+
+ // Always update the scroll top tracker if possible.
+ if (scrollParent) {
+ scrollParent.fastClickLastScrollTop = scrollParent.scrollTop;
+ }
};
-
- // polyfill overflow
- var enabled = false;
- o.set = function(){
-
- set();
- // If nativeOverflow or it doesn't look like the browser canBeFilledWithPoly, our job is done here. Exit viewport left.
- if( enabled || nativeOverflow || !canBeFilledWithPoly ){
- return;
+
+ /**
+ * @param {EventTarget} targetElement
+ * @returns {Element|EventTarget}
+ */
+ FastClick.prototype.getTargetElementFromEventTarget = function(eventTarget) {
+
+ // On some older browsers (notably Safari on iOS 4.1 - see issue #56) the event target may be a text node.
+ if (eventTarget.nodeType === Node.TEXT_NODE) {
+ return eventTarget.parentNode;
}
- w.overthrow.addClass();
+ return eventTarget;
+ };
- enabled = true;
- o.support = "polyfilled";
+ /**
+ * On touch start, record the position and scroll offset.
+ *
+ * @param {Event} event
+ * @returns {boolean}
+ */
+ FastClick.prototype.onTouchStart = function(event) {
+ var targetElement, touch, selection;
- o.forget = function(){
- forget();
- enabled = false;
- // Remove touch binding (check for method support since this part isn't qualified by touch support like the rest)
- if( doc.removeEventListener ){
- doc.removeEventListener( "touchstart", start, false );
+ // Ignore multiple touches, otherwise pinch-to-zoom is prevented if both fingers are on the FastClick element (issue #111).
+ if (event.targetTouches.length > 1) {
+ return true;
+ }
+
+ targetElement = this.getTargetElementFromEventTarget(event.target);
+ touch = event.targetTouches[0];
+
+ if (deviceIsIOS) {
+
+ // Only trusted events will deselect text on iOS (issue #49)
+ selection = window.getSelection();
+ if (selection.rangeCount && !selection.isCollapsed) {
+ return true;
}
- };
- // Fill 'er up!
- // From here down, all logic is associated with touch scroll handling
- // elem references the overthrow element in use
- var elem,
-
- // The last several Y values are kept here
- lastTops = [],
-
- // The last several X values are kept here
- lastLefts = [],
-
- // lastDown will be true if the last scroll direction was down, false if it was up
- lastDown,
-
- // lastRight will be true if the last scroll direction was right, false if it was left
- lastRight,
-
- // For a new gesture, or change in direction, reset the values from last scroll
- resetVertTracking = function(){
- lastTops = [];
- lastDown = null;
- },
-
- resetHorTracking = function(){
- lastLefts = [];
- lastRight = null;
- },
-
- // On webkit, touch events hardly trickle through textareas and inputs
- // Disabling CSS pointer events makes sure they do, but it also makes the controls innaccessible
- // Toggling pointer events at the right moments seems to do the trick
- // Thanks Thomas Bachem http://stackoverflow.com/a/5798681 for the following
- inputs,
- setPointers = function( val ){
- inputs = elem.querySelectorAll( "textarea, input" );
- for( var i = 0, il = inputs.length; i < il; i++ ) {
- inputs[ i ].style.pointerEvents = val;
- }
- },
-
- // For nested overthrows, changeScrollTarget restarts a touch event cycle on a parent or child overthrow
- changeScrollTarget = function( startEvent, ascend ){
- if( doc.createEvent ){
- var newTarget = ( !ascend || ascend === undefined ) && elem.parentNode || elem.touchchild || elem,
- tEnd;
-
- if( newTarget !== elem ){
- tEnd = doc.createEvent( "HTMLEvents" );
- tEnd.initEvent( "touchend", true, true );
- elem.dispatchEvent( tEnd );
- newTarget.touchchild = elem;
- elem = newTarget;
- newTarget.dispatchEvent( startEvent );
- }
- }
- },
-
- // Touchstart handler
- // On touchstart, touchmove and touchend are freshly bound, and all three share a bunch of vars set by touchstart
- // Touchend unbinds them again, until next time
- start = function( e ){
-
- // Stop any throw in progress
- if( o.intercept ){
- o.intercept();
+ if (!deviceIsIOS4) {
+
+ // Weird things happen on iOS when an alert or confirm dialog is opened from a click event callback (issue #23):
+ // when the user next taps anywhere else on the page, new touchstart and touchend events are dispatched
+ // with the same identifier as the touch event that previously triggered the click that triggered the alert.
+ // Sadly, there is an issue on iOS 4 that causes some normal touch events to have the same identifier as an
+ // immediately preceeding touch event (issue #52), so this fix is unavailable on that platform.
+ // Issue 120: touch.identifier is 0 when Chrome dev tools 'Emulate touch events' is set with an iOS device UA string,
+ // which causes all touch events to be ignored. As this block only applies to iOS, and iOS identifiers are always long,
+ // random integers, it's safe to to continue if the identifier is 0 here.
+ if (touch.identifier && touch.identifier === this.lastTouchIdentifier) {
+ event.preventDefault();
+ return false;
}
-
- // Reset the distance and direction tracking
- resetVertTracking();
- resetHorTracking();
-
- elem = o.closest( e.target );
-
- if( !elem || elem === docElem || e.touches.length > 1 ){
- return;
- }
- setPointers( "none" );
- var touchStartE = e,
- scrollT = elem.scrollTop,
- scrollL = elem.scrollLeft,
- height = elem.offsetHeight,
- width = elem.offsetWidth,
- startY = e.touches[ 0 ].pageY,
- startX = e.touches[ 0 ].pageX,
- scrollHeight = elem.scrollHeight,
- scrollWidth = elem.scrollWidth,
-
- // Touchmove handler
- move = function( e ){
-
- var ty = scrollT + startY - e.touches[ 0 ].pageY,
- tx = scrollL + startX - e.touches[ 0 ].pageX,
- down = ty >= ( lastTops.length ? lastTops[ 0 ] : 0 ),
- right = tx >= ( lastLefts.length ? lastLefts[ 0 ] : 0 );
-
- // If there's room to scroll the current container, prevent the default window scroll
- if( ( ty > 0 && ty < scrollHeight - height ) || ( tx > 0 && tx < scrollWidth - width ) ){
- e.preventDefault();
- }
- // This bubbling is dumb. Needs a rethink.
- else {
- changeScrollTarget( touchStartE );
- }
-
- // If down and lastDown are inequal, the y scroll has changed direction. Reset tracking.
- if( lastDown && down !== lastDown ){
- resetVertTracking();
- }
-
- // If right and lastRight are inequal, the x scroll has changed direction. Reset tracking.
- if( lastRight && right !== lastRight ){
- resetHorTracking();
- }
-
- // remember the last direction in which we were headed
- lastDown = down;
- lastRight = right;
-
- // set the container's scroll
- elem.scrollTop = ty;
- elem.scrollLeft = tx;
-
- lastTops.unshift( ty );
- lastLefts.unshift( tx );
-
- if( lastTops.length > 3 ){
- lastTops.pop();
- }
- if( lastLefts.length > 3 ){
- lastLefts.pop();
- }
- },
-
- // Touchend handler
- end = function( e ){
+ this.lastTouchIdentifier = touch.identifier;
- // Bring the pointers back
- setPointers( "auto" );
- setTimeout( function(){
- setPointers( "none" );
- }, 450 );
- elem.removeEventListener( "touchmove", move, false );
- elem.removeEventListener( "touchend", end, false );
- };
-
- elem.addEventListener( "touchmove", move, false );
- elem.addEventListener( "touchend", end, false );
- };
-
- // Bind to touch, handle move and end within
- doc.addEventListener( "touchstart", start, false );
- };
-
-})( this, this.overthrow );
+ // If the target element is a child of a scrollable layer (using -webkit-overflow-scrolling: touch) and:
+ // 1) the user does a fling scroll on the scrollable layer
+ // 2) the user stops the fling scroll with another tap
+ // then the event.target of the last 'touchend' event will be the element that was under the user's finger
+ // when the fling scroll was started, causing FastClick to send a click event to that layer - unless a check
+ // is made to ensure that a parent layer was not scrolled before sending a synthetic click (issue #42).
+ this.updateScrollParent(targetElement);
+ }
+ }
-/**
- * @preserve FastClick: polyfill to remove click delays on browsers with touch UIs.
- *
- * @version 1.0.3
- * @codingstandard ftlabs-jsv2
- * @copyright The Financial Times Limited [All Rights Reserved]
- * @license MIT License (see LICENSE.txt)
- */
+ this.trackingClick = true;
+ this.trackingClickStart = event.timeStamp;
+ this.targetElement = targetElement;
-/*jslint browser:true, node:true*/
-/*global define, Event, Node*/
+ this.touchStartX = touch.pageX;
+ this.touchStartY = touch.pageY;
+ // Prevent phantom clicks on fast double-tap (issue #36)
+ if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
+ event.preventDefault();
+ }
-/**
- * Instantiate fast-clicking listeners on the specified layer.
- *
- * @constructor
- * @param {Element} layer The layer to listen on
- * @param {Object} options The options to override the defaults
- */
-function FastClick(layer, options) {
- 'use strict';
- var oldOnClick;
+ return true;
+ };
- options = options || {};
/**
- * Whether a click is currently being tracked.
+ * Based on a touchmove event object, check whether the touch has moved past a boundary since it started.
*
- * @type boolean
+ * @param {Event} event
+ * @returns {boolean}
*/
- this.trackingClick = false;
+ FastClick.prototype.touchHasMoved = function(event) {
+ var touch = event.changedTouches[0], boundary = this.touchBoundary;
+ if (Math.abs(touch.pageX - this.touchStartX) > boundary || Math.abs(touch.pageY - this.touchStartY) > boundary) {
+ return true;
+ }
- /**
- * Timestamp for when click tracking started.
- *
- * @type number
- */
- this.trackingClickStart = 0;
+ return false;
+ };
/**
- * The element being tracked for a click.
+ * Update the last position.
*
- * @type EventTarget
+ * @param {Event} event
+ * @returns {boolean}
*/
- this.targetElement = null;
+ FastClick.prototype.onTouchMove = function(event) {
+ if (!this.trackingClick) {
+ return true;
+ }
+ // If the touch has moved, cancel the click tracking
+ if (this.targetElement !== this.getTargetElementFromEventTarget(event.target) || this.touchHasMoved(event)) {
+ this.trackingClick = false;
+ this.targetElement = null;
+ }
- /**
- * X-coordinate of touch start event.
- *
- * @type number
- */
- this.touchStartX = 0;
+ return true;
+ };
/**
- * Y-coordinate of touch start event.
+ * Attempt to find the labelled control for the given label element.
*
- * @type number
+ * @param {EventTarget|HTMLLabelElement} labelElement
+ * @returns {Element|null}
*/
- this.touchStartY = 0;
-
+ FastClick.prototype.findControl = function(labelElement) {
- /**
- * ID of the last touch, retrieved from Touch.identifier.
- *
- * @type number
- */
- this.lastTouchIdentifier = 0;
+ // Fast path for newer browsers supporting the HTML5 control attribute
+ if (labelElement.control !== undefined) {
+ return labelElement.control;
+ }
+ // All browsers under test that support touch events also support the HTML5 htmlFor attribute
+ if (labelElement.htmlFor) {
+ return document.getElementById(labelElement.htmlFor);
+ }
- /**
- * Touchmove boundary, beyond which a click will be cancelled.
- *
- * @type number
- */
- this.touchBoundary = options.touchBoundary || 10;
+ // If no for attribute exists, attempt to retrieve the first labellable descendant element
+ // the list of which is defined here: http://www.w3.org/TR/html5/forms.html#category-label
+ return labelElement.querySelector('button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea');
+ };
/**
- * The FastClick layer.
+ * On touch end, determine whether to send a click event at once.
*
- * @type Element
+ * @param {Event} event
+ * @returns {boolean}
*/
- this.layer = layer;
+ FastClick.prototype.onTouchEnd = function(event) {
+ var forElement, trackingClickStart, targetTagName, scrollParent, touch, targetElement = this.targetElement;
- /**
- * The minimum time between tap(touchstart and touchend) events
- *
- * @type number
- */
- this.tapDelay = options.tapDelay || 200;
+ if (!this.trackingClick) {
+ return true;
+ }
- if (FastClick.notNeeded(layer)) {
- return;
- }
+ // Prevent phantom clicks on fast double-tap (issue #36)
+ if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
+ this.cancelNextClick = true;
+ return true;
+ }
- // Some old versions of Android don't have Function.prototype.bind
- function bind(method, context) {
- return function() { return method.apply(context, arguments); };
- }
+ if ((event.timeStamp - this.trackingClickStart) > this.tapTimeout) {
+ return true;
+ }
+ // Reset to prevent wrong click cancel on input (issue #156).
+ this.cancelNextClick = false;
- var methods = ['onMouse', 'onClick', 'onTouchStart', 'onTouchMove', 'onTouchEnd', 'onTouchCancel'];
- var context = this;
- for (var i = 0, l = methods.length; i < l; i++) {
- context[methods[i]] = bind(context[methods[i]], context);
- }
+ this.lastClickTime = event.timeStamp;
- // Set up event handlers as required
- if (deviceIsAndroid) {
- layer.addEventListener('mouseover', this.onMouse, true);
- layer.addEventListener('mousedown', this.onMouse, true);
- layer.addEventListener('mouseup', this.onMouse, true);
- }
+ trackingClickStart = this.trackingClickStart;
+ this.trackingClick = false;
+ this.trackingClickStart = 0;
+
+ // On some iOS devices, the targetElement supplied with the event is invalid if the layer
+ // is performing a transition or scroll, and has to be re-detected manually. Note that
+ // for this to function correctly, it must be called *after* the event target is checked!
+ // See issue #57; also filed as rdar://13048589 .
+ if (deviceIsIOSWithBadTarget) {
+ touch = event.changedTouches[0];
+
+ // In certain cases arguments of elementFromPoint can be negative, so prevent setting targetElement to null
+ targetElement = document.elementFromPoint(touch.pageX - window.pageXOffset, touch.pageY - window.pageYOffset) || targetElement;
+ targetElement.fastClickScrollParent = this.targetElement.fastClickScrollParent;
+ }
- layer.addEventListener('click', this.onClick, true);
- layer.addEventListener('touchstart', this.onTouchStart, false);
- layer.addEventListener('touchmove', this.onTouchMove, false);
- layer.addEventListener('touchend', this.onTouchEnd, false);
- layer.addEventListener('touchcancel', this.onTouchCancel, false);
-
- // Hack is required for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
- // which is how FastClick normally stops click events bubbling to callbacks registered on the FastClick
- // layer when they are cancelled.
- if (!Event.prototype.stopImmediatePropagation) {
- layer.removeEventListener = function(type, callback, capture) {
- var rmv = Node.prototype.removeEventListener;
- if (type === 'click') {
- rmv.call(layer, type, callback.hijacked || callback, capture);
- } else {
- rmv.call(layer, type, callback, capture);
+ targetTagName = targetElement.tagName.toLowerCase();
+ if (targetTagName === 'label') {
+ forElement = this.findControl(targetElement);
+ if (forElement) {
+ this.focus(targetElement);
+ if (deviceIsAndroid) {
+ return false;
+ }
+
+ targetElement = forElement;
}
- };
+ } else if (this.needsFocus(targetElement)) {
- layer.addEventListener = function(type, callback, capture) {
- var adv = Node.prototype.addEventListener;
- if (type === 'click') {
- adv.call(layer, type, callback.hijacked || (callback.hijacked = function(event) {
- if (!event.propagationStopped) {
- callback(event);
- }
- }), capture);
- } else {
- adv.call(layer, type, callback, capture);
+ // Case 1: If the touch started a while ago (best guess is 100ms based on tests for issue #36) then focus will be triggered anyway. Return early and unset the target element reference so that the subsequent click will be allowed through.
+ // Case 2: Without this exception for input elements tapped when the document is contained in an iframe, then any inputted text won't be visible even though the value attribute is updated as the user types (issue #37).
+ if ((event.timeStamp - trackingClickStart) > 100 || (deviceIsIOS && window.top !== window && targetTagName === 'input')) {
+ this.targetElement = null;
+ return false;
}
- };
- }
- // If a handler is already declared in the element's onclick attribute, it will be fired before
- // FastClick's onClick handler. Fix this by pulling out the user-defined handler function and
- // adding it as listener.
- if (typeof layer.onclick === 'function') {
-
- // Android browser on at least 3.2 requires a new reference to the function in layer.onclick
- // - the old one won't work if passed to addEventListener directly.
- oldOnClick = layer.onclick;
- layer.addEventListener('click', function(event) {
- oldOnClick(event);
- }, false);
- layer.onclick = null;
- }
-}
+ this.focus(targetElement);
+ this.sendClick(targetElement, event);
+ // Select elements need the event to go through on iOS 4, otherwise the selector menu won't open.
+ // Also this breaks opening selects when VoiceOver is active on iOS6, iOS7 (and possibly others)
+ if (!deviceIsIOS || targetTagName !== 'select') {
+ this.targetElement = null;
+ event.preventDefault();
+ }
-/**
- * Android requires exceptions.
- *
- * @type boolean
- */
-var deviceIsAndroid = navigator.userAgent.indexOf('Android') > 0;
+ return false;
+ }
+ if (deviceIsIOS && !deviceIsIOS4) {
-/**
- * iOS requires exceptions.
- *
- * @type boolean
- */
-var deviceIsIOS = /iP(ad|hone|od)/.test(navigator.userAgent);
+ // Don't send a synthetic click event if the target element is contained within a parent layer that was scrolled
+ // and this tap is being used to stop the scrolling (usually initiated by a fling - issue #42).
+ scrollParent = targetElement.fastClickScrollParent;
+ if (scrollParent && scrollParent.fastClickLastScrollTop !== scrollParent.scrollTop) {
+ return true;
+ }
+ }
+ // Prevent the actual click from going though - unless the target node is marked as requiring
+ // real clicks or if it is in the whitelist in which case only non-programmatic clicks are permitted.
+ if (!this.needsClick(targetElement)) {
+ event.preventDefault();
+ this.sendClick(targetElement, event);
+ }
-/**
- * iOS 4 requires an exception for select elements.
- *
- * @type boolean
- */
-var deviceIsIOS4 = deviceIsIOS && (/OS 4_\d(_\d)?/).test(navigator.userAgent);
+ return false;
+ };
-/**
- * iOS 6.0(+?) requires the target element to be manually derived
- *
- * @type boolean
- */
-var deviceIsIOSWithBadTarget = deviceIsIOS && (/OS ([6-9]|\d{2})_\d/).test(navigator.userAgent);
+ /**
+ * On touch cancel, stop tracking the click.
+ *
+ * @returns {void}
+ */
+ FastClick.prototype.onTouchCancel = function() {
+ this.trackingClick = false;
+ this.targetElement = null;
+ };
-/**
- * BlackBerry requires exceptions.
- *
- * @type boolean
- */
-var deviceIsBlackBerry10 = navigator.userAgent.indexOf('BB10') > 0;
-/**
- * Determine whether a given element requires a native click.
- *
- * @param {EventTarget|Element} target Target DOM element
- * @returns {boolean} Returns true if the element needs a native click
- */
-FastClick.prototype.needsClick = function(target) {
- 'use strict';
- switch (target.nodeName.toLowerCase()) {
+ /**
+ * Determine mouse events which should be permitted.
+ *
+ * @param {Event} event
+ * @returns {boolean}
+ */
+ FastClick.prototype.onMouse = function(event) {
- // Don't send a synthetic click to disabled inputs (issue #62)
- case 'button':
- case 'select':
- case 'textarea':
- if (target.disabled) {
+ // If a target element was never set (because a touch event was never fired) allow the event
+ if (!this.targetElement) {
return true;
}
- break;
- case 'input':
+ if (event.forwardedTouchEvent) {
+ return true;
+ }
- // File inputs need real clicks on iOS 6 due to a browser bug (issue #68)
- if ((deviceIsIOS && target.type === 'file') || target.disabled) {
+ // Programmatically generated events targeting a specific element should be permitted
+ if (!event.cancelable) {
return true;
}
- break;
- case 'label':
- case 'video':
- return true;
- }
+ // Derive and check the target element to see whether the mouse event needs to be permitted;
+ // unless explicitly enabled, prevent non-touch click events from triggering actions,
+ // to prevent ghost/doubleclicks.
+ if (!this.needsClick(this.targetElement) || this.cancelNextClick) {
- return (/\bneedsclick\b/).test(target.className);
-};
+ // Prevent any user-added listeners declared on FastClick element from being fired.
+ if (event.stopImmediatePropagation) {
+ event.stopImmediatePropagation();
+ } else {
+ // Part of the hack for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
+ event.propagationStopped = true;
+ }
+
+ // Cancel the event
+ event.stopPropagation();
+ event.preventDefault();
-/**
- * Determine whether a given element requires a call to focus to simulate click into element.
- *
- * @param {EventTarget|Element} target Target DOM element
- * @returns {boolean} Returns true if the element requires a call to focus to simulate native click.
- */
-FastClick.prototype.needsFocus = function(target) {
- 'use strict';
- switch (target.nodeName.toLowerCase()) {
- case 'textarea':
- return true;
- case 'select':
- return !deviceIsAndroid;
- case 'input':
- switch (target.type) {
- case 'button':
- case 'checkbox':
- case 'file':
- case 'image':
- case 'radio':
- case 'submit':
return false;
}
- // No point in attempting to focus disabled inputs
- return !target.disabled && !target.readOnly;
- default:
- return (/\bneedsfocus\b/).test(target.className);
- }
-};
-
-
-/**
- * Send a click event to the specified element.
- *
- * @param {EventTarget|Element} targetElement
- * @param {Event} event
- */
-FastClick.prototype.sendClick = function(targetElement, event) {
- 'use strict';
- var clickEvent, touch;
-
- // On some Android devices activeElement needs to be blurred otherwise the synthetic click will have no effect (#24)
- if (document.activeElement && document.activeElement !== targetElement) {
- document.activeElement.blur();
- }
+ // If the mouse event is permitted, return true for the action to go through.
+ return true;
+ };
- touch = event.changedTouches[0];
- // Synthesise a click event, with an extra attribute so it can be tracked
- clickEvent = document.createEvent('MouseEvents');
- clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
- clickEvent.forwardedTouchEvent = true;
- targetElement.dispatchEvent(clickEvent);
-};
+ /**
+ * On actual clicks, determine whether this is a touch-generated click, a click action occurring
+ * naturally after a delay after a touch (which needs to be cancelled to avoid duplication), or
+ * an actual click which should be permitted.
+ *
+ * @param {Event} event
+ * @returns {boolean}
+ */
+ FastClick.prototype.onClick = function(event) {
+ var permitted;
-FastClick.prototype.determineEventType = function(targetElement) {
- 'use strict';
+ // It's possible for another FastClick-like library delivered with third-party code to fire a click event before FastClick does (issue #44). In that case, set the click-tracking flag back to false and return early. This will cause onTouchEnd to return early.
+ if (this.trackingClick) {
+ this.targetElement = null;
+ this.trackingClick = false;
+ return true;
+ }
- //Issue #159: Android Chrome Select Box does not open with a synthetic click event
- if (deviceIsAndroid && targetElement.tagName.toLowerCase() === 'select') {
- return 'mousedown';
- }
+ // Very odd behaviour on iOS (issue #18): if a submit element is present inside a form and the user hits enter in the iOS simulator or clicks the Go button on the pop-up OS keyboard the a kind of 'fake' click event will be triggered with the submit-type input element as the target.
+ if (event.target.type === 'submit' && event.detail === 0) {
+ return true;
+ }
- return 'click';
-};
+ permitted = this.onMouse(event);
+ // Only unset targetElement if the click is not permitted. This will ensure that the check for !targetElement in onMouse fails and the browser's click doesn't go through.
+ if (!permitted) {
+ this.targetElement = null;
+ }
-/**
- * @param {EventTarget|Element} targetElement
- */
-FastClick.prototype.focus = function(targetElement) {
- 'use strict';
- var length;
+ // If clicks are permitted, return true for the action to go through.
+ return permitted;
+ };
- // Issue #160: on iOS 7, some input elements (e.g. date datetime) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug #15122724.
- if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time') {
- length = targetElement.value.length;
- targetElement.setSelectionRange(length, length);
- } else {
- targetElement.focus();
- }
-};
+ /**
+ * Remove all FastClick's event listeners.
+ *
+ * @returns {void}
+ */
+ FastClick.prototype.destroy = function() {
+ var layer = this.layer;
-/**
- * Check whether the given target element is a child of a scrollable layer and if so, set a flag on it.
- *
- * @param {EventTarget|Element} targetElement
- */
-FastClick.prototype.updateScrollParent = function(targetElement) {
- 'use strict';
- var scrollParent, parentElement;
-
- scrollParent = targetElement.fastClickScrollParent;
-
- // Attempt to discover whether the target element is contained within a scrollable layer. Re-check if the
- // target element was moved to another parent.
- if (!scrollParent || !scrollParent.contains(targetElement)) {
- parentElement = targetElement;
- do {
- if (parentElement.scrollHeight > parentElement.offsetHeight) {
- scrollParent = parentElement;
- targetElement.fastClickScrollParent = parentElement;
- break;
- }
+ if (deviceIsAndroid) {
+ layer.removeEventListener('mouseover', this.onMouse, true);
+ layer.removeEventListener('mousedown', this.onMouse, true);
+ layer.removeEventListener('mouseup', this.onMouse, true);
+ }
- parentElement = parentElement.parentElement;
- } while (parentElement);
- }
+ layer.removeEventListener('click', this.onClick, true);
+ layer.removeEventListener('touchstart', this.onTouchStart, false);
+ layer.removeEventListener('touchmove', this.onTouchMove, false);
+ layer.removeEventListener('touchend', this.onTouchEnd, false);
+ layer.removeEventListener('touchcancel', this.onTouchCancel, false);
+ };
- // Always update the scroll top tracker if possible.
- if (scrollParent) {
- scrollParent.fastClickLastScrollTop = scrollParent.scrollTop;
- }
-};
+ /**
+ * Check whether FastClick is needed.
+ *
+ * @param {Element} layer The layer to listen on
+ */
+ FastClick.notNeeded = function(layer) {
+ var metaViewport;
+ var chromeVersion;
+ var blackberryVersion;
+ var firefoxVersion;
+
+ // Devices that don't support touch don't need FastClick
+ if (typeof window.ontouchstart === 'undefined') {
+ return true;
+ }
-/**
- * @param {EventTarget} targetElement
- * @returns {Element|EventTarget}
- */
-FastClick.prototype.getTargetElementFromEventTarget = function(eventTarget) {
- 'use strict';
+ // Chrome version - zero for other browsers
+ chromeVersion = +(/Chrome\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];
- // On some older browsers (notably Safari on iOS 4.1 - see issue #56) the event target may be a text node.
- if (eventTarget.nodeType === Node.TEXT_NODE) {
- return eventTarget.parentNode;
- }
+ if (chromeVersion) {
- return eventTarget;
-};
+ if (deviceIsAndroid) {
+ metaViewport = document.querySelector('meta[name=viewport]');
+ if (metaViewport) {
+ // Chrome on Android with user-scalable="no" doesn't need FastClick (issue #89)
+ if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
+ return true;
+ }
+ // Chrome 32 and above with width=device-width or less don't need FastClick
+ if (chromeVersion > 31 && document.documentElement.scrollWidth <= window.outerWidth) {
+ return true;
+ }
+ }
-/**
- * On touch start, record the position and scroll offset.
- *
- * @param {Event} event
- * @returns {boolean}
- */
-FastClick.prototype.onTouchStart = function(event) {
- 'use strict';
- var targetElement, touch, selection;
+ // Chrome desktop doesn't need FastClick (issue #15)
+ } else {
+ return true;
+ }
+ }
- // Ignore multiple touches, otherwise pinch-to-zoom is prevented if both fingers are on the FastClick element (issue #111).
- if (event.targetTouches.length > 1) {
- return true;
- }
+ if (deviceIsBlackBerry10) {
+ blackberryVersion = navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/);
- targetElement = this.getTargetElementFromEventTarget(event.target);
- touch = event.targetTouches[0];
+ // BlackBerry 10.3+ does not require Fastclick library.
+ // https://github.com/ftlabs/fastclick/issues/251
+ if (blackberryVersion[1] >= 10 && blackberryVersion[2] >= 3) {
+ metaViewport = document.querySelector('meta[name=viewport]');
- if (deviceIsIOS) {
+ if (metaViewport) {
+ // user-scalable=no eliminates click delay.
+ if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
+ return true;
+ }
+ // width=device-width (or less than device-width) eliminates click delay.
+ if (document.documentElement.scrollWidth <= window.outerWidth) {
+ return true;
+ }
+ }
+ }
+ }
- // Only trusted events will deselect text on iOS (issue #49)
- selection = window.getSelection();
- if (selection.rangeCount && !selection.isCollapsed) {
+ // IE10 with -ms-touch-action: none or manipulation, which disables double-tap-to-zoom (issue #97)
+ if (layer.style.msTouchAction === 'none' || layer.style.touchAction === 'manipulation') {
return true;
}
- if (!deviceIsIOS4) {
-
- // Weird things happen on iOS when an alert or confirm dialog is opened from a click event callback (issue #23):
- // when the user next taps anywhere else on the page, new touchstart and touchend events are dispatched
- // with the same identifier as the touch event that previously triggered the click that triggered the alert.
- // Sadly, there is an issue on iOS 4 that causes some normal touch events to have the same identifier as an
- // immediately preceeding touch event (issue #52), so this fix is unavailable on that platform.
- // Issue 120: touch.identifier is 0 when Chrome dev tools 'Emulate touch events' is set with an iOS device UA string,
- // which causes all touch events to be ignored. As this block only applies to iOS, and iOS identifiers are always long,
- // random integers, it's safe to to continue if the identifier is 0 here.
- if (touch.identifier && touch.identifier === this.lastTouchIdentifier) {
- event.preventDefault();
- return false;
- }
+ // Firefox version - zero for other browsers
+ firefoxVersion = +(/Firefox\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];
- this.lastTouchIdentifier = touch.identifier;
+ if (firefoxVersion >= 27) {
+ // Firefox 27+ does not have tap delay if the content is not zoomable - https://bugzilla.mozilla.org/show_bug.cgi?id=922896
- // If the target element is a child of a scrollable layer (using -webkit-overflow-scrolling: touch) and:
- // 1) the user does a fling scroll on the scrollable layer
- // 2) the user stops the fling scroll with another tap
- // then the event.target of the last 'touchend' event will be the element that was under the user's finger
- // when the fling scroll was started, causing FastClick to send a click event to that layer - unless a check
- // is made to ensure that a parent layer was not scrolled before sending a synthetic click (issue #42).
- this.updateScrollParent(targetElement);
+ metaViewport = document.querySelector('meta[name=viewport]');
+ if (metaViewport && (metaViewport.content.indexOf('user-scalable=no') !== -1 || document.documentElement.scrollWidth <= window.outerWidth)) {
+ return true;
+ }
}
- }
- this.trackingClick = true;
- this.trackingClickStart = event.timeStamp;
- this.targetElement = targetElement;
+ // IE11: prefixed -ms-touch-action is no longer supported and it's recomended to use non-prefixed version
+ // http://msdn.microsoft.com/en-us/library/windows/apps/Hh767313.aspx
+ if (layer.style.touchAction === 'none' || layer.style.touchAction === 'manipulation') {
+ return true;
+ }
- this.touchStartX = touch.pageX;
- this.touchStartY = touch.pageY;
+ return false;
+ };
- // Prevent phantom clicks on fast double-tap (issue #36)
- if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
- event.preventDefault();
- }
- return true;
-};
+ /**
+ * Factory method for creating a FastClick object
+ *
+ * @param {Element} layer The layer to listen on
+ * @param {Object} [options={}] The options to override the defaults
+ */
+ FastClick.attach = function(layer, options) {
+ return new FastClick(layer, options);
+ };
-/**
- * Based on a touchmove event object, check whether the touch has moved past a boundary since it started.
- *
- * @param {Event} event
- * @returns {boolean}
- */
-FastClick.prototype.touchHasMoved = function(event) {
- 'use strict';
- var touch = event.changedTouches[0], boundary = this.touchBoundary;
+ if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {
- if (Math.abs(touch.pageX - this.touchStartX) > boundary || Math.abs(touch.pageY - this.touchStartY) > boundary) {
- return true;
+ // AMD. Register as an anonymous module.
+ define(function() {
+ return FastClick;
+ });
+ } else if (typeof module !== 'undefined' && module.exports) {
+ module.exports = FastClick.attach;
+ module.exports.FastClick = FastClick;
+ } else {
+ window.FastClick = FastClick;
}
-
- return false;
-};
-
+}());
/**
- * Update the last position.
+ * @module mobile-angular-ui.core.activeLinks
+ * @description
*
- * @param {Event} event
- * @returns {boolean}
- */
-FastClick.prototype.onTouchMove = function(event) {
- 'use strict';
- if (!this.trackingClick) {
- return true;
- }
-
- // If the touch has moved, cancel the click tracking
- if (this.targetElement !== this.getTargetElementFromEventTarget(event.target) || this.touchHasMoved(event)) {
- this.trackingClick = false;
- this.targetElement = null;
- }
-
- return true;
-};
-
-
-/**
- * Attempt to find the labelled control for the given label element.
+ * `mobile-angular-ui.activeLinks` module sets up `.active` class for `a`
+ * elements those `href` attribute matches the current angular `$location` url.
+ * It takes care of excluding both search part and hash part from comparison.
*
- * @param {EventTarget|HTMLLabelElement} labelElement
- * @returns {Element|null}
+ * `.active` classes are added/removed each time one of `$locationChangeSuccess`
+ * or `$includeContentLoaded` is fired.
+ *
+ * ## Usage
+ *
+ * Just declare it as a dependency to your app unless you have already included
+ * one of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.activeLinks']);
+ * ```
+ *
+ * **NOTE:** if you are using it without Bootstrap you may need to add some css
+ * to your stylesheets to reflect the activation state of links. I.e.
+ *
+ * ``` css
+ * a.active {
+ * color: blue;
+ * }
+ * ```
*/
-FastClick.prototype.findControl = function(labelElement) {
- 'use strict';
-
- // Fast path for newer browsers supporting the HTML5 control attribute
- if (labelElement.control !== undefined) {
- return labelElement.control;
- }
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.core.activeLinks', [])
+ .provider('setupActiveLinks', ['$locationProvider', function($locationProvider) {
+ this.$get = [
+ '$document',
+ '$location',
+ function($document, $location) {
+ return function() {
+ var currentPath = $location.path();
+ var links = $document[0].links;
+
+ for (var i = 0; i < links.length; i++) {
+ var link = angular.element(links[i]);
+ var href = link.attr('href');
+
+ if (!href) {
+ return link.removeClass('active');
+ }
+
+ var html5Mode = $locationProvider.html5Mode().enabled;
+ if (!html5Mode) {
+ var linkPrefix = '#' + $locationProvider.hashPrefix();
+ if (href.slice(0, linkPrefix.length) === linkPrefix) {
+ href = href.slice(linkPrefix.length);
+ } else {
+ return link.removeClass('active');
+ }
+ }
- // All browsers under test that support touch events also support the HTML5 htmlFor attribute
- if (labelElement.htmlFor) {
- return document.getElementById(labelElement.htmlFor);
- }
+ if (href.charAt(0) !== '/') {
+ return link.removeClass('active');
+ }
- // If no for attribute exists, attempt to retrieve the first labellable descendant element
- // the list of which is defined here: http://www.w3.org/TR/html5/forms.html#category-label
- return labelElement.querySelector('button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea');
-};
+ href = href.split('#')[0].split('?')[0];
+ if (href === currentPath) {
+ link.addClass('active');
+ } else {
+ link.removeClass('active');
+ }
+ }
+ };
+ }];
+ }])
+ .run(['$rootScope', 'setupActiveLinks', function($rootScope, setupActiveLinks) {
+ $rootScope.$on('$locationChangeSuccess', setupActiveLinks);
+ $rootScope.$on('$includeContentLoaded', setupActiveLinks);
+ }]);
+})();
/**
- * On touch end, determine whether to send a click event at once.
+ * @module mobile-angular-ui.core.capture
+ * @description
+ *
+ * The `capture` module exposes directives to var you extract markup which can
+ * be used in other parts of a template using `uiContentFor` and `uiYieldTo`
+ * directives.
+ *
+ * It provides a way to move or clone a block of markup to other parts of the document.
+ *
+ * This method is particularly useful to setup parts of the layout within an
+ * angular view. Since blocks of html are transplanted within their original
+ * `$scope` is easy to create layout interactions depending on the context.
+ * Some tipical task you can accomplish with these directives are: _setup
+ * the navbar title depending on the view_ or _place a submit button for a
+ * form inside a navbar_.
+ *
+ * ## Usage
*
- * @param {Event} event
- * @returns {boolean}
+ * Declare it as a dependency to your app unless you have already included some
+ * of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui']);
+ * ```
+ *
+ * Or
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui']);
+ * ```
+ *
+ * Or
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.capture']);
+ * ```
+ *
+ * Use `ui-yield-to` as a placeholder.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ * \n * This module will not work with `ngTouch`\n * cause it is intended, among offering more features, to be a drop-in\n * replacement for it.\n *
\n *\n * Be aware that `ngTouch` is still not playing well with `fastclick.js` and its usage with `mobile-angular-ui` is currently discouraged anyway.\n *
\n *
+ *
+ * ```
+ *
+ * Use `ui-content-for` inside any view to populate the `ui-yield-to` content.
+ *
+ * ``` html
+ *
+ *
+ *
+ * My View Title
+ *
+ * ```
+ *
+ * Since the original scope is preserved you can use directives inside
+ * `ui-content-for` blocks to interact with the current scope. In the following
+ * example we will add a navbar button to submit a form inside a nested view.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * ``` javascript
+ * app.controller('newCustomerController', function($scope, Store){
+ * $scope.customer = {};
+ * $scope.createCustomer = function(){
+ * Store.create($scope.customer);
+ * // ...
+ * }
+ * });
+ * ```
+ *
+ * If you wish you can also duplicate markup instead of move it. Just add `duplicate` parameter to `uiContentFor` directive to specify this behaviour.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
*/
-FastClick.prototype.onTouchEnd = function(event) {
- 'use strict';
- var forElement, trackingClickStart, targetTagName, scrollParent, touch, targetElement = this.targetElement;
+(function() {
+ 'use strict';
- if (!this.trackingClick) {
- return true;
- }
+ angular.module('mobile-angular-ui.core.capture', [])
- // Prevent phantom clicks on fast double-tap (issue #36)
- if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
- this.cancelNextClick = true;
- return true;
- }
+ .run([
+ 'Capture',
+ '$rootScope',
+ function(Capture, $rootScope) {
+ $rootScope.$on('$routeChangeSuccess', function() {
+ Capture.resetAll();
+ });
+ }
+ ])
- // Reset to prevent wrong click cancel on input (issue #156).
- this.cancelNextClick = false;
+ .factory('Capture', [
+ '$compile',
+ function($compile) {
+ var yielders = {};
- this.lastClickTime = event.timeStamp;
+ return {
+ yielders: yielders,
- trackingClickStart = this.trackingClickStart;
- this.trackingClick = false;
- this.trackingClickStart = 0;
+ resetAll: function() {
+ for (var name in yielders) {
+ if (yielders.hasOwnProperty(name)) {
+ this.resetYielder(name);
+ }
+ }
+ },
+
+ resetYielder: function(name) {
+ var b = yielders[name];
+ this.setContentFor(name, b.defaultContent, b.defaultScope);
+ },
+
+ putYielder: function(name, element, defaultScope, defaultContent) {
+ var yielder = {};
+ yielder.name = name;
+ yielder.element = element;
+ yielder.defaultContent = defaultContent || '';
+ yielder.defaultScope = defaultScope;
+ yielders[name] = yielder;
+ },
+
+ getYielder: function(name) {
+ return yielders[name];
+ },
+
+ removeYielder: function(name) {
+ delete yielders[name];
+ },
+
+ setContentFor: function(name, content, scope) {
+ var b = yielders[name];
+ if (!b) {
+ return;
+ }
+ b.element.html(content);
+ $compile(b.element.contents())(scope);
+ }
- // On some iOS devices, the targetElement supplied with the event is invalid if the layer
- // is performing a transition or scroll, and has to be re-detected manually. Note that
- // for this to function correctly, it must be called *after* the event target is checked!
- // See issue #57; also filed as rdar://13048589 .
- if (deviceIsIOSWithBadTarget) {
- touch = event.changedTouches[0];
+ };
+ }
+ ])
+
+ /**
+ * @directive uiContentFor
+ * @restrict A
+ * @description
+ *
+ * `ui-content-for` makes inner contents to replace the corresponding
+ * `ui-yield-to` placeholder contents.
+ *
+ * `uiContentFor` is intended to be used inside a view in order to populate outer placeholders.
+ * Any content you send to placeholders via `ui-content-for` is
+ * reverted to placeholder defaults after view changes (ie. on `$routeChangeStart`).
+ *
+ * @param {string} uiContentFor The id of the placeholder to be replaced
+ * @param {boolean} uiDuplicate If present duplicates the content instead of moving it (default to `false`)
+ *
+ */
+ .directive('uiContentFor', [
+ 'Capture',
+ function(Capture) {
+ return {
+ compile: function(tElem, tAttrs) {
+ var rawContent = tElem.html();
+ if (tAttrs.uiDuplicate === null || tAttrs.uiDuplicate === undefined) {
+ // no need to compile anything!
+ tElem.html('');
+ tElem.remove();
+ }
+ return function(scope, elem, attrs) {
+ Capture.setContentFor(attrs.uiContentFor, rawContent, scope);
+ };
+ }
+ };
+ }
+ ])
+
+ /**
+ * @directive uiYieldTo
+ * @restrict A
+ * @description
+ *
+ * `ui-yield-to` defines a placeholder which contents will be further replaced by `ui-content-for` directive.
+ *
+ * Inner html is considered to be a default. Default is restored any time `$routeChangeStart` happens.
+ *
+ * @param {string} uiYieldTo The unique id of this placeholder.
+ *
+ */
+ .directive('uiYieldTo', [
+ '$compile', 'Capture', function($compile, Capture) {
+ return {
+ link: function(scope, element, attr) {
+ Capture.putYielder(attr.uiYieldTo, element, scope, element.html());
+
+ element.on('$destroy', function() {
+ Capture.removeYielder(attr.uiYieldTo);
+ });
+
+ scope.$on('$destroy', function() {
+ Capture.removeYielder(attr.uiYieldTo);
+ });
+ }
+ };
+ }
+ ]);
- // In certain cases arguments of elementFromPoint can be negative, so prevent setting targetElement to null
- targetElement = document.elementFromPoint(touch.pageX - window.pageXOffset, touch.pageY - window.pageYOffset) || targetElement;
- targetElement.fastClickScrollParent = this.targetElement.fastClickScrollParent;
- }
+})();
- targetTagName = targetElement.tagName.toLowerCase();
- if (targetTagName === 'label') {
- forElement = this.findControl(targetElement);
- if (forElement) {
- this.focus(targetElement);
- if (deviceIsAndroid) {
- return false;
- }
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.core.fastclick', []);
- targetElement = forElement;
- }
- } else if (this.needsFocus(targetElement)) {
+ module.run(['$window', function($window) {
- // Case 1: If the touch started a while ago (best guess is 100ms based on tests for issue #36) then focus will be triggered anyway. Return early and unset the target element reference so that the subsequent click will be allowed through.
- // Case 2: Without this exception for input elements tapped when the document is contained in an iframe, then any inputted text won't be visible even though the value attribute is updated as the user types (issue #37).
- if ((event.timeStamp - trackingClickStart) > 100 || (deviceIsIOS && window.top !== window && targetTagName === 'input')) {
- this.targetElement = null;
- return false;
- }
+ // Temporarly bugfix in overthrow/fastclick:
+ var orgHandler = FastClick.prototype.onTouchEnd;
- this.focus(targetElement);
- this.sendClick(targetElement, event);
+ // Some old versions of Android don't have Function.prototype.bind
+ function bind(method, context) {
+ return function() {
+ return method.apply(context, arguments);
+ };
+ }
- // Select elements need the event to go through on iOS 4, otherwise the selector menu won't open.
- // Also this breaks opening selects when VoiceOver is active on iOS6, iOS7 (and possibly others)
- if (!deviceIsIOS || targetTagName !== 'select') {
- this.targetElement = null;
- event.preventDefault();
- }
+ FastClick.prototype.onTouchEnd = function(event) {
- return false;
- }
+ if (!event.changedTouches) {
+ event.changedTouches = [{}];
+ }
- if (deviceIsIOS && !deviceIsIOS4) {
+ orgHandler = bind(orgHandler, this);
+ orgHandler(event);
+ };
- // Don't send a synthetic click event if the target element is contained within a parent layer that was scrolled
- // and this tap is being used to stop the scrolling (usually initiated by a fling - issue #42).
- scrollParent = targetElement.fastClickScrollParent;
- if (scrollParent && scrollParent.fastClickLastScrollTop !== scrollParent.scrollTop) {
- return true;
- }
- }
+ FastClick.attach($window.document.body);
- // Prevent the actual click from going though - unless the target node is marked as requiring
- // real clicks or if it is in the whitelist in which case only non-programmatic clicks are permitted.
- if (!this.needsClick(targetElement)) {
- event.preventDefault();
- this.sendClick(targetElement, event);
- }
+ }]);
- return false;
-};
+ angular.forEach(['select', 'input', 'textarea'], function(directiveName) {
+ module.directive(directiveName, function() {
+ return {
+ restrict: 'E',
+ compile: function(elem) {
+ elem.addClass('needsclick');
+ }
+ };
+ });
+ });
+})();
/**
- * On touch cancel, stop tracking the click.
*
- * @returns {void}
- */
-FastClick.prototype.onTouchCancel = function() {
- 'use strict';
- this.trackingClick = false;
- this.targetElement = null;
-};
-
-
-/**
- * Determine mouse events which should be permitted.
+ * @module mobile-angular-ui.core.outerClick
+ * @description
+ *
+ * Provides a directive to specifiy a behaviour when click/tap events
+ * happen outside an element. This can be easily used
+ * to implement eg. __close on outer click__ feature for a dropdown.
+ *
+ * ## Usage
+ *
+ * Declare it as a dependency to your app unless you have already
+ * included some of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui']);
+ * ```
+ *
+ * Or
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core']);
+ * ```
+ *
+ * Or
*
- * @param {Event} event
- * @returns {boolean}
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.outerClick']);
+ * ```
+ *
+ * Use `ui-outer-click` to define an expression to evaluate when an _Outer Click_ event happens.
+ * Use `ui-outer-click-if` parameter to define a condition to enable/disable the listener.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
*/
-FastClick.prototype.onMouse = function(event) {
- 'use strict';
-
- // If a target element was never set (because a touch event was never fired) allow the event
- if (!this.targetElement) {
- return true;
- }
-
- if (event.forwardedTouchEvent) {
- return true;
- }
-
- // Programmatically generated events targeting a specific element should be permitted
- if (!event.cancelable) {
- return true;
- }
-
- // Derive and check the target element to see whether the mouse event needs to be permitted;
- // unless explicitly enabled, prevent non-touch click events from triggering actions,
- // to prevent ghost/doubleclicks.
- if (!this.needsClick(this.targetElement) || this.cancelNextClick) {
+(function() {
+ 'use strict';
- // Prevent any user-added listeners declared on FastClick element from being fired.
- if (event.stopImmediatePropagation) {
- event.stopImmediatePropagation();
- } else {
+ angular.module('mobile-angular-ui.core.outerClick', [])
- // Part of the hack for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
- event.propagationStopped = true;
- }
+ .factory('_mauiIsAncestorOrSelf', function() {
+ return function(element, target) {
+ var parent = element;
+ while (parent.length > 0) {
+ if (parent[0] === target[0]) {
+ parent = null;
+ return true;
+ }
+ parent = parent.parent();
+ }
+ parent = null;
+ return false;
+ };
+ })
+
+ /**
+ * @service bindOuterClick
+ * @as function
+ *
+ * @description
+ * This is a service function that binds a callback to be conditionally executed
+ * when a click event happens outside a specified element.
+ *
+ * Ie.
+ *
+ * ``` js
+ * app.directive('myDirective', function('bindOuterClick'){
+ * return {
+ * link: function(scope, element) {
+ * bindOuterClick(element, function(scope, extra){
+ * alert('You clicked ouside me!');
+ * }, function(e){
+ * return element.hasClass('disabled') ? true : false;
+ * });
+ * }
+ * };
+ * });
+ * ```
+ * @scope {scope} the scope to eval callbacks
+ * @param {DomElement|$element} element The element to bind to.
+ * @param {function} callback A `function(scope, options)`, usually the result of `$parse`, that is called when an _outer click_ event happens.
+ * @param {string|function} condition Angular `$watch` expression to decide whether to run `callback` or not.
+ */
+ .factory('bindOuterClick', [
+ '$document',
+ '$timeout',
+ '_mauiIsAncestorOrSelf',
+ function($document, $timeout, isAncestorOrSelf) {
+
+ return function(scope, element, outerClickFn, outerClickIf) {
+ var handleOuterClick = function(event) {
+ if (!isAncestorOrSelf(angular.element(event.target), element)) {
+ scope.$apply(function() {
+ outerClickFn(scope, {$event: event});
+ });
+ }
+ };
- // Cancel the event
- event.stopPropagation();
- event.preventDefault();
+ var stopWatching = angular.noop;
+ var t = null;
- return false;
- }
+ if (outerClickIf) {
+ stopWatching = scope.$watch(outerClickIf, function(value) {
+ $timeout.cancel(t);
- // If the mouse event is permitted, return true for the action to go through.
- return true;
-};
+ if (value) {
+ // prevents race conditions
+ // activating with other click events
+ t = $timeout(function() {
+ $document.on('click tap', handleOuterClick);
+ }, 0);
+ } else {
+ $document.unbind('click tap', handleOuterClick);
+ }
+ });
+ } else {
+ $timeout.cancel(t);
+ $document.on('click tap', handleOuterClick);
+ }
-/**
- * On actual clicks, determine whether this is a touch-generated click, a click action occurring
- * naturally after a delay after a touch (which needs to be cancelled to avoid duplication), or
- * an actual click which should be permitted.
+ scope.$on('$destroy', function() {
+ stopWatching();
+ $document.unbind('click tap', handleOuterClick);
+ });
+ };
+ }
+ ])
+
+ /**
+ * @directive outerClick
+ *
+ * @description
+ * Evaluates an expression when an _Outer Click_ event happens.
+ *
+ * @param {expression} uiOuterClick Expression to evaluate when an _Outer Click_ event happens.
+ * @param {expression} uiOuterClickIf Condition to enable/disable the listener. Defaults to `true`.
+ */
+ .directive('uiOuterClick', [
+ 'bindOuterClick',
+ '$parse',
+ function(bindOuterClick, $parse) {
+ return {
+ restrict: 'A',
+ compile: function(elem, attrs) {
+ var outerClickFn = $parse(attrs.uiOuterClick);
+ var outerClickIf = attrs.uiOuterClickIf;
+ return function(scope, elem) {
+ bindOuterClick(scope, elem, outerClickFn, outerClickIf);
+ };
+ }
+ };
+ }
+ ]);
+})();
+
+(function() {
+ 'use strict';
+ /**
+ * @module mobile-angular-ui.core.sharedState
+ *
+ * @description
+ * `mobile-angular-ui.core.sharedState` is expose the homonymous service
+ * `SharedState` and a group of directives to access it.
+ *
+ * `SharedState` allows to use elementary angular or angularish directives
+ * to create interactive components.
+ *
+ * Ie.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * Using `SharedState` you will be able to:
+ *
+ * - Create interactive components without having to write javascript code
+ * - Have your controller free from UI logic
+ * - Separe `ng-click` triggering application logic from those having a visual effect only
+ * - Export state of components to urls
+ * - Easily make components comunicate each other
+ *
+ * Also note that:
+ *
+ * Data structures retaining statuses will stay outside angular scopes
+ * thus they are not evaluated against digest cycle until its necessary.
+ * Also although statuses are sort of global variables `SharedState` will
+ * take care of disposing them when no scopes are requiring them anymore.
+ *
+ * A set of `ui-*` directives are available to interact with `SharedState`
+ * module and will hopefully var you spare your controllers and your time
+ * for something that is more meaningful than this:
+ *
+ * ``` js
+ * $scope.activeTab = 1;
+ *
+ * $scope.setActiveTab = function(n) {
+ * $scope.activeTab = n;
+ * };
+ * ```
+ *
+ * ## Usage
+ *
+ * Declare it as a dependency to your app unless you have already included some
+ * of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.sharedState']);
+ * ```
+ *
+ * Use `ui-shared-state` directive to require/initialize a state from the target element scope
+ *
+ * **Example.** Tabs
+ *
+ *
+ *
+ * **Example.** Custom components
+ *
+ *
+ *
+ * NOTE: `ui-toggle/set/turnOn/turnOff` responds to `click/tap` without
+ * stopping propagation so you can use them along with ng-click too.
+ * You can also change events to respond to with `ui-triggers` attribute.
+ *
+ * Any `SharedState` method is exposed through `Ui` object in `$rootScope`.
+ * So you could always do `ng-click="Ui.turnOn('myVar')"`.
+ *
+ * Since `SharedState` is a service you can initialize/set statuses through
+ * controllers too:
+ *
+ * ``` js
+ * app.controller('myController', function($scope, SharedState){
+ * SharedState.initialize($scope, "activeTab", 3);
+ * });
+ * ```
+ *
+ * As well as you can use `ui-default` for that:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ */
+ var module = angular.module('mobile-angular-ui.core.sharedState', []);
+
+ /**
+ * @ngdoc service
+ * @class SharedState
+ *
+ * @description
+ *
+ * A `SharedState` state can be considered as a global variable identified by an `id`.
+ *
+ * `SharedState` service exposes methods to interact with statuses to create,
+ * read and update states.
+ *
+ * It acts as a BUS between UI elements to share UI related state that is
+ * automatically disposed when all scopes requiring it are destroyed.
+ *
+ * eg.
+ *
+ * ``` js
+ * app.controller('controller1', function($scope, SharedState){
+ * SharedState.initialize($scope, 'myId');
+ * });
+ *
+ * app.controller('controller2', function(SharedState){
+ * SharedState.toggle('myId');
+ * });
+ * ```
+ *
+ * Data structures retaining statuses will stay outside angular scopes thus
+ * they are not evaluated against digest cycle until its necessary. Also
+ * although statuses are sort of global variables `SharedState` will take
+ * care of disposing them when no scopes are requiring them anymore.
+ *
+ * A set of `ui-*` directives are available to interact with `SharedState`
+ * module and will hopefully var you spare your controllers and your time for
+ * something that is more meaningful than this:
+ *
+ * ``` js
+ * $scope.activeTab = 1;
+ *
+ * $scope.setActiveTab = function(n) {
+ * $scope.activeTab = n;
+ * };
+ * ```
+ *
+ */
+
+ /**
+ * @event 'mobile-angular-ui.state.initialized.ID'
+ * @shortname initialized
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Broadcasted on `$rootScope` when `#initialize` is called for a new state not
+ * referenced by any scope currently.
+ *
+ * @param {any} currentValue The value with which this state has been initialized
+ *
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+
+ /**
+ * @event 'mobile-angular-ui.state.destroyed.ID'
+ * @shortname destroyed
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Broadcasted on `$rootScope` when a state is destroyed.
+ *
+ */
+
+ /**
+ * @event 'mobile-angular-ui.state.changed.ID'
+ * @shortname changed
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Broadcasted on `$rootScope` the value of a state changes.
+ *
+ * ``` js
+ * $scope.$on('mobile-angular-ui.state.changed.uiSidebarLeft', function(e, newVal, oldVal) {
+ * if (newVal === true) {
+ * console.log('sidebar opened');
+ * } else {
+ * console.log('sidebar closed');
+ * }
+ * });
+ * ```
+ *
+ * @param {any} newValue
+ * @param {any} oldValue
*
- * @param {Event} event
- * @returns {boolean}
*/
-FastClick.prototype.onClick = function(event) {
- 'use strict';
- var permitted;
-
- // It's possible for another FastClick-like library delivered with third-party code to fire a click event before FastClick does (issue #44). In that case, set the click-tracking flag back to false and return early. This will cause onTouchEnd to return early.
- if (this.trackingClick) {
- this.targetElement = null;
- this.trackingClick = false;
- return true;
- }
- // Very odd behaviour on iOS (issue #18): if a submit element is present inside a form and the user hits enter in the iOS simulator or clicks the Go button on the pop-up OS keyboard the a kind of 'fake' click event will be triggered with the submit-type input element as the target.
- if (event.target.type === 'submit' && event.detail === 0) {
- return true;
- }
+ module.factory('SharedState', [
+ '$rootScope', '$log',
+ function($rootScope, $log) {
+ var values = {}; // values, context object for evals
+ var statusesMeta = {}; // status info
+ var scopes = {}; // scopes references
+ var exclusionGroups = {}; // support exclusive boolean sets
+
+ return {
+ /**
+ * @function initialize
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Initialize, or require if already intialized, a state identified by `id` within the provided `scope`, making it available to the rest of application.
+ *
+ * A `SharedState` is bound to one or more scopes. Each time
+ * `initialize` is called for an angular `scope` this will be bound to
+ * the `SharedState` and a reference count is incremented to allow
+ * garbage collection.
+ *
+ * Reference count is decremented once the scope is destroyed. When the counter reach 0 the state will be disposed.
+ *
+ * @param {scope} scope The scope to bound this state
+ * @param {string} id The unique name of this state
+ * @param {object} [options] Options
+ * @param {object} [options.defaultValue] the initialization value, it is taken into account only if the state `id` is not already initialized
+ * @param {string} [options.exclusionGroup] Specifies an exclusion group
+ * for the state. This means that for boolean operations (ie. toggle,
+ * turnOn, turnOf) when this state is set to `true`, any other state
+ * that is in the same `exclusionGroup` will be set to `false`.
+ */
+ initialize: function(scope, id, options) {
+ options = options || {};
+
+ var isNewScope = scopes[scope] === undefined;
+ var defaultValue = options.defaultValue;
+ var exclusionGroup = options.exclusionGroup;
+
+ scopes[scope.$id] = scopes[scope.$id] || [];
+ scopes[scope.$id].push(id);
+
+ if (!statusesMeta[id]) { // is a brand new state
+ // not referenced by any
+ // scope currently
+
+ statusesMeta[id] = angular.extend({}, options, {references: 1});
+
+ $rootScope.$broadcast('mobile-angular-ui.state.initialized.' + id, defaultValue);
+
+ if (defaultValue !== undefined) {
+ this.setOne(id, defaultValue);
+ }
- permitted = this.onMouse(event);
+ if (exclusionGroup) {
+ // Exclusion groups are sets of statuses references
+ exclusionGroups[exclusionGroup] = exclusionGroups[exclusionGroup] || {};
+ exclusionGroups[exclusionGroup][id] = true;
+ }
- // Only unset targetElement if the click is not permitted. This will ensure that the check for !targetElement in onMouse fails and the browser's click doesn't go through.
- if (!permitted) {
- this.targetElement = null;
- }
+ } else if (isNewScope) { // is a new reference from
+ // a different scope
+ statusesMeta[id].references++;
+ }
+ scope.$on('$destroy', function() {
+ var ids = scopes[scope.$id] || [];
+ for (var i = 0; i < ids.length; i++) {
+ var status = statusesMeta[ids[i]];
+
+ if (status.exclusionGroup) {
+ delete exclusionGroups[status.exclusionGroup][ids[i]];
+ if (Object.keys(exclusionGroups[status.exclusionGroup]).length === 0) {
+ delete exclusionGroups[status.exclusionGroup];
+ }
+ }
+
+ status.references--;
+ if (status.references <= 0) {
+ delete statusesMeta[ids[i]];
+ delete values[ids[i]];
+ $rootScope.$broadcast('mobile-angular-ui.state.destroyed.' + id);
+ }
+ }
+ delete scopes[scope.$id];
+ });
+ },
+
+ /**
+ * @function setOne
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Set the value of the state identified by `id` to the `value` parameter.
+ *
+ * @param {string} id Unique identifier for state
+ * @param {any} value New value for this state
+ */
+ setOne: function(id, value) {
+ if (statusesMeta[id] !== undefined) {
+ var prev = values[id];
+ values[id] = value;
+ if (prev !== value) {
+ $rootScope.$broadcast('mobile-angular-ui.state.changed.' + id, value, prev);
+ }
+ return value;
+ }
+ $log.warn('Warning: Attempt to set uninitialized shared state: ' + id);
+ },
+
+ /**
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @function setMany
+ * @description
+ *
+ * Set multiple statuses at once. ie.
+ *
+ * ```
+ * SharedState.setMany({ activeTab: 'firstTab', sidebarIn: false });
+ * ```
+ *
+ * @param {object} object An object of the form `{state1: value1, ..., stateN: valueN}`
+ */
+ setMany: function(map) {
+ angular.forEach(map, function(value, id) {
+ this.setOne(id, value);
+ }, this);
+ },
+
+ /**
+ * @function set
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * A shorthand for both `setOne` and `setMany`.
+ * When called with only one parameter that is an object
+ * it is the same of `setMany`, otherwise is the
+ * same of `setOne`.
+ *
+ * @param {string|object} idOrMap A state id or a `{state: value}` map object.
+ * @param {any} [value] The value to assign in case idOrMap is a string.
+ */
+ set: function(idOrMap, value) {
+ if (!idOrMap) {
+ return;
+ } else if (angular.isObject(idOrMap)) {
+ this.setMany(idOrMap);
+ } else {
+ this.setOne(idOrMap, value);
+ }
+ },
+
+ /**
+ * @function turnOn
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Set shared state identified by `id` to `true`. If the
+ * shared state has been initialized with `exclusionGroup`
+ * option it will also turn off (set to `false`) all other
+ * statuses from the same exclusion group.
+ *
+ * @param {string} id The unique name of this state
+ */
+ turnOn: function(id) {
+ // Turns off other statuses belonging to the same exclusion group.
+ var eg = statusesMeta[id] && statusesMeta[id].exclusionGroup;
+ if (eg) {
+ var egStatuses = Object.keys(exclusionGroups[eg]);
+ for (var i = 0; i < egStatuses.length; i++) {
+ var item = egStatuses[i];
+ if (item !== id) {
+ this.turnOff(item);
+ }
+ }
+ }
+ return this.setOne(id, true);
+ },
+
+ /**
+ * @function turnOff
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Set shared state identified by `id` to `false`.
+ *
+ * @param {string} id The unique name of this state
+ */
+ turnOff: function(id) {
+ return this.setOne(id, false);
+ },
+
+ /**
+ * @function toggle
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * If current value for shared state identified by `id` evaluates
+ * to `true` it calls `turnOff` on it otherwise calls `turnOn`.
+ * Be aware that it will take into account `exclusionGroup` option.
+ * See `#turnOn` and `#initialize` for more.
+ *
+ * @param {string} id The unique name of this state
+ */
+ toggle: function(id) {
+ return this.get(id) ? this.turnOff(id) : this.turnOn(id);
+ },
+
+ /**
+ * @function get
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Returns the current value of the state identified by `id`.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {any}
+ */
+ get: function(id) {
+ return statusesMeta[id] && values[id];
+ },
+
+ /**
+ * @function isActive
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Return `true` if the boolean conversion of `#get(id)` evaluates to `true`.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ */
+ isActive: function(id) {
+ return Boolean(this.get(id));
+ },
+
+ /**
+ * @function active
+ * @alias mobile-angular-ui.core.sharedState~SharedState.isActive
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Alias for `#isActive`.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ */
+ active: function(id) {
+ return this.isActive(id);
+ },
+
+ /**
+ * @function isUndefined
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Return `true` if state identified by `id` is not defined.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ */
+ isUndefined: function(id) {
+ return statusesMeta[id] === undefined || this.get(id) === undefined;
+ },
+
+ /**
+ * Returns `true` if state identified by `id` exsists.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ *
+ * @function has
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ has: function(id) {
+ return statusesMeta[id] !== undefined;
+ },
+
+ /**
+ * Returns the number of references of a status.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {integer}
+ *
+ * @function referenceCount
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ referenceCount: function(id) {
+ var status = statusesMeta[id];
+ return status === undefined ? 0 : status.references;
+ },
+
+ /**
+ * Returns `true` if `#get(id)` is exactly equal (`===`) to `value` param.
+ *
+ * @param {string} id The unique name of this state
+ * @param {any} value The value for comparison
+ * @returns {bool}
+ *
+ * @function equals
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ equals: function(id, value) {
+ return this.get(id) === value;
+ },
+
+ /**
+ * Alias for `#equals`
+ *
+ * @param {string} id The unique name of this state
+ * @param {any} value The value for comparison
+ * @returns {bool}
+ *
+ * @function eq
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @alias mobile-angular-ui.core.sharedState~SharedState.equals
+ */
+ eq: function(id, value) {
+ return this.equals(id, value);
+ },
+
+ /**
+ * Returns an object with all the status values currently stored.
+ * It has the form of `{statusId: statusValue}`.
+ *
+ * Bear in mind that in order to spare resources it currently
+ * returns just the internal object retaining statuses values.
+ * Thus it is not intended to be modified and direct changes to it will be not tracked or notified.
+ *
+ * Just clone before apply any change to it.
+ *
+ * @returns {object}
+ *
+ * @function values
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ values: function() {
+ return values;
+ },
+
+ exclusionGroups: function() {
+ return exclusionGroups;
+ }
+ };
+ }
+ ]);
- // If clicks are permitted, return true for the action to go through.
- return permitted;
-};
+ var uiBindEvent = function(scope, element, eventNames, fn) {
+ eventNames = eventNames || 'click tap';
+ element.on(eventNames, function(event) {
+ scope.$apply(function() {
+ fn(scope, {$event: event});
+ });
+ });
+ };
+ /**
+ * Calls `SharedState#initialize` on the scope relative to the element using it.
+ *
+ * @param {string} uiState The shared state id
+ * @param {expression} [uiDefault] the default value
+ *
+ * @directive uiSharedState
+ */
+ module.directive('uiSharedState', [
+ 'SharedState', function(SharedState) {
+ return {
+ restrict: 'EA',
+ priority: 601, // more than ng-if
+ link: function(scope, elem, attrs) {
+ var id = attrs.uiSharedState || attrs.id;
+ var defaultValueExpr = attrs.uiDefault || attrs.default;
+ var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;
+
+ SharedState.initialize(scope, id, {
+ defaultValue: defaultValue,
+ exclusionGroup: attrs.uiExclusionGroup
+ });
+ }
+ };
+ }
+ ]);
+
+ /**
+ * Alias for uiSharedState. **Deprecated** since it clashes with
+ * [UI-Router](https://ui-router.github.io/) `uiState` directive.
+ *
+ * @deprecated
+ * @param {string} uiState The shared state id
+ * @param {expression} [uiDefault] the default value
+ *
+ * @directive uiState
+ */
+ module.directive('uiState', [
+ 'SharedState', function(SharedState) {
+ return {
+ restrict: 'EA',
+ priority: 601, // more than ng-if
+ link: function(scope, elem, attrs) {
+ var id = attrs.uiState || attrs.id;
+ var defaultValueExpr = attrs.uiDefault || attrs.default;
+ var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;
+
+ SharedState.initialize(scope, id, {
+ defaultValue: defaultValue,
+ exclusionGroup: attrs.uiExclusionGroup
+ });
+ }
+ };
+ }
+ ]);
+
+ angular.forEach(['toggle', 'turnOn', 'turnOff', 'set'],
+ function(methodName) {
+ var directiveName = 'ui' + methodName[0].toUpperCase() + methodName.slice(1);
+
+ /**
+ * Calls `SharedState#toggle` when triggering events happens on the element using it.
+ *
+ * @param {string} uiToggle the target shared state
+ * @param {expression} uiDefault the default value
+ *
+ * @directive uiToggle
+ */
+
+ /**
+ * @function uiTurnOn
+ *
+ * @description
+ * Calls `SharedState#turnOn` when triggering events happens on the element using it.
+ *
+ *
+ * @ngdoc directive
+ *
+ * @param {string} uiTurnOn the target shared state
+ * @param {expression} uiDefault the default value
+ */
+
+ /**
+ * @function uiTurnOff
+ *
+ * @description
+ * Calls `SharedState#turnOff` when triggering events happens on the element using it.
+ *
+ * @ngdoc directive
+ *
+ * @param {string} uiTurnOff the target shared state
+ * @param {string} [uiTriggers='click tap'] the event triggering the call.
+ */
+
+ /**
+ * @function uiSet
+ *
+ * @description
+ * Calls `SharedState#set` when triggering events happens on the element using it.
+ *
+ * @ngdoc directive
+ *
+ * @param {object} uiSet The object to pass to SharedState#set
+ * @param {string} [uiTriggers='click tap'] the event triggering the call.
+ */
+
+ module.directive(directiveName, [
+ '$parse',
+ '$interpolate',
+ 'SharedState',
+ function($parse, $interpolate, SharedState) {
+ var method = SharedState[methodName];
+ return {
+ restrict: 'A',
+ priority: 1, // This would make postLink calls happen after ngClick
+ // (and similar) ones, thus intercepting events after them.
+ //
+ // This will prevent eventual ng-if to detach elements
+ // before ng-click fires.
+
+ compile: function(elem, attrs) {
+ var attr = attrs[directiveName];
+ var needsInterpolation = attr.match(/\{\{/);
+
+ var exprFn = function($scope) {
+ var res = attr;
+ if (needsInterpolation) {
+ var interpolateFn = $interpolate(res);
+ res = interpolateFn($scope);
+ }
+ if (methodName === 'set') {
+ res = ($parse(res))($scope);
+ }
+ return res;
+ };
+
+ return function(scope, elem, attrs) {
+ var callback = function() {
+ var arg = exprFn(scope);
+ return method.call(SharedState, arg);
+ };
+ uiBindEvent(scope, elem, attrs.uiTriggers, callback);
+ };
+ }
+ };
+ }
+ ]);
+ });
-/**
- * Remove all FastClick's event listeners.
- *
- * @returns {void}
- */
-FastClick.prototype.destroy = function() {
- 'use strict';
- var layer = this.layer;
+ /**
+ * @name uiScopeContext
+ * @inner
+ * @description
+ *
+ * `uiScopeContext` is not a directive, but a parameter common to any of the
+ * `ui-*` directives in this module.
+ *
+ * By default all `ui-*` conditions in this module evaluates in the context of
+ * `SharedState` only, thus scope variable are not accessible. To use them you have
+ * two options:
+ *
+ * #### 1. pre-interpolation
+ *
+ * You can use pre-interpolation in expression attribute. For instance the following syntax
+ * is ligit:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * In this case `idx` value is taken from scope and embedded into
+ * conditions before parse them.
+ *
+ * This works as expected and is fine for the most cases, but it has a little caveat:
+ *
+ * The condition has to be re-parsed at each digest loop and has to walk scopes
+ * in watchers.
+ *
+ * #### 2. uiScopeContext
+ *
+ * If you are concerned about performance issues using the first approach
+ * `uiScopeContext` is a more verbose but also lightweight alternative
+ * to accomplish the same.
+ *
+ * It allows to use current scope vars inside `ui-*` conditions, leaving
+ * other scope vars (or the entire scope if not present) apart from the
+ * condition evaluation process.
+ *
+ * Hopefully this will keep evaluation running against a flat and small data
+ * structure instead of taking into account the whole scope.
+ *
+ * It is a list `scopeVar[ as aliasName] [, ...]` specifing one of more scope
+ * variables to take into account when evaluating conditions. ie:
+ *
+ * ``` html
+ *
+ * Tab1
+ * Tab2
+ * Tab3
+ *
+ *
+ * ```
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * Be aware that scope vars will take precedence over sharedStates so,
+ * in order to avoid name clashes you can use 'as' to refer to scope vars
+ * with a different name in conditions:
+ *
+ * ``` html
+ *
+ *
+ * ```
+ */
+ var parseScopeContext = function(attr) {
+ if (!attr || attr === '') {
+ return [];
+ }
+ var vars = attr ? attr.trim().split(/ *, */) : [];
+ var res = [];
+ for (var i = 0; i < vars.length; i++) {
+ var item = vars[i].split(/ *as */);
+ if (item.length > 2 || item.length < 1) {
+ throw new Error('Error parsing uiScopeContext="' + attr + '"');
+ }
+ res.push(item);
+ }
+ return res;
+ };
- if (deviceIsAndroid) {
- layer.removeEventListener('mouseover', this.onMouse, true);
- layer.removeEventListener('mousedown', this.onMouse, true);
- layer.removeEventListener('mouseup', this.onMouse, true);
- }
+ var mixScopeContext = function(context, scopeVars, scope) {
+ for (var i = 0; i < scopeVars.length; i++) {
+ var key = scopeVars[i][0];
+ var alias = scopeVars[i][1] || key;
+ context[alias] = key.split('.').reduce(function(scope, nextKey) {
+ return scope[nextKey];
+ }, scope);
+ }
+ };
- layer.removeEventListener('click', this.onClick, true);
- layer.removeEventListener('touchstart', this.onTouchStart, false);
- layer.removeEventListener('touchmove', this.onTouchMove, false);
- layer.removeEventListener('touchend', this.onTouchEnd, false);
- layer.removeEventListener('touchcancel', this.onTouchCancel, false);
-};
+ var parseUiCondition = function(name, attrs, $scope, SharedState, $parse, $interpolate) {
+ var expr = attrs[name];
+ var needsInterpolation = expr.match(/\{\{/);
+ var exprFn;
+ if (needsInterpolation) {
+ exprFn = function(context) {
+ var interpolateFn = $interpolate(expr);
+ var parseFn = $parse(interpolateFn($scope));
+ return parseFn(context);
+ };
+ } else {
+ exprFn = $parse(expr);
+ }
-/**
- * Check whether FastClick is needed.
- *
- * @param {Element} layer The layer to listen on
- */
-FastClick.notNeeded = function(layer) {
- 'use strict';
- var metaViewport;
- var chromeVersion;
- var blackberryVersion;
+ var uiScopeContext = parseScopeContext(attrs.uiScopeContext);
+ return function() {
+ var context;
+ if (uiScopeContext.length) {
+ context = angular.extend({}, SharedState.values());
+ mixScopeContext(context, uiScopeContext, $scope);
+ } else {
+ context = SharedState.values();
+ }
+ return exprFn(context);
+ };
+ };
- // Devices that don't support touch don't need FastClick
- if (typeof window.ontouchstart === 'undefined') {
- return true;
- }
+ /**
+ * @ngdoc directive
+ * @function uiIf
+ *
+ * @description
+ * Same as `ngIf` but evaluates condition against `SharedState` statuses too
+ *
+ * @param {expression} uiIf A condition to decide wether to attach the
+ * element to the dom
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when
+ * evaluating condition.
+ */
+ module.directive('uiIf', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {
+ function getBlockNodes(nodes) {
+ var node = nodes[0];
+ var endNode = nodes[nodes.length - 1];
+ var blockNodes = [node];
+ do {
+ node = node.nextSibling;
+ if (!node) {
+ break;
+ }
+ blockNodes.push(node);
+ } while (node !== endNode);
- // Chrome version - zero for other browsers
- chromeVersion = +(/Chrome\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];
+ return angular.element(blockNodes);
+ }
- if (chromeVersion) {
+ return {
+ multiElement: true,
+ transclude: 'element',
+ priority: 600,
+ terminal: true,
+ restrict: 'A',
+ $$tlb: true,
+ link: function($scope, $element, $attr, ctrl, $transclude) {
+ var block;
+ var childScope;
+ var previousElements;
+ var uiIfFn = parseUiCondition('uiIf', $attr, $scope, SharedState, $parse, $interpolate);
+
+ $scope.$watch(uiIfFn, function uiIfWatchAction(value) {
+ if (value) {
+ if (!childScope) {
+ $transclude(function(clone, newScope) {
+ childScope = newScope;
+ clone[clone.length++] = document.createComment(' end uiIf: ' + $attr.uiIf + ' ');
+ // Note: We only need the first/last node of the cloned nodes.
+ // However, we need to keep the reference to the jqlite wrapper as it might be changed later
+ // by a directive with templateUrl when its template arrives.
+ block = {
+ clone: clone
+ };
+ $animate.enter(clone, $element.parent(), $element);
+ });
+ }
+ } else {
+ if (previousElements) {
+ previousElements.remove();
+ previousElements = null;
+ }
+ if (childScope) {
+ childScope.$destroy();
+ childScope = null;
+ }
+ if (block) {
+ previousElements = getBlockNodes(block.clone);
+ var done = function() {
+ previousElements = null;
+ };
+ var nga = $animate.leave(previousElements, done);
+ if (nga) {
+ nga.then(done);
+ }
+ block = null;
+ }
+ }
+ });
+ }
+ };
+ }]);
+
+ /**
+ * @ngdoc directive
+ * @function uiHide
+ *
+ * @description
+ * Same as `ngHide` but evaluates condition against `SharedState` statuses
+ *
+ * @param {expression} uiShow A condition to decide wether to hide the element
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when evaluating condition.
+ */
+ module.directive('uiHide', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {
+ var NG_HIDE_CLASS = 'ng-hide';
+ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';
- if (deviceIsAndroid) {
- metaViewport = document.querySelector('meta[name=viewport]');
+ return {
+ restrict: 'A',
+ multiElement: true,
+ link: function(scope, element, attr) {
+ var uiHideFn = parseUiCondition('uiHide', attr, scope, SharedState, $parse, $interpolate);
+ scope.$watch(uiHideFn, function uiHideWatchAction(value) {
+ $animate[value ? 'addClass' : 'removeClass'](element, NG_HIDE_CLASS, {
+ tempClasses: NG_HIDE_IN_PROGRESS_CLASS
+ });
+ });
+ }
+ };
+ }]);
+
+ /**
+ * @ngdoc directive
+ * @function uiShow
+ *
+ * @description
+ * Same as `ngShow` but evaluates condition against `SharedState` statuses
+ *
+ * @param {expression} uiShow A condition to decide wether to show the element
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when evaluating condition.
+ */
+ module.directive('uiShow', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse) {
+ var NG_HIDE_CLASS = 'ng-hide';
+ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';
- if (metaViewport) {
- // Chrome on Android with user-scalable="no" doesn't need FastClick (issue #89)
- if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
- return true;
- }
- // Chrome 32 and above with width=device-width or less don't need FastClick
- if (chromeVersion > 31 && document.documentElement.scrollWidth <= window.outerWidth) {
- return true;
- }
- }
+ return {
+ restrict: 'A',
+ multiElement: true,
+ link: function(scope, element, attr) {
+ var uiShowFn = parseUiCondition('uiShow', attr, scope, SharedState, $parse);
+ scope.$watch(uiShowFn, function uiShowWatchAction(value) {
+ $animate[value ? 'removeClass' : 'addClass'](element, NG_HIDE_CLASS, {
+ tempClasses: NG_HIDE_IN_PROGRESS_CLASS
+ });
+ });
+ }
+ };
+ }]);
+
+ /**
+ * @ngdoc directive
+ * @function uiClass
+ *
+ * @description
+ * A simplified version of `ngClass` that evaluates in context of `SharedState`, it only suppors the `{'className': expr}` syntax.
+ *
+ * @param {expression} uiClass An expression that has to evaluate to an object
+ * of the form `{'className': expr}`, where `expr` decides wether the class
+ * should appear to element's class list.
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when evaluating
+ * condition.
+ */
+ module.directive('uiClass', ['SharedState', '$parse', '$interpolate', function(SharedState, $parse) {
+ return {
+ restrict: 'A',
+ link: function(scope, element, attr) {
+ var uiClassFn = parseUiCondition('uiClass', attr, scope, SharedState, $parse);
+ scope.$watch(uiClassFn, function uiClassWatchAction(value) {
+ var classesToAdd = '';
+ var classesToRemove = '';
+ angular.forEach(value, function(expr, className) {
+ if (expr) {
+ classesToAdd += ' ' + className;
+ } else {
+ classesToRemove += ' ' + className;
+ }
+ classesToAdd = classesToAdd.trim();
+ classesToRemove = classesToRemove.trim();
+ if (classesToAdd.length) {
+ element.addClass(classesToAdd);
+ }
+ if (classesToRemove.length) {
+ element.removeClass(classesToRemove);
+ }
+ });
+ }, true);
+ }
+ };
+ }]);
- // Chrome desktop doesn't need FastClick (issue #15)
- } else {
- return true;
- }
- }
+ module.run([
+ '$rootScope',
+ 'SharedState',
+ function($rootScope, SharedState) {
+ $rootScope.Ui = SharedState;
+ }
+ ]);
- if (deviceIsBlackBerry10) {
- blackberryVersion = navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/);
+})();
- // BlackBerry 10.3+ does not require Fastclick library.
- // https://github.com/ftlabs/fastclick/issues/251
- if (blackberryVersion[1] >= 10 && blackberryVersion[2] >= 3) {
- metaViewport = document.querySelector('meta[name=viewport]');
+/**
+ * Provides directives and service to prevent touchmove default behaviour
+ * for touch devices (ie. bounce on overscroll in IOS).
+ *
+ * #### Usage
+ *
+ * Use `ui-prevent-touchmove-defaults` directive on root element of your app:
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * Doing so `touchmove.preventDefault` logic for inner elements is inverted,
+ * so any `touchmove` default behaviour is automatically prevented.
+ *
+ * If you wish to allow the default behaviour, for example to allow
+ * inner elements to scroll, you have to explicitly mark an event to allow
+ * touchmove default.
+ *
+ * Mobile Angular UI already handles this for `scrollable` elements, so you don't have
+ * to do anything in order to support scroll.
+ *
+ * If you wish to allow touchmove defaults for certain element under certain conditions
+ * you can use the `allowTouchmoveDefault` service.
+ *
+ * ie.
+ *
+ * ``` js
+ * // always allow touchmove default for an element
+ * allowTouchmoveDefault(myelem);
+ * ```
+ *
+ * ``` js
+ * // allow touchmove default for an element only under certain conditions
+ * allowTouchmoveDefault(myelem, function(touchmove){
+ * return touchmove.pageY > 100;
+ * });
+ * ```
+ *
+ * @module mobile-angular-ui.core.touchmoveDefaults
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.core.touchmoveDefaults', []);
+
+ module.directive('uiPreventTouchmoveDefaults', function() {
+ var preventTouchmoveDefaultsCb = function(e) {
+ // Get this flag from either the saved event if jQuery is being used, otherwise get it from the event itself.
+ var allowTouchmoveEventFlag = e.originalEvent ? e.originalEvent.allowTouchmoveDefault : e.allowTouchmoveDefault;
+ if (allowTouchmoveEventFlag !== true) {
+ e.preventDefault();
+ }
+ };
- if (metaViewport) {
- // user-scalable=no eliminates click delay.
- if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
- return true;
- }
- // width=device-width (or less than device-width) eliminates click delay.
- if (document.documentElement.scrollWidth <= window.outerWidth) {
- return true;
- }
- }
- }
- }
+ return {
+ compile: function(element) {
+ if ('ontouchmove' in document) {
+ element.on('touchmove', preventTouchmoveDefaultsCb);
+ }
+ }
+ };
+ });
+
+ /**
+ * Bind a listener to an element to allow `touchmove` default behaviour
+ * when `touchmove` happens inside the bound element.
+ *
+ * You can also provide a function to decide when to allow and
+ * when to prevent it.
+ *
+ * ``` js
+ * // always allow touchmove default
+ * allowTouchmoveDefault(myelem);
+ *
+ * // allow touchmove default only under certain conditions
+ * allowTouchmoveDefault(myelem, function(touchmove){
+ * return touchmove.pageY > 100;
+ * });
+ * ```
+ *
+ * @param {Element|$element} element The element to bind.
+ * @param {function} condition A `function(touchmove)⟶boolean` to decide
+ * whether to allow default behavior or not.
+ *
+ * @service allowTouchmoveDefault
+ * @as function
+ * @returns function Function to unbind the listener
+ */
+
+ module.factory('allowTouchmoveDefault', function() {
+ var fnTrue = function() {
+ return true;
+ };
- // IE10 with -ms-touch-action: none, which disables double-tap-to-zoom (issue #97)
- if (layer.style.msTouchAction === 'none') {
- return true;
- }
+ if ('ontouchmove' in document) {
+ return function($element, condition) {
+ condition = condition || fnTrue;
- return false;
-};
+ var allowTouchmoveDefaultCallback = function(e) {
+ if (condition(e)) {
+ e.allowTouchmoveDefault = true;
+ // jQuery normalizes the event object, need to put this property on the copied originalEvent.
+ if (e.originalEvent) {
+ e.originalEvent.allowTouchmoveDefault = true;
+ }
+ }
+ };
+
+ $element = angular.element($element);
+ $element.on('touchmove', allowTouchmoveDefaultCallback);
+
+ $element.on('$destroy', function() {
+ $element.off('touchmove', allowTouchmoveDefaultCallback);
+ $element = null;
+ });
+ return function() {
+ if ($element) {
+ $element.off('touchmove', allowTouchmoveDefaultCallback);
+ }
+ };
+ };
+ }
+
+ return angular.noop;
+ });
+
+})();
/**
- * Factory method for creating a FastClick object
+ * @module mobile-angular-ui.core
+ *
+ * @description
+ *
+ * It has all the core functionalities of Mobile Angular UI. It aims to act as a common base
+ * for an UI framework providing services and directives to create components and implement
+ * UI interactions with angular.
+ *
+ *
+ * NOTE
+ *
+ *
+ * ## Standalone Usage
+ *
+ * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.
*
- * @param {Element} layer The layer to listen on
- * @param {Object} options The options to override the defaults
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.core']);
+ * ```
*/
-FastClick.attach = function(layer, options) {
- 'use strict';
- return new FastClick(layer, options);
-};
-
-
-if (typeof define == 'function' && typeof define.amd == 'object' && define.amd) {
-
- // AMD. Register as an anonymous module.
- define(function() {
- 'use strict';
- return FastClick;
- });
-} else if (typeof module !== 'undefined' && module.exports) {
- module.exports = FastClick.attach;
- module.exports.FastClick = FastClick;
-} else {
- window.FastClick = FastClick;
-}
-
-angular.module("mobile-angular-ui.active-links", []).run([
- "$rootScope", function($rootScope) {
- return angular.forEach(["$locationChangeSuccess", "$includeContentLoaded"], function(evtName) {
- return $rootScope.$on(evtName, function() {
- var newPath;
- newPath = window.location.href;
- angular.forEach(document.links, function(domLink) {
- var link;
- link = angular.element(domLink);
- if (domLink.href === newPath) {
- link.addClass("active");
- } else {
- link.removeClass("active");
- }
- return link = null;
- });
- return newPath = null;
- });
- });
- }
-]);
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.core', [
+ 'mobile-angular-ui.core.fastclick',
+ 'mobile-angular-ui.core.activeLinks',
+ 'mobile-angular-ui.core.capture',
+ 'mobile-angular-ui.core.outerClick',
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.touchmoveDefaults'
+ ]);
+})();
-angular.module("mobile-angular-ui.directives.capture", [])
+/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
+(function( w, undefined ){
+
+ var doc = w.document,
+ docElem = doc.documentElement,
+ enabledClassName = "overthrow-enabled",
-.run([
- "CaptureService", "$rootScope", function(CaptureService, $rootScope) {
- $rootScope.$on('$routeChangeStart', function() {
- CaptureService.resetAll();
- });
- }
-])
+ // Touch events are used in the polyfill, and thus are a prerequisite
+ canBeFilledWithPoly = "ontouchmove" in doc,
+
+ // The following attempts to determine whether the browser has native overflow support
+ // so we can enable it but not polyfill
+ nativeOverflow =
+ // Features-first. iOS5 overflow scrolling property check - no UA needed here. thanks Apple :)
+ "WebkitOverflowScrolling" in docElem.style ||
+ // Test the windows scrolling property as well
+ "msOverflowStyle" in docElem.style ||
+ // Touch events aren't supported and screen width is greater than X
+ // ...basically, this is a loose "desktop browser" check.
+ // It may wrongly opt-in very large tablets with no touch support.
+ ( !canBeFilledWithPoly && w.screen.width > 800 ) ||
+ // Hang on to your hats.
+ // Whitelist some popular, overflow-supporting mobile browsers for now and the future
+ // These browsers are known to get overlow support right, but give us no way of detecting it.
+ (function(){
+ var ua = w.navigator.userAgent,
+ // Webkit crosses platforms, and the browsers on our list run at least version 534
+ webkit = ua.match( /AppleWebKit\/([0-9]+)/ ),
+ wkversion = webkit && webkit[1],
+ wkLte534 = webkit && wkversion >= 534;
+
+ return (
+ /* Android 3+ with webkit gte 534
+ ~: Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13 */
+ ua.match( /Android ([0-9]+)/ ) && RegExp.$1 >= 3 && wkLte534 ||
+ /* Blackberry 7+ with webkit gte 534
+ ~: Mozilla/5.0 (BlackBerry; U; BlackBerry 9900; en-US) AppleWebKit/534.11+ (KHTML, like Gecko) Version/7.0.0 Mobile Safari/534.11+ */
+ ua.match( / Version\/([0-9]+)/ ) && RegExp.$1 >= 0 && w.blackberry && wkLte534 ||
+ /* Blackberry Playbook with webkit gte 534
+ ~: Mozilla/5.0 (PlayBook; U; RIM Tablet OS 1.0.0; en-US) AppleWebKit/534.8+ (KHTML, like Gecko) Version/0.0.1 Safari/534.8+ */
+ ua.indexOf( "PlayBook" ) > -1 && wkLte534 && !ua.indexOf( "Android 2" ) === -1 ||
+ /* Firefox Mobile (Fennec) 4 and up
+ ~: Mozilla/5.0 (Mobile; rv:15.0) Gecko/15.0 Firefox/15.0 */
+ ua.match(/Firefox\/([0-9]+)/) && RegExp.$1 >= 4 ||
+ /* WebOS 3 and up (TouchPad too)
+ ~: Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.48 Safari/534.6 TouchPad/1.0 */
+ ua.match( /wOSBrowser\/([0-9]+)/ ) && RegExp.$1 >= 233 && wkLte534 ||
+ /* Nokia Browser N8
+ ~: Mozilla/5.0 (Symbian/3; Series60/5.2 NokiaN8-00/012.002; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/533.4 (KHTML, like Gecko) NokiaBrowser/7.3.0 Mobile Safari/533.4 3gpp-gba
+ ~: Note: the N9 doesn't have native overflow with one-finger touch. wtf */
+ ua.match( /NokiaBrowser\/([0-9\.]+)/ ) && parseFloat(RegExp.$1) === 7.3 && webkit && wkversion >= 533
+ );
+ })();
-.factory("CaptureService", [
- "$compile", function($compile) {
- var yielders = {};
+ // Expose overthrow API
+ w.overthrow = {};
- return {
- resetAll: function() {
- for (name in yielders) {
- this.resetYielder(name);
- }
- },
-
- resetYielder: function(name) {
- var b = yielders[name];
- this.setContentFor(name, b.defaultContent, b.defaultScope);
- },
+ w.overthrow.enabledClassName = enabledClassName;
- putYielder: function(name, element, defaultScope, defaultContent) {
- var yielder = {};
- yielder.name = name;
- yielder.element = element;
- yielder.defaultContent = defaultContent || "";
- yielder.defaultScope = defaultScope;
- yielders[name] = yielder;
- },
+ w.overthrow.addClass = function(){
+ if( docElem.className.indexOf( w.overthrow.enabledClassName ) === -1 ){
+ docElem.className += " " + w.overthrow.enabledClassName;
+ }
+ };
- getYielder: function(name) {
- return yielders[name];
- },
+ w.overthrow.removeClass = function(){
+ docElem.className = docElem.className.replace( w.overthrow.enabledClassName, "" );
+ };
- removeYielder: function(name) {
- delete yielders[name];
- },
-
- setContentFor: function(name, content, scope) {
- var b = yielders[name];
- if (!b) {
- return;
- }
- b.element.html(content);
- $compile(b.element.contents())(scope);
- }
+ // Enable and potentially polyfill overflow
+ w.overthrow.set = function(){
+
+ // If nativeOverflow or at least the element canBeFilledWithPoly, add a class to cue CSS that assumes overflow scrolling will work (setting height on elements and such)
+ if( nativeOverflow ){
+ w.overthrow.addClass();
+ }
- };
- }
-])
+ };
-.directive("contentFor", [
- "CaptureService", function(CaptureService) {
- return {
- compile: function(tElem, tAttrs) {
- var rawContent = tElem.html();
- if(tAttrs.duplicate == null) {
- // no need to compile anything!
- tElem.html("");
- }
- return function postLink(scope, elem, attrs) {
- CaptureService.setContentFor(attrs.contentFor, rawContent, scope);
- if (attrs.duplicate == null) {
- elem.remove();
- }
- }
- }
- };
- }
-])
+ // expose polyfillable
+ w.overthrow.canBeFilledWithPoly = canBeFilledWithPoly;
-.directive("yieldTo", [
- "$compile", "CaptureService", function($compile, CaptureService) {
- return {
- link: function(scope, element, attr) {
- CaptureService.putYielder(attr.yieldTo, element, scope, element.html());
- element.contents().remove();
+ // Destroy everything later. If you want to.
+ w.overthrow.forget = function(){
- scope.$on('$destroy', function(){
- CaptureService.removeYielder(attr.yieldTo);
- });
- }
- };
- }
-]);
+ w.overthrow.removeClass();
+
+ };
+
+ // Expose overthrow API
+ w.overthrow.support = nativeOverflow ? "native" : "none";
+
+})( this );
-angular.module('mobile-angular-ui.directives.carousel', [])
+/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
+(function( w, undefined ){
+
+ // Auto-init
+ w.overthrow.set();
-.run(["$rootScope", function($rootScope) {
-
- $rootScope.carouselPrev = function(id) {
- $rootScope.$emit("mobile-angular-ui.carousel.prev", id);
- };
-
- $rootScope.carouselNext = function(id) {
- $rootScope.$emit("mobile-angular-ui.carousel.next", id);
- };
-
- var carouselItems = function(id) {
- var elem = angular.element(document.getElementById(id));
- var res = angular.element(elem.children()[0]).children();
- elem = null;
- return res;
- };
+}( this ));
+/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */
+(function( w, o, undefined ){
- var findActiveItemIndex = function(items) {
- var idx = -1;
- var found = false;
+ // o is overthrow reference from overthrow-polyfill.js
+ if( o === undefined ){
+ return;
+ }
- for (var _i = 0; _i < items.length; _i++) {
- item = items[_i];
- idx += 1;
- if (angular.element(item).hasClass('active')) {
- found = true;
- break;
- }
- }
+ o.scrollIndicatorClassName = "overthrow";
+
+ var doc = w.document,
+ docElem = doc.documentElement,
+ // o api
+ nativeOverflow = o.support === "native",
+ canBeFilledWithPoly = o.canBeFilledWithPoly,
+ configure = o.configure,
+ set = o.set,
+ forget = o.forget,
+ scrollIndicatorClassName = o.scrollIndicatorClassName;
- if (found) {
- return idx;
- } else {
- return -1;
- }
+ // find closest overthrow (elem or a parent)
+ o.closest = function( target, ascend ){
+ return !ascend && target.className && target.className.indexOf( scrollIndicatorClassName ) > -1 && target || o.closest( target.parentNode );
+ };
+
+ // polyfill overflow
+ var enabled = false;
+ o.set = function(){
+
+ set();
- };
+ // If nativeOverflow or it doesn't look like the browser canBeFilledWithPoly, our job is done here. Exit viewport left.
+ if( enabled || nativeOverflow || !canBeFilledWithPoly ){
+ return;
+ }
+
+ w.overthrow.addClass();
+
+ enabled = true;
+
+ o.support = "polyfilled";
+
+ o.forget = function(){
+ forget();
+ enabled = false;
+ // Remove touch binding (check for method support since this part isn't qualified by touch support like the rest)
+ if( doc.removeEventListener ){
+ doc.removeEventListener( "touchstart", start, false );
+ }
+ };
+
+ // Fill 'er up!
+ // From here down, all logic is associated with touch scroll handling
+ // elem references the overthrow element in use
+ var elem,
+
+ // The last several Y values are kept here
+ lastTops = [],
+
+ // The last several X values are kept here
+ lastLefts = [],
+
+ // lastDown will be true if the last scroll direction was down, false if it was up
+ lastDown,
+
+ // lastRight will be true if the last scroll direction was right, false if it was left
+ lastRight,
+
+ // For a new gesture, or change in direction, reset the values from last scroll
+ resetVertTracking = function(){
+ lastTops = [];
+ lastDown = null;
+ },
+
+ resetHorTracking = function(){
+ lastLefts = [];
+ lastRight = null;
+ },
+
+ // On webkit, touch events hardly trickle through textareas and inputs
+ // Disabling CSS pointer events makes sure they do, but it also makes the controls innaccessible
+ // Toggling pointer events at the right moments seems to do the trick
+ // Thanks Thomas Bachem http://stackoverflow.com/a/5798681 for the following
+ inputs,
+ setPointers = function( val ){
+ inputs = elem.querySelectorAll( "textarea, input" );
+ for( var i = 0, il = inputs.length; i < il; i++ ) {
+ inputs[ i ].style.pointerEvents = val;
+ }
+ },
+
+ // For nested overthrows, changeScrollTarget restarts a touch event cycle on a parent or child overthrow
+ changeScrollTarget = function( startEvent, ascend ){
+ if( doc.createEvent ){
+ var newTarget = ( !ascend || ascend === undefined ) && elem.parentNode || elem.touchchild || elem,
+ tEnd;
+
+ if( newTarget !== elem ){
+ tEnd = doc.createEvent( "HTMLEvents" );
+ tEnd.initEvent( "touchend", true, true );
+ elem.dispatchEvent( tEnd );
+ newTarget.touchchild = elem;
+ elem = newTarget;
+ newTarget.dispatchEvent( startEvent );
+ }
+ }
+ },
+
+ // Touchstart handler
+ // On touchstart, touchmove and touchend are freshly bound, and all three share a bunch of vars set by touchstart
+ // Touchend unbinds them again, until next time
+ start = function( e ){
+
+ // Stop any throw in progress
+ if( o.intercept ){
+ o.intercept();
+ }
+
+ // Reset the distance and direction tracking
+ resetVertTracking();
+ resetHorTracking();
+
+ elem = o.closest( e.target );
+
+ if( !elem || elem === docElem || e.touches.length > 1 ){
+ return;
+ }
+
+ setPointers( "none" );
+ var touchStartE = e,
+ scrollT = elem.scrollTop,
+ scrollL = elem.scrollLeft,
+ height = elem.offsetHeight,
+ width = elem.offsetWidth,
+ startY = e.touches[ 0 ].pageY,
+ startX = e.touches[ 0 ].pageX,
+ scrollHeight = elem.scrollHeight,
+ scrollWidth = elem.scrollWidth,
+
+ // Touchmove handler
+ move = function( e ){
+
+ var ty = scrollT + startY - e.touches[ 0 ].pageY,
+ tx = scrollL + startX - e.touches[ 0 ].pageX,
+ down = ty >= ( lastTops.length ? lastTops[ 0 ] : 0 ),
+ right = tx >= ( lastLefts.length ? lastLefts[ 0 ] : 0 );
+
+ // If there's room to scroll the current container, prevent the default window scroll
+ if( ( ty > 0 && ty < scrollHeight - height ) || ( tx > 0 && tx < scrollWidth - width ) ){
+ e.preventDefault();
+ }
+ // This bubbling is dumb. Needs a rethink.
+ else {
+ changeScrollTarget( touchStartE );
+ }
+
+ // If down and lastDown are inequal, the y scroll has changed direction. Reset tracking.
+ if( lastDown && down !== lastDown ){
+ resetVertTracking();
+ }
+
+ // If right and lastRight are inequal, the x scroll has changed direction. Reset tracking.
+ if( lastRight && right !== lastRight ){
+ resetHorTracking();
+ }
+
+ // remember the last direction in which we were headed
+ lastDown = down;
+ lastRight = right;
+
+ // set the container's scroll
+ elem.scrollTop = ty;
+ elem.scrollLeft = tx;
+
+ lastTops.unshift( ty );
+ lastLefts.unshift( tx );
+
+ if( lastTops.length > 3 ){
+ lastTops.pop();
+ }
+ if( lastLefts.length > 3 ){
+ lastLefts.pop();
+ }
+ },
+
+ // Touchend handler
+ end = function( e ){
+
+ // Bring the pointers back
+ setPointers( "auto" );
+ setTimeout( function(){
+ setPointers( "none" );
+ }, 450 );
+ elem.removeEventListener( "touchmove", move, false );
+ elem.removeEventListener( "touchend", end, false );
+ };
+
+ elem.addEventListener( "touchmove", move, false );
+ elem.addEventListener( "touchend", end, false );
+ };
+
+ // Bind to touch, handle move and end within
+ doc.addEventListener( "touchstart", start, false );
+ };
+
+})( this, this.overthrow );
- $rootScope.$on("mobile-angular-ui.carousel.prev", function(e, id) {
- var items = carouselItems(id);
- var idx = findActiveItemIndex(items);
- var lastIdx = items.length - 1;
+/**
+ * This module will provide directives to create modals and overlays components.
+ *
+ * @module mobile-angular-ui.components.modals
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.components.modals', [])
+
+ /**
+ * A directive to create modals and overlays components.
+ *
+ * Modals are basically the same of Bootstrap 3 but you have to use uiSharedState
+ * with `ngIf/uiIf` or `ngHide/uiHide` to `activate/dismiss` it.
+ *
+ * By default both modals and overlay are made always showing up by
+ * css rule `.modal {display:block}`, so you can use it with
+ * `ngAnimate` and other angular directives in a simpler way.
+ *
+ * Overlay are a style of modal that looks more native in mobile devices providing a blurred
+ * overlay as background.
+ *
+ * You can create an overlay adding `.modal-overlay` class to a modal.
+ *
+ * ### Note
+ *
+ * For modals and overlays to cover the entire page you have to attach them
+ * as child of `body` element. To achieve this from a view is a common use for
+ * `contentFor/yieldTo` directives contained from
+ * [capture module](/docs/module:mobile-angular-ui/module:core/module:capture):
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * Then you can wrap your modals and overlays in `contentFor`:
+ *
+ * ``` html
+ * -
+ *
- It has no dependency on Bootstrap. + *
- It is not related to mobile apps only. + *
- It is not requiring CSS support. + *
- You can use it on any Angular Application and with any CSS framework. + *
+ * *
+ *
+ * ```
+ *
+ * **Example.** Create a Modal.
+ *
+ * ``` html
+ *
+ *
+ * ```
+ *
+ * **Example.** Create an Overlay.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * @directive modal
+ * @restrict C
+ */
+ .directive('modal', [
+ '$rootElement',
+ function($rootElement) {
+ return {
+ restrict: 'C',
+ link: function(scope, elem) {
+ $rootElement.addClass('has-modal');
+ elem.on('$destroy', function() {
+ $rootElement.removeClass('has-modal');
+ });
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-modal');
+ });
+
+ if (elem.hasClass('modal-overlay')) {
+ $rootElement.addClass('has-modal-overlay');
+ elem.on('$destroy', function() {
+ $rootElement.removeClass('has-modal-overlay');
+ });
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-modal-overlay');
+ });
+ }
+ }
+ };
+ }]);
+})();
- if (idx !== -1) {
- angular.element(items[idx]).removeClass("active");
- }
+/**
+ * @module mobile-angular-ui.components.navbars
+ * @description
+ *
+ * Bootstrap default navbars are awesome for responsive websites, but are not the
+ * best with a small screen. Also fixed positioning is yet not an option to create
+ * navbars standing in top or bottom of the screen.
+ *
+ * Mobile Angular Ui offers an alternative to bootstrap navbars that is more
+ * suitable for mobile.
+ *
+ * It uses scrollable areas to avoid scroll issues. In the following figure you can
+ * see the difference between fixed navbars and navbars with absolute positioning.
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * As you can notice the base class is `.navbar-app` while the positioning is
+ * obtained adding either `.navbar-absolute-top` or `.navbar-absolute-bottom`
+ * class.
+ *
+ * ### Mobile Navbar Layout
+ *
+ * Top navbar in mobile design most of the times follows a clear pattern: a
+ * centered title surrounded by one or two action buttons, the _back_ or the
+ * _menu_ buttons are two common examples.
+ *
+ * Twitter Bootstrap ships with a different arrangement of components for navbars
+ * since they are supposed to host an horizontal navigation menu.
+ *
+ * `.navbar-app` is specifically designed to support this different type of
+ * `.interaction and arrangement.
+ *
+ * Consider the following example:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * `.navbar-brand-center` is a specialization of BS3's `.navbar-brand`. It will
+ * render the title centered and below the two button groups. Note that `.navbar-
+ * brand-center` will position the title with absolute positioning ensuring that
+ * it will never cover the buttons, which would cause interaction problems.
+ *
+ */
- if (idx <= 0) {
- angular.element(items[lastIdx]).addClass("active");
- } else {
- angular.element(items[idx - 1]).addClass("active");
+(function() {
+ 'use strict';
+
+ var module = angular.module('mobile-angular-ui.components.navbars', []);
+
+ /**
+ * @directive navbarAbsoluteTop
+ * @restrict C
+ * @description
+ *
+ * Setup absolute positioned top navbar.
+ *
+ * ``` html
+ *
+ * ```
+ */
+
+ /**
+ * @directive navbarAbsoluteBottom
+ * @restrict C
+ * @description
+ *
+ * Setup absolute positioned bottom navbar.
+ *
+ * ``` html
+ *
+ * ```
+ */
+ angular.forEach(['top', 'bottom'], function(side) {
+ var directiveName = 'navbarAbsolute' + side.charAt(0).toUpperCase() + side.slice(1);
+ module.directive(directiveName, [
+ '$rootElement',
+ function($rootElement) {
+ return {
+ restrict: 'C',
+ link: function(scope) {
+ $rootElement.addClass('has-navbar-' + side);
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-navbar-' + side);
+ });
+ }
+ };
}
+ ]);
+ });
+})();
- items = null;
- idx = null;
- lastIdx = null;
- });
-
- $rootScope.$on("mobile-angular-ui.carousel.next", function(e, id) {
- var items = carouselItems(id);
- var idx = findActiveItemIndex(items);
- var lastIdx = items.length - 1;
-
- if (idx !== -1) {
- angular.element(items[idx]).removeClass("active");
- }
-
- if (idx === lastIdx) {
- angular.element(items[0]).addClass("active");
- } else {
- angular.element(items[idx + 1]).addClass("active");
- }
-
- items = null;
- idx = null;
- lastIdx = null;
- });
- }
-]);
-
-// Provides touch events via fastclick.js
-angular.module('mobile-angular-ui.fastclick', [])
-
-.run([
- '$window', '$document', function($window, $document) {
- $window.addEventListener("load", (function() {
- FastClick.attach($document[0].body);
- }), false);
- }
-])
-
-.directive("select", function() {
- return {
- replace: false,
- restrict: "E",
- link: function(scope, element, attr) {
- element.addClass("needsclick");
- }
- };
-})
-
-.directive("input", function() {
- return {
- replace: false,
- restrict: "E",
- link: function(scope, element, attr) {
- element.addClass("needsclick");
- }
- };
-})
-
-.directive("textarea", function() {
- return {
- replace: false,
- restrict: "E",
- link: function(scope, element, attr) {
- element.addClass("needsclick");
- }
+/**
+ * @module mobile-angular-ui.components.scrollable
+ * @description
+ *
+ * One thing you'll always have to deal with approaching mobile web app
+ * development is scroll and `position:fixed` bugs.
+ *
+ * Due to the lack of support in some devices fixed positioned elements may
+ * bounce or disappear during scroll. Also mobile interaction often leverages
+ * horizontal scroll eg. in carousels or sliders.
+ *
+ * We use `overflow:auto` to create scrollable areas and solve any problems
+ * related to scroll.
+ *
+ * Since `overflow:auto` is not always available in touch devices we use [Overthrow](http://filamentgroup.github.io/Overthrow/) to polyfill that.
+ *
+ * Markup for any scrollable areas is as simple as:
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * This piece of code will trigger a directive that properly setup a new `Overthrow`
+ * instance for the `.scrollable` node.
+ *
+ * #### Headers and footers
+ *
+ * `.scrollable-header/.scrollable-footer` can be used to add fixed header/footer
+ * to a scrollable area without having to deal with css height and positioning to
+ * avoid breaking scroll.
+ *
+ * ``` html
+ * ...
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * #### scrollTo
+ *
+ * `.scrollable-content` controller exposes a `scrollTo` function: `scrollTo(offsetOrElement, margin)`
+ *
+ * You have to require it in your directives to use it or obtain through `element().controller`:
+ *
+ * ``` js
+ * var elem = element(document.getElementById('myScrollableContent'));
+ * var scrollableContentController = elem.controller('scrollableContent');
+ *
+ * // - Scroll to top of containedElement
+ * scrollableContentController.scrollTo(containedElement);
+ *
+ * // - Scroll to top of containedElement with a margin of 10px;
+ * scrollableContentController.scrollTo(containedElement, 10);
+ *
+ * // - Scroll top by 200px;
+ * scrollableContentController.scrollTo(200);
+ * ```
+ *
+ * #### `ui-scroll-bottom/ui-scroll-top`
+ *
+ * You can use `ui-scroll-bottom/ui-scroll-top` directives handle that events and implement features like _infinite scroll_.
+ *
+ * ``` html
+ *
+ *
+ * ```
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.components.scrollable',
+ ['mobile-angular-ui.core.touchmoveDefaults']);
+
+ var getTouchY = function(event) {
+ var touches = event.touches && event.touches.length ? event.touches : [event];
+ var e = (event.changedTouches && event.changedTouches[0]) ||
+ (event.originalEvent && event.originalEvent.changedTouches &&
+ event.originalEvent.changedTouches[0]) ||
+ touches[0].originalEvent || touches[0];
+
+ return e.clientY;
};
-})
-angular.module('mobile-angular-ui.directives.forms', [])
+ module.directive('scrollableContent', function() {
+ return {
+ restrict: 'C',
+ controller: ['$element', '$document', 'allowTouchmoveDefault', function($element, $document, allowTouchmoveDefault) {
+ var scrollableContent = $element[0];
+ var scrollable = $element.parent()[0];
+
+ // Handle nobounce behaviour
+ if ('ontouchmove' in $document[0]) {
+ var allowUp;
+ var allowDown;
+ var lastY;
+ var setupTouchstart = function(event) {
+ allowUp = (scrollableContent.scrollTop > 0);
+
+ allowDown = (scrollableContent.scrollTop < scrollableContent.scrollHeight - scrollableContent.clientHeight);
+ lastY = getTouchY(event);
+ };
-.directive("bsFormControl", function() {
- var bs_col_classes = {};
- var bs_col_sizes = ['xs', 'sm', 'md', 'lg'];
-
- for (var i = 0; i < bs_col_sizes.length; i++) {
- for (var j = 1; j <= 12; j++) {
- bs_col_classes['col-' + bs_col_sizes[i] + "-" + j] = true;
- }
- };
-
- function separeBsColClasses(clss) {
- var intersection = "";
- var difference = "";
-
- for (var i = 0; i < clss.length; i++) {
- var v = clss[i];
- if (v in bs_col_classes) {
- intersection += (v + " ");
- } else {
- difference += (v + " ");
+ $element.on('touchstart', setupTouchstart);
+ $element.on('$destroy', function() {
+ $element.off('touchstart');
+ });
+
+ allowTouchmoveDefault($element, function(event) {
+ var currY = getTouchY(event);
+ var up = (currY > lastY);
+ var down = !up;
+ lastY = currY;
+ return (up && allowUp) || (down && allowDown);
+ });
}
- }
- return {i: intersection.trim(), d: difference.trim()};
- }
+ this.scrollableContent = scrollableContent;
- return {
- replace: true,
- require: "ngModel",
- link: function(scope, elem, attrs) {
+ this.scrollTo = function(elementOrNumber, marginTop) {
+ marginTop = marginTop || 0;
- if (attrs.labelClass == null) {
- attrs.labelClass = "";
- }
-
- if (attrs.id == null) {
- attrs.id = attrs.ngModel.replace(".", "_") + "_input";
- }
-
- if ((elem[0].tagName == "SELECT") || ((elem[0].tagName == "INPUT" || elem[0].tagName == "TEXTAREA") && (attrs.type != "checkbox" && attrs.type != "radio"))) {
- elem.addClass("form-control");
- }
-
- var label = angular.element("");
- var w1 = angular.element("");
- var w2 = angular.element("");
-
- var labelColClasses = separeBsColClasses(attrs.labelClass.split(/\s+/));
- if (labelColClasses.i == "") {
- label.addClass("col-xs-12");
+ if (angular.isNumber(elementOrNumber)) {
+ scrollableContent.scrollTop = elementOrNumber - marginTop;
+ } else {
+ var target = angular.element(elementOrNumber)[0];
+ if ((!target.offsetParent) || target.offsetParent === scrollable) {
+ scrollableContent.scrollTop = target.offsetTop - marginTop;
+ } else {
+ // recursively subtract offsetTop from marginTop until it reaches scrollable element.
+ this.scrollTo(target.offsetParent, marginTop - target.offsetTop);
+ }
+ }
+ };
+ }],
+ link: function(scope, element) {
+ if (overthrow.support !== 'native') {
+ element.addClass('overthrow');
+ overthrow.forget();
+ overthrow.set();
+ }
}
- label.addClass(attrs.labelClass);
-
- var elemColClasses = separeBsColClasses(elem[0].className.split(/\s+/));
- elem.removeClass(elemColClasses.i);
- w2.addClass(elemColClasses.i);
- if (elemColClasses.i == "") {
- w2.addClass("col-xs-12");
+ };
+ });
+
+ angular.forEach(['input', 'textarea'], function(directiveName) {
+ module.directive(directiveName, ['$rootScope', '$timeout', function($rootScope, $timeout) {
+ return {
+ require: '?^^scrollableContent',
+ link: function(scope, elem, attrs, scrollable) {
+ // Workaround to avoid soft keyboard hiding inputs
+ elem.on('focus', function() {
+ if (scrollable && scrollable.scrollableContent) {
+ var h1 = scrollable.scrollableContent.offsetHeight;
+ $timeout(function() {
+ var h2 = scrollable.scrollableContent.offsetHeight;
+ //
+ // if scrollableContent height is reduced in half second
+ // since an input got focus we assume soft keyboard is showing.
+ //
+ if (h1 > h2) {
+ var marginTop = 10;
+ // if scrollableHeader is present increase the marginTop to compensate for scrollableHeader's height.
+ var scrollableHeader = scrollable.scrollableContent.parentElement.querySelector('.scrollable-header');
+ if (scrollableHeader) {
+ marginTop = (scrollableHeader.getBoundingClientRect().bottom - scrollableHeader.getBoundingClientRect().top) + marginTop;
+ }
+ scrollable.scrollTo(elem, marginTop);
+ }
+ }, 500);
+ }
+ });
+ }
+ };
+ }]);
+ });
+
+ /**
+ * @directive uiScrollTop
+ * @restrict A
+ *
+ * @param {expression} uiScrollTop The expression to be evaluated when scroll
+ * reaches top of element.
+ */
+
+ /**
+ * @directive uiScrollBottom
+ * @restrict A
+ *
+ * @param {expression} uiScrollBottom The expression to be evaluated when scroll
+ * reaches bottom of element.
+ */
+ angular.forEach(
+ {
+ uiScrollTop: function(elem) {
+ return elem.scrollTop === 0;
+ },
+ uiScrollBottom: function(elem) {
+ return elem.scrollHeight === elem.scrollTop + elem.clientHeight;
}
- elem.wrap(w1).wrap(w2);
- elem.parent().parent().prepend(label);
- elem.attr('id', attrs.id);
-
- label = w1 = w2 = labelColClasses = elemColClasses = null;
- }
- };
-})
-
-.directive("switch", function() {
- return {
- restrict: "EA",
- replace: true,
- scope: {
- model: "=ngModel",
- changeExpr: "@ngChange",
- disabled: "@"
},
- template: "
+ *
+ * -
+ *
- + * {{item.name}} + * + *
",
- link: function(scope, elem, attrs) {
-
- elem.on('click tap', function(){
- if (attrs.disabled == null) {
- scope.model = !scope.model;
- scope.$apply();
+ function(reached, directiveName) {
+ module.directive(directiveName, [function() {
+ return {
+ restrict: 'A',
+ link: function(scope, elem, attrs) {
+ elem.on('scroll', function() {
+ /* If reached bottom */
+ if (reached(elem[0])) {
+ /* Do what is specified by onScrollBottom */
+ scope.$apply(function() {
+ scope.$eval(attrs[directiveName]);
+ });
+ }
+ });
+ }
+ };
+ }]);
+ });
- if (scope.changeExpr != null) {
- scope.$parent.$eval(scope.changeExpr);
+ /**
+ * @directive uiScrollableHeader
+ * @restrict C
+ */
+
+ /**
+ * @directive uiScrollableFooter
+ * @restrict C
+ */
+ angular.forEach({Top: 'scrollableHeader', Bottom: 'scrollableFooter'},
+ function(directiveName, side) {
+ module.directive(directiveName, [
+ '$window',
+ function($window) {
+ return {
+ restrict: 'C',
+ link: function(scope, element) {
+ var el = element[0];
+ var parentStyle = element.parent()[0].style;
+
+ var adjustParentPadding = function() {
+ var styles = $window.getComputedStyle(el);
+ var margin = parseInt(styles.marginTop, 10) + parseInt(styles.marginBottom, 10);
+ parentStyle['padding' + side] = el.offsetHeight + margin + 'px';
+ };
+
+ var interval = setInterval(adjustParentPadding, 30);
+
+ element.on('$destroy', function() {
+ parentStyle['padding' + side] = null;
+ clearInterval(interval);
+ interval = adjustParentPadding = element = null;
+ });
+ }
};
}
- });
-
- elem.addClass('switch-transition-enabled');
- }
- };
-});
-angular.module('mobile-angular-ui.directives.navbars', [])
-
-.directive('navbarAbsoluteTop', function() {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- elem.parent().addClass('has-navbar-top');
- }
- };
-})
-
-.directive('navbarAbsoluteBottom', function() {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- elem.parent().addClass('has-navbar-bottom');
- }
- };
-});
-angular.module('mobile-angular-ui.directives.overlay', []).directive('overlay', [
- "$compile", function($compile) {
- return {
- compile: function(tElem, tAttrs) {
- var rawContent = tElem.html();
- return function postLink(scope, elem, attrs) {
- var active = "";
- var body = rawContent;
- var id = attrs.overlay;
-
- if (attrs["default"] != null) {
- var active = "default='" + attrs["default"] + "'";
- }
-
- var html = "";
- elem.remove();
-
- var sameId = angular.element(document.getElementById(id));
+ ]);
+ });
+})();
- if (sameId.length > 0 && sameId.hasClass('overlay')) {
- sameId.remove();
+/**
+ * @module mobile-angular-ui.components.sidebars
+ *
+ * @description
+ *
+ * Sidebars can be placed either in left side or right side adding respectively
+ * `.sidebar-left` and `.sidebar-right` classes.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * #### Interacting with sidebars
+ *
+ * Under the hood sidebar uses `SharedState` exposing respective statuses:
+ * `uiSidebarLeft` and `uiSidebarRight` unless you define different state name
+ * through `id` attribute on sidebar elements.
+ *
+ * ``` html
+ * Toggle sidebar left
+ *
+ * Toggle sidebar right
+ * ```
+ *
+ * You can put `ui-turn-off='uiSidebarLeft'` or `ui-turn-off='uiSidebarLeft'`
+ * inside the sidebar to make it close after clicking links inside them.
+ *
+ * By default sidebar are closed by clicking/tapping outside them.
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module(
+ 'mobile-angular-ui.components.sidebars', [
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.outerClick'
+ ]
+ );
+
+ angular.forEach(['left', 'right'], function(side) {
+ var directiveName = 'sidebar' + side.charAt(0).toUpperCase() + side.slice(1);
+ var defaultStateName = 'ui' + directiveName.charAt(0).toUpperCase() + directiveName.slice(1);
+
+ module.directive(directiveName, [
+ '$rootElement',
+ 'SharedState',
+ 'bindOuterClick',
+ '$location',
+ function(
+ $rootElement,
+ SharedState,
+ bindOuterClick,
+ $location
+ ) {
+ return {
+ restrict: 'C',
+ link: function(scope, elem, attrs) {
+ var parentClass = 'has-sidebar-' + side;
+ var visibleClass = 'sidebar-' + side + '-visible';
+ var activeClass = 'sidebar-' + side + '-in';
+ var stateName = attrs.id ? attrs.id : defaultStateName;
+ var trackAsSearchParam = attrs.uiTrackAsSearchParam === '' || attrs.uiTrackAsSearchParam;
+
+ var outerClickCb = function() {
+ SharedState.turnOff(stateName);
+ };
+
+ var outerClickIf = function() {
+ return SharedState.isActive(stateName);
+ };
+
+ $rootElement.addClass(parentClass);
+ scope.$on('$destroy', function() {
+ $rootElement
+ .removeClass(parentClass);
+ $rootElement
+ .removeClass(visibleClass);
+ $rootElement
+ .removeClass(activeClass);
+ });
+
+ var defaultActive = attrs.active !== undefined && attrs.active !== 'false';
+ SharedState.initialize(scope, stateName, {defaultValue: defaultActive});
+
+ scope.$on('mobile-angular-ui.state.changed.' + stateName, function(e, active) {
+ if (trackAsSearchParam) {
+ $location.search(stateName, active || null);
+ }
+
+ if (active) {
+ $rootElement
+ .addClass(visibleClass);
+ $rootElement
+ .addClass(activeClass);
+ } else {
+ $rootElement
+ .removeClass(activeClass);
+ // Note: .removeClass(visibleClass) is called on 'mobile-angular-ui.app.transitionend'
+ }
+ });
+
+ scope.$on('$routeChangeSuccess', function() {
+ SharedState.turnOff(stateName);
+ });
+
+ scope.$on('$routeUpdate', function() {
+ if (trackAsSearchParam) {
+ if (($location.search())[stateName]) {
+ SharedState.turnOn(stateName);
+ } else {
+ SharedState.turnOff(stateName);
}
+ }
+ });
- body = angular.element(document.body);
- body.prepend($compile(html)(scope));
+ scope.$on('mobile-angular-ui.app.transitionend', function() {
+ if (!SharedState.isActive(stateName)) {
+ $rootElement.removeClass(visibleClass);
+ }
+ });
- if (attrs["default"] === "active") {
- body.addClass('overlay-in');
- }
+ if (attrs.closeOnOuterClicks !== 'false') {
+ bindOuterClick(scope, elem, outerClickCb, outerClickIf);
}
- }
- };
- }
-]);
-
-angular.module("mobile-angular-ui.directives.panels", [])
-
-.directive("bsPanel", function() {
- return {
- restrict: 'EA',
- replace: true,
- scope: false,
- transclude: true,
- link: function(scope, elem, attrs) {
- elem.removeAttr('title');
- },
- template: function(elems, attrs) {
- var heading = "";
- if (attrs.title) {
- heading = "
\n
";
- }
- return "\n " + attrs.title + "\n
\n\n " + heading + "\n
";
- }
- };
-});
-angular.module('mobile-angular-ui.pointer-events', []).run([
- '$document', function($document) {
- return angular.element($document).on("click tap", function(e) {
- var target;
- target = angular.element(e.target);
- if (target.hasClass("disabled")) {
- e.preventDefault();
- e.stopPropagation();
- target = null;
- return false;
- } else {
- target = null;
- return true;
+ }
+ };
}
- });
- }
-]);
-
- // Provides a scrollable implementation based on Overthrow
- // Many thanks to pavei (https://github.com/pavei) to submit
- // basic implementation
+ ]);
+ });
-angular.module("mobile-angular-ui.scrollable", [])
-
-.directive("scrollableContent", [
- function() {
+ module.directive('app', ['$rootScope', function($rootScope) {
return {
- replace: false,
- restrict: "C",
- link: function(scope, element, attr) {
- if (overthrow.support !== "native") {
- element.addClass("overthrow");
- overthrow.forget();
- return overthrow.set();
- }
- }
- };
- }
-]);
-angular.module('mobile-angular-ui.directives.sidebars', [])
-
-.directive('sidebar', ['$document', '$rootScope', function($document, $rootScope) {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- var shouldCloseOnOuterClicks = true;
-
- if( attrs.closeOnOuterClicks == 'false' || attrs.closeOnOuterClicks == '0') {
- shouldCloseOnOuterClicks = false;
- }
+ restrict: 'C',
+ link: function(scope, element) {
- if (elem.hasClass('sidebar-left')) {
- elem.parent().addClass('has-sidebar-left');
- }
+ element.on('transitionend webkitTransitionEnd oTransitionEnd otransitionend', function() {
+ $rootScope.$broadcast('mobile-angular-ui.app.transitionend');
+ });
- if (elem.hasClass('sidebar-right')) {
- elem.parent().addClass('has-sidebar-right');
}
+ };
+ }]);
+})();
- var isAncestorOrSelf = function(element, target) {
- var parent = element;
-
- while (parent.length > 0) {
- if (parent[0] === target[0]) {
- parent = null;
- return true;
- }
- parent = parent.parent();
- }
-
- parent = null;
- return false;
- };
-
- var closeOnOuterClicks = function(e) {
- if(! isAncestorOrSelf(angular.element(e.target), elem)) {
- $rootScope.toggle(attrs.id, 'off');
- e.preventDefault()
- return false;
- }
- }
-
- var clearCb1 = angular.noop();
-
- if (shouldCloseOnOuterClicks) {
- clearCb1 = $rootScope.$on('mobile-angular-ui.toggle.toggled', function(e, id, active){
- if(id == attrs.id) {
- if(active) {
- setTimeout(function(){
- $document.on('click tap', closeOnOuterClicks);
- }, 300);
+/**
+ * A module with just a directive to create a switch input component.
+ *
+ * @module mobile-angular-ui.components.switch
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.components.switch', [])
+
+ /**
+ * @directive uiSwitch
+ * @restrict EA
+ * @requires ngModel
+ * @description
+ *
+ * The `ui-switch` directive (not to be confused with `ng-switch`) lets
+ * you create a toggle switch control bound to a boolean `ngModel` value.
+ *
+ * \n \n
\n
+ * ",link:function(a,b,c){b.on("click tap",function(){null==c.disabled&&(a.model=!a.model,a.$apply(),null!=a.changeExpr&&a.$parent.$eval(a.changeExpr))}),b.addClass("switch-transition-enabled")}}}),angular.module("mobile-angular-ui.directives.navbars",[]).directive("navbarAbsoluteTop",function(){return{replace:!1,restrict:"C",link:function(a,b){b.parent().addClass("has-navbar-top")}}}).directive("navbarAbsoluteBottom",function(){return{replace:!1,restrict:"C",link:function(a,b){b.parent().addClass("has-navbar-bottom")}}}),angular.module("mobile-angular-ui.directives.overlay",[]).directive("overlay",["$compile",function(a){return{compile:function(b){var c=b.html();return function(b,d,e){var f="",g=c,h=e.overlay;if(null!=e["default"])var f="default='"+e["default"]+"'";var i='";d.remove();var j=angular.element(document.getElementById(h));j.length>0&&j.hasClass("overlay")&&j.remove(),g=angular.element(document.body),g.prepend(a(i)(b)),"active"===e["default"]&&g.addClass("overlay-in")}}}}]),angular.module("mobile-angular-ui.directives.panels",[]).directive("bsPanel",function(){return{restrict:"EA",replace:!0,scope:!1,transclude:!0,link:function(a,b){b.removeAttr("title")},template:function(a,b){var c="";return b.title&&(c='
\n
"),'\n '+b.title+"\n
\n\n '+c+'\n
'}}}),angular.module("mobile-angular-ui.pointer-events",[]).run(["$document",function(a){return angular.element(a).on("click tap",function(a){var b;return b=angular.element(a.target),b.hasClass("disabled")?(a.preventDefault(),a.stopPropagation(),b=null,!1):(b=null,!0)})}]),angular.module("mobile-angular-ui.scrollable",[]).directive("scrollableContent",[function(){return{replace:!1,restrict:"C",link:function(a,b){return"native"!==overthrow.support?(b.addClass("overthrow"),overthrow.forget(),overthrow.set()):void 0}}}]),angular.module("mobile-angular-ui.directives.sidebars",[]).directive("sidebar",["$document","$rootScope",function(a,b){return{replace:!1,restrict:"C",link:function(c,d,e){var f=!0;("false"==e.closeOnOuterClicks||"0"==e.closeOnOuterClicks)&&(f=!1),d.hasClass("sidebar-left")&&d.parent().addClass("has-sidebar-left"),d.hasClass("sidebar-right")&&d.parent().addClass("has-sidebar-right");var g=function(a,b){for(var c=a;c.length>0;){if(c[0]===b[0])return c=null,!0;c=c.parent()}return c=null,!1},h=function(a){return g(angular.element(a.target),d)?void 0:(b.toggle(e.id,"off"),a.preventDefault(),!1)},i=angular.noop();f&&(i=b.$on("mobile-angular-ui.toggle.toggled",function(b,c,d){c==e.id&&(d?setTimeout(function(){a.on("click tap",h)},300):a.unbind("click tap",h))})),c.$on("$destroy",function(){i(),a.unbind("click tap",h)})}}}]),angular.module("mobile-angular-ui.directives.toggle",[]).factory("ToggleHelper",["$rootScope",function(a){return{events:{toggle:"mobile-angular-ui.toggle.toggle",toggleByClass:"mobile-angular-ui.toggle.toggleByClass",togglerLinked:"mobile-angular-ui.toggle.linked",toggleableToggled:"mobile-angular-ui.toggle.toggled"},commands:{alternate:"toggle",activate:"on",deactivate:"off"},toggle:function(b,c){null==c&&(c="toggle"),a.$emit(this.events.toggle,b,c)},toggleByClass:function(b,c){null==c&&(c="toggle"),a.$emit(this.events.toggleByClass,b,c)},notifyToggleState:function(b,c,d){a.$emit(this.events.toggleableToggled,c.id,d,c.exclusionGroup)},toggleStateChanged:function(a,b,c){this.updateElemClasses(a,b,c),this.notifyToggleState(a,b,c)},applyCommand:function(a,b){switch(a){case this.commands.activate:return!0;case this.commands.deactivate:return!1;case this.commands.alternate:return!b}},updateElemClasses:function(a,b,c){if(c){b.activeClass&&a.addClass(b.activeClass),b.inactiveClass&&a.removeClass(b.inactiveClass);var d=a.parent();b.parentActiveClass&&d.addClass(b.parentActiveClass),b.parentInactiveClass&&d.removeClass(b.parentInactiveClass)}else{b.inactiveClass&&a.addClass(b.inactiveClass),b.activeClass&&a.removeClass(b.activeClass);var d=a.parent();b.parentInactiveClass&&d.addClass(b.parentInactiveClass),b.parentActiveClass&&d.removeClass(b.parentActiveClass)}}}}]).run(["$rootScope","ToggleHelper",function(a,b){a.toggle=function(a,c){null==c&&(c="toggle"),b.toggle(a,c)},a.toggleByClass=function(a,c){null==c&&(c="toggle"),b.toggleByClass(a,c)}}]).directive("toggle",["$rootScope","ToggleHelper",function(a,b){return{restrict:"A",link:function(c,d,e){var f=e.toggle||b.commands.alternate,g=e.target,h=e.targetClass,i="true"===e.bubble||"1"===e.bubble||1===e.bubble||""===e.bubble||"bubble"===e.bubble;if(!g&&e.href&&(g=e.href.slice(1)),!g&&!h)throw"'target' or 'target-class' attribute required with 'toggle'";d.on("click tap",function(a){var c=angular.element(a.target);return c.hasClass("disabled")?void 0:(null!=g&&b.toggle(g,f),null!=h&&b.toggleByClass(h,f),i?!0:(a.preventDefault(),!1))});var j=a.$on(b.events.toggleableToggled,function(a,c,f){c===g&&b.updateElemClasses(d,e,f)});null!=g&&a.$emit(b.events.togglerLinked,g),c.$on("$destroy",j)}}}]).directive("toggleable",["$rootScope","ToggleHelper",function(a,b){return{restrict:"A",link:function(c,d,e){var f=!1;if(e["default"]){switch(e["default"]){case"active":f=!0;break;case"inactive":f=!1}b.toggleStateChanged(d,e,f)}var g=a.$on(b.events.toggle,function(a,c,g){var h;c===e.id&&(h=f,f=b.applyCommand(g,h),h!==f&&b.toggleStateChanged(d,e,f))}),h=a.$on(b.events.toggleByClass,function(a,c,g){var h;d.hasClass(c)&&(h=f,f=b.applyCommand(g,h),h!==f&&b.toggleStateChanged(d,e,f))}),i=a.$on(b.events.toggleableToggled,function(a,c,g,h){g&&e.id!==c&&e.exclusionGroup===h&&null!=e.exclusionGroup&&(f=!1,b.toggleStateChanged(d,e,f))}),j=a.$on(b.events.togglerLinked,function(a,c){e.id===c&&b.notifyToggleState(d,e,f)});c.$on("$destroy",function(){g(),h(),i(),j()})}}}]),angular.module("mobile-angular-ui",["mobile-angular-ui.pointer-events","mobile-angular-ui.active-links","mobile-angular-ui.fastclick","mobile-angular-ui.scrollable","mobile-angular-ui.directives.toggle","mobile-angular-ui.directives.overlay","mobile-angular-ui.directives.forms","mobile-angular-ui.directives.panels","mobile-angular-ui.directives.capture","mobile-angular-ui.directives.sidebars","mobile-angular-ui.directives.navbars","mobile-angular-ui.directives.carousel"]);
\ No newline at end of file
+!function(){"use strict";function e(t,o){function r(e,t){return function(){return e.apply(t,arguments)}}var i;if(o=o||{},this.trackingClick=!1,this.trackingClickStart=0,this.targetElement=null,this.touchStartX=0,this.touchStartY=0,this.lastTouchIdentifier=0,this.touchBoundary=o.touchBoundary||10,this.layer=t,this.tapDelay=o.tapDelay||200,this.tapTimeout=o.tapTimeout||700,!e.notNeeded(t)){for(var a=["onMouse","onClick","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel"],c=this,u=0,l=a.length;l>u;u++)c[a[u]]=r(c[a[u]],c);n&&(t.addEventListener("mouseover",this.onMouse,!0),t.addEventListener("mousedown",this.onMouse,!0),t.addEventListener("mouseup",this.onMouse,!0)),t.addEventListener("click",this.onClick,!0),t.addEventListener("touchstart",this.onTouchStart,!1),t.addEventListener("touchmove",this.onTouchMove,!1),t.addEventListener("touchend",this.onTouchEnd,!1),t.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(t.removeEventListener=function(e,n,o){var r=Node.prototype.removeEventListener;"click"===e?r.call(t,e,n.hijacked||n,o):r.call(t,e,n,o)},t.addEventListener=function(e,n,o){var r=Node.prototype.addEventListener;"click"===e?r.call(t,e,n.hijacked||(n.hijacked=function(e){e.propagationStopped||n(e)}),o):r.call(t,e,n,o)}),"function"==typeof t.onclick&&(i=t.onclick,t.addEventListener("click",function(e){i(e)},!1),t.onclick=null)}}var t=navigator.userAgent.indexOf("Windows Phone")>=0,n=navigator.userAgent.indexOf("Android")>0&&!t,o=/iP(ad|hone|od)/.test(navigator.userAgent)&&!t,r=o&&/OS 4_\d(_\d)?/.test(navigator.userAgent),i=o&&/OS [6-7]_\d/.test(navigator.userAgent),a=navigator.userAgent.indexOf("BB10")>0;e.prototype.needsClick=function(e){switch(e.nodeName.toLowerCase()){case"button":case"select":case"textarea":if(e.disabled)return!0;break;case"input":if(o&&"file"===e.type||e.disabled)return!0;break;case"label":case"iframe":case"video":return!0}return/\bneedsclick\b/.test(e.className)},e.prototype.needsFocus=function(e){switch(e.nodeName.toLowerCase()){case"textarea":return!0;case"select":return!n;case"input":switch(e.type){case"button":case"checkbox":case"file":case"image":case"radio":case"submit":return!1}return!e.disabled&&!e.readOnly;default:return/\bneedsfocus\b/.test(e.className)}},e.prototype.sendClick=function(e,t){var n,o;document.activeElement&&document.activeElement!==e&&document.activeElement.blur(),o=t.changedTouches[0],n=document.createEvent("MouseEvents"),n.initMouseEvent(this.determineEventType(e),!0,!0,window,1,o.screenX,o.screenY,o.clientX,o.clientY,!1,!1,!1,!1,0,null),n.forwardedTouchEvent=!0,e.dispatchEvent(n)},e.prototype.determineEventType=function(e){return n&&"select"===e.tagName.toLowerCase()?"mousedown":"click"},e.prototype.focus=function(e){var t;o&&e.setSelectionRange&&0!==e.type.indexOf("date")&&"time"!==e.type&&"month"!==e.type?(t=e.value.length,e.setSelectionRange(t,t)):e.focus()},e.prototype.updateScrollParent=function(e){var t,n;if(t=e.fastClickScrollParent,!t||!t.contains(e)){n=e;do{if(n.scrollHeight>n.offsetHeight){t=n,e.fastClickScrollParent=n;break}n=n.parentElement}while(n)}t&&(t.fastClickLastScrollTop=t.scrollTop)},e.prototype.getTargetElementFromEventTarget=function(e){return e.nodeType===Node.TEXT_NODE?e.parentNode:e},e.prototype.onTouchStart=function(e){var t,n,i;if(e.targetTouches.length>1)return!0;if(t=this.getTargetElementFromEventTarget(e.target),n=e.targetTouches[0],o){if(i=window.getSelection(),i.rangeCount&&!i.isCollapsed)return!0;if(!r){if(n.identifier&&n.identifier===this.lastTouchIdentifier)return e.preventDefault(),!1;this.lastTouchIdentifier=n.identifier,this.updateScrollParent(t)}}return this.trackingClick=!0,this.trackingClickStart=e.timeStamp,this.targetElement=t,this.touchStartX=n.pageX,this.touchStartY=n.pageY,e.timeStamp-this.lastClickTime\n \n
\n\n *
\n * ```\n *\n * Use `ui-content-for` inside any view to populate the `ui-yield-to` content.\n *\n * ``` html\n * \n *\n * \n * My View Title\n *
\n * ```\n *\n * Since the original scope is preserved you can use directives inside\n * `ui-content-for` blocks to interact with the current scope. In the following\n * example we will add a navbar button to submit a form inside a nested view.\n *\n * ``` html\n * \n *\n * \n *\n * \n *
\n * ```\n *\n * ``` html\n * \n *\n * \n * ```\n *\n * ``` javascript\n * app.controller('newCustomerController', function($scope, Store){\n * $scope.customer = {};\n * $scope.createCustomer = function(){\n * Store.create($scope.customer);\n * // ...\n * }\n * });\n * ```\n *\n * If you wish you can also duplicate markup instead of move it. Just add `duplicate` parameter to `uiContentFor` directive to specify this behaviour.\n *\n * ``` html\n * \n * \n *
\n * ```\n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.core.capture', [])\n\n .run([\n 'Capture',\n '$rootScope',\n function(Capture, $rootScope) {\n $rootScope.$on('$routeChangeSuccess', function() {\n Capture.resetAll();\n });\n }\n ])\n\n .factory('Capture', [\n '$compile',\n function($compile) {\n var yielders = {};\n\n return {\n yielders: yielders,\n\n resetAll: function() {\n for (var name in yielders) {\n if (yielders.hasOwnProperty(name)) {\n this.resetYielder(name);\n }\n }\n },\n\n resetYielder: function(name) {\n var b = yielders[name];\n this.setContentFor(name, b.defaultContent, b.defaultScope);\n },\n\n putYielder: function(name, element, defaultScope, defaultContent) {\n var yielder = {};\n yielder.name = name;\n yielder.element = element;\n yielder.defaultContent = defaultContent || '';\n yielder.defaultScope = defaultScope;\n yielders[name] = yielder;\n },\n\n getYielder: function(name) {\n return yielders[name];\n },\n\n removeYielder: function(name) {\n delete yielders[name];\n },\n\n setContentFor: function(name, content, scope) {\n var b = yielders[name];\n if (!b) {\n return;\n }\n b.element.html(content);\n $compile(b.element.contents())(scope);\n }\n\n };\n }\n ])\n\n /**\n * @directive uiContentFor\n * @restrict A\n * @description\n *\n * `ui-content-for` makes inner contents to replace the corresponding\n * `ui-yield-to` placeholder contents.\n *\n * `uiContentFor` is intended to be used inside a view in order to populate outer placeholders.\n * Any content you send to placeholders via `ui-content-for` is\n * reverted to placeholder defaults after view changes (ie. on `$routeChangeStart`).\n *\n * @param {string} uiContentFor The id of the placeholder to be replaced\n * @param {boolean} uiDuplicate If present duplicates the content instead of moving it (default to `false`)\n *\n */\n .directive('uiContentFor', [\n 'Capture',\n function(Capture) {\n return {\n compile: function(tElem, tAttrs) {\n var rawContent = tElem.html();\n if (tAttrs.uiDuplicate === null || tAttrs.uiDuplicate === undefined) {\n // no need to compile anything!\n tElem.html('');\n tElem.remove();\n }\n return function(scope, elem, attrs) {\n Capture.setContentFor(attrs.uiContentFor, rawContent, scope);\n };\n }\n };\n }\n ])\n\n /**\n * @directive uiYieldTo\n * @restrict A\n * @description\n *\n * `ui-yield-to` defines a placeholder which contents will be further replaced by `ui-content-for` directive.\n *\n * Inner html is considered to be a default. Default is restored any time `$routeChangeStart` happens.\n *\n * @param {string} uiYieldTo The unique id of this placeholder.\n *\n */\n .directive('uiYieldTo', [\n '$compile', 'Capture', function($compile, Capture) {\n return {\n link: function(scope, element, attr) {\n Capture.putYielder(attr.uiYieldTo, element, scope, element.html());\n\n element.on('$destroy', function() {\n Capture.removeYielder(attr.uiYieldTo);\n });\n\n scope.$on('$destroy', function() {\n Capture.removeYielder(attr.uiYieldTo);\n });\n }\n };\n }\n ]);\n\n})();\n","/**\n *\n * @module mobile-angular-ui.core.outerClick\n * @description\n *\n * Provides a directive to specifiy a behaviour when click/tap events\n * happen outside an element. This can be easily used\n * to implement eg. __close on outer click__ feature for a dropdown.\n *\n * ## Usage\n *\n * Declare it as a dependency to your app unless you have already\n * included some of its super-modules.\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui']);\n * ```\n *\n * Or\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui.core']);\n * ```\n *\n * Or\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui.core.outerClick']);\n * ```\n *\n * Use `ui-outer-click` to define an expression to evaluate when an _Outer Click_ event happens.\n * Use `ui-outer-click-if` parameter to define a condition to enable/disable the listener.\n *\n * ``` html\n * \n * \n * \n * \n * \n *\n * Action \n * Another action \n * Something else here \n * \n * Separated link \n * \n *
\n * ```\n */\n(function() {\n 'use strict';\n\n angular.module('mobile-angular-ui.core.outerClick', [])\n\n .factory('_mauiIsAncestorOrSelf', function() {\n return function(element, target) {\n var parent = element;\n while (parent.length > 0) {\n if (parent[0] === target[0]) {\n parent = null;\n return true;\n }\n parent = parent.parent();\n }\n parent = null;\n return false;\n };\n })\n\n /**\n * @service bindOuterClick\n * @as function\n *\n * @description\n * This is a service function that binds a callback to be conditionally executed\n * when a click event happens outside a specified element.\n *\n * Ie.\n *\n * ``` js\n * app.directive('myDirective', function('bindOuterClick'){\n * return {\n * link: function(scope, element) {\n * bindOuterClick(element, function(scope, extra){\n * alert('You clicked ouside me!');\n * }, function(e){\n * return element.hasClass('disabled') ? true : false;\n * });\n * }\n * };\n * });\n * ```\n * @scope {scope} the scope to eval callbacks\n * @param {DomElement|$element} element The element to bind to.\n * @param {function} callback A `function(scope, options)`, usually the result of `$parse`, that is called when an _outer click_ event happens.\n * @param {string|function} condition Angular `$watch` expression to decide whether to run `callback` or not.\n */\n .factory('bindOuterClick', [\n '$document',\n '$timeout',\n '_mauiIsAncestorOrSelf',\n function($document, $timeout, isAncestorOrSelf) {\n\n return function(scope, element, outerClickFn, outerClickIf) {\n var handleOuterClick = function(event) {\n if (!isAncestorOrSelf(angular.element(event.target), element)) {\n scope.$apply(function() {\n outerClickFn(scope, {$event: event});\n });\n }\n };\n\n var stopWatching = angular.noop;\n var t = null;\n\n if (outerClickIf) {\n stopWatching = scope.$watch(outerClickIf, function(value) {\n $timeout.cancel(t);\n\n if (value) {\n // prevents race conditions\n // activating with other click events\n t = $timeout(function() {\n $document.on('click tap', handleOuterClick);\n }, 0);\n\n } else {\n $document.unbind('click tap', handleOuterClick);\n }\n });\n } else {\n $timeout.cancel(t);\n $document.on('click tap', handleOuterClick);\n }\n\n scope.$on('$destroy', function() {\n stopWatching();\n $document.unbind('click tap', handleOuterClick);\n });\n };\n }\n ])\n\n /**\n * @directive outerClick\n *\n * @description\n * Evaluates an expression when an _Outer Click_ event happens.\n *\n * @param {expression} uiOuterClick Expression to evaluate when an _Outer Click_ event happens.\n * @param {expression} uiOuterClickIf Condition to enable/disable the listener. Defaults to `true`.\n */\n .directive('uiOuterClick', [\n 'bindOuterClick',\n '$parse',\n function(bindOuterClick, $parse) {\n return {\n restrict: 'A',\n compile: function(elem, attrs) {\n var outerClickFn = $parse(attrs.uiOuterClick);\n var outerClickIf = attrs.uiOuterClickIf;\n return function(scope, elem) {\n bindOuterClick(scope, elem, outerClickFn, outerClickIf);\n };\n }\n };\n }\n ]);\n})();\n","(function() {\n 'use strict';\n /**\n * @module mobile-angular-ui.core.sharedState\n *\n * @description\n * `mobile-angular-ui.core.sharedState` is expose the homonymous service\n * `SharedState` and a group of directives to access it.\n *\n * `SharedState` allows to use elementary angular or angularish directives\n * to create interactive components.\n *\n * Ie.\n *\n * ``` html\n * \n * \n *
\n * ```\n *\n * Using `SharedState` you will be able to:\n *\n * - Create interactive components without having to write javascript code\n * - Have your controller free from UI logic\n * - Separe `ng-click` triggering application logic from those having a visual effect only\n * - Export state of components to urls\n * - Easily make components comunicate each other\n *\n * Also note that:\n *\n * Data structures retaining statuses will stay outside angular scopes\n * thus they are not evaluated against digest cycle until its necessary.\n * Also although statuses are sort of global variables `SharedState` will\n * take care of disposing them when no scopes are requiring them anymore.\n *\n * A set of `ui-*` directives are available to interact with `SharedState`\n * module and will hopefully var you spare your controllers and your time\n * for something that is more meaningful than this:\n *\n * ``` js\n * $scope.activeTab = 1;\n *\n * $scope.setActiveTab = function(n) {\n * $scope.activeTab = n;\n * };\n * ```\n *\n * ## Usage\n *\n * Declare it as a dependency to your app unless you have already included some\n * of its super-modules.\n *\n * ```\n * angular.module('myApp', ['mobile-angular-ui.core.sharedState']);\n * ```\n *\n * Use `ui-shared-state` directive to require/initialize a state from the target element scope\n *\n * **Example.** Tabs\n *\n * \n *\n * **Example.** Custom components\n *\n * \n *\n * NOTE: `ui-toggle/set/turnOn/turnOff` responds to `click/tap` without\n * stopping propagation so you can use them along with ng-click too.\n * You can also change events to respond to with `ui-triggers` attribute.\n *\n * Any `SharedState` method is exposed through `Ui` object in `$rootScope`.\n * So you could always do `ng-click=\"Ui.turnOn('myVar')\"`.\n *\n * Since `SharedState` is a service you can initialize/set statuses through\n * controllers too:\n *\n * ``` js\n * app.controller('myController', function($scope, SharedState){\n * SharedState.initialize($scope, \"activeTab\", 3);\n * });\n * ```\n *\n * As well as you can use `ui-default` for that:\n *\n * ``` html\n * \n * ```\n *\n */\n var module = angular.module('mobile-angular-ui.core.sharedState', []);\n\n /**\n * @ngdoc service\n * @class SharedState\n *\n * @description\n *\n * A `SharedState` state can be considered as a global variable identified by an `id`.\n *\n * `SharedState` service exposes methods to interact with statuses to create,\n * read and update states.\n *\n * It acts as a BUS between UI elements to share UI related state that is\n * automatically disposed when all scopes requiring it are destroyed.\n *\n * eg.\n *\n * ``` js\n * app.controller('controller1', function($scope, SharedState){\n * SharedState.initialize($scope, 'myId');\n * });\n *\n * app.controller('controller2', function(SharedState){\n * SharedState.toggle('myId');\n * });\n * ```\n *\n * Data structures retaining statuses will stay outside angular scopes thus\n * they are not evaluated against digest cycle until its necessary. Also\n * although statuses are sort of global variables `SharedState` will take\n * care of disposing them when no scopes are requiring them anymore.\n *\n * A set of `ui-*` directives are available to interact with `SharedState`\n * module and will hopefully var you spare your controllers and your time for\n * something that is more meaningful than this:\n *\n * ``` js\n * $scope.activeTab = 1;\n *\n * $scope.setActiveTab = function(n) {\n * $scope.activeTab = n;\n * };\n * ```\n *\n */\n\n /**\n * @event 'mobile-angular-ui.state.initialized.ID'\n * @shortname initialized\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` when `#initialize` is called for a new state not\n * referenced by any scope currently.\n *\n * @param {any} currentValue The value with which this state has been initialized\n *\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n\n /**\n * @event 'mobile-angular-ui.state.destroyed.ID'\n * @shortname destroyed\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` when a state is destroyed.\n *\n */\n\n /**\n * @event 'mobile-angular-ui.state.changed.ID'\n * @shortname changed\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Broadcasted on `$rootScope` the value of a state changes.\n *\n * ``` js\n * $scope.$on('mobile-angular-ui.state.changed.uiSidebarLeft', function(e, newVal, oldVal) {\n * if (newVal === true) {\n * console.log('sidebar opened');\n * } else {\n * console.log('sidebar closed');\n * }\n * });\n * ```\n *\n * @param {any} newValue\n * @param {any} oldValue\n *\n */\n\n module.factory('SharedState', [\n '$rootScope', '$log',\n function($rootScope, $log) {\n var values = {}; // values, context object for evals\n var statusesMeta = {}; // status info\n var scopes = {}; // scopes references\n var exclusionGroups = {}; // support exclusive boolean sets\n\n return {\n /**\n * @function initialize\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Initialize, or require if already intialized, a state identified by `id` within the provided `scope`, making it available to the rest of application.\n *\n * A `SharedState` is bound to one or more scopes. Each time\n * `initialize` is called for an angular `scope` this will be bound to\n * the `SharedState` and a reference count is incremented to allow\n * garbage collection.\n *\n * Reference count is decremented once the scope is destroyed. When the counter reach 0 the state will be disposed.\n *\n * @param {scope} scope The scope to bound this state\n * @param {string} id The unique name of this state\n * @param {object} [options] Options\n * @param {object} [options.defaultValue] the initialization value, it is taken into account only if the state `id` is not already initialized\n * @param {string} [options.exclusionGroup] Specifies an exclusion group\n * for the state. This means that for boolean operations (ie. toggle,\n * turnOn, turnOf) when this state is set to `true`, any other state\n * that is in the same `exclusionGroup` will be set to `false`.\n */\n initialize: function(scope, id, options) {\n options = options || {};\n\n var isNewScope = scopes[scope] === undefined;\n var defaultValue = options.defaultValue;\n var exclusionGroup = options.exclusionGroup;\n\n scopes[scope.$id] = scopes[scope.$id] || [];\n scopes[scope.$id].push(id);\n\n if (!statusesMeta[id]) { // is a brand new state\n // not referenced by any\n // scope currently\n\n statusesMeta[id] = angular.extend({}, options, {references: 1});\n\n $rootScope.$broadcast('mobile-angular-ui.state.initialized.' + id, defaultValue);\n\n if (defaultValue !== undefined) {\n this.setOne(id, defaultValue);\n }\n\n if (exclusionGroup) {\n // Exclusion groups are sets of statuses references\n exclusionGroups[exclusionGroup] = exclusionGroups[exclusionGroup] || {};\n exclusionGroups[exclusionGroup][id] = true;\n }\n\n } else if (isNewScope) { // is a new reference from\n // a different scope\n statusesMeta[id].references++;\n }\n scope.$on('$destroy', function() {\n var ids = scopes[scope.$id] || [];\n for (var i = 0; i < ids.length; i++) {\n var status = statusesMeta[ids[i]];\n\n if (status.exclusionGroup) {\n delete exclusionGroups[status.exclusionGroup][ids[i]];\n if (Object.keys(exclusionGroups[status.exclusionGroup]).length === 0) {\n delete exclusionGroups[status.exclusionGroup];\n }\n }\n\n status.references--;\n if (status.references <= 0) {\n delete statusesMeta[ids[i]];\n delete values[ids[i]];\n $rootScope.$broadcast('mobile-angular-ui.state.destroyed.' + id);\n }\n }\n delete scopes[scope.$id];\n });\n },\n\n /**\n * @function setOne\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Set the value of the state identified by `id` to the `value` parameter.\n *\n * @param {string} id Unique identifier for state\n * @param {any} value New value for this state\n */\n setOne: function(id, value) {\n if (statusesMeta[id] !== undefined) {\n var prev = values[id];\n values[id] = value;\n if (prev !== value) {\n $rootScope.$broadcast('mobile-angular-ui.state.changed.' + id, value, prev);\n }\n return value;\n }\n $log.warn('Warning: Attempt to set uninitialized shared state: ' + id);\n },\n\n /**\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @function setMany\n * @description\n *\n * Set multiple statuses at once. ie.\n *\n * ```\n * SharedState.setMany({ activeTab: 'firstTab', sidebarIn: false });\n * ```\n *\n * @param {object} object An object of the form `{state1: value1, ..., stateN: valueN}`\n */\n setMany: function(map) {\n angular.forEach(map, function(value, id) {\n this.setOne(id, value);\n }, this);\n },\n\n /**\n * @function set\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * A shorthand for both `setOne` and `setMany`.\n * When called with only one parameter that is an object\n * it is the same of `setMany`, otherwise is the\n * same of `setOne`.\n *\n * @param {string|object} idOrMap A state id or a `{state: value}` map object.\n * @param {any} [value] The value to assign in case idOrMap is a string.\n */\n set: function(idOrMap, value) {\n if (!idOrMap) {\n return;\n } else if (angular.isObject(idOrMap)) {\n this.setMany(idOrMap);\n } else {\n this.setOne(idOrMap, value);\n }\n },\n\n /**\n * @function turnOn\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Set shared state identified by `id` to `true`. If the\n * shared state has been initialized with `exclusionGroup`\n * option it will also turn off (set to `false`) all other\n * statuses from the same exclusion group.\n *\n * @param {string} id The unique name of this state\n */\n turnOn: function(id) {\n // Turns off other statuses belonging to the same exclusion group.\n var eg = statusesMeta[id] && statusesMeta[id].exclusionGroup;\n if (eg) {\n var egStatuses = Object.keys(exclusionGroups[eg]);\n for (var i = 0; i < egStatuses.length; i++) {\n var item = egStatuses[i];\n if (item !== id) {\n this.turnOff(item);\n }\n }\n }\n return this.setOne(id, true);\n },\n\n /**\n * @function turnOff\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Set shared state identified by `id` to `false`.\n *\n * @param {string} id The unique name of this state\n */\n turnOff: function(id) {\n return this.setOne(id, false);\n },\n\n /**\n * @function toggle\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * If current value for shared state identified by `id` evaluates\n * to `true` it calls `turnOff` on it otherwise calls `turnOn`.\n * Be aware that it will take into account `exclusionGroup` option.\n * See `#turnOn` and `#initialize` for more.\n *\n * @param {string} id The unique name of this state\n */\n toggle: function(id) {\n return this.get(id) ? this.turnOff(id) : this.turnOn(id);\n },\n\n /**\n * @function get\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n *\n * @description\n * Returns the current value of the state identified by `id`.\n *\n * @param {string} id The unique name of this state\n * @returns {any}\n */\n get: function(id) {\n return statusesMeta[id] && values[id];\n },\n\n /**\n * @function isActive\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Return `true` if the boolean conversion of `#get(id)` evaluates to `true`.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n isActive: function(id) {\n return Boolean(this.get(id));\n },\n\n /**\n * @function active\n * @alias mobile-angular-ui.core.sharedState~SharedState.isActive\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Alias for `#isActive`.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n active: function(id) {\n return this.isActive(id);\n },\n\n /**\n * @function isUndefined\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @description\n *\n * Return `true` if state identified by `id` is not defined.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n */\n isUndefined: function(id) {\n return statusesMeta[id] === undefined || this.get(id) === undefined;\n },\n\n /**\n * Returns `true` if state identified by `id` exsists.\n *\n * @param {string} id The unique name of this state\n * @returns {bool}\n *\n * @function has\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n has: function(id) {\n return statusesMeta[id] !== undefined;\n },\n\n /**\n * Returns the number of references of a status.\n *\n * @param {string} id The unique name of this state\n * @returns {integer}\n *\n * @function referenceCount\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n referenceCount: function(id) {\n var status = statusesMeta[id];\n return status === undefined ? 0 : status.references;\n },\n\n /**\n * Returns `true` if `#get(id)` is exactly equal (`===`) to `value` param.\n *\n * @param {string} id The unique name of this state\n * @param {any} value The value for comparison\n * @returns {bool}\n *\n * @function equals\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n equals: function(id, value) {\n return this.get(id) === value;\n },\n\n /**\n * Alias for `#equals`\n *\n * @param {string} id The unique name of this state\n * @param {any} value The value for comparison\n * @returns {bool}\n *\n * @function eq\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n * @alias mobile-angular-ui.core.sharedState~SharedState.equals\n */\n eq: function(id, value) {\n return this.equals(id, value);\n },\n\n /**\n * Returns an object with all the status values currently stored.\n * It has the form of `{statusId: statusValue}`.\n *\n * Bear in mind that in order to spare resources it currently\n * returns just the internal object retaining statuses values.\n * Thus it is not intended to be modified and direct changes to it will be not tracked or notified.\n *\n * Just clone before apply any change to it.\n *\n * @returns {object}\n *\n * @function values\n * @memberOf mobile-angular-ui.core.sharedState~SharedState\n */\n values: function() {\n return values;\n },\n\n exclusionGroups: function() {\n return exclusionGroups;\n }\n };\n }\n ]);\n\n var uiBindEvent = function(scope, element, eventNames, fn) {\n eventNames = eventNames || 'click tap';\n element.on(eventNames, function(event) {\n scope.$apply(function() {\n fn(scope, {$event: event});\n });\n });\n };\n\n /**\n * Calls `SharedState#initialize` on the scope relative to the element using it.\n *\n * @param {string} uiState The shared state id\n * @param {expression} [uiDefault] the default value\n *\n * @directive uiSharedState\n */\n module.directive('uiSharedState', [\n 'SharedState', function(SharedState) {\n return {\n restrict: 'EA',\n priority: 601, // more than ng-if\n link: function(scope, elem, attrs) {\n var id = attrs.uiSharedState || attrs.id;\n var defaultValueExpr = attrs.uiDefault || attrs.default;\n var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;\n\n SharedState.initialize(scope, id, {\n defaultValue: defaultValue,\n exclusionGroup: attrs.uiExclusionGroup\n });\n }\n };\n }\n ]);\n\n /**\n * Alias for uiSharedState. **Deprecated** since it clashes with\n * [UI-Router](https://ui-router.github.io/) `uiState` directive.\n *\n * @deprecated\n * @param {string} uiState The shared state id\n * @param {expression} [uiDefault] the default value\n *\n * @directive uiState\n */\n module.directive('uiState', [\n 'SharedState', function(SharedState) {\n return {\n restrict: 'EA',\n priority: 601, // more than ng-if\n link: function(scope, elem, attrs) {\n var id = attrs.uiState || attrs.id;\n var defaultValueExpr = attrs.uiDefault || attrs.default;\n var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;\n\n SharedState.initialize(scope, id, {\n defaultValue: defaultValue,\n exclusionGroup: attrs.uiExclusionGroup\n });\n }\n };\n }\n ]);\n\n angular.forEach(['toggle', 'turnOn', 'turnOff', 'set'],\n function(methodName) {\n var directiveName = 'ui' + methodName[0].toUpperCase() + methodName.slice(1);\n\n /**\n * Calls `SharedState#toggle` when triggering events happens on the element using it.\n *\n * @param {string} uiToggle the target shared state\n * @param {expression} uiDefault the default value\n *\n * @directive uiToggle\n */\n\n /**\n * @function uiTurnOn\n *\n * @description\n * Calls `SharedState#turnOn` when triggering events happens on the element using it.\n *\n *\n * @ngdoc directive\n *\n * @param {string} uiTurnOn the target shared state\n * @param {expression} uiDefault the default value\n */\n\n /**\n * @function uiTurnOff\n *\n * @description\n * Calls `SharedState#turnOff` when triggering events happens on the element using it.\n *\n * @ngdoc directive\n *\n * @param {string} uiTurnOff the target shared state\n * @param {string} [uiTriggers='click tap'] the event triggering the call.\n */\n\n /**\n * @function uiSet\n *\n * @description\n * Calls `SharedState#set` when triggering events happens on the element using it.\n *\n * @ngdoc directive\n *\n * @param {object} uiSet The object to pass to SharedState#set\n * @param {string} [uiTriggers='click tap'] the event triggering the call.\n */\n\n module.directive(directiveName, [\n '$parse',\n '$interpolate',\n 'SharedState',\n function($parse, $interpolate, SharedState) {\n var method = SharedState[methodName];\n return {\n restrict: 'A',\n priority: 1, // This would make postLink calls happen after ngClick\n // (and similar) ones, thus intercepting events after them.\n //\n // This will prevent eventual ng-if to detach elements\n // before ng-click fires.\n\n compile: function(elem, attrs) {\n var attr = attrs[directiveName];\n var needsInterpolation = attr.match(/\\{\\{/);\n\n var exprFn = function($scope) {\n var res = attr;\n if (needsInterpolation) {\n var interpolateFn = $interpolate(res);\n res = interpolateFn($scope);\n }\n if (methodName === 'set') {\n res = ($parse(res))($scope);\n }\n return res;\n };\n\n return function(scope, elem, attrs) {\n var callback = function() {\n var arg = exprFn(scope);\n return method.call(SharedState, arg);\n };\n uiBindEvent(scope, elem, attrs.uiTriggers, callback);\n };\n }\n };\n }\n ]);\n });\n\n /**\n * @name uiScopeContext\n * @inner\n * @description\n *\n * `uiScopeContext` is not a directive, but a parameter common to any of the\n * `ui-*` directives in this module.\n *\n * By default all `ui-*` conditions in this module evaluates in the context of\n * `SharedState` only, thus scope variable are not accessible. To use them you have\n * two options:\n *\n * #### 1. pre-interpolation\n *\n * You can use pre-interpolation in expression attribute. For instance the following syntax\n * is ligit:\n *\n * ``` html\n * \n * ```\n *\n * In this case `idx` value is taken from scope and embedded into\n * conditions before parse them.\n *\n * This works as expected and is fine for the most cases, but it has a little caveat:\n *\n * The condition has to be re-parsed at each digest loop and has to walk scopes\n * in watchers.\n *\n * #### 2. uiScopeContext\n *\n * If you are concerned about performance issues using the first approach\n * `uiScopeContext` is a more verbose but also lightweight alternative\n * to accomplish the same.\n *\n * It allows to use current scope vars inside `ui-*` conditions, leaving\n * other scope vars (or the entire scope if not present) apart from the\n * condition evaluation process.\n *\n * Hopefully this will keep evaluation running against a flat and small data\n * structure instead of taking into account the whole scope.\n *\n * It is a list `scopeVar[ as aliasName] [, ...]` specifing one of more scope\n * variables to take into account when evaluating conditions. ie:\n *\n * ``` html\n * \n * Tab1
\n * Tab2
\n * Tab3
\n * \n *
\n * ```\n *\n * ``` html\n * \n * \n *
\n * \n *
\n * ```\n *\n * Be aware that scope vars will take precedence over sharedStates so,\n * in order to avoid name clashes you can use 'as' to refer to scope vars\n * with a different name in conditions:\n *\n * ``` html\n * \n *
\n * ```\n */\n var parseScopeContext = function(attr) {\n if (!attr || attr === '') {\n return [];\n }\n var vars = attr ? attr.trim().split(/ *, */) : [];\n var res = [];\n for (var i = 0; i < vars.length; i++) {\n var item = vars[i].split(/ *as */);\n if (item.length > 2 || item.length < 1) {\n throw new Error('Error parsing uiScopeContext=\"' + attr + '\"');\n }\n res.push(item);\n }\n return res;\n };\n\n var mixScopeContext = function(context, scopeVars, scope) {\n for (var i = 0; i < scopeVars.length; i++) {\n var key = scopeVars[i][0];\n var alias = scopeVars[i][1] || key;\n context[alias] = key.split('.').reduce(function(scope, nextKey) {\n return scope[nextKey];\n }, scope);\n }\n };\n\n var parseUiCondition = function(name, attrs, $scope, SharedState, $parse, $interpolate) {\n var expr = attrs[name];\n var needsInterpolation = expr.match(/\\{\\{/);\n var exprFn;\n\n if (needsInterpolation) {\n exprFn = function(context) {\n var interpolateFn = $interpolate(expr);\n var parseFn = $parse(interpolateFn($scope));\n return parseFn(context);\n };\n } else {\n exprFn = $parse(expr);\n }\n\n var uiScopeContext = parseScopeContext(attrs.uiScopeContext);\n return function() {\n var context;\n if (uiScopeContext.length) {\n context = angular.extend({}, SharedState.values());\n mixScopeContext(context, uiScopeContext, $scope);\n } else {\n context = SharedState.values();\n }\n return exprFn(context);\n };\n };\n\n /**\n * @ngdoc directive\n * @function uiIf\n *\n * @description\n * Same as `ngIf` but evaluates condition against `SharedState` statuses too\n *\n * @param {expression} uiIf A condition to decide wether to attach the\n * element to the dom\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when\n * evaluating condition.\n */\n module.directive('uiIf', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {\n function getBlockNodes(nodes) {\n var node = nodes[0];\n var endNode = nodes[nodes.length - 1];\n var blockNodes = [node];\n do {\n node = node.nextSibling;\n if (!node) {\n break;\n }\n blockNodes.push(node);\n } while (node !== endNode);\n\n return angular.element(blockNodes);\n }\n\n return {\n multiElement: true,\n transclude: 'element',\n priority: 600,\n terminal: true,\n restrict: 'A',\n $$tlb: true,\n link: function($scope, $element, $attr, ctrl, $transclude) {\n var block;\n var childScope;\n var previousElements;\n var uiIfFn = parseUiCondition('uiIf', $attr, $scope, SharedState, $parse, $interpolate);\n\n $scope.$watch(uiIfFn, function uiIfWatchAction(value) {\n if (value) {\n if (!childScope) {\n $transclude(function(clone, newScope) {\n childScope = newScope;\n clone[clone.length++] = document.createComment(' end uiIf: ' + $attr.uiIf + ' ');\n // Note: We only need the first/last node of the cloned nodes.\n // However, we need to keep the reference to the jqlite wrapper as it might be changed later\n // by a directive with templateUrl when its template arrives.\n block = {\n clone: clone\n };\n $animate.enter(clone, $element.parent(), $element);\n });\n }\n } else {\n if (previousElements) {\n previousElements.remove();\n previousElements = null;\n }\n if (childScope) {\n childScope.$destroy();\n childScope = null;\n }\n if (block) {\n previousElements = getBlockNodes(block.clone);\n var done = function() {\n previousElements = null;\n };\n var nga = $animate.leave(previousElements, done);\n if (nga) {\n nga.then(done);\n }\n block = null;\n }\n }\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiHide\n *\n * @description\n * Same as `ngHide` but evaluates condition against `SharedState` statuses\n *\n * @param {expression} uiShow A condition to decide wether to hide the element\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating condition.\n */\n module.directive('uiHide', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {\n var NG_HIDE_CLASS = 'ng-hide';\n var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';\n\n return {\n restrict: 'A',\n multiElement: true,\n link: function(scope, element, attr) {\n var uiHideFn = parseUiCondition('uiHide', attr, scope, SharedState, $parse, $interpolate);\n scope.$watch(uiHideFn, function uiHideWatchAction(value) {\n $animate[value ? 'addClass' : 'removeClass'](element, NG_HIDE_CLASS, {\n tempClasses: NG_HIDE_IN_PROGRESS_CLASS\n });\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiShow\n *\n * @description\n * Same as `ngShow` but evaluates condition against `SharedState` statuses\n *\n * @param {expression} uiShow A condition to decide wether to show the element\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating condition.\n */\n module.directive('uiShow', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse) {\n var NG_HIDE_CLASS = 'ng-hide';\n var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';\n\n return {\n restrict: 'A',\n multiElement: true,\n link: function(scope, element, attr) {\n var uiShowFn = parseUiCondition('uiShow', attr, scope, SharedState, $parse);\n scope.$watch(uiShowFn, function uiShowWatchAction(value) {\n $animate[value ? 'removeClass' : 'addClass'](element, NG_HIDE_CLASS, {\n tempClasses: NG_HIDE_IN_PROGRESS_CLASS\n });\n });\n }\n };\n }]);\n\n /**\n * @ngdoc directive\n * @function uiClass\n *\n * @description\n * A simplified version of `ngClass` that evaluates in context of `SharedState`, it only suppors the `{'className': expr}` syntax.\n *\n * @param {expression} uiClass An expression that has to evaluate to an object\n * of the form `{'className': expr}`, where `expr` decides wether the class\n * should appear to element's class list.\n * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`\n * specifing one of more scope variables to take into account when evaluating\n * condition.\n */\n module.directive('uiClass', ['SharedState', '$parse', '$interpolate', function(SharedState, $parse) {\n return {\n restrict: 'A',\n link: function(scope, element, attr) {\n var uiClassFn = parseUiCondition('uiClass', attr, scope, SharedState, $parse);\n scope.$watch(uiClassFn, function uiClassWatchAction(value) {\n var classesToAdd = '';\n var classesToRemove = '';\n angular.forEach(value, function(expr, className) {\n if (expr) {\n classesToAdd += ' ' + className;\n } else {\n classesToRemove += ' ' + className;\n }\n classesToAdd = classesToAdd.trim();\n classesToRemove = classesToRemove.trim();\n if (classesToAdd.length) {\n element.addClass(classesToAdd);\n }\n if (classesToRemove.length) {\n element.removeClass(classesToRemove);\n }\n });\n }, true);\n }\n };\n }]);\n\n module.run([\n '$rootScope',\n 'SharedState',\n function($rootScope, SharedState) {\n $rootScope.Ui = SharedState;\n }\n ]);\n\n})();\n","/**\n * Provides directives and service to prevent touchmove default behaviour\n * for touch devices (ie. bounce on overscroll in IOS).\n *\n * #### Usage\n *\n * Use `ui-prevent-touchmove-defaults` directive on root element of your app:\n *\n * ``` html\n * \n * \n * \n * ```\n *\n * Doing so `touchmove.preventDefault` logic for inner elements is inverted,\n * so any `touchmove` default behaviour is automatically prevented.\n *\n * If you wish to allow the default behaviour, for example to allow\n * inner elements to scroll, you have to explicitly mark an event to allow\n * touchmove default.\n *\n * Mobile Angular UI already handles this for `scrollable` elements, so you don't have\n * to do anything in order to support scroll.\n *\n * If you wish to allow touchmove defaults for certain element under certain conditions\n * you can use the `allowTouchmoveDefault` service.\n *\n * ie.\n *\n * ``` js\n * // always allow touchmove default for an element\n * allowTouchmoveDefault(myelem);\n * ```\n *\n * ``` js\n * // allow touchmove default for an element only under certain conditions\n * allowTouchmoveDefault(myelem, function(touchmove){\n * return touchmove.pageY > 100;\n * });\n * ```\n *\n * @module mobile-angular-ui.core.touchmoveDefaults\n */\n(function() {\n 'use strict';\n var module = angular.module('mobile-angular-ui.core.touchmoveDefaults', []);\n\n module.directive('uiPreventTouchmoveDefaults', function() {\n var preventTouchmoveDefaultsCb = function(e) {\n // Get this flag from either the saved event if jQuery is being used, otherwise get it from the event itself.\n var allowTouchmoveEventFlag = e.originalEvent ? e.originalEvent.allowTouchmoveDefault : e.allowTouchmoveDefault;\n if (allowTouchmoveEventFlag !== true) {\n e.preventDefault();\n }\n };\n\n return {\n compile: function(element) {\n if ('ontouchmove' in document) {\n element.on('touchmove', preventTouchmoveDefaultsCb);\n }\n }\n };\n });\n\n /**\n * Bind a listener to an element to allow `touchmove` default behaviour\n * when `touchmove` happens inside the bound element.\n *\n * You can also provide a function to decide when to allow and\n * when to prevent it.\n *\n * ``` js\n * // always allow touchmove default\n * allowTouchmoveDefault(myelem);\n *\n * // allow touchmove default only under certain conditions\n * allowTouchmoveDefault(myelem, function(touchmove){\n * return touchmove.pageY > 100;\n * });\n * ```\n *\n * @param {Element|$element} element The element to bind.\n * @param {function} condition A `function(touchmove)⟶boolean` to decide\n * whether to allow default behavior or not.\n *\n * @service allowTouchmoveDefault\n * @as function\n * @returns function Function to unbind the listener\n */\n\n module.factory('allowTouchmoveDefault', function() {\n var fnTrue = function() {\n return true;\n };\n\n if ('ontouchmove' in document) {\n return function($element, condition) {\n condition = condition || fnTrue;\n\n var allowTouchmoveDefaultCallback = function(e) {\n if (condition(e)) {\n e.allowTouchmoveDefault = true;\n // jQuery normalizes the event object, need to put this property on the copied originalEvent.\n if (e.originalEvent) {\n e.originalEvent.allowTouchmoveDefault = true;\n }\n }\n };\n\n $element = angular.element($element);\n $element.on('touchmove', allowTouchmoveDefaultCallback);\n\n $element.on('$destroy', function() {\n $element.off('touchmove', allowTouchmoveDefaultCallback);\n $element = null;\n });\n\n return function() {\n if ($element) {\n $element.off('touchmove', allowTouchmoveDefaultCallback);\n }\n };\n };\n }\n\n return angular.noop;\n });\n\n})();\n","/**\n * @module mobile-angular-ui.core\n *\n * @description\n *\n * It has all the core functionalities of Mobile Angular UI. It aims to act as a common base\n * for an UI framework providing services and directives to create components and implement\n * UI interactions with angular.\n *\n * \n * NOTE\n *
\n *\n * ## Standalone Usage\n *\n * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.\n *\n * ``` js\n * angular.module('myApp', ['mobile-angular-ui.core']);\n * ```\n */\n(function() {\n 'use strict';\n angular.module('mobile-angular-ui.core', [\n 'mobile-angular-ui.core.fastclick',\n 'mobile-angular-ui.core.activeLinks',\n 'mobile-angular-ui.core.capture',\n 'mobile-angular-ui.core.outerClick',\n 'mobile-angular-ui.core.sharedState',\n 'mobile-angular-ui.core.touchmoveDefaults'\n ]);\n})();\n","/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */\n(function( w, undefined ){\n\t\n\tvar doc = w.document,\n\t\tdocElem = doc.documentElement,\n\t\tenabledClassName = \"overthrow-enabled\",\n\n\t\t// Touch events are used in the polyfill, and thus are a prerequisite\n\t\tcanBeFilledWithPoly = \"ontouchmove\" in doc,\n\t\t\n\t\t// The following attempts to determine whether the browser has native overflow support\n\t\t// so we can enable it but not polyfill\n\t\tnativeOverflow = \n\t\t\t// Features-first. iOS5 overflow scrolling property check - no UA needed here. thanks Apple :)\n\t\t\t\"WebkitOverflowScrolling\" in docElem.style ||\n\t\t\t// Test the windows scrolling property as well\n\t\t\t\"msOverflowStyle\" in docElem.style ||\n\t\t\t// Touch events aren't supported and screen width is greater than X\n\t\t\t// ...basically, this is a loose \"desktop browser\" check. \n\t\t\t// It may wrongly opt-in very large tablets with no touch support.\n\t\t\t( !canBeFilledWithPoly && w.screen.width > 800 ) ||\n\t\t\t// Hang on to your hats.\n\t\t\t// Whitelist some popular, overflow-supporting mobile browsers for now and the future\n\t\t\t// These browsers are known to get overlow support right, but give us no way of detecting it.\n\t\t\t(function(){\n\t\t\t\tvar ua = w.navigator.userAgent,\n\t\t\t\t\t// Webkit crosses platforms, and the browsers on our list run at least version 534\n\t\t\t\t\twebkit = ua.match( /AppleWebKit\\/([0-9]+)/ ),\n\t\t\t\t\twkversion = webkit && webkit[1],\n\t\t\t\t\twkLte534 = webkit && wkversion >= 534;\n\t\t\t\t\t\n\t\t\t\treturn (\n\t\t\t\t\t/* Android 3+ with webkit gte 534\n\t\t\t\t\t~: Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13 */\n\t\t\t\t\tua.match( /Android ([0-9]+)/ ) && RegExp.$1 >= 3 && wkLte534 ||\n\t\t\t\t\t/* Blackberry 7+ with webkit gte 534\n\t\t\t\t\t~: Mozilla/5.0 (BlackBerry; U; BlackBerry 9900; en-US) AppleWebKit/534.11+ (KHTML, like Gecko) Version/7.0.0 Mobile Safari/534.11+ */\n\t\t\t\t\tua.match( / Version\\/([0-9]+)/ ) && RegExp.$1 >= 0 && w.blackberry && wkLte534 ||\n\t\t\t\t\t/* Blackberry Playbook with webkit gte 534\n\t\t\t\t\t~: Mozilla/5.0 (PlayBook; U; RIM Tablet OS 1.0.0; en-US) AppleWebKit/534.8+ (KHTML, like Gecko) Version/0.0.1 Safari/534.8+ */ \n\t\t\t\t\tua.indexOf( \"PlayBook\" ) > -1 && wkLte534 && !ua.indexOf( \"Android 2\" ) === -1 ||\n\t\t\t\t\t/* Firefox Mobile (Fennec) 4 and up\n\t\t\t\t\t~: Mozilla/5.0 (Mobile; rv:15.0) Gecko/15.0 Firefox/15.0 */\n\t\t\t\t\tua.match(/Firefox\\/([0-9]+)/) && RegExp.$1 >= 4 ||\n\t\t\t\t\t/* WebOS 3 and up (TouchPad too)\n\t\t\t\t\t~: Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.48 Safari/534.6 TouchPad/1.0 */\n\t\t\t\t\tua.match( /wOSBrowser\\/([0-9]+)/ ) && RegExp.$1 >= 233 && wkLte534 ||\n\t\t\t\t\t/* Nokia Browser N8\n\t\t\t\t\t~: Mozilla/5.0 (Symbian/3; Series60/5.2 NokiaN8-00/012.002; Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/533.4 (KHTML, like Gecko) NokiaBrowser/7.3.0 Mobile Safari/533.4 3gpp-gba \n\t\t\t\t\t~: Note: the N9 doesn't have native overflow with one-finger touch. wtf */\n\t\t\t\t\tua.match( /NokiaBrowser\\/([0-9\\.]+)/ ) && parseFloat(RegExp.$1) === 7.3 && webkit && wkversion >= 533\n\t\t\t\t);\n\t\t\t})();\n\n\t// Expose overthrow API\n\tw.overthrow = {};\n\n\tw.overthrow.enabledClassName = enabledClassName;\n\n\tw.overthrow.addClass = function(){\n\t\tif( docElem.className.indexOf( w.overthrow.enabledClassName ) === -1 ){\n\t\t\tdocElem.className += \" \" + w.overthrow.enabledClassName;\n\t\t}\n\t};\n\n\tw.overthrow.removeClass = function(){\n\t\tdocElem.className = docElem.className.replace( w.overthrow.enabledClassName, \"\" );\n\t};\n\n\t// Enable and potentially polyfill overflow\n\tw.overthrow.set = function(){\n\t\t\t\n\t\t// If nativeOverflow or at least the element canBeFilledWithPoly, add a class to cue CSS that assumes overflow scrolling will work (setting height on elements and such)\n\t\tif( nativeOverflow ){\n\t\t\tw.overthrow.addClass();\n\t\t}\n\n\t};\n\n\t// expose polyfillable \n\tw.overthrow.canBeFilledWithPoly = canBeFilledWithPoly;\n\n\t// Destroy everything later. If you want to.\n\tw.overthrow.forget = function(){\n\n\t\tw.overthrow.removeClass();\n\t\t\n\t};\n\t\t\n\t// Expose overthrow API\n\tw.overthrow.support = nativeOverflow ? \"native\" : \"none\";\n\t\t\n})( this );\n","/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */\n(function( w, undefined ){\n\t\n\t// Auto-init\n\tw.overthrow.set();\n\n}( this ));","/*! Overthrow. An overflow:auto polyfill for responsive design. (c) 2012: Scott Jehl, Filament Group, Inc. http://filamentgroup.github.com/Overthrow/license.txt */\n(function( w, o, undefined ){\n\n\t// o is overthrow reference from overthrow-polyfill.js\n\tif( o === undefined ){\n\t\treturn;\n\t}\n\n\to.scrollIndicatorClassName = \"overthrow\";\n\t\n\tvar doc = w.document,\n\t\tdocElem = doc.documentElement,\n\t\t// o api\n\t\tnativeOverflow = o.support === \"native\",\n\t\tcanBeFilledWithPoly = o.canBeFilledWithPoly,\n\t\tconfigure = o.configure,\n\t\tset = o.set,\n\t\tforget = o.forget,\n\t\tscrollIndicatorClassName = o.scrollIndicatorClassName;\n\n\t// find closest overthrow (elem or a parent)\n\to.closest = function( target, ascend ){\n\t\treturn !ascend && target.className && target.className.indexOf( scrollIndicatorClassName ) > -1 && target || o.closest( target.parentNode );\n\t};\n\t\t\n\t// polyfill overflow\n\tvar enabled = false;\n\to.set = function(){\n\t\t\t\n\t\tset();\n\n\t\t// If nativeOverflow or it doesn't look like the browser canBeFilledWithPoly, our job is done here. Exit viewport left.\n\t\tif( enabled || nativeOverflow || !canBeFilledWithPoly ){\n\t\t\treturn;\n\t\t}\n\n\t\tw.overthrow.addClass();\n\n\t\tenabled = true;\n\n\t\to.support = \"polyfilled\";\n\n\t\to.forget = function(){\n\t\t\tforget();\n\t\t\tenabled = false;\n\t\t\t// Remove touch binding (check for method support since this part isn't qualified by touch support like the rest)\n\t\t\tif( doc.removeEventListener ){\n\t\t\t\tdoc.removeEventListener( \"touchstart\", start, false );\n\t\t\t}\n\t\t};\n\n\t\t// Fill 'er up!\n\t\t// From here down, all logic is associated with touch scroll handling\n\t\t\t// elem references the overthrow element in use\n\t\tvar elem,\n\t\t\t\n\t\t\t// The last several Y values are kept here\n\t\t\tlastTops = [],\n\t\n\t\t\t// The last several X values are kept here\n\t\t\tlastLefts = [],\n\t\t\t\n\t\t\t// lastDown will be true if the last scroll direction was down, false if it was up\n\t\t\tlastDown,\n\t\t\t\n\t\t\t// lastRight will be true if the last scroll direction was right, false if it was left\n\t\t\tlastRight,\n\t\t\t\n\t\t\t// For a new gesture, or change in direction, reset the values from last scroll\n\t\t\tresetVertTracking = function(){\n\t\t\t\tlastTops = [];\n\t\t\t\tlastDown = null;\n\t\t\t},\n\t\t\t\n\t\t\tresetHorTracking = function(){\n\t\t\t\tlastLefts = [];\n\t\t\t\tlastRight = null;\n\t\t\t},\n\t\t\n\t\t\t// On webkit, touch events hardly trickle through textareas and inputs\n\t\t\t// Disabling CSS pointer events makes sure they do, but it also makes the controls innaccessible\n\t\t\t// Toggling pointer events at the right moments seems to do the trick\n\t\t\t// Thanks Thomas Bachem http://stackoverflow.com/a/5798681 for the following\n\t\t\tinputs,\n\t\t\tsetPointers = function( val ){\n\t\t\t\tinputs = elem.querySelectorAll( \"textarea, input\" );\n\t\t\t\tfor( var i = 0, il = inputs.length; i < il; i++ ) {\n\t\t\t\t\tinputs[ i ].style.pointerEvents = val;\n\t\t\t\t}\n\t\t\t},\n\t\t\t\n\t\t\t// For nested overthrows, changeScrollTarget restarts a touch event cycle on a parent or child overthrow\n\t\t\tchangeScrollTarget = function( startEvent, ascend ){\n\t\t\t\tif( doc.createEvent ){\n\t\t\t\t\tvar newTarget = ( !ascend || ascend === undefined ) && elem.parentNode || elem.touchchild || elem,\n\t\t\t\t\t\ttEnd;\n\t\t\t\t\t\t\t\n\t\t\t\t\tif( newTarget !== elem ){\n\t\t\t\t\t\ttEnd = doc.createEvent( \"HTMLEvents\" );\n\t\t\t\t\t\ttEnd.initEvent( \"touchend\", true, true );\n\t\t\t\t\t\telem.dispatchEvent( tEnd );\n\t\t\t\t\t\tnewTarget.touchchild = elem;\n\t\t\t\t\t\telem = newTarget;\n\t\t\t\t\t\tnewTarget.dispatchEvent( startEvent );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t\n\t\t\t// Touchstart handler\n\t\t\t// On touchstart, touchmove and touchend are freshly bound, and all three share a bunch of vars set by touchstart\n\t\t\t// Touchend unbinds them again, until next time\n\t\t\tstart = function( e ){\n\n\t\t\t\t// Stop any throw in progress\n\t\t\t\tif( o.intercept ){\n\t\t\t\t\to.intercept();\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t// Reset the distance and direction tracking\n\t\t\t\tresetVertTracking();\n\t\t\t\tresetHorTracking();\n\t\t\t\t\n\t\t\t\telem = o.closest( e.target );\n\t\t\t\t\t\n\t\t\t\tif( !elem || elem === docElem || e.touches.length > 1 ){\n\t\t\t\t\treturn;\n\t\t\t\t}\t\t\t\n\n\t\t\t\tsetPointers( \"none\" );\n\t\t\t\tvar touchStartE = e,\n\t\t\t\t\tscrollT = elem.scrollTop,\n\t\t\t\t\tscrollL = elem.scrollLeft,\n\t\t\t\t\theight = elem.offsetHeight,\n\t\t\t\t\twidth = elem.offsetWidth,\n\t\t\t\t\tstartY = e.touches[ 0 ].pageY,\n\t\t\t\t\tstartX = e.touches[ 0 ].pageX,\n\t\t\t\t\tscrollHeight = elem.scrollHeight,\n\t\t\t\t\tscrollWidth = elem.scrollWidth,\n\t\t\t\t\n\t\t\t\t\t// Touchmove handler\n\t\t\t\t\tmove = function( e ){\n\t\t\t\t\t\n\t\t\t\t\t\tvar ty = scrollT + startY - e.touches[ 0 ].pageY,\n\t\t\t\t\t\t\ttx = scrollL + startX - e.touches[ 0 ].pageX,\n\t\t\t\t\t\t\tdown = ty >= ( lastTops.length ? lastTops[ 0 ] : 0 ),\n\t\t\t\t\t\t\tright = tx >= ( lastLefts.length ? lastLefts[ 0 ] : 0 );\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t// If there's room to scroll the current container, prevent the default window scroll\n\t\t\t\t\t\tif( ( ty > 0 && ty < scrollHeight - height ) || ( tx > 0 && tx < scrollWidth - width ) ){\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// This bubbling is dumb. Needs a rethink.\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tchangeScrollTarget( touchStartE );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// If down and lastDown are inequal, the y scroll has changed direction. Reset tracking.\n\t\t\t\t\t\tif( lastDown && down !== lastDown ){\n\t\t\t\t\t\t\tresetVertTracking();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// If right and lastRight are inequal, the x scroll has changed direction. Reset tracking.\n\t\t\t\t\t\tif( lastRight && right !== lastRight ){\n\t\t\t\t\t\t\tresetHorTracking();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// remember the last direction in which we were headed\n\t\t\t\t\t\tlastDown = down;\n\t\t\t\t\t\tlastRight = right;\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t// set the container's scroll\n\t\t\t\t\t\telem.scrollTop = ty;\n\t\t\t\t\t\telem.scrollLeft = tx;\n\t\t\t\t\t\n\t\t\t\t\t\tlastTops.unshift( ty );\n\t\t\t\t\t\tlastLefts.unshift( tx );\n\t\t\t\t\t\n\t\t\t\t\t\tif( lastTops.length > 3 ){\n\t\t\t\t\t\t\tlastTops.pop();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif( lastLefts.length > 3 ){\n\t\t\t\t\t\t\tlastLefts.pop();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\n\t\t\t\t\t// Touchend handler\n\t\t\t\t\tend = function( e ){\n\n\t\t\t\t\t\t// Bring the pointers back\n\t\t\t\t\t\tsetPointers( \"auto\" );\n\t\t\t\t\t\tsetTimeout( function(){\n\t\t\t\t\t\t\tsetPointers( \"none\" );\n\t\t\t\t\t\t}, 450 );\n\t\t\t\t\t\telem.removeEventListener( \"touchmove\", move, false );\n\t\t\t\t\t\telem.removeEventListener( \"touchend\", end, false );\n\t\t\t\t\t};\n\t\t\t\t\n\t\t\t\telem.addEventListener( \"touchmove\", move, false );\n\t\t\t\telem.addEventListener( \"touchend\", end, false );\n\t\t\t};\n\t\t\t\n\t\t// Bind to touch, handle move and end within\n\t\tdoc.addEventListener( \"touchstart\", start, false );\n\t};\n\t\t\n})( this, this.overthrow );\n","/**\n * This module will provide directives to create modals and overlays components.\n *\n * @module mobile-angular-ui.components.modals\n */\n(function() {\n 'use strict';\n angular.module('mobile-angular-ui.components.modals', [])\n\n /**\n * A directive to create modals and overlays components.\n *\n * Modals are basically the same of Bootstrap 3 but you have to use uiSharedState\n * with `ngIf/uiIf` or `ngHide/uiHide` to `activate/dismiss` it.\n *\n * By default both modals and overlay are made always showing up by\n * css rule `.modal {display:block}`, so you can use it with\n * `ngAnimate` and other angular directives in a simpler way.\n *\n * Overlay are a style of modal that looks more native in mobile devices providing a blurred\n * overlay as background.\n *\n * You can create an overlay adding `.modal-overlay` class to a modal.\n *\n * ### Note\n *\n * For modals and overlays to cover the entire page you have to attach them\n * as child of `body` element. To achieve this from a view is a common use for\n * `contentFor/yieldTo` directives contained from\n * [capture module](/docs/module:mobile-angular-ui/module:core/module:capture):\n *\n * ``` html\n * \n *\n * \n * \n * \n *\n * \n * ```\n *\n * Then you can wrap your modals and overlays in `contentFor`:\n *\n * ``` html\n * - \n *
- It has no dependency on Bootstrap. \n *
- It is not related to mobile apps only. \n *
- It is not requiring CSS support. \n *
- You can use it on any Angular Application and with any CSS framework. \n *
\n * * \n *
\n * ```\n *\n * **Example.** Create a Modal.\n *\n * ``` html\n * \n *
\n * ```\n *\n * **Example.** Create an Overlay.\n *\n * ``` html\n * \n * \n *
\n * \n * \n *
\n * \n *
\n * ```\n *\n * @directive modal\n * @restrict C\n */\n .directive('modal', [\n '$rootElement',\n function($rootElement) {\n return {\n restrict: 'C',\n link: function(scope, elem) {\n $rootElement.addClass('has-modal');\n elem.on('$destroy', function() {\n $rootElement.removeClass('has-modal');\n });\n scope.$on('$destroy', function() {\n $rootElement.removeClass('has-modal');\n });\n\n if (elem.hasClass('modal-overlay')) {\n $rootElement.addClass('has-modal-overlay');\n elem.on('$destroy', function() {\n $rootElement.removeClass('has-modal-overlay');\n });\n scope.$on('$destroy', function() {\n $rootElement.removeClass('has-modal-overlay');\n });\n }\n }\n };\n }]);\n})();\n","/**\n * @module mobile-angular-ui.components.navbars\n * @description\n *\n * Bootstrap default navbars are awesome for responsive websites, but are not the\n * best with a small screen. Also fixed positioning is yet not an option to create\n * navbars standing in top or bottom of the screen.\n *\n * Mobile Angular Ui offers an alternative to bootstrap navbars that is more\n * suitable for mobile.\n *\n * It uses scrollable areas to avoid scroll issues. In the following figure you can\n * see the difference between fixed navbars and navbars with absolute positioning.\n *\n * \n *
\n * \n * \n *
\n * \n * \n * \n *\n * \n *\n *
\n * ```\n *\n * As you can notice the base class is `.navbar-app` while the positioning is\n * obtained adding either `.navbar-absolute-top` or `.navbar-absolute-bottom`\n * class.\n *\n * ### Mobile Navbar Layout\n *\n * Top navbar in mobile design most of the times follows a clear pattern: a\n * centered title surrounded by one or two action buttons, the _back_ or the\n * _menu_ buttons are two common examples.\n *\n * Twitter Bootstrap ships with a different arrangement of components for navbars\n * since they are supposed to host an horizontal navigation menu.\n *\n * `.navbar-app` is specifically designed to support this different type of\n * `.interaction and arrangement.\n *\n * Consider the following example:\n *\n * ``` html\n * \n * ```\n *\n * `.navbar-brand-center` is a specialization of BS3's `.navbar-brand`. It will\n * render the title centered and below the two button groups. Note that `.navbar-\n * brand-center` will position the title with absolute positioning ensuring that\n * it will never cover the buttons, which would cause interaction problems.\n *\n */\n\n(function() {\n 'use strict';\n\n var module = angular.module('mobile-angular-ui.components.navbars', []);\n\n /**\n * @directive navbarAbsoluteTop\n * @restrict C\n * @description\n *\n * Setup absolute positioned top navbar.\n *\n * ``` html\n * \n * ```\n */\n\n /**\n * @directive navbarAbsoluteBottom\n * @restrict C\n * @description\n *\n * Setup absolute positioned bottom navbar.\n *\n * ``` html\n * \n * ```\n */\n angular.forEach(['top', 'bottom'], function(side) {\n var directiveName = 'navbarAbsolute' + side.charAt(0).toUpperCase() + side.slice(1);\n module.directive(directiveName, [\n '$rootElement',\n function($rootElement) {\n return {\n restrict: 'C',\n link: function(scope) {\n $rootElement.addClass('has-navbar-' + side);\n scope.$on('$destroy', function() {\n $rootElement.removeClass('has-navbar-' + side);\n });\n }\n };\n }\n ]);\n });\n})();\n","/**\n * @module mobile-angular-ui.components.scrollable\n * @description\n *\n * One thing you'll always have to deal with approaching mobile web app\n * development is scroll and `position:fixed` bugs.\n *\n * Due to the lack of support in some devices fixed positioned elements may\n * bounce or disappear during scroll. Also mobile interaction often leverages\n * horizontal scroll eg. in carousels or sliders.\n *\n * We use `overflow:auto` to create scrollable areas and solve any problems\n * related to scroll.\n *\n * Since `overflow:auto` is not always available in touch devices we use [Overthrow](http://filamentgroup.github.io/Overthrow/) to polyfill that.\n *\n * Markup for any scrollable areas is as simple as:\n *\n * ``` html\n * \n *
\n * \n *
\n * ```\n *\n * This piece of code will trigger a directive that properly setup a new `Overthrow`\n * instance for the `.scrollable` node.\n *\n * #### Headers and footers\n *\n * `.scrollable-header/.scrollable-footer` can be used to add fixed header/footer\n * to a scrollable area without having to deal with css height and positioning to\n * avoid breaking scroll.\n *\n * ``` html\n * ...
\n * \n * \n * \n * \n *
\n * ```\n *\n * #### scrollTo\n *\n * `.scrollable-content` controller exposes a `scrollTo` function: `scrollTo(offsetOrElement, margin)`\n *\n * You have to require it in your directives to use it or obtain through `element().controller`:\n *\n * ``` js\n * var elem = element(document.getElementById('myScrollableContent'));\n * var scrollableContentController = elem.controller('scrollableContent');\n *\n * // - Scroll to top of containedElement\n * scrollableContentController.scrollTo(containedElement);\n *\n * // - Scroll to top of containedElement with a margin of 10px;\n * scrollableContentController.scrollTo(containedElement, 10);\n *\n * // - Scroll top by 200px;\n * scrollableContentController.scrollTo(200);\n * ```\n *\n * #### `ui-scroll-bottom/ui-scroll-top`\n *\n * You can use `ui-scroll-bottom/ui-scroll-top` directives handle that events and implement features like _infinite scroll_.\n *\n * ``` html\n * \n *
\n * ```\n */\n(function() {\n 'use strict';\n var module = angular.module('mobile-angular-ui.components.scrollable',\n ['mobile-angular-ui.core.touchmoveDefaults']);\n\n var getTouchY = function(event) {\n var touches = event.touches && event.touches.length ? event.touches : [event];\n var e = (event.changedTouches && event.changedTouches[0]) ||\n (event.originalEvent && event.originalEvent.changedTouches &&\n event.originalEvent.changedTouches[0]) ||\n touches[0].originalEvent || touches[0];\n\n return e.clientY;\n };\n\n module.directive('scrollableContent', function() {\n return {\n restrict: 'C',\n controller: ['$element', '$document', 'allowTouchmoveDefault', function($element, $document, allowTouchmoveDefault) {\n var scrollableContent = $element[0];\n var scrollable = $element.parent()[0];\n\n // Handle nobounce behaviour\n if ('ontouchmove' in $document[0]) {\n var allowUp;\n var allowDown;\n var lastY;\n var setupTouchstart = function(event) {\n allowUp = (scrollableContent.scrollTop > 0);\n\n allowDown = (scrollableContent.scrollTop < scrollableContent.scrollHeight - scrollableContent.clientHeight);\n lastY = getTouchY(event);\n };\n\n $element.on('touchstart', setupTouchstart);\n $element.on('$destroy', function() {\n $element.off('touchstart');\n });\n\n allowTouchmoveDefault($element, function(event) {\n var currY = getTouchY(event);\n var up = (currY > lastY);\n var down = !up;\n lastY = currY;\n return (up && allowUp) || (down && allowDown);\n });\n }\n\n this.scrollableContent = scrollableContent;\n\n this.scrollTo = function(elementOrNumber, marginTop) {\n marginTop = marginTop || 0;\n\n if (angular.isNumber(elementOrNumber)) {\n scrollableContent.scrollTop = elementOrNumber - marginTop;\n } else {\n var target = angular.element(elementOrNumber)[0];\n if ((!target.offsetParent) || target.offsetParent === scrollable) {\n scrollableContent.scrollTop = target.offsetTop - marginTop;\n } else {\n // recursively subtract offsetTop from marginTop until it reaches scrollable element.\n this.scrollTo(target.offsetParent, marginTop - target.offsetTop);\n }\n }\n };\n }],\n link: function(scope, element) {\n if (overthrow.support !== 'native') {\n element.addClass('overthrow');\n overthrow.forget();\n overthrow.set();\n }\n }\n };\n });\n\n angular.forEach(['input', 'textarea'], function(directiveName) {\n module.directive(directiveName, ['$rootScope', '$timeout', function($rootScope, $timeout) {\n return {\n require: '?^^scrollableContent',\n link: function(scope, elem, attrs, scrollable) {\n // Workaround to avoid soft keyboard hiding inputs\n elem.on('focus', function() {\n if (scrollable && scrollable.scrollableContent) {\n var h1 = scrollable.scrollableContent.offsetHeight;\n $timeout(function() {\n var h2 = scrollable.scrollableContent.offsetHeight;\n //\n // if scrollableContent height is reduced in half second\n // since an input got focus we assume soft keyboard is showing.\n //\n if (h1 > h2) {\n var marginTop = 10;\n // if scrollableHeader is present increase the marginTop to compensate for scrollableHeader's height.\n var scrollableHeader = scrollable.scrollableContent.parentElement.querySelector('.scrollable-header');\n if (scrollableHeader) {\n marginTop = (scrollableHeader.getBoundingClientRect().bottom - scrollableHeader.getBoundingClientRect().top) + marginTop;\n }\n scrollable.scrollTo(elem, marginTop);\n }\n }, 500);\n }\n });\n }\n };\n }]);\n });\n\n /**\n * @directive uiScrollTop\n * @restrict A\n *\n * @param {expression} uiScrollTop The expression to be evaluated when scroll\n * reaches top of element.\n */\n\n /**\n * @directive uiScrollBottom\n * @restrict A\n *\n * @param {expression} uiScrollBottom The expression to be evaluated when scroll\n * reaches bottom of element.\n */\n angular.forEach(\n {\n uiScrollTop: function(elem) {\n return elem.scrollTop === 0;\n },\n uiScrollBottom: function(elem) {\n return elem.scrollHeight === elem.scrollTop + elem.clientHeight;\n }\n },\n function(reached, directiveName) {\n module.directive(directiveName, [function() {\n return {\n restrict: 'A',\n link: function(scope, elem, attrs) {\n elem.on('scroll', function() {\n /* If reached bottom */\n if (reached(elem[0])) {\n /* Do what is specified by onScrollBottom */\n scope.$apply(function() {\n scope.$eval(attrs[directiveName]);\n });\n }\n });\n }\n };\n }]);\n });\n\n /**\n * @directive uiScrollableHeader\n * @restrict C\n */\n\n /**\n * @directive uiScrollableFooter\n * @restrict C\n */\n angular.forEach({Top: 'scrollableHeader', Bottom: 'scrollableFooter'},\n function(directiveName, side) {\n module.directive(directiveName, [\n '$window',\n function($window) {\n return {\n restrict: 'C',\n link: function(scope, element) {\n var el = element[0];\n var parentStyle = element.parent()[0].style;\n\n var adjustParentPadding = function() {\n var styles = $window.getComputedStyle(el);\n var margin = parseInt(styles.marginTop, 10) + parseInt(styles.marginBottom, 10);\n parentStyle['padding' + side] = el.offsetHeight + margin + 'px';\n };\n\n var interval = setInterval(adjustParentPadding, 30);\n\n element.on('$destroy', function() {\n parentStyle['padding' + side] = null;\n clearInterval(interval);\n interval = adjustParentPadding = element = null;\n });\n }\n };\n }\n ]);\n });\n})();\n","/**\n * @module mobile-angular-ui.components.sidebars\n *\n * @description\n *\n * Sidebars can be placed either in left side or right side adding respectively\n * `.sidebar-left` and `.sidebar-right` classes.\n *\n * ``` html\n * \n *\n * \n * ```\n *\n * #### Interacting with sidebars\n *\n * Under the hood sidebar uses `SharedState` exposing respective statuses:\n * `uiSidebarLeft` and `uiSidebarRight` unless you define different state name\n * through `id` attribute on sidebar elements.\n *\n * ``` html\n * Toggle sidebar left\n *\n * Toggle sidebar right\n * ```\n *\n * You can put `ui-turn-off='uiSidebarLeft'` or `ui-turn-off='uiSidebarLeft'`\n * inside the sidebar to make it close after clicking links inside them.\n *\n * By default sidebar are closed by clicking/tapping outside them.\n */\n(function() {\n 'use strict';\n\n var module = angular.module(\n 'mobile-angular-ui.components.sidebars', [\n 'mobile-angular-ui.core.sharedState',\n 'mobile-angular-ui.core.outerClick'\n ]\n );\n\n angular.forEach(['left', 'right'], function(side) {\n var directiveName = 'sidebar' + side.charAt(0).toUpperCase() + side.slice(1);\n var defaultStateName = 'ui' + directiveName.charAt(0).toUpperCase() + directiveName.slice(1);\n\n module.directive(directiveName, [\n '$rootElement',\n 'SharedState',\n 'bindOuterClick',\n '$location',\n function(\n $rootElement,\n SharedState,\n bindOuterClick,\n $location\n ) {\n return {\n restrict: 'C',\n link: function(scope, elem, attrs) {\n var parentClass = 'has-sidebar-' + side;\n var visibleClass = 'sidebar-' + side + '-visible';\n var activeClass = 'sidebar-' + side + '-in';\n var stateName = attrs.id ? attrs.id : defaultStateName;\n var trackAsSearchParam = attrs.uiTrackAsSearchParam === '' || attrs.uiTrackAsSearchParam;\n\n var outerClickCb = function() {\n SharedState.turnOff(stateName);\n };\n\n var outerClickIf = function() {\n return SharedState.isActive(stateName);\n };\n\n $rootElement.addClass(parentClass);\n scope.$on('$destroy', function() {\n $rootElement\n .removeClass(parentClass);\n $rootElement\n .removeClass(visibleClass);\n $rootElement\n .removeClass(activeClass);\n });\n\n var defaultActive = attrs.active !== undefined && attrs.active !== 'false';\n SharedState.initialize(scope, stateName, {defaultValue: defaultActive});\n\n scope.$on('mobile-angular-ui.state.changed.' + stateName, function(e, active) {\n if (trackAsSearchParam) {\n $location.search(stateName, active || null);\n }\n\n if (active) {\n $rootElement\n .addClass(visibleClass);\n $rootElement\n .addClass(activeClass);\n } else {\n $rootElement\n .removeClass(activeClass);\n // Note: .removeClass(visibleClass) is called on 'mobile-angular-ui.app.transitionend'\n }\n });\n\n scope.$on('$routeChangeSuccess', function() {\n SharedState.turnOff(stateName);\n });\n\n scope.$on('$routeUpdate', function() {\n if (trackAsSearchParam) {\n if (($location.search())[stateName]) {\n SharedState.turnOn(stateName);\n } else {\n SharedState.turnOff(stateName);\n }\n }\n });\n\n scope.$on('mobile-angular-ui.app.transitionend', function() {\n if (!SharedState.isActive(stateName)) {\n $rootElement.removeClass(visibleClass);\n }\n });\n\n if (attrs.closeOnOuterClicks !== 'false') {\n bindOuterClick(scope, elem, outerClickCb, outerClickIf);\n }\n }\n };\n }\n ]);\n });\n\n module.directive('app', ['$rootScope', function($rootScope) {\n return {\n restrict: 'C',\n link: function(scope, element) {\n\n element.on('transitionend webkitTransitionEnd oTransitionEnd otransitionend', function() {\n $rootScope.$broadcast('mobile-angular-ui.app.transitionend');\n });\n\n }\n };\n }]);\n})();\n","/**\n * A module with just a directive to create a switch input component.\n *\n * @module mobile-angular-ui.components.switch\n */\n(function() {\n 'use strict';\n angular.module('mobile-angular-ui.components.switch', [])\n\n /**\n * @directive uiSwitch\n * @restrict EA\n * @requires ngModel\n * @description\n *\n * The `ui-switch` directive (not to be confused with `ng-switch`) lets\n * you create a toggle switch control bound to a boolean `ngModel` value.\n *\n * \n *
\n * - \n *
- \n * {{item.name}}\n * \n *
\n *
+
+
+ {{ selectedHour || "--" }} : 00
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/tabs.html b/examples/tabs.html
new file mode 100644
index 0000000..c437763
--- /dev/null
+++ b/examples/tabs.html
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 0000000..4231595
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,241 @@
+let config = require('./config');
+let gulp = require('gulp');
+let temp = require('temp');
+
+/* ========================================
+= Requiring stuffs =
+========================================*/
+
+let concat = require('gulp-concat');
+let csso = require('gulp-csso');
+let del = require('del');
+let less = require('gulp-less');
+let mobilizer = require('gulp-mobilizer');
+let path = require('path');
+let rename = require('gulp-rename');
+let seq = require('gulp-sequence');
+let sourcemaps = require('gulp-sourcemaps');
+let uglify = require('gulp-uglify');
+let connect = require('gulp-connect');
+let waitOn = require('wait-on');
+
+/* ================================================
+= Report Errors to Console =
+================================================*/
+
+gulp.on('error', function(e) {
+ throw (e);
+});
+
+/* =========================================
+= Clean dest folder =
+=========================================*/
+
+gulp.task('clean', function() {
+ return del(['dist/**']);
+});
+
+/* ==================================
+= Copy fonts =
+==================================*/
+
+gulp.task('fonts', function() {
+ return gulp.src(config.globs.fonts)
+ .pipe(gulp.dest(path.join('dist', 'fonts')));
+});
+
+/* ======================================================================
+= Compile, minify, mobilize less =
+======================================================================*/
+
+let CSS_TEMP_DIR = temp.path({prefix: 'maui-css'});
+
+gulp.task('css:less', function() {
+ gulp.src([
+ 'src/less/mobile-angular-ui-base.less',
+ 'src/less/mobile-angular-ui-desktop.less',
+ 'src/less/sm-grid.less'
+ ])
+ .pipe(less({paths: config.globs.vendorLess}))
+ .pipe(mobilizer('mobile-angular-ui-base.css', {
+ 'mobile-angular-ui-base.css': {hover: 'exclude', screens: ['0px']},
+ 'mobile-angular-ui-hover.css': {hover: 'only', screens: ['0px']}
+ }))
+ .pipe(gulp.dest(CSS_TEMP_DIR));
+});
+
+gulp.task('css:less:wait', waitFor([
+ path.join(CSS_TEMP_DIR, 'sm-grid.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-base.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-hover.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-desktop.css')
+]));
+
+gulp.task('css:concat', function() {
+ return gulp.src([
+ path.join(CSS_TEMP_DIR, 'sm-grid.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-base.css')
+ ])
+ .pipe(concat('mobile-angular-ui-base.css'))
+ .pipe(gulp.dest(path.join('dist', 'css')));
+});
+
+gulp.task('css:copy', function() {
+ return gulp.src([
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-hover.css'),
+ path.join(CSS_TEMP_DIR, 'mobile-angular-ui-desktop.css')
+ ])
+ .pipe(gulp.dest(path.join('dist', 'css')));
+});
+
+gulp.task('css:minify', function() {
+ return gulp.src(path.join('dist', 'css', '*.css'))
+ .pipe(csso())
+ .pipe(rename({suffix: '.min'}))
+ .pipe(gulp.dest(path.join('dist', 'css')));
+});
+
+gulp.task('css:rmtemp', function() {
+ return del([CSS_TEMP_DIR], {force: true});
+});
+
+gulp.task('css', function(done) {
+ seq(
+ 'css:rmtemp',
+ 'css:less',
+ 'css:less:wait',
+ 'css:concat',
+ 'css:copy',
+ 'css:minify',
+ 'css:rmtemp',
+ done
+ );
+});
+
+/* ====================================================================
+= Compile and minify js generating source maps =
+====================================================================*/
+
+let compileJs = function(dest, src) {
+ return gulp.src(src)
+ .pipe(sourcemaps.init())
+ .pipe(concat(dest))
+ .pipe(gulp.dest(path.join('dist', 'js')))
+ .pipe(uglify())
+ .pipe(rename({suffix: '.min'}))
+ .pipe(sourcemaps.write('.'))
+ .pipe(gulp.dest(path.join('dist', 'js')));
+};
+
+gulp.task('js:core', function() {
+ return compileJs('mobile-angular-ui.core.js', config.globs.core);
+});
+
+gulp.task('js:gestures', function() {
+ return compileJs('mobile-angular-ui.gestures.js', config.globs.gestures);
+});
+
+gulp.task('js:main', function() {
+ return compileJs('mobile-angular-ui.js', config.globs.main);
+});
+
+gulp.task('js', ['js:main', 'js:gestures', 'js:core']);
+
+/* ======================================
+= Build Sequence =
+======================================*/
+
+gulp.task('build:wait', waitFor([
+ 'dist/css/mobile-angular-ui-base.css',
+ 'dist/css/mobile-angular-ui-base.min.css',
+ 'dist/css/mobile-angular-ui-desktop.css',
+ 'dist/css/mobile-angular-ui-desktop.min.css',
+ 'dist/css/mobile-angular-ui-hover.css',
+ 'dist/css/mobile-angular-ui-hover.min.css',
+ 'dist/fonts/fontawesome-webfont.eot',
+ 'dist/fonts/fontawesome-webfont.svg',
+ 'dist/fonts/fontawesome-webfont.ttf',
+ 'dist/fonts/fontawesome-webfont.woff',
+ 'dist/fonts/fontawesome-webfont.woff2',
+ 'dist/js/mobile-angular-ui.core.js',
+ 'dist/js/mobile-angular-ui.core.min.js',
+ 'dist/js/mobile-angular-ui.core.min.js.map',
+ 'dist/js/mobile-angular-ui.gestures.js',
+ 'dist/js/mobile-angular-ui.gestures.min.js',
+ 'dist/js/mobile-angular-ui.gestures.min.js.map',
+ 'dist/js/mobile-angular-ui.js',
+ 'dist/js/mobile-angular-ui.min.js',
+ 'dist/js/mobile-angular-ui.min.js.map'
+]));
+
+gulp.task('build', function(done) {
+ seq('clean', ['fonts', 'css', 'js'], 'build:wait', done);
+});
+
+/* ==========================================
+= Dev watch and connect =
+==========================================*/
+
+gulp.task('dev', function(done) {
+ let tasks = [];
+
+ tasks.push('connect');
+ tasks.push('watch');
+
+ seq('build', tasks, done);
+});
+
+/* ==========================================
+= Web servers =
+==========================================*/
+
+gulp.task('connect', function() {
+ connect.server({
+ root: process.cwd(),
+ host: '0.0.0.0',
+ port: 3000,
+ livereload: true
+ });
+});
+
+/* ==============================================================
+= Setup live reloading on source changes =
+==============================================================*/
+
+gulp.task('livereload:demo', function() {
+ return gulp.src(config.globs.livereloadDemo)
+ .pipe(connect.reload());
+});
+
+/* ===================================================================
+= Watch for source changes and rebuild/reload =
+===================================================================*/
+
+gulp.task('watch', function() {
+ gulp.watch(config.globs.livereloadDemo.concat('dist/**/*'), ['livereload:demo']);
+ gulp.watch(['./src/less/**/*'], ['css']);
+
+ ['core', 'gestures', 'main'].forEach(function(target) {
+ gulp.watch(config.globs[target], ['js:' + target]);
+ });
+
+ gulp.watch(config.globs.fonts, ['fonts']);
+});
+
+function waitFor(resources) {
+ return function() {
+ return new Promise(function(resolve, reject) {
+ waitOn({
+ resources: resources,
+ timeout: 30000
+ }, function(err) {
+ if (err) {
+ process.exit(2);
+ return reject(err);
+ }
+
+ resolve();
+ });
+ });
+ };
+}
diff --git a/package.json b/package.json
index 0354b14..00bfb8b 100644
--- a/package.json
+++ b/package.json
@@ -1,43 +1,90 @@
{
"name": "mobile-angular-ui",
- "version": "0.0.0",
+ "version": "1.3.4",
"description": "Mobile Angular UI",
- "main": "index.js",
+ "main": "dist/mobile-angular-ui.js",
"directories": {
- "example": "examples"
+ "demo": "demo",
+ "dist": "dist"
},
"scripts": {
- "test": "echo \"Error: no test specified\" && exit 1",
- "postinstall": "bower install"
+ "build": "gulp build && ls -1 dist/css dist/js dist/fonts",
+ "clean": "rm -f dist",
+ "dev": "gulp dev",
+ "depcheck": "depcheck-ci",
+ "lint": "eslint . --quiet",
+ "test": "npm run depcheck && npm run lint && npm run test:unit && npm run test:e2e",
+ "test:unit": "karma start test/unit/karma.conf.js",
+ "server": "http-server . -p 8888",
+ "test:e2e:update-webdriver": "webdriver-manager update",
+ "pretest:e2e": "pid-terminator 8889 && nohup http-server . -p 8889 &",
+ "test:e2e": "protractor test/e2e/protractor.conf.js",
+ "test:docker": "docker run --rm --privileged -w /usr/src/app -v $PWD:/usr/src/app mcasimir/dind-node-build-runner:6.2.1 bash ci.sh",
+ "posttest:e2e": "pid-terminator 8889",
+ "release": "release-flow"
},
+ "pre-commit": [
+ "lint",
+ "depcheck",
+ "build"
+ ],
"repository": {
"type": "git",
"url": "git://github.com/mcasimir/mobile-angular-ui.git"
},
- "author": "",
+ "author": "mcasimir",
"license": "MIT",
"bugs": {
"url": "https://github.com/mcasimir/mobile-angular-ui/issues"
},
"devDependencies": {
- "css-parse": "~1.6.0",
- "css-stringify": "~1.3.2",
- "grunt": "~0.4.2",
- "grunt-contrib-clean": "~0.5.0",
- "grunt-contrib-coffee": "~0.7.0",
- "grunt-contrib-concat": "~0.3.0",
- "grunt-contrib-connect": "~0.5.0",
- "grunt-contrib-copy": "~0.4.1",
- "grunt-contrib-cssmin": "~0.7.0",
- "grunt-contrib-uglify": "~0.2.7",
- "grunt-contrib-watch": "~0.5.3",
- "grunt-recess": "~0.6.1",
- "less": "~1.4.2",
- "parameterize": "0.0.7",
- "grunt-github-pages": "0.0.4",
- "semver": "~2.2.1",
- "grunt-concurrent": "^0.5.0",
- "grunt-contrib-less": "^0.11.0",
- "lodash": "^2.4.1"
+ "angular": "1.5.8",
+ "angular-mocks": "1.5.8",
+ "angular-route": "1.5.8",
+ "babel-core": "6.11.4",
+ "babel-eslint": "6.1.2",
+ "babel-plugin-syntax-async-functions": "6.8.0",
+ "babel-plugin-transform-regenerator": "6.11.4",
+ "babel-polyfill": "6.13.0",
+ "babel-preset-es2015": "6.9.0",
+ "bootstrap": "3.3.6",
+ "chromedriver": "2.21.2",
+ "codecov": "1.0.1",
+ "del": "2.2.2",
+ "depcheck-ci": "1.0.0",
+ "eslint": "3.2.0",
+ "eslint-config-google": "0.6.0",
+ "eslint-plugin-babel": "3.3.0",
+ "eslint-plugin-protractor": "1.27.1",
+ "fastclick": "1.0.6",
+ "fg-overthrow": "0.7.1",
+ "font-awesome": "4.6.3",
+ "gulp": "3.9.1",
+ "gulp-concat": "2.6.0",
+ "gulp-connect": "2.2.0",
+ "gulp-csso": "1.1.0",
+ "gulp-less": "3.0.5",
+ "gulp-mobilizer": "0.0.3",
+ "gulp-rename": "1.2.2",
+ "gulp-sequence": "0.4.5",
+ "gulp-sourcemaps": "1.6.0",
+ "gulp-uglify": "1.5.3",
+ "http-server": "0.9.0",
+ "jasmine-core": "2.4.1",
+ "jasmine-es6": "0.3.0",
+ "jasmine-spec-reporter": "2.7.0",
+ "karma": "1.2.0",
+ "karma-chrome-launcher": "0.2.3",
+ "karma-coverage": "1.1.1",
+ "karma-jasmine": "1.0.2",
+ "karma-mocha-reporter": "2.0.0",
+ "karma-selenium-webdriver-launcher": "0.0.3",
+ "pid-terminator": "1.0.1",
+ "pre-commit": "1.1.3",
+ "protractor": "3.3.0",
+ "release-flow": "1.2.1",
+ "selenium-webdriver": "2.53.1",
+ "temp": "0.8.3",
+ "wait-on": "1.5.2"
}
}
diff --git a/src/js/components/modals.js b/src/js/components/modals.js
new file mode 100644
index 0000000..cca3102
--- /dev/null
+++ b/src/js/components/modals.js
@@ -0,0 +1,130 @@
+/**
+ * This module will provide directives to create modals and overlays components.
+ *
+ * @module mobile-angular-ui.components.modals
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.components.modals', [])
+
+ /**
+ * A directive to create modals and overlays components.
+ *
+ * Modals are basically the same of Bootstrap 3 but you have to use uiSharedState
+ * with `ngIf/uiIf` or `ngHide/uiHide` to `activate/dismiss` it.
+ *
+ * By default both modals and overlay are made always showing up by
+ * css rule `.modal {display:block}`, so you can use it with
+ * `ngAnimate` and other angular directives in a simpler way.
+ *
+ * Overlay are a style of modal that looks more native in mobile devices providing a blurred
+ * overlay as background.
+ *
+ * You can create an overlay adding `.modal-overlay` class to a modal.
+ *
+ * ### Note
+ *
+ * For modals and overlays to cover the entire page you have to attach them
+ * as child of `body` element. To achieve this from a view is a common use for
+ * `contentFor/yieldTo` directives contained from
+ * [capture module](/docs/module:mobile-angular-ui/module:core/module:capture):
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * Then you can wrap your modals and overlays in `contentFor`:
+ *
+ * ``` html
+ *
+
+
+
+
+
+
+Tab 1
+Content 1
+
+
+
+Tab 2
+Content 2
+
+
+ Tab 3
+Content 3
+
+ * *
+ *
+ * ```
+ *
+ * **Example.** Create a Modal.
+ *
+ * ``` html
+ *
+ *
+ * ```
+ *
+ * **Example.** Create an Overlay.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * @directive modal
+ * @restrict C
+ */
+ .directive('modal', [
+ '$rootElement',
+ function($rootElement) {
+ return {
+ restrict: 'C',
+ link: function(scope, elem) {
+ $rootElement.addClass('has-modal');
+ elem.on('$destroy', function() {
+ $rootElement.removeClass('has-modal');
+ });
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-modal');
+ });
+
+ if (elem.hasClass('modal-overlay')) {
+ $rootElement.addClass('has-modal-overlay');
+ elem.on('$destroy', function() {
+ $rootElement.removeClass('has-modal-overlay');
+ });
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-modal-overlay');
+ });
+ }
+ }
+ };
+ }]);
+})();
diff --git a/src/js/components/navbars.js b/src/js/components/navbars.js
new file mode 100644
index 0000000..a5d83ab
--- /dev/null
+++ b/src/js/components/navbars.js
@@ -0,0 +1,132 @@
+/**
+ * @module mobile-angular-ui.components.navbars
+ * @description
+ *
+ * Bootstrap default navbars are awesome for responsive websites, but are not the
+ * best with a small screen. Also fixed positioning is yet not an option to create
+ * navbars standing in top or bottom of the screen.
+ *
+ * Mobile Angular Ui offers an alternative to bootstrap navbars that is more
+ * suitable for mobile.
+ *
+ * It uses scrollable areas to avoid scroll issues. In the following figure you can
+ * see the difference between fixed navbars and navbars with absolute positioning.
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * As you can notice the base class is `.navbar-app` while the positioning is
+ * obtained adding either `.navbar-absolute-top` or `.navbar-absolute-bottom`
+ * class.
+ *
+ * ### Mobile Navbar Layout
+ *
+ * Top navbar in mobile design most of the times follows a clear pattern: a
+ * centered title surrounded by one or two action buttons, the _back_ or the
+ * _menu_ buttons are two common examples.
+ *
+ * Twitter Bootstrap ships with a different arrangement of components for navbars
+ * since they are supposed to host an horizontal navigation menu.
+ *
+ * `.navbar-app` is specifically designed to support this different type of
+ * `.interaction and arrangement.
+ *
+ * Consider the following example:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * `.navbar-brand-center` is a specialization of BS3's `.navbar-brand`. It will
+ * render the title centered and below the two button groups. Note that `.navbar-
+ * brand-center` will position the title with absolute positioning ensuring that
+ * it will never cover the buttons, which would cause interaction problems.
+ *
+ */
+
+(function() {
+ 'use strict';
+
+ var module = angular.module('mobile-angular-ui.components.navbars', []);
+
+ /**
+ * @directive navbarAbsoluteTop
+ * @restrict C
+ * @description
+ *
+ * Setup absolute positioned top navbar.
+ *
+ * ``` html
+ *
+ * ```
+ */
+
+ /**
+ * @directive navbarAbsoluteBottom
+ * @restrict C
+ * @description
+ *
+ * Setup absolute positioned bottom navbar.
+ *
+ * ``` html
+ *
+ * ```
+ */
+ angular.forEach(['top', 'bottom'], function(side) {
+ var directiveName = 'navbarAbsolute' + side.charAt(0).toUpperCase() + side.slice(1);
+ module.directive(directiveName, [
+ '$rootElement',
+ function($rootElement) {
+ return {
+ restrict: 'C',
+ link: function(scope) {
+ $rootElement.addClass('has-navbar-' + side);
+ scope.$on('$destroy', function() {
+ $rootElement.removeClass('has-navbar-' + side);
+ });
+ }
+ };
+ }
+ ]);
+ });
+})();
diff --git a/src/js/components/scrollable.js b/src/js/components/scrollable.js
new file mode 100644
index 0000000..2cd47e0
--- /dev/null
+++ b/src/js/components/scrollable.js
@@ -0,0 +1,267 @@
+/**
+ * @module mobile-angular-ui.components.scrollable
+ * @description
+ *
+ * One thing you'll always have to deal with approaching mobile web app
+ * development is scroll and `position:fixed` bugs.
+ *
+ * Due to the lack of support in some devices fixed positioned elements may
+ * bounce or disappear during scroll. Also mobile interaction often leverages
+ * horizontal scroll eg. in carousels or sliders.
+ *
+ * We use `overflow:auto` to create scrollable areas and solve any problems
+ * related to scroll.
+ *
+ * Since `overflow:auto` is not always available in touch devices we use [Overthrow](http://filamentgroup.github.io/Overthrow/) to polyfill that.
+ *
+ * Markup for any scrollable areas is as simple as:
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * This piece of code will trigger a directive that properly setup a new `Overthrow`
+ * instance for the `.scrollable` node.
+ *
+ * #### Headers and footers
+ *
+ * `.scrollable-header/.scrollable-footer` can be used to add fixed header/footer
+ * to a scrollable area without having to deal with css height and positioning to
+ * avoid breaking scroll.
+ *
+ * ``` html
+ * ...
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * #### scrollTo
+ *
+ * `.scrollable-content` controller exposes a `scrollTo` function: `scrollTo(offsetOrElement, margin)`
+ *
+ * You have to require it in your directives to use it or obtain through `element().controller`:
+ *
+ * ``` js
+ * var elem = element(document.getElementById('myScrollableContent'));
+ * var scrollableContentController = elem.controller('scrollableContent');
+ *
+ * // - Scroll to top of containedElement
+ * scrollableContentController.scrollTo(containedElement);
+ *
+ * // - Scroll to top of containedElement with a margin of 10px;
+ * scrollableContentController.scrollTo(containedElement, 10);
+ *
+ * // - Scroll top by 200px;
+ * scrollableContentController.scrollTo(200);
+ * ```
+ *
+ * #### `ui-scroll-bottom/ui-scroll-top`
+ *
+ * You can use `ui-scroll-bottom/ui-scroll-top` directives handle that events and implement features like _infinite scroll_.
+ *
+ * ``` html
+ *
+ *
+ * ```
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.components.scrollable',
+ ['mobile-angular-ui.core.touchmoveDefaults']);
+
+ var getTouchY = function(event) {
+ var touches = event.touches && event.touches.length ? event.touches : [event];
+ var e = (event.changedTouches && event.changedTouches[0]) ||
+ (event.originalEvent && event.originalEvent.changedTouches &&
+ event.originalEvent.changedTouches[0]) ||
+ touches[0].originalEvent || touches[0];
+
+ return e.clientY;
+ };
+
+ module.directive('scrollableContent', function() {
+ return {
+ restrict: 'C',
+ controller: ['$element', '$document', 'allowTouchmoveDefault', function($element, $document, allowTouchmoveDefault) {
+ var scrollableContent = $element[0];
+ var scrollable = $element.parent()[0];
+
+ // Handle nobounce behaviour
+ if ('ontouchmove' in $document[0]) {
+ var allowUp;
+ var allowDown;
+ var lastY;
+ var setupTouchstart = function(event) {
+ allowUp = (scrollableContent.scrollTop > 0);
+
+ allowDown = (scrollableContent.scrollTop < scrollableContent.scrollHeight - scrollableContent.clientHeight);
+ lastY = getTouchY(event);
+ };
+
+ $element.on('touchstart', setupTouchstart);
+ $element.on('$destroy', function() {
+ $element.off('touchstart');
+ });
+
+ allowTouchmoveDefault($element, function(event) {
+ var currY = getTouchY(event);
+ var up = (currY > lastY);
+ var down = !up;
+ lastY = currY;
+ return (up && allowUp) || (down && allowDown);
+ });
+ }
+
+ this.scrollableContent = scrollableContent;
+
+ this.scrollTo = function(elementOrNumber, marginTop) {
+ marginTop = marginTop || 0;
+
+ if (angular.isNumber(elementOrNumber)) {
+ scrollableContent.scrollTop = elementOrNumber - marginTop;
+ } else {
+ var target = angular.element(elementOrNumber)[0];
+ if ((!target.offsetParent) || target.offsetParent === scrollable) {
+ scrollableContent.scrollTop = target.offsetTop - marginTop;
+ } else {
+ // recursively subtract offsetTop from marginTop until it reaches scrollable element.
+ this.scrollTo(target.offsetParent, marginTop - target.offsetTop);
+ }
+ }
+ };
+ }],
+ link: function(scope, element) {
+ if (overthrow.support !== 'native') {
+ element.addClass('overthrow');
+ overthrow.forget();
+ overthrow.set();
+ }
+ }
+ };
+ });
+
+ angular.forEach(['input', 'textarea'], function(directiveName) {
+ module.directive(directiveName, ['$rootScope', '$timeout', function($rootScope, $timeout) {
+ return {
+ require: '?^^scrollableContent',
+ link: function(scope, elem, attrs, scrollable) {
+ // Workaround to avoid soft keyboard hiding inputs
+ elem.on('focus', function() {
+ if (scrollable && scrollable.scrollableContent) {
+ var h1 = scrollable.scrollableContent.offsetHeight;
+ $timeout(function() {
+ var h2 = scrollable.scrollableContent.offsetHeight;
+ //
+ // if scrollableContent height is reduced in half second
+ // since an input got focus we assume soft keyboard is showing.
+ //
+ if (h1 > h2) {
+ var marginTop = 10;
+ // if scrollableHeader is present increase the marginTop to compensate for scrollableHeader's height.
+ var scrollableHeader = scrollable.scrollableContent.parentElement.querySelector('.scrollable-header');
+ if (scrollableHeader) {
+ marginTop = (scrollableHeader.getBoundingClientRect().bottom - scrollableHeader.getBoundingClientRect().top) + marginTop;
+ }
+ scrollable.scrollTo(elem, marginTop);
+ }
+ }, 500);
+ }
+ });
+ }
+ };
+ }]);
+ });
+
+ /**
+ * @directive uiScrollTop
+ * @restrict A
+ *
+ * @param {expression} uiScrollTop The expression to be evaluated when scroll
+ * reaches top of element.
+ */
+
+ /**
+ * @directive uiScrollBottom
+ * @restrict A
+ *
+ * @param {expression} uiScrollBottom The expression to be evaluated when scroll
+ * reaches bottom of element.
+ */
+ angular.forEach(
+ {
+ uiScrollTop: function(elem) {
+ return elem.scrollTop === 0;
+ },
+ uiScrollBottom: function(elem) {
+ return elem.scrollHeight === elem.scrollTop + elem.clientHeight;
+ }
+ },
+ function(reached, directiveName) {
+ module.directive(directiveName, [function() {
+ return {
+ restrict: 'A',
+ link: function(scope, elem, attrs) {
+ elem.on('scroll', function() {
+ /* If reached bottom */
+ if (reached(elem[0])) {
+ /* Do what is specified by onScrollBottom */
+ scope.$apply(function() {
+ scope.$eval(attrs[directiveName]);
+ });
+ }
+ });
+ }
+ };
+ }]);
+ });
+
+ /**
+ * @directive uiScrollableHeader
+ * @restrict C
+ */
+
+ /**
+ * @directive uiScrollableFooter
+ * @restrict C
+ */
+ angular.forEach({Top: 'scrollableHeader', Bottom: 'scrollableFooter'},
+ function(directiveName, side) {
+ module.directive(directiveName, [
+ '$window',
+ function($window) {
+ return {
+ restrict: 'C',
+ link: function(scope, element) {
+ var el = element[0];
+ var parentStyle = element.parent()[0].style;
+
+ var adjustParentPadding = function() {
+ var styles = $window.getComputedStyle(el);
+ var margin = parseInt(styles.marginTop, 10) + parseInt(styles.marginBottom, 10);
+ parentStyle['padding' + side] = el.offsetHeight + margin + 'px';
+ };
+
+ var interval = setInterval(adjustParentPadding, 30);
+
+ element.on('$destroy', function() {
+ parentStyle['padding' + side] = null;
+ clearInterval(interval);
+ interval = adjustParentPadding = element = null;
+ });
+ }
+ };
+ }
+ ]);
+ });
+})();
diff --git a/src/js/components/sidebars.js b/src/js/components/sidebars.js
new file mode 100644
index 0000000..3463ee7
--- /dev/null
+++ b/src/js/components/sidebars.js
@@ -0,0 +1,159 @@
+/**
+ * @module mobile-angular-ui.components.sidebars
+ *
+ * @description
+ *
+ * Sidebars can be placed either in left side or right side adding respectively
+ * `.sidebar-left` and `.sidebar-right` classes.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * #### Interacting with sidebars
+ *
+ * Under the hood sidebar uses `SharedState` exposing respective statuses:
+ * `uiSidebarLeft` and `uiSidebarRight` unless you define different state name
+ * through `id` attribute on sidebar elements.
+ *
+ * ``` html
+ * Toggle sidebar left
+ *
+ * Toggle sidebar right
+ * ```
+ *
+ * You can put `ui-turn-off='uiSidebarLeft'` or `ui-turn-off='uiSidebarLeft'`
+ * inside the sidebar to make it close after clicking links inside them.
+ *
+ * By default sidebar are closed by clicking/tapping outside them.
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module(
+ 'mobile-angular-ui.components.sidebars', [
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.outerClick'
+ ]
+ );
+
+ angular.forEach(['left', 'right'], function(side) {
+ var directiveName = 'sidebar' + side.charAt(0).toUpperCase() + side.slice(1);
+ var defaultStateName = 'ui' + directiveName.charAt(0).toUpperCase() + directiveName.slice(1);
+
+ module.directive(directiveName, [
+ '$rootElement',
+ 'SharedState',
+ 'bindOuterClick',
+ '$location',
+ function(
+ $rootElement,
+ SharedState,
+ bindOuterClick,
+ $location
+ ) {
+ return {
+ restrict: 'C',
+ link: function(scope, elem, attrs) {
+ var parentClass = 'has-sidebar-' + side;
+ var visibleClass = 'sidebar-' + side + '-visible';
+ var activeClass = 'sidebar-' + side + '-in';
+ var stateName = attrs.id ? attrs.id : defaultStateName;
+ var trackAsSearchParam = attrs.uiTrackAsSearchParam === '' || attrs.uiTrackAsSearchParam;
+
+ var outerClickCb = function() {
+ SharedState.turnOff(stateName);
+ };
+
+ var outerClickIf = function() {
+ return SharedState.isActive(stateName);
+ };
+
+ $rootElement.addClass(parentClass);
+ scope.$on('$destroy', function() {
+ $rootElement
+ .removeClass(parentClass);
+ $rootElement
+ .removeClass(visibleClass);
+ $rootElement
+ .removeClass(activeClass);
+ });
+
+ var defaultActive = attrs.active !== undefined && attrs.active !== 'false';
+ SharedState.initialize(scope, stateName, {defaultValue: defaultActive});
+
+ scope.$on('mobile-angular-ui.state.changed.' + stateName, function(e, active) {
+ if (trackAsSearchParam) {
+ $location.search(stateName, active || null);
+ }
+
+ if (active) {
+ $rootElement
+ .addClass(visibleClass);
+ $rootElement
+ .addClass(activeClass);
+ } else {
+ $rootElement
+ .removeClass(activeClass);
+ // Note: .removeClass(visibleClass) is called on 'mobile-angular-ui.app.transitionend'
+ }
+ });
+
+ scope.$on('$routeChangeSuccess', function() {
+ SharedState.turnOff(stateName);
+ });
+
+ scope.$on('$routeUpdate', function() {
+ if (trackAsSearchParam) {
+ if (($location.search())[stateName]) {
+ SharedState.turnOn(stateName);
+ } else {
+ SharedState.turnOff(stateName);
+ }
+ }
+ });
+
+ scope.$on('mobile-angular-ui.app.transitionend', function() {
+ if (!SharedState.isActive(stateName)) {
+ $rootElement.removeClass(visibleClass);
+ }
+ });
+
+ if (attrs.closeOnOuterClicks !== 'false') {
+ bindOuterClick(scope, elem, outerClickCb, outerClickIf);
+ }
+ }
+ };
+ }
+ ]);
+ });
+
+ module.directive('app', ['$rootScope', function($rootScope) {
+ return {
+ restrict: 'C',
+ link: function(scope, element) {
+
+ element.on('transitionend webkitTransitionEnd oTransitionEnd otransitionend', function() {
+ $rootScope.$broadcast('mobile-angular-ui.app.transitionend');
+ });
+
+ }
+ };
+ }]);
+})();
diff --git a/src/js/components/switch.js b/src/js/components/switch.js
new file mode 100644
index 0000000..ddc8b05
--- /dev/null
+++ b/src/js/components/switch.js
@@ -0,0 +1,142 @@
+/**
+ * A module with just a directive to create a switch input component.
+ *
+ * @module mobile-angular-ui.components.switch
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.components.switch', [])
+
+ /**
+ * @directive uiSwitch
+ * @restrict EA
+ * @requires ngModel
+ * @description
+ *
+ * The `ui-switch` directive (not to be confused with `ng-switch`) lets
+ * you create a toggle switch control bound to a boolean `ngModel` value.
+ *
+ *
+ *
+ * -
+ *
- + * {{item.name}} + * + *
+ *
+ *
+ * ```
+ *
+ * Use `ui-content-for` inside any view to populate the `ui-yield-to` content.
+ *
+ * ``` html
+ *
+ *
+ *
+ * My View Title
+ *
+ * ```
+ *
+ * Since the original scope is preserved you can use directives inside
+ * `ui-content-for` blocks to interact with the current scope. In the following
+ * example we will add a navbar button to submit a form inside a nested view.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * ``` javascript
+ * app.controller('newCustomerController', function($scope, Store){
+ * $scope.customer = {};
+ * $scope.createCustomer = function(){
+ * Store.create($scope.customer);
+ * // ...
+ * }
+ * });
+ * ```
+ *
+ * If you wish you can also duplicate markup instead of move it. Just add `duplicate` parameter to `uiContentFor` directive to specify this behaviour.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.core.capture', [])
+
+ .run([
+ 'Capture',
+ '$rootScope',
+ function(Capture, $rootScope) {
+ $rootScope.$on('$routeChangeSuccess', function() {
+ Capture.resetAll();
+ });
+ }
+ ])
+
+ .factory('Capture', [
+ '$compile',
+ function($compile) {
+ var yielders = {};
+
+ return {
+ yielders: yielders,
+
+ resetAll: function() {
+ for (var name in yielders) {
+ if (yielders.hasOwnProperty(name)) {
+ this.resetYielder(name);
+ }
+ }
+ },
+
+ resetYielder: function(name) {
+ var b = yielders[name];
+ this.setContentFor(name, b.defaultContent, b.defaultScope);
+ },
+
+ putYielder: function(name, element, defaultScope, defaultContent) {
+ var yielder = {};
+ yielder.name = name;
+ yielder.element = element;
+ yielder.defaultContent = defaultContent || '';
+ yielder.defaultScope = defaultScope;
+ yielders[name] = yielder;
+ },
+
+ getYielder: function(name) {
+ return yielders[name];
+ },
+
+ removeYielder: function(name) {
+ delete yielders[name];
+ },
+
+ setContentFor: function(name, content, scope) {
+ var b = yielders[name];
+ if (!b) {
+ return;
+ }
+ b.element.html(content);
+ $compile(b.element.contents())(scope);
+ }
+
+ };
+ }
+ ])
+
+ /**
+ * @directive uiContentFor
+ * @restrict A
+ * @description
+ *
+ * `ui-content-for` makes inner contents to replace the corresponding
+ * `ui-yield-to` placeholder contents.
+ *
+ * `uiContentFor` is intended to be used inside a view in order to populate outer placeholders.
+ * Any content you send to placeholders via `ui-content-for` is
+ * reverted to placeholder defaults after view changes (ie. on `$routeChangeStart`).
+ *
+ * @param {string} uiContentFor The id of the placeholder to be replaced
+ * @param {boolean} uiDuplicate If present duplicates the content instead of moving it (default to `false`)
+ *
+ */
+ .directive('uiContentFor', [
+ 'Capture',
+ function(Capture) {
+ return {
+ compile: function(tElem, tAttrs) {
+ var rawContent = tElem.html();
+ if (tAttrs.uiDuplicate === null || tAttrs.uiDuplicate === undefined) {
+ // no need to compile anything!
+ tElem.html('');
+ tElem.remove();
+ }
+ return function(scope, elem, attrs) {
+ Capture.setContentFor(attrs.uiContentFor, rawContent, scope);
+ };
+ }
+ };
+ }
+ ])
+
+ /**
+ * @directive uiYieldTo
+ * @restrict A
+ * @description
+ *
+ * `ui-yield-to` defines a placeholder which contents will be further replaced by `ui-content-for` directive.
+ *
+ * Inner html is considered to be a default. Default is restored any time `$routeChangeStart` happens.
+ *
+ * @param {string} uiYieldTo The unique id of this placeholder.
+ *
+ */
+ .directive('uiYieldTo', [
+ '$compile', 'Capture', function($compile, Capture) {
+ return {
+ link: function(scope, element, attr) {
+ Capture.putYielder(attr.uiYieldTo, element, scope, element.html());
+
+ element.on('$destroy', function() {
+ Capture.removeYielder(attr.uiYieldTo);
+ });
+
+ scope.$on('$destroy', function() {
+ Capture.removeYielder(attr.uiYieldTo);
+ });
+ }
+ };
+ }
+ ]);
+
+})();
diff --git a/src/js/core/fastclick.js b/src/js/core/fastclick.js
new file mode 100644
index 0000000..3d46b03
--- /dev/null
+++ b/src/js/core/fastclick.js
@@ -0,0 +1,42 @@
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.core.fastclick', []);
+
+ module.run(['$window', function($window) {
+
+ // Temporarly bugfix in overthrow/fastclick:
+ var orgHandler = FastClick.prototype.onTouchEnd;
+
+ // Some old versions of Android don't have Function.prototype.bind
+ function bind(method, context) {
+ return function() {
+ return method.apply(context, arguments);
+ };
+ }
+
+ FastClick.prototype.onTouchEnd = function(event) {
+
+ if (!event.changedTouches) {
+ event.changedTouches = [{}];
+ }
+
+ orgHandler = bind(orgHandler, this);
+ orgHandler(event);
+ };
+
+ FastClick.attach($window.document.body);
+
+ }]);
+
+ angular.forEach(['select', 'input', 'textarea'], function(directiveName) {
+
+ module.directive(directiveName, function() {
+ return {
+ restrict: 'E',
+ compile: function(elem) {
+ elem.addClass('needsclick');
+ }
+ };
+ });
+ });
+})();
diff --git a/src/js/core/outerClick.js b/src/js/core/outerClick.js
new file mode 100644
index 0000000..65fbb84
--- /dev/null
+++ b/src/js/core/outerClick.js
@@ -0,0 +1,176 @@
+/**
+ *
+ * @module mobile-angular-ui.core.outerClick
+ * @description
+ *
+ * Provides a directive to specifiy a behaviour when click/tap events
+ * happen outside an element. This can be easily used
+ * to implement eg. __close on outer click__ feature for a dropdown.
+ *
+ * ## Usage
+ *
+ * Declare it as a dependency to your app unless you have already
+ * included some of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui']);
+ * ```
+ *
+ * Or
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core']);
+ * ```
+ *
+ * Or
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.outerClick']);
+ * ```
+ *
+ * Use `ui-outer-click` to define an expression to evaluate when an _Outer Click_ event happens.
+ * Use `ui-outer-click-if` parameter to define a condition to enable/disable the listener.
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.core.outerClick', [])
+
+ .factory('_mauiIsAncestorOrSelf', function() {
+ return function(element, target) {
+ var parent = element;
+ while (parent.length > 0) {
+ if (parent[0] === target[0]) {
+ parent = null;
+ return true;
+ }
+ parent = parent.parent();
+ }
+ parent = null;
+ return false;
+ };
+ })
+
+ /**
+ * @service bindOuterClick
+ * @as function
+ *
+ * @description
+ * This is a service function that binds a callback to be conditionally executed
+ * when a click event happens outside a specified element.
+ *
+ * Ie.
+ *
+ * ``` js
+ * app.directive('myDirective', function('bindOuterClick'){
+ * return {
+ * link: function(scope, element) {
+ * bindOuterClick(element, function(scope, extra){
+ * alert('You clicked ouside me!');
+ * }, function(e){
+ * return element.hasClass('disabled') ? true : false;
+ * });
+ * }
+ * };
+ * });
+ * ```
+ * @scope {scope} the scope to eval callbacks
+ * @param {DomElement|$element} element The element to bind to.
+ * @param {function} callback A `function(scope, options)`, usually the result of `$parse`, that is called when an _outer click_ event happens.
+ * @param {string|function} condition Angular `$watch` expression to decide whether to run `callback` or not.
+ */
+ .factory('bindOuterClick', [
+ '$document',
+ '$timeout',
+ '_mauiIsAncestorOrSelf',
+ function($document, $timeout, isAncestorOrSelf) {
+
+ return function(scope, element, outerClickFn, outerClickIf) {
+ var handleOuterClick = function(event) {
+ if (!isAncestorOrSelf(angular.element(event.target), element)) {
+ scope.$apply(function() {
+ outerClickFn(scope, {$event: event});
+ });
+ }
+ };
+
+ var stopWatching = angular.noop;
+ var t = null;
+
+ if (outerClickIf) {
+ stopWatching = scope.$watch(outerClickIf, function(value) {
+ $timeout.cancel(t);
+
+ if (value) {
+ // prevents race conditions
+ // activating with other click events
+ t = $timeout(function() {
+ $document.on('click tap', handleOuterClick);
+ }, 0);
+
+ } else {
+ $document.unbind('click tap', handleOuterClick);
+ }
+ });
+ } else {
+ $timeout.cancel(t);
+ $document.on('click tap', handleOuterClick);
+ }
+
+ scope.$on('$destroy', function() {
+ stopWatching();
+ $document.unbind('click tap', handleOuterClick);
+ });
+ };
+ }
+ ])
+
+ /**
+ * @directive outerClick
+ *
+ * @description
+ * Evaluates an expression when an _Outer Click_ event happens.
+ *
+ * @param {expression} uiOuterClick Expression to evaluate when an _Outer Click_ event happens.
+ * @param {expression} uiOuterClickIf Condition to enable/disable the listener. Defaults to `true`.
+ */
+ .directive('uiOuterClick', [
+ 'bindOuterClick',
+ '$parse',
+ function(bindOuterClick, $parse) {
+ return {
+ restrict: 'A',
+ compile: function(elem, attrs) {
+ var outerClickFn = $parse(attrs.uiOuterClick);
+ var outerClickIf = attrs.uiOuterClickIf;
+ return function(scope, elem) {
+ bindOuterClick(scope, elem, outerClickFn, outerClickIf);
+ };
+ }
+ };
+ }
+ ]);
+})();
diff --git a/src/js/core/sharedState.js b/src/js/core/sharedState.js
new file mode 100644
index 0000000..71765e0
--- /dev/null
+++ b/src/js/core/sharedState.js
@@ -0,0 +1,1013 @@
+(function() {
+ 'use strict';
+ /**
+ * @module mobile-angular-ui.core.sharedState
+ *
+ * @description
+ * `mobile-angular-ui.core.sharedState` is expose the homonymous service
+ * `SharedState` and a group of directives to access it.
+ *
+ * `SharedState` allows to use elementary angular or angularish directives
+ * to create interactive components.
+ *
+ * Ie.
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * Using `SharedState` you will be able to:
+ *
+ * - Create interactive components without having to write javascript code
+ * - Have your controller free from UI logic
+ * - Separe `ng-click` triggering application logic from those having a visual effect only
+ * - Export state of components to urls
+ * - Easily make components comunicate each other
+ *
+ * Also note that:
+ *
+ * Data structures retaining statuses will stay outside angular scopes
+ * thus they are not evaluated against digest cycle until its necessary.
+ * Also although statuses are sort of global variables `SharedState` will
+ * take care of disposing them when no scopes are requiring them anymore.
+ *
+ * A set of `ui-*` directives are available to interact with `SharedState`
+ * module and will hopefully var you spare your controllers and your time
+ * for something that is more meaningful than this:
+ *
+ * ``` js
+ * $scope.activeTab = 1;
+ *
+ * $scope.setActiveTab = function(n) {
+ * $scope.activeTab = n;
+ * };
+ * ```
+ *
+ * ## Usage
+ *
+ * Declare it as a dependency to your app unless you have already included some
+ * of its super-modules.
+ *
+ * ```
+ * angular.module('myApp', ['mobile-angular-ui.core.sharedState']);
+ * ```
+ *
+ * Use `ui-shared-state` directive to require/initialize a state from the target element scope
+ *
+ * **Example.** Tabs
+ *
+ *
+ *
+ * **Example.** Custom components
+ *
+ *
+ *
+ * NOTE: `ui-toggle/set/turnOn/turnOff` responds to `click/tap` without
+ * stopping propagation so you can use them along with ng-click too.
+ * You can also change events to respond to with `ui-triggers` attribute.
+ *
+ * Any `SharedState` method is exposed through `Ui` object in `$rootScope`.
+ * So you could always do `ng-click="Ui.turnOn('myVar')"`.
+ *
+ * Since `SharedState` is a service you can initialize/set statuses through
+ * controllers too:
+ *
+ * ``` js
+ * app.controller('myController', function($scope, SharedState){
+ * SharedState.initialize($scope, "activeTab", 3);
+ * });
+ * ```
+ *
+ * As well as you can use `ui-default` for that:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ */
+ var module = angular.module('mobile-angular-ui.core.sharedState', []);
+
+ /**
+ * @ngdoc service
+ * @class SharedState
+ *
+ * @description
+ *
+ * A `SharedState` state can be considered as a global variable identified by an `id`.
+ *
+ * `SharedState` service exposes methods to interact with statuses to create,
+ * read and update states.
+ *
+ * It acts as a BUS between UI elements to share UI related state that is
+ * automatically disposed when all scopes requiring it are destroyed.
+ *
+ * eg.
+ *
+ * ``` js
+ * app.controller('controller1', function($scope, SharedState){
+ * SharedState.initialize($scope, 'myId');
+ * });
+ *
+ * app.controller('controller2', function(SharedState){
+ * SharedState.toggle('myId');
+ * });
+ * ```
+ *
+ * Data structures retaining statuses will stay outside angular scopes thus
+ * they are not evaluated against digest cycle until its necessary. Also
+ * although statuses are sort of global variables `SharedState` will take
+ * care of disposing them when no scopes are requiring them anymore.
+ *
+ * A set of `ui-*` directives are available to interact with `SharedState`
+ * module and will hopefully var you spare your controllers and your time for
+ * something that is more meaningful than this:
+ *
+ * ``` js
+ * $scope.activeTab = 1;
+ *
+ * $scope.setActiveTab = function(n) {
+ * $scope.activeTab = n;
+ * };
+ * ```
+ *
+ */
+
+ /**
+ * @event 'mobile-angular-ui.state.initialized.ID'
+ * @shortname initialized
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Broadcasted on `$rootScope` when `#initialize` is called for a new state not
+ * referenced by any scope currently.
+ *
+ * @param {any} currentValue The value with which this state has been initialized
+ *
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+
+ /**
+ * @event 'mobile-angular-ui.state.destroyed.ID'
+ * @shortname destroyed
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Broadcasted on `$rootScope` when a state is destroyed.
+ *
+ */
+
+ /**
+ * @event 'mobile-angular-ui.state.changed.ID'
+ * @shortname changed
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Broadcasted on `$rootScope` the value of a state changes.
+ *
+ * ``` js
+ * $scope.$on('mobile-angular-ui.state.changed.uiSidebarLeft', function(e, newVal, oldVal) {
+ * if (newVal === true) {
+ * console.log('sidebar opened');
+ * } else {
+ * console.log('sidebar closed');
+ * }
+ * });
+ * ```
+ *
+ * @param {any} newValue
+ * @param {any} oldValue
+ *
+ */
+
+ module.factory('SharedState', [
+ '$rootScope', '$log',
+ function($rootScope, $log) {
+ var values = {}; // values, context object for evals
+ var statusesMeta = {}; // status info
+ var scopes = {}; // scopes references
+ var exclusionGroups = {}; // support exclusive boolean sets
+
+ return {
+ /**
+ * @function initialize
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Initialize, or require if already intialized, a state identified by `id` within the provided `scope`, making it available to the rest of application.
+ *
+ * A `SharedState` is bound to one or more scopes. Each time
+ * `initialize` is called for an angular `scope` this will be bound to
+ * the `SharedState` and a reference count is incremented to allow
+ * garbage collection.
+ *
+ * Reference count is decremented once the scope is destroyed. When the counter reach 0 the state will be disposed.
+ *
+ * @param {scope} scope The scope to bound this state
+ * @param {string} id The unique name of this state
+ * @param {object} [options] Options
+ * @param {object} [options.defaultValue] the initialization value, it is taken into account only if the state `id` is not already initialized
+ * @param {string} [options.exclusionGroup] Specifies an exclusion group
+ * for the state. This means that for boolean operations (ie. toggle,
+ * turnOn, turnOf) when this state is set to `true`, any other state
+ * that is in the same `exclusionGroup` will be set to `false`.
+ */
+ initialize: function(scope, id, options) {
+ options = options || {};
+
+ var isNewScope = scopes[scope] === undefined;
+ var defaultValue = options.defaultValue;
+ var exclusionGroup = options.exclusionGroup;
+
+ scopes[scope.$id] = scopes[scope.$id] || [];
+ scopes[scope.$id].push(id);
+
+ if (!statusesMeta[id]) { // is a brand new state
+ // not referenced by any
+ // scope currently
+
+ statusesMeta[id] = angular.extend({}, options, {references: 1});
+
+ $rootScope.$broadcast('mobile-angular-ui.state.initialized.' + id, defaultValue);
+
+ if (defaultValue !== undefined) {
+ this.setOne(id, defaultValue);
+ }
+
+ if (exclusionGroup) {
+ // Exclusion groups are sets of statuses references
+ exclusionGroups[exclusionGroup] = exclusionGroups[exclusionGroup] || {};
+ exclusionGroups[exclusionGroup][id] = true;
+ }
+
+ } else if (isNewScope) { // is a new reference from
+ // a different scope
+ statusesMeta[id].references++;
+ }
+ scope.$on('$destroy', function() {
+ var ids = scopes[scope.$id] || [];
+ for (var i = 0; i < ids.length; i++) {
+ var status = statusesMeta[ids[i]];
+
+ if (status.exclusionGroup) {
+ delete exclusionGroups[status.exclusionGroup][ids[i]];
+ if (Object.keys(exclusionGroups[status.exclusionGroup]).length === 0) {
+ delete exclusionGroups[status.exclusionGroup];
+ }
+ }
+
+ status.references--;
+ if (status.references <= 0) {
+ delete statusesMeta[ids[i]];
+ delete values[ids[i]];
+ $rootScope.$broadcast('mobile-angular-ui.state.destroyed.' + id);
+ }
+ }
+ delete scopes[scope.$id];
+ });
+ },
+
+ /**
+ * @function setOne
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Set the value of the state identified by `id` to the `value` parameter.
+ *
+ * @param {string} id Unique identifier for state
+ * @param {any} value New value for this state
+ */
+ setOne: function(id, value) {
+ if (statusesMeta[id] !== undefined) {
+ var prev = values[id];
+ values[id] = value;
+ if (prev !== value) {
+ $rootScope.$broadcast('mobile-angular-ui.state.changed.' + id, value, prev);
+ }
+ return value;
+ }
+ $log.warn('Warning: Attempt to set uninitialized shared state: ' + id);
+ },
+
+ /**
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @function setMany
+ * @description
+ *
+ * Set multiple statuses at once. ie.
+ *
+ * ```
+ * SharedState.setMany({ activeTab: 'firstTab', sidebarIn: false });
+ * ```
+ *
+ * @param {object} object An object of the form `{state1: value1, ..., stateN: valueN}`
+ */
+ setMany: function(map) {
+ angular.forEach(map, function(value, id) {
+ this.setOne(id, value);
+ }, this);
+ },
+
+ /**
+ * @function set
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * A shorthand for both `setOne` and `setMany`.
+ * When called with only one parameter that is an object
+ * it is the same of `setMany`, otherwise is the
+ * same of `setOne`.
+ *
+ * @param {string|object} idOrMap A state id or a `{state: value}` map object.
+ * @param {any} [value] The value to assign in case idOrMap is a string.
+ */
+ set: function(idOrMap, value) {
+ if (!idOrMap) {
+ return;
+ } else if (angular.isObject(idOrMap)) {
+ this.setMany(idOrMap);
+ } else {
+ this.setOne(idOrMap, value);
+ }
+ },
+
+ /**
+ * @function turnOn
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Set shared state identified by `id` to `true`. If the
+ * shared state has been initialized with `exclusionGroup`
+ * option it will also turn off (set to `false`) all other
+ * statuses from the same exclusion group.
+ *
+ * @param {string} id The unique name of this state
+ */
+ turnOn: function(id) {
+ // Turns off other statuses belonging to the same exclusion group.
+ var eg = statusesMeta[id] && statusesMeta[id].exclusionGroup;
+ if (eg) {
+ var egStatuses = Object.keys(exclusionGroups[eg]);
+ for (var i = 0; i < egStatuses.length; i++) {
+ var item = egStatuses[i];
+ if (item !== id) {
+ this.turnOff(item);
+ }
+ }
+ }
+ return this.setOne(id, true);
+ },
+
+ /**
+ * @function turnOff
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Set shared state identified by `id` to `false`.
+ *
+ * @param {string} id The unique name of this state
+ */
+ turnOff: function(id) {
+ return this.setOne(id, false);
+ },
+
+ /**
+ * @function toggle
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * If current value for shared state identified by `id` evaluates
+ * to `true` it calls `turnOff` on it otherwise calls `turnOn`.
+ * Be aware that it will take into account `exclusionGroup` option.
+ * See `#turnOn` and `#initialize` for more.
+ *
+ * @param {string} id The unique name of this state
+ */
+ toggle: function(id) {
+ return this.get(id) ? this.turnOff(id) : this.turnOn(id);
+ },
+
+ /**
+ * @function get
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ *
+ * @description
+ * Returns the current value of the state identified by `id`.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {any}
+ */
+ get: function(id) {
+ return statusesMeta[id] && values[id];
+ },
+
+ /**
+ * @function isActive
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Return `true` if the boolean conversion of `#get(id)` evaluates to `true`.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ */
+ isActive: function(id) {
+ return Boolean(this.get(id));
+ },
+
+ /**
+ * @function active
+ * @alias mobile-angular-ui.core.sharedState~SharedState.isActive
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Alias for `#isActive`.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ */
+ active: function(id) {
+ return this.isActive(id);
+ },
+
+ /**
+ * @function isUndefined
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @description
+ *
+ * Return `true` if state identified by `id` is not defined.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ */
+ isUndefined: function(id) {
+ return statusesMeta[id] === undefined || this.get(id) === undefined;
+ },
+
+ /**
+ * Returns `true` if state identified by `id` exsists.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {bool}
+ *
+ * @function has
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ has: function(id) {
+ return statusesMeta[id] !== undefined;
+ },
+
+ /**
+ * Returns the number of references of a status.
+ *
+ * @param {string} id The unique name of this state
+ * @returns {integer}
+ *
+ * @function referenceCount
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ referenceCount: function(id) {
+ var status = statusesMeta[id];
+ return status === undefined ? 0 : status.references;
+ },
+
+ /**
+ * Returns `true` if `#get(id)` is exactly equal (`===`) to `value` param.
+ *
+ * @param {string} id The unique name of this state
+ * @param {any} value The value for comparison
+ * @returns {bool}
+ *
+ * @function equals
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ equals: function(id, value) {
+ return this.get(id) === value;
+ },
+
+ /**
+ * Alias for `#equals`
+ *
+ * @param {string} id The unique name of this state
+ * @param {any} value The value for comparison
+ * @returns {bool}
+ *
+ * @function eq
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ * @alias mobile-angular-ui.core.sharedState~SharedState.equals
+ */
+ eq: function(id, value) {
+ return this.equals(id, value);
+ },
+
+ /**
+ * Returns an object with all the status values currently stored.
+ * It has the form of `{statusId: statusValue}`.
+ *
+ * Bear in mind that in order to spare resources it currently
+ * returns just the internal object retaining statuses values.
+ * Thus it is not intended to be modified and direct changes to it will be not tracked or notified.
+ *
+ * Just clone before apply any change to it.
+ *
+ * @returns {object}
+ *
+ * @function values
+ * @memberOf mobile-angular-ui.core.sharedState~SharedState
+ */
+ values: function() {
+ return values;
+ },
+
+ exclusionGroups: function() {
+ return exclusionGroups;
+ }
+ };
+ }
+ ]);
+
+ var uiBindEvent = function(scope, element, eventNames, fn) {
+ eventNames = eventNames || 'click tap';
+ element.on(eventNames, function(event) {
+ scope.$apply(function() {
+ fn(scope, {$event: event});
+ });
+ });
+ };
+
+ /**
+ * Calls `SharedState#initialize` on the scope relative to the element using it.
+ *
+ * @param {string} uiState The shared state id
+ * @param {expression} [uiDefault] the default value
+ *
+ * @directive uiSharedState
+ */
+ module.directive('uiSharedState', [
+ 'SharedState', function(SharedState) {
+ return {
+ restrict: 'EA',
+ priority: 601, // more than ng-if
+ link: function(scope, elem, attrs) {
+ var id = attrs.uiSharedState || attrs.id;
+ var defaultValueExpr = attrs.uiDefault || attrs.default;
+ var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;
+
+ SharedState.initialize(scope, id, {
+ defaultValue: defaultValue,
+ exclusionGroup: attrs.uiExclusionGroup
+ });
+ }
+ };
+ }
+ ]);
+
+ /**
+ * Alias for uiSharedState. **Deprecated** since it clashes with
+ * [UI-Router](https://ui-router.github.io/) `uiState` directive.
+ *
+ * @deprecated
+ * @param {string} uiState The shared state id
+ * @param {expression} [uiDefault] the default value
+ *
+ * @directive uiState
+ */
+ module.directive('uiState', [
+ 'SharedState', function(SharedState) {
+ return {
+ restrict: 'EA',
+ priority: 601, // more than ng-if
+ link: function(scope, elem, attrs) {
+ var id = attrs.uiState || attrs.id;
+ var defaultValueExpr = attrs.uiDefault || attrs.default;
+ var defaultValue = defaultValueExpr ? scope.$eval(defaultValueExpr) : undefined;
+
+ SharedState.initialize(scope, id, {
+ defaultValue: defaultValue,
+ exclusionGroup: attrs.uiExclusionGroup
+ });
+ }
+ };
+ }
+ ]);
+
+ angular.forEach(['toggle', 'turnOn', 'turnOff', 'set'],
+ function(methodName) {
+ var directiveName = 'ui' + methodName[0].toUpperCase() + methodName.slice(1);
+
+ /**
+ * Calls `SharedState#toggle` when triggering events happens on the element using it.
+ *
+ * @param {string} uiToggle the target shared state
+ * @param {expression} uiDefault the default value
+ *
+ * @directive uiToggle
+ */
+
+ /**
+ * @function uiTurnOn
+ *
+ * @description
+ * Calls `SharedState#turnOn` when triggering events happens on the element using it.
+ *
+ *
+ * @ngdoc directive
+ *
+ * @param {string} uiTurnOn the target shared state
+ * @param {expression} uiDefault the default value
+ */
+
+ /**
+ * @function uiTurnOff
+ *
+ * @description
+ * Calls `SharedState#turnOff` when triggering events happens on the element using it.
+ *
+ * @ngdoc directive
+ *
+ * @param {string} uiTurnOff the target shared state
+ * @param {string} [uiTriggers='click tap'] the event triggering the call.
+ */
+
+ /**
+ * @function uiSet
+ *
+ * @description
+ * Calls `SharedState#set` when triggering events happens on the element using it.
+ *
+ * @ngdoc directive
+ *
+ * @param {object} uiSet The object to pass to SharedState#set
+ * @param {string} [uiTriggers='click tap'] the event triggering the call.
+ */
+
+ module.directive(directiveName, [
+ '$parse',
+ '$interpolate',
+ 'SharedState',
+ function($parse, $interpolate, SharedState) {
+ var method = SharedState[methodName];
+ return {
+ restrict: 'A',
+ priority: 1, // This would make postLink calls happen after ngClick
+ // (and similar) ones, thus intercepting events after them.
+ //
+ // This will prevent eventual ng-if to detach elements
+ // before ng-click fires.
+
+ compile: function(elem, attrs) {
+ var attr = attrs[directiveName];
+ var needsInterpolation = attr.match(/\{\{/);
+
+ var exprFn = function($scope) {
+ var res = attr;
+ if (needsInterpolation) {
+ var interpolateFn = $interpolate(res);
+ res = interpolateFn($scope);
+ }
+ if (methodName === 'set') {
+ res = ($parse(res))($scope);
+ }
+ return res;
+ };
+
+ return function(scope, elem, attrs) {
+ var callback = function() {
+ var arg = exprFn(scope);
+ return method.call(SharedState, arg);
+ };
+ uiBindEvent(scope, elem, attrs.uiTriggers, callback);
+ };
+ }
+ };
+ }
+ ]);
+ });
+
+ /**
+ * @name uiScopeContext
+ * @inner
+ * @description
+ *
+ * `uiScopeContext` is not a directive, but a parameter common to any of the
+ * `ui-*` directives in this module.
+ *
+ * By default all `ui-*` conditions in this module evaluates in the context of
+ * `SharedState` only, thus scope variable are not accessible. To use them you have
+ * two options:
+ *
+ * #### 1. pre-interpolation
+ *
+ * You can use pre-interpolation in expression attribute. For instance the following syntax
+ * is ligit:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * In this case `idx` value is taken from scope and embedded into
+ * conditions before parse them.
+ *
+ * This works as expected and is fine for the most cases, but it has a little caveat:
+ *
+ * The condition has to be re-parsed at each digest loop and has to walk scopes
+ * in watchers.
+ *
+ * #### 2. uiScopeContext
+ *
+ * If you are concerned about performance issues using the first approach
+ * `uiScopeContext` is a more verbose but also lightweight alternative
+ * to accomplish the same.
+ *
+ * It allows to use current scope vars inside `ui-*` conditions, leaving
+ * other scope vars (or the entire scope if not present) apart from the
+ * condition evaluation process.
+ *
+ * Hopefully this will keep evaluation running against a flat and small data
+ * structure instead of taking into account the whole scope.
+ *
+ * It is a list `scopeVar[ as aliasName] [, ...]` specifing one of more scope
+ * variables to take into account when evaluating conditions. ie:
+ *
+ * ``` html
+ *
+ * Tab1
+ * Tab2
+ * Tab3
+ *
+ *
+ * ```
+ *
+ * ``` html
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * Be aware that scope vars will take precedence over sharedStates so,
+ * in order to avoid name clashes you can use 'as' to refer to scope vars
+ * with a different name in conditions:
+ *
+ * ``` html
+ *
+ *
+ * ```
+ */
+ var parseScopeContext = function(attr) {
+ if (!attr || attr === '') {
+ return [];
+ }
+ var vars = attr ? attr.trim().split(/ *, */) : [];
+ var res = [];
+ for (var i = 0; i < vars.length; i++) {
+ var item = vars[i].split(/ *as */);
+ if (item.length > 2 || item.length < 1) {
+ throw new Error('Error parsing uiScopeContext="' + attr + '"');
+ }
+ res.push(item);
+ }
+ return res;
+ };
+
+ var mixScopeContext = function(context, scopeVars, scope) {
+ for (var i = 0; i < scopeVars.length; i++) {
+ var key = scopeVars[i][0];
+ var alias = scopeVars[i][1] || key;
+ context[alias] = key.split('.').reduce(function(scope, nextKey) {
+ return scope[nextKey];
+ }, scope);
+ }
+ };
+
+ var parseUiCondition = function(name, attrs, $scope, SharedState, $parse, $interpolate) {
+ var expr = attrs[name];
+ var needsInterpolation = expr.match(/\{\{/);
+ var exprFn;
+
+ if (needsInterpolation) {
+ exprFn = function(context) {
+ var interpolateFn = $interpolate(expr);
+ var parseFn = $parse(interpolateFn($scope));
+ return parseFn(context);
+ };
+ } else {
+ exprFn = $parse(expr);
+ }
+
+ var uiScopeContext = parseScopeContext(attrs.uiScopeContext);
+ return function() {
+ var context;
+ if (uiScopeContext.length) {
+ context = angular.extend({}, SharedState.values());
+ mixScopeContext(context, uiScopeContext, $scope);
+ } else {
+ context = SharedState.values();
+ }
+ return exprFn(context);
+ };
+ };
+
+ /**
+ * @ngdoc directive
+ * @function uiIf
+ *
+ * @description
+ * Same as `ngIf` but evaluates condition against `SharedState` statuses too
+ *
+ * @param {expression} uiIf A condition to decide wether to attach the
+ * element to the dom
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when
+ * evaluating condition.
+ */
+ module.directive('uiIf', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {
+ function getBlockNodes(nodes) {
+ var node = nodes[0];
+ var endNode = nodes[nodes.length - 1];
+ var blockNodes = [node];
+ do {
+ node = node.nextSibling;
+ if (!node) {
+ break;
+ }
+ blockNodes.push(node);
+ } while (node !== endNode);
+
+ return angular.element(blockNodes);
+ }
+
+ return {
+ multiElement: true,
+ transclude: 'element',
+ priority: 600,
+ terminal: true,
+ restrict: 'A',
+ $$tlb: true,
+ link: function($scope, $element, $attr, ctrl, $transclude) {
+ var block;
+ var childScope;
+ var previousElements;
+ var uiIfFn = parseUiCondition('uiIf', $attr, $scope, SharedState, $parse, $interpolate);
+
+ $scope.$watch(uiIfFn, function uiIfWatchAction(value) {
+ if (value) {
+ if (!childScope) {
+ $transclude(function(clone, newScope) {
+ childScope = newScope;
+ clone[clone.length++] = document.createComment(' end uiIf: ' + $attr.uiIf + ' ');
+ // Note: We only need the first/last node of the cloned nodes.
+ // However, we need to keep the reference to the jqlite wrapper as it might be changed later
+ // by a directive with templateUrl when its template arrives.
+ block = {
+ clone: clone
+ };
+ $animate.enter(clone, $element.parent(), $element);
+ });
+ }
+ } else {
+ if (previousElements) {
+ previousElements.remove();
+ previousElements = null;
+ }
+ if (childScope) {
+ childScope.$destroy();
+ childScope = null;
+ }
+ if (block) {
+ previousElements = getBlockNodes(block.clone);
+ var done = function() {
+ previousElements = null;
+ };
+ var nga = $animate.leave(previousElements, done);
+ if (nga) {
+ nga.then(done);
+ }
+ block = null;
+ }
+ }
+ });
+ }
+ };
+ }]);
+
+ /**
+ * @ngdoc directive
+ * @function uiHide
+ *
+ * @description
+ * Same as `ngHide` but evaluates condition against `SharedState` statuses
+ *
+ * @param {expression} uiShow A condition to decide wether to hide the element
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when evaluating condition.
+ */
+ module.directive('uiHide', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse, $interpolate) {
+ var NG_HIDE_CLASS = 'ng-hide';
+ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';
+
+ return {
+ restrict: 'A',
+ multiElement: true,
+ link: function(scope, element, attr) {
+ var uiHideFn = parseUiCondition('uiHide', attr, scope, SharedState, $parse, $interpolate);
+ scope.$watch(uiHideFn, function uiHideWatchAction(value) {
+ $animate[value ? 'addClass' : 'removeClass'](element, NG_HIDE_CLASS, {
+ tempClasses: NG_HIDE_IN_PROGRESS_CLASS
+ });
+ });
+ }
+ };
+ }]);
+
+ /**
+ * @ngdoc directive
+ * @function uiShow
+ *
+ * @description
+ * Same as `ngShow` but evaluates condition against `SharedState` statuses
+ *
+ * @param {expression} uiShow A condition to decide wether to show the element
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when evaluating condition.
+ */
+ module.directive('uiShow', ['$animate', 'SharedState', '$parse', '$interpolate', function($animate, SharedState, $parse) {
+ var NG_HIDE_CLASS = 'ng-hide';
+ var NG_HIDE_IN_PROGRESS_CLASS = 'ng-hide-animate';
+
+ return {
+ restrict: 'A',
+ multiElement: true,
+ link: function(scope, element, attr) {
+ var uiShowFn = parseUiCondition('uiShow', attr, scope, SharedState, $parse);
+ scope.$watch(uiShowFn, function uiShowWatchAction(value) {
+ $animate[value ? 'removeClass' : 'addClass'](element, NG_HIDE_CLASS, {
+ tempClasses: NG_HIDE_IN_PROGRESS_CLASS
+ });
+ });
+ }
+ };
+ }]);
+
+ /**
+ * @ngdoc directive
+ * @function uiClass
+ *
+ * @description
+ * A simplified version of `ngClass` that evaluates in context of `SharedState`, it only suppors the `{'className': expr}` syntax.
+ *
+ * @param {expression} uiClass An expression that has to evaluate to an object
+ * of the form `{'className': expr}`, where `expr` decides wether the class
+ * should appear to element's class list.
+ * @param {list} [uiScopeContext] A list `scopeVar[ as aliasName] [, ...]`
+ * specifing one of more scope variables to take into account when evaluating
+ * condition.
+ */
+ module.directive('uiClass', ['SharedState', '$parse', '$interpolate', function(SharedState, $parse) {
+ return {
+ restrict: 'A',
+ link: function(scope, element, attr) {
+ var uiClassFn = parseUiCondition('uiClass', attr, scope, SharedState, $parse);
+ scope.$watch(uiClassFn, function uiClassWatchAction(value) {
+ var classesToAdd = '';
+ var classesToRemove = '';
+ angular.forEach(value, function(expr, className) {
+ if (expr) {
+ classesToAdd += ' ' + className;
+ } else {
+ classesToRemove += ' ' + className;
+ }
+ classesToAdd = classesToAdd.trim();
+ classesToRemove = classesToRemove.trim();
+ if (classesToAdd.length) {
+ element.addClass(classesToAdd);
+ }
+ if (classesToRemove.length) {
+ element.removeClass(classesToRemove);
+ }
+ });
+ }, true);
+ }
+ };
+ }]);
+
+ module.run([
+ '$rootScope',
+ 'SharedState',
+ function($rootScope, SharedState) {
+ $rootScope.Ui = SharedState;
+ }
+ ]);
+
+})();
diff --git a/src/js/core/touchmoveDefaults.js b/src/js/core/touchmoveDefaults.js
new file mode 100644
index 0000000..9ca78ac
--- /dev/null
+++ b/src/js/core/touchmoveDefaults.js
@@ -0,0 +1,130 @@
+/**
+ * Provides directives and service to prevent touchmove default behaviour
+ * for touch devices (ie. bounce on overscroll in IOS).
+ *
+ * #### Usage
+ *
+ * Use `ui-prevent-touchmove-defaults` directive on root element of your app:
+ *
+ * ``` html
+ *
+ *
+ *
+ * ```
+ *
+ * Doing so `touchmove.preventDefault` logic for inner elements is inverted,
+ * so any `touchmove` default behaviour is automatically prevented.
+ *
+ * If you wish to allow the default behaviour, for example to allow
+ * inner elements to scroll, you have to explicitly mark an event to allow
+ * touchmove default.
+ *
+ * Mobile Angular UI already handles this for `scrollable` elements, so you don't have
+ * to do anything in order to support scroll.
+ *
+ * If you wish to allow touchmove defaults for certain element under certain conditions
+ * you can use the `allowTouchmoveDefault` service.
+ *
+ * ie.
+ *
+ * ``` js
+ * // always allow touchmove default for an element
+ * allowTouchmoveDefault(myelem);
+ * ```
+ *
+ * ``` js
+ * // allow touchmove default for an element only under certain conditions
+ * allowTouchmoveDefault(myelem, function(touchmove){
+ * return touchmove.pageY > 100;
+ * });
+ * ```
+ *
+ * @module mobile-angular-ui.core.touchmoveDefaults
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.core.touchmoveDefaults', []);
+
+ module.directive('uiPreventTouchmoveDefaults', function() {
+ var preventTouchmoveDefaultsCb = function(e) {
+ // Get this flag from either the saved event if jQuery is being used, otherwise get it from the event itself.
+ var allowTouchmoveEventFlag = e.originalEvent ? e.originalEvent.allowTouchmoveDefault : e.allowTouchmoveDefault;
+ if (allowTouchmoveEventFlag !== true) {
+ e.preventDefault();
+ }
+ };
+
+ return {
+ compile: function(element) {
+ if ('ontouchmove' in document) {
+ element.on('touchmove', preventTouchmoveDefaultsCb);
+ }
+ }
+ };
+ });
+
+ /**
+ * Bind a listener to an element to allow `touchmove` default behaviour
+ * when `touchmove` happens inside the bound element.
+ *
+ * You can also provide a function to decide when to allow and
+ * when to prevent it.
+ *
+ * ``` js
+ * // always allow touchmove default
+ * allowTouchmoveDefault(myelem);
+ *
+ * // allow touchmove default only under certain conditions
+ * allowTouchmoveDefault(myelem, function(touchmove){
+ * return touchmove.pageY > 100;
+ * });
+ * ```
+ *
+ * @param {Element|$element} element The element to bind.
+ * @param {function} condition A `function(touchmove)⟶boolean` to decide
+ * whether to allow default behavior or not.
+ *
+ * @service allowTouchmoveDefault
+ * @as function
+ * @returns function Function to unbind the listener
+ */
+
+ module.factory('allowTouchmoveDefault', function() {
+ var fnTrue = function() {
+ return true;
+ };
+
+ if ('ontouchmove' in document) {
+ return function($element, condition) {
+ condition = condition || fnTrue;
+
+ var allowTouchmoveDefaultCallback = function(e) {
+ if (condition(e)) {
+ e.allowTouchmoveDefault = true;
+ // jQuery normalizes the event object, need to put this property on the copied originalEvent.
+ if (e.originalEvent) {
+ e.originalEvent.allowTouchmoveDefault = true;
+ }
+ }
+ };
+
+ $element = angular.element($element);
+ $element.on('touchmove', allowTouchmoveDefaultCallback);
+
+ $element.on('$destroy', function() {
+ $element.off('touchmove', allowTouchmoveDefaultCallback);
+ $element = null;
+ });
+
+ return function() {
+ if ($element) {
+ $element.off('touchmove', allowTouchmoveDefaultCallback);
+ }
+ };
+ };
+ }
+
+ return angular.noop;
+ });
+
+})();
diff --git a/src/js/gestures/drag.js b/src/js/gestures/drag.js
new file mode 100644
index 0000000..16c44b3
--- /dev/null
+++ b/src/js/gestures/drag.js
@@ -0,0 +1,370 @@
+/**
+ * @module mobile-angular-ui.gestures.drag
+ * @description
+ *
+ * `mobile-angular-ui.gestures.drag` module exposes the `$drag` service that is used
+ * to handle drag gestures. `$drag` service wraps [$touch](../module:touch) service adding
+ * CSS transforms reacting to `touchmove` events.
+ *
+ * ## Usage
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ *
+ * Or
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures.drag']);
+ * ```
+ *
+ * ``` js
+ * var dragOptions = {
+ * transform: $drag.TRANSLATE_BOTH,
+ * start: function(dragInfo, event){},
+ * end: function(dragInfo, event){},
+ * move: function(dragInfo, event){},
+ * cancel: function(dragInfo, event){}
+ * };
+ *
+ * $drag.bind(element, dragOptions, touchOptions);
+ * ```
+ *
+ * Where:
+ *
+ * - `transform` is a `function(element, currentTransform, touch) -> newTransform`
+ * returning taking an `element`, its `currentTransform` and returning the `newTransform`
+ * for the element in response to `touch`. See [$transform](../module:transform) for more.
+ * Default to `$drag.TRANSLATE_BOTH`.
+ * - `start`, `end`, `move`, `cancel` are optional callbacks responding to `drag` movement phases.
+ * - `dragInfo` is an extended version of `touchInfo` from [$touch](../module:touch),
+ * extending it with:
+ * - `originalTransform`: The [$transform](../module:transform) object relative to CSS transform before `$drag` is bound.
+ * - `originalRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)
+ * for bound element before any drag action.
+ * - `startRect`: The [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect)
+ * for bound element registered at `start` event.
+ * - `startTransform`: The [$transform](../module:transform) at `start` event.
+ * - `rect`: The current [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) for bound element.
+ * - `transform`: The current [$transform](../module:transform).
+ * - `reset`: A function restoring element to `originalTransform`.
+ * - `undo`: A function restoring element to `startTransform`.
+ * - `touchOptions` is an option object to be passed to underlying [`$touch`](../module:touch) service.
+ *
+ * ### Predefined transforms
+ *
+ * - `$drag.NULL_TRANSFORM`: No transform follow movement
+ * - `$drag.TRANSLATE_BOTH`: Transform translate following movement on both x and y axis.
+ * - `$drag.TRANSLATE_HORIZONTAL`: Transform translate following movement on x axis.
+ * - `$drag.TRANSLATE_UP`: Transform translate following movement on negative y axis.
+ * - `$drag.TRANSLATE_DOWN`: Transform translate following movement on positive y axis.
+ * - `$drag.TRANSLATE_LEFT`: Transform translate following movement on negative x axis.
+ * - `$drag.TRANSLATE_RIGHT`: Transform translate following movement on positive x axis.
+ * - `$drag.TRANSLATE_VERTICAL`: Transform translate following movement on y axis.
+ * - `$drag.TRANSLATE_INSIDE`: Is a function and should be used like:
+ *
+ * ``` js
+ * {
+ * transform: $drag.TRANSLATE_INSIDE(myElement)
+ * }
+ * ```
+ *
+ * It returns a transform function that contains translate movement inside
+ * the passed element.
+ *
+ * ### `.ui-drag-move` style
+ *
+ * While moving an `.ui-drag-move` class is attached to element. Style for this class is defined via
+ * [insertRule](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet.insertRule) and aims to
+ * fix common problems while dragging, specifically:
+ *
+ * - Brings the element in front of other elements
+ * - Disable transitions
+ * - Makes text unselectable
+ *
+ * **NOTE** Transitions are disabled cause they may introduce conflicts between `transition: transform`
+ * and `dragOptions.transform` function.
+ *
+ * They will be re-enabled after drag, and this can be used to achieve some graceful effects.
+ *
+ * If you need transition that does not involve transforms during movement you can apply them to an
+ * inner or wrapping element.
+ *
+ * ### Examples
+ *
+ * #### Limit movement to an element
+ *
+ * ``` js
+ * app.directive('dragMe', ['$drag', function($drag){
+ * return {
+ * controller: function($scope, $element) {
+ * $drag.bind($element,
+ * {
+ * transform: $drag.TRANSLATE_INSIDE($element.parent()),
+ * end: function(drag) {
+ * drag.reset();
+ * }
+ * },
+ * { // release touch when movement is outside bounduaries
+ * sensitiveArea: $element.parent()
+ * }
+ * );
+ * }
+ * };
+ * }]);
+ * ```
+ *
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.gestures.drag', [
+ 'mobile-angular-ui.gestures.touch',
+ 'mobile-angular-ui.gestures.transform'
+ ])
+
+ .provider('$drag', function() {
+ this.$get = ['$touch', '$transform', function($touch, $transform) {
+
+ // Add some css rules to be used while moving elements
+ var style = document.createElement('style');
+ style.appendChild(document.createTextNode(''));
+ document.head.appendChild(style);
+ var sheet = style.sheet;
+
+ // Makes z-index 99999
+ sheet.insertRule('html .ui-drag-move{z-index: 99999 !important;}', 0);
+ // Disable transitions
+ sheet.insertRule('html .ui-drag-move{' +
+ '-webkit-transition: none !important;' +
+ '-moz-transition: none !important;-o-transition: none !important;' +
+ '-ms-transition: none !important;transition: none !important;' +
+ '}', 0);
+
+ // Makes text unselectable
+ sheet.insertRule('html .ui-drag-move, html .ui-drag-move *{' +
+ '-webkit-touch-callout: none !important;' +
+ '-webkit-user-select: none !important;' +
+ '-khtml-user-select: none !important;' +
+ '-moz-user-select: none !important;' +
+ '-ms-user-select: none !important;' +
+ 'user-select: none !important;' +
+ '}', 0);
+
+ style = sheet = null; // we wont use them anymore so make
+ // their memory immediately claimable
+
+ return {
+
+ //
+ // built-in transforms
+ //
+ NULL_TRANSFORM: function(element, transform) {
+ return transform;
+ },
+
+ TRANSLATE_BOTH: function(element, transform, touch) {
+ transform.translateX = touch.distanceX;
+ transform.translateY = touch.distanceY;
+ return transform;
+ },
+
+ TRANSLATE_HORIZONTAL: function(element, transform, touch) {
+ transform.translateX = touch.distanceX;
+ transform.translateY = 0;
+ return transform;
+ },
+
+ TRANSLATE_UP: function(element, transform, touch) {
+ transform.translateY = touch.distanceY <= 0 ? touch.distanceY : 0;
+ transform.translateX = 0;
+ return transform;
+ },
+
+ TRANSLATE_DOWN: function(element, transform, touch) {
+ transform.translateY = touch.distanceY >= 0 ? touch.distanceY : 0;
+ transform.translateX = 0;
+ return transform;
+ },
+
+ TRANSLATE_LEFT: function(element, transform, touch) {
+ transform.translateX = touch.distanceX <= 0 ? touch.distanceX : 0;
+ transform.translateY = 0;
+ return transform;
+ },
+
+ TRANSLATE_RIGHT: function(element, transform, touch) {
+ transform.translateX = touch.distanceX >= 0 ? touch.distanceX : 0;
+ transform.translateY = 0;
+ return transform;
+ },
+
+ TRANSLATE_VERTICAL: function(element, transform, touch) {
+ transform.translateX = 0;
+ transform.translateY = touch.distanceY;
+ return transform;
+ },
+
+ TRANSLATE_INSIDE: function(wrapperElementOrRectangle) {
+ wrapperElementOrRectangle = wrapperElementOrRectangle.length ? wrapperElementOrRectangle[0] : wrapperElementOrRectangle;
+
+ return function(element, transform, touch) {
+ element = element.length ? element[0] : element;
+ var re = element.getBoundingClientRect();
+ var rw = wrapperElementOrRectangle instanceof Element ? wrapperElementOrRectangle.getBoundingClientRect() : wrapperElementOrRectangle;
+ var tx;
+ var ty;
+
+ if (re.width >= rw.width) {
+ tx = 0;
+ } else if (re.right + touch.stepX > rw.right) {
+ tx = rw.right - re.right;
+ } else if (re.left + touch.stepX < rw.left) {
+ tx = rw.left - re.left;
+ } else {
+ tx = touch.stepX;
+ }
+
+ if (re.height >= rw.height) {
+ ty = 0;
+ } else if (re.bottom + touch.stepY > rw.bottom) {
+ ty = rw.bottom - re.bottom;
+ } else if (re.top + touch.stepY < rw.top) {
+ ty = rw.top - re.top;
+ } else {
+ ty = touch.stepY;
+ }
+
+ transform.translateX += tx;
+ transform.translateY += ty;
+ return transform;
+ };
+ },
+
+ //
+ // bind function
+ //
+ bind: function($element, dragOptions, touchOptions) {
+ $element = angular.element($element);
+ dragOptions = dragOptions || {};
+ touchOptions = touchOptions || {};
+
+ var startEventHandler = dragOptions.start;
+ var endEventHandler = dragOptions.end;
+ var moveEventHandler = dragOptions.move;
+ var cancelEventHandler = dragOptions.cancel;
+ var transformEventHandler = dragOptions.transform || this.TRANSLATE_BOTH;
+
+ var domElement = $element[0];
+ var tO = $transform.get($element); // original transform
+ var rO = domElement.getBoundingClientRect(); // original bounding rect
+ var tS; // transform at start
+ var rS;
+
+ var moving = false;
+
+ var isMoving = function() {
+ return moving;
+ };
+
+ var cleanup = function() {
+ moving = false;
+ tS = rS = null;
+ $element.removeClass('ui-drag-move');
+ };
+
+ var reset = function() {
+ $transform.set(domElement, tO);
+ };
+
+ var undo = function() {
+ $transform.set(domElement, tS || tO);
+ };
+
+ var setup = function() {
+ moving = true;
+ rS = domElement.getBoundingClientRect();
+ tS = $transform.get(domElement);
+ $element.addClass('ui-drag-move');
+ };
+
+ var createDragInfo = function(touch) {
+ touch = angular.extend({}, touch);
+ touch.originalTransform = tO;
+ touch.originalRect = rO;
+ touch.startRect = rS;
+ touch.rect = domElement.getBoundingClientRect();
+ touch.startTransform = tS;
+ touch.transform = $transform.get(domElement);
+ touch.reset = reset;
+ touch.undo = undo;
+ return touch;
+ };
+
+ var onTouchMove = function(touch, event) {
+ // preventDefault no matter what
+ // it is (ie. maybe html5 drag for images or scroll)
+ event.preventDefault();
+
+ // $touch calls start on the first touch
+ // to ensure $drag.start is called only while actually
+ // dragging and not for touches we will bind $drag.start
+ // to the first time move is called
+
+ if (isMoving()) { // drag move
+ touch = createDragInfo(touch);
+
+ var transform = transformEventHandler($element, angular.extend({}, touch.transform), touch, event);
+
+ $transform.set(domElement, transform);
+
+ if (moveEventHandler) {
+ moveEventHandler(touch, event);
+ }
+ } else { // drag start
+ setup();
+ if (startEventHandler) {
+ startEventHandler(createDragInfo(touch), event);
+ }
+ }
+ };
+
+ var onTouchEnd = function(touch, event) {
+ if (!isMoving()) {
+ return;
+ }
+
+ // prevents outer swipes
+ event.__UiSwipeHandled__ = true;
+
+ touch = createDragInfo(touch);
+ cleanup();
+
+ if (endEventHandler) {
+ endEventHandler(touch, event);
+ }
+ };
+
+ var onTouchCancel = function(touch, event) {
+ if (!isMoving()) {
+ return;
+ }
+
+ touch = createDragInfo(touch);
+ undo(); // on cancel movement is undoed automatically;
+ cleanup();
+
+ if (cancelEventHandler) {
+ cancelEventHandler(touch, event);
+ }
+ };
+
+ return $touch.bind($element,
+ {move: onTouchMove, end: onTouchEnd, cancel: onTouchCancel},
+ touchOptions);
+ } // ~ bind
+ }; // ~ return $drag
+ }]; // ~ $get
+ });
+
+})();
diff --git a/src/js/gestures/swipe.js b/src/js/gestures/swipe.js
new file mode 100644
index 0000000..0389fb1
--- /dev/null
+++ b/src/js/gestures/swipe.js
@@ -0,0 +1,150 @@
+/**
+ * A module providing swipe gesture services and directives.
+ *
+ * @module mobile-angular-ui.gestures.swipe
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module('mobile-angular-ui.gestures.swipe',
+ ['mobile-angular-ui.gestures.touch']);
+
+ /**
+ * An adaptation of `ngTouch.$swipe`, it is basically the same despite of:
+ *
+ * - It is based on [$touch](../module:touch)
+ * - Swipes are recognized by touch velocity and direction
+ * - It does not require `ngTouch` thus is better compatible with fastclick.js
+ * - Swipe directives are nestable
+ * - It allows to unbind
+ * - It has only one difference in interface, and its about how to pass `pointerTypes`:
+ *
+ * ``` js
+ * // ngTouch.$swipe
+ * $swipe.bind(..., ['mouse', ... });
+ *
+ * // mobile-angular-ui.gestures.swipe.$swipe
+ * $swipe.bind(..., pointerTypes: { mouse: { start: 'mousedown', ...} });
+ * ```
+ * This is due to the fact that the second parameter of `$swipe.bind` is destinated to options for
+ * underlying `$touch` service.
+ *
+ * @service $swipe
+ * @as class
+ */
+ module.factory('$swipe', ['$touch', function($touch) {
+ var VELOCITY_THRESHOLD = 500; // px/sec
+ var MOVEMENT_THRESHOLD = 10; // px
+ var TURNAROUND_MAX = 10; // px
+ var ANGLE_THRESHOLD = 10; // deg
+ var abs = Math.abs;
+
+ var defaultOptions = {
+ movementThreshold: MOVEMENT_THRESHOLD, // start to consider only if movement
+ // exceeded MOVEMENT_THRESHOLD
+ valid: function(t) {
+ var absAngle = abs(t.angle);
+ absAngle = absAngle >= 90 ? absAngle - 90 : absAngle;
+
+ var validDistance = t.total - t.distance <= TURNAROUND_MAX;
+ var validAngle = absAngle <= ANGLE_THRESHOLD || absAngle >= 90 - ANGLE_THRESHOLD;
+ var validVelocity = t.averageVelocity >= VELOCITY_THRESHOLD;
+
+ return validDistance && validAngle && validVelocity;
+ }
+ };
+
+ return {
+ /**
+ * Bind swipe gesture handlers for an element.
+ *
+ * ``` js
+ * var unbind = $swipe.bind(elem, {
+ * end: function(touch) {
+ * console.log('Swiped:', touch.direction);
+ * unbind();
+ * }
+ * });
+ * ```
+ *
+ * **Swipes Detection**
+ *
+ * Before consider a touch to be a swipe Mobile Angular UI verifies that:
+ *
+ * 1. Movement is quick. Average touch velocity should exceed a `VELOCITY_THRESHOLD`.
+ * 2. Movement is linear.
+ * 3. Movement has a clear, non-ambiguous direction. So we can assume without error
+ * that underlying `touch.direction` is exactly the swipe direction. For that
+ * movement is checked against an `ANGLE_THRESHOLD`.
+ *
+ * @param {Element|$element} element The element to observe for swipe gestures.
+ * @param {object} eventHandlers An object with handlers for specific swipe events.
+ * @param {function} [eventHandlers.start] The callback for swipe start event.
+ * @param {function} [eventHandlers.end] The callback for swipe end event.
+ * @param {function} [eventHandlers.move] The callback for swipe move event.
+ * @param {function} [eventHandlers.cancel] The callback for swipe cancel event.
+ * @param {object} [options] Options to be passed to underlying [$touch.bind](../module:touch) function.
+ *
+ * @returns {function} The unbind function.
+ *
+ * @method bind
+ * @memberOf mobile-angular-ui.gestures.swipe~$swipe
+ */
+ bind: function(element, eventHandlers, options) {
+ options = angular.extend({}, defaultOptions, options || {});
+ return $touch.bind(element, eventHandlers, options);
+ }
+ };
+ }]);
+
+ /**
+ * Specify custom behavior when an element is swiped to the left on a touchscreen device.
+ * A leftward swipe is a quick, right-to-left slide of the finger.
+ *
+ * @directive uiSwipeLeft
+ * @param {expression} uiSwipeLeft An expression to be evaluated on leftward swipe.
+ */
+ /**
+ * Specify custom behavior when an element is swiped to the right on a touchscreen device.
+ * A rightward swipe is a quick, left-to-right slide of the finger.
+ *
+ * @directive uiSwipeRight
+ * @param {expression} uiSwipeRight An expression to be evaluated on rightward swipe.
+ */
+ /**
+ * Alias for [uiSwipeLeft](#uiswipeleft).
+ *
+ * @directive ngSwipeLeft
+ * @deprecated
+ */
+ /**
+ * Alias for [uiSwipeRight](#uiswiperight).
+ *
+ * @directive ngSwipeRight
+ * @deprecated
+ */
+ angular.forEach(['ui', 'ng'], function(prefix) {
+ angular.forEach(['Left', 'Right'], function(direction) {
+ var directiveName = prefix + 'Swipe' + direction;
+ module.directive(directiveName, ['$swipe', '$parse', function($swipe, $parse) {
+ return {
+ link: function(scope, elem, attrs) {
+ var onSwipe = $parse(attrs[directiveName]);
+ $swipe.bind(elem, {
+ end: function(swipe, event) {
+ if (swipe.direction === direction.toUpperCase()) {
+ if (!event.__UiSwipeHandled__) {
+ event.__UiSwipeHandled__ = true;
+ scope.$apply(function() {
+ onSwipe(scope, {$touch: swipe});
+ });
+ }
+ }
+ }
+ });
+ }
+ };
+ }]);
+ });
+ });
+})();
diff --git a/src/js/gestures/touch.js b/src/js/gestures/touch.js
new file mode 100644
index 0000000..79c686f
--- /dev/null
+++ b/src/js/gestures/touch.js
@@ -0,0 +1,607 @@
+/* eslint complexity: 0 */
+
+/**
+ * Device agnostic touch handling.
+ *
+ * **Usage**
+ *
+ * Require this module doing either
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ *
+ * Or standalone
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures.touch']);
+ * ```
+ *
+ * Then you will be able to use the `$touch` service like that:
+ *
+ * ``` js
+ * var unbindFn = $touch.bind(element, {
+ * start: function(touchInfo, e);
+ * move: function(touchInfo, e);
+ * end: function(touchInfo, e);
+ * cancel: function(touchInfo, e);
+ * }, options);
+ * ```
+ *
+ * @module mobile-angular-ui.gestures.touch
+ */
+(function() {
+ 'use strict';
+ var module = angular.module('mobile-angular-ui.gestures.touch', []);
+
+ /**
+ * `$touch` is an abstraction of touch event handling that works with
+ * any kind of input devices.
+ *
+ * It is intended for single touch only and provides
+ * extended infos about touch like: movement, direction, velocity, duration, and more.
+ * $touch service is intended as base to build any single-touch gesture handlers.
+ *
+ * **Usage**
+ *
+ * ``` js
+ * var unbindFn = $touch.bind(element, {
+ * start: function(touchInfo, e);
+ * move: function(touchInfo, e);
+ * end: function(touchInfo, e);
+ * cancel: function(touchInfo, e);
+ * }, options);
+ * ```
+ *
+ * @service $touch
+ * @as class
+ */
+
+ /**
+ * Configurable provider for `$touch` service
+ * @class $touchProvider
+ * @ngdoc provider
+ * @memberOf mobile-angular-ui.gestures.touch~$touch
+ */
+ module.provider('$touch', function() {
+
+ /* =====================================
+ = Configuration =
+ =====================================*/
+
+ var VALID = function() {
+ return true;
+ };
+
+ var MOVEMENT_THRESHOLD = 1;
+
+ var POINTER_EVENTS = {
+ mouse: {
+ start: 'mousedown',
+ move: 'mousemove',
+ end: 'mouseup'
+ },
+ touch: {
+ start: 'touchstart',
+ move: 'touchmove',
+ end: 'touchend',
+ cancel: 'touchcancel'
+ }
+ };
+
+ var POINTER_TYPES = ['mouse', 'touch'];
+
+ // function or element or rect
+ var SENSITIVE_AREA = function($element) {
+ return $element[0].ownerDocument.documentElement.getBoundingClientRect();
+ };
+
+ /**
+ * Set default pointer events option.
+ * Pointer Events option specifies a device-by-device map between device specific events and
+ * touch events.
+ *
+ * The default Pointer Events Map is defined as:
+ *
+ * ``` js
+ * var POINTER_EVENTS = {
+ * 'mouse': {
+ * start: 'mousedown',
+ * move: 'mousemove',
+ * end: 'mouseup'
+ * },
+ * 'touch': {
+ * start: 'touchstart',
+ * move: 'touchmove',
+ * end: 'touchend',
+ * cancel: 'touchcancel'
+ * }
+ * };
+ * ```
+ *
+ * Ie.
+ *
+ * ```
+ * app.config(function($touchProvider){
+ * $touchProvider.setPointerEvents({ pen: {start: "pendown", end: "penup", move: "penmove" }});
+ * });
+ * ```
+ *
+ * @name setPointerEvents
+ * @param {object} pointerEvents The pointer events map object
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setPointerEvents = function(pointerEvents) {
+ POINTER_EVENTS = pointerEvents;
+ POINTER_TYPES = Object.keys(POINTER_EVENTS);
+ };
+
+ /**
+ * Set default validity function for a touch.
+ *
+ * The default is defined as always true:
+ *
+ * ``` js
+ * $touchProvider.setValid(function(touch, event) {
+ * return true;
+ * });
+ * ```
+ *
+ * @param {function} validityFunction The validity function. A function that takes two
+ * arguments: `touchInfo` and `event`, and returns
+ * a `Boolean` indicating wether the corresponding touch
+ * should be considered valid and its handlers triggered,
+ * or considered invalid and its handlers be ignored.
+ * @method setValid
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setValid = function(fn) {
+ VALID = fn;
+ };
+
+ /**
+ * Set default amount of pixels of movement before
+ * start to trigger `touchmove` handlers.
+ *
+ * Default is `1`.
+ *
+ * ie.
+ *
+ * ``` js
+ * $touchProvider.setMovementThreshold(120);
+ * ```
+ *
+ * @param {integer} threshold The new treeshold.
+ *
+ * @method setMovementThreshold
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setMovementThreshold = function(v) {
+ MOVEMENT_THRESHOLD = v;
+ };
+ /**
+ * Set default sensitive area.
+ *
+ * The sensitive area of a touch is the area of the screen inside what
+ * we consider a touch to be meaningful thus triggering its handlers.
+ *
+ * **NOTE:** if movement goes out the sensitive area the touch event is not cancelled,
+ * instead its handler are just ignored.
+ *
+ * By default sensitive area is defined as `ownerDocument` bounding rectangle
+ * of the bound element.
+ *
+ * ie.
+ *
+ * ``` js
+ * $touchProvider.setSensitiveArea(function($element) {
+ * return $element[0].ownerDocument.documentElement.getBoundingClientRect();
+ * });
+ * ```
+ *
+ * @param {function|Element|TextRectangle} sensitiveArea The new default sensitive area,
+ * either static or as function
+ * taking an element and returning another
+ * element or a
+ * [rectangle](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect).
+ *
+ * @method setSensitiveArea
+ * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+ */
+ this.setSensitiveArea = function(fnOrElementOrRect) {
+ SENSITIVE_AREA = fnOrElementOrRect;
+ };
+
+ //
+ // Shorthands for minification
+ //
+ var abs = Math.abs;
+ var atan2 = Math.atan2;
+ var sqrt = Math.sqrt;
+
+ /* ===============================
+ = Helpers =
+ ===============================*/
+
+ var getCoordinates = function(event) {
+ var touches = event.touches && event.touches.length ? event.touches : [event];
+ var e = (event.changedTouches && event.changedTouches[0]) ||
+ (event.originalEvent && event.originalEvent.changedTouches &&
+ event.originalEvent.changedTouches[0]) ||
+ touches[0].originalEvent || touches[0];
+
+ return {
+ x: e.clientX,
+ y: e.clientY
+ };
+ };
+
+ var getEvents = function(pointerTypes, eventType) {
+ var res = [];
+ angular.forEach(pointerTypes, function(pointerType) {
+ var eventName = POINTER_EVENTS[pointerType][eventType];
+ if (eventName) {
+ res.push(eventName);
+ }
+ });
+ return res.join(' ');
+ };
+
+ var now = function() {
+ return new Date();
+ };
+
+ var timediff = function(t1, t2) {
+ t2 = t2 || now();
+ return abs(t2 - t1);
+ };
+
+ var len = function(x, y) {
+ return sqrt(x * x + y * y);
+ };
+
+ /**
+ * `TouchInfo` is an object containing the following extended informations about any touch
+ * event.
+ *
+ * @property {string} type Normalized event type. Despite of pointer device is always one of `touchstart`, `touchend`, `touchmove`, `touchcancel`.
+ * @property {Date} timestamp The time object corresponding to the moment this touch event happened.
+ * @property {integer} duration The difference between this touch event and the corresponding `touchstart`.
+ * @property {float} startX X coord of related `touchstart`.
+ * @property {float} startY Y coord of related `touchstart`.
+ * @property {float} prevX X coord of previous `touchstart` or `touchmove`.
+ * @property {float} prevY Y coord of previous `touchstart` or `touchmove`.
+ * @property {float} x X coord of this touch event.
+ * @property {float} y Y coord of this touch event.
+ * @property {float} step Distance between `[prevX, prevY]` and `[x, y]` points.
+ * @property {float} stepX Distance between `prevX` and `x`.
+ * @property {float} stepY Distance between `prevY` and `y`.
+ * @property {float} velocity Instantaneous velocity of a touch event in pixels per second.
+ * @property {float} averageVelocity Average velocity of a touch event from its corresponding `touchstart` in pixels per second.
+ * @property {float} distance Distance between `[startX, startY]` and `[x, y]` points.
+ * @property {float} distanceX Distance between `startX` and `x`.
+ * @property {float} distanceY Distance between `startY` and `y`.
+ * @property {float} total Total number of pixels covered by movement, taking account of direction changes and turnarounds.
+ * @property {float} totalX Total number of pixels covered by horizontal movement, taking account of direction changes and turnarounds.
+ * @property {float} totalY Total number of pixels covered by vertical, taking account of direction changes and turnarounds.
+ * @property {string} direction The current prevalent direction for this touch, one of `LEFT`, `RIGHT`, `TOP`, `BOTTOM`.
+ * @property {float} angle Angle in degree between x axis and the vector `[x, y]`, is `null` when no movement happens.
+ *
+ * @class TouchInfo
+ * @ngdoc type
+ * @memberOf mobile-angular-ui.gestures.touch~$touch
+ */
+
+ var buildTouchInfo = function(type, c, t0, tl) {
+ // Compute values for new TouchInfo based on coordinates and previus touches.
+ // - c is coords of new touch
+ // - t0 is first touch: useful to compute duration and distance (how far pointer
+ // got from first touch)
+ // - tl is last touch: useful to compute velocity and length (total length of the movement)
+
+ t0 = t0 || {};
+ tl = tl || {};
+
+ // timestamps
+ var ts = now();
+ var ts0 = t0.timestamp || ts;
+ var tsl = tl.timestamp || ts0;
+
+ // coords
+ var x = c.x;
+ var y = c.y;
+ var x0 = t0.x || x;
+ var y0 = t0.y || y;
+ var xl = tl.x || x0;
+ var yl = tl.y || y0;
+
+ // total movement
+ var totalXl = tl.totalX || 0;
+ var totalYl = tl.totalY || 0;
+ var totalX = totalXl + abs(x - xl);
+ var totalY = totalYl + abs(y - yl);
+ var total = len(totalX, totalY);
+
+ // duration
+ var duration = timediff(ts, ts0);
+ var durationl = timediff(ts, tsl);
+
+ // distance
+ var dxl = x - xl;
+ var dyl = y - yl;
+ var dl = len(dxl, dyl);
+ var dx = x - x0;
+ var dy = y - y0;
+ var d = len(dx, dy);
+
+ // velocity (px per second)
+ var v = durationl > 0 ? abs(dl / (durationl / 1000)) : 0;
+ var tv = duration > 0 ? abs(total / (duration / 1000)) : 0;
+
+ // main direction: 'LEFT', 'RIGHT', 'TOP', 'BOTTOM'
+ var dir = abs(dx) > abs(dy) ?
+ (dx < 0 ? 'LEFT' : 'RIGHT') :
+ (dy < 0 ? 'TOP' : 'BOTTOM');
+
+ // angle (angle between distance vector and x axis)
+ // angle will be:
+ // 0 for x > 0 and y = 0
+ // 90 for y < 0 and x = 0
+ // 180 for x < 0 and y = 0
+ // -90 for y > 0 and x = 0
+ //
+ // -90°
+ // |
+ // |
+ // |
+ // 180° --------|-------- 0°
+ // |
+ // |
+ // |
+ // 90°
+ //
+ var angle = dx !== 0 || dy !== 0 ? atan2(dy, dx) * (180 / Math.PI) : null;
+ angle = angle === -180 ? 180 : angle;
+
+ return {
+ type: type,
+ timestamp: ts,
+ duration: duration,
+ startX: x0,
+ startY: y0,
+ prevX: xl,
+ prevY: yl,
+ x: c.x,
+ y: c.y,
+
+ step: dl, // distance from prev
+ stepX: dxl,
+ stepY: dyl,
+
+ velocity: v,
+ averageVelocity: tv,
+
+ distance: d, // distance from start
+ distanceX: dx,
+ distanceY: dy,
+
+ total: total, // total length of momement,
+ // considering turnaround
+ totalX: totalX,
+ totalY: totalY,
+ direction: dir,
+ angle: angle
+ };
+ };
+
+ /* ======================================
+ = Factory Method =
+ ======================================*/
+
+ this.$get = [function() {
+
+ return {
+ /**
+ *
+ * Bind touch handlers for an element.
+ *
+ * ``` js
+ * var unbind = $touch.bind(elem, {
+ * end: function(touch) {
+ * console.log('Avg Speed:', touch.averageVelocity);
+ * unbind();
+ * }
+ * });
+ * ```
+ *
+ * @param {Element|$element} element The element to bound to.
+ * @param {object} eventHandlers An object with handlers for specific touch events.
+ * @param {function} [eventHandlers.start] The callback for `touchstart` event.
+ * @param {function} [eventHandlers.end] The callback for `touchend` event.
+ * @param {function} [eventHandlers.move] The callback for `touchmove` event.
+ * @param {function} [eventHandlers.cancel] The callback for `touchcancel` event.
+ * @param {object} [options] Options.
+ * @param {integer} [options.movementThreshold] Amount of pixels of movement before start to trigger `touchmove` handlers.
+ * @param {function} [options.valid] Validity function. A `function(TouchInfo, event)⟶boolean` deciding if a touch should be handled or ignored.
+ * @param {function|Element|TextRectangle} [options.sensitiveArea] A
+ * [Bounding Client Rect](https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect) or an element
+ * or a function that takes the bound element and returns one of the previous.
+ * Sensitive area define bounduaries to release touch when movement is outside.
+ * @param {array} [options.pointerTypes] Pointer types to handle. An array of pointer types that is intended to be
+ * a subset of keys from default pointer events map (see `$touchProvider.setPointerEvents`).
+ *
+ * @returns {function} The unbind function.
+ *
+ * @memberOf mobile-angular-ui.gestures.touch~$touch
+ */
+ bind: function($element, eventHandlers, options) {
+
+ // ensure element to be an angular element
+ $element = angular.element($element);
+
+ options = options || {};
+ // uses default pointer types in case of none passed
+ var pointerTypes = options.pointerTypes || POINTER_TYPES;
+ var isValid = options.valid === undefined ? VALID : options.valid;
+ var movementThreshold = options.movementThreshold === undefined ? MOVEMENT_THRESHOLD : options.movementThreshold;
+ var sensitiveArea = options.sensitiveArea === undefined ? SENSITIVE_AREA : options.sensitiveArea;
+
+ // first and last touch
+ var t0;
+ var tl;
+
+ // events
+ var startEvents = getEvents(pointerTypes, 'start');
+ var endEvents = getEvents(pointerTypes, 'end');
+ var moveEvents = getEvents(pointerTypes, 'move');
+ var cancelEvents = getEvents(pointerTypes, 'cancel');
+
+ var startEventHandler = eventHandlers.start;
+ var endEventHandler = eventHandlers.end;
+ var moveEventHandler = eventHandlers.move;
+ var cancelEventHandler = eventHandlers.cancel;
+
+ var $movementTarget = angular.element($element[0].ownerDocument);
+ var onTouchMove;
+ var onTouchEnd;
+ var onTouchCancel;
+
+ var resetTouch = function() {
+ t0 = tl = null;
+ $movementTarget.off(moveEvents, onTouchMove);
+ $movementTarget.off(endEvents, onTouchEnd);
+ if (cancelEvents) {
+ $movementTarget.off(cancelEvents, onTouchCancel);
+ }
+ };
+
+ var isActive = function() {
+ return Boolean(t0);
+ };
+
+ //
+ // Callbacks
+ //
+
+ // on touchstart
+ var onTouchStart = function(event) {
+ // don't handle multi-touch
+ if (event.touches && event.touches.length > 1) {
+ return;
+ }
+ tl = t0 = buildTouchInfo('touchstart', getCoordinates(event));
+ $movementTarget.on(moveEvents, onTouchMove);
+ $movementTarget.on(endEvents, onTouchEnd);
+ if (cancelEvents) {
+ $movementTarget.on(cancelEvents, onTouchCancel);
+ }
+ if (startEventHandler) {
+ startEventHandler(t0, event);
+ }
+ };
+
+ // on touchCancel
+ onTouchCancel = function(event) {
+ var t = buildTouchInfo('touchcancel', getCoordinates(event), t0, tl);
+ resetTouch();
+ if (cancelEventHandler) {
+ cancelEventHandler(t, event);
+ }
+ };
+
+ // on touchMove
+ onTouchMove = function(event) {
+ // don't handle multi-touch
+ if (event.touches && event.touches.length > 1) {
+ return;
+ }
+
+ if (!isActive()) {
+ return;
+ }
+
+ var coords = getCoordinates(event);
+
+ //
+ // wont fire outside sensitive area
+ //
+ var mva = typeof sensitiveArea === 'function' ? sensitiveArea($element) : sensitiveArea;
+ mva = mva.length ? mva[0] : mva;
+
+ var mvaRect = mva instanceof Element ? mva.getBoundingClientRect() : mva;
+
+ if (coords.x < mvaRect.left || coords.x > mvaRect.right || coords.y < mvaRect.top || coords.y > mvaRect.bottom) {
+ return;
+ }
+
+ var t = buildTouchInfo('touchmove', coords, t0, tl);
+ var totalX = t.totalX;
+ var totalY = t.totalY;
+
+ tl = t;
+
+ if (totalX < movementThreshold && totalY < movementThreshold) {
+ return;
+ }
+
+ if (isValid(t, event)) {
+ if (event.cancelable === undefined || event.cancelable) {
+ event.preventDefault();
+ }
+ if (moveEventHandler) {
+ moveEventHandler(t, event);
+ }
+ }
+ };
+
+ // on touchEnd
+ onTouchEnd = function(event) {
+ // don't handle multi-touch
+ if (event.touches && event.touches.length > 1) {
+ return;
+ }
+
+ if (!isActive()) {
+ return;
+ }
+
+ var t = angular.extend({}, tl, {type: 'touchend'});
+ if (isValid(t, event)) {
+ if (event.cancelable === undefined || event.cancelable) {
+ event.preventDefault();
+ }
+ if (endEventHandler) {
+ setTimeout(function() { // weird workaround to avoid
+ // delays with dom manipulations
+ // inside the handler
+ endEventHandler(t, event);
+ }, 0);
+ }
+ }
+ resetTouch();
+ };
+
+ $element.on(startEvents, onTouchStart);
+
+ return function unbind() {
+ if ($element) { // <- wont throw if accidentally called twice
+ $element.off(startEvents, onTouchStart);
+ if (cancelEvents) {
+ $movementTarget.off(cancelEvents, onTouchCancel);
+ }
+ $movementTarget.off(moveEvents, onTouchMove);
+ $movementTarget.off(endEvents, onTouchEnd);
+
+ // Clear all those variables we carried out from `#bind` method scope
+ // to local scope and that we don't have to use anymore
+ $element = $movementTarget = startEvents = cancelEvents =
+ moveEvents = endEvents = onTouchStart = onTouchCancel =
+ onTouchMove = onTouchEnd = pointerTypes = isValid =
+ movementThreshold = sensitiveArea = null;
+ }
+ };
+ }
+ };
+ }];
+ });
+})();
diff --git a/src/js/gestures/transform.js b/src/js/gestures/transform.js
new file mode 100644
index 0000000..b80ff89
--- /dev/null
+++ b/src/js/gestures/transform.js
@@ -0,0 +1,564 @@
+/* eslint complexity: 0 */
+
+/**
+ * @module mobile-angular-ui.gestures.transform
+ * @description
+ *
+ * `mobile-angular-ui.gestures.transform` provides the `$transform` service is designed
+ * with the specific aim to provide a cross-browser way to interpolate CSS 3d transform
+ * without having to deal with CSS Matrix, and being able to take into account any previous
+ * unknown transform already applied to an element.
+ *
+ * ## Usage
+ *
+ * Require this module doing either
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ *
+ * Or standalone
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures.transform']);
+ * ```
+ *
+ * Say we have an element with applyed css:
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * ``` css
+ * .myelem {
+ * transform: translate(12px) rotate(20deg);
+ * }
+ * ```
+ *
+ * Then you can use `$transform` like this:
+ *
+ * ``` js
+ * t = $transform.get(e);
+ * t.rotationZ += 15;
+ * t.translateX += 1;
+ * $transform.set(e, t);
+ * ```
+ *
+ * ### `$transform` service API
+ *
+ * #### `$transform.fromCssMatrix(cssMatrixString) -> transform`
+ *
+ * Returns a decomposition of the transform matrix `cssMatrixString`.
+ * NOTE: 2d matrices are translated to 3d matrices before any other operation.
+ *
+ * #### `$transform.toCss(decomposedTransform)`
+ *
+ * Recompose a css string from `decomposedTransform`.
+ *
+ * Transforms are recomposed as a composition of:
+ *
+ * ``` css
+ * matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])
+ * translate3d(translation[0], translation[1], translation[2])
+ * rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])
+ * matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)
+ * matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)
+ * matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)
+ * scale3d(scale[0], scale[1], scale[2])
+ * ```
+ *
+ * #### `$transform.get(e) -> transform`
+ *
+ * Returns a decomposition of the transform matrix applied to `e`.
+ *
+ * #### `$transform.set(element, transform)`
+ *
+ * If transform is a string just set it for element `element`. Otherwise is considered as a
+ * decomposed transform and is recomposed with `$transform.toCss` and then set to element.
+ *
+ * ### The decomposed transform object
+ *
+ * Result of transform matrix decomposition is an object with the following properties:
+ *
+ * ```
+ * translateX
+ * translateY
+ * translateZ
+ * perspectiveX
+ * perspectiveY
+ * perspectiveZ
+ * perspectiveW
+ * scaleX
+ * scaleY
+ * scaleZ
+ * rotateX
+ * rotateY
+ * rotateZ
+ * skewXY
+ * skewXZ
+ * skewYZ
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ var module = angular.module('mobile-angular-ui.gestures.transform', []);
+
+ module.factory('$transform', function() {
+
+ /* ==============================================================
+ = Cross-Browser Property Prefix Handling =
+ ==============================================================*/
+
+ // Cross-Browser style properties
+ var cssPrefix;
+ var transformProperty;
+ var styleProperty;
+ var prefixes = ['', 'webkit', 'Moz', 'O', 'ms'];
+ var d = document.createElement('div');
+
+ for (var i = 0; i < prefixes.length; i++) {
+ var prefix = prefixes[i];
+ if ((prefix + 'Perspective') in d.style) {
+ cssPrefix = (prefix === '' ? '' : '-' + prefix.toLowerCase() + '-');
+ styleProperty = prefix + (prefix === '' ? 'transform' : 'Transform');
+ transformProperty = cssPrefix + 'transform';
+ break;
+ }
+ }
+
+ d = null;
+
+ // return current element transform matrix in a cross-browser way
+ var getElementTransformProperty = function(e) {
+ e = e.length ? e[0] : e;
+ var tr = window
+ .getComputedStyle(e, null)
+ .getPropertyValue(transformProperty);
+ return tr;
+ };
+
+ // set current element transform matrix in a cross-browser way
+ var setElementTransformProperty = function(elem, value) {
+ elem = elem.length ? elem[0] : elem;
+ elem.style[styleProperty] = value;
+ };
+
+ /* ======================================================
+ = Transform Matrix Decomposition =
+ ======================================================*/
+
+ var SMALL_NUMBER = 1.e-7;
+
+ var rad2deg = function(angle) {
+ return angle * 180 / Math.PI;
+ };
+
+ var sqrt = Math.sqrt;
+ var asin = Math.asin;
+ var atan2 = Math.atan2;
+ var cos = Math.cos;
+ var abs = Math.abs;
+ var floor = Math.floor;
+
+ var cloneMatrix = function(m) {
+ var res = [[], [], [], []];
+ for (var i = 0; i < m.length; i++) {
+ for (var j = 0; j < m[i].length; j++) {
+ res[i][j] = m[i][j];
+ }
+ }
+ return res;
+ };
+
+ var determinant2x2 = function(a, b, c, d) {
+ return a * d - b * c;
+ };
+
+ var determinant3x3 = function(a1, a2, a3, b1, b2, b3, c1, c2, c3) {
+ return a1 * determinant2x2(b2, b3, c2, c3) - b1 * determinant2x2(a2, a3, c2, c3) + c1 * determinant2x2(a2, a3, b2, b3);
+ };
+
+ var determinant4x4 = function(m) {
+ var a1 = m[0][0];
+ var b1 = m[0][1];
+ var c1 = m[0][2];
+ var d1 = m[0][3];
+ var a2 = m[1][0];
+ var b2 = m[1][1];
+ var c2 = m[1][2];
+ var d2 = m[1][3];
+ var a3 = m[2][0];
+ var b3 = m[2][1];
+ var c3 = m[2][2];
+ var d3 = m[2][3];
+ var a4 = m[3][0];
+ var b4 = m[3][1];
+ var c4 = m[3][2];
+ var d4 = m[3][3];
+ return a1 * determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4) -
+ b1 * determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4) +
+ c1 * determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4) -
+ d1 * determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);
+ };
+
+ var adjoint = function(m) {
+ var res = [[], [], [], []];
+ var a1 = m[0][0];
+ var b1 = m[0][1];
+ var c1 = m[0][2];
+ var d1 = m[0][3];
+ var a2 = m[1][0];
+ var b2 = m[1][1];
+ var c2 = m[1][2];
+ var d2 = m[1][3];
+ var a3 = m[2][0];
+ var b3 = m[2][1];
+ var c3 = m[2][2];
+ var d3 = m[2][3];
+ var a4 = m[3][0];
+ var b4 = m[3][1];
+ var c4 = m[3][2];
+ var d4 = m[3][3];
+
+ res[0][0] = determinant3x3(b2, b3, b4, c2, c3, c4, d2, d3, d4);
+ res[1][0] = -determinant3x3(a2, a3, a4, c2, c3, c4, d2, d3, d4);
+ res[2][0] = determinant3x3(a2, a3, a4, b2, b3, b4, d2, d3, d4);
+ res[3][0] = -determinant3x3(a2, a3, a4, b2, b3, b4, c2, c3, c4);
+ res[0][1] = -determinant3x3(b1, b3, b4, c1, c3, c4, d1, d3, d4);
+ res[1][1] = determinant3x3(a1, a3, a4, c1, c3, c4, d1, d3, d4);
+ res[2][1] = -determinant3x3(a1, a3, a4, b1, b3, b4, d1, d3, d4);
+ res[3][1] = determinant3x3(a1, a3, a4, b1, b3, b4, c1, c3, c4);
+ res[0][2] = determinant3x3(b1, b2, b4, c1, c2, c4, d1, d2, d4);
+ res[1][2] = -determinant3x3(a1, a2, a4, c1, c2, c4, d1, d2, d4);
+ res[2][2] = determinant3x3(a1, a2, a4, b1, b2, b4, d1, d2, d4);
+ res[3][2] = -determinant3x3(a1, a2, a4, b1, b2, b4, c1, c2, c4);
+ res[0][3] = -determinant3x3(b1, b2, b3, c1, c2, c3, d1, d2, d3);
+ res[1][3] = determinant3x3(a1, a2, a3, c1, c2, c3, d1, d2, d3);
+ res[2][3] = -determinant3x3(a1, a2, a3, b1, b2, b3, d1, d2, d3);
+ res[3][3] = determinant3x3(a1, a2, a3, b1, b2, b3, c1, c2, c3);
+
+ return res;
+ };
+
+ var inverse = function(m) {
+ var res = adjoint(m);
+ var det = determinant4x4(m);
+ if (abs(det) < SMALL_NUMBER) {
+ return false;
+ }
+
+ for (var i = 0; i < 4; i++) {
+ for (var j = 0; j < 4; j++) {
+ res[i][j] /= det;
+ }
+ }
+ return res;
+ };
+
+ var transposeMatrix4 = function(m) {
+ var res = [[], [], [], []];
+ for (var i = 0; i < 4; i++) {
+ for (var j = 0; j < 4; j++) {
+ res[i][j] = m[j][i];
+ }
+ }
+ return res;
+ };
+
+ var v4MulPointByMatrix = function(p, m) {
+ var res = [];
+
+ res[0] = (p[0] * m[0][0]) + (p[1] * m[1][0]) +
+ (p[2] * m[2][0]) + (p[3] * m[3][0]);
+ res[1] = (p[0] * m[0][1]) + (p[1] * m[1][1]) +
+ (p[2] * m[2][1]) + (p[3] * m[3][1]);
+ res[2] = (p[0] * m[0][2]) + (p[1] * m[1][2]) +
+ (p[2] * m[2][2]) + (p[3] * m[3][2]);
+ res[3] = (p[0] * m[0][3]) + (p[1] * m[1][3]) +
+ (p[2] * m[2][3]) + (p[3] * m[3][3]);
+
+ return res;
+ };
+
+ var v3Length = function(a) {
+ return sqrt((a[0] * a[0]) + (a[1] * a[1]) + (a[2] * a[2]));
+ };
+
+ var v3Scale = function(v, desiredLength) {
+ var res = [];
+ var len = v3Length(v);
+ if (len !== 0) {
+ var l = desiredLength / len;
+ res[0] *= l;
+ res[1] *= l;
+ res[2] *= l;
+ }
+ return res;
+ };
+
+ var v3Dot = function(a, b) {
+ return (a[0] * b[0]) + (a[1] * b[1]) + (a[2] * b[2]);
+ };
+
+ var v3Combine = function(a, b, ascl, bscl) {
+ var res = [];
+ res[0] = (ascl * a[0]) + (bscl * b[0]);
+ res[1] = (ascl * a[1]) + (bscl * b[1]);
+ res[2] = (ascl * a[2]) + (bscl * b[2]);
+ return res;
+ };
+
+ var v3Cross = function(a, b) {
+ var res = [];
+ res[0] = (a[1] * b[2]) - (a[2] * b[1]);
+ res[1] = (a[2] * b[0]) - (a[0] * b[2]);
+ res[2] = (a[0] * b[1]) - (a[1] * b[0]);
+ return res;
+ };
+
+ var decompose = function(mat) {
+ var result = {};
+ var localMatrix = cloneMatrix(mat);
+ var i;
+ var j;
+
+ // Normalize the matrix.
+ if (localMatrix[3][3] === 0) {
+ return false;
+ }
+
+ for (i = 0; i < 4; i++) {
+ for (j = 0; j < 4; j++) {
+ localMatrix[i][j] /= localMatrix[3][3];
+ }
+ }
+
+ var perspectiveMatrix = cloneMatrix(localMatrix);
+ for (i = 0; i < 3; i++) {
+ perspectiveMatrix[i][3] = 0;
+ }
+ perspectiveMatrix[3][3] = 1;
+
+ if (determinant4x4(perspectiveMatrix) === 0) {
+ return false;
+ }
+
+ // First, isolate perspective. This is the messiest.
+ if (localMatrix[0][3] !== 0 || localMatrix[1][3] !== 0 || localMatrix[2][3] !== 0) {
+ // rightHandSide is the right hand side of the equation.
+ var rightHandSide = [];
+ rightHandSide[0] = localMatrix[0][3];
+ rightHandSide[1] = localMatrix[1][3];
+ rightHandSide[2] = localMatrix[2][3];
+ rightHandSide[3] = localMatrix[3][3];
+
+ // Solve the equation by inverting perspectiveMatrix and multiplying
+ // rightHandSide by the inverse. (This is the easiest way, not
+ // necessarily the best.)
+ var inversePerspectiveMatrix = inverse(perspectiveMatrix);
+ var transposedInversePerspectiveMatrix = transposeMatrix4(inversePerspectiveMatrix);
+ var perspectivePoint = v4MulPointByMatrix(rightHandSide, transposedInversePerspectiveMatrix);
+
+ result.perspectiveX = perspectivePoint[0];
+ result.perspectiveY = perspectivePoint[1];
+ result.perspectiveZ = perspectivePoint[2];
+ result.perspectiveW = perspectivePoint[3];
+
+ // Clear the perspective partition
+ localMatrix[0][3] = localMatrix[1][3] = localMatrix[2][3] = 0;
+ localMatrix[3][3] = 1;
+ } else {
+ // No perspective.
+ result.perspectiveX = result.perspectiveY = result.perspectiveZ = 0;
+ result.perspectiveW = 1;
+ }
+
+ // Next take care of translation (easy).
+ result.translateX = localMatrix[3][0];
+ localMatrix[3][0] = 0;
+ result.translateY = localMatrix[3][1];
+ localMatrix[3][1] = 0;
+ result.translateZ = localMatrix[3][2];
+ localMatrix[3][2] = 0;
+
+ // Now get scale and shear.
+ var row = [[], [], []];
+ var pdum3;
+
+ for (i = 0; i < 3; i++) {
+ row[i][0] = localMatrix[i][0];
+ row[i][1] = localMatrix[i][1];
+ row[i][2] = localMatrix[i][2];
+ }
+
+ // Compute X scale factor and normalize first row.
+ result.scaleX = v3Length(row[0]);
+ v3Scale(row[0], 1.0);
+
+ // Compute XY shear factor and make 2nd row orthogonal to 1st.
+ result.skewXY = v3Dot(row[0], row[1]);
+ v3Combine(row[1], row[0], row[1], 1.0, -result.skewXY);
+
+ // Now, compute Y scale and normalize 2nd row.
+ result.scaleY = v3Length(row[1]);
+ v3Scale(row[1], 1.0);
+ result.skewXY /= result.scaleY;
+
+ // Compute XZ and YZ shears, orthogonalize 3rd row.
+ result.skewXZ = v3Dot(row[0], row[2]);
+ v3Combine(row[2], row[0], row[2], 1.0, -result.skewXZ);
+ result.skewYZ = v3Dot(row[1], row[2]);
+ v3Combine(row[2], row[1], row[2], 1.0, -result.skewYZ);
+
+ // Next, get Z scale and normalize 3rd row.
+ result.scaleZ = v3Length(row[2]);
+ v3Scale(row[2], 1.0);
+ result.skewXZ /= result.scaleZ;
+ result.skewYZ /= result.scaleZ;
+
+ // At this point, the matrix (in rows[]) is orthonormal.
+ // Check for a coordinate system flip. If the determinant
+ // is -1, then negate the matrix and the scaling factors.
+ pdum3 = v3Cross(row[1], row[2]);
+
+ if (v3Dot(row[0], pdum3) < 0) {
+ for (i = 0; i < 3; i++) {
+ result.scaleX *= -1;
+ row[i][0] *= -1;
+ row[i][1] *= -1;
+ row[i][2] *= -1;
+ }
+ }
+
+ // Rotation (angles smaller then SMALL_NUMBER are zeroed)
+ result.rotateY = rad2deg(asin(-row[0][2])) || 0;
+ if (cos(result.rotateY) === 0) {
+ result.rotateX = rad2deg(atan2(-row[2][0], row[1][1])) || 0;
+ result.rotateZ = 0;
+ } else {
+ result.rotateX = rad2deg(atan2(row[1][2], row[2][2])) || 0;
+ result.rotateZ = rad2deg(atan2(row[0][1], row[0][0])) || 0;
+ }
+
+ return result;
+ };
+
+ /* =========================================
+ = Factory interface =
+ =========================================*/
+
+ var fCom = function(n, def) {
+ // avoid scientific notation with toFixed
+ var val = (n || def || 0);
+ return String(val.toFixed(20));
+ };
+
+ var fPx = function(n, def) {
+ return fCom(n, def) + 'px';
+ };
+
+ var fDeg = function(n, def) {
+ return fCom(n, def) + 'deg';
+ };
+
+ return {
+ fromCssMatrix: function(tr) {
+ var M = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1]];
+
+ // Just returns identity in case no transform is setup for the element
+ if (tr && tr !== 'none') {
+ var elems = tr.split('(')[1].split(')')[0].split(',').map(Number);
+
+ // Is a 2d transform: matrix(a, b, c, d, tx, ty) is a shorthand
+ // for matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1)
+ if (tr.match(/^matrix\(/)) {
+ M[0][0] = elems[0];
+ M[1][0] = elems[1];
+ M[0][1] = elems[2];
+ M[1][1] = elems[3];
+ M[3][0] = elems[4];
+ M[3][1] = elems[5];
+
+ // Is a 3d transform, set elements by rows
+ } else {
+ for (var i = 0; i < 16; i++) {
+ var row = floor(i / 4);
+ var col = i % 4;
+ M[row][col] = elems[i];
+ }
+ }
+ }
+ return decompose(M);
+ },
+
+ toCss: function(t) {
+ //
+ // Transforms are recomposed as a composition of:
+ //
+ // matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, perspective[0], perspective[1], perspective[2], perspective[3])
+ // translate3d(translation[0], translation[1], translation[2])
+ // rotateX(rotation[0]) rotateY(rotation[1]) rotateZ(rotation[2])
+ // matrix3d(1,0,0,0, 0,1,0,0, 0,skew[2],1,0, 0,0,0,1)
+ // matrix3d(1,0,0,0, 0,1,0,0, skew[1],0,1,0, 0,0,0,1)
+ // matrix3d(1,0,0,0, skew[0],1,0,0, 0,0,1,0, 0,0,0,1)
+ // scale3d(scale[0], scale[1], scale[2])
+ //
+
+ var perspective = [
+ fCom(t.perspectiveX),
+ fCom(t.perspectiveY),
+ fCom(t.perspectiveZ),
+ fCom(t.perspectiveW, 1)
+ ];
+ var translate = [
+ fPx(t.translateX),
+ fPx(t.translateY),
+ fPx(t.translateZ)
+ ];
+ var scale = [
+ fCom(t.scaleX),
+ fCom(t.scaleY),
+ fCom(t.scaleZ)
+ ];
+ var rotation = [
+ fDeg(t.rotateX),
+ fDeg(t.rotateY),
+ fDeg(t.rotateZ)
+ ];
+ var skew = [
+ fCom(t.skewXY),
+ fCom(t.skewXZ),
+ fCom(t.skewYZ)
+ ];
+
+ return [
+ 'matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,' + perspective.join(',') + ')',
+ 'translate3d(' + translate.join(',') + ')',
+ 'rotateX(' + rotation[0] + ') rotateY(' + rotation[1] + ') rotateZ(' + rotation[2] + ')',
+ 'matrix3d(1,0,0,0,0,1,0,0,0,' + skew[2] + ',1,0,0,0,0,1)',
+ 'matrix3d(1,0,0,0,0,1,0,0,' + skew[1] + ',0,1,0,0,0,0,1)',
+ 'matrix3d(1,0,0,0,' + skew[0] + ',1,0,0,0,0,1,0,0,0,0,1)',
+ 'scale3d(' + scale.join(',') + ')'
+ ].join(' ');
+ },
+
+ //
+ // Returns a decomposition of the transform matrix applied
+ // to `e`;
+ //
+ // NOTE: 2d matrices are translated to 3d matrices
+ // before any other operation.
+ //
+ get: function(e) {
+ return this.fromCssMatrix(getElementTransformProperty(e));
+ },
+
+ // Recompose a transform from decomposition `t` and apply it to element `e`
+ set: function(e, t) {
+ var str = (typeof t === 'string') ? t : this.toCss(t);
+ setElementTransformProperty(e, str);
+ }
+ };
+ });
+})();
diff --git a/src/js/lib/active-links.js b/src/js/lib/active-links.js
deleted file mode 100644
index be12334..0000000
--- a/src/js/lib/active-links.js
+++ /dev/null
@@ -1,21 +0,0 @@
-angular.module("mobile-angular-ui.active-links", []).run([
- "$rootScope", function($rootScope) {
- return angular.forEach(["$locationChangeSuccess", "$includeContentLoaded"], function(evtName) {
- return $rootScope.$on(evtName, function() {
- var newPath;
- newPath = window.location.href;
- angular.forEach(document.links, function(domLink) {
- var link;
- link = angular.element(domLink);
- if (domLink.href === newPath) {
- link.addClass("active");
- } else {
- link.removeClass("active");
- }
- return link = null;
- });
- return newPath = null;
- });
- });
- }
-]);
diff --git a/src/js/lib/capture.js b/src/js/lib/capture.js
deleted file mode 100644
index 9953bc2..0000000
--- a/src/js/lib/capture.js
+++ /dev/null
@@ -1,90 +0,0 @@
-angular.module("mobile-angular-ui.directives.capture", [])
-
-.run([
- "CaptureService", "$rootScope", function(CaptureService, $rootScope) {
- $rootScope.$on('$routeChangeStart', function() {
- CaptureService.resetAll();
- });
- }
-])
-
-.factory("CaptureService", [
- "$compile", function($compile) {
- var yielders = {};
-
- return {
- resetAll: function() {
- for (name in yielders) {
- this.resetYielder(name);
- }
- },
-
- resetYielder: function(name) {
- var b = yielders[name];
- this.setContentFor(name, b.defaultContent, b.defaultScope);
- },
-
- putYielder: function(name, element, defaultScope, defaultContent) {
- var yielder = {};
- yielder.name = name;
- yielder.element = element;
- yielder.defaultContent = defaultContent || "";
- yielder.defaultScope = defaultScope;
- yielders[name] = yielder;
- },
-
- getYielder: function(name) {
- return yielders[name];
- },
-
- removeYielder: function(name) {
- delete yielders[name];
- },
-
- setContentFor: function(name, content, scope) {
- var b = yielders[name];
- if (!b) {
- return;
- }
- b.element.html(content);
- $compile(b.element.contents())(scope);
- }
-
- };
- }
-])
-
-.directive("contentFor", [
- "CaptureService", function(CaptureService) {
- return {
- compile: function(tElem, tAttrs) {
- var rawContent = tElem.html();
- if(tAttrs.duplicate == null) {
- // no need to compile anything!
- tElem.html("");
- }
- return function postLink(scope, elem, attrs) {
- CaptureService.setContentFor(attrs.contentFor, rawContent, scope);
- if (attrs.duplicate == null) {
- elem.remove();
- }
- }
- }
- };
- }
-])
-
-.directive("yieldTo", [
- "$compile", "CaptureService", function($compile, CaptureService) {
- return {
- link: function(scope, element, attr) {
- CaptureService.putYielder(attr.yieldTo, element, scope, element.html());
- element.contents().remove();
-
- scope.$on('$destroy', function(){
- CaptureService.removeYielder(attr.yieldTo);
- });
- }
- };
- }
-]);
diff --git a/src/js/lib/carousel.js b/src/js/lib/carousel.js
deleted file mode 100644
index b959b2f..0000000
--- a/src/js/lib/carousel.js
+++ /dev/null
@@ -1,81 +0,0 @@
-angular.module('mobile-angular-ui.directives.carousel', [])
-
-.run(["$rootScope", function($rootScope) {
-
- $rootScope.carouselPrev = function(id) {
- $rootScope.$emit("mobile-angular-ui.carousel.prev", id);
- };
-
- $rootScope.carouselNext = function(id) {
- $rootScope.$emit("mobile-angular-ui.carousel.next", id);
- };
-
- var carouselItems = function(id) {
- var elem = angular.element(document.getElementById(id));
- var res = angular.element(elem.children()[0]).children();
- elem = null;
- return res;
- };
-
- var findActiveItemIndex = function(items) {
- var idx = -1;
- var found = false;
-
- for (var _i = 0; _i < items.length; _i++) {
- item = items[_i];
- idx += 1;
- if (angular.element(item).hasClass('active')) {
- found = true;
- break;
- }
- }
-
- if (found) {
- return idx;
- } else {
- return -1;
- }
-
- };
-
- $rootScope.$on("mobile-angular-ui.carousel.prev", function(e, id) {
- var items = carouselItems(id);
- var idx = findActiveItemIndex(items);
- var lastIdx = items.length - 1;
-
- if (idx !== -1) {
- angular.element(items[idx]).removeClass("active");
- }
-
- if (idx <= 0) {
- angular.element(items[lastIdx]).addClass("active");
- } else {
- angular.element(items[idx - 1]).addClass("active");
- }
-
- items = null;
- idx = null;
- lastIdx = null;
- });
-
- $rootScope.$on("mobile-angular-ui.carousel.next", function(e, id) {
- var items = carouselItems(id);
- var idx = findActiveItemIndex(items);
- var lastIdx = items.length - 1;
-
- if (idx !== -1) {
- angular.element(items[idx]).removeClass("active");
- }
-
- if (idx === lastIdx) {
- angular.element(items[0]).addClass("active");
- } else {
- angular.element(items[idx + 1]).addClass("active");
- }
-
- items = null;
- idx = null;
- lastIdx = null;
- });
- }
-]);
diff --git a/src/js/lib/fastclick.js b/src/js/lib/fastclick.js
deleted file mode 100644
index a86c360..0000000
--- a/src/js/lib/fastclick.js
+++ /dev/null
@@ -1,40 +0,0 @@
-// Provides touch events via fastclick.js
-angular.module('mobile-angular-ui.fastclick', [])
-
-.run([
- '$window', '$document', function($window, $document) {
- $window.addEventListener("load", (function() {
- FastClick.attach($document[0].body);
- }), false);
- }
-])
-
-.directive("select", function() {
- return {
- replace: false,
- restrict: "E",
- link: function(scope, element, attr) {
- element.addClass("needsclick");
- }
- };
-})
-
-.directive("input", function() {
- return {
- replace: false,
- restrict: "E",
- link: function(scope, element, attr) {
- element.addClass("needsclick");
- }
- };
-})
-
-.directive("textarea", function() {
- return {
- replace: false,
- restrict: "E",
- link: function(scope, element, attr) {
- element.addClass("needsclick");
- }
- };
-})
diff --git a/src/js/lib/forms.js b/src/js/lib/forms.js
deleted file mode 100644
index a1cbc1b..0000000
--- a/src/js/lib/forms.js
+++ /dev/null
@@ -1,97 +0,0 @@
-angular.module('mobile-angular-ui.directives.forms', [])
-
-.directive("bsFormControl", function() {
- var bs_col_classes = {};
- var bs_col_sizes = ['xs', 'sm', 'md', 'lg'];
-
- for (var i = 0; i < bs_col_sizes.length; i++) {
- for (var j = 1; j <= 12; j++) {
- bs_col_classes['col-' + bs_col_sizes[i] + "-" + j] = true;
- }
- };
-
- function separeBsColClasses(clss) {
- var intersection = "";
- var difference = "";
-
- for (var i = 0; i < clss.length; i++) {
- var v = clss[i];
- if (v in bs_col_classes) {
- intersection += (v + " ");
- } else {
- difference += (v + " ");
- }
- }
-
- return {i: intersection.trim(), d: difference.trim()};
- }
-
- return {
- replace: true,
- require: "ngModel",
- link: function(scope, elem, attrs) {
-
- if (attrs.labelClass == null) {
- attrs.labelClass = "";
- }
-
- if (attrs.id == null) {
- attrs.id = attrs.ngModel.replace(".", "_") + "_input";
- }
-
- if ((elem[0].tagName == "SELECT") || ((elem[0].tagName == "INPUT" || elem[0].tagName == "TEXTAREA") && (attrs.type != "checkbox" && attrs.type != "radio"))) {
- elem.addClass("form-control");
- }
-
- var label = angular.element("");
- var w1 = angular.element("");
- var w2 = angular.element("");
-
- var labelColClasses = separeBsColClasses(attrs.labelClass.split(/\s+/));
- if (labelColClasses.i == "") {
- label.addClass("col-xs-12");
- }
- label.addClass(attrs.labelClass);
-
- var elemColClasses = separeBsColClasses(elem[0].className.split(/\s+/));
- elem.removeClass(elemColClasses.i);
- w2.addClass(elemColClasses.i);
- if (elemColClasses.i == "") {
- w2.addClass("col-xs-12");
- }
- elem.wrap(w1).wrap(w2);
- elem.parent().parent().prepend(label);
- elem.attr('id', attrs.id);
-
- label = w1 = w2 = labelColClasses = elemColClasses = null;
- }
- };
-})
-
-.directive("switch", function() {
- return {
- restrict: "EA",
- replace: true,
- scope: {
- model: "=ngModel",
- changeExpr: "@ngChange",
- disabled: "@"
- },
- template: "",
- link: function(scope, elem, attrs) {
-
- elem.on('click tap', function(){
- if (attrs.disabled == null) {
- scope.model = !scope.model;
- scope.$apply();
-
- if (scope.changeExpr != null) {
- scope.$parent.$eval(scope.changeExpr);
- };
- }
- });
-
- elem.addClass('switch-transition-enabled');
- }
- };
-});
\ No newline at end of file
diff --git a/src/js/lib/navbars.js b/src/js/lib/navbars.js
deleted file mode 100644
index a31f033..0000000
--- a/src/js/lib/navbars.js
+++ /dev/null
@@ -1,21 +0,0 @@
-angular.module('mobile-angular-ui.directives.navbars', [])
-
-.directive('navbarAbsoluteTop', function() {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- elem.parent().addClass('has-navbar-top');
- }
- };
-})
-
-.directive('navbarAbsoluteBottom', function() {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- elem.parent().addClass('has-navbar-bottom');
- }
- };
-});
\ No newline at end of file
diff --git a/src/js/lib/overlay.js b/src/js/lib/overlay.js
deleted file mode 100644
index f6b4295..0000000
--- a/src/js/lib/overlay.js
+++ /dev/null
@@ -1,34 +0,0 @@
-angular.module('mobile-angular-ui.directives.overlay', []).directive('overlay', [
- "$compile", function($compile) {
- return {
- compile: function(tElem, tAttrs) {
- var rawContent = tElem.html();
- return function postLink(scope, elem, attrs) {
- var active = "";
- var body = rawContent;
- var id = attrs.overlay;
-
- if (attrs["default"] != null) {
- var active = "default='" + attrs["default"] + "'";
- }
-
- var html = "";
- elem.remove();
-
- var sameId = angular.element(document.getElementById(id));
-
- if (sameId.length > 0 && sameId.hasClass('overlay')) {
- sameId.remove();
- }
-
- body = angular.element(document.body);
- body.prepend($compile(html)(scope));
-
- if (attrs["default"] === "active") {
- body.addClass('overlay-in');
- }
- }
- }
- };
- }
-]);
diff --git a/src/js/lib/panel.js b/src/js/lib/panel.js
deleted file mode 100644
index e00c5bf..0000000
--- a/src/js/lib/panel.js
+++ /dev/null
@@ -1,20 +0,0 @@
-angular.module("mobile-angular-ui.directives.panels", [])
-
-.directive("bsPanel", function() {
- return {
- restrict: 'EA',
- replace: true,
- scope: false,
- transclude: true,
- link: function(scope, elem, attrs) {
- elem.removeAttr('title');
- },
- template: function(elems, attrs) {
- var heading = "";
- if (attrs.title) {
- heading = "
\n
";
- }
- return "\n " + attrs.title + "\n
\n\n " + heading + "\n
";
- }
- };
-});
\ No newline at end of file
diff --git a/src/js/lib/pointer-events.js b/src/js/lib/pointer-events.js
deleted file mode 100644
index 39c47c2..0000000
--- a/src/js/lib/pointer-events.js
+++ /dev/null
@@ -1,17 +0,0 @@
-angular.module('mobile-angular-ui.pointer-events', []).run([
- '$document', function($document) {
- return angular.element($document).on("click tap", function(e) {
- var target;
- target = angular.element(e.target);
- if (target.hasClass("disabled")) {
- e.preventDefault();
- e.stopPropagation();
- target = null;
- return false;
- } else {
- target = null;
- return true;
- }
- });
- }
-]);
diff --git a/src/js/lib/scrollable.js b/src/js/lib/scrollable.js
deleted file mode 100644
index 703801a..0000000
--- a/src/js/lib/scrollable.js
+++ /dev/null
@@ -1,21 +0,0 @@
- // Provides a scrollable implementation based on Overthrow
- // Many thanks to pavei (https://github.com/pavei) to submit
- // basic implementation
-
-angular.module("mobile-angular-ui.scrollable", [])
-
-.directive("scrollableContent", [
- function() {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, element, attr) {
- if (overthrow.support !== "native") {
- element.addClass("overthrow");
- overthrow.forget();
- return overthrow.set();
- }
- }
- };
- }
-]);
\ No newline at end of file
diff --git a/src/js/lib/sidebars.js b/src/js/lib/sidebars.js
deleted file mode 100644
index ba132ae..0000000
--- a/src/js/lib/sidebars.js
+++ /dev/null
@@ -1,68 +0,0 @@
-angular.module('mobile-angular-ui.directives.sidebars', [])
-
-.directive('sidebar', ['$document', '$rootScope', function($document, $rootScope) {
- return {
- replace: false,
- restrict: "C",
- link: function(scope, elem, attrs) {
- var shouldCloseOnOuterClicks = true;
-
- if( attrs.closeOnOuterClicks == 'false' || attrs.closeOnOuterClicks == '0') {
- shouldCloseOnOuterClicks = false;
- }
-
- if (elem.hasClass('sidebar-left')) {
- elem.parent().addClass('has-sidebar-left');
- }
-
- if (elem.hasClass('sidebar-right')) {
- elem.parent().addClass('has-sidebar-right');
- }
-
- var isAncestorOrSelf = function(element, target) {
- var parent = element;
-
- while (parent.length > 0) {
- if (parent[0] === target[0]) {
- parent = null;
- return true;
- }
- parent = parent.parent();
- }
-
- parent = null;
- return false;
- };
-
- var closeOnOuterClicks = function(e) {
- if(! isAncestorOrSelf(angular.element(e.target), elem)) {
- $rootScope.toggle(attrs.id, 'off');
- e.preventDefault()
- return false;
- }
- }
-
- var clearCb1 = angular.noop();
-
- if (shouldCloseOnOuterClicks) {
- clearCb1 = $rootScope.$on('mobile-angular-ui.toggle.toggled', function(e, id, active){
- if(id == attrs.id) {
- if(active) {
- setTimeout(function(){
- $document.on('click tap', closeOnOuterClicks);
- }, 300);
- } else {
- $document.unbind('click tap', closeOnOuterClicks);
- }
- }
- });
- }
-
- scope.$on('$destroy', function(){
- clearCb1();
- $document.unbind('click tap', closeOnOuterClicks);
- });
-
- }
- };
-}]);
diff --git a/src/js/lib/toggle.js b/src/js/lib/toggle.js
deleted file mode 100644
index 3353265..0000000
--- a/src/js/lib/toggle.js
+++ /dev/null
@@ -1,223 +0,0 @@
-angular.module('mobile-angular-ui.directives.toggle', [])
-
-.factory('ToggleHelper', [
- '$rootScope', function($rootScope) {
- return {
-
- events: {
- toggle: "mobile-angular-ui.toggle.toggle",
- toggleByClass: "mobile-angular-ui.toggle.toggleByClass",
- togglerLinked: "mobile-angular-ui.toggle.linked",
- toggleableToggled: "mobile-angular-ui.toggle.toggled"
- },
-
- commands: {
- alternate: "toggle",
- activate: "on",
- deactivate: "off"
- },
-
- toggle: function(target, command) {
- if (command == null) {
- command = "toggle";
- }
- $rootScope.$emit(this.events.toggle, target, command);
- },
-
- toggleByClass: function(targetClass, command) {
- if (command == null) {
- command = "toggle";
- }
- $rootScope.$emit(this.events.toggleByClass, targetClass, command);
- },
-
- notifyToggleState: function(elem, attrs, toggleState) {
- $rootScope.$emit(this.events.toggleableToggled, attrs.id, toggleState, attrs.exclusionGroup);
- },
-
- toggleStateChanged: function(elem, attrs, toggleState) {
- this.updateElemClasses(elem, attrs, toggleState);
- this.notifyToggleState(elem, attrs, toggleState);
- },
-
- applyCommand: function(command, oldState) {
- switch (command) {
- case this.commands.activate:
- return true;
- case this.commands.deactivate:
- return false;
- case this.commands.alternate:
- return !oldState;
- }
- },
-
- updateElemClasses: function(elem, attrs, active) {
-
- if (active) {
- if (attrs.activeClass) {
- elem.addClass(attrs.activeClass);
- }
- if (attrs.inactiveClass) {
- elem.removeClass(attrs.inactiveClass);
- }
- var parent = elem.parent();
- if (attrs.parentActiveClass) {
- parent.addClass(attrs.parentActiveClass);
- }
- if (attrs.parentInactiveClass) {
- parent.removeClass(attrs.parentInactiveClass);
- }
- } else {
- if (attrs.inactiveClass) {
- elem.addClass(attrs.inactiveClass);
- }
- if (attrs.activeClass) {
- elem.removeClass(attrs.activeClass);
- }
- var parent = elem.parent();
- if (attrs.parentInactiveClass) {
- parent.addClass(attrs.parentInactiveClass);
- }
- if (attrs.parentActiveClass) {
- parent.removeClass(attrs.parentActiveClass);
- }
- }
- }
- };
- }
-])
-
-.run([
- "$rootScope", "ToggleHelper", function($rootScope, ToggleHelper) {
-
- $rootScope.toggle = function(target, command) {
- if (command == null) {
- command = "toggle";
- }
- ToggleHelper.toggle(target, command);
- };
-
- $rootScope.toggleByClass = function(targetClass, command) {
- if (command == null) {
- command = "toggle";
- }
- ToggleHelper.toggleByClass(targetClass, command);
- };
- }
-])
-
-.directive('toggle', [
- "$rootScope", "ToggleHelper", function($rootScope, ToggleHelper) {
- return {
- restrict: "A",
- link: function(scope, elem, attrs) {
- var command = attrs.toggle || ToggleHelper.commands.alternate;
- var target = attrs.target;
- var targetClass = attrs.targetClass;
- var bubble = attrs.bubble === "true" || attrs.bubble === "1" || attrs.bubble === 1 || attrs.bubble === "" || attrs.bubble === "bubble";
-
- if ((!target) && attrs.href) {
- target = attrs.href.slice(1);
- }
-
- if (!(target || targetClass)) {
- throw "'target' or 'target-class' attribute required with 'toggle'";
- }
-
- elem.on("click tap", function(e) {
- var angularElem = angular.element(e.target);
- if (!angularElem.hasClass("disabled")) {
- if (target != null) {
- ToggleHelper.toggle(target, command);
- }
- if (targetClass != null) {
- ToggleHelper.toggleByClass(targetClass, command);
- }
- if (!bubble) {
- e.preventDefault();
- return false;
- } else {
- return true;
- }
- }
- });
-
- var unbindUpdateElemClasses = $rootScope.$on(ToggleHelper.events.toggleableToggled, function(e, id, newState) {
- if (id === target) {
- ToggleHelper.updateElemClasses(elem, attrs, newState);
- }
- });
-
- if (target != null) {
- $rootScope.$emit(ToggleHelper.events.togglerLinked, target);
- }
-
- scope.$on('$destroy', unbindUpdateElemClasses);
- }
- };
- }
-])
-
-.directive('toggleable', [
- "$rootScope", "ToggleHelper", function($rootScope, ToggleHelper) {
- return {
- restrict: "A",
- link: function(scope, elem, attrs) {
- var toggleState = false;
-
- if (attrs["default"]) {
- switch (attrs["default"]) {
- case "active":
- toggleState = true;
- break;
- case "inactive":
- toggleState = false;
- }
- ToggleHelper.toggleStateChanged(elem, attrs, toggleState);
- }
-
- var unbindToggle = $rootScope.$on(ToggleHelper.events.toggle, function(e, target, command) {
- var oldState;
- if (target === attrs.id) {
- oldState = toggleState;
- toggleState = ToggleHelper.applyCommand(command, oldState);
- if (oldState !== toggleState) {
- ToggleHelper.toggleStateChanged(elem, attrs, toggleState);
- }
- }
- });
-
- var unbindToggleByClass = $rootScope.$on(ToggleHelper.events.toggleByClass, function(e, targetClass, command) {
- var oldState;
- if (elem.hasClass(targetClass)) {
- oldState = toggleState;
- toggleState = ToggleHelper.applyCommand(command, oldState);
- if (oldState !== toggleState) {
- ToggleHelper.toggleStateChanged(elem, attrs, toggleState);
- }
- }
- });
-
- var unbindToggleableToggled = $rootScope.$on(ToggleHelper.events.toggleableToggled, function(e, target, newState, sameGroup) {
- if (newState && (attrs.id !== target) && (attrs.exclusionGroup === sameGroup) && (attrs.exclusionGroup != null)) {
- toggleState = false;
- ToggleHelper.toggleStateChanged(elem, attrs, toggleState);
- }
- });
-
- var unbindTogglerLinked = $rootScope.$on(ToggleHelper.events.togglerLinked, function(e, target) {
- if (attrs.id === target) {
- ToggleHelper.notifyToggleState(elem, attrs, toggleState);
- }
- });
-
- scope.$on('$destroy', function() {
- unbindToggle();
- unbindToggleByClass();
- unbindToggleableToggled();
- unbindTogglerLinked();
- });
- }
- };
- }
-]);
diff --git a/src/js/mobile-angular-ui.components.js b/src/js/mobile-angular-ui.components.js
new file mode 100644
index 0000000..fe66065
--- /dev/null
+++ b/src/js/mobile-angular-ui.components.js
@@ -0,0 +1,32 @@
+/**
+ * @module mobile-angular-ui.components
+ *
+ * @description
+ *
+ * It has directives and services providing mobile friendly
+ * components like navbars and sidebars.
+ * It requires `mobile-angular-ui.base.css`
+ * in order to work properly.
+ *
+ * ## Standalone Usage
+ *
+ * Although `.components` module is required by `mobile-angular-ui` by default
+ * you can use it alone. Some submodules requires `mobile-angular-ui.core` to work,
+ * so be sure its sources are available.
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.components']);
+ * ```
+ *
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.components', [
+ 'mobile-angular-ui.components.modals',
+ 'mobile-angular-ui.components.navbars',
+ 'mobile-angular-ui.components.sidebars',
+ 'mobile-angular-ui.components.scrollable',
+ 'mobile-angular-ui.components.switch'
+ ]);
+})();
diff --git a/src/js/mobile-angular-ui.core.js b/src/js/mobile-angular-ui.core.js
new file mode 100644
index 0000000..a5b3f2b
--- /dev/null
+++ b/src/js/mobile-angular-ui.core.js
@@ -0,0 +1,38 @@
+/**
+ * @module mobile-angular-ui.core
+ *
+ * @description
+ *
+ * It has all the core functionalities of Mobile Angular UI. It aims to act as a common base
+ * for an UI framework providing services and directives to create components and implement
+ * UI interactions with angular.
+ *
+ * \n \n
\n
+ * NOTE
+ *
+ *
+ * ## Standalone Usage
+ *
+ * Although `.core` module is required by `mobile-angular-ui` by default you can use it alone.
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.core']);
+ * ```
+ */
+(function() {
+ 'use strict';
+ angular.module('mobile-angular-ui.core', [
+ 'mobile-angular-ui.core.fastclick',
+ 'mobile-angular-ui.core.activeLinks',
+ 'mobile-angular-ui.core.capture',
+ 'mobile-angular-ui.core.outerClick',
+ 'mobile-angular-ui.core.sharedState',
+ 'mobile-angular-ui.core.touchmoveDefaults'
+ ]);
+})();
diff --git a/src/js/mobile-angular-ui.gestures.js b/src/js/mobile-angular-ui.gestures.js
new file mode 100644
index 0000000..37b92d4
--- /dev/null
+++ b/src/js/mobile-angular-ui.gestures.js
@@ -0,0 +1,45 @@
+/**
+ * @module mobile-angular-ui.gestures
+ * @position 100
+ * @description
+ *
+ * It has directives and services to support `touch`, `swipe` and `drag` gestures.
+ *
+ * It does not need any `.css` to work.
+ *
+ * -
+ *
- It has no dependency on Bootstrap. + *
- It is not related to mobile apps only. + *
- It is not requiring CSS support. + *
- You can use it on any Angular Application and with any CSS framework. + *
+ *
+ *
+ * ## Usage
+ *
+ * `.gestures` module is not required by `mobile-angular-ui` module. It has no
+ * dependency on other modules and is intended to be used alone with any other
+ * angular framework.
+ *
+ * You have to include `mobile-angular-ui.gestures.min.js` to your project in order to use it. Ie.
+ *
+ * ``` html
+ *
+ * ```
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui.gestures']);
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui.gestures', [
+ 'mobile-angular-ui.gestures.drag',
+ 'mobile-angular-ui.gestures.swipe',
+ 'mobile-angular-ui.gestures.transform'
+ ]);
+})();
diff --git a/src/js/mobile-angular-ui.js b/src/js/mobile-angular-ui.js
index bbd3c15..ee386e6 100644
--- a/src/js/mobile-angular-ui.js
+++ b/src/js/mobile-angular-ui.js
@@ -1,14 +1,27 @@
-angular.module("mobile-angular-ui", [
- 'mobile-angular-ui.pointer-events',
- 'mobile-angular-ui.active-links',
- 'mobile-angular-ui.fastclick',
- 'mobile-angular-ui.scrollable',
- 'mobile-angular-ui.directives.toggle',
- 'mobile-angular-ui.directives.overlay',
- 'mobile-angular-ui.directives.forms',
- 'mobile-angular-ui.directives.panels',
- 'mobile-angular-ui.directives.capture',
- 'mobile-angular-ui.directives.sidebars',
- 'mobile-angular-ui.directives.navbars',
- 'mobile-angular-ui.directives.carousel'
- ]);
\ No newline at end of file
+/**
+ * @module mobile-angular-ui
+ * @position 0
+ * @description
+ *
+ * This is the main angular module of `mobile-angular-ui` framework.
+ *
+ * By requiring this module you will have all `mobile-angular-ui.core`
+ * and `mobile-angular-ui.components` features required as well.
+ *
+ * ## Usage
+ *
+ * Declare it as a dependency for your application:
+ *
+ * ``` js
+ * angular.module('myApp', ['mobile-angular-ui']);
+ * ```
+ */
+(function() {
+ 'use strict';
+
+ angular.module('mobile-angular-ui', [
+ 'mobile-angular-ui.core',
+ 'mobile-angular-ui.components'
+ ]);
+
+})();
diff --git a/src/less/lib/dropdown.less b/src/less/lib/dropdown.less
new file mode 100644
index 0000000..e2fe1d7
--- /dev/null
+++ b/src/less/lib/dropdown.less
@@ -0,0 +1,7 @@
+// always displays modals
+// use ng-show/ng-hide or ng-if to
+// toggle and ng-animate to fade/animate
+
+.dropdown-menu {
+ display: block;
+}
\ No newline at end of file
diff --git a/src/less/lib/forms.less b/src/less/lib/forms.less
index dd64201..060a928 100644
--- a/src/less/lib/forms.less
+++ b/src/less/lib/forms.less
@@ -6,6 +6,7 @@ input[type="number"],
input[type="search"],
input[type="tel"],
input[type="text"],
+input[type="password"],
input[type="url"] {
-webkit-appearance: none;
}
@@ -41,51 +42,3 @@ input[type="url"] {
.form-actions {
margin-top: @form-actions-margin-top;
}
-
-.switch {
- cursor: pointer;
- position: relative;
- display: block;
- width: @switch-width;
- height: @switch-height;
- background-color: @input-bg;
- border: 1px solid @input-border;
- border-radius: @switch-border-radius;
-
- // Sliding handle
- .switch-handle {
- position: absolute;
- top: -1px;
- left: -1px;
- z-index: @zindex-switch-handle;
- width: @switch-handle-diameter;
- height: @switch-handle-diameter;
- background-color: @input-bg;
- border: 1px solid @input-border;
- border-radius: @switch-handle-border-radius;
- }
-
-
- // Active state for switch
- &.active {
- background-color: @switch-active-color;
- border: 1px solid @switch-active-color;
-
- .switch-handle {
- border-color: @switch-active-color;
- .translate3d(@switch-handle-diameter,0,0);
- }
- }
-}
-
-.switch-transition-enabled {
- .transition(~"background-color 200ms ease, border 200ms ease");
-}
-
-.switch-transition-enabled>.switch-handle{
- .transition-transform(~"200ms ease, background-color 200ms ease");
-}
-
-
-
-
\ No newline at end of file
diff --git a/src/less/lib/justified.less b/src/less/lib/justified.less
index a6b3715..9076990 100644
--- a/src/less/lib/justified.less
+++ b/src/less/lib/justified.less
@@ -3,6 +3,7 @@
.justified {
display: table;
width: 100%;
+ table-layout: fixed;
> * {
display: table-cell;
width: 1%;
diff --git a/src/less/lib/modal.less b/src/less/lib/modal.less
new file mode 100644
index 0000000..d45d4bb
--- /dev/null
+++ b/src/less/lib/modal.less
@@ -0,0 +1,34 @@
+// always displays modals
+// use ng-show/ng-hide or ng-if to
+// toggle and ng-animate to fade/animate
+
+.modal {
+ display: block;
+}
+
+.modal-dialog {
+ z-index: @zindex-modal;
+}
+
+.modal-overlay {
+ background: @overlay-background;
+ .modal-content, .modal-dialog {
+ background: none;
+ .box-shadow(none);
+ border: none;
+ }
+}
+
+.has-modal, .has-modal-overlay {
+ .app, .sidebar {
+ pointer-events: none;
+ }
+}
+
+.has-modal-overlay {
+ .app, .sidebar {
+ -webkit-filter: blur(@overlay-blur);
+ -ms-filter: blur(@overlay-blur); // hope someday will be used
+ filter: blur(@overlay-blur);
+ }
+}
\ No newline at end of file
diff --git a/src/less/lib/normalize.less b/src/less/lib/normalize.less
new file mode 100644
index 0000000..744dc18
--- /dev/null
+++ b/src/less/lib/normalize.less
@@ -0,0 +1,15 @@
+ng-view,
+ng-include,
+ng-transclude,
+ui-shared-state {
+ display: block;
+}
+
+a {
+ cursor: pointer;
+}
+
+ng-view.app-content,
+.app-content>ng-view {
+ height: 100%;
+}
\ No newline at end of file
diff --git a/src/less/lib/overlay.less b/src/less/lib/overlay.less
deleted file mode 100644
index da0b8db..0000000
--- a/src/less/lib/overlay.less
+++ /dev/null
@@ -1,69 +0,0 @@
-[overlay],[data-overlay] {
- display: none;
-}
-
-.overlay {
- display: none;
- position: absolute;
- left:0;
- top:0;
- bottom: 0;
- right: 0;
-
- .overlay-inner {
- width: 100%;
- height: 100%;
- position: relative;
- overflow: hidden;
- >.overlay-background {
- position: absolute;
- left:0;
- top:0;
- bottom: 0;
- right: 0;
- margin: @overlay-margin;
- background: @overlay-background;
- z-index: @zindex-modal-background;
- }
- >.overlay-dismiss {
- position: absolute;
- right: @overlay-dismiss-margin-right;
- top: @overlay-dismiss-margin-top;
- z-index: @zindex-modal + 1;
- font-size: @overlay-dismiss-font-size;
- }
- >.overlay-content {
- width: 100%;
- box-sizing: border-box;
- display: table;
- background: transparent;
- text-align: center;
- color: @overlay-content-color;
- height: 100%;
- z-index: @zindex-modal;
- position: absolute;
- left:0;
- top:0;
- bottom: 0;
- right: 0;
- padding: @overlay-content-padding;
- >.overlay-body {
- display: table-cell;
- vertical-align: middle;
- }
- }
-
- }
-}
-
-.overlay-in>.overlay-show {
- display: block;
-}
-
-.overlay-in>.app,.overlay-in>.sidebar {
- -webkit-filter: blur(@overlay-blur);
- -moz-filter: blur(@overlay-blur);
- -o-filter: blur(@overlay-blur);
- -ms-filter: blur(@overlay-blur);
- filter: blur(@overlay-blur);
-}
diff --git a/src/less/lib/panel.less b/src/less/lib/panel.less
index 66330d4..70229d6 100644
--- a/src/less/lib/panel.less
+++ b/src/less/lib/panel.less
@@ -1,69 +1,10 @@
-.panel {
- .box-shadow(none);
- background: @body-bg;
-}
-
-.panel-group .panel+.panel {
- margin-top: -1px;
-}
-
-.panel-group .panel-heading[toggle] {
- cursor: pointer;
-}
-
-html .panel-group {
- .panel-heading {
- padding: @panel-group-panel-heading-padding;
- }
- .panel-title {
- line-height: @panel-title-line-height;
- }
-}
-
-// reset style for .panel without theme (eg. without panel-default)
-.panel-heading, .panel-body {
- padding: @panel-padding;
- border: 0;
-}
-
-.panel-body {
- background: @panel-bg;
+a.panel-heading {
+ display: block;
}
.panel-heading {
- border-bottom: 1px solid @panel-inner-border;
-}
-
-.panel-title {
- color: @gray-light;
- font-weight: @panel-title-font-weight;
- font-size: @panel-title-font-size;
-}
-
-form {
- .panel-heading {
- margin-bottom: 0;
- padding-bottom: @line-height-computed / 2;
- }
-
- .panel-body {
- padding-top: 0;
- padding-bottom: 0;
+ >.btn, >.btn-group>.btn {
+ margin-top: -(@padding-base-vertical + 2);
+ margin-right: -15px;
}
-
-}
-
-.panel-group .panel-heading + .panel-collapse .panel-body {
- border-top: 0;
-}
-
-// panel-default theme
-
-.panel-default {
- .panel-heading {
- padding: @panel-default-panel-heading-padding;
- }
- .panel-body {
- padding: @panel-default-panel-body-padding;
- }
-}
+}
\ No newline at end of file
diff --git a/src/less/lib/scrollable.less b/src/less/lib/scrollable.less
index 8d98b8d..2b3c081 100644
--- a/src/less/lib/scrollable.less
+++ b/src/less/lib/scrollable.less
@@ -10,12 +10,34 @@
right: 0;
}
+.scrollable-header, .scrollable-footer {
+ position: absolute;
+ width: 100%;
+ left: 0;
+ right: 0;
+ z-index: @zindex-navbar;
+ display: block;
+ border-radius: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.scrollable-header {
+ top: 0;
+}
+
+.scrollable-footer {
+ bottom: 0;
+}
+
.scrollable-content {
width: 100%;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
- }
+}
+
+// deprecated!
.sidebar-header+.scrollable,.app-name+.scrollable{
padding-top: @sidebar-header-height;
diff --git a/src/less/lib/sections.less b/src/less/lib/sections.less
index 8671e77..049af58 100644
--- a/src/less/lib/sections.less
+++ b/src/less/lib/sections.less
@@ -1,9 +1,15 @@
.section {
+ .container-fluid;
background: @body-bg;
padding-top: floor(@line-height-computed / 2);
padding-bottom: floor(@line-height-computed / 2);
}
+.section-wide {
+ padding-left: 0;
+ padding-right: 0;
+}
+
.section.section-condensed {
padding-top: 0; padding-bottom: 0;
}
diff --git a/src/less/lib/sidebar.less b/src/less/lib/sidebar.less
index 3b43c56..54ff09a 100644
--- a/src/less/lib/sidebar.less
+++ b/src/less/lib/sidebar.less
@@ -3,10 +3,10 @@
position: absolute;
top: 0;
bottom: 0;
- display: block;
-
+ display: none;
.translate3d(0, 0, 0);
.transition-transform(~"400ms ease");
+ pointer-events: none;
}
.sidebar-left {
@@ -22,26 +22,26 @@
width: @sidebar-right-width;
left: auto;
right: 0;
- .opacity(1);
- .transition(~"opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease");
+ .transition(~"width 400ms ease");
}
-.sidebar-left-in .sidebar-right {
- z-index: -100;
- .opacity(0);
- .transition(~"opacity 600ms cubic-bezier(1, 0, 1, 0), width 400ms ease");
- width: 0;
+.sidebar-left-visible .sidebar-left, .sidebar-right-visible .sidebar-right {
+ display: block;
+}
+
+.sidebar-left-in .sidebar-left, .sidebar-right-in .sidebar-right {
+ pointer-events: auto;
}
.sidebar-left-in .app {
width: 100%;
- .translate3d(@sidebar-left-width, 0, 0);
+ .translate(@sidebar-left-width, 0);
.transition-transform(~"400ms ease");
}
.sidebar-right-in .app {
width: 100%;
- .translate3d(-@sidebar-right-width, 0, 0);
+ .translate(-@sidebar-right-width, 0);
.transition-transform(~"400ms ease");
}
@@ -54,4 +54,4 @@
color: @sidebar-header-color;
margin: 0;
z-index: @zindex-sidebar-header;
-}
+}
\ No newline at end of file
diff --git a/src/less/lib/switch.less b/src/less/lib/switch.less
new file mode 100644
index 0000000..5d55502
--- /dev/null
+++ b/src/less/lib/switch.less
@@ -0,0 +1,52 @@
+ui-switch {
+ display: block;
+}
+
+.switch {
+ cursor: pointer;
+ position: relative;
+ display: block;
+ width: @switch-width;
+ height: @switch-height;
+ background-color: @input-bg;
+ border: 1px solid @input-border;
+ border-radius: @switch-border-radius;
+
+ &[disabled] {
+ cursor: default;
+ .opacity(0.4);
+ }
+
+ // Sliding handle
+ .switch-handle {
+ position: absolute;
+ top: -1px;
+ left: -1px;
+ z-index: @zindex-switch-handle;
+ width: @switch-handle-diameter;
+ height: @switch-handle-diameter;
+ background-color: @input-bg;
+ border: 1px solid @input-border;
+ border-radius: @switch-handle-border-radius;
+ }
+
+
+ // Active state for switch
+ &.active {
+ background-color: @switch-active-color;
+ border: 1px solid @switch-active-color;
+
+ .switch-handle {
+ border-color: @switch-active-color;
+ .translate(@switch-handle-diameter,0);
+ }
+ }
+}
+
+.switch-transition-enabled {
+ .transition(~"background-color 200ms ease, border 200ms ease");
+}
+
+.switch-transition-enabled>.switch-handle{
+ .transition-transform(~"200ms ease, background-color 200ms ease");
+}
\ No newline at end of file
diff --git a/src/less/mobile-angular-ui.less b/src/less/mobile-angular-ui-base.less
similarity index 83%
rename from src/less/mobile-angular-ui.less
rename to src/less/mobile-angular-ui-base.less
index e6d1dba..399356a 100644
--- a/src/less/mobile-angular-ui.less
+++ b/src/less/mobile-angular-ui-base.less
@@ -8,17 +8,7 @@
// Font Awesome Stuffs
// ==========================================
-@import "https://github.com/font-awesome/less/mixins";
-@import "https://github.com/font-awesome/less/path";
-@import "https://github.com/font-awesome/less/core";
-@import "https://github.com/font-awesome/less/larger";
-@import "https://github.com/font-awesome/less/fixed-width";
-@import "https://github.com/font-awesome/less/list";
-@import "https://github.com/font-awesome/less/bordered-pulled";
-@import "https://github.com/font-awesome/less/spinning";
-@import "https://github.com/font-awesome/less/rotated-flipped";
-@import "https://github.com/font-awesome/less/stacked";
-@import "https://github.com/font-awesome/less/icons";
+@import "https://github.com/font-awesome/less/font-awesome.less";
// ==========================================
// Bootstrap Stuffs
@@ -62,6 +52,7 @@
@import "https://github.com/bootstrap/less/modals.less";
@import "https://github.com/bootstrap/less/tooltip.less";
@import "https://github.com/bootstrap/less/popovers.less";
+@import "https://github.com/bootstrap/less/modals.less";
@import "https://github.com/bootstrap/less/carousel.less";
// Utility classes
@@ -72,6 +63,7 @@
// Mobile Angular Ui Stuffs
// ==========================================
+@import "https://github.com/lib/normalize.less";
@import "https://github.com/lib/globals.less";
@import "https://github.com/lib/layout.less";
@import "https://github.com/lib/forms.less";
@@ -83,7 +75,9 @@
@import "https://github.com/lib/sections.less";
@import "https://github.com/lib/justified.less";
@import "https://github.com/lib/scrollable.less";
-@import "https://github.com/lib/overlay.less";
@import "https://github.com/lib/validations.less";
@import "https://github.com/lib/panel.less";
@import "https://github.com/lib/carousel.less";
+@import "https://github.com/lib/modal.less";
+@import "https://github.com/lib/switch.less";
+@import "https://github.com/lib/dropdown.less";
diff --git a/src/less/mobile-angular-ui-desktop.less b/src/less/mobile-angular-ui-desktop.less
index 57a071f..862603e 100644
--- a/src/less/mobile-angular-ui-desktop.less
+++ b/src/less/mobile-angular-ui-desktop.less
@@ -13,6 +13,11 @@
@import "https://github.com/bootstrap/less/jumbotron.less";
@media (min-width: @screen-desktop) {
+
+ .sidebar {
+ pointer-events: auto;
+ }
+
.sidebar-toggle {
display: none;
}
diff --git a/src/less/variables.less b/src/less/variables.less
index 04abb51..2bde904 100644
--- a/src/less/variables.less
+++ b/src/less/variables.less
@@ -1,7 +1,6 @@
@import "https://github.com/font-awesome/less/variables";
@import "https://github.com/bootstrap/less/variables.less";
-
// Bootstrap Overrides
@brand-primary: #007aff;
@brand-success: #4cd964;
@@ -31,7 +30,7 @@
@border-radius-small: 3px;
// Globals
-@font-weight: 200;
+@font-weight: 400;
@active-link-opacity: .6;
@page-header-margin-top: 10px;
@@ -60,7 +59,7 @@
// Overlays
@overlay-margin: -5px -5px -5px -5px;
-@overlay-background: rgba(255, 255, 255, .8);
+@overlay-background: rgba(255, 255, 255, .95);
@overlay-content-padding: 20px;
@overlay-dismiss-font-size: 24px;
@overlay-dismiss-margin: @overlay-content-padding / 2;
@@ -73,7 +72,7 @@
@panel-padding: 10px 15px;
@panel-title-font-size: 20px;
-@panel-title-font-weight: 200;
+@panel-title-font-weight: 300;
@panel-group-panel-heading-padding: 0 15px;
@panel-title-line-height: @line-height-computed * 2;
@panel-default-panel-heading-padding: 0 0 10px 0;
@@ -109,4 +108,4 @@
@sidebar-header-color: #fff;
@sidebar-background: @gray;
@sidebar-left-background: @sidebar-background;
-@sidebar-right-background: @sidebar-background;
\ No newline at end of file
+@sidebar-right-background: @sidebar-background;
diff --git a/tasks/grunt-smq.js b/tasks/grunt-smq.js
deleted file mode 100644
index 0df6412..0000000
--- a/tasks/grunt-smq.js
+++ /dev/null
@@ -1,68 +0,0 @@
-var cssParse, cssStringify, fs, parameterize, path, util;
-
-util = require('util');
-
-parameterize = require('parameterize');
-
-fs = require("fs");
-
-path = require('path');
-
-cssParse = require('css-parse');
-
-cssStringify = require('css-stringify');
-
-module.exports = function(grunt) {
- return grunt.task.registerMultiTask("smq", "Split Css by Media Queries", function() {
- var config, dest, files;
- config = this.data;
- files = grunt.file.expand({
- cwd: config.cwd || "."
- }, config.src);
- dest = config.dest || ".";
- try {
- grunt.file.mkdir(dest);
- } catch (_error) {}
- return files.forEach(function(src) {
- var css, destFile, filename, i, ifile, medias, name, nameroot, ofile, rule, rules, stylesheet, tree, _i, _name, _ref, _results;
- nameroot = config.basename || path.basename(src, path.extname(src));
- ifile = path.resolve(config.cwd || ".", src);
- ofile = path.resolve(dest, nameroot + "-base.css");
- css = fs.readFileSync(ifile).toString();
- tree = cssParse(css);
- rules = tree.stylesheet.rules || [];
- medias = {};
- for (i = _i = _ref = rules.length - 1; _ref <= 0 ? _i <= 0 : _i >= 0; i = _ref <= 0 ? ++_i : --_i) {
- rule = rules[i];
- if (rule.type === "media") {
- if (medias[_name = rule.media] == null) {
- medias[_name] = [];
- }
- (rule.rules || []).forEach(function(r) {
- return medias[rule.media].unshift(r);
- });
- rules.splice(i, 1);
- }
- }
- fs.writeFileSync(ofile, cssStringify(tree));
- for (name in medias) {
- rules = medias[name];
- filename = parameterize(name);
- destFile = path.resolve(dest, nameroot + "-" + filename + ".css");
- stylesheet = {
- type: "stylesheet",
- stylesheet: {
- rules: [
- {
- type: "media",
- media: name,
- rules: rules
- }
- ]
- }
- };
- fs.writeFileSync(destFile, cssStringify(stylesheet));
- }
- });
- });
-};
diff --git a/tasks/grunt-split-hover.js b/tasks/grunt-split-hover.js
deleted file mode 100644
index 0d8c6db..0000000
--- a/tasks/grunt-split-hover.js
+++ /dev/null
@@ -1,81 +0,0 @@
-var cssParse, cssStringify, fs, parameterize, path, util;
-
-util = require('util');
-
-parameterize = require('parameterize');
-
-fs = require("fs");
-
-path = require('path');
-
-cssParse = require('css-parse');
-
-cssStringify = require('css-stringify');
-
-module.exports = function(grunt) {
- return grunt.task.registerMultiTask("split-hover", "Collect and remove :hover rules from css", function() {
- var config = this.data;
- var files = grunt.file.expand({
- cwd: config.cwd || "."
- }, config.src);
-
- var dest = config.dest;
-
- if (!dest) {
- throw(new Error('config.dest not set'));
- }
-
- files.forEach(function(src) {
- var nameroot = config.basename || path.basename(src, path.extname(src));
- var ifile = path.resolve(config.cwd || ".", src);
- var ofile = path.resolve(dest);
- var css = fs.readFileSync(ifile).toString();
- var tree = cssParse(css);
- var rules = tree.stylesheet.rules || [];
-
- var hoverStylesheet = {
- type: "stylesheet",
- stylesheet: {
- rules: []
- }
- };
- var hoverRules = hoverStylesheet.stylesheet.rules;
-
- // NOTE: This wont catch :hover selectors inside media queries, but this is ok for mobile angular ui, since
- // at this point mobile.css should be free from media queries.
-
- rules.forEach(function(rule){
- if (rule.type === 'rule') {
- var hoverSelectors = [];
-
- rule.selectors = rule.selectors.filter(function(selector){
- var isHoverSelector = selector.match(/\:hover/);
- if (isHoverSelector) {
- hoverSelectors.push(selector);
- return false;
- } else {
- return true;
- }
- });
-
- if (hoverSelectors.length) {
- // create a rule with these selectors
- hoverRules.push({
- type: 'rule',
- selectors: hoverSelectors,
- declarations: rule.declarations
- });
- }
- }
- });
-
- // deletes roules that only had :hover selectors thus having empty selectors now
- tree.stylesheet.rules = tree.stylesheet.rules.filter(function(rule){
- return rule.type != 'rule' || (!! rule.selectors.length);
- });
-
- fs.writeFileSync(ifile, cssStringify(tree));
- fs.writeFileSync(ofile, cssStringify(hoverStylesheet));
- });
- });
-};
diff --git a/tasks/release.js b/tasks/release.js
deleted file mode 100644
index a799776..0000000
--- a/tasks/release.js
+++ /dev/null
@@ -1,84 +0,0 @@
-//
-// eg. grunt prerelease --msg='Added carousels;'
-//
-
-var exec, path, semver;
-
-exec = require("child_process").exec;
-
-path = require("path");
-
-semver = require("semver");
-
-module.exports = function(grunt) {
- var run;
-
- run = function(cmd, callback) {
- var cp;
- grunt.log.writeln("Executing: " + cmd.blue);
- cp = exec(cmd, function(err, stdout, stderr) {
- if (err) {
- grunt.fail.warn(err);
- callback(err);
- return;
- }
- callback(false, stdout);
- });
- cp.stdout.pipe(process.stdout);
- };
-
- ["major", "minor", "patch", "prerelease"].forEach(function(verType) {
- return grunt.task.registerTask(verType, "Commit and release a new version", function() {
- var message, nextver, taskDone;
- taskDone = this.async();
- message = grunt.option("msg");
- if (!message) {
- grunt.fail.warn("Commit message can't be blank");
- taskDone;
- }
- nextver = null;
- return run("git tag", function(err, out) {
- var latest, sortedTags, tags;
- if (!err) {
- tags = out.split("\n").filter(function(tag) {
- return semver.valid(tag);
- });
- sortedTags = tags.sort(function(t1, t2) {
- return semver.rcompare(t1, t2);
- });
- latest = sortedTags[0];
- nextver = semver.inc(latest, verType);
- console.log("Latest:", latest);
- console.log("Next:", nextver);
- return run("git add .", function(err, out) {
- if (err) {
- return taskDone();
- } else {
- return run("git commit -m \"" + message + "\" -a", function(err, out) {
- if (err) {
- return taskDone();
- } else {
- return run("git push", function(err, out) {
- if (err) {
- return taskDone();
- } else {
- return run("git tag -a " + nextver + " -m \"" + message + "\"", function(err, out) {
- if (err) {
- return taskDone();
- } else {
- return run("git push --tags", function(err, out) {
- return taskDone();
- });
- }
- });
- }
- });
- }
- });
- }
- });
- }
- });
- });
- });
-};
diff --git a/test/e2e/.eslintrc b/test/e2e/.eslintrc
new file mode 100644
index 0000000..9681ffb
--- /dev/null
+++ b/test/e2e/.eslintrc
@@ -0,0 +1,58 @@
+{
+ "plugins": [
+ "babel",
+ "protractor"
+ ],
+ "extends": [
+ "eslint:recommended",
+ "google",
+ "plugin:protractor/recommended"
+ ],
+ "parser": "babel-eslint",
+ "parserOptions": {
+ "sourceType": "module",
+ "ecmaFeatures": {
+ "modules": true,
+ "forOf": true,
+ "blockBindings": true,
+ "arrowFunctions": true,
+ "classes": true,
+ "defaultParams": true,
+ "destructuring": true,
+ "generators": true,
+ "restParams": true,
+ "spread": true,
+ "superInFunctions": true,
+ "templateStrings": true,
+ "experimentalObjectRestSpread": true
+ }
+ },
+ "env": {
+ "es6": true,
+ "browser": true,
+ "mocha": true,
+ "node": true,
+ "protractor": true,
+ "jasmine": true
+ },
+ "globals": {
+ "jasmine": false
+ },
+ "rules": {
+ "new-cap": 0,
+ "no-console": [1, { "allow": ["info", "warn", "error"] }],
+ "quotes": [2, "single"],
+ "no-unused-vars": 2,
+ "eqeqeq": 2,
+ "complexity": [2, 10],
+ "max-len": [2, 160],
+ "no-var": 2,
+ "comma-dangle": [2, "never"],
+ "no-mixed-spaces-and-tabs": 2,
+ "quote-props": [2, "as-needed"],
+ "padded-blocks": 0,
+ "require-jsdoc": 0,
+ "generator-star-spacing": 0,
+ "babel/generator-star-spacing": 1
+ }
+}
diff --git a/test/e2e/app/index.html b/test/e2e/app/index.html
new file mode 100644
index 0000000..71821e2
--- /dev/null
+++ b/test/e2e/app/index.html
@@ -0,0 +1,54 @@
+
+
+
+
+ + * This module will not work with `ngTouch` + * cause it is intended, among offering more features, to be a drop-in + * replacement for it. + *
+ *+ * Be aware that `ngTouch` is still not playing well with `fastclick.js` and its usage with `mobile-angular-ui` is currently discouraged anyway. + *
+ *
+
+
+
diff --git a/test/e2e/app/scrollable.html b/test/e2e/app/scrollable.html
new file mode 100644
index 0000000..ca8c614
--- /dev/null
+++ b/test/e2e/app/scrollable.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+
diff --git a/test/e2e/app/scrollable.spec.js b/test/e2e/app/scrollable.spec.js
new file mode 100644
index 0000000..18915b7
--- /dev/null
+++ b/test/e2e/app/scrollable.spec.js
@@ -0,0 +1,31 @@
+'use strict';
+
+describe('scrollable', function() {
+ beforeEach(async function() {
+ await browser.get('/test/e2e/app/#/scrollable');
+ });
+ //
+ it('should center input and textareas when focused and window resizes (soft keyboard workaround)', async function() {
+ await browser.driver.manage().window().setSize(600, 1200);
+ await element(by.id('textInput')).click();
+ await browser.sleep(100);
+ await browser.driver.manage().window().setSize(600, 500);
+ await browser.sleep(600);
+
+ let res = await browser.executeAsyncScript(function(cb) {
+ let elementInViewport = function(el) {
+ let rect = el.getBoundingClientRect();
+ return (
+ rect.top >= 0 &&
+ rect.left >= 0 &&
+ rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+ rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+ );
+ };
+ let input = document.getElementById('textInput');
+ cb(elementInViewport(input));
+ });
+
+ expect(res).toEqual(true);
+ });
+});
diff --git a/test/e2e/demo/DemoPage.js b/test/e2e/demo/DemoPage.js
new file mode 100644
index 0000000..bdea581
--- /dev/null
+++ b/test/e2e/demo/DemoPage.js
@@ -0,0 +1,52 @@
+import {createWriteStream} from 'fs';
+import {resolve as resolvePath, join as joinPath} from 'path';
+
+const SCREENSHOTS_PATH = resolvePath(process.cwd(), 'test', 'e2e', 'screenshots');
+
+const SIDEBAR_LEFT_SELECTOR = by.css('.sidebar-left');
+const SIDEBAR_RIGHT_SELECTOR = by.css('.sidebar-right');
+const SIDEBAR_RIGHT_CONTENT_SELECTOR = by.css('.list-group-item:first-child .chat-user-avatar');
+const HEADING_SELECTOR = by.css('.navbar-brand');
+
+export default class DemoPage {
+ async resize(w, h) {
+ browser.driver.manage().window().setSize(w, h);
+ }
+
+ get heading() {
+ return element(HEADING_SELECTOR);
+ }
+
+ get sidebarLeft() {
+ return element(SIDEBAR_LEFT_SELECTOR);
+ }
+
+ get sidebarRight() {
+ return element(SIDEBAR_RIGHT_SELECTOR);
+ }
+
+ get sidebarRightContent() {
+ return element(SIDEBAR_RIGHT_CONTENT_SELECTOR);
+ }
+
+ get body() {
+ return element(by.css('body'));
+ }
+
+ get toggleRightSidebarButton() {
+ return element(by.css('.sidebar-right-toggle'));
+ }
+
+ get toggleLeftSidebarButton() {
+ return element(by.css('.sidebar-toggle'));
+ }
+
+ async screenshot() {
+ let png = await browser.takeScreenshot();
+ let now = new Date().getTime();
+ let filename = joinPath(SCREENSHOTS_PATH, `${now}.png`);
+ let stream = createWriteStream(filename);
+ stream.write(new Buffer(png, 'base64'));
+ stream.end();
+ }
+}
diff --git a/test/e2e/demo/FormsPage.js b/test/e2e/demo/FormsPage.js
new file mode 100644
index 0000000..efba0ee
--- /dev/null
+++ b/test/e2e/demo/FormsPage.js
@@ -0,0 +1,24 @@
+import DemoPage from './DemoPage';
+
+export default class FormsPage extends DemoPage {
+ static async get() {
+ await browser.get('/demo/#/forms');
+ return new FormsPage();
+ }
+
+ get uiSwitchHandle() {
+ return element(by.css('.switch-handle'));
+ }
+
+ get uiSwitch() {
+ return element(by.css('ui-switch'));
+ }
+
+ get emailInput() {
+ return element(by.css('input[type="email"]'));
+ }
+
+ get passwordInput() {
+ return element(by.css('input[type="password"]'));
+ }
+}
diff --git a/test/e2e/demo/HomePage.js b/test/e2e/demo/HomePage.js
new file mode 100644
index 0000000..9e485da
--- /dev/null
+++ b/test/e2e/demo/HomePage.js
@@ -0,0 +1,8 @@
+import DemoPage from './DemoPage';
+
+export default class HomePage extends DemoPage {
+ static async get() {
+ await browser.get('/demo/#/');
+ return new HomePage();
+ }
+}
diff --git a/test/e2e/demo/OverlaysPage.js b/test/e2e/demo/OverlaysPage.js
new file mode 100644
index 0000000..38c845a
--- /dev/null
+++ b/test/e2e/demo/OverlaysPage.js
@@ -0,0 +1,24 @@
+import DemoPage from './DemoPage';
+
+export default class OverlaysPage extends DemoPage {
+ static async get() {
+ await browser.get('/demo/#/overlay');
+ return new OverlaysPage();
+ }
+
+ get openModalButton() {
+ return element(by.css('[ui-turn-on="modal1"]'));
+ }
+
+ get openOverlayButton() {
+ return element(by.css('[ui-turn-on="modal2"]'));
+ }
+
+ get modalDialog() {
+ return element(by.css('[ui-shared-state="modal1"]'));
+ }
+
+ get overlayDialog() {
+ return element(by.css('[ui-shared-state="modal2"]'));
+ }
+}
diff --git a/test/e2e/demo/forms.spec.js b/test/e2e/demo/forms.spec.js
new file mode 100644
index 0000000..1d3bd11
--- /dev/null
+++ b/test/e2e/demo/forms.spec.js
@@ -0,0 +1,49 @@
+import FormsPage from './FormsPage';
+
+describe('demo', function() {
+ describe('forms page', function() {
+ it('should show "Forms" as title', async function() {
+ let formsPage = await FormsPage.get();
+ expect(await formsPage.heading.getText()).toBe('Forms');
+ });
+
+ it('should display me@example.com in email field', async function() {
+ let formsPage = await FormsPage.get();
+ expect(await formsPage.emailInput.getAttribute('value')).toBe('me@example.com');
+ });
+
+ it('should allow to enter value in email field', async function() {
+ let formsPage = await FormsPage.get();
+ await formsPage.emailInput.sendKeys(' something');
+ expect(await formsPage.emailInput.getAttribute('value')).toBe('me@example.com something');
+ });
+
+ it('should display empty password field', async function() {
+ let formsPage = await FormsPage.get();
+ expect(await formsPage.passwordInput.getAttribute('value')).toBe('');
+ });
+
+ it('should allow to enter value in password field', async function() {
+ let formsPage = await FormsPage.get();
+ await formsPage.passwordInput.sendKeys('something');
+ expect(await formsPage.passwordInput.getAttribute('value')).toBe('something');
+ });
+
+ it('should have active switch', async function() {
+ let formsPage = await FormsPage.get();
+ expect(await formsPage.uiSwitch.getAttribute('class')).toContain('active');
+ });
+
+ it('should switch off by tapping on switch element', async function() {
+ let formsPage = await FormsPage.get();
+ await browser.actions().mouseMove(formsPage.uiSwitch).click().perform();
+ expect(await formsPage.uiSwitch.getAttribute('class')).not.toContain('active');
+ });
+
+ it('should switch off by tapping on switch handle', async function() {
+ let formsPage = await FormsPage.get();
+ await browser.actions().mouseMove(formsPage.uiSwitchHandle).click().perform();
+ expect(await formsPage.uiSwitch.getAttribute('class')).not.toContain('active');
+ });
+ });
+});
diff --git a/test/e2e/demo/homepage.spec.js b/test/e2e/demo/homepage.spec.js
new file mode 100644
index 0000000..cdccd39
--- /dev/null
+++ b/test/e2e/demo/homepage.spec.js
@@ -0,0 +1,39 @@
+import HomePage from './HomePage';
+
+describe('demo', function() {
+ describe('home page', function() {
+ it('should show "Mobile Angular UI" as title', async function() {
+ let homePage = await HomePage.get();
+ expect(await homePage.heading.getText()).toBe('Mobile Angular UI');
+ });
+
+ it('should load sidebar left', async function() {
+ let homePage = await HomePage.get();
+ expect(await homePage.sidebarLeft.isPresent()).toBe(true);
+ });
+
+ it('should display left sidebar on desktop', async function() {
+ let homePage = await HomePage.get();
+ await homePage.resize(1200, 800);
+ expect(await homePage.sidebarLeft.isDisplayed()).toBe(true);
+ });
+
+ it('should not display left sidebar on mobile', async function() {
+ let homePage = await HomePage.get();
+ await homePage.resize(300, 800);
+ expect(await homePage.sidebarLeft.isDisplayed()).toBe(false);
+ });
+
+ it('should not display right sidebar by default', async function() {
+ let homePage = await HomePage.get();
+ expect(await homePage.body.getAttribute('class')).not.toContain('sidebar-right-in');
+ });
+
+ it('should display right sidebar after clicking "toggleRightSidebarButton" button', async function() {
+ let homePage = await HomePage.get();
+ await homePage.resize(1200, 800);
+ await browser.actions().mouseMove(homePage.toggleRightSidebarButton).click().perform();
+ expect(await homePage.body.getAttribute('class')).toContain('sidebar-right-in');
+ });
+ });
+});
diff --git a/test/e2e/demo/overlays.spec.js b/test/e2e/demo/overlays.spec.js
new file mode 100644
index 0000000..076fe25
--- /dev/null
+++ b/test/e2e/demo/overlays.spec.js
@@ -0,0 +1,33 @@
+import OverlaysPage from './OverlaysPage';
+
+describe('demo', function() {
+ fdescribe('overlays page', function() {
+ it('should show "Overlays" as title', async function() {
+ let page = await OverlaysPage.get();
+ expect(await page.heading.getText()).toBe('Overlays');
+ });
+
+ it('should not show a modal by default', async function() {
+ let page = await OverlaysPage.get();
+ expect(await page.modalDialog.isPresent()).toBe(false);
+ });
+
+ it('should show a modal by clicking on show modal', async function() {
+ let page = await OverlaysPage.get();
+ await browser.actions().mouseMove(page.openModalButton).click().perform();
+ expect(await page.modalDialog.isDisplayed()).toBe(true);
+ });
+
+ it('should not show an overlay by default', async function() {
+ let page = await OverlaysPage.get();
+ expect(await page.overlayDialog.isPresent()).toBe(false);
+ });
+
+ it('should show an overlay by clicking on show overlay', async function() {
+ let page = await OverlaysPage.get();
+ await browser.actions().mouseMove(page.openOverlayButton).click().perform();
+ expect(await page.overlayDialog.isDisplayed()).toBe(true);
+ });
+
+ });
+});
diff --git a/test/e2e/protractor.conf.js b/test/e2e/protractor.conf.js
new file mode 100644
index 0000000..d345606
--- /dev/null
+++ b/test/e2e/protractor.conf.js
@@ -0,0 +1,26 @@
+exports.config = {
+ specs: ['demo/*.spec.js', 'app/*.spec.js'],
+ capabilities: {
+ browserName: 'chrome',
+ chromeOptions: {
+ args: [
+ '--no-sandbox',
+ '--touch-events=enabled'
+ ]
+ }
+ },
+ onPrepare: function() {
+ require('babel-core/register');
+ require('babel-polyfill');
+ require('jasmine-es6/lib/install');
+
+ let SpecReporter = require('jasmine-spec-reporter');
+ // add jasmine spec reporter
+ jasmine.getEnv().addReporter(new SpecReporter({displayStacktrace: 'all'}));
+ },
+ jasmineNodeOpts: {
+ print: function() {}
+ },
+ directConnect: true,
+ baseUrl: 'http://0.0.0.0:8889/'
+};
diff --git a/test/e2e/screenshots/.gitkeep b/test/e2e/screenshots/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/test/unit/.eslintrc b/test/unit/.eslintrc
new file mode 100644
index 0000000..4e806ea
--- /dev/null
+++ b/test/unit/.eslintrc
@@ -0,0 +1,39 @@
+{
+ "extends": [
+ "eslint:recommended",
+ "google"
+ ],
+ "plugins": [
+ "babel"
+ ],
+ "parser": "babel-eslint",
+ "parserOptions": {
+ "sourceType": "module",
+ "ecmaFeatures": {}
+ },
+ "env": {
+ "browser": true,
+ "node": true,
+ "jasmine": true,
+ },
+ "globals": {
+ "angular": false,
+ "inject": false
+ },
+ "rules": {
+ "new-cap": 0,
+ "no-console": [1, { "allow": ["info", "warn", "error"] }],
+ "quotes": [2, "single"],
+ "no-unused-vars": 2,
+ "eqeqeq": 2,
+ "complexity": [2, 10],
+ "max-len": [2, 160],
+ "comma-dangle": [2, "never"],
+ "no-mixed-spaces-and-tabs": 2,
+ "quote-props": [2, "as-needed"],
+ "padded-blocks": 0,
+ "require-jsdoc": 0,
+ "generator-star-spacing": 0,
+ "babel/generator-star-spacing": 1
+ }
+}
diff --git a/test/unit/components/modals.spec.js b/test/unit/components/modals.spec.js
new file mode 100644
index 0000000..c2f57fa
--- /dev/null
+++ b/test/unit/components/modals.spec.js
@@ -0,0 +1,70 @@
+'use strict';
+
+describe('components', function() {
+ let scope;
+ let compile;
+ let $rootElement;
+
+ beforeEach(function() {
+ $rootElement = angular.element(document.body);
+
+ module('mobile-angular-ui.components.modals', function($provide) {
+ $provide.value('$rootElement', $rootElement);
+ });
+
+ inject(function($rootScope, $compile) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ });
+ });
+
+ describe('modal', function() {
+ it('adds class has-modal if modal is present', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+
+ expect($rootElement.attr('class')).toContain('has-modal');
+ });
+
+ it('removes class has-modal if modal scope is destroyed', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ scope.$destroy();
+ expect($rootElement.attr('class')).not.toContain('has-modal');
+ });
+
+ it('removes class has-modal if modal element is destroyed', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ elem.remove();
+ expect($rootElement.attr('class')).not.toContain('has-modal');
+ });
+
+ it('adds class has-modal-overlay to rootElement if element has class modal-overlay', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+
+ expect($rootElement.attr('class')).toContain('has-modal-overlay');
+ });
+
+ it('removes class has-modal-overlay from rootElement if element scope is destroyed', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ scope.$destroy();
+ expect($rootElement.attr('class')).not.toContain('has-modal-overlay');
+ });
+
+ it('removes class has-modal-overlay from rootElement if element is destroyed', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ elem.remove();
+ expect($rootElement.attr('class')).not.toContain('has-modal-overlay');
+ });
+ });
+});
diff --git a/test/unit/components/navbars.spec.js b/test/unit/components/navbars.spec.js
new file mode 100644
index 0000000..747dd17
--- /dev/null
+++ b/test/unit/components/navbars.spec.js
@@ -0,0 +1,58 @@
+'use strict';
+
+describe('components', function() {
+ describe('navbars', function() {
+ let scope;
+ let compile;
+ let $rootElement;
+
+ beforeEach(function() {
+ $rootElement = angular.element(document.body);
+
+ module('mobile-angular-ui.components.navbars', function($provide) {
+ $provide.value('$rootElement', $rootElement);
+ });
+
+ inject(function($rootScope, $compile) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ });
+ });
+
+ describe('navbarAbsoluteTop', function() {
+ it('adds class has-navbar-top if navbarAbsoluteTop is present', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+
+ expect($rootElement.attr('class')).toContain('has-navbar-top');
+ });
+
+ it('removes class has-navbar-top if navbarAbsoluteTop is destroyed', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ scope.$destroy();
+ expect($rootElement.attr('class')).not.toContain('has-navbar-top');
+ });
+ });
+
+ describe('navbarAbsoluteBottom', function() {
+ it('adds class has-navbar-bottom if navbarAbsoluteBottom is present', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+
+ expect($rootElement.attr('class')).toContain('has-navbar-bottom');
+ });
+
+ it('removes class has-navbar-bottom if navbarAbsoluteBottom is destroyed', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ scope.$destroy();
+ expect($rootElement.attr('class')).not.toContain('has-navbar-bottom');
+ });
+ });
+ });
+});
diff --git a/test/unit/components/scrollable.spec.js b/test/unit/components/scrollable.spec.js
new file mode 100644
index 0000000..df010d5
--- /dev/null
+++ b/test/unit/components/scrollable.spec.js
@@ -0,0 +1,72 @@
+'use strict';
+
+describe('components', function() {
+ describe('scrollable', function() {
+ let scope;
+ let compile;
+ let injectServices = function() {
+ inject(function($rootScope, $compile) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ });
+ };
+
+ let elementInViewport = function(el) {
+ let rect = el.getBoundingClientRect();
+ return (
+ rect.top >= 0 &&
+ rect.left >= 0 &&
+ rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+ rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+ );
+ };
+
+ beforeEach(function() {
+ module('mobile-angular-ui.components.scrollable');
+ injectServices();
+ });
+
+ describe('scrollableContent', function() {
+ it('adds overthrow class if overthrow support is not native', function() {
+ let bkpOverthrowSupport = window.overthrow.support;
+ window.overthrow.support = 'polyfilled';
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ expect(elem.attr('class')).toContain('overthrow');
+ window.overthrow.support = bkpOverthrowSupport;
+ });
+
+ it('does not add overthrow class if overthrow support is native', function() {
+ let bkpOverthrowSupport = window.overthrow.support;
+ window.overthrow.support = 'native';
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ expect(elem.attr('class')).not.toContain('overthrow');
+ window.overthrow.support = bkpOverthrowSupport;
+ });
+
+ it('should be able to scroll to an element', function() {
+ let scrollable = angular.element('');
+ let elem = angular.element('');
+ let lastContent;
+ for (let i = 0; i < 2000; i++) {
+ let content = angular.element('');
+ elem.append(content);
+ if (i === 1999) {
+ lastContent = content;
+ }
+ }
+ scrollable.append(elem);
+ compile(elem)(scope);
+ scope.$digest();
+ angular.element(document.body).append(scrollable);
+ let controller = elem.controller('scrollableContent');
+ expect(elementInViewport(lastContent[0])).toBe(false);
+ controller.scrollTo(lastContent);
+ expect(elementInViewport(lastContent[0])).toBe(true);
+ });
+ });
+ });
+});
diff --git a/test/unit/components/sidebars.spec.js b/test/unit/components/sidebars.spec.js
new file mode 100644
index 0000000..b369e6c
--- /dev/null
+++ b/test/unit/components/sidebars.spec.js
@@ -0,0 +1,241 @@
+'use strict';
+
+describe('components', function() {
+ describe('sidebars', function() {
+ let scope;
+ let compile;
+ let $rootElement;
+ let $rootScope;
+ let $location;
+ let SharedState;
+ let bindOuterClick;
+
+ beforeEach(function() {
+ $rootElement = angular.element(document.body);
+ bindOuterClick = jasmine.createSpy('bindOuterClick');
+ module('mobile-angular-ui.components.sidebars', function($provide) {
+ $provide.value('$rootElement', $rootElement);
+ $provide.value('bindOuterClick', bindOuterClick);
+ });
+
+ inject(function(_$rootScope_, $compile, _SharedState_, _$location_) {
+ scope = _$rootScope_.$new();
+ compile = $compile;
+ $rootScope = _$rootScope_;
+ SharedState = _SharedState_;
+ $location = _$location_;
+ });
+ });
+
+ describe('sidebarLeft', function() {
+ it('adds class has-sidebar-left to rootElement on link', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+
+ expect($rootElement.attr('class')).toContain('has-sidebar-left');
+ });
+
+ it('adds sidebar-left-visible when associated state changes to true', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ $rootScope.$broadcast('mobile-angular-ui.state.changed.uiSidebarLeft', true);
+ expect($rootElement.attr('class')).toContain('sidebar-left-visible');
+ });
+
+ it('adds sidebar-left-in when associated state changes to true', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ $rootScope.$broadcast('mobile-angular-ui.state.changed.uiSidebarLeft', true);
+ expect($rootElement.attr('class')).toContain('sidebar-left-in');
+ });
+
+ it('removes sidebar-left-in when associated state changes to false', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ $rootElement.addClass('sidebar-left-in');
+ $rootScope.$broadcast('mobile-angular-ui.state.changed.uiSidebarLeft', false);
+ expect($rootElement.attr('class')).not.toContain('sidebar-left-in');
+ });
+
+ it('resets associated state on $routeChangeSuccess', function() {
+ SharedState.initialize(scope, 'uiSidebarLeft', {
+ defaultValue: true
+ });
+
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ expect(SharedState.get('uiSidebarLeft')).toBe(true);
+ $rootScope.$broadcast('$routeChangeSuccess');
+ expect(SharedState.get('uiSidebarLeft')).toBe(false);
+ });
+
+ it('initializes associated state to false', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ expect(SharedState.get('uiSidebarLeft')).not.toBe(true);
+ });
+
+ it('initializes associated state to true if attr.active', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ expect(SharedState.get('uiSidebarLeft')).toBe(true);
+ });
+
+ it('removes activeClass on app transitionend', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+
+ spyOn(SharedState, 'isActive').and.callFake(function() {
+ return false;
+ });
+
+ spyOn($rootElement, 'removeClass');
+ $rootScope.$broadcast('mobile-angular-ui.app.transitionend');
+ expect($rootElement.removeClass).toHaveBeenCalledWith('sidebar-left-visible');
+ });
+
+ it('does not remove activeClass on app transitionend if state is active again', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+
+ spyOn(SharedState, 'isActive').and.callFake(function() {
+ return true;
+ });
+
+ spyOn($rootElement, 'removeClass');
+ $rootScope.$broadcast('mobile-angular-ui.app.transitionend');
+ expect($rootElement.removeClass).not.toHaveBeenCalledWith('sidebar-left-visible');
+ });
+
+ it('names associated state after id attribute', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ expect(SharedState.has('mySidebar')).toBe(true);
+ });
+
+ it('removes sidebar-left-in from $rootElement on scope destroy', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ spyOn($rootElement, 'removeClass');
+ scope.$destroy();
+ expect($rootElement.removeClass).toHaveBeenCalledWith('sidebar-left-in');
+ });
+
+ it('removes sidebar-left-visible from $rootElement on scope destroy', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ spyOn($rootElement, 'removeClass');
+ scope.$destroy();
+ expect($rootElement.removeClass).toHaveBeenCalledWith('sidebar-left-visible');
+ });
+
+ it('removes has-sidebar-left from $rootElement on scope destroy', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ spyOn($rootElement, 'removeClass');
+ scope.$destroy();
+ expect($rootElement.removeClass).toHaveBeenCalledWith('has-sidebar-left');
+ });
+
+ it('binds outerClicks if attrs.closeOnOuterClicks !== false', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ expect(bindOuterClick).toHaveBeenCalled();
+ });
+
+ it('does not bind outerClicks if attrs.closeOnOuterClicks === false', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ expect(bindOuterClick).not.toHaveBeenCalled();
+ });
+
+ it('checks if sidebar is active on the outerClicks condition', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ let condition = bindOuterClick.calls.mostRecent().args[3];
+ spyOn(SharedState, 'isActive').and.callThrough();
+ SharedState.setOne('uiSidebarLeft', false);
+ expect(condition()).toBe(false);
+ expect(SharedState.isActive).toHaveBeenCalledWith('uiSidebarLeft');
+
+ SharedState.isActive.calls.reset();
+
+ SharedState.setOne('uiSidebarLeft', true);
+ expect(condition()).toBe(true);
+ expect(SharedState.isActive).toHaveBeenCalledWith('uiSidebarLeft');
+ });
+
+ it('turns associated state off in outerClicks callback', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ let callback = bindOuterClick.calls.mostRecent().args[2];
+ spyOn(SharedState, 'turnOff').and.callThrough();
+ SharedState.setOne('uiSidebarLeft', true);
+ callback();
+ expect(SharedState.turnOff).toHaveBeenCalledWith('uiSidebarLeft');
+ });
+
+ it('sync $location.search on associated state changes if attr uiTrackAsSearchParam', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ spyOn($location, 'search');
+
+ $rootScope.$broadcast('mobile-angular-ui.state.changed.uiSidebarLeft', true);
+ expect($location.search).toHaveBeenCalledWith('uiSidebarLeft', true);
+
+ $location.search.calls.reset();
+
+ $rootScope.$broadcast('mobile-angular-ui.state.changed.uiSidebarLeft', false);
+ expect($location.search).toHaveBeenCalledWith('uiSidebarLeft', null);
+ });
+
+ it('sync associated state with $location.search if attr uiTrackAsSearchParam', function() {
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+
+ SharedState.setOne('uiSidebarLeft', false);
+ $location.search('uiSidebarLeft', true);
+
+ $rootScope.$broadcast('$routeUpdate');
+ expect(SharedState.get('uiSidebarLeft')).toBe(true);
+
+ SharedState.setOne('uiSidebarLeft', true);
+ $location.search('uiSidebarLeft', null);
+
+ $rootScope.$broadcast('$routeUpdate');
+ expect(SharedState.get('uiSidebarLeft')).toBe(false);
+ });
+ });
+
+ describe('app', function() {
+ it('forwards transitionend through $broadcast', function() {
+ spyOn($rootScope, '$broadcast');
+
+ let elem = angular.element('');
+ compile(elem)(scope);
+ scope.$digest();
+ elem.triggerHandler('transitionend');
+ expect($rootScope.$broadcast).toHaveBeenCalled();
+ });
+ });
+ });
+});
diff --git a/test/unit/components/switch.spec.js b/test/unit/components/switch.spec.js
new file mode 100644
index 0000000..b0e30c0
--- /dev/null
+++ b/test/unit/components/switch.spec.js
@@ -0,0 +1,270 @@
+'use strict';
+
+describe('components', function() {
+ describe('switch', function() {
+ let scope;
+ let compile;
+ let $drag;
+
+ let getServices = function($rootScope, $compile) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ };
+
+ describe('ui-switch', function() {
+ describe('without $drag', function() {
+ beforeEach(function() {
+ module('mobile-angular-ui.components');
+ inject(getServices);
+ });
+
+ it('should add switch class to elem', function() {
+ let elem = angular.element('
+
+
+
+
+
+
+
+'
+ );
+
+ compile(elem)(scope);
+ scope.$digest();
+
+ expect(Capture.setContentFor).toHaveBeenCalledWith('placeholder', '', scope);
+ });
+
+ it('should remove content if uiDuplicate is not set', function() {
+ let elem = angular.element(
+ '
Content
'
+ );
+
+ elem = compile(elem)(scope);
+ scope.$digest();
+
+ expect(elem.text()).not.toContain('Content');
+ });
+
+ it('should keep and compile content if uiDuplicate is true', function() {
+ let elem = angular.element(
+ 'Content {{1+1}}
'
+ );
+
+ elem = compile(elem)(scope);
+ scope.$digest();
+
+ expect(elem.text()).toContain('Content 2');
+ });
+ });
+
+ });
+});
diff --git a/test/unit/core/capture/ui-yield-to.spec.js b/test/unit/core/capture/ui-yield-to.spec.js
new file mode 100644
index 0000000..aa14ca0
--- /dev/null
+++ b/test/unit/core/capture/ui-yield-to.spec.js
@@ -0,0 +1,78 @@
+'use strict';
+
+describe('core', function() {
+ describe('capture', function() {
+ let scope;
+ let compile;
+ let Capture;
+
+ beforeEach(function() {
+ module('mobile-angular-ui.core.capture');
+ inject(function($rootScope, $compile, _Capture_) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ Capture = _Capture_;
+ });
+ });
+
+ describe('ui-yield-to', function() {
+ it('should setup a yielder when linked', function() {
+ spyOn(Capture, 'putYielder');
+
+ let elem = angular.element(
+ ''
+ );
+
+ compile(elem)(scope);
+ scope.$digest();
+
+ expect(Capture.putYielder).toHaveBeenCalledWith('placeholder', elem, scope, '');
+ });
+
+ it('should remove yielder when element is destroyed', function() {
+ spyOn(Capture, 'removeYielder');
+
+ let elem = angular.element(
+ '
'
+ );
+
+ elem = compile(elem)(scope);
+ scope.$digest();
+
+ elem.remove();
+
+ expect(Capture.removeYielder).toHaveBeenCalledWith('placeholder');
+ });
+
+ it('should remove yielder when scope is destroyed', function() {
+ spyOn(Capture, 'removeYielder');
+
+ let elem = angular.element(
+ '
'
+ );
+
+ compile(elem)(scope);
+ scope.$digest();
+ scope.$destroy();
+
+ expect(Capture.removeYielder).toHaveBeenCalledWith('placeholder');
+ });
+
+ it('should allow ng-click to work', function() {
+ scope.ngClickCallback = jasmine.createSpy('ngClickCallback');
+
+ let elem = angular.element(
+ ''
+ );
+
+ elem = compile(elem)(scope);
+ scope.$digest();
+
+ elem.find('a').triggerHandler('click');
+
+ expect(scope.ngClickCallback).toHaveBeenCalled();
+ });
+ });
+
+ });
+});
diff --git a/test/unit/core/fastClick.spec.js b/test/unit/core/fastClick.spec.js
new file mode 100644
index 0000000..9ba4485
--- /dev/null
+++ b/test/unit/core/fastClick.spec.js
@@ -0,0 +1,78 @@
+'use strict';
+
+describe('core', function() {
+ describe('fastclick', function() {
+ let scope;
+ let compile;
+ let fastclickOnTouchEnd;
+
+ beforeEach(function() {
+ FastClick.notNeeded = function() {
+ return false;
+ };
+
+ spyOn(FastClick, 'attach').and.callThrough();
+ spyOn(FastClick.prototype, 'onTouchEnd').and.callThrough();
+ fastclickOnTouchEnd = FastClick.prototype.onTouchEnd;
+
+ module('mobile-angular-ui.core.fastclick');
+
+ inject(function($rootScope, $compile) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ });
+ });
+
+ it('should attach to document.body on run', function() {
+ expect(FastClick.attach).toHaveBeenCalledWith(document.body);
+ });
+
+ it('forwards touchend events to original handler', function() {
+ let event = new Event('touchend');
+ event.changedTouches = [{}];
+ document.body.dispatchEvent(event);
+ expect(fastclickOnTouchEnd).toHaveBeenCalled();
+ });
+
+ it('adapts touchend events if missing event.changedTouches', function() {
+ let event = new Event('touchend');
+ document.body.dispatchEvent(event);
+ expect(fastclickOnTouchEnd).toHaveBeenCalledWith(jasmine.objectContaining({
+ changedTouches: [{}]
+ }));
+ });
+
+ it('should add needsclick to input', function() {
+ let elem = angular.element(
+ ''
+ );
+
+ elem = compile(elem)(scope);
+ scope.$digest();
+
+ expect(elem.attr('class')).toContain('needsclick');
+ });
+
+ it('should add needsclick to select', function() {
+ let elem = angular.element(
+ ''
+ );
+
+ elem = compile(elem)(scope);
+ scope.$digest();
+
+ expect(elem.attr('class')).toContain('needsclick');
+ });
+
+ it('should add needsclick to textarea', function() {
+ let elem = angular.element(
+ ''
+ );
+
+ elem = compile(elem)(scope);
+ scope.$digest();
+
+ expect(elem.attr('class')).toContain('needsclick');
+ });
+ });
+});
diff --git a/test/unit/core/outerClick.spec.js b/test/unit/core/outerClick.spec.js
new file mode 100644
index 0000000..9bb9181
--- /dev/null
+++ b/test/unit/core/outerClick.spec.js
@@ -0,0 +1,223 @@
+'use strict';
+
+describe('core', function() {
+ describe('outerClick', function() {
+
+ function click($el) {
+ let el = $el[0];
+ let ev = document.createEvent('MouseEvent');
+ ev.initMouseEvent(
+ 'click',
+ true /* bubble */, true /* cancelable */,
+ window, null,
+ 0, 0, 0, 0, /* coordinates */
+ false, false, false, false, /* modifier keys */
+ 0 /* left*/, null
+ );
+ el.dispatchEvent(ev);
+ }
+
+ function tap($el) {
+ let el = $el[0];
+ let ev = document.createEvent('MouseEvent');
+ ev.initMouseEvent(
+ 'tap',
+ true /* bubble */, true /* cancelable */,
+ window, null,
+ 0, 0, 0, 0, /* coordinates */
+ false, false, false, false, /* modifier keys */
+ 0 /* left*/, null
+ );
+ el.dispatchEvent(ev);
+ }
+
+ let scope;
+ let compile;
+ let isAncestorOrSelf;
+ let bindOuterClick;
+ let body;
+ let $document;
+ let $timeout;
+
+ beforeEach(function() {
+ module('mobile-angular-ui.core.outerClick');
+ inject(function($rootScope, $compile, _mauiIsAncestorOrSelf, _bindOuterClick_, _$document_, _$timeout_) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ isAncestorOrSelf = _mauiIsAncestorOrSelf;
+ bindOuterClick = _bindOuterClick_;
+ $document = _$document_;
+ body = angular.element($document[0].body);
+ $timeout = _$timeout_;
+ });
+ });
+
+ describe('_mauiIsAncestorOrSelf', function() {
+ it('returns true if target is parent of element', function() {
+ let elem = angular.element('');
+ let target = angular.element('');
+ target.append(elem);
+ expect(isAncestorOrSelf(elem, target)).toBe(true);
+ });
+
+ it('returns true if target is element', function() {
+ let elem = angular.element('');
+ expect(isAncestorOrSelf(elem, elem)).toBe(true);
+ });
+
+ it('returns false if target is child of element', function() {
+ let elem = angular.element('');
+ let target = angular.element('');
+ elem.append(target);
+ expect(isAncestorOrSelf(elem, target)).toBe(false);
+ });
+ });
+
+ describe('bindOuterClick', function() {
+ it('runs callback on click on parent', function() {
+ let elem = angular.element('');
+ let wrapper = angular.element('');
+ let callback = jasmine.createSpy('callback');
+ wrapper.append(elem);
+ body.append(wrapper);
+ bindOuterClick(scope, elem, callback);
+ click(wrapper);
+ expect(callback).toHaveBeenCalled();
+ });
+
+ it('runs callback on click on sibling', function() {
+ let elem = angular.element('');
+ let elem2 = angular.element('');
+ let wrapper = angular.element('');
+ let callback = jasmine.createSpy('callback');
+ wrapper.append(elem);
+ wrapper.append(elem2);
+ body.append(wrapper);
+ bindOuterClick(scope, elem, callback);
+ click(elem2);
+ expect(callback).toHaveBeenCalled();
+ });
+
+ it('does not run callback on click on self', function() {
+ let elem = angular.element('');
+ body.append(elem);
+ let callback = jasmine.createSpy('callback');
+ bindOuterClick(scope, elem, callback);
+ click(elem);
+ expect(callback).not.toHaveBeenCalled();
+ });
+
+ it('does not run callback on click on child', function() {
+ let elem = angular.element('');
+ let child = angular.element('');
+ elem.append(child);
+ body.append(elem);
+ let callback = jasmine.createSpy('callback');
+ bindOuterClick(scope, elem, callback);
+ click(child);
+ expect(callback).not.toHaveBeenCalled();
+ });
+
+ it('runs callback on tap on parent', function() {
+ let elem = angular.element('');
+ let wrapper = angular.element('');
+ let callback = jasmine.createSpy('callback');
+ wrapper.append(elem);
+ body.append(wrapper);
+ bindOuterClick(scope, elem, callback);
+ tap(wrapper);
+ expect(callback).toHaveBeenCalled();
+ });
+
+ it('runs callback on tap on sibling', function() {
+ let elem = angular.element('');
+ let elem2 = angular.element('');
+ let wrapper = angular.element('');
+ let callback = jasmine.createSpy('callback');
+ wrapper.append(elem);
+ wrapper.append(elem2);
+ body.append(wrapper);
+ bindOuterClick(scope, elem, callback);
+ tap(elem2);
+ expect(callback).toHaveBeenCalled();
+ });
+
+ it('does not run callback on tap on self', function() {
+ let elem = angular.element('');
+ body.append(elem);
+ let callback = jasmine.createSpy('callback');
+ bindOuterClick(scope, elem, callback);
+ tap(elem);
+ expect(callback).not.toHaveBeenCalled();
+ });
+
+ it('does not run callback on tap on child', function() {
+ let elem = angular.element('');
+ let child = angular.element('');
+ elem.append(child);
+ body.append(elem);
+ let callback = jasmine.createSpy('callback');
+ bindOuterClick(scope, elem, callback);
+ tap(child);
+ expect(callback).not.toHaveBeenCalled();
+ });
+
+ it('checks condition if passed', function() {
+ let elem = angular.element('');
+ let condition = jasmine.createSpy('condition');
+ bindOuterClick(scope, elem, null, condition);
+ scope.$digest();
+ expect(condition).toHaveBeenCalled();
+ });
+
+ it('runs callback if condition is matched', function() {
+ let elem = angular.element('');
+ let wrapper = angular.element('');
+ let callback = jasmine.createSpy('callback');
+ wrapper.append(elem);
+ body.append(wrapper);
+ bindOuterClick(scope, elem, callback, function() {
+ return true;
+ });
+ scope.$digest();
+ $timeout.flush();
+ click(wrapper);
+ expect(callback).toHaveBeenCalled();
+ });
+
+ it('unbinds outerClick if condition is not matched', function() {
+ let elem = angular.element('');
+ spyOn($document, 'on');
+ spyOn($document, 'unbind');
+ bindOuterClick(scope, elem, null, function() {
+ return false;
+ });
+
+ scope.$digest();
+
+ expect($document.on).not.toHaveBeenCalled();
+ expect($document.unbind).toHaveBeenCalled();
+ });
+
+ it('unbinds outerClick on scope destroy', function() {
+ let elem = angular.element('');
+ spyOn($document, 'unbind');
+ bindOuterClick(scope, elem);
+ scope.$destroy();
+ expect($document.unbind).toHaveBeenCalled();
+ });
+ });
+
+ describe('uiOuterClick', function() {
+ it('should evaluate expression on outerClick', function() {
+ scope.callback = jasmine.createSpy('callback');
+ let elem = angular.element('');
+ let directiveElement = compile(elem)(scope);
+ body.append(directiveElement);
+ scope.$digest();
+ click(body);
+ expect(scope.callback).toHaveBeenCalled();
+ });
+ });
+ });
+});
diff --git a/test/unit/core/sharedState/SharedState.spec.js b/test/unit/core/sharedState/SharedState.spec.js
new file mode 100644
index 0000000..f130567
--- /dev/null
+++ b/test/unit/core/sharedState/SharedState.spec.js
@@ -0,0 +1,333 @@
+'use strict';
+
+describe('core', function() {
+ describe('sharedState', function() {
+ let scope;
+ let scope2;
+ let SharedState;
+ let $rootScope;
+ let $log;
+
+ beforeEach(function() {
+ module('mobile-angular-ui.core.sharedState');
+
+ inject(function(_$rootScope_, _$log_, _SharedState_) {
+ scope = _$rootScope_.$new();
+ scope2 = _$rootScope_.$new();
+ SharedState = _SharedState_;
+ $rootScope = _$rootScope_;
+ $log = _$log_;
+ });
+ });
+
+ describe('SharedState', function() {
+ describe('initialize', function() {
+ it('should set defaultValue if passed', function() {
+ SharedState.initialize(scope, 'state1', {
+ defaultValue: 'initialValue'
+ });
+ expect(SharedState.values().state1).toBe('initialValue');
+ });
+
+ it('should set exclusionGroup if passed', function() {
+ SharedState.initialize(scope, 'state1', {
+ exclusionGroup: 'excl1'
+ });
+ expect(SharedState.exclusionGroups().excl1.state1).toBe(true);
+ });
+
+ it('should remove exclusionGroup reference when a state is destroyed', function() {
+ SharedState.initialize(scope, 'state1', {
+ exclusionGroup: 'excl1'
+ });
+
+ SharedState.initialize(scope2, 'state2', {
+ exclusionGroup: 'excl1'
+ });
+
+ scope.$destroy();
+
+ expect(SharedState.exclusionGroups().excl1.state1).not.toBeDefined();
+ });
+
+ it('should delete the whole exclusionGroup when all states are destroyed', function() {
+ SharedState.initialize(scope, 'state1', {
+ exclusionGroup: 'excl1'
+ });
+
+ SharedState.initialize(scope2, 'state2', {
+ exclusionGroup: 'excl1'
+ });
+
+ scope.$destroy();
+ scope2.$destroy();
+ expect(SharedState.exclusionGroups().excl1).not.toBeDefined();
+ });
+
+ it('should not override defaultValue if already set', function() {
+ SharedState.initialize(scope, 'state1', {
+ defaultValue: 'initialValue'
+ });
+
+ SharedState.initialize(scope2, 'state1', {
+ defaultValue: 'initialValue2'
+ });
+
+ expect(SharedState.values().state1).toBe('initialValue');
+ });
+
+ it('garbage collects states when all scopes referencing it are destroyed', function() {
+ SharedState.initialize(scope, 'state1', {
+ defaultValue: 'initialValue'
+ });
+
+ SharedState.initialize(scope2, 'state1');
+ scope.$destroy();
+ scope2.$destroy();
+ expect(SharedState.has('state1')).toBe(false);
+ });
+
+ it('emits mobile-angular-ui.state.initialized.[STATE_ID] on successfull initialization', function() {
+ spyOn($rootScope, '$broadcast');
+
+ SharedState.initialize(scope, 'state1');
+
+ expect($rootScope.$broadcast).toHaveBeenCalledWith('mobile-angular-ui.state.initialized.state1', undefined);
+ });
+
+ it('does not garbage collect states untill all scopes referencing it are destroyed', function() {
+ SharedState.initialize(scope, 'state1', {
+ defaultValue: 'initialValue'
+ });
+
+ SharedState.initialize(scope2, 'state1');
+ scope.$destroy();
+ expect(SharedState.has('state1')).toBe(true);
+ });
+
+ it('does not emit mobile-angular-ui.state.initialized.[STATE_ID] twice for the same state', function() {
+ spyOn($rootScope, '$broadcast');
+
+ SharedState.initialize(scope, 'state1');
+ SharedState.initialize(scope2, 'state1');
+
+ let calls = $rootScope.$broadcast.calls.allArgs().filter(function(args) {
+ return args[0] === 'mobile-angular-ui.state.initialized.state1';
+ });
+
+ expect(calls.length).toBe(1);
+ });
+ });
+
+ describe('setOne', function() {
+ it('sets the value for a state', function() {
+ SharedState.initialize(scope, 'state1');
+ SharedState.setOne('state1', 'xyz');
+ expect(SharedState.values().state1).toBe('xyz');
+ });
+
+ it('does not set anything and emits a warning if state is not initialized', function() {
+ spyOn($log, 'warn');
+ SharedState.setOne('state1', 'xyz');
+ expect(SharedState.values().state1).not.toBeDefined();
+ expect($log.warn).toHaveBeenCalledWith('Warning: Attempt to set uninitialized shared state: state1');
+ });
+
+ it('emits changed event if the state is changed', function() {
+ SharedState.initialize(scope, 'state1', {
+ defaultValue: 'abc'
+ });
+ spyOn($rootScope, '$broadcast');
+ SharedState.setOne('state1', 'xyz');
+ expect($rootScope.$broadcast).toHaveBeenCalledWith('mobile-angular-ui.state.changed.state1', 'xyz', 'abc');
+ });
+ });
+
+ describe('setMany', function() {
+ it('calls setOne for each keys', function() {
+ spyOn(SharedState, 'setOne');
+
+ SharedState.setMany({
+ state1: 'a',
+ state2: 'b'
+ });
+
+ expect(SharedState.setOne.calls.count()).toBe(2);
+ expect(SharedState.setOne).toHaveBeenCalledWith('state1', 'a');
+ expect(SharedState.setOne).toHaveBeenCalledWith('state2', 'b');
+ });
+ });
+
+ describe('set', function() {
+ it('calls setOne if first arg is a string', function() {
+ spyOn(SharedState, 'setOne');
+ spyOn(SharedState, 'setMany');
+
+ SharedState.set('x', 'y');
+
+ expect(SharedState.setOne).toHaveBeenCalledWith('x', 'y');
+ });
+
+ it('does not call setMany if first arg is a string', function() {
+ spyOn(SharedState, 'setOne');
+ spyOn(SharedState, 'setMany');
+
+ SharedState.set('x', 'y');
+
+ expect(SharedState.setMany).not.toHaveBeenCalled();
+ });
+
+ it('calls setMany if first arg is an object', function() {
+ spyOn(SharedState, 'setOne');
+ spyOn(SharedState, 'setMany');
+
+ SharedState.set({
+ y: 'z'
+ });
+
+ expect(SharedState.setMany).toHaveBeenCalledWith({
+ y: 'z'
+ });
+ });
+
+ it('does not call setMany if first arg is a string', function() {
+ spyOn(SharedState, 'setOne');
+ spyOn(SharedState, 'setMany');
+
+ SharedState.set({
+ y: 'z'
+ });
+
+ expect(SharedState.setOne).not.toHaveBeenCalled();
+ });
+
+ it('does not call setOne and setMany with null', function() {
+ spyOn(SharedState, 'setOne');
+ spyOn(SharedState, 'setMany');
+
+ SharedState.set(null, 5);
+
+ expect(SharedState.setMany).not.toHaveBeenCalled();
+ expect(SharedState.setOne).not.toHaveBeenCalled();
+ });
+
+ it('does not throw with null', function() {
+ spyOn(SharedState, 'setOne');
+ spyOn(SharedState, 'setMany');
+
+ expect(function() {
+ SharedState.set(null, 5);
+ }).not.toThrow();
+ });
+ });
+
+ describe('turnOn', function() {
+ it('calls setOne with true', function() {
+ spyOn(SharedState, 'setOne');
+
+ SharedState.turnOn('state1');
+
+ expect(SharedState.setOne).toHaveBeenCalledWith('state1', true);
+ });
+
+ it('Turns off other statuses belonging to the same exclusion group.', function() {
+ spyOn(SharedState, 'setOne');
+ spyOn(SharedState, 'turnOff');
+
+ SharedState.initialize(scope, 's1', {
+ exclusionGroup: 'g1'
+ });
+
+ SharedState.initialize(scope, 's2', {
+ exclusionGroup: 'g1'
+ });
+
+ SharedState.initialize(scope, 's3', {
+ exclusionGroup: 'g1'
+ });
+
+ SharedState.turnOn('s3');
+
+ expect(SharedState.turnOff).toHaveBeenCalledWith('s1');
+ expect(SharedState.turnOff).toHaveBeenCalledWith('s2');
+ });
+ });
+
+ describe('toggle', function() {
+ it('should call turnOn if state is not set', function() {
+ spyOn(SharedState, 'turnOn');
+ spyOn(SharedState, 'turnOff');
+
+ SharedState.initialize(scope, 's1');
+
+ SharedState.toggle('s1');
+
+ expect(SharedState.turnOn).toHaveBeenCalledWith('s1');
+ expect(SharedState.turnOff).not.toHaveBeenCalledWith('s1');
+ });
+
+ it('should call turnOn if state is false', function() {
+ spyOn(SharedState, 'turnOn');
+ spyOn(SharedState, 'turnOff');
+
+ SharedState.initialize(scope, 's1', {
+ defaultValue: false
+ });
+
+ SharedState.toggle('s1');
+
+ expect(SharedState.turnOn).toHaveBeenCalledWith('s1');
+ expect(SharedState.turnOff).not.toHaveBeenCalledWith('s1');
+ });
+
+ it('should call turnOff if state is true', function() {
+ spyOn(SharedState, 'turnOn');
+ spyOn(SharedState, 'turnOff');
+
+ SharedState.initialize(scope, 's1', {
+ defaultValue: true
+ });
+
+ SharedState.toggle('s1');
+
+ expect(SharedState.turnOn).not.toHaveBeenCalledWith('s1');
+ expect(SharedState.turnOff).toHaveBeenCalledWith('s1');
+ });
+ });
+
+ describe('turnOff', function() {
+ it('calls setOne with false', function() {
+ spyOn(SharedState, 'setOne');
+
+ SharedState.turnOff('state1');
+
+ expect(SharedState.setOne).toHaveBeenCalledWith('state1', false);
+ });
+ });
+
+ describe('referenceCount', function() {
+ it('returns 0 if no references are present', function() {
+ expect(SharedState.referenceCount('state1')).toBe(0);
+ });
+
+ it('returns 1 if one reference is present', function() {
+ SharedState.initialize(scope, 'state1');
+ expect(SharedState.referenceCount('state1')).toBe(1);
+ });
+
+ it('returns 2 if two references are present', function() {
+ SharedState.initialize(scope, 'state1');
+ SharedState.initialize(scope2, 'state1');
+ expect(SharedState.referenceCount('state1')).toBe(2);
+ });
+
+ it('returns decremented value after a reference is gone', function() {
+ SharedState.initialize(scope, 'state1');
+ SharedState.initialize(scope2, 'state1');
+ scope.$destroy();
+ expect(SharedState.referenceCount('state1')).toBe(1);
+ });
+ });
+ });
+ });
+});
diff --git a/test/unit/core/sharedState/ui-class.js b/test/unit/core/sharedState/ui-class.js
new file mode 100644
index 0000000..5534f3f
--- /dev/null
+++ b/test/unit/core/sharedState/ui-class.js
@@ -0,0 +1,67 @@
+'use strict';
+
+describe('core', function() {
+ describe('sharedState', function() {
+ let scope;
+ let compile;
+ let SharedState;
+
+ beforeEach(function() {
+ module('mobile-angular-ui.core.sharedState');
+ inject(function($rootScope, $compile, _SharedState_) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ SharedState = _SharedState_;
+ });
+ });
+
+ describe('ui-class', function() {
+ it('should set defined class if state is true', function() {
+ SharedState.initialize(scope, 'state1', {defaultValue: true});
+
+ let elem = angular.element('');
+ let directiveElement = compile(elem)(scope);
+
+ scope.$digest();
+
+ expect(directiveElement.attr('class')).toContain('active');
+ });
+
+ it('should not set defined class if state is false', function() {
+ SharedState.initialize(scope, 'state1', {defaultValue: false});
+
+ let elem = angular.element('');
+ let directiveElement = compile(elem)(scope);
+
+ scope.$digest();
+
+ expect(directiveElement.attr('class')).not.toContain('active');
+ });
+
+ it('should set defined class if interpolated state is true', function() {
+ SharedState.initialize(scope, 'state1', {defaultValue: true});
+ scope.x = 1;
+
+ let elem = angular.element('');
+ let directiveElement = compile(elem)(scope);
+
+ scope.$digest();
+
+ expect(directiveElement.attr('class')).toContain('active');
+ });
+
+ it('should not set defined class if interpolated state is false', function() {
+ SharedState.initialize(scope, 'state1', {defaultValue: false});
+ scope.x = 1;
+
+ let elem = angular.element('');
+ let directiveElement = compile(elem)(scope);
+
+ scope.$digest();
+
+ expect(directiveElement.attr('class')).not.toContain('active');
+ });
+ });
+
+ });
+});
diff --git a/test/unit/core/sharedState/ui-hide.js b/test/unit/core/sharedState/ui-hide.js
new file mode 100644
index 0000000..822a9b2
--- /dev/null
+++ b/test/unit/core/sharedState/ui-hide.js
@@ -0,0 +1,67 @@
+'use strict';
+
+describe('core', function() {
+ describe('sharedState', function() {
+ let scope;
+ let compile;
+ let SharedState;
+ let $animate;
+
+ beforeEach(function() {
+ module('mobile-angular-ui.core.sharedState');
+ inject(function($rootScope, $compile, _$animate_, _SharedState_) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ $animate = _$animate_;
+ SharedState = _SharedState_;
+ });
+ });
+
+ describe('ui-hide', function() {
+ it('should not set ng-hide if state is false', function() {
+ spyOn($animate, 'removeClass').and.callThrough();
+ SharedState.initialize(scope, 'state1', {defaultValue: false});
+
+ let elem = compile(angular.element(''))(scope);
+
+ scope.$digest();
+ expect($animate.removeClass).toHaveBeenCalled();
+ expect(elem.attr('class')).not.toContain('ng-hide');
+ });
+
+ it('should set ng-hide if state is true', function() {
+ spyOn($animate, 'addClass').and.callThrough();
+ spyOn($animate, 'removeClass').and.callThrough();
+
+ SharedState.initialize(scope, 'state1', {defaultValue: true});
+
+ let elem = angular.element('');
+ let directiveElement = compile(elem)(scope);
+
+ scope.$digest();
+
+ expect($animate.removeClass).not.toHaveBeenCalled();
+ expect($animate.addClass).toHaveBeenCalledWith(
+ jasmine.anything(),
+ 'ng-hide', jasmine.objectContaining({
+ tempClasses: 'ng-hide-animate'
+ }));
+ expect(directiveElement.attr('class')).toContain('ng-hide');
+ });
+
+ it('should allow interpolation', function() {
+ spyOn($animate, 'removeClass').and.callThrough();
+
+ SharedState.initialize(scope, 'state1', {defaultValue: false});
+
+ scope.x = 1;
+
+ let elem = compile(angular.element(''))(scope);
+
+ scope.$digest();
+ expect($animate.removeClass).toHaveBeenCalled();
+ expect(elem.attr('class')).not.toContain('ng-hide');
+ });
+ });
+ });
+});
diff --git a/test/unit/core/sharedState/ui-if.spec.js b/test/unit/core/sharedState/ui-if.spec.js
new file mode 100644
index 0000000..535bd58
--- /dev/null
+++ b/test/unit/core/sharedState/ui-if.spec.js
@@ -0,0 +1,58 @@
+'use strict';
+
+describe('core', function() {
+ describe('sharedState', function() {
+ let scope;
+ let compile;
+ let SharedState;
+
+ beforeEach(function() {
+ module('mobile-angular-ui.core.sharedState');
+ inject(function($rootScope, $compile, _SharedState_) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ SharedState = _SharedState_;
+ });
+ });
+
+ describe('ui-if', function() {
+ it('should remove elem if state is false', function() {
+ SharedState.initialize(scope, 'state1', {defaultValue: false});
+
+ let elem = compile(angular.element('
content
content
content
content