diff --git a/demo/angular-ui-tour.js b/demo/angular-ui-tour.js index 11f7c54..17cd45a 100644 --- a/demo/angular-ui-tour.js +++ b/demo/angular-ui-tour.js @@ -11,6 +11,92 @@ }(angular.module('bm.uiTour', ['ngSanitize', 'ui.bootstrap', 'smoothScroll']))); +(function (app) { + 'use strict'; + + app.factory('uiTourBackdrop', ['TourConfig', '$document', '$uibPosition', '$window', function (TourConfig, $document, $uibPosition, $window) { + + var service = {}, + $body = angular.element($document[0].body), + $backdrop = angular.element($document[0].createElement('div')), + $clone, + preventDefault = function (e) { + e.preventDefault(); + }; + + (function createNoScrollingClass() { + var name = '.no-scrolling', + rules = 'height: 100%; overflow: hidden;', + style = document.createElement('style'); + style.type = 'text/css'; + document.getElementsByTagName('head')[0].appendChild(style); + + if(!style.sheet && !style.sheet.insertRule) { + (style.styleSheet || style.sheet).addRule(name, rules); + } else { + style.sheet.insertRule(name + '{' + rules + '}', 0); + } + }()); + + + + function preventScrolling() { + $body.addClass('no-scrolling'); + $body.on('touchmove', preventDefault); + } + + function allowScrolling() { + $body.removeClass('no-scrolling'); + $body.off('touchmove', preventDefault); + } + + $backdrop.css({ + position: 'fixed', + top: 0, + left: 0, + width: '100%', + height: '100%', + zIndex: TourConfig.get('backdropZIndex'), + backgroundColor: 'rgba(0, 0, 0, .5)', + display: 'none' + }); + + $body.append($backdrop); + + service.createForElement = function (element, shouldPreventScrolling, isFixedElement) { + var position; + $clone = element.clone(); + $backdrop.css('display', 'block'); + $body.append($clone); + $clone.css('zIndex', TourConfig.get('backdropZIndex') + 1); + position = $uibPosition.offset(element); + $clone.css({ + position: isFixedElement ? 'fixed': 'absolute', + top: position.top + 'px', + left: position.left + 'px', + height: position.height + 'px', + width: position.width + 'px', + marginTop: 0, + marginLeft: 0, + backgroundColor: $body.css('backgroundColor') || '#FFFFFF' + }); + if (shouldPreventScrolling) { + preventScrolling(); + } + }; + + service.hide = function () { + $backdrop.css('display', 'none'); + $clone.remove(); + allowScrolling(); + }; + + return service; + + }]); + +}(angular.module('bm.uiTour'))); + /* global angular: false */ (function (app) { @@ -29,6 +115,7 @@ tooltipClass: '', orphan: false, backdrop: false, + backdropZIndex: 10000, onStart: null, onEnd: null, @@ -71,7 +158,7 @@ (function (app) { 'use strict'; - app.controller('TourController', ['$q', 'TourConfig', function ($q, TourConfig) { + app.controller('TourController', ['$q', 'TourConfig', 'uiTourBackdrop', function ($q, TourConfig, uiTourBackdrop) { var self = this, stepList = [], @@ -105,7 +192,7 @@ */ function isNext() { var current = self.getCurrentStep(), - next = self.getNextStepElement(); + next = self.getNextStep(); return !!((next && next.enabled) || current.nextPath); } @@ -117,7 +204,7 @@ */ function isPrev() { var current = self.getCurrentStep(), - prev = self.getPrevStepElement(); + prev = self.getPrevStep(); return !!((prev && prev.enabled) || current.prevPath); } @@ -180,6 +267,9 @@ if (self.getCurrentStep()) { self.hideStep(self.getCurrentStep()); } + if (options.onEnd) { + options.onEnd(); + } currentStep = null; tourStatus = statuses.OFF; }; @@ -188,6 +278,9 @@ * pauses the tour */ self.pause = function () { + if (options.onPause) { + options.onPause(); + } tourStatus = statuses.PAUSED; self.hideStep(self.getCurrentStep()); }; @@ -196,6 +289,9 @@ * resumes a paused tour or starts it */ self.resume = function () { + if (options.onResume) { + options.onResume(); + } tourStatus = statuses.ON; self.showStep(self.getCurrentStep()); }; @@ -212,7 +308,7 @@ return self.hideStep(step); }, function () { - currentStep = self.getNextStepElement(); + currentStep = self.getNextStep(); if (self.getCurrentStep()) { return self.showStep(self.getCurrentStep()); } else { @@ -234,7 +330,7 @@ return self.hideStep(step); }, function () { - currentStep = self.getPrevStepElement(); + currentStep = self.getPrevStep(); if (resumeWhenFound) { return $q.resolve(); } else if (self.getCurrentStep()) { @@ -254,6 +350,12 @@ self.showStep = function (step) { return serial([ step.onShow || options.onShow || $q.resolve, + function () { + if (step.backdrop || options.backdrop) { + uiTourBackdrop.createForElement(step.element, step.preventScrolling, step.fixed); + } + return $q.resolve(); + }, step.show, step.onShown || options.onShown || $q.resolve, function () { @@ -273,6 +375,12 @@ return serial([ step.onHide || options.onHide || $q.resolve, step.hide, + function () { + if (step.backdrop || options.backdrop) { + uiTourBackdrop.hide(); + } + return $q.resolve(); + }, step.onHidden || options.onHidden || $q.resolve ]); }; @@ -289,7 +397,7 @@ * return next step or null * @returns {step} */ - self.getNextStepElement = function () { + self.getNextStep = function () { if (!currentStep) { return null; } @@ -300,7 +408,7 @@ * return previous step or null * @returns {step} */ - self.getPrevStepElement = function () { + self.getPrevStep = function () { if (!currentStep) { return null; } @@ -445,8 +553,10 @@ var attrName = helpers.getAttrName(eventName, prefix); if (attrs[attrName]) { options[eventName] = function () { - safeApply(scope, function () { - scope.$eval(attrs[attrName]); + return $q(function (resolve) { + safeApply(scope, function () { + resolve(scope.$eval(attrs[attrName])); + }); }); }; } @@ -548,7 +658,7 @@ enabled: true }, events = 'onShow onShown onHide onHidden onNext onPrev'.split(' '), - options = 'content title enabled path animation container placement backdrop redirect orphan reflex duration nextStep prevStep nextPath prevPath'.split(' '), + options = 'content title enabled animation placement backdrop orphan popupDelay popupCloseDelay fixed preventScrolling nextStep prevStep nextPath prevPath'.split(' '), orderWatch; //Pass interpolated values through @@ -609,7 +719,7 @@ ctrl.removeStep(step); orderWatch(); }); - } + }; } }; @@ -622,6 +732,10 @@ scope: { title: '@', content: '@', placement: '@', animation: '&', isOpen: '&', originScope: '&'}, templateUrl: 'tour-step-popup.html', link: function (scope, element) { + element.css('zIndex', TourConfig.get('backdropZIndex') + 2); + if (scope.originScope().tourStep.fixed) { + element.css('position', 'fixed'); + } scope.$watch('isOpen', function (isOpen) { if (isOpen()) { smoothScroll(element[0], { @@ -678,212 +792,3 @@ angular.module('bm.uiTour').run(['$templateCache', function($templateCache) { }]); }(angular.module('bm.uiTour'))); - -(function (app) { - 'use strict'; - - app.factory('LinkedList', [function () { - - var LinkedList = {}; - - LinkedList.create = function (isDouble) { - var head = null, - tail = null, - length = 0; - - function createNode(data) { - var node = { - data: data, - next: null - }; - - if (isDouble) { - node.prev = null; - } - - return node; - } - - return { - getHead: function () { - return head; - }, - getTail: function () { - return tail; - }, - size: function () { - return length; - }, - push: function (data) { - var newNode = createNode(data); - if (tail) { - tail.next = newNode; - if (isDouble) { - newNode.prev = tail; - } - tail = newNode; - } else { - head = tail = newNode; - } - length += 1; - return true; - }, - pop: function () { - if (!head) return; - - //only 1 item - if (!head.next) { - head = null; - - length -= 1; - return true; - } - - var current = head; - - do { - if (current.next.next) { - current = current.next; - } else { - current.next = null; - tail = current; - - length -= 1; - return true; - } - } while (current.next); - }, - unshift: function (data) { - var newNode = createNode(data); - if (head) { - newNode.next = head; - if (isDouble) { - head.prev = newNode; - } - head = newNode; - } else { - head = tail = newNode; - } - length += 1; - return true; - }, - shift: function () { - if (!head) return; - - if (!head.next) { - head = tail = null; - } else { - if (isDouble) { - head.next.prev = null; - } - head = head.next; - } - - length -= 1; - return true; - }, - insertAt: function (index, data) { - if (index === 0 || length === 0) { - return this.unshift(data); - } - if (index >= length) { - return this.push(data); - } - - var nodeBefore = head, - newNode = createNode(data); - for (var i = 1; i < index; ++i) { - nodeBefore = nodeBefore.next; - } - if (isDouble) { - if (nodeBefore.next) { - nodeBefore.next.prev = newNode; - } - newNode.prev = nodeBefore; - } - newNode.next = nodeBefore.next; - nodeBefore.next = newNode; - - length += 1; - return true; - }, - forEach: function (iterator) { - var index = 0, - current = head, - stopped = false; - - while (current && !stopped) { - iterator(current, index, function () { stopped = true; }); - index += 1; - current = current.next; - } - }, - remove: function (data) { - if (!head) return false; - var current = head; - - //if first element - if (head.data === data) { - return this.shift(); - } - - while (current.next) { - if (current.next.data === data) { - //if last item - if (current.next === tail) { - return this.pop(); - } - - if (isDouble) { - current.next.next.prev = current; - } - current.next = current.next.next; - - length -= 1; - return true; - } - current = current.next; - } - - return false; - }, - get: function (data) { - var current = head; - - while (current) { - if (current.data === data) { - return current; - } - current = current.next; - } - - return null; - }, - contains: function (data) { - var match = false; - this.forEach(function (node) { - if (node.data === data) { - match = true; - } - }); - return match; - }, - toArray: function () { - var arr = [], - current = head; - - while (current) { - arr.push(current.data); - current = current.next; - } - - return arr; - } - } - }; - - return LinkedList; - - }]); - -}(angular.module('bm.uiTour'))); diff --git a/demo/index.html b/demo/index.html index 16220c8..0942c3e 100644 --- a/demo/index.html +++ b/demo/index.html @@ -20,7 +20,7 @@ -
+
Bootswatch diff --git a/demo/views/docs.html b/demo/views/docs.html index 5ce4cfc..67d83ec 100644 --- a/demo/views/docs.html +++ b/demo/views/docs.html @@ -1,6 +1,6 @@ -
+
diff --git a/dist/angular-ui-tour.js b/dist/angular-ui-tour.js index 11f7c54..17cd45a 100644 --- a/dist/angular-ui-tour.js +++ b/dist/angular-ui-tour.js @@ -11,6 +11,92 @@ }(angular.module('bm.uiTour', ['ngSanitize', 'ui.bootstrap', 'smoothScroll']))); +(function (app) { + 'use strict'; + + app.factory('uiTourBackdrop', ['TourConfig', '$document', '$uibPosition', '$window', function (TourConfig, $document, $uibPosition, $window) { + + var service = {}, + $body = angular.element($document[0].body), + $backdrop = angular.element($document[0].createElement('div')), + $clone, + preventDefault = function (e) { + e.preventDefault(); + }; + + (function createNoScrollingClass() { + var name = '.no-scrolling', + rules = 'height: 100%; overflow: hidden;', + style = document.createElement('style'); + style.type = 'text/css'; + document.getElementsByTagName('head')[0].appendChild(style); + + if(!style.sheet && !style.sheet.insertRule) { + (style.styleSheet || style.sheet).addRule(name, rules); + } else { + style.sheet.insertRule(name + '{' + rules + '}', 0); + } + }()); + + + + function preventScrolling() { + $body.addClass('no-scrolling'); + $body.on('touchmove', preventDefault); + } + + function allowScrolling() { + $body.removeClass('no-scrolling'); + $body.off('touchmove', preventDefault); + } + + $backdrop.css({ + position: 'fixed', + top: 0, + left: 0, + width: '100%', + height: '100%', + zIndex: TourConfig.get('backdropZIndex'), + backgroundColor: 'rgba(0, 0, 0, .5)', + display: 'none' + }); + + $body.append($backdrop); + + service.createForElement = function (element, shouldPreventScrolling, isFixedElement) { + var position; + $clone = element.clone(); + $backdrop.css('display', 'block'); + $body.append($clone); + $clone.css('zIndex', TourConfig.get('backdropZIndex') + 1); + position = $uibPosition.offset(element); + $clone.css({ + position: isFixedElement ? 'fixed': 'absolute', + top: position.top + 'px', + left: position.left + 'px', + height: position.height + 'px', + width: position.width + 'px', + marginTop: 0, + marginLeft: 0, + backgroundColor: $body.css('backgroundColor') || '#FFFFFF' + }); + if (shouldPreventScrolling) { + preventScrolling(); + } + }; + + service.hide = function () { + $backdrop.css('display', 'none'); + $clone.remove(); + allowScrolling(); + }; + + return service; + + }]); + +}(angular.module('bm.uiTour'))); + /* global angular: false */ (function (app) { @@ -29,6 +115,7 @@ tooltipClass: '', orphan: false, backdrop: false, + backdropZIndex: 10000, onStart: null, onEnd: null, @@ -71,7 +158,7 @@ (function (app) { 'use strict'; - app.controller('TourController', ['$q', 'TourConfig', function ($q, TourConfig) { + app.controller('TourController', ['$q', 'TourConfig', 'uiTourBackdrop', function ($q, TourConfig, uiTourBackdrop) { var self = this, stepList = [], @@ -105,7 +192,7 @@ */ function isNext() { var current = self.getCurrentStep(), - next = self.getNextStepElement(); + next = self.getNextStep(); return !!((next && next.enabled) || current.nextPath); } @@ -117,7 +204,7 @@ */ function isPrev() { var current = self.getCurrentStep(), - prev = self.getPrevStepElement(); + prev = self.getPrevStep(); return !!((prev && prev.enabled) || current.prevPath); } @@ -180,6 +267,9 @@ if (self.getCurrentStep()) { self.hideStep(self.getCurrentStep()); } + if (options.onEnd) { + options.onEnd(); + } currentStep = null; tourStatus = statuses.OFF; }; @@ -188,6 +278,9 @@ * pauses the tour */ self.pause = function () { + if (options.onPause) { + options.onPause(); + } tourStatus = statuses.PAUSED; self.hideStep(self.getCurrentStep()); }; @@ -196,6 +289,9 @@ * resumes a paused tour or starts it */ self.resume = function () { + if (options.onResume) { + options.onResume(); + } tourStatus = statuses.ON; self.showStep(self.getCurrentStep()); }; @@ -212,7 +308,7 @@ return self.hideStep(step); }, function () { - currentStep = self.getNextStepElement(); + currentStep = self.getNextStep(); if (self.getCurrentStep()) { return self.showStep(self.getCurrentStep()); } else { @@ -234,7 +330,7 @@ return self.hideStep(step); }, function () { - currentStep = self.getPrevStepElement(); + currentStep = self.getPrevStep(); if (resumeWhenFound) { return $q.resolve(); } else if (self.getCurrentStep()) { @@ -254,6 +350,12 @@ self.showStep = function (step) { return serial([ step.onShow || options.onShow || $q.resolve, + function () { + if (step.backdrop || options.backdrop) { + uiTourBackdrop.createForElement(step.element, step.preventScrolling, step.fixed); + } + return $q.resolve(); + }, step.show, step.onShown || options.onShown || $q.resolve, function () { @@ -273,6 +375,12 @@ return serial([ step.onHide || options.onHide || $q.resolve, step.hide, + function () { + if (step.backdrop || options.backdrop) { + uiTourBackdrop.hide(); + } + return $q.resolve(); + }, step.onHidden || options.onHidden || $q.resolve ]); }; @@ -289,7 +397,7 @@ * return next step or null * @returns {step} */ - self.getNextStepElement = function () { + self.getNextStep = function () { if (!currentStep) { return null; } @@ -300,7 +408,7 @@ * return previous step or null * @returns {step} */ - self.getPrevStepElement = function () { + self.getPrevStep = function () { if (!currentStep) { return null; } @@ -445,8 +553,10 @@ var attrName = helpers.getAttrName(eventName, prefix); if (attrs[attrName]) { options[eventName] = function () { - safeApply(scope, function () { - scope.$eval(attrs[attrName]); + return $q(function (resolve) { + safeApply(scope, function () { + resolve(scope.$eval(attrs[attrName])); + }); }); }; } @@ -548,7 +658,7 @@ enabled: true }, events = 'onShow onShown onHide onHidden onNext onPrev'.split(' '), - options = 'content title enabled path animation container placement backdrop redirect orphan reflex duration nextStep prevStep nextPath prevPath'.split(' '), + options = 'content title enabled animation placement backdrop orphan popupDelay popupCloseDelay fixed preventScrolling nextStep prevStep nextPath prevPath'.split(' '), orderWatch; //Pass interpolated values through @@ -609,7 +719,7 @@ ctrl.removeStep(step); orderWatch(); }); - } + }; } }; @@ -622,6 +732,10 @@ scope: { title: '@', content: '@', placement: '@', animation: '&', isOpen: '&', originScope: '&'}, templateUrl: 'tour-step-popup.html', link: function (scope, element) { + element.css('zIndex', TourConfig.get('backdropZIndex') + 2); + if (scope.originScope().tourStep.fixed) { + element.css('position', 'fixed'); + } scope.$watch('isOpen', function (isOpen) { if (isOpen()) { smoothScroll(element[0], { @@ -678,212 +792,3 @@ angular.module('bm.uiTour').run(['$templateCache', function($templateCache) { }]); }(angular.module('bm.uiTour'))); - -(function (app) { - 'use strict'; - - app.factory('LinkedList', [function () { - - var LinkedList = {}; - - LinkedList.create = function (isDouble) { - var head = null, - tail = null, - length = 0; - - function createNode(data) { - var node = { - data: data, - next: null - }; - - if (isDouble) { - node.prev = null; - } - - return node; - } - - return { - getHead: function () { - return head; - }, - getTail: function () { - return tail; - }, - size: function () { - return length; - }, - push: function (data) { - var newNode = createNode(data); - if (tail) { - tail.next = newNode; - if (isDouble) { - newNode.prev = tail; - } - tail = newNode; - } else { - head = tail = newNode; - } - length += 1; - return true; - }, - pop: function () { - if (!head) return; - - //only 1 item - if (!head.next) { - head = null; - - length -= 1; - return true; - } - - var current = head; - - do { - if (current.next.next) { - current = current.next; - } else { - current.next = null; - tail = current; - - length -= 1; - return true; - } - } while (current.next); - }, - unshift: function (data) { - var newNode = createNode(data); - if (head) { - newNode.next = head; - if (isDouble) { - head.prev = newNode; - } - head = newNode; - } else { - head = tail = newNode; - } - length += 1; - return true; - }, - shift: function () { - if (!head) return; - - if (!head.next) { - head = tail = null; - } else { - if (isDouble) { - head.next.prev = null; - } - head = head.next; - } - - length -= 1; - return true; - }, - insertAt: function (index, data) { - if (index === 0 || length === 0) { - return this.unshift(data); - } - if (index >= length) { - return this.push(data); - } - - var nodeBefore = head, - newNode = createNode(data); - for (var i = 1; i < index; ++i) { - nodeBefore = nodeBefore.next; - } - if (isDouble) { - if (nodeBefore.next) { - nodeBefore.next.prev = newNode; - } - newNode.prev = nodeBefore; - } - newNode.next = nodeBefore.next; - nodeBefore.next = newNode; - - length += 1; - return true; - }, - forEach: function (iterator) { - var index = 0, - current = head, - stopped = false; - - while (current && !stopped) { - iterator(current, index, function () { stopped = true; }); - index += 1; - current = current.next; - } - }, - remove: function (data) { - if (!head) return false; - var current = head; - - //if first element - if (head.data === data) { - return this.shift(); - } - - while (current.next) { - if (current.next.data === data) { - //if last item - if (current.next === tail) { - return this.pop(); - } - - if (isDouble) { - current.next.next.prev = current; - } - current.next = current.next.next; - - length -= 1; - return true; - } - current = current.next; - } - - return false; - }, - get: function (data) { - var current = head; - - while (current) { - if (current.data === data) { - return current; - } - current = current.next; - } - - return null; - }, - contains: function (data) { - var match = false; - this.forEach(function (node) { - if (node.data === data) { - match = true; - } - }); - return match; - }, - toArray: function () { - var arr = [], - current = head; - - while (current) { - arr.push(current.data); - current = current.next; - } - - return arr; - } - } - }; - - return LinkedList; - - }]); - -}(angular.module('bm.uiTour'))); diff --git a/dist/angular-ui-tour.min.js b/dist/angular-ui-tour.min.js index 75698bc..7015be4 100644 --- a/dist/angular-ui-tour.min.js +++ b/dist/angular-ui-tour.min.js @@ -1 +1 @@ -!function(a){"use strict";a.config(["$uibTooltipProvider",function(a){a.setTriggers({uiTourShow:"uiTourHide"})}])}(angular.module("bm.uiTour",["ngSanitize","ui.bootstrap","smoothScroll"])),function(a){"use strict";a.provider("TourConfig",[function(){var a={placement:"top",animation:!0,popupDelay:1,closePopupDelay:0,trigger:"uiTourShow",enable:!0,appendToBody:!1,tooltipClass:"",orphan:!1,backdrop:!1,onStart:null,onEnd:null,onPause:null,onResume:null,onNext:null,onPrev:null,onShow:null,onShown:null,onHide:null,onHidden:null};this.set=function(b,c){a[b]=c},this.$get=[function(){var b={};return b.get=function(b){return a[b]},b.getAll=function(){return angular.copy(a)},b}]}])}(angular.module("bm.uiTour")),function(a){"use strict";a.controller("TourController",["$q","TourConfig",function(a,b){function c(a){var b=a.shift()();return a.forEach(function(a){b=b.then(a)}),b}function d(){var a=g.getCurrentStep(),b=g.getNextStepElement();return!!(b&&b.enabled||a.nextPath)}function e(){var a=g.getCurrentStep(),b=g.getPrevStepElement();return!!(b&&b.enabled||a.prevPath)}var f,g=this,h=[],i=null,j={OFF:0,ON:1,PAUSED:2},k=j.OFF,l=b.getAll();g.addStep=function(a){if(!~h.indexOf(a)){var b=0;h.forEach(function(c,d){a.order>=c.order&&(b=d)}),h.splice(b+1,0,a),f&&f(a)}},g.removeStep=function(a){h.splice(h.indexOf(a),1)},g.reorderStep=function(a){g.removeStep(a),g.addStep(a)},g.start=function(){l.onStart&&l.onStart(),i=h[0],k=j.ON,g.showStep(g.getCurrentStep())},g.end=function(){g.getCurrentStep()&&g.hideStep(g.getCurrentStep()),i=null,k=j.OFF},g.pause=function(){k=j.PAUSED,g.hideStep(g.getCurrentStep())},g.resume=function(){k=j.ON,g.showStep(g.getCurrentStep())},g.next=function(){var b=g.getCurrentStep();return c([b.onNext||l.onNext||a.resolve,function(){return g.hideStep(b)},function(){return i=g.getNextStepElement(),g.getCurrentStep()?g.showStep(g.getCurrentStep()):void g.end()}])},g.prev=function(){var b=g.getCurrentStep();return c([b.onPrev||l.onPrev||a.resolve,function(){return g.hideStep(b)},function(){return i=g.getPrevStepElement(),f?a.resolve():g.getCurrentStep()?g.showStep(g.getCurrentStep()):void g.end()}])},g.showStep=function(b){return c([b.onShow||l.onShow||a.resolve,b.show,b.onShown||l.onShown||a.resolve,function(){return b.isNext=d(),b.isPrev=e(),a.resolve()}])},g.hideStep=function(b){return c([b.onHide||l.onHide||a.resolve,b.hide,b.onHidden||l.onHidden||a.resolve])},g.getCurrentStep=function(){return i},g.getNextStepElement=function(){return i?h[h.indexOf(i)+1]:null},g.getPrevStepElement=function(){return i?h[h.indexOf(i)-1]:null},g.waitFor=function(a){g.pause(),f=function(b){b.stepId===a&&(i=h[h.indexOf(b)],g.resume(),f=null)}},g.init=function(a){return l=angular.extend(l,a),g.options=l,g},g._getSteps=function(){return h},g._getStatus=function(){return k},g._getCurrentStep=function(){return i}}])}(angular.module("bm.uiTour")),function(a){"use strict";a.directive("uiTour",["TourHelpers",function(a){return{restrict:"EA",scope:!0,controller:"TourController",link:function(b,c,d,e){var f={},g="onStart onEnd onShow onShown onHide onHidden onNext onPrev onPause onResume".split(" "),h="placement animation popupDelay closePopupDelay trigger enable appendToBody tooltipClass orphan backdrop".split(" ");a.attachInterpolatedValues(d,f,h,"uiTour"),a.attachEventHandlers(b,d,f,g,"uiTour"),d[a.getAttrName("options")]&&angular.extend(f,b.$eval(d[a.getAttrName("options")])),b.tour=e.init(f)}}}])}(angular.module("bm.uiTour")),function(a){"use strict";a.factory("TourHelpers",["$templateCache","$http","$compile","$location","TourConfig","$q",function(a,b,c,d,e,f){function g(a){return"true"===a?!0:"false"===a?!1:a}var h,i={};return h=i.safeApply=function(a,b){var c=a.$$phase;"$apply"===c||"$digest"===c?b&&"function"==typeof b&&b():a.$apply(b)},i.attachEventHandlers=function(a,b,c,d,e){angular.forEach(d,function(d){var f=i.getAttrName(d,e);b[f]&&(c[d]=function(){h(a,function(){a.$eval(b[f])})})})},i.attachInterpolatedValues=function(a,b,c,d){angular.forEach(c,function(c){var e=i.getAttrName(c,d);a[e]&&(b[c]=g(a[e]),a.$observe(e,function(a){b[c]=g(a)}))})},i.setRedirect=function(a,b,c,e,g){var h=a[c];a[c]=function(a){return f(function(c){h&&h(a),b.waitFor(g),d.path(e),c()})}},i.getAttrName=function(a,b){return(b||"tourStep")+a.charAt(0).toUpperCase()+a.substr(1)},i}])}(angular.module("bm.uiTour")),function(a){"use strict";a.directive("tourStep",["TourHelpers","$uibTooltip","$q","$sce",function(a,b,c,d){var e=b("tourStep","tourStep","uiTourShow",{popupDelay:1});return{restrict:"EA",scope:!0,require:"^uiTour",compile:function(b,f){f.tourStep||f.$set("tourStep","'PH'");var g=e.compile(b,f);return function(b,e,f,h){var i,j={element:e,stepId:f.tourStep,enabled:!0},k="onShow onShown onHide onHidden onNext onPrev".split(" "),l="content title enabled path animation container placement backdrop redirect orphan reflex duration nextStep prevStep nextPath prevPath".split(" ");a.attachInterpolatedValues(f,j,l),i=f.$observe(a.getAttrName("order"),function(a){j.order=isNaN(1*a)?0:1*a,h.reorderStep(j)}),a.attachEventHandlers(b,f,j,k),f[a.getAttrName("templateUrl")]&&(j.templateUrl=b.$eval(f[a.getAttrName("templateUrl")])),f[a.getAttrName("options")]&&angular.extend(j,b.$eval(f[a.getAttrName("options")])),j.nextPath&&(j.redirectNext=!0,a.setRedirect(j,h,"onNext",j.nextPath,j.nextStep)),j.prevPath&&(j.redirectPrev=!0,a.setRedirect(j,h,"onPrev",j.prevPath,j.prevStep)),j.show=function(){return e.triggerHandler("uiTourShow"),c(function(a){e[0].dispatchEvent(new CustomEvent("uiTourShow")),a()})},j.hide=function(){return c(function(a){e[0].dispatchEvent(new CustomEvent("uiTourHide")),a()})},j.trustedContent=d.trustAsHtml(j.content),h.addStep(j),b.tourStep=j,b.tour=b.tour||h,g(b,e,f),b.$on("$destroy",function(){h.removeStep(j),i()})}}}}]),a.directive("tourStepPopup",["TourConfig","smoothScroll",function(a,b){return{restrict:"EA",replace:!0,scope:{title:"@",content:"@",placement:"@",animation:"&",isOpen:"&",originScope:"&"},templateUrl:"tour-step-popup.html",link:function(a,c){a.$watch("isOpen",function(a){a()&&b(c[0],{offset:100})})}}}])}(angular.module("bm.uiTour")),angular.module("bm.uiTour").run(["$templateCache",function(a){a.put("tour-step-popup.html",'
\n
\n\n
\n

\n
\n
\n
\n'),a.put("tour-step-template.html",'
\n
\n
\n
\n \n \n \n
\n \n
\n
\n')}]),function(a){"use strict";a.factory("Tour",[function(){return function(){return{}}}])}(angular.module("bm.uiTour")),function(a){"use strict";a.factory("LinkedList",[function(){var a={};return a.create=function(a){function b(b){var c={data:b,next:null};return a&&(c.prev=null),c}var c=null,d=null,e=0;return{getHead:function(){return c},getTail:function(){return d},size:function(){return e},push:function(f){var g=b(f);return d?(d.next=g,a&&(g.prev=d),d=g):c=d=g,e+=1,!0},pop:function(){if(c){if(!c.next)return c=null,e-=1,!0;var a=c;do{if(!a.next.next)return a.next=null,d=a,e-=1,!0;a=a.next}while(a.next)}},unshift:function(f){var g=b(f);return c?(g.next=c,a&&(c.prev=g),c=g):c=d=g,e+=1,!0},shift:function(){return c?(c.next?(a&&(c.next.prev=null),c=c.next):c=d=null,e-=1,!0):void 0},insertAt:function(d,f){if(0===d||0===e)return this.unshift(f);if(d>=e)return this.push(f);for(var g=c,h=b(f),i=1;d>i;++i)g=g.next;return a&&(g.next&&(g.next.prev=h),h.prev=g),h.next=g.next,g.next=h,e+=1,!0},forEach:function(a){for(var b=0,d=c,e=!1;d&&!e;)a(d,b,function(){e=!0}),b+=1,d=d.next},remove:function(b){if(!c)return!1;var f=c;if(c.data===b)return this.shift();for(;f.next;){if(f.next.data===b)return f.next===d?this.pop():(a&&(f.next.next.prev=f),f.next=f.next.next,e-=1,!0);f=f.next}return!1},get:function(a){for(var b=c;b;){if(b.data===a)return b;b=b.next}return null},contains:function(a){var b=!1;return this.forEach(function(c){c.data===a&&(b=!0)}),b},toArray:function(){for(var a=[],b=c;b;)a.push(b.data),b=b.next;return a}}},a}])}(angular.module("bm.uiTour")); \ No newline at end of file +!function(a){"use strict";a.config(["$uibTooltipProvider",function(a){a.setTriggers({uiTourShow:"uiTourHide"})}])}(angular.module("bm.uiTour",["ngSanitize","ui.bootstrap","smoothScroll"])),function(a){"use strict";a.factory("uiTourBackdrop",["TourConfig","$document","$uibPosition","$window",function(a,b,c,d){function e(){i.addClass("no-scrolling"),i.on("touchmove",k)}function f(){i.removeClass("no-scrolling"),i.off("touchmove",k)}var g,h={},i=angular.element(b[0].body),j=angular.element(b[0].createElement("div")),k=function(a){a.preventDefault()};return function(){var a=".no-scrolling",b="height: 100%; overflow: hidden;",c=document.createElement("style");c.type="text/css",document.getElementsByTagName("head")[0].appendChild(c),c.sheet||c.sheet.insertRule?c.sheet.insertRule(a+"{"+b+"}",0):(c.styleSheet||c.sheet).addRule(a,b)}(),j.css({position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:a.get("backdropZIndex"),backgroundColor:"rgba(0, 0, 0, .5)",display:"none"}),i.append(j),h.createForElement=function(b,d,f){var h;g=b.clone(),j.css("display","block"),i.append(g),g.css("zIndex",a.get("backdropZIndex")+1),h=c.offset(b),g.css({position:f?"fixed":"absolute",top:h.top+"px",left:h.left+"px",height:h.height+"px",width:h.width+"px",marginTop:0,marginLeft:0,backgroundColor:i.css("backgroundColor")||"#FFFFFF"}),d&&e()},h.hide=function(){j.css("display","none"),g.remove(),f()},h}])}(angular.module("bm.uiTour")),function(a){"use strict";a.provider("TourConfig",[function(){var a={placement:"top",animation:!0,popupDelay:1,closePopupDelay:0,trigger:"uiTourShow",enable:!0,appendToBody:!1,tooltipClass:"",orphan:!1,backdrop:!1,backdropZIndex:1e4,onStart:null,onEnd:null,onPause:null,onResume:null,onNext:null,onPrev:null,onShow:null,onShown:null,onHide:null,onHidden:null};this.set=function(b,c){a[b]=c},this.$get=[function(){var b={};return b.get=function(b){return a[b]},b.getAll=function(){return angular.copy(a)},b}]}])}(angular.module("bm.uiTour")),function(a){"use strict";a.controller("TourController",["$q","TourConfig","uiTourBackdrop",function(a,b,c){function d(a){var b=a.shift()();return a.forEach(function(a){b=b.then(a)}),b}function e(){var a=h.getCurrentStep(),b=h.getNextStep();return!!(b&&b.enabled||a.nextPath)}function f(){var a=h.getCurrentStep(),b=h.getPrevStep();return!!(b&&b.enabled||a.prevPath)}var g,h=this,i=[],j=null,k={OFF:0,ON:1,PAUSED:2},l=k.OFF,m=b.getAll();h.addStep=function(a){if(!~i.indexOf(a)){var b=0;i.forEach(function(c,d){a.order>=c.order&&(b=d)}),i.splice(b+1,0,a),g&&g(a)}},h.removeStep=function(a){i.splice(i.indexOf(a),1)},h.reorderStep=function(a){h.removeStep(a),h.addStep(a)},h.start=function(){m.onStart&&m.onStart(),j=i[0],l=k.ON,h.showStep(h.getCurrentStep())},h.end=function(){h.getCurrentStep()&&h.hideStep(h.getCurrentStep()),m.onEnd&&m.onEnd(),j=null,l=k.OFF},h.pause=function(){m.onPause&&m.onPause(),l=k.PAUSED,h.hideStep(h.getCurrentStep())},h.resume=function(){m.onResume&&m.onResume(),l=k.ON,h.showStep(h.getCurrentStep())},h.next=function(){var b=h.getCurrentStep();return d([b.onNext||m.onNext||a.resolve,function(){return h.hideStep(b)},function(){return j=h.getNextStep(),h.getCurrentStep()?h.showStep(h.getCurrentStep()):void h.end()}])},h.prev=function(){var b=h.getCurrentStep();return d([b.onPrev||m.onPrev||a.resolve,function(){return h.hideStep(b)},function(){return j=h.getPrevStep(),g?a.resolve():h.getCurrentStep()?h.showStep(h.getCurrentStep()):void h.end()}])},h.showStep=function(b){return d([b.onShow||m.onShow||a.resolve,function(){return(b.backdrop||m.backdrop)&&c.createForElement(b.element,b.preventScrolling,b.fixed),a.resolve()},b.show,b.onShown||m.onShown||a.resolve,function(){return b.isNext=e(),b.isPrev=f(),a.resolve()}])},h.hideStep=function(b){return d([b.onHide||m.onHide||a.resolve,b.hide,function(){return(b.backdrop||m.backdrop)&&c.hide(),a.resolve()},b.onHidden||m.onHidden||a.resolve])},h.getCurrentStep=function(){return j},h.getNextStep=function(){return j?i[i.indexOf(j)+1]:null},h.getPrevStep=function(){return j?i[i.indexOf(j)-1]:null},h.waitFor=function(a){h.pause(),g=function(b){b.stepId===a&&(j=i[i.indexOf(b)],h.resume(),g=null)}},h.init=function(a){return m=angular.extend(m,a),h.options=m,h},h._getSteps=function(){return i},h._getStatus=function(){return l},h._getCurrentStep=function(){return j}}])}(angular.module("bm.uiTour")),function(a){"use strict";a.directive("uiTour",["TourHelpers",function(a){return{restrict:"EA",scope:!0,controller:"TourController",link:function(b,c,d,e){var f={},g="onStart onEnd onShow onShown onHide onHidden onNext onPrev onPause onResume".split(" "),h="placement animation popupDelay closePopupDelay trigger enable appendToBody tooltipClass orphan backdrop".split(" ");a.attachInterpolatedValues(d,f,h,"uiTour"),a.attachEventHandlers(b,d,f,g,"uiTour"),d[a.getAttrName("options")]&&angular.extend(f,b.$eval(d[a.getAttrName("options")])),b.tour=e.init(f)}}}])}(angular.module("bm.uiTour")),function(a){"use strict";a.factory("TourHelpers",["$templateCache","$http","$compile","$location","TourConfig","$q",function(a,b,c,d,e,f){function g(a){return"true"===a?!0:"false"===a?!1:a}var h,i={};return h=i.safeApply=function(a,b){var c=a.$$phase;"$apply"===c||"$digest"===c?b&&"function"==typeof b&&b():a.$apply(b)},i.attachEventHandlers=function(a,b,c,d,e){angular.forEach(d,function(d){var g=i.getAttrName(d,e);b[g]&&(c[d]=function(){return f(function(c){h(a,function(){c(a.$eval(b[g]))})})})})},i.attachInterpolatedValues=function(a,b,c,d){angular.forEach(c,function(c){var e=i.getAttrName(c,d);a[e]&&(b[c]=g(a[e]),a.$observe(e,function(a){b[c]=g(a)}))})},i.setRedirect=function(a,b,c,e,g){var h=a[c];a[c]=function(a){return f(function(c){h&&h(a),b.waitFor(g),d.path(e),c()})}},i.getAttrName=function(a,b){return(b||"tourStep")+a.charAt(0).toUpperCase()+a.substr(1)},i}])}(angular.module("bm.uiTour")),function(a){"use strict";a.directive("tourStep",["TourHelpers","$uibTooltip","$q","$sce",function(a,b,c,d){var e=b("tourStep","tourStep","uiTourShow",{popupDelay:1});return{restrict:"EA",scope:!0,require:"^uiTour",compile:function(b,f){f.tourStep||f.$set("tourStep","'PH'");var g=e.compile(b,f);return function(b,e,f,h){var i,j={element:e,stepId:f.tourStep,enabled:!0},k="onShow onShown onHide onHidden onNext onPrev".split(" "),l="content title enabled animation placement backdrop orphan popupDelay popupCloseDelay fixed preventScrolling nextStep prevStep nextPath prevPath".split(" ");a.attachInterpolatedValues(f,j,l),i=f.$observe(a.getAttrName("order"),function(a){j.order=isNaN(1*a)?0:1*a,h.reorderStep(j)}),a.attachEventHandlers(b,f,j,k),f[a.getAttrName("templateUrl")]&&(j.templateUrl=b.$eval(f[a.getAttrName("templateUrl")])),f[a.getAttrName("options")]&&angular.extend(j,b.$eval(f[a.getAttrName("options")])),j.nextPath&&(j.redirectNext=!0,a.setRedirect(j,h,"onNext",j.nextPath,j.nextStep)),j.prevPath&&(j.redirectPrev=!0,a.setRedirect(j,h,"onPrev",j.prevPath,j.prevStep)),j.show=function(){return e.triggerHandler("uiTourShow"),c(function(a){e[0].dispatchEvent(new CustomEvent("uiTourShow")),a()})},j.hide=function(){return c(function(a){e[0].dispatchEvent(new CustomEvent("uiTourHide")),a()})},j.trustedContent=d.trustAsHtml(j.content),h.addStep(j),b.tourStep=j,b.tour=b.tour||h,g(b,e,f),b.$on("$destroy",function(){h.removeStep(j),i()})}}}}]),a.directive("tourStepPopup",["TourConfig","smoothScroll",function(a,b){return{restrict:"EA",replace:!0,scope:{title:"@",content:"@",placement:"@",animation:"&",isOpen:"&",originScope:"&"},templateUrl:"tour-step-popup.html",link:function(c,d){d.css("zIndex",a.get("backdropZIndex")+2),c.originScope().tourStep.fixed&&d.css("position","fixed"),c.$watch("isOpen",function(a){a()&&b(d[0],{offset:100})})}}}])}(angular.module("bm.uiTour")),angular.module("bm.uiTour").run(["$templateCache",function(a){a.put("tour-step-popup.html",'
\n
\n\n
\n

\n
\n
\n
\n'),a.put("tour-step-template.html",'
\n
\n
\n
\n \n \n \n
\n \n
\n
\n')}]),function(a){"use strict";a.factory("Tour",[function(){return function(){return{}}}])}(angular.module("bm.uiTour")); \ No newline at end of file