summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-os/client/bower_components_external
diff options
context:
space:
mode:
authorst782s <statta@research.att.com>2017-05-04 07:48:42 -0400
committerst782s <statta@research.att.com>2017-05-04 12:28:17 -0400
commitb54df0ddd0c6a0372327c5aa3668e5a6458fcd64 (patch)
treee69cfa9b314a801bd187cf0145d1d4306436229c /ecomp-portal-FE-os/client/bower_components_external
parent39d1e62c84041831bfc52cca73b5ed5efaf57d27 (diff)
[PORTAL-7] Rebase
This rebasing includes common libraries and common overlays projects abstraction of components Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8 Signed-off-by: st782s <statta@research.att.com>
Diffstat (limited to 'ecomp-portal-FE-os/client/bower_components_external')
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/angular-gridster/angular-gridster.min.js8
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/b2b/css/b2b-angular/README.md14
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/b2b/js/b2b-angular/README.md13
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/b2b/js/b2b-angular/b2b-library.min.js22048
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/bowser/bowser.js559
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/bowser/useragents.js1267
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/.gitignore4
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/LICENSE21
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/css/ionicons.css1493
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/css/ionicons.min.css11
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.eotbin0 -> 120724 bytes
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.svg2230
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.ttfbin0 -> 188508 bytes
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.woffbin0 -> 67904 bytes
-rw-r--r--ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/readme.md60
15 files changed, 27728 insertions, 0 deletions
diff --git a/ecomp-portal-FE-os/client/bower_components_external/angular-gridster/angular-gridster.min.js b/ecomp-portal-FE-os/client/bower_components_external/angular-gridster/angular-gridster.min.js
new file mode 100644
index 00000000..07d7c878
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/angular-gridster/angular-gridster.min.js
@@ -0,0 +1,8 @@
+/*
+ * angular-gridster
+ * http://manifestwebdesign.github.io/angular-gridster
+ *
+ * @version: 0.13.14
+ * @license: MIT
+ */
+!function(a,b){"use strict";"function"==typeof define&&define.amd?define(["angular"],b):"object"==typeof exports?module.exports=b(require("angular")):b(a.angular)}(this,function(a){"use strict";return a.module("gridster",[]).constant("gridsterConfig",{columns:6,pushing:!0,floating:!0,swapping:!1,width:"auto",colWidth:"auto",rowHeight:"match",margins:[10,10],outerMargin:!0,sparse:!1,isMobile:!1,mobileBreakPoint:600,mobileModeEnabled:!0,minColumns:1,minRows:1,maxRows:100,defaultSizeX:2,defaultSizeY:1,minSizeX:1,maxSizeX:null,minSizeY:1,maxSizeY:null,saveGridItemCalculatedHeightInMobile:!1,resizable:{enabled:!0,handles:["s","e","n","w","se","ne","sw","nw"]},draggable:{enabled:!0,scrollSensitivity:20,scrollSpeed:15}}).controller("GridsterCtrl",["gridsterConfig","$timeout",function(b,c){var d=this;a.extend(this,b),this.resizable=a.extend({},b.resizable||{}),this.draggable=a.extend({},b.draggable||{});var e=!1;this.layoutChanged=function(){e||(e=!0,c(function(){e=!1,d.loaded&&d.floatItemsUp(),d.updateHeight(d.movingItem?d.movingItem.sizeY:0)},30))},this.grid=[],this.allItems=[],this.destroy=function(){this.grid&&(this.grid=[]),this.$element=null,this.allItems&&(this.allItems.length=0,this.allItems=null)},this.setOptions=function(b){if(b)if(b=a.extend({},b),b.draggable&&(a.extend(this.draggable,b.draggable),delete b.draggable),b.resizable&&(a.extend(this.resizable,b.resizable),delete b.resizable),a.extend(this,b),this.margins&&2===this.margins.length)for(var c=0,d=this.margins.length;c<d;++c)this.margins[c]=parseInt(this.margins[c],10),isNaN(this.margins[c])&&(this.margins[c]=0);else this.margins=[0,0]},this.canItemOccupy=function(a,b,c){return b>-1&&c>-1&&a.sizeX+c<=this.columns&&a.sizeY+b<=this.maxRows},this.autoSetItemPosition=function(a){for(var b=0;b<this.maxRows;++b)for(var c=0;c<this.columns;++c){var d=this.getItems(b,c,a.sizeX,a.sizeY,a);if(0===d.length&&this.canItemOccupy(a,b,c))return void this.putItem(a,b,c)}throw new Error("Unable to place item!")},this.getItems=function(a,b,c,d,e){var f=[];c&&d||(c=d=1),!e||e instanceof Array||(e=[e]);var g;if(this.sparse===!1)for(var h=0;h<d;++h)for(var i=0;i<c;++i)g=this.getItem(a+h,b+i,e),!g||e&&e.indexOf(g)!==-1||f.indexOf(g)!==-1||f.push(g);else for(var j=a+d-1,k=b+c-1,l=0;l<this.allItems.length;++l)g=this.allItems[l],!g||e&&e.indexOf(g)!==-1||f.indexOf(g)!==-1||!this.intersect(g,b,k,a,j)||f.push(g);return f},this.getBoundingBox=function(a){if(0===a.length)return null;if(1===a.length)return{row:a[0].row,col:a[0].col,sizeY:a[0].sizeY,sizeX:a[0].sizeX};for(var b=0,c=0,d=9999,e=9999,f=0,g=a.length;f<g;++f){var h=a[f];d=Math.min(h.row,d),e=Math.min(h.col,e),b=Math.max(h.row+h.sizeY,b),c=Math.max(h.col+h.sizeX,c)}return{row:d,col:e,sizeY:b-d,sizeX:c-e}},this.intersect=function(a,b,c,d,e){return b<=a.col+a.sizeX-1&&c>=a.col&&d<=a.row+a.sizeY-1&&e>=a.row},this.removeItem=function(a){for(var b,c=0,d=this.grid.length;c<d;++c){var e=this.grid[c];if(e&&(b=e.indexOf(a),b!==-1)){e[b]=null;break}}this.sparse&&(b=this.allItems.indexOf(a),b!==-1&&this.allItems.splice(b,1)),this.layoutChanged()},this.getItem=function(a,b,c){!c||c instanceof Array||(c=[c]);for(var d=1;a>-1;){for(var e=1,f=b;f>-1;){var g=this.grid[a];if(g){var h=g[f];if(h&&(!c||c.indexOf(h)===-1)&&h.sizeX>=e&&h.sizeY>=d)return h}++e,--f}--a,++d}return null},this.putItems=function(a){for(var b=0,c=a.length;b<c;++b)this.putItem(a[b])},this.putItem=function(a,b,c,d){if(("undefined"==typeof b||null===b)&&(b=a.row,c=a.col,"undefined"==typeof b||null===b))return void this.autoSetItemPosition(a);if(this.canItemOccupy(a,b,c)||(c=Math.min(this.columns-a.sizeX,Math.max(0,c)),b=Math.min(this.maxRows-a.sizeY,Math.max(0,b))),null!==a.oldRow&&"undefined"!=typeof a.oldRow){var e=a.oldRow===b&&a.oldColumn===c,f=this.grid[b]&&this.grid[b][c]===a;if(e&&f)return a.row=b,void(a.col=c);var g=this.grid[a.oldRow];g&&g[a.oldColumn]===a&&delete g[a.oldColumn]}a.oldRow=a.row=b,a.oldColumn=a.col=c,this.moveOverlappingItems(a,d),this.grid[b]||(this.grid[b]=[]),this.grid[b][c]=a,this.sparse&&this.allItems.indexOf(a)===-1&&this.allItems.push(a),this.movingItem===a&&this.floatItemUp(a),this.layoutChanged()},this.swapItems=function(a,b){this.grid[a.row][a.col]=b,this.grid[b.row][b.col]=a;var c=a.row,d=a.col;a.row=b.row,a.col=b.col,b.row=c,b.col=d},this.moveOverlappingItems=function(a,b){b?b.indexOf(a)===-1&&(b=b.slice(0),b.push(a)):b=[a];var c=this.getItems(a.row,a.col,a.sizeX,a.sizeY,b);this.moveItemsDown(c,a.row+a.sizeY,b)},this.moveItemsDown=function(a,b,c){if(a&&0!==a.length){a.sort(function(a,b){return a.row-b.row}),c=c?c.slice(0):[];var d,e,f,g={};for(e=0,f=a.length;e<f;++e){d=a[e];var h=g[d.col];("undefined"==typeof h||d.row<h)&&(g[d.col]=d.row)}for(e=0,f=a.length;e<f;++e){d=a[e];var i=b-g[d.col];this.moveItemDown(d,d.row+i,c),c.push(d)}}},this.moveItemDown=function(a,b,c){if(!(a.row>=b)){for(;a.row<b;)++a.row,this.moveOverlappingItems(a,c);this.putItem(a,a.row,a.col,c)}},this.floatItemsUp=function(){if(this.floating!==!1)for(var a=0,b=this.grid.length;a<b;++a){var c=this.grid[a];if(c)for(var d=0,e=c.length;d<e;++d){var f=c[d];f&&this.floatItemUp(f)}}},this.floatItemUp=function(a){if(this.floating!==!1){for(var b=a.col,c=a.sizeY,d=a.sizeX,e=null,f=null,g=a.row-1;g>-1;){var h=this.getItems(g,b,d,c,a);if(0!==h.length)break;e=g,f=b,--g}null!==e&&this.putItem(a,e,f)}},this.updateHeight=function(a){var b=this.minRows;a=a||0;for(var c=this.grid.length;c>=0;--c){var d=this.grid[c];if(d)for(var e=0,f=d.length;e<f;++e)d[e]&&(b=Math.max(b,c+a+d[e].sizeY))}this.gridHeight=this.maxRows-b>0?Math.min(this.maxRows,b):Math.max(this.maxRows,b)},this.pixelsToRows=function(a,b){return this.outerMargin||(a+=this.margins[0]/2),b===!0?Math.ceil(a/this.curRowHeight):b===!1?Math.floor(a/this.curRowHeight):Math.round(a/this.curRowHeight)},this.pixelsToColumns=function(a,b){return this.outerMargin||(a+=this.margins[1]/2),b===!0?Math.ceil(a/this.curColWidth):b===!1?Math.floor(a/this.curColWidth):Math.round(a/this.curColWidth)}}]).directive("gridsterPreview",function(){return{replace:!0,scope:!0,require:"^gridster",template:'<div ng-style="previewStyle()" class="gridster-item gridster-preview-holder"></div>',link:function(a,b,c,d){a.previewStyle=function(){return d.movingItem?{display:"block",height:d.movingItem.sizeY*d.curRowHeight-d.margins[0]+"px",width:d.movingItem.sizeX*d.curColWidth-d.margins[1]+"px",top:d.movingItem.row*d.curRowHeight+(d.outerMargin?d.margins[0]:0)+"px",left:d.movingItem.col*d.curColWidth+(d.outerMargin?d.margins[1]:0)+"px"}:{display:"none"}}}}}).directive("gridster",["$timeout","$window","$rootScope","gridsterDebounce",function(b,c,d,e){return{scope:!0,restrict:"EAC",controller:"GridsterCtrl",controllerAs:"gridster",compile:function(f){return f.prepend('<div ng-if="gridster.movingItem" gridster-preview></div>'),function(f,g,h,i){function j(){g.css("height",i.gridHeight*i.curRowHeight+(i.outerMargin?i.margins[0]:-i.margins[0])+"px")}function k(a){if(i.setOptions(a),l(g[0])){"auto"===i.width?i.curWidth=g[0].offsetWidth||parseInt(g.css("width"),10):i.curWidth=i.width,"auto"===i.colWidth?i.curColWidth=(i.curWidth+(i.outerMargin?-i.margins[1]:i.margins[1]))/i.columns:i.curColWidth=i.colWidth,i.curRowHeight=i.rowHeight,"string"==typeof i.rowHeight&&("match"===i.rowHeight?i.curRowHeight=Math.round(i.curColWidth):i.rowHeight.indexOf("*")!==-1?i.curRowHeight=Math.round(i.curColWidth*i.rowHeight.replace("*","").replace(" ","")):i.rowHeight.indexOf("/")!==-1&&(i.curRowHeight=Math.round(i.curColWidth/i.rowHeight.replace("/","").replace(" ","")))),i.isMobile=i.mobileModeEnabled&&i.curWidth<=i.mobileBreakPoint;for(var b=0,c=i.grid.length;b<c;++b){var d=i.grid[b];if(d)for(var e=0,f=d.length;e<f;++e)if(d[e]){var h=d[e];h.setElementPosition(),h.setElementSizeY(),h.setElementSizeX()}}j()}}i.loaded=!1,i.$element=g,f.gridster=i,g.addClass("gridster");var l=function(a){return"hidden"!==a.style.visibility&&"none"!==a.style.display};f.$watch(function(){return i.gridHeight},j),f.$watch(function(){return i.movingItem},function(){i.updateHeight(i.movingItem?i.movingItem.sizeY:0)});var m=h.gridster;m?f.$parent.$watch(m,function(a){k(a)},!0):k({}),f.$watch(function(){return i.loaded},function(){i.loaded?(g.addClass("gridster-loaded"),d.$broadcast("gridster-loaded",i)):g.removeClass("gridster-loaded")}),f.$watch(function(){return i.isMobile},function(){i.isMobile?g.addClass("gridster-mobile").removeClass("gridster-desktop"):g.removeClass("gridster-mobile").addClass("gridster-desktop"),d.$broadcast("gridster-mobile-changed",i)}),f.$watch(function(){return i.draggable},function(){d.$broadcast("gridster-draggable-changed",i)},!0),f.$watch(function(){return i.resizable},function(){d.$broadcast("gridster-resizable-changed",i)},!0);var n=g[0].offsetWidth||parseInt(g.css("width"),10),o=function(){var a=g[0].offsetWidth||parseInt(g.css("width"),10);a&&a!==n&&!i.movingItem&&(n=a,i.loaded&&g.removeClass("gridster-loaded"),k(),i.loaded&&g.addClass("gridster-loaded"),d.$broadcast("gridster-resized",[a,g[0].offsetHeight],i))},p=e(function(){o(),b(function(){f.$apply()})},100);f.$watch(function(){return l(g[0])},p),"function"==typeof window.addResizeListener?window.addResizeListener(g[0],p):f.$watch(function(){return g[0].offsetWidth||parseInt(g.css("width"),10)},o);var q=a.element(c);q.on("resize",p),f.$on("$destroy",function(){i.destroy(),q.off("resize",p),"function"==typeof window.removeResizeListener&&window.removeResizeListener(g[0],p)}),b(function(){f.$watch("gridster.floating",function(){i.floatItemsUp()}),i.loaded=!0},100)}}}}]).controller("GridsterItemCtrl",function(){this.$element=null,this.gridster=null,this.row=null,this.col=null,this.sizeX=null,this.sizeY=null,this.minSizeX=0,this.minSizeY=0,this.maxSizeX=null,this.maxSizeY=null,this.init=function(a,b){this.$element=a,this.gridster=b,this.sizeX=b.defaultSizeX,this.sizeY=b.defaultSizeY},this.destroy=function(){this.gridster=null,this.$element=null},this.toJSON=function(){return{row:this.row,col:this.col,sizeY:this.sizeY,sizeX:this.sizeX}},this.isMoving=function(){return this.gridster.movingItem===this},this.setPosition=function(a,b){this.gridster.putItem(this,a,b),this.isMoving()||this.setElementPosition()},this.setSize=function(a,b,c){a=a.toUpperCase();var d="size"+a,e="Size"+a;if(""!==b){b=parseInt(b,10),(isNaN(b)||0===b)&&(b=this.gridster["default"+e]);var f="X"===a?this.gridster.columns:this.gridster.maxRows;this["max"+e]&&(f=Math.min(this["max"+e],f)),this.gridster["max"+e]&&(f=Math.min(this.gridster["max"+e],f)),"X"===a&&this.cols?f-=this.cols:"Y"===a&&this.rows&&(f-=this.rows);var g=0;this["min"+e]&&(g=Math.max(this["min"+e],g)),this.gridster["min"+e]&&(g=Math.max(this.gridster["min"+e],g)),b=Math.max(Math.min(b,f),g);var h=this[d]!==b||this["old"+e]&&this["old"+e]!==b;return this["old"+e]=this[d]=b,this.isMoving()||this["setElement"+e](),!c&&h&&(this.gridster.moveOverlappingItems(this),this.gridster.layoutChanged()),h}},this.setSizeY=function(a,b){return this.setSize("Y",a,b)},this.setSizeX=function(a,b){return this.setSize("X",a,b)},this.setElementPosition=function(){this.gridster.isMobile?this.$element.css({marginLeft:this.gridster.margins[0]+"px",marginRight:this.gridster.margins[0]+"px",marginTop:this.gridster.margins[1]+"px",marginBottom:this.gridster.margins[1]+"px",top:"",left:""}):this.$element.css({margin:0,top:this.row*this.gridster.curRowHeight+(this.gridster.outerMargin?this.gridster.margins[0]:0)+"px",left:this.col*this.gridster.curColWidth+(this.gridster.outerMargin?this.gridster.margins[1]:0)+"px"})},this.setElementSizeY=function(){this.gridster.isMobile&&!this.gridster.saveGridItemCalculatedHeightInMobile?this.$element.css("height",""):this.$element.css("height",this.sizeY*this.gridster.curRowHeight-this.gridster.margins[0]+"px")},this.setElementSizeX=function(){this.gridster.isMobile?this.$element.css("width",""):this.$element.css("width",this.sizeX*this.gridster.curColWidth-this.gridster.margins[1]+"px")},this.getElementSizeX=function(){return this.sizeX*this.gridster.curColWidth-this.gridster.margins[1]},this.getElementSizeY=function(){return this.sizeY*this.gridster.curRowHeight-this.gridster.margins[0]}}).factory("GridsterTouch",[function(){return function(a,b,c,d){var e,f,g={},h=function(a){if(Object.keys)return Object.keys(a).length;var b,c=0;for(b in a)++c;return c},i=function(a){for(var b=0,c=0,d=navigator.userAgent.match(/\bMSIE\b/),e=a;null!=e;e=e.offsetParent)d&&(!document.documentMode||document.documentMode<8)&&"relative"===e.currentStyle.position&&e.offsetParent&&"relative"===e.offsetParent.currentStyle.position&&e.offsetLeft===e.offsetParent.offsetLeft?c+=e.offsetTop:(b+=e.offsetLeft,c+=e.offsetTop);return{x:b,y:c}},j=i(a),k=!1,l=function(e){if("mousemove"!==e.type||0!==h(g)){for(var f=!0,m=e.changedTouches?e.changedTouches:[e],n=0;n<m.length;++n){var o=m[n],p="undefined"!=typeof o.identifier?o.identifier:"undefined"!=typeof o.pointerId?o.pointerId:1;if("undefined"==typeof o.pageX)if(o.pageX=o.offsetX+j.x,o.pageY=o.offsetY+j.y,o.srcElement.offsetParent===a&&document.documentMode&&8===document.documentMode&&"mousedown"===o.type)o.pageX+=o.srcElement.offsetLeft,o.pageY+=o.srcElement.offsetTop;else if(o.srcElement!==a&&!document.documentMode||document.documentMode<8){for(var q=-2,r=-2,s=o.srcElement;null!==s;s=s.parentNode)q+=s.scrollLeft?s.scrollLeft:0,r+=s.scrollTop?s.scrollTop:0;o.pageX=o.clientX+q,o.pageY=o.clientY+r}var t=o.pageX,u=o.pageY;e.type.match(/(start|down)$/i)?(j=i(a),g[p]&&(d&&d({target:e.target,which:e.which,pointerId:p,pageX:t,pageY:u}),delete g[p]),b&&f&&(f=b({target:e.target,which:e.which,pointerId:p,pageX:t,pageY:u})),g[p]={x:t,y:u},a.msSetPointerCapture&&f?a.msSetPointerCapture(p):"mousedown"===e.type&&1===h(g)&&(k?a.setCapture(!0):(document.addEventListener("mousemove",l,!1),document.addEventListener("mouseup",l,!1)))):e.type.match(/move$/i)?!g[p]||g[p].x===t&&g[p].y===u||(c&&f&&(f=c({target:e.target,which:e.which,pointerId:p,pageX:t,pageY:u})),g[p].x=t,g[p].y=u):g[p]&&e.type.match(/(up|end|cancel)$/i)&&(d&&f&&(f=d({target:e.target,which:e.which,pointerId:p,pageX:t,pageY:u})),delete g[p],a.msReleasePointerCapture?a.msReleasePointerCapture(p):"mouseup"===e.type&&0===h(g)&&(k?a.releaseCapture():(document.removeEventListener("mousemove",l,!1),document.removeEventListener("mouseup",l,!1))))}f&&(e.preventDefault&&e.preventDefault(),e.preventManipulation&&e.preventManipulation(),e.preventMouseEvent&&e.preventMouseEvent())}};return this.enable=function(){window.navigator.msPointerEnabled?(a.addEventListener("MSPointerDown",l,!1),a.addEventListener("MSPointerMove",l,!1),a.addEventListener("MSPointerUp",l,!1),a.addEventListener("MSPointerCancel",l,!1),"undefined"!=typeof a.style.msContentZooming&&(e=a.style.msContentZooming,a.style.msContentZooming="none"),"undefined"!=typeof a.style.msTouchAction&&(f=a.style.msTouchAction,a.style.msTouchAction="none")):a.addEventListener?(a.addEventListener("touchstart",l,!1),a.addEventListener("touchmove",l,!1),a.addEventListener("touchend",l,!1),a.addEventListener("touchcancel",l,!1),a.addEventListener("mousedown",l,!1),a.setCapture&&!window.navigator.userAgent.match(/\bGecko\b/)&&(k=!0,a.addEventListener("mousemove",l,!1),a.addEventListener("mouseup",l,!1))):a.attachEvent&&a.setCapture&&(k=!0,a.attachEvent("onmousedown",function(){return l(window.event),window.event.returnValue=!1,!1}),a.attachEvent("onmousemove",function(){return l(window.event),window.event.returnValue=!1,!1}),a.attachEvent("onmouseup",function(){return l(window.event),window.event.returnValue=!1,!1}))},this.disable=function(){window.navigator.msPointerEnabled?(a.removeEventListener("MSPointerDown",l,!1),a.removeEventListener("MSPointerMove",l,!1),a.removeEventListener("MSPointerUp",l,!1),a.removeEventListener("MSPointerCancel",l,!1),e&&(a.style.msContentZooming=e),f&&(a.style.msTouchAction=f)):a.removeEventListener?(a.removeEventListener("touchstart",l,!1),a.removeEventListener("touchmove",l,!1),a.removeEventListener("touchend",l,!1),a.removeEventListener("touchcancel",l,!1),a.removeEventListener("mousedown",l,!1),a.setCapture&&!window.navigator.userAgent.match(/\bGecko\b/)&&(k=!0,a.removeEventListener("mousemove",l,!1),a.removeEventListener("mouseup",l,!1))):a.detachEvent&&a.setCapture&&(k=!0,a.detachEvent("onmousedown"),a.detachEvent("onmousemove"),a.detachEvent("onmouseup"))},this}}]).factory("GridsterDraggable",["$document","$window","GridsterTouch",function(b,c,d){function e(e,f,g,h,i){function j(a){e.addClass("gridster-item-moving"),g.movingItem=h,g.updateHeight(h.sizeY),f.$apply(function(){g.draggable&&g.draggable.start&&g.draggable.start(a,e,i,h)})}function k(a){var b=h.row,d=h.col,j=g.draggable&&g.draggable.drag,k=g.draggable.scrollSensitivity,l=g.draggable.scrollSpeed,m=Math.min(g.pixelsToRows(q),g.maxRows-1),n=Math.min(g.pixelsToColumns(p),g.columns-1),o=g.getItems(m,n,h.sizeX,h.sizeY,h),r=0!==o.length;if(g.swapping===!0&&r){var s=g.getBoundingBox(o),t=s.sizeX===h.sizeX&&s.sizeY===h.sizeY,u=s.row===b,v=s.col===d,w=s.row===m&&s.col===n,x=u||v;if(t&&1===o.length){if(w)g.swapItems(h,o[0]);else if(x)return}else if(s.sizeX<=h.sizeX&&s.sizeY<=h.sizeY&&x)for(var y=h.row<=m?h.row:m+h.sizeY,z=h.col<=n?h.col:n+h.sizeX,A=y-s.row,B=z-s.col,C=0,E=o.length;C<E;++C){var F=o[C],G=g.getItems(F.row+A,F.col+B,F.sizeX,F.sizeY,h);0===G.length&&g.putItem(F,F.row+A,F.col+B)}}g.pushing===!1&&r||(h.row=m,h.col=n),a.pageY-D.body.scrollTop<k?D.body.scrollTop=D.body.scrollTop-l:c.innerHeight-(a.pageY-D.body.scrollTop)<k&&(D.body.scrollTop=D.body.scrollTop+l),a.pageX-D.body.scrollLeft<k?D.body.scrollLeft=D.body.scrollLeft-l:c.innerWidth-(a.pageX-D.body.scrollLeft)<k&&(D.body.scrollLeft=D.body.scrollLeft+l),(j||b!==h.row||d!==h.col)&&f.$apply(function(){j&&g.draggable.drag(a,e,i,h)})}function l(a){e.removeClass("gridster-item-moving");var b=Math.min(g.pixelsToRows(q),g.maxRows-1),c=Math.min(g.pixelsToColumns(p),g.columns-1);g.pushing===!1&&0!==g.getItems(b,c,h.sizeX,h.sizeY,h).length||(h.row=b,h.col=c),g.movingItem=null,h.setPosition(h.row,h.col),f.$apply(function(){g.draggable&&g.draggable.stop&&g.draggable.stop(a,e,i,h)})}function m(b){if(E.indexOf(b.target.nodeName.toLowerCase())!==-1)return!1;var c=a.element(b.target);if(c.hasClass("gridster-item-resizable-handler"))return!1;if(c.attr("onclick")||c.attr("ng-click"))return!1;if(c.closest&&c.closest(".gridster-no-drag").length)return!1;if(g.draggable&&g.draggable.handle){var d=a.element(e[0].querySelectorAll(g.draggable.handle)),f=!1;a:for(var i=0,k=d.length;i<k;++i){var l=d[i];if(l===b.target){f=!0;break}for(var m=b.target,n=0;n<20;++n){var o=m.parentNode;if(o===e[0]||!o)break;if(o===l){f=!0;break a}m=o}}if(!f)return!1}switch(b.which){case 1:break;case 2:case 3:return}return x=b.pageX,y=b.pageY,p=parseInt(e.css("left"),10),q=parseInt(e.css("top"),10),r=e[0].offsetWidth,s=e[0].offsetHeight,t=h.col,u=h.row,j(b),!0}function n(a){if(!e.hasClass("gridster-item-moving")||e.hasClass("gridster-item-resizing"))return!1;var b=g.curWidth-1,c=g.curRowHeight*g.maxRows-1;v=a.pageX,w=a.pageY;var d=v-x+z,f=w-y+A;z=A=0,x=v,y=w;var h=d,i=f;return p+h<C?(d=C-p,z=h-d):p+r+h>b&&(d=b-p-r,z=h-d),q+i<B?(f=B-q,A=i-f):q+s+i>c&&(f=c-q-s,A=i-f),p+=d,q+=f,e.css({top:q+"px",left:p+"px"}),k(a),!0}function o(a){return!(!e.hasClass("gridster-item-moving")||e.hasClass("gridster-item-resizing"))&&(z=A=0,l(a),!0)}var p,q,r,s,t,u,v=0,w=0,x=0,y=0,z=0,A=0,B=0,C=0,D=b[0],E=["select","option","input","textarea","button"],F=null,G=null;this.enable=function(){if(F!==!0){if(F=!0,G)return void G.enable();G=new d(e[0],m,n,o),G.enable()}},this.disable=function(){F!==!1&&(F=!1,G&&G.disable())},this.toggle=function(a){a?this.enable():this.disable()},this.destroy=function(){this.disable()}}return e}]).factory("GridsterResizable",["GridsterTouch",function(b){function c(c,d,e,f,g){function h(h){function i(a){c.addClass("gridster-item-moving"),c.addClass("gridster-item-resizing"),e.movingItem=f,f.setElementSizeX(),f.setElementSizeY(),f.setElementPosition(),e.updateHeight(1),d.$apply(function(){e.resizable&&e.resizable.start&&e.resizable.start(a,c,g,f)})}function j(a){var b=f.row,i=f.col,j=f.sizeX,k=f.sizeY,l=e.resizable&&e.resizable.resize,m=f.col;["w","nw","sw"].indexOf(h)!==-1&&(m=e.pixelsToColumns(o,!1));var n=f.row;["n","ne","nw"].indexOf(h)!==-1&&(n=e.pixelsToRows(p,!1));var s=f.sizeX;["n","s"].indexOf(h)===-1&&(s=e.pixelsToColumns(q,!0));var t=f.sizeY;["e","w"].indexOf(h)===-1&&(t=e.pixelsToRows(r,!0));var u=n>-1&&m>-1&&s+m<=e.columns&&t+n<=e.maxRows;!u||e.pushing===!1&&0!==e.getItems(n,m,s,t,f).length||(f.row=n,f.col=m,f.sizeX=s,f.sizeY=t);var v=f.row!==b||f.col!==i||f.sizeX!==j||f.sizeY!==k;(l||v)&&d.$apply(function(){l&&e.resizable.resize(a,c,g,f)})}function k(a){c.removeClass("gridster-item-moving"),c.removeClass("gridster-item-resizing"),e.movingItem=null,f.setPosition(f.row,f.col),f.setSizeY(f.sizeY),f.setSizeX(f.sizeX),d.$apply(function(){e.resizable&&e.resizable.stop&&e.resizable.stop(a,c,g,f)})}function l(a){switch(a.which){case 1:break;case 2:case 3:return}return u=e.draggable.enabled,u&&(e.draggable.enabled=!1,d.$broadcast("gridster-draggable-changed",e)),z=a.pageX,A=a.pageY,o=parseInt(c.css("left"),10),p=parseInt(c.css("top"),10),q=c[0].offsetWidth,r=c[0].offsetHeight,s=f.sizeX,t=f.sizeY,i(a),!0}function m(a){var b=e.curWidth-1;x=a.pageX,y=a.pageY;var d=x-z+B,f=y-A+C;B=C=0,z=x,A=y;var g=f,h=d;return w.indexOf("n")>=0&&(r-g<G()?(f=r-G(),C=g-f):p+g<D&&(f=D-p,C=g-f),p+=f,r-=f),w.indexOf("s")>=0&&(r+g<G()?(f=G()-r,C=g-f):p+r+g>E&&(f=E-p-r,C=g-f),r+=f),w.indexOf("w")>=0&&(q-h<H()?(d=q-H(),B=h-d):o+h<F&&(d=F-o,B=h-d),o+=d,q-=d),w.indexOf("e")>=0&&(q+h<H()?(d=H()-q,B=h-d):o+q+h>b&&(d=b-o-q,B=h-d),q+=d),c.css({top:p+"px",left:o+"px",width:q+"px",height:r+"px"}),j(a),!0}function n(a){return e.draggable.enabled!==u&&(e.draggable.enabled=u,d.$broadcast("gridster-draggable-changed",e)),B=C=0,k(a),!0}var o,p,q,r,s,t,u,v,w=h,x=0,y=0,z=0,A=0,B=0,C=0,D=0,E=9999,F=0,G=function(){return(f.minSizeY?f.minSizeY:1)*e.curRowHeight-e.margins[0]},H=function(){return(f.minSizeX?f.minSizeX:1)*e.curColWidth-e.margins[1]},I=null;this.enable=function(){I||(I=a.element('<div class="gridster-item-resizable-handler handle-'+w+'"></div>'),c.append(I)),v=new b(I[0],l,m,n),v.enable()},this.disable=function(){I&&(I.remove(),I=null),v.disable(),v=void 0},this.destroy=function(){this.disable()}}var i=[],j=e.resizable.handles;"string"==typeof j&&(j=e.resizable.handles.split(","));for(var k=!1,l=0,m=j.length;l<m;l++)i.push(new h(j[l]));this.enable=function(){if(!k){for(var a=0,b=i.length;a<b;a++)i[a].enable();k=!0}},this.disable=function(){if(k){for(var a=0,b=i.length;a<b;a++)i[a].disable();k=!1}},this.toggle=function(a){a?this.enable():this.disable()},this.destroy=function(){for(var a=0,b=i.length;a<b;a++)i[a].destroy()}}return c}]).factory("gridsterDebounce",function(){return function(a,b,c){var d;return function(){var e=this,f=arguments,g=function(){d=null,c||a.apply(e,f)},h=c&&!d;clearTimeout(d),d=setTimeout(g,b),h&&a.apply(e,f)}}}).directive("gridsterItem",["$parse","GridsterDraggable","GridsterResizable","gridsterDebounce",function(a,b,c,d){return{scope:!0,restrict:"EA",controller:"GridsterItemCtrl",controllerAs:"gridsterItem",require:["^gridster","gridsterItem"],link:function(e,f,g,h){function i(){o.setPosition(o.row,o.col),r.row&&r.row.assign&&r.row.assign(e,o.row),r.col&&r.col.assign&&r.col.assign(e,o.col)}function j(){var a=o.setSizeX(o.sizeX,!0);a&&r.sizeX&&r.sizeX.assign&&r.sizeX.assign(e,o.sizeX);var b=o.setSizeY(o.sizeY,!0);b&&r.sizeY&&r.sizeY.assign&&r.sizeY.assign(e,o.sizeY),(a||b)&&(o.gridster.moveOverlappingItems(o),n.layoutChanged(),e.$broadcast("gridster-item-resized",o))}function k(){var a=document.createElement("div"),b={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(var c in b)if(void 0!==a.style[c])return b[c]}var l,m=g.gridsterItem,n=h[0],o=h[1];if(e.gridster=n,m){var p=a(m);l=p(e)||{},!l&&p.assign&&(l={row:o.row,col:o.col,sizeX:o.sizeX,sizeY:o.sizeY,minSizeX:0,minSizeY:0,maxSizeX:null,maxSizeY:null},p.assign(e,l))}else l=g;o.init(f,n),f.addClass("gridster-item");for(var q=["minSizeX","maxSizeX","minSizeY","maxSizeY","sizeX","sizeY","row","col"],r={},s=[],t=function(b){var c;if("string"==typeof l[b])c=l[b];else if("string"==typeof l[b.toLowerCase()])c=l[b.toLowerCase()];else{if(!m)return;c=m+"."+b}s.push('"'+b+'":'+c),r[b]=a(c);var d=r[b](e);"number"==typeof d&&(o[b]=d)},u=0,v=q.length;u<v;++u)t(q[u]);var w="{"+s.join(",")+"}";e.$watchCollection(w,function(a,b){for(var c in a){var d=a[c],e=b[c];e!==d&&(d=parseInt(d,10),isNaN(d)||(o[c]=d))}}),e.$watch(function(){return o.row+","+o.col},i),e.$watch(function(){return o.sizeY+","+o.sizeX+","+o.minSizeX+","+o.maxSizeX+","+o.minSizeY+","+o.maxSizeY},j);var x=new b(f,e,n,o,l),y=new c(f,e,n,o,l),z=function(){y.toggle(!n.isMobile&&n.resizable&&n.resizable.enabled)};z();var A=function(){x.toggle(!n.isMobile&&n.draggable&&n.draggable.enabled)};A(),e.$on("gridster-draggable-changed",A),e.$on("gridster-resizable-changed",z),e.$on("gridster-resized",z),e.$on("gridster-mobile-changed",function(){z(),A()});var B=d(function(){e.$apply(function(){e.$broadcast("gridster-item-transition-end",o)})},50);return f.on(k(),B),e.$broadcast("gridster-item-initialized",o),e.$on("$destroy",function(){try{y.destroy(),x.destroy()}catch(a){}try{n.removeItem(o)}catch(a){}try{o.destroy()}catch(a){}})}}}]).directive("gridsterNoDrag",function(){return{restrict:"A",link:function(a,b){b.addClass("gridster-no-drag")}}})}); \ No newline at end of file
diff --git a/ecomp-portal-FE-os/client/bower_components_external/b2b/css/b2b-angular/README.md b/ecomp-portal-FE-os/client/bower_components_external/b2b/css/b2b-angular/README.md
new file mode 100644
index 00000000..f3b5e66d
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/b2b/css/b2b-angular/README.md
@@ -0,0 +1,14 @@
+This file tracks patches to b2b-angular.css
+
+
+14 March 2017: Replaced occurrences of font names in about 180 places:
+Replace "ATT" with "ECOMP" in font-family in b2b-angular.css file
+- font-family: "Omnes-ATT-W02-Medium";
++ font-family: "Omnes-ECOMP-W02-Medium";
+
+- font-family: "Omnes-ATT-W02";
++ font-family: "Omnes-ECOMP-W02";
+
+15 March 2017: Revert the change back to original for input:not([type="button"])
+ - height: 14px;
+ + height: 36px; \ No newline at end of file
diff --git a/ecomp-portal-FE-os/client/bower_components_external/b2b/js/b2b-angular/README.md b/ecomp-portal-FE-os/client/bower_components_external/b2b/js/b2b-angular/README.md
new file mode 100644
index 00000000..abe5a5fa
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/b2b/js/b2b-angular/README.md
@@ -0,0 +1,13 @@
+This file tracks patches to b2b-angular.js
+
+
+20 March 2017: Page auto adjustment with left menu collapse and expand.
++
+scope.toggleDrawer = function(showmenu){
+ scope.idx=-1; /*hide the sunmenus*/
+ if(showmenu){
+ document.getElementById('page-content').style.paddingLeft = "50px";
+ }
+ else
+ document.getElementById('page-content').style.paddingLeft = "230px";
+}; \ No newline at end of file
diff --git a/ecomp-portal-FE-os/client/bower_components_external/b2b/js/b2b-angular/b2b-library.min.js b/ecomp-portal-FE-os/client/bower_components_external/b2b/js/b2b-angular/b2b-library.min.js
new file mode 100644
index 00000000..28268959
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/b2b/js/b2b-angular/b2b-library.min.js
@@ -0,0 +1,22048 @@
+/*! b2b-angular-library - v1.0.1 - Last updated: 2017-03-02. Copyright (c) 2016 AT&T Services, Inc. */
+angular.module("b2b.att.tpls", ['b2bTemplate/audioPlayer/audioPlayer.html', 'b2bTemplate/audioRecorder/audioRecorder.html', 'b2bTemplate/backToTop/backToTop.html', 'b2bTemplate/boardstrip/b2bAddBoard.html', 'b2bTemplate/boardstrip/b2bBoard.html', 'b2bTemplate/boardstrip/b2bBoardstrip.html', 'b2bTemplate/calendar/datepicker-popup.html', 'b2bTemplate/calendar/datepicker.html', 'b2bTemplate/coachmark/coachmark.html', 'b2bTemplate/dropdowns/b2bDropdownDesktop.html', 'b2bTemplate/dropdowns/b2bDropdownGroupDesktop.html', 'b2bTemplate/dropdowns/b2bDropdownListDesktop.html', 'b2bTemplate/fileUpload/fileUpload.html', 'b2bTemplate/flyout/flyout.html', 'b2bTemplate/flyout/flyoutContent.html', 'b2bTemplate/footer/footer_column_switch_tpl.html', 'b2bTemplate/horizontalTable/horizontalTable.html', 'b2bTemplate/hourPicker/b2bHourpicker.html', 'b2bTemplate/hourPicker/b2bHourpickerPanel.html', 'b2bTemplate/hourPicker/b2bHourpickerValue.html', 'b2bTemplate/leftNavigation/leftNavigation.html', 'b2bTemplate/listbox/listbox.html', 'b2bTemplate/modalsAndAlerts/b2b-backdrop.html', 'b2bTemplate/modalsAndAlerts/b2b-window.html', 'b2bTemplate/monthSelector/monthSelector-popup.html', 'b2bTemplate/monthSelector/monthSelector.html', 'b2bTemplate/monthSelector/monthSelectorLink.html', 'b2bTemplate/pagination/b2b-pagination.html', 'b2bTemplate/paneSelector/paneSelector.html', 'b2bTemplate/paneSelector/paneSelectorPane.html', 'b2bTemplate/profileCard/profileCard-addUser.html', 'b2bTemplate/profileCard/profileCard.html', 'b2bTemplate/searchField/searchField.html', 'b2bTemplate/seekBar/seekBar.html', 'b2bTemplate/slider/slider.html', 'b2bTemplate/spinButton/spinButton.html', 'b2bTemplate/statusTracker/statusTracker.html', 'b2bTemplate/stepTracker/stepTracker.html', 'b2bTemplate/switches/switches-spanish.html', 'b2bTemplate/switches/switches.html', 'b2bTemplate/tableMessages/tableMessage.html', 'b2bTemplate/tables/b2bTable.html', 'b2bTemplate/tables/b2bTableBody.html', 'b2bTemplate/tables/b2bTableHeaderSortable.html', 'b2bTemplate/tables/b2bTableHeaderUnsortable.html', 'b2bTemplate/tableScrollbar/tableScrollbar.html', 'b2bTemplate/tabs/b2bTab.html', 'b2bTemplate/tabs/b2bTabset.html', 'b2bTemplate/treeNav/groupedTree.html', 'b2bTemplate/treeNav/treeMember.html', 'b2bTemplate/treeNav/ungroupedTree.html', 'b2bTemplate/treeNodeCheckbox/groupedTree.html', 'b2bTemplate/treeNodeCheckbox/treeMember.html', 'b2bTemplate/treeNodeCheckbox/ungroupedTree.html']);angular.module("b2b.att", ["b2b.att.tpls", 'b2b.att.addressInputTemplate','b2b.att.arrows','b2b.att.audioPlayer','b2b.att.audioRecorder','b2b.att.backToTop','b2b.att.badgesForAlerts','b2b.att.boardstrip','b2b.att.breadcrumbs','b2b.att.buttonGroups','b2b.att.buttons','b2b.att.calendar','b2b.att.checkboxes','b2b.att.coachmark','b2b.att.configurationSection','b2b.att.directoryListingTemplate','b2b.att.dropdowns','b2b.att.fileUpload','b2b.att.filters','b2b.att.flyout','b2b.att.footer','b2b.att.header','b2b.att.headings','b2b.att.horizontalTable','b2b.att.hourPicker','b2b.att.inputTemplate','b2b.att.leftNavigation','b2b.att.links','b2b.att.listbox','b2b.att.loaderAnimation','b2b.att.messageWrapper','b2b.att.modalsAndAlerts','b2b.att.monthSelector','b2b.att.multiLevelNavigation','b2b.att.multipurposeExpander','b2b.att.notesMessagesAndErrors','b2b.att.notificationCardTemplate','b2b.att.orderConfirmationTemplate','b2b.att.pagination','b2b.att.paneSelector','b2b.att.phoneNumberInput','b2b.att.profileBlockTemplate','b2b.att.profileCard','b2b.att.radios','b2b.att.searchField','b2b.att.seekBar','b2b.att.selectorModule','b2b.att.separators','b2b.att.slider','b2b.att.spinButton','b2b.att.staticRouteTemplate','b2b.att.statusTracker','b2b.att.stepTracker','b2b.att.switches','b2b.att.tableMessages','b2b.att.tables','b2b.att.tableScrollbar','b2b.att.tabs','b2b.att.tagBadges','b2b.att.textArea','b2b.att.tooltipsForForms','b2b.att.treeNav','b2b.att.treeNodeCheckbox','b2b.att.utilities']);/**
+ * @ngdoc directive
+ * @name Template.att:Address Input
+ *
+ * @description
+ * <file src="src/addressInputTemplate/docs/readme.md" />
+ *
+ * @usage
+
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/addressInputTemplate/docs/demo.html" />
+ <file src="src/addressInputTemplate/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.addressInputTemplate', ['ngMessages']);
+/**
+ * @ngdoc directive
+ * @name Buttons, links & UI controls.att:arrows
+ *
+ * @description
+ * <file src="src/arrows/docs/readme.md" />
+ *
+ * @usage
+ * Please refer demo.html tab in Example section below.
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/arrows/docs/demo.html" />
+ <file src="src/arrows/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.arrows', []);
+/**
+ * @ngdoc directive
+ * @name Videos, audio & animation.att:Audio Player
+ * @scope
+ * @param {string} audioSrcUrl - MP3 audio source URL or Blob URL
+ * @description
+ * <file src="src/audioPlayer/docs/readme.md" />
+ *
+ * @usage
+ *
+ <div b2b-audio audio-src-url='audioSrcUrl'></div>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/audioPlayer/docs/demo.html" />
+ <file src="src/audioPlayer/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+
+angular.module('b2b.att.audioPlayer', ['b2b.att.utilities', 'b2b.att.seekBar'])
+ .constant('AudioPlayerConfig', {
+ 'defaultVolume': 50,
+ 'timeShiftInSeconds': 5
+ })
+ .filter('trustedAudioUrl', ['$sce', function ($sce) {
+ return function (audioFileFullPath) {
+ return audioFileFullPath ? $sce.trustAsResourceUrl(audioFileFullPath) : 'undefined';
+ };
+ }])
+ .directive('b2bAudio', ['$log', '$timeout', 'AudioPlayerConfig', '$compile', 'events', function ($log, $timeout, AudioPlayerConfig, $compile, events) {
+ return {
+ restrict: 'EA',
+ replace: true,
+ scope: {
+ audioSrcUrl: '='
+ },
+ templateUrl: 'b2bTemplate/audioPlayer/audioPlayer.html',
+ controller: function ($scope) {
+
+ $scope.audio = {};
+
+ if (!angular.isDefined($scope.audioSrcUrl)) {
+ $log.warn('b2b-audio : audio-src-url undefined');
+ $scope.audioSrcUrl = undefined;
+ $scope.audio.mp3 = undefined;
+ }
+
+ },
+ link: function (scope, element) {
+ var audioElement = angular.element(element[0].querySelector('audio'))[0];
+ scope.audio.audioElement = audioElement;
+
+ function setAttributes(element, attributes) {
+ Object.keys(attributes).forEach(function (name) {
+ element.setAttribute(name, attributes[name]);
+ });
+ }
+
+ $timeout(function () {
+ // TODO: Replace with DDA Tooltip
+ var seekBarKnob = element[0].querySelector('.b2b-seek-bar-knob');
+ var tooltipObject = {
+ 'tooltip': '{{timeFormatter(audio.currentTime)}}',
+ 'tooltip-placement': 'above',
+ 'tooltip-style': 'blue',
+ 'tooltip-trigger': 'mousedown',
+ 'tooltip-append-to-body': 'false',
+ 'tooltip-offset': '-10',
+ 'refer-by': 'seek-bar-tooltip'
+ };
+ setAttributes(seekBarKnob, tooltipObject);
+ $compile(seekBarKnob)(scope);
+ });
+
+ if (angular.isDefined(scope.audioSrcUrl)) {
+ scope.audio.mp3 = scope.audioSrcUrl;
+ }
+
+ scope.audio.currentTime = 0;
+ scope.audio.currentVolume = AudioPlayerConfig.defaultVolume;
+ scope.audio.timeShiftInSeconds = AudioPlayerConfig.timeShiftInSeconds;
+ scope.isPlayInProgress = false;
+ scope.isReady = false;
+ scope.isAudioDragging = false;
+
+ $timeout(function () {
+ audioElement.load();
+ audioElement.volume = scope.audio.currentVolume / 100;
+ });
+
+ scope.$watch('audioSrcUrl', function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ if (!newVal) {
+ $log.warn('b2b-audio : audio-src-url undefined. Please provide a valid URL');
+ }
+
+ scope.audio.mp3 = newVal;
+ $timeout(function () {
+ audioElement.load();
+ });
+ }
+ });
+
+ scope.playAudio = function () {
+ if (scope.isReady) {
+ audioElement.play();
+ }
+ };
+
+ audioElement.onplay = function () {
+ scope.isPlayInProgress = true;
+ scope.$digest();
+ };
+
+ scope.pauseAudio = function () {
+ audioElement.pause();
+ };
+
+ audioElement.onpause = function () {
+ scope.isPlayInProgress = false;
+ scope.$digest();
+ };
+
+ scope.toggleAudio = function () {
+ if (audioElement.paused) {
+ scope.playAudio();
+ } else {
+ scope.pauseAudio();
+ }
+ };
+
+ scope.volumeUp = function (delta) {
+ if (!delta) {
+ delta = 0.1;
+ } else {
+ delta = delta / 100;
+ }
+ audioElement.muted = false;
+ if (audioElement.volume < 1) {
+ audioElement.volume = Math.min((Math.round((audioElement.volume + delta) * 100) / 100), 1);
+ }
+ scope.audio.currentVolume = audioElement.volume * 100;
+ return audioElement.volume;
+ };
+
+ scope.volumeDown = function (delta) {
+ if (!delta) {
+ delta = 0.1;
+ } else {
+ delta = delta / 100;
+ }
+ audioElement.muted = false;
+ if (audioElement.volume > 0) {
+ audioElement.volume = Math.max((Math.round((audioElement.volume - delta) * 100) / 100), 0);
+ }
+ scope.audio.currentVolume = audioElement.volume * 100;
+ return audioElement.volume;
+ };
+
+ var volumeHandler = function (e) {
+ events.preventDefault(e);
+ if ((e.wheelDelta && e.wheelDelta > 0) || (e.detail && e.detail < 0)) {
+ scope.volumeUp();
+ } else {
+ scope.volumeDown();
+ }
+ scope.$digest();
+ };
+
+
+
+ scope.$watch('audio.currentVolume', function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ audioElement.volume = newVal / 100;
+ }
+ });
+
+ scope.setCurrentTime = function (timeInSec) {
+ audioElement.currentTime = timeInSec;
+ };
+
+ scope.setAudioPosition = function (val) {
+ if (scope.isReady) {
+ scope.setCurrentTime(val);
+ scope.isAudioDragging = false;
+ }
+ };
+
+ function getTimestampArray(timestamp) {
+ var d = Math.abs(timestamp) / 1000; // delta
+ var r = {}; // result
+ var s = { // structure
+ day: 86400,
+ hour: 3600,
+ minute: 60,
+ second: 1
+ };
+
+ Object.keys(s).forEach(function (key) {
+ r[key] = Math.floor(d / s[key]);
+ d -= r[key] * s[key];
+ });
+
+ return r;
+ };
+
+ scope.timeFormatter = function (timeInSec) {
+ var formattedTime = '00:00';
+
+ if (!timeInSec || timeInSec < 1) {
+ return formattedTime;
+ }
+
+ if (typeof timeInSec === 'string') {
+ return timeInSec;
+ }
+
+ var dateArray = getTimestampArray(timeInSec * 1000);
+ Object.keys(dateArray).forEach(function (key) {
+ if (dateArray[key] === 0) {
+ dateArray[key] = '00';
+ } else if (dateArray[key] < 10) {
+ dateArray[key] = '0' + dateArray[key];
+ }
+ });
+
+ formattedTime = dateArray['minute'] + ':' + dateArray['second'];
+
+ if (dateArray['hour'] !== '00') {
+ formattedTime = dateArray['hour'] + ':' + formattedTime;
+ }
+
+ if (dateArray['day'] !== '00') {
+ formattedTime = dateArray['day'] + ':' + formattedTime;
+ }
+
+ return formattedTime;
+ };
+
+ audioElement.onloadedmetadata = function () {
+ scope.audio.duration = audioElement.duration;
+ scope.$digest();
+ };
+
+ audioElement.ontimeupdate = function () {
+ if (!scope.isAudioDragging) {
+ scope.audio.currentTime = audioElement.currentTime;
+ scope.$digest();
+ }
+ };
+
+ audioElement.onended = function () {
+ scope.setCurrentTime(0);
+ scope.audio.currentTime = 0;
+ if (!audioElement.paused) {
+ scope.pauseAudio();
+ }
+ scope.$digest();
+ };
+
+ audioElement.oncanplay = function () {
+ scope.isReady = true;
+ scope.isPlayInProgress = !audioElement.paused;
+ scope.$digest();
+ };
+
+ var onloadstart = function () {
+ scope.isReady = false;
+ scope.isPlayInProgress = !audioElement.paused;
+ scope.audio.currentTime = 0;
+ scope.audio.duration = 0;
+ scope.$digest();
+ };
+ audioElement.addEventListener("loadstart", onloadstart);
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Videos, audio & animation.att:Audio Recorder
+ * @scope
+ * @param {function} callback - A callback to handle the WAV blob
+ * @param {object} config - A config object with properties startRecordingMessage & whileRecordingMessage
+ * @description
+ * <file src="src/audioRecorder/docs/readme.md" />
+ *
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/audioRecorder/docs/demo.html" />
+ <file src="src/audioRecorder/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.audioRecorder', ['b2b.att.utilities'])
+ .constant('AudioRecorderConfig', {
+ 'startRecordingMessage': 'Click on REC icon to being recording',
+ 'whileRecordingMessage': 'Recording...'
+ })
+ .directive('b2bAudioRecorder', ['$interval', 'AudioRecorderConfig', 'b2bUserAgent', 'b2bRecorder', function($interval, AudioRecorderConfig, b2bUserAgent, b2bRecorder) {
+ return {
+ restrict: 'EA',
+ replace: true,
+ scope: {
+ callback: '&'
+ },
+ templateUrl: 'b2bTemplate/audioRecorder/audioRecorder.html',
+ controller: function($scope) {
+
+ function hasGetUserMedia() {
+ return !!(navigator.getUserMedia || navigator.webkitGetUserMedia ||
+ navigator.mozGetUserMedia || navigator.msGetUserMedia);
+ }
+
+ if (!hasGetUserMedia()) {
+ throw new Error('Your broswer does not support MediaRecorder API');
+ }
+
+ if (!(b2bUserAgent.isFF() || b2bUserAgent.isChrome())) {
+ throw new Error('b2bAudioRecorder does not support this browser!');
+ }
+
+ },
+ link: function(scope, element) {
+ scope.elapsedTime = 0;
+ scope.isRecording = false;
+ scope.config = {};
+ scope.config.startRecordingMessage = AudioRecorderConfig.startRecordingMessage;
+ scope.config.whileRecordingMessage = AudioRecorderConfig.whileRecordingMessage;
+
+
+ var timer = undefined; // Interval promise
+ navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
+ var stream;
+ var audio = angular.element(element[0].querySelector('audio'))[0];
+ var recorder = undefined;
+
+ function startRecording() {
+ scope.isRecording = true;
+ navigator.mediaDevices.getUserMedia({
+ audio: true
+ }).then(function(stream) {
+ //create the MediaStreamAudioSourceNode
+ context = new AudioContext();
+ source = context.createMediaStreamSource(stream);
+ recorder = new b2bRecorder(source);
+ recorder.record();
+
+ timer = $interval(function() {
+ scope.elapsedTime += 1;
+ }, 1000, 0);
+ }).catch(function(err) {
+ angular.noop();
+ });
+
+ };
+
+ function stopRecording() {
+ scope.isRecording = false;
+ recorder.stop();
+ var audio = {};
+ recorder.exportWAV(function(s) {
+ audio.src = window.URL.createObjectURL(s);
+ context.close().then(function() {
+ if (timer) {
+ $interval.cancel(timer);
+ }
+ scope.elapsedTime = 0;
+
+ recorder.clear();
+ recorder = undefined;
+ });
+ if (angular.isFunction(scope.callback)){
+ scope.callback({'data': audio});
+ }
+ });
+
+
+ }
+
+ scope.toggleRecording = function() {
+ if (scope.isRecording) {
+ stopRecording();
+ } else {
+ startRecording();
+ }
+ };
+
+
+
+ //TODO: Move this into utilities
+ function getTimestampArray(timestamp) {
+ var d = Math.abs(timestamp) / 1000; // delta
+ var r = {}; // result
+ var s = { // structure
+ day: 86400,
+ hour: 3600,
+ minute: 60,
+ second: 1
+ };
+
+ Object.keys(s).forEach(function(key) {
+ r[key] = Math.floor(d / s[key]);
+ d -= r[key] * s[key];
+ });
+
+ return r;
+ };
+ scope.timeFormatter = function(timeInSec) {
+ var formattedTime = '00:00';
+
+ if (!timeInSec || timeInSec < 1) {
+ return formattedTime;
+ }
+
+ if (typeof timeInSec === 'string') {
+ return timeInSec;
+ }
+
+ var dateArray = getTimestampArray(timeInSec * 1000);
+ Object.keys(dateArray).forEach(function(key) {
+ if (dateArray[key] === 0) {
+ dateArray[key] = '00';
+ } else if (dateArray[key] < 10) {
+ dateArray[key] = '0' + dateArray[key];
+ }
+ });
+
+ formattedTime = dateArray['minute'] + ':' + dateArray['second'];
+
+ if (dateArray['hour'] !== '00') {
+ formattedTime = dateArray['hour'] + ':' + formattedTime;
+ }
+
+ if (dateArray['day'] !== '00') {
+ formattedTime = dateArray['day'] + ':' + formattedTime;
+ }
+
+ return formattedTime;
+ };
+
+ scope.$on('$destroy', function() {
+ if (timer) {
+ $interval.cancel(timer);
+ }
+ });
+ }
+ };
+ }]);
+
+/**
+ * @ngdoc directive
+ * @name Navigation.att:Back To Top
+ * @scope
+ * @description
+ * <file src="src/backToTop/docs/readme.md" />
+ * @param {integer} scrollSpeed - Scroll speed in seconds, default is 1
+*
+ * @usage
+ *
+ <div ng-controller="backToTopController">
+ <div b2b-backtotop></div>
+ </div>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/backToTop/docs/demo.html" />
+ <file src="src/backToTop/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+
+angular.module('b2b.att.backToTop', ['b2b.att.utilities','b2b.att.position'])
+ .directive('b2bBacktotopButton', [function () {
+ return {
+ restrict: 'EA',
+ replace: true,
+ templateUrl: 'b2bTemplate/backToTop/backToTop.html',
+ link: function (scope, elem, attr) {
+ elem.bind('click', function(evt) {
+ var scrollSpeed = parseInt(attr.scrollSpeed) || 1;
+ TweenLite.to(window, scrollSpeed, {scrollTo:{x: 0, y: 0}});
+ });
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Messages, modals & alerts.att:badgesForAlerts
+ *
+ * @description
+ * <file src="src/badgesForAlerts/docs/readme.md" />
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/badgesForAlerts/docs/demo.html" />
+ <file src="src/badgesForAlerts/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.badgesForAlerts', []);
+/**
+ * @ngdoc directive
+ * @name Misc.att:boardstrip
+ *
+ * @description
+ * <file src="src/boardstrip/docs/readme.md" />
+ *
+ * @usage
+ * See demo section
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/boardstrip/docs/demo.html" />
+ <file src="src/boardstrip/docs/demo.js" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.boardstrip', ['b2b.att.utilities'])
+ .constant('BoardStripConfig', {
+ 'maxVisibleBoards': 4,
+ 'boardsToScroll': 1,
+ /* These parameters are non-configurable and remain unaltered, until there is a change in corresponding CSS */
+ 'boardLength': 140,
+ 'boardMargin': 15
+ })
+ .directive('b2bBoard', [function () {
+ return {
+ restrict: 'AE',
+ replace: true,
+ transclude: true,
+ require: '^b2bBoardStrip',
+ scope: {
+ boardIndex: '=',
+ boardLabel: '='
+ },
+ templateUrl: 'b2bTemplate/boardstrip/b2bBoard.html',
+ link: function (scope, element, attrs, ctrls) {
+
+ var parentCtrl = ctrls;
+
+ scope.getCurrentIndex = function () {
+ return parentCtrl.getCurrentIndex();
+ };
+ scope.selectBoard = function (boardIndex) {
+ if (!isNaN(boardIndex)) {
+ parentCtrl.setCurrentIndex(boardIndex);
+ }
+ };
+ }
+ };
+ }])
+ .directive('b2bBoardStrip', ['BoardStripConfig', '$timeout', function (BoardStripConfig, $timeout) {
+ return {
+ restrict: 'AE',
+ replace: true,
+ transclude: true,
+ require: ['?ngModel', 'b2bBoardStrip'],
+ scope: {
+ boardsMasterArray: '=',
+ onAddBoard: '&?'
+ },
+ templateUrl: 'b2bTemplate/boardstrip/b2bBoardstrip.html',
+ controller: function ($scope) {
+ if (!angular.isDefined($scope.boardsMasterArray)) {
+ $scope.boardsMasterArray = [];
+ }
+
+ this.rectifyMaxVisibleBoards = function () {
+ if (this.maxVisibleIndex >= $scope.boardsMasterArray.length) {
+ this.maxVisibleIndex = $scope.boardsMasterArray.length - 1;
+ }
+
+ if (this.maxVisibleIndex < 0) {
+ this.maxVisibleIndex = 0;
+ }
+ };
+
+ this.resetBoardStrip = function () {
+ $scope.currentIndex = 0;
+
+ this.maxVisibleIndex = BoardStripConfig.maxVisibleBoards - 1;
+ this.minVisibleIndex = 0;
+
+ this.rectifyMaxVisibleBoards();
+ };
+
+ this.getCurrentIndex = function () {
+ return $scope.currentIndex;
+ };
+ this.setCurrentIndex = function (indx) {
+ $scope.currentIndex = indx;
+ };
+
+ this.getBoardsMasterArrayLength = function () {
+ return $scope.boardsMasterArray.length;
+ };
+
+ $scope.addBoardPressedFlag = false;
+ this.getAddBoardPressedFlag = function () {
+ return $scope.addBoardPressedFlag;
+ };
+ this.setAddBoardPressedFlag = function (booleanValue) {
+ $scope.addBoardPressedFlag = booleanValue;
+ };
+
+ },
+ link: function (scope, element, attrs, ctrls) {
+
+ var ngModelCtrl = ctrls[0];
+ var ctrl = ctrls[1];
+
+ var oldTimeout;
+ var animationTimeout = 1000;
+
+ var getBoardViewportWidth = function (numberOfVisibleBoards) {
+ return numberOfVisibleBoards * (BoardStripConfig.boardLength + BoardStripConfig.boardMargin);
+ };
+ if (element[0].querySelector(".board-viewport")) {
+ angular.element(element[0].querySelector(".board-viewport")).css({
+ "width": getBoardViewportWidth(BoardStripConfig.maxVisibleBoards) + "px"
+ });
+ }
+
+ var getBoardstripContainerWidth = function (totalNumberOfBoards) {
+ return totalNumberOfBoards * (BoardStripConfig.boardLength + BoardStripConfig.boardMargin);
+ };
+ if (element[0].querySelector(".boardstrip-container")) {
+ angular.element(element[0].querySelector(".boardstrip-container")).css({
+ "width": getBoardstripContainerWidth(ctrl.getBoardsMasterArrayLength()) + "px"
+ });
+ angular.element(element[0].querySelector(".boardstrip-container")).css({
+ "left": "0px"
+ });
+ }
+
+ var calculateAndGetBoardstripContainerAdjustment = function () {
+
+ var calculatedAdjustmentValue;
+
+ if (ctrl.getBoardsMasterArrayLength() <= BoardStripConfig.maxVisibleBoards) {
+ calculatedAdjustmentValue = 0;
+ } else {
+ calculatedAdjustmentValue = (ctrl.minVisibleIndex * (BoardStripConfig.boardLength + BoardStripConfig.boardMargin)) * -1;
+ }
+
+ return calculatedAdjustmentValue;
+ };
+
+ var animateBoardstripContainerAdjustment = function (elementToFocusAfterAnimation) {
+ var oldContainerAdjustment = angular.element(element[0].querySelector(".boardstrip-container"))[0].style.left;
+ var containerAdjustment = calculateAndGetBoardstripContainerAdjustment();
+ if (oldContainerAdjustment !== containerAdjustment + 'px') {
+ angular.element(element[0].querySelector(".boardstrip-container")).css({
+ "left": containerAdjustment + "px"
+ });
+
+ $timeout.cancel(oldTimeout);
+ oldTimeout = $timeout(function () {
+ elementToFocusAfterAnimation.focus();
+ }, animationTimeout);
+ } else {
+ elementToFocusAfterAnimation.focus();
+ }
+ };
+
+ var updateBoardsTabIndex = function (boardArray, minViewIndex, maxViewIndex) {
+ for (var i = 0; i < boardArray.length; i++) {
+ angular.element(boardArray[i]).attr('tabindex', '-1');
+ }
+ for (var j = minViewIndex; j <= maxViewIndex; j++) {
+ angular.element(boardArray[j]).attr('tabindex', '0');
+ }
+ };
+
+ $timeout(function () {
+ var currentBoardArray = element[0].querySelectorAll('[b2b-board]');
+ updateBoardsTabIndex(currentBoardArray, ctrl.minVisibleIndex, ctrl.maxVisibleIndex);
+ });
+
+ scope.$watchCollection('boardsMasterArray', function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ /* When a board is removed */
+ if (newVal.length < oldVal.length) {
+ ctrl.resetBoardStrip();
+ $timeout(function () {
+
+ var currentBoardArray = element[0].querySelectorAll('[b2b-board]');
+ if (currentBoardArray.length !== 0) {
+ animateBoardstripContainerAdjustment(currentBoardArray[0]);
+ } else {
+ element[0].querySelector('div.boardstrip-item--add').focus();
+ }
+
+ angular.element(element[0].querySelector(".boardstrip-container")).css({
+ "width": getBoardstripContainerWidth(ctrl.getBoardsMasterArrayLength()) + "px"
+ });
+ /* Update tabindecies to ensure keyboard navigation behaves correctly */
+ updateBoardsTabIndex(currentBoardArray, ctrl.minVisibleIndex, ctrl.maxVisibleIndex);
+ });
+ }
+ /* When a board is added */
+ else {
+ if (ctrl.getAddBoardPressedFlag()) {
+ ctrl.maxVisibleIndex = ctrl.getBoardsMasterArrayLength() - 1;
+ ctrl.minVisibleIndex = Math.max(ctrl.maxVisibleIndex - BoardStripConfig.maxVisibleBoards + 1, 0);
+
+ ctrl.setCurrentIndex(ctrl.maxVisibleIndex);
+
+ $timeout(function () {
+ angular.element(element[0].querySelector(".boardstrip-container")).css({
+ "width": getBoardstripContainerWidth(ctrl.getBoardsMasterArrayLength()) + "px"
+ });
+
+ var currentBoardArray = element[0].querySelectorAll('[b2b-board]');
+ animateBoardstripContainerAdjustment(currentBoardArray[currentBoardArray.length - 1]);
+ /* Update tabindecies to ensure keyboard navigation behaves correctly */
+ updateBoardsTabIndex(currentBoardArray, ctrl.minVisibleIndex, ctrl.maxVisibleIndex);
+ });
+ } else {
+ if (ctrl.minVisibleIndex === 0 && ctrl.getBoardsMasterArrayLength() < BoardStripConfig.maxVisibleBoards + 1) {
+ ctrl.maxVisibleIndex = ctrl.getBoardsMasterArrayLength() - 1;
+ ctrl.rectifyMaxVisibleBoards();
+ }
+
+ $timeout(function () {
+ angular.element(element[0].querySelector(".boardstrip-container")).css({
+ "width": getBoardstripContainerWidth(ctrl.getBoardsMasterArrayLength()) + "px"
+ });
+
+ var currentBoardArray = element[0].querySelectorAll('[b2b-board]');
+ /* Update tabindecies to ensure keyboard navigation behaves correctly */
+ updateBoardsTabIndex(currentBoardArray, ctrl.minVisibleIndex, ctrl.maxVisibleIndex);
+ });
+ }
+
+ ctrl.setAddBoardPressedFlag(false);
+ }
+ }
+ });
+
+ scope.nextBoard = function () {
+ ctrl.maxVisibleIndex += BoardStripConfig.boardsToScroll;
+ ctrl.rectifyMaxVisibleBoards();
+ ctrl.minVisibleIndex = ctrl.maxVisibleIndex - (BoardStripConfig.maxVisibleBoards - 1);
+
+ $timeout.cancel(oldTimeout);
+ angular.element(element[0].querySelector(".boardstrip-container")).css({
+ "left": calculateAndGetBoardstripContainerAdjustment() + "px"
+ });
+
+ $timeout(function () {
+ var currentBoardArray = element[0].querySelectorAll('[b2b-board]');
+
+ /* Remove tabindex from non-visible boards */
+ updateBoardsTabIndex(currentBoardArray, ctrl.minVisibleIndex, ctrl.maxVisibleIndex);
+
+ if (!(scope.isNextBoard())) {
+ try {
+ currentBoardArray[currentBoardArray.length - 1].focus();
+ } catch (e) { /* IE8 may throw exception */ }
+ }
+ }, animationTimeout);
+ };
+ scope.prevBoard = function () {
+
+ ctrl.minVisibleIndex -= BoardStripConfig.boardsToScroll;
+ if (ctrl.minVisibleIndex < 0) {
+ ctrl.minVisibleIndex = 0;
+ }
+
+ ctrl.maxVisibleIndex = ctrl.minVisibleIndex + BoardStripConfig.maxVisibleBoards - 1;
+ ctrl.rectifyMaxVisibleBoards();
+
+ $timeout.cancel(oldTimeout);
+ angular.element(element[0].querySelector(".boardstrip-container")).css({
+ "left": calculateAndGetBoardstripContainerAdjustment() + "px"
+ });
+
+ $timeout(function () {
+ var currentBoardArray = element[0].querySelectorAll('[b2b-board]');
+
+ /* Remove tabindex from non-visible boards */
+ updateBoardsTabIndex(currentBoardArray, ctrl.minVisibleIndex, ctrl.maxVisibleIndex);
+
+ if (ctrl.minVisibleIndex === 0) {
+ try {
+ element[0].querySelector('div.boardstrip-item--add').focus();
+ } catch (e) { /* IE8 may throw exception */ }
+ }
+ });
+ };
+
+ scope.isPrevBoard = function () {
+ return (ctrl.minVisibleIndex > 0);
+ };
+ scope.isNextBoard = function () {
+ return (ctrl.getBoardsMasterArrayLength() - 1 > ctrl.maxVisibleIndex);
+ };
+
+ ngModelCtrl.$render = function () {
+ if (ngModelCtrl.$viewValue || ngModelCtrl.$viewValue === 0) {
+ var newCurrentIndex = ngModelCtrl.$viewValue;
+
+ if (!(newCurrentIndex = parseInt(newCurrentIndex, 10))) {
+ newCurrentIndex = 0;
+ }
+
+ if (newCurrentIndex <= 0) {
+ ctrl.resetBoardStrip();
+ newCurrentIndex = 0;
+
+ var currentBoardArray = element[0].querySelectorAll('[b2b-board]');
+ if (currentBoardArray.length !== 0) {
+ animateBoardstripContainerAdjustment(currentBoardArray[0]);
+ } else {
+ element[0].querySelector('div.boardstrip-item--add').focus();
+ }
+ /* Update tabindecies to ensure keyboard navigation behaves correctly */
+ updateBoardsTabIndex(currentBoardArray, ctrl.minVisibleIndex, ctrl.maxVisibleIndex);
+ } else if (newCurrentIndex >= ctrl.getBoardsMasterArrayLength()) {
+ ctrl.maxVisibleIndex = ctrl.getBoardsMasterArrayLength() - 1;
+ ctrl.rectifyMaxVisibleBoards();
+ ctrl.minVisibleIndex = Math.max(ctrl.maxVisibleIndex - BoardStripConfig.maxVisibleBoards + 1, 0);
+
+ newCurrentIndex = ctrl.maxVisibleIndex;
+
+ $timeout(function () {
+ var currentBoardArray = element[0].querySelectorAll('[b2b-board]');
+ animateBoardstripContainerAdjustment(currentBoardArray[newCurrentIndex]);
+ /* Update tabindecies to ensure keyboard navigation behaves correctly */
+ updateBoardsTabIndex(currentBoardArray, ctrl.minVisibleIndex, ctrl.maxVisibleIndex);
+ });
+ } else {
+
+ if (!(newCurrentIndex >= ctrl.minVisibleIndex && newCurrentIndex <= ctrl.maxVisibleIndex)) {
+ ctrl.minVisibleIndex = newCurrentIndex;
+ ctrl.maxVisibleIndex = ctrl.minVisibleIndex + BoardStripConfig.maxVisibleBoards - 1;
+ ctrl.rectifyMaxVisibleBoards();
+
+ if (ctrl.getBoardsMasterArrayLength() < BoardStripConfig.maxVisibleBoards) {
+ ctrl.minVisibleIndex = 0;
+ } else {
+ ctrl.minVisibleIndex = Math.max(ctrl.maxVisibleIndex - BoardStripConfig.maxVisibleBoards + 1, 0);
+ }
+
+ $timeout(function () {
+ var currentBoardArray = element[0].querySelectorAll('[b2b-board]');
+ animateBoardstripContainerAdjustment(currentBoardArray[newCurrentIndex]);
+ /* Update tabindecies to ensure keyboard navigation behaves correctly */
+ updateBoardsTabIndex(currentBoardArray, ctrl.minVisibleIndex, ctrl.maxVisibleIndex);
+ });
+ }
+ }
+ scope.currentIndex = newCurrentIndex;
+ ngModelCtrl.$setViewValue(newCurrentIndex);
+ } else {
+ ctrl.resetBoardStrip();
+ ngModelCtrl.$setViewValue(0);
+ }
+ };
+
+ scope.$watch('currentIndex', function (newVal, oldVal) {
+ if (newVal !== oldVal && ngModelCtrl && ngModelCtrl.$viewValue !== newVal) {
+ ngModelCtrl.$setViewValue(newVal);
+ }
+ });
+ }
+ };
+ }])
+ .directive('b2bAddBoard', ['BoardStripConfig', '$parse', function (BoardStripConfig, $parse) {
+ return {
+ restrict: 'AE',
+ replace: true,
+ require: '^b2bBoardStrip',
+ scope: {
+ onAddBoard: '&?'
+ },
+ templateUrl: 'b2bTemplate/boardstrip/b2bAddBoard.html',
+ link: function (scope, element, attrs, ctrl) {
+ scope.addBoard = function () {
+ if (attrs['onAddBoard']) {
+ scope.onAddBoard = $parse(scope.onAddBoard);
+ scope.onAddBoard();
+ ctrl.setAddBoardPressedFlag(true);
+ }
+ };
+ }
+ };
+ }])
+ .directive('b2bBoardNavigation', ['keymap', 'events', function (keymap, events) {
+ return {
+ restrict: 'AE',
+ link: function (scope, elem) {
+
+ var prevElem = keymap.KEY.LEFT;
+ var nextElem = keymap.KEY.RIGHT;
+
+ elem.bind('keydown', function (ev) {
+
+ if (!(ev.keyCode)) {
+ ev.keyCode = ev.which;
+ }
+
+ switch (ev.keyCode) {
+ case nextElem:
+ events.preventDefault(ev);
+ events.stopPropagation(ev);
+
+ if (elem[0].nextElementSibling && parseInt(angular.element(elem[0].nextElementSibling).attr('tabindex')) >= 0) {
+ angular.element(elem[0])[0].nextElementSibling.focus();
+ } else {
+ /* IE8 fix */
+ var el = angular.element(elem[0])[0];
+ do {
+ if (el.nextSibling) {
+ el = el.nextSibling;
+ } else {
+ break;
+ }
+ } while (el && el.tagName !== 'LI');
+
+ if (el.tagName && el.tagName === 'LI' && parseInt(angular.element(el).attr('tabindex')) >= 0) {
+ el.focus();
+ }
+ }
+
+ break;
+ case prevElem:
+ events.preventDefault(ev);
+ events.stopPropagation(ev);
+
+ if (elem[0].previousElementSibling && parseInt(angular.element(elem[0].previousElementSibling).attr('tabindex')) >= 0) {
+ angular.element(elem[0])[0].previousElementSibling.focus();
+ } else {
+ /* IE8 fix */
+ var el1 = angular.element(elem[0])[0];
+ do {
+ if (el1.previousSibling) {
+ el1 = el1.previousSibling;
+ } else {
+ break;
+ }
+ } while (el1 && el1.tagName !== 'LI');
+
+ if (el1.tagName && el1.tagName === 'LI' && parseInt(angular.element(el1).attr('tabindex')) >= 0) {
+ el1.focus();
+ }
+ }
+ break;
+ default:
+ break;
+ }
+ });
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Navigation.att:breadcrumbs
+ *
+ * @description
+ * <file src="src/breadcrumbs/docs/readme.md" />
+ * @usage
+ <ul class="breadcrumb">
+ <li ng-repeat="link in breadCrumbsLink"><a tabindex="{{(idx==$index)?-1:0}}" href='javascript:void(0)' ng-click="clickActive($index)" ng-class="{'active':idx==$index, '': idx!=$index}">{{link.title}}</a></li>
+ </ul>
+ * @example
+ <example module="b2b.att">
+ <file src="src/breadcrumbs/docs/demo.html" />
+ <file src="src/breadcrumbs/docs/demo.js" />
+ </example>
+ */
+angular.module('b2b.att.breadcrumbs',[])
+/**
+ * @ngdoc directive
+ * @name Buttons, links & UI controls.att:buttonGroups
+ *
+ * @description
+ * <file src="src/buttonGroups/docs/readme.md" />
+ *
+ * @usage
+<h2>Radio Aproach</h2>
+<div class="btn-group" b2b-key prev="37,38" next="39,40" circular-traversal role="radiogroup">
+ <button type="button" class="btn btn-secondary" b2b-key-item ng-focus="radioModel='Button 1'" ng-model="radioModel" b2b-btn-radio="'Button 1'" tabindex="{{(!radioModel || 'Button 1'===radioModel)?0:-1}}">Button 1</button>
+ <button type="button" class="btn btn-secondary" b2b-key-item ng-focus="radioModel='Button 2'" ng-model="radioModel" b2b-btn-radio="'Button 2'" tabindex="{{(!radioModel || 'Button 2'===radioModel)?0:-1}}">Button 2</button>
+ <button type="button" class="btn btn-secondary" b2b-key-item ng-focus="radioModel='Button 3'" ng-model="radioModel" b2b-btn-radio="'Button 3'" tabindex="{{(!radioModel || 'Button 3'===radioModel)?0:-1}}">Button 3</button>
+</div>
+
+<h2>Checkbox Aproach</h2>
+<span b2b-button-group class="btn-group btn-fullwidth" role="group" max-select="3" ng-model="checkModel1">
+ <button type="button" class="btn btn-secondary" ng-model="checkModel1.Button1" b2b-btn-checkbox>Button1</button>
+ <button type="button" class="btn btn-secondary" ng-model="checkModel1.Button2" b2b-btn-checkbox>Button2</button>
+ <button type="button" class="btn btn-secondary" ng-model="checkModel1.Button3" b2b-btn-checkbox>Button3</button>
+ <button type="button" class="btn btn-secondary" ng-model="checkModel1.Button4" b2b-btn-checkbox>Button4</button>
+ <button type="button" class="btn btn-secondary" ng-model="checkModel1.Button5" b2b-btn-checkbox>Button5</button>
+</span>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/buttonGroups/docs/demo.html" />
+ <file src="src/buttonGroups/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.buttonGroups', ['b2b.att.utilities'])
+ .constant('buttonConfig', {
+ activeClass: 'active',
+ toggleEvent: 'click'
+ })
+ .directive('b2bBtnRadio', ['buttonConfig', function (buttonConfig) {
+ var activeClass = buttonConfig.activeClass || 'active';
+ var toggleEvent = buttonConfig.toggleEvent || 'click';
+
+ return {
+ require: 'ngModel',
+ link: function (scope, element, attrs, ngModelCtrl) {
+ var notMobile = !/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+
+ if (notMobile) {
+ element.bind('focus', function () {
+ scope.$apply(function () {
+ ngModelCtrl.$setViewValue(scope.$eval(attrs.b2bBtnRadio));
+ ngModelCtrl.$render();
+ });
+ });
+ }
+
+ element.attr('role', 'radio');
+
+ //model -> UI
+ ngModelCtrl.$render = function () {
+ element.toggleClass(activeClass, angular.equals(ngModelCtrl.$modelValue, scope.$eval(attrs.b2bBtnRadio)));
+ if (angular.equals(ngModelCtrl.$modelValue, scope.$eval(attrs.b2bBtnRadio))) {
+ element.attr("aria-checked", true);
+ } else {
+ element.attr("aria-checked", false);
+ }
+ };
+
+ //ui->model
+ element.bind(toggleEvent, function () {
+ if (!element.hasClass(activeClass)) {
+ scope.$apply(function () {
+ ngModelCtrl.$setViewValue(scope.$eval(attrs.b2bBtnRadio));
+ ngModelCtrl.$render();
+ });
+ }
+ });
+ }
+ };
+ }])
+ .directive('b2bBtnCheckbox', ['buttonConfig', function (buttonConfig) {
+ var activeClass = buttonConfig.activeClass || 'active';
+ var toggleEvent = buttonConfig.toggleEvent || 'click';
+
+ return {
+ require: ['ngModel', '^^b2bButtonGroup'],
+ link: function (scope, element, attrs, ctrls) {
+
+ var ngModelCtrl = ctrls[0];
+ var parentCtrl = ctrls[1];
+
+ element.attr('role', 'checkbox');
+ element.attr('aria-describedby', parentCtrl.getStateDescriptionElemId());
+
+ function getTrueValue() {
+ var trueValue = scope.$eval(attrs.b2bBtnCheckboxTrue);
+ return angular.isDefined(trueValue) ? trueValue : true;
+ }
+
+ function getFalseValue() {
+ var falseValue = scope.$eval(attrs.b2bBtnCheckboxFalse);
+ return angular.isDefined(falseValue) ? falseValue : false;
+ }
+
+ //model -> UI
+ ngModelCtrl.$render = function () {
+ element.toggleClass(activeClass, angular.equals(ngModelCtrl.$modelValue, getTrueValue()));
+ if ((angular.equals(ngModelCtrl.$modelValue, getTrueValue()))) {
+ element.attr("aria-checked", true);
+ } else {
+ element.attr("aria-checked", false);
+ }
+ };
+
+ //ui->model
+ element.bind(toggleEvent, function () {
+ scope.$apply(function () {
+ ngModelCtrl.$setViewValue(element.hasClass(activeClass) ? getFalseValue() : getTrueValue());
+ ngModelCtrl.$render();
+ });
+ });
+ }
+ };
+ }])
+ .directive('b2bButtonGroup', ['$timeout', '$compile', function ($timeout, $compile) {
+ return {
+ restrict: 'A',
+ scope: {
+ maxSelect: "=",
+ ngModelButtonState: '=ngModel'
+ },
+ controller: ['$scope', '$element', function ($scope, $element) {
+ $scope.nSel = 0;
+
+ var stateDescriptionElem = angular.element('<span id="b2b_button_group_' + $scope.$id + '" class="hide" aria-hidden="true">{{nSel}} of {{maxSelect}} options selected.</span>');
+ $compile(stateDescriptionElem)($scope);
+ $element.after(stateDescriptionElem);
+
+ this.getStateDescriptionElemId = function () {
+ return stateDescriptionElem.attr('id');
+ };
+ }],
+ link: function (scope, element) {
+
+
+ var executeFxn = function () {
+ scope.nSel = 0;
+ angular.forEach(scope.ngModelButtonState, function (value, key) {
+ if (value === true) {
+ scope.nSel += 1;
+ }
+ });
+
+ if (scope.nSel >= scope.maxSelect) {
+ angular.forEach(element.children(), function (chd) {
+ if (chd.className.indexOf('active') < 0) {
+ chd.disabled = true;
+ chd.setAttribute('aria-disabled', true);
+ }
+ });
+ } else {
+ angular.forEach(element.children(), function (chd) {
+ chd.disabled = false;
+ chd.setAttribute('aria-disabled', false);
+ });
+ }
+ scope.$digest();
+ };
+
+ $timeout(function () {
+ executeFxn();
+ });
+ element.bind('click', executeFxn);
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Buttons, links & UI controls.att:buttons
+ * @element input
+ * @function
+ *
+ * @description
+ * <file src="src/buttons/docs/readme.md" />
+ * @usage
+ *
+Button shape
+<button class="btn" type="button">Button</button> button.btn (button shape only)
+<button aria-label="Custom aria label" class="btn" type="button">Button</button> button.btn (button shape only) with custom aria label
+<button aria-label="Click on button/Press enter" class="btn" type="button" onclick="javascript:alert('It works!');">Click on button/Press enter</button> button.btn with click functionality
+<a b2b-keyup-click="32" href="javascript:void(0)" class="btn" role="button">Button</a> a.btn (button shape only)
+<button class="btn btn-primary">Button</button> .btn-primary
+<a b2b-keyup-click="32" href="javascript:void(0)" class="btn btn-primary" role="button">Button</a> a.btn-primary
+
+5 Button colors
+<button class="btn btn-secondary">Button</button> .btn-secondary
+<a b2b-keyup-click="32" href="javascript:void(0)" class="btn btn-secondary" role="button">Button</a> a.btn-secondary
+<button class="btn btn-alt">Button</button> .btn-alt
+<a b2b-keyup-click="32" href="javascript:void(0)" class="btn btn-alt" role="button">Button</a> a.btn-alt
+<button class="btn btn-specialty">Button</button> .btn-specialty
+<a b2b-keyup-click="32" href="javascript:void(0)" class="btn btn-specialty" role="button">Button</a> a.btn-specialty
+<button class="btn btn-specialty" disabled="">Button</button> disabled="disabled"
+<a b2b-keyup-click="32" aria-disabled="true" href="javascript:void(0)" class="btn btn-primary disabled" role="button">Button</a> a.disabled
+
+3 button heights
+<button class="btn btn-secondary">Button</button> .btn is default and 46px height
+<button class="btn btn-secondary btn-medium">Button</button> .btn-medium is 42px
+<button class="btn btn-secondary btn-small">Button</button> .btn-small is 36px
+
+.row-nowrap 2 up buttons
+<div class="row-nowrap">
+ <button class="btn btn-secondary btn-fullwidth" type="button">Cancel</button>
+ <button class="btn btn-primary btn-fullwidth" type="button">Continue</button>
+</div>
+
+.row 2 up buttons (desktop) stacked (mobile) (different order)
+<div class="row cta-button-group">
+ <button class="span btn btn-secondary btn-fullwidth hidden-phone" type="button">Cancel</button>
+ <button class="span btn btn-primary btn-fullwidth" type="button">Continue</button>
+ <button class="span btn btn-secondary btn-fullwidth visible-phone" type="button">Cancel</button>
+</div>
+
+ * @example
+ * <section id="code">
+ <b>HTML + AngularJS</b>
+ * <example module="b2b.att">
+ * <file src="src/buttons/docs/demo.html" />
+ <file src="src/buttons/docs/demo.js" />
+ * </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.buttons', ['b2b.att.utilities']);
+/**
+ * @ngdoc directive
+ * @name Forms.att:calendar
+ *
+ * @description
+ * <file src="src/calendar/docs/readme.md" />
+ * @usage
+ * <input type="text" ng-model="dt" b2b-datepicker>
+ *
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/calendar/docs/demo.html" />
+ <file src="src/calendar/docs/demo.js" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.calendar', ['b2b.att.position', 'b2b.att.utilities'])
+
+.constant('b2bDatepickerConfig', {
+ dateFormat: 'MM/dd/yyyy',
+ dayFormat: 'd',
+ monthFormat: 'MMMM',
+ yearFormat: 'yyyy',
+ dayHeaderFormat: 'EEEE',
+ dayTitleFormat: 'MMMM yyyy',
+ disableWeekend: false,
+ disableSunday: false,
+ disableDates: null,
+ onSelectClose: null,
+ startingDay: 0,
+ minDate: null,
+ maxDate: null,
+ dueDate: null,
+ fromDate: null,
+ legendIcon: null,
+ legendMessage: null,
+ calendarDisabled: false,
+ collapseWait: 0,
+ orientation: 'left',
+ inline: false,
+ helperText: 'The date you selected is $date. In case of mobile double tap to open calendar. Select a date to close the calendar.',
+ datepickerEvalAttributes: ['dateFormat', 'dayFormat', 'monthFormat', 'yearFormat', 'dayHeaderFormat', 'dayTitleFormat', 'disableWeekend', 'disableSunday', 'startingDay', 'collapseWait', 'orientation'],
+ datepickerWatchAttributes: ['min', 'max', 'due', 'from', 'legendIcon', 'legendMessage', 'ngDisabled'],
+ datepickerFunctionAttributes: ['disableDates', 'onSelectClose']
+})
+
+.factory('b2bDatepickerService', ['b2bDatepickerConfig', 'dateFilter', function (b2bDatepickerConfig, dateFilter) {
+ var setAttributes = function (attr, elem) {
+ if (angular.isDefined(attr) && attr !== null && angular.isDefined(elem) && elem !== null) {
+ var attributes = b2bDatepickerConfig.datepickerEvalAttributes.concat(b2bDatepickerConfig.datepickerWatchAttributes, b2bDatepickerConfig.datepickerFunctionAttributes);
+ for (var key in attr) {
+ var val = attr[key];
+ if (attributes.indexOf(key) !== -1 && angular.isDefined(val)) {
+ elem.attr(key.toSnakeCase(), key);
+ }
+ }
+ }
+ };
+
+ var bindScope = function (attr, scope) {
+ if (angular.isDefined(attr) && attr !== null && angular.isDefined(scope) && scope !== null) {
+ var evalFunction = function (key, val) {
+ scope[key] = scope.$parent.$eval(val);
+ };
+
+ var watchFunction = function (key, val) {
+ scope.$parent.$watch(val, function (value) {
+ scope[key] = value;
+ });
+ scope.$watch(key, function (value) {
+ scope.$parent[val] = value;
+ });
+ };
+
+ var evalAttributes = b2bDatepickerConfig.datepickerEvalAttributes;
+ var watchAttributes = b2bDatepickerConfig.datepickerWatchAttributes;
+ for (var key in attr) {
+ var val = attr[key];
+ if (evalAttributes.indexOf(key) !== -1 && angular.isDefined(val)) {
+ evalFunction(key, val);
+ } else if (watchAttributes.indexOf(key) !== -1 && angular.isDefined(val)) {
+ watchFunction(key, val);
+ }
+ }
+ }
+ };
+
+ return {
+ setAttributes: setAttributes,
+ bindScope: bindScope
+ };
+}])
+
+.controller('b2bDatepickerController', ['$scope', '$attrs', 'dateFilter', '$element', '$position', 'b2bDatepickerConfig', function ($scope, $attrs, dateFilter, $element, $position, dtConfig) {
+ var format = {
+ date: getValue($attrs.dateFormat, dtConfig.dateFormat),
+ day: getValue($attrs.dayFormat, dtConfig.dayFormat),
+ month: getValue($attrs.monthFormat, dtConfig.monthFormat),
+ year: getValue($attrs.yearFormat, dtConfig.yearFormat),
+ dayHeader: getValue($attrs.dayHeaderFormat, dtConfig.dayHeaderFormat),
+ dayTitle: getValue($attrs.dayTitleFormat, dtConfig.dayTitleFormat),
+ disableWeekend: getValue($attrs.disableWeekend, dtConfig.disableWeekend),
+ disableSunday: getValue($attrs.disableSunday, dtConfig.disableSunday),
+ disableDates: getValue($attrs.disableDates, dtConfig.disableDates)
+ },
+ startingDay = getValue($attrs.startingDay, dtConfig.startingDay);
+
+ $scope.minDate = dtConfig.minDate ? $scope.resetTime(dtConfig.minDate) : null;
+ $scope.maxDate = dtConfig.maxDate ? $scope.resetTime(dtConfig.maxDate) : null;
+ $scope.dueDate = dtConfig.dueDate ? $scope.resetTime(dtConfig.dueDate) : null;
+ $scope.fromDate = dtConfig.fromDate ? $scope.resetTime(dtConfig.fromDate) : null;
+ $scope.legendIcon = dtConfig.legendIcon ? dtConfig.legendIcon : null;
+ $scope.legendMessage = dtConfig.legendMessage ? dtConfig.legendMessage : null;
+ $scope.ngDisabled = dtConfig.calendarDisabled ? dtConfig.calendarDisabled : null;
+ $scope.collapseWait = getValue($attrs.collapseWait, dtConfig.collapseWait);
+ $scope.orientation = getValue($attrs.orientation, dtConfig.orientation);
+ $scope.onSelectClose = getValue($attrs.onSelectClose, dtConfig.onSelectClose);
+
+ $scope.inline = $attrs.inline === 'true' ? true : dtConfig.inline;
+
+ function getValue(value, defaultValue) {
+ return angular.isDefined(value) ? $scope.$parent.$eval(value) : defaultValue;
+ }
+
+ function getDaysInMonth(year, month) {
+ return new Date(year, month, 0).getDate();
+ }
+
+ function getDates(startDate, n) {
+ var dates = new Array(n);
+ var current = startDate,
+ i = 0;
+ while (i < n) {
+ dates[i++] = new Date(current);
+ current.setDate(current.getDate() + 1);
+ }
+ return dates;
+ }
+
+ this.updatePosition = function (b2bDatepickerPopupTemplate) {
+ $scope.position = $position.offset($element);
+ $scope.position.top = $scope.position.top + $element.find('input').prop('offsetHeight');
+ if ($scope.orientation === 'right') {
+ $scope.position.left = $scope.position.left - (((b2bDatepickerPopupTemplate && b2bDatepickerPopupTemplate.prop('offsetWidth')) || 290) - $element.find('input').prop('offsetWidth'));
+ }
+ };
+
+ function isSelected(dt) {
+ if (dt && angular.isDate($scope.currentDate) && compare(dt, $scope.currentDate) === 0) {
+ return true;
+ }
+ return false;
+ }
+
+ function isFromDate(dt) {
+ if (dt && angular.isDate($scope.fromDate) && compare(dt, $scope.fromDate) === 0) {
+ return true;
+ }
+ return false;
+ }
+
+ function isDateRange(dt) {
+ if (dt && $scope.fromDate && angular.isDate($scope.currentDate) && (compare(dt, $scope.fromDate) >= 0) && (compare(dt, $scope.currentDate) <= 0)) {
+ return true;
+ } else if (dt && $scope.fromDate && compare(dt, $scope.fromDate) === 0) {
+ return true;
+ }
+ return false;
+ }
+
+ function isOld(date, currentMonthDate) {
+ if (date && currentMonthDate && (new Date(date.getFullYear(), date.getMonth(), 1, 0, 0, 0).getTime() < new Date(currentMonthDate.getFullYear(), currentMonthDate.getMonth(), 1, 0, 0, 0).getTime())) {
+ return true;
+ } else {
+ return false;
+ }
+ }
+
+ function isNew(date, currentMonthDate) {
+ if (date && currentMonthDate && (new Date(date.getFullYear(), date.getMonth(), 1, 0, 0, 0).getTime() > new Date(currentMonthDate.getFullYear(), currentMonthDate.getMonth(), 1, 0, 0, 0).getTime())) {
+ return true;
+ } else {
+ return false;
+ }
+ }
+
+ function isPastDue(dt) {
+ if ($scope.dueDate) {
+ return (dt > $scope.dueDate);
+ }
+ return false;
+ }
+
+ function isDueDate(dt) {
+ if ($scope.dueDate) {
+ return (dt.getTime() === $scope.dueDate.getTime());
+ }
+ return false;
+ }
+
+ var isDisabled = function (date, currentMonthDate) {
+ if ($attrs.from && !angular.isDate($scope.fromDate)) {
+ return true;
+ }
+ if (format.disableWeekend === true && (dateFilter(date, format.dayHeader) === "Saturday" || dateFilter(date, format.dayHeader) === "Sunday")) {
+ return true;
+ }
+ if (format.disableSunday === true && (dateFilter(date, format.dayHeader) === "Sunday")) {
+ return true;
+ }
+ if (isOld(date, currentMonthDate) || isNew(date, currentMonthDate)) {
+ return true;
+ }
+ return (($scope.minDate && compare(date, $scope.minDate) < 0) || ($scope.maxDate && compare(date, $scope.maxDate) > 0) || (format.disableDates && format.disableDates({
+ date: date
+ })));
+ };
+
+ var compare = function (date1, date2) {
+ return (new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()) - new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));
+ };
+
+ function isMinDateAvailable(startDate, endDate) {
+ if (($scope.minDate && $scope.minDate.getTime() >= startDate.getTime()) && ($scope.minDate.getTime() <= endDate.getTime())) {
+ $scope.disablePrev = true;
+ $scope.visibilityPrev = "hidden";
+ } else {
+ $scope.disablePrev = false;
+ $scope.visibilityPrev = "visible";
+ }
+ }
+
+ function isMaxDateAvailable(startDate, endDate) {
+ if (($scope.maxDate && $scope.maxDate.getTime() >= startDate.getTime()) && ($scope.maxDate.getTime() <= endDate.getTime())) {
+ $scope.disableNext = true;
+ $scope.visibilityNext = "hidden";
+ } else {
+ $scope.disableNext = false;
+ $scope.visibilityNext = "visible";
+ }
+ }
+
+ function getLabel(label) {
+ if (label) {
+ var labelObj = {
+ pre: label.substr(0, 1).toUpperCase(),
+ post: label
+ };
+ return labelObj;
+ }
+ return;
+ }
+
+ function makeDate(date, dayFormat, dayHeaderFormat, isSelected, isFromDate, isDateRange, isOld, isNew, isDisabled, dueDate, pastDue) {
+ return {
+ date: date,
+ label: dateFilter(date, dayFormat),
+ header: dateFilter(date, dayHeaderFormat),
+ selected: !!isSelected,
+ fromDate: !!isFromDate,
+ dateRange: !!isDateRange,
+ oldMonth: !!isOld,
+ nextMonth: !!isNew,
+ disabled: !!isDisabled,
+ dueDate: !!dueDate,
+ pastDue: !!pastDue,
+ focusable: !((isDisabled && !(isSelected || isDateRange)) || (isOld || isNew))
+ };
+ }
+
+ this.modes = [
+ {
+ name: 'day',
+ getVisibleDates: function (date) {
+ var year = date.getFullYear(),
+ month = date.getMonth(),
+ firstDayOfMonth = new Date(year, month, 1),
+ lastDayOfMonth = new Date(year, month + 1, 0);
+ var difference = startingDay - firstDayOfMonth.getDay(),
+ numDisplayedFromPreviousMonth = (difference > 0) ? 7 - difference : -difference,
+ firstDate = new Date(firstDayOfMonth),
+ numDates = 0;
+
+ if (numDisplayedFromPreviousMonth > 0) {
+ firstDate.setDate(-numDisplayedFromPreviousMonth + 1);
+ numDates += numDisplayedFromPreviousMonth; // Previous
+ }
+ numDates += getDaysInMonth(year, month + 1); // Current
+ numDates += (7 - numDates % 7) % 7; // Next
+
+ var days = getDates(firstDate, numDates),
+ labels = new Array(7);
+ for (var i = 0; i < numDates; i++) {
+ var dt = new Date(days[i]);
+ days[i] = makeDate(dt,
+ format.day,
+ format.dayHeader,
+ isSelected(dt),
+ isFromDate(dt),
+ isDateRange(dt),
+ isOld(dt, date),
+ isNew(dt, date),
+ isDisabled(dt, date),
+ isDueDate(dt),
+ isPastDue(dt));
+ }
+ for (var j = 0; j < 7; j++) {
+ labels[j] = getLabel(dateFilter(days[j].date, format.dayHeader));
+ }
+ isMinDateAvailable(firstDayOfMonth, lastDayOfMonth);
+ isMaxDateAvailable(firstDayOfMonth, lastDayOfMonth);
+ return {
+ objects: days,
+ title: dateFilter(date, format.dayTitle),
+ labels: labels
+ };
+ },
+ split: 7,
+ step: {
+ months: 1
+ }
+ }
+ ];
+}])
+
+.directive('b2bDatepickerPopup', ['$parse', '$log', '$timeout', '$document', '$documentBind', '$isElement', '$templateCache', '$compile', 'trapFocusInElement', '$position', '$window', function ($parse, $log, $timeout, $document, $documentBind, $isElement, $templateCache, $compile, trapFocusInElement, $position, $window) {
+ return {
+ restrict: 'EA',
+ replace: true,
+ transclude: true,
+ templateUrl: function (elem, attr) {
+ if (attr.inline === 'true') {
+ return 'b2bTemplate/calendar/datepicker-popup.html';
+ } else {
+ return 'b2bTemplate/calendar/datepicker.html';
+ }
+ },
+ scope: {},
+ require: ['b2bDatepickerPopup', 'ngModel', '?^b2bDatepickerGroup'],
+ controller: 'b2bDatepickerController',
+ link: function (scope, element, attrs, ctrls) {
+ var datepickerCtrl = ctrls[0],
+ ngModel = ctrls[1],
+ b2bDatepickerGroupCtrl = ctrls[2];
+ var b2bDatepickerPopupTemplate;
+
+ if (!ngModel) {
+ $log.error("ng-model is required.");
+ return; // do nothing if no ng-model
+ }
+
+ // Configuration parameters
+ var mode = 0,
+ selected;
+ scope.isOpen = false;
+
+ scope.headers = [];
+ scope.footers = [];
+
+ if (b2bDatepickerGroupCtrl) {
+ b2bDatepickerGroupCtrl.registerDatepickerScope(scope);
+ }
+
+ element.find('button').bind('click', function () {
+ element.find('input')[0].click();
+ });
+
+ element.find('input').bind('click', function () {
+ if (!scope.ngDisabled) {
+ scope.isOpen = !scope.isOpen;
+ toggleCalendar(scope.isOpen);
+ scope.$apply();
+ datepickerCtrl.updatePosition(b2bDatepickerPopupTemplate);
+ $timeout(function () {
+ angular.element(element[0].querySelector('.datepicker-input')).scrollTop=0;
+ },10);
+ }
+ });
+ var toggleCalendar = function (flag) {
+ if (!scope.inline) {
+ if (flag) {
+ b2bDatepickerPopupTemplate = angular.element($templateCache.get('b2bTemplate/calendar/datepicker-popup.html'));
+ b2bDatepickerPopupTemplate = $compile(b2bDatepickerPopupTemplate)(scope);
+ $document.find('body').append(b2bDatepickerPopupTemplate);
+ b2bDatepickerPopupTemplate.bind('keydown', keyPress);
+ $timeout(function () {
+ scope.getFocus = true;
+ trapFocusInElement(flag, b2bDatepickerPopupTemplate);
+ scope.$apply();
+ $timeout(function () {
+ scope.getFocus = false;
+ scope.$apply();
+ }, 100);
+ });
+ } else {
+ b2bDatepickerPopupTemplate.unbind('keydown', keyPress);
+ b2bDatepickerPopupTemplate.remove();
+ element.find('button')[0].focus();
+ scope.getFocus = false;
+ trapFocusInElement(flag, b2bDatepickerPopupTemplate);
+ }
+ }
+ };
+
+ var outsideClick = function (e) {
+ var isElement = $isElement(angular.element(e.target), element, $document);
+ var isb2bDatepickerPopupTemplate = $isElement(angular.element(e.target), b2bDatepickerPopupTemplate, $document);
+ if (!(isElement || isb2bDatepickerPopupTemplate)) {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ scope.$apply();
+ }
+ };
+
+ var keyPress = function (ev) {
+ if (!ev.keyCode) {
+ if (ev.which) {
+ ev.keyCode = ev.which;
+ } else if (ev.charCode) {
+ ev.keyCode = ev.charCode;
+ }
+ }
+ if (ev.keyCode) {
+ if (ev.keyCode === 27) {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (ev.keyCode === 33) {
+ !scope.disablePrev && scope.move(-1);
+ $timeout(function () {
+ scope.getFocus = true;
+ scope.$apply();
+ $timeout(function () {
+ scope.getFocus = false;
+ scope.$apply();
+ }, 100);
+ });
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (ev.keyCode === 34) {
+ !scope.disableNext && scope.move(1);
+ $timeout(function () {
+ scope.getFocus = true;
+ scope.$apply();
+ $timeout(function () {
+ scope.getFocus = false;
+ scope.$apply();
+ }, 100);
+ });
+ ev.preventDefault();
+ ev.stopPropagation();
+ }
+ scope.$apply();
+ }
+ };
+
+ $documentBind.click('isOpen', outsideClick, scope);
+
+ var modalContainer = angular.element(document.querySelector('.modalwrapper'));
+ var modalBodyContainer = angular.element(document.querySelector('.modal-body'));
+ if (modalContainer) {
+ modalContainer.bind('scroll', function () {
+ if (b2bDatepickerPopupTemplate) {
+ datepickerCtrl.updatePosition(b2bDatepickerPopupTemplate);
+ scope.$apply();
+ }
+ });
+ }
+ if (modalBodyContainer) {
+ modalBodyContainer.bind('scroll', function () {
+ if (b2bDatepickerPopupTemplate) {
+ datepickerCtrl.updatePosition(b2bDatepickerPopupTemplate);
+ var datepickerTextfield = $position.offset(element.find('input'));
+ var modalBodyPosition = $position.offset(modalBodyContainer);
+
+ if (((datepickerTextfield.top + datepickerTextfield.height) < modalBodyPosition.top || datepickerTextfield.top > (modalBodyPosition.top + modalBodyPosition.height)) && scope.isOpen) {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ }
+ scope.$apply();
+ }
+ });
+ }
+ var window = angular.element($window);
+ window.bind('resize', function () {
+ if (b2bDatepickerPopupTemplate) {
+ datepickerCtrl.updatePosition(b2bDatepickerPopupTemplate);
+ scope.$apply();
+ }
+ });
+
+ scope.$on('$destroy', function () {
+ if (scope.isOpen) {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ }
+ });
+
+ scope.resetTime = function (date) {
+ if (typeof date === 'string') {
+ date = date + 'T12:00:00';
+ }
+ var dt;
+ if (!isNaN(new Date(date))) {
+ dt = new Date(date);
+ } else {
+ return null;
+ }
+ return new Date(dt.getFullYear(), dt.getMonth(), dt.getDate());
+ };
+
+ if (attrs.min) {
+ scope.$parent.$watch($parse(attrs.min), function (value) {
+ scope.minDate = value ? scope.resetTime(value) : null;
+ refill();
+ });
+ }
+ if (attrs.max) {
+ scope.$parent.$watch($parse(attrs.max), function (value) {
+ scope.maxDate = value ? scope.resetTime(value) : null;
+ refill();
+ });
+ }
+ if (attrs.due) {
+ scope.$parent.$watch($parse(attrs.due), function (value) {
+ scope.dueDate = value ? scope.resetTime(value) : null;
+ refill();
+ });
+ }
+ if (attrs.from) {
+ scope.$parent.$watch($parse(attrs.from), function (value) {
+ scope.fromDate = value ? scope.resetTime(value) : null;
+ refill();
+ });
+ }
+
+ if (attrs.legendIcon) {
+ scope.$parent.$watch(attrs.legendIcon, function (value) {
+ scope.legendIcon = value ? value : null;
+ refill();
+ });
+ }
+ if (attrs.legendMessage) {
+ scope.$parent.$watch(attrs.legendMessage, function (value) {
+ scope.legendMessage = value ? value : null;
+ refill();
+ });
+ }
+ if (attrs.ngDisabled) {
+ scope.$parent.$watch(attrs.ngDisabled, function (value) {
+ scope.ngDisabled = value ? value : null;
+ });
+ }
+
+ // Split array into smaller arrays
+ function split(arr, size) {
+ var arrays = [];
+ while (arr.length > 0) {
+ arrays.push(arr.splice(0, size));
+ }
+ return arrays;
+ }
+
+ function refill(date) {
+ if (angular.isDate(date) && !isNaN(date)) {
+ selected = new Date(date);
+ } else {
+ if (!selected) {
+ selected = new Date();
+ }
+ }
+
+ if (selected) {
+ var currentMode = datepickerCtrl.modes[mode],
+ data = currentMode.getVisibleDates(selected);
+ scope.rows = split(data.objects, currentMode.split);
+ var flag = false;
+ var startFlag = false;
+ var firstSelected = false;
+ for (var i = 0; i < scope.rows.length; i++) {
+ for (var j = 0; j < scope.rows[i].length; j++) {
+
+ if (scope.rows[i][j].label === "1" && !firstSelected) {
+ firstSelected = true;
+ var firstDay = scope.rows[i][j];
+ }
+
+ if (scope.rows[i][j].selected === true) {
+ flag = true;
+ break;
+ }
+ }
+ if (flag) {
+ break;
+ }
+ }
+ if (!flag) {
+ firstDay.firstFocus = true;
+ }
+
+ scope.labels = data.labels || [];
+ scope.title = data.title;
+
+ datepickerCtrl.updatePosition(b2bDatepickerPopupTemplate);
+ }
+ }
+
+ scope.select = function (date) {
+ var dt = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+ if (!scope.onSelectClose || (scope.onSelectClose && scope.onSelectClose({
+ date: dt
+ }) !== false)) {
+ scope.currentDate = dt;
+ if (angular.isNumber(scope.collapseWait)) {
+ $timeout(function () {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ }, scope.collapseWait);
+ } else {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ }
+ }
+ };
+
+ scope.move = function (direction,$event) {
+ var step = datepickerCtrl.modes[mode].step;
+ selected.setDate(1);
+ selected.setMonth(selected.getMonth() + direction * (step.months || 0));
+ selected.setFullYear(selected.getFullYear() + direction * (step.years || 0));
+ refill();
+
+ $timeout(function () {
+ trapFocusInElement();
+ }, 100);
+
+ $event.preventDefault();
+ $event.stopPropagation();
+ };
+
+ scope.trapFocus = function () {
+ $timeout(function () {
+ trapFocusInElement();
+ }, 100);
+ };
+
+ scope.$watch('currentDate', function (value) {
+ if (angular.isDefined(value) && value !== null) {
+ refill(value);
+ } else {
+ refill();
+ }
+ ngModel.$setViewValue(value);
+ });
+
+ ngModel.$render = function () {
+ scope.currentDate = ngModel.$viewValue;
+ };
+
+ var stringToDate = function (value) {
+ if (!isNaN(new Date(value))) {
+ value = new Date(value);
+ }
+ return value;
+ };
+ ngModel.$formatters.unshift(stringToDate);
+ }
+ };
+}])
+
+.directive('b2bDatepicker', ['$compile', '$log', 'b2bDatepickerConfig', 'b2bDatepickerService', function ($compile, $log, b2bDatepickerConfig, b2bDatepickerService) {
+ return {
+ restrict: 'A',
+ scope: {
+ disableDates: '&',
+ onSelectClose: '&'
+ },
+ require: 'ngModel',
+ controller: ['$scope', '$element', '$attrs', function (scope, elem, attr) {
+ var dateFormatString = angular.isDefined(attr.dateFormat) ? scope.$parent.$eval(attr.dateFormat) : b2bDatepickerConfig.dateFormat;
+ var helperText = angular.isDefined(attr.helperText) ? scope.$parent.$eval(attr.helperText) : b2bDatepickerConfig.helperText;
+ helperText = helperText.replace('$date', '{{dt | date : \'' + dateFormatString + '\'}}');
+
+ var inline = false;
+ if (elem.prop('nodeName') !== 'INPUT') {
+ inline = true;
+ }
+
+ var calendarIcon = '<i class="icon-primary-calendar" aria-hidden="true"></i>'
+ var selectedDateMessage = '<button id="' + attr.btnId + '" type="button" class="span12 faux-input" ng-disabled="ngDisabled"><span class="hidden-spoken">' + helperText + '</span></button>';
+
+ elem.removeAttr('b2b-datepicker');
+ elem.removeAttr('ng-model');
+ elem.removeAttr('ng-disabled');
+ elem.addClass('datepicker-input');
+ elem.attr('ng-model', 'dt');
+ elem.attr('aria-describedby', 'datepicker');
+ elem.attr('aria-hidden', 'true');
+ elem.attr('tabindex', '-1');
+ elem.attr('readonly', 'true');
+ elem.attr('ng-disabled', 'ngDisabled');
+ elem.attr('b2b-format-date', dateFormatString);
+
+ var wrapperElement = angular.element('<div></div>');
+ wrapperElement.attr('b2b-datepicker-popup', '');
+ wrapperElement.attr('ng-model', 'dt');
+ if (inline) {
+ wrapperElement.attr('inline', inline);
+ }
+
+ b2bDatepickerService.setAttributes(attr, wrapperElement);
+ b2bDatepickerService.bindScope(attr, scope);
+
+ wrapperElement.html('');
+ wrapperElement.append(calendarIcon);
+ wrapperElement.append(selectedDateMessage);
+ wrapperElement.append(elem.prop('outerHTML'));
+
+ var elm = wrapperElement.prop('outerHTML');
+ elm = $compile(elm)(scope);
+ elem.replaceWith(elm);
+ }],
+ link: function (scope, elem, attr, ctrl) {
+ if (!ctrl) {
+ $log.error("ng-model is required.");
+ return; // do nothing if no ng-model
+ }
+
+ scope.$watch('dt', function (value) {
+ ctrl.$setViewValue(value);
+ });
+ ctrl.$render = function () {
+ scope.dt = ctrl.$viewValue;
+ };
+ }
+ };
+}])
+
+.directive('b2bDatepickerGroup', [function () {
+ return {
+ restrict: 'EA',
+ controller: ['$scope', '$element', '$attrs', function (scope, elem, attr) {
+ this.$$headers = [];
+ this.$$footers = [];
+ this.registerDatepickerScope = function (datepickerScope) {
+ datepickerScope.headers = this.$$headers;
+ datepickerScope.footers = this.$$footers;
+ };
+ }],
+ link: function (scope, elem, attr, ctrl) {}
+ };
+}])
+
+.directive('b2bFormatDate', ['dateFilter', function (dateFilter) {
+ return {
+ restrict: 'A',
+ require: 'ngModel',
+ link: function (scope, elem, attr, ctrl) {
+ var b2bFormatDate = "";
+ attr.$observe('b2bFormatDate', function (value) {
+ b2bFormatDate = value;
+ });
+ var dateToString = function (value) {
+ if (!isNaN(new Date(value))) {
+ return dateFilter(new Date(value), b2bFormatDate);
+ }
+ return value;
+ };
+ ctrl.$formatters.unshift(dateToString);
+ }
+ };
+}])
+
+.directive('b2bDatepickerHeader', [function () {
+ return {
+ restrict: 'EA',
+ require: '^b2bDatepickerGroup',
+ transclude: true,
+ replace: true,
+ template: '',
+ compile: function (elem, attr, transclude) {
+ return function link(scope, elem, attr, ctrl) {
+ if (ctrl) {
+ ctrl.$$headers.push(transclude(scope, function () {}));
+ }
+ elem.remove();
+ };
+ }
+ };
+}])
+
+.directive('b2bDatepickerFooter', [function () {
+ return {
+ restrict: 'EA',
+ require: '^b2bDatepickerGroup',
+ transclude: true,
+ replace: true,
+ template: '',
+ compile: function (elem, attr, transclude) {
+ return function link(scope, elem, attr, ctrl) {
+ if (ctrl) {
+ ctrl.$$footers.push(transclude(scope, function () {}));
+ }
+ elem.remove();
+ };
+ }
+ };
+}]);
+/**
+ * @ngdoc directive
+ * @name Forms.att:checkboxes
+ *
+ * @description
+ * <file src="src/checkboxes/docs/readme.md" />
+ * @usage
+ * See demo section
+ * @example
+ <example module="b2b.att">
+ <file src="src/checkboxes/docs/demo.html" />
+ <file src="src/checkboxes/docs/demo.js" />
+ </example>
+ */
+angular.module('b2b.att.checkboxes', ['b2b.att.utilities'])
+.directive('b2bSelectGroup', [function (){
+ return {
+ restrict: 'A',
+ require: 'ngModel',
+ scope: {
+ checkboxes: "="
+ },
+ link: function (scope, elem, attr, ctrl) {
+ elem.bind('change', function () {
+ var isChecked = elem.prop('checked');
+ angular.forEach(scope.checkboxes, function (item) {
+ item.isSelected = isChecked;
+ });
+ scope.$apply();
+ });
+ scope.$watch('checkboxes', function () {
+ var setBoxes = 0;
+ if(scope.checkboxes === undefined) {
+ return;
+ }
+ angular.forEach(scope.checkboxes, function (item) {
+ if (item.isSelected) {
+ setBoxes++;
+ }
+ });
+ elem.prop('indeterminate', false);
+ if ( scope.checkboxes !==undefined && setBoxes === scope.checkboxes.length && scope.checkboxes.length > 0) {
+ ctrl.$setViewValue(true);
+ elem.removeClass('indeterminate');
+ } else if (setBoxes === 0) {
+ ctrl.$setViewValue(false);
+ elem.removeClass('indeterminate');
+ } else {
+ ctrl.$setViewValue(false);
+ elem.addClass('indeterminate');
+ elem.prop('indeterminate', true);
+ }
+ ctrl.$render();
+ }, true);
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Misc.att:coachmark
+ *
+ * @description
+ * <file src="src/coachmark/docs/readme.md" />
+ *
+ * @usage
+ *
+<button b2b-coachmark start-coachmark-callback="startCoachmark()" end-coachmark-callback="endCoachmark()" action-coachmark-callback="actionCoachmark(action)" coachmark-index="coachmarkIndex" coachmarks="coachmarkElements" id="coachmark0" class="btn btn-alt">Initiate tour</button>
+
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/coachmark/docs/demo.html" />
+ <file src="src/coachmark/docs/demo.js" />
+ </example>
+ </section>
+ */
+
+angular.module('b2b.att.coachmark', ['b2b.att.utilities','b2b.att.position'])
+
+ .directive('b2bCoachmark', ['$document', '$compile', '$position', '$timeout', function($document, $compile, $position, $timeout) {
+ return {
+ restrict: 'A',
+ scope: {
+ coachmarks: '=',
+ coachmarkIndex: '=',
+ startCoachmarkCallback: '&',
+ endCoachmarkCallback: '&',
+ actionCoachmarkCallback: '&'
+ },
+ link: function (scope, element, attrs, ctrl) {
+ var coachmarkItems = scope.coachmarks;
+ var body = $document.find('body').eq(0);
+ var coackmarkJqContainer;
+ var coackmarkContainer;
+ var coachMarkElement;
+ var backdropjqLiteEl;
+ var coachmarkHighlight;
+ var initaitedCoachmark = false;
+ scope.coackmarkElPos ={
+ 'top':'',
+ 'left':''
+ };
+
+ scope.currentCoachmark = {};
+
+
+ var coachmarkBackdrop = function(){
+ backdropjqLiteEl = angular.element('<div class="b2b-modal-backdrop fade in hidden-by-modal"></div>');
+ body.append(backdropjqLiteEl);
+
+ backdropjqLiteEl.bind('click', function() {
+ scope.closeCoachmark();
+ scope.$apply();
+ });
+ };
+
+
+ scope.closeButtonFocus = function(){
+ if(document.getElementsByClassName('b2b-coachmark-header').length >0){
+ document.getElementsByClassName('b2b-coachmark-header')[0].scrollLeft = 0;
+ document.getElementsByClassName('b2b-coachmark-header')[0].scrollTop = 0;
+ }
+ }
+
+ scope.actionCoachmark = function(action){
+ scope.actionCoachmarkCallback({
+ 'action':action
+ })
+ };
+
+ scope.closeCoachmark = function(){
+ initaitedCoachmark = false;
+ backdropjqLiteEl.remove();
+ coackmarkContainer.remove();
+ coachmarkHighlight.remove();
+ if(coachMarkElement !== undefined && coachMarkElement !==""){
+ coachMarkElement.removeClass('b2b-coachmark-label')
+ }
+ if (angular.isFunction(scope.endCoachmarkCallback)){
+ scope.endCoachmarkCallback();
+ }
+ element[0].focus();
+ }
+
+ function showCoachmark(targetElement) {
+ scope.currentCoachmark = targetElement;
+ if(coachMarkElement !== undefined && coachMarkElement !==""){
+ coachMarkElement.removeClass('b2b-coachmark-label')
+ coackmarkContainer.remove();
+ coachmarkHighlight.remove();
+ }
+ coachMarkElement = angular.element(document.querySelector(targetElement.elementId));
+ coachMarkElement.addClass('b2b-coachmark-label');
+ var elementPosition = $position.offset(coachMarkElement);
+
+ coachmarkHighlight = angular.element('<div class="b2b-coachmark-highlight"></div><div class="b2b-coachmark-highlight b2b-coachmark-highlight-mask"></div>');
+ coachmarkHighlight.css({
+ 'width': (elementPosition.width + 20) +'px',
+ 'top': (elementPosition.top -10) + 'px',
+ 'left': (elementPosition.left - 10) + 'px',
+ 'height': (elementPosition.height + 20) +'px'
+ });
+ body.append(coachmarkHighlight);
+
+ scope.coackmarkElPos.top = (elementPosition.top + elementPosition.height + 32) + 'px';
+ scope.coackmarkElPos.left = (elementPosition.left - 158 + elementPosition.width / 2 ) + 'px';
+ coackmarkJqContainer = angular.element('<div b2b-coachmark-container b2b-trap-focus-inside-element="true"></div>');
+ coackmarkContainer = $compile(coackmarkJqContainer)(scope);
+ body.append(coackmarkContainer);
+
+ $timeout(function () {
+ var currentCoachmarkContainer = document.getElementsByClassName('b2b-coachmark-container')[0];
+ currentCoachmarkContainer.focus();
+ var coachmarkHeight = window.getComputedStyle(currentCoachmarkContainer).height.split('px')[0];
+ var newOffsetHeight = (Math.round(elementPosition.top) - Math.round(coachmarkHeight));
+
+ // We need a slight offset to show the lightboxed item
+ TweenLite.to(window, 2, {scrollTo:{x: (scope.coackmarkElPos.left.split('px')[0]-100), y: newOffsetHeight}});
+ }, 200);
+ }
+
+ element.bind('click', function (e) {
+ initaitedCoachmark = true;
+ if(scope.coachmarkIndex === -1 || scope.coachmarkIndex >= coachmarkItems.length ){
+ scope.coachmarkIndex = 0;
+ }
+ scope.$watch('coachmarkIndex', function () {
+ if(initaitedCoachmark === true){
+ if(scope.coachmarkIndex === -1 || scope.coachmarkIndex >= coachmarkItems.length ){
+ scope.closeCoachmark();
+ }else{
+ showCoachmark(coachmarkItems[scope.coachmarkIndex]);
+ }
+ }
+ });
+ coachmarkBackdrop();
+ showCoachmark(coachmarkItems[scope.coachmarkIndex]);
+ if (angular.isFunction(scope.startCoachmarkCallback)){
+ scope.startCoachmarkCallback();
+ }
+ $document.bind('keydown', function (evt) {
+ if (evt.which === 27 && initaitedCoachmark) {
+ scope.closeCoachmark();
+ scope.$apply();
+ }
+ });
+ });
+
+ }
+ };
+ }])
+ .directive('b2bCoachmarkContainer', ['$document', '$position', function($document, $position) {
+ return {
+ restrict: 'A',
+ transclude: true,
+ replace: true,
+ templateUrl: 'b2bTemplate/coachmark/coachmark.html',
+ link: function (scope, element, attrs, ctrl) {
+
+ }
+ };
+ }]);
+
+/**
+ * @ngdoc directive
+ * @name Template.att:Configuration Section
+ *
+ * @description
+ * <file src="src/configurationSection/docs/readme.md" />
+ *
+ * @example
+ * <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/configurationSection/docs/demo.html" />
+ <file src="src/configurationSection/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.configurationSection', [])
+
+/**
+ * @ngdoc directive
+ * @name Template.att:Directory Listing
+ *
+ * @description
+ * <file src="src/directoryListingTemplate/docs/readme.md" />
+ *
+ * @example
+ * <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/directoryListingTemplate/docs/demo.html" />
+ <file src="src/directoryListingTemplate/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.directoryListingTemplate', [])
+
+/**
+ * @ngdoc directive
+ * @name Forms.att:dropdowns
+ *
+ * @description
+ * <file src="src/dropdowns/docs/readme.md" />
+ * @usage
+ *
+ * @example
+ <section id="code">
+ <example module="b2b.att">
+ <file src="src/dropdowns/docs/demo.html" />
+ <file src="src/dropdowns/docs/demo.js" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.dropdowns', ['b2b.att.utilities', 'b2b.att.position', 'ngSanitize'])
+
+.constant('b2bDropdownConfig', {
+ prev: '37,38',
+ next: '39,40',
+ menuKeyword: 'menu',
+ linkMenuKeyword: 'link-menu',
+ largeKeyword: 'large',
+ smallKeyword: 'small'
+})
+
+.directive("b2bDropdown", ['$timeout', '$compile', '$templateCache', 'b2bUserAgent', 'b2bDropdownConfig', '$position', function ($timeout, $compile, $templateCache, b2bUserAgent, b2bDropdownConfig, $position) {
+ return {
+ restrict: 'A',
+ scope: true,
+ require: 'ngModel',
+ controller: ['$scope', '$element', '$attrs', function (scope, elem, attr) {
+ scope.isInputDropdown = true;
+ scope.placeHoldertext = attr.placeholderText;
+ if (attr.type) {
+ if (attr.type.indexOf(b2bDropdownConfig.menuKeyword) > -1 || attr.type.indexOf(b2bDropdownConfig.linkMenuKeyword) > -1) {
+ scope.isInputDropdown = false;
+ if (attr.type.indexOf(b2bDropdownConfig.linkMenuKeyword) > -1) {
+ scope.dropdownType = b2bDropdownConfig.linkMenuKeyword;
+ } else if (attr.type.indexOf(b2bDropdownConfig.menuKeyword) > -1) {
+ scope.dropdownType = b2bDropdownConfig.menuKeyword;
+ }
+ }
+ if (attr.type.indexOf(b2bDropdownConfig.largeKeyword) > -1) {
+ scope.dropdownSize = b2bDropdownConfig.largeKeyword;
+ } else if (attr.type.indexOf(b2bDropdownConfig.smallKeyword) > -1) {
+ scope.dropdownSize = b2bDropdownConfig.smallKeyword;
+ }
+ }
+
+ scope.labelText = attr.labelText;
+
+ scope.setBlur = function () {
+ scope.setTouched();
+ };
+
+ if ((scope.isInputDropdown && b2bUserAgent.notMobile()) || (!scope.isInputDropdown)) {
+ var formCtrl = elem.controller('form');
+ scope.setNgModelController = function (name, ngModelCtrl) {
+ if (name && formCtrl && ngModelCtrl) {
+ formCtrl[name] = ngModelCtrl;
+ }
+ };
+ scope.setOptionalCta = function (optionalCta) {
+ scope.optionalCta = optionalCta;
+ };
+ var innerHtml = angular.element('<div></div>').append(elem.html());
+ innerHtml = ($compile(innerHtml)(scope)).html();
+ var template = angular.element($templateCache.get('b2bTemplate/dropdowns/b2bDropdownDesktop.html'));
+ template.find('ul').eq(0).append(innerHtml);
+ template = $compile(template)(scope);
+ elem.replaceWith(template);
+ } else if (scope.isInputDropdown && b2bUserAgent.isMobile()) {
+ elem.css({
+ 'opacity': '0',
+ 'filter': 'alpha(opacity=0)'
+ });
+ elem.addClass('awd-select isWrapped');
+ elem.wrap('<span class="selectWrap"></span>');
+ var cover = angular.element('<span aria-hidden="true"><i class="icon-primary-down" aria-hidden="true"></i></span>');
+ elem.parent().append(cover);
+ elem.parent().append('<i class="icon-primary-down" aria-hidden="true"></i>');
+ var set = function () {
+ var sel = elem[0] ? elem[0] : elem;
+ var selectedText = "";
+ var selIndex = sel.selectedIndex;
+ if (typeof selIndex !== 'undefined') {
+ selectedText = sel.options[selIndex].text;
+ }
+ cover.text(selectedText).append('<i class="icon-primary-down" aria-hidden="true"></i>');
+ };
+ var update = function (value) {
+ $timeout(set, 100);
+ };
+
+ if (attr.ngModel) {
+ scope.$watch(attr.ngModel, function (newVal, oldVal) {
+ update();
+ });
+ }
+ elem.bind('keyup', function (ev) {
+ if (ev.keyCode === keymap.KEY.TAB || ev.keyCode === keymap.KEY.ESC) {
+ return;
+ }
+ set();
+ });
+ }
+ }],
+ link: function (scope, elem, attr, ctrl) {
+ if ((scope.isInputDropdown && b2bUserAgent.notMobile()) || (!scope.isInputDropdown)) {
+ scope.updateModel = function () {
+ if (ctrl.$dirty) {
+ debugger;
+ }
+ ctrl.$setViewValue(scope.currentSelected.value);
+ if (scope.dropdownRequired && scope.currentSelected.value === '') {
+ scope.setRequired(false);
+ } else {
+ scope.setRequired(true);
+ }
+
+ if (scope.dropdownType === b2bDropdownConfig.linkMenuKeyword) {
+ $timeout(function () {
+ scope.appendCaretPositionStyle();
+ }, 100);
+ }
+ };
+ ctrl.$render = function () {
+// if(ctrl.$dirty || ctrl.$pristine) {
+ $timeout(function () {
+
+ if ((angular.isUndefined(ctrl.$viewValue) || ctrl.$viewValue == '') && (angular.isUndefined(scope.placeHoldertext) || scope.placeHoldertext == '')) {
+ scope.dropdownLists[ctrl.$viewValue] && scope.dropdownLists[ctrl.$viewValue][0].updateDropdownValue();
+ } else if ((angular.isUndefined(scope.placeHoldertext) || scope.placeHoldertext == '') && ctrl.$viewValue !== '' ) {
+ scope.dropdownLists[ctrl.$viewValue] && scope.dropdownLists[ctrl.$viewValue][0].updateDropdownValue();
+ } else if ((angular.isUndefined(ctrl.$viewValue) || ctrl.$viewValue == '') && scope.placeHoldertext !== '' ) {
+ scope.currentSelected.text = scope.placeHoldertext;
+ } else {
+ scope.dropdownLists[ctrl.$viewValue] && scope.dropdownLists[ctrl.$viewValue][0].updateDropdownValue();
+ }
+
+ }, 100);
+ };
+// }
+ scope.disabled = false;
+ scope.dropdownName = attr.name;
+ scope.dropdownId = attr.id;
+ scope.labelId = attr.ariaLabelledby;
+ scope.dropdownDescribedBy = attr.ariaDescribedby;
+ if (attr.required) {
+ scope.dropdownRequired = true;
+ } else {
+ scope.dropdownRequired = false;
+ }
+ elem.removeAttr('name');
+ elem.removeAttr('id');
+ scope.$parent.$watch(attr.ngDisabled, function (val) {
+ scope.disabled = val;
+ });
+ }
+ }
+ };
+}])
+
+.directive("b2bDropdownToggle", ['$document', '$documentBind', '$isElement', 'b2bDropdownConfig', 'keymap', 'b2bUtilitiesConfig', '$timeout', '$position', function ($document, $documentBind, $isElement, b2bDropdownConfig, keymap, b2bUtilitiesConfig, $timeout, $position) {
+ return {
+ restrict: 'A',
+ require: '?^b2bKey',
+ link: function (scope, elem, attr, ctrl) {
+ scope.appendCaretPositionStyle = function () {
+ while (document.querySelector('style.b2bDropdownCaret')) {
+ document.querySelector('style.b2bDropdownCaret').remove();
+ };
+ var caretPosition = $position.position(elem).width - 26;
+ if (scope.dropdownType === b2bDropdownConfig.linkMenuKeyword) {
+ var template = angular.element('<style class="b2bDropdownCaret" type="text/css">.linkSelectorModule .active+.moduleWrapper:before {left: ' + caretPosition + 'px;}</style>');
+ $document.find('head').append(template);
+ }
+ };
+
+ if (scope.isInputDropdown && (scope.labelText !== undefined)) {
+ elem.attr('aria-label', scope.labelText);
+ }
+
+ scope.toggleFlag = false;
+ scope.dropdownLists = {};
+ scope.dropdownListValues = [];
+ scope.dropdown = {
+ totalIndex: -1
+ };
+ scope.currentSelected = {
+ value: '',
+ text: '',
+ label: '',
+ index: -1
+ };
+ var searchString = '';
+ var searchElement = function (searchExp) {
+ var regex = new RegExp("\\b" + searchExp, "gi");
+ var position = scope.dropdownListValues.regexIndexOf(regex, scope.currentSelected.index + 1, true);
+ if (position > -1) {
+ return position;
+ }
+ return undefined;
+ };
+ var startTimer = function (time) {
+ if (searchString === '') {
+ $timeout(function () {
+ searchString = '';
+ }, time);
+ }
+ };
+ scope.toggleDropdown = function (toggleFlag) {
+ if (!scope.disabled) {
+ if (angular.isDefined(toggleFlag)) {
+ scope.toggleFlag = toggleFlag;
+ } else {
+ scope.toggleFlag = !scope.toggleFlag;
+ }
+ if (!scope.toggleFlag) {
+ if (scope.isInputDropdown) {
+ elem.parent().find('input')[0].focus();
+ } else {
+ elem.parent().find('button')[0].focus();
+ }
+ } else {
+ scope.dropdown.highlightedValue = scope.currentSelected.value;
+ if (ctrl && ctrl.enableSearch) {
+ if (angular.isDefined(scope.dropdownLists[scope.currentSelected.value])) {
+ ctrl.resetCounter(scope.dropdownLists[scope.currentSelected.value][2]);
+ }
+ }
+ if (scope.dropdownType === b2bDropdownConfig.linkMenuKeyword) {
+ scope.appendCaretPositionStyle();
+ }
+ }
+ }
+ };
+
+ elem.bind('keydown', function (ev) {
+ if (!ev.keyCode) {
+ if (ev.which) {
+ ev.keyCode = ev.which;
+ } else if (ev.charCode) {
+ ev.keyCode = ev.charCode;
+ }
+ }
+ if (!scope.toggleFlag) {
+ if (ev.keyCode) {
+ var currentIndex = scope.currentSelected.index;
+ if (ev.altKey === true && ev.keyCode === keymap.KEY.DOWN) {
+ scope.toggleDropdown(true);
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (b2bDropdownConfig.prev.split(',').indexOf(ev.keyCode.toString()) > -1) {
+ angular.isDefined(scope.dropdownListValues[currentIndex - 1]) ? scope.dropdownLists[scope.dropdownListValues[currentIndex - 1]][0].updateDropdownValue() : angular.noop();
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (b2bDropdownConfig.next.split(',').indexOf(ev.keyCode.toString()) > -1) {
+ angular.isDefined(scope.dropdownListValues[currentIndex + 1]) ? scope.dropdownLists[scope.dropdownListValues[currentIndex + 1]][0].updateDropdownValue() : angular.noop();
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (ev.keyCode >= 48 && ev.keyCode <= 105) {
+ startTimer(b2bUtilitiesConfig.searchTimer);
+ searchString = searchString + (keymap.MAP[ev.keyCode] || '');
+ var position = searchElement(searchString);
+ angular.isDefined(scope.dropdownListValues[position]) ? scope.dropdownLists[scope.dropdownListValues[position]][0].updateDropdownValue() : angular.noop();
+ ev.preventDefault();
+ ev.stopPropagation();
+ }
+ }
+ } else {
+ if (ev.altKey === true && ev.keyCode === keymap.KEY.UP) {
+ scope.toggleDropdown(false);
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (ev.keyCode === keymap.KEY.TAB || ev.keyCode === keymap.KEY.ESC) {
+ scope.toggleDropdown(false);
+ ev.preventDefault();
+ ev.stopPropagation();
+ }
+ }
+ scope.$apply(); // TODO: Move this into each block to avoid expensive digest cycles
+ });
+ var outsideClick = function (e) {
+ var isElement = $isElement(angular.element(e.target), elem.parent(), $document);
+ if (!isElement) {
+ scope.toggleDropdown(false);
+ scope.$apply();
+ }
+ };
+ $documentBind.click('toggleFlag', outsideClick, scope);
+ }
+ };
+}])
+
+.directive("b2bDropdownGroup", ['$compile', '$templateCache', 'b2bUserAgent', function ($compile, $templateCache, b2bUserAgent) {
+ return {
+ restrict: 'A',
+ controller: ['$scope', '$element', '$attrs', function (scope, elem, attr) {
+ if ((scope.isInputDropdown && b2bUserAgent.notMobile()) || (!scope.isInputDropdown)) {
+ var innerHtml = angular.element('<div></div>').append(elem.html());
+ innerHtml = ($compile(innerHtml)(scope)).html();
+ var template = angular.element($templateCache.get('b2bTemplate/dropdowns/b2bDropdownGroupDesktop.html'));
+ template.attr('ng-repeat', attr.optGroupRepeat);
+ template.attr('label', elem.attr('label'));
+ template.find('ul').append(innerHtml);
+ elem.replaceWith(template);
+ } else if (scope.isInputDropdown && b2bUserAgent.isMobile()) {
+ var template = angular.element(elem.prop('outerHTML'));
+ template.attr('ng-repeat', attr.optGroupRepeat);
+ template.removeAttr('b2b-dropdown-group');
+ template.removeAttr('opt-group-repeat');
+ template = $compile(template)(scope);
+ elem.replaceWith(template);
+ }
+ }]
+ };
+}])
+
+.directive("b2bDropdownGroupDesktop", [function () {
+ return {
+ restrict: 'A',
+ scope: true,
+ link: function (scope, elem, attr, ctrl) {
+ scope.groupHeader = attr.label;
+ }
+ };
+}])
+
+.directive("b2bDropdownList", ['$compile', '$templateCache', 'b2bUserAgent', function ($compile, $templateCache, b2bUserAgent) {
+ return {
+ restrict: 'A',
+ controller: ['$scope', '$element', '$attrs', function (scope, elem, attr) {
+ if ((scope.isInputDropdown && b2bUserAgent.notMobile()) || (!scope.isInputDropdown)) {
+ var innerHtml = angular.element('<div></div>').append(elem.html());
+ innerHtml = ($compile(innerHtml)(scope)).html();
+ var template = angular.element($templateCache.get('b2bTemplate/dropdowns/b2bDropdownListDesktop.html'));
+ template.attr('ng-repeat', attr.optionRepeat);
+ template.attr('value', elem.attr('value'));
+ template.attr('search-key', elem.attr('value'));
+ if (elem.attr('aria-describedby')){
+ template.attr('aria-describedby', attr.ariaDescribedby);
+ }
+ if (elem.attr('imgsrc')) {
+ if (elem.attr('imgalt')) {
+ template.append('<img role="presentation" ng-src="' + elem.attr('imgsrc') + '" alt="' + elem.attr('imgalt') + '"/>');
+ } else {
+ template.append('<img role="presentation" ng-src="' + elem.attr('imgsrc') + '" alt=""/>');
+ }
+ }
+ template.append(innerHtml);
+ elem.replaceWith(template);
+ } else if (scope.isInputDropdown && b2bUserAgent.isMobile()) {
+ var template = angular.element(elem.prop('outerHTML'));
+ template.attr('ng-repeat', attr.optionRepeat);
+ if (elem.attr('aria-describedby')){
+ template.attr('aria-describedby', attr.ariaDescribedby);
+ }
+ template.removeAttr('b2b-dropdown-list');
+ template.removeAttr('option-repeat');
+ template = $compile(template)(scope);
+ elem.replaceWith(template);
+ }
+ }]
+ };
+}])
+
+.directive("b2bDropdownListDesktop", ['$sce', 'keymap', 'b2bDropdownConfig', function ($sce, keymap, b2bDropdownConfig) {
+ return {
+ restrict: 'A',
+ scope: true,
+ link: function (scope, elem, attr, ctrl) {
+ var dropdownListValue = scope.dropdownListValue = attr.value;
+ scope.dropdown.totalIndex++;
+ var dropdownListIndex = scope.dropdown.totalIndex;
+ scope.dropdownListValues.push(dropdownListValue);
+ scope.dropdownLists[dropdownListValue] = [];
+ scope.dropdownLists[dropdownListValue][0] = scope;
+ scope.dropdownLists[dropdownListValue][1] = elem;
+ scope.dropdownLists[dropdownListValue][2] = dropdownListIndex;
+ scope.updateDropdownValue = function () {
+ scope.currentSelected.value = dropdownListValue;
+ if (scope.isInputDropdown) {
+ scope.currentSelected.text = elem.text();
+ } else if ((scope.dropdownType === b2bDropdownConfig.linkMenuKeyword) || (scope.dropdownType === b2bDropdownConfig.menuKeyword && scope.dropdownSize === b2bDropdownConfig.smallKeyword)) {
+ scope.currentSelected.text = dropdownListValue;
+ } else if (scope.dropdownType === b2bDropdownConfig.menuKeyword) {
+ scope.currentSelected.text = $sce.trustAsHtml(elem.html());
+ }
+ if (scope.isInputDropdown) {
+ scope.currentSelected.label = elem.text();
+ } else if (scope.dropdownType === b2bDropdownConfig.linkMenuKeyword) {
+ scope.currentSelected.label = dropdownListValue;
+ } else if (scope.dropdownType === b2bDropdownConfig.menuKeyword) {
+ scope.currentSelected.label = elem.text();
+ }
+ scope.currentSelected.index = dropdownListIndex;
+ scope.updateModel();
+ };
+ scope.selectDropdownItem = function () {
+ scope.setDirty();
+ scope.updateDropdownValue();
+ scope.toggleDropdown(false);
+ };
+ scope.highlightDropdown = function () {
+ scope.dropdown.highlightedValue = dropdownListValue;
+ };
+ elem.bind('mouseover', function (ev) {
+ elem[0].focus();
+ });
+ elem.bind('keydown', function (ev) {
+ if (!ev.keyCode) {
+ if (ev.which) {
+ ev.keyCode = ev.which;
+ } else if (ev.charCode) {
+ ev.keyCode = ev.charCode;
+ }
+ }
+ if (ev.altKey === true && ev.keyCode === keymap.KEY.UP) {
+ scope.toggleDropdown(false);
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (ev.keyCode === keymap.KEY.TAB || ev.keyCode === keymap.KEY.ESC) {
+ scope.toggleDropdown(false);
+ ev.preventDefault();
+ ev.stopPropagation();
+ }
+ scope.$apply();
+ });
+ }
+ };
+}])
+
+.directive("b2bDropdownRepeat", ['$compile', 'b2bUserAgent', function ($compile, b2bUserAgent) {
+ return {
+ restrict: 'A',
+ controller: ['$scope', '$element', '$attrs', function (scope, elem, attr) {
+ if ((scope.isInputDropdown && b2bUserAgent.notMobile()) || (!scope.isInputDropdown)) {
+ var innerHtml = angular.element('<div></div>').append(elem.html());
+ innerHtml = ($compile(innerHtml)(scope)).html();
+ var template = angular.element('<div></div>');
+ template.attr('ng-repeat', attr.b2bDropdownRepeat);
+ template.append(innerHtml);
+ elem.replaceWith(template);
+ } else if (scope.isInputDropdown && b2bUserAgent.isMobile()) {
+ angular.noop();
+ }
+ }]
+ };
+}])
+
+.directive("b2bDropdownValidation", ['$timeout', function ($timeout) {
+ return {
+ restrict: 'A',
+ require: 'ngModel',
+ link: function (scope, elem, attr, ctrl) {
+ $timeout(function () {
+ scope.setNgModelController(attr.name, ctrl);
+ }, 100);
+ scope.setDirty = function () {
+ if (ctrl.$dirty === false) {
+ ctrl.$dirty = true;
+ ctrl.$pristine = false;
+ }
+ };
+ scope.setTouched = function () {
+ if (ctrl.$touched === false) {
+ ctrl.$touched = true;
+ ctrl.$pristine = false;
+ }
+ };
+ scope.setRequired = function (flag) {
+ ctrl.$setValidity('required', flag);
+ };
+ }
+ };
+}])
+
+.directive('b2bDropdownOptionalCta', [function () {
+ return {
+ restrict: 'EA',
+ transclude: true,
+ replace: true,
+ template: '',
+ compile: function (elem, attr, transclude) {
+ return function link(scope, elem, attr, ctrl) {
+ if (scope.setOptionalCta) {
+ scope.setOptionalCta(transclude(scope, function () {}));
+ }
+ elem.remove();
+ };
+ }
+ };
+}]);
+/**
+ * @ngdoc directive
+ * @name Forms.att:File Upload
+ *
+ * @description
+ * <file src="src/fileUpload/docs/readme.md" />
+ *
+ * @usage
+ *
+<form id="dragDropFile">
+ <div b2b-file-drop file-model="fileModel" on-drop="triggerFileUpload()" align="center">
+ <p>
+ <br>To upload a file, drag & drop it here or
+ <span b2b-file-link file-model="fileModel" on-file-select="triggerFileUpload()" >
+ click here to select from your computer.
+ </span><br>
+ </p>
+ </div>
+</form>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/fileUpload/docs/demo.html" />
+ <file src="src/fileUpload/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.fileUpload', ['b2b.att.utilities'])
+ .directive('b2bFileDrop', [function() {
+ return {
+ restrict: 'EA',
+ scope: {
+ fileModel: '=',
+ onDrop: '&'
+ },
+ controller: ['$scope', '$attrs', function($scope, $attrs) {
+ this.onDrop = $scope.onDrop;
+ }],
+ link: function(scope, element) {
+ element.addClass('b2b-dragdrop');
+ element.bind(
+ 'dragover',
+ function(e) {
+ if (e.originalEvent) {
+ e.dataTransfer = e.originalEvent.dataTransfer;
+ }
+ e.dataTransfer.dropEffect = 'move';
+ // allows us to drop
+ if (e.preventDefault) {
+ e.preventDefault();
+ }
+ element.addClass('b2b-dragdrop-over');
+ return false;
+ }
+ );
+ element.bind(
+ 'dragenter',
+ function(e) {
+ // allows us to drop
+ if (e.preventDefault) {
+ e.preventDefault();
+ }
+ element.addClass('b2b-dragdrop-over');
+ return false;
+ }
+ );
+ element.bind(
+ 'dragleave',
+ function() {
+ element.removeClass('b2b-dragdrop-over');
+ return false;
+ }
+ );
+ element.bind(
+ 'drop',
+ function(e) {
+ // Stops some browsers from redirecting.
+ if (e.preventDefault) {
+ e.preventDefault();
+ }
+ if (e.stopPropagation) {
+ e.stopPropagation();
+ }
+ if (e.originalEvent) {
+ e.dataTransfer = e.originalEvent.dataTransfer;
+ }
+ element.removeClass('b2b-dragdrop-over');
+ if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+ scope.fileModel = e.dataTransfer.files[0];
+ scope.$apply();
+ if (angular.isFunction(scope.onDrop)) {
+ scope.onDrop();
+ }
+ }
+ return false;
+ }
+ );
+ }
+ };
+ }])
+ .directive('b2bFileLink', [function() {
+ return {
+ restrict: 'EA',
+ require: '^?b2bFileDrop',
+ replace: true,
+ transclude: true,
+ templateUrl: 'b2bTemplate/fileUpload/fileUpload.html',
+ scope: {
+ fileModel: '=?',
+ onFileSelect: '&'
+ },
+ controller: ['$scope', function($scope) {
+ this.setFileModel = function(fileModel) {
+ if ($scope.takeFileModelFromParent) {
+ $scope.$parent.fileModel = fileModel;
+ $scope.$parent.$apply();
+ } else {
+ $scope.fileModel = fileModel;
+ $scope.$apply();
+ }
+ };
+ this.callbackFunction = function() {
+ if (angular.isFunction($scope.onFileSelect)) {
+ $scope.onFileSelect();
+ }
+ };
+
+ }],
+ link: function(scope, element, attr, b2bFileDropCtrl) {
+ scope.takeFileModelFromParent = false;
+ if (!(attr.fileModel) && b2bFileDropCtrl) {
+ scope.takeFileModelFromParent = true;
+ }
+ if (!(attr.onFileSelect) && b2bFileDropCtrl) {
+ scope.onFileSelect = b2bFileDropCtrl.onDrop;
+ }
+ }
+ };
+ }])
+ .directive('b2bFileChange', ['$log', '$rootScope', function($log, $rootScope) {
+ return {
+ restrict: 'A',
+ require: '^b2bFileLink',
+ link: function(scope, element, attr, b2bFileLinkCtrl) {
+ element.bind('change', changeFileModel);
+
+ function changeFileModel(e) {
+ if (e.target.files && e.target.files.length > 0) {
+ b2bFileLinkCtrl.setFileModel(e.target.files[0]);
+ b2bFileLinkCtrl.callbackFunction();
+ } else {
+ var strFileName = e.target.value;
+ try {
+ var objFSO = new ActiveXObject("Scripting.FileSystemObject");
+ b2bFileLinkCtrl.setFileModel(objFSO.getFile(strFileName));
+ b2bFileLinkCtrl.callbackFunction();
+ } catch (e) {
+ var errMsg = "There was an issue uploading " + strFileName + ". Please try again.";
+ $log.error(errMsg);
+ $rootScope.$broadcast('b2b-file-link-failure', errMsg);
+ }
+ }
+ }
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Navigation.att:filters
+ *
+ * @description
+ * <file src="src/filters/docs/readme.md" />
+ *
+ * @usage
+ * <div b2b-filters></div>
+ *
+ * @example
+ * <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/filters/docs/demo.html" />
+ <file src="src/filters/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.filters', ['b2b.att.utilities', 'b2b.att.multipurposeExpander'])
+ .filter('filtersSelectedItemsFilter', [function () {
+ return function (listOfItemsArray) {
+
+ if (!listOfItemsArray) {
+ listOfItemsArray = [];
+ }
+
+ var returnArray = [];
+
+ for (var i = 0; i < listOfItemsArray.length; i++) {
+ for (var j = 0; j < listOfItemsArray[i].filterTypeItems.length; j++) {
+ if (listOfItemsArray[i].filterTypeItems[j].selected && !listOfItemsArray[i].filterTypeItems[j].inProgress) {
+ returnArray.push(listOfItemsArray[i].filterTypeItems[j]);
+ }
+ }
+ }
+
+ return returnArray;
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Messages, modals & alerts.att:flyout
+ *
+ * @description
+ * <file src="src/flyout/docs/readme.md" />
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/flyout/docs/demo.html" />
+ <file src="src/flyout/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.flyout', ['b2b.att.utilities', 'b2b.att.position'])
+ .directive('b2bFlyout', ['$timeout', 'b2bDOMHelper', 'keymap', 'events', function ($timeout, b2bDOMHelper, keymap, events) {
+ return {
+ restrict: 'EA',
+ transclude: true,
+ templateUrl: 'b2bTemplate/flyout/flyout.html',
+ controller: ['$scope', '$element', '$attrs', function (scope, elem, attr) {
+ scope.flyoutOpened = false;
+ var contentScope = '';
+ var togglerScope = '';
+ this.registerContentScope = function (scp) {
+ contentScope = scp;
+ };
+ this.registerTogglerScope = function (scp) {
+ togglerScope = scp;
+ };
+
+ this.toggleFlyoutState = function () {
+ if (contentScope) {
+ contentScope.toggleFlyout();
+ }
+ };
+ this.getTogglerDimensions = function () {
+ return togglerScope.getTogglerDimensions();
+ }
+ this.setTogglerFocus = function () {
+ return togglerScope.setTogglerFocus();
+ }
+
+ this.closeFlyout = function (e) {
+ contentScope.closeFromChild(e);
+ };
+ this.gotFocus = function () {
+ contentScope.gotFocus();
+ };
+
+ this.updateAriaModel = function (val) {
+ scope.flyoutOpened = val;
+ };
+
+ var firstTabableElement = undefined,
+ lastTabableElement = undefined;
+
+ var firstTabableElementKeyhandler = function (e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+ if (e.keyCode === keymap.KEY.TAB && e.shiftKey && scope.flyoutOpened) {
+ contentScope.gotFocus();
+ events.preventDefault(e);
+ events.stopPropagation(e);
+ }
+ };
+
+ var lastTabableElementKeyhandler = function (e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+ if (e.keyCode === keymap.KEY.TAB && !e.shiftKey) {
+ contentScope.gotFocus();
+ events.preventDefault(e);
+ events.stopPropagation(e);
+ }
+ };
+ this.associateTabEvent = function(){
+ $timeout(function () {
+ var element = elem[0].getElementsByClassName('b2b-flyout-container')[0];
+ firstTabableElement = b2bDOMHelper.firstTabableElement(element);
+ lastTabableElement = b2bDOMHelper.lastTabableElement(element);
+ if(angular.isUndefined(firstTabableElement)){
+ angular.element(element).css('display','block');
+ firstTabableElement = b2bDOMHelper.firstTabableElement(element);
+ lastTabableElement = b2bDOMHelper.lastTabableElement(element);
+ angular.element(element).css('display','none');
+ }
+ angular.element(firstTabableElement).bind('keydown', firstTabableElementKeyhandler);
+ angular.element(lastTabableElement).bind('keydown', lastTabableElementKeyhandler);
+ });
+ }
+ this.updateTabbableElements = function(){
+ $timeout(function () {
+ var element = elem[0].getElementsByClassName('b2b-flyout-container')[0];
+ angular.element(element).css('display','block');
+ firstTabableElement = b2bDOMHelper.firstTabableElement(element);
+ lastTabableElement = b2bDOMHelper.lastTabableElement(element);
+ angular.element(firstTabableElement).bind('keydown', firstTabableElementKeyhandler);
+ angular.element(lastTabableElement).bind('keydown', lastTabableElementKeyhandler);
+ angular.element(element).css('display','none');
+ });
+ }
+ this.unbindTabbaleEvents = function(){
+ if(angular.isDefined(firstTabableElement)){
+ angular.element(firstTabableElement).unbind('keydown', firstTabableElementKeyhandler);
+ }
+
+ if(angular.isDefined(lastTabableElement)){
+ angular.element(lastTabableElement).unbind('keydown', lastTabableElementKeyhandler);
+ }
+ }
+ }],
+ link: function (scope, element, attrs, ctrl) {
+
+ }
+ };
+ }])
+ .directive('b2bFlyoutToggler', [function () {
+ return {
+ restrict: 'A',
+ require: '^b2bFlyout',
+ link: function (scope, element, attrs, ctrl) {
+ element.bind('click', function (e) {
+ ctrl.toggleFlyoutState();
+ });
+
+ scope.getTogglerDimensions = function () {
+ return element[0].getBoundingClientRect();
+ }
+
+ scope.setTogglerFocus = function () {
+ element[0].focus();
+ }
+
+ ctrl.registerTogglerScope(scope);
+ }
+ };
+ }])
+ .directive('b2bFlyoutContent', ['$position', '$timeout', '$documentBind', '$isElement', '$document', function ($position, $timeout, $documentBind, $isElement, $document) {
+ return {
+ restrict: 'EA',
+ transclude: true,
+ replace: true,
+ require: '^b2bFlyout',
+ scope: {
+ horizontalPlacement: '@',
+ verticalPlacement: '@',
+ flyoutStyle: '@',
+ flyoutTitle: '@',
+ contentUpdated: "=?"
+ },
+ templateUrl: 'b2bTemplate/flyout/flyoutContent.html',
+ link: function (scope, element, attrs, ctrl) {
+ var flyoutStyleArray, eachCssProperty, cssPropertyKey, cssPropertyVal, temp;
+ scope.openFlyout = false;
+ if (!scope.horizontalPlacement) {
+ scope.horizontalPlacement = 'center';
+ }
+ if (!scope.verticalPlacement) {
+ scope.verticalPlacement = 'below';
+ }
+
+ scope.toggleFlyout = function () {
+
+ scope.openFlyout = !scope.openFlyout;
+
+ if (scope.openFlyout) {
+
+ if (angular.isDefined(scope.flyoutStyle) && scope.flyoutStyle != "") {
+ flyoutStyleArray = scope.flyoutStyle.split(";");
+ for (i = 0; i < flyoutStyleArray.length; i++) {
+ eachCssProperty = flyoutStyleArray[i].split(":");
+ if (eachCssProperty.length == 2) {
+ cssPropertyKey = eachCssProperty[0].trim();
+ cssPropertyVal = eachCssProperty[1].trim();
+ angular.element(element[0])[0].style[cssPropertyKey] = cssPropertyVal;
+ }
+ }
+ }
+
+ angular.element(element[0]).css({
+ 'opacity': 0,
+ 'display': 'block'
+ });
+
+ var flyoutIcons = angular.element(document.querySelectorAll(".b2b-flyout-icon"));
+ angular.forEach(flyoutIcons, function (elm) {
+ angular.element(elm)[0].blur();
+ });
+
+ $timeout(function () {
+ ctrl.setTogglerFocus();
+
+ var togglerDimensions = ctrl.getTogglerDimensions();
+ var flyoutDimensions = element[0].getBoundingClientRect();
+
+ switch (scope.horizontalPlacement) {
+ case "left":
+ angular.element(element[0]).css({
+ 'left': ((togglerDimensions.width / 2) - 26) + 'px'
+ });
+ break;
+ case "right":
+ angular.element(element[0]).css({
+ 'right': ((togglerDimensions.width / 2) - 23) + 'px'
+ });
+ break;
+
+ case "centerLeft":
+ var marginLeft = 10-(flyoutDimensions.width)-20;
+ angular.element(element[0]).css({
+ 'margin-left': marginLeft + 'px'
+ });
+ break;
+ case "centerRight":
+ angular.element(element[0]).css({
+ 'left': ((togglerDimensions.width + 9 )) + 'px'
+ });
+ break;
+
+ default:
+ var marginLeft = (togglerDimensions.width / 2) - (flyoutDimensions.width / 2) - 8;
+ angular.element(element[0]).css({
+ 'margin-left': marginLeft + 'px'
+ });
+ }
+
+ switch (scope.verticalPlacement) {
+ case "above":
+ angular.element(element[0]).css({
+ 'top': -(flyoutDimensions.height + 13) + 'px'
+ });
+ break;
+ case "centerLeft":
+ angular.element(element[0]).css({
+ 'top': -((togglerDimensions.height-13))+ 'px'
+ });
+ break;
+ case "centerRight":
+ angular.element(element[0]).css({
+ 'top': -(flyoutDimensions.height - 23)+ 'px'
+ });
+ break;
+ default:
+ angular.element(element[0]).css({
+ 'top': (togglerDimensions.height + 13) + 'px'
+ });
+ }
+
+ angular.element(element[0]).css({
+ 'opacity': 1
+ });
+ }, 100);
+ } else {
+ scope.hideFlyout();
+ }
+ };
+
+ scope.gotFocus = function () {
+ scope.openFlyout = false;
+ scope.hideFlyout();
+ ctrl.setTogglerFocus();
+ scope.$apply();
+ };
+
+ scope.closeFromChild = function (e) {
+ scope.openFlyout = false;
+ scope.hideFlyout();
+ ctrl.setTogglerFocus();
+ scope.$apply();
+ };
+
+ scope.hideFlyout = function () {
+ angular.element(element[0]).css({
+ 'opacity': 0,
+ 'display': 'none'
+ });
+ };
+
+ scope.closeFlyout = function (e) {
+ var isElement = $isElement(angular.element(e.target), element, $document);
+ if ((e.type === "keydown" && e.which === 27) || ((e.type === "click" || e.type==="touchend") && !isElement)) {
+ scope.openFlyout = false;
+ scope.hideFlyout();
+ ctrl.setTogglerFocus();
+ scope.$apply();
+ }
+ };
+
+ scope.$watch('openFlyout', function () {
+ ctrl.updateAriaModel(scope.openFlyout);
+ });
+
+ $documentBind.click('openFlyout', scope.closeFlyout, scope);
+ $documentBind.event('keydown', 'openFlyout', scope.closeFlyout, scope);
+ $documentBind.event('touchend', 'openFlyout', scope.closeFlyout, scope);
+ ctrl.registerContentScope(scope);
+
+ if (angular.isDefined(scope.contentUpdated) && scope.contentUpdated !== null) {
+ scope.$watch('contentUpdated', function (newVal, oldVal) {
+ if(newVal){
+ if (newVal !== oldVal) {
+ ctrl.unbindTabbaleEvents();
+ ctrl.associateTabEvent();
+ }
+ scope.contentUpdated = false;
+ }
+ });
+ }
+
+ }
+ };
+ }])
+ .directive('b2bCloseFlyout', [function () {
+ return {
+ restrict: 'A',
+ require: '^b2bFlyout',
+ scope: {
+ closeFlyout: '&'
+ },
+ link: function (scope, element, attrs, ctrl) {
+ element.bind('click', function (e) {
+ scope.closeFlyout(e);
+ ctrl.closeFlyout(e);
+ });
+ }
+ };
+ }])
+ .directive('b2bFlyoutTrapFocusInside', [function () {
+ return {
+ restrict: 'A',
+ transclude: false,
+ require: '^b2bFlyout',
+ link: function (scope, elem, attr, ctrl) {
+ /* Before opening modal, find the focused element */
+ ctrl.updateTabbableElements();
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Layouts.att:footer
+ *
+ * @description
+ * <file src="src/footer/docs/readme.md" />
+ *
+ * @usage
+ *
+ <footer class="b2b-footer-wrapper" role="contentinfo" aria-label="footer">
+ <div class="b2b-footer-container" b2b-column-switch-footer footer-link-items='footerItems'>
+ <hr>
+ <div class="divider-bottom-footer">
+ <div class="span2 dispalyInline">&nbsp;</div>
+ <div class="span6 dispalyInline">
+ <ul class="footer-nav-content">
+ <li><a href="Terms_of_use.html" title="Terms of use" id="foot0">Terms of use</a>|</li>
+ <li><a href="Privacy_policy.html" title="Privacy policy" id="foot1" class="active">Privacy policy</a>|</li>
+ <li><a href="Tollfree_directory_assistance.html" title="Tollfree directory assistance" id="foot2">Tollfree directory assistance</a>|</li>
+ <li><a href="compliance.html" title="Accessibility" id="foot3">Accessibility</a></li>
+
+ </ul>
+ <p><a href="//www.att.com/gen/privacy-policy?pid=2587" target="_blank">© <span class="copyright">2016</span> AT&amp;T Intellectual Property</a>. All rights reserved. AT&amp;T,the AT&amp;T Globe logo and all other AT&amp;T marks contained herein are tardemarks of AT&amp;T intellectual property and/or AT&amp;T affiliated companines.
+
+ </p>
+ </div>
+ <div class="span3 footerLogo dispalyInline">
+ <a href="index.html" class="footer-logo">
+ <i class="icon-primary-att-globe"><span class="hidden-spoken">A T &amp; T</span></i>
+ <h2 class="logo-title">AT&amp;T</h2>
+ </a>
+ </div>
+ </div>
+
+ </div>
+ </footer>
+
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/footer/docs/demo.html" />
+ <file src="src/footer/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.footer', ['b2b.att.utilities']).
+ directive('b2bColumnSwitchFooter', [function() {
+ return {
+ restrict: 'A',
+ transclude: true,
+ scope: {
+ footerLinkItems: "="
+ },
+ templateUrl: 'b2bTemplate/footer/footer_column_switch_tpl.html',
+ link: function(scope) {
+ var tempFooterColumns = scope.footerLinkItems.length;
+ scope.footerColumns = 3;
+ if ( (tempFooterColumns === 5) || (tempFooterColumns === 4) ) {
+ scope.footerColumns = tempFooterColumns;
+ }
+ }
+
+ };
+
+ }]);
+
+
+/**
+ * @ngdoc directive
+ * @name Layouts.att:header
+ *
+ * @description
+ * <file src="src/header/docs/readme.md" />
+ *
+ * @usage
+ * <li b2b-header-menu class="header__item b2b-headermenu" ng-repeat="item in tabItems" role="presentation">
+ <a href="#" class="menu__item" role="menuitem">{{item.title}}</a>
+ <div class="header-secondary-wrapper">
+ <ul class="header-secondary" role="menu">
+ <li class="header-subitem" b2b-header-submenu ng-repeat="i in item.subitems" role="presentation">
+ <a href="#" class="menu__item" aria-haspopup="true" role="menuitem">{{i.value}}</a>
+ <div class="header-tertiary-wrapper" ng-if="i.links">
+ <ul class="header-tertiary" role="menu">
+ <li b2b-header-tertiarymenu ng-repeat="link in i.links" role="presentation">
+ <label>{{link.title}}</label>
+ <div b2b-tertiary-link ng-repeat="title in link.value">
+ <a href="{{link.href}}" class="header-tertiaryitem" ng-if="!title.subitems" aria-haspopup="false" role="menuitem"><span class="b2b-label-hide">{{link.title}}</span>{{title.title}}</a>
+ <a href="{{link.href}}" class="header-tertiaryitem" b2b-header-togglemenu ng-if="title.subitems" aria-haspopup="true" role="menuitem"><span class="b2b-label-hide">{{link.title}}</span>{{title.title}}</a>
+ <ul class="header-quarternary" role="menu" ng-if="title.subitems">
+ <li b2b-header-quarternarymenu role="presentation">
+ <a href="{{nav.href}}" ng-repeat="nav in title.subitems" role="menuitem" aria-haspopup="true">{{nav.title}}</a>
+ </li>
+ </ul>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </li>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att.header">
+ <file src="src/header/docs/demo.html" />
+ <file src="src/header/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.header', ['b2b.att.dropdowns','b2b.att.utilities'])
+ .directive('b2bHeaderMenu', ['keymap', '$documentBind', '$timeout', '$isElement', '$document', function (keymap, $documentBind, $timeout, $isElement, $document) {
+ return {
+ restrict: 'A',
+ controller:['$scope',function($scope){
+ this.nextSiblingFocus = function (elObj,flag) {
+ if (elObj.nextElementSibling) {
+ if(flag){
+ var nextmenuItem = this.getFirstElement(elObj.nextElementSibling,'a');
+ nextmenuItem.focus();
+ }else{
+ elObj.nextElementSibling.focus();
+ }
+ }
+ };
+
+ this.previousSiblingFocus = function (elObj,flag) {
+ if (elObj.previousElementSibling) {
+ if(flag){
+ var prevmenuItem = this.getFirstElement(elObj.previousElementSibling,'a');
+ prevmenuItem.focus();
+ }else{
+ elObj.previousElementSibling.focus();
+ }
+ }
+ };
+
+ this.getFirstElement = function(elmObj,selector){
+ return elmObj.querySelector(selector);
+ };
+ }],
+ link: function (scope, elem,attr,ctrl) {
+ scope.showMenu = false;
+ var activeElm, subMenu, tertiaryMenu, el= angular.element(elem)[0],
+ menuItem = angular.element(elem[0].children[0]);
+ menuItem.bind('click', function () {
+ elem.parent().children().removeClass('active');
+ elem.addClass('active');
+ var elems= this.parentElement.parentElement.querySelectorAll('li[b2b-header-menu]>a');
+ for (var i=0; i<elems.length; i++) {
+ elems[i].setAttribute("aria-expanded",false);
+ }
+ scope.showMenu = true;
+ var elmTofocus = ctrl.getFirstElement(this.parentElement,'li[b2b-header-submenu]');
+ elmTofocus.firstElementChild.focus();
+ this.setAttribute('aria-expanded',true);
+ scope.$apply();
+ });
+
+ elem.bind('keydown', function (evt) {
+ activeElm = document.activeElement;
+ subMenu = ctrl.getFirstElement(activeElm.parentElement,'li[b2b-header-submenu]');
+ tertiaryMenu = ctrl.getFirstElement(activeElm.parentElement,'li[b2b-header-tertiarymenu]');
+ switch (evt.keyCode) {
+ case keymap.KEY.ENTER:
+ case keymap.KEY.SPACE:
+ elem[0].click();
+ break;
+ case keymap.KEY.UP:
+ evt.stopPropagation();
+ evt.preventDefault();
+ if (activeElm.parentElement.hasAttribute('b2b-header-submenu')) {
+ menuItem[0].focus();
+ }
+ break;
+ case keymap.KEY.DOWN:
+ evt.stopPropagation();
+ evt.preventDefault();
+ if (subMenu) {
+ subMenu.firstElementChild.focus();
+ } else if (tertiaryMenu) {
+ var firstSubitem = ctrl.getFirstElement(tertiaryMenu,'a.header-tertiaryitem');
+ firstSubitem.focus();
+ }
+ break;
+ case keymap.KEY.RIGHT:
+ evt.stopPropagation();
+ evt.preventDefault();
+ if (activeElm.parentElement.hasAttribute('b2b-header-submenu')) {
+ var elm = angular.element(activeElm.parentElement)[0];
+ ctrl.nextSiblingFocus(elm,true);
+ } else if (activeElm.parentElement.parentElement.hasAttribute('b2b-header-tertiarymenu')) {
+ var tertiaryLI = angular.element(activeElm.parentElement.parentElement)[0];
+ if (tertiaryLI.nextElementSibling) {
+ var nextElm = ctrl.getFirstElement(tertiaryLI.nextElementSibling,"a.header-tertiaryitem");
+ nextElm.focus();
+ }
+ }
+ else if(activeElm.parentElement.hasAttribute('b2b-header-menu')){
+ ctrl.nextSiblingFocus(el,true);
+ }
+ break;
+ case keymap.KEY.LEFT:
+ evt.stopPropagation();
+ evt.preventDefault();
+ if (activeElm.parentElement.hasAttribute('b2b-header-submenu')) {
+ var previousElm = angular.element(activeElm.parentElement)[0];
+ ctrl.previousSiblingFocus(previousElm,true);
+ } else if (activeElm.parentElement.parentElement.hasAttribute('b2b-header-tertiarymenu')) {
+ var tertiaryLI = angular.element(activeElm.parentElement.parentElement)[0];
+ if (tertiaryLI.previousElementSibling) {
+ var prevElm = ctrl.getFirstElement(tertiaryLI.previousElementSibling,"a.header-tertiaryitem");
+ prevElm.focus();
+ }
+ }
+ else if(activeElm.parentElement.hasAttribute('b2b-header-menu')) {
+ ctrl.previousSiblingFocus(el,true);
+ }
+ break;
+ case keymap.KEY.ESC:
+ evt.stopPropagation();
+ evt.preventDefault();
+ scope.showMenu = false;
+ elem.removeClass('active');
+ menuItem.attr('aria-expanded',false);
+ $timeout(function(){
+ menuItem[0].focus();
+ },100);
+ scope.$apply();
+ break;
+ default:
+ break;
+ }
+ });
+ var outsideClick = function (e) {
+ var isElement = $isElement(angular.element(e.target), elem, $document);
+ if (!isElement) {
+ scope.showMenu = false;
+ elem.removeClass('active');
+ scope.$apply();
+ }
+ };
+ $documentBind.click('showMenu', outsideClick, scope);
+ }
+ };
+ }]).directive('b2bHeaderSubmenu', ['$timeout',function ($timeout) {
+ return{
+ restrict: 'A',
+ link: function (scope, elem) {
+ var caretSign = angular.element("<i class='menuCaret'></i>");
+ $timeout(function(){
+ var menuItem = angular.element(elem[0].children[0]);
+ menuItem.bind('focus mouseenter', function () {
+ elem.parent().children().removeClass('active');
+ elem.addClass('active');
+ if(elem[0].childElementCount > 1){ // > 1 has third level menu
+ menuItem.attr('aria-expanded',true);
+ menuItem.attr('aria-haspopup',true);
+ }
+ var caretLeft = (elem[0].offsetLeft + elem[0].offsetWidth/2) - 10;
+ caretSign.css({left: caretLeft + 'px'});
+ angular.element(caretSign);
+ var tertiaryItems = elem[0].querySelectorAll('[b2b-header-tertiarymenu]');
+ if(tertiaryItems.length >=1){
+ elem.append(caretSign);
+ }
+ });
+ menuItem.bind('blur', function () {
+ $timeout(function () {
+ var parentElm = document.activeElement.parentElement.parentElement;
+ if(parentElm){
+ if (!(parentElm.hasAttribute('b2b-header-tertiarymenu'))) {
+ elem.removeClass('active');
+ if(elem[0].childElementCount > 1){ // > 1 has third level menu
+ menuItem.attr('aria-expanded',false);
+ }
+ var caret = elem[0].querySelector('.menuCaret');
+ if(caret){
+ caret.remove();
+ }
+ }
+ }
+ });
+ });
+ });
+ }
+ };
+ }]).directive('b2bHeaderTertiarymenu', ['$timeout','keymap', function ($timeout,keymap){
+ return{
+ restrict: 'A',
+ require:'^b2bHeaderMenu',
+ link: function (scope, elem,attr,ctrl) {
+
+ elem.bind('keydown', function (evt) {
+ var activeElm = document.activeElement;
+ var activeParentElm = activeElm.parentElement;
+ var activeParentObj = angular.element(activeParentElm)[0];
+
+ if(activeParentElm.hasAttribute('b2b-tertiary-link')){
+ var quarterNav = angular.element(activeParentElm)[0].querySelector('li[b2b-header-quarternarymenu]');
+ if(quarterNav){
+ var links = ctrl.getFirstElement(angular.element(quarterNav)[0],'a');
+ }
+ }
+ var tertiaryMenu = activeElm.parentElement.parentElement.parentElement;
+ var tertiaryMenuFlag = tertiaryMenu.hasAttribute('b2b-tertiary-link');
+
+ switch (evt.keyCode) {
+ case keymap.KEY.DOWN:
+ evt.stopPropagation();
+ evt.preventDefault();
+ if (activeParentElm.hasAttribute('b2b-tertiary-link')) {
+ if(angular.element(quarterNav).hasClass('active')){
+ links.focus();
+ }else if(activeParentObj.nextElementSibling){
+ ctrl.nextSiblingFocus(activeParentObj,true);
+ }
+ }
+ else if(angular.element(activeParentElm).hasClass('active')){
+ ctrl.nextSiblingFocus(activeElm);
+ }
+ break;
+ case keymap.KEY.UP:
+ evt.stopPropagation();
+ evt.preventDefault();
+ if(activeParentElm.hasAttribute('b2b-tertiary-link')){
+ if(activeParentObj.previousElementSibling.hasAttribute('b2b-tertiary-link')){
+ ctrl.previousSiblingFocus(activeParentObj,true);
+ }else{
+ var elm = angular.element(activeElm.parentElement.parentElement.parentElement.parentElement.parentElement)[0];
+ ctrl.getFirstElement(elm,"a").focus();
+ }
+ }else if(angular.element(activeParentElm).hasClass('active')){
+ if (activeElm.previousElementSibling) {
+ ctrl.previousSiblingFocus(activeElm);
+ }else if (tertiaryMenuFlag) {
+ var elm = angular.element(tertiaryMenu)[0];
+ ctrl.getFirstElement(elm,"a.header-tertiaryitem").focus();
+ }
+ }
+ break;
+ default:
+ break;
+ }
+ });
+ }
+ };
+ }]).directive('b2bHeaderTogglemenu', ['$timeout', 'keymap', function ($timeout, keymap) {
+ return{
+ restrict: 'A',
+ require: '^b2bHeaderMenu',
+ link: function (scope, elem, attrs, ctrl) {
+ var quarterNav;
+ $timeout(function () {
+ quarterNav = angular.element(elem.parent())[0].querySelector('li[b2b-header-quarternarymenu]');
+ elem.bind('click', function () {
+ angular.element(quarterNav).toggleClass('active');
+ });
+ });
+ }
+ };
+ }]).directive('b2bHeaderResponsive', ['$timeout',function ($timeout) {
+ return{
+ restrict: 'A',
+ controller: function($scope){
+ this.applyMediaQueries = function(value){
+ document.querySelector('style').textContent +=
+ "@media screen and (max-width:950px) { \
+ .header__item.profile { right: " + value + "px; } \
+ }";
+ };
+ this.arrangeResponsiveHeader = function(children){
+ /*
+ * clientWidth of 1090 === max-width of 1100px
+ * clientWidth of 920 === max-width of 950px
+ * see b2b-angular.css for rest of responsive header CSS
+ */
+ if (document.documentElement.clientWidth <= 920) {
+ switch(children){
+ case 1:
+ this.applyMediaQueries(200);
+ break;
+ case 2:
+ this.applyMediaQueries(200);
+ break;
+ default: // anthing above 3, however, should not have more than 3 to date
+ this.applyMediaQueries(200);
+ }
+ }
+ }
+ },
+ link: function (scope, elem, attrs, ctrl) {
+ var children;
+ var profile;
+
+ // onload of page
+ $timeout(function(){
+ profile = document.querySelector('li.header__item.profile');
+ children = angular.element(profile).children().length;
+
+ ctrl.arrangeResponsiveHeader(children); // shift right-side icon flyovers
+ });
+
+ // on screen resize
+ window.addEventListener('resize', function(event){ // caret adjustmet
+ var activeSubmenu = elem[0].querySelector('[b2b-header-menu] [b2b-header-submenu].active');
+ var activeSubmenuEl = angular.element(activeSubmenu);
+ if(activeSubmenu){
+ var caretSign = activeSubmenu.querySelector('i.menuCaret');
+ if(caretSign){
+ var caretSignEl = angular.element(caretSign);
+ var caretLeft = (activeSubmenu.offsetLeft + activeSubmenu.offsetWidth/2) - 10;
+ caretSignEl.css({left: caretLeft + 'px'});
+ }
+ }
+
+ ctrl.arrangeResponsiveHeader(children); // shift right-side icon flyovers
+ });
+ }
+ };
+ }]);
+
+/**
+ * @ngdoc directive
+ * @name Layouts.att:headings
+ *
+ * @description
+ * <file src="src/headings/docs/readme.md" />
+ *
+ * @usage
+ <h1 class="heading-page">38px page heading</h1>
+ <h2 class="heading-major-section">30px major section heading</h2>
+ <h3 class="heading-sub-section">24px sub-section heading</h3>
+ <h2 class="heading-medium">20px medium heading</h2>
+ <h2 class="heading-medium-emphasis">20px medium emphasis heading</h2>
+ <h3 class="heading-small">18px small heading</h3>
+ <h3 class="heading-small-emphasis">18px small emphasis heading</h3>
+ <h3 class="heading-micro">13px micro heading</h3>
+
+ <h2 class="heading-group">Lead</h2>
+ <h1 class="heading-page">This is 38px heading</h1>
+ <h2 class="lead">This is lead text...The next big thing since the last big thing we announced.</h2>
+ <h2 class="heading-group">Eyebrow</h2>
+ <h3 class="eyebrow">EYEBROW TEXT</h3>
+ <h2 class="heading-major-section">This is a 30px heading</h2>
+ <h3 class="eyebrow">EYEBROW TEXT</h3>
+ <h3 class="heading-sub-section">24px sub-section heading</h3>
+ <h2 class="heading-group">Subheading</h2>
+ <h2 class="heading-major-section">This is a 30px heading</h2>
+ <h3 class="subheading">A subheading here to support what was said above</h3>
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/headings/docs/demo.html" />
+</example>
+</section>
+ */
+
+var b2bLegalCopy = angular.module('b2b.att.headings', []);
+/**
+ * @ngdoc directive
+ * @name Tabs, tables & accordions.att:horizontalTable
+ *
+ * @description
+ * <file src="src/horizontalTable/docs/readme.md" />
+ *
+ * @usage
+ * @param {int} sticky - Number of sticky columns to have. Maximum of 3.
+ * @param {boolean} refresh - A boolean that when set to true will force a re-render of table. Only use when using 'bulk mode'
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/horizontalTable/docs/demo.html" />
+ <file src="src/horizontalTable/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.horizontalTable', [])
+ .constant('b2bHorizontalTableConfig', {
+ 'maxStickyColumns': 3
+ })
+ .directive('b2bHorizontalTable', ['$timeout', 'b2bHorizontalTableConfig', 'b2bDOMHelper', function ($timeout, b2bHorizontalTableConfig, b2bDOMHelper) {
+ return {
+ restrict: 'EA',
+ scope: true,
+ transclude: true,
+ scope: {
+ numOfStickyCols: '=?sticky',
+ refresh: '=?'
+
+ },
+ templateUrl: 'b2bTemplate/horizontalTable/horizontalTable.html',
+ link: function (scope, element, attrs, ctrl) {
+ scope.numOfStickyCols = scope.numOfStickyCols || 1;
+ scope.viewportIndex = scope.numOfStickyCols;
+
+ // JM520E: This is a temporary hack until I solve the ngRepeat issue
+ function hack() {
+ if (element.find('th').length < scope.numOfStickyCols) {
+ // DOM ngRepeat is not ready, let's check back in 10 ms
+ console.info('THs are not ready, trying again in 10ms');
+ $timeout(hack, 10, false);
+ } else {
+ init();
+ }
+ }
+ hack();
+
+ if (attrs.refresh !== undefined && attrs.refresh !== '') {
+ scope.$watch('refresh', function(oldVal, newVal) {
+ if (scope.refresh) {
+ // From testing it takes about 30 ms before ngRepeat executes, so let's set initial timeout
+ // NOTE: May need to expose timeout to developers. Application is known to have digest cycle of 3-5k watches.
+ $timeout(init, 100, false);
+ scope.refresh = false;
+ }
+ });
+ }
+
+ var tableElement = element.find('table');
+ var thElements = element.find('th');
+ var innerContainer = angular.element(element[0].querySelector('.b2b-horizontal-table-inner-container'));
+ var outerContainer = angular.element(element[0].querySelector('.b2b-horizontal-table'));
+
+ var tableColumns = [];
+ var tableRows = element.find('tr');
+
+ var maxWidth = 0,
+ maxHeight = 0;
+ var totalWidth = element.children()[0].offsetWidth;
+ var lastVisibleColumn = 0;
+ var collectiveColumnWidth = [];
+ var collectiveRowHeight = [];
+ var columnSets = [];
+ var setIndex = 0;
+ var stickyPixels = 0;
+
+ var displayNoneCSS = {'display': 'none'};
+ var displayBlockCSS = {'display': 'table-cell'};
+
+ function calculateVisibleColumns(startingPoint) {
+ var usedWidth = 0,
+ visibleColumns = startingPoint || scope.numOfStickyCols;
+
+ while(usedWidth < stickyPixels && visibleColumns < collectiveColumnWidth.length) {
+ if (usedWidth+collectiveColumnWidth[visibleColumns] > stickyPixels) {
+ if (startingPoint === visibleColumns) {
+ return visibleColumns; // The next cell is too large to fit, it should be only thing to fit
+ }
+ visibleColumns--;
+ return visibleColumns;
+ }
+ usedWidth += collectiveColumnWidth[visibleColumns];
+ visibleColumns++;
+ }
+
+ if (usedWidth > stickyPixels) {
+ return --visibleColumns;
+ }
+ return visibleColumns;
+ }
+
+ function updateCellDisplay(set) {
+ for (var i = scope.numOfStickyCols; i < tableColumns.length; i++) {
+ angular.element(tableColumns[i]).css(displayNoneCSS);
+ }
+
+ for (var i = set[0]; i <= set[1]; i++) {
+ angular.element(tableColumns[i]).css(displayBlockCSS);
+ }
+ }
+
+ function forceDigest() {
+ if (!scope.$$phase) {
+ scope.$digest();
+ }
+ }
+
+ function findMax(arr, prop) {
+ var max = 0;
+ var localVal = 0;
+ var prevDisplay;
+ var item;
+ for (var i = 0; i < arr.length; i++) {
+ item = arr[i];
+ prevDisplay = angular.element(item).css('display');
+ if (scope.$$phase) {
+ scope.$digest();
+ }
+ if (prop === 'width') {
+ localVal = Math.ceil(parseInt(window.getComputedStyle(item).width.split('px')[0], 10)) + 30; // 30 px is padding
+ } else if (prop === 'offsetWidth') {
+ localVal = item.offsetWidth;
+ } else if (prop === 'height') {
+ localVal = item.offsetHeight;
+ }
+
+ if (localVal >= max) {
+ max = localVal;
+ }
+ }
+
+ return max;
+ }
+
+ function init() {
+ // Reset this from a previous execution
+ tableColumns = [];
+ collectiveColumnWidth = [];
+ collectiveRowHeight = [];
+ maxWidth = 0;
+ maxHeight = 0;
+ lastVisibleColumn = 0;
+ columnSets = [];
+ setIndex = 0;
+ visibleColumns = [];
+ stickyPixels = 0;
+
+ tableElement = element.find('table');
+ thElements = element.find('th');
+ innerContainer = angular.element(element[0].querySelector('.b2b-horizontal-table-inner-container'));
+ outerContainer = angular.element(element[0].querySelector('.b2b-horizontal-table'));
+ totalWidth = element.children()[0].offsetWidth;
+
+
+ tableRows = element.find('tr');
+ totalWidth = element.children()[0].offsetWidth;
+
+ scope.disableLeft = true;
+ scope.disableRight = false;
+
+ if (scope.numOfStickyCols > b2bHorizontalTableConfig.maxStickyColumns) {
+ throw new Error("Table can only support 3 sticky columns.");
+ }
+
+ angular.forEach(tableRows, function(row, rowIndex) {
+ collectiveRowHeight.push(findMax(row.children, 'height'));
+ for(var j = 0; j < row.children.length; j++) {
+ if (tableColumns[j] === undefined) {
+ tableColumns[j] = [];
+ }
+ tableColumns[j].push(row.children[j]);
+ }
+ });
+
+ // We need to reset all the displayNones from previous runs, if applicable
+ if (attrs.refresh !== undefined && attrs.refresh !== '') {
+ for (var i = scope.numOfStickyCols+1; i < tableColumns.length; i++) {
+ angular.element(tableColumns[i]).css(displayBlockCSS);
+ }
+ }
+
+ for (var i = 0; i < tableColumns.length; i++) {
+ collectiveColumnWidth.push(findMax(tableColumns[i], 'width')); //offsetWidth doesn't take into account custom css inside
+ }
+ for(var i = 0; i < scope.numOfStickyCols; i++) {
+ maxWidth += collectiveColumnWidth[i];
+ }
+
+ stickyPixels = totalWidth-maxWidth;
+
+
+ // At this point, for each tr, I need to set the properties (height) and each numOfStickyCols children
+ // should be set with sticky properties (margin-left and width)
+ var width = maxWidth;
+ for(var i = 0; i < scope.numOfStickyCols; i++) {
+ for (var j = 0; j < tableRows.length; j++) {
+ trObject = angular.element(tableRows[j].children[i]);
+
+ angular.element(trObject).css({
+ 'margin-left': -(width + 2) + 'px',
+ 'width': (collectiveColumnWidth[i] + 3) + 'px', // instead of taking the max width, grab max width for that column
+ 'height': collectiveRowHeight[j] + 'px',
+ 'position': 'absolute',
+ 'background-color': 'lightgrey'
+ });
+ }
+
+
+ width -= collectiveColumnWidth[i];
+ }
+
+ innerContainer.css({
+ 'padding-left': (maxWidth + 2) + 'px'
+ });
+
+
+ // Let's precompute all the (set) combinations beforehand
+ columnSets = [];
+ for (var i = scope.numOfStickyCols; i < tableColumns.length;) {
+ visibleColumns = calculateVisibleColumns(i);
+ columnSets.push([i, visibleColumns]);
+ i = visibleColumns + 1;
+ }
+
+ updateCellDisplay(columnSets[setIndex]);
+ checkScrollArrows();
+
+ scope.numOfCols = tableColumns.length;
+
+ console.log('Bulk Mode is ' + (attrs.bulkMode ? 'enabled': 'disabled'));
+ console.log('tableColumns', tableColumns);
+ console.log('collectiveColumnWidth: ', collectiveColumnWidth);
+ console.log('maxWidth: ', maxWidth);
+ }
+
+ function checkScrollArrows() {
+ scope.disableLeft = (setIndex === 0);
+ scope.disableRight = !(setIndex < columnSets.length-1);
+ }
+
+
+ scope.moveViewportLeft = function () {
+ setIndex--;
+ updateCellDisplay(columnSets[setIndex]);
+ checkScrollArrows();
+
+ if (scope.disableLeft) {
+ element.find('span')[0].focus();
+ }
+ };
+
+ scope.moveViewportRight = function () {
+ setIndex++;
+ updateCellDisplay(columnSets[setIndex]);
+ checkScrollArrows();
+
+ if (scope.disableRight) {
+ element.find('span')[0].focus();
+ }
+ };
+
+ scope.getColumnSet = function () {
+ return columnSets[setIndex];
+ };
+
+ innerContainer.bind('scroll', function () {
+ $timeout(function () {
+ checkScrollArrows();
+ }, 1);
+ });
+
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Forms.att:hourPicker
+ *
+ * @description
+ * <file src="src/hourPicker/docs/readme.md" />
+ *
+ * @usage
+ * <div b2b-hourpicker ng-model="hourpickerValue.value"></div>
+
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/hourPicker/docs/demo.html" />
+ <file src="src/hourPicker/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.hourPicker', ['b2b.att.utilities'])
+
+.constant('b2bHourpickerConfig', {
+ dayOptions: [{
+ title: 'sunday',
+ caption: 'Sun',
+ label: 'S',
+ disabled: false
+ }, {
+ title: 'monday',
+ caption: 'Mon',
+ label: 'M',
+ disabled: false
+ }, {
+ title: 'tuesday',
+ caption: 'Tues',
+ label: 'T',
+ disabled: false
+ }, {
+ title: 'wednesday',
+ caption: 'Wed',
+ label: 'W',
+ disabled: false
+ }, {
+ title: 'thursday',
+ caption: 'Thu',
+ label: 'T',
+ disabled: false
+ }, {
+ title: 'friday',
+ caption: 'Fri',
+ label: 'F',
+ disabled: false
+ }, {
+ title: 'saturday',
+ caption: 'Sat',
+ label: 'S',
+ disabled: false
+ }],
+ startTimeOptions: ['1:00', '2:00', '3:00', '4:00', '5:00', '6:00', '7:00', '8:00', '9:00', '10:00', '11:00', '12:00'],
+ startTimeDefaultOptionIndex: -1,
+ startTimeDefaultMeridiem: "am",
+ endTimeOptions: ['1:00', '2:00', '3:00', '4:00', '5:00', '6:00', '7:00', '8:00', '9:00', '10:00', '11:00', '12:00'],
+ endTimeDefaultOptionIndex: -1,
+ endTimeDefaultMeridiem: "pm",
+ sameDayOption: true
+})
+
+.factory('b2bNormalizeHourpickerValues', [function () {
+ var _normalize = function (hourpickerValues) {
+ if (angular.isDefined(hourpickerValues) && hourpickerValues != null) {
+ var finalHourpickerValues = [];
+ var hourpickerValue = {};
+ var days = {};
+ for (var i = 0; i < hourpickerValues.length; i++) {
+ days = hourpickerValues[i].days ? hourpickerValues[i].days : {};
+ hourpickerValue.startTime = hourpickerValues[i].startTime ? hourpickerValues[i].startTime : '';
+ hourpickerValue.startMeridiem = hourpickerValues[i].startMeridiem ? hourpickerValues[i].startMeridiem : '';
+ hourpickerValue.endTime = hourpickerValues[i].endTime ? hourpickerValues[i].endTime : '';
+ hourpickerValue.endMeridiem = hourpickerValues[i].endMeridiem ? hourpickerValues[i].endMeridiem : '';
+ hourpickerValue.days = [];
+
+ var retrieveDaysText = function (daysDetails) {
+ var daysTexts = [];
+ var first = -1;
+ var last = -1;
+ var index = -1;
+ for (var i in days) {
+ if (days[i].value) {
+ daysTexts.push(i);
+ }
+ }
+
+ first = daysTexts[0];
+ last = daysTexts[0];
+ index = 0;
+ hourpickerValue.days[index] = days[first].caption;
+ if (daysTexts.length > 1) {
+ for (var i = 1; i < daysTexts.length; i++) {
+ if (daysTexts[i] - last === 1) {
+ last = daysTexts[i];
+ hourpickerValue.days[index] = days[first].caption + ' - ' + days[last].caption;
+ } else {
+ index++;
+ first = last = daysTexts[i];
+ hourpickerValue.days[index] = days[first].caption;
+ }
+ }
+ }
+ };
+ retrieveDaysText();
+
+ finalHourpickerValues.push(angular.copy(hourpickerValue));
+ }
+
+ return angular.copy(finalHourpickerValues);
+ }
+ };
+
+ return {
+ normalize: _normalize
+ };
+}])
+
+.directive('b2bHourpicker', ['b2bHourpickerConfig', 'b2bNormalizeHourpickerValues', function (b2bHourpickerConfig, b2bNormalizeHourpickerValues) {
+ return {
+ restrict: 'EA',
+ replace: false,
+ scope: true,
+ require: 'ngModel',
+ templateUrl: 'b2bTemplate/hourPicker/b2bHourpicker.html',
+ controller: ['$scope', function (scope) {
+
+ }],
+ link: function (scope, elem, attr, ctrl) {
+ scope.hourpicker = {};
+ scope.hourpicker.dayOptions = attr.dayOptions ? scope.$parent.$eval(attr.dayOptions) : b2bHourpickerConfig.dayOptions;
+ scope.hourpicker.startTimeOptions = attr.startTimeOptions ? scope.$parent.$eval(attr.startTimeOptions) : b2bHourpickerConfig.startTimeOptions;
+ scope.hourpicker.endTimeOptions = attr.endTimeOptions ? scope.$parent.$eval(attr.endTimeOptions) : b2bHourpickerConfig.endTimeOptions;
+ scope.hourpicker.startTimeDefaultOptionIndex = attr.startTimeDefaultOptionIndex ? scope.$parent.$eval(attr.startTimeDefaultOptionIndex) : b2bHourpickerConfig.startTimeDefaultOptionIndex;
+ scope.hourpicker.endTimeDefaultOptionIndex = attr.endTimeDefaultOptionIndex ? scope.$parent.$eval(attr.endTimeDefaultOptionIndex) : b2bHourpickerConfig.endTimeDefaultOptionIndex;
+ scope.hourpicker.startTimeDefaultMeridiem = attr.startTimeDefaultMeridiem ? scope.$parent.$eval(attr.startTimeDefaultMeridiem) : b2bHourpickerConfig.startTimeDefaultMeridiem;
+ scope.hourpicker.endTimeDefaultMeridiem = attr.endTimeDefaultMeridiem ? scope.$parent.$eval(attr.endTimeDefaultMeridiem) : b2bHourpickerConfig.endTimeDefaultMeridiem;
+ scope.hourpicker.sameDayOption = attr.sameDayOption ? scope.$parent.$eval(attr.sameDayOption) : b2bHourpickerConfig.sameDayOption;
+ scope.hourpicker.editMode = -1;
+
+ scope.hourpickerValues = [];
+ scope.finalHourpickerValues = [];
+ scope.addHourpickerValue = function (hourpickerPanelValue) {
+ if (hourpickerPanelValue) {
+ if (scope.hourpicker.editMode > -1) {
+ scope.hourpickerValues[scope.hourpicker.editMode] = hourpickerPanelValue;
+ scope.hourpicker.editMode = -1;
+ } else {
+ scope.hourpickerValues.push(hourpickerPanelValue);
+ }
+ }
+ scope.finalHourpickerValues = b2bNormalizeHourpickerValues.normalize(angular.copy(scope.hourpickerValues));
+ ctrl.$setViewValue(angular.copy(scope.hourpickerValues));
+ };
+ ctrl.$render = function () {
+ if (angular.isDefined(ctrl.$modelValue)) {
+ scope.hourpickerValues = angular.copy(ctrl.$modelValue);
+ scope.finalHourpickerValues = b2bNormalizeHourpickerValues.normalize(angular.copy(scope.hourpickerValues));
+ }
+ };
+ scope.editHourpickerValue = function (index) {
+ scope.hourpickerPanelValue = angular.copy(scope.hourpickerValues[index]);
+ scope.hourpicker.editMode = index;
+ };
+ scope.deleteHourpickerValue = function (index) {
+ scope.hourpickerValues.splice(index, 1);
+ scope.resetHourpickerPanelValue();
+ scope.addHourpickerValue();
+ };
+
+ scope.setValidity = function (errorType, errorValue) {
+ ctrl.$setValidity(errorType, errorValue);
+ }
+ }
+ }
+}])
+
+.directive('b2bHourpickerPanel', [function () {
+ return {
+ restrict: 'EA',
+ replace: false,
+ templateUrl: 'b2bTemplate/hourPicker/b2bHourpickerPanel.html',
+ controller: ['$scope', function (scope) {
+
+ }],
+ link: function (scope, elem, attr, ctrl) {
+ var hourpickerPanelValueTemplate = {
+ days: {},
+ startTime: '',
+ startMeridiem: 'am',
+ endTime: '',
+ endMeridiem: 'pm'
+ };
+ for (var i = 0; i < scope.hourpicker.dayOptions.length; i++) {
+ hourpickerPanelValueTemplate.days[i] = {
+ value: false,
+ title: scope.hourpicker.dayOptions[i].title,
+ caption: scope.hourpicker.dayOptions[i].caption
+ };
+ }
+ scope.hourpickerPanelValue = {};
+ scope.disableAddBtn = true;
+
+ scope.$watch('hourpickerPanelValue.days', function(){
+ for(var i in scope.hourpickerPanelValue.days)
+ {
+ if(scope.hourpickerPanelValue.days[i].value)
+ {
+ scope.disableAddBtn = false;
+ break;
+ }
+ scope.disableAddBtn = true;
+ }
+ }, true);
+
+ scope.resetHourpickerPanelValue = function () {
+ scope.hourpickerPanelValue = angular.copy(hourpickerPanelValueTemplate);
+ if (scope.hourpicker.startTimeDefaultOptionIndex > -1) {
+ scope.hourpickerPanelValue.startTime = scope.hourpicker.startTimeOptions[scope.hourpicker.startTimeDefaultOptionIndex];
+ }
+ if (scope.hourpicker.endTimeDefaultOptionIndex > -1) {
+ scope.hourpickerPanelValue.endTime = scope.hourpicker.endTimeOptions[scope.hourpicker.endTimeDefaultOptionIndex];
+ }
+ scope.hourpickerPanelValue.startMeridiem = scope.hourpicker.startTimeDefaultMeridiem;
+ scope.hourpickerPanelValue.endMeridiem = scope.hourpicker.endTimeDefaultMeridiem;
+ scope.hourpicker.editMode = -1;
+ scope.setValidity('invalidHourpickerData', true);
+ scope.setValidity('invalidHourpickerTimeRange', true);
+ };
+ scope.resetHourpickerPanelValue();
+ scope.updateHourpickerValue = function () {
+ if (scope.isFormValid() && !scope.isTimeOverlap()) {
+ scope.addHourpickerValue(angular.copy(scope.hourpickerPanelValue));
+ scope.resetHourpickerPanelValue();
+ }
+ };
+
+ scope.isFormValid = function () {
+ var isStartTimeAvailable = scope.hourpickerPanelValue.startTime ? true : false;
+ var isStartMeridiemAvailable = scope.hourpickerPanelValue.startMeridiem ? true : false;
+ var isEndTimeAvailable = scope.hourpickerPanelValue.endTime ? true : false;
+ var isEndMeridiemAvailable = scope.hourpickerPanelValue.endMeridiem ? true : false;
+ var currentStartTime = getTime(scope.hourpickerPanelValue.startTime, scope.hourpickerPanelValue.startMeridiem);
+ var currentEndTime = getTime(scope.hourpickerPanelValue.endTime, scope.hourpickerPanelValue.endMeridiem);
+ var isTimeInProperSequence = currentEndTime > currentStartTime;
+ var isDayChecked = false;
+ for (var i in scope.hourpickerPanelValue.days) {
+ if (scope.hourpickerPanelValue.days[i].value) {
+ isDayChecked = true;
+ break;
+ }
+ }
+
+ if (isStartTimeAvailable && isStartMeridiemAvailable && isEndTimeAvailable && isEndMeridiemAvailable && isTimeInProperSequence && isDayChecked) {
+ scope.setValidity('invalidHourpickerData', true);
+ return true;
+ } else {
+ scope.setValidity('invalidHourpickerData', false);
+ return false;
+ }
+ };
+ scope.isTimeOverlap = function () {
+ var selectedDays = [];
+ for (var i in scope.hourpickerPanelValue.days) {
+ if (scope.hourpickerPanelValue.days[i].value) {
+ selectedDays.push(i);
+ }
+ }
+
+ var currentStartTime, currentEndTime, existingStartTime, existingEndTime;
+ currentStartTime = getTime(scope.hourpickerPanelValue.startTime, scope.hourpickerPanelValue.startMeridiem);
+ currentEndTime = getTime(scope.hourpickerPanelValue.endTime, scope.hourpickerPanelValue.endMeridiem);
+ for (var i = 0; i < scope.hourpickerValues.length; i++) {
+
+ if (i === scope.hourpicker.editMode) {
+ continue;
+ }
+
+ for (var j = 0; j < selectedDays.length; j++) {
+ existingStartTime = getTime(scope.hourpickerValues[i].startTime, scope.hourpickerValues[i].startMeridiem);
+ existingEndTime = getTime(scope.hourpickerValues[i].endTime, scope.hourpickerValues[i].endMeridiem);
+ if (scope.hourpickerValues[i].days[selectedDays[j]].value) {
+ if(!scope.hourpicker.sameDayOption){
+ scope.setValidity('dayAlreadySelected', false);
+ return true;
+ } else if ((currentStartTime > existingStartTime && currentStartTime < existingEndTime) || (currentEndTime > existingStartTime && currentEndTime < existingEndTime)) {
+ scope.setValidity('invalidHourpickerTimeRange', false);
+ return true;
+ } else if ((existingStartTime > currentStartTime && existingStartTime < currentEndTime) || (existingEndTime > currentStartTime && existingEndTime < currentEndTime)) {
+ scope.setValidity('invalidHourpickerTimeRange', false);
+ return true;
+ } else if ((currentStartTime === existingStartTime) && (currentEndTime === existingEndTime)) {
+ scope.setValidity('invalidHourpickerTimeRange', false);
+ return true;
+ }
+ }
+ }
+ }
+
+ scope.setValidity('dayAlreadySelected', true);
+ scope.setValidity('invalidHourpickerTimeRange', true);
+ return false;
+ };
+ var getTime = function (timeString, meridiem) {
+ var tempDate = new Date();
+ if (timeString && meridiem) {
+ var timeSplit = timeString.split(':');
+ var hour = ((meridiem === 'PM' || meridiem === 'pm') && timeSplit[0] !== '12') ? parseInt(timeSplit[0], 10) + 12 : parseInt(timeSplit[0], 10);
+ tempDate.setHours(hour, parseInt(timeSplit[1], 10), 0, 0);
+ }
+
+ return tempDate.getTime();
+ };
+ }
+ }
+}])
+
+.directive('b2bHourpickerValue', [function () {
+ return {
+ restrict: 'EA',
+ replace: false,
+ templateUrl: 'b2bTemplate/hourPicker/b2bHourpickerValue.html',
+ controller: ['$scope', function (scope) {
+
+ }],
+ link: function (scope, elem, attr, ctrl) {
+ scope.hourpickerValue = {};
+ scope.hourpickerValue.startTime = attr.startTime ? scope.$eval(attr.startTime) : '';
+ scope.hourpickerValue.startMeridiem = attr.startMeridiem ? scope.$eval(attr.startMeridiem) : '';
+ scope.hourpickerValue.endTime = attr.endTime ? scope.$eval(attr.endTime) : '';
+ scope.hourpickerValue.endMeridiem = attr.endMeridiem ? scope.$eval(attr.endMeridiem) : '';
+ scope.hourpickerValue.days = attr.days ? scope.$eval(attr.days).join(', ') : '';
+ scope.hourpickerValue.index = attr.b2bHourpickerValue ? scope.$eval(attr.b2bHourpickerValue) : -1;
+ }
+ }
+}]);
+/**
+ * @ngdoc directive
+ * @name Template.att:inputTemplate
+ *
+ * @description
+ * <file src="src/inputTemplate/docs/readme.md" />
+ *
+ * @usage
+ * <input type="text" id="fieldId" placeholder="placholder text here" class="span12 input-enhanced" name="fieldName">
+ *
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/inputTemplate/docs/demo.html" />
+ <file src="src/inputTemplate/docs/demo.js" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.inputTemplate', []);
+
+/**
+ * @ngdoc directive
+ * @name Navigation.att:leftNavigation
+ *
+ * @description
+ * <file src="src/leftNavigation/docs/readme.md" />
+ *
+ * @usage
+ * <b2b-left-navigation data-menu="menuData"></b2b-left-navigation>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/leftNavigation/docs/demo.html" />
+ <file src="src/leftNavigation/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.leftNavigation', [])
+ .directive('b2bLeftNavigation', [function () {
+ return {
+ restrict: 'EA',
+ templateUrl: 'b2bTemplate/leftNavigation/leftNavigation.html',
+ scope: {
+ menuData: '='
+ },
+ link: function (scope, element, attrs, ctrl) {
+ scope.idx = -1;
+ scope.itemIdx = -1;
+ scope.navIdx = -1;
+ scope.toggleNav = function (val,link) {
+ if (val === scope.idx) {
+ scope.idx = -1;
+ return;
+ }
+ scope.idx = val;
+ };
+ /*New function for ECOMP sdk*/
+ scope.toggleDrawer = function(showmenu){
+ scope.idx=-1; /*hide the sunmenus*/
+ /*if(showmenu){
+ //scope.openList.length=0;
+ document.getElementById('page-content').style.marginLeft = "50px";
+ }
+ else
+ document.getElementById('page-content').style.marginLeft = "250px"; */
+ };
+ scope.liveLink = function (evt, val1, val2) {
+ scope.itemIdx = val1;
+ scope.navIdx = val2;
+ evt.stopPropagation();
+ };
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Buttons, links & UI controls.att:links
+ *
+ * @description
+ * <file src="src/links/docs/readme.md" />
+ * @usage
+ * <!-- See below examples for link implementation -->
+ *
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/links/docs/demo.html" />
+ <file src="src/links/docs/demo.js" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.links', []);
+/**
+ * @ngdoc directive
+ * @name Misc.att:listbox
+ *
+ * @description
+ * <file src="src/listbox/docs/readme.md" />
+ *
+ * @param {int} currentIndex - Current index of selected listbox item. Is not supported on multiselect listbox
+ * @param {Array} listboxData - Data of listbox items. Should include full data regardless if HTML will be filtered.
+
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/listbox/docs/demo.html" />
+ <file src="src/listbox/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.listbox', ['b2b.att.utilities'])
+.directive('b2bListBox', ['keymap', 'b2bDOMHelper', '$rootScope', function(keymap, b2bDOMHelper, $rootScope) {
+ return {
+ restrict: 'AE',
+ transclude: true,
+ replace: true,
+ scope: {
+ currentIndex: '=',
+ listboxData: '='
+ },
+ templateUrl: 'b2bTemplate/listbox/listbox.html',
+ link: function(scope, elem, attr) {
+
+ if (attr.ariaMultiselectable !== undefined || attr.ariaMultiselectable === 'true') {
+ scope.multiselectable = true;
+ } else {
+ scope.multiselectable = false;
+ }
+
+ var shiftKey = false;
+ var elements = [];
+ var prevDirection = undefined; // previous direction is used for an edge case when shifting
+ var shiftKeyPressed = false; // Used to handle shift clicking
+ var ctrlKeyPressed = false;
+
+ var currentIndexSet = {
+ 'elementIndex': 0,
+ 'listboxDataIndex': 0
+ };
+
+ /*scope.$watch('currentIndex', function(oldVal, newVal) {
+ if (angular.equals(oldVal, newVal)) return;
+ if (!scope.multiselectable) {
+ // This doesn't garuntee anything. index will update on focus based on rules
+ currentIndexSet.listboxDataIndex = scope.currentIndex;
+ // Should this occur?
+ //scope.listboxData[currentIndexSet.listboxDataIndex].selected = true;
+
+ // Update elementIndex
+ elements = elem.children();
+ var indecies = Array.prototype.map.call(elements, function(item) {
+ return parseInt(angular.element(item).attr('data-index'), 10);
+ }).filter(function(item) {
+ return item === scope.currentIndex;
+ });
+ currentIndex.elementIndex = indecies[0];
+ //focusOnElement(currentIndexSet.elementIndex); // This isn't shifting focus
+ if (!scope.$$phase) {
+ scope.$apply();
+ }
+ }
+ });*/
+
+ function isTrue(item) {
+ if (item.selected === true) {
+ return true;
+ }
+ }
+
+ function incrementIndex(elem) {
+ $rootScope.$apply();
+
+ var nextElem = elem.next();
+ if (!angular.isDefined(nextElem) || nextElem.length === 0) {
+ return;
+ }
+
+ currentIndexSet.elementIndex += 1;
+ currentIndexSet.listboxDataIndex = parseInt(nextElem.attr('data-index'), 10);
+ scope.currentIndex = currentIndexSet.listboxDataIndex;
+
+ if (currentIndexSet.elementIndex >= elements.length - 1) {
+ currentIndexSet.elementIndex = elements.length-1;
+ }
+ }
+
+ function decrementIndex(elem) {
+ $rootScope.$apply();
+ var prevElem = angular.element(b2bDOMHelper.previousElement(elem));
+ if (!angular.isDefined(prevElem) || prevElem.length === 0) {
+ return;
+ }
+
+ currentIndexSet.elementIndex -= 1;
+ currentIndexSet.listboxDataIndex = parseInt(prevElem.attr('data-index'), 10);
+ scope.currentIndex = currentIndexSet.listboxDataIndex;
+
+ if (currentIndexSet.elementIndex <= 0) {
+ currentIndexSet.elementIndex = 0;
+ }
+ }
+
+ var focusOnElement = function(index) {
+ try {
+ elements[index].focus();
+ } catch (e) {};
+ }
+
+ function selectItems(startIndex, endIndex, forceValue) {
+ for (var i = startIndex; i < endIndex; i++) {
+ if (forceValue === undefined) {
+ // We will flip the value
+ scope.listboxData[i].selected = !scope.listboxData[i].selected;
+ } else {
+ scope.listboxData[i].selected = forceValue;
+ }
+ }
+
+ if (!scope.$$phase) {
+ scope.$apply();
+ }
+ }
+
+ elem.bind('focus', function(evt) {
+ // If multiselectable or not and nothing is selected, put focus on first element
+ // If multiselectable and a range is set, put focus on first element of range
+ // If not multiselectable and something selected, put focus on element
+ elements = elem.children();
+ var selectedItems = scope.listboxData.filter(isTrue);
+ var elementsIndies = Array.prototype.map.call(elements, function(item) {
+ return parseInt(angular.element(item).attr('data-index'), 10);
+ });
+
+ if (selectedItems.length == 0) {
+ focusOnElement(0);
+ currentIndexSet.listboxDataIndex = 0;
+ } else if (attr.ariaMultiselectable) {
+ var index = scope.listboxData.indexOf(selectedItems[0]);
+ var indies = elementsIndies.filter(function(item) {
+ return (item === index);
+ });
+
+ if (indies.length === 0 || indies[0] != index) {
+ // Set focused on 0
+ currentIndexSet.elementIndex = elementsIndies[0];
+ currentIndexSet.listboxDataIndex = 0;
+ focusOnElement(currentIndexSet.elementIndex);
+ } else {
+ focusOnElement(indies[0]);
+ currentIndexSet.elementIndex = indies[0];
+ currentIndexSet.listboxDataIndex = index;
+ }
+ } else {
+ focusOnElement(currentIndexSet.elementIndex);
+ }
+ scope.currentIndex = currentIndexSet.listboxDataIndex;
+
+ if (!scope.$$phase) {
+ scope.$apply();
+ }
+ });
+ elem.bind('keyup', function(evt) {
+ if (evt.keyCode === keymap.KEY.SHIFT) {
+ shiftKeyPressed = false;
+ } else if (evt.keyCode === keymap.KEY.CTRL) {
+ ctrlKeyPressed = false;
+ }
+ });
+
+ elem.bind('keydown', function(evt) {
+ var keyCode = evt.keyCode;
+ elements = elem.children();
+ if (keyCode === keymap.KEY.SHIFT) {
+ shiftKeyPressed = true;
+ } else if (evt.keyCode === keymap.KEY.CTRL) {
+ ctrlKeyPressed = true;
+ }
+
+ switch(keyCode) {
+ case 65: // A key
+ {
+ if (scope.multiselectable && evt.ctrlKey) {
+ var arr = scope.listboxData.filter(isTrue);
+ var elementsIndies = Array.prototype.map.call(elements, function(item) {
+ return parseInt(angular.element(item).attr('data-index'), 10);
+ });
+ var val = !(arr.length === scope.listboxData.length);
+ for (var i = 0; i < elementsIndies.length; i++) {
+ scope.listboxData[elementsIndies[i]].selected = val;
+ }
+
+ if (!scope.$$phase) {
+ scope.$apply();
+ }
+
+ evt.preventDefault();
+ evt.stopPropagation();
+ }
+ break;
+ }
+ case keymap.KEY.END:
+ {
+ if (scope.multiselectable && evt.ctrlKey && evt.shiftKey) {
+ var elementsIndies = Array.prototype.map.call(elements, function(item) {
+ return parseInt(angular.element(item).attr('data-index'), 10);
+ }).filter(function(item) {
+ return (item >= currentIndexSet.listboxDataIndex);
+ });
+ for (var i = 0; i < elementsIndies.length; i++) {
+ scope.listboxData[elementsIndies[i]].selected = true;
+ }
+ evt.preventDefault();
+ evt.stopPropagation();
+
+ if (!scope.$$phase) {
+ scope.$apply();
+ }
+ }
+ break;
+ }
+ case keymap.KEY.HOME:
+ {
+ if (scope.multiselectable && evt.ctrlKey && evt.shiftKey) {
+ selectItems(0, currentIndexSet.listboxDataIndex+1, true); // currentIndex+1 is what is being focused on
+ evt.preventDefault();
+ evt.stopPropagation();
+ }
+ break;
+ }
+ case keymap.KEY.LEFT:
+ case keymap.KEY.UP:
+ {
+ if (currentIndexSet.listboxDataIndex === 0) {
+ evt.preventDefault();
+ evt.stopPropagation();
+ return;
+ }
+
+ decrementIndex(elements.eq(currentIndexSet.elementIndex));
+ if (scope.multiselectable && (evt.shiftKey || evt.ctrlKey)) {
+ if (evt.shiftKey) {
+ if (prevDirection === 'DOWN') {
+ scope.listboxData[currentIndexSet.listboxDataIndex+1].selected = !scope.listboxData[currentIndexSet.listboxDataIndex+1].selected;
+ }
+ scope.listboxData[currentIndexSet.listboxDataIndex].selected = !scope.listboxData[currentIndexSet.listboxDataIndex].selected;
+ }
+ prevDirection = 'UP';
+ } else {
+ // If no modifier keys are selected, all other items need to be unselected.
+ prevDirection = undefined;
+ selectItems(0, scope.listboxData.length, false);
+ scope.listboxData[currentIndexSet.listboxDataIndex].selected = true;
+ }
+ focusOnElement(currentIndexSet.elementIndex);
+ if(!scope.$$phase) {
+ scope.$apply();
+ }
+ evt.preventDefault();
+ evt.stopPropagation();
+ break;
+ }
+ case keymap.KEY.RIGHT:
+ case keymap.KEY.DOWN:
+ {
+ if (currentIndexSet.listboxDataIndex === scope.listboxData.length-1) {
+ evt.preventDefault();
+ evt.stopPropagation();
+ return;
+ }
+
+ incrementIndex(elements.eq(currentIndexSet.elementIndex));
+
+ if (scope.multiselectable && (evt.shiftKey || evt.ctrlKey)) {
+ if (evt.shiftKey) {
+ if (prevDirection === 'UP') {
+ scope.listboxData[currentIndexSet.listboxDataIndex-1].selected = !scope.listboxData[currentIndexSet.listboxDataIndex-1].selected;
+ }
+
+ scope.listboxData[currentIndexSet.listboxDataIndex].selected = !scope.listboxData[currentIndexSet.listboxDataIndex].selected;
+ }
+ prevDirection = 'DOWN';
+ } else {
+ // If no modifier keys are selected, all other items need to be unselected.
+ prevDirection = undefined;
+ selectItems(0, scope.listboxData.length, false);
+ scope.listboxData[currentIndexSet.listboxDataIndex].selected = true;
+ }
+
+ focusOnElement(currentIndexSet.elementIndex);
+ if(!scope.$$phase) {
+ scope.$apply();
+ }
+ evt.preventDefault();
+ evt.stopPropagation();
+ break;
+ }
+ case keymap.KEY.TAB:
+ if(evt.shiftKey) {
+ var previousElement = b2bDOMHelper.previousElement(elem.parent().parent(), true);
+ evt.preventDefault();
+ previousElement.focus();
+ }
+ break;
+ default:
+ break;
+ }
+ });
+
+ elem.bind('click', function(evt) {
+ var index = parseInt(evt.target.dataset.index, 10);
+ if (index === undefined || isNaN(index)) {
+ return;
+ }
+ if (scope.multiselectable && currentIndexSet.listboxDataIndex !== undefined) {
+ if (shiftKeyPressed) {
+ var min = Math.min(index, currentIndexSet.listboxDataIndex);
+ var max = Math.max(index, currentIndexSet.listboxDataIndex);
+
+ if (index === min) { // clicking up
+ var firstIndex = scope.listboxData.findIndex(function(item) { return item.selected === true;});
+ // Given the firstIndex, let's find the matching element to get proper element match
+ elements = elem.children();
+ elements.eq(firstIndex)
+ var elementsThatMatch = Array.prototype.filter.call(elements, function(item) {
+ if (parseInt(angular.element(item).attr('data-index'), 10) === firstIndex) {
+ return true;
+ }
+ });
+ firstIndex = parseInt(angular.element(elementsThatMatch).attr('data-index'), 10);
+
+ if (index <= firstIndex && scope.listboxData.filter(isTrue).length > 1) {
+ // Break the selection into 2
+ selectItems(firstIndex + 1, max + 1, undefined); // + 1 needed because selectItems only selects up to MAX
+ selectItems(min, firstIndex, undefined);
+ } else if (scope.listboxData.filter(isTrue).length == 1){
+ selectItems(min, max, undefined);
+ } else {
+ selectItems(min + 1, max + 1, undefined);
+ }
+ } else { // clicking down
+ selectItems(min + 1, max + 1, scope.listboxData[min].selected);
+ }
+ } else if (ctrlKeyPressed) {
+ scope.listboxData[index].selected = !scope.listboxData[index].selected;
+ } else {
+ selectItems(0, scope.listboxData.length, false);
+ scope.listboxData[index].selected = !scope.listboxData[index].selected;
+ }
+ } else {
+ selectItems(0, scope.listboxData.length, false);
+ scope.listboxData[index].selected = !scope.listboxData[index].selected;
+ }
+ currentIndexSet.elementIndex = index;
+ currentIndexSet.listboxDataIndex = index;
+ scope.currentIndex = currentIndexSet.listboxDataIndex;
+ if (!scope.$$phase) {
+ scope.$apply();
+ }
+ focusOnElement(index);
+ });
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Videos, audio & animation.att:loaderAnimation
+ *
+ * @description
+ * <file src="src/loaderAnimation/docs/readme.md" />
+ *
+ * @usage
+ * <!-- Below demo js shows-->
+ * Angular library uses Global.css's icon-primary-spinner.
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/loaderAnimation/docs/demo.html" />
+ <file src="src/loaderAnimation/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.loaderAnimation', [])
+ .constant('b2bSpinnerConfig', {
+ loadingText: 'Loading...',
+ startEvent: 'startButtonSpinner',
+ stopEvent: 'stopButtonSpinner'
+ })
+ .constant("progressTrackerConfig", {
+ loadingText: 'Loading...',
+ minDuration: "",
+ activationDelay: "",
+ minDurationPromise: "",
+ activationDelayPromise: ""
+ })
+
+.provider('progressTracker', function () {
+ this.$get = ['$q', '$timeout', function ($q, $timeout) {
+ function cancelTimeout(promise) {
+ if (promise) {
+ $timeout.cancel(promise);
+ }
+ }
+ return function ProgressTracker(options) {
+ //do new if user doesn't
+ if (!(this instanceof ProgressTracker)) {
+ return new ProgressTracker(options);
+ }
+
+ options = options || {};
+ //Array of promises being tracked
+ var tracked = [];
+ var self = this;
+ //Allow an optional "minimum duration" that the tracker has to stay active for.
+ var minDuration = options.minDuration;
+ //Allow a delay that will stop the tracker from activating until that time is reached
+ var activationDelay = options.activationDelay;
+ var minDurationPromise;
+ var activationDelayPromise;
+ self.active = function () {
+ //Even if we have a promise in our tracker, we aren't active until delay is elapsed
+ if (activationDelayPromise) {
+ return false;
+ }
+ return tracked.length > 0;
+ };
+ self.tracking = function () {
+ //Even if we aren't active, we could still have a promise in our tracker
+ return tracked.length > 0;
+ };
+ self.destroy = self.cancel = function () {
+ minDurationPromise = cancelTimeout(minDurationPromise);
+ activationDelayPromise = cancelTimeout(activationDelayPromise);
+ for (var i = tracked.length - 1; i >= 0; i--) {
+ tracked[i].resolve();
+ }
+ tracked.length = 0;
+ };
+ //Create a promise that will make our tracker active until it is resolved.
+ // @return deferred - our deferred object that is being tracked
+ self.createPromise = function () {
+ var deferred = $q.defer();
+ tracked.push(deferred);
+ //If the tracker was just inactive and this the first in the list of promises, we reset our delay and minDuration again.
+ if (tracked.length === 1) {
+ if (activationDelay) {
+ activationDelayPromise = $timeout(function () {
+ activationDelayPromise = cancelTimeout(activationDelayPromise);
+ startMinDuration();
+ }, activationDelay);
+ } else {
+ startMinDuration();
+ }
+ }
+ deferred.promise.then(onDone(false), onDone(true));
+ return deferred;
+
+ function startMinDuration() {
+ if (minDuration) {
+ minDurationPromise = $timeout(angular.noop, minDuration);
+ }
+ }
+ //Create a callback for when this promise is done. It will remove our tracked promise from the array if once minDuration is complete
+ function onDone() {
+ return function () {
+ (minDurationPromise || $q.when()).then(function () {
+ var index = tracked.indexOf(deferred);
+ tracked.splice(index, 1);
+ //If this is the last promise, cleanup the timeouts for activationDelay
+ if (tracked.length === 0) {
+ activationDelayPromise = cancelTimeout(activationDelayPromise);
+ }
+ });
+ };
+ }
+ };
+ self.addPromise = function (promise) {
+
+// we cannot assign then function in other var and then add the resolve and reject
+ var thenFxn = promise && (promise.then || promise.$then || (promise.$promise && promise.$promise.then));
+ if (!thenFxn) {
+ throw new Error("progressTracker expects a promise object :: Not found");
+ }
+ var deferred = self.createPromise();
+ //When given promise is done, resolve our created promise
+ //Allow $then for angular-resource objects
+
+ promise.then(function (value) {
+ deferred.resolve(value);
+ return value;
+ }, function (value) {
+ deferred.reject(value);
+ return $q.reject(value);
+ }
+ );
+ return deferred;
+ };
+ };
+ }];
+})
+
+.config(['$httpProvider', function ($httpProvider) {
+ $httpProvider.interceptors.push(['$q', 'progressTracker', function ($q) {
+ return {
+ request: function (config) {
+ if (config.tracker) {
+ if (!angular.isArray(config.tracker)) {
+ config.tracker = [config.tracker];
+ }
+ config.$promiseTrackerDeferred = config.$promiseTrackerDeferred || [];
+
+ angular.forEach(config.tracker, function (tracker) {
+ var deferred = tracker.createPromise();
+ config.$promiseTrackerDeferred.push(deferred);
+ });
+ }
+ return $q.when(config);
+ },
+ response: function (response) {
+ if (response.config && response.config.$promiseTrackerDeferred) {
+ angular.forEach(response.config.$promiseTrackerDeferred, function (deferred) {
+ deferred.resolve(response);
+ });
+ }
+ return $q.when(response);
+ },
+ responseError: function (response) {
+ if (response.config && response.config.$promiseTrackerDeferred) {
+ angular.forEach(response.config.$promiseTrackerDeferred, function (deferred) {
+ deferred.reject(response);
+ });
+ }
+ return $q.reject(response);
+ }
+ };
+ }]);
+}])
+
+.directive('b2bClickSpin', ['$timeout', '$parse', '$rootScope', 'progressTracker', function ($timeout, $parse, $rootScope, progressTracker) {
+ return {
+ restrict: 'A',
+ link: function (scope, elm, attrs) {
+ var fn = $parse(attrs.b2bClickSpin);
+ elm.on('click', function (event) {
+ var promise = $timeout(function () {console.log("inside Promise")}, 5000);
+ scope.$apply(function () {
+ fn(scope, {
+ $event: event
+ });
+ });
+ //comment this line if not running unit test
+ $rootScope.loadingTracker = progressTracker({
+ minDuration: 750
+ });
+ $rootScope.loadingTracker.addPromise(promise);
+ angular.forEach("$routeChangeSuccess $viewContentLoaded $locationChangeSuccess".split(" "), function (event) {
+ $rootScope.$on(event, function () {
+
+ $timeout.cancel(promise);
+ });
+ });
+ });
+ }
+ };
+}])
+
+.directive('b2bProgressTracker', ['progressTrackerConfig', function (ptc) {
+ return {
+ restrict: 'EA',
+ replace: true,
+ template: '<div><div ng-show="loadingTracker.active()" style="width:100%; text-align:center"><i class=\"icon-primary-spinner\"></i></div><div ng-show="loadingTracker.active()" style="width:100%;margin-top:10px; text-align:center">'+ ptc.loadingText+'</div></div>'
+ };
+}])
+
+.directive('b2bLoadButton', ['b2bSpinnerConfig', '$timeout', function (spinnerConfig, $timeout) {
+ var spinButton = function (state, element, data) {
+
+ var attr = element.html() ? 'html' : 'val';
+ state = state + 'Text';
+ if (state === 'loadingText') {
+ element[attr](data[state]);
+ element.attr("disabled",'disabled');
+ element.addClass('disabled');
+ } else if (state === 'resetText') {
+ element[attr](data[state]);
+ element.removeAttr("disabled");
+ element.removeClass('disabled');
+ }
+ };
+
+ return {
+ restrict: 'A',
+ replace: false,
+ scope: {
+ promise: '=promise',
+ startEvent: '@startEvent',
+ stopEvent: '@stopEvent'
+ },
+ link: function (scope, element, attr) {
+ var validAttr = element.html() ? 'html' : 'val';
+ var data = {
+ loadingText: '',
+ resetText: ''
+ };
+
+ var updateLoadingText = function (val) {
+ var loadingText = val;
+ if (!angular.isDefined(loadingText) || loadingText === "") {
+ loadingText = spinnerConfig.loadingText;
+ }
+ data.loadingText = validAttr === 'html' ? "<i class=\"icon-primary-spinner small\"></i>" + loadingText : loadingText;
+ };
+ var updateResetText = function (val) {
+ data.resetText = val;
+ };
+
+ attr.$observe('b2bLoadButton', function (val) {
+ updateLoadingText(val);
+ });
+ $timeout(function () {
+ updateResetText(element[validAttr]());
+ }, 500);
+
+ if (!angular.isDefined(scope.startEvent) || scope.startEvent === "") {
+ scope.startEvent = spinnerConfig.startEvent;
+ }
+
+ if (!angular.isDefined(scope.stopEvent) || scope.stopEvent === "") {
+ scope.stopEvent = spinnerConfig.stopEvent;
+ }
+
+ scope.$watch('promise', function () {
+ if (angular.isDefined(scope.promise) && angular.isFunction(scope.promise.then)) {
+ spinButton('loading', element, data);
+ scope.promise.then(function () {
+ spinButton('reset', element, data);
+ }, function () {
+ spinButton('reset', element, data);
+ });
+ }
+ });
+
+ scope.$on(scope.startEvent, function () {
+ spinButton('loading', element, data);
+ scope.$on(scope.stopEvent, function () {
+ spinButton('reset', element, data);
+ });
+ });
+ }
+ };
+}])
+
+
+;
+ /**
+ * @ngdoc directive
+ * @name Misc.att:messageWrapper
+ * @scope
+ * @param {boolean} trigger - A boolean that triggers directive to switch focus
+ * @param {integer} delay - Extra delay added to trigger code to allow for DOM to be ready. Default is 10ms.
+ * @param {string} noFocus - Attribute-based API to trigger whether first focusable element receives focus on trigger or whole message (assumes tabindex="-1" set on first child)
+ * @param {string} trapFocus - Attribute-based API to trap focus within the message. This should be enabled by default on all toast messages.
+ * @description
+ * <file src="src/messageWrapper/docs/readme.md" />
+ * @usage
+ * <b2b-message-wrapper>Code that contains at least one focusable element and will be shown/hidden on some logic. This must have tabindex="-1".</b2b-message-wrapper>
+ *
+ * @example
+ * <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/messageWrapper/docs/demo.html" />
+ <file src="src/messageWrapper/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.messageWrapper', ['b2b.att.utilities'])
+.directive('b2bMessageWrapper', ['b2bDOMHelper', '$compile', '$timeout', '$log', function(b2bDOMHelper, $compile, $timeout, $log) {
+ return {
+ restrict: 'AE',
+ scope: {
+ trigger: '=',
+ delay: '=?'
+ },
+ transclude: true,
+ replace: true,
+ template: '<div ng-transclude></div>',
+ link: function(scope, elem, attrs) {
+ scope.delay = scope.delay || 10;
+
+ if (attrs.trapFocus != undefined && !elem.children().eq(0).attr('b2b-trap-focus-inside-element')) {
+ // Append b2bTrapFocusInsideElement onto first child and recompile
+ elem.children().eq(0).attr('b2b-trap-focus-inside-element', 'false');
+ elem.children().eq(0).attr('trigger', scope.trigger);
+ $compile(elem.contents())(scope);
+ }
+
+ var firstElement = undefined,
+ launchingElement = undefined;
+
+ scope.$watch('trigger', function(oldVal, newVal) {
+ if (oldVal === newVal) return;
+ if (!angular.isDefined(launchingElement)) {
+ launchingElement = document.activeElement;
+ }
+ $timeout(function() {
+ if (scope.trigger) {
+
+ if (attrs.noFocus === true || attrs.noFocus === "") {
+ elem.children()[0].focus();
+ } else {
+ firstElement = b2bDOMHelper.firstTabableElement(elem);
+
+ if (angular.isDefined(firstElement)) {
+ firstElement.focus();
+ }
+ }
+
+ } else {
+ if (angular.isDefined(launchingElement) && launchingElement.nodeName !== 'BODY') {
+ if (launchingElement === document.activeElement) {
+ return;
+ }
+
+ if (b2bDOMHelper.isInDOM(launchingElement) && b2bDOMHelper.isTabable(launchingElement)) {
+ // At this point, launchingElement is still a valid element, but focus will fail and
+ // activeElement will become body, hence we want to apply custom logic and find previousElement
+ var prevLaunchingElement = launchingElement;
+ launchingElement.focus();
+
+ if (document.activeElement !== launchingElement || document.activeElement.nodeName === 'BODY') {
+ launchingElement = b2bDOMHelper.previousElement(angular.element(prevLaunchingElement), true);
+ launchingElement.focus();
+ }
+ } else {
+ launchingElement = b2bDOMHelper.previousElement(launchingElement, true);
+ launchingElement.focus();
+ }
+ }
+ }
+ }, scope.delay);
+ });
+ }
+ };
+}]);
+/**
+ * @ngdoc directive
+ * @name Messages, modals & alerts.att:modalsAndAlerts
+ *
+ * @description
+ * <file src="src/modalsAndAlerts/docs/readme.md" />
+ *
+ * @usage
+ * <button class="btn" b2b-modal="b2bTemplate/modalsAndAlerts/demo_modal.html" modal-ok="ok()" modal-cancel="cancel()">Launch demo modal</button>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/modalsAndAlerts/docs/demo.html" />
+ <file src="src/modalsAndAlerts/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.modalsAndAlerts', ['b2b.att.position', 'b2b.att.transition', 'b2b.att.utilities'])
+
+/**
+ * A helper, internal data structure that acts as a map but also allows getting / removing
+ * elements in the LIFO order
+ */
+.factory('$$stackedMap', function () {
+ return {
+ createNew: function () {
+ var stack = [];
+
+ return {
+ add: function (key, value) {
+ stack.push({
+ key: key,
+ value: value
+ });
+ },
+ get: function (key) {
+ for (var i = 0; i < stack.length; i++) {
+ if (key === stack[i].key) {
+ return stack[i];
+ }
+ }
+ },
+ keys: function () {
+ var keys = [];
+ for (var i = 0; i < stack.length; i++) {
+ keys.push(stack[i].key);
+ }
+ return keys;
+ },
+ top: function () {
+ return stack[stack.length - 1];
+ },
+ remove: function (key) {
+ var idx = -1;
+ for (var i = 0; i < stack.length; i++) {
+ if (key === stack[i].key) {
+ idx = i;
+ break;
+ }
+ }
+ return stack.splice(idx, 1)[0];
+ },
+ removeTop: function () {
+ return stack.splice(stack.length - 1, 1)[0];
+ },
+ length: function () {
+ return stack.length;
+ }
+ };
+ }
+ };
+}).factory('trapFocusInElement', ['$document', '$isElement', 'DOMHelper', 'keymap', function ($document, $isElement, DOMHelper, keymap) {
+ var elementStack = [];
+ var stackHead = undefined;
+ var firstTabableElement, lastTabableElement;
+
+ var trapKeyboardFocusInFirstElement = function (e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+
+ if (e.shiftKey === true && e.keyCode === keymap.KEY.TAB) {
+ lastTabableElement[0].focus();
+ e.preventDefault(e);
+ e.stopPropagation(e);
+ }
+
+ };
+
+ var trapKeyboardFocusInLastElement = function (e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+
+ if (e.shiftKey === false && e.keyCode === keymap.KEY.TAB) {
+ firstTabableElement[0].focus();
+ e.preventDefault(e);
+ e.stopPropagation(e);
+ }
+ };
+
+ var trapFocusInElement = function (flag, firstTabableElementParam, lastTabableElementParam) {
+ var bodyElements = $document.find('body').children();
+
+ firstTabableElement = firstTabableElementParam ? firstTabableElementParam : angular.element(DOMHelper.firstTabableElement(stackHead));
+ lastTabableElement = lastTabableElementParam ? lastTabableElementParam : angular.element(DOMHelper.lastTabableElement(stackHead));
+
+ if (flag) {
+ for (var i = 0; i < bodyElements.length; i++) {
+ if (bodyElements[i] !== stackHead[0]) {
+ bodyElements.eq(i).attr('aria-hidden', true);
+ }
+ }
+ firstTabableElement.bind('keydown', trapKeyboardFocusInFirstElement);
+ lastTabableElement.bind('keydown', trapKeyboardFocusInLastElement);
+ } else {
+ for (var j = 0; j < bodyElements.length; j++) {
+ if (bodyElements[j] !== stackHead[0]) {
+ bodyElements.eq(j).removeAttr('aria-hidden');
+ }
+ }
+ firstTabableElement.unbind('keydown', trapKeyboardFocusInFirstElement);
+ lastTabableElement.unbind('keydown', trapKeyboardFocusInLastElement);
+ }
+ };
+ var toggleTrapFocusInElement = function (flag, element) {
+ if (angular.isDefined(flag) && angular.isDefined(element)) {
+ if (angular.isUndefined(stackHead)) {
+ stackHead = element;
+ trapFocusInElement(flag);
+ } else {
+ if (flag) {
+ trapFocusInElement(false);
+ elementStack.push(stackHead);
+ stackHead = element;
+ trapFocusInElement(true);
+ } else {
+ if (stackHead.prop('$$hashKey') === element.prop('$$hashKey')) {
+ trapFocusInElement(false);
+ stackHead = elementStack.pop();
+ if (angular.isDefined(stackHead)) {
+ trapFocusInElement(true);
+ }
+ }
+ }
+ }
+ }else {
+ if (angular.isDefined(stackHead)) {
+ trapFocusInElement(false, firstTabableElement, lastTabableElement);
+ trapFocusInElement(true);
+ }
+ }
+ };
+
+ return toggleTrapFocusInElement;
+}])
+
+/**
+ * A helper directive for the $modal service. It creates a backdrop element.
+ */
+.directive('b2bModalBackdrop', ['$modalStack', '$timeout', function ($modalStack, $timeout) {
+ return {
+ restrict: 'EA',
+ replace: true,
+ templateUrl: 'b2bTemplate/modalsAndAlerts/b2b-backdrop.html',
+ link: function (scope, element, attrs) {
+ scope.close = function (evt) {
+ var modal = $modalStack.getTop();
+ if (modal && modal.value.backdrop && modal.value.backdrop !== 'static') {
+ evt.preventDefault();
+ evt.stopPropagation();
+ $modalStack.dismiss(modal.key, 'backdrop click');
+ }
+ };
+ }
+ };
+}])
+
+.directive('b2bModalWindow', ['$timeout', 'windowOrientation', '$window', function ($timeout, windowOrientation, $window) {
+ return {
+ restrict: 'EA',
+ scope: {
+ index: '@'
+ },
+ replace: true,
+ transclude: true,
+ templateUrl: 'b2bTemplate/modalsAndAlerts/b2b-window.html',
+ controller: ['$scope', '$element', '$attrs', function (scope, element, attrs) {
+ scope.windowClass = attrs.windowClass || '';
+ scope.sizeClass = attrs.sizeClass || '';
+ scope.isNotifDialog = false;
+
+ this.setTitle = function (title) {
+ scope.title = title;
+ };
+ this.setContent = function (content) {
+ scope.content = content;
+ scope.isNotifDialog = true;
+ };
+ this.isDockedModal = scope.windowClass.indexOf('modal-docked') > -1;
+ }],
+ link: function (scope, element, attrs, ctrl) {
+ if (ctrl.isDockedModal) {
+ scope.isModalLandscape = false;
+
+ var window = angular.element($window);
+ scope.updateCss = function () {
+ if (windowOrientation.isPotrait()) { // Potrait Mode
+ scope.isModalLandscape = false;
+ } else if (windowOrientation.isLandscape()) { // Landscape Mode
+ scope.isModalLandscape = true;
+ }
+ };
+
+ $timeout(function () {
+ scope.updateCss();
+ scope.$apply();
+ }, 100);
+ window.bind('orientationchange', function () {
+ scope.updateCss();
+ scope.$apply();
+ });
+ window.bind('resize', function () {
+ scope.updateCss();
+ scope.$apply();
+ });
+ }else {
+ angular.element(element[0].querySelectorAll(".awd-select-list")).css({
+ "max-height": "200px"
+ });
+ }
+
+ var isIE = /msie|trident/i.test(navigator.userAgent);
+ if (isIE) {
+ if(angular.element(element[0].querySelector('.corner-button button.close')).length > 0){
+ angular.element(element[0].querySelector('.corner-button button.close')).bind('focus', function () {
+ angular.element(element[0].querySelector('.b2b-modal-header'))[0].scrollLeft = 0;
+ angular.element(element[0].querySelector('.b2b-modal-header'))[0].scrollTop = 0;
+ });
+ }
+ }
+
+ }
+ };
+}])
+
+.directive('b2bModalTitle', [function () {
+ return {
+ restrict: 'A',
+ require: '^b2bModalWindow',
+ link: function (scope, elem, attr, ctrl) {
+ ctrl.setTitle(attr.id);
+ }
+ };
+}])
+
+.directive('b2bModalContent', [function () {
+ return {
+ restrict: 'A',
+ require: '^b2bModalWindow',
+ link: function (scope, elem, attr, ctrl) {
+ ctrl.setContent(attr.id);
+ }
+ };
+}])
+
+
+.directive('b2bModalBody', ['$timeout', '$position', '$document', '$window', 'windowOrientation', 'b2bAwdBreakpoints', function ($timeout, $position, $document, $window, windowOrientation, b2bAwdBreakpoints) {
+ return {
+ restrict: 'AC',
+ scope: {
+ index: '@'
+ },
+ require: '^b2bModalWindow',
+ link: function (scope, element, attrs, ctrl) {
+ var window = angular.element($window);
+ var body = $document.find('body').eq(0);
+ scope.setModalHeight = function () {
+ var modalHeaderHeight, modalFooterHeight, modalBodyHeight, windowHeight, windowWidth, modalHeight;
+ modalHeaderHeight = 0;
+ modalFooterHeight = 0;
+ windowHeight = $window.innerHeight;
+ windowWidth = $window.innerWidth;
+ body.css({
+ 'height': windowHeight + 'px'
+ });
+
+ if (ctrl.isDockedModal) {
+ var modalElements = element.parent().children();
+ for (var i = 0; i < modalElements.length; i++) {
+ if (modalElements.eq(i).hasClass('b2b-modal-header')) {
+ modalHeaderHeight = $position.position(modalElements.eq(i)).height;
+ } else if (modalElements.eq(i).hasClass('b2b-modal-footer')) {
+ modalFooterHeight = $position.position(modalElements.eq(i)).height;
+ }
+ }
+
+ modalHeight = $position.position(element.parent()).height;
+
+ modalBodyHeight = modalHeight - (modalHeaderHeight + modalFooterHeight) + 'px';
+
+ if (windowOrientation.isPotrait()) { // Potrait Mode
+ element.removeAttr('style').css({
+ height: modalBodyHeight
+ });
+ } else if (windowOrientation.isLandscape() && windowWidth < b2bAwdBreakpoints.breakpoints.mobile.max) { // Landscape Mode Mobile
+ element.removeAttr('style');
+ } else if (windowOrientation.isLandscape() && windowWidth >= b2bAwdBreakpoints.breakpoints.mobile.max) { // Landscape Mode Non-Mobile
+ element.removeAttr('style').css({
+ height: modalBodyHeight
+ });
+ }
+ }
+ };
+
+ $timeout(function () {
+ scope.setModalHeight();
+ scope.$apply();
+ }, 100);
+ window.bind('orientationchange', function () {
+ scope.setModalHeight();
+ scope.$apply();
+ });
+ window.bind('resize', function () {
+ scope.setModalHeight();
+ scope.$apply();
+ });
+ }
+ };
+}])
+
+.directive('b2bModalFooter', ['windowOrientation', '$window', function (windowOrientation, $window) {
+ return {
+ restrict: 'AC',
+ scope: {
+ index: '@'
+ },
+ link: function (scope, element, attrs) {
+
+ }
+ };
+}])
+
+.factory('$modalStack', ['$document', '$compile', '$rootScope', '$$stackedMap', '$log', '$timeout', 'trapFocusInElement', function ($document, $compile, $rootScope, $$stackedMap, $log, $timeout, trapFocusInElement) {
+ var backdropjqLiteEl, backdropDomEl;
+ var backdropScope = $rootScope.$new(true);
+ var body = $document.find('body').eq(0);
+ var html = $document.find('html').eq(0);
+ var openedWindows = $$stackedMap.createNew();
+ var $modalStack = {};
+
+ function backdropIndex() {
+ var topBackdropIndex = -1;
+ var opened = openedWindows.keys();
+ for (var i = 0; i < opened.length; i++) {
+ if (openedWindows.get(opened[i]).value.backdrop) {
+ topBackdropIndex = i;
+ }
+ }
+ return topBackdropIndex;
+ }
+
+ $rootScope.$watch(backdropIndex, function (newBackdropIndex) {
+ backdropScope.index = newBackdropIndex;
+ });
+
+ function removeModalWindow(modalInstance) {
+ //background scroll fix
+ html.removeAttr('style');
+ body.removeAttr('style');
+ body.removeClass('styled-by-modal');
+
+ var modalWindow = openedWindows.get(modalInstance).value;
+ trapFocusInElement(false, modalWindow.modalDomEl);
+
+ //clean up the stack
+ openedWindows.remove(modalInstance);
+
+ //remove window DOM element
+ modalWindow.modalDomEl.remove();
+
+ //remove backdrop if no longer needed
+ if (backdropDomEl && backdropIndex() === -1) {
+ backdropDomEl.remove();
+ backdropDomEl = undefined;
+ }
+
+ //destroy scope
+ modalWindow.modalScope.$destroy();
+ }
+
+ $document.bind('keydown', function (evt) {
+ var modal;
+
+ if (evt.which === 27) {
+ modal = openedWindows.top();
+ if (modal && modal.value.keyboard) {
+ $rootScope.$apply(function () {
+ $modalStack.dismiss(modal.key);
+ });
+ }
+ }
+ });
+
+ $modalStack.open = function (modalInstance, modal) {
+
+ openedWindows.add(modalInstance, {
+ deferred: modal.deferred,
+ modalScope: modal.scope,
+ backdrop: modal.backdrop,
+ keyboard: modal.keyboard
+ });
+
+ var angularDomEl = angular.element('<div b2b-modal-window></div>');
+ angularDomEl.attr('window-class', modal.windowClass);
+ angularDomEl.attr('size-class', modal.sizeClass);
+ angularDomEl.attr('index', openedWindows.length() - 1);
+ angularDomEl.html(modal.content);
+
+ var modalDomEl = $compile(angularDomEl)(modal.scope);
+ openedWindows.top().value.modalDomEl = modalDomEl;
+ //background page scroll fix
+ html.css({
+ 'overflow-y': 'hidden'
+ });
+ body.css({
+ 'overflow-y': 'hidden',
+ 'width': '100%',
+ 'height': window.innerHeight + 'px'
+ });
+ body.addClass('styled-by-modal');
+ body.append(modalDomEl);
+
+ if (backdropIndex() >= 0 && !backdropDomEl) {
+ backdropjqLiteEl = angular.element('<div b2b-modal-backdrop></div>');
+ backdropDomEl = $compile(backdropjqLiteEl)(backdropScope);
+ body.append(backdropDomEl);
+ }
+
+ $timeout(function () {
+
+ if (modal.scope.$$childHead.isNotifDialog) {
+ angular.element(modalDomEl).find('button')[0].focus();
+ } else {
+ angular.element(modalDomEl)[0].focus();
+ }
+ trapFocusInElement(true, angular.element(modalDomEl).eq(0));
+ }, 200);
+ };
+
+ $modalStack.close = function (modalInstance, result) {
+ var modal = openedWindows.get(modalInstance);
+ if (modal) {
+ modal.value.deferred.resolve(result);
+ removeModalWindow(modalInstance);
+ }
+ };
+
+ $modalStack.dismiss = function (modalInstance, reason) {
+ var modalWindow = openedWindows.get(modalInstance).value;
+ if (modalWindow) {
+ modalWindow.deferred.reject(reason);
+ removeModalWindow(modalInstance);
+ }
+ };
+
+ $modalStack.getTop = function () {
+ return openedWindows.top();
+ };
+
+ return $modalStack;
+}])
+
+.provider('$modal', function () {
+ var $modalProvider = {
+ options: {
+ backdrop: true, //can be also false or 'static'
+ keyboard: true
+ },
+ $get: ['$injector', '$rootScope', '$q', '$http', '$templateCache', '$controller', '$modalStack', function ($injector, $rootScope, $q, $http, $templateCache, $controller, $modalStack) {
+ var $modal = {};
+
+ function getTemplatePromise(options) {
+ return options.template ? $q.when(options.template) :
+ $http.get(options.templateUrl, {
+ cache: $templateCache
+ }).then(function (result) {
+ return result.data;
+ });
+ }
+
+ function getResolvePromises(resolves) {
+ var promisesArr = [];
+ angular.forEach(resolves, function (value, key) {
+ if (angular.isFunction(value) || angular.isArray(value)) {
+ promisesArr.push($q.when($injector.invoke(value)));
+ }
+ });
+ return promisesArr;
+ }
+
+ $modal.open = function (modalOptions) {
+
+ var modalResultDeferred = $q.defer();
+ var modalOpenedDeferred = $q.defer();
+ //prepare an instance of a modal to be injected into controllers and returned to a caller
+ var modalInstance = {
+ result: modalResultDeferred.promise,
+ opened: modalOpenedDeferred.promise,
+ close: function (result) {
+ $modalStack.close(modalInstance, result);
+ },
+ dismiss: function (reason) {
+ $modalStack.dismiss(modalInstance, reason);
+ }
+ };
+
+ //merge and clean up options
+ modalOptions = angular.extend({}, $modalProvider.options, modalOptions);
+ modalOptions.resolve = modalOptions.resolve || {};
+
+ //verify options
+ if (!modalOptions.template && !modalOptions.templateUrl) {
+ throw new Error('One of template or templateUrl options is required.');
+ }
+
+ var templateAndResolvePromise =
+ $q.all([getTemplatePromise(modalOptions)].concat(getResolvePromises(modalOptions.resolve)));
+
+
+ templateAndResolvePromise.then(function resolveSuccess(tplAndVars) {
+
+ var modalScope = (modalOptions.scope || $rootScope).$new();
+ modalScope.$close = modalInstance.close;
+ modalScope.$dismiss = modalInstance.dismiss;
+
+ var ctrlInstance, ctrlLocals = {};
+ var resolveIter = 1;
+
+ //controllers
+ if (modalOptions.controller) {
+ ctrlLocals.$scope = modalScope;
+ ctrlLocals.$modalInstance = modalInstance;
+ angular.forEach(modalOptions.resolve, function (value, key) {
+ ctrlLocals[key] = tplAndVars[resolveIter++];
+ });
+
+ ctrlInstance = $controller(modalOptions.controller, ctrlLocals);
+ }
+
+ $modalStack.open(modalInstance, {
+ scope: modalScope,
+ deferred: modalResultDeferred,
+ content: tplAndVars[0],
+ backdrop: modalOptions.backdrop,
+ keyboard: modalOptions.keyboard,
+ windowClass: modalOptions.windowClass,
+ sizeClass: modalOptions.sizeClass
+ });
+
+ }, function resolveError(reason) {
+ modalResultDeferred.reject(reason);
+ });
+
+ templateAndResolvePromise.then(function () {
+ modalOpenedDeferred.resolve(true);
+ }, function () {
+ modalOpenedDeferred.reject(false);
+ });
+
+ return modalInstance;
+ };
+
+ return $modal;
+ }]
+ };
+
+ return $modalProvider;
+})
+
+.directive("b2bModal", ["$modal", "$log", '$scrollTo', function ($modal, $log, $scrollTo) {
+ return {
+ restrict: 'A',
+ scope: {
+ b2bModal: '@',
+ modalController: '@',
+ modalOk: '&',
+ modalCancel: '&',
+ windowClass: '@',
+ sizeClass: '@'
+ },
+ link: function (scope, elm, attr) {
+ elm.bind('click', function (ev) {
+ var currentPosition = ev.pageY - ev.clientY;
+ ev.preventDefault();
+ if (angular.isDefined(elm.attr("href")) && elm.attr("href") !== "") {
+ scope.b2bModal = elm.attr("href");
+ }
+ $modal.open({
+ templateUrl: scope.b2bModal,
+ controller: scope.modalController,
+ windowClass: scope.windowClass,
+ sizeClass: scope.sizeClass
+ }).result.then(function (value) {
+ scope.modalOk({
+ value: value
+ });
+ elm[0].focus();
+ }, function (value) {
+ scope.modalCancel({
+ value: value
+ });
+ elm[0].focus();
+ });
+ });
+ }
+ };
+}])
+
+.directive("utilityFilter", ["$modal", "$log", '$scrollTo', function ($modal, $log, $scrollTo) {
+ return {
+ restrict: 'EA',
+ scope: {
+ utilityFilter: '@'
+ },
+ require: 'ngModel',
+ templateUrl: 'b2bTemplate/modal/u-filter.html',
+ link: function (scope, element, attribute, ctrl) {
+ //controller to be passed to $modal service
+ scope.options = angular.copy(scope.$parent.$eval(attribute.ngModel));
+ scope.$parent.$watch(attribute.ngModel, function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ scope.options = newVal;
+ }
+ });
+ var modalCtrl = function ($scope, options) {
+ $scope.options = angular.copy(options);
+ };
+
+ if (angular.isDefined(scope.utilityFilter)) {
+ scope.templateUrl = scope.utilityFilter;
+ } else {
+ scope.templateUrl = 'b2bTemplate/modal/u-filter-window.html';
+ }
+ element.bind('click', function (ev) {
+ var currentPosition = ev.pageY - ev.clientY;
+ $modal.open({
+ templateUrl: scope.templateUrl,
+ controller: modalCtrl,
+ resolve: {
+ options: function () {
+ return scope.options;
+ }
+ }
+ }).result.then(function (value) {
+ ctrl.$setViewValue(value);
+ element[0].focus();
+ $scrollTo(0, currentPosition, 0);
+ }, function () {
+ element[0].focus();
+ $scrollTo(0, currentPosition, 0);
+ });
+ });
+ }
+ };
+}]);
+/**
+ * @ngdoc directive
+ * @name Forms.att:monthSelector
+ *
+ * @description
+ * <file src="src/monthSelector/docs/readme.md" />
+ *
+ * @usage
+ * <div b2b-monthpicker ng-model="dt" min="minDate" max="maxDate" mode="monthpicker"></div>
+
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/monthSelector/docs/demo.html" />
+ <file src="src/monthSelector/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.monthSelector', ['b2b.att.position', 'b2b.att.utilities'])
+
+.constant('b2bMonthpickerConfig', {
+ dateFormat: 'MM/dd/yyyy',
+ dayFormat: 'd',
+ monthFormat: 'MMMM',
+ yearFormat: 'yyyy',
+ dayHeaderFormat: 'EEEE',
+ dayTitleFormat: 'MMMM yyyy',
+ disableWeekend: false,
+ disableSunday: false,
+ disableDates: null,
+ onSelectClose: null,
+ startingDay: 0,
+ minDate: null,
+ maxDate: null,
+ dueDate: null,
+ fromDate: null,
+ legendIcon: null,
+ legendMessage: null,
+ calendarDisabled: false,
+ collapseWait: 0,
+ orientation: 'left',
+ inline: false,
+ mode:0,
+ helperText: 'The date you selected is $date. Double tap to open calendar. Select a date to close the calendar.',
+ descriptionText: 'Use tab to navigate between previous button, next button and month. Use arrow keys to navigate between months. Use space or enter to select a month.',
+ MonthpickerEvalAttributes: ['dateFormat', 'dayFormat', 'monthFormat', 'yearFormat', 'dayHeaderFormat', 'dayTitleFormat', 'disableWeekend', 'disableSunday', 'startingDay', 'collapseWait', 'orientation','mode','id'],
+ MonthpickerWatchAttributes: ['min', 'max', 'due', 'from', 'legendIcon', 'legendMessage', 'ngDisabled'],
+ MonthpickerFunctionAttributes: ['disableDates', 'onSelectClose']
+})
+
+.factory('b2bMonthpickerService', ['b2bMonthpickerConfig', 'dateFilter', function (b2bMonthpickerConfig, dateFilter) {
+ var setAttributes = function (attr, elem) {
+ if (angular.isDefined(attr) && attr !== null && angular.isDefined(elem) && elem !== null) {
+ var attributes = b2bMonthpickerConfig.MonthpickerEvalAttributes.concat(b2bMonthpickerConfig.MonthpickerWatchAttributes, b2bMonthpickerConfig.MonthpickerFunctionAttributes);
+ for (var key in attr) {
+ var val = attr[key];
+ if (attributes.indexOf(key) !== -1 && angular.isDefined(val)) {
+ elem.attr(key.toSnakeCase(), key);
+ }
+ }
+ }
+ };
+
+ var bindScope = function (attr, scope) {
+ if (angular.isDefined(attr) && attr !== null && angular.isDefined(scope) && scope !== null) {
+ var evalFunction = function (key, val) {
+ scope[key] = scope.$parent.$eval(val);
+ };
+
+ var watchFunction = function (key, val) {
+ scope.$parent.$watch(val, function (value) {
+ scope[key] = value;
+ });
+ scope.$watch(key, function (value) {
+ scope.$parent[val] = value;
+ });
+ };
+
+ var evalAttributes = b2bMonthpickerConfig.MonthpickerEvalAttributes;
+ var watchAttributes = b2bMonthpickerConfig.MonthpickerWatchAttributes;
+ for (var key in attr) {
+ var val = attr[key];
+ if (evalAttributes.indexOf(key) !== -1 && angular.isDefined(val)) {
+ evalFunction(key, val);
+ } else if (watchAttributes.indexOf(key) !== -1 && angular.isDefined(val)) {
+ watchFunction(key, val);
+ }
+ }
+ }
+ };
+
+ return {
+ setAttributes: setAttributes,
+ bindScope: bindScope
+ };
+}])
+
+.controller('b2bMonthpickerController', ['$scope', '$attrs', 'dateFilter', '$element', '$position', 'b2bMonthpickerConfig', function ($scope, $attrs, dateFilter, $element, $position, dtConfig) {
+ var format = {
+ date: getValue($attrs.dateFormat, dtConfig.dateFormat),
+ day: getValue($attrs.dayFormat, dtConfig.dayFormat),
+ month: getValue($attrs.monthFormat, dtConfig.monthFormat),
+ year: getValue($attrs.yearFormat, dtConfig.yearFormat),
+ dayHeader: getValue($attrs.dayHeaderFormat, dtConfig.dayHeaderFormat),
+ dayTitle: getValue($attrs.dayTitleFormat, dtConfig.dayTitleFormat),
+ disableWeekend: getValue($attrs.disableWeekend, dtConfig.disableWeekend),
+ disableSunday: getValue($attrs.disableSunday, dtConfig.disableSunday),
+ disableDates: getValue($attrs.disableDates, dtConfig.disableDates)
+ },
+ startingDay = getValue($attrs.startingDay, dtConfig.startingDay);
+
+ $scope.minDate = dtConfig.minDate ? $scope.resetTime(dtConfig.minDate) : null;
+ $scope.maxDate = dtConfig.maxDate ? $scope.resetTime(dtConfig.maxDate) : null;
+ $scope.dueDate = dtConfig.dueDate ? $scope.resetTime(dtConfig.dueDate) : null;
+ $scope.fromDate = dtConfig.fromDate ? $scope.resetTime(dtConfig.fromDate) : null;
+ $scope.legendIcon = dtConfig.legendIcon ? dtConfig.legendIcon : null;
+ $scope.legendMessage = dtConfig.legendMessage ? dtConfig.legendMessage : null;
+ $scope.ngDisabled = dtConfig.calendarDisabled ? dtConfig.calendarDisabled : null;
+ $scope.collapseWait = getValue($attrs.collapseWait, dtConfig.collapseWait);
+ $scope.orientation = getValue($attrs.orientation, dtConfig.orientation);
+ $scope.onSelectClose = getValue($attrs.onSelectClose, dtConfig.onSelectClose);
+ $scope.mode = getValue($attrs.mode, dtConfig.mode);
+
+ $scope.inline = $attrs.inline === 'true' ? true : dtConfig.inline;
+
+ function getValue(value, defaultValue) {
+ return angular.isDefined(value) ? $scope.$parent.$eval(value) : defaultValue;
+ }
+
+ function getDaysInMonth(year, month) {
+ return new Date(year, month, 0).getDate();
+ }
+
+ function getDates(startDate, n) {
+ var dates = new Array(n);
+ var current = startDate,
+ i = 0;
+ while (i < n) {
+ dates[i++] = new Date(current);
+ current.setDate(current.getDate() + 1);
+ }
+ return dates;
+ }
+
+ this.updatePosition = function (b2bMonthpickerPopupTemplate) {
+ $scope.position = $position.offset($element);
+ if($element.find('input').length > 0 ){
+ $scope.position.top += $element.find('input').prop('offsetHeight');
+ }else{
+ $scope.position.top += $element.find('a').prop('offsetHeight');
+ }
+
+ if ($scope.orientation === 'right') {
+ $scope.position.left -= (((b2bMonthpickerPopupTemplate && b2bMonthpickerPopupTemplate.prop('offsetWidth')) || 290) - $element.find('input').prop('offsetWidth'));
+ }
+ };
+
+ function isSelected(dt) {
+ if (dt && angular.isDate($scope.currentDate) && compare(dt, $scope.currentDate) === 0) {
+ return true;
+ }
+ return false;
+ }
+
+ function isFromDate(dt) {
+ if (dt && angular.isDate($scope.fromDate) && compare(dt, $scope.fromDate) === 0) {
+ return true;
+ }
+ return false;
+ }
+
+ function isDateRange(dt) {
+ if (dt && $scope.fromDate && angular.isDate($scope.currentDate) && (compare(dt, $scope.fromDate) >= 0) && (compare(dt, $scope.currentDate) <= 0)) {
+ return true;
+ } else if (dt && $scope.fromDate && compare(dt, $scope.fromDate) === 0) {
+ return true;
+ }
+ return false;
+ }
+
+ function isOld(date, currentMonthDate) {
+ if (date && currentMonthDate && (new Date(date.getFullYear(), date.getMonth(), 1, 0, 0, 0).getTime() < new Date(currentMonthDate.getFullYear(), currentMonthDate.getMonth(), 1, 0, 0, 0).getTime())) {
+ return true;
+ } else {
+ return false;
+ }
+ }
+
+ function isNew(date, currentMonthDate) {
+ if (date && currentMonthDate && (new Date(date.getFullYear(), date.getMonth(), 1, 0, 0, 0).getTime() > new Date(currentMonthDate.getFullYear(), currentMonthDate.getMonth(), 1, 0, 0, 0).getTime())) {
+ return true;
+ } else {
+ return false;
+ }
+ }
+
+ function isPastDue(dt) {
+ if ($scope.dueDate) {
+ return (dt > $scope.dueDate);
+ }
+ return false;
+ }
+
+ function isDueDate(dt) {
+ if ($scope.dueDate) {
+ return (dt.getTime() === $scope.dueDate.getTime());
+ }
+ return false;
+ }
+
+ var isDisabled = function (date, currentMonthDate) {
+ if ($attrs.from && !angular.isDate($scope.fromDate)) {
+ return true;
+ }
+ if (format.disableWeekend === true && (dateFilter(date, format.dayHeader) === "Saturday" || dateFilter(date, format.dayHeader) === "Sunday")) {
+ return true;
+ }
+ if (format.disableSunday === true && (dateFilter(date, format.dayHeader) === "Sunday")) {
+ return true;
+ }
+ if (isOld(date, currentMonthDate) || isNew(date, currentMonthDate)) {
+ return true;
+ }
+ return (($scope.minDate && compare(date, $scope.minDate) < 0) || ($scope.maxDate && compare(date, $scope.maxDate) > 0) || (format.disableDates && format.disableDates({
+ date: date
+ })));
+ };
+
+ var isDisabledMonth = function (date, currentMonthDate) {
+ if ($attrs.from && !angular.isDate($scope.fromDate)) {
+ return true;
+ }
+ if (format.disableWeekend === true && (dateFilter(date, format.dayHeader) === "Saturday" || dateFilter(date, format.dayHeader) === "Sunday")) {
+ return true;
+ }
+ if (format.disableSunday === true && (dateFilter(date, format.dayHeader) === "Sunday")) {
+ return true;
+ }
+ return (($scope.minDate && compare(date, $scope.minDate) < 0) || ($scope.maxDate && compare(date, $scope.maxDate) > 0) || (format.disableDates && format.disableDates({
+ date: date
+ })));
+ };
+
+ var compare = function (date1, date2) {
+ return (new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()) - new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));
+ };
+
+ function isMinDateAvailable(startDate, endDate) {
+ if (($scope.minDate && $scope.minDate.getTime() >= startDate.getTime()) && ($scope.minDate.getTime() <= endDate.getTime())) {
+ $scope.disablePrev = true;
+ $scope.visibilityPrev = "hidden";
+ } else {
+ $scope.disablePrev = false;
+ $scope.visibilityPrev = "visible";
+ }
+ }
+
+ function isMaxDateAvailable(startDate, endDate) {
+ if (($scope.maxDate && $scope.maxDate.getTime() >= startDate.getTime()) && ($scope.maxDate.getTime() <= endDate.getTime())) {
+ $scope.disableNext = true;
+ $scope.visibilityNext = "hidden";
+ } else {
+ $scope.disableNext = false;
+ $scope.visibilityNext = "visible";
+ }
+ }
+
+ function isYearInRange(currentYear) {
+
+ if ($scope.minDate && currentYear === $scope.minDate.getFullYear()) {
+ $scope.disablePrev = true;
+ $scope.visibilityPrev = "hidden";
+ } else {
+ $scope.disablePrev = false;
+ $scope.visibilityPrev = "visible";
+ }
+
+ if ($scope.maxDate && currentYear === $scope.maxDate.getFullYear()) {
+ $scope.disableNext = true;
+ $scope.visibilityNext = "hidden";
+ } else {
+ $scope.disableNext = false;
+ $scope.visibilityNext = "visible";
+ }
+
+ }
+
+ this.focusNextPrev = function(b2bMonthpickerPopupTemplate,init){
+ if(init){
+ if (!$scope.disablePrev){
+ b2bMonthpickerPopupTemplate[0].querySelector('th.prev').focus();
+ }else if (!$scope.disableNext){
+ b2bMonthpickerPopupTemplate[0].querySelector('th.next').focus();
+ }else{
+ b2bMonthpickerPopupTemplate[0].querySelector('th.b2b-monthSelector-label').focus();
+ }
+ }else{
+ if ($scope.disableNext || $scope.disablePrev){
+ b2bMonthpickerPopupTemplate[0].querySelector('th.b2b-monthSelector-label').focus();
+ }
+ }
+ };
+
+ function getLabel(label) {
+ if (label) {
+ var labelObj = {
+ pre: label.substr(0, 1).toUpperCase(),
+ post: label
+ };
+ return labelObj;
+ }
+ return;
+ }
+
+ function makeDate(date, dayFormat, dayHeaderFormat, isSelected, isFromDate, isDateRange, isOld, isNew, isDisabled, dueDate, pastDue) {
+ return {
+ date: date,
+ label: dateFilter(date, dayFormat),
+ header: dateFilter(date, dayHeaderFormat),
+ selected: !!isSelected,
+ fromDate: !!isFromDate,
+ dateRange: !!isDateRange,
+ oldMonth: !!isOld,
+ nextMonth: !!isNew,
+ disabled: !!isDisabled,
+ dueDate: !!dueDate,
+ pastDue: !!pastDue,
+ focusable: !((isDisabled && !(isSelected || isDateRange)) || (isOld || isNew))
+ };
+ }
+
+ this.modes = [
+ {
+ name: 'day',
+ getVisibleDates: function (date) {
+ var year = date.getFullYear(),
+ month = date.getMonth(),
+ firstDayOfMonth = new Date(year, month, 1),
+ lastDayOfMonth = new Date(year, month + 1, 0);
+ var difference = startingDay - firstDayOfMonth.getDay(),
+ numDisplayedFromPreviousMonth = (difference > 0) ? 7 - difference : -difference,
+ firstDate = new Date(firstDayOfMonth),
+ numDates = 0;
+
+ if (numDisplayedFromPreviousMonth > 0) {
+ firstDate.setDate(-numDisplayedFromPreviousMonth + 1);
+ numDates += numDisplayedFromPreviousMonth; // Previous
+ }
+ numDates += getDaysInMonth(year, month + 1); // Current
+ numDates += (7 - numDates % 7) % 7; // Next
+
+ var days = getDates(firstDate, numDates),
+ labels = new Array(7);
+ for (var i = 0; i < numDates; i++) {
+ var dt = new Date(days[i]);
+ days[i] = makeDate(dt,
+ format.day,
+ format.dayHeader,
+ isSelected(dt),
+ isFromDate(dt),
+ isDateRange(dt),
+ isOld(dt, date),
+ isNew(dt, date),
+ isDisabled(dt, date),
+ isDueDate(dt),
+ isPastDue(dt));
+ }
+ for (var j = 0; j < 7; j++) {
+ labels[j] = getLabel(dateFilter(days[j].date, format.dayHeader));
+ }
+ isMinDateAvailable(firstDayOfMonth, lastDayOfMonth);
+ isMaxDateAvailable(firstDayOfMonth, lastDayOfMonth);
+ return {
+ objects: days,
+ title: dateFilter(date, format.dayTitle),
+ labels: labels
+ };
+ },
+ split: 7,
+ step: {
+ months: 1
+ }
+ },
+ {
+ name: 'month',
+ getVisibleDates: function(date) {
+ var months = [],
+ labels = [],
+ year = date.getFullYear();
+ for (var i = 0; i < 12; i++) {
+ var dt = new Date(year,i,1);
+ months[i] = makeDate(dt,
+ format.month,
+ format.dayHeader,
+ isSelected(dt),
+ isFromDate(dt),
+ isDateRange(dt),
+ false,
+ false,
+ isDisabledMonth(dt, date),
+ isDueDate(dt),
+ isPastDue(dt));
+ }
+ isYearInRange(year);
+ return {objects: months, title: dateFilter(date, format.year), labels: labels};
+ },
+ split:4,
+ step: {years: 1}
+ }
+ ];
+}])
+
+.directive('b2bMonthpickerPopup', ['$parse', '$log', '$timeout', '$document', '$documentBind', '$isElement', '$templateCache', '$compile','$interval', 'trapFocusInElement', 'keymap', function ($parse, $log, $timeout, $document, $documentBind, $isElement, $templateCache, $compile, $interval,trapFocusInElement, keymap) {
+ return {
+ restrict: 'EA',
+ scope: {
+ trigger: '='
+ },
+ replace: true,
+ transclude: true,
+ templateUrl: function (elem, attr) {
+ if (attr.inline === 'true') {
+ return 'b2bTemplate/monthSelector/monthSelector-popup.html';
+ }else if (attr.link === 'true') {
+ return 'b2bTemplate/monthSelector/monthSelectorLink.html';
+ }else {
+ return 'b2bTemplate/monthSelector/monthSelector.html';
+ }
+ },
+ scope: {},
+ require: ['b2bMonthpickerPopup', 'ngModel', '?^b2bMonthpickerGroup'],
+ controller: 'b2bMonthpickerController',
+ link: function (scope, element, attrs, ctrls) {
+ var MonthpickerCtrl = ctrls[0],
+ ngModel = ctrls[1],
+ b2bMonthpickerGroupCtrl = ctrls[2];
+ var b2bMonthpickerPopupTemplate;
+
+ if (!ngModel) {
+ $log.error("ng-model is required.");
+ return; // do nothing if no ng-model
+ }
+
+ // Configuration parameters
+ var mode = scope.mode,
+ selected;
+ scope.isOpen = false;
+
+ scope.headers = [];
+ scope.footers = [];
+ scope.triggerInterval=undefined;
+
+
+ if (b2bMonthpickerGroupCtrl) {
+ b2bMonthpickerGroupCtrl.registerMonthpickerScope(scope);
+ }
+
+ element.bind('keydown', function (ev) {
+ if (!ev.keyCode) {
+ if (ev.which) {
+ ev.keyCode = ev.which;
+ } else if (ev.charCode) {
+ ev.keyCode = ev.charCode;
+ }
+ }
+ if(ev.keyCode === keymap.KEY.ESC)
+ {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ scope.$apply();
+ }
+ });
+
+ element.find('button').bind('click', function () {
+ onClicked();
+ });
+
+ element.find('a').bind('click', function () {
+ onClicked();
+ });
+
+
+ element.find('input').bind('click', function () {
+ onClicked();
+ });
+
+ var onClicked = function() {
+ if (!scope.ngDisabled) {
+ scope.isOpen = !scope.isOpen;
+ toggleCalendar(scope.isOpen);
+ MonthpickerCtrl.updatePosition(b2bMonthpickerPopupTemplate);
+ scope.$apply();
+ }
+ };
+
+ var toggleCalendar = function (flag) {
+ if (!scope.inline) {
+ if (flag) {
+ b2bMonthpickerPopupTemplate = angular.element($templateCache.get('b2bTemplate/monthSelector/monthSelector-popup.html'));
+ b2bMonthpickerPopupTemplate.attr('b2b-trap-focus-inside-element', 'false');
+ b2bMonthpickerPopupTemplate.attr('trigger', 'true');
+ b2bMonthpickerPopupTemplate = $compile(b2bMonthpickerPopupTemplate)(scope);
+ $document.find('body').append(b2bMonthpickerPopupTemplate);
+ b2bMonthpickerPopupTemplate.bind('keydown', escPress);
+ $timeout(function () {
+ scope.getFocus = true;
+ scope.trigger=0;
+ scope.$apply();
+ $timeout(function () {
+ scope.getFocus = false;
+ scope.$apply();
+ MonthpickerCtrl.focusNextPrev(b2bMonthpickerPopupTemplate,true);
+ }, 100);
+ });
+ scope.triggerInterval = $interval(function () {
+ //This value is updated to trigger init() function of directive on year change.
+ scope.trigger=(scope.trigger === 0 ? 1 : 0);
+ }, 200);
+
+ } else {
+ b2bMonthpickerPopupTemplate.unbind('keydown', escPress);
+ if(scope.triggerInterval)
+ {
+ $interval.cancel(scope.triggerInterval);
+ scope.triggerInterval=undefined;
+ }
+ b2bMonthpickerPopupTemplate.remove();
+ if(element.find('button').length > 0){
+ element.find('button')[0].focus();
+ }else{
+ element.find('a')[0].focus();
+ }
+
+ scope.getFocus = false;
+ }
+ }
+ };
+
+ var outsideClick = function (e) {
+ var isElement = $isElement(angular.element(e.target), element, $document);
+ var isb2bMonthpickerPopupTemplate = $isElement(angular.element(e.target), b2bMonthpickerPopupTemplate, $document);
+ if (!(isElement || isb2bMonthpickerPopupTemplate)) {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ scope.$apply();
+ }
+ };
+
+ var escPress = function (ev) {
+ if (!ev.keyCode) {
+ if (ev.which) {
+ ev.keyCode = ev.which;
+ } else if (ev.charCode) {
+ ev.keyCode = ev.charCode;
+ }
+ }
+ if (ev.keyCode) {
+ if (ev.keyCode === keymap.KEY.ESC) {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (ev.keyCode === 33) {
+ !scope.disablePrev && scope.move(-1);
+ $timeout(function () {
+ scope.getFocus = true;
+ scope.$apply();
+ $timeout(function () {
+ scope.getFocus = false;
+ scope.$apply();
+ }, 100);
+ });
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (ev.keyCode === 34) {
+ !scope.disableNext && scope.move(1);
+ $timeout(function () {
+ scope.getFocus = true;
+ scope.$apply();
+ $timeout(function () {
+ scope.getFocus = false;
+ scope.$apply();
+ }, 100);
+ });
+ ev.preventDefault();
+ ev.stopPropagation();
+ }
+ scope.$apply();
+ }
+ };
+
+ $documentBind.click('isOpen', outsideClick, scope);
+
+ scope.$on('$destroy', function () {
+ if (scope.isOpen) {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ }
+ });
+
+ scope.resetTime = function (date) {
+ if (typeof date === 'string') {
+ date = date + 'T12:00:00';
+ }
+ var dt;
+ if (!isNaN(new Date(date))) {
+ dt = new Date(date);
+ if(scope.mode === 1){
+ dt = new Date(dt.getFullYear(), dt.getMonth());
+ }else{
+ dt = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate());
+ }
+ } else {
+ return null;
+ }
+ return new Date(dt.getFullYear(), dt.getMonth(), dt.getDate());
+ };
+
+ if (attrs.min) {
+ scope.$parent.$watch($parse(attrs.min), function (value) {
+ scope.minDate = value ? scope.resetTime(value) : null;
+ refill();
+ });
+ }
+ if (attrs.max) {
+ scope.$parent.$watch($parse(attrs.max), function (value) {
+ scope.maxDate = value ? scope.resetTime(value) : null;
+ refill();
+ });
+ }
+ if (attrs.due) {
+ scope.$parent.$watch($parse(attrs.due), function (value) {
+ scope.dueDate = value ? scope.resetTime(value) : null;
+ refill();
+ });
+ }
+ if (attrs.from) {
+ scope.$parent.$watch($parse(attrs.from), function (value) {
+ scope.fromDate = value ? scope.resetTime(value) : null;
+ refill();
+ });
+ }
+
+ if (attrs.legendIcon) {
+ scope.$parent.$watch(attrs.legendIcon, function (value) {
+ scope.legendIcon = value ? value : null;
+ refill();
+ });
+ }
+ if (attrs.legendMessage) {
+ scope.$parent.$watch(attrs.legendMessage, function (value) {
+ scope.legendMessage = value ? value : null;
+ refill();
+ });
+ }
+ if (attrs.ngDisabled) {
+ scope.$parent.$watch(attrs.ngDisabled, function (value) {
+ scope.ngDisabled = value ? value : null;
+ });
+ }
+
+
+ // Split array into smaller arrays
+ function split(arr, size) {
+ var arrays = [];
+ while (arr.length > 0) {
+ arrays.push(arr.splice(0, size));
+ }
+ return arrays;
+ }
+
+ var moveMonth = function(selectedDate, direction) {
+ var step = MonthpickerCtrl.modes[scope.mode].step;
+ selectedDate.setDate(1);
+ selectedDate.setMonth(selectedDate.getMonth() + direction * (step.months || 0));
+ selectedDate.setFullYear(selectedDate.getFullYear() + direction * (step.years || 0));
+
+ return selectedDate;
+ };
+
+ function refill(date) {
+ if (angular.isDate(date) && !isNaN(date)) {
+ selected = new Date(date);
+ } else {
+ if (!selected) {
+ selected = new Date();
+ }
+ }
+
+ if (selected) {
+ var selectedCalendar;
+ if(scope.mode === 1){
+ if(!angular.isDate(selected))
+ {
+ selected = new Date();
+ }
+ selectedCalendar = moveMonth(angular.copy(selected), -1);
+ } else {
+ selectedCalendar = angular.copy(selected);
+ }
+
+ var currentMode = MonthpickerCtrl.modes[mode],
+ data = currentMode.getVisibleDates(selected);
+
+ scope.rows = split(data.objects, currentMode.split);
+
+ var flag=false;
+ var startFlag=false;
+ var firstSelected = false;
+ for(var i=0; i<scope.rows.length; i++)
+ {
+ for(var j=0; j<scope.rows[i].length; j++)
+ {
+ if(!scope.rows[i][j].disabled && !firstSelected)
+ {
+ firstSelected=true;
+ var firstDay = scope.rows[i][j];
+ }
+
+ if(scope.rows[i][j].selected)
+ {
+ flag=true;
+ break;
+ }
+ }
+ if(flag)
+ {
+ break;
+ }
+ }
+ if(!flag && firstSelected)
+ {
+ firstDay.firstFocus=true;
+ }
+
+ scope.labels = data.labels || [];
+ scope.title = data.title;
+ }
+ }
+
+ scope.select = function (date,$event) {
+ var dt = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+ scope.currentDate = dt;
+ if (!scope.onSelectClose || (scope.onSelectClose && scope.onSelectClose({
+ date: dt
+ }) !== false)) {
+ if (angular.isNumber(scope.collapseWait)) {
+ $timeout(function () {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ }, scope.collapseWait);
+ } else {
+ scope.isOpen = false;
+ toggleCalendar(scope.isOpen);
+ }
+ }
+ };
+
+ scope.move = function (direction,$event) {
+ var step = MonthpickerCtrl.modes[mode].step;
+ selected.setDate(1);
+ selected.setMonth(selected.getMonth() + direction * (step.months || 0));
+ selected.setFullYear(selected.getFullYear() + direction * (step.years || 0));
+ refill();
+ scope.getFocus = true;
+ $timeout(function () {
+ if (attrs.inline === 'true') {
+ MonthpickerCtrl.focusNextPrev(element,false);
+ }else{
+ MonthpickerCtrl.focusNextPrev(b2bMonthpickerPopupTemplate,false);
+ }
+ },100);
+ $event.preventDefault();
+ $event.stopPropagation();
+ };
+
+ scope.$watch('currentDate', function (value) {
+ if (angular.isDefined(value) && value !== null) {
+ refill(value);
+ } else {
+ refill();
+ }
+ ngModel.$setViewValue(value);
+ });
+
+ ngModel.$render = function () {
+ scope.currentDate = ngModel.$viewValue;
+ };
+
+ var stringToDate = function (value) {
+ if (!isNaN(new Date(value))) {
+ value = new Date(value);
+ }
+ return value;
+ };
+ ngModel.$formatters.unshift(stringToDate);
+ }
+ };
+}])
+
+.directive('b2bMonthpicker', ['$compile', '$log', 'b2bMonthpickerConfig', 'b2bMonthpickerService', function ($compile, $log, b2bMonthpickerConfig, b2bMonthpickerService) {
+ return {
+ restrict: 'A',
+ scope: {
+ disableDates: '&',
+ onSelectClose: '&'
+ },
+ require: 'ngModel',
+ controller: ['$scope', '$element', '$attrs', function (scope, elem, attr) {
+ var dateFormatString = angular.isDefined(attr.dateFormat) ? scope.$parent.$eval(attr.dateFormat) : b2bMonthpickerConfig.dateFormat;
+ var helperText = angular.isDefined(attr.helperText) ? scope.$parent.$eval(attr.helperText) : b2bMonthpickerConfig.helperText;
+ helperText = helperText.replace('$date', '{{dt | date : \'' + dateFormatString + '\'}}');
+
+ var descriptionText = angular.isDefined(attr.descriptionText) ? scope.$parent.$eval(attr.descriptionText) : b2bMonthpickerConfig.descriptionText;
+
+
+ var inline = false;
+ if (elem.prop('nodeName') !== 'INPUT' && elem.prop('nodeName') !== 'A') {
+ inline = true;
+ }
+
+ var selectedDateMessage = "";
+
+ if (elem.prop('nodeName') !== 'A'){
+ selectedDateMessage = '<button type="button" class="span12 faux-input" ng-disabled="ngDisabled" aria-describedby="monthpicker-description'+scope.$id+'"><span class="hidden-spoken" aria-live="assertive" aria-atomic="false">' + helperText + '</span></button>';
+ elem.attr('tabindex', '-1');
+ elem.attr('aria-hidden', 'true');
+ elem.attr('readonly', 'true');
+ }else{
+ selectedDateMessage = ''
+ elem.attr('aria-label', helperText);
+ }
+
+ var descriptionTextSpan = '<span class="offscreen-text" id="monthpicker-description'+scope.$id+'">'+descriptionText+'</span>';
+ elem.removeAttr('b2b-Monthpicker');
+ elem.removeAttr('ng-model');
+ elem.removeAttr('ng-disabled');
+ elem.addClass('Monthpicker-input');
+ elem.attr('ng-model', 'dt');
+ elem.attr('aria-describedby', 'monthpicker-description'+scope.$id);
+
+
+
+ elem.attr('ng-disabled', 'ngDisabled');
+ elem.attr('b2b-format-date', dateFormatString);
+
+ var wrapperElement = angular.element('<div></div>');
+ wrapperElement.attr('b2b-Monthpicker-popup', '');
+ wrapperElement.attr('ng-model', 'dt');
+ if (inline) {
+ wrapperElement.attr('inline', inline);
+ }
+ if (elem.prop('nodeName') === 'A'){
+ wrapperElement.attr('link', true);
+ }
+ b2bMonthpickerService.setAttributes(attr, wrapperElement);
+ b2bMonthpickerService.bindScope(attr, scope);
+
+ wrapperElement.html('');
+ wrapperElement.append(selectedDateMessage);
+ wrapperElement.append('');
+ wrapperElement.append(descriptionTextSpan);
+ wrapperElement.append('');
+ wrapperElement.append(elem.prop('outerHTML'));
+
+ var elm = wrapperElement.prop('outerHTML');
+ elm = $compile(elm)(scope);
+ elem.replaceWith(elm);
+ }],
+ link: function (scope, elem, attr, ctrl) {
+ if (!ctrl) {
+ $log.error("ng-model is required.");
+ return; // do nothing if no ng-model
+ }
+
+ scope.$watch('dt', function (value) {
+ ctrl.$setViewValue(value);
+ });
+ ctrl.$render = function () {
+ scope.dt = ctrl.$viewValue;
+ };
+ }
+ };
+}])
+
+.directive('b2bMonthpickerGroup', [function () {
+ return {
+ restrict: 'EA',
+ controller: ['$scope', '$element', '$attrs', function (scope, elem, attr) {
+ this.$$headers = [];
+ this.$$footers = [];
+ this.registerMonthpickerScope = function (MonthpickerScope) {
+ MonthpickerScope.headers = this.$$headers;
+ MonthpickerScope.footers = this.$$footers;
+ };
+ }],
+ link: function (scope, elem, attr, ctrl) {}
+ };
+}])
+
+.directive('b2bFormatDate', ['dateFilter', function (dateFilter) {
+ return {
+ restrict: 'A',
+ require: 'ngModel',
+ link: function (scope, elem, attr, ctrl) {
+ var b2bFormatDate = "";
+ attr.$observe('b2bFormatDate', function (value) {
+ b2bFormatDate = value;
+ });
+ var dateToString = function (value) {
+ if (!isNaN(new Date(value))) {
+ return dateFilter(new Date(value), b2bFormatDate);
+ }
+ return value;
+ };
+ ctrl.$formatters.unshift(dateToString);
+ }
+ };
+}])
+
+.directive('b2bMonthpickerHeader', [function () {
+ return {
+ restrict: 'EA',
+ require: '^b2bMonthpickerGroup',
+ transclude: true,
+ replace: true,
+ template: '',
+ compile: function (elem, attr, transclude) {
+ return function link(scope, elem, attr, ctrl) {
+ if (ctrl) {
+ ctrl.$$headers.push(transclude(scope, function () {}));
+ }
+ elem.remove();
+ };
+ }
+ };
+}])
+
+.directive('b2bMonthpickerFooter', [function () {
+ return {
+ restrict: 'EA',
+ require: '^b2bMonthpickerGroup',
+ transclude: true,
+ replace: true,
+ template: '',
+ compile: function (elem, attr, transclude) {
+ return function link(scope, elem, attr, ctrl) {
+ if (ctrl) {
+ ctrl.$$footers.push(transclude(scope, function () {}));
+ }
+ elem.remove();
+ };
+ }
+ };
+}]);
+/**
+ * @ngdoc directive
+ * @name Navigation.att:multiLevelNavigation
+ *
+ * @description
+ * <file src="src/multiLevelNavigation/docs/readme.md" />
+ *
+ * @usage
+ * <div class="b2b-ml-nav">
+ * <ul role="tree">
+ * <li aria-label="{{child.name}}" tabindex="-1" b2b-ml-nav="{{child.type}}" role="treeitem" ng-repeat="child in treeStructure">
+ * <a tabindex="-1" href="javascript:void(0);" title="{{child.name}}">{{child.name}}<span><i class="{{child.type=='endNode'?'icon-primary-circle':'icon-primary-collapsed'}}"></i></span></a>
+ * <!-- Below UL tag is RECURSIVE to generate n-childs -->
+ * <ul role="group" ng-if="child.child">
+ * <li aria-label="{{child.name}}" b2b-ml-nav="{{child.type}}" tabindex="-1" role="treeitem" ng-repeat="child in child.child">
+ * <a tabindex="-1" href="javascript:void(0);" title="{{child.name}}">{{child.name}}<span><i class="{{child.type=='endNode'?'icon-primary-circle':'icon-primary-collapsed'}}"></i></span></a>
+ * <!-- RECURSIVE UL tag goes here -->
+ * </li>
+ * </ul>
+ * </li>
+ * </ul>
+ * </div>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/multiLevelNavigation/docs/demo.html" />
+ <file src="src/multiLevelNavigation/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.multiLevelNavigation', ['b2b.att.utilities'])
+ //directive b2bMlNav Test coverage 100% on 5/13
+ .directive('b2bMlNav', ['keymap', function (keymap) {
+ return {
+ restrict: 'EA',
+ link: function (scope, element) {
+ var rootE, parentE, upE, downE, lastE, homeE, endE;
+ //default root tree element tabindex set zero
+ if (element.parent().parent().hasClass('b2b-ml-nav') && (element[0].previousElementSibling === null)) {
+ element.attr('tabindex', 0);
+ }
+ //check root via class
+ var isRoot = function (elem) {
+ if (elem.parent().parent().eq(0).hasClass('b2b-ml-nav')) {
+ return true;
+ } else {
+ return false;
+ }
+
+ }
+ //for any expandable tree item on click
+ var toggleState = function (e) {
+ if (angular.element(e.target).attr("b2b-ml-nav") !== "endNode") {
+ var eLink = element.find('a').eq(0);
+ if (eLink.hasClass('active')) {
+ eLink.removeClass('active');
+ eLink.parent().attr("aria-expanded", "false");
+ eLink.find('i').eq(0).removeClass('icon-primary-expanded');
+ eLink.find('i').eq(0).addClass('icon-primary-collapsed');
+ } else {
+ eLink.addClass('active');
+ eLink.parent().attr("aria-expanded", "true");
+ eLink.find('i').eq(0).removeClass('icon-primary-collapsed');
+ eLink.find('i').eq(0).addClass('icon-primary-expanded');
+ }
+ }
+ };
+ //function finds the main root-item from particular tree-group
+ var findRoot = function (elem) {
+ if (isRoot(elem)) {
+ rootE = elem;
+ return;
+ }
+ if (elem.attr("b2b-ml-nav") === "middleNode" || elem.attr("b2b-ml-nav") === "endNode") {
+ parentE = elem.parent().parent();
+ } else {
+ parentE = elem;
+ }
+ if (parentE.attr("b2b-ml-nav") === "rootNode") {
+ rootE = parentE;
+ } else {
+ findRoot(parentE);
+ }
+ };
+ //finds the last visible node of the previous tree-group
+ var findPreActive = function (elem) {
+ if (!(elem.hasClass("active"))) {
+ return;
+ } else {
+ var childElems = angular.element(elem[0].nextElementSibling.children);
+ lastE = angular.element(childElems[childElems.length - 1]);
+ if (lastE.attr("b2b-ml-nav") === "middleNode" && lastE.find('a').eq(0).hasClass('active')) {
+ findPreActive(lastE.find('a').eq(0));
+ }
+ upE = lastE;
+ }
+ };
+ //find above visible link
+ var findUp = function (elem) {
+ if (elem[0].previousElementSibling !== null) {
+ upE = angular.element(elem[0].previousElementSibling);
+ } else {
+ upE = elem.parent().parent();
+ }
+ if (isRoot(elem) || (upE.attr('b2b-ml-nav') === "middleNode" && upE[0] !== elem.parent().parent()[0])) {
+ findPreActive(upE.find('a').eq(0));
+ }
+ };
+ //find below visible link
+ var findDown = function (elem) {
+ if (elem.hasClass('active')) {
+ downE = elem.next().find('li').eq(0);
+ } else {
+ if (elem.parent().next().length !== 0) {
+ downE = elem.parent().next().eq(0);
+ } else {
+ if (elem.parent().parent().parent().next().length !== 0) {
+ downE = elem.parent().parent().parent().next().eq(0);
+ return;
+ }
+ downE = elem.parent().eq(0);
+ }
+ }
+ };
+ //finds last root-group element of the tree
+ var findEnd = function (elem) {
+ findRoot(elem);
+ endE = angular.element(rootE.parent()[0].children[rootE.parent()[0].children.length - 1]);
+ };
+ //finds first root element of tree
+ var findHome = function (elem) {
+ findRoot(elem);
+ homeE = angular.element(rootE.parent()[0].children[0]);
+ };
+ element.bind('click', function (e) {
+ if(element.attr("b2b-ml-nav") !== "endNode") {
+ toggleState(e);
+ }
+ e.stopPropagation();
+ });
+ element.bind('focus', function (e) {
+ if(element.attr("b2b-ml-nav") !== "endNode") {
+ if(element.find('a').eq(0).hasClass('active')) {
+ element.attr("aria-expanded", true);
+ }
+ else {
+ element.attr("aria-expanded", false);
+ }
+
+ }
+ })
+ //Keyboard functionality approach:
+ //find keycode
+ //set set tabindex -1 on the current focus element
+ //find the next element to be focussed, set tabindex 0 and throw focus
+ element.bind('keydown', function (evt) {
+ switch (evt.keyCode) {
+ case keymap.KEY.ENTER:
+ case keymap.KEY.SPACE:
+ element.triggerHandler('click');
+ evt.stopPropagation();
+ evt.preventDefault();
+ break;
+ case keymap.KEY.END:
+ evt.preventDefault();
+ element.attr('tabindex', -1);
+ findEnd(element);
+ endE.eq(0).attr('tabindex', 0);
+ endE[0].focus();
+ evt.stopPropagation();
+ break;
+ case keymap.KEY.HOME:
+ evt.preventDefault();
+ element.attr('tabindex', -1);
+ findHome(element);
+ homeE.eq(0).attr('tabindex', 0);
+ homeE[0].focus();
+ evt.stopPropagation();
+ break;
+ case keymap.KEY.LEFT:
+ evt.preventDefault();
+ if (!isRoot(element)) {
+ element.attr('tabindex', -1);
+ parentE = element.parent().parent();
+ parentE.eq(0).attr('tabindex', 0);
+ parentE[0].focus();
+ parentE.eq(0).triggerHandler('click');
+ } else {
+ if (element.find('a').eq(0).hasClass('active')) {
+ element.triggerHandler('click');
+ }
+ }
+ evt.stopPropagation();
+ break;
+ case keymap.KEY.UP:
+ evt.preventDefault();
+ if (!(isRoot(element) && element[0].previousElementSibling === null)) {
+ element.attr('tabindex', -1);
+ findUp(element);
+ upE.eq(0).attr('tabindex', 0);
+ upE[0].focus();
+ }
+ evt.stopPropagation();
+ break;
+ case keymap.KEY.RIGHT:
+ evt.preventDefault();
+ if (element.attr("b2b-ml-nav") !== "endNode") {
+ if (!element.find('a').eq(0).hasClass('active')) {
+ element.triggerHandler('click');
+ }
+ element.attr('tabindex', -1);
+ findDown(element.find('a').eq(0));
+ downE.eq(0).attr('tabindex', 0);
+ downE[0].focus();
+ }
+ evt.stopPropagation();
+ break;
+ case keymap.KEY.DOWN:
+ evt.preventDefault();
+ element.attr('tabindex', -1);
+ if (!(element.attr("b2b-ml-nav") === "middleNode" && element.find('a').eq(0).hasClass('active')) && (element.next().length === 0)) {
+ if(element.parent().parent().attr("b2b-ml-nav") !== "rootNode" && element.parent().parent()[0].nextElementSibling !== null)
+ {
+ findDown(element.find('a').eq(0));
+ downE.eq(0).attr('tabindex', 0);
+ downE[0].focus();
+ evt.stopPropagation();
+ break;
+ }
+ findRoot(element);
+ if (!(rootE.next().length === 0)) {
+ rootE.next().eq(0).attr('tabindex', 0);
+ rootE.next()[0].focus();
+ } else {
+ rootE.eq(0).attr('tabindex', 0);
+ rootE[0].focus();
+ }
+ evt.stopPropagation();
+ break;
+ }
+ findDown(element.find('a').eq(0));
+ downE.eq(0).attr('tabindex', 0);
+ downE[0].focus();
+ evt.stopPropagation();
+ break;
+ default:
+ break;
+ }
+ });
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Tabs, tables & accordions.att:multipurposeExpander
+ *
+ * @description
+ * <file src="src/multipurposeExpander/docs/readme.md" />
+ *
+ * @usage
+ * <!--With Close Other -->
+ * <b2b-expander-group close-others="true">
+ * <b2b-expanders class="mpc-expanders" is-open="testmpc">
+ * <b2b-expander-heading ng-class=" { 'b2b-toggle-header-active': !testmpc, 'b2b-toggle-header-inactive': testmpc } ">Heading content goes here</b2b-expander-heading>
+ * <b2b-expander-body>
+ <p>body content goes here</p>
+ </b2b-expander-body>
+ * </b2b-expanders>
+ * </b2b-expander-group>
+ *
+ * <!-- Without Close Other -->
+ * <b2b-expanders class="mpc-expanders" is-open="testmpc2">
+ * <b2b-expander-heading ng-class=" { 'b2b-toggle-header-active': !testmpc2, 'b2b-toggle-header-inactive': testmpc2 } ">Heading content goes here</b2b-expander-heading>
+ * <b2b-expander-body>
+ <p>body content goes here</p>
+ </b2b-expander-body>
+ * </b2b-expanders>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att.multipurposeExpander">
+ <file src="src/multipurposeExpander/docs/demo.html" />
+ <file src="src/multipurposeExpander/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+
+angular.module('b2b.att.multipurposeExpander', ['b2b.att', 'b2b.att.collapse'])
+.directive('b2bExpanderGroup', function () {
+ return {
+ restrict: 'EA',
+ transclude: true,
+ template: "<ng-transclude></ng-transclude>",
+ controller:['$scope','$attrs', function($scope,$attrs){
+ this.groups = [];
+ this.index = -1;
+ this.scope = $scope;
+
+ this.addGroup = function (groupScope) {
+ var that = this;
+ groupScope.index = this.groups.length;
+ this.groups.push(groupScope);
+ if(this.groups.length > 0){
+ this.index = 0;
+ }
+ groupScope.$on('$destroy', function () {
+ that.removeGroup(groupScope);
+ });
+ };
+
+ this.closeOthers = function (openGroup) {
+ var closeOthers = angular.isDefined($attrs.closeOthers);
+ if (closeOthers && !$scope.forceExpand) {
+ angular.forEach(this.groups, function (group) {
+ if (group !== openGroup) {
+ group.isOpen = false;
+ }
+ });
+ }
+ if (this.groups.indexOf(openGroup) === (this.groups.length - 1) && $scope.forceExpand) {
+ $scope.forceExpand = false;
+ }
+ };
+ this.removeGroup = function (group) {
+ var index = this.groups.indexOf(group);
+ if (index !== -1) {
+ this.groups.splice(this.groups.indexOf(group), 1);
+ }
+ };
+ }]
+
+ };
+
+})
+.directive('b2bExpanders', function () {
+ return{
+ restrict: 'EA',
+ replace: true,
+ require:['b2bExpanders','?^b2bExpanderGroup'],
+ transclude: true,
+ scope:{isOpen:'=?'},
+ template: "<div ng-transclude></div>",
+ controller: ['$scope', function ($scope){
+ var bodyScope = null;
+ var expanderScope = null;
+ this.isOpened = function(){
+ if($scope.isOpen)
+ {
+ return true;
+ }else
+ {
+ return false;
+ }
+ };
+ this.setScope = function (scope) {
+ bodyScope = scope;
+ bodyScope.isOpen = $scope.isOpen;
+ };
+ this.setExpanderScope = function (scope) {
+ expanderScope = scope;
+ };
+ this.toggle = function () {
+ $scope.isOpen = bodyScope.isOpen = !bodyScope.isOpen;
+ return bodyScope.isOpen;
+
+ };
+ this.watchToggle = function(io){
+ bodyScope.isOpen = io;
+ expanderScope.updateIcons(io);
+ };
+ }],
+ link: function (scope, elem, attr, myCtrl)
+ {
+ //scope.isOpen = false;
+ if(myCtrl[1]){
+ myCtrl[1].addGroup(scope);
+ }
+ scope.$watch('isOpen', function(val){
+ myCtrl[0].watchToggle(scope.isOpen);
+ if(val && myCtrl[1]){
+ myCtrl[1].closeOthers(scope);
+ }
+ });
+ }
+ };
+})
+
+.directive('b2bExpanderHeading', function () {
+ return{
+ require: "^b2bExpanders",
+ restrict: 'EA',
+ replace: true,
+ transclude: true,
+ scope: true,
+ template: "<div style='padding:10px 10px 10px 0 !important' ng-transclude></div>"
+ };
+})
+
+.directive('b2bExpanderBody', function () {
+ return{
+ restrict: 'EA',
+ require: "^b2bExpanders",
+ replace: true,
+ transclude: true,
+ scope: {},
+ template: "<div b2b-collapse='!isOpen' ><div ng-transclude></div></div>",
+ link: function (scope, elem, attr, myCtrl) {
+ scope.isOpen = false;
+ myCtrl.setScope(scope);
+ }
+ };
+})
+
+.directive('b2bExpanderToggle', function () {
+ return{
+ restrict: 'EA',
+ require: "^b2bExpanders",
+ scope: {
+ expandIcon: '@',
+ collapseIcon: '@'
+ },
+
+ link: function (scope, element, attr, myCtrl)
+ {
+ myCtrl.setExpanderScope(scope);
+ var isOpen = myCtrl.isOpened();
+
+ scope.setIcon = function () {
+ element.attr("role", "tab");
+
+ if (scope.expandIcon && scope.collapseIcon)
+ {
+ if (isOpen) {
+ element.removeClass(scope.expandIcon);
+ element.addClass(scope.collapseIcon);
+
+ element.attr("aria-expanded", "true");
+ }
+ else {
+ element.removeClass(scope.collapseIcon);
+ element.addClass(scope.expandIcon);
+
+ element.attr("aria-expanded", "false");
+ }
+ }
+ };
+
+ element.bind('click', function (){
+ scope.toggleit();
+ });
+ scope.updateIcons = function(nStat){
+ isOpen = nStat;
+ scope.setIcon();
+ };
+ scope.toggleit = function (){
+ isOpen = myCtrl.toggle();
+ scope.setIcon();
+ scope.$apply();
+ };
+ scope.setIcon();
+ }
+ };
+});
+/**
+ * @ngdoc directive
+ * @name Messages, modals & alerts.att:notesMessagesAndErrors
+ *
+ * @description
+ * <file src="src/notesMessagesAndErrors/docs/readme.md" />
+ *
+ * @usage
+ * See Demo
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/notesMessagesAndErrors/docs/demo.html" />
+ <file src="src/notesMessagesAndErrors/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.notesMessagesAndErrors', []);
+/**
+ * @ngdoc directive
+ * @name Template.att:Notification Card
+ *
+ * @description
+ * <file src="src/notificationCardTemplate/docs/readme.md" />
+ *
+ * @example
+ * <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/notificationCardTemplate/docs/demo.html" />
+ <file src="src/notificationCardTemplate/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.notificationCardTemplate', [])
+
+/**
+ * @ngdoc directive
+ * @name Template.att:Order Confirmation Template
+ *
+ * @description
+ * <file src="src/orderConfirmationTemplate/docs/readme.md" />
+ *
+ * @example
+ * <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/orderConfirmationTemplate/docs/demo.html" />
+ <file src="src/orderConfirmationTemplate/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.orderConfirmationTemplate', []);
+
+/**
+ * @ngdoc directive
+ * @name Navigation.att:pagination
+ *
+ * @description
+ * <file src="src/pagination/docs/readme.md" />
+ *
+ * @usage
+ * <div b2b-pagination="" input-id="goto-page-2" total-pages="totalPages1" current-page="currentPage1" click-handler="customHandler" show-input="showInput"></div>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/pagination/docs/demo.html" />
+ <file src="src/pagination/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.pagination', ['b2b.att.utilities', 'ngTouch'])
+ .directive('b2bPagination', ['b2bUserAgent', 'keymap', '$window', '$timeout', function (b2bUserAgent, keymap, $window, $timeout) {
+ return {
+ restrict: 'A',
+ scope: {
+ totalPages: '=',
+ currentPage: '=',
+ showInput: '=',
+ clickHandler: '=?',
+ inputId: '='
+ },
+ replace: true,
+ templateUrl: 'b2bTemplate/pagination/b2b-pagination.html',
+ link: function (scope, elem) {
+ scope.isMobile = b2bUserAgent.isMobile();
+ scope.notMobile = b2bUserAgent.notMobile();
+ scope.focusedPage;
+ scope.meanVal = 3;
+ scope.$watch('totalPages', function (value) {
+ if (angular.isDefined(value) && value !== null) {
+ scope.pages = [];
+ if (value < 1) {
+ scope.totalPages = 1;
+ return;
+ }
+ if (value <= 10) {
+ for (var i = 1; i <= value; i++) {
+ scope.pages.push(i);
+ }
+ } else if (value > 10) {
+ var midVal = Math.ceil(value / 2);
+ scope.pages = [midVal - 2, midVal - 1, midVal, midVal + 1, midVal + 2];
+ }
+ if(scope.currentPage === undefined || scope.currentPage === 1)
+ {
+ currentPageChanged(1);
+ }
+ }
+ });
+ scope.$watch('currentPage', function (value) {
+ currentPageChanged(value);
+ callbackHandler(value);
+ });
+ var callbackHandler = function (num) {
+ if (angular.isFunction(scope.clickHandler)) {
+ scope.clickHandler(num);
+ }
+ };
+
+ function currentPageChanged(value) {
+ if (angular.isDefined(value) && value !== null) {
+ if (!value || value < 1) {
+ value = 1;
+ }
+ if (value > scope.totalPages) {
+ value = scope.totalPages;
+ }
+ if (scope.currentPage !== value) {
+ scope.currentPage = value;
+ callbackHandler(scope.currentPage);
+ }
+ if (scope.totalPages > 10) {
+ var val = parseInt(value);
+ if (val <= 6) {
+ scope.pages = [1, 2, 3, 4, 5, 6, 7, 8];
+ } else if (val > 6 && val <= scope.totalPages - 5) {
+ scope.pages = [val - 1, val, val + 1];
+ } else if (val >= scope.totalPages - 5) {
+ scope.pages = [scope.totalPages - 7, scope.totalPages - 6, scope.totalPages - 5, scope.totalPages - 4, scope.totalPages - 3, scope.totalPages - 2, scope.totalPages - 1, scope.totalPages];
+ }
+ }
+ if (scope.isMobile) {
+ var inWidth = $window.innerWidth;
+ var viewLimit = 7;
+ if (inWidth <= 400) {
+ viewLimit = 7;
+ } else if (inWidth > 400 && inWidth < 500) {
+ viewLimit = 9;
+ } else if (inWidth >= 500 && inWidth < 600) {
+ viewLimit = 11;
+ } else if (inWidth >= 600 && inWidth < 700) {
+ viewLimit = 13;
+ } else if (inWidth >= 700 && inWidth < 800) {
+ viewLimit = 15;
+ }
+
+ var val = parseInt(value);
+
+ scope.meanVal = Math.floor(viewLimit / 2);
+ var lowerLimit = (val - scope.meanVal) < 1 ? 1 : val - scope.meanVal;
+ var upperLimit = (lowerLimit + viewLimit - 1) > scope.totalPages ? scope.totalPages : lowerLimit + viewLimit - 1;
+ scope.pages = [];
+ for (var i = lowerLimit; i <= upperLimit; i++) {
+ scope.pages.push(i);
+ }
+ }
+ }
+ }
+ scope.gotoKeyClick = function (keyEvent) {
+ if (keyEvent.which === keymap.KEY.ENTER) {
+ scope.gotoBtnClick()
+ }
+ }
+ scope.gotoBtnClick = function () {
+ currentPageChanged(parseInt(scope.gotoPage));
+ callbackHandler(scope.currentPage);
+ var qResult = elem[0].querySelector('button');
+ angular.element(qResult).attr('disabled','true');
+ $timeout(function(){
+ elem[0].querySelector('.b2b-pager__item--active').focus();
+ }, 50);
+ scope.gotoPage = null;
+ }
+ scope.onfocusIn = function(evt)
+ {
+ var qResult = elem[0].querySelector('button');
+ angular.element(qResult).removeAttr('disabled');
+ }
+ scope.onfocusOut = function(evt)
+ {
+ if(evt.target.value === "")
+ {
+ var qResult = elem[0].querySelector('button');
+ angular.element(qResult).attr('disabled','true');
+ }
+ }
+ scope.next = function (event) {
+ if (event != undefined) {
+ event.preventDefault();
+ }
+ if (scope.currentPage < scope.totalPages) {
+ scope.currentPage += 1;
+ callbackHandler(scope.currentPage);
+ }
+ };
+ scope.prev = function (event) {
+ if (event != undefined) {
+ event.preventDefault();
+ }
+ if (scope.currentPage > 1) {
+ scope.currentPage -= 1;
+ callbackHandler(scope.currentPage);
+ }
+ };
+ scope.selectPage = function (value, event) {
+ event.preventDefault();
+ scope.currentPage = value;
+ scope.focusedPage = value;
+ callbackHandler(scope.currentPage);
+ };
+ scope.checkSelectedPage = function (value) {
+ if (scope.currentPage === value) {
+ return true;
+ }
+ return false;
+ };
+ scope.isFocused = function (page) {
+ return scope.focusedPage === page;
+ };
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Navigation.att:paneSelector
+ *
+ * @description
+ * <file src="src/paneSelector/docs/readme.md" />
+ *
+ * @usage
+ * Please refer demo.html tab in Example section below.
+ *
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/paneSelector/docs/demo.html" />
+ <file src="src/paneSelector/docs/demo.js" />
+ </example>
+ </section>
+ */
+
+angular.module('b2b.att.paneSelector', ['b2b.att.tabs', 'b2b.att.utilities'])
+
+.filter('paneSelectorSelectedItemsFilter', [function () {
+ return function (listOfItemsArray) {
+
+ if (!listOfItemsArray) {
+ listOfItemsArray = [];
+ }
+
+ var returnArray = [];
+
+ for (var i = 0; i < listOfItemsArray.length; i++) {
+ if (listOfItemsArray[i].isSelected) {
+ returnArray.push(listOfItemsArray[i]);
+ }
+ }
+
+ return returnArray;
+ };
+}])
+
+.filter('paneSelectorFetchChildItemsFilter', [function () {
+ return function (listOfItemsArray) {
+
+ if (!listOfItemsArray) {
+ listOfItemsArray = [];
+ }
+
+ var returnArray = [];
+
+ for (var i = 0; i < listOfItemsArray.length; i++) {
+ for (var j = 0; j < listOfItemsArray[i].childItems.length; j++) {
+ returnArray.push(listOfItemsArray[i].childItems[j]);
+ }
+ }
+
+ return returnArray;
+ };
+}])
+
+.directive('b2bPaneSelector', [function () {
+ return {
+ restrict: 'AE',
+ replace: true,
+ templateUrl: 'b2bTemplate/paneSelector/paneSelector.html',
+ transclude: true,
+ scope: {}
+ };
+}])
+
+.directive('b2bPaneSelectorPane', [ function () {
+ return {
+ restrict: 'AE',
+ replace: true,
+ templateUrl: 'b2bTemplate/paneSelector/paneSelectorPane.html',
+ transclude: true,
+ scope: {}
+ };
+}])
+
+.directive('b2bTabVertical', ['$timeout', 'keymap', function ($timeout, keymap) {
+ return {
+ restrict: 'A',
+ require: '^b2bTab',
+ link: function (scope, element, attr, b2bTabCtrl) {
+
+ if (!b2bTabCtrl) {
+ return;
+ }
+
+ // retreive the isolateScope
+ var iScope = angular.element(element).isolateScope();
+
+ $timeout(function () {
+ angular.element(element[0].querySelector('a')).unbind('keydown');
+ angular.element(element[0].querySelector('a')).bind('keydown', function (evt) {
+
+ if (!(evt.keyCode)) {
+ evt.keyCode = evt.which;
+ }
+
+ switch (evt.keyCode) {
+ case keymap.KEY.DOWN:
+ evt.preventDefault();
+ iScope.nextKey();
+ break;
+
+ case keymap.KEY.UP:
+ evt.preventDefault();
+ iScope.previousKey();
+ break;
+
+ default:;
+ }
+ });
+ });
+ }
+ };
+}]);
+/**
+ * @ngdoc directive
+ * @name Forms.att:phoneNumberInput
+ *
+ * @description
+ * <file src="src/phoneNumberInput/docs/readme.md" />
+ *
+ * @usage
+<form name="userForm1">
+ <div class="form-row" ng-class="{'error':!userForm1.text.$valid && userForm1.text.$dirty}">
+ <label>Phone Mask<span style="color:red">*</span>: (npa) nxx-line &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Model Value: {{mask.text}}</label>
+ <div>
+ <input b2b-phone-mask="phoneMask" name="text" ng-model="mask.text" type="text" placeholder="e.g. (123) 456-7890" title="Phone Number" class="b2b-phone-mask-input" required />
+ <div ng-messages="userForm1.text.$error" class="error-msg" aria-live="polite" aria-atomic="true">
+ <span ng-message="required" role="alert">This field is mandatory!</span>
+ <span ng-message="invalidPhoneNumber" role="alert">Please enter valid phone number!</span>
+ <span ng-message="mask" role="alert">Please enter valid phone number!</span>
+ </div>
+ </div>
+ </div>
+</form>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/phoneNumberInput/docs/demo.html" />
+ <file src="src/phoneNumberInput/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.phoneNumberInput', ['ngMessages', 'b2b.att.utilities'])
+ .constant("CoreFormsUiConfig", {
+ phoneMask: '(___) ___-____',
+ phoneMaskDot: '___.___.____',
+ phoneMaskHyphen: '___-___-____'
+ })
+ .directive('b2bPhoneMask', ['$parse', 'CoreFormsUiConfig', 'keymap', function ($parse, CoreFormsUiConfig, keymap) {
+ return {
+ require: 'ngModel',
+ scope: {
+ ngModel: '='
+ },
+ link: function (scope, iElement, iAttrs, ctrl) {
+ var navigatorAgent = navigator.userAgent.toLowerCase(),
+ isAndroid = navigatorAgent.indexOf("android") > -1,
+ oldIE = navigatorAgent.indexOf('msie 8.0') !== -1;
+ var mask = '';
+ var validPhoneNumber = false;
+ var currentKey = '';
+ if (isAndroid) {
+ mask = "__________";
+ } else {
+ switch (iAttrs.b2bPhoneMask) {
+ case "phoneMask":
+ mask = CoreFormsUiConfig.phoneMask;
+ break;
+ case "phoneMaskDot":
+ mask = CoreFormsUiConfig.phoneMaskDot;
+ break;
+ case "phoneMaskHyphen":
+ mask = CoreFormsUiConfig.phoneMaskHyphen;
+ break;
+ default:
+ mask = CoreFormsUiConfig.phoneMask;
+ }
+ }
+ iElement.attr("maxlength", mask.length);
+ var checkValidity = function (unmaskedValue, rawValue) {
+ var valid = false;
+ if (angular.isUndefined(rawValue) || rawValue === '') {
+ valid = true;
+ } else if (unmaskedValue) {
+ valid = (unmaskedValue.length === 10);
+ }
+ ctrl.$setValidity('invalidPhoneNumber', validPhoneNumber);
+ ctrl.$setValidity('mask', valid);
+ return valid;
+ };
+ var handleKeyup = function (evt) {
+
+ if (evt && evt.keyCode === keymap.KEY.SHIFT) {
+ return;
+ }
+
+ var index, formattedNumber;
+ if (ctrl.$modelValue) {
+ formattedNumber = ctrl.$modelValue;
+ } else {
+ formattedNumber = iElement.val();
+ }
+ if (!formattedNumber.length && currentKey === '') {
+ return;
+ }
+ var maskLength, inputNumbers, maskArray, tempArray, maskArrayLength;
+ tempArray = [];
+ maskArray = mask.split("");
+ maskArrayLength = maskArray.length;
+ maskLength = formattedNumber.substring(0, mask.length);
+ inputNumbers = formattedNumber.replace(/[^0-9]/g, "").split("");
+ for (index = 0; index < maskArrayLength; index++) {
+ tempArray.push(maskArray[index] === "_" ? inputNumbers.shift() : maskArray[index]);
+ if (inputNumbers.length === 0) {
+ break;
+ }
+ }
+ formattedNumber = tempArray.join("");
+ if (formattedNumber === '(') {
+ formattedNumber = '';
+ }
+
+ if ( (angular.isDefined(evt) && evt.which) && currentKey !== '') {
+ if (maskArray[0] === currentKey && formattedNumber === '') {
+ formattedNumber = '(';
+ } else if (evt.which === keymap.KEY.SPACE && currentKey === ' ') {
+ formattedNumber = formattedNumber + ') ';
+ } else if (maskArray[0] === currentKey && formattedNumber === '') {
+ formattedNumber = formattedNumber + currentKey;
+ } else if (maskArray[formattedNumber.length] === currentKey) {
+ formattedNumber = formattedNumber + currentKey;
+ }
+ currentKey = '';
+ }
+
+ ctrl.$setViewValue(formattedNumber);
+ ctrl.$render();
+ return formattedNumber;
+ };
+
+
+ // since we are only allowing 0-9, why even let the keypress go forward?
+ // also added in delete... in case they want to delete :)
+ var handlePress = function (e) {
+ if (e.which) {
+ if ((e.which < 48 || e.which > 57) && (e.which < 96 || e.which > 105)) {
+ if (e.which !== keymap.KEY.BACKSPACE && e.which !== keymap.KEY.TAB && e.which !== keymap.KEY.DELETE && e.which !== keymap.KEY.ENTER && e.which !== keymap.KEY.LEFT && e.which !== keymap.KEY.RIGHT &&
+ // Allow: Ctrl+V/v
+ (!(e.ctrlKey) && (e.which !== '118' || e.which !== '86')) &&
+ // Allow: Ctrl+C/c
+ (!(e.ctrlKey) && (e.which !== '99' || e.which !== '67')) &&
+ // Allow: Ctrl+X/x
+ (!(e.ctrlKey) && (e.which !== '120' || e.which !== '88'))) {
+ e.preventDefault ? e.preventDefault() : e.returnValue = false;
+ iElement.attr("aria-label", "Only numbers are allowed");
+ validPhoneNumber = false;
+ }
+ } else {
+ iElement.removeAttr("aria-label");
+ validPhoneNumber = true;
+ }
+
+ setCurrentKey(e);
+ }
+ scope.$apply();
+ };
+ // i moved this out because i thought i might need focus as well..
+ // to handle setting the model as the view changes
+ var parser = function (fromViewValue) {
+ var letters = /^[A-Za-z]+$/;
+ var numbers = /^[0-9]+$/;
+ if (angular.isUndefined(fromViewValue) || fromViewValue === '') {
+ validPhoneNumber = true;
+ } else {
+ if (fromViewValue.match(letters)) {
+ validPhoneNumber = false;
+ }
+ if (fromViewValue.match(numbers)) {
+ validPhoneNumber = true;
+ }
+ }
+ var clean = "";
+ if (fromViewValue && fromViewValue.length > 0) {
+ clean = fromViewValue.replace(/[^0-9]/g, '');
+ }
+ checkValidity(clean, fromViewValue);
+ return clean;
+ };
+
+ //to handle reading the model and formatting it
+ var formatter = function (fromModelView) {
+ var input = '';
+ checkValidity(fromModelView);
+ if (fromModelView) {
+ input = handleKeyup();
+ }
+ return input;
+ };
+
+ var setCurrentKey = function (e) {
+ switch (e.which) {
+ case 189:
+ case 109:
+ currentKey = '-';
+ break;
+ case 190:
+ case 110:
+ currentKey = '.';
+ break;
+ case 57:
+ if (e.shiftKey === true) {
+ currentKey = '(';
+ }
+ break;
+ case 48:
+ if (e.shiftKey === true) {
+ currentKey = ')';
+ }
+ break;
+ case 32:
+ currentKey = ' ';
+ break;
+ }
+ };
+
+ if (angular.isDefined(scope.ngModel)) {
+ parser(scope.ngModel);
+ }
+
+ ctrl.$parsers.push(parser);
+ ctrl.$formatters.push(formatter);
+ iElement.bind('keyup', handleKeyup);
+ iElement.bind('keydown', handlePress);
+ }
+ };
+}]);
+/**
+ * @ngdoc directive
+ * @name Template.att:Profile Blocks
+ *
+ * @description
+ * <file src="src/profileBlockTemplate/docs/readme.md" />
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/profileBlockTemplate/docs/demo.html" />
+ <file src="src/profileBlockTemplate/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+
+angular.module('b2b.att.profileBlockTemplate', [])
+
+
+
+/**
+ * @ngdoc directive
+ * @name Layouts.att:profileCard
+ *
+ * @description
+ * <file src="src/profileCard/docs/readme.md" />
+ *
+ * @usage
+ * <b2b-profile-card></b2b-profile-card>
+ *
+ * @example
+ <section id="code">
+ <example module="b2b.att">
+ <file src="src/profileCard/docs/demo.html" />
+ <file src="src/profileCard/docs/demo.js" />
+ </example>
+ </section>
+ */
+
+angular.module('b2b.att.profileCard', ['b2b.att'])
+.constant('profileStatus',{
+ status: {
+ ACTIVE: {
+ status: "Active",
+ color: "green"
+ },
+ DEACTIVATED: {
+ status: "Deactivated",
+ color: "red"
+ },
+ LOCKED: {
+ status: "Locked",
+ color: "red"
+ },
+ IDLE: {
+ status: "Idle",
+ color: "yellow"
+ },
+ PENDING: {
+ status: "Pending",
+ color: "blue"
+ }
+ },
+ role: "COMPANY ADMINISTRATOR"
+
+})
+.directive('b2bProfileCard',['$http','$q','profileStatus', function($http,$q,profileStatus) {
+ return {
+ restrict: 'EA',
+ replace: 'true',
+ templateUrl: function(element, attrs){
+ if(!attrs.addUser){
+ return 'b2bTemplate/profileCard/profileCard.html';
+ }
+ else{
+ return 'b2bTemplate/profileCard/profileCard-addUser.html';
+ }
+ },
+ scope: {
+ profile:'=',
+ characterLimit: '@'
+ },
+ link: function(scope, elem, attr){
+ scope.characterLimit = parseInt(attr.characterLimit, 10) || 25;
+ scope.shouldClip = function(str) {
+ return str.length > scope.characterLimit;
+ };
+
+ scope.showEmailTooltip = false;
+
+ scope.image=true;
+ function isImage(src) {
+ var deferred = $q.defer();
+ var image = new Image();
+ image.onerror = function() {
+ deferred.reject(false);
+ };
+ image.onload = function() {
+ deferred.resolve(true);
+ };
+ if(src !== undefined && src.length>0 ){
+ image.src = src;
+ } else {
+ deferred.reject(false);
+ }
+ return deferred.promise;
+ }
+ if(!attr.addUser){
+ scope.image=false;
+ isImage(scope.profile.img).then(function(img) {
+ scope.image=img;
+ });
+ var splitName=(scope.profile.name).split(' ');
+ scope.initials='';
+ for(var i=0;i<splitName.length;i++){
+ scope.initials += splitName[i][0];
+ }
+ if(scope.profile.role.toUpperCase() === profileStatus.role){
+ scope.badge=true;
+ }
+ var profileState=profileStatus.status[scope.profile.state.toUpperCase()];
+ if(profileState) {
+ scope.profile.state=profileStatus.status[scope.profile.state.toUpperCase()].status;
+ scope.colorIcon=profileStatus.status[scope.profile.state.toUpperCase()].color;
+ if(scope.profile.state.toUpperCase()===profileStatus.status.PENDING.status.toUpperCase()||scope.profile.state.toUpperCase()===profileStatus.status.LOCKED.status.toUpperCase()){
+ scope.profile.lastLogin=scope.profile.state;
+ }
+ }
+ var today=new Date().getTime();
+ var lastlogin=new Date(scope.profile.lastLogin).getTime();
+ var diff=(today-lastlogin)/(1000*60*60*24);
+ if(diff<=1){
+ scope.profile.lastLogin="Today";
+ }
+ else if(diff<=2){
+ scope.profile.lastLogin="Yesterday";
+ }
+ }
+ }
+};
+}]);
+/**
+ * @ngdoc directive
+ * @name Forms.att:radios
+ *
+ * @description
+ * <file src="src/radios/docs/readme.md" />
+ *
+ * @usage
+ * See demo section
+ *
+ * @param {boolean} refreshRadioGroup - A trigger that recalculates and updates the accessibility roles on radios in a group.
+ *
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/radios/docs/demo.html" />
+ <file src="src/radios/docs/demo.js" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.radios', ['b2b.att.utilities'])
+.directive('b2bRadioGroupAccessibility', ['$timeout', 'b2bUserAgent', function($timeout, b2bUserAgent) {
+ return {
+ restrict: "A",
+ scope: {
+ refreshRadioGroup: "=",
+ },
+ link: function(scope, ele, attr) {
+
+ var roleRadioElement, radioProductSelectElement, radioInputTypeElement;
+
+ $timeout(calculateNumberOfRadio);
+
+ scope.$watch('refreshRadioGroup', function(value) {
+ if (value === true) {
+ addingRoleAttribute();
+ $timeout(calculateNumberOfRadio);
+ scope.refreshRadioGroup = false;
+ } else {
+ return;
+ }
+ })
+
+
+ function calculateNumberOfRadio() {
+ roleRadioElement = ele[0].querySelectorAll('[role="radio"]');
+
+ radioProductSelectElement = ele[0].querySelectorAll('[role="radiogroup"] li.radio-box');
+
+ radioInputTypeElement = ele[0].querySelectorAll('input[type="radio"]');
+
+ for (var i = 0; i < radioInputTypeElement.length; i++) {
+ var isChecked = radioInputTypeElement[i].checked ? 'true' : 'false';
+ var isDisabled = radioInputTypeElement[i].disabled ? 'true' : 'false';
+ var numOfx = i + 1 + ' of ' + radioInputTypeElement.length;
+ angular.element(roleRadioElement[i]).attr({
+ 'aria-checked': isChecked,
+ 'aria-disabled': isDisabled,
+ 'data-opNum': numOfx
+ });
+ if (b2bUserAgent.notMobile()) {
+ angular.element(roleRadioElement[i]).removeAttr("role");
+ }
+
+ if (radioProductSelectElement.length) {
+ isChecked === 'true' ? angular.element(radioProductSelectElement[i]).addClass('active') : angular.element(radioProductSelectElement[i]).removeClass('active');
+ }
+
+ if (/Android/i.test(navigator.userAgent)) {
+ angular.element(roleRadioElement[i]).append('<span class="hidden-spoken">. ' + numOfx + '.</span>');
+ }
+
+
+ angular.element(radioInputTypeElement[i]).bind('click', radioStateChangeonClick);
+
+ }
+ }
+
+ function addingRoleAttribute() {
+ for (var i = 0; i < radioInputTypeElement.length; i++) {
+ if (b2bUserAgent.notMobile()) {
+ angular.element(roleRadioElement[i]).attr("role", "radio");
+ }
+ }
+ }
+
+ function radioStateChangeonClick() {
+ for (var i = 0; i < radioInputTypeElement.length; i++) {
+ var isChecked = radioInputTypeElement[i].checked ? 'true' : 'false';
+ var isDisabled = radioInputTypeElement[i].disabled ? 'true' : 'false';
+ if (radioProductSelectElement.length) {
+ isChecked === 'true' ? angular.element(radioProductSelectElement[i]).addClass('active') : angular.element(radioProductSelectElement[i]).removeClass('active');
+ }
+ angular.element(roleRadioElement[i]).attr({
+ 'aria-checked': isChecked,
+ 'aria-disabled': isDisabled
+ });
+ }
+
+ }
+ }
+ }
+
+}]);
+
+/**
+ * @ngdoc directive
+ * @name Forms.att:searchField
+ *
+ * @description
+ * <file src="src/searchField/docs/readme.md" />
+ *
+ * @usage
+ * <div b2b-search-field dropdown-list="listdata" on-click-callback="clickFn(value)" class="span12" input-model='typedString' config-obj='keyConfigObj'></div>
+ *
+ * @example
+ <section id="code">
+ <example module="b2b.att">
+ <file src="src/searchField/docs/demo.html" />
+ <file src="src/searchField/docs/demo.js" />
+ </example>
+</section>
+ */
+
+angular.module('b2b.att.searchField', ['b2b.att.utilities', 'b2b.att.position'])
+ .filter('b2bFilterInput', [function() {
+ return function(list, str, keyArray, displayListKey, isContainsSearch, searchSeperator) {
+ var res = [];
+ var searchLabel;
+ var searchCondition;
+ var conditionCheck = function(searchSeperator, listItem, displayListKey, splitString) {
+ var displayTitle = null;
+ if (splitString) {
+ for (var i = 0; i < displayListKey.length; i++) {
+ if (i <= 0) {
+ displayTitle = listItem[displayListKey[i]].toLowerCase().indexOf(splitString[i].toLowerCase()) > -1;
+ } else {
+ displayTitle = (splitString[i]) ? displayTitle && listItem[displayListKey[i]].toLowerCase().indexOf(splitString[i].toLowerCase().trim()) > -1 : displayTitle;
+ }
+ }
+ } else {
+ angular.forEach(displayListKey, function(value) {
+ if (!displayTitle) {
+ displayTitle = listItem[value];
+ } else {
+ displayTitle = displayTitle + (listItem[value] ? searchSeperator + ' ' + listItem[value] : '');
+ }
+ });
+ }
+ return displayTitle;
+ }
+ angular.forEach(list, function(listItem) {
+ var splitString = str.indexOf(searchSeperator) > -1 ? str.split(searchSeperator) : false;
+ var displayList = conditionCheck(searchSeperator, listItem, displayListKey, splitString)
+ for (var i = 0; i < keyArray.length; i++) {
+ searchLabel = keyArray[i];
+ if (listItem[searchLabel]) {
+ if (isContainsSearch) {
+ var displaySearchList = listItem[searchLabel].toLowerCase().indexOf(str.toLowerCase()) > -1;
+ if (splitString.length > 1) {
+ displaySearchList = (splitString.length <= keyArray.length) ? displayList : false;
+ }
+ searchCondition = displaySearchList;
+ } else {
+ searchCondition = listItem[searchLabel].match(new RegExp('^' + str, 'gi'));
+ }
+ if (searchCondition) {
+ res.push({
+ 'title': conditionCheck(searchSeperator, listItem, displayListKey),
+ 'valueObj': listItem
+ });
+ break;
+ }
+ }
+ }
+ });
+ return res;
+ };
+ }]).directive('b2bSearchField', ['$filter', 'b2bFilterInputFilter', 'keymap', '$documentBind', '$isElement', '$document', 'events', '$timeout', function($filter, b2bFilterInput, keymap, $documentBind, $isElement, $document, events, $timeout) {
+ return {
+ restrict: 'A',
+ scope: {
+ dataList: '=dropdownList',
+ onClickCallback: '&',
+ inputModel: '=',
+ configObj: '=',
+ objModel: '=',
+ inputDeny: '=?',
+ disabled: '=?'
+ },
+ replace: true,
+ templateUrl: 'b2bTemplate/searchField/searchField.html',
+ controller: ['$scope', function($scope) {
+ this.searchKeyArray = [];
+ if ($scope.configObj.searchKeys) {
+ this.searchKeyArray = $scope.configObj.searchKeys;
+ }
+ if (angular.isUndefined($scope.disabled)) {
+ $scope.disabled = false;
+ }
+ this.triggerInput = function(searchString) {
+ $scope.originalInputModel = searchString;
+ if (searchString === '') {
+ $scope.currentIndex = -1;
+ $scope.filterList = [];
+ $scope.showListFlag = false;
+ } else if (searchString !== '' && !$scope.isFilterEnabled) {
+ $scope.filterList = $filter('b2bFilterInput')($scope.dataList, searchString, this.searchKeyArray, $scope.configObj.displayListDataKey, $scope.configObj.isContainsSearch, $scope.configObj.searchSeperator);
+ $scope.showListFlag = true;
+ }
+ };
+ this.denyRegex = function() {
+ return $scope.inputDeny;
+ };
+ }],
+ link: function(scope, elem) {
+ scope.isFilterEnabled = false;
+ scope.showListFlag = false;
+ scope.currentIndex = -1;
+ scope.setCurrentIdx = function(idx) {
+ scope.currentIndex = idx;
+ if (idx > -1) {
+ scope.inputModel = scope.filterList[idx].title;
+ scope.objModel = scope.filterList[idx];
+ }
+ };
+ scope.isActive = function(index, dropdownLength) {
+ scope.dropdownLength = dropdownLength;
+ return scope.currentIndex === index;
+ };
+ scope.selectItem = function(idx) {
+ scope.setCurrentIdx(idx);
+ scope.onClickCallback({
+ value: scope.inputModel,
+ objValue: scope.objModel
+ });
+ scope.showListFlag = false;
+ $timeout(function() {
+ elem.find('div').find('input')[0].focus();
+ }, 150);
+ };
+ scope.startSearch = function() {
+ scope.onClickCallback({
+ value: scope.inputModel,
+ objValue: scope.objModel
+ });
+ };
+ scope.selectPrev = function() {
+ if (scope.currentIndex > 0 && scope.filterList.length > 0) {
+ scope.currentIndex = scope.currentIndex - 1;
+ scope.setCurrentIdx(scope.currentIndex);
+ } else if (scope.currentIndex === 0) {
+ scope.currentIndex = scope.currentIndex - 1;
+ scope.inputModel = scope.originalInputModel;
+ scope.isFilterEnabled = true;
+ }
+ };
+ scope.selectNext = function() {
+ if (scope.currentIndex < scope.configObj.noOfItemsDisplay - 1) {
+ if (scope.currentIndex < scope.filterList.length - 1) {
+ scope.currentIndex = scope.currentIndex + 1;
+ scope.setCurrentIdx(scope.currentIndex);
+ }
+ }
+ };
+ scope.selectCurrent = function() {
+ scope.selectItem(scope.currentIndex);
+ };
+ scope.selectionIndex = function(e) {
+ switch (e.keyCode) {
+ case keymap.KEY.DOWN:
+ events.preventDefault(e);
+ scope.isFilterEnabled = true;
+ scope.selectNext();
+ break;
+ case keymap.KEY.UP:
+ events.preventDefault(e);
+ scope.isFilterEnabled = true;
+ scope.selectPrev();
+ break;
+ case keymap.KEY.ENTER:
+ events.preventDefault(e);
+ scope.isFilterEnabled = true;
+ scope.selectCurrent();
+ break;
+ case keymap.KEY.ESC:
+ events.preventDefault(e);
+ scope.isFilterEnabled = false;
+ scope.showListFlag = false;
+ scope.inputModel = '';
+ break;
+ default:
+ scope.isFilterEnabled = false;
+ break;
+ }
+ if (elem[0].querySelector('.filtercontainer')) {
+ elem[0].querySelector('.filtercontainer').scrollTop = (scope.currentIndex - 1) * 35;
+ }
+ };
+ scope.$watch('filterList', function(newVal, oldVal) {
+ if (newVal !== oldVal) {
+ scope.currentIndex = -1;
+ }
+ });
+ scope.blurInput = function() {
+ $timeout(function() {
+ scope.showListFlag = false;
+ }, 150);
+ };
+ var outsideClick = function(e) {
+ var isElement = $isElement(angular.element(e.target), elem.find('ul').eq(0), $document);
+ if (!isElement && document.activeElement.tagName.toLowerCase() !== 'input') {
+ scope.showListFlag = false;
+ scope.$apply();
+ }
+ };
+ $documentBind.click('showListFlag', outsideClick, scope);
+ }
+ };
+ }])
+ .directive('b2bSearchInput', [function() {
+ return {
+ restrict: 'A',
+ require: ['ngModel', '^b2bSearchField'],
+ link: function(scope, elem, attr, ctrl) {
+ var ngModelCtrl = ctrl[0];
+ var attSearchBarCtrl = ctrl[1];
+ var REGEX = ctrl[1].denyRegex();
+ var parser = function(viewValue) {
+ attSearchBarCtrl.triggerInput(viewValue);
+ return viewValue;
+ };
+ ngModelCtrl.$parsers.push(parser);
+
+ if (REGEX !== undefined || REGEX !== '') {
+ elem.bind('input', function() {
+ var inputString = ngModelCtrl.$viewValue && ngModelCtrl.$viewValue.replace(REGEX, '');
+ if (inputString !== ngModelCtrl.$viewValue) {
+ ngModelCtrl.$setViewValue(inputString);
+ ngModelCtrl.$render();
+ scope.$apply();
+ }
+ });
+ }
+ }
+ };
+ }]);
+
+/**
+ * @ngdoc directive
+ * @name Buttons, links & UI controls.att:Seek bar
+ *
+ * @description
+ * <file src="src/seekBar/docs/readme.md" />
+ *
+ * @usage
+ * Horizontal Seek Bar
+ * <b2b-seek-bar min="0" max="400" step="1" skip-interval="1" data-ng-model="horizontalSeekBarVal" style="width:180px; margin: auto;" on-drag-end="onDragEnd()" on-drag-init="onDragStart()"></b2b-seek-bar>
+
+ * Vertical Seek Bar
+ * <b2b-seek-bar min="0" max="1" step="0.01" skip-interval="0.1" vertical data-ng-model="verticalSeekBarVal" style=" width: 6px; height: 180px; margin: auto;"></b2b-seek-bar>
+ *
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/seekBar/docs/demo.html" />
+ <file src="src/seekBar/docs/demo.js" />
+ </example>
+ </section>
+ */
+
+angular.module('b2b.att.seekBar', ['b2b.att.utilities','b2b.att.position'])
+ .constant('b2bSeekBarConfig', {
+ 'min': 0,
+ 'max': 100,
+ 'step': 1,
+ 'skipInterval': 1
+ })
+ .directive('b2bSeekBar', ['$documentBind', 'events', 'b2bSeekBarConfig', 'keymap', '$compile', function($documentBind, events, b2bSeekBarConfig, keymap, $compile) {
+ return {
+ restrict: 'AE',
+ replace: true,
+ require: 'ngModel',
+ templateUrl: 'b2bTemplate/seekBar/seekBar.html',
+ scope: {
+ onDragEnd: '&?',
+ onDragInit: '&?'
+ },
+ link: function(scope, elm, attr, ngModelCtrl) {
+ scope.isDragging = false;
+ scope.verticalSeekBar = false;
+ var min;
+ var max;
+ var step = b2bSeekBarConfig.step;
+ var skipInterval = b2bSeekBarConfig.skipInterval;
+ var knob = angular.element(elm[0].querySelector('.b2b-seek-bar-knob-container'));
+ var seekBarKnob = angular.element(knob[0].querySelector('.b2b-seek-bar-knob'));
+ var trackContainer = angular.element(elm[0].querySelector('.b2b-seek-bar-track-container'));
+ var trackFill = angular.element(elm[0].querySelector('.b2b-seek-bar-track-fill'));
+ var trackContainerRect = {};
+ var axisPosition;
+ var trackFillOrderPositioning;
+
+ if (angular.isDefined(attr.vertical)) {
+ scope.verticalSeekBar = true;
+ axisPosition = "clientY";
+ }
+ else {
+ scope.verticalSeekBar = false;
+ axisPosition = "clientX";
+ }
+ var getValidStep = function(val) {
+ val = parseFloat(val);
+ // in case $modelValue came in string number
+ if (angular.isNumber(val)) {
+ val = Math.round((val - min) / step) * step + min;
+ return Math.round(val * 1000) / 1000;
+ }
+ };
+
+ var getPositionToPercent = function(x) {
+ if (scope.verticalSeekBar) {
+ return Math.max(0, Math.min(1, (trackContainerRect.bottom - x) / (trackFillOrderPositioning)));
+ }
+ else {
+ return Math.max(0, Math.min(1, (x - trackContainerRect.left) / (trackFillOrderPositioning)));
+ }
+ };
+
+ var getPercentToValue = function(percent) {
+ return (min + percent * (max - min));
+ };
+
+ var getValueToPercent = function(val) {
+ return (val - min) / (max - min);
+ };
+
+ var getValidMinMax = function(val) {
+ return Math.max(min, Math.min(max, val));
+ };
+
+ var updateTrackContainerRect = function() {
+ trackContainerRect = trackContainer[0].getBoundingClientRect();
+ if (scope.verticalSeekBar) {
+ if (!trackContainerRect.height) {
+ trackFillOrderPositioning = trackContainer[0].scrollHeight;
+ } else {
+ trackFillOrderPositioning = trackContainerRect.height;
+ }
+ }
+ else {
+ if (!trackContainerRect.width) {
+ trackFillOrderPositioning = trackContainer[0].scrollWidth;
+ } else {
+ trackFillOrderPositioning = trackContainerRect.width;
+ }
+
+ }
+
+ };
+
+ var updateKnobPosition = function(percent) {
+ var percentStr = (percent * 100) + '%';
+ if (scope.verticalSeekBar) {
+ knob.css('bottom', percentStr);
+ trackFill.css('height', percentStr);
+ }
+ else {
+ knob.css('left', percentStr);
+ trackFill.css('width', percentStr);
+ }
+ };
+
+ var modelRenderer = function() {
+ if (isNaN(ngModelCtrl.$viewValue)) {
+ ngModelCtrl.$viewValue = ngModelCtrl.$modelValue || min;
+ }
+
+ var viewVal = ngModelCtrl.$viewValue;
+ scope.currentModelValue = viewVal;
+
+ //wait for min, max and step to be set then only update UI to avoid NaN on percent calculation
+ if ((min || min === 0) && max && step) {
+ updateKnobPosition(getValueToPercent(viewVal));
+ }
+ };
+
+ var setModelValue = function(val) {
+ scope.currentModelValue = getValidMinMax(getValidStep(val));
+ ngModelCtrl.$setViewValue(scope.currentModelValue);
+ };
+
+ var updateMin = function(val) {
+ min = parseFloat(val);
+ if(isNaN(min)){
+ min = b2bSeekBarConfig.min;
+ }
+ modelRenderer();
+ };
+
+ var updateMax = function(val) {
+ max = parseFloat(val);
+ if(isNaN(max)){
+ max = b2bSeekBarConfig.max;
+ }
+ modelRenderer();
+ };
+
+ var updateStep = function(val) {
+ step = parseFloat(val);
+ if (!attr['skipInterval']) {
+ skipInterval = step;
+ }
+ };
+
+ var updateSkipInterval = function(val) {
+ skipInterval = step * Math.ceil(val / (step!==0?step:1));
+ };
+
+ angular.isDefined(attr.min) ? attr.$observe('min', updateMin) : updateMin(b2bSeekBarConfig.min);
+ angular.isDefined(attr.max) ? attr.$observe('max', updateMax) : updateMax(b2bSeekBarConfig.max);
+ if (angular.isDefined(attr.step)) {
+ attr.$observe('step', updateStep);
+ }
+ if (angular.isDefined(attr.skipInterval)) {
+ attr.$observe('skipInterval', updateSkipInterval);
+ }
+ scope.currentModelValue = getValidMinMax(getValidStep(min));
+ var onMouseDown = function(e) {
+ switch (e.which) {
+ case 1:
+ // left mouse button
+ break;
+ case 2:
+ case 3:
+ // right or middle mouse button
+ return;
+ }
+ ;
+
+ scope.isDragging = true;
+ seekBarKnob[0].focus();
+ updateTrackContainerRect();
+ if (attr['onDragInit']) {
+ scope.onDragInit();
+ }
+ events.stopPropagation(e);
+ events.preventDefault(e);
+ scope.$apply(function() {
+ setModelValue(getPercentToValue(getPositionToPercent(e[axisPosition])));
+ });
+ };
+
+ var onMouseUp = function() {
+
+ if (attr['onDragEnd']) {
+ scope.onDragEnd();
+ }
+ scope.isDragging = false;
+ scope.$digest();
+ };
+
+ var onMouseMove = function(e) {
+ if (scope.isDragging) {
+ events.stopPropagation(e);
+ events.preventDefault(e);
+
+ scope.$apply(function() {
+ setModelValue(getPercentToValue(getPositionToPercent(e[axisPosition])));
+ });
+ }
+ };
+
+ function onKeyDown(e) {
+ if (!(e.keyCode)) {
+ e.keyCode = e.which;
+ }
+ var updateStep;
+ switch (e.keyCode) {
+ case keymap.KEY.LEFT:
+ if (!scope.verticalSeekBar) {
+ updateStep = -skipInterval;
+ }
+ break;
+ case keymap.KEY.RIGHT:
+ if (!scope.verticalSeekBar) {
+ updateStep = skipInterval;
+ }
+ break;
+ case keymap.KEY.UP:
+ if (scope.verticalSeekBar) {
+ updateStep = skipInterval;
+ }
+ break;
+ case keymap.KEY.DOWN:
+ if (scope.verticalSeekBar) {
+ updateStep = -skipInterval;
+ }
+ break;
+ default:
+ return;
+ }
+
+ if (updateStep) {
+ events.stopPropagation(e);
+ events.preventDefault(e);
+ scope.$apply(function() {
+ setModelValue(ngModelCtrl.$viewValue + updateStep);
+ });
+ if (attr['onDragEnd']) {
+ scope.onDragEnd();
+ }
+ }
+ }
+
+ elm.on('keydown', onKeyDown);
+ elm.on('mousedown', onMouseDown);
+
+ $documentBind.event('mousemove', 'isDragging', onMouseMove, scope, true, 0);
+ $documentBind.event('mouseup', 'isDragging', onMouseUp, scope, true, 0);
+
+ ngModelCtrl.$render = function() {
+ if (!scope.isDragging) {
+ modelRenderer();
+ }
+ };
+ ngModelCtrl.$viewChangeListeners.push(modelRenderer);
+ ngModelCtrl.$formatters.push(getValidMinMax);
+ ngModelCtrl.$formatters.push(getValidStep);
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Forms.att:selectorModule
+ *
+ * @description
+ * <file src="src/selectorModule/docs/readme.md" />
+ *
+ * @usage
+ * <select name="myNameBig" type="large" b2b-dropdown ng-model="Controller Variable here">
+ * <option b2b-dropdown-list option-repeat="option data here" imgsrc="image path" value="value">List Text</option>
+ * </select>
+ *
+ * <select name="myNameBig" type="large" b2b-dropdown ng-model="Controller Variable here">
+ * <option b2b-dropdown-list option-repeat="option data here" imgsrc="image path" value="value">List Text</option>
+ * </select>
+ *
+ * <select name="myNameBig" b2b-dropdown ng-model="Controller Variable here">
+ * <optgroup b2b-dropdown-group label="Group Label here">
+ * <option b2b-dropdown-list option-repeat="option data here" imgsrc="image path" value="value">List Text</option>
+ * </optgroup>
+ * </select>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/selectorModule/docs/demo.html" />
+ <file src="src/selectorModule/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.selectorModule', ['b2b.att.dropdowns']);
+/**
+ * @ngdoc directive
+ * @name Layouts.att:separators
+ *
+ * @description
+ * <file src="src/separators/docs/readme.md" />
+ *
+ * @usage
+
+ *
+ * @example
+ * <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/separators/docs/demo.html" />
+ <file src="src/separators/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+
+angular.module('b2b.att.separators', []);
+/**
+ * @ngdoc directive
+ * @name Buttons, links & UI controls.att:slider
+ *
+ * @description
+ * <file src="src/slider/docs/readme.md" />
+ *
+ * @usage
+ * <b2b-slider min="0" max="400" step="1" no-aria-label skip-interval="1" ng-model="horizontalSliderVal" style="width:180px; margin: auto;" on-drag-end="onDragEnd()" on-drag-init="onDragStart()" label-id="slider-label" post-aria-label="postAriaLabel"></b2b-slider>
+ *
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/slider/docs/demo.html" />
+ <file src="src/slider/docs/demo.js" />
+ </example>
+ </section>
+ */
+
+angular.module('b2b.att.slider', ['b2b.att.utilities'])
+ .constant('SliderConfig', {
+ 'min': 0,
+ 'max': 100,
+ 'step': 1,
+ 'skipInterval': 1
+ })
+ .directive('b2bSlider', ['$documentBind', 'SliderConfig', 'keymap', '$compile', '$log', function($documentBind, SliderConfig, keymap, $compile, $log) {
+ return {
+ restrict: 'AE',
+ replace: true,
+ require: 'ngModel',
+ templateUrl: 'b2bTemplate/slider/slider.html',
+ scope: {
+ onDragEnd: '&?',
+ onDragInit: '&?',
+ trackFillColor: '=?',
+ preAriaLabel: '=?',
+ postAriaLabel: '=?',
+ onRenderEnd: '&?',
+ sliderSnapPoints: '=?',
+ customAriaLabel: '=?',
+ labelId: '@?'
+ },
+ link: function(scope, elm, attr, ngModelCtrl) {
+ scope.isDragging = false;
+ scope.verticalSlider = false;
+ var min;
+ var max;
+ var step = SliderConfig.step;
+ var skipInterval = SliderConfig.skipInterval;
+ var knob = angular.element(elm[0].querySelector('.slider-knob-container'));
+ var sliderKnob = angular.element(knob[0].querySelector('.slider-knob'));
+ var trackContainer = angular.element(elm[0].querySelector('.slider-track-container'));
+ var trackFill = angular.element(elm[0].querySelector('.slider-track-fill'));
+ var trackContainerRect = {};
+ var axisPosition = "clientX";
+ var trackFillOrderPositioning;
+
+ //Forcefully disabling the vertical Slider code.
+ if (angular.isDefined(attr.vertical)) {
+ scope.verticalSlider = true;
+ axisPosition = "clientY";
+ }
+
+ if (angular.isDefined(scope.noAriaLabel) && scope.noAriaLabel !== '') {
+ $log.warn('no-aria-label has been deprecated. This will be removed in v0.6.0.');
+ }
+ if (angular.isDefined(scope.preAriaLabel) && scope.preAriaLabel !== '') {
+ $log.warn('pre-aria-label has been deprecated. Please use label-id instead. This will be removed in v0.6.0.');
+ }
+ if (angular.isDefined(scope.customAriaLabel) && scope.customAriaLabel !== '') {
+ $log.warn('custom-aria-label has been deprecated. Please use label-id and post-aria-label instead. This will be removed in v0.6.0.');
+ }
+
+ var binarySearchNearest = function (num, arr) {
+ var mid;
+ var lo = 0;
+ var hi = arr.length - 1;
+
+ while (hi - lo > 1) {
+ mid = Math.floor((lo + hi) / 2);
+ if (arr[mid] < num) {
+ lo = mid;
+ } else {
+ hi = mid;
+ }
+ }
+ if (num - arr[lo] < arr[hi] - num) {
+ return arr[lo];
+ }
+ return arr[hi];
+ };
+
+ var getValidStep = function(val) {
+ val = parseFloat(val);
+ // in case $modelValue came in string number
+ if (!isNaN(val)) {
+
+ if(attr['sliderSnapPoints'] && scope.sliderSnapPoints.length > 0) {
+ val = binarySearchNearest(val, scope.sliderSnapPoints);
+ }
+ else {
+ val = Math.round((val - min) / step) * step + min;
+ }
+
+ return Math.round(val * 1000) / 1000;
+ }
+ };
+
+ var getPositionToPercent = function(x) {
+ if (scope.verticalSlider) {
+ return Math.max(0, Math.min(1, (trackContainerRect.bottom - x) / (trackFillOrderPositioning)));
+ }
+ else {
+ return Math.max(0, Math.min(1, (x - trackContainerRect.left) / (trackFillOrderPositioning)));
+ }
+ };
+
+ var getPercentToValue = function(percent) {
+ return (min + percent * (max - min));
+ };
+
+ var getValueToPercent = function(val) {
+ return (val - min) / (max - min);
+ };
+
+ var getValidMinMax = function(val) {
+ return Math.max(min, Math.min(max, val));
+ };
+
+ var updateTrackContainerRect = function() {
+ trackContainerRect = trackContainer[0].getBoundingClientRect();
+ if (scope.verticalSlider) {
+ if (!trackContainerRect.height) {
+ trackFillOrderPositioning = trackContainer[0].scrollHeight;
+ } else {
+ trackFillOrderPositioning = trackContainerRect.height;
+ }
+ }
+ else {
+ if (!trackContainerRect.width) {
+ trackFillOrderPositioning = trackContainer[0].scrollWidth;
+ } else {
+ trackFillOrderPositioning = trackContainerRect.width;
+ }
+
+ }
+
+ };
+
+ var updateKnobPosition = function(percent) {
+ var percentStr = (percent * 100) + '%';
+ if (scope.verticalSlider) {
+ knob.css('bottom', percentStr);
+ trackFill.css('height', percentStr);
+ }
+ else {
+ knob.css('left', percentStr);
+ trackFill.css('width', percentStr);
+ }
+ };
+
+ var modelRenderer = function() {
+
+ if(attr['disabled']){
+ return;
+ }
+
+ if (isNaN(ngModelCtrl.$viewValue)) {
+ ngModelCtrl.$viewValue = ngModelCtrl.$modelValue || min;
+ }
+
+ var viewVal = ngModelCtrl.$viewValue;
+ scope.currentModelValue = viewVal;
+
+ //wait for min, max and step to be set then only update UI to avoid NaN on percent calculation
+ if ((min || min === 0) && max && step) {
+ updateKnobPosition(getValueToPercent(viewVal));
+ }
+ };
+
+ var setModelValue = function(val) {
+ scope.currentModelValue = getValidMinMax(getValidStep(val));
+ ngModelCtrl.$setViewValue(scope.currentModelValue);
+ };
+
+ var updateMin = function(val) {
+ min = parseFloat(val);
+ if(isNaN(min)){
+ min = SliderConfig.min;
+ }
+ scope.min = min;
+ modelRenderer();
+ };
+
+ var updateMax = function(val) {
+ max = parseFloat(val);
+ if(isNaN(max)){
+ max = SliderConfig.max;
+ }
+ scope.max = max;
+ modelRenderer();
+ };
+
+ var updateStep = function(val) {
+ step = parseFloat(val);
+ if (!attr['skipInterval']) {
+ skipInterval = step;
+ }
+ };
+
+ var updateSkipInterval = function(val) {
+ skipInterval = step * Math.ceil(val / (step!==0?step:1));
+ };
+
+ angular.isDefined(attr.min) ? attr.$observe('min', updateMin) : updateMin(SliderConfig.min);
+ angular.isDefined(attr.max) ? attr.$observe('max', updateMax) : updateMax(SliderConfig.max);
+ if (angular.isDefined(attr.step)) {
+ attr.$observe('step', updateStep);
+ }
+ if (angular.isDefined(attr.skipInterval)) {
+ attr.$observe('skipInterval', updateSkipInterval);
+ }
+ scope.currentModelValue = getValidMinMax(getValidStep(min));
+ var onMouseDown = function(e) {
+
+ if(attr['disabled']){
+ return;
+ }
+
+ switch (e.which) {
+ case 1:
+ // left mouse button
+ break;
+ case 2:
+ case 3:
+ // right or middle mouse button
+ return;
+ }
+
+ scope.isDragging = true;
+ sliderKnob[0].focus();
+ updateTrackContainerRect();
+ if (attr['onDragInit']) {
+ scope.onDragInit();
+ }
+ e.stopPropagation();
+ e.preventDefault();
+ scope.$apply(function() {
+ setModelValue(getPercentToValue(getPositionToPercent(e[axisPosition])));
+ });
+ };
+
+ var onMouseUp = function() {
+
+ if (attr['onDragEnd']) {
+ scope.onDragEnd();
+ }
+ scope.isDragging = false;
+ scope.$digest();
+ };
+
+ var onMouseMove = function(e) {
+ if (scope.isDragging) {
+ e.stopPropagation();
+ e.preventDefault();
+
+ scope.$apply(function() {
+ setModelValue(getPercentToValue(getPositionToPercent(e[axisPosition])));
+ });
+ }
+ };
+
+ function onKeyDown(e) {
+ if (!(e.keyCode)) {
+ e.keyCode = e.which;
+ }
+ var updateStep;
+ switch (e.keyCode) {
+ case keymap.KEY.DOWN:
+ case keymap.KEY.LEFT:
+ if(attr['sliderSnapPoints'] && scope.sliderSnapPoints.length > 0) {
+ var currentIndex = scope.sliderSnapPoints.indexOf(ngModelCtrl.$viewValue);
+ if (currentIndex > 0) {
+ currentIndex--;
+ }
+ updateStep = scope.sliderSnapPoints[currentIndex];
+ }
+ else {
+ updateStep = ngModelCtrl.$viewValue - skipInterval;
+ }
+ break;
+ case keymap.KEY.UP:
+ case keymap.KEY.RIGHT:
+ if(attr['sliderSnapPoints'] && scope.sliderSnapPoints.length > 0) {
+ var currentIndex = scope.sliderSnapPoints.indexOf(ngModelCtrl.$viewValue);
+ if (currentIndex < scope.sliderSnapPoints.length-1) {
+ currentIndex++;
+ }
+ updateStep = scope.sliderSnapPoints[currentIndex];
+ }
+ else {
+ updateStep = ngModelCtrl.$viewValue + skipInterval;
+ }
+ break;
+ case keymap.KEY.END:
+ if(attr['sliderSnapPoints'] && scope.sliderSnapPoints.length > 0) {
+ currentIndex = scope.sliderSnapPoints.length-1;
+ updateStep = scope.sliderSnapPoints[currentIndex];
+ } else {
+ setModelValue(scope.max);
+ }
+ e.preventDefault();
+ e.stopPropagation();
+ break;
+ case keymap.KEY.HOME:
+ if(attr['sliderSnapPoints'] && scope.sliderSnapPoints.length > 0) {
+ currentIndex = 0;
+ updateStep = scope.sliderSnapPoints[currentIndex];
+ } else {
+ setModelValue(scope.min);
+ }
+ e.preventDefault();
+ e.stopPropagation();
+ break;
+ default:
+ return;
+ }
+
+ if (angular.isNumber(updateStep) && !attr['disabled']) {
+ e.stopPropagation();
+ e.preventDefault();
+ scope.$apply(function() {
+ setModelValue(updateStep);
+ });
+ if (attr['onDragEnd']) {
+ scope.onDragEnd();
+ }
+ }
+ }
+
+ elm.on('keydown', onKeyDown);
+ elm.on('mousedown', onMouseDown);
+
+ $documentBind.event('mousemove', 'isDragging', onMouseMove, scope, true, 0);
+ $documentBind.event('mouseup', 'isDragging', onMouseUp, scope, true, 0);
+
+ attr.$observe('disabled', function (disabled) {
+ if (disabled) {
+ sliderKnob.removeAttr('tabindex');
+ } else {
+ sliderKnob.attr('tabindex', '0');
+ disabled = false;
+ }
+
+ elm.toggleClass("slider-disabled", disabled);
+
+ if (angular.isDefined(attr.hideDisabledKnob)) {
+ scope.hideKnob = disabled;
+ }
+ });
+
+ ngModelCtrl.$render = function() {
+ if (!scope.isDragging) {
+ modelRenderer();
+ if (attr['onRenderEnd'] && !attr['disabled']) {
+ scope.onRenderEnd({currentModelValue: scope.currentModelValue});
+ }
+ }
+ };
+ ngModelCtrl.$viewChangeListeners.push(modelRenderer);
+ ngModelCtrl.$formatters.push(getValidMinMax);
+ ngModelCtrl.$formatters.push(getValidStep);
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Forms.att:spinButton
+ *
+ * @param {String} spin-button-id - An ID for the input field
+ * @param {Integer} min - Minimum value for the input
+ * @param {Integer} max - Maximum value for the input
+ * @param {Integer} step - Value by which input field increments or decrements on up/down arrow keys
+ * @param {Integer} page-step - Value by which input field increments or decrements on page up/down keys
+ * @param {boolean} input-model-key - Default value for input field
+ * @param {boolean} disabled-flag - A boolean that triggers directive once the min or max value has reached
+ *
+ * @description
+ * <file src="src/spinButton/docs/readme.md" />
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/spinButton/docs/demo.html" />
+ <file src="src/spinButton/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.spinButton', ['b2b.att.utilities'])
+ .constant('b2bSpinButtonConfig', {
+ min: 1,
+ max: 10,
+ step: 1,
+ pageStep: 10,
+ inputModelKey: 'value',
+ disabledFlag: false
+ })
+ .directive('b2bSpinButton', ['keymap', 'b2bSpinButtonConfig', 'b2bUserAgent', function (keymap, b2bSpinButtonConfig, userAgent) {
+ return {
+ restrict: 'EA',
+ require: '?ngModel',
+ transclude: false,
+ replace: true,
+ scope: {
+ min: '=min',
+ max: '=max',
+ step: '=step',
+ pageStep: '=pageStep',
+ spinButtonId: '@',
+ inputValue: '=ngModel',
+ inputModelKey: '@',
+ disabledFlag: "=?"
+ },
+ templateUrl: 'b2bTemplate/spinButton/spinButton.html',
+ controller: ['$scope', '$element', '$attrs', function (scope, element, attrs) {
+
+ scope.isMobile = userAgent.isMobile();
+ scope.notMobile = userAgent.notMobile();
+
+ scope.min = attrs.min ? scope.min : b2bSpinButtonConfig.min;
+ scope.max = attrs.max ? scope.max : b2bSpinButtonConfig.max;
+ scope.step = attrs.step ? scope.step : b2bSpinButtonConfig.step;
+ scope.pageStep = attrs.pageStep ? scope.pageStep : b2bSpinButtonConfig.pageStep;
+ scope.inputModelKey = attrs.inputModelKey ? scope.inputModelKey : b2bSpinButtonConfig.inputModelKey;
+ scope.disabledFlag = attrs.disabledFlag ? scope.disabledFlag : b2bSpinButtonConfig.disabledFlag;
+
+ if (scope.min < 0) {
+ scope.min = 0;
+ }
+ if (scope.max > 999) {
+ scope.max = 999;
+ }
+
+ scope.isPlusDisabled = function () {
+ return (scope.disabledFlag || scope.inputValue[scope.inputModelKey] >= scope.max);
+ };
+ scope.isMinusDisabled = function () {
+ return (scope.disabledFlag || scope.inputValue[scope.inputModelKey] <= scope.min);
+ };
+
+ scope.getValidateInputValue = function (value) {
+ if (value <= scope.min) {
+ return scope.min;
+ } else if (value >= scope.max) {
+ return scope.max;
+ } else {
+ return value;
+ }
+ };
+
+ scope.plus = function () {
+ scope.inputValue[scope.inputModelKey] = scope.getValidateInputValue(parseInt(scope.inputValue[scope.inputModelKey], 10) + scope.step);
+ };
+ scope.minus = function () {
+ scope.inputValue[scope.inputModelKey] = scope.getValidateInputValue(parseInt(scope.inputValue[scope.inputModelKey], 10) - scope.step);
+ };
+ scope.pagePlus = function () {
+ scope.inputValue[scope.inputModelKey] = scope.getValidateInputValue(parseInt(scope.inputValue[scope.inputModelKey], 10) + scope.pageStep);
+ };
+ scope.pageMinus = function () {
+ scope.inputValue[scope.inputModelKey] = scope.getValidateInputValue(parseInt(scope.inputValue[scope.inputModelKey], 10) - scope.pageStep);
+ };
+
+ }],
+ link: function (scope, elem) {
+
+ if (scope.notMobile) {
+ angular.element(elem).find('input').attr('aria-live', 'off');
+ angular.element(elem).find('input').attr('role', 'spinbutton');
+ }
+
+ elem.find('input').bind('keydown', function (e) {
+ if (e.keyCode === keymap.KEY.UP) {
+ scope.plus();
+ } else if (e.keyCode === keymap.KEY.DOWN){
+ scope.minus();
+ } else if (e.keyCode === keymap.KEY.HOME) {
+ scope.inputValue[scope.inputModelKey] = parseInt(scope.min);
+ } else if (e.keyCode === keymap.KEY.END) {
+ scope.inputValue[scope.inputModelKey] = parseInt(scope.max);
+ } else if (e.keyCode === keymap.KEY.PAGE_UP) {
+ scope.pagePlus();
+ } else if (e.keyCode === keymap.KEY.PAGE_DOWN) {
+ scope.pageMinus();
+ }
+ scope.$apply();
+ });
+
+ elem.find('input').bind('keyup', function () {
+ if (scope.inputValue[scope.inputModelKey] === null ||
+ scope.inputValue[scope.inputModelKey] === '' ||
+ scope.inputValue[scope.inputModelKey] < scope.min) {
+ scope.inputValue[scope.inputModelKey] = scope.min;
+ scope.$apply();
+ } else if (angular.isUndefined(scope.inputValue[scope.inputModelKey]) ||
+ scope.inputValue[scope.inputModelKey] > scope.max) {
+ scope.inputValue[scope.inputModelKey] = scope.max;
+ scope.$apply();
+ }
+ });
+
+ scope.focusInputSpinButton = function (evt) {
+ evt.preventDefault();
+ if (scope.notMobile) {
+ elem[0].querySelector('input').focus();
+ }
+ };
+
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Template.att:Static Route
+ *
+ * @description
+ * <file src="src/staticRouteTemplate/docs/readme.md" />
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/staticRouteTemplate/docs/demo.html" />
+ <file src="src/staticRouteTemplate/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.staticRouteTemplate', ['b2b.att.utilities'])
+
+/**
+ * @ngdoc directive
+ * @name Progress & usage indicators.att:statusTracker
+ *
+ * @scope
+ * @param {array} statuses - An array of status objects
+ * @description
+ * <file src="src/statusTracker/docs/readme.md" />
+ *
+ * @usage
+ *
+<div ng-controller="statusTrackerController">
+ <b2b-status-tracker statuses="statusObject"></b2b-status-tracker>
+</div>
+
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/statusTracker/docs/demo.html" />
+ <file src="src/statusTracker/docs/demo.js" />
+ </example>
+ </section>
+ */
+
+angular.module('b2b.att.statusTracker', ['b2b.att.utilities'])
+.constant('b2bStatusTrackerConfig', {
+ 'maxViewItems': 3
+})
+.directive('b2bStatusTracker', ['b2bStatusTrackerConfig', function(b2bStatusTrackerConfig) {
+ return {
+ restrict: 'EA',
+ transclude: false,
+ replace: true,
+ scope:{
+ statuses: '='
+ },
+ templateUrl: function(scope) {
+ return 'b2bTemplate/statusTracker/statusTracker.html';
+ },
+ link: function(scope, element, attr) {
+ scope.currentViewIndex = 0;
+ scope.b2bStatusTrackerConfig = b2bStatusTrackerConfig;
+
+ scope.nextStatus = function() {
+ if (scope.currentViewIndex+1 <= scope.statuses.length) {
+ scope.currentViewIndex++;
+ }
+ };
+ scope.previousStatus = function() {
+ if (scope.currentViewIndex-1 >= 0) {
+ scope.currentViewIndex--;
+ }
+ };
+ scope.isInViewport = function(index) {
+ return (index < scope.currentViewIndex+3 && index >= scope.currentViewIndex); // && index > scope.currentViewIndex-2
+ };
+ scope.currentStatus = function(index) {
+ if(index != undefined){
+ if(!scope.statuses[index].complete) {
+ if(index > 0 && scope.statuses[index-1].complete) {
+ return true;
+ } else if(index == 0 && !scope.statuses[index].complete){
+ return true;
+ } else {
+ return false;
+ }
+ }
+ }
+ };
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Progress & usage indicators.att:stepTracker
+ *
+ * @scope
+ * @param {array} stepsItemsObject - An array of step objects
+ * @param {Integer} currenIindex - This indicates the current running step
+ * @param {Integer} viewportIndex - This is optional. This can used to start the view port rather than 1 item.
+ * @description
+ * <file src="src/stepTracker/docs/readme.md" />
+ *
+ * @usage
+ *
+ * <b2b-step-tracker steps-items-object="stepsObject" current-index="currentStepIndex" step-indicator-heading="stepHeading"></b2b-step-tracker>
+ *
+
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/stepTracker/docs/demo.html" />
+ <file src="src/stepTracker/docs/demo.js" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.stepTracker', ['b2b.att.utilities'])
+ .constant('b2bStepTrackerConfig', {
+ 'maxViewItems': 5
+ })
+ .directive('b2bStepTracker', ['b2bStepTrackerConfig', function(b2bStepTrackerConfig) {
+ return {
+ restrict: 'EA',
+ transclude: true,
+ scope:{
+ stepsItemsObject:"=",
+ currentIndex:"=",
+ viewportIndex:"=?"
+ },
+ templateUrl: 'b2bTemplate/stepTracker/stepTracker.html',
+ link: function(scope, ele, attr) {
+ if (angular.isDefined(scope.viewportIndex)) {
+ scope.currentViewIndex = scope.viewportIndex - 1;
+ }else{
+ scope.currentViewIndex = 0;
+ }
+
+ scope.b2bStepTrackerConfig = b2bStepTrackerConfig;
+ scope.nextStatus = function() {
+ if (scope.currentViewIndex+1 <= scope.stepsItemsObject.length) {
+ scope.currentViewIndex++;
+ }
+ };
+ scope.previousStatus = function() {
+ if (scope.currentViewIndex-1 >= 0) {
+ scope.currentViewIndex--;
+ }
+ };
+ scope.isInViewport = function(index) {
+ return (index < scope.currentViewIndex+b2bStepTrackerConfig.maxViewItems && index >= scope.currentViewIndex);
+ };
+ }
+ };
+ }]);
+
+/**
+ * @ngdoc directive
+ * @name Buttons, links & UI controls.att:switches
+ *
+ * @description
+ * <file src="src/switches/docs/readme.md" />
+ *
+ * @usage
+ *
+ * <!-- On / Off Toggle switch -->
+ * <label for="switch1" class="controlled-text-wrap"> This is ON
+ * <input type="checkbox" role="checkbox" b2b-switches id="switch1" ng-model="switch1.value">
+ * </label>
+ *
+ * <!-- On / Off Toggle switch and DISABLED -->
+ * <label for="switch2" class="controlled-text-wrap"> This is ON (disabled)
+ * <input type="checkbox" role="checkbox" b2b-switches id="switch2" ng-model="switch1.value" ng-disabled="true" >
+ * </label>
+ *
+ *
+ * @example
+ * <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/switches/docs/demo.js" />
+ <file src="src/switches/docs/demo.html" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.switches', ['b2b.att.utilities'])
+ .directive('b2bSwitches', ['$compile', '$templateCache', 'keymap', 'events', function ($compile, $templateCache, keymap, events) {
+ return {
+ restrict: 'EA',
+ require: ['ngModel'],
+ link: function (scope, element, attrs, ctrl) {
+ var ngModelController = ctrl[0];
+
+ element.parent().bind("keydown", function (e) {
+ if (!attrs.disabled && (e.keyCode === keymap.KEY.ENTER || e.keyCode === keymap.KEY.SPACE)) {
+ events.preventDefault(e);
+ ngModelController.$setViewValue(!ngModelController.$viewValue);
+ element.prop("checked", ngModelController.$viewValue);
+ }
+ });
+
+ element.wrap('<div class="btn-switch">');
+ //element.attr("tabindex", -1);
+ if (navigator.userAgent.match(/iphone/i)){
+ element.attr("aria-live", "polite");
+ }
+ else {
+ element.removeAttr('aria-live');
+ }
+
+ var templateSwitch = angular.element($templateCache.get("b2bTemplate/switches/switches.html"));
+ if (angular.isDefined(attrs.typeSpanish)) {
+ templateSwitch = angular.element($templateCache.get("b2bTemplate/switches/switches-spanish.html"));
+ }
+
+ templateSwitch = $compile(templateSwitch)(scope);
+ element.parent().append(templateSwitch);
+
+ element.bind("focus", function (e) {
+ element.parent().addClass('focused');
+ });
+
+ element.bind("blur", function (e) {
+ element.parent().removeClass('focused');
+ });
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Messages, modals & alerts.att:tableMessages
+ *
+ * @description
+ * <file src="src/tableMessages/docs/readme.md" />
+ *
+ * @usage
+ <!-- no matching results -->
+ <b2b-table-message msg-type="'noMatchingResults'">
+ <p>No Matching Results</p>
+ </b2b-table-message>
+
+ <!-- info could not load -->
+ <b2b-table-message msg-type="'infoCouldNotLoad'" on-refresh-click="refreshClicked()">
+ </b2b-table-message>
+
+ <!-- magnify search -->
+ <b2b-table-message msg-type="'magnifySearch'">
+ </b2b-table-message>
+
+ <!-- loading data -->
+ <b2b-table-message msg-type="'loadingTable'">
+ <!-- custom html -->
+ <p>The data is currently loading...</p>
+ </b2b-table-message>
+
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/tableMessages/docs/demo.html" />
+ <file src="src/tableMessages/docs/demo.js" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.tableMessages', [])
+ .directive('b2bTableMessage', [function() {
+ return {
+ restrict: 'AE',
+ replace: true,
+ transclude: true,
+ scope: {
+ msgType: '=',
+ onRefreshClick: '&'
+ },
+ templateUrl: 'b2bTemplate/tableMessages/tableMessage.html',
+ link: function(scope) {
+ scope.refreshAction = function(evt) {
+ scope.onRefreshClick(evt);
+ };
+ }
+ };
+ }]);
+
+/**
+ * @ngdoc directive
+ * @name Tabs, tables & accordions.att:tableScrollbar
+ *
+ * @description
+ * <file src="src/tableScrollbar/docs/readme.md" />
+ *
+ * @usage
+ *
+<b2b-table-scrollbar>
+ <table>
+ <thead type="header">
+ <tr>
+ <th role="columnheader" scope="col" key="Id" id="col1">Id</th>
+ .....
+ </tr>
+ </thead>
+ <tbody type="body">
+ <tr>
+ <td id="rowheader0" headers="col1">1002</td>
+ .....
+ </tr>
+ </tbody>
+ </table>
+</b2b-table-scrollbar>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/tableScrollbar/docs/demo.html" />
+ <file src="src/tableScrollbar/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.tableScrollbar', [])
+ .directive('b2bTableScrollbar', ['$timeout', function ($timeout) {
+ return {
+ restrict: 'E',
+ scope: true,
+ transclude: true,
+ templateUrl: 'b2bTemplate/tableScrollbar/tableScrollbar.html',
+ link: function (scope, element, attrs, ctrl) {
+ var firstThWidth, firstTdWidth, firstColumnWidth, firstColumnHeight, trHeight = 0;
+ var pxToScroll = '';
+ var tableElement = element.find('table');
+ var thElements = element.find('th');
+ var tdElements = element.find('td');
+ var innerContainer = angular.element(element[0].querySelector('.b2b-table-inner-container'));
+ var outerContainer = angular.element(element[0].querySelector('.b2b-table-scrollbar'));
+
+ scope.disableLeft = true;
+ scope.disableRight = false;
+
+ if (angular.isDefined(thElements[0])) {
+ firstThWidth = thElements[0].offsetWidth;
+ }
+ if (angular.isDefined(tdElements[0])) {
+ firstTdWidth = tdElements[0].offsetWidth;
+ }
+ firstColumnWidth = (firstThWidth > firstTdWidth) ? firstThWidth : firstTdWidth;
+
+ innerContainer.css({
+ 'padding-left': (firstColumnWidth + 2) + 'px'
+ });
+
+ angular.forEach(element.find('tr'), function (eachTr, index) {
+ trObject = angular.element(eachTr);
+ firstColumn = angular.element(trObject.children()[0]);
+
+ angular.element(firstColumn).css({
+ 'margin-left': -(firstColumnWidth + 2) + 'px',
+ 'width': (firstColumnWidth + 2) + 'px',
+ 'position': 'absolute'
+ });
+
+ trHeight = trObject[0].offsetHeight;
+ firstColumnHeight = firstColumn[0].offsetHeight;
+ if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
+ firstColumnHeight += 1;
+ }
+
+ if (trHeight !== firstColumnHeight - 1) {
+ if (trHeight > firstColumnHeight) {
+ if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
+ trHeight -= 1;
+ }
+ angular.element(firstColumn).css({
+ 'height': (trHeight + 1) + 'px'
+ });
+ } else {
+ angular.element(trObject).css({
+ 'height': (firstColumnHeight - 1) + 'px'
+ });
+ }
+ }
+
+ });
+
+ pxToScroll = outerContainer[0].offsetWidth - firstColumnWidth;
+
+ scope.scrollLeft = function () {
+ innerContainer[0].scrollLeft = innerContainer[0].scrollLeft + 20 - pxToScroll;
+ };
+
+ scope.scrollRight = function () {
+ innerContainer[0].scrollLeft = innerContainer[0].scrollLeft + pxToScroll - 20;
+ };
+
+ scope.checkScrollArrows = function () {
+ if (innerContainer[0].scrollLeft == 0) {
+ scope.disableLeft = true;
+ } else {
+ scope.disableLeft = false;
+ }
+
+ if (((innerContainer[0].offsetWidth - firstColumnWidth) + innerContainer[0].scrollLeft) >= tableElement[0].offsetWidth) {
+ scope.disableRight = true;
+ } else {
+ scope.disableRight = false;
+ }
+ };
+
+ innerContainer.bind('scroll', function () {
+ $timeout(function () {
+ scope.checkScrollArrows();
+ }, 1);
+ });
+
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Tabs, tables & accordions.att:tables
+ *
+ * @description
+ * <file src="src/tables/docs/readme.md" />
+ *
+ * @usage
+ *
+ Table
+ <table b2b-table table-data="tableData" search-string="searchString">
+ <thead b2b-table-row type="header">
+ <tr>
+ <th b2b-table-header key="requestId" default-sort="a" id="col1">Header 1</th>
+ <th b2b-table-header key="requestType" sortable="false" id="col2">Header 2</th>
+ </tr>
+ </thead>
+ <tbody b2b-table-row type="body" row-repeat="rowData in tableData">
+ <tr>
+ <td b2b-table-body id="rowheader{{$index}}" headers="col1" ng-bind="rowData['requestId']"> </td>
+ <td b2b-table-body ng-bind="rowData['requestType']"></td>
+ </tr>
+ </tbody>
+ </table>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/tables/docs/demo.html" />
+ <file src="src/tables/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.tables', ['b2b.att.utilities'])
+ .constant('b2bTableConfig', {
+ defaultSortPattern: false, // true for descending & false for ascending
+ highlightSearchStringClass: 'tablesorter-search-highlight',
+ zebraStripCutOff: 6, // > zebraStripCutOff
+ tableBreakpoints: [ // breakpoints are >= min and < max
+ {
+ min: 0,
+ max: 480,
+ columns: 2
+ },
+ {
+ min: 480,
+ max: 768,
+ columns: 3
+ },
+ {
+ min: 768,
+ max: 1025,
+ columns: 5
+ },
+ {
+ min: 1025,
+ max: 1920,
+ columns: 7
+ }
+ ]
+ })
+ .directive('b2bTable', ['$filter', '$window', 'b2bTableConfig', '$timeout', function ($filter, $window, b2bTableConfig, $timeout) {
+ return {
+ restrict: 'EA',
+ replace: true,
+ transclude: true,
+ scope: {
+ tableData: "=",
+ viewPerPage: "=",
+ currentPage: "=",
+ totalPage: "=",
+ searchCategory: "=",
+ searchString: "=",
+ nextSort: '='
+ },
+ require: 'b2bTable',
+ templateUrl: 'b2bTemplate/tables/b2bTable.html',
+ controller: ['$scope', '$attrs', function ($scope, $attrs) {
+ this.headers = [];
+ this.currentSortIndex = null;
+ this.responsive = $scope.responsive = $attrs.responsive;
+ this.maxTableColumns = -1;
+ this.totalTableColums = 0;
+ this.active = $scope.active = false;
+ this.responsiveRowScopes = [];
+ this.hideColumnPriority = [];
+ this.hiddenColumn = [];
+ this.setIndex = function (headerScope, priority) {
+ this.headers.push(headerScope);
+ if (this.responsive) {
+ this.totalTableColums++;
+ if (!isNaN(priority)) {
+ this.hideColumnPriority[priority] = this.totalTableColums - 1;
+ } else {
+ this.hideColumnPriority[this.totalTableColums - 1] = this.totalTableColums - 1;
+ }
+ }
+ return this.totalTableColums - 1;
+ };
+ this.getIndex = function (headerName) {
+ for (var i = 0; i < this.headers.length; i++) {
+ if (this.headers[i].headerName === headerName) {
+ return this.headers[i].index;
+ }
+ }
+ return null;
+ };
+ this.setResponsiveRow = function (responsiveRowScope) {
+ this.responsiveRowScopes.push(responsiveRowScope);
+ }
+ $scope.nextSort = '';
+ this.sortData = function (columnIndex, reverse, externalSort) {
+ if ($scope.$parent && $scope.$parent !== undefined) {
+ $scope.$parent.columnIndex = columnIndex;
+ $scope.$parent.reverse = reverse;
+ }
+ this.currentSortIndex = columnIndex;
+ if (externalSort === true) {
+ if (!reverse) {
+ $scope.nextSort = 'd'
+ } else {
+ $scope.nextSort = 'a'
+ }
+ }
+ $scope.currentPage = 1;
+ this.resetSortPattern();
+ };
+ this.getSearchString = function () {
+ return $scope.searchString;
+ };
+ this.resetSortPattern = function () {
+ for (var i = 0; i < this.headers.length; i++) {
+ var currentScope = this.headers[i];
+ if (currentScope.index !== this.currentSortIndex) {
+ currentScope.resetSortPattern();
+ }
+ }
+ };
+
+ $scope.$watch('nextSort', function (val) {
+ if ($scope.$parent && $scope.$parent !== undefined) {
+ $scope.$parent.nextSort = val;
+ }
+
+ });
+ }],
+ link: function (scope, elem, attr, ctrl) {
+ scope.searchCriteria = {};
+ scope.tableBreakpoints = attr.tableConfig ? scope.$parent.$eval(attr.tableConfig) : angular.copy(b2bTableConfig.tableBreakpoints);
+ scope.$watchCollection('tableData', function (value) {
+ if (value && !isNaN(value.length)) {
+ scope.totalRows = value.length;
+ }
+ });
+ scope.$watch('currentPage', function (val) {
+ if (scope.$parent && scope.$parent !== undefined) {
+ scope.$parent.currentPage = val;
+ }
+
+ });
+ scope.$watch('viewPerPage', function (val) {
+ if (scope.$parent && scope.$parent !== undefined) {
+ scope.$parent.viewPerPage = val;
+ }
+ });
+ scope.$watch('totalRows', function (val) {
+ if (scope.$parent && scope.$parent !== undefined) {
+ if (val > b2bTableConfig.zebraStripCutOff) {
+ scope.$parent.zebraStripFlag = true;
+ } else {
+ scope.$parent.zebraStripFlag = false;
+ }
+ }
+ });
+ scope.$watch(function () {
+ return scope.totalRows / scope.viewPerPage;
+ }, function (value) {
+ if (!isNaN(value)) {
+ scope.totalPage = Math.ceil(value);
+ scope.currentPage = 1;
+ }
+ });
+ var searchValCheck = function (val) {
+ if (angular.isDefined(val) && val !== null && val !== "") {
+ return true;
+ }
+ };
+ var setSearchCriteria = function (v1, v2) {
+ if (searchValCheck(v1) && searchValCheck(v2)) {
+ var index = ctrl.getIndex(v2);
+ scope.searchCriteria = {};
+ if (index !== null) {
+ scope.searchCriteria[index] = v1;
+ }
+ } else if (searchValCheck(v1) && (!angular.isDefined(v2) || v2 === null || v2 === "")) {
+ scope.searchCriteria = {
+ $: v1
+ };
+ } else {
+ scope.searchCriteria = {};
+ }
+ };
+ scope.$watch('searchCategory', function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ setSearchCriteria(scope.searchString, newVal);
+ }
+ });
+ scope.$watch('searchString', function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ setSearchCriteria(newVal, scope.searchCategory);
+ }
+ });
+ scope.$watchCollection('searchCriteria', function (val) {
+ if (scope.$parent && scope.$parent !== undefined) {
+ scope.$parent.searchCriteria = val;
+ }
+ scope.totalRows = scope.tableData && ($filter('filter')(scope.tableData, val, false)).length || 0;
+ scope.currentPage = 1;
+ });
+ var window = angular.element($window);
+ var findMaxTableColumns = function () {
+ var windowWidth;
+ windowWidth = $window.innerWidth;
+ ctrl.maxTableColumns = -1;
+ for (var i in scope.tableBreakpoints) {
+ if (windowWidth >= scope.tableBreakpoints[i].min && windowWidth < scope.tableBreakpoints[i].max) {
+ ctrl.maxTableColumns = scope.tableBreakpoints[i].columns;
+ break;
+ }
+ }
+ if (ctrl.maxTableColumns > -1 && ctrl.totalTableColums > ctrl.maxTableColumns) {
+ ctrl.active = true;
+ } else {
+ ctrl.active = false;
+ }
+ for (var i in ctrl.responsiveRowScopes) {
+ ctrl.responsiveRowScopes[i].setActive(ctrl.active);
+ }
+ };
+ var findHiddenColumn = function () {
+ var columnDiffenence = ctrl.maxTableColumns > -1 ? ctrl.totalTableColums - ctrl.maxTableColumns : 0;
+ ctrl.hiddenColumn = [];
+ if (columnDiffenence > 0) {
+ var tempHideColumnPriority = angular.copy(ctrl.hideColumnPriority);
+ for (var i = 0; i < columnDiffenence; i++) {
+ ctrl.hiddenColumn.push(tempHideColumnPriority.pop());
+ }
+ }
+ };
+ var resizeListener = function () {
+ findMaxTableColumns();
+ findHiddenColumn();
+ };
+ if (ctrl.responsive) {
+ window.bind('resize', function () {
+ resizeListener();
+ scope.$apply();
+ });
+ $timeout(function () {
+ resizeListener();
+ }, 100);
+ }
+ }
+ };
+ }])
+ .directive('b2bTableRow', [function () {
+ return {
+ restrict: 'EA',
+ compile: function (elem, attr) {
+ if (attr.type === 'header') {
+ angular.noop();
+ } else if (attr.type === 'body') {
+ var html = elem.children();
+ if (attr.rowRepeat) {
+ html.attr('ng-repeat', attr.rowRepeat.concat(" | orderBy : columnIndex : reverse | filter : searchCriteria : false "));
+ }
+ html.attr('ng-class', "{'odd': $odd && zebraStripFlag}");
+ html.attr('class', 'data-row');
+ html.attr('b2b-responsive-row', '{{$index}}');
+ elem.append(html);
+ }
+ }
+ };
+ }])
+ .directive('b2bTableHeader', ['b2bTableConfig', function (b2bTableConfig) {
+ return {
+ restrict: 'EA',
+ replace: true,
+ transclude: true,
+ scope: {
+ sortable: '@',
+ defaultSort: '@',
+ index: '@key'
+ },
+ require: '^b2bTable',
+ templateUrl: function (elem, attr) {
+ if (attr.sortable === 'false') {
+ return 'b2bTemplate/tables/b2bTableHeaderUnsortable.html';
+ } else {
+ return 'b2bTemplate/tables/b2bTableHeaderSortable.html';
+ }
+ },
+ link: function (scope, elem, attr, ctrl) {
+ var reverse = b2bTableConfig.defaultSortPattern;
+ scope.headerName = elem.text();
+ scope.headerId = elem.attr('id');
+ scope.sortPattern = null;
+ var priority = parseInt(attr.priority, 10);
+ scope.columnIndex = ctrl.setIndex(scope, priority);
+
+ scope.isHidden = function () {
+ return (ctrl.hiddenColumn.indexOf(scope.columnIndex) > -1);
+ };
+
+ scope.$watch(function () {
+ return elem.text();
+ }, function (value) {
+ scope.headerName = value;
+ });
+ scope.sort = function (sortType) {
+ if (typeof sortType === 'boolean') {
+ reverse = sortType;
+ }
+ ctrl.sortData(scope.index, reverse, false);
+ scope.sortPattern = reverse ? 'descending' : 'ascending';
+ reverse = !reverse;
+ };
+ scope.$watch(function () {
+ return ctrl.currentSortIndex;
+ }, function (value) {
+ if (value !== scope.index) {
+ scope.sortPattern = null;
+ }
+ });
+
+ if (scope.sortable === undefined || scope.sortable === 'true' || scope.sortable === true) {
+ scope.sortable = 'true';
+ } else if (scope.sortable === false || scope.sortable === 'false') {
+ scope.sortable = 'false';
+ }
+
+ if (scope.sortable !== 'false') {
+ if (scope.defaultSort === 'A' || scope.defaultSort === 'a') {
+ scope.sort(false);
+ } else if (scope.defaultSort === 'D' || scope.defaultSort === 'd') {
+ scope.sort(true);
+ }
+ }
+ scope.resetSortPattern = function () {
+ reverse = b2bTableConfig.defaultSortPattern;
+ };
+ }
+ };
+ }])
+ .directive('b2bResponsiveRow', ['$templateCache', '$timeout', '$compile', function ($templateCache, $timeout, $compile) {
+ return {
+ restrict: 'EA',
+ require: '^b2bTable',
+ controller: ['$scope', function ($scope) {
+ this.rowValues = $scope.rowValues = [];
+ this.setRowValues = function (rowValue) {
+ this.rowValues.push(rowValue);
+ };
+ var columnIndexCounter = -1;
+ this.getIndex = function () {
+ columnIndexCounter++;
+ return columnIndexCounter;
+ };
+ }],
+ link: function (scope, elem, attr, ctrl) {
+ if (ctrl.responsive) {
+ scope.rowIndex = attr.b2bResponsiveRow;
+ scope.active = false;
+ scope.expandFlag = false;
+ scope.headerValues = ctrl.headers;
+ ctrl.setResponsiveRow(scope);
+ var firstTd = elem.find('td').eq(0);
+ scope.setActive = function (activeFlag) {
+ scope.active = activeFlag;
+ if (scope.active) {
+ elem.addClass('has-button');
+ firstTd.attr('role', 'rowheader');
+ firstTd.parent().attr('role', 'row');
+ } else {
+ elem.removeClass('has-button');
+ firstTd.removeAttr('role');
+ firstTd.parent().removeAttr('role');
+ }
+ };
+ scope.toggleExpandFlag = function (expandFlag) {
+ if (angular.isDefined(expandFlag)) {
+ scope.expandFlag = expandFlag;
+ } else {
+ scope.expandFlag = !scope.expandFlag;
+ }
+ if (scope.expandFlag) {
+ elem.addClass('opened');
+ } else {
+ elem.removeClass('opened');
+ }
+ };
+
+ firstTd.attr('scope', 'row');
+ firstTd.addClass('col-1');
+ scope.$on('$destroy', function () {
+ elem.next().remove();
+ });
+ $timeout(function () {
+ scope.firstTdId = firstTd.attr('id');
+ var firstTdContent = firstTd.html();
+ var toggleButtonTemplate = '<span ng-show="!active">' + firstTdContent + '</span><button type="button" aria-describedby="sup-actNum{{$id}}" aria-expanded="{{expandFlag}}" ng-show="active" ng-click="toggleExpandFlag()"><i ng-class="{\'icon-primary-accordion-plus\': !expandFlag, \'icon-primary-accordion-minus\': expandFlag}" aria-hidden="true"></i>' + firstTdContent + '</button><span id="sup-actNum{{$id}}" style="display:none">{{expandFlag && "Hide row below." || "Show row below."}}</span>';
+ toggleButtonTemplate = $compile(toggleButtonTemplate)(scope);
+ firstTd.html('');
+ firstTd.prepend(toggleButtonTemplate);
+
+ var template = $templateCache.get('b2bTemplate/tables/b2bResponsiveRow.html');
+ template = $compile(template)(scope);
+ elem.after(template);
+ }, 100);
+ }
+ }
+ };
+ }])
+ .directive('b2bResponsiveList', ['$templateCache', '$timeout', '$compile', function ($templateCache, $timeout, $compile) {
+ return {
+ restrict: 'EA',
+ require: '^b2bTable',
+ link: function (scope, elem, attr, ctrl) {
+ scope.columnIndex = parseInt(attr.b2bResponsiveList, 10);
+ scope.isVisible = function () {
+ return (ctrl.hiddenColumn.indexOf(scope.columnIndex) > -1);
+ };
+ }
+ };
+ }])
+ .directive('b2bTableBody', ['$filter', '$timeout', 'b2bTableConfig', function ($filter, $timeout, b2bTableConfig) {
+ return {
+ restrict: 'EA',
+ require: ['^b2bTable', '?^b2bResponsiveRow'],
+ scope: true,
+ replace: true,
+ transclude: true,
+ templateUrl: 'b2bTemplate/tables/b2bTableBody.html',
+ link: function (scope, elem, attr, ctrl) {
+ var b2bTableCtrl = ctrl[0];
+ var b2bResponsiveRowCtrl = ctrl[1];
+ var highlightSearchStringClass = b2bTableConfig.highlightSearchStringClass;
+ var searchString = "";
+ var wrapElement = function (elem) {
+ var text = elem.text();
+ elem.html($filter('b2bHighlight')(text, searchString, highlightSearchStringClass));
+ };
+ var traverse = function (elem) {
+ var innerHtml = elem.children();
+ if (innerHtml.length > 0) {
+ for (var i = 0; i < innerHtml.length; i++) {
+ traverse(innerHtml.eq(i));
+ }
+ } else {
+ wrapElement(elem);
+ return;
+ }
+ };
+ var clearWrap = function (elem) {
+ var elems = elem.find('*');
+ for (var i = 0; i < elems.length; i++) {
+ if (elems.eq(i).attr('class') && elems.eq(i).attr('class').indexOf(highlightSearchStringClass) !== -1) {
+ var text = elems.eq(i).text();
+ elems.eq(i).replaceWith(text);
+ }
+ }
+ };
+ if (b2bResponsiveRowCtrl) {
+ scope.columnIndex = b2bResponsiveRowCtrl.getIndex();
+ scope.isHidden = function () {
+ return (b2bTableCtrl.hiddenColumn.indexOf(scope.columnIndex) > -1);
+ };
+ }
+ $timeout(function () {
+ var actualHtml = elem.children();
+ scope.$watch(function () {
+ return b2bTableCtrl.getSearchString();
+ }, function (val) {
+ searchString = val;
+ clearWrap(elem);
+ if (actualHtml.length > 0) {
+ traverse(elem);
+ } else {
+ wrapElement(elem);
+ }
+ });
+ if (b2bResponsiveRowCtrl) {
+ b2bResponsiveRowCtrl.setRowValues(elem.html());
+ }
+ }, 50);
+ }
+ };
+ }])
+ .directive('b2bTableSort', ['b2bTableConfig','$timeout', function (b2bTableConfig,$timeout) {
+ return {
+ restrict: 'EA',
+ replace: true,
+ require: '^b2bTable',
+ link: function (scope, elem, attr, ctrl) {
+ var initialSort = '',
+ nextSort = '',
+ tempsort = '';
+ initialSort = attr.initialSort;
+
+ scope.sortTable = function (msg) {
+ $timeout(function(){
+ if (nextSort.length > 0) {
+
+ if (nextSort === 'd' || nextSort === 'D') {
+ tempsort = nextSort
+ ctrl.sortData(msg, true, true);
+ nextSort = 'a';
+ $timeout(function(){
+ if(!angular.isUndefined(elem[0].querySelector('.sortButton')) || elem[0].querySelector('.sortButton') !== null ){
+ angular.element(elem[0].querySelector('.sortButton'))[0].focus();
+ }
+ },100);
+
+ } else {
+ tempsort = nextSort
+ ctrl.sortData(msg, false, true);
+ nextSort = 'd';
+ $timeout(function(){
+ if(!angular.isUndefined(elem[0].querySelector('.sortButton')) || elem[0].querySelector('.sortButton') !== null ){
+ angular.element(elem[0].querySelector('.sortButton'))[0].focus();
+ }
+ },100);
+ }
+ } else if (initialSort.length > 0) {
+
+ if (initialSort === 'd' || initialSort === 'D') {
+ tempsort = nextSort
+ ctrl.sortData(msg, true, true);
+ nextSort = 'a';
+ $timeout(function(){
+ if(!angular.isUndefined(elem[0].querySelector('.sortButton')) || elem[0].querySelector('.sortButton') !== null ){
+ angular.element(elem[0].querySelector('.sortButton'))[0].focus();
+ }
+ },100);
+
+ } else {
+ tempsort = nextSort
+ ctrl.sortData(msg, false, true);
+ nextSort = 'd';
+ $timeout(function(){
+ if(!angular.isUndefined(elem[0].querySelector('.sortButton')) || elem[0].querySelector('.sortButton') !== null ){
+ angular.element(elem[0].querySelector('.sortButton'))[0].focus();
+ }
+ },100);
+
+
+ }
+ }
+ },10)
+
+ };
+
+ scope.sortDropdown = function(msg) {
+
+ if(tempsort==='') {
+
+ tempsort='a'
+ }
+ if(tempsort === 'd' || tempsort === 'D' ) {
+ ctrl.sortData(msg, true, false);
+ } else {
+ ctrl.sortData(msg, false, false);
+ }
+
+ };
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Tabs, tables & accordions.att:tabs
+ *
+ * @description
+ * <file src="src/tabs/docs/readme.md" />
+ *
+ * @usage
+ * <b2b-tabset tab-id-selected="activeTabsId">
+ <b2b-tab ng-repeat="tab in gTabs" tab-item="tab"
+ id="{{tab.uniqueId}}" aria-controls="{{tab.tabPanelId}}"
+ ng-disabled="tab.disabled">
+ {{tab.title}}
+ </b2b-tab>
+ </b2b-tabset>
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/tabs/docs/demo.html" />
+ <file src="src/tabs/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+
+angular.module('b2b.att.tabs', ['b2b.att.utilities'])
+ .directive('b2bTabset', function () {
+ return {
+ restrict: 'EA',
+ transclude: true,
+ replace: true,
+ scope: {
+ tabIdSelected: '='
+ },
+ templateUrl: 'b2bTemplate/tabs/b2bTabset.html',
+ controller: ['$scope', function ($scope) {
+
+ this.setTabIdSelected = function (tab) {
+ $scope.tabIdSelected = tab.id;
+ };
+
+ this.getTabIdSelected = function () {
+ return $scope.tabIdSelected;
+ };
+ }]
+ };
+ })
+ .directive('b2bTab', ['keymap', function (keymap) {
+ return {
+ restrict: 'EA',
+ transclude: true,
+ replace: true,
+ require: '^b2bTabset',
+ scope: {
+ tabItem: "="
+ },
+ templateUrl: 'b2bTemplate/tabs/b2bTab.html',
+ controller: [function(){}],
+ link: function (scope, element, attr, b2bTabsetCtrl) {
+
+ if (scope.tabItem && !scope.tabItem.disabled) {
+ scope.tabItem.disabled = false;
+ }
+
+ scope.isTabActive = function () {
+ return (scope.tabItem.id === b2bTabsetCtrl.getTabIdSelected());
+ };
+
+ scope.clickTab = function () {
+ if (attr.disabled) {
+ return;
+ }
+ b2bTabsetCtrl.setTabIdSelected(scope.tabItem);
+ };
+
+ scope.nextKey = function () {
+ var el = angular.element(element[0])[0];
+ var elementToFocus = null;
+ while (el && el.nextElementSibling) {
+ el = el.nextElementSibling;
+ if (!el.querySelector('a').disabled) {
+ elementToFocus = el.querySelector('a');
+ break;
+ }
+ }
+
+ if (!elementToFocus) {
+ var childTabs = element.parent().children();
+ for (var i = 0; i < childTabs.length; i++) {
+ if (!childTabs[i].querySelector('a').disabled) {
+ elementToFocus = childTabs[i].querySelector('a');
+ break;
+ }
+ }
+ }
+
+ if (elementToFocus) {
+ elementToFocus.focus();
+ }
+ };
+
+ scope.previousKey = function () {
+ var el = angular.element(element[0])[0];
+ var elementToFocus = null;
+
+ while (el && el.previousElementSibling) {
+ el = el.previousElementSibling;
+ if (!el.querySelector('a').disabled) {
+ elementToFocus = el.querySelector('a');
+ break;
+ }
+ }
+
+ if (!elementToFocus) {
+ var childTabs = element.parent().children();
+ for (var i = childTabs.length - 1; i > 0; i--) {
+ if (!childTabs[i].querySelector('a').disabled) {
+ elementToFocus = childTabs[i].querySelector('a');
+ break;
+ }
+ }
+ }
+
+ if (elementToFocus) {
+ elementToFocus.focus();
+ }
+ };
+
+ angular.element(element[0].querySelector('a')).bind('keydown', function (evt) {
+
+ if (!(evt.keyCode)) {
+ evt.keyCode = evt.which;
+ }
+
+ switch (evt.keyCode) {
+ case keymap.KEY.RIGHT:
+ evt.preventDefault();
+ scope.nextKey();
+ break;
+
+ case keymap.KEY.LEFT:
+ evt.preventDefault();
+ scope.previousKey();
+ break;
+
+ default:;
+ }
+ });
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Messages, modals & alerts.att:tagBadges
+ *
+ * @description
+ * <file src="src/tagBadges/docs/readme.md" />
+ *
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/tagBadges/docs/demo.html" />
+ <file src="src/tagBadges/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.tagBadges', ['b2b.att.utilities'])
+ .directive('b2bTagBadge',['$timeout',function($timeout){
+ return{
+ restrict: 'EA',
+ link: function(scope,elem,attr,ctrl){
+ elem.addClass('b2b-tags');
+ if(angular.element(elem[0].querySelector('.icon-primary-close')).length>0) {
+ var item = angular.element(elem[0].querySelector('.icon-primary-close'));
+ item.bind('click',function(){
+ elem.css({'height':'0','width':'0','padding':'0','border':'0'});
+ elem.attr('tabindex','0');
+ elem[0].focus();
+ item.parent().remove();
+ elem[0].bind('blur',function(){
+ elem[0].remove();
+ });
+ });
+ }
+
+
+
+
+ }
+ };
+}]);
+/**
+ * @ngdoc directive
+ * @name Forms.att:textArea
+ *
+ * @description
+ * <file src="src/textArea/docs/readme.md" />
+ *
+ * @usage
+ * <textarea b2b-reset b2b-reset-textarea ng-model="textAreaModel" ng-disabled="disabled" ng-trim="false" placeholder="{{placeholderText}}" rows="{{textAreaRows}}" maxlength="{{textAreaMaxlength}}" role="textarea"></textarea>
+ *
+ * @example
+ <section id="code">
+ <b>HTML + AngularJS</b>
+ <example module="b2b.att">
+ <file src="src/textArea/docs/demo.html" />
+ <file src="src/textArea/docs/demo.js" />
+ </example>
+ </section>
+ */
+angular.module('b2b.att.textArea', ['b2b.att.utilities'])
+
+.directive('b2bResetTextarea', [ function () {
+ return {
+ restrict: 'A',
+ require: 'b2bReset',
+ link: function (scope, element, attrs, ctrl) {
+
+ var resetButton = ctrl.getResetButton();
+
+ var computeScrollbarAndAddClass = function () {
+ if (element.prop('scrollHeight') > element[0].clientHeight) {
+ element.addClass('hasScrollbar');
+ } else {
+ element.removeClass('hasScrollbar');
+ }
+ };
+
+ computeScrollbarAndAddClass();
+
+ element.on('focus keyup', function(){
+ computeScrollbarAndAddClass();
+ });
+ }
+ };
+}]);
+
+/**
+ * @ngdoc directive
+ * @name Forms.att:tooltipsForForms
+ *
+ * @description
+ * <file src="src/tooltipsForForms/docs/readme.md" />
+ *
+ * @example
+ <example module="b2b.att">
+ <file src="src/tooltipsForForms/docs/demo.html" />
+ <file src="src/tooltipsForForms/docs/demo.js" />
+ </example>
+ */
+angular.module('b2b.att.tooltipsForForms', ['b2b.att.utilities'])
+ .directive('b2bTooltip', ['$document', '$window', '$isElement', function ($document, $window, $isElement) {
+ return {
+ restrict: 'A',
+ link: function (scope, elem, attr, ctrl) {
+ var icon = elem[0].querySelector('a.tooltip-element');
+ var btnIcon = elem[0].querySelector('.btn.tooltip-element');
+ var tooltipText = elem[0].querySelector('.helpertext');
+ var tooltipWrapper = elem[0].querySelector('.tooltip-size-control');
+ if (elem.hasClass('tooltip-onfocus')) {
+ var inputElm = angular.element(elem[0].querySelector("input"));
+ var textAreaElm = angular.element(elem[0].querySelector("textarea"));
+ }
+ angular.element(icon).attr({'aria-expanded': false});
+ angular.element(btnIcon).attr({'aria-expanded': false});
+ var calcTooltip = function () {
+ if (!elem.hasClass('tooltip active')) {
+ if (elem.hasClass('tooltip-onfocus')) {
+ angular.element(elem[0].querySelector("input")).triggerHandler('focusout');
+ }
+ if (elem.hasClass('tooltip-onclick')) {
+ return false;
+ }
+ angular.element(icon).removeClass('active');
+ angular.element(icon).attr({'aria-expanded': true});
+ angular.element(icon).attr({'aria-describedby': angular.element(tooltipText).attr('id')});
+ angular.element(tooltipText).attr({'aria-hidden': false});
+ elem.addClass('active');
+
+ var tooltipIconPos = angular.element(icon).prop('offsetLeft'),
+ tooltipPosition = angular.element(tooltipText).prop('offsetWidth') / 2,
+ tipOffset = (tooltipIconPos - 30) - tooltipPosition,
+ maxRightPos = (($window.innerWidth - 72) - (tooltipPosition * 2)) - 14.5;
+
+ if ($window.innerWidth >= '768') {
+ if (tipOffset < 0) {// if icon on far left side of page
+ tipOffset = 15;
+ }
+ else if (tooltipIconPos > maxRightPos) {// if icon is far right side of page
+ tipOffset = maxRightPos;
+ }
+ else {// if tooltip in the middle somewhere
+ tipOffset = tipOffset;
+ }
+ angular.element(tooltipWrapper).css({left: tipOffset + 'px'});
+ }
+ }
+ };
+
+ // TOOLTIP LINK ONCLICK AND FOCUS
+ angular.element(icon).on('click mouseover mouseout focus blur', function (e) {
+ if (e.type == 'mouseover') {
+ calcTooltip();
+ }
+ else if (e.type == 'mouseout' && elem.hasClass('active')) {
+ if (!elem.hasClass('activeClick')) {
+ angular.element(tooltipText).attr({
+ 'aria-hidden': true,
+ 'tabindex': '-1'
+ });
+ elem.removeClass('active');
+ } else if (elem.hasClass('activeClick') && navigator.userAgent.match(/iphone/i)) {
+ elem.removeClass('active activeClick');
+ }
+ }
+
+ else {
+ if (elem.hasClass('activeClick')) {
+ angular.element(icon).attr({'aria-expanded': false});
+ angular.element(tooltipText).attr({'aria-hidden': true});
+ angular.element(icon).removeAttr('aria-describedby');
+ elem.removeClass('activeClick active');
+ e.preventDefault();
+ }
+ else if (e.type == 'click') {
+ elem.addClass('activeClick');
+ calcTooltip();
+ e.preventDefault();
+ }
+ else {
+ angular.element(icon).on('keydown', function (e) {
+ if (e.keyCode == '32') {
+ (elem.hasClass('active')) ? elem.removeClass('active') : elem.addClass('value');
+ angular.element(icon).triggerHandler('click');
+ e.preventDefault();
+ } else if (e.keyCode == '27') {
+ (elem.hasClass('active')) ? elem.removeClass('active activeClick') : elem.addClass('value');
+ }
+ });
+ e.preventDefault();
+ }
+ }
+ e.preventDefault();
+ });
+
+ // TOOLTIP BUTTON INSIDE A TEXT FIELD
+ angular.element(btnIcon).on('click', function (e) {
+ var $this = angular.element(this);
+ if ($this.hasClass('active') && elem.hasClass('tooltip-onclick')) {
+ elem.removeClass('active');
+ $this.removeClass('active');
+ angular.element(tooltipText).removeAttr('aria-live');
+ $this.attr({'aria-expanded': 'false'});
+ $this.removeAttr('aria-describedby');
+ } else {
+ elem.addClass('active');
+ $this.addClass('active');
+ $this.attr({'aria-expanded': 'true', 'aria-describedby': angular.element(tooltipText).attr('id')});
+ angular.element(tooltipText).attr({'aria-live': 'polite'});
+ }
+ });
+
+ angular.element(btnIcon).on('blur', function (e) {
+ var $this = angular.element(this);
+ if ($this.hasClass('active') && elem.hasClass('tooltip-onclick')) {
+ elem.removeClass('active');
+ $this.removeClass('active');
+ angular.element(tooltipText).removeAttr('aria-live');
+ $this.attr({'aria-expanded': 'false'});
+ $this.removeAttr('aria-describedby');
+ }
+ });
+
+ angular.element(btnIcon).on('keydown', function (e) {
+ var $this = angular.element(this);
+ if (e.keyCode == '27') {
+ var $this = angular.element(this);
+ if ($this.hasClass('active') && elem.hasClass('tooltip-onclick')) {
+ elem.removeClass('active');
+ $this.removeClass('active');
+ angular.element(tooltipText).removeAttr('aria-live');
+ $this.attr({'aria-expanded': 'false'});
+ $this.removeAttr('aria-describedby');
+ }
+ }
+ });
+
+ // close all tooltips if clicking something else
+ $document.bind('click', function (e) {
+ var isElement = $isElement(angular.element(e.target), elem, $document);
+ if (!isElement) {
+ elem.removeClass('active');
+ angular.element(elem[0].querySelector('.tooltip-element')).removeClass('active');
+ angular.element(tooltipText).removeAttr('aria-live');
+ angular.element(elem[0].querySelector('.tooltip-element')).attr({'aria-expanded': 'false'});
+ angular.element(elem[0].querySelector('.tooltip-element')).removeAttr('aria-describedby');
+ };
+ });
+
+ angular.element(inputElm).on('keydown', function (e) {
+ if (e.keyCode == '27'){
+ elem.removeClass('active');
+ angular.element(tooltipText).css('display', 'none');
+ angular.element(tooltipText).removeAttr('aria-live');
+
+ if (angular.element(this).attr('aria-describedby') === undefined){
+
+ }
+
+ else if ((spaceIndex = angular.element(this).attr('aria-describedby').lastIndexOf(' ')) >= 0){
+
+ var describedByValue = angular.element(this).attr('aria-describedby').slice(0, spaceIndex);
+
+ angular.element(this).attr('aria-describedby', describedByValue);
+
+ }
+ else {
+ angular.element(this).removeAttr('aria-describedby');
+ }
+ }
+ });
+
+ angular.element(textAreaElm).on('keydown', function (e) {
+ if (e.keyCode == '27'){
+ elem.removeClass('active');
+ angular.element(tooltipText).css('display', 'none');
+ angular.element(tooltipText).removeAttr('aria-live');
+ if (angular.element(this).attr('aria-describedby') === undefined){
+
+ }
+
+ else if ((spaceIndex = angular.element(this).attr('aria-describedby').lastIndexOf(' ')) >= 0){
+
+ var describedByValue = angular.element(this).attr('aria-describedby').slice(0, spaceIndex);
+
+ angular.element(this).attr('aria-describedby', describedByValue);
+
+ }
+ else {
+ angular.element(this).removeAttr('aria-describedby');
+ }
+ }
+ });
+
+ // TOOLTIP TRIGGERED AUTOMATICALLY INSIDE A TEXT FIELD
+ angular.element(inputElm).on('focus', function (e) {
+ var allTooltip = $document[0].querySelectorAll('[class*="tooltip"]');
+ for (var i = 0; i < allTooltip.length; i++) {
+ if (angular.element(allTooltip[i]).hasClass('active')) {
+ angular.element(allTooltip[i]).triggerHandler('click');
+ }
+ };
+ angular.element(this).attr({'aria-describedby': angular.element(tooltipText).attr('id')});
+ angular.element(tooltipText).css('display', 'block');
+ angular.element(tooltipText).attr({'aria-live': 'polite'});
+ elem.addClass('active');
+ });
+ angular.element(inputElm).on('blur', function (e) {
+ elem.removeClass('active');
+ angular.element(tooltipText).css('display', 'none');
+ angular.element(tooltipText).removeAttr('aria-live');
+ angular.element(this).removeAttr('aria-describedby');
+ });
+
+ // TOOLTIP TRIGGERED AUTOMATICALLY INSIDE A TEXTAREA
+ angular.element(textAreaElm).on('focus', function (e) {
+ var allTooltip = $document[0].querySelectorAll('[class*="tooltip"]');
+ for (var i = 0; i < allTooltip.length; i++) {
+ if (angular.element(allTooltip[i]).hasClass('active')) {
+ angular.element(allTooltip[i]).triggerHandler('click');
+ }
+ };
+ elem.addClass('active');
+ angular.element(tooltipText).css('display', 'block');
+ angular.element(tooltipText).attr({'aria-live': 'polite'});
+ angular.element(this).attr({'aria-describedby': angular.element(tooltipText).attr('id')});
+ });
+ angular.element(textAreaElm).on('blur', function (e) {
+ elem.removeClass('active');
+ angular.element(tooltipText).css('display', 'none');
+ angular.element(tooltipText).removeAttr('aria-live');
+ angular.element(this).removeAttr('aria-describedby');
+ });
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Navigation.att:TreeNavigation
+ *
+ *
+ * @scope
+ * @param {String} setRole - This value needs to be "tree". This is required to incorporate CATO requirements.
+ * @param {Boolean} groupIt - This value needs to be "false" for top-level tree rendered.
+ *
+ * @description
+ * <file src="src/treeNav/docs/readme.md" />
+ *
+ * @usage
+ * <div class="b2b-tree">
+ * <b2b-tree-nav collection="treeStructure" set-role="tree" group-it="false"></b2b-tree-nav>
+ * </div>
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/treeNav/docs/demo.html" />
+ <file src="src/treeNav/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.treeNav', ['b2b.att.utilities'])
+ .directive('b2bTreeNav', function () {
+ return {
+ restrict: "E",
+ replace: true,
+ scope: {
+ collection: '=',
+ groupIt: '=',
+ setRole: '@'
+ },
+ templateUrl: function (element, attrs) {
+ if (attrs.groupIt === 'true') {
+ return "b2bTemplate/treeNav/groupedTree.html";
+ } else {
+ return "b2bTemplate/treeNav/ungroupedTree.html";
+ }
+ },
+ link: function (scope) {
+ if (!(scope.setRole === 'tree')) {
+ scope.setRole = 'group';
+ }
+ }
+ }
+ })
+ .directive('b2bMember', ['$compile', '$timeout', 'keymap', function ($compile, $timeout, keymap) {
+ return {
+ restrict: "E",
+ replace: true,
+ scope: {
+ member: '=',
+ groupIt: '='
+ },
+ templateUrl: 'b2bTemplate/treeNav/treeMember.html',
+ link: function (scope, element, attrs) {
+ scope.elemArr = [];
+ var removeRootTabIndex = function (elem) {
+ if (elem.parent().parent().eq(0).hasClass('b2b-tree')) {
+ elem.attr('tabindex', -1);
+ return;
+ }
+ removeRootTabIndex(elem.parent());
+ };
+ scope.$watch('member.child', function(newVal, oldVal){
+ if(newVal !== oldVal){
+ scope.showChild();
+ };
+ });
+ scope.showChild = function () {
+ if (!element.hasClass('grouped')) {
+ if (angular.isArray(scope.member.child) && scope.member.child.length > 0 && (scope.member.divide === undefined || scope.member.child.length < scope.member.divide)) {
+ scope.groupIt = false;
+ element.addClass('grouped');
+ element.append("<b2b-tree-nav collection='member.child' group-it='" + scope.groupIt + "'></b2b-tree-nav>");
+ $compile(element.contents())(scope);
+ if(scope.member.active && scope.member.active === true){
+ element.find('i').eq(0).removeClass('icon-primary-collapsed');
+ };
+ if(scope.member.selected && scope.member.selected === true){
+ element.attr('aria-selected', true);
+ element.attr('tabindex', 0);
+ removeRootTabIndex(element);
+ };
+ if(scope.member.active && scope.member.active == undefined){
+ element.find('i').eq(0).addClass('icon-primary-collapsed');
+ };
+ } else if (scope.member.child && scope.member.divide && scope.member.child.length > scope.member.divide) {
+ element.addClass('grouped');
+ scope.groupIt = true;
+ // FILTER - GROUPBY - APPROACH
+ var j = 0;
+ var grpName = '';
+ if(scope.member.child[0].groupName !== undefined){
+ grpName = scope.member.child[0].groupName;
+ }
+ else{
+ var toSlice = scope.member.child[0].name.search(' ');
+ grpName = scope.member.child[0].name.slice(0, toSlice);
+ }
+
+ for (i = 0; i < scope.member.child.length; i += scope.member.divide) {
+ j = 0;
+ for (j = j + i; j < (i + scope.member.divide); j++) {
+ if (j === scope.member.child.length) {
+ scope.member.child[j - 1].grpChild = grpName + ' ' + (i + 1) + ' - ' + (scope.member.child.length);
+ break;
+
+ if(scope.member.child[j-1].active && scope.member.child[j-1].active===true){
+ scope.member.child[j-1].activeGrp = true;
+ };
+
+ }
+ if (i + scope.member.divide > scope.member.child.length) {
+ scope.member.child[j].grpChild = grpName + ' ' + (i + 1) + ' - ' + (scope.member.child.length);
+ if(scope.member.child[j].active && scope.member.child[j].active===true){
+ scope.member.child[j].activeGrp = true;
+ };
+
+ } else {
+ scope.member.child[j].grpChild = grpName + ' ' + (i + 1) + ' - ' + (i + scope.member.divide);
+ if(scope.member.child[j].active && scope.member.child[j].active===true){
+ scope.member.child[j].activeGrp = true;
+ };
+ }
+ }
+ }
+ if(scope.member.divide){
+ element.append("<b2b-tree-nav collection='member.child' group-it='" + scope.groupIt + "'></b2b-tree-nav>");
+ } else {
+ element.append("<b2b-tree-nav collection='member.child' group-it='" + scope.groupIt + "'></b2b-tree-nav>");
+ }
+ $compile(element.contents())(scope);
+ if(scope.member.active && scope.member.active === true){
+ element.find('i').eq(0).removeClass('icon-primary-collapsed');
+ };
+ if(scope.member.selected && scope.member.selected === true){
+ element.attr('aria-selected', true);
+ };
+ if( scope.member.active && scope.member.active == undefined){
+ element.find('i').eq(0).addClass('icon-primary-collapsed');
+ };
+ }
+ }
+ };
+ //Below condition opens node for opening on json load.
+ if(scope.member.active && scope.member.active == true){
+ scope.showChild();
+ };
+ if(scope.member.active == undefined && !element.find('a').eq(0).hasClass('active') && scope.member.child !== undefined){
+ element.find('i').eq(0).addClass('icon-primary-collapsed');
+ }
+ else if(scope.member.child == undefined){
+ element.find('i').eq(0).addClass('icon-primary-circle');
+ };
+ element.bind('keydown', function (evt) {
+ switch (evt.keyCode) {
+ case keymap.KEY.ENTER:
+ if (element.hasClass('bg') && scope.member.onSelect !== undefined) {
+ scope.member.onSelect(scope.member);
+ }
+ evt.stopPropagation();
+ break;
+ default:
+ break;
+ }
+
+ });
+ //else getting true in every case .. so better use switch case .. that makes more sense you dumb.
+ element.bind('click', function (evt) {
+ scope.showChild();
+ var expandFunc = scope.member.onExpand;
+
+ //onSelect
+ if (element.hasClass('bg') && scope.member.onSelect !== undefined) {
+ scope.member.onSelect(scope.member);
+ }
+ if (element.find('a').eq(0).hasClass('active') && scope.member.onExpand !== undefined) {
+ var eValue = scope.member.onExpand(scope.member);
+ }
+ if (!element.find('a').eq(0).hasClass('active') && scope.member.onCollapse !== undefined) {
+ scope.member.onCollapse(scope.member);
+ }
+ });
+ }
+ }
+}])
+ .directive('b2bTreeLink', ['keymap', '$timeout', function (keymap, $timeout) {
+ return {
+ restrict: 'A',
+ link: function (scope, element, attr, ctrl) {
+ var rootE, parentE, upE, downE;
+ var closeOthersUp = function (elem,isKeyPress,passiveClose) {
+ //For accordion functionality on sibling nodes
+ if (elem.find('a').eq(0).hasClass('active')) {
+ activeToggle(elem,isKeyPress,passiveClose);
+ return;
+ }
+ if (elem.hasClass('bg') && !isKeyPress) {
+ elem.removeClass('bg');
+ if (elem.attr('aria-selected')) {
+ elem.attr('aria-selected', 'false');
+ }
+ }
+ if (elem[0].previousElementSibling !== null) {
+ closeOthersUp(angular.element(elem[0].previousElementSibling),isKeyPress);
+ }
+ };
+ var closeOthersDown = function (elem,isKeyPress,passiveClose) {
+ //For accordion functionality on sibling nodes
+ if (elem.find('a').eq(0).hasClass('active')) {
+ activeToggle(elem,isKeyPress,passiveClose);
+ return;
+ }
+ if (elem.hasClass('bg') && !isKeyPress) {
+ elem.removeClass('bg');
+ if (elem.attr('aria-selected')) {
+ elem.attr('aria-selected', 'false');
+ }
+ }
+ if (elem[0].nextElementSibling !== null) {
+ closeOthersDown(angular.element(elem[0].nextElementSibling),isKeyPress);
+ }
+ };
+
+
+ var removeBackground = function(elem){
+
+ if(elem.hasClass('b2b-tree')){
+ angular.element(elem[0].getElementsByClassName('bg')).removeClass('bg');
+ return;
+ }else{
+ removeBackground(elem.parent().parent());
+ }
+
+ };
+
+/**
+* These two functions used for setting heights on parent nodes as the child node closes
+* Retaining this code for future reference
+
+ var addParentHeight = function(e, h) {
+ var parentLi = e.parent().parent();
+ var parentUl = e.parent();
+ if(!parentLi.hasClass('b2b-tree')) {
+ var addHeight = parentUl[0].offsetHeight + h;
+ parentLi.find('ul').eq(0).css({
+ height: addHeight+'px'
+ })
+ addParentHeight(parentLi, h);
+ }
+ };
+
+ var removeParentHeight = function(e, h) {
+ var parentLi = e.parent().parent();
+ var parentUl = e.parent();
+ if(!parentLi.hasClass('b2b-tree')) {
+ var addHeight = parentUl[0].offsetHeight - h;
+ parentLi.find('ul').eq(0).css({
+ height: addHeight+'px'
+ })
+ removeParentHeight(parentLi, h);
+ }
+ };
+*/
+
+ // isKeyPress - to notify that the function is called by Right Key press
+ // passiveClose - prevents firing of oncollapse events during the action
+ // of expand function(check the function definition)
+
+ var activeToggle = function (elem,isKeyPress,passiveClose) {
+ var element = elem.find('a').eq(0);
+ if (element.hasClass('active')) {
+ if(!isKeyPress){
+ elem.removeClass('bg');
+ }
+
+ if (elem.attr('aria-selected') && !isKeyPress) {
+ elem.attr('aria-selected', 'false');
+ }
+ if (!element.find('i').eq(0).hasClass('icon-primary-circle')) {
+ if(isKeyPress && scope.member){
+ if (scope.member.onCollapse !== undefined && !passiveClose) {
+ scope.member.onCollapse(scope.member);
+ }
+ }
+ element.removeClass('active');
+ elem.attr('aria-expanded', 'false');
+ element.find('i').eq(0).removeClass('icon-primary-expanded');
+ element.find('i').eq(0).addClass('icon-primary-collapsed');
+ //For Animation: below commented code is used to manually set height of UL to zero
+ //retaining code for future reference
+ /*
+ var totalHeight = elem.find('ul')[0].scrollHeight;
+ removeParentHeight(elem, totalHeight);
+ elem.find('ul').eq(0).css({
+ height: null
+ });*/
+ }
+ } else {
+ if(!isKeyPress){
+ elem.addClass('bg');
+ elem.attr('aria-selected', 'true');
+ }
+
+ if (!element.find('i').eq(0).hasClass('icon-primary-circle')) {
+ if(isKeyPress){
+ if(typeof scope.showChild === 'function' ){
+ scope.showChild();
+ }
+ if(scope.member){
+ if (scope.member.onExpand !== undefined) {
+ scope.member.onExpand(scope.member);
+ }
+ }
+ }
+ element.addClass('active');
+ elem.attr('aria-expanded', 'true');
+ element.find('i').eq(0).removeClass('icon-primary-collapsed');
+ element.find('i').eq(0).addClass('icon-primary-expanded');
+ //For Animation: below commented code is used to manually set height of the ul generatedon the click of parent LI.
+ //retaining code for future reference
+ /*
+ var totalHeight = elem.find('ul')[0].scrollHeight;
+ addParentHeight(elem, totalHeight);
+ elem.find('ul').eq(0).css({
+ height: totalHeight+'px'
+ });*/
+
+ }
+ }
+ };
+ element.bind('click', function (evt) {
+ //first we close others and then we open the clicked element
+ if (element[0].previousElementSibling) {
+ closeOthersUp(angular.element(element[0].previousElementSibling));
+ }
+ if (element[0].nextElementSibling) {
+ closeOthersDown(angular.element(element[0].nextElementSibling));
+ }
+ removeBackground(element);
+ activeToggle(element);
+
+ evt.stopPropagation();
+ });
+ //default root tree element tabindex set zero
+ if (element.parent().parent().hasClass('b2b-tree') && (element.parent()[0].previousElementSibling === null)) {
+ element.attr('tabindex', 0);
+ }
+ //check root via class
+ var isRoot = function (elem) {
+ if (elem.parent().parent().eq(0).hasClass('b2b-tree')) {
+ return true;
+ } else {
+ return false;
+ }
+ };
+ var findRoot = function (elem) {
+ if (isRoot(elem)) {
+ rootE = elem;
+ return;
+ }
+ findRoot(elem.parent());
+ };
+
+ var findPreActive = function (elem) {
+
+ if (!(elem.hasClass("active"))) {
+ return;
+ } else {
+ var childElems = angular.element(elem[0].nextElementSibling.children);
+ lastE = angular.element(childElems[childElems.length - 1]);
+ if (lastE.find('a').eq(0).hasClass('active')) {
+ findPreActive(lastE.find('a').eq(0));
+ }
+ upE = lastE;
+ }
+ };
+
+ var findUp = function (elem) {
+ if (isRoot(elem)) {
+ upE = elem;
+ return;
+ }
+ if (elem[0].previousElementSibling !== null && !angular.element(elem[0].previousElementSibling).hasClass('tree-hide')) {
+ upE = angular.element(elem[0].previousElementSibling);
+ if (upE.find('a').eq(0).hasClass('active')) {
+ findPreActive(upE.find('a').eq(0));
+ }
+ } else {
+ upE = elem.parent().parent();
+ }
+ };
+
+ var downElement = function (elem) {
+ if (elem.next().hasClass('tree-hide')) {
+ downElement(elem.next());
+ } else {
+ downE = elem.next();
+ }
+ }
+ var isBottomElem = false;
+ var downParent = function(liElem){
+ if(liElem.eq(0).parent().parent().eq(0).hasClass('b2b-tree')){
+ isBottomElem = true;
+ return;
+ }
+ if(liElem.next().length !== 0){
+ downE = liElem.next().eq(0);
+ return;
+ }
+ else {
+ downParent(liElem.parent().parent());
+ }
+ }
+
+ var findDown = function (elem) {
+ if (isRoot(elem.parent()) && !elem.hasClass('active')) {
+ downE = elem.parent();
+ return;
+ }
+ if (elem.hasClass('active')) {
+ downE = elem.next().find('li').eq(0);
+ if (downE.hasClass('tree-hide')) {
+ downElement(downE);
+ }
+
+ } else {
+ downParent(elem.parent());
+ if(isBottomElem === true){
+ downE = elem.parent();
+ isBottomElem = false;
+ }
+ }
+ };
+
+
+ var resetTabPosition = function(element){
+ findRoot(element);
+ angular.element(rootE.parent().parent()[0].querySelector("li[tabindex='0']")).attr('tabindex','-1');
+ var elemToFocus = rootE.parent().parent()[0].querySelector(".bg")|| rootE;
+
+ angular.element(elemToFocus).attr('tabindex','0');
+ };
+ // Function to control the expansion of nodes when the user tabs into the tree and
+ // the slected node is not visible
+ var expand = function(elemArr){
+ var elem= elemArr.pop();
+ var element = elem.find('a').eq(0);
+ var selectedNode = elem.parent().parent()[0].querySelector(".bg");
+ if(selectedNode != null){
+ while(elem){
+ element = elem.find('a').eq(0);
+ if(!element.hasClass('active') ){
+
+
+ if (elem[0].previousElementSibling) {
+ closeOthersUp(angular.element(elem[0].previousElementSibling),true,true);
+ }
+ if (elem[0].nextElementSibling) {
+ closeOthersDown(angular.element(elem[0].nextElementSibling),true,true);
+ }
+
+ if (!element.find('i').eq(0).hasClass('icon-primary-circle')) {
+ if(typeof scope.showChild === 'function' ){
+ scope.showChild();
+ }
+ element.addClass('active');
+ elem.attr('aria-expanded', 'true');
+ element.find('i').eq(0).removeClass('icon-primary-collapsed');
+ element.find('i').eq(0).addClass('icon-primary-expanded');
+ }
+
+ }
+ elem = elemArr.pop();
+ }
+
+ }else{
+ return;
+ }
+ };
+
+ element.find('a').eq(0).bind('mouseenter', function (evt) {
+ angular.forEach(document.querySelectorAll('.activeTooltip'), function(value, key) {
+ angular.element(value).removeClass('activeTooltip')
+ });
+ element.addClass('activeTooltip');
+ });
+ element.find('a').eq(0).bind('mouseleave', function (evt) {
+ element.removeClass('activeTooltip');
+ });
+ element.bind('focus', function (evt) {
+ angular.forEach(document.querySelectorAll('.activeTooltip'), function(value, key) {
+ angular.element(value).removeClass('activeTooltip')
+ });
+ element.addClass('activeTooltip');
+ });
+ element.bind('blur', function (evt) {
+ element.removeClass('activeTooltip');
+ });
+ element.bind('keydown', function (evt) {
+ switch (evt.keyCode) {
+ case keymap.KEY.HOME:
+ evt.preventDefault();
+ evt.stopPropagation();
+ element.attr('tabindex', -1);
+ findRoot(element);
+ rootE.eq(0).attr('tabindex', 0);
+ rootE[0].focus();
+ break;
+ case keymap.KEY.LEFT:
+ evt.preventDefault();
+ evt.stopPropagation();
+
+ if(element.find('a').eq(0).hasClass('active')){
+ if (element[0].previousElementSibling) {
+ closeOthersUp(angular.element(element[0].previousElementSibling),true);
+ }
+ if (element[0].nextElementSibling) {
+ closeOthersDown(angular.element(element[0].nextElementSibling),true);
+ }
+ activeToggle(element,true);
+ return;
+ }
+ element.attr('tabindex', -1);
+ parentE = element.parent().parent();
+ parentE.attr('tabindex', 0);
+ parentE[0].focus();
+ break;
+ case keymap.KEY.UP:
+ evt.preventDefault();
+ evt.stopPropagation();
+ element.attr('tabindex', -1);
+ findUp(element);
+ upE.eq(0).attr('tabindex', 0);
+ upE[0].focus();
+ break;
+ case keymap.KEY.RIGHT:
+ evt.preventDefault();
+ evt.stopPropagation();
+ if(element.find('i').eq(0).hasClass('icon-primary-circle')){
+ break;
+ }
+ if (!element.find('a').eq(0).hasClass('active')) {
+ if (element[0].previousElementSibling) {
+ closeOthersUp(angular.element(element[0].previousElementSibling),true);
+ }
+ if (element[0].nextElementSibling) {
+ closeOthersDown(angular.element(element[0].nextElementSibling),true);
+ }
+ activeToggle(element,true);
+
+ }
+ else {
+ element.attr('tabindex', -1);
+ findDown(element.find('a').eq(0));
+ downE.eq(0).attr('tabindex', 0);
+ downE[0].focus();
+ }
+ break;
+ case keymap.KEY.DOWN:
+ evt.preventDefault();
+ element.attr('tabindex', -1);
+ findDown(element.find('a').eq(0));
+ downE.eq(0).attr('tabindex', 0);
+ downE[0].focus();
+ evt.stopPropagation();
+ break;
+ case keymap.KEY.ENTER:
+ var isSelectedElem = element.hasClass('bg');
+ var enterFunc = function(element){
+ if (isSelectedElem) {
+ element.removeClass('bg');
+ if (element.attr('aria-selected')) {
+ element.attr('aria-selected', 'false');
+ }
+ }
+ else {
+ element.addClass('bg');
+ element.attr('aria-selected', 'true');
+ }
+ };
+ if (element[0].previousElementSibling) {
+ closeOthersUp(angular.element(element[0].previousElementSibling));
+ }
+ if (element[0].nextElementSibling) {
+ closeOthersDown(angular.element(element[0].nextElementSibling));
+ }
+
+ removeBackground(element);
+ enterFunc(element);
+ evt.stopPropagation();
+ break;
+ case keymap.KEY.TAB:
+ $timeout(function(){
+ resetTabPosition(element);
+ },0);
+ evt.stopPropagation();
+
+ break;
+ default:
+ break;
+ }
+ });
+ element.bind('keyup',function(evt){
+ if(evt.keyCode === keymap.KEY.TAB){
+
+ var tempElem = element;
+ var elemArr = [];
+ while(!tempElem.hasClass('b2b-tree')){
+ elemArr.push(tempElem);
+ tempElem = tempElem.parent().parent();
+ }
+ elemArr.push(tempElem);
+
+ expand(elemArr);
+ }
+ evt.stopPropagation();
+ });
+ }
+ };
+ }]);
+/**
+ * @ngdoc directive
+ * @name Navigation.att:Tree nodes with checkboxes
+ *
+ * @param {String} setRole - The value needs to be "tree". This is required to incorporate CATO requirements.
+ * @param {boolean} groupIt - The value needs to be "false" for top-level tree rendered.
+ * @param {Object} collection - The JSON object of tree to be rendered.
+ * @description
+ * <file src="src/treeNodeCheckbox/docs/readme.md" />
+ *
+ * @usage
+ * <div class="b2b-tree-checkbox">
+ * <b2b-tree-node-checkbox collection="treeStructure" set-role="tree" group-it="false"></b2b-tree-node-checkbox>
+ * </div>
+ * @example
+ * <section id="code">
+ <example module="b2b.att">
+ <file src="src/treeNodeCheckbox/docs/demo.html" />
+ <file src="src/treeNodeCheckbox/docs/demo.js" />
+ </example>
+ </section>
+ *
+ */
+angular.module('b2b.att.treeNodeCheckbox', ['b2b.att.utilities'])
+ .directive('b2bTreeNodeCheckbox', function () {
+ return {
+ restrict: "E",
+ replace: true,
+ scope: {
+ collection: '=',
+ groupIt: '=',
+ setRole: '@'
+ },
+ templateUrl: function (element, attrs) {
+ if (attrs.groupIt === 'true') {
+ return "b2bTemplate/treeNodeCheckbox/groupedTree.html";
+ } else {
+ return "b2bTemplate/treeNodeCheckbox/ungroupedTree.html";
+ }
+ },
+ link: function (scope) {
+ if (!(scope.setRole === 'tree')) {
+ scope.setRole = 'group';
+ }
+ }
+ }
+ })
+ .directive('b2bTreeMember', ['$compile', '$timeout', 'keymap', function ($compile, $timeout, keymap) {
+ return {
+ restrict: "E",
+ replace: true,
+ scope: {
+ member: '=',
+ groupIt: '='
+ },
+ templateUrl: 'b2bTemplate/treeNodeCheckbox/treeMember.html',
+ link: function (scope, element, attrs) {
+ scope.elemArr = [];
+ var removeRootTabIndex = function (elem) {
+ if (elem.parent().parent().eq(0).hasClass('b2b-tree-checkbox')) {
+ elem.attr('tabindex', -1);
+ return;
+ }
+ removeRootTabIndex(elem.parent());
+ };
+ scope.$watch('member.child', function(newVal, oldVal){
+ if(newVal !== oldVal){
+ scope.showChild();
+ };
+ });
+
+ var checkedCount = 0;
+ var nonCheckedCount = 0;
+ var checkBoxesCount = 0;
+
+ if(element.find('a').eq(0).find('input')){
+ if(scope.member.indeterminate){
+ element.find('a').eq(0).find('input').prop('indeterminate', true);
+ element.attr('aria-checked',"mixed");
+ }
+ element.attr('aria-checked',scope.member.isSelected);
+ }
+
+ element.find('a').eq(0).find('input').bind('change',function(){
+ scope.member.indeterminate = false;
+ downwardModalUpdate(scope.member);
+ downwardSelection(element);
+ upwardSelection(element);
+ element.attr('aria-checked',scope.member.isSelected);
+ if (scope.member.onSelect !== undefined) {
+ scope.member.onSelect(scope.member);
+ }
+ });
+
+ element.find('a').eq(0).find('input').bind('click',function(){
+ var elem = angular.element(this);
+ if(scope.member.indeterminate){
+ scope.member.indeterminate = false;
+ scope.member.isSelected = true;
+ elem.prop('indeterminate', false);
+ elem.prop('checked', true);
+ elem.triggerHandler('change');
+ }
+ });
+
+ var groupNode = false;
+ var checkedTreeNode = false;
+
+ var isCheckboxSelected = function(elem){
+ checkedTreeNode = false;
+ checkedTreeNode = angular.element(angular.element(elem).find('a').eq(0))[0].querySelector('input.treeCheckBox').checked;
+ }
+
+ var findCheckbox = function(elem){
+ return angular.element(angular.element(elem).find('a').eq(0))[0].querySelector('input.treeCheckBox');
+ }
+
+ var updateGrpNodeCheckboxes = function(elem, checked){
+ angular.element(angular.element(elem).find('a').eq(0))[0].querySelector('input.treeCheckBox').checked = checked;
+ }
+
+
+ var isGroupNode = function(elem){
+ groupNode = false;
+ if(angular.element(angular.element(elem).find('a').eq(0))[0].querySelector('input.grpTreeCheckbox')){
+ groupNode = true;
+ }
+ }
+
+ var downwardModalUpdate = function(curMember){
+ angular.forEach(curMember.child, function(childMember, key) {
+ childMember.isSelected = curMember.isSelected;
+ childMember.indeterminate = false;
+ if(angular.isArray(childMember.child) && scope.member.child.length > 0){
+ downwardModalUpdate(childMember);
+ }
+ });
+ }
+
+ var downwardSelection = function(elem){
+ if(findCheckbox(elem)){
+ isCheckboxSelected(elem)
+ }
+ if(angular.element(elem).find('ul').length > 0){
+ var childNodes = angular.element(elem).find('ul').eq(0).children('li');
+ for(var i=0; i<childNodes.length; i++){
+ if(findCheckbox(childNodes[i])){
+ isGroupNode(childNodes[i]);
+ angular.element(findCheckbox(childNodes[i])).prop('indeterminate', false);
+ angular.element(childNodes[i]).attr('aria-checked',checkedTreeNode);
+ if(groupNode){
+ updateGrpNodeCheckboxes(childNodes[i],checkedTreeNode);
+ }else{
+ angular.element(childNodes[i]).scope().member.isSelected = checkedTreeNode;
+ angular.element(childNodes[i]).scope().member.indeterminate = false
+ angular.element(childNodes[i]).scope().$apply();
+ }
+ downwardSelection(childNodes[i]);
+ }
+ }
+
+ }
+ }
+ var upwardSelection = function(elem){
+ var childNodes = elem.parent().parent().find('ul').eq(0).children('li');
+ checkedCount = 0;
+ nonCheckedCount = 0;
+ checkBoxesCount = 0;
+ for(i=0; i<childNodes.length; i++){
+ if(findCheckbox(childNodes[i])){
+ isGroupNode(childNodes[i]);
+ isCheckboxSelected(childNodes[i]);
+ checkBoxesCount++;
+ if(checkedTreeNode){
+ checkedCount++;
+ }else if(!angular.element(angular.element(angular.element(childNodes[i]).find('a').eq(0))[0].querySelector('input.treeCheckBox')).prop('indeterminate')){
+ nonCheckedCount++;
+ }
+ }
+ }
+ var parentNodeScope;
+ parentNodeScope = angular.element(elem.parent().parent()).scope();
+ if(findCheckbox(elem.parent().parent())){
+ if(nonCheckedCount == checkBoxesCount){
+ angular.element(findCheckbox(elem.parent().parent())).prop('indeterminate', false);
+ if(parentNodeScope && parentNodeScope.member){
+ parentNodeScope.member.isSelected = false;
+ parentNodeScope.member.indeterminate = false;
+ }else{
+ updateGrpNodeCheckboxes(elem.parent().parent(),false);
+ }
+ angular.element(elem.parent().parent()).attr('aria-checked',false);
+ }else if(checkedCount == checkBoxesCount){
+ angular.element(findCheckbox(elem.parent().parent())).prop('indeterminate', false);
+ if(parentNodeScope && parentNodeScope.member){
+ parentNodeScope.member.isSelected = true;
+ parentNodeScope.member.indeterminate = false;
+ }else{
+ updateGrpNodeCheckboxes(elem.parent().parent(),true);
+ }
+ angular.element(elem.parent().parent()).attr('aria-checked',true);
+ }else{
+ angular.element(findCheckbox(elem.parent().parent())).prop('indeterminate', true);
+ if(parentNodeScope && parentNodeScope.member){
+ parentNodeScope.member.isSelected = false;
+ parentNodeScope.member.indeterminate = true;
+ }else{
+ updateGrpNodeCheckboxes(elem.parent().parent(),false);
+ }
+ angular.element(elem.parent().parent()).attr('aria-checked',"mixed");
+ }
+ if(parentNodeScope && parentNodeScope.member){
+ parentNodeScope.$apply();
+ }
+ }
+
+
+
+ if(elem.parent().parent().attr('role') == "treeitem"){
+ upwardSelection(elem.parent().parent());
+ }
+ }
+
+ scope.showChild = function () {
+ if (!element.hasClass('grouped')) {
+ if (angular.isArray(scope.member.child) && scope.member.child.length > 0 && (scope.member.divide === undefined || scope.member.child.length < scope.member.divide)) {
+ scope.groupIt = false;
+ element.addClass('grouped');
+ element.append("<b2b-tree-node-checkbox collection='member.child' group-it='" + scope.groupIt + "'></b2b-tree-node-checkbox>");
+ $compile(element.contents())(scope);
+ if(scope.member.active && scope.member.active === true){
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).removeClass('icon-primary-collapsed');
+ };
+ if(scope.member.selected && scope.member.selected === true){
+ element.attr('tabindex', 0);
+ removeRootTabIndex(element);
+ };
+ if(scope.member.active && scope.member.active == undefined){
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).addClass('icon-primary-collapsed');
+ };
+ } else if (scope.member.child && scope.member.divide && scope.member.child.length > scope.member.divide) {
+ element.addClass('grouped');
+ scope.groupIt = true;
+ var j = 0;
+ var grpName = '';
+ if(scope.member.child[0].groupName !== undefined){
+ grpName = scope.member.child[0].groupName;
+ }
+ else{
+ var toSlice = scope.member.child[0].name.search(' ');
+ grpName = scope.member.child[0].name.slice(0, toSlice);
+ }
+
+ for (i = 0; i < scope.member.child.length; i += scope.member.divide) {
+ j = 0;
+ for (j = j + i; j < (i + scope.member.divide); j++) {
+ if (j === scope.member.child.length) {
+ scope.member.child[j - 1].grpChild = grpName + ' ' + (i + 1) + ' - ' + (scope.member.child.length);
+ break;
+
+ if(scope.member.child[j-1].active && scope.member.child[j-1].active===true){
+ scope.member.child[j-1].activeGrp = true;
+ };
+
+ }
+ if (i + scope.member.divide > scope.member.child.length) {
+ scope.member.child[j].grpChild = grpName + ' ' + (i + 1) + ' - ' + (scope.member.child.length);
+ if(scope.member.child[j].active && scope.member.child[j].active===true){
+ scope.member.child[j].activeGrp = true;
+ };
+
+ } else {
+ scope.member.child[j].grpChild = grpName + ' ' + (i + 1) + ' - ' + (i + scope.member.divide);
+ if(scope.member.child[j].active && scope.member.child[j].active===true){
+ scope.member.child[j].activeGrp = true;
+ };
+ }
+ }
+ }
+ if(scope.member.divide){
+ element.append("<b2b-tree-node-checkbox collection='member.child' group-it='" + scope.groupIt + "'></b2b-tree-node-checkbox>");
+ } else {
+ element.append("<b2b-tree-node-checkbox collection='member.child' group-it='" + scope.groupIt + "'></b2b-tree-node-checkbox>");
+ }
+ $compile(element.contents())(scope);
+ if(scope.member.active && scope.member.active === true){
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).removeClass('icon-primary-collapsed');
+ };
+
+ if( scope.member.active && scope.member.active == undefined){
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).addClass('icon-primary-collapsed');
+ };
+ }
+ }
+ $timeout(function () {
+ if(!scope.member.indeterminate){
+ downwardSelection(element);
+ }
+ });
+
+ };
+
+ if(scope.member.active && scope.member.active == true){
+ scope.showChild();
+ };
+ if(scope.member.active == undefined && !element.find('a').eq(0).hasClass('active') && scope.member.child !== undefined){
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).addClass('icon-primary-collapsed');
+ }
+ else if(scope.member.child == undefined){
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).addClass('icon-primary-circle');
+ if(scope.$parent.$index === 0) {
+ element.find('a').eq(0).append('<span class="first-link"></span>');
+ };
+ };
+
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).bind('click', function (evt) {
+ scope.showChild();
+ var expandFunc = scope.member.onExpand;
+ if (element.find('a').eq(0).hasClass('active') && scope.member.onExpand !== undefined) {
+ var eValue = scope.member.onExpand(scope.member);
+ }
+ if (!element.find('a').eq(0).hasClass('active') && scope.member.onCollapse !== undefined) {
+ scope.member.onCollapse(scope.member);
+ }
+ });
+
+ angular.element(element[0].querySelectorAll('.treeNodeName')).eq(0).bind('click', function (evt) {
+
+ });
+
+ }
+ }
+}])
+ .directive('b2bTreeNodeLink', ['keymap', '$timeout', function (keymap, $timeout) {
+ return {
+ restrict: 'A',
+ link: function (scope, element, attr, ctrl) {
+ var rootE, parentE, upE, downE;
+ var closeOthersUp = function (elem) {
+
+ if (elem.find('a').eq(0).hasClass('active')) {
+ activeToggle(elem);
+ return;
+ }
+ if (elem.hasClass('bg')) {
+ elem.removeClass('bg');
+ }
+ if (elem[0].previousElementSibling !== null) {
+ closeOthersUp(angular.element(elem[0].previousElementSibling));
+ }
+ };
+ var closeOthersDown = function (elem) {
+
+ if (elem.find('a').eq(0).hasClass('active')) {
+ activeToggle(elem);
+ return;
+ }
+ if (elem.hasClass('bg')) {
+ elem.removeClass('bg');
+ }
+ if (elem[0].nextElementSibling !== null) {
+ closeOthersDown(angular.element(elem[0].nextElementSibling));
+ }
+ };
+
+ var removeBackgroundUp = function (elem) {
+
+ if (elem.hasClass('b2b-tree-checkbox')) {
+ return;
+ } else {
+ elem.parent().parent().removeClass('bg');
+ removeBackgroundUp(elem.parent().parent());
+ }
+ };
+
+ var removeBackgroundDown = function (elem) {
+
+ angular.element(elem[0].querySelector('.bg')).removeClass('bg');
+ };
+
+
+
+ var activeToggle = function (elem) {
+ var element = elem.find('a').eq(0);
+ if (element.hasClass('active')) {
+ elem.removeClass('bg');
+ if (!angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).hasClass('icon-primary-circle')) {
+ element.removeClass('active');
+ elem.attr('aria-expanded', 'false');
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).removeClass('icon-primary-expanded');
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).addClass('icon-primary-collapsed');
+ }
+ } else {
+ elem.addClass('bg');
+ if (!angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).hasClass('icon-primary-circle')) {
+ element.addClass('active');
+ elem.attr('aria-expanded', 'true');
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).removeClass('icon-primary-collapsed');
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).addClass('icon-primary-expanded');
+ }
+ }
+ };
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).bind('click', function (evt) {
+
+ if (element[0].previousElementSibling) {
+ closeOthersUp(angular.element(element[0].previousElementSibling));
+ }
+ if (element[0].nextElementSibling) {
+ closeOthersDown(angular.element(element[0].nextElementSibling));
+ }
+
+ activeToggle(element);
+
+ removeBackgroundDown(element);
+ removeBackgroundUp(element);
+ evt.stopPropagation();
+ });
+
+ if (element.parent().parent().hasClass('b2b-tree-checkbox') && (element.parent()[0].previousElementSibling === null)) {
+ element.attr('tabindex', 0);
+ }
+
+ var isRoot = function (elem) {
+ if (elem.parent().parent().eq(0).hasClass('b2b-tree-checkbox')) {
+ return true;
+ } else {
+ return false;
+ }
+ };
+ var findRoot = function (elem) {
+ if (isRoot(elem)) {
+ rootE = elem;
+ return;
+ }
+ findRoot(elem.parent());
+ };
+
+ var findPreActive = function (elem) {
+
+ if (!(elem.hasClass("active"))) {
+ return;
+ } else {
+ var childElems = angular.element(elem[0].nextElementSibling.children);
+ lastE = angular.element(childElems[childElems.length - 1]);
+ if (lastE.find('a').eq(0).hasClass('active')) {
+ findPreActive(lastE.find('a').eq(0));
+ }
+ upE = lastE;
+ }
+ };
+
+ var findUp = function (elem) {
+ if (isRoot(elem)) {
+ upE = elem;
+ return;
+ }
+ if (elem[0].previousElementSibling !== null && !angular.element(elem[0].previousElementSibling).hasClass('tree-hide')) {
+ upE = angular.element(elem[0].previousElementSibling);
+ if (upE.find('a').eq(0).hasClass('active')) {
+ findPreActive(upE.find('a').eq(0));
+ }
+ } else {
+ upE = elem.parent().parent();
+ }
+ };
+
+ var downElement = function (elem) {
+ if (elem.next().hasClass('tree-hide')) {
+ downElement(elem.next());
+ } else {
+ downE = elem.next();
+ }
+ }
+ var isBottomElem = false;
+ var downParent = function(liElem){
+ if(liElem.eq(0).parent().parent().eq(0).hasClass('b2b-tree-checkbox')){
+ isBottomElem = true;
+ return;
+ }
+ if(liElem.next().length !== 0){
+ downE = liElem.next().eq(0);
+ return;
+ }
+ else {
+ downParent(liElem.parent().parent());
+ }
+ }
+
+ var findDown = function (elem) {
+ if (isRoot(elem.parent()) && !elem.hasClass('active')) {
+ downE = elem.parent();
+ return;
+ }
+ if (elem.hasClass('active')) {
+ downE = elem.next().find('li').eq(0);
+ if (downE.hasClass('tree-hide')) {
+ downElement(downE);
+ }
+
+ } else {
+ downParent(elem.parent());
+ if(isBottomElem === true){
+ downE = elem.parent();
+ isBottomElem = false;
+ }
+ }
+ };
+ element.bind('keydown', function (evt) {
+ switch (evt.keyCode) {
+ case keymap.KEY.HOME:
+ evt.preventDefault();
+ evt.stopPropagation();
+ element.attr('tabindex', -1);
+ findRoot(element);
+ rootE.eq(0).attr('tabindex', 0);
+ rootE[0].focus();
+ break;
+ case keymap.KEY.LEFT:
+ evt.preventDefault();
+ evt.stopPropagation();
+ if (!isRoot(element)) {
+ if(element.find('a').eq(0).hasClass('active')){
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).triggerHandler('click');
+ return;
+ }
+ element.attr('tabindex', -1);
+ parentE = element.parent().parent();
+ parentE.attr('tabindex', 0);
+ parentE[0].focus();
+ } else {
+ if (element.find('a').eq(0).hasClass('active')) {
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).triggerHandler('click');
+ }
+ };
+ break;
+ case keymap.KEY.UP:
+ evt.preventDefault();
+ evt.stopPropagation();
+ element.attr('tabindex', -1);
+ findUp(element);
+ upE.eq(0).attr('tabindex', 0);
+ upE[0].focus();
+ break;
+ case keymap.KEY.RIGHT:
+ evt.preventDefault();
+ evt.stopPropagation();
+ if(angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).hasClass('icon-primary-circle')){
+ break;
+ }
+ if (!element.find('a').eq(0).hasClass('active')) {
+ angular.element(element[0].querySelectorAll('i.expandCollapseIcon')).eq(0).triggerHandler('click');
+ }
+ else {
+ element.attr('tabindex', -1);
+ findDown(element.find('a').eq(0));
+ downE.eq(0).attr('tabindex', 0);
+ downE[0].focus();
+ }
+ break;
+ case keymap.KEY.DOWN:
+ evt.preventDefault();
+ element.attr('tabindex', -1);
+ findDown(element.find('a').eq(0));
+ downE.eq(0).attr('tabindex', 0);
+ downE[0].focus();
+ evt.stopPropagation();
+ break;
+ case keymap.KEY.SPACE:
+ case keymap.KEY.ENTER:
+ evt.preventDefault();
+ evt.stopPropagation();
+ if(angular.isDefined(element.scope().member.isSelected)){
+ element.scope().member.isSelected = !element.scope().member.isSelected;
+ element.scope().member.indeterminate = false;
+ element.scope().$apply();
+ element.find('a').eq(0).find('input').prop('indeterminate', false);
+ element.find('a').eq(0).find('input').triggerHandler('change');
+ }
+ break;
+ default:
+ break;
+ }
+ });
+ }
+ };
+ }]);
+/*!
+ * VERSION: 1.7.3
+ * DATE: 2014-01-14
+ * UPDATES AND DOCS AT: http://www.greensock.com
+ *
+ * @license Copyright (c) 2008-2014, GreenSock. All rights reserved.
+ * This work is subject to the terms at http://www.greensock.com/terms_of_use.html or for
+ * Club GreenSock members, the software agreement that was issued with your membership.
+ *
+ * @author: Jack Doyle, jack@greensock.com
+ **/
+(window._gsQueue || (window._gsQueue = [])).push( function() {
+
+ "use strict";
+
+ var _doc = document.documentElement,
+ _window = window,
+ _max = function(element, axis) {
+ var dim = (axis === "x") ? "Width" : "Height",
+ scroll = "scroll" + dim,
+ client = "client" + dim,
+ body = document.body;
+ return (element === _window || element === _doc || element === body) ? Math.max(_doc[scroll], body[scroll]) - (_window["inner" + dim] || Math.max(_doc[client], body[client])) : element[scroll] - element["offset" + dim];
+ },
+
+ ScrollToPlugin = window._gsDefine.plugin({
+ propName: "scrollTo",
+ API: 2,
+ version:"1.7.3",
+
+ //called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
+ init: function(target, value, tween) {
+ this._wdw = (target === _window);
+ this._target = target;
+ this._tween = tween;
+ if (typeof(value) !== "object") {
+ value = {y:value}; //if we don't receive an object as the parameter, assume the user intends "y".
+ }
+ this._autoKill = (value.autoKill !== false);
+ this.x = this.xPrev = this.getX();
+ this.y = this.yPrev = this.getY();
+ if (value.x != null) {
+ this._addTween(this, "x", this.x, (value.x === "max") ? _max(target, "x") : value.x, "scrollTo_x", true);
+ this._overwriteProps.push("scrollTo_x");
+ } else {
+ this.skipX = true;
+ }
+ if (value.y != null) {
+ this._addTween(this, "y", this.y, (value.y === "max") ? _max(target, "y") : value.y, "scrollTo_y", true);
+ this._overwriteProps.push("scrollTo_y");
+ } else {
+ this.skipY = true;
+ }
+ return true;
+ },
+
+ //called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)
+ set: function(v) {
+ this._super.setRatio.call(this, v);
+
+ var x = (this._wdw || !this.skipX) ? this.getX() : this.xPrev,
+ y = (this._wdw || !this.skipY) ? this.getY() : this.yPrev,
+ yDif = y - this.yPrev,
+ xDif = x - this.xPrev;
+
+ if (this._autoKill) {
+ //note: iOS has a bug that throws off the scroll by several pixels, so we need to check if it's within 7 pixels of the previous one that we set instead of just looking for an exact match.
+ if (!this.skipX && (xDif > 7 || xDif < -7) && x < _max(this._target, "x")) {
+ this.skipX = true; //if the user scrolls separately, we should stop tweening!
+ }
+ if (!this.skipY && (yDif > 7 || yDif < -7) && y < _max(this._target, "y")) {
+ this.skipY = true; //if the user scrolls separately, we should stop tweening!
+ }
+ if (this.skipX && this.skipY) {
+ this._tween.kill();
+ }
+ }
+ if (this._wdw) {
+ _window.scrollTo((!this.skipX) ? this.x : x, (!this.skipY) ? this.y : y);
+ } else {
+ if (!this.skipY) {
+ this._target.scrollTop = this.y;
+ }
+ if (!this.skipX) {
+ this._target.scrollLeft = this.x;
+ }
+ }
+ this.xPrev = this.x;
+ this.yPrev = this.y;
+ }
+
+ }),
+ p = ScrollToPlugin.prototype;
+
+ ScrollToPlugin.max = _max;
+
+ p.getX = function() {
+ return (!this._wdw) ? this._target.scrollLeft : (_window.pageXOffset != null) ? _window.pageXOffset : (_doc.scrollLeft != null) ? _doc.scrollLeft : document.body.scrollLeft;
+ };
+
+ p.getY = function() {
+ return (!this._wdw) ? this._target.scrollTop : (_window.pageYOffset != null) ? _window.pageYOffset : (_doc.scrollTop != null) ? _doc.scrollTop : document.body.scrollTop;
+ };
+
+ p._kill = function(lookup) {
+ if (lookup.scrollTo_x) {
+ this.skipX = true;
+ }
+ if (lookup.scrollTo_y) {
+ this.skipY = true;
+ }
+ return this._super._kill.call(this, lookup);
+ };
+
+}); if (window._gsDefine) { window._gsQueue.pop()(); }
+/*!
+ * VERSION: 1.12.1
+ * DATE: 2014-06-26
+ * UPDATES AND DOCS AT: http://www.greensock.com
+ *
+ * Includes all of the following: TweenLite, TweenMax, TimelineLite, TimelineMax, EasePack, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin
+ *
+ * @license Copyright (c) 2008-2014, GreenSock. All rights reserved.
+ * This work is subject to the terms at http://www.greensock.com/terms_of_use.html or for
+ * Club GreenSock members, the software agreement that was issued with your membership.
+ *
+ * @author: Jack Doyle, jack@greensock.com
+ **/
+
+(window._gsQueue || (window._gsQueue = [])).push( function() {
+
+ "use strict";
+
+ window._gsDefine("TweenMax", ["core.Animation","core.SimpleTimeline","TweenLite"], function(Animation, SimpleTimeline, TweenLite) {
+
+ var _slice = [].slice,
+ TweenMax = function(target, duration, vars) {
+ TweenLite.call(this, target, duration, vars);
+ this._cycle = 0;
+ this._yoyo = (this.vars.yoyo === true);
+ this._repeat = this.vars.repeat || 0;
+ this._repeatDelay = this.vars.repeatDelay || 0;
+ this._dirty = true; //ensures that if there is any repeat, the totalDuration will get recalculated to accurately report it.
+ this.render = TweenMax.prototype.render; //speed optimization (avoid prototype lookup on this "hot" method)
+ },
+ _tinyNum = 0.0000000001,
+ TweenLiteInternals = TweenLite._internals,
+ _isSelector = TweenLiteInternals.isSelector,
+ _isArray = TweenLiteInternals.isArray,
+ p = TweenMax.prototype = TweenLite.to({}, 0.1, {}),
+ _blankArray = [];
+
+ TweenMax.version = "1.12.1";
+ p.constructor = TweenMax;
+ p.kill()._gc = false;
+ TweenMax.killTweensOf = TweenMax.killDelayedCallsTo = TweenLite.killTweensOf;
+ TweenMax.getTweensOf = TweenLite.getTweensOf;
+ TweenMax.lagSmoothing = TweenLite.lagSmoothing;
+ TweenMax.ticker = TweenLite.ticker;
+ TweenMax.render = TweenLite.render;
+
+ p.invalidate = function() {
+ this._yoyo = (this.vars.yoyo === true);
+ this._repeat = this.vars.repeat || 0;
+ this._repeatDelay = this.vars.repeatDelay || 0;
+ this._uncache(true);
+ return TweenLite.prototype.invalidate.call(this);
+ };
+
+ p.updateTo = function(vars, resetDuration) {
+ var curRatio = this.ratio, p;
+ if (resetDuration && this._startTime < this._timeline._time) {
+ this._startTime = this._timeline._time;
+ this._uncache(false);
+ if (this._gc) {
+ this._enabled(true, false);
+ } else {
+ this._timeline.insert(this, this._startTime - this._delay); //ensures that any necessary re-sequencing of Animations in the timeline occurs to make sure the rendering order is correct.
+ }
+ }
+ for (p in vars) {
+ this.vars[p] = vars[p];
+ }
+ if (this._initted) {
+ if (resetDuration) {
+ this._initted = false;
+ } else {
+ if (this._gc) {
+ this._enabled(true, false);
+ }
+ if (this._notifyPluginsOfEnabled && this._firstPT) {
+ TweenLite._onPluginEvent("_onDisable", this); //in case a plugin like MotionBlur must perform some cleanup tasks
+ }
+ if (this._time / this._duration > 0.998) { //if the tween has finished (or come extremely close to finishing), we just need to rewind it to 0 and then render it again at the end which forces it to re-initialize (parsing the new vars). We allow tweens that are close to finishing (but haven't quite finished) to work this way too because otherwise, the values are so small when determining where to project the starting values that binary math issues creep in and can make the tween appear to render incorrectly when run backwards.
+ var prevTime = this._time;
+ this.render(0, true, false);
+ this._initted = false;
+ this.render(prevTime, true, false);
+ } else if (this._time > 0) {
+ this._initted = false;
+ this._init();
+ var inv = 1 / (1 - curRatio),
+ pt = this._firstPT, endValue;
+ while (pt) {
+ endValue = pt.s + pt.c;
+ pt.c *= inv;
+ pt.s = endValue - pt.c;
+ pt = pt._next;
+ }
+ }
+ }
+ }
+ return this;
+ };
+
+ p.render = function(time, suppressEvents, force) {
+ if (!this._initted) if (this._duration === 0 && this.vars.repeat) { //zero duration tweens that render immediately have render() called from TweenLite's constructor, before TweenMax's constructor has finished setting _repeat, _repeatDelay, and _yoyo which are critical in determining totalDuration() so we need to call invalidate() which is a low-kb way to get those set properly.
+ this.invalidate();
+ }
+ var totalDur = (!this._dirty) ? this._totalDuration : this.totalDuration(),
+ prevTime = this._time,
+ prevTotalTime = this._totalTime,
+ prevCycle = this._cycle,
+ duration = this._duration,
+ prevRawPrevTime = this._rawPrevTime,
+ isComplete, callback, pt, cycleDuration, r, type, pow, rawPrevTime, i;
+ if (time >= totalDur) {
+ this._totalTime = totalDur;
+ this._cycle = this._repeat;
+ if (this._yoyo && (this._cycle & 1) !== 0) {
+ this._time = 0;
+ this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0;
+ } else {
+ this._time = duration;
+ this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1;
+ }
+ if (!this._reversed) {
+ isComplete = true;
+ callback = "onComplete";
+ }
+ if (duration === 0) if (this._initted || !this.vars.lazy || force) { //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
+ if (this._startTime === this._timeline._duration) { //if a zero-duration tween is at the VERY end of a timeline and that timeline renders at its end, it will typically add a tiny bit of cushion to the render time to prevent rounding errors from getting in the way of tweens rendering their VERY end. If we then reverse() that timeline, the zero-duration tween will trigger its onReverseComplete even though technically the playhead didn't pass over it again. It's a very specific edge case we must accommodate.
+ time = 0;
+ }
+ if (time === 0 || prevRawPrevTime < 0 || prevRawPrevTime === _tinyNum) if (prevRawPrevTime !== time) {
+ force = true;
+ if (prevRawPrevTime > _tinyNum) {
+ callback = "onReverseComplete";
+ }
+ }
+ this._rawPrevTime = rawPrevTime = (!suppressEvents || time || prevRawPrevTime === time) ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
+ }
+
+ } else if (time < 0.0000001) { //to work around occasional floating point math artifacts, round super small values to 0.
+ this._totalTime = this._time = this._cycle = 0;
+ this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0;
+ if (prevTotalTime !== 0 || (duration === 0 && prevRawPrevTime > 0 && prevRawPrevTime !== _tinyNum)) {
+ callback = "onReverseComplete";
+ isComplete = this._reversed;
+ }
+ if (time < 0) {
+ this._active = false;
+ if (duration === 0) if (this._initted || !this.vars.lazy || force) { //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
+ if (prevRawPrevTime >= 0) {
+ force = true;
+ }
+ this._rawPrevTime = rawPrevTime = (!suppressEvents || time || prevRawPrevTime === time) ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
+ }
+ } else if (!this._initted) { //if we render the very beginning (time == 0) of a fromTo(), we must force the render (normal tweens wouldn't need to render at a time of 0 when the prevTime was also 0). This is also mandatory to make sure overwriting kicks in immediately.
+ force = true;
+ }
+ } else {
+ this._totalTime = this._time = time;
+
+ if (this._repeat !== 0) {
+ cycleDuration = duration + this._repeatDelay;
+ this._cycle = (this._totalTime / cycleDuration) >> 0; //originally _totalTime % cycleDuration but floating point errors caused problems, so I normalized it. (4 % 0.8 should be 0 but Flash reports it as 0.79999999!)
+ if (this._cycle !== 0) if (this._cycle === this._totalTime / cycleDuration) {
+ this._cycle--; //otherwise when rendered exactly at the end time, it will act as though it is repeating (at the beginning)
+ }
+ this._time = this._totalTime - (this._cycle * cycleDuration);
+ if (this._yoyo) if ((this._cycle & 1) !== 0) {
+ this._time = duration - this._time;
+ }
+ if (this._time > duration) {
+ this._time = duration;
+ } else if (this._time < 0) {
+ this._time = 0;
+ }
+ }
+
+ if (this._easeType) {
+ r = this._time / duration;
+ type = this._easeType;
+ pow = this._easePower;
+ if (type === 1 || (type === 3 && r >= 0.5)) {
+ r = 1 - r;
+ }
+ if (type === 3) {
+ r *= 2;
+ }
+ if (pow === 1) {
+ r *= r;
+ } else if (pow === 2) {
+ r *= r * r;
+ } else if (pow === 3) {
+ r *= r * r * r;
+ } else if (pow === 4) {
+ r *= r * r * r * r;
+ }
+
+ if (type === 1) {
+ this.ratio = 1 - r;
+ } else if (type === 2) {
+ this.ratio = r;
+ } else if (this._time / duration < 0.5) {
+ this.ratio = r / 2;
+ } else {
+ this.ratio = 1 - (r / 2);
+ }
+
+ } else {
+ this.ratio = this._ease.getRatio(this._time / duration);
+ }
+
+ }
+
+ if (prevTime === this._time && !force && prevCycle === this._cycle) {
+ if (prevTotalTime !== this._totalTime) if (this._onUpdate) if (!suppressEvents) { //so that onUpdate fires even during the repeatDelay - as long as the totalTime changed, we should trigger onUpdate.
+ this._onUpdate.apply(this.vars.onUpdateScope || this, this.vars.onUpdateParams || _blankArray);
+ }
+ return;
+ } else if (!this._initted) {
+ this._init();
+ if (!this._initted || this._gc) { //immediateRender tweens typically won't initialize until the playhead advances (_time is greater than 0) in order to ensure that overwriting occurs properly. Also, if all of the tweening properties have been overwritten (which would cause _gc to be true, as set in _init()), we shouldn't continue otherwise an onStart callback could be called for example.
+ return;
+ } else if (!force && this._firstPT && ((this.vars.lazy !== false && this._duration) || (this.vars.lazy && !this._duration))) { //we stick it in the queue for rendering at the very end of the tick - this is a performance optimization because browsers invalidate styles and force a recalculation if you read, write, and then read style data (so it's better to read/read/read/write/write/write than read/write/read/write/read/write). The down side, of course, is that usually you WANT things to render immediately because you may have code running right after that which depends on the change. Like imagine running TweenLite.set(...) and then immediately after that, creating a nother tween that animates the same property to another value; the starting values of that 2nd tween wouldn't be accurate if lazy is true.
+ this._time = prevTime;
+ this._totalTime = prevTotalTime;
+ this._rawPrevTime = prevRawPrevTime;
+ this._cycle = prevCycle;
+ TweenLiteInternals.lazyTweens.push(this);
+ this._lazy = time;
+ return;
+ }
+ //_ease is initially set to defaultEase, so now that init() has run, _ease is set properly and we need to recalculate the ratio. Overall this is faster than using conditional logic earlier in the method to avoid having to set ratio twice because we only init() once but renderTime() gets called VERY frequently.
+ if (this._time && !isComplete) {
+ this.ratio = this._ease.getRatio(this._time / duration);
+ } else if (isComplete && this._ease._calcEnd) {
+ this.ratio = this._ease.getRatio((this._time === 0) ? 0 : 1);
+ }
+ }
+ if (this._lazy !== false) {
+ this._lazy = false;
+ }
+
+ if (!this._active) if (!this._paused && this._time !== prevTime && time >= 0) {
+ this._active = true; //so that if the user renders a tween (as opposed to the timeline rendering it), the timeline is forced to re-render and align it with the proper time/frame on the next rendering cycle. Maybe the tween already finished but the user manually re-renders it as halfway done.
+ }
+ if (prevTotalTime === 0) {
+ if (this._initted === 2 && time > 0) {
+ //this.invalidate();
+ this._init(); //will just apply overwriting since _initted of (2) means it was a from() tween that had immediateRender:true
+ }
+ if (this._startAt) {
+ if (time >= 0) {
+ this._startAt.render(time, suppressEvents, force);
+ } else if (!callback) {
+ callback = "_dummyGS"; //if no callback is defined, use a dummy value just so that the condition at the end evaluates as true because _startAt should render AFTER the normal render loop when the time is negative. We could handle this in a more intuitive way, of course, but the render loop is the MOST important thing to optimize, so this technique allows us to avoid adding extra conditional logic in a high-frequency area.
+ }
+ }
+ if (this.vars.onStart) if (this._totalTime !== 0 || duration === 0) if (!suppressEvents) {
+ this.vars.onStart.apply(this.vars.onStartScope || this, this.vars.onStartParams || _blankArray);
+ }
+ }
+
+ pt = this._firstPT;
+ while (pt) {
+ if (pt.f) {
+ pt.t[pt.p](pt.c * this.ratio + pt.s);
+ } else {
+ pt.t[pt.p] = pt.c * this.ratio + pt.s;
+ }
+ pt = pt._next;
+ }
+
+ if (this._onUpdate) {
+ if (time < 0) if (this._startAt && this._startTime) { //if the tween is positioned at the VERY beginning (_startTime 0) of its parent timeline, it's illegal for the playhead to go back further, so we should not render the recorded startAt values.
+ this._startAt.render(time, suppressEvents, force); //note: for performance reasons, we tuck this conditional logic inside less traveled areas (most tweens don't have an onUpdate). We'd just have it at the end before the onComplete, but the values should be updated before any onUpdate is called, so we ALSO put it here and then if it's not called, we do so later near the onComplete.
+ }
+ if (!suppressEvents) if (this._totalTime !== prevTotalTime || isComplete) {
+ this._onUpdate.apply(this.vars.onUpdateScope || this, this.vars.onUpdateParams || _blankArray);
+ }
+ }
+ if (this._cycle !== prevCycle) if (!suppressEvents) if (!this._gc) if (this.vars.onRepeat) {
+ this.vars.onRepeat.apply(this.vars.onRepeatScope || this, this.vars.onRepeatParams || _blankArray);
+ }
+ if (callback) if (!this._gc) { //check gc because there's a chance that kill() could be called in an onUpdate
+ if (time < 0 && this._startAt && !this._onUpdate && this._startTime) { //if the tween is positioned at the VERY beginning (_startTime 0) of its parent timeline, it's illegal for the playhead to go back further, so we should not render the recorded startAt values.
+ this._startAt.render(time, suppressEvents, force);
+ }
+ if (isComplete) {
+ if (this._timeline.autoRemoveChildren) {
+ this._enabled(false, false);
+ }
+ this._active = false;
+ }
+ if (!suppressEvents && this.vars[callback]) {
+ this.vars[callback].apply(this.vars[callback + "Scope"] || this, this.vars[callback + "Params"] || _blankArray);
+ }
+ if (duration === 0 && this._rawPrevTime === _tinyNum && rawPrevTime !== _tinyNum) { //the onComplete or onReverseComplete could trigger movement of the playhead and for zero-duration tweens (which must discern direction) that land directly back on their start time, we don't want to fire again on the next render. Think of several addPause()'s in a timeline that forces the playhead to a certain spot, but what if it's already paused and another tween is tweening the "time" of the timeline? Each time it moves [forward] past that spot, it would move back, and since suppressEvents is true, it'd reset _rawPrevTime to _tinyNum so that when it begins again, the callback would fire (so ultimately it could bounce back and forth during that tween). Again, this is a very uncommon scenario, but possible nonetheless.
+ this._rawPrevTime = 0;
+ }
+ }
+ };
+
+//---- STATIC FUNCTIONS -----------------------------------------------------------------------------------------------------------
+
+ TweenMax.to = function(target, duration, vars) {
+ return new TweenMax(target, duration, vars);
+ };
+
+ TweenMax.from = function(target, duration, vars) {
+ vars.runBackwards = true;
+ vars.immediateRender = (vars.immediateRender != false);
+ return new TweenMax(target, duration, vars);
+ };
+
+ TweenMax.fromTo = function(target, duration, fromVars, toVars) {
+ toVars.startAt = fromVars;
+ toVars.immediateRender = (toVars.immediateRender != false && fromVars.immediateRender != false);
+ return new TweenMax(target, duration, toVars);
+ };
+
+ TweenMax.staggerTo = TweenMax.allTo = function(targets, duration, vars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
+ stagger = stagger || 0;
+ var delay = vars.delay || 0,
+ a = [],
+ finalComplete = function() {
+ if (vars.onComplete) {
+ vars.onComplete.apply(vars.onCompleteScope || this, arguments);
+ }
+ onCompleteAll.apply(onCompleteAllScope || this, onCompleteAllParams || _blankArray);
+ },
+ l, copy, i, p;
+ if (!_isArray(targets)) {
+ if (typeof(targets) === "string") {
+ targets = TweenLite.selector(targets) || targets;
+ }
+ if (_isSelector(targets)) {
+ targets = _slice.call(targets, 0);
+ }
+ }
+ l = targets.length;
+ for (i = 0; i < l; i++) {
+ copy = {};
+ for (p in vars) {
+ copy[p] = vars[p];
+ }
+ copy.delay = delay;
+ if (i === l - 1 && onCompleteAll) {
+ copy.onComplete = finalComplete;
+ }
+ a[i] = new TweenMax(targets[i], duration, copy);
+ delay += stagger;
+ }
+ return a;
+ };
+
+ TweenMax.staggerFrom = TweenMax.allFrom = function(targets, duration, vars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
+ vars.runBackwards = true;
+ vars.immediateRender = (vars.immediateRender != false);
+ return TweenMax.staggerTo(targets, duration, vars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope);
+ };
+
+ TweenMax.staggerFromTo = TweenMax.allFromTo = function(targets, duration, fromVars, toVars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
+ toVars.startAt = fromVars;
+ toVars.immediateRender = (toVars.immediateRender != false && fromVars.immediateRender != false);
+ return TweenMax.staggerTo(targets, duration, toVars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope);
+ };
+
+ TweenMax.delayedCall = function(delay, callback, params, scope, useFrames) {
+ return new TweenMax(callback, 0, {delay:delay, onComplete:callback, onCompleteParams:params, onCompleteScope:scope, onReverseComplete:callback, onReverseCompleteParams:params, onReverseCompleteScope:scope, immediateRender:false, useFrames:useFrames, overwrite:0});
+ };
+
+ TweenMax.set = function(target, vars) {
+ return new TweenMax(target, 0, vars);
+ };
+
+ TweenMax.isTweening = function(target) {
+ return (TweenLite.getTweensOf(target, true).length > 0);
+ };
+
+ var _getChildrenOf = function(timeline, includeTimelines) {
+ var a = [],
+ cnt = 0,
+ tween = timeline._first;
+ while (tween) {
+ if (tween instanceof TweenLite) {
+ a[cnt++] = tween;
+ } else {
+ if (includeTimelines) {
+ a[cnt++] = tween;
+ }
+ a = a.concat(_getChildrenOf(tween, includeTimelines));
+ cnt = a.length;
+ }
+ tween = tween._next;
+ }
+ return a;
+ },
+ getAllTweens = TweenMax.getAllTweens = function(includeTimelines) {
+ return _getChildrenOf(Animation._rootTimeline, includeTimelines).concat( _getChildrenOf(Animation._rootFramesTimeline, includeTimelines) );
+ };
+
+ TweenMax.killAll = function(complete, tweens, delayedCalls, timelines) {
+ if (tweens == null) {
+ tweens = true;
+ }
+ if (delayedCalls == null) {
+ delayedCalls = true;
+ }
+ var a = getAllTweens((timelines != false)),
+ l = a.length,
+ allTrue = (tweens && delayedCalls && timelines),
+ isDC, tween, i;
+ for (i = 0; i < l; i++) {
+ tween = a[i];
+ if (allTrue || (tween instanceof SimpleTimeline) || ((isDC = (tween.target === tween.vars.onComplete)) && delayedCalls) || (tweens && !isDC)) {
+ if (complete) {
+ tween.totalTime(tween._reversed ? 0 : tween.totalDuration());
+ } else {
+ tween._enabled(false, false);
+ }
+ }
+ }
+ };
+
+ TweenMax.killChildTweensOf = function(parent, complete) {
+ if (parent == null) {
+ return;
+ }
+ var tl = TweenLiteInternals.tweenLookup,
+ a, curParent, p, i, l;
+ if (typeof(parent) === "string") {
+ parent = TweenLite.selector(parent) || parent;
+ }
+ if (_isSelector(parent)) {
+ parent = _slice.call(parent, 0);
+ }
+ if (_isArray(parent)) {
+ i = parent.length;
+ while (--i > -1) {
+ TweenMax.killChildTweensOf(parent[i], complete);
+ }
+ return;
+ }
+ a = [];
+ for (p in tl) {
+ curParent = tl[p].target.parentNode;
+ while (curParent) {
+ if (curParent === parent) {
+ a = a.concat(tl[p].tweens);
+ }
+ curParent = curParent.parentNode;
+ }
+ }
+ l = a.length;
+ for (i = 0; i < l; i++) {
+ if (complete) {
+ a[i].totalTime(a[i].totalDuration());
+ }
+ a[i]._enabled(false, false);
+ }
+ };
+
+ var _changePause = function(pause, tweens, delayedCalls, timelines) {
+ tweens = (tweens !== false);
+ delayedCalls = (delayedCalls !== false);
+ timelines = (timelines !== false);
+ var a = getAllTweens(timelines),
+ allTrue = (tweens && delayedCalls && timelines),
+ i = a.length,
+ isDC, tween;
+ while (--i > -1) {
+ tween = a[i];
+ if (allTrue || (tween instanceof SimpleTimeline) || ((isDC = (tween.target === tween.vars.onComplete)) && delayedCalls) || (tweens && !isDC)) {
+ tween.paused(pause);
+ }
+ }
+ };
+
+ TweenMax.pauseAll = function(tweens, delayedCalls, timelines) {
+ _changePause(true, tweens, delayedCalls, timelines);
+ };
+
+ TweenMax.resumeAll = function(tweens, delayedCalls, timelines) {
+ _changePause(false, tweens, delayedCalls, timelines);
+ };
+
+ TweenMax.globalTimeScale = function(value) {
+ var tl = Animation._rootTimeline,
+ t = TweenLite.ticker.time;
+ if (!arguments.length) {
+ return tl._timeScale;
+ }
+ value = value || _tinyNum; //can't allow zero because it'll throw the math off
+ tl._startTime = t - ((t - tl._startTime) * tl._timeScale / value);
+ tl = Animation._rootFramesTimeline;
+ t = TweenLite.ticker.frame;
+ tl._startTime = t - ((t - tl._startTime) * tl._timeScale / value);
+ tl._timeScale = Animation._rootTimeline._timeScale = value;
+ return value;
+ };
+
+
+//---- GETTERS / SETTERS ----------------------------------------------------------------------------------------------------------
+
+ p.progress = function(value) {
+ return (!arguments.length) ? this._time / this.duration() : this.totalTime( this.duration() * ((this._yoyo && (this._cycle & 1) !== 0) ? 1 - value : value) + (this._cycle * (this._duration + this._repeatDelay)), false);
+ };
+
+ p.totalProgress = function(value) {
+ return (!arguments.length) ? this._totalTime / this.totalDuration() : this.totalTime( this.totalDuration() * value, false);
+ };
+
+ p.time = function(value, suppressEvents) {
+ if (!arguments.length) {
+ return this._time;
+ }
+ if (this._dirty) {
+ this.totalDuration();
+ }
+ if (value > this._duration) {
+ value = this._duration;
+ }
+ if (this._yoyo && (this._cycle & 1) !== 0) {
+ value = (this._duration - value) + (this._cycle * (this._duration + this._repeatDelay));
+ } else if (this._repeat !== 0) {
+ value += this._cycle * (this._duration + this._repeatDelay);
+ }
+ return this.totalTime(value, suppressEvents);
+ };
+
+ p.duration = function(value) {
+ if (!arguments.length) {
+ return this._duration; //don't set _dirty = false because there could be repeats that haven't been factored into the _totalDuration yet. Otherwise, if you create a repeated TweenMax and then immediately check its duration(), it would cache the value and the totalDuration would not be correct, thus repeats wouldn't take effect.
+ }
+ return Animation.prototype.duration.call(this, value);
+ };
+
+ p.totalDuration = function(value) {
+ if (!arguments.length) {
+ if (this._dirty) {
+ //instead of Infinity, we use 999999999999 so that we can accommodate reverses
+ this._totalDuration = (this._repeat === -1) ? 999999999999 : this._duration * (this._repeat + 1) + (this._repeatDelay * this._repeat);
+ this._dirty = false;
+ }
+ return this._totalDuration;
+ }
+ return (this._repeat === -1) ? this : this.duration( (value - (this._repeat * this._repeatDelay)) / (this._repeat + 1) );
+ };
+
+ p.repeat = function(value) {
+ if (!arguments.length) {
+ return this._repeat;
+ }
+ this._repeat = value;
+ return this._uncache(true);
+ };
+
+ p.repeatDelay = function(value) {
+ if (!arguments.length) {
+ return this._repeatDelay;
+ }
+ this._repeatDelay = value;
+ return this._uncache(true);
+ };
+
+ p.yoyo = function(value) {
+ if (!arguments.length) {
+ return this._yoyo;
+ }
+ this._yoyo = value;
+ return this;
+ };
+
+
+ return TweenMax;
+
+ }, true);
+
+
+
+
+
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * TimelineLite
+ * ----------------------------------------------------------------
+ */
+ window._gsDefine("TimelineLite", ["core.Animation","core.SimpleTimeline","TweenLite"], function(Animation, SimpleTimeline, TweenLite) {
+
+ var TimelineLite = function(vars) {
+ SimpleTimeline.call(this, vars);
+ this._labels = {};
+ this.autoRemoveChildren = (this.vars.autoRemoveChildren === true);
+ this.smoothChildTiming = (this.vars.smoothChildTiming === true);
+ this._sortChildren = true;
+ this._onUpdate = this.vars.onUpdate;
+ var v = this.vars,
+ val, p;
+ for (p in v) {
+ val = v[p];
+ if (_isArray(val)) if (val.join("").indexOf("{self}") !== -1) {
+ v[p] = this._swapSelfInParams(val);
+ }
+ }
+ if (_isArray(v.tweens)) {
+ this.add(v.tweens, 0, v.align, v.stagger);
+ }
+ },
+ _tinyNum = 0.0000000001,
+ _isSelector = TweenLite._internals.isSelector,
+ _isArray = TweenLite._internals.isArray,
+ _blankArray = [],
+ _globals = window._gsDefine.globals,
+ _copy = function(vars) {
+ var copy = {}, p;
+ for (p in vars) {
+ copy[p] = vars[p];
+ }
+ return copy;
+ },
+ _pauseCallback = function(tween, callback, params, scope) {
+ tween._timeline.pause(tween._startTime);
+ if (callback) {
+ callback.apply(scope || tween._timeline, params || _blankArray);
+ }
+ },
+ _slice = _blankArray.slice,
+ p = TimelineLite.prototype = new SimpleTimeline();
+
+ TimelineLite.version = "1.12.1";
+ p.constructor = TimelineLite;
+ p.kill()._gc = false;
+
+ p.to = function(target, duration, vars, position) {
+ var Engine = (vars.repeat && _globals.TweenMax) || TweenLite;
+ return duration ? this.add( new Engine(target, duration, vars), position) : this.set(target, vars, position);
+ };
+
+ p.from = function(target, duration, vars, position) {
+ return this.add( ((vars.repeat && _globals.TweenMax) || TweenLite).from(target, duration, vars), position);
+ };
+
+ p.fromTo = function(target, duration, fromVars, toVars, position) {
+ var Engine = (toVars.repeat && _globals.TweenMax) || TweenLite;
+ return duration ? this.add( Engine.fromTo(target, duration, fromVars, toVars), position) : this.set(target, toVars, position);
+ };
+
+ p.staggerTo = function(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
+ var tl = new TimelineLite({onComplete:onCompleteAll, onCompleteParams:onCompleteAllParams, onCompleteScope:onCompleteAllScope, smoothChildTiming:this.smoothChildTiming}),
+ i;
+ if (typeof(targets) === "string") {
+ targets = TweenLite.selector(targets) || targets;
+ }
+ if (_isSelector(targets)) { //senses if the targets object is a selector. If it is, we should translate it into an array.
+ targets = _slice.call(targets, 0);
+ }
+ stagger = stagger || 0;
+ for (i = 0; i < targets.length; i++) {
+ if (vars.startAt) {
+ vars.startAt = _copy(vars.startAt);
+ }
+ tl.to(targets[i], duration, _copy(vars), i * stagger);
+ }
+ return this.add(tl, position);
+ };
+
+ p.staggerFrom = function(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
+ vars.immediateRender = (vars.immediateRender != false);
+ vars.runBackwards = true;
+ return this.staggerTo(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope);
+ };
+
+ p.staggerFromTo = function(targets, duration, fromVars, toVars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
+ toVars.startAt = fromVars;
+ toVars.immediateRender = (toVars.immediateRender != false && fromVars.immediateRender != false);
+ return this.staggerTo(targets, duration, toVars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope);
+ };
+
+ p.call = function(callback, params, scope, position) {
+ return this.add( TweenLite.delayedCall(0, callback, params, scope), position);
+ };
+
+ p.set = function(target, vars, position) {
+ position = this._parseTimeOrLabel(position, 0, true);
+ if (vars.immediateRender == null) {
+ vars.immediateRender = (position === this._time && !this._paused);
+ }
+ return this.add( new TweenLite(target, 0, vars), position);
+ };
+
+ TimelineLite.exportRoot = function(vars, ignoreDelayedCalls) {
+ vars = vars || {};
+ if (vars.smoothChildTiming == null) {
+ vars.smoothChildTiming = true;
+ }
+ var tl = new TimelineLite(vars),
+ root = tl._timeline,
+ tween, next;
+ if (ignoreDelayedCalls == null) {
+ ignoreDelayedCalls = true;
+ }
+ root._remove(tl, true);
+ tl._startTime = 0;
+ tl._rawPrevTime = tl._time = tl._totalTime = root._time;
+ tween = root._first;
+ while (tween) {
+ next = tween._next;
+ if (!ignoreDelayedCalls || !(tween instanceof TweenLite && tween.target === tween.vars.onComplete)) {
+ tl.add(tween, tween._startTime - tween._delay);
+ }
+ tween = next;
+ }
+ root.add(tl, 0);
+ return tl;
+ };
+
+ p.add = function(value, position, align, stagger) {
+ var curTime, l, i, child, tl, beforeRawTime;
+ if (typeof(position) !== "number") {
+ position = this._parseTimeOrLabel(position, 0, true, value);
+ }
+ if (!(value instanceof Animation)) {
+ if ((value instanceof Array) || (value && value.push && _isArray(value))) {
+ align = align || "normal";
+ stagger = stagger || 0;
+ curTime = position;
+ l = value.length;
+ for (i = 0; i < l; i++) {
+ if (_isArray(child = value[i])) {
+ child = new TimelineLite({tweens:child});
+ }
+ this.add(child, curTime);
+ if (typeof(child) !== "string" && typeof(child) !== "function") {
+ if (align === "sequence") {
+ curTime = child._startTime + (child.totalDuration() / child._timeScale);
+ } else if (align === "start") {
+ child._startTime -= child.delay();
+ }
+ }
+ curTime += stagger;
+ }
+ return this._uncache(true);
+ } else if (typeof(value) === "string") {
+ return this.addLabel(value, position);
+ } else if (typeof(value) === "function") {
+ value = TweenLite.delayedCall(0, value);
+ } else {
+ throw("Cannot add " + value + " into the timeline; it is not a tween, timeline, function, or string.");
+ }
+ }
+
+ SimpleTimeline.prototype.add.call(this, value, position);
+
+ //if the timeline has already ended but the inserted tween/timeline extends the duration, we should enable this timeline again so that it renders properly. We should also align the playhead with the parent timeline's when appropriate.
+ if (this._gc || this._time === this._duration) if (!this._paused) if (this._duration < this.duration()) {
+ //in case any of the ancestors had completed but should now be enabled...
+ tl = this;
+ beforeRawTime = (tl.rawTime() > value._startTime); //if the tween is placed on the timeline so that it starts BEFORE the current rawTime, we should align the playhead (move the timeline). This is because sometimes users will create a timeline, let it finish, and much later append a tween and expect it to run instead of jumping to its end state. While technically one could argue that it should jump to its end state, that's not what users intuitively expect.
+ while (tl._timeline) {
+ if (beforeRawTime && tl._timeline.smoothChildTiming) {
+ tl.totalTime(tl._totalTime, true); //moves the timeline (shifts its startTime) if necessary, and also enables it.
+ } else if (tl._gc) {
+ tl._enabled(true, false);
+ }
+ tl = tl._timeline;
+ }
+ }
+
+ return this;
+ };
+
+ p.remove = function(value) {
+ if (value instanceof Animation) {
+ return this._remove(value, false);
+ } else if (value instanceof Array || (value && value.push && _isArray(value))) {
+ var i = value.length;
+ while (--i > -1) {
+ this.remove(value[i]);
+ }
+ return this;
+ } else if (typeof(value) === "string") {
+ return this.removeLabel(value);
+ }
+ return this.kill(null, value);
+ };
+
+ p._remove = function(tween, skipDisable) {
+ SimpleTimeline.prototype._remove.call(this, tween, skipDisable);
+ var last = this._last;
+ if (!last) {
+ this._time = this._totalTime = this._duration = this._totalDuration = 0;
+ } else if (this._time > last._startTime + last._totalDuration / last._timeScale) {
+ this._time = this.duration();
+ this._totalTime = this._totalDuration;
+ }
+ return this;
+ };
+
+ p.append = function(value, offsetOrLabel) {
+ return this.add(value, this._parseTimeOrLabel(null, offsetOrLabel, true, value));
+ };
+
+ p.insert = p.insertMultiple = function(value, position, align, stagger) {
+ return this.add(value, position || 0, align, stagger);
+ };
+
+ p.appendMultiple = function(tweens, offsetOrLabel, align, stagger) {
+ return this.add(tweens, this._parseTimeOrLabel(null, offsetOrLabel, true, tweens), align, stagger);
+ };
+
+ p.addLabel = function(label, position) {
+ this._labels[label] = this._parseTimeOrLabel(position);
+ return this;
+ };
+
+ p.addPause = function(position, callback, params, scope) {
+ return this.call(_pauseCallback, ["{self}", callback, params, scope], this, position);
+ };
+
+ p.removeLabel = function(label) {
+ delete this._labels[label];
+ return this;
+ };
+
+ p.getLabelTime = function(label) {
+ return (this._labels[label] != null) ? this._labels[label] : -1;
+ };
+
+ p._parseTimeOrLabel = function(timeOrLabel, offsetOrLabel, appendIfAbsent, ignore) {
+ var i;
+ //if we're about to add a tween/timeline (or an array of them) that's already a child of this timeline, we should remove it first so that it doesn't contaminate the duration().
+ if (ignore instanceof Animation && ignore.timeline === this) {
+ this.remove(ignore);
+ } else if (ignore && ((ignore instanceof Array) || (ignore.push && _isArray(ignore)))) {
+ i = ignore.length;
+ while (--i > -1) {
+ if (ignore[i] instanceof Animation && ignore[i].timeline === this) {
+ this.remove(ignore[i]);
+ }
+ }
+ }
+ if (typeof(offsetOrLabel) === "string") {
+ return this._parseTimeOrLabel(offsetOrLabel, (appendIfAbsent && typeof(timeOrLabel) === "number" && this._labels[offsetOrLabel] == null) ? timeOrLabel - this.duration() : 0, appendIfAbsent);
+ }
+ offsetOrLabel = offsetOrLabel || 0;
+ if (typeof(timeOrLabel) === "string" && (isNaN(timeOrLabel) || this._labels[timeOrLabel] != null)) { //if the string is a number like "1", check to see if there's a label with that name, otherwise interpret it as a number (absolute value).
+ i = timeOrLabel.indexOf("=");
+ if (i === -1) {
+ if (this._labels[timeOrLabel] == null) {
+ return appendIfAbsent ? (this._labels[timeOrLabel] = this.duration() + offsetOrLabel) : offsetOrLabel;
+ }
+ return this._labels[timeOrLabel] + offsetOrLabel;
+ }
+ offsetOrLabel = parseInt(timeOrLabel.charAt(i-1) + "1", 10) * Number(timeOrLabel.substr(i+1));
+ timeOrLabel = (i > 1) ? this._parseTimeOrLabel(timeOrLabel.substr(0, i-1), 0, appendIfAbsent) : this.duration();
+ } else if (timeOrLabel == null) {
+ timeOrLabel = this.duration();
+ }
+ return Number(timeOrLabel) + offsetOrLabel;
+ };
+
+ p.seek = function(position, suppressEvents) {
+ return this.totalTime((typeof(position) === "number") ? position : this._parseTimeOrLabel(position), (suppressEvents !== false));
+ };
+
+ p.stop = function() {
+ return this.paused(true);
+ };
+
+ p.gotoAndPlay = function(position, suppressEvents) {
+ return this.play(position, suppressEvents);
+ };
+
+ p.gotoAndStop = function(position, suppressEvents) {
+ return this.pause(position, suppressEvents);
+ };
+
+ p.render = function(time, suppressEvents, force) {
+ if (this._gc) {
+ this._enabled(true, false);
+ }
+ var totalDur = (!this._dirty) ? this._totalDuration : this.totalDuration(),
+ prevTime = this._time,
+ prevStart = this._startTime,
+ prevTimeScale = this._timeScale,
+ prevPaused = this._paused,
+ tween, isComplete, next, callback, internalForce;
+ if (time >= totalDur) {
+ this._totalTime = this._time = totalDur;
+ if (!this._reversed) if (!this._hasPausedChild()) {
+ isComplete = true;
+ callback = "onComplete";
+ if (this._duration === 0) if (time === 0 || this._rawPrevTime < 0 || this._rawPrevTime === _tinyNum) if (this._rawPrevTime !== time && this._first) {
+ internalForce = true;
+ if (this._rawPrevTime > _tinyNum) {
+ callback = "onReverseComplete";
+ }
+ }
+ }
+ this._rawPrevTime = (this._duration || !suppressEvents || time || this._rawPrevTime === time) ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration timeline or tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
+ time = totalDur + 0.0001; //to avoid occasional floating point rounding errors - sometimes child tweens/timelines were not being fully completed (their progress might be 0.999999999999998 instead of 1 because when _time - tween._startTime is performed, floating point errors would return a value that was SLIGHTLY off). Try (999999999999.7 - 999999999999) * 1 = 0.699951171875 instead of 0.7.
+
+ } else if (time < 0.0000001) { //to work around occasional floating point math artifacts, round super small values to 0.
+ this._totalTime = this._time = 0;
+ if (prevTime !== 0 || (this._duration === 0 && this._rawPrevTime !== _tinyNum && (this._rawPrevTime > 0 || (time < 0 && this._rawPrevTime >= 0)))) {
+ callback = "onReverseComplete";
+ isComplete = this._reversed;
+ }
+ if (time < 0) {
+ this._active = false;
+ if (this._duration === 0) if (this._rawPrevTime >= 0 && this._first) { //zero-duration timelines are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
+ internalForce = true;
+ }
+ this._rawPrevTime = time;
+ } else {
+ this._rawPrevTime = (this._duration || !suppressEvents || time || this._rawPrevTime === time) ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration timeline or tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
+
+ time = 0; //to avoid occasional floating point rounding errors (could cause problems especially with zero-duration tweens at the very beginning of the timeline)
+ if (!this._initted) {
+ internalForce = true;
+ }
+ }
+
+ } else {
+ this._totalTime = this._time = this._rawPrevTime = time;
+ }
+ if ((this._time === prevTime || !this._first) && !force && !internalForce) {
+ return;
+ } else if (!this._initted) {
+ this._initted = true;
+ }
+
+ if (!this._active) if (!this._paused && this._time !== prevTime && time > 0) {
+ this._active = true; //so that if the user renders the timeline (as opposed to the parent timeline rendering it), it is forced to re-render and align it with the proper time/frame on the next rendering cycle. Maybe the timeline already finished but the user manually re-renders it as halfway done, for example.
+ }
+
+ if (prevTime === 0) if (this.vars.onStart) if (this._time !== 0) if (!suppressEvents) {
+ this.vars.onStart.apply(this.vars.onStartScope || this, this.vars.onStartParams || _blankArray);
+ }
+
+ if (this._time >= prevTime) {
+ tween = this._first;
+ while (tween) {
+ next = tween._next; //record it here because the value could change after rendering...
+ if (this._paused && !prevPaused) { //in case a tween pauses the timeline when rendering
+ break;
+ } else if (tween._active || (tween._startTime <= this._time && !tween._paused && !tween._gc)) {
+ if (!tween._reversed) {
+ tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
+ } else {
+ tween.render(((!tween._dirty) ? tween._totalDuration : tween.totalDuration()) - ((time - tween._startTime) * tween._timeScale), suppressEvents, force);
+ }
+ }
+ tween = next;
+ }
+ } else {
+ tween = this._last;
+ while (tween) {
+ next = tween._prev; //record it here because the value could change after rendering...
+ if (this._paused && !prevPaused) { //in case a tween pauses the timeline when rendering
+ break;
+ } else if (tween._active || (tween._startTime <= prevTime && !tween._paused && !tween._gc)) {
+ if (!tween._reversed) {
+ tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
+ } else {
+ tween.render(((!tween._dirty) ? tween._totalDuration : tween.totalDuration()) - ((time - tween._startTime) * tween._timeScale), suppressEvents, force);
+ }
+ }
+ tween = next;
+ }
+ }
+
+ if (this._onUpdate) if (!suppressEvents) {
+ this._onUpdate.apply(this.vars.onUpdateScope || this, this.vars.onUpdateParams || _blankArray);
+ }
+
+ if (callback) if (!this._gc) if (prevStart === this._startTime || prevTimeScale !== this._timeScale) if (this._time === 0 || totalDur >= this.totalDuration()) { //if one of the tweens that was rendered altered this timeline's startTime (like if an onComplete reversed the timeline), it probably isn't complete. If it is, don't worry, because whatever call altered the startTime would complete if it was necessary at the new time. The only exception is the timeScale property. Also check _gc because there's a chance that kill() could be called in an onUpdate
+ if (isComplete) {
+ if (this._timeline.autoRemoveChildren) {
+ this._enabled(false, false);
+ }
+ this._active = false;
+ }
+ if (!suppressEvents && this.vars[callback]) {
+ this.vars[callback].apply(this.vars[callback + "Scope"] || this, this.vars[callback + "Params"] || _blankArray);
+ }
+ }
+ };
+
+ p._hasPausedChild = function() {
+ var tween = this._first;
+ while (tween) {
+ if (tween._paused || ((tween instanceof TimelineLite) && tween._hasPausedChild())) {
+ return true;
+ }
+ tween = tween._next;
+ }
+ return false;
+ };
+
+ p.getChildren = function(nested, tweens, timelines, ignoreBeforeTime) {
+ ignoreBeforeTime = ignoreBeforeTime || -9999999999;
+ var a = [],
+ tween = this._first,
+ cnt = 0;
+ while (tween) {
+ if (tween._startTime < ignoreBeforeTime) {
+ //do nothing
+ } else if (tween instanceof TweenLite) {
+ if (tweens !== false) {
+ a[cnt++] = tween;
+ }
+ } else {
+ if (timelines !== false) {
+ a[cnt++] = tween;
+ }
+ if (nested !== false) {
+ a = a.concat(tween.getChildren(true, tweens, timelines));
+ cnt = a.length;
+ }
+ }
+ tween = tween._next;
+ }
+ return a;
+ };
+
+ p.getTweensOf = function(target, nested) {
+ var disabled = this._gc,
+ a = [],
+ cnt = 0,
+ tweens, i;
+ if (disabled) {
+ this._enabled(true, true); //getTweensOf() filters out disabled tweens, and we have to mark them as _gc = true when the timeline completes in order to allow clean garbage collection, so temporarily re-enable the timeline here.
+ }
+ tweens = TweenLite.getTweensOf(target);
+ i = tweens.length;
+ while (--i > -1) {
+ if (tweens[i].timeline === this || (nested && this._contains(tweens[i]))) {
+ a[cnt++] = tweens[i];
+ }
+ }
+ if (disabled) {
+ this._enabled(false, true);
+ }
+ return a;
+ };
+
+ p._contains = function(tween) {
+ var tl = tween.timeline;
+ while (tl) {
+ if (tl === this) {
+ return true;
+ }
+ tl = tl.timeline;
+ }
+ return false;
+ };
+
+ p.shiftChildren = function(amount, adjustLabels, ignoreBeforeTime) {
+ ignoreBeforeTime = ignoreBeforeTime || 0;
+ var tween = this._first,
+ labels = this._labels,
+ p;
+ while (tween) {
+ if (tween._startTime >= ignoreBeforeTime) {
+ tween._startTime += amount;
+ }
+ tween = tween._next;
+ }
+ if (adjustLabels) {
+ for (p in labels) {
+ if (labels[p] >= ignoreBeforeTime) {
+ labels[p] += amount;
+ }
+ }
+ }
+ return this._uncache(true);
+ };
+
+ p._kill = function(vars, target) {
+ if (!vars && !target) {
+ return this._enabled(false, false);
+ }
+ var tweens = (!target) ? this.getChildren(true, true, false) : this.getTweensOf(target),
+ i = tweens.length,
+ changed = false;
+ while (--i > -1) {
+ if (tweens[i]._kill(vars, target)) {
+ changed = true;
+ }
+ }
+ return changed;
+ };
+
+ p.clear = function(labels) {
+ var tweens = this.getChildren(false, true, true),
+ i = tweens.length;
+ this._time = this._totalTime = 0;
+ while (--i > -1) {
+ tweens[i]._enabled(false, false);
+ }
+ if (labels !== false) {
+ this._labels = {};
+ }
+ return this._uncache(true);
+ };
+
+ p.invalidate = function() {
+ var tween = this._first;
+ while (tween) {
+ tween.invalidate();
+ tween = tween._next;
+ }
+ return this;
+ };
+
+ p._enabled = function(enabled, ignoreTimeline) {
+ if (enabled === this._gc) {
+ var tween = this._first;
+ while (tween) {
+ tween._enabled(enabled, true);
+ tween = tween._next;
+ }
+ }
+ return SimpleTimeline.prototype._enabled.call(this, enabled, ignoreTimeline);
+ };
+
+ p.duration = function(value) {
+ if (!arguments.length) {
+ if (this._dirty) {
+ this.totalDuration(); //just triggers recalculation
+ }
+ return this._duration;
+ }
+ if (this.duration() !== 0 && value !== 0) {
+ this.timeScale(this._duration / value);
+ }
+ return this;
+ };
+
+ p.totalDuration = function(value) {
+ if (!arguments.length) {
+ if (this._dirty) {
+ var max = 0,
+ tween = this._last,
+ prevStart = 999999999999,
+ prev, end;
+ while (tween) {
+ prev = tween._prev; //record it here in case the tween changes position in the sequence...
+ if (tween._dirty) {
+ tween.totalDuration(); //could change the tween._startTime, so make sure the tween's cache is clean before analyzing it.
+ }
+ if (tween._startTime > prevStart && this._sortChildren && !tween._paused) { //in case one of the tweens shifted out of order, it needs to be re-inserted into the correct position in the sequence
+ this.add(tween, tween._startTime - tween._delay);
+ } else {
+ prevStart = tween._startTime;
+ }
+ if (tween._startTime < 0 && !tween._paused) { //children aren't allowed to have negative startTimes unless smoothChildTiming is true, so adjust here if one is found.
+ max -= tween._startTime;
+ if (this._timeline.smoothChildTiming) {
+ this._startTime += tween._startTime / this._timeScale;
+ }
+ this.shiftChildren(-tween._startTime, false, -9999999999);
+ prevStart = 0;
+ }
+ end = tween._startTime + (tween._totalDuration / tween._timeScale);
+ if (end > max) {
+ max = end;
+ }
+ tween = prev;
+ }
+ this._duration = this._totalDuration = max;
+ this._dirty = false;
+ }
+ return this._totalDuration;
+ }
+ if (this.totalDuration() !== 0) if (value !== 0) {
+ this.timeScale(this._totalDuration / value);
+ }
+ return this;
+ };
+
+ p.usesFrames = function() {
+ var tl = this._timeline;
+ while (tl._timeline) {
+ tl = tl._timeline;
+ }
+ return (tl === Animation._rootFramesTimeline);
+ };
+
+ p.rawTime = function() {
+ return this._paused ? this._totalTime : (this._timeline.rawTime() - this._startTime) * this._timeScale;
+ };
+
+ return TimelineLite;
+
+ }, true);
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * TimelineMax
+ * ----------------------------------------------------------------
+ */
+ window._gsDefine("TimelineMax", ["TimelineLite","TweenLite","easing.Ease"], function(TimelineLite, TweenLite, Ease) {
+
+ var TimelineMax = function(vars) {
+ TimelineLite.call(this, vars);
+ this._repeat = this.vars.repeat || 0;
+ this._repeatDelay = this.vars.repeatDelay || 0;
+ this._cycle = 0;
+ this._yoyo = (this.vars.yoyo === true);
+ this._dirty = true;
+ },
+ _tinyNum = 0.0000000001,
+ _blankArray = [],
+ _easeNone = new Ease(null, null, 1, 0),
+ p = TimelineMax.prototype = new TimelineLite();
+
+ p.constructor = TimelineMax;
+ p.kill()._gc = false;
+ TimelineMax.version = "1.12.1";
+
+ p.invalidate = function() {
+ this._yoyo = (this.vars.yoyo === true);
+ this._repeat = this.vars.repeat || 0;
+ this._repeatDelay = this.vars.repeatDelay || 0;
+ this._uncache(true);
+ return TimelineLite.prototype.invalidate.call(this);
+ };
+
+ p.addCallback = function(callback, position, params, scope) {
+ return this.add( TweenLite.delayedCall(0, callback, params, scope), position);
+ };
+
+ p.removeCallback = function(callback, position) {
+ if (callback) {
+ if (position == null) {
+ this._kill(null, callback);
+ } else {
+ var a = this.getTweensOf(callback, false),
+ i = a.length,
+ time = this._parseTimeOrLabel(position);
+ while (--i > -1) {
+ if (a[i]._startTime === time) {
+ a[i]._enabled(false, false);
+ }
+ }
+ }
+ }
+ return this;
+ };
+
+ p.tweenTo = function(position, vars) {
+ vars = vars || {};
+ var copy = {ease:_easeNone, overwrite:(vars.delay ? 2 : 1), useFrames:this.usesFrames(), immediateRender:false},//note: set overwrite to 1 (true/all) by default unless there's a delay so that we avoid a racing situation that could happen if, for example, an onmousemove creates the same tweenTo() over and over again.
+ duration, p, t;
+ for (p in vars) {
+ copy[p] = vars[p];
+ }
+ copy.time = this._parseTimeOrLabel(position);
+ duration = (Math.abs(Number(copy.time) - this._time) / this._timeScale) || 0.001;
+ t = new TweenLite(this, duration, copy);
+ copy.onStart = function() {
+ t.target.paused(true);
+ if (t.vars.time !== t.target.time() && duration === t.duration()) { //don't make the duration zero - if it's supposed to be zero, don't worry because it's already initting the tween and will complete immediately, effectively making the duration zero anyway. If we make duration zero, the tween won't run at all.
+ t.duration( Math.abs( t.vars.time - t.target.time()) / t.target._timeScale );
+ }
+ if (vars.onStart) { //in case the user had an onStart in the vars - we don't want to overwrite it.
+ vars.onStart.apply(vars.onStartScope || t, vars.onStartParams || _blankArray);
+ }
+ };
+ return t;
+ };
+
+ p.tweenFromTo = function(fromPosition, toPosition, vars) {
+ vars = vars || {};
+ fromPosition = this._parseTimeOrLabel(fromPosition);
+ vars.startAt = {onComplete:this.seek, onCompleteParams:[fromPosition], onCompleteScope:this};
+ vars.immediateRender = (vars.immediateRender !== false);
+ var t = this.tweenTo(toPosition, vars);
+ return t.duration((Math.abs( t.vars.time - fromPosition) / this._timeScale) || 0.001);
+ };
+
+ p.render = function(time, suppressEvents, force) {
+ if (this._gc) {
+ this._enabled(true, false);
+ }
+ var totalDur = (!this._dirty) ? this._totalDuration : this.totalDuration(),
+ dur = this._duration,
+ prevTime = this._time,
+ prevTotalTime = this._totalTime,
+ prevStart = this._startTime,
+ prevTimeScale = this._timeScale,
+ prevRawPrevTime = this._rawPrevTime,
+ prevPaused = this._paused,
+ prevCycle = this._cycle,
+ tween, isComplete, next, callback, internalForce, cycleDuration;
+ if (time >= totalDur) {
+ if (!this._locked) {
+ this._totalTime = totalDur;
+ this._cycle = this._repeat;
+ }
+ if (!this._reversed) if (!this._hasPausedChild()) {
+ isComplete = true;
+ callback = "onComplete";
+ if (this._duration === 0) if (time === 0 || prevRawPrevTime < 0 || prevRawPrevTime === _tinyNum) if (prevRawPrevTime !== time && this._first) {
+ internalForce = true;
+ if (prevRawPrevTime > _tinyNum) {
+ callback = "onReverseComplete";
+ }
+ }
+ }
+ this._rawPrevTime = (this._duration || !suppressEvents || time || this._rawPrevTime === time) ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration timeline or tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
+ if (this._yoyo && (this._cycle & 1) !== 0) {
+ this._time = time = 0;
+ } else {
+ this._time = dur;
+ time = dur + 0.0001; //to avoid occasional floating point rounding errors - sometimes child tweens/timelines were not being fully completed (their progress might be 0.999999999999998 instead of 1 because when _time - tween._startTime is performed, floating point errors would return a value that was SLIGHTLY off). Try (999999999999.7 - 999999999999) * 1 = 0.699951171875 instead of 0.7. We cannot do less then 0.0001 because the same issue can occur when the duration is extremely large like 999999999999 in which case adding 0.00000001, for example, causes it to act like nothing was added.
+ }
+
+ } else if (time < 0.0000001) { //to work around occasional floating point math artifacts, round super small values to 0.
+ if (!this._locked) {
+ this._totalTime = this._cycle = 0;
+ }
+ this._time = 0;
+ if (prevTime !== 0 || (dur === 0 && prevRawPrevTime !== _tinyNum && (prevRawPrevTime > 0 || (time < 0 && prevRawPrevTime >= 0)) && !this._locked)) { //edge case for checking time < 0 && prevRawPrevTime >= 0: a zero-duration fromTo() tween inside a zero-duration timeline (yeah, very rare)
+ callback = "onReverseComplete";
+ isComplete = this._reversed;
+ }
+ if (time < 0) {
+ this._active = false;
+ if (dur === 0) if (prevRawPrevTime >= 0 && this._first) { //zero-duration timelines are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
+ internalForce = true;
+ }
+ this._rawPrevTime = time;
+ } else {
+ this._rawPrevTime = (dur || !suppressEvents || time || this._rawPrevTime === time) ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration timeline or tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
+ time = 0; //to avoid occasional floating point rounding errors (could cause problems especially with zero-duration tweens at the very beginning of the timeline)
+ if (!this._initted) {
+ internalForce = true;
+ }
+ }
+
+ } else {
+ if (dur === 0 && prevRawPrevTime < 0) { //without this, zero-duration repeating timelines (like with a simple callback nested at the very beginning and a repeatDelay) wouldn't render the first time through.
+ internalForce = true;
+ }
+ this._time = this._rawPrevTime = time;
+ if (!this._locked) {
+ this._totalTime = time;
+ if (this._repeat !== 0) {
+ cycleDuration = dur + this._repeatDelay;
+ this._cycle = (this._totalTime / cycleDuration) >> 0; //originally _totalTime % cycleDuration but floating point errors caused problems, so I normalized it. (4 % 0.8 should be 0 but it gets reported as 0.79999999!)
+ if (this._cycle !== 0) if (this._cycle === this._totalTime / cycleDuration) {
+ this._cycle--; //otherwise when rendered exactly at the end time, it will act as though it is repeating (at the beginning)
+ }
+ this._time = this._totalTime - (this._cycle * cycleDuration);
+ if (this._yoyo) if ((this._cycle & 1) !== 0) {
+ this._time = dur - this._time;
+ }
+ if (this._time > dur) {
+ this._time = dur;
+ time = dur + 0.0001; //to avoid occasional floating point rounding error
+ } else if (this._time < 0) {
+ this._time = time = 0;
+ } else {
+ time = this._time;
+ }
+ }
+ }
+ }
+
+ if (this._cycle !== prevCycle) if (!this._locked) {
+ /*
+ make sure children at the end/beginning of the timeline are rendered properly. If, for example,
+ a 3-second long timeline rendered at 2.9 seconds previously, and now renders at 3.2 seconds (which
+ would get transated to 2.8 seconds if the timeline yoyos or 0.2 seconds if it just repeats), there
+ could be a callback or a short tween that's at 2.95 or 3 seconds in which wouldn't render. So
+ we need to push the timeline to the end (and/or beginning depending on its yoyo value). Also we must
+ ensure that zero-duration tweens at the very beginning or end of the TimelineMax work.
+ */
+ var backwards = (this._yoyo && (prevCycle & 1) !== 0),
+ wrap = (backwards === (this._yoyo && (this._cycle & 1) !== 0)),
+ recTotalTime = this._totalTime,
+ recCycle = this._cycle,
+ recRawPrevTime = this._rawPrevTime,
+ recTime = this._time;
+
+ this._totalTime = prevCycle * dur;
+ if (this._cycle < prevCycle) {
+ backwards = !backwards;
+ } else {
+ this._totalTime += dur;
+ }
+ this._time = prevTime; //temporarily revert _time so that render() renders the children in the correct order. Without this, tweens won't rewind correctly. We could arhictect things in a "cleaner" way by splitting out the rendering queue into a separate method but for performance reasons, we kept it all inside this method.
+
+ this._rawPrevTime = (dur === 0) ? prevRawPrevTime - 0.0001 : prevRawPrevTime;
+ this._cycle = prevCycle;
+ this._locked = true; //prevents changes to totalTime and skips repeat/yoyo behavior when we recursively call render()
+ prevTime = (backwards) ? 0 : dur;
+ this.render(prevTime, suppressEvents, (dur === 0));
+ if (!suppressEvents) if (!this._gc) {
+ if (this.vars.onRepeat) {
+ this.vars.onRepeat.apply(this.vars.onRepeatScope || this, this.vars.onRepeatParams || _blankArray);
+ }
+ }
+ if (wrap) {
+ prevTime = (backwards) ? dur + 0.0001 : -0.0001;
+ this.render(prevTime, true, false);
+ }
+ this._locked = false;
+ if (this._paused && !prevPaused) { //if the render() triggered callback that paused this timeline, we should abort (very rare, but possible)
+ return;
+ }
+ this._time = recTime;
+ this._totalTime = recTotalTime;
+ this._cycle = recCycle;
+ this._rawPrevTime = recRawPrevTime;
+ }
+
+ if ((this._time === prevTime || !this._first) && !force && !internalForce) {
+ if (prevTotalTime !== this._totalTime) if (this._onUpdate) if (!suppressEvents) { //so that onUpdate fires even during the repeatDelay - as long as the totalTime changed, we should trigger onUpdate.
+ this._onUpdate.apply(this.vars.onUpdateScope || this, this.vars.onUpdateParams || _blankArray);
+ }
+ return;
+ } else if (!this._initted) {
+ this._initted = true;
+ }
+
+ if (!this._active) if (!this._paused && this._totalTime !== prevTotalTime && time > 0) {
+ this._active = true; //so that if the user renders the timeline (as opposed to the parent timeline rendering it), it is forced to re-render and align it with the proper time/frame on the next rendering cycle. Maybe the timeline already finished but the user manually re-renders it as halfway done, for example.
+ }
+
+ if (prevTotalTime === 0) if (this.vars.onStart) if (this._totalTime !== 0) if (!suppressEvents) {
+ this.vars.onStart.apply(this.vars.onStartScope || this, this.vars.onStartParams || _blankArray);
+ }
+
+ if (this._time >= prevTime) {
+ tween = this._first;
+ while (tween) {
+ next = tween._next; //record it here because the value could change after rendering...
+ if (this._paused && !prevPaused) { //in case a tween pauses the timeline when rendering
+ break;
+ } else if (tween._active || (tween._startTime <= this._time && !tween._paused && !tween._gc)) {
+ if (!tween._reversed) {
+ tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
+ } else {
+ tween.render(((!tween._dirty) ? tween._totalDuration : tween.totalDuration()) - ((time - tween._startTime) * tween._timeScale), suppressEvents, force);
+ }
+
+ }
+ tween = next;
+ }
+ } else {
+ tween = this._last;
+ while (tween) {
+ next = tween._prev; //record it here because the value could change after rendering...
+ if (this._paused && !prevPaused) { //in case a tween pauses the timeline when rendering
+ break;
+ } else if (tween._active || (tween._startTime <= prevTime && !tween._paused && !tween._gc)) {
+ if (!tween._reversed) {
+ tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
+ } else {
+ tween.render(((!tween._dirty) ? tween._totalDuration : tween.totalDuration()) - ((time - tween._startTime) * tween._timeScale), suppressEvents, force);
+ }
+ }
+ tween = next;
+ }
+ }
+
+ if (this._onUpdate) if (!suppressEvents) {
+ this._onUpdate.apply(this.vars.onUpdateScope || this, this.vars.onUpdateParams || _blankArray);
+ }
+ if (callback) if (!this._locked) if (!this._gc) if (prevStart === this._startTime || prevTimeScale !== this._timeScale) if (this._time === 0 || totalDur >= this.totalDuration()) { //if one of the tweens that was rendered altered this timeline's startTime (like if an onComplete reversed the timeline), it probably isn't complete. If it is, don't worry, because whatever call altered the startTime would complete if it was necessary at the new time. The only exception is the timeScale property. Also check _gc because there's a chance that kill() could be called in an onUpdate
+ if (isComplete) {
+ if (this._timeline.autoRemoveChildren) {
+ this._enabled(false, false);
+ }
+ this._active = false;
+ }
+ if (!suppressEvents && this.vars[callback]) {
+ this.vars[callback].apply(this.vars[callback + "Scope"] || this, this.vars[callback + "Params"] || _blankArray);
+ }
+ }
+ };
+
+ p.getActive = function(nested, tweens, timelines) {
+ if (nested == null) {
+ nested = true;
+ }
+ if (tweens == null) {
+ tweens = true;
+ }
+ if (timelines == null) {
+ timelines = false;
+ }
+ var a = [],
+ all = this.getChildren(nested, tweens, timelines),
+ cnt = 0,
+ l = all.length,
+ i, tween;
+ for (i = 0; i < l; i++) {
+ tween = all[i];
+ if (tween.isActive()) {
+ a[cnt++] = tween;
+ }
+ }
+ return a;
+ };
+
+
+ p.getLabelAfter = function(time) {
+ if (!time) if (time !== 0) { //faster than isNan()
+ time = this._time;
+ }
+ var labels = this.getLabelsArray(),
+ l = labels.length,
+ i;
+ for (i = 0; i < l; i++) {
+ if (labels[i].time > time) {
+ return labels[i].name;
+ }
+ }
+ return null;
+ };
+
+ p.getLabelBefore = function(time) {
+ if (time == null) {
+ time = this._time;
+ }
+ var labels = this.getLabelsArray(),
+ i = labels.length;
+ while (--i > -1) {
+ if (labels[i].time < time) {
+ return labels[i].name;
+ }
+ }
+ return null;
+ };
+
+ p.getLabelsArray = function() {
+ var a = [],
+ cnt = 0,
+ p;
+ for (p in this._labels) {
+ a[cnt++] = {time:this._labels[p], name:p};
+ }
+ a.sort(function(a,b) {
+ return a.time - b.time;
+ });
+ return a;
+ };
+
+
+//---- GETTERS / SETTERS -------------------------------------------------------------------------------------------------------
+
+ p.progress = function(value) {
+ return (!arguments.length) ? this._time / this.duration() : this.totalTime( this.duration() * ((this._yoyo && (this._cycle & 1) !== 0) ? 1 - value : value) + (this._cycle * (this._duration + this._repeatDelay)), false);
+ };
+
+ p.totalProgress = function(value) {
+ return (!arguments.length) ? this._totalTime / this.totalDuration() : this.totalTime( this.totalDuration() * value, false);
+ };
+
+ p.totalDuration = function(value) {
+ if (!arguments.length) {
+ if (this._dirty) {
+ TimelineLite.prototype.totalDuration.call(this); //just forces refresh
+ //Instead of Infinity, we use 999999999999 so that we can accommodate reverses.
+ this._totalDuration = (this._repeat === -1) ? 999999999999 : this._duration * (this._repeat + 1) + (this._repeatDelay * this._repeat);
+ }
+ return this._totalDuration;
+ }
+ return (this._repeat === -1) ? this : this.duration( (value - (this._repeat * this._repeatDelay)) / (this._repeat + 1) );
+ };
+
+ p.time = function(value, suppressEvents) {
+ if (!arguments.length) {
+ return this._time;
+ }
+ if (this._dirty) {
+ this.totalDuration();
+ }
+ if (value > this._duration) {
+ value = this._duration;
+ }
+ if (this._yoyo && (this._cycle & 1) !== 0) {
+ value = (this._duration - value) + (this._cycle * (this._duration + this._repeatDelay));
+ } else if (this._repeat !== 0) {
+ value += this._cycle * (this._duration + this._repeatDelay);
+ }
+ return this.totalTime(value, suppressEvents);
+ };
+
+ p.repeat = function(value) {
+ if (!arguments.length) {
+ return this._repeat;
+ }
+ this._repeat = value;
+ return this._uncache(true);
+ };
+
+ p.repeatDelay = function(value) {
+ if (!arguments.length) {
+ return this._repeatDelay;
+ }
+ this._repeatDelay = value;
+ return this._uncache(true);
+ };
+
+ p.yoyo = function(value) {
+ if (!arguments.length) {
+ return this._yoyo;
+ }
+ this._yoyo = value;
+ return this;
+ };
+
+ p.currentLabel = function(value) {
+ if (!arguments.length) {
+ return this.getLabelBefore(this._time + 0.00000001);
+ }
+ return this.seek(value, true);
+ };
+
+ return TimelineMax;
+
+ }, true);
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * BezierPlugin
+ * ----------------------------------------------------------------
+ */
+ (function() {
+
+ var _RAD2DEG = 180 / Math.PI,
+ _r1 = [],
+ _r2 = [],
+ _r3 = [],
+ _corProps = {},
+ Segment = function(a, b, c, d) {
+ this.a = a;
+ this.b = b;
+ this.c = c;
+ this.d = d;
+ this.da = d - a;
+ this.ca = c - a;
+ this.ba = b - a;
+ },
+ _correlate = ",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,",
+ cubicToQuadratic = function(a, b, c, d) {
+ var q1 = {a:a},
+ q2 = {},
+ q3 = {},
+ q4 = {c:d},
+ mab = (a + b) / 2,
+ mbc = (b + c) / 2,
+ mcd = (c + d) / 2,
+ mabc = (mab + mbc) / 2,
+ mbcd = (mbc + mcd) / 2,
+ m8 = (mbcd - mabc) / 8;
+ q1.b = mab + (a - mab) / 4;
+ q2.b = mabc + m8;
+ q1.c = q2.a = (q1.b + q2.b) / 2;
+ q2.c = q3.a = (mabc + mbcd) / 2;
+ q3.b = mbcd - m8;
+ q4.b = mcd + (d - mcd) / 4;
+ q3.c = q4.a = (q3.b + q4.b) / 2;
+ return [q1, q2, q3, q4];
+ },
+ _calculateControlPoints = function(a, curviness, quad, basic, correlate) {
+ var l = a.length - 1,
+ ii = 0,
+ cp1 = a[0].a,
+ i, p1, p2, p3, seg, m1, m2, mm, cp2, qb, r1, r2, tl;
+ for (i = 0; i < l; i++) {
+ seg = a[ii];
+ p1 = seg.a;
+ p2 = seg.d;
+ p3 = a[ii+1].d;
+
+ if (correlate) {
+ r1 = _r1[i];
+ r2 = _r2[i];
+ tl = ((r2 + r1) * curviness * 0.25) / (basic ? 0.5 : _r3[i] || 0.5);
+ m1 = p2 - (p2 - p1) * (basic ? curviness * 0.5 : (r1 !== 0 ? tl / r1 : 0));
+ m2 = p2 + (p3 - p2) * (basic ? curviness * 0.5 : (r2 !== 0 ? tl / r2 : 0));
+ mm = p2 - (m1 + (((m2 - m1) * ((r1 * 3 / (r1 + r2)) + 0.5) / 4) || 0));
+ } else {
+ m1 = p2 - (p2 - p1) * curviness * 0.5;
+ m2 = p2 + (p3 - p2) * curviness * 0.5;
+ mm = p2 - (m1 + m2) / 2;
+ }
+ m1 += mm;
+ m2 += mm;
+
+ seg.c = cp2 = m1;
+ if (i !== 0) {
+ seg.b = cp1;
+ } else {
+ seg.b = cp1 = seg.a + (seg.c - seg.a) * 0.6; //instead of placing b on a exactly, we move it inline with c so that if the user specifies an ease like Back.easeIn or Elastic.easeIn which goes BEYOND the beginning, it will do so smoothly.
+ }
+
+ seg.da = p2 - p1;
+ seg.ca = cp2 - p1;
+ seg.ba = cp1 - p1;
+
+ if (quad) {
+ qb = cubicToQuadratic(p1, cp1, cp2, p2);
+ a.splice(ii, 1, qb[0], qb[1], qb[2], qb[3]);
+ ii += 4;
+ } else {
+ ii++;
+ }
+
+ cp1 = m2;
+ }
+ seg = a[ii];
+ seg.b = cp1;
+ seg.c = cp1 + (seg.d - cp1) * 0.4; //instead of placing c on d exactly, we move it inline with b so that if the user specifies an ease like Back.easeOut or Elastic.easeOut which goes BEYOND the end, it will do so smoothly.
+ seg.da = seg.d - seg.a;
+ seg.ca = seg.c - seg.a;
+ seg.ba = cp1 - seg.a;
+ if (quad) {
+ qb = cubicToQuadratic(seg.a, cp1, seg.c, seg.d);
+ a.splice(ii, 1, qb[0], qb[1], qb[2], qb[3]);
+ }
+ },
+ _parseAnchors = function(values, p, correlate, prepend) {
+ var a = [],
+ l, i, p1, p2, p3, tmp;
+ if (prepend) {
+ values = [prepend].concat(values);
+ i = values.length;
+ while (--i > -1) {
+ if (typeof( (tmp = values[i][p]) ) === "string") if (tmp.charAt(1) === "=") {
+ values[i][p] = prepend[p] + Number(tmp.charAt(0) + tmp.substr(2)); //accommodate relative values. Do it inline instead of breaking it out into a function for speed reasons
+ }
+ }
+ }
+ l = values.length - 2;
+ if (l < 0) {
+ a[0] = new Segment(values[0][p], 0, 0, values[(l < -1) ? 0 : 1][p]);
+ return a;
+ }
+ for (i = 0; i < l; i++) {
+ p1 = values[i][p];
+ p2 = values[i+1][p];
+ a[i] = new Segment(p1, 0, 0, p2);
+ if (correlate) {
+ p3 = values[i+2][p];
+ _r1[i] = (_r1[i] || 0) + (p2 - p1) * (p2 - p1);
+ _r2[i] = (_r2[i] || 0) + (p3 - p2) * (p3 - p2);
+ }
+ }
+ a[i] = new Segment(values[i][p], 0, 0, values[i+1][p]);
+ return a;
+ },
+ bezierThrough = function(values, curviness, quadratic, basic, correlate, prepend) {
+ var obj = {},
+ props = [],
+ first = prepend || values[0],
+ i, p, a, j, r, l, seamless, last;
+ correlate = (typeof(correlate) === "string") ? ","+correlate+"," : _correlate;
+ if (curviness == null) {
+ curviness = 1;
+ }
+ for (p in values[0]) {
+ props.push(p);
+ }
+ //check to see if the last and first values are identical (well, within 0.05). If so, make seamless by appending the second element to the very end of the values array and the 2nd-to-last element to the very beginning (we'll remove those segments later)
+ if (values.length > 1) {
+ last = values[values.length - 1];
+ seamless = true;
+ i = props.length;
+ while (--i > -1) {
+ p = props[i];
+ if (Math.abs(first[p] - last[p]) > 0.05) { //build in a tolerance of +/-0.05 to accommodate rounding errors. For example, if you set an object's position to 4.945, Flash will make it 4.9
+ seamless = false;
+ break;
+ }
+ }
+ if (seamless) {
+ values = values.concat(); //duplicate the array to avoid contaminating the original which the user may be reusing for other tweens
+ if (prepend) {
+ values.unshift(prepend);
+ }
+ values.push(values[1]);
+ prepend = values[values.length - 3];
+ }
+ }
+ _r1.length = _r2.length = _r3.length = 0;
+ i = props.length;
+ while (--i > -1) {
+ p = props[i];
+ _corProps[p] = (correlate.indexOf(","+p+",") !== -1);
+ obj[p] = _parseAnchors(values, p, _corProps[p], prepend);
+ }
+ i = _r1.length;
+ while (--i > -1) {
+ _r1[i] = Math.sqrt(_r1[i]);
+ _r2[i] = Math.sqrt(_r2[i]);
+ }
+ if (!basic) {
+ i = props.length;
+ while (--i > -1) {
+ if (_corProps[p]) {
+ a = obj[props[i]];
+ l = a.length - 1;
+ for (j = 0; j < l; j++) {
+ r = a[j+1].da / _r2[j] + a[j].da / _r1[j];
+ _r3[j] = (_r3[j] || 0) + r * r;
+ }
+ }
+ }
+ i = _r3.length;
+ while (--i > -1) {
+ _r3[i] = Math.sqrt(_r3[i]);
+ }
+ }
+ i = props.length;
+ j = quadratic ? 4 : 1;
+ while (--i > -1) {
+ p = props[i];
+ a = obj[p];
+ _calculateControlPoints(a, curviness, quadratic, basic, _corProps[p]); //this method requires that _parseAnchors() and _setSegmentRatios() ran first so that _r1, _r2, and _r3 values are populated for all properties
+ if (seamless) {
+ a.splice(0, j);
+ a.splice(a.length - j, j);
+ }
+ }
+ return obj;
+ },
+ _parseBezierData = function(values, type, prepend) {
+ type = type || "soft";
+ var obj = {},
+ inc = (type === "cubic") ? 3 : 2,
+ soft = (type === "soft"),
+ props = [],
+ a, b, c, d, cur, i, j, l, p, cnt, tmp;
+ if (soft && prepend) {
+ values = [prepend].concat(values);
+ }
+ if (values == null || values.length < inc + 1) { throw "invalid Bezier data"; }
+ for (p in values[0]) {
+ props.push(p);
+ }
+ i = props.length;
+ while (--i > -1) {
+ p = props[i];
+ obj[p] = cur = [];
+ cnt = 0;
+ l = values.length;
+ for (j = 0; j < l; j++) {
+ a = (prepend == null) ? values[j][p] : (typeof( (tmp = values[j][p]) ) === "string" && tmp.charAt(1) === "=") ? prepend[p] + Number(tmp.charAt(0) + tmp.substr(2)) : Number(tmp);
+ if (soft) if (j > 1) if (j < l - 1) {
+ cur[cnt++] = (a + cur[cnt-2]) / 2;
+ }
+ cur[cnt++] = a;
+ }
+ l = cnt - inc + 1;
+ cnt = 0;
+ for (j = 0; j < l; j += inc) {
+ a = cur[j];
+ b = cur[j+1];
+ c = cur[j+2];
+ d = (inc === 2) ? 0 : cur[j+3];
+ cur[cnt++] = tmp = (inc === 3) ? new Segment(a, b, c, d) : new Segment(a, (2 * b + a) / 3, (2 * b + c) / 3, c);
+ }
+ cur.length = cnt;
+ }
+ return obj;
+ },
+ _addCubicLengths = function(a, steps, resolution) {
+ var inc = 1 / resolution,
+ j = a.length,
+ d, d1, s, da, ca, ba, p, i, inv, bez, index;
+ while (--j > -1) {
+ bez = a[j];
+ s = bez.a;
+ da = bez.d - s;
+ ca = bez.c - s;
+ ba = bez.b - s;
+ d = d1 = 0;
+ for (i = 1; i <= resolution; i++) {
+ p = inc * i;
+ inv = 1 - p;
+ d = d1 - (d1 = (p * p * da + 3 * inv * (p * ca + inv * ba)) * p);
+ index = j * resolution + i - 1;
+ steps[index] = (steps[index] || 0) + d * d;
+ }
+ }
+ },
+ _parseLengthData = function(obj, resolution) {
+ resolution = resolution >> 0 || 6;
+ var a = [],
+ lengths = [],
+ d = 0,
+ total = 0,
+ threshold = resolution - 1,
+ segments = [],
+ curLS = [], //current length segments array
+ p, i, l, index;
+ for (p in obj) {
+ _addCubicLengths(obj[p], a, resolution);
+ }
+ l = a.length;
+ for (i = 0; i < l; i++) {
+ d += Math.sqrt(a[i]);
+ index = i % resolution;
+ curLS[index] = d;
+ if (index === threshold) {
+ total += d;
+ index = (i / resolution) >> 0;
+ segments[index] = curLS;
+ lengths[index] = total;
+ d = 0;
+ curLS = [];
+ }
+ }
+ return {length:total, lengths:lengths, segments:segments};
+ },
+
+
+
+ BezierPlugin = window._gsDefine.plugin({
+ propName: "bezier",
+ priority: -1,
+ version: "1.3.2",
+ API: 2,
+ global:true,
+
+ //gets called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
+ init: function(target, vars, tween) {
+ this._target = target;
+ if (vars instanceof Array) {
+ vars = {values:vars};
+ }
+ this._func = {};
+ this._round = {};
+ this._props = [];
+ this._timeRes = (vars.timeResolution == null) ? 6 : parseInt(vars.timeResolution, 10);
+ var values = vars.values || [],
+ first = {},
+ second = values[0],
+ autoRotate = vars.autoRotate || tween.vars.orientToBezier,
+ p, isFunc, i, j, prepend;
+
+ this._autoRotate = autoRotate ? (autoRotate instanceof Array) ? autoRotate : [["x","y","rotation",((autoRotate === true) ? 0 : Number(autoRotate) || 0)]] : null;
+ for (p in second) {
+ this._props.push(p);
+ }
+
+ i = this._props.length;
+ while (--i > -1) {
+ p = this._props[i];
+
+ this._overwriteProps.push(p);
+ isFunc = this._func[p] = (typeof(target[p]) === "function");
+ first[p] = (!isFunc) ? parseFloat(target[p]) : target[ ((p.indexOf("set") || typeof(target["get" + p.substr(3)]) !== "function") ? p : "get" + p.substr(3)) ]();
+ if (!prepend) if (first[p] !== values[0][p]) {
+ prepend = first;
+ }
+ }
+ this._beziers = (vars.type !== "cubic" && vars.type !== "quadratic" && vars.type !== "soft") ? bezierThrough(values, isNaN(vars.curviness) ? 1 : vars.curviness, false, (vars.type === "thruBasic"), vars.correlate, prepend) : _parseBezierData(values, vars.type, first);
+ this._segCount = this._beziers[p].length;
+
+ if (this._timeRes) {
+ var ld = _parseLengthData(this._beziers, this._timeRes);
+ this._length = ld.length;
+ this._lengths = ld.lengths;
+ this._segments = ld.segments;
+ this._l1 = this._li = this._s1 = this._si = 0;
+ this._l2 = this._lengths[0];
+ this._curSeg = this._segments[0];
+ this._s2 = this._curSeg[0];
+ this._prec = 1 / this._curSeg.length;
+ }
+
+ if ((autoRotate = this._autoRotate)) {
+ this._initialRotations = [];
+ if (!(autoRotate[0] instanceof Array)) {
+ this._autoRotate = autoRotate = [autoRotate];
+ }
+ i = autoRotate.length;
+ while (--i > -1) {
+ for (j = 0; j < 3; j++) {
+ p = autoRotate[i][j];
+ this._func[p] = (typeof(target[p]) === "function") ? target[ ((p.indexOf("set") || typeof(target["get" + p.substr(3)]) !== "function") ? p : "get" + p.substr(3)) ] : false;
+ }
+ p = autoRotate[i][2];
+ this._initialRotations[i] = this._func[p] ? this._func[p].call(this._target) : this._target[p];
+ }
+ }
+ this._startRatio = tween.vars.runBackwards ? 1 : 0; //we determine the starting ratio when the tween inits which is always 0 unless the tween has runBackwards:true (indicating it's a from() tween) in which case it's 1.
+ return true;
+ },
+
+ //called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)
+ set: function(v) {
+ var segments = this._segCount,
+ func = this._func,
+ target = this._target,
+ notStart = (v !== this._startRatio),
+ curIndex, inv, i, p, b, t, val, l, lengths, curSeg;
+ if (!this._timeRes) {
+ curIndex = (v < 0) ? 0 : (v >= 1) ? segments - 1 : (segments * v) >> 0;
+ t = (v - (curIndex * (1 / segments))) * segments;
+ } else {
+ lengths = this._lengths;
+ curSeg = this._curSeg;
+ v *= this._length;
+ i = this._li;
+ //find the appropriate segment (if the currently cached one isn't correct)
+ if (v > this._l2 && i < segments - 1) {
+ l = segments - 1;
+ while (i < l && (this._l2 = lengths[++i]) <= v) { }
+ this._l1 = lengths[i-1];
+ this._li = i;
+ this._curSeg = curSeg = this._segments[i];
+ this._s2 = curSeg[(this._s1 = this._si = 0)];
+ } else if (v < this._l1 && i > 0) {
+ while (i > 0 && (this._l1 = lengths[--i]) >= v) { }
+ if (i === 0 && v < this._l1) {
+ this._l1 = 0;
+ } else {
+ i++;
+ }
+ this._l2 = lengths[i];
+ this._li = i;
+ this._curSeg = curSeg = this._segments[i];
+ this._s1 = curSeg[(this._si = curSeg.length - 1) - 1] || 0;
+ this._s2 = curSeg[this._si];
+ }
+ curIndex = i;
+ //now find the appropriate sub-segment (we split it into the number of pieces that was defined by "precision" and measured each one)
+ v -= this._l1;
+ i = this._si;
+ if (v > this._s2 && i < curSeg.length - 1) {
+ l = curSeg.length - 1;
+ while (i < l && (this._s2 = curSeg[++i]) <= v) { }
+ this._s1 = curSeg[i-1];
+ this._si = i;
+ } else if (v < this._s1 && i > 0) {
+ while (i > 0 && (this._s1 = curSeg[--i]) >= v) { }
+ if (i === 0 && v < this._s1) {
+ this._s1 = 0;
+ } else {
+ i++;
+ }
+ this._s2 = curSeg[i];
+ this._si = i;
+ }
+ t = (i + (v - this._s1) / (this._s2 - this._s1)) * this._prec;
+ }
+ inv = 1 - t;
+
+ i = this._props.length;
+ while (--i > -1) {
+ p = this._props[i];
+ b = this._beziers[p][curIndex];
+ val = (t * t * b.da + 3 * inv * (t * b.ca + inv * b.ba)) * t + b.a;
+ if (this._round[p]) {
+ val = Math.round(val);
+ }
+ if (func[p]) {
+ target[p](val);
+ } else {
+ target[p] = val;
+ }
+ }
+
+ if (this._autoRotate) {
+ var ar = this._autoRotate,
+ b2, x1, y1, x2, y2, add, conv;
+ i = ar.length;
+ while (--i > -1) {
+ p = ar[i][2];
+ add = ar[i][3] || 0;
+ conv = (ar[i][4] === true) ? 1 : _RAD2DEG;
+ b = this._beziers[ar[i][0]];
+ b2 = this._beziers[ar[i][1]];
+
+ if (b && b2) { //in case one of the properties got overwritten.
+ b = b[curIndex];
+ b2 = b2[curIndex];
+
+ x1 = b.a + (b.b - b.a) * t;
+ x2 = b.b + (b.c - b.b) * t;
+ x1 += (x2 - x1) * t;
+ x2 += ((b.c + (b.d - b.c) * t) - x2) * t;
+
+ y1 = b2.a + (b2.b - b2.a) * t;
+ y2 = b2.b + (b2.c - b2.b) * t;
+ y1 += (y2 - y1) * t;
+ y2 += ((b2.c + (b2.d - b2.c) * t) - y2) * t;
+
+ val = notStart ? Math.atan2(y2 - y1, x2 - x1) * conv + add : this._initialRotations[i];
+
+ if (func[p]) {
+ target[p](val);
+ } else {
+ target[p] = val;
+ }
+ }
+ }
+ }
+ }
+ }),
+ p = BezierPlugin.prototype;
+
+
+ BezierPlugin.bezierThrough = bezierThrough;
+ BezierPlugin.cubicToQuadratic = cubicToQuadratic;
+ BezierPlugin._autoCSS = true; //indicates that this plugin can be inserted into the "css" object using the autoCSS feature of TweenLite
+ BezierPlugin.quadraticToCubic = function(a, b, c) {
+ return new Segment(a, (2 * b + a) / 3, (2 * b + c) / 3, c);
+ };
+
+ BezierPlugin._cssRegister = function() {
+ var CSSPlugin = window._gsDefine.globals.CSSPlugin;
+ if (!CSSPlugin) {
+ return;
+ }
+ var _internals = CSSPlugin._internals,
+ _parseToProxy = _internals._parseToProxy,
+ _setPluginRatio = _internals._setPluginRatio,
+ CSSPropTween = _internals.CSSPropTween;
+ _internals._registerComplexSpecialProp("bezier", {parser:function(t, e, prop, cssp, pt, plugin) {
+ if (e instanceof Array) {
+ e = {values:e};
+ }
+ plugin = new BezierPlugin();
+ var values = e.values,
+ l = values.length - 1,
+ pluginValues = [],
+ v = {},
+ i, p, data;
+ if (l < 0) {
+ return pt;
+ }
+ for (i = 0; i <= l; i++) {
+ data = _parseToProxy(t, values[i], cssp, pt, plugin, (l !== i));
+ pluginValues[i] = data.end;
+ }
+ for (p in e) {
+ v[p] = e[p]; //duplicate the vars object because we need to alter some things which would cause problems if the user plans to reuse the same vars object for another tween.
+ }
+ v.values = pluginValues;
+ pt = new CSSPropTween(t, "bezier", 0, 0, data.pt, 2);
+ pt.data = data;
+ pt.plugin = plugin;
+ pt.setRatio = _setPluginRatio;
+ if (v.autoRotate === 0) {
+ v.autoRotate = true;
+ }
+ if (v.autoRotate && !(v.autoRotate instanceof Array)) {
+ i = (v.autoRotate === true) ? 0 : Number(v.autoRotate);
+ v.autoRotate = (data.end.left != null) ? [["left","top","rotation",i,false]] : (data.end.x != null) ? [["x","y","rotation",i,false]] : false;
+ }
+ if (v.autoRotate) {
+ if (!cssp._transform) {
+ cssp._enableTransforms(false);
+ }
+ data.autoRotate = cssp._target._gsTransform;
+ }
+ plugin._onInitTween(data.proxy, v, cssp._tween);
+ return pt;
+ }});
+ };
+
+ p._roundProps = function(lookup, value) {
+ var op = this._overwriteProps,
+ i = op.length;
+ while (--i > -1) {
+ if (lookup[op[i]] || lookup.bezier || lookup.bezierThrough) {
+ this._round[op[i]] = value;
+ }
+ }
+ };
+
+ p._kill = function(lookup) {
+ var a = this._props,
+ p, i;
+ for (p in this._beziers) {
+ if (p in lookup) {
+ delete this._beziers[p];
+ delete this._func[p];
+ i = a.length;
+ while (--i > -1) {
+ if (a[i] === p) {
+ a.splice(i, 1);
+ }
+ }
+ }
+ }
+ return this._super._kill.call(this, lookup);
+ };
+
+ }());
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * CSSPlugin
+ * ----------------------------------------------------------------
+ */
+ window._gsDefine("plugins.CSSPlugin", ["plugins.TweenPlugin","TweenLite"], function(TweenPlugin, TweenLite) {
+
+ /** @constructor **/
+ var CSSPlugin = function() {
+ TweenPlugin.call(this, "css");
+ this._overwriteProps.length = 0;
+ this.setRatio = CSSPlugin.prototype.setRatio; //speed optimization (avoid prototype lookup on this "hot" method)
+ },
+ _hasPriority, //turns true whenever a CSSPropTween instance is created that has a priority other than 0. This helps us discern whether or not we should spend the time organizing the linked list or not after a CSSPlugin's _onInitTween() method is called.
+ _suffixMap, //we set this in _onInitTween() each time as a way to have a persistent variable we can use in other methods like _parse() without having to pass it around as a parameter and we keep _parse() decoupled from a particular CSSPlugin instance
+ _cs, //computed style (we store this in a shared variable to conserve memory and make minification tighter
+ _overwriteProps, //alias to the currently instantiating CSSPlugin's _overwriteProps array. We use this closure in order to avoid having to pass a reference around from method to method and aid in minification.
+ _specialProps = {},
+ p = CSSPlugin.prototype = new TweenPlugin("css");
+
+ p.constructor = CSSPlugin;
+ CSSPlugin.version = "1.12.1";
+ CSSPlugin.API = 2;
+ CSSPlugin.defaultTransformPerspective = 0;
+ CSSPlugin.defaultSkewType = "compensated";
+ p = "px"; //we'll reuse the "p" variable to keep file size down
+ CSSPlugin.suffixMap = {top:p, right:p, bottom:p, left:p, width:p, height:p, fontSize:p, padding:p, margin:p, perspective:p, lineHeight:""};
+
+
+ var _numExp = /(?:\d|\-\d|\.\d|\-\.\d)+/g,
+ _relNumExp = /(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g,
+ _valuesExp = /(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi, //finds all the values that begin with numbers or += or -= and then a number. Includes suffixes. We use this to split complex values apart like "1px 5px 20px rgb(255,102,51)"
+ _NaNExp = /[^\d\-\.]/g,
+ _suffixExp = /(?:\d|\-|\+|=|#|\.)*/g,
+ _opacityExp = /opacity *= *([^)]*)/i,
+ _opacityValExp = /opacity:([^;]*)/i,
+ _alphaFilterExp = /alpha\(opacity *=.+?\)/i,
+ _rgbhslExp = /^(rgb|hsl)/,
+ _capsExp = /([A-Z])/g,
+ _camelExp = /-([a-z])/gi,
+ _urlExp = /(^(?:url\(\"|url\())|(?:(\"\))$|\)$)/gi, //for pulling out urls from url(...) or url("...") strings (some browsers wrap urls in quotes, some don't when reporting things like backgroundImage)
+ _camelFunc = function(s, g) { return g.toUpperCase(); },
+ _horizExp = /(?:Left|Right|Width)/i,
+ _ieGetMatrixExp = /(M11|M12|M21|M22)=[\d\-\.e]+/gi,
+ _ieSetMatrixExp = /progid\:DXImageTransform\.Microsoft\.Matrix\(.+?\)/i,
+ _commasOutsideParenExp = /,(?=[^\)]*(?:\(|$))/gi, //finds any commas that are not within parenthesis
+ _DEG2RAD = Math.PI / 180,
+ _RAD2DEG = 180 / Math.PI,
+ _forcePT = {},
+ _doc = document,
+ _tempDiv = _doc.createElement("div"),
+ _tempImg = _doc.createElement("img"),
+ _internals = CSSPlugin._internals = {_specialProps:_specialProps}, //provides a hook to a few internal methods that we need to access from inside other plugins
+ _agent = navigator.userAgent,
+ _autoRound,
+ _reqSafariFix, //we won't apply the Safari transform fix until we actually come across a tween that affects a transform property (to maintain best performance).
+
+ _isSafari,
+ _isFirefox, //Firefox has a bug that causes 3D transformed elements to randomly disappear unless a repaint is forced after each update on each element.
+ _isSafariLT6, //Safari (and Android 4 which uses a flavor of Safari) has a bug that prevents changes to "top" and "left" properties from rendering properly if changed on the same frame as a transform UNLESS we set the element's WebkitBackfaceVisibility to hidden (weird, I know). Doing this for Android 3 and earlier seems to actually cause other problems, though (fun!)
+ _ieVers,
+ _supportsOpacity = (function() { //we set _isSafari, _ieVers, _isFirefox, and _supportsOpacity all in one function here to reduce file size slightly, especially in the minified version.
+ var i = _agent.indexOf("Android"),
+ d = _doc.createElement("div"), a;
+
+ _isSafari = (_agent.indexOf("Safari") !== -1 && _agent.indexOf("Chrome") === -1 && (i === -1 || Number(_agent.substr(i+8, 1)) > 3));
+ _isSafariLT6 = (_isSafari && (Number(_agent.substr(_agent.indexOf("Version/")+8, 1)) < 6));
+ _isFirefox = (_agent.indexOf("Firefox") !== -1);
+
+ if ((/MSIE ([0-9]{1,}[\.0-9]{0,})/).exec(_agent)) {
+ _ieVers = parseFloat( RegExp.$1 );
+ }
+
+ d.innerHTML = "<a title='' style='top:1px;opacity:.55;'>a</a>";
+ a = d.getElementsByTagName("a")[0];
+ return a ? /^0.55/.test(a.style.opacity) : false;
+ }()),
+ _getIEOpacity = function(v) {
+ return (_opacityExp.test( ((typeof(v) === "string") ? v : (v.currentStyle ? v.currentStyle.filter : v.style.filter) || "") ) ? ( parseFloat( RegExp.$1 ) / 100 ) : 1);
+ },
+ _log = function(s) {//for logging messages, but in a way that won't throw errors in old versions of IE.
+ if (window.console) {
+ //console.log(s);
+ }
+ },
+ _prefixCSS = "", //the non-camelCase vendor prefix like "-o-", "-moz-", "-ms-", or "-webkit-"
+ _prefix = "", //camelCase vendor prefix like "O", "ms", "Webkit", or "Moz".
+
+ // @private feed in a camelCase property name like "transform" and it will check to see if it is valid as-is or if it needs a vendor prefix. It returns the corrected camelCase property name (i.e. "WebkitTransform" or "MozTransform" or "transform" or null if no such property is found, like if the browser is IE8 or before, "transform" won't be found at all)
+ _checkPropPrefix = function(p, e) {
+ e = e || _tempDiv;
+ var s = e.style,
+ a, i;
+ if (s[p] !== undefined) {
+ return p;
+ }
+ p = p.charAt(0).toUpperCase() + p.substr(1);
+ a = ["O","Moz","ms","Ms","Webkit"];
+ i = 5;
+ while (--i > -1 && s[a[i]+p] === undefined) { }
+ if (i >= 0) {
+ _prefix = (i === 3) ? "ms" : a[i];
+ _prefixCSS = "-" + _prefix.toLowerCase() + "-";
+ return _prefix + p;
+ }
+ return null;
+ },
+
+ _getComputedStyle = _doc.defaultView ? _doc.defaultView.getComputedStyle : function() {},
+
+ /**
+ * @private Returns the css style for a particular property of an element. For example, to get whatever the current "left" css value for an element with an ID of "myElement", you could do:
+ * var currentLeft = CSSPlugin.getStyle( document.getElementById("myElement"), "left");
+ *
+ * @param {!Object} t Target element whose style property you want to query
+ * @param {!string} p Property name (like "left" or "top" or "marginTop", etc.)
+ * @param {Object=} cs Computed style object. This just provides a way to speed processing if you're going to get several properties on the same element in quick succession - you can reuse the result of the getComputedStyle() call.
+ * @param {boolean=} calc If true, the value will not be read directly from the element's "style" property (if it exists there), but instead the getComputedStyle() result will be used. This can be useful when you want to ensure that the browser itself is interpreting the value.
+ * @param {string=} dflt Default value that should be returned in the place of null, "none", "auto" or "auto auto".
+ * @return {?string} The current property value
+ */
+ _getStyle = CSSPlugin.getStyle = function(t, p, cs, calc, dflt) {
+ var rv;
+ if (!_supportsOpacity) if (p === "opacity") { //several versions of IE don't use the standard "opacity" property - they use things like filter:alpha(opacity=50), so we parse that here.
+ return _getIEOpacity(t);
+ }
+ if (!calc && t.style[p]) {
+ rv = t.style[p];
+ } else if ((cs = cs || _getComputedStyle(t))) {
+ rv = cs[p] || cs.getPropertyValue(p) || cs.getPropertyValue(p.replace(_capsExp, "-$1").toLowerCase());
+ } else if (t.currentStyle) {
+ rv = t.currentStyle[p];
+ }
+ return (dflt != null && (!rv || rv === "none" || rv === "auto" || rv === "auto auto")) ? dflt : rv;
+ },
+
+ /**
+ * @private Pass the target element, the property name, the numeric value, and the suffix (like "%", "em", "px", etc.) and it will spit back the equivalent pixel number.
+ * @param {!Object} t Target element
+ * @param {!string} p Property name (like "left", "top", "marginLeft", etc.)
+ * @param {!number} v Value
+ * @param {string=} sfx Suffix (like "px" or "%" or "em")
+ * @param {boolean=} recurse If true, the call is a recursive one. In some browsers (like IE7/8), occasionally the value isn't accurately reported initially, but if we run the function again it will take effect.
+ * @return {number} value in pixels
+ */
+ _convertToPixels = _internals.convertToPixels = function(t, p, v, sfx, recurse) {
+ if (sfx === "px" || !sfx) { return v; }
+ if (sfx === "auto" || !v) { return 0; }
+ var horiz = _horizExp.test(p),
+ node = t,
+ style = _tempDiv.style,
+ neg = (v < 0),
+ pix, cache, time;
+ if (neg) {
+ v = -v;
+ }
+ if (sfx === "%" && p.indexOf("border") !== -1) {
+ pix = (v / 100) * (horiz ? t.clientWidth : t.clientHeight);
+ } else {
+ style.cssText = "border:0 solid red;position:" + _getStyle(t, "position") + ";line-height:0;";
+ if (sfx === "%" || !node.appendChild) {
+ node = t.parentNode || _doc.body;
+ cache = node._gsCache;
+ time = TweenLite.ticker.frame;
+ if (cache && horiz && cache.time === time) { //performance optimization: we record the width of elements along with the ticker frame so that we can quickly get it again on the same tick (seems relatively safe to assume it wouldn't change on the same tick)
+ return cache.width * v / 100;
+ }
+ style[(horiz ? "width" : "height")] = v + sfx;
+ } else {
+ style[(horiz ? "borderLeftWidth" : "borderTopWidth")] = v + sfx;
+ }
+ node.appendChild(_tempDiv);
+ pix = parseFloat(_tempDiv[(horiz ? "offsetWidth" : "offsetHeight")]);
+ node.removeChild(_tempDiv);
+ if (horiz && sfx === "%" && CSSPlugin.cacheWidths !== false) {
+ cache = node._gsCache = node._gsCache || {};
+ cache.time = time;
+ cache.width = pix / v * 100;
+ }
+ if (pix === 0 && !recurse) {
+ pix = _convertToPixels(t, p, v, sfx, true);
+ }
+ }
+ return neg ? -pix : pix;
+ },
+ _calculateOffset = _internals.calculateOffset = function(t, p, cs) { //for figuring out "top" or "left" in px when it's "auto". We need to factor in margin with the offsetLeft/offsetTop
+ if (_getStyle(t, "position", cs) !== "absolute") { return 0; }
+ var dim = ((p === "left") ? "Left" : "Top"),
+ v = _getStyle(t, "margin" + dim, cs);
+ return t["offset" + dim] - (_convertToPixels(t, p, parseFloat(v), v.replace(_suffixExp, "")) || 0);
+ },
+
+ // @private returns at object containing ALL of the style properties in camelCase and their associated values.
+ _getAllStyles = function(t, cs) {
+ var s = {},
+ i, tr;
+ if ((cs = cs || _getComputedStyle(t, null))) {
+ if ((i = cs.length)) {
+ while (--i > -1) {
+ s[cs[i].replace(_camelExp, _camelFunc)] = cs.getPropertyValue(cs[i]);
+ }
+ } else { //Opera behaves differently - cs.length is always 0, so we must do a for...in loop.
+ for (i in cs) {
+ s[i] = cs[i];
+ }
+ }
+ } else if ((cs = t.currentStyle || t.style)) {
+ for (i in cs) {
+ if (typeof(i) === "string" && s[i] === undefined) {
+ s[i.replace(_camelExp, _camelFunc)] = cs[i];
+ }
+ }
+ }
+ if (!_supportsOpacity) {
+ s.opacity = _getIEOpacity(t);
+ }
+ tr = _getTransform(t, cs, false);
+ s.rotation = tr.rotation;
+ s.skewX = tr.skewX;
+ s.scaleX = tr.scaleX;
+ s.scaleY = tr.scaleY;
+ s.x = tr.x;
+ s.y = tr.y;
+ if (_supports3D) {
+ s.z = tr.z;
+ s.rotationX = tr.rotationX;
+ s.rotationY = tr.rotationY;
+ s.scaleZ = tr.scaleZ;
+ }
+ if (s.filters) {
+ delete s.filters;
+ }
+ return s;
+ },
+
+ // @private analyzes two style objects (as returned by _getAllStyles()) and only looks for differences between them that contain tweenable values (like a number or color). It returns an object with a "difs" property which refers to an object containing only those isolated properties and values for tweening, and a "firstMPT" property which refers to the first MiniPropTween instance in a linked list that recorded all the starting values of the different properties so that we can revert to them at the end or beginning of the tween - we don't want the cascading to get messed up. The forceLookup parameter is an optional generic object with properties that should be forced into the results - this is necessary for className tweens that are overwriting others because imagine a scenario where a rollover/rollout adds/removes a class and the user swipes the mouse over the target SUPER fast, thus nothing actually changed yet and the subsequent comparison of the properties would indicate they match (especially when px rounding is taken into consideration), thus no tweening is necessary even though it SHOULD tween and remove those properties after the tween (otherwise the inline styles will contaminate things). See the className SpecialProp code for details.
+ _cssDif = function(t, s1, s2, vars, forceLookup) {
+ var difs = {},
+ style = t.style,
+ val, p, mpt;
+ for (p in s2) {
+ if (p !== "cssText") if (p !== "length") if (isNaN(p)) if (s1[p] !== (val = s2[p]) || (forceLookup && forceLookup[p])) if (p.indexOf("Origin") === -1) if (typeof(val) === "number" || typeof(val) === "string") {
+ difs[p] = (val === "auto" && (p === "left" || p === "top")) ? _calculateOffset(t, p) : ((val === "" || val === "auto" || val === "none") && typeof(s1[p]) === "string" && s1[p].replace(_NaNExp, "") !== "") ? 0 : val; //if the ending value is defaulting ("" or "auto"), we check the starting value and if it can be parsed into a number (a string which could have a suffix too, like 700px), then we swap in 0 for "" or "auto" so that things actually tween.
+ if (style[p] !== undefined) { //for className tweens, we must remember which properties already existed inline - the ones that didn't should be removed when the tween isn't in progress because they were only introduced to facilitate the transition between classes.
+ mpt = new MiniPropTween(style, p, style[p], mpt);
+ }
+ }
+ }
+ if (vars) {
+ for (p in vars) { //copy properties (except className)
+ if (p !== "className") {
+ difs[p] = vars[p];
+ }
+ }
+ }
+ return {difs:difs, firstMPT:mpt};
+ },
+ _dimensions = {width:["Left","Right"], height:["Top","Bottom"]},
+ _margins = ["marginLeft","marginRight","marginTop","marginBottom"],
+
+ /**
+ * @private Gets the width or height of an element
+ * @param {!Object} t Target element
+ * @param {!string} p Property name ("width" or "height")
+ * @param {Object=} cs Computed style object (if one exists). Just a speed optimization.
+ * @return {number} Dimension (in pixels)
+ */
+ _getDimension = function(t, p, cs) {
+ var v = parseFloat((p === "width") ? t.offsetWidth : t.offsetHeight),
+ a = _dimensions[p],
+ i = a.length;
+ cs = cs || _getComputedStyle(t, null);
+ while (--i > -1) {
+ v -= parseFloat( _getStyle(t, "padding" + a[i], cs, true) ) || 0;
+ v -= parseFloat( _getStyle(t, "border" + a[i] + "Width", cs, true) ) || 0;
+ }
+ return v;
+ },
+
+ // @private Parses position-related complex strings like "top left" or "50px 10px" or "70% 20%", etc. which are used for things like transformOrigin or backgroundPosition. Optionally decorates a supplied object (recObj) with the following properties: "ox" (offsetX), "oy" (offsetY), "oxp" (if true, "ox" is a percentage not a pixel value), and "oxy" (if true, "oy" is a percentage not a pixel value)
+ _parsePosition = function(v, recObj) {
+ if (v == null || v === "" || v === "auto" || v === "auto auto") { //note: Firefox uses "auto auto" as default whereas Chrome uses "auto".
+ v = "0 0";
+ }
+ var a = v.split(" "),
+ x = (v.indexOf("left") !== -1) ? "0%" : (v.indexOf("right") !== -1) ? "100%" : a[0],
+ y = (v.indexOf("top") !== -1) ? "0%" : (v.indexOf("bottom") !== -1) ? "100%" : a[1];
+ if (y == null) {
+ y = "0";
+ } else if (y === "center") {
+ y = "50%";
+ }
+ if (x === "center" || (isNaN(parseFloat(x)) && (x + "").indexOf("=") === -1)) { //remember, the user could flip-flop the values and say "bottom center" or "center bottom", etc. "center" is ambiguous because it could be used to describe horizontal or vertical, hence the isNaN(). If there's an "=" sign in the value, it's relative.
+ x = "50%";
+ }
+ if (recObj) {
+ recObj.oxp = (x.indexOf("%") !== -1);
+ recObj.oyp = (y.indexOf("%") !== -1);
+ recObj.oxr = (x.charAt(1) === "=");
+ recObj.oyr = (y.charAt(1) === "=");
+ recObj.ox = parseFloat(x.replace(_NaNExp, ""));
+ recObj.oy = parseFloat(y.replace(_NaNExp, ""));
+ }
+ return x + " " + y + ((a.length > 2) ? " " + a[2] : "");
+ },
+
+ /**
+ * @private Takes an ending value (typically a string, but can be a number) and a starting value and returns the change between the two, looking for relative value indicators like += and -= and it also ignores suffixes (but make sure the ending value starts with a number or +=/-= and that the starting value is a NUMBER!)
+ * @param {(number|string)} e End value which is typically a string, but could be a number
+ * @param {(number|string)} b Beginning value which is typically a string but could be a number
+ * @return {number} Amount of change between the beginning and ending values (relative values that have a "+=" or "-=" are recognized)
+ */
+ _parseChange = function(e, b) {
+ return (typeof(e) === "string" && e.charAt(1) === "=") ? parseInt(e.charAt(0) + "1", 10) * parseFloat(e.substr(2)) : parseFloat(e) - parseFloat(b);
+ },
+
+ /**
+ * @private Takes a value and a default number, checks if the value is relative, null, or numeric and spits back a normalized number accordingly. Primarily used in the _parseTransform() function.
+ * @param {Object} v Value to be parsed
+ * @param {!number} d Default value (which is also used for relative calculations if "+=" or "-=" is found in the first parameter)
+ * @return {number} Parsed value
+ */
+ _parseVal = function(v, d) {
+ return (v == null) ? d : (typeof(v) === "string" && v.charAt(1) === "=") ? parseInt(v.charAt(0) + "1", 10) * Number(v.substr(2)) + d : parseFloat(v);
+ },
+
+ /**
+ * @private Translates strings like "40deg" or "40" or 40rad" or "+=40deg" or "270_short" or "-90_cw" or "+=45_ccw" to a numeric radian angle. Of course a starting/default value must be fed in too so that relative values can be calculated properly.
+ * @param {Object} v Value to be parsed
+ * @param {!number} d Default value (which is also used for relative calculations if "+=" or "-=" is found in the first parameter)
+ * @param {string=} p property name for directionalEnd (optional - only used when the parsed value is directional ("_short", "_cw", or "_ccw" suffix). We need a way to store the uncompensated value so that at the end of the tween, we set it to exactly what was requested with no directional compensation). Property name would be "rotation", "rotationX", or "rotationY"
+ * @param {Object=} directionalEnd An object that will store the raw end values for directional angles ("_short", "_cw", or "_ccw" suffix). We need a way to store the uncompensated value so that at the end of the tween, we set it to exactly what was requested with no directional compensation.
+ * @return {number} parsed angle in radians
+ */
+ _parseAngle = function(v, d, p, directionalEnd) {
+ var min = 0.000001,
+ cap, split, dif, result;
+ if (v == null) {
+ result = d;
+ } else if (typeof(v) === "number") {
+ result = v;
+ } else {
+ cap = 360;
+ split = v.split("_");
+ dif = Number(split[0].replace(_NaNExp, "")) * ((v.indexOf("rad") === -1) ? 1 : _RAD2DEG) - ((v.charAt(1) === "=") ? 0 : d);
+ if (split.length) {
+ if (directionalEnd) {
+ directionalEnd[p] = d + dif;
+ }
+ if (v.indexOf("short") !== -1) {
+ dif = dif % cap;
+ if (dif !== dif % (cap / 2)) {
+ dif = (dif < 0) ? dif + cap : dif - cap;
+ }
+ }
+ if (v.indexOf("_cw") !== -1 && dif < 0) {
+ dif = ((dif + cap * 9999999999) % cap) - ((dif / cap) | 0) * cap;
+ } else if (v.indexOf("ccw") !== -1 && dif > 0) {
+ dif = ((dif - cap * 9999999999) % cap) - ((dif / cap) | 0) * cap;
+ }
+ }
+ result = d + dif;
+ }
+ if (result < min && result > -min) {
+ result = 0;
+ }
+ return result;
+ },
+
+ _colorLookup = {aqua:[0,255,255],
+ lime:[0,255,0],
+ silver:[192,192,192],
+ black:[0,0,0],
+ maroon:[128,0,0],
+ teal:[0,128,128],
+ blue:[0,0,255],
+ navy:[0,0,128],
+ white:[255,255,255],
+ fuchsia:[255,0,255],
+ olive:[128,128,0],
+ yellow:[255,255,0],
+ orange:[255,165,0],
+ gray:[128,128,128],
+ purple:[128,0,128],
+ green:[0,128,0],
+ red:[255,0,0],
+ pink:[255,192,203],
+ cyan:[0,255,255],
+ transparent:[255,255,255,0]},
+
+ _hue = function(h, m1, m2) {
+ h = (h < 0) ? h + 1 : (h > 1) ? h - 1 : h;
+ return ((((h * 6 < 1) ? m1 + (m2 - m1) * h * 6 : (h < 0.5) ? m2 : (h * 3 < 2) ? m1 + (m2 - m1) * (2 / 3 - h) * 6 : m1) * 255) + 0.5) | 0;
+ },
+
+ /**
+ * @private Parses a color (like #9F0, #FF9900, or rgb(255,51,153)) into an array with 3 elements for red, green, and blue. Also handles rgba() values (splits into array of 4 elements of course)
+ * @param {(string|number)} v The value the should be parsed which could be a string like #9F0 or rgb(255,102,51) or rgba(255,0,0,0.5) or it could be a number like 0xFF00CC or even a named color like red, blue, purple, etc.
+ * @return {Array.<number>} An array containing red, green, and blue (and optionally alpha) in that order.
+ */
+ _parseColor = function(v) {
+ var c1, c2, c3, h, s, l;
+ if (!v || v === "") {
+ return _colorLookup.black;
+ }
+ if (typeof(v) === "number") {
+ return [v >> 16, (v >> 8) & 255, v & 255];
+ }
+ if (v.charAt(v.length - 1) === ",") { //sometimes a trailing commma is included and we should chop it off (typically from a comma-delimited list of values like a textShadow:"2px 2px 2px blue, 5px 5px 5px rgb(255,0,0)" - in this example "blue," has a trailing comma. We could strip it out inside parseComplex() but we'd need to do it to the beginning and ending values plus it wouldn't provide protection from other potential scenarios like if the user passes in a similar value.
+ v = v.substr(0, v.length - 1);
+ }
+ if (_colorLookup[v]) {
+ return _colorLookup[v];
+ }
+ if (v.charAt(0) === "#") {
+ if (v.length === 4) { //for shorthand like #9F0
+ c1 = v.charAt(1),
+ c2 = v.charAt(2),
+ c3 = v.charAt(3);
+ v = "#" + c1 + c1 + c2 + c2 + c3 + c3;
+ }
+ v = parseInt(v.substr(1), 16);
+ return [v >> 16, (v >> 8) & 255, v & 255];
+ }
+ if (v.substr(0, 3) === "hsl") {
+ v = v.match(_numExp);
+ h = (Number(v[0]) % 360) / 360;
+ s = Number(v[1]) / 100;
+ l = Number(v[2]) / 100;
+ c2 = (l <= 0.5) ? l * (s + 1) : l + s - l * s;
+ c1 = l * 2 - c2;
+ if (v.length > 3) {
+ v[3] = Number(v[3]);
+ }
+ v[0] = _hue(h + 1 / 3, c1, c2);
+ v[1] = _hue(h, c1, c2);
+ v[2] = _hue(h - 1 / 3, c1, c2);
+ return v;
+ }
+ v = v.match(_numExp) || _colorLookup.transparent;
+ v[0] = Number(v[0]);
+ v[1] = Number(v[1]);
+ v[2] = Number(v[2]);
+ if (v.length > 3) {
+ v[3] = Number(v[3]);
+ }
+ return v;
+ },
+ _colorExp = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#.+?\\b"; //we'll dynamically build this Regular Expression to conserve file size. After building it, it will be able to find rgb(), rgba(), # (hexadecimal), and named color values like red, blue, purple, etc.
+
+ for (p in _colorLookup) {
+ _colorExp += "|" + p + "\\b";
+ }
+ _colorExp = new RegExp(_colorExp+")", "gi");
+
+ /**
+ * @private Returns a formatter function that handles taking a string (or number in some cases) and returning a consistently formatted one in terms of delimiters, quantity of values, etc. For example, we may get boxShadow values defined as "0px red" or "0px 0px 10px rgb(255,0,0)" or "0px 0px 20px 20px #F00" and we need to ensure that what we get back is described with 4 numbers and a color. This allows us to feed it into the _parseComplex() method and split the values up appropriately. The neat thing about this _getFormatter() function is that the dflt defines a pattern as well as a default, so for example, _getFormatter("0px 0px 0px 0px #777", true) not only sets the default as 0px for all distances and #777 for the color, but also sets the pattern such that 4 numbers and a color will always get returned.
+ * @param {!string} dflt The default value and pattern to follow. So "0px 0px 0px 0px #777" will ensure that 4 numbers and a color will always get returned.
+ * @param {boolean=} clr If true, the values should be searched for color-related data. For example, boxShadow values typically contain a color whereas borderRadius don't.
+ * @param {boolean=} collapsible If true, the value is a top/left/right/bottom style one that acts like margin or padding, where if only one value is received, it's used for all 4; if 2 are received, the first is duplicated for 3rd (bottom) and the 2nd is duplicated for the 4th spot (left), etc.
+ * @return {Function} formatter function
+ */
+ var _getFormatter = function(dflt, clr, collapsible, multi) {
+ if (dflt == null) {
+ return function(v) {return v;};
+ }
+ var dColor = clr ? (dflt.match(_colorExp) || [""])[0] : "",
+ dVals = dflt.split(dColor).join("").match(_valuesExp) || [],
+ pfx = dflt.substr(0, dflt.indexOf(dVals[0])),
+ sfx = (dflt.charAt(dflt.length - 1) === ")") ? ")" : "",
+ delim = (dflt.indexOf(" ") !== -1) ? " " : ",",
+ numVals = dVals.length,
+ dSfx = (numVals > 0) ? dVals[0].replace(_numExp, "") : "",
+ formatter;
+ if (!numVals) {
+ return function(v) {return v;};
+ }
+ if (clr) {
+ formatter = function(v) {
+ var color, vals, i, a;
+ if (typeof(v) === "number") {
+ v += dSfx;
+ } else if (multi && _commasOutsideParenExp.test(v)) {
+ a = v.replace(_commasOutsideParenExp, "|").split("|");
+ for (i = 0; i < a.length; i++) {
+ a[i] = formatter(a[i]);
+ }
+ return a.join(",");
+ }
+ color = (v.match(_colorExp) || [dColor])[0];
+ vals = v.split(color).join("").match(_valuesExp) || [];
+ i = vals.length;
+ if (numVals > i--) {
+ while (++i < numVals) {
+ vals[i] = collapsible ? vals[(((i - 1) / 2) | 0)] : dVals[i];
+ }
+ }
+ return pfx + vals.join(delim) + delim + color + sfx + (v.indexOf("inset") !== -1 ? " inset" : "");
+ };
+ return formatter;
+
+ }
+ formatter = function(v) {
+ var vals, a, i;
+ if (typeof(v) === "number") {
+ v += dSfx;
+ } else if (multi && _commasOutsideParenExp.test(v)) {
+ a = v.replace(_commasOutsideParenExp, "|").split("|");
+ for (i = 0; i < a.length; i++) {
+ a[i] = formatter(a[i]);
+ }
+ return a.join(",");
+ }
+ vals = v.match(_valuesExp) || [];
+ i = vals.length;
+ if (numVals > i--) {
+ while (++i < numVals) {
+ vals[i] = collapsible ? vals[(((i - 1) / 2) | 0)] : dVals[i];
+ }
+ }
+ return pfx + vals.join(delim) + sfx;
+ };
+ return formatter;
+ },
+
+ /**
+ * @private returns a formatter function that's used for edge-related values like marginTop, marginLeft, paddingBottom, paddingRight, etc. Just pass a comma-delimited list of property names related to the edges.
+ * @param {!string} props a comma-delimited list of property names in order from top to left, like "marginTop,marginRight,marginBottom,marginLeft"
+ * @return {Function} a formatter function
+ */
+ _getEdgeParser = function(props) {
+ props = props.split(",");
+ return function(t, e, p, cssp, pt, plugin, vars) {
+ var a = (e + "").split(" "),
+ i;
+ vars = {};
+ for (i = 0; i < 4; i++) {
+ vars[props[i]] = a[i] = a[i] || a[(((i - 1) / 2) >> 0)];
+ }
+ return cssp.parse(t, vars, pt, plugin);
+ };
+ },
+
+ // @private used when other plugins must tween values first, like BezierPlugin or ThrowPropsPlugin, etc. That plugin's setRatio() gets called first so that the values are updated, and then we loop through the MiniPropTweens which handle copying the values into their appropriate slots so that they can then be applied correctly in the main CSSPlugin setRatio() method. Remember, we typically create a proxy object that has a bunch of uniquely-named properties that we feed to the sub-plugin and it does its magic normally, and then we must interpret those values and apply them to the css because often numbers must get combined/concatenated, suffixes added, etc. to work with css, like boxShadow could have 4 values plus a color.
+ _setPluginRatio = _internals._setPluginRatio = function(v) {
+ this.plugin.setRatio(v);
+ var d = this.data,
+ proxy = d.proxy,
+ mpt = d.firstMPT,
+ min = 0.000001,
+ val, pt, i, str;
+ while (mpt) {
+ val = proxy[mpt.v];
+ if (mpt.r) {
+ val = Math.round(val);
+ } else if (val < min && val > -min) {
+ val = 0;
+ }
+ mpt.t[mpt.p] = val;
+ mpt = mpt._next;
+ }
+ if (d.autoRotate) {
+ d.autoRotate.rotation = proxy.rotation;
+ }
+ //at the end, we must set the CSSPropTween's "e" (end) value dynamically here because that's what is used in the final setRatio() method.
+ if (v === 1) {
+ mpt = d.firstMPT;
+ while (mpt) {
+ pt = mpt.t;
+ if (!pt.type) {
+ pt.e = pt.s + pt.xs0;
+ } else if (pt.type === 1) {
+ str = pt.xs0 + pt.s + pt.xs1;
+ for (i = 1; i < pt.l; i++) {
+ str += pt["xn"+i] + pt["xs"+(i+1)];
+ }
+ pt.e = str;
+ }
+ mpt = mpt._next;
+ }
+ }
+ },
+
+ /**
+ * @private @constructor Used by a few SpecialProps to hold important values for proxies. For example, _parseToProxy() creates a MiniPropTween instance for each property that must get tweened on the proxy, and we record the original property name as well as the unique one we create for the proxy, plus whether or not the value needs to be rounded plus the original value.
+ * @param {!Object} t target object whose property we're tweening (often a CSSPropTween)
+ * @param {!string} p property name
+ * @param {(number|string|object)} v value
+ * @param {MiniPropTween=} next next MiniPropTween in the linked list
+ * @param {boolean=} r if true, the tweened value should be rounded to the nearest integer
+ */
+ MiniPropTween = function(t, p, v, next, r) {
+ this.t = t;
+ this.p = p;
+ this.v = v;
+ this.r = r;
+ if (next) {
+ next._prev = this;
+ this._next = next;
+ }
+ },
+
+ /**
+ * @private Most other plugins (like BezierPlugin and ThrowPropsPlugin and others) can only tween numeric values, but CSSPlugin must accommodate special values that have a bunch of extra data (like a suffix or strings between numeric values, etc.). For example, boxShadow has values like "10px 10px 20px 30px rgb(255,0,0)" which would utterly confuse other plugins. This method allows us to split that data apart and grab only the numeric data and attach it to uniquely-named properties of a generic proxy object ({}) so that we can feed that to virtually any plugin to have the numbers tweened. However, we must also keep track of which properties from the proxy go with which CSSPropTween values and instances. So we create a linked list of MiniPropTweens. Each one records a target (the original CSSPropTween), property (like "s" or "xn1" or "xn2") that we're tweening and the unique property name that was used for the proxy (like "boxShadow_xn1" and "boxShadow_xn2") and whether or not they need to be rounded. That way, in the _setPluginRatio() method we can simply copy the values over from the proxy to the CSSPropTween instance(s). Then, when the main CSSPlugin setRatio() method runs and applies the CSSPropTween values accordingly, they're updated nicely. So the external plugin tweens the numbers, _setPluginRatio() copies them over, and setRatio() acts normally, applying css-specific values to the element.
+ * This method returns an object that has the following properties:
+ * - proxy: a generic object containing the starting values for all the properties that will be tweened by the external plugin. This is what we feed to the external _onInitTween() as the target
+ * - end: a generic object containing the ending values for all the properties that will be tweened by the external plugin. This is what we feed to the external plugin's _onInitTween() as the destination values
+ * - firstMPT: the first MiniPropTween in the linked list
+ * - pt: the first CSSPropTween in the linked list that was created when parsing. If shallow is true, this linked list will NOT attach to the one passed into the _parseToProxy() as the "pt" (4th) parameter.
+ * @param {!Object} t target object to be tweened
+ * @param {!(Object|string)} vars the object containing the information about the tweening values (typically the end/destination values) that should be parsed
+ * @param {!CSSPlugin} cssp The CSSPlugin instance
+ * @param {CSSPropTween=} pt the next CSSPropTween in the linked list
+ * @param {TweenPlugin=} plugin the external TweenPlugin instance that will be handling tweening the numeric values
+ * @param {boolean=} shallow if true, the resulting linked list from the parse will NOT be attached to the CSSPropTween that was passed in as the "pt" (4th) parameter.
+ * @return An object containing the following properties: proxy, end, firstMPT, and pt (see above for descriptions)
+ */
+ _parseToProxy = _internals._parseToProxy = function(t, vars, cssp, pt, plugin, shallow) {
+ var bpt = pt,
+ start = {},
+ end = {},
+ transform = cssp._transform,
+ oldForce = _forcePT,
+ i, p, xp, mpt, firstPT;
+ cssp._transform = null;
+ _forcePT = vars;
+ pt = firstPT = cssp.parse(t, vars, pt, plugin);
+ _forcePT = oldForce;
+ //break off from the linked list so the new ones are isolated.
+ if (shallow) {
+ cssp._transform = transform;
+ if (bpt) {
+ bpt._prev = null;
+ if (bpt._prev) {
+ bpt._prev._next = null;
+ }
+ }
+ }
+ while (pt && pt !== bpt) {
+ if (pt.type <= 1) {
+ p = pt.p;
+ end[p] = pt.s + pt.c;
+ start[p] = pt.s;
+ if (!shallow) {
+ mpt = new MiniPropTween(pt, "s", p, mpt, pt.r);
+ pt.c = 0;
+ }
+ if (pt.type === 1) {
+ i = pt.l;
+ while (--i > 0) {
+ xp = "xn" + i;
+ p = pt.p + "_" + xp;
+ end[p] = pt.data[xp];
+ start[p] = pt[xp];
+ if (!shallow) {
+ mpt = new MiniPropTween(pt, xp, p, mpt, pt.rxp[xp]);
+ }
+ }
+ }
+ }
+ pt = pt._next;
+ }
+ return {proxy:start, end:end, firstMPT:mpt, pt:firstPT};
+ },
+
+
+
+ /**
+ * @constructor Each property that is tweened has at least one CSSPropTween associated with it. These instances store important information like the target, property, starting value, amount of change, etc. They can also optionally have a number of "extra" strings and numeric values named xs1, xn1, xs2, xn2, xs3, xn3, etc. where "s" indicates string and "n" indicates number. These can be pieced together in a complex-value tween (type:1) that has alternating types of data like a string, number, string, number, etc. For example, boxShadow could be "5px 5px 8px rgb(102, 102, 51)". In that value, there are 6 numbers that may need to tween and then pieced back together into a string again with spaces, suffixes, etc. xs0 is special in that it stores the suffix for standard (type:0) tweens, -OR- the first string (prefix) in a complex-value (type:1) CSSPropTween -OR- it can be the non-tweening value in a type:-1 CSSPropTween. We do this to conserve memory.
+ * CSSPropTweens have the following optional properties as well (not defined through the constructor):
+ * - l: Length in terms of the number of extra properties that the CSSPropTween has (default: 0). For example, for a boxShadow we may need to tween 5 numbers in which case l would be 5; Keep in mind that the start/end values for the first number that's tweened are always stored in the s and c properties to conserve memory. All additional values thereafter are stored in xn1, xn2, etc.
+ * - xfirst: The first instance of any sub-CSSPropTweens that are tweening properties of this instance. For example, we may split up a boxShadow tween so that there's a main CSSPropTween of type:1 that has various xs* and xn* values associated with the h-shadow, v-shadow, blur, color, etc. Then we spawn a CSSPropTween for each of those that has a higher priority and runs BEFORE the main CSSPropTween so that the values are all set by the time it needs to re-assemble them. The xfirst gives us an easy way to identify the first one in that chain which typically ends at the main one (because they're all prepende to the linked list)
+ * - plugin: The TweenPlugin instance that will handle the tweening of any complex values. For example, sometimes we don't want to use normal subtweens (like xfirst refers to) to tween the values - we might want ThrowPropsPlugin or BezierPlugin some other plugin to do the actual tweening, so we create a plugin instance and store a reference here. We need this reference so that if we get a request to round values or disable a tween, we can pass along that request.
+ * - data: Arbitrary data that needs to be stored with the CSSPropTween. Typically if we're going to have a plugin handle the tweening of a complex-value tween, we create a generic object that stores the END values that we're tweening to and the CSSPropTween's xs1, xs2, etc. have the starting values. We store that object as data. That way, we can simply pass that object to the plugin and use the CSSPropTween as the target.
+ * - setRatio: Only used for type:2 tweens that require custom functionality. In this case, we call the CSSPropTween's setRatio() method and pass the ratio each time the tween updates. This isn't quite as efficient as doing things directly in the CSSPlugin's setRatio() method, but it's very convenient and flexible.
+ * @param {!Object} t Target object whose property will be tweened. Often a DOM element, but not always. It could be anything.
+ * @param {string} p Property to tween (name). For example, to tween element.width, p would be "width".
+ * @param {number} s Starting numeric value
+ * @param {number} c Change in numeric value over the course of the entire tween. For example, if element.width starts at 5 and should end at 100, c would be 95.
+ * @param {CSSPropTween=} next The next CSSPropTween in the linked list. If one is defined, we will define its _prev as the new instance, and the new instance's _next will be pointed at it.
+ * @param {number=} type The type of CSSPropTween where -1 = a non-tweening value, 0 = a standard simple tween, 1 = a complex value (like one that has multiple numbers in a comma- or space-delimited string like border:"1px solid red"), and 2 = one that uses a custom setRatio function that does all of the work of applying the values on each update.
+ * @param {string=} n Name of the property that should be used for overwriting purposes which is typically the same as p but not always. For example, we may need to create a subtween for the 2nd part of a "clip:rect(...)" tween in which case "p" might be xs1 but "n" is still "clip"
+ * @param {boolean=} r If true, the value(s) should be rounded
+ * @param {number=} pr Priority in the linked list order. Higher priority CSSPropTweens will be updated before lower priority ones. The default priority is 0.
+ * @param {string=} b Beginning value. We store this to ensure that it is EXACTLY what it was when the tween began without any risk of interpretation issues.
+ * @param {string=} e Ending value. We store this to ensure that it is EXACTLY what the user defined at the end of the tween without any risk of interpretation issues.
+ */
+ CSSPropTween = _internals.CSSPropTween = function(t, p, s, c, next, type, n, r, pr, b, e) {
+ this.t = t; //target
+ this.p = p; //property
+ this.s = s; //starting value
+ this.c = c; //change value
+ this.n = n || p; //name that this CSSPropTween should be associated to (usually the same as p, but not always - n is what overwriting looks at)
+ if (!(t instanceof CSSPropTween)) {
+ _overwriteProps.push(this.n);
+ }
+ this.r = r; //round (boolean)
+ this.type = type || 0; //0 = normal tween, -1 = non-tweening (in which case xs0 will be applied to the target's property, like tp.t[tp.p] = tp.xs0), 1 = complex-value SpecialProp, 2 = custom setRatio() that does all the work
+ if (pr) {
+ this.pr = pr;
+ _hasPriority = true;
+ }
+ this.b = (b === undefined) ? s : b;
+ this.e = (e === undefined) ? s + c : e;
+ if (next) {
+ this._next = next;
+ next._prev = this;
+ }
+ },
+
+ /**
+ * Takes a target, the beginning value and ending value (as strings) and parses them into a CSSPropTween (possibly with child CSSPropTweens) that accommodates multiple numbers, colors, comma-delimited values, etc. For example:
+ * sp.parseComplex(element, "boxShadow", "5px 10px 20px rgb(255,102,51)", "0px 0px 0px red", true, "0px 0px 0px rgb(0,0,0,0)", pt);
+ * It will walk through the beginning and ending values (which should be in the same format with the same number and type of values) and figure out which parts are numbers, what strings separate the numeric/tweenable values, and then create the CSSPropTweens accordingly. If a plugin is defined, no child CSSPropTweens will be created. Instead, the ending values will be stored in the "data" property of the returned CSSPropTween like: {s:-5, xn1:-10, xn2:-20, xn3:255, xn4:0, xn5:0} so that it can be fed to any other plugin and it'll be plain numeric tweens but the recomposition of the complex value will be handled inside CSSPlugin's setRatio().
+ * If a setRatio is defined, the type of the CSSPropTween will be set to 2 and recomposition of the values will be the responsibility of that method.
+ *
+ * @param {!Object} t Target whose property will be tweened
+ * @param {!string} p Property that will be tweened (its name, like "left" or "backgroundColor" or "boxShadow")
+ * @param {string} b Beginning value
+ * @param {string} e Ending value
+ * @param {boolean} clrs If true, the value could contain a color value like "rgb(255,0,0)" or "#F00" or "red". The default is false, so no colors will be recognized (a performance optimization)
+ * @param {(string|number|Object)} dflt The default beginning value that should be used if no valid beginning value is defined or if the number of values inside the complex beginning and ending values don't match
+ * @param {?CSSPropTween} pt CSSPropTween instance that is the current head of the linked list (we'll prepend to this).
+ * @param {number=} pr Priority in the linked list order. Higher priority properties will be updated before lower priority ones. The default priority is 0.
+ * @param {TweenPlugin=} plugin If a plugin should handle the tweening of extra properties, pass the plugin instance here. If one is defined, then NO subtweens will be created for any extra properties (the properties will be created - just not additional CSSPropTween instances to tween them) because the plugin is expected to do so. However, the end values WILL be populated in the "data" property, like {s:100, xn1:50, xn2:300}
+ * @param {function(number)=} setRatio If values should be set in a custom function instead of being pieced together in a type:1 (complex-value) CSSPropTween, define that custom function here.
+ * @return {CSSPropTween} The first CSSPropTween in the linked list which includes the new one(s) added by the parseComplex() call.
+ */
+ _parseComplex = CSSPlugin.parseComplex = function(t, p, b, e, clrs, dflt, pt, pr, plugin, setRatio) {
+ //DEBUG: _log("parseComplex: "+p+", b: "+b+", e: "+e);
+ b = b || dflt || "";
+ pt = new CSSPropTween(t, p, 0, 0, pt, (setRatio ? 2 : 1), null, false, pr, b, e);
+ e += ""; //ensures it's a string
+ var ba = b.split(", ").join(",").split(" "), //beginning array
+ ea = e.split(", ").join(",").split(" "), //ending array
+ l = ba.length,
+ autoRound = (_autoRound !== false),
+ i, xi, ni, bv, ev, bnums, enums, bn, rgba, temp, cv, str;
+ if (e.indexOf(",") !== -1 || b.indexOf(",") !== -1) {
+ ba = ba.join(" ").replace(_commasOutsideParenExp, ", ").split(" ");
+ ea = ea.join(" ").replace(_commasOutsideParenExp, ", ").split(" ");
+ l = ba.length;
+ }
+ if (l !== ea.length) {
+ //DEBUG: _log("mismatched formatting detected on " + p + " (" + b + " vs " + e + ")");
+ ba = (dflt || "").split(" ");
+ l = ba.length;
+ }
+ pt.plugin = plugin;
+ pt.setRatio = setRatio;
+ for (i = 0; i < l; i++) {
+ bv = ba[i];
+ ev = ea[i];
+ bn = parseFloat(bv);
+
+ //if the value begins with a number (most common). It's fine if it has a suffix like px
+ if (bn || bn === 0) {
+ pt.appendXtra("", bn, _parseChange(ev, bn), ev.replace(_relNumExp, ""), (autoRound && ev.indexOf("px") !== -1), true);
+
+ //if the value is a color
+ } else if (clrs && (bv.charAt(0) === "#" || _colorLookup[bv] || _rgbhslExp.test(bv))) {
+ str = ev.charAt(ev.length - 1) === "," ? ")," : ")"; //if there's a comma at the end, retain it.
+ bv = _parseColor(bv);
+ ev = _parseColor(ev);
+ rgba = (bv.length + ev.length > 6);
+ if (rgba && !_supportsOpacity && ev[3] === 0) { //older versions of IE don't support rgba(), so if the destination alpha is 0, just use "transparent" for the end color
+ pt["xs" + pt.l] += pt.l ? " transparent" : "transparent";
+ pt.e = pt.e.split(ea[i]).join("transparent");
+ } else {
+ if (!_supportsOpacity) { //old versions of IE don't support rgba().
+ rgba = false;
+ }
+ pt.appendXtra((rgba ? "rgba(" : "rgb("), bv[0], ev[0] - bv[0], ",", true, true)
+ .appendXtra("", bv[1], ev[1] - bv[1], ",", true)
+ .appendXtra("", bv[2], ev[2] - bv[2], (rgba ? "," : str), true);
+ if (rgba) {
+ bv = (bv.length < 4) ? 1 : bv[3];
+ pt.appendXtra("", bv, ((ev.length < 4) ? 1 : ev[3]) - bv, str, false);
+ }
+ }
+
+ } else {
+ bnums = bv.match(_numExp); //gets each group of numbers in the beginning value string and drops them into an array
+
+ //if no number is found, treat it as a non-tweening value and just append the string to the current xs.
+ if (!bnums) {
+ pt["xs" + pt.l] += pt.l ? " " + bv : bv;
+
+ //loop through all the numbers that are found and construct the extra values on the pt.
+ } else {
+ enums = ev.match(_relNumExp); //get each group of numbers in the end value string and drop them into an array. We allow relative values too, like +=50 or -=.5
+ if (!enums || enums.length !== bnums.length) {
+ //DEBUG: _log("mismatched formatting detected on " + p + " (" + b + " vs " + e + ")");
+ return pt;
+ }
+ ni = 0;
+ for (xi = 0; xi < bnums.length; xi++) {
+ cv = bnums[xi];
+ temp = bv.indexOf(cv, ni);
+ pt.appendXtra(bv.substr(ni, temp - ni), Number(cv), _parseChange(enums[xi], cv), "", (autoRound && bv.substr(temp + cv.length, 2) === "px"), (xi === 0));
+ ni = temp + cv.length;
+ }
+ pt["xs" + pt.l] += bv.substr(ni);
+ }
+ }
+ }
+ //if there are relative values ("+=" or "-=" prefix), we need to adjust the ending value to eliminate the prefixes and combine the values properly.
+ if (e.indexOf("=") !== -1) if (pt.data) {
+ str = pt.xs0 + pt.data.s;
+ for (i = 1; i < pt.l; i++) {
+ str += pt["xs" + i] + pt.data["xn" + i];
+ }
+ pt.e = str + pt["xs" + i];
+ }
+ if (!pt.l) {
+ pt.type = -1;
+ pt.xs0 = pt.e;
+ }
+ return pt.xfirst || pt;
+ },
+ i = 9;
+
+
+ p = CSSPropTween.prototype;
+ p.l = p.pr = 0; //length (number of extra properties like xn1, xn2, xn3, etc.
+ while (--i > 0) {
+ p["xn" + i] = 0;
+ p["xs" + i] = "";
+ }
+ p.xs0 = "";
+ p._next = p._prev = p.xfirst = p.data = p.plugin = p.setRatio = p.rxp = null;
+
+
+ /**
+ * Appends and extra tweening value to a CSSPropTween and automatically manages any prefix and suffix strings. The first extra value is stored in the s and c of the main CSSPropTween instance, but thereafter any extras are stored in the xn1, xn2, xn3, etc. The prefixes and suffixes are stored in the xs0, xs1, xs2, etc. properties. For example, if I walk through a clip value like "rect(10px, 5px, 0px, 20px)", the values would be stored like this:
+ * xs0:"rect(", s:10, xs1:"px, ", xn1:5, xs2:"px, ", xn2:0, xs3:"px, ", xn3:20, xn4:"px)"
+ * And they'd all get joined together when the CSSPlugin renders (in the setRatio() method).
+ * @param {string=} pfx Prefix (if any)
+ * @param {!number} s Starting value
+ * @param {!number} c Change in numeric value over the course of the entire tween. For example, if the start is 5 and the end is 100, the change would be 95.
+ * @param {string=} sfx Suffix (if any)
+ * @param {boolean=} r Round (if true).
+ * @param {boolean=} pad If true, this extra value should be separated by the previous one by a space. If there is no previous extra and pad is true, it will automatically drop the space.
+ * @return {CSSPropTween} returns itself so that multiple methods can be chained together.
+ */
+ p.appendXtra = function(pfx, s, c, sfx, r, pad) {
+ var pt = this,
+ l = pt.l;
+ pt["xs" + l] += (pad && l) ? " " + pfx : pfx || "";
+ if (!c) if (l !== 0 && !pt.plugin) { //typically we'll combine non-changing values right into the xs to optimize performance, but we don't combine them when there's a plugin that will be tweening the values because it may depend on the values being split apart, like for a bezier, if a value doesn't change between the first and second iteration but then it does on the 3rd, we'll run into trouble because there's no xn slot for that value!
+ pt["xs" + l] += s + (sfx || "");
+ return pt;
+ }
+ pt.l++;
+ pt.type = pt.setRatio ? 2 : 1;
+ pt["xs" + pt.l] = sfx || "";
+ if (l > 0) {
+ pt.data["xn" + l] = s + c;
+ pt.rxp["xn" + l] = r; //round extra property (we need to tap into this in the _parseToProxy() method)
+ pt["xn" + l] = s;
+ if (!pt.plugin) {
+ pt.xfirst = new CSSPropTween(pt, "xn" + l, s, c, pt.xfirst || pt, 0, pt.n, r, pt.pr);
+ pt.xfirst.xs0 = 0; //just to ensure that the property stays numeric which helps modern browsers speed up processing. Remember, in the setRatio() method, we do pt.t[pt.p] = val + pt.xs0 so if pt.xs0 is "" (the default), it'll cast the end value as a string. When a property is a number sometimes and a string sometimes, it prevents the compiler from locking in the data type, slowing things down slightly.
+ }
+ return pt;
+ }
+ pt.data = {s:s + c};
+ pt.rxp = {};
+ pt.s = s;
+ pt.c = c;
+ pt.r = r;
+ return pt;
+ };
+
+ /**
+ * @constructor A SpecialProp is basically a css property that needs to be treated in a non-standard way, like if it may contain a complex value like boxShadow:"5px 10px 15px rgb(255, 102, 51)" or if it is associated with another plugin like ThrowPropsPlugin or BezierPlugin. Every SpecialProp is associated with a particular property name like "boxShadow" or "throwProps" or "bezier" and it will intercept those values in the vars object that's passed to the CSSPlugin and handle them accordingly.
+ * @param {!string} p Property name (like "boxShadow" or "throwProps")
+ * @param {Object=} options An object containing any of the following configuration options:
+ * - defaultValue: the default value
+ * - parser: A function that should be called when the associated property name is found in the vars. This function should return a CSSPropTween instance and it should ensure that it is properly inserted into the linked list. It will receive 4 paramters: 1) The target, 2) The value defined in the vars, 3) The CSSPlugin instance (whose _firstPT should be used for the linked list), and 4) A computed style object if one was calculated (this is a speed optimization that allows retrieval of starting values quicker)
+ * - formatter: a function that formats any value received for this special property (for example, boxShadow could take "5px 5px red" and format it to "5px 5px 0px 0px red" so that both the beginning and ending values have a common order and quantity of values.)
+ * - prefix: if true, we'll determine whether or not this property requires a vendor prefix (like Webkit or Moz or ms or O)
+ * - color: set this to true if the value for this SpecialProp may contain color-related values like rgb(), rgba(), etc.
+ * - priority: priority in the linked list order. Higher priority SpecialProps will be updated before lower priority ones. The default priority is 0.
+ * - multi: if true, the formatter should accommodate a comma-delimited list of values, like boxShadow could have multiple boxShadows listed out.
+ * - collapsible: if true, the formatter should treat the value like it's a top/right/bottom/left value that could be collapsed, like "5px" would apply to all, "5px, 10px" would use 5px for top/bottom and 10px for right/left, etc.
+ * - keyword: a special keyword that can [optionally] be found inside the value (like "inset" for boxShadow). This allows us to validate beginning/ending values to make sure they match (if the keyword is found in one, it'll be added to the other for consistency by default).
+ */
+ var SpecialProp = function(p, options) {
+ options = options || {};
+ this.p = options.prefix ? _checkPropPrefix(p) || p : p;
+ _specialProps[p] = _specialProps[this.p] = this;
+ this.format = options.formatter || _getFormatter(options.defaultValue, options.color, options.collapsible, options.multi);
+ if (options.parser) {
+ this.parse = options.parser;
+ }
+ this.clrs = options.color;
+ this.multi = options.multi;
+ this.keyword = options.keyword;
+ this.dflt = options.defaultValue;
+ this.pr = options.priority || 0;
+ },
+
+ //shortcut for creating a new SpecialProp that can accept multiple properties as a comma-delimited list (helps minification). dflt can be an array for multiple values (we don't do a comma-delimited list because the default value may contain commas, like rect(0px,0px,0px,0px)). We attach this method to the SpecialProp class/object instead of using a private _createSpecialProp() method so that we can tap into it externally if necessary, like from another plugin.
+ _registerComplexSpecialProp = _internals._registerComplexSpecialProp = function(p, options, defaults) {
+ if (typeof(options) !== "object") {
+ options = {parser:defaults}; //to make backwards compatible with older versions of BezierPlugin and ThrowPropsPlugin
+ }
+ var a = p.split(","),
+ d = options.defaultValue,
+ i, temp;
+ defaults = defaults || [d];
+ for (i = 0; i < a.length; i++) {
+ options.prefix = (i === 0 && options.prefix);
+ options.defaultValue = defaults[i] || d;
+ temp = new SpecialProp(a[i], options);
+ }
+ },
+
+ //creates a placeholder special prop for a plugin so that the property gets caught the first time a tween of it is attempted, and at that time it makes the plugin register itself, thus taking over for all future tweens of that property. This allows us to not mandate that things load in a particular order and it also allows us to log() an error that informs the user when they attempt to tween an external plugin-related property without loading its .js file.
+ _registerPluginProp = function(p) {
+ if (!_specialProps[p]) {
+ var pluginName = p.charAt(0).toUpperCase() + p.substr(1) + "Plugin";
+ _registerComplexSpecialProp(p, {parser:function(t, e, p, cssp, pt, plugin, vars) {
+ var pluginClass = (window.GreenSockGlobals || window).com.greensock.plugins[pluginName];
+ if (!pluginClass) {
+ _log("Error: " + pluginName + " js file not loaded.");
+ return pt;
+ }
+ pluginClass._cssRegister();
+ return _specialProps[p].parse(t, e, p, cssp, pt, plugin, vars);
+ }});
+ }
+ };
+
+
+ p = SpecialProp.prototype;
+
+ /**
+ * Alias for _parseComplex() that automatically plugs in certain values for this SpecialProp, like its property name, whether or not colors should be sensed, the default value, and priority. It also looks for any keyword that the SpecialProp defines (like "inset" for boxShadow) and ensures that the beginning and ending values have the same number of values for SpecialProps where multi is true (like boxShadow and textShadow can have a comma-delimited list)
+ * @param {!Object} t target element
+ * @param {(string|number|object)} b beginning value
+ * @param {(string|number|object)} e ending (destination) value
+ * @param {CSSPropTween=} pt next CSSPropTween in the linked list
+ * @param {TweenPlugin=} plugin If another plugin will be tweening the complex value, that TweenPlugin instance goes here.
+ * @param {function=} setRatio If a custom setRatio() method should be used to handle this complex value, that goes here.
+ * @return {CSSPropTween=} First CSSPropTween in the linked list
+ */
+ p.parseComplex = function(t, b, e, pt, plugin, setRatio) {
+ var kwd = this.keyword,
+ i, ba, ea, l, bi, ei;
+ //if this SpecialProp's value can contain a comma-delimited list of values (like boxShadow or textShadow), we must parse them in a special way, and look for a keyword (like "inset" for boxShadow) and ensure that the beginning and ending BOTH have it if the end defines it as such. We also must ensure that there are an equal number of values specified (we can't tween 1 boxShadow to 3 for example)
+ if (this.multi) if (_commasOutsideParenExp.test(e) || _commasOutsideParenExp.test(b)) {
+ ba = b.replace(_commasOutsideParenExp, "|").split("|");
+ ea = e.replace(_commasOutsideParenExp, "|").split("|");
+ } else if (kwd) {
+ ba = [b];
+ ea = [e];
+ }
+ if (ea) {
+ l = (ea.length > ba.length) ? ea.length : ba.length;
+ for (i = 0; i < l; i++) {
+ b = ba[i] = ba[i] || this.dflt;
+ e = ea[i] = ea[i] || this.dflt;
+ if (kwd) {
+ bi = b.indexOf(kwd);
+ ei = e.indexOf(kwd);
+ if (bi !== ei) {
+ e = (ei === -1) ? ea : ba;
+ e[i] += " " + kwd;
+ }
+ }
+ }
+ b = ba.join(", ");
+ e = ea.join(", ");
+ }
+ return _parseComplex(t, this.p, b, e, this.clrs, this.dflt, pt, this.pr, plugin, setRatio);
+ };
+
+ /**
+ * Accepts a target and end value and spits back a CSSPropTween that has been inserted into the CSSPlugin's linked list and conforms with all the conventions we use internally, like type:-1, 0, 1, or 2, setting up any extra property tweens, priority, etc. For example, if we have a boxShadow SpecialProp and call:
+ * this._firstPT = sp.parse(element, "5px 10px 20px rgb(2550,102,51)", "boxShadow", this);
+ * It should figure out the starting value of the element's boxShadow, compare it to the provided end value and create all the necessary CSSPropTweens of the appropriate types to tween the boxShadow. The CSSPropTween that gets spit back should already be inserted into the linked list (the 4th parameter is the current head, so prepend to that).
+ * @param {!Object} t Target object whose property is being tweened
+ * @param {Object} e End value as provided in the vars object (typically a string, but not always - like a throwProps would be an object).
+ * @param {!string} p Property name
+ * @param {!CSSPlugin} cssp The CSSPlugin instance that should be associated with this tween.
+ * @param {?CSSPropTween} pt The CSSPropTween that is the current head of the linked list (we'll prepend to it)
+ * @param {TweenPlugin=} plugin If a plugin will be used to tween the parsed value, this is the plugin instance.
+ * @param {Object=} vars Original vars object that contains the data for parsing.
+ * @return {CSSPropTween} The first CSSPropTween in the linked list which includes the new one(s) added by the parse() call.
+ */
+ p.parse = function(t, e, p, cssp, pt, plugin, vars) {
+ return this.parseComplex(t.style, this.format(_getStyle(t, this.p, _cs, false, this.dflt)), this.format(e), pt, plugin);
+ };
+
+ /**
+ * Registers a special property that should be intercepted from any "css" objects defined in tweens. This allows you to handle them however you want without CSSPlugin doing it for you. The 2nd parameter should be a function that accepts 3 parameters:
+ * 1) Target object whose property should be tweened (typically a DOM element)
+ * 2) The end/destination value (could be a string, number, object, or whatever you want)
+ * 3) The tween instance (you probably don't need to worry about this, but it can be useful for looking up information like the duration)
+ *
+ * Then, your function should return a function which will be called each time the tween gets rendered, passing a numeric "ratio" parameter to your function that indicates the change factor (usually between 0 and 1). For example:
+ *
+ * CSSPlugin.registerSpecialProp("myCustomProp", function(target, value, tween) {
+ * var start = target.style.width;
+ * return function(ratio) {
+ * target.style.width = (start + value * ratio) + "px";
+ * console.log("set width to " + target.style.width);
+ * }
+ * }, 0);
+ *
+ * Then, when I do this tween, it will trigger my special property:
+ *
+ * TweenLite.to(element, 1, {css:{myCustomProp:100}});
+ *
+ * In the example, of course, we're just changing the width, but you can do anything you want.
+ *
+ * @param {!string} name Property name (or comma-delimited list of property names) that should be intercepted and handled by your function. For example, if I define "myCustomProp", then it would handle that portion of the following tween: TweenLite.to(element, 1, {css:{myCustomProp:100}})
+ * @param {!function(Object, Object, Object, string):function(number)} onInitTween The function that will be called when a tween of this special property is performed. The function will receive 4 parameters: 1) Target object that should be tweened, 2) Value that was passed to the tween, 3) The tween instance itself (rarely used), and 4) The property name that's being tweened. Your function should return a function that should be called on every update of the tween. That function will receive a single parameter that is a "change factor" value (typically between 0 and 1) indicating the amount of change as a ratio. You can use this to determine how to set the values appropriately in your function.
+ * @param {number=} priority Priority that helps the engine determine the order in which to set the properties (default: 0). Higher priority properties will be updated before lower priority ones.
+ */
+ CSSPlugin.registerSpecialProp = function(name, onInitTween, priority) {
+ _registerComplexSpecialProp(name, {parser:function(t, e, p, cssp, pt, plugin, vars) {
+ var rv = new CSSPropTween(t, p, 0, 0, pt, 2, p, false, priority);
+ rv.plugin = plugin;
+ rv.setRatio = onInitTween(t, e, cssp._tween, p);
+ return rv;
+ }, priority:priority});
+ };
+
+
+
+
+
+
+
+
+ //transform-related methods and properties
+ var _transformProps = ("scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective").split(","),
+ _transformProp = _checkPropPrefix("transform"), //the Javascript (camelCase) transform property, like msTransform, WebkitTransform, MozTransform, or OTransform.
+ _transformPropCSS = _prefixCSS + "transform",
+ _transformOriginProp = _checkPropPrefix("transformOrigin"),
+ _supports3D = (_checkPropPrefix("perspective") !== null),
+ Transform = _internals.Transform = function() {
+ this.skewY = 0;
+ },
+
+ /**
+ * Parses the transform values for an element, returning an object with x, y, z, scaleX, scaleY, scaleZ, rotation, rotationX, rotationY, skewX, and skewY properties. Note: by default (for performance reasons), all skewing is combined into skewX and rotation but skewY still has a place in the transform object so that we can record how much of the skew is attributed to skewX vs skewY. Remember, a skewY of 10 looks the same as a rotation of 10 and skewX of -10.
+ * @param {!Object} t target element
+ * @param {Object=} cs computed style object (optional)
+ * @param {boolean=} rec if true, the transform values will be recorded to the target element's _gsTransform object, like target._gsTransform = {x:0, y:0, z:0, scaleX:1...}
+ * @param {boolean=} parse if true, we'll ignore any _gsTransform values that already exist on the element, and force a reparsing of the css (calculated style)
+ * @return {object} object containing all of the transform properties/values like {x:0, y:0, z:0, scaleX:1...}
+ */
+ _getTransform = _internals.getTransform = function(t, cs, rec, parse) {
+ if (t._gsTransform && rec && !parse) {
+ return t._gsTransform; //if the element already has a _gsTransform, use that. Note: some browsers don't accurately return the calculated style for the transform (particularly for SVG), so it's almost always safest to just use the values we've already applied rather than re-parsing things.
+ }
+ var tm = rec ? t._gsTransform || new Transform() : new Transform(),
+ invX = (tm.scaleX < 0), //in order to interpret things properly, we need to know if the user applied a negative scaleX previously so that we can adjust the rotation and skewX accordingly. Otherwise, if we always interpret a flipped matrix as affecting scaleY and the user only wants to tween the scaleX on multiple sequential tweens, it would keep the negative scaleY without that being the user's intent.
+ min = 0.00002,
+ rnd = 100000,
+ minAngle = 179.99,
+ minPI = minAngle * _DEG2RAD,
+ zOrigin = _supports3D ? parseFloat(_getStyle(t, _transformOriginProp, cs, false, "0 0 0").split(" ")[2]) || tm.zOrigin || 0 : 0,
+ s, m, i, n, dec, scaleX, scaleY, rotation, skewX, difX, difY, difR, difS;
+ if (_transformProp) {
+ s = _getStyle(t, _transformPropCSS, cs, true);
+ } else if (t.currentStyle) {
+ //for older versions of IE, we need to interpret the filter portion that is in the format: progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, sizingMethod='auto expand') Notice that we need to swap b and c compared to a normal matrix.
+ s = t.currentStyle.filter.match(_ieGetMatrixExp);
+ s = (s && s.length === 4) ? [s[0].substr(4), Number(s[2].substr(4)), Number(s[1].substr(4)), s[3].substr(4), (tm.x || 0), (tm.y || 0)].join(",") : "";
+ }
+ //split the matrix values out into an array (m for matrix)
+ m = (s || "").match(/(?:\-|\b)[\d\-\.e]+\b/gi) || [];
+ i = m.length;
+ while (--i > -1) {
+ n = Number(m[i]);
+ m[i] = (dec = n - (n |= 0)) ? ((dec * rnd + (dec < 0 ? -0.5 : 0.5)) | 0) / rnd + n : n; //convert strings to Numbers and round to 5 decimal places to avoid issues with tiny numbers. Roughly 20x faster than Number.toFixed(). We also must make sure to round before dividing so that values like 0.9999999999 become 1 to avoid glitches in browser rendering and interpretation of flipped/rotated 3D matrices. And don't just multiply the number by rnd, floor it, and then divide by rnd because the bitwise operations max out at a 32-bit signed integer, thus it could get clipped at a relatively low value (like 22,000.00000 for example).
+ }
+ if (m.length === 16) {
+
+ //we'll only look at these position-related 6 variables first because if x/y/z all match, it's relatively safe to assume we don't need to re-parse everything which risks losing important rotational information (like rotationX:180 plus rotationY:180 would look the same as rotation:180 - there's no way to know for sure which direction was taken based solely on the matrix3d() values)
+ var a13 = m[8], a23 = m[9], a33 = m[10],
+ a14 = m[12], a24 = m[13], a34 = m[14];
+
+ //we manually compensate for non-zero z component of transformOrigin to work around bugs in Safari
+ if (tm.zOrigin) {
+ a34 = -tm.zOrigin;
+ a14 = a13*a34-m[12];
+ a24 = a23*a34-m[13];
+ a34 = a33*a34+tm.zOrigin-m[14];
+ }
+
+ //only parse from the matrix if we MUST because not only is it usually unnecessary due to the fact that we store the values in the _gsTransform object, but also because it's impossible to accurately interpret rotationX, rotationY, rotationZ, scaleX, and scaleY if all are applied, so it's much better to rely on what we store. However, we must parse the first time that an object is tweened. We also assume that if the position has changed, the user must have done some styling changes outside of CSSPlugin, thus we force a parse in that scenario.
+ if (!rec || parse || tm.rotationX == null) {
+ var a11 = m[0], a21 = m[1], a31 = m[2], a41 = m[3],
+ a12 = m[4], a22 = m[5], a32 = m[6], a42 = m[7],
+ a43 = m[11],
+ angle = Math.atan2(a32, a33),
+ xFlip = (angle < -minPI || angle > minPI),
+ t1, t2, t3, cos, sin, yFlip, zFlip;
+ tm.rotationX = angle * _RAD2DEG;
+ //rotationX
+ if (angle) {
+ cos = Math.cos(-angle);
+ sin = Math.sin(-angle);
+ t1 = a12*cos+a13*sin;
+ t2 = a22*cos+a23*sin;
+ t3 = a32*cos+a33*sin;
+ a13 = a12*-sin+a13*cos;
+ a23 = a22*-sin+a23*cos;
+ a33 = a32*-sin+a33*cos;
+ a43 = a42*-sin+a43*cos;
+ a12 = t1;
+ a22 = t2;
+ a32 = t3;
+ }
+ //rotationY
+ angle = Math.atan2(a13, a11);
+ tm.rotationY = angle * _RAD2DEG;
+ if (angle) {
+ yFlip = (angle < -minPI || angle > minPI);
+ cos = Math.cos(-angle);
+ sin = Math.sin(-angle);
+ t1 = a11*cos-a13*sin;
+ t2 = a21*cos-a23*sin;
+ t3 = a31*cos-a33*sin;
+ a23 = a21*sin+a23*cos;
+ a33 = a31*sin+a33*cos;
+ a43 = a41*sin+a43*cos;
+ a11 = t1;
+ a21 = t2;
+ a31 = t3;
+ }
+ //rotationZ
+ angle = Math.atan2(a21, a22);
+ tm.rotation = angle * _RAD2DEG;
+ if (angle) {
+ zFlip = (angle < -minPI || angle > minPI);
+ cos = Math.cos(-angle);
+ sin = Math.sin(-angle);
+ a11 = a11*cos+a12*sin;
+ t2 = a21*cos+a22*sin;
+ a22 = a21*-sin+a22*cos;
+ a32 = a31*-sin+a32*cos;
+ a21 = t2;
+ }
+
+ if (zFlip && xFlip) {
+ tm.rotation = tm.rotationX = 0;
+ } else if (zFlip && yFlip) {
+ tm.rotation = tm.rotationY = 0;
+ } else if (yFlip && xFlip) {
+ tm.rotationY = tm.rotationX = 0;
+ }
+
+ tm.scaleX = ((Math.sqrt(a11 * a11 + a21 * a21) * rnd + 0.5) | 0) / rnd;
+ tm.scaleY = ((Math.sqrt(a22 * a22 + a23 * a23) * rnd + 0.5) | 0) / rnd;
+ tm.scaleZ = ((Math.sqrt(a32 * a32 + a33 * a33) * rnd + 0.5) | 0) / rnd;
+ tm.skewX = 0;
+ tm.perspective = a43 ? 1 / ((a43 < 0) ? -a43 : a43) : 0;
+ tm.x = a14;
+ tm.y = a24;
+ tm.z = a34;
+ }
+
+ } else if ((!_supports3D || parse || !m.length || tm.x !== m[4] || tm.y !== m[5] || (!tm.rotationX && !tm.rotationY)) && !(tm.x !== undefined && _getStyle(t, "display", cs) === "none")) { //sometimes a 6-element matrix is returned even when we performed 3D transforms, like if rotationX and rotationY are 180. In cases like this, we still need to honor the 3D transforms. If we just rely on the 2D info, it could affect how the data is interpreted, like scaleY might get set to -1 or rotation could get offset by 180 degrees. For example, do a TweenLite.to(element, 1, {css:{rotationX:180, rotationY:180}}) and then later, TweenLite.to(element, 1, {css:{rotationX:0}}) and without this conditional logic in place, it'd jump to a state of being unrotated when the 2nd tween starts. Then again, we need to honor the fact that the user COULD alter the transforms outside of CSSPlugin, like by manually applying new css, so we try to sense that by looking at x and y because if those changed, we know the changes were made outside CSSPlugin and we force a reinterpretation of the matrix values. Also, in Webkit browsers, if the element's "display" is "none", its calculated style value will always return empty, so if we've already recorded the values in the _gsTransform object, we'll just rely on those.
+ var k = (m.length >= 6),
+ a = k ? m[0] : 1,
+ b = m[1] || 0,
+ c = m[2] || 0,
+ d = k ? m[3] : 1;
+ tm.x = m[4] || 0;
+ tm.y = m[5] || 0;
+ scaleX = Math.sqrt(a * a + b * b);
+ scaleY = Math.sqrt(d * d + c * c);
+ rotation = (a || b) ? Math.atan2(b, a) * _RAD2DEG : tm.rotation || 0; //note: if scaleX is 0, we cannot accurately measure rotation. Same for skewX with a scaleY of 0. Therefore, we default to the previously recorded value (or zero if that doesn't exist).
+ skewX = (c || d) ? Math.atan2(c, d) * _RAD2DEG + rotation : tm.skewX || 0;
+ difX = scaleX - Math.abs(tm.scaleX || 0);
+ difY = scaleY - Math.abs(tm.scaleY || 0);
+ if (Math.abs(skewX) > 90 && Math.abs(skewX) < 270) {
+ if (invX) {
+ scaleX *= -1;
+ skewX += (rotation <= 0) ? 180 : -180;
+ rotation += (rotation <= 0) ? 180 : -180;
+ } else {
+ scaleY *= -1;
+ skewX += (skewX <= 0) ? 180 : -180;
+ }
+ }
+ difR = (rotation - tm.rotation) % 180; //note: matching ranges would be very small (+/-0.0001) or very close to 180.
+ difS = (skewX - tm.skewX) % 180;
+ //if there's already a recorded _gsTransform in place for the target, we should leave those values in place unless we know things changed for sure (beyond a super small amount). This gets around ambiguous interpretations, like if scaleX and scaleY are both -1, the matrix would be the same as if the rotation was 180 with normal scaleX/scaleY. If the user tweened to particular values, those must be prioritized to ensure animation is consistent.
+ if (tm.skewX === undefined || difX > min || difX < -min || difY > min || difY < -min || (difR > -minAngle && difR < minAngle && (difR * rnd) | 0 !== 0) || (difS > -minAngle && difS < minAngle && (difS * rnd) | 0 !== 0)) {
+ tm.scaleX = scaleX;
+ tm.scaleY = scaleY;
+ tm.rotation = rotation;
+ tm.skewX = skewX;
+ }
+ if (_supports3D) {
+ tm.rotationX = tm.rotationY = tm.z = 0;
+ tm.perspective = parseFloat(CSSPlugin.defaultTransformPerspective) || 0;
+ tm.scaleZ = 1;
+ }
+ }
+ tm.zOrigin = zOrigin;
+
+ //some browsers have a hard time with very small values like 2.4492935982947064e-16 (notice the "e-" towards the end) and would render the object slightly off. So we round to 0 in these cases. The conditional logic here is faster than calling Math.abs(). Also, browsers tend to render a SLIGHTLY rotated object in a fuzzy way, so we need to snap to exactly 0 when appropriate.
+ for (i in tm) {
+ if (tm[i] < min) if (tm[i] > -min) {
+ tm[i] = 0;
+ }
+ }
+ //DEBUG: _log("parsed rotation: "+(tm.rotationX)+", "+(tm.rotationY)+", "+(tm.rotation)+", scale: "+tm.scaleX+", "+tm.scaleY+", "+tm.scaleZ+", position: "+tm.x+", "+tm.y+", "+tm.z+", perspective: "+tm.perspective);
+ if (rec) {
+ t._gsTransform = tm; //record to the object's _gsTransform which we use so that tweens can control individual properties independently (we need all the properties to accurately recompose the matrix in the setRatio() method)
+ }
+ return tm;
+ },
+
+ //for setting 2D transforms in IE6, IE7, and IE8 (must use a "filter" to emulate the behavior of modern day browser transforms)
+ _setIETransformRatio = function(v) {
+ var t = this.data, //refers to the element's _gsTransform object
+ ang = -t.rotation * _DEG2RAD,
+ skew = ang + t.skewX * _DEG2RAD,
+ rnd = 100000,
+ a = ((Math.cos(ang) * t.scaleX * rnd) | 0) / rnd,
+ b = ((Math.sin(ang) * t.scaleX * rnd) | 0) / rnd,
+ c = ((Math.sin(skew) * -t.scaleY * rnd) | 0) / rnd,
+ d = ((Math.cos(skew) * t.scaleY * rnd) | 0) / rnd,
+ style = this.t.style,
+ cs = this.t.currentStyle,
+ filters, val;
+ if (!cs) {
+ return;
+ }
+ val = b; //just for swapping the variables an inverting them (reused "val" to avoid creating another variable in memory). IE's filter matrix uses a non-standard matrix configuration (angle goes the opposite way, and b and c are reversed and inverted)
+ b = -c;
+ c = -val;
+ filters = cs.filter;
+ style.filter = ""; //remove filters so that we can accurately measure offsetWidth/offsetHeight
+ var w = this.t.offsetWidth,
+ h = this.t.offsetHeight,
+ clip = (cs.position !== "absolute"),
+ m = "progid:DXImageTransform.Microsoft.Matrix(M11=" + a + ", M12=" + b + ", M21=" + c + ", M22=" + d,
+ ox = t.x,
+ oy = t.y,
+ dx, dy;
+
+ //if transformOrigin is being used, adjust the offset x and y
+ if (t.ox != null) {
+ dx = ((t.oxp) ? w * t.ox * 0.01 : t.ox) - w / 2;
+ dy = ((t.oyp) ? h * t.oy * 0.01 : t.oy) - h / 2;
+ ox += dx - (dx * a + dy * b);
+ oy += dy - (dx * c + dy * d);
+ }
+
+ if (!clip) {
+ m += ", sizingMethod='auto expand')";
+ } else {
+ dx = (w / 2);
+ dy = (h / 2);
+ //translate to ensure that transformations occur around the correct origin (default is center).
+ m += ", Dx=" + (dx - (dx * a + dy * b) + ox) + ", Dy=" + (dy - (dx * c + dy * d) + oy) + ")";
+ }
+ if (filters.indexOf("DXImageTransform.Microsoft.Matrix(") !== -1) {
+ style.filter = filters.replace(_ieSetMatrixExp, m);
+ } else {
+ style.filter = m + " " + filters; //we must always put the transform/matrix FIRST (before alpha(opacity=xx)) to avoid an IE bug that slices part of the object when rotation is applied with alpha.
+ }
+
+ //at the end or beginning of the tween, if the matrix is normal (1, 0, 0, 1) and opacity is 100 (or doesn't exist), remove the filter to improve browser performance.
+ if (v === 0 || v === 1) if (a === 1) if (b === 0) if (c === 0) if (d === 1) if (!clip || m.indexOf("Dx=0, Dy=0") !== -1) if (!_opacityExp.test(filters) || parseFloat(RegExp.$1) === 100) if (filters.indexOf("gradient(" && filters.indexOf("Alpha")) === -1) {
+ style.removeAttribute("filter");
+ }
+
+ //we must set the margins AFTER applying the filter in order to avoid some bugs in IE8 that could (in rare scenarios) cause them to be ignored intermittently (vibration).
+ if (!clip) {
+ var mult = (_ieVers < 8) ? 1 : -1, //in Internet Explorer 7 and before, the box model is broken, causing the browser to treat the width/height of the actual rotated filtered image as the width/height of the box itself, but Microsoft corrected that in IE8. We must use a negative offset in IE8 on the right/bottom
+ marg, prop, dif;
+ dx = t.ieOffsetX || 0;
+ dy = t.ieOffsetY || 0;
+ t.ieOffsetX = Math.round((w - ((a < 0 ? -a : a) * w + (b < 0 ? -b : b) * h)) / 2 + ox);
+ t.ieOffsetY = Math.round((h - ((d < 0 ? -d : d) * h + (c < 0 ? -c : c) * w)) / 2 + oy);
+ for (i = 0; i < 4; i++) {
+ prop = _margins[i];
+ marg = cs[prop];
+ //we need to get the current margin in case it is being tweened separately (we want to respect that tween's changes)
+ val = (marg.indexOf("px") !== -1) ? parseFloat(marg) : _convertToPixels(this.t, prop, parseFloat(marg), marg.replace(_suffixExp, "")) || 0;
+ if (val !== t[prop]) {
+ dif = (i < 2) ? -t.ieOffsetX : -t.ieOffsetY; //if another tween is controlling a margin, we cannot only apply the difference in the ieOffsets, so we essentially zero-out the dx and dy here in that case. We record the margin(s) later so that we can keep comparing them, making this code very flexible.
+ } else {
+ dif = (i < 2) ? dx - t.ieOffsetX : dy - t.ieOffsetY;
+ }
+ style[prop] = (t[prop] = Math.round( val - dif * ((i === 0 || i === 2) ? 1 : mult) )) + "px";
+ }
+ }
+ },
+
+ _set3DTransformRatio = _internals.set3DTransformRatio = function(v) {
+ var t = this.data, //refers to the element's _gsTransform object
+ style = this.t.style,
+ angle = t.rotation * _DEG2RAD,
+ sx = t.scaleX,
+ sy = t.scaleY,
+ sz = t.scaleZ,
+ perspective = t.perspective,
+ a11, a12, a13, a14, a21, a22, a23, a24, a31, a32, a33, a34, a41, a42, a43,
+ zOrigin, rnd, cos, sin, t1, t2, t3, t4;
+ if (v === 1 || v === 0) if (t.force3D === "auto") if (!t.rotationY && !t.rotationX && sz === 1 && !perspective && !t.z) { //on the final render (which could be 0 for a from tween), if there are no 3D aspects, render in 2D to free up memory and improve performance especially on mobile devices
+ _set2DTransformRatio.call(this, v);
+ return;
+ }
+ if (_isFirefox) {
+ var n = 0.0001;
+ if (sx < n && sx > -n) { //Firefox has a bug (at least in v25) that causes it to render the transparent part of 32-bit PNG images as black when displayed inside an iframe and the 3D scale is very small and doesn't change sufficiently enough between renders (like if you use a Power4.easeInOut to scale from 0 to 1 where the beginning values only change a tiny amount to begin the tween before accelerating). In this case, we force the scale to be 0.00002 instead which is visually the same but works around the Firefox issue.
+ sx = sz = 0.00002;
+ }
+ if (sy < n && sy > -n) {
+ sy = sz = 0.00002;
+ }
+ if (perspective && !t.z && !t.rotationX && !t.rotationY) { //Firefox has a bug that causes elements to have an odd super-thin, broken/dotted black border on elements that have a perspective set but aren't utilizing 3D space (no rotationX, rotationY, or z).
+ perspective = 0;
+ }
+ }
+ if (angle || t.skewX) {
+ cos = Math.cos(angle);
+ sin = Math.sin(angle);
+ a11 = cos;
+ a21 = sin;
+ if (t.skewX) {
+ angle -= t.skewX * _DEG2RAD;
+ cos = Math.cos(angle);
+ sin = Math.sin(angle);
+ if (t.skewType === "simple") { //by default, we compensate skewing on the other axis to make it look more natural, but you can set the skewType to "simple" to use the uncompensated skewing that CSS does
+ t1 = Math.tan(t.skewX * _DEG2RAD);
+ t1 = Math.sqrt(1 + t1 * t1);
+ cos *= t1;
+ sin *= t1;
+ }
+ }
+ a12 = -sin;
+ a22 = cos;
+
+ } else if (!t.rotationY && !t.rotationX && sz === 1 && !perspective) { //if we're only translating and/or 2D scaling, this is faster...
+ style[_transformProp] = "translate3d(" + t.x + "px," + t.y + "px," + t.z +"px)" + ((sx !== 1 || sy !== 1) ? " scale(" + sx + "," + sy + ")" : "");
+ return;
+ } else {
+ a11 = a22 = 1;
+ a12 = a21 = 0;
+ }
+ a33 = 1;
+ a13 = a14 = a23 = a24 = a31 = a32 = a34 = a41 = a42 = 0;
+ a43 = (perspective) ? -1 / perspective : 0;
+ zOrigin = t.zOrigin;
+ rnd = 100000;
+ angle = t.rotationY * _DEG2RAD;
+ if (angle) {
+ cos = Math.cos(angle);
+ sin = Math.sin(angle);
+ a31 = a33*-sin;
+ a41 = a43*-sin;
+ a13 = a11*sin;
+ a23 = a21*sin;
+ a33 *= cos;
+ a43 *= cos;
+ a11 *= cos;
+ a21 *= cos;
+ }
+ angle = t.rotationX * _DEG2RAD;
+ if (angle) {
+ cos = Math.cos(angle);
+ sin = Math.sin(angle);
+ t1 = a12*cos+a13*sin;
+ t2 = a22*cos+a23*sin;
+ t3 = a32*cos+a33*sin;
+ t4 = a42*cos+a43*sin;
+ a13 = a12*-sin+a13*cos;
+ a23 = a22*-sin+a23*cos;
+ a33 = a32*-sin+a33*cos;
+ a43 = a42*-sin+a43*cos;
+ a12 = t1;
+ a22 = t2;
+ a32 = t3;
+ a42 = t4;
+ }
+ if (sz !== 1) {
+ a13*=sz;
+ a23*=sz;
+ a33*=sz;
+ a43*=sz;
+ }
+ if (sy !== 1) {
+ a12*=sy;
+ a22*=sy;
+ a32*=sy;
+ a42*=sy;
+ }
+ if (sx !== 1) {
+ a11*=sx;
+ a21*=sx;
+ a31*=sx;
+ a41*=sx;
+ }
+ if (zOrigin) {
+ a34 -= zOrigin;
+ a14 = a13*a34;
+ a24 = a23*a34;
+ a34 = a33*a34+zOrigin;
+ }
+ //we round the x, y, and z slightly differently to allow even larger values.
+ a14 = (t1 = (a14 += t.x) - (a14 |= 0)) ? ((t1 * rnd + (t1 < 0 ? -0.5 : 0.5)) | 0) / rnd + a14 : a14;
+ a24 = (t1 = (a24 += t.y) - (a24 |= 0)) ? ((t1 * rnd + (t1 < 0 ? -0.5 : 0.5)) | 0) / rnd + a24 : a24;
+ a34 = (t1 = (a34 += t.z) - (a34 |= 0)) ? ((t1 * rnd + (t1 < 0 ? -0.5 : 0.5)) | 0) / rnd + a34 : a34;
+ style[_transformProp] = "matrix3d(" + [ (((a11 * rnd) | 0) / rnd), (((a21 * rnd) | 0) / rnd), (((a31 * rnd) | 0) / rnd), (((a41 * rnd) | 0) / rnd), (((a12 * rnd) | 0) / rnd), (((a22 * rnd) | 0) / rnd), (((a32 * rnd) | 0) / rnd), (((a42 * rnd) | 0) / rnd), (((a13 * rnd) | 0) / rnd), (((a23 * rnd) | 0) / rnd), (((a33 * rnd) | 0) / rnd), (((a43 * rnd) | 0) / rnd), a14, a24, a34, (perspective ? (1 + (-a34 / perspective)) : 1) ].join(",") + ")";
+ },
+
+ _set2DTransformRatio = _internals.set2DTransformRatio = function(v) {
+ var t = this.data, //refers to the element's _gsTransform object
+ targ = this.t,
+ style = targ.style,
+ ang, skew, rnd, sx, sy;
+ if (t.rotationX || t.rotationY || t.z || t.force3D === true || (t.force3D === "auto" && v !== 1 && v !== 0)) { //if a 3D tween begins while a 2D one is running, we need to kick the rendering over to the 3D method. For example, imagine a yoyo-ing, infinitely repeating scale tween running, and then the object gets rotated in 3D space with a different tween.
+ this.setRatio = _set3DTransformRatio;
+ _set3DTransformRatio.call(this, v);
+ return;
+ }
+ if (!t.rotation && !t.skewX) {
+ style[_transformProp] = "matrix(" + t.scaleX + ",0,0," + t.scaleY + "," + t.x + "," + t.y + ")";
+ } else {
+ ang = t.rotation * _DEG2RAD;
+ skew = ang - t.skewX * _DEG2RAD;
+ rnd = 100000;
+ sx = t.scaleX * rnd;
+ sy = t.scaleY * rnd;
+ //some browsers have a hard time with very small values like 2.4492935982947064e-16 (notice the "e-" towards the end) and would render the object slightly off. So we round to 5 decimal places.
+ style[_transformProp] = "matrix(" + (((Math.cos(ang) * sx) | 0) / rnd) + "," + (((Math.sin(ang) * sx) | 0) / rnd) + "," + (((Math.sin(skew) * -sy) | 0) / rnd) + "," + (((Math.cos(skew) * sy) | 0) / rnd) + "," + t.x + "," + t.y + ")";
+ }
+ };
+
+ _registerComplexSpecialProp("transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType", {parser:function(t, e, p, cssp, pt, plugin, vars) {
+ if (cssp._transform) { return pt; } //only need to parse the transform once, and only if the browser supports it.
+ var m1 = cssp._transform = _getTransform(t, _cs, true, vars.parseTransform),
+ style = t.style,
+ min = 0.000001,
+ i = _transformProps.length,
+ v = vars,
+ endRotations = {},
+ m2, skewY, copy, orig, has3D, hasChange, dr;
+ if (typeof(v.transform) === "string" && _transformProp) { //for values like transform:"rotate(60deg) scale(0.5, 0.8)"
+ copy = _tempDiv.style; //don't use the original target because it might be SVG in which case some browsers don't report computed style correctly.
+ copy[_transformProp] = v.transform;
+ copy.display = "block"; //if display is "none", the browser often refuses to report the transform properties correctly.
+ copy.position = "absolute";
+ _doc.body.appendChild(_tempDiv);
+ m2 = _getTransform(_tempDiv, null, false);
+ _doc.body.removeChild(_tempDiv);
+ } else if (typeof(v) === "object") { //for values like scaleX, scaleY, rotation, x, y, skewX, and skewY or transform:{...} (object)
+ m2 = {scaleX:_parseVal((v.scaleX != null) ? v.scaleX : v.scale, m1.scaleX),
+ scaleY:_parseVal((v.scaleY != null) ? v.scaleY : v.scale, m1.scaleY),
+ scaleZ:_parseVal(v.scaleZ, m1.scaleZ),
+ x:_parseVal(v.x, m1.x),
+ y:_parseVal(v.y, m1.y),
+ z:_parseVal(v.z, m1.z),
+ perspective:_parseVal(v.transformPerspective, m1.perspective)};
+ dr = v.directionalRotation;
+ if (dr != null) {
+ if (typeof(dr) === "object") {
+ for (copy in dr) {
+ v[copy] = dr[copy];
+ }
+ } else {
+ v.rotation = dr;
+ }
+ }
+ m2.rotation = _parseAngle(("rotation" in v) ? v.rotation : ("shortRotation" in v) ? v.shortRotation + "_short" : ("rotationZ" in v) ? v.rotationZ : m1.rotation, m1.rotation, "rotation", endRotations);
+ if (_supports3D) {
+ m2.rotationX = _parseAngle(("rotationX" in v) ? v.rotationX : ("shortRotationX" in v) ? v.shortRotationX + "_short" : m1.rotationX || 0, m1.rotationX, "rotationX", endRotations);
+ m2.rotationY = _parseAngle(("rotationY" in v) ? v.rotationY : ("shortRotationY" in v) ? v.shortRotationY + "_short" : m1.rotationY || 0, m1.rotationY, "rotationY", endRotations);
+ }
+ m2.skewX = (v.skewX == null) ? m1.skewX : _parseAngle(v.skewX, m1.skewX);
+
+ //note: for performance reasons, we combine all skewing into the skewX and rotation values, ignoring skewY but we must still record it so that we can discern how much of the overall skew is attributed to skewX vs. skewY. Otherwise, if the skewY would always act relative (tween skewY to 10deg, for example, multiple times and if we always combine things into skewX, we can't remember that skewY was 10 from last time). Remember, a skewY of 10 degrees looks the same as a rotation of 10 degrees plus a skewX of -10 degrees.
+ m2.skewY = (v.skewY == null) ? m1.skewY : _parseAngle(v.skewY, m1.skewY);
+ if ((skewY = m2.skewY - m1.skewY)) {
+ m2.skewX += skewY;
+ m2.rotation += skewY;
+ }
+ }
+
+ if (_supports3D && v.force3D != null) {
+ m1.force3D = v.force3D;
+ hasChange = true;
+ }
+
+ m1.skewType = v.skewType || m1.skewType || CSSPlugin.defaultSkewType;
+
+ has3D = (m1.force3D || m1.z || m1.rotationX || m1.rotationY || m2.z || m2.rotationX || m2.rotationY || m2.perspective);
+ if (!has3D && v.scale != null) {
+ m2.scaleZ = 1; //no need to tween scaleZ.
+ }
+
+ while (--i > -1) {
+ p = _transformProps[i];
+ orig = m2[p] - m1[p];
+ if (orig > min || orig < -min || _forcePT[p] != null) {
+ hasChange = true;
+ pt = new CSSPropTween(m1, p, m1[p], orig, pt);
+ if (p in endRotations) {
+ pt.e = endRotations[p]; //directional rotations typically have compensated values during the tween, but we need to make sure they end at exactly what the user requested
+ }
+ pt.xs0 = 0; //ensures the value stays numeric in setRatio()
+ pt.plugin = plugin;
+ cssp._overwriteProps.push(pt.n);
+ }
+ }
+
+ orig = v.transformOrigin;
+ if (orig || (_supports3D && has3D && m1.zOrigin)) { //if anything 3D is happening and there's a transformOrigin with a z component that's non-zero, we must ensure that the transformOrigin's z-component is set to 0 so that we can manually do those calculations to get around Safari bugs. Even if the user didn't specifically define a "transformOrigin" in this particular tween (maybe they did it via css directly).
+ if (_transformProp) {
+ hasChange = true;
+ p = _transformOriginProp;
+ orig = (orig || _getStyle(t, p, _cs, false, "50% 50%")) + ""; //cast as string to avoid errors
+ pt = new CSSPropTween(style, p, 0, 0, pt, -1, "transformOrigin");
+ pt.b = style[p];
+ pt.plugin = plugin;
+ if (_supports3D) {
+ copy = m1.zOrigin;
+ orig = orig.split(" ");
+ m1.zOrigin = ((orig.length > 2 && !(copy !== 0 && orig[2] === "0px")) ? parseFloat(orig[2]) : copy) || 0; //Safari doesn't handle the z part of transformOrigin correctly, so we'll manually handle it in the _set3DTransformRatio() method.
+ pt.xs0 = pt.e = orig[0] + " " + (orig[1] || "50%") + " 0px"; //we must define a z value of 0px specifically otherwise iOS 5 Safari will stick with the old one (if one was defined)!
+ pt = new CSSPropTween(m1, "zOrigin", 0, 0, pt, -1, pt.n); //we must create a CSSPropTween for the _gsTransform.zOrigin so that it gets reset properly at the beginning if the tween runs backward (as opposed to just setting m1.zOrigin here)
+ pt.b = copy;
+ pt.xs0 = pt.e = m1.zOrigin;
+ } else {
+ pt.xs0 = pt.e = orig;
+ }
+
+ //for older versions of IE (6-8), we need to manually calculate things inside the setRatio() function. We record origin x and y (ox and oy) and whether or not the values are percentages (oxp and oyp).
+ } else {
+ _parsePosition(orig + "", m1);
+ }
+ }
+
+ if (hasChange) {
+ cssp._transformType = (has3D || this._transformType === 3) ? 3 : 2; //quicker than calling cssp._enableTransforms();
+ }
+ return pt;
+ }, prefix:true});
+
+ _registerComplexSpecialProp("boxShadow", {defaultValue:"0px 0px 0px 0px #999", prefix:true, color:true, multi:true, keyword:"inset"});
+
+ _registerComplexSpecialProp("borderRadius", {defaultValue:"0px", parser:function(t, e, p, cssp, pt, plugin) {
+ e = this.format(e);
+ var props = ["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],
+ style = t.style,
+ ea1, i, es2, bs2, bs, es, bn, en, w, h, esfx, bsfx, rel, hn, vn, em;
+ w = parseFloat(t.offsetWidth);
+ h = parseFloat(t.offsetHeight);
+ ea1 = e.split(" ");
+ for (i = 0; i < props.length; i++) { //if we're dealing with percentages, we must convert things separately for the horizontal and vertical axis!
+ if (this.p.indexOf("border")) { //older browsers used a prefix
+ props[i] = _checkPropPrefix(props[i]);
+ }
+ bs = bs2 = _getStyle(t, props[i], _cs, false, "0px");
+ if (bs.indexOf(" ") !== -1) {
+ bs2 = bs.split(" ");
+ bs = bs2[0];
+ bs2 = bs2[1];
+ }
+ es = es2 = ea1[i];
+ bn = parseFloat(bs);
+ bsfx = bs.substr((bn + "").length);
+ rel = (es.charAt(1) === "=");
+ if (rel) {
+ en = parseInt(es.charAt(0)+"1", 10);
+ es = es.substr(2);
+ en *= parseFloat(es);
+ esfx = es.substr((en + "").length - (en < 0 ? 1 : 0)) || "";
+ } else {
+ en = parseFloat(es);
+ esfx = es.substr((en + "").length);
+ }
+ if (esfx === "") {
+ esfx = _suffixMap[p] || bsfx;
+ }
+ if (esfx !== bsfx) {
+ hn = _convertToPixels(t, "borderLeft", bn, bsfx); //horizontal number (we use a bogus "borderLeft" property just because the _convertToPixels() method searches for the keywords "Left", "Right", "Top", and "Bottom" to determine of it's a horizontal or vertical property, and we need "border" in the name so that it knows it should measure relative to the element itself, not its parent.
+ vn = _convertToPixels(t, "borderTop", bn, bsfx); //vertical number
+ if (esfx === "%") {
+ bs = (hn / w * 100) + "%";
+ bs2 = (vn / h * 100) + "%";
+ } else if (esfx === "em") {
+ em = _convertToPixels(t, "borderLeft", 1, "em");
+ bs = (hn / em) + "em";
+ bs2 = (vn / em) + "em";
+ } else {
+ bs = hn + "px";
+ bs2 = vn + "px";
+ }
+ if (rel) {
+ es = (parseFloat(bs) + en) + esfx;
+ es2 = (parseFloat(bs2) + en) + esfx;
+ }
+ }
+ pt = _parseComplex(style, props[i], bs + " " + bs2, es + " " + es2, false, "0px", pt);
+ }
+ return pt;
+ }, prefix:true, formatter:_getFormatter("0px 0px 0px 0px", false, true)});
+ _registerComplexSpecialProp("backgroundPosition", {defaultValue:"0 0", parser:function(t, e, p, cssp, pt, plugin) {
+ var bp = "background-position",
+ cs = (_cs || _getComputedStyle(t, null)),
+ bs = this.format( ((cs) ? _ieVers ? cs.getPropertyValue(bp + "-x") + " " + cs.getPropertyValue(bp + "-y") : cs.getPropertyValue(bp) : t.currentStyle.backgroundPositionX + " " + t.currentStyle.backgroundPositionY) || "0 0"), //Internet Explorer doesn't report background-position correctly - we must query background-position-x and background-position-y and combine them (even in IE10). Before IE9, we must do the same with the currentStyle object and use camelCase
+ es = this.format(e),
+ ba, ea, i, pct, overlap, src;
+ if ((bs.indexOf("%") !== -1) !== (es.indexOf("%") !== -1)) {
+ src = _getStyle(t, "backgroundImage").replace(_urlExp, "");
+ if (src && src !== "none") {
+ ba = bs.split(" ");
+ ea = es.split(" ");
+ _tempImg.setAttribute("src", src); //set the temp <img>'s src to the background-image so that we can measure its width/height
+ i = 2;
+ while (--i > -1) {
+ bs = ba[i];
+ pct = (bs.indexOf("%") !== -1);
+ if (pct !== (ea[i].indexOf("%") !== -1)) {
+ overlap = (i === 0) ? t.offsetWidth - _tempImg.width : t.offsetHeight - _tempImg.height;
+ ba[i] = pct ? (parseFloat(bs) / 100 * overlap) + "px" : (parseFloat(bs) / overlap * 100) + "%";
+ }
+ }
+ bs = ba.join(" ");
+ }
+ }
+ return this.parseComplex(t.style, bs, es, pt, plugin);
+ }, formatter:_parsePosition});
+ _registerComplexSpecialProp("backgroundSize", {defaultValue:"0 0", formatter:_parsePosition});
+ _registerComplexSpecialProp("perspective", {defaultValue:"0px", prefix:true});
+ _registerComplexSpecialProp("perspectiveOrigin", {defaultValue:"50% 50%", prefix:true});
+ _registerComplexSpecialProp("transformStyle", {prefix:true});
+ _registerComplexSpecialProp("backfaceVisibility", {prefix:true});
+ _registerComplexSpecialProp("userSelect", {prefix:true});
+ _registerComplexSpecialProp("margin", {parser:_getEdgeParser("marginTop,marginRight,marginBottom,marginLeft")});
+ _registerComplexSpecialProp("padding", {parser:_getEdgeParser("paddingTop,paddingRight,paddingBottom,paddingLeft")});
+ _registerComplexSpecialProp("clip", {defaultValue:"rect(0px,0px,0px,0px)", parser:function(t, e, p, cssp, pt, plugin){
+ var b, cs, delim;
+ if (_ieVers < 9) { //IE8 and earlier don't report a "clip" value in the currentStyle - instead, the values are split apart into clipTop, clipRight, clipBottom, and clipLeft. Also, in IE7 and earlier, the values inside rect() are space-delimited, not comma-delimited.
+ cs = t.currentStyle;
+ delim = _ieVers < 8 ? " " : ",";
+ b = "rect(" + cs.clipTop + delim + cs.clipRight + delim + cs.clipBottom + delim + cs.clipLeft + ")";
+ e = this.format(e).split(",").join(delim);
+ } else {
+ b = this.format(_getStyle(t, this.p, _cs, false, this.dflt));
+ e = this.format(e);
+ }
+ return this.parseComplex(t.style, b, e, pt, plugin);
+ }});
+ _registerComplexSpecialProp("textShadow", {defaultValue:"0px 0px 0px #999", color:true, multi:true});
+ _registerComplexSpecialProp("autoRound,strictUnits", {parser:function(t, e, p, cssp, pt) {return pt;}}); //just so that we can ignore these properties (not tween them)
+ _registerComplexSpecialProp("border", {defaultValue:"0px solid #000", parser:function(t, e, p, cssp, pt, plugin) {
+ return this.parseComplex(t.style, this.format(_getStyle(t, "borderTopWidth", _cs, false, "0px") + " " + _getStyle(t, "borderTopStyle", _cs, false, "solid") + " " + _getStyle(t, "borderTopColor", _cs, false, "#000")), this.format(e), pt, plugin);
+ }, color:true, formatter:function(v) {
+ var a = v.split(" ");
+ return a[0] + " " + (a[1] || "solid") + " " + (v.match(_colorExp) || ["#000"])[0];
+ }});
+ _registerComplexSpecialProp("borderWidth", {parser:_getEdgeParser("borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth")}); //Firefox doesn't pick up on borderWidth set in style sheets (only inline).
+ _registerComplexSpecialProp("float,cssFloat,styleFloat", {parser:function(t, e, p, cssp, pt, plugin) {
+ var s = t.style,
+ prop = ("cssFloat" in s) ? "cssFloat" : "styleFloat";
+ return new CSSPropTween(s, prop, 0, 0, pt, -1, p, false, 0, s[prop], e);
+ }});
+
+ //opacity-related
+ var _setIEOpacityRatio = function(v) {
+ var t = this.t, //refers to the element's style property
+ filters = t.filter || _getStyle(this.data, "filter"),
+ val = (this.s + this.c * v) | 0,
+ skip;
+ if (val === 100) { //for older versions of IE that need to use a filter to apply opacity, we should remove the filter if opacity hits 1 in order to improve performance, but make sure there isn't a transform (matrix) or gradient in the filters.
+ if (filters.indexOf("atrix(") === -1 && filters.indexOf("radient(") === -1 && filters.indexOf("oader(") === -1) {
+ t.removeAttribute("filter");
+ skip = (!_getStyle(this.data, "filter")); //if a class is applied that has an alpha filter, it will take effect (we don't want that), so re-apply our alpha filter in that case. We must first remove it and then check.
+ } else {
+ t.filter = filters.replace(_alphaFilterExp, "");
+ skip = true;
+ }
+ }
+ if (!skip) {
+ if (this.xn1) {
+ t.filter = filters = filters || ("alpha(opacity=" + val + ")"); //works around bug in IE7/8 that prevents changes to "visibility" from being applied properly if the filter is changed to a different alpha on the same frame.
+ }
+ if (filters.indexOf("pacity") === -1) { //only used if browser doesn't support the standard opacity style property (IE 7 and 8). We omit the "O" to avoid case-sensitivity issues
+ if (val !== 0 || !this.xn1) { //bugs in IE7/8 won't render the filter properly if opacity is ADDED on the same frame/render as "visibility" changes (this.xn1 is 1 if this tween is an "autoAlpha" tween)
+ t.filter = filters + " alpha(opacity=" + val + ")"; //we round the value because otherwise, bugs in IE7/8 can prevent "visibility" changes from being applied properly.
+ }
+ } else {
+ t.filter = filters.replace(_opacityExp, "opacity=" + val);
+ }
+ }
+ };
+ _registerComplexSpecialProp("opacity,alpha,autoAlpha", {defaultValue:"1", parser:function(t, e, p, cssp, pt, plugin) {
+ var b = parseFloat(_getStyle(t, "opacity", _cs, false, "1")),
+ style = t.style,
+ isAutoAlpha = (p === "autoAlpha");
+ if (typeof(e) === "string" && e.charAt(1) === "=") {
+ e = ((e.charAt(0) === "-") ? -1 : 1) * parseFloat(e.substr(2)) + b;
+ }
+ if (isAutoAlpha && b === 1 && _getStyle(t, "visibility", _cs) === "hidden" && e !== 0) { //if visibility is initially set to "hidden", we should interpret that as intent to make opacity 0 (a convenience)
+ b = 0;
+ }
+ if (_supportsOpacity) {
+ pt = new CSSPropTween(style, "opacity", b, e - b, pt);
+ } else {
+ pt = new CSSPropTween(style, "opacity", b * 100, (e - b) * 100, pt);
+ pt.xn1 = isAutoAlpha ? 1 : 0; //we need to record whether or not this is an autoAlpha so that in the setRatio(), we know to duplicate the setting of the alpha in order to work around a bug in IE7 and IE8 that prevents changes to "visibility" from taking effect if the filter is changed to a different alpha(opacity) at the same time. Setting it to the SAME value first, then the new value works around the IE7/8 bug.
+ style.zoom = 1; //helps correct an IE issue.
+ pt.type = 2;
+ pt.b = "alpha(opacity=" + pt.s + ")";
+ pt.e = "alpha(opacity=" + (pt.s + pt.c) + ")";
+ pt.data = t;
+ pt.plugin = plugin;
+ pt.setRatio = _setIEOpacityRatio;
+ }
+ if (isAutoAlpha) { //we have to create the "visibility" PropTween after the opacity one in the linked list so that they run in the order that works properly in IE8 and earlier
+ pt = new CSSPropTween(style, "visibility", 0, 0, pt, -1, null, false, 0, ((b !== 0) ? "inherit" : "hidden"), ((e === 0) ? "hidden" : "inherit"));
+ pt.xs0 = "inherit";
+ cssp._overwriteProps.push(pt.n);
+ cssp._overwriteProps.push(p);
+ }
+ return pt;
+ }});
+
+
+ var _removeProp = function(s, p) {
+ if (p) {
+ if (s.removeProperty) {
+ if (p.substr(0,2) === "ms") { //Microsoft browsers don't conform to the standard of capping the first prefix character, so we adjust so that when we prefix the caps with a dash, it's correct (otherwise it'd be "ms-transform" instead of "-ms-transform" for IE9, for example)
+ p = "M" + p.substr(1);
+ }
+ s.removeProperty(p.replace(_capsExp, "-$1").toLowerCase());
+ } else { //note: old versions of IE use "removeAttribute()" instead of "removeProperty()"
+ s.removeAttribute(p);
+ }
+ }
+ },
+ _setClassNameRatio = function(v) {
+ this.t._gsClassPT = this;
+ if (v === 1 || v === 0) {
+ this.t.setAttribute("class", (v === 0) ? this.b : this.e);
+ var mpt = this.data, //first MiniPropTween
+ s = this.t.style;
+ while (mpt) {
+ if (!mpt.v) {
+ _removeProp(s, mpt.p);
+ } else {
+ s[mpt.p] = mpt.v;
+ }
+ mpt = mpt._next;
+ }
+ if (v === 1 && this.t._gsClassPT === this) {
+ this.t._gsClassPT = null;
+ }
+ } else if (this.t.getAttribute("class") !== this.e) {
+ this.t.setAttribute("class", this.e);
+ }
+ };
+ _registerComplexSpecialProp("className", {parser:function(t, e, p, cssp, pt, plugin, vars) {
+ var b = t.getAttribute("class") || "", //don't use t.className because it doesn't work consistently on SVG elements; getAttribute("class") and setAttribute("class", value") is more reliable.
+ cssText = t.style.cssText,
+ difData, bs, cnpt, cnptLookup, mpt;
+ pt = cssp._classNamePT = new CSSPropTween(t, p, 0, 0, pt, 2);
+ pt.setRatio = _setClassNameRatio;
+ pt.pr = -11;
+ _hasPriority = true;
+ pt.b = b;
+ bs = _getAllStyles(t, _cs);
+ //if there's a className tween already operating on the target, force it to its end so that the necessary inline styles are removed and the class name is applied before we determine the end state (we don't want inline styles interfering that were there just for class-specific values)
+ cnpt = t._gsClassPT;
+ if (cnpt) {
+ cnptLookup = {};
+ mpt = cnpt.data; //first MiniPropTween which stores the inline styles - we need to force these so that the inline styles don't contaminate things. Otherwise, there's a small chance that a tween could start and the inline values match the destination values and they never get cleaned.
+ while (mpt) {
+ cnptLookup[mpt.p] = 1;
+ mpt = mpt._next;
+ }
+ cnpt.setRatio(1);
+ }
+ t._gsClassPT = pt;
+ pt.e = (e.charAt(1) !== "=") ? e : b.replace(new RegExp("\\s*\\b" + e.substr(2) + "\\b"), "") + ((e.charAt(0) === "+") ? " " + e.substr(2) : "");
+ if (cssp._tween._duration) { //if it's a zero-duration tween, there's no need to tween anything or parse the data. In fact, if we switch classes temporarily (which we must do for proper parsing) and the class has a transition applied, it could cause a quick flash to the end state and back again initially in some browsers.
+ t.setAttribute("class", pt.e);
+ difData = _cssDif(t, bs, _getAllStyles(t), vars, cnptLookup);
+ t.setAttribute("class", b);
+ pt.data = difData.firstMPT;
+ t.style.cssText = cssText; //we recorded cssText before we swapped classes and ran _getAllStyles() because in cases when a className tween is overwritten, we remove all the related tweening properties from that class change (otherwise class-specific stuff can't override properties we've directly set on the target's style object due to specificity).
+ pt = pt.xfirst = cssp.parse(t, difData.difs, pt, plugin); //we record the CSSPropTween as the xfirst so that we can handle overwriting propertly (if "className" gets overwritten, we must kill all the properties associated with the className part of the tween, so we can loop through from xfirst to the pt itself)
+ }
+ return pt;
+ }});
+
+
+ var _setClearPropsRatio = function(v) {
+ if (v === 1 || v === 0) if (this.data._totalTime === this.data._totalDuration && this.data.data !== "isFromStart") { //this.data refers to the tween. Only clear at the END of the tween (remember, from() tweens make the ratio go from 1 to 0, so we can't just check that and if the tween is the zero-duration one that's created internally to render the starting values in a from() tween, ignore that because otherwise, for example, from(...{height:100, clearProps:"height", delay:1}) would wipe the height at the beginning of the tween and after 1 second, it'd kick back in).
+ var s = this.t.style,
+ transformParse = _specialProps.transform.parse,
+ a, p, i, clearTransform;
+ if (this.e === "all") {
+ s.cssText = "";
+ clearTransform = true;
+ } else {
+ a = this.e.split(",");
+ i = a.length;
+ while (--i > -1) {
+ p = a[i];
+ if (_specialProps[p]) {
+ if (_specialProps[p].parse === transformParse) {
+ clearTransform = true;
+ } else {
+ p = (p === "transformOrigin") ? _transformOriginProp : _specialProps[p].p; //ensures that special properties use the proper browser-specific property name, like "scaleX" might be "-webkit-transform" or "boxShadow" might be "-moz-box-shadow"
+ }
+ }
+ _removeProp(s, p);
+ }
+ }
+ if (clearTransform) {
+ _removeProp(s, _transformProp);
+ if (this.t._gsTransform) {
+ delete this.t._gsTransform;
+ }
+ }
+
+ }
+ };
+ _registerComplexSpecialProp("clearProps", {parser:function(t, e, p, cssp, pt) {
+ pt = new CSSPropTween(t, p, 0, 0, pt, 2);
+ pt.setRatio = _setClearPropsRatio;
+ pt.e = e;
+ pt.pr = -10;
+ pt.data = cssp._tween;
+ _hasPriority = true;
+ return pt;
+ }});
+
+ p = "bezier,throwProps,physicsProps,physics2D".split(",");
+ i = p.length;
+ while (i--) {
+ _registerPluginProp(p[i]);
+ }
+
+
+
+
+
+
+
+
+ p = CSSPlugin.prototype;
+ p._firstPT = null;
+
+ //gets called when the tween renders for the first time. This kicks everything off, recording start/end values, etc.
+ p._onInitTween = function(target, vars, tween) {
+ if (!target.nodeType) { //css is only for dom elements
+ return false;
+ }
+ this._target = target;
+ this._tween = tween;
+ this._vars = vars;
+ _autoRound = vars.autoRound;
+ _hasPriority = false;
+ _suffixMap = vars.suffixMap || CSSPlugin.suffixMap;
+ _cs = _getComputedStyle(target, "");
+ _overwriteProps = this._overwriteProps;
+ var style = target.style,
+ v, pt, pt2, first, last, next, zIndex, tpt, threeD;
+ if (_reqSafariFix) if (style.zIndex === "") {
+ v = _getStyle(target, "zIndex", _cs);
+ if (v === "auto" || v === "") {
+ //corrects a bug in [non-Android] Safari that prevents it from repainting elements in their new positions if they don't have a zIndex set. We also can't just apply this inside _parseTransform() because anything that's moved in any way (like using "left" or "top" instead of transforms like "x" and "y") can be affected, so it is best to ensure that anything that's tweening has a z-index. Setting "WebkitPerspective" to a non-zero value worked too except that on iOS Safari things would flicker randomly. Plus zIndex is less memory-intensive.
+ this._addLazySet(style, "zIndex", 0);
+ }
+ }
+
+ if (typeof(vars) === "string") {
+ first = style.cssText;
+ v = _getAllStyles(target, _cs);
+ style.cssText = first + ";" + vars;
+ v = _cssDif(target, v, _getAllStyles(target)).difs;
+ if (!_supportsOpacity && _opacityValExp.test(vars)) {
+ v.opacity = parseFloat( RegExp.$1 );
+ }
+ vars = v;
+ style.cssText = first;
+ }
+ this._firstPT = pt = this.parse(target, vars, null);
+
+ if (this._transformType) {
+ threeD = (this._transformType === 3);
+ if (!_transformProp) {
+ style.zoom = 1; //helps correct an IE issue.
+ } else if (_isSafari) {
+ _reqSafariFix = true;
+ //if zIndex isn't set, iOS Safari doesn't repaint things correctly sometimes (seemingly at random).
+ if (style.zIndex === "") {
+ zIndex = _getStyle(target, "zIndex", _cs);
+ if (zIndex === "auto" || zIndex === "") {
+ this._addLazySet(style, "zIndex", 0);
+ }
+ }
+ //Setting WebkitBackfaceVisibility corrects 3 bugs:
+ // 1) [non-Android] Safari skips rendering changes to "top" and "left" that are made on the same frame/render as a transform update.
+ // 2) iOS Safari sometimes neglects to repaint elements in their new positions. Setting "WebkitPerspective" to a non-zero value worked too except that on iOS Safari things would flicker randomly.
+ // 3) Safari sometimes displayed odd artifacts when tweening the transform (or WebkitTransform) property, like ghosts of the edges of the element remained. Definitely a browser bug.
+ //Note: we allow the user to override the auto-setting by defining WebkitBackfaceVisibility in the vars of the tween.
+ if (_isSafariLT6) {
+ this._addLazySet(style, "WebkitBackfaceVisibility", this._vars.WebkitBackfaceVisibility || (threeD ? "visible" : "hidden"));
+ }
+ }
+ pt2 = pt;
+ while (pt2 && pt2._next) {
+ pt2 = pt2._next;
+ }
+ tpt = new CSSPropTween(target, "transform", 0, 0, null, 2);
+ this._linkCSSP(tpt, null, pt2);
+ tpt.setRatio = (threeD && _supports3D) ? _set3DTransformRatio : _transformProp ? _set2DTransformRatio : _setIETransformRatio;
+ tpt.data = this._transform || _getTransform(target, _cs, true);
+ _overwriteProps.pop(); //we don't want to force the overwrite of all "transform" tweens of the target - we only care about individual transform properties like scaleX, rotation, etc. The CSSPropTween constructor automatically adds the property to _overwriteProps which is why we need to pop() here.
+ }
+
+ if (_hasPriority) {
+ //reorders the linked list in order of pr (priority)
+ while (pt) {
+ next = pt._next;
+ pt2 = first;
+ while (pt2 && pt2.pr > pt.pr) {
+ pt2 = pt2._next;
+ }
+ if ((pt._prev = pt2 ? pt2._prev : last)) {
+ pt._prev._next = pt;
+ } else {
+ first = pt;
+ }
+ if ((pt._next = pt2)) {
+ pt2._prev = pt;
+ } else {
+ last = pt;
+ }
+ pt = next;
+ }
+ this._firstPT = first;
+ }
+ return true;
+ };
+
+
+ p.parse = function(target, vars, pt, plugin) {
+ var style = target.style,
+ p, sp, bn, en, bs, es, bsfx, esfx, isStr, rel;
+ for (p in vars) {
+ es = vars[p]; //ending value string
+ sp = _specialProps[p]; //SpecialProp lookup.
+ if (sp) {
+ pt = sp.parse(target, es, p, this, pt, plugin, vars);
+
+ } else {
+ bs = _getStyle(target, p, _cs) + "";
+ isStr = (typeof(es) === "string");
+ if (p === "color" || p === "fill" || p === "stroke" || p.indexOf("Color") !== -1 || (isStr && _rgbhslExp.test(es))) { //Opera uses background: to define color sometimes in addition to backgroundColor:
+ if (!isStr) {
+ es = _parseColor(es);
+ es = ((es.length > 3) ? "rgba(" : "rgb(") + es.join(",") + ")";
+ }
+ pt = _parseComplex(style, p, bs, es, true, "transparent", pt, 0, plugin);
+
+ } else if (isStr && (es.indexOf(" ") !== -1 || es.indexOf(",") !== -1)) {
+ pt = _parseComplex(style, p, bs, es, true, null, pt, 0, plugin);
+
+ } else {
+ bn = parseFloat(bs);
+ bsfx = (bn || bn === 0) ? bs.substr((bn + "").length) : ""; //remember, bs could be non-numeric like "normal" for fontWeight, so we should default to a blank suffix in that case.
+
+ if (bs === "" || bs === "auto") {
+ if (p === "width" || p === "height") {
+ bn = _getDimension(target, p, _cs);
+ bsfx = "px";
+ } else if (p === "left" || p === "top") {
+ bn = _calculateOffset(target, p, _cs);
+ bsfx = "px";
+ } else {
+ bn = (p !== "opacity") ? 0 : 1;
+ bsfx = "";
+ }
+ }
+
+ rel = (isStr && es.charAt(1) === "=");
+ if (rel) {
+ en = parseInt(es.charAt(0) + "1", 10);
+ es = es.substr(2);
+ en *= parseFloat(es);
+ esfx = es.replace(_suffixExp, "");
+ } else {
+ en = parseFloat(es);
+ esfx = isStr ? es.substr((en + "").length) || "" : "";
+ }
+
+ if (esfx === "") {
+ esfx = (p in _suffixMap) ? _suffixMap[p] : bsfx; //populate the end suffix, prioritizing the map, then if none is found, use the beginning suffix.
+ }
+
+ es = (en || en === 0) ? (rel ? en + bn : en) + esfx : vars[p]; //ensures that any += or -= prefixes are taken care of. Record the end value before normalizing the suffix because we always want to end the tween on exactly what they intended even if it doesn't match the beginning value's suffix.
+
+ //if the beginning/ending suffixes don't match, normalize them...
+ if (bsfx !== esfx) if (esfx !== "") if (en || en === 0) if (bn) { //note: if the beginning value (bn) is 0, we don't need to convert units!
+ bn = _convertToPixels(target, p, bn, bsfx);
+ if (esfx === "%") {
+ bn /= _convertToPixels(target, p, 100, "%") / 100;
+ if (vars.strictUnits !== true) { //some browsers report only "px" values instead of allowing "%" with getComputedStyle(), so we assume that if we're tweening to a %, we should start there too unless strictUnits:true is defined. This approach is particularly useful for responsive designs that use from() tweens.
+ bs = bn + "%";
+ }
+
+ } else if (esfx === "em") {
+ bn /= _convertToPixels(target, p, 1, "em");
+
+ //otherwise convert to pixels.
+ } else if (esfx !== "px") {
+ en = _convertToPixels(target, p, en, esfx);
+ esfx = "px"; //we don't use bsfx after this, so we don't need to set it to px too.
+ }
+ if (rel) if (en || en === 0) {
+ es = (en + bn) + esfx; //the changes we made affect relative calculations, so adjust the end value here.
+ }
+ }
+
+ if (rel) {
+ en += bn;
+ }
+
+ if ((bn || bn === 0) && (en || en === 0)) { //faster than isNaN(). Also, previously we required en !== bn but that doesn't really gain much performance and it prevents _parseToProxy() from working properly if beginning and ending values match but need to get tweened by an external plugin anyway. For example, a bezier tween where the target starts at left:0 and has these points: [{left:50},{left:0}] wouldn't work properly because when parsing the last point, it'd match the first (current) one and a non-tweening CSSPropTween would be recorded when we actually need a normal tween (type:0) so that things get updated during the tween properly.
+ pt = new CSSPropTween(style, p, bn, en - bn, pt, 0, p, (_autoRound !== false && (esfx === "px" || p === "zIndex")), 0, bs, es);
+ pt.xs0 = esfx;
+ //DEBUG: _log("tween "+p+" from "+pt.b+" ("+bn+esfx+") to "+pt.e+" with suffix: "+pt.xs0);
+ } else if (style[p] === undefined || !es && (es + "" === "NaN" || es == null)) {
+ _log("invalid " + p + " tween value: " + vars[p]);
+ } else {
+ pt = new CSSPropTween(style, p, en || bn || 0, 0, pt, -1, p, false, 0, bs, es);
+ pt.xs0 = (es === "none" && (p === "display" || p.indexOf("Style") !== -1)) ? bs : es; //intermediate value should typically be set immediately (end value) except for "display" or things like borderTopStyle, borderBottomStyle, etc. which should use the beginning value during the tween.
+ //DEBUG: _log("non-tweening value "+p+": "+pt.xs0);
+ }
+ }
+ }
+ if (plugin) if (pt && !pt.plugin) {
+ pt.plugin = plugin;
+ }
+ }
+ return pt;
+ };
+
+
+ //gets called every time the tween updates, passing the new ratio (typically a value between 0 and 1, but not always (for example, if an Elastic.easeOut is used, the value can jump above 1 mid-tween). It will always start and 0 and end at 1.
+ p.setRatio = function(v) {
+ var pt = this._firstPT,
+ min = 0.000001,
+ val, str, i;
+
+ //at the end of the tween, we set the values to exactly what we received in order to make sure non-tweening values (like "position" or "float" or whatever) are set and so that if the beginning/ending suffixes (units) didn't match and we normalized to px, the value that the user passed in is used here. We check to see if the tween is at its beginning in case it's a from() tween in which case the ratio will actually go from 1 to 0 over the course of the tween (backwards).
+ if (v === 1 && (this._tween._time === this._tween._duration || this._tween._time === 0)) {
+ while (pt) {
+ if (pt.type !== 2) {
+ pt.t[pt.p] = pt.e;
+ } else {
+ pt.setRatio(v);
+ }
+ pt = pt._next;
+ }
+
+ } else if (v || !(this._tween._time === this._tween._duration || this._tween._time === 0) || this._tween._rawPrevTime === -0.000001) {
+ while (pt) {
+ val = pt.c * v + pt.s;
+ if (pt.r) {
+ val = Math.round(val);
+ } else if (val < min) if (val > -min) {
+ val = 0;
+ }
+ if (!pt.type) {
+ pt.t[pt.p] = val + pt.xs0;
+ } else if (pt.type === 1) { //complex value (one that typically has multiple numbers inside a string, like "rect(5px,10px,20px,25px)"
+ i = pt.l;
+ if (i === 2) {
+ pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2;
+ } else if (i === 3) {
+ pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3;
+ } else if (i === 4) {
+ pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3 + pt.xn3 + pt.xs4;
+ } else if (i === 5) {
+ pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3 + pt.xn3 + pt.xs4 + pt.xn4 + pt.xs5;
+ } else {
+ str = pt.xs0 + val + pt.xs1;
+ for (i = 1; i < pt.l; i++) {
+ str += pt["xn"+i] + pt["xs"+(i+1)];
+ }
+ pt.t[pt.p] = str;
+ }
+
+ } else if (pt.type === -1) { //non-tweening value
+ pt.t[pt.p] = pt.xs0;
+
+ } else if (pt.setRatio) { //custom setRatio() for things like SpecialProps, external plugins, etc.
+ pt.setRatio(v);
+ }
+ pt = pt._next;
+ }
+
+ //if the tween is reversed all the way back to the beginning, we need to restore the original values which may have different units (like % instead of px or em or whatever).
+ } else {
+ while (pt) {
+ if (pt.type !== 2) {
+ pt.t[pt.p] = pt.b;
+ } else {
+ pt.setRatio(v);
+ }
+ pt = pt._next;
+ }
+ }
+ };
+
+ /**
+ * @private
+ * Forces rendering of the target's transforms (rotation, scale, etc.) whenever the CSSPlugin's setRatio() is called.
+ * Basically, this tells the CSSPlugin to create a CSSPropTween (type 2) after instantiation that runs last in the linked
+ * list and calls the appropriate (3D or 2D) rendering function. We separate this into its own method so that we can call
+ * it from other plugins like BezierPlugin if, for example, it needs to apply an autoRotation and this CSSPlugin
+ * doesn't have any transform-related properties of its own. You can call this method as many times as you
+ * want and it won't create duplicate CSSPropTweens.
+ *
+ * @param {boolean} threeD if true, it should apply 3D tweens (otherwise, just 2D ones are fine and typically faster)
+ */
+ p._enableTransforms = function(threeD) {
+ this._transformType = (threeD || this._transformType === 3) ? 3 : 2;
+ this._transform = this._transform || _getTransform(this._target, _cs, true); //ensures that the element has a _gsTransform property with the appropriate values.
+ };
+
+ var lazySet = function(v) {
+ this.t[this.p] = this.e;
+ this.data._linkCSSP(this, this._next, null, true); //we purposefully keep this._next even though it'd make sense to null it, but this is a performance optimization, as this happens during the while (pt) {} loop in setRatio() at the bottom of which it sets pt = pt._next, so if we null it, the linked list will be broken in that loop.
+ };
+ /** @private Gives us a way to set a value on the first render (and only the first render). **/
+ p._addLazySet = function(t, p, v) {
+ var pt = this._firstPT = new CSSPropTween(t, p, 0, 0, this._firstPT, 2);
+ pt.e = v;
+ pt.setRatio = lazySet;
+ pt.data = this;
+ };
+
+ /** @private **/
+ p._linkCSSP = function(pt, next, prev, remove) {
+ if (pt) {
+ if (next) {
+ next._prev = pt;
+ }
+ if (pt._next) {
+ pt._next._prev = pt._prev;
+ }
+ if (pt._prev) {
+ pt._prev._next = pt._next;
+ } else if (this._firstPT === pt) {
+ this._firstPT = pt._next;
+ remove = true; //just to prevent resetting this._firstPT 5 lines down in case pt._next is null. (optimized for speed)
+ }
+ if (prev) {
+ prev._next = pt;
+ } else if (!remove && this._firstPT === null) {
+ this._firstPT = pt;
+ }
+ pt._next = next;
+ pt._prev = prev;
+ }
+ return pt;
+ };
+
+ //we need to make sure that if alpha or autoAlpha is killed, opacity is too. And autoAlpha affects the "visibility" property.
+ p._kill = function(lookup) {
+ var copy = lookup,
+ pt, p, xfirst;
+ if (lookup.autoAlpha || lookup.alpha) {
+ copy = {};
+ for (p in lookup) { //copy the lookup so that we're not changing the original which may be passed elsewhere.
+ copy[p] = lookup[p];
+ }
+ copy.opacity = 1;
+ if (copy.autoAlpha) {
+ copy.visibility = 1;
+ }
+ }
+ if (lookup.className && (pt = this._classNamePT)) { //for className tweens, we need to kill any associated CSSPropTweens too; a linked list starts at the className's "xfirst".
+ xfirst = pt.xfirst;
+ if (xfirst && xfirst._prev) {
+ this._linkCSSP(xfirst._prev, pt._next, xfirst._prev._prev); //break off the prev
+ } else if (xfirst === this._firstPT) {
+ this._firstPT = pt._next;
+ }
+ if (pt._next) {
+ this._linkCSSP(pt._next, pt._next._next, xfirst._prev);
+ }
+ this._classNamePT = null;
+ }
+ return TweenPlugin.prototype._kill.call(this, copy);
+ };
+
+
+
+ //used by cascadeTo() for gathering all the style properties of each child element into an array for comparison.
+ var _getChildStyles = function(e, props, targets) {
+ var children, i, child, type;
+ if (e.slice) {
+ i = e.length;
+ while (--i > -1) {
+ _getChildStyles(e[i], props, targets);
+ }
+ return;
+ }
+ children = e.childNodes;
+ i = children.length;
+ while (--i > -1) {
+ child = children[i];
+ type = child.type;
+ if (child.style) {
+ props.push(_getAllStyles(child));
+ if (targets) {
+ targets.push(child);
+ }
+ }
+ if ((type === 1 || type === 9 || type === 11) && child.childNodes.length) {
+ _getChildStyles(child, props, targets);
+ }
+ }
+ };
+
+ /**
+ * Typically only useful for className tweens that may affect child elements, this method creates a TweenLite
+ * and then compares the style properties of all the target's child elements at the tween's start and end, and
+ * if any are different, it also creates tweens for those and returns an array containing ALL of the resulting
+ * tweens (so that you can easily add() them to a TimelineLite, for example). The reason this functionality is
+ * wrapped into a separate static method of CSSPlugin instead of being integrated into all regular className tweens
+ * is because it creates entirely new tweens that may have completely different targets than the original tween,
+ * so if they were all lumped into the original tween instance, it would be inconsistent with the rest of the API
+ * and it would create other problems. For example:
+ * - If I create a tween of elementA, that tween instance may suddenly change its target to include 50 other elements (unintuitive if I specifically defined the target I wanted)
+ * - We can't just create new independent tweens because otherwise, what happens if the original/parent tween is reversed or pause or dropped into a TimelineLite for tight control? You'd expect that tween's behavior to affect all the others.
+ * - Analyzing every style property of every child before and after the tween is an expensive operation when there are many children, so this behavior shouldn't be imposed on all className tweens by default, especially since it's probably rare that this extra functionality is needed.
+ *
+ * @param {Object} target object to be tweened
+ * @param {number} Duration in seconds (or frames for frames-based tweens)
+ * @param {Object} Object containing the end values, like {className:"newClass", ease:Linear.easeNone}
+ * @return {Array} An array of TweenLite instances
+ */
+ CSSPlugin.cascadeTo = function(target, duration, vars) {
+ var tween = TweenLite.to(target, duration, vars),
+ results = [tween],
+ b = [],
+ e = [],
+ targets = [],
+ _reservedProps = TweenLite._internals.reservedProps,
+ i, difs, p;
+ target = tween._targets || tween.target;
+ _getChildStyles(target, b, targets);
+ tween.render(duration, true);
+ _getChildStyles(target, e);
+ tween.render(0, true);
+ tween._enabled(true);
+ i = targets.length;
+ while (--i > -1) {
+ difs = _cssDif(targets[i], b[i], e[i]);
+ if (difs.firstMPT) {
+ difs = difs.difs;
+ for (p in vars) {
+ if (_reservedProps[p]) {
+ difs[p] = vars[p];
+ }
+ }
+ results.push( TweenLite.to(targets[i], duration, difs) );
+ }
+ }
+ return results;
+ };
+
+ TweenPlugin.activate([CSSPlugin]);
+ return CSSPlugin;
+
+ }, true);
+
+
+
+
+
+
+
+
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * RoundPropsPlugin
+ * ----------------------------------------------------------------
+ */
+ (function() {
+
+ var RoundPropsPlugin = window._gsDefine.plugin({
+ propName: "roundProps",
+ priority: -1,
+ API: 2,
+
+ //called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
+ init: function(target, value, tween) {
+ this._tween = tween;
+ return true;
+ }
+
+ }),
+ p = RoundPropsPlugin.prototype;
+
+ p._onInitAllProps = function() {
+ var tween = this._tween,
+ rp = (tween.vars.roundProps instanceof Array) ? tween.vars.roundProps : tween.vars.roundProps.split(","),
+ i = rp.length,
+ lookup = {},
+ rpt = tween._propLookup.roundProps,
+ prop, pt, next;
+ while (--i > -1) {
+ lookup[rp[i]] = 1;
+ }
+ i = rp.length;
+ while (--i > -1) {
+ prop = rp[i];
+ pt = tween._firstPT;
+ while (pt) {
+ next = pt._next; //record here, because it may get removed
+ if (pt.pg) {
+ pt.t._roundProps(lookup, true);
+ } else if (pt.n === prop) {
+ this._add(pt.t, prop, pt.s, pt.c);
+ //remove from linked list
+ if (next) {
+ next._prev = pt._prev;
+ }
+ if (pt._prev) {
+ pt._prev._next = next;
+ } else if (tween._firstPT === pt) {
+ tween._firstPT = next;
+ }
+ pt._next = pt._prev = null;
+ tween._propLookup[prop] = rpt;
+ }
+ pt = next;
+ }
+ }
+ return false;
+ };
+
+ p._add = function(target, p, s, c) {
+ this._addTween(target, p, s, s + c, p, true);
+ this._overwriteProps.push(p);
+ };
+
+ }());
+
+
+
+
+
+
+
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * AttrPlugin
+ * ----------------------------------------------------------------
+ */
+ window._gsDefine.plugin({
+ propName: "attr",
+ API: 2,
+ version: "0.3.2",
+
+ //called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
+ init: function(target, value, tween) {
+ var p, start, end;
+ if (typeof(target.setAttribute) !== "function") {
+ return false;
+ }
+ this._target = target;
+ this._proxy = {};
+ this._start = {}; // we record start and end values exactly as they are in case they're strings (not numbers) - we need to be able to revert to them cleanly.
+ this._end = {};
+ for (p in value) {
+ this._start[p] = this._proxy[p] = start = target.getAttribute(p);
+ end = this._addTween(this._proxy, p, parseFloat(start), value[p], p);
+ this._end[p] = end ? end.s + end.c : value[p];
+ this._overwriteProps.push(p);
+ }
+ return true;
+ },
+
+ //called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)
+ set: function(ratio) {
+ this._super.setRatio.call(this, ratio);
+ var props = this._overwriteProps,
+ i = props.length,
+ lookup = (ratio === 1) ? this._end : ratio ? this._proxy : this._start,
+ p;
+ while (--i > -1) {
+ p = props[i];
+ this._target.setAttribute(p, lookup[p] + "");
+ }
+ }
+
+ });
+
+
+
+
+
+
+
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * DirectionalRotationPlugin
+ * ----------------------------------------------------------------
+ */
+ window._gsDefine.plugin({
+ propName: "directionalRotation",
+ API: 2,
+ version: "0.2.0",
+
+ //called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
+ init: function(target, value, tween) {
+ if (typeof(value) !== "object") {
+ value = {rotation:value};
+ }
+ this.finals = {};
+ var cap = (value.useRadians === true) ? Math.PI * 2 : 360,
+ min = 0.000001,
+ p, v, start, end, dif, split;
+ for (p in value) {
+ if (p !== "useRadians") {
+ split = (value[p] + "").split("_");
+ v = split[0];
+ start = parseFloat( (typeof(target[p]) !== "function") ? target[p] : target[ ((p.indexOf("set") || typeof(target["get" + p.substr(3)]) !== "function") ? p : "get" + p.substr(3)) ]() );
+ end = this.finals[p] = (typeof(v) === "string" && v.charAt(1) === "=") ? start + parseInt(v.charAt(0) + "1", 10) * Number(v.substr(2)) : Number(v) || 0;
+ dif = end - start;
+ if (split.length) {
+ v = split.join("_");
+ if (v.indexOf("short") !== -1) {
+ dif = dif % cap;
+ if (dif !== dif % (cap / 2)) {
+ dif = (dif < 0) ? dif + cap : dif - cap;
+ }
+ }
+ if (v.indexOf("_cw") !== -1 && dif < 0) {
+ dif = ((dif + cap * 9999999999) % cap) - ((dif / cap) | 0) * cap;
+ } else if (v.indexOf("ccw") !== -1 && dif > 0) {
+ dif = ((dif - cap * 9999999999) % cap) - ((dif / cap) | 0) * cap;
+ }
+ }
+ if (dif > min || dif < -min) {
+ this._addTween(target, p, start, start + dif, p);
+ this._overwriteProps.push(p);
+ }
+ }
+ }
+ return true;
+ },
+
+ //called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)
+ set: function(ratio) {
+ var pt;
+ if (ratio !== 1) {
+ this._super.setRatio.call(this, ratio);
+ } else {
+ pt = this._firstPT;
+ while (pt) {
+ if (pt.f) {
+ pt.t[pt.p](this.finals[pt.p]);
+ } else {
+ pt.t[pt.p] = this.finals[pt.p];
+ }
+ pt = pt._next;
+ }
+ }
+ }
+
+ })._autoCSS = true;
+
+
+
+
+
+
+
+
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * EasePack
+ * ----------------------------------------------------------------
+ */
+ window._gsDefine("easing.Back", ["easing.Ease"], function(Ease) {
+
+ var w = (window.GreenSockGlobals || window),
+ gs = w.com.greensock,
+ _2PI = Math.PI * 2,
+ _HALF_PI = Math.PI / 2,
+ _class = gs._class,
+ _create = function(n, f) {
+ var C = _class("easing." + n, function(){}, true),
+ p = C.prototype = new Ease();
+ p.constructor = C;
+ p.getRatio = f;
+ return C;
+ },
+ _easeReg = Ease.register || function(){}, //put an empty function in place just as a safety measure in case someone loads an OLD version of TweenLite.js where Ease.register doesn't exist.
+ _wrap = function(name, EaseOut, EaseIn, EaseInOut, aliases) {
+ var C = _class("easing."+name, {
+ easeOut:new EaseOut(),
+ easeIn:new EaseIn(),
+ easeInOut:new EaseInOut()
+ }, true);
+ _easeReg(C, name);
+ return C;
+ },
+ EasePoint = function(time, value, next) {
+ this.t = time;
+ this.v = value;
+ if (next) {
+ this.next = next;
+ next.prev = this;
+ this.c = next.v - value;
+ this.gap = next.t - time;
+ }
+ },
+
+ //Back
+ _createBack = function(n, f) {
+ var C = _class("easing." + n, function(overshoot) {
+ this._p1 = (overshoot || overshoot === 0) ? overshoot : 1.70158;
+ this._p2 = this._p1 * 1.525;
+ }, true),
+ p = C.prototype = new Ease();
+ p.constructor = C;
+ p.getRatio = f;
+ p.config = function(overshoot) {
+ return new C(overshoot);
+ };
+ return C;
+ },
+
+ Back = _wrap("Back",
+ _createBack("BackOut", function(p) {
+ return ((p = p - 1) * p * ((this._p1 + 1) * p + this._p1) + 1);
+ }),
+ _createBack("BackIn", function(p) {
+ return p * p * ((this._p1 + 1) * p - this._p1);
+ }),
+ _createBack("BackInOut", function(p) {
+ return ((p *= 2) < 1) ? 0.5 * p * p * ((this._p2 + 1) * p - this._p2) : 0.5 * ((p -= 2) * p * ((this._p2 + 1) * p + this._p2) + 2);
+ })
+ ),
+
+
+ //SlowMo
+ SlowMo = _class("easing.SlowMo", function(linearRatio, power, yoyoMode) {
+ power = (power || power === 0) ? power : 0.7;
+ if (linearRatio == null) {
+ linearRatio = 0.7;
+ } else if (linearRatio > 1) {
+ linearRatio = 1;
+ }
+ this._p = (linearRatio !== 1) ? power : 0;
+ this._p1 = (1 - linearRatio) / 2;
+ this._p2 = linearRatio;
+ this._p3 = this._p1 + this._p2;
+ this._calcEnd = (yoyoMode === true);
+ }, true),
+ p = SlowMo.prototype = new Ease(),
+ SteppedEase, RoughEase, _createElastic;
+
+ p.constructor = SlowMo;
+ p.getRatio = function(p) {
+ var r = p + (0.5 - p) * this._p;
+ if (p < this._p1) {
+ return this._calcEnd ? 1 - ((p = 1 - (p / this._p1)) * p) : r - ((p = 1 - (p / this._p1)) * p * p * p * r);
+ } else if (p > this._p3) {
+ return this._calcEnd ? 1 - (p = (p - this._p3) / this._p1) * p : r + ((p - r) * (p = (p - this._p3) / this._p1) * p * p * p);
+ }
+ return this._calcEnd ? 1 : r;
+ };
+ SlowMo.ease = new SlowMo(0.7, 0.7);
+
+ p.config = SlowMo.config = function(linearRatio, power, yoyoMode) {
+ return new SlowMo(linearRatio, power, yoyoMode);
+ };
+
+
+ //SteppedEase
+ SteppedEase = _class("easing.SteppedEase", function(steps) {
+ steps = steps || 1;
+ this._p1 = 1 / steps;
+ this._p2 = steps + 1;
+ }, true);
+ p = SteppedEase.prototype = new Ease();
+ p.constructor = SteppedEase;
+ p.getRatio = function(p) {
+ if (p < 0) {
+ p = 0;
+ } else if (p >= 1) {
+ p = 0.999999999;
+ }
+ return ((this._p2 * p) >> 0) * this._p1;
+ };
+ p.config = SteppedEase.config = function(steps) {
+ return new SteppedEase(steps);
+ };
+
+
+ //RoughEase
+ RoughEase = _class("easing.RoughEase", function(vars) {
+ vars = vars || {};
+ var taper = vars.taper || "none",
+ a = [],
+ cnt = 0,
+ points = (vars.points || 20) | 0,
+ i = points,
+ randomize = (vars.randomize !== false),
+ clamp = (vars.clamp === true),
+ template = (vars.template instanceof Ease) ? vars.template : null,
+ strength = (typeof(vars.strength) === "number") ? vars.strength * 0.4 : 0.4,
+ x, y, bump, invX, obj, pnt;
+ while (--i > -1) {
+ x = randomize ? Math.random() : (1 / points) * i;
+ y = template ? template.getRatio(x) : x;
+ if (taper === "none") {
+ bump = strength;
+ } else if (taper === "out") {
+ invX = 1 - x;
+ bump = invX * invX * strength;
+ } else if (taper === "in") {
+ bump = x * x * strength;
+ } else if (x < 0.5) { //"both" (start)
+ invX = x * 2;
+ bump = invX * invX * 0.5 * strength;
+ } else { //"both" (end)
+ invX = (1 - x) * 2;
+ bump = invX * invX * 0.5 * strength;
+ }
+ if (randomize) {
+ y += (Math.random() * bump) - (bump * 0.5);
+ } else if (i % 2) {
+ y += bump * 0.5;
+ } else {
+ y -= bump * 0.5;
+ }
+ if (clamp) {
+ if (y > 1) {
+ y = 1;
+ } else if (y < 0) {
+ y = 0;
+ }
+ }
+ a[cnt++] = {x:x, y:y};
+ }
+ a.sort(function(a, b) {
+ return a.x - b.x;
+ });
+
+ pnt = new EasePoint(1, 1, null);
+ i = points;
+ while (--i > -1) {
+ obj = a[i];
+ pnt = new EasePoint(obj.x, obj.y, pnt);
+ }
+
+ this._prev = new EasePoint(0, 0, (pnt.t !== 0) ? pnt : pnt.next);
+ }, true);
+ p = RoughEase.prototype = new Ease();
+ p.constructor = RoughEase;
+ p.getRatio = function(p) {
+ var pnt = this._prev;
+ if (p > pnt.t) {
+ while (pnt.next && p >= pnt.t) {
+ pnt = pnt.next;
+ }
+ pnt = pnt.prev;
+ } else {
+ while (pnt.prev && p <= pnt.t) {
+ pnt = pnt.prev;
+ }
+ }
+ this._prev = pnt;
+ return (pnt.v + ((p - pnt.t) / pnt.gap) * pnt.c);
+ };
+ p.config = function(vars) {
+ return new RoughEase(vars);
+ };
+ RoughEase.ease = new RoughEase();
+
+
+ //Bounce
+ _wrap("Bounce",
+ _create("BounceOut", function(p) {
+ if (p < 1 / 2.75) {
+ return 7.5625 * p * p;
+ } else if (p < 2 / 2.75) {
+ return 7.5625 * (p -= 1.5 / 2.75) * p + 0.75;
+ } else if (p < 2.5 / 2.75) {
+ return 7.5625 * (p -= 2.25 / 2.75) * p + 0.9375;
+ }
+ return 7.5625 * (p -= 2.625 / 2.75) * p + 0.984375;
+ }),
+ _create("BounceIn", function(p) {
+ if ((p = 1 - p) < 1 / 2.75) {
+ return 1 - (7.5625 * p * p);
+ } else if (p < 2 / 2.75) {
+ return 1 - (7.5625 * (p -= 1.5 / 2.75) * p + 0.75);
+ } else if (p < 2.5 / 2.75) {
+ return 1 - (7.5625 * (p -= 2.25 / 2.75) * p + 0.9375);
+ }
+ return 1 - (7.5625 * (p -= 2.625 / 2.75) * p + 0.984375);
+ }),
+ _create("BounceInOut", function(p) {
+ var invert = (p < 0.5);
+ if (invert) {
+ p = 1 - (p * 2);
+ } else {
+ p = (p * 2) - 1;
+ }
+ if (p < 1 / 2.75) {
+ p = 7.5625 * p * p;
+ } else if (p < 2 / 2.75) {
+ p = 7.5625 * (p -= 1.5 / 2.75) * p + 0.75;
+ } else if (p < 2.5 / 2.75) {
+ p = 7.5625 * (p -= 2.25 / 2.75) * p + 0.9375;
+ } else {
+ p = 7.5625 * (p -= 2.625 / 2.75) * p + 0.984375;
+ }
+ return invert ? (1 - p) * 0.5 : p * 0.5 + 0.5;
+ })
+ );
+
+
+ //CIRC
+ _wrap("Circ",
+ _create("CircOut", function(p) {
+ return Math.sqrt(1 - (p = p - 1) * p);
+ }),
+ _create("CircIn", function(p) {
+ return -(Math.sqrt(1 - (p * p)) - 1);
+ }),
+ _create("CircInOut", function(p) {
+ return ((p*=2) < 1) ? -0.5 * (Math.sqrt(1 - p * p) - 1) : 0.5 * (Math.sqrt(1 - (p -= 2) * p) + 1);
+ })
+ );
+
+
+ //Elastic
+ _createElastic = function(n, f, def) {
+ var C = _class("easing." + n, function(amplitude, period) {
+ this._p1 = amplitude || 1;
+ this._p2 = period || def;
+ this._p3 = this._p2 / _2PI * (Math.asin(1 / this._p1) || 0);
+ }, true),
+ p = C.prototype = new Ease();
+ p.constructor = C;
+ p.getRatio = f;
+ p.config = function(amplitude, period) {
+ return new C(amplitude, period);
+ };
+ return C;
+ };
+ _wrap("Elastic",
+ _createElastic("ElasticOut", function(p) {
+ return this._p1 * Math.pow(2, -10 * p) * Math.sin( (p - this._p3) * _2PI / this._p2 ) + 1;
+ }, 0.3),
+ _createElastic("ElasticIn", function(p) {
+ return -(this._p1 * Math.pow(2, 10 * (p -= 1)) * Math.sin( (p - this._p3) * _2PI / this._p2 ));
+ }, 0.3),
+ _createElastic("ElasticInOut", function(p) {
+ return ((p *= 2) < 1) ? -0.5 * (this._p1 * Math.pow(2, 10 * (p -= 1)) * Math.sin( (p - this._p3) * _2PI / this._p2)) : this._p1 * Math.pow(2, -10 *(p -= 1)) * Math.sin( (p - this._p3) * _2PI / this._p2 ) *0.5 + 1;
+ }, 0.45)
+ );
+
+
+ //Expo
+ _wrap("Expo",
+ _create("ExpoOut", function(p) {
+ return 1 - Math.pow(2, -10 * p);
+ }),
+ _create("ExpoIn", function(p) {
+ return Math.pow(2, 10 * (p - 1)) - 0.001;
+ }),
+ _create("ExpoInOut", function(p) {
+ return ((p *= 2) < 1) ? 0.5 * Math.pow(2, 10 * (p - 1)) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
+ })
+ );
+
+
+ //Sine
+ _wrap("Sine",
+ _create("SineOut", function(p) {
+ return Math.sin(p * _HALF_PI);
+ }),
+ _create("SineIn", function(p) {
+ return -Math.cos(p * _HALF_PI) + 1;
+ }),
+ _create("SineInOut", function(p) {
+ return -0.5 * (Math.cos(Math.PI * p) - 1);
+ })
+ );
+
+ _class("easing.EaseLookup", {
+ find:function(s) {
+ return Ease.map[s];
+ }
+ }, true);
+
+ //register the non-standard eases
+ _easeReg(w.SlowMo, "SlowMo", "ease,");
+ _easeReg(RoughEase, "RoughEase", "ease,");
+ _easeReg(SteppedEase, "SteppedEase", "ease,");
+
+ return Back;
+
+ }, true);
+
+
+});
+
+
+
+
+
+
+
+
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * Base classes like TweenLite, SimpleTimeline, Ease, Ticker, etc.
+ * ----------------------------------------------------------------
+ */
+(function(window) {
+
+ "use strict";
+ var _globals = window.GreenSockGlobals || window;
+ if (_globals.TweenLite) {
+ return; //in case the core set of classes is already loaded, don't instantiate twice.
+ }
+ var _namespace = function(ns) {
+ var a = ns.split("."),
+ p = _globals, i;
+ for (i = 0; i < a.length; i++) {
+ p[a[i]] = p = p[a[i]] || {};
+ }
+ return p;
+ },
+ gs = _namespace("com.greensock"),
+ _tinyNum = 0.0000000001,
+ _slice = [].slice,
+ _emptyFunc = function() {},
+ _isArray = (function() { //works around issues in iframe environments where the Array global isn't shared, thus if the object originates in a different window/iframe, "(obj instanceof Array)" will evaluate false. We added some speed optimizations to avoid Object.prototype.toString.call() unless it's absolutely necessary because it's VERY slow (like 20x slower)
+ var toString = Object.prototype.toString,
+ array = toString.call([]);
+ return function(obj) {
+ return obj != null && (obj instanceof Array || (typeof(obj) === "object" && !!obj.push && toString.call(obj) === array));
+ };
+ }()),
+ a, i, p, _ticker, _tickerActive,
+ _defLookup = {},
+
+ /**
+ * @constructor
+ * Defines a GreenSock class, optionally with an array of dependencies that must be instantiated first and passed into the definition.
+ * This allows users to load GreenSock JS files in any order even if they have interdependencies (like CSSPlugin extends TweenPlugin which is
+ * inside TweenLite.js, but if CSSPlugin is loaded first, it should wait to run its code until TweenLite.js loads and instantiates TweenPlugin
+ * and then pass TweenPlugin to CSSPlugin's definition). This is all done automatically and internally.
+ *
+ * Every definition will be added to a "com.greensock" global object (typically window, but if a window.GreenSockGlobals object is found,
+ * it will go there as of v1.7). For example, TweenLite will be found at window.com.greensock.TweenLite and since it's a global class that should be available anywhere,
+ * it is ALSO referenced at window.TweenLite. However some classes aren't considered global, like the base com.greensock.core.Animation class, so
+ * those will only be at the package like window.com.greensock.core.Animation. Again, if you define a GreenSockGlobals object on the window, everything
+ * gets tucked neatly inside there instead of on the window directly. This allows you to do advanced things like load multiple versions of GreenSock
+ * files and put them into distinct objects (imagine a banner ad uses a newer version but the main site uses an older one). In that case, you could
+ * sandbox the banner one like:
+ *
+ * <script>
+ * var gs = window.GreenSockGlobals = {}; //the newer version we're about to load could now be referenced in a "gs" object, like gs.TweenLite.to(...). Use whatever alias you want as long as it's unique, "gs" or "banner" or whatever.
+ * </script>
+ * <script src="js/greensock/v1.7/TweenMax.js"></script>
+ * <script>
+ * window.GreenSockGlobals = null; //reset it back to null so that the next load of TweenMax affects the window and we can reference things directly like TweenLite.to(...)
+ * </script>
+ * <script src="js/greensock/v1.6/TweenMax.js"></script>
+ * <script>
+ * gs.TweenLite.to(...); //would use v1.7
+ * TweenLite.to(...); //would use v1.6
+ * </script>
+ *
+ * @param {!string} ns The namespace of the class definition, leaving off "com.greensock." as that's assumed. For example, "TweenLite" or "plugins.CSSPlugin" or "easing.Back".
+ * @param {!Array.<string>} dependencies An array of dependencies (described as their namespaces minus "com.greensock." prefix). For example ["TweenLite","plugins.TweenPlugin","core.Animation"]
+ * @param {!function():Object} func The function that should be called and passed the resolved dependencies which will return the actual class for this definition.
+ * @param {boolean=} global If true, the class will be added to the global scope (typically window unless you define a window.GreenSockGlobals object)
+ */
+ Definition = function(ns, dependencies, func, global) {
+ this.sc = (_defLookup[ns]) ? _defLookup[ns].sc : []; //subclasses
+ _defLookup[ns] = this;
+ this.gsClass = null;
+ this.func = func;
+ var _classes = [];
+ this.check = function(init) {
+ var i = dependencies.length,
+ missing = i,
+ cur, a, n, cl;
+ while (--i > -1) {
+ if ((cur = _defLookup[dependencies[i]] || new Definition(dependencies[i], [])).gsClass) {
+ _classes[i] = cur.gsClass;
+ missing--;
+ } else if (init) {
+ cur.sc.push(this);
+ }
+ }
+ if (missing === 0 && func) {
+ a = ("com.greensock." + ns).split(".");
+ n = a.pop();
+ cl = _namespace(a.join("."))[n] = this.gsClass = func.apply(func, _classes);
+
+ //exports to multiple environments
+ if (global) {
+ _globals[n] = cl; //provides a way to avoid global namespace pollution. By default, the main classes like TweenLite, Power1, Strong, etc. are added to window unless a GreenSockGlobals is defined. So if you want to have things added to a custom object instead, just do something like window.GreenSockGlobals = {} before loading any GreenSock files. You can even set up an alias like window.GreenSockGlobals = windows.gs = {} so that you can access everything like gs.TweenLite. Also remember that ALL classes are added to the window.com.greensock object (in their respective packages, like com.greensock.easing.Power1, com.greensock.TweenLite, etc.)
+ if (typeof(define) === "function" && define.amd){ //AMD
+ define((window.GreenSockAMDPath ? window.GreenSockAMDPath + "/" : "") + ns.split(".").join("/"), [], function() { return cl; });
+ } else if (typeof(module) !== "undefined" && module.exports){ //node
+ module.exports = cl;
+ }
+ }
+ for (i = 0; i < this.sc.length; i++) {
+ this.sc[i].check();
+ }
+ }
+ };
+ this.check(true);
+ },
+
+ //used to create Definition instances (which basically registers a class that has dependencies).
+ _gsDefine = window._gsDefine = function(ns, dependencies, func, global) {
+ return new Definition(ns, dependencies, func, global);
+ },
+
+ //a quick way to create a class that doesn't have any dependencies. Returns the class, but first registers it in the GreenSock namespace so that other classes can grab it (other classes might be dependent on the class).
+ _class = gs._class = function(ns, func, global) {
+ func = func || function() {};
+ _gsDefine(ns, [], function(){ return func; }, global);
+ return func;
+ };
+
+ _gsDefine.globals = _globals;
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * Ease
+ * ----------------------------------------------------------------
+ */
+ var _baseParams = [0, 0, 1, 1],
+ _blankArray = [],
+ Ease = _class("easing.Ease", function(func, extraParams, type, power) {
+ this._func = func;
+ this._type = type || 0;
+ this._power = power || 0;
+ this._params = extraParams ? _baseParams.concat(extraParams) : _baseParams;
+ }, true),
+ _easeMap = Ease.map = {},
+ _easeReg = Ease.register = function(ease, names, types, create) {
+ var na = names.split(","),
+ i = na.length,
+ ta = (types || "easeIn,easeOut,easeInOut").split(","),
+ e, name, j, type;
+ while (--i > -1) {
+ name = na[i];
+ e = create ? _class("easing."+name, null, true) : gs.easing[name] || {};
+ j = ta.length;
+ while (--j > -1) {
+ type = ta[j];
+ _easeMap[name + "." + type] = _easeMap[type + name] = e[type] = ease.getRatio ? ease : ease[type] || new ease();
+ }
+ }
+ };
+
+ p = Ease.prototype;
+ p._calcEnd = false;
+ p.getRatio = function(p) {
+ if (this._func) {
+ this._params[0] = p;
+ return this._func.apply(null, this._params);
+ }
+ var t = this._type,
+ pw = this._power,
+ r = (t === 1) ? 1 - p : (t === 2) ? p : (p < 0.5) ? p * 2 : (1 - p) * 2;
+ if (pw === 1) {
+ r *= r;
+ } else if (pw === 2) {
+ r *= r * r;
+ } else if (pw === 3) {
+ r *= r * r * r;
+ } else if (pw === 4) {
+ r *= r * r * r * r;
+ }
+ return (t === 1) ? 1 - r : (t === 2) ? r : (p < 0.5) ? r / 2 : 1 - (r / 2);
+ };
+
+ //create all the standard eases like Linear, Quad, Cubic, Quart, Quint, Strong, Power0, Power1, Power2, Power3, and Power4 (each with easeIn, easeOut, and easeInOut)
+ a = ["Linear","Quad","Cubic","Quart","Quint,Strong"];
+ i = a.length;
+ while (--i > -1) {
+ p = a[i]+",Power"+i;
+ _easeReg(new Ease(null,null,1,i), p, "easeOut", true);
+ _easeReg(new Ease(null,null,2,i), p, "easeIn" + ((i === 0) ? ",easeNone" : ""));
+ _easeReg(new Ease(null,null,3,i), p, "easeInOut");
+ }
+ _easeMap.linear = gs.easing.Linear.easeIn;
+ _easeMap.swing = gs.easing.Quad.easeInOut; //for jQuery folks
+
+
+/*
+ * ----------------------------------------------------------------
+ * EventDispatcher
+ * ----------------------------------------------------------------
+ */
+ var EventDispatcher = _class("events.EventDispatcher", function(target) {
+ this._listeners = {};
+ this._eventTarget = target || this;
+ });
+ p = EventDispatcher.prototype;
+
+ p.addEventListener = function(type, callback, scope, useParam, priority) {
+ priority = priority || 0;
+ var list = this._listeners[type],
+ index = 0,
+ listener, i;
+ if (list == null) {
+ this._listeners[type] = list = [];
+ }
+ i = list.length;
+ while (--i > -1) {
+ listener = list[i];
+ if (listener.c === callback && listener.s === scope) {
+ list.splice(i, 1);
+ } else if (index === 0 && listener.pr < priority) {
+ index = i + 1;
+ }
+ }
+ list.splice(index, 0, {c:callback, s:scope, up:useParam, pr:priority});
+ if (this === _ticker && !_tickerActive) {
+ _ticker.wake();
+ }
+ };
+
+ p.removeEventListener = function(type, callback) {
+ var list = this._listeners[type], i;
+ if (list) {
+ i = list.length;
+ while (--i > -1) {
+ if (list[i].c === callback) {
+ list.splice(i, 1);
+ return;
+ }
+ }
+ }
+ };
+
+ p.dispatchEvent = function(type) {
+ var list = this._listeners[type],
+ i, t, listener;
+ if (list) {
+ i = list.length;
+ t = this._eventTarget;
+ while (--i > -1) {
+ listener = list[i];
+ if (listener.up) {
+ listener.c.call(listener.s || t, {type:type, target:t});
+ } else {
+ listener.c.call(listener.s || t);
+ }
+ }
+ }
+ };
+
+
+/*
+ * ----------------------------------------------------------------
+ * Ticker
+ * ----------------------------------------------------------------
+ */
+ var _reqAnimFrame = window.requestAnimationFrame,
+ _cancelAnimFrame = window.cancelAnimationFrame,
+ _getTime = Date.now || function() {return new Date().getTime();},
+ _lastUpdate = _getTime();
+
+ //now try to determine the requestAnimationFrame and cancelAnimationFrame functions and if none are found, we'll use a setTimeout()/clearTimeout() polyfill.
+ a = ["ms","moz","webkit","o"];
+ i = a.length;
+ while (--i > -1 && !_reqAnimFrame) {
+ _reqAnimFrame = window[a[i] + "RequestAnimationFrame"];
+ _cancelAnimFrame = window[a[i] + "CancelAnimationFrame"] || window[a[i] + "CancelRequestAnimationFrame"];
+ }
+
+ _class("Ticker", function(fps, useRAF) {
+ var _self = this,
+ _startTime = _getTime(),
+ _useRAF = (useRAF !== false && _reqAnimFrame),
+ _lagThreshold = 500,
+ _adjustedLag = 33,
+ _fps, _req, _id, _gap, _nextTime,
+ _tick = function(manual) {
+ var elapsed = _getTime() - _lastUpdate,
+ overlap, dispatch;
+ if (elapsed > _lagThreshold) {
+ _startTime += elapsed - _adjustedLag;
+ }
+ _lastUpdate += elapsed;
+ _self.time = (_lastUpdate - _startTime) / 1000;
+ overlap = _self.time - _nextTime;
+ if (!_fps || overlap > 0 || manual === true) {
+ _self.frame++;
+ _nextTime += overlap + (overlap >= _gap ? 0.004 : _gap - overlap);
+ dispatch = true;
+ }
+ if (manual !== true) { //make sure the request is made before we dispatch the "tick" event so that timing is maintained. Otherwise, if processing the "tick" requires a bunch of time (like 15ms) and we're using a setTimeout() that's based on 16.7ms, it'd technically take 31.7ms between frames otherwise.
+ _id = _req(_tick);
+ }
+ if (dispatch) {
+ _self.dispatchEvent("tick");
+ }
+ };
+
+ EventDispatcher.call(_self);
+ _self.time = _self.frame = 0;
+ _self.tick = function() {
+ _tick(true);
+ };
+
+ _self.lagSmoothing = function(threshold, adjustedLag) {
+ _lagThreshold = threshold || (1 / _tinyNum); //zero should be interpreted as basically unlimited
+ _adjustedLag = Math.min(adjustedLag, _lagThreshold, 0);
+ };
+
+ _self.sleep = function() {
+ if (_id == null) {
+ return;
+ }
+ if (!_useRAF || !_cancelAnimFrame) {
+ clearTimeout(_id);
+ } else {
+ _cancelAnimFrame(_id);
+ }
+ _req = _emptyFunc;
+ _id = null;
+ if (_self === _ticker) {
+ _tickerActive = false;
+ }
+ };
+
+ _self.wake = function() {
+ if (_id !== null) {
+ _self.sleep();
+ } else if (_self.frame > 10) { //don't trigger lagSmoothing if we're just waking up, and make sure that at least 10 frames have elapsed because of the iOS bug that we work around below with the 1.5-second setTimout().
+ _lastUpdate = _getTime() - _lagThreshold + 5;
+ }
+ _req = (_fps === 0) ? _emptyFunc : (!_useRAF || !_reqAnimFrame) ? function(f) { return setTimeout(f, ((_nextTime - _self.time) * 1000 + 1) | 0); } : _reqAnimFrame;
+ if (_self === _ticker) {
+ _tickerActive = true;
+ }
+ _tick(2);
+ };
+
+ _self.fps = function(value) {
+ if (!arguments.length) {
+ return _fps;
+ }
+ _fps = value;
+ _gap = 1 / (_fps || 60);
+ _nextTime = this.time + _gap;
+ _self.wake();
+ };
+
+ _self.useRAF = function(value) {
+ if (!arguments.length) {
+ return _useRAF;
+ }
+ _self.sleep();
+ _useRAF = value;
+ _self.fps(_fps);
+ };
+ _self.fps(fps);
+
+ //a bug in iOS 6 Safari occasionally prevents the requestAnimationFrame from working initially, so we use a 1.5-second timeout that automatically falls back to setTimeout() if it senses this condition.
+ setTimeout(function() {
+ if (_useRAF && (!_id || _self.frame < 5)) {
+ _self.useRAF(false);
+ }
+ }, 1500);
+ });
+
+ p = gs.Ticker.prototype = new gs.events.EventDispatcher();
+ p.constructor = gs.Ticker;
+
+
+/*
+ * ----------------------------------------------------------------
+ * Animation
+ * ----------------------------------------------------------------
+ */
+ var Animation = _class("core.Animation", function(duration, vars) {
+ this.vars = vars = vars || {};
+ this._duration = this._totalDuration = duration || 0;
+ this._delay = Number(vars.delay) || 0;
+ this._timeScale = 1;
+ this._active = (vars.immediateRender === true);
+ this.data = vars.data;
+ this._reversed = (vars.reversed === true);
+
+ if (!_rootTimeline) {
+ return;
+ }
+ if (!_tickerActive) { //some browsers (like iOS 6 Safari) shut down JavaScript execution when the tab is disabled and they [occasionally] neglect to start up requestAnimationFrame again when returning - this code ensures that the engine starts up again properly.
+ _ticker.wake();
+ }
+
+ var tl = this.vars.useFrames ? _rootFramesTimeline : _rootTimeline;
+ tl.add(this, tl._time);
+
+ if (this.vars.paused) {
+ this.paused(true);
+ }
+ });
+
+ _ticker = Animation.ticker = new gs.Ticker();
+ p = Animation.prototype;
+ p._dirty = p._gc = p._initted = p._paused = false;
+ p._totalTime = p._time = 0;
+ p._rawPrevTime = -1;
+ p._next = p._last = p._onUpdate = p._timeline = p.timeline = null;
+ p._paused = false;
+
+
+ //some browsers (like iOS) occasionally drop the requestAnimationFrame event when the user switches to a different tab and then comes back again, so we use a 2-second setTimeout() to sense if/when that condition occurs and then wake() the ticker.
+ var _checkTimeout = function() {
+ if (_tickerActive && _getTime() - _lastUpdate > 2000) {
+ _ticker.wake();
+ }
+ setTimeout(_checkTimeout, 2000);
+ };
+ _checkTimeout();
+
+
+ p.play = function(from, suppressEvents) {
+ if (from != null) {
+ this.seek(from, suppressEvents);
+ }
+ return this.reversed(false).paused(false);
+ };
+
+ p.pause = function(atTime, suppressEvents) {
+ if (atTime != null) {
+ this.seek(atTime, suppressEvents);
+ }
+ return this.paused(true);
+ };
+
+ p.resume = function(from, suppressEvents) {
+ if (from != null) {
+ this.seek(from, suppressEvents);
+ }
+ return this.paused(false);
+ };
+
+ p.seek = function(time, suppressEvents) {
+ return this.totalTime(Number(time), suppressEvents !== false);
+ };
+
+ p.restart = function(includeDelay, suppressEvents) {
+ return this.reversed(false).paused(false).totalTime(includeDelay ? -this._delay : 0, (suppressEvents !== false), true);
+ };
+
+ p.reverse = function(from, suppressEvents) {
+ if (from != null) {
+ this.seek((from || this.totalDuration()), suppressEvents);
+ }
+ return this.reversed(true).paused(false);
+ };
+
+ p.render = function(time, suppressEvents, force) {
+ //stub - we override this method in subclasses.
+ };
+
+ p.invalidate = function() {
+ return this;
+ };
+
+ p.isActive = function() {
+ var tl = this._timeline, //the 2 root timelines won't have a _timeline; they're always active.
+ startTime = this._startTime,
+ rawTime;
+ return (!tl || (!this._gc && !this._paused && tl.isActive() && (rawTime = tl.rawTime()) >= startTime && rawTime < startTime + this.totalDuration() / this._timeScale));
+ };
+
+ p._enabled = function (enabled, ignoreTimeline) {
+ if (!_tickerActive) {
+ _ticker.wake();
+ }
+ this._gc = !enabled;
+ this._active = this.isActive();
+ if (ignoreTimeline !== true) {
+ if (enabled && !this.timeline) {
+ this._timeline.add(this, this._startTime - this._delay);
+ } else if (!enabled && this.timeline) {
+ this._timeline._remove(this, true);
+ }
+ }
+ return false;
+ };
+
+
+ p._kill = function(vars, target) {
+ return this._enabled(false, false);
+ };
+
+ p.kill = function(vars, target) {
+ this._kill(vars, target);
+ return this;
+ };
+
+ p._uncache = function(includeSelf) {
+ var tween = includeSelf ? this : this.timeline;
+ while (tween) {
+ tween._dirty = true;
+ tween = tween.timeline;
+ }
+ return this;
+ };
+
+ p._swapSelfInParams = function(params) {
+ var i = params.length,
+ copy = params.concat();
+ while (--i > -1) {
+ if (params[i] === "{self}") {
+ copy[i] = this;
+ }
+ }
+ return copy;
+ };
+
+//----Animation getters/setters --------------------------------------------------------
+
+ p.eventCallback = function(type, callback, params, scope) {
+ if ((type || "").substr(0,2) === "on") {
+ var v = this.vars;
+ if (arguments.length === 1) {
+ return v[type];
+ }
+ if (callback == null) {
+ delete v[type];
+ } else {
+ v[type] = callback;
+ v[type + "Params"] = (_isArray(params) && params.join("").indexOf("{self}") !== -1) ? this._swapSelfInParams(params) : params;
+ v[type + "Scope"] = scope;
+ }
+ if (type === "onUpdate") {
+ this._onUpdate = callback;
+ }
+ }
+ return this;
+ };
+
+ p.delay = function(value) {
+ if (!arguments.length) {
+ return this._delay;
+ }
+ if (this._timeline.smoothChildTiming) {
+ this.startTime( this._startTime + value - this._delay );
+ }
+ this._delay = value;
+ return this;
+ };
+
+ p.duration = function(value) {
+ if (!arguments.length) {
+ this._dirty = false;
+ return this._duration;
+ }
+ this._duration = this._totalDuration = value;
+ this._uncache(true); //true in case it's a TweenMax or TimelineMax that has a repeat - we'll need to refresh the totalDuration.
+ if (this._timeline.smoothChildTiming) if (this._time > 0) if (this._time < this._duration) if (value !== 0) {
+ this.totalTime(this._totalTime * (value / this._duration), true);
+ }
+ return this;
+ };
+
+ p.totalDuration = function(value) {
+ this._dirty = false;
+ return (!arguments.length) ? this._totalDuration : this.duration(value);
+ };
+
+ p.time = function(value, suppressEvents) {
+ if (!arguments.length) {
+ return this._time;
+ }
+ if (this._dirty) {
+ this.totalDuration();
+ }
+ return this.totalTime((value > this._duration) ? this._duration : value, suppressEvents);
+ };
+
+ p.totalTime = function(time, suppressEvents, uncapped) {
+ if (!_tickerActive) {
+ _ticker.wake();
+ }
+ if (!arguments.length) {
+ return this._totalTime;
+ }
+ if (this._timeline) {
+ if (time < 0 && !uncapped) {
+ time += this.totalDuration();
+ }
+ if (this._timeline.smoothChildTiming) {
+ if (this._dirty) {
+ this.totalDuration();
+ }
+ var totalDuration = this._totalDuration,
+ tl = this._timeline;
+ if (time > totalDuration && !uncapped) {
+ time = totalDuration;
+ }
+ this._startTime = (this._paused ? this._pauseTime : tl._time) - ((!this._reversed ? time : totalDuration - time) / this._timeScale);
+ if (!tl._dirty) { //for performance improvement. If the parent's cache is already dirty, it already took care of marking the ancestors as dirty too, so skip the function call here.
+ this._uncache(false);
+ }
+ //in case any of the ancestor timelines had completed but should now be enabled, we should reset their totalTime() which will also ensure that they're lined up properly and enabled. Skip for animations that are on the root (wasteful). Example: a TimelineLite.exportRoot() is performed when there's a paused tween on the root, the export will not complete until that tween is unpaused, but imagine a child gets restarted later, after all [unpaused] tweens have completed. The startTime of that child would get pushed out, but one of the ancestors may have completed.
+ if (tl._timeline) {
+ while (tl._timeline) {
+ if (tl._timeline._time !== (tl._startTime + tl._totalTime) / tl._timeScale) {
+ tl.totalTime(tl._totalTime, true);
+ }
+ tl = tl._timeline;
+ }
+ }
+ }
+ if (this._gc) {
+ this._enabled(true, false);
+ }
+ if (this._totalTime !== time || this._duration === 0) {
+ this.render(time, suppressEvents, false);
+ if (_lazyTweens.length) { //in case rendering caused any tweens to lazy-init, we should render them because typically when someone calls seek() or time() or progress(), they expect an immediate render.
+ _lazyRender();
+ }
+ }
+ }
+ return this;
+ };
+
+ p.progress = p.totalProgress = function(value, suppressEvents) {
+ return (!arguments.length) ? this._time / this.duration() : this.totalTime(this.duration() * value, suppressEvents);
+ };
+
+ p.startTime = function(value) {
+ if (!arguments.length) {
+ return this._startTime;
+ }
+ if (value !== this._startTime) {
+ this._startTime = value;
+ if (this.timeline) if (this.timeline._sortChildren) {
+ this.timeline.add(this, value - this._delay); //ensures that any necessary re-sequencing of Animations in the timeline occurs to make sure the rendering order is correct.
+ }
+ }
+ return this;
+ };
+
+ p.timeScale = function(value) {
+ if (!arguments.length) {
+ return this._timeScale;
+ }
+ value = value || _tinyNum; //can't allow zero because it'll throw the math off
+ if (this._timeline && this._timeline.smoothChildTiming) {
+ var pauseTime = this._pauseTime,
+ t = (pauseTime || pauseTime === 0) ? pauseTime : this._timeline.totalTime();
+ this._startTime = t - ((t - this._startTime) * this._timeScale / value);
+ }
+ this._timeScale = value;
+ return this._uncache(false);
+ };
+
+ p.reversed = function(value) {
+ if (!arguments.length) {
+ return this._reversed;
+ }
+ if (value != this._reversed) {
+ this._reversed = value;
+ this.totalTime(((this._timeline && !this._timeline.smoothChildTiming) ? this.totalDuration() - this._totalTime : this._totalTime), true);
+ }
+ return this;
+ };
+
+ p.paused = function(value) {
+ if (!arguments.length) {
+ return this._paused;
+ }
+ if (value != this._paused) if (this._timeline) {
+ if (!_tickerActive && !value) {
+ _ticker.wake();
+ }
+ var tl = this._timeline,
+ raw = tl.rawTime(),
+ elapsed = raw - this._pauseTime;
+ if (!value && tl.smoothChildTiming) {
+ this._startTime += elapsed;
+ this._uncache(false);
+ }
+ this._pauseTime = value ? raw : null;
+ this._paused = value;
+ this._active = this.isActive();
+ if (!value && elapsed !== 0 && this._initted && this.duration()) {
+ this.render((tl.smoothChildTiming ? this._totalTime : (raw - this._startTime) / this._timeScale), true, true); //in case the target's properties changed via some other tween or manual update by the user, we should force a render.
+ }
+ }
+ if (this._gc && !value) {
+ this._enabled(true, false);
+ }
+ return this;
+ };
+
+
+/*
+ * ----------------------------------------------------------------
+ * SimpleTimeline
+ * ----------------------------------------------------------------
+ */
+ var SimpleTimeline = _class("core.SimpleTimeline", function(vars) {
+ Animation.call(this, 0, vars);
+ this.autoRemoveChildren = this.smoothChildTiming = true;
+ });
+
+ p = SimpleTimeline.prototype = new Animation();
+ p.constructor = SimpleTimeline;
+ p.kill()._gc = false;
+ p._first = p._last = null;
+ p._sortChildren = false;
+
+ p.add = p.insert = function(child, position, align, stagger) {
+ var prevTween, st;
+ child._startTime = Number(position || 0) + child._delay;
+ if (child._paused) if (this !== child._timeline) { //we only adjust the _pauseTime if it wasn't in this timeline already. Remember, sometimes a tween will be inserted again into the same timeline when its startTime is changed so that the tweens in the TimelineLite/Max are re-ordered properly in the linked list (so everything renders in the proper order).
+ child._pauseTime = child._startTime + ((this.rawTime() - child._startTime) / child._timeScale);
+ }
+ if (child.timeline) {
+ child.timeline._remove(child, true); //removes from existing timeline so that it can be properly added to this one.
+ }
+ child.timeline = child._timeline = this;
+ if (child._gc) {
+ child._enabled(true, true);
+ }
+ prevTween = this._last;
+ if (this._sortChildren) {
+ st = child._startTime;
+ while (prevTween && prevTween._startTime > st) {
+ prevTween = prevTween._prev;
+ }
+ }
+ if (prevTween) {
+ child._next = prevTween._next;
+ prevTween._next = child;
+ } else {
+ child._next = this._first;
+ this._first = child;
+ }
+ if (child._next) {
+ child._next._prev = child;
+ } else {
+ this._last = child;
+ }
+ child._prev = prevTween;
+ if (this._timeline) {
+ this._uncache(true);
+ }
+ return this;
+ };
+
+ p._remove = function(tween, skipDisable) {
+ if (tween.timeline === this) {
+ if (!skipDisable) {
+ tween._enabled(false, true);
+ }
+ tween.timeline = null;
+
+ if (tween._prev) {
+ tween._prev._next = tween._next;
+ } else if (this._first === tween) {
+ this._first = tween._next;
+ }
+ if (tween._next) {
+ tween._next._prev = tween._prev;
+ } else if (this._last === tween) {
+ this._last = tween._prev;
+ }
+
+ if (this._timeline) {
+ this._uncache(true);
+ }
+ }
+ return this;
+ };
+
+ p.render = function(time, suppressEvents, force) {
+ var tween = this._first,
+ next;
+ this._totalTime = this._time = this._rawPrevTime = time;
+ while (tween) {
+ next = tween._next; //record it here because the value could change after rendering...
+ if (tween._active || (time >= tween._startTime && !tween._paused)) {
+ if (!tween._reversed) {
+ tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
+ } else {
+ tween.render(((!tween._dirty) ? tween._totalDuration : tween.totalDuration()) - ((time - tween._startTime) * tween._timeScale), suppressEvents, force);
+ }
+ }
+ tween = next;
+ }
+ };
+
+ p.rawTime = function() {
+ if (!_tickerActive) {
+ _ticker.wake();
+ }
+ return this._totalTime;
+ };
+
+/*
+ * ----------------------------------------------------------------
+ * TweenLite
+ * ----------------------------------------------------------------
+ */
+ var TweenLite = _class("TweenLite", function(target, duration, vars) {
+ Animation.call(this, duration, vars);
+ this.render = TweenLite.prototype.render; //speed optimization (avoid prototype lookup on this "hot" method)
+
+ if (target == null) {
+ throw "Cannot tween a null target.";
+ }
+
+ this.target = target = (typeof(target) !== "string") ? target : TweenLite.selector(target) || target;
+
+ var isSelector = (target.jquery || (target.length && target !== window && target[0] && (target[0] === window || (target[0].nodeType && target[0].style && !target.nodeType)))),
+ overwrite = this.vars.overwrite,
+ i, targ, targets;
+
+ this._overwrite = overwrite = (overwrite == null) ? _overwriteLookup[TweenLite.defaultOverwrite] : (typeof(overwrite) === "number") ? overwrite >> 0 : _overwriteLookup[overwrite];
+
+ if ((isSelector || target instanceof Array || (target.push && _isArray(target))) && typeof(target[0]) !== "number") {
+ this._targets = targets = _slice.call(target, 0);
+ this._propLookup = [];
+ this._siblings = [];
+ for (i = 0; i < targets.length; i++) {
+ targ = targets[i];
+ if (!targ) {
+ targets.splice(i--, 1);
+ continue;
+ } else if (typeof(targ) === "string") {
+ targ = targets[i--] = TweenLite.selector(targ); //in case it's an array of strings
+ if (typeof(targ) === "string") {
+ targets.splice(i+1, 1); //to avoid an endless loop (can't imagine why the selector would return a string, but just in case)
+ }
+ continue;
+ } else if (targ.length && targ !== window && targ[0] && (targ[0] === window || (targ[0].nodeType && targ[0].style && !targ.nodeType))) { //in case the user is passing in an array of selector objects (like jQuery objects), we need to check one more level and pull things out if necessary. Also note that <select> elements pass all the criteria regarding length and the first child having style, so we must also check to ensure the target isn't an HTML node itself.
+ targets.splice(i--, 1);
+ this._targets = targets = targets.concat(_slice.call(targ, 0));
+ continue;
+ }
+ this._siblings[i] = _register(targ, this, false);
+ if (overwrite === 1) if (this._siblings[i].length > 1) {
+ _applyOverwrite(targ, this, null, 1, this._siblings[i]);
+ }
+ }
+
+ } else {
+ this._propLookup = {};
+ this._siblings = _register(target, this, false);
+ if (overwrite === 1) if (this._siblings.length > 1) {
+ _applyOverwrite(target, this, null, 1, this._siblings);
+ }
+ }
+ if (this.vars.immediateRender || (duration === 0 && this._delay === 0 && this.vars.immediateRender !== false)) {
+ this._time = -_tinyNum; //forces a render without having to set the render() "force" parameter to true because we want to allow lazying by default (using the "force" parameter always forces an immediate full render)
+ this.render(-this._delay);
+ }
+ }, true),
+ _isSelector = function(v) {
+ return (v.length && v !== window && v[0] && (v[0] === window || (v[0].nodeType && v[0].style && !v.nodeType))); //we cannot check "nodeType" if the target is window from within an iframe, otherwise it will trigger a security error in some browsers like Firefox.
+ },
+ _autoCSS = function(vars, target) {
+ var css = {},
+ p;
+ for (p in vars) {
+ if (!_reservedProps[p] && (!(p in target) || p === "transform" || p === "x" || p === "y" || p === "width" || p === "height" || p === "className" || p === "border") && (!_plugins[p] || (_plugins[p] && _plugins[p]._autoCSS))) { //note: <img> elements contain read-only "x" and "y" properties. We should also prioritize editing css width/height rather than the element's properties.
+ css[p] = vars[p];
+ delete vars[p];
+ }
+ }
+ vars.css = css;
+ };
+
+ p = TweenLite.prototype = new Animation();
+ p.constructor = TweenLite;
+ p.kill()._gc = false;
+
+//----TweenLite defaults, overwrite management, and root updates ----------------------------------------------------
+
+ p.ratio = 0;
+ p._firstPT = p._targets = p._overwrittenProps = p._startAt = null;
+ p._notifyPluginsOfEnabled = p._lazy = false;
+
+ TweenLite.version = "1.12.1";
+ TweenLite.defaultEase = p._ease = new Ease(null, null, 1, 1);
+ TweenLite.defaultOverwrite = "auto";
+ TweenLite.ticker = _ticker;
+ TweenLite.autoSleep = true;
+ TweenLite.lagSmoothing = function(threshold, adjustedLag) {
+ _ticker.lagSmoothing(threshold, adjustedLag);
+ };
+ TweenLite.selector = window.$ || window.jQuery || function(e) { if (window.$) { TweenLite.selector = window.$; return window.$(e); } return window.document ? window.document.getElementById((e.charAt(0) === "#") ? e.substr(1) : e) : e; };
+
+ var _lazyTweens = [],
+ _lazyLookup = {},
+ _internals = TweenLite._internals = {isArray:_isArray, isSelector:_isSelector, lazyTweens:_lazyTweens}, //gives us a way to expose certain private values to other GreenSock classes without contaminating tha main TweenLite object.
+ _plugins = TweenLite._plugins = {},
+ _tweenLookup = _internals.tweenLookup = {},
+ _tweenLookupNum = 0,
+ _reservedProps = _internals.reservedProps = {ease:1, delay:1, overwrite:1, onComplete:1, onCompleteParams:1, onCompleteScope:1, useFrames:1, runBackwards:1, startAt:1, onUpdate:1, onUpdateParams:1, onUpdateScope:1, onStart:1, onStartParams:1, onStartScope:1, onReverseComplete:1, onReverseCompleteParams:1, onReverseCompleteScope:1, onRepeat:1, onRepeatParams:1, onRepeatScope:1, easeParams:1, yoyo:1, immediateRender:1, repeat:1, repeatDelay:1, data:1, paused:1, reversed:1, autoCSS:1, lazy:1},
+ _overwriteLookup = {none:0, all:1, auto:2, concurrent:3, allOnStart:4, preexisting:5, "true":1, "false":0},
+ _rootFramesTimeline = Animation._rootFramesTimeline = new SimpleTimeline(),
+ _rootTimeline = Animation._rootTimeline = new SimpleTimeline(),
+ _lazyRender = function() {
+ var i = _lazyTweens.length;
+ _lazyLookup = {};
+ while (--i > -1) {
+ a = _lazyTweens[i];
+ if (a && a._lazy !== false) {
+ a.render(a._lazy, false, true);
+ a._lazy = false;
+ }
+ }
+ _lazyTweens.length = 0;
+ };
+
+ _rootTimeline._startTime = _ticker.time;
+ _rootFramesTimeline._startTime = _ticker.frame;
+ _rootTimeline._active = _rootFramesTimeline._active = true;
+ setTimeout(_lazyRender, 1); //on some mobile devices, there isn't a "tick" before code runs which means any lazy renders wouldn't run before the next official "tick".
+
+ Animation._updateRoot = TweenLite.render = function() {
+ var i, a, p;
+ if (_lazyTweens.length) { //if code is run outside of the requestAnimationFrame loop, there may be tweens queued AFTER the engine refreshed, so we need to ensure any pending renders occur before we refresh again.
+ _lazyRender();
+ }
+ _rootTimeline.render((_ticker.time - _rootTimeline._startTime) * _rootTimeline._timeScale, false, false);
+ _rootFramesTimeline.render((_ticker.frame - _rootFramesTimeline._startTime) * _rootFramesTimeline._timeScale, false, false);
+ if (_lazyTweens.length) {
+ _lazyRender();
+ }
+ if (!(_ticker.frame % 120)) { //dump garbage every 120 frames...
+ for (p in _tweenLookup) {
+ a = _tweenLookup[p].tweens;
+ i = a.length;
+ while (--i > -1) {
+ if (a[i]._gc) {
+ a.splice(i, 1);
+ }
+ }
+ if (a.length === 0) {
+ delete _tweenLookup[p];
+ }
+ }
+ //if there are no more tweens in the root timelines, or if they're all paused, make the _timer sleep to reduce load on the CPU slightly
+ p = _rootTimeline._first;
+ if (!p || p._paused) if (TweenLite.autoSleep && !_rootFramesTimeline._first && _ticker._listeners.tick.length === 1) {
+ while (p && p._paused) {
+ p = p._next;
+ }
+ if (!p) {
+ _ticker.sleep();
+ }
+ }
+ }
+ };
+
+ _ticker.addEventListener("tick", Animation._updateRoot);
+
+ var _register = function(target, tween, scrub) {
+ var id = target._gsTweenID, a, i;
+ if (!_tweenLookup[id || (target._gsTweenID = id = "t" + (_tweenLookupNum++))]) {
+ _tweenLookup[id] = {target:target, tweens:[]};
+ }
+ if (tween) {
+ a = _tweenLookup[id].tweens;
+ a[(i = a.length)] = tween;
+ if (scrub) {
+ while (--i > -1) {
+ if (a[i] === tween) {
+ a.splice(i, 1);
+ }
+ }
+ }
+ }
+ return _tweenLookup[id].tweens;
+ },
+
+ _applyOverwrite = function(target, tween, props, mode, siblings) {
+ var i, changed, curTween, l;
+ if (mode === 1 || mode >= 4) {
+ l = siblings.length;
+ for (i = 0; i < l; i++) {
+ if ((curTween = siblings[i]) !== tween) {
+ if (!curTween._gc) if (curTween._enabled(false, false)) {
+ changed = true;
+ }
+ } else if (mode === 5) {
+ break;
+ }
+ }
+ return changed;
+ }
+ //NOTE: Add 0.0000000001 to overcome floating point errors that can cause the startTime to be VERY slightly off (when a tween's time() is set for example)
+ var startTime = tween._startTime + _tinyNum,
+ overlaps = [],
+ oCount = 0,
+ zeroDur = (tween._duration === 0),
+ globalStart;
+ i = siblings.length;
+ while (--i > -1) {
+ if ((curTween = siblings[i]) === tween || curTween._gc || curTween._paused) {
+ //ignore
+ } else if (curTween._timeline !== tween._timeline) {
+ globalStart = globalStart || _checkOverlap(tween, 0, zeroDur);
+ if (_checkOverlap(curTween, globalStart, zeroDur) === 0) {
+ overlaps[oCount++] = curTween;
+ }
+ } else if (curTween._startTime <= startTime) if (curTween._startTime + curTween.totalDuration() / curTween._timeScale > startTime) if (!((zeroDur || !curTween._initted) && startTime - curTween._startTime <= 0.0000000002)) {
+ overlaps[oCount++] = curTween;
+ }
+ }
+
+ i = oCount;
+ while (--i > -1) {
+ curTween = overlaps[i];
+ if (mode === 2) if (curTween._kill(props, target)) {
+ changed = true;
+ }
+ if (mode !== 2 || (!curTween._firstPT && curTween._initted)) {
+ if (curTween._enabled(false, false)) { //if all property tweens have been overwritten, kill the tween.
+ changed = true;
+ }
+ }
+ }
+ return changed;
+ },
+
+ _checkOverlap = function(tween, reference, zeroDur) {
+ var tl = tween._timeline,
+ ts = tl._timeScale,
+ t = tween._startTime;
+ while (tl._timeline) {
+ t += tl._startTime;
+ ts *= tl._timeScale;
+ if (tl._paused) {
+ return -100;
+ }
+ tl = tl._timeline;
+ }
+ t /= ts;
+ return (t > reference) ? t - reference : ((zeroDur && t === reference) || (!tween._initted && t - reference < 2 * _tinyNum)) ? _tinyNum : ((t += tween.totalDuration() / tween._timeScale / ts) > reference + _tinyNum) ? 0 : t - reference - _tinyNum;
+ };
+
+
+//---- TweenLite instance methods -----------------------------------------------------------------------------
+
+ p._init = function() {
+ var v = this.vars,
+ op = this._overwrittenProps,
+ dur = this._duration,
+ immediate = !!v.immediateRender,
+ ease = v.ease,
+ i, initPlugins, pt, p, startVars;
+ if (v.startAt) {
+ if (this._startAt) {
+ this._startAt.render(-1, true); //if we've run a startAt previously (when the tween instantiated), we should revert it so that the values re-instantiate correctly particularly for relative tweens. Without this, a TweenLite.fromTo(obj, 1, {x:"+=100"}, {x:"-=100"}), for example, would actually jump to +=200 because the startAt would run twice, doubling the relative change.
+ this._startAt.kill();
+ }
+ startVars = {};
+ for (p in v.startAt) { //copy the properties/values into a new object to avoid collisions, like var to = {x:0}, from = {x:500}; timeline.fromTo(e, 1, from, to).fromTo(e, 1, to, from);
+ startVars[p] = v.startAt[p];
+ }
+ startVars.overwrite = false;
+ startVars.immediateRender = true;
+ startVars.lazy = (immediate && v.lazy !== false);
+ startVars.startAt = startVars.delay = null; //no nesting of startAt objects allowed (otherwise it could cause an infinite loop).
+ this._startAt = TweenLite.to(this.target, 0, startVars);
+ if (immediate) {
+ if (this._time > 0) {
+ this._startAt = null; //tweens that render immediately (like most from() and fromTo() tweens) shouldn't revert when their parent timeline's playhead goes backward past the startTime because the initial render could have happened anytime and it shouldn't be directly correlated to this tween's startTime. Imagine setting up a complex animation where the beginning states of various objects are rendered immediately but the tween doesn't happen for quite some time - if we revert to the starting values as soon as the playhead goes backward past the tween's startTime, it will throw things off visually. Reversion should only happen in TimelineLite/Max instances where immediateRender was false (which is the default in the convenience methods like from()).
+ } else if (dur !== 0) {
+ return; //we skip initialization here so that overwriting doesn't occur until the tween actually begins. Otherwise, if you create several immediateRender:true tweens of the same target/properties to drop into a TimelineLite or TimelineMax, the last one created would overwrite the first ones because they didn't get placed into the timeline yet before the first render occurs and kicks in overwriting.
+ }
+ }
+ } else if (v.runBackwards && dur !== 0) {
+ //from() tweens must be handled uniquely: their beginning values must be rendered but we don't want overwriting to occur yet (when time is still 0). Wait until the tween actually begins before doing all the routines like overwriting. At that time, we should render at the END of the tween to ensure that things initialize correctly (remember, from() tweens go backwards)
+ if (this._startAt) {
+ this._startAt.render(-1, true);
+ this._startAt.kill();
+ this._startAt = null;
+ } else {
+ pt = {};
+ for (p in v) { //copy props into a new object and skip any reserved props, otherwise onComplete or onUpdate or onStart could fire. We should, however, permit autoCSS to go through.
+ if (!_reservedProps[p] || p === "autoCSS") {
+ pt[p] = v[p];
+ }
+ }
+ pt.overwrite = 0;
+ pt.data = "isFromStart"; //we tag the tween with as "isFromStart" so that if [inside a plugin] we need to only do something at the very END of a tween, we have a way of identifying this tween as merely the one that's setting the beginning values for a "from()" tween. For example, clearProps in CSSPlugin should only get applied at the very END of a tween and without this tag, from(...{height:100, clearProps:"height", delay:1}) would wipe the height at the beginning of the tween and after 1 second, it'd kick back in.
+ pt.lazy = (immediate && v.lazy !== false);
+ pt.immediateRender = immediate; //zero-duration tweens render immediately by default, but if we're not specifically instructed to render this tween immediately, we should skip this and merely _init() to record the starting values (rendering them immediately would push them to completion which is wasteful in that case - we'd have to render(-1) immediately after)
+ this._startAt = TweenLite.to(this.target, 0, pt);
+ if (!immediate) {
+ this._startAt._init(); //ensures that the initial values are recorded
+ this._startAt._enabled(false); //no need to have the tween render on the next cycle. Disable it because we'll always manually control the renders of the _startAt tween.
+ } else if (this._time === 0) {
+ return;
+ }
+ }
+ }
+ if (!ease) {
+ this._ease = TweenLite.defaultEase;
+ } else if (ease instanceof Ease) {
+ this._ease = (v.easeParams instanceof Array) ? ease.config.apply(ease, v.easeParams) : ease;
+ } else {
+ this._ease = (typeof(ease) === "function") ? new Ease(ease, v.easeParams) : _easeMap[ease] || TweenLite.defaultEase;
+ }
+ this._easeType = this._ease._type;
+ this._easePower = this._ease._power;
+ this._firstPT = null;
+
+ if (this._targets) {
+ i = this._targets.length;
+ while (--i > -1) {
+ if ( this._initProps( this._targets[i], (this._propLookup[i] = {}), this._siblings[i], (op ? op[i] : null)) ) {
+ initPlugins = true;
+ }
+ }
+ } else {
+ initPlugins = this._initProps(this.target, this._propLookup, this._siblings, op);
+ }
+
+ if (initPlugins) {
+ TweenLite._onPluginEvent("_onInitAllProps", this); //reorders the array in order of priority. Uses a static TweenPlugin method in order to minimize file size in TweenLite
+ }
+ if (op) if (!this._firstPT) if (typeof(this.target) !== "function") { //if all tweening properties have been overwritten, kill the tween. If the target is a function, it's probably a delayedCall so let it live.
+ this._enabled(false, false);
+ }
+ if (v.runBackwards) {
+ pt = this._firstPT;
+ while (pt) {
+ pt.s += pt.c;
+ pt.c = -pt.c;
+ pt = pt._next;
+ }
+ }
+ this._onUpdate = v.onUpdate;
+ this._initted = true;
+ };
+
+ p._initProps = function(target, propLookup, siblings, overwrittenProps) {
+ var p, i, initPlugins, plugin, pt, v;
+ if (target == null) {
+ return false;
+ }
+
+ if (_lazyLookup[target._gsTweenID]) {
+ _lazyRender(); //if other tweens of the same target have recently initted but haven't rendered yet, we've got to force the render so that the starting values are correct (imagine populating a timeline with a bunch of sequential tweens and then jumping to the end)
+ }
+
+ if (!this.vars.css) if (target.style) if (target !== window && target.nodeType) if (_plugins.css) if (this.vars.autoCSS !== false) { //it's so common to use TweenLite/Max to animate the css of DOM elements, we assume that if the target is a DOM element, that's what is intended (a convenience so that users don't have to wrap things in css:{}, although we still recommend it for a slight performance boost and better specificity). Note: we cannot check "nodeType" on the window inside an iframe.
+ _autoCSS(this.vars, target);
+ }
+ for (p in this.vars) {
+ v = this.vars[p];
+ if (_reservedProps[p]) {
+ if (v) if ((v instanceof Array) || (v.push && _isArray(v))) if (v.join("").indexOf("{self}") !== -1) {
+ this.vars[p] = v = this._swapSelfInParams(v, this);
+ }
+
+ } else if (_plugins[p] && (plugin = new _plugins[p]())._onInitTween(target, this.vars[p], this)) {
+
+ //t - target [object]
+ //p - property [string]
+ //s - start [number]
+ //c - change [number]
+ //f - isFunction [boolean]
+ //n - name [string]
+ //pg - isPlugin [boolean]
+ //pr - priority [number]
+ this._firstPT = pt = {_next:this._firstPT, t:plugin, p:"setRatio", s:0, c:1, f:true, n:p, pg:true, pr:plugin._priority};
+ i = plugin._overwriteProps.length;
+ while (--i > -1) {
+ propLookup[plugin._overwriteProps[i]] = this._firstPT;
+ }
+ if (plugin._priority || plugin._onInitAllProps) {
+ initPlugins = true;
+ }
+ if (plugin._onDisable || plugin._onEnable) {
+ this._notifyPluginsOfEnabled = true;
+ }
+
+ } else {
+ this._firstPT = propLookup[p] = pt = {_next:this._firstPT, t:target, p:p, f:(typeof(target[p]) === "function"), n:p, pg:false, pr:0};
+ pt.s = (!pt.f) ? parseFloat(target[p]) : target[ ((p.indexOf("set") || typeof(target["get" + p.substr(3)]) !== "function") ? p : "get" + p.substr(3)) ]();
+ pt.c = (typeof(v) === "string" && v.charAt(1) === "=") ? parseInt(v.charAt(0) + "1", 10) * Number(v.substr(2)) : (Number(v) - pt.s) || 0;
+ }
+ if (pt) if (pt._next) {
+ pt._next._prev = pt;
+ }
+ }
+
+ if (overwrittenProps) if (this._kill(overwrittenProps, target)) { //another tween may have tried to overwrite properties of this tween before init() was called (like if two tweens start at the same time, the one created second will run first)
+ return this._initProps(target, propLookup, siblings, overwrittenProps);
+ }
+ if (this._overwrite > 1) if (this._firstPT) if (siblings.length > 1) if (_applyOverwrite(target, this, propLookup, this._overwrite, siblings)) {
+ this._kill(propLookup, target);
+ return this._initProps(target, propLookup, siblings, overwrittenProps);
+ }
+ if (this._firstPT) if ((this.vars.lazy !== false && this._duration) || (this.vars.lazy && !this._duration)) { //zero duration tweens don't lazy render by default; everything else does.
+ _lazyLookup[target._gsTweenID] = true;
+ }
+ return initPlugins;
+ };
+
+ p.render = function(time, suppressEvents, force) {
+ var prevTime = this._time,
+ duration = this._duration,
+ prevRawPrevTime = this._rawPrevTime,
+ isComplete, callback, pt, rawPrevTime;
+ if (time >= duration) {
+ this._totalTime = this._time = duration;
+ this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1;
+ if (!this._reversed ) {
+ isComplete = true;
+ callback = "onComplete";
+ }
+ if (duration === 0) if (this._initted || !this.vars.lazy || force) { //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
+ if (this._startTime === this._timeline._duration) { //if a zero-duration tween is at the VERY end of a timeline and that timeline renders at its end, it will typically add a tiny bit of cushion to the render time to prevent rounding errors from getting in the way of tweens rendering their VERY end. If we then reverse() that timeline, the zero-duration tween will trigger its onReverseComplete even though technically the playhead didn't pass over it again. It's a very specific edge case we must accommodate.
+ time = 0;
+ }
+ if (time === 0 || prevRawPrevTime < 0 || prevRawPrevTime === _tinyNum) if (prevRawPrevTime !== time) {
+ force = true;
+ if (prevRawPrevTime > _tinyNum) {
+ callback = "onReverseComplete";
+ }
+ }
+ this._rawPrevTime = rawPrevTime = (!suppressEvents || time || prevRawPrevTime === time) ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
+ }
+
+ } else if (time < 0.0000001) { //to work around occasional floating point math artifacts, round super small values to 0.
+ this._totalTime = this._time = 0;
+ this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0;
+ if (prevTime !== 0 || (duration === 0 && prevRawPrevTime > 0 && prevRawPrevTime !== _tinyNum)) {
+ callback = "onReverseComplete";
+ isComplete = this._reversed;
+ }
+ if (time < 0) {
+ this._active = false;
+ if (duration === 0) if (this._initted || !this.vars.lazy || force) { //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
+ if (prevRawPrevTime >= 0) {
+ force = true;
+ }
+ this._rawPrevTime = rawPrevTime = (!suppressEvents || time || prevRawPrevTime === time) ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
+ }
+ } else if (!this._initted) { //if we render the very beginning (time == 0) of a fromTo(), we must force the render (normal tweens wouldn't need to render at a time of 0 when the prevTime was also 0). This is also mandatory to make sure overwriting kicks in immediately.
+ force = true;
+ }
+ } else {
+ this._totalTime = this._time = time;
+
+ if (this._easeType) {
+ var r = time / duration, type = this._easeType, pow = this._easePower;
+ if (type === 1 || (type === 3 && r >= 0.5)) {
+ r = 1 - r;
+ }
+ if (type === 3) {
+ r *= 2;
+ }
+ if (pow === 1) {
+ r *= r;
+ } else if (pow === 2) {
+ r *= r * r;
+ } else if (pow === 3) {
+ r *= r * r * r;
+ } else if (pow === 4) {
+ r *= r * r * r * r;
+ }
+
+ if (type === 1) {
+ this.ratio = 1 - r;
+ } else if (type === 2) {
+ this.ratio = r;
+ } else if (time / duration < 0.5) {
+ this.ratio = r / 2;
+ } else {
+ this.ratio = 1 - (r / 2);
+ }
+
+ } else {
+ this.ratio = this._ease.getRatio(time / duration);
+ }
+ }
+
+ if (this._time === prevTime && !force) {
+ return;
+ } else if (!this._initted) {
+ this._init();
+ if (!this._initted || this._gc) { //immediateRender tweens typically won't initialize until the playhead advances (_time is greater than 0) in order to ensure that overwriting occurs properly. Also, if all of the tweening properties have been overwritten (which would cause _gc to be true, as set in _init()), we shouldn't continue otherwise an onStart callback could be called for example.
+ return;
+ } else if (!force && this._firstPT && ((this.vars.lazy !== false && this._duration) || (this.vars.lazy && !this._duration))) {
+ this._time = this._totalTime = prevTime;
+ this._rawPrevTime = prevRawPrevTime;
+ _lazyTweens.push(this);
+ this._lazy = time;
+ return;
+ }
+ //_ease is initially set to defaultEase, so now that init() has run, _ease is set properly and we need to recalculate the ratio. Overall this is faster than using conditional logic earlier in the method to avoid having to set ratio twice because we only init() once but renderTime() gets called VERY frequently.
+ if (this._time && !isComplete) {
+ this.ratio = this._ease.getRatio(this._time / duration);
+ } else if (isComplete && this._ease._calcEnd) {
+ this.ratio = this._ease.getRatio((this._time === 0) ? 0 : 1);
+ }
+ }
+ if (this._lazy !== false) { //in case a lazy render is pending, we should flush it because the new render is occuring now (imagine a lazy tween instantiating and then immediately the user calls tween.seek(tween.duration()), skipping to the end - the end render would be forced, and then if we didn't flush the lazy render, it'd fire AFTER the seek(), rendering it at the wrong time.
+ this._lazy = false;
+ }
+ if (!this._active) if (!this._paused && this._time !== prevTime && time >= 0) {
+ this._active = true; //so that if the user renders a tween (as opposed to the timeline rendering it), the timeline is forced to re-render and align it with the proper time/frame on the next rendering cycle. Maybe the tween already finished but the user manually re-renders it as halfway done.
+ }
+ if (prevTime === 0) {
+ if (this._startAt) {
+ if (time >= 0) {
+ this._startAt.render(time, suppressEvents, force);
+ } else if (!callback) {
+ callback = "_dummyGS"; //if no callback is defined, use a dummy value just so that the condition at the end evaluates as true because _startAt should render AFTER the normal render loop when the time is negative. We could handle this in a more intuitive way, of course, but the render loop is the MOST important thing to optimize, so this technique allows us to avoid adding extra conditional logic in a high-frequency area.
+ }
+ }
+ if (this.vars.onStart) if (this._time !== 0 || duration === 0) if (!suppressEvents) {
+ this.vars.onStart.apply(this.vars.onStartScope || this, this.vars.onStartParams || _blankArray);
+ }
+ }
+
+ pt = this._firstPT;
+ while (pt) {
+ if (pt.f) {
+ pt.t[pt.p](pt.c * this.ratio + pt.s);
+ } else {
+ pt.t[pt.p] = pt.c * this.ratio + pt.s;
+ }
+ pt = pt._next;
+ }
+
+ if (this._onUpdate) {
+ if (time < 0) if (this._startAt && this._startTime) { //if the tween is positioned at the VERY beginning (_startTime 0) of its parent timeline, it's illegal for the playhead to go back further, so we should not render the recorded startAt values.
+ this._startAt.render(time, suppressEvents, force); //note: for performance reasons, we tuck this conditional logic inside less traveled areas (most tweens don't have an onUpdate). We'd just have it at the end before the onComplete, but the values should be updated before any onUpdate is called, so we ALSO put it here and then if it's not called, we do so later near the onComplete.
+ }
+ if (!suppressEvents) if (this._time !== prevTime || isComplete) {
+ this._onUpdate.apply(this.vars.onUpdateScope || this, this.vars.onUpdateParams || _blankArray);
+ }
+ }
+
+ if (callback) if (!this._gc) { //check _gc because there's a chance that kill() could be called in an onUpdate
+ if (time < 0 && this._startAt && !this._onUpdate && this._startTime) { //if the tween is positioned at the VERY beginning (_startTime 0) of its parent timeline, it's illegal for the playhead to go back further, so we should not render the recorded startAt values.
+ this._startAt.render(time, suppressEvents, force);
+ }
+ if (isComplete) {
+ if (this._timeline.autoRemoveChildren) {
+ this._enabled(false, false);
+ }
+ this._active = false;
+ }
+ if (!suppressEvents && this.vars[callback]) {
+ this.vars[callback].apply(this.vars[callback + "Scope"] || this, this.vars[callback + "Params"] || _blankArray);
+ }
+ if (duration === 0 && this._rawPrevTime === _tinyNum && rawPrevTime !== _tinyNum) { //the onComplete or onReverseComplete could trigger movement of the playhead and for zero-duration tweens (which must discern direction) that land directly back on their start time, we don't want to fire again on the next render. Think of several addPause()'s in a timeline that forces the playhead to a certain spot, but what if it's already paused and another tween is tweening the "time" of the timeline? Each time it moves [forward] past that spot, it would move back, and since suppressEvents is true, it'd reset _rawPrevTime to _tinyNum so that when it begins again, the callback would fire (so ultimately it could bounce back and forth during that tween). Again, this is a very uncommon scenario, but possible nonetheless.
+ this._rawPrevTime = 0;
+ }
+ }
+
+ };
+
+ p._kill = function(vars, target) {
+ if (vars === "all") {
+ vars = null;
+ }
+ if (vars == null) if (target == null || target === this.target) {
+ this._lazy = false;
+ return this._enabled(false, false);
+ }
+ target = (typeof(target) !== "string") ? (target || this._targets || this.target) : TweenLite.selector(target) || target;
+ var i, overwrittenProps, p, pt, propLookup, changed, killProps, record;
+ if ((_isArray(target) || _isSelector(target)) && typeof(target[0]) !== "number") {
+ i = target.length;
+ while (--i > -1) {
+ if (this._kill(vars, target[i])) {
+ changed = true;
+ }
+ }
+ } else {
+ if (this._targets) {
+ i = this._targets.length;
+ while (--i > -1) {
+ if (target === this._targets[i]) {
+ propLookup = this._propLookup[i] || {};
+ this._overwrittenProps = this._overwrittenProps || [];
+ overwrittenProps = this._overwrittenProps[i] = vars ? this._overwrittenProps[i] || {} : "all";
+ break;
+ }
+ }
+ } else if (target !== this.target) {
+ return false;
+ } else {
+ propLookup = this._propLookup;
+ overwrittenProps = this._overwrittenProps = vars ? this._overwrittenProps || {} : "all";
+ }
+
+ if (propLookup) {
+ killProps = vars || propLookup;
+ record = (vars !== overwrittenProps && overwrittenProps !== "all" && vars !== propLookup && (typeof(vars) !== "object" || !vars._tempKill)); //_tempKill is a super-secret way to delete a particular tweening property but NOT have it remembered as an official overwritten property (like in BezierPlugin)
+ for (p in killProps) {
+ if ((pt = propLookup[p])) {
+ if (pt.pg && pt.t._kill(killProps)) {
+ changed = true; //some plugins need to be notified so they can perform cleanup tasks first
+ }
+ if (!pt.pg || pt.t._overwriteProps.length === 0) {
+ if (pt._prev) {
+ pt._prev._next = pt._next;
+ } else if (pt === this._firstPT) {
+ this._firstPT = pt._next;
+ }
+ if (pt._next) {
+ pt._next._prev = pt._prev;
+ }
+ pt._next = pt._prev = null;
+ }
+ delete propLookup[p];
+ }
+ if (record) {
+ overwrittenProps[p] = 1;
+ }
+ }
+ if (!this._firstPT && this._initted) { //if all tweening properties are killed, kill the tween. Without this line, if there's a tween with multiple targets and then you killTweensOf() each target individually, the tween would technically still remain active and fire its onComplete even though there aren't any more properties tweening.
+ this._enabled(false, false);
+ }
+ }
+ }
+ return changed;
+ };
+
+ p.invalidate = function() {
+ if (this._notifyPluginsOfEnabled) {
+ TweenLite._onPluginEvent("_onDisable", this);
+ }
+ this._firstPT = null;
+ this._overwrittenProps = null;
+ this._onUpdate = null;
+ this._startAt = null;
+ this._initted = this._active = this._notifyPluginsOfEnabled = this._lazy = false;
+ this._propLookup = (this._targets) ? {} : [];
+ return this;
+ };
+
+ p._enabled = function(enabled, ignoreTimeline) {
+ if (!_tickerActive) {
+ _ticker.wake();
+ }
+ if (enabled && this._gc) {
+ var targets = this._targets,
+ i;
+ if (targets) {
+ i = targets.length;
+ while (--i > -1) {
+ this._siblings[i] = _register(targets[i], this, true);
+ }
+ } else {
+ this._siblings = _register(this.target, this, true);
+ }
+ }
+ Animation.prototype._enabled.call(this, enabled, ignoreTimeline);
+ if (this._notifyPluginsOfEnabled) if (this._firstPT) {
+ return TweenLite._onPluginEvent((enabled ? "_onEnable" : "_onDisable"), this);
+ }
+ return false;
+ };
+
+
+//----TweenLite static methods -----------------------------------------------------
+
+ TweenLite.to = function(target, duration, vars) {
+ return new TweenLite(target, duration, vars);
+ };
+
+ TweenLite.from = function(target, duration, vars) {
+ vars.runBackwards = true;
+ vars.immediateRender = (vars.immediateRender != false);
+ return new TweenLite(target, duration, vars);
+ };
+
+ TweenLite.fromTo = function(target, duration, fromVars, toVars) {
+ toVars.startAt = fromVars;
+ toVars.immediateRender = (toVars.immediateRender != false && fromVars.immediateRender != false);
+ return new TweenLite(target, duration, toVars);
+ };
+
+ TweenLite.delayedCall = function(delay, callback, params, scope, useFrames) {
+ return new TweenLite(callback, 0, {delay:delay, onComplete:callback, onCompleteParams:params, onCompleteScope:scope, onReverseComplete:callback, onReverseCompleteParams:params, onReverseCompleteScope:scope, immediateRender:false, useFrames:useFrames, overwrite:0});
+ };
+
+ TweenLite.set = function(target, vars) {
+ return new TweenLite(target, 0, vars);
+ };
+
+ TweenLite.getTweensOf = function(target, onlyActive) {
+ if (target == null) { return []; }
+ target = (typeof(target) !== "string") ? target : TweenLite.selector(target) || target;
+ var i, a, j, t;
+ if ((_isArray(target) || _isSelector(target)) && typeof(target[0]) !== "number") {
+ i = target.length;
+ a = [];
+ while (--i > -1) {
+ a = a.concat(TweenLite.getTweensOf(target[i], onlyActive));
+ }
+ i = a.length;
+ //now get rid of any duplicates (tweens of arrays of objects could cause duplicates)
+ while (--i > -1) {
+ t = a[i];
+ j = i;
+ while (--j > -1) {
+ if (t === a[j]) {
+ a.splice(i, 1);
+ }
+ }
+ }
+ } else {
+ a = _register(target).concat();
+ i = a.length;
+ while (--i > -1) {
+ if (a[i]._gc || (onlyActive && !a[i].isActive())) {
+ a.splice(i, 1);
+ }
+ }
+ }
+ return a;
+ };
+
+ TweenLite.killTweensOf = TweenLite.killDelayedCallsTo = function(target, onlyActive, vars) {
+ if (typeof(onlyActive) === "object") {
+ vars = onlyActive; //for backwards compatibility (before "onlyActive" parameter was inserted)
+ onlyActive = false;
+ }
+ var a = TweenLite.getTweensOf(target, onlyActive),
+ i = a.length;
+ while (--i > -1) {
+ a[i]._kill(vars, target);
+ }
+ };
+
+
+
+/*
+ * ----------------------------------------------------------------
+ * TweenPlugin (could easily be split out as a separate file/class, but included for ease of use (so that people don't need to include another <script> call before loading plugins which is easy to forget)
+ * ----------------------------------------------------------------
+ */
+ var TweenPlugin = _class("plugins.TweenPlugin", function(props, priority) {
+ this._overwriteProps = (props || "").split(",");
+ this._propName = this._overwriteProps[0];
+ this._priority = priority || 0;
+ this._super = TweenPlugin.prototype;
+ }, true);
+
+ p = TweenPlugin.prototype;
+ TweenPlugin.version = "1.10.1";
+ TweenPlugin.API = 2;
+ p._firstPT = null;
+
+ p._addTween = function(target, prop, start, end, overwriteProp, round) {
+ var c, pt;
+ if (end != null && (c = (typeof(end) === "number" || end.charAt(1) !== "=") ? Number(end) - start : parseInt(end.charAt(0) + "1", 10) * Number(end.substr(2)))) {
+ this._firstPT = pt = {_next:this._firstPT, t:target, p:prop, s:start, c:c, f:(typeof(target[prop]) === "function"), n:overwriteProp || prop, r:round};
+ if (pt._next) {
+ pt._next._prev = pt;
+ }
+ return pt;
+ }
+ };
+
+ p.setRatio = function(v) {
+ var pt = this._firstPT,
+ min = 0.000001,
+ val;
+ while (pt) {
+ val = pt.c * v + pt.s;
+ if (pt.r) {
+ val = Math.round(val);
+ } else if (val < min) if (val > -min) { //prevents issues with converting very small numbers to strings in the browser
+ val = 0;
+ }
+ if (pt.f) {
+ pt.t[pt.p](val);
+ } else {
+ pt.t[pt.p] = val;
+ }
+ pt = pt._next;
+ }
+ };
+
+ p._kill = function(lookup) {
+ var a = this._overwriteProps,
+ pt = this._firstPT,
+ i;
+ if (lookup[this._propName] != null) {
+ this._overwriteProps = [];
+ } else {
+ i = a.length;
+ while (--i > -1) {
+ if (lookup[a[i]] != null) {
+ a.splice(i, 1);
+ }
+ }
+ }
+ while (pt) {
+ if (lookup[pt.n] != null) {
+ if (pt._next) {
+ pt._next._prev = pt._prev;
+ }
+ if (pt._prev) {
+ pt._prev._next = pt._next;
+ pt._prev = null;
+ } else if (this._firstPT === pt) {
+ this._firstPT = pt._next;
+ }
+ }
+ pt = pt._next;
+ }
+ return false;
+ };
+
+ p._roundProps = function(lookup, value) {
+ var pt = this._firstPT;
+ while (pt) {
+ if (lookup[this._propName] || (pt.n != null && lookup[ pt.n.split(this._propName + "_").join("") ])) { //some properties that are very plugin-specific add a prefix named after the _propName plus an underscore, so we need to ignore that extra stuff here.
+ pt.r = value;
+ }
+ pt = pt._next;
+ }
+ };
+
+ TweenLite._onPluginEvent = function(type, tween) {
+ var pt = tween._firstPT,
+ changed, pt2, first, last, next;
+ if (type === "_onInitAllProps") {
+ //sorts the PropTween linked list in order of priority because some plugins need to render earlier/later than others, like MotionBlurPlugin applies its effects after all x/y/alpha tweens have rendered on each frame.
+ while (pt) {
+ next = pt._next;
+ pt2 = first;
+ while (pt2 && pt2.pr > pt.pr) {
+ pt2 = pt2._next;
+ }
+ if ((pt._prev = pt2 ? pt2._prev : last)) {
+ pt._prev._next = pt;
+ } else {
+ first = pt;
+ }
+ if ((pt._next = pt2)) {
+ pt2._prev = pt;
+ } else {
+ last = pt;
+ }
+ pt = next;
+ }
+ pt = tween._firstPT = first;
+ }
+ while (pt) {
+ if (pt.pg) if (typeof(pt.t[type]) === "function") if (pt.t[type]()) {
+ changed = true;
+ }
+ pt = pt._next;
+ }
+ return changed;
+ };
+
+ TweenPlugin.activate = function(plugins) {
+ var i = plugins.length;
+ while (--i > -1) {
+ if (plugins[i].API === TweenPlugin.API) {
+ _plugins[(new plugins[i]())._propName] = plugins[i];
+ }
+ }
+ return true;
+ };
+
+ //provides a more concise way to define plugins that have no dependencies besides TweenPlugin and TweenLite, wrapping common boilerplate stuff into one function (added in 1.9.0). You don't NEED to use this to define a plugin - the old way still works and can be useful in certain (rare) situations.
+ _gsDefine.plugin = function(config) {
+ if (!config || !config.propName || !config.init || !config.API) { throw "illegal plugin definition."; }
+ var propName = config.propName,
+ priority = config.priority || 0,
+ overwriteProps = config.overwriteProps,
+ map = {init:"_onInitTween", set:"setRatio", kill:"_kill", round:"_roundProps", initAll:"_onInitAllProps"},
+ Plugin = _class("plugins." + propName.charAt(0).toUpperCase() + propName.substr(1) + "Plugin",
+ function() {
+ TweenPlugin.call(this, propName, priority);
+ this._overwriteProps = overwriteProps || [];
+ }, (config.global === true)),
+ p = Plugin.prototype = new TweenPlugin(propName),
+ prop;
+ p.constructor = Plugin;
+ Plugin.API = config.API;
+ for (prop in map) {
+ if (typeof(config[prop]) === "function") {
+ p[map[prop]] = config[prop];
+ }
+ }
+ Plugin.version = config.version;
+ TweenPlugin.activate([Plugin]);
+ return Plugin;
+ };
+
+
+ //now run through all the dependencies discovered and if any are missing, log that to the console as a warning. This is why it's best to have TweenLite load last - it can check all the dependencies for you.
+ a = window._gsQueue;
+ if (a) {
+ for (i = 0; i < a.length; i++) {
+ a[i]();
+ }
+ for (p in _defLookup) {
+ if (!_defLookup[p].func) {
+ //window.console.log("GSAP encountered missing dependency: com.greensock." + p);
+ }
+ }
+ }
+
+ _tickerActive = false; //ensures that the first official animation forces a ticker.tick() to update the time when it is instantiated
+
+})(window);
+
+angular.module('b2b.att.collapse', ['b2b.att.transition'])
+
+// The collapsible directive indicates a block of html that will expand and collapse
+.directive('b2bCollapse', ['$transition', function($transition) {
+ // CSS transitions don't work with height: auto, so we have to manually change the height to a
+ // specific value and then once the animation completes, we can reset the height to auto.
+ // Unfortunately if you do this while the CSS transitions are specified (i.e. in the CSS class
+ // "collapse") then you trigger a change to height 0 in between.
+ // The fix is to remove the "collapse" CSS class while changing the height back to auto - phew!
+
+ var props = {
+ open: {
+ marginTop: null,
+ marginBottom: null,
+ paddingTop: null,
+ paddingBottom: null,
+ display: 'block'
+ },
+ closed: {
+ marginTop: 0,
+ marginBottom: 0,
+ paddingTop: 0,
+ paddingBottom: 0,
+ display: 'none'
+ }
+ };
+
+ var fixUpHeight = function(scope, element, height) {
+ // We remove the collapse CSS class to prevent a transition when we change to height: auto
+ element.removeClass('b2bCollapse');
+ element.css({height: height});
+ //adjusting for any margin or padding
+ if (height === 0) {
+ element.css(props.closed);
+ } else {
+ element.css(props.open);
+ }
+ // It appears that reading offsetWidth makes the browser realise that we have changed the
+ // height already :-/
+ var x = element[0].offsetWidth;
+ element.addClass('b2bCollapse');
+ };
+
+ return {
+ link: function(scope, element, attrs) {
+ var isCollapsed;
+ var initialAnimSkip = true;
+ scope.$watch(function() {
+ return element[0].scrollHeight;
+ }, function(value) {
+ //The listener is called when scrollHeight changes
+ //It actually does on 2 scenarios:
+ // 1. Parent is set to display none
+ // 2. angular bindings inside are resolved
+ //When we have a change of scrollHeight we are setting again the correct height if the group is opened
+ if (element[0].scrollHeight !== 0) {
+ if (!isCollapsed) {
+ if (initialAnimSkip) {
+ fixUpHeight(scope, element, element[0].scrollHeight + 'px');
+ } else {
+ fixUpHeight(scope, element, 'auto');
+ element.css({overflow: 'visible'});
+ }
+ }
+ }
+ });
+
+ scope.$watch(attrs.b2bCollapse, function(value) {
+ if (value) {
+ collapse();
+ } else {
+ expand();
+ }
+ });
+
+
+ var currentTransition;
+ var doTransition = function(change) {
+ if (currentTransition) {
+ currentTransition.cancel();
+ }
+ currentTransition = $transition(element, change);
+ currentTransition.then(
+ function() {
+ currentTransition = undefined;
+ },
+ function() {
+ currentTransition = undefined;
+ }
+ );
+ return currentTransition;
+ };
+
+ var expand = function() {
+ scope.postTransition = true;
+ if (initialAnimSkip) {
+ initialAnimSkip = false;
+ if (!isCollapsed) {
+ fixUpHeight(scope, element, 'auto');
+ }
+ } else {
+ //doTransition({ height : element[0].scrollHeight + 'px' })
+ doTransition(angular.extend({height: element[0].scrollHeight + 'px'}, props.open))
+ .then(function() {
+ // This check ensures that we don't accidentally update the height if the user has closed
+ // the group while the animation was still running
+ if (!isCollapsed) {
+ fixUpHeight(scope, element, 'auto');
+ }
+ });
+ }
+ isCollapsed = false;
+ };
+
+ var collapse = function() {
+ isCollapsed = true;
+ if (initialAnimSkip) {
+ initialAnimSkip = false;
+ fixUpHeight(scope, element, 0);
+ } else {
+ fixUpHeight(scope, element, element[0].scrollHeight + 'px');
+ doTransition(angular.extend({height: 0}, props.closed)).then(function() {
+ scope.postTransition = false;
+ });
+ element.css({overflow: 'hidden'});
+ }
+ };
+ }
+ };
+}]);
+angular.module('b2b.att.position', [])
+
+.factory('$position', ['$document', '$window', function ($document, $window) {
+ function getStyle(el, cssprop) {
+ if (el.currentStyle) { //IE
+ return el.currentStyle[cssprop];
+ } else if ($window.getComputedStyle) {
+ return $window.getComputedStyle(el)[cssprop];
+ }
+ // finally try and get inline style
+ return el.style[cssprop];
+ }
+
+ /**
+ * Checks if a given element is statically positioned
+ * @param element - raw DOM element
+ */
+ function isStaticPositioned(element) {
+ return (getStyle(element, "position") || 'static') === 'static';
+ }
+
+ /**
+ * returns the closest, non-statically positioned parentOffset of a given element
+ * @param element
+ */
+ var parentOffsetEl = function (element) {
+ var docDomEl = $document[0];
+ var offsetParent = element.offsetParent || docDomEl;
+ while (offsetParent && offsetParent !== docDomEl && isStaticPositioned(offsetParent)) {
+ offsetParent = offsetParent.offsetParent;
+ }
+ return offsetParent || docDomEl;
+ };
+
+ return {
+ /**
+ * Provides read-only equivalent of jQuery's position function:
+ * http://api.jquery.com/position/
+ */
+ position: function (element) {
+ var elBCR = this.offset(element);
+ var offsetParentBCR = {
+ top: 0,
+ left: 0
+ };
+ var offsetParentEl = parentOffsetEl(element[0]);
+ if (offsetParentEl !== $document[0]) {
+ offsetParentBCR = this.offset(angular.element(offsetParentEl));
+ offsetParentBCR.top += offsetParentEl.clientTop - offsetParentEl.scrollTop;
+ offsetParentBCR.left += offsetParentEl.clientLeft - offsetParentEl.scrollLeft;
+ }
+
+ return {
+ width: element.prop('offsetWidth'),
+ height: element.prop('offsetHeight'),
+ top: elBCR.top - offsetParentBCR.top,
+ left: elBCR.left - offsetParentBCR.left
+ };
+ },
+
+ /**
+ * Provides read-only equivalent of jQuery's offset function:
+ * http://api.jquery.com/offset/
+ */
+ offset: function (element) {
+ var boundingClientRect = element[0].getBoundingClientRect();
+ return {
+ width: element.prop('offsetWidth'),
+ height: element.prop('offsetHeight'),
+ top: boundingClientRect.top + ($window.pageYOffset || $document[0].body.scrollTop || $document[0].documentElement.scrollTop),
+ left: boundingClientRect.left + ($window.pageXOffset || $document[0].body.scrollLeft || $document[0].documentElement.scrollLeft)
+ };
+ },
+
+ /**
+ * Provides functionality to check whether an element is in view port.
+ */
+ isElementInViewport: function (element) {
+ if (element) {
+ var rect = element[0].getBoundingClientRect();
+ return (
+ rect.top >= 0 &&
+ rect.left >= 0 &&
+ rect.bottom <= ($window.innerHeight || $document[0].documentElement.clientHeight) &&
+ rect.right <= ($window.innerWidth || $document[0].documentElement.clientWidth)
+ );
+ } else {
+ return false;
+ }
+ }
+ };
+}])
+
+.factory('$isElement', [function () {
+ var isElement = function (currentElem, targetElem, alternateElem) {
+ if (currentElem[0] === targetElem[0]) {
+ return true;
+ } else if (currentElem[0] === alternateElem[0]) {
+ return false;
+ } else {
+ return isElement((currentElem.parent()[0] && currentElem.parent()) || targetElem, targetElem, alternateElem);
+ }
+ };
+
+ return isElement;
+}])
+
+.directive('attPosition', ['$position', function ($position) {
+ return {
+ restrict: 'A',
+ link: function (scope, elem, attr) {
+ scope.$watchCollection(function () {
+ return $position.position(elem);
+ }, function (value) {
+ scope[attr.attPosition] = value;
+ });
+ }
+ };
+}]);
+
+angular.module('b2b.att.transition', [])
+
+.factory('$transition', ['$q', '$timeout', '$rootScope', function($q, $timeout, $rootScope) {
+
+ var $transition = function(element, trigger, options) {
+ options = options || {};
+ var deferred = $q.defer();
+ var endEventName = $transition[options.animation ? "animationEndEventName" : "transitionEndEventName"];
+
+ var transitionEndHandler = function() {
+ $rootScope.$apply(function() {
+ element.unbind(endEventName, transitionEndHandler);
+ deferred.resolve(element);
+ });
+ };
+
+ if (endEventName) {
+ element.bind(endEventName, transitionEndHandler);
+ }
+
+ // Wrap in a timeout to allow the browser time to update the DOM before the transition is to occur
+ $timeout(function() {
+ if ( angular.isString(trigger) ) {
+ element.addClass(trigger);
+ } else if ( angular.isFunction(trigger) ) {
+ trigger(element);
+ } else if ( angular.isObject(trigger) ) {
+ element.css(trigger);
+ }
+ //If browser does not support transitions, instantly resolve
+ if ( !endEventName ) {
+ deferred.resolve(element);
+ }
+ }, 100);
+
+ // Add our custom cancel function to the promise that is returned
+ // We can call this if we are about to run a new transition, which we know will prevent this transition from ending,
+ // i.e. it will therefore never raise a transitionEnd event for that transition
+ deferred.promise.cancel = function() {
+ if ( endEventName ) {
+ element.unbind(endEventName, transitionEndHandler);
+ }
+ deferred.reject('Transition cancelled');
+ };
+
+ return deferred.promise;
+ };
+
+ // Work out the name of the transitionEnd event
+ var transElement = document.createElement('trans');
+ var transitionEndEventNames = {
+ 'WebkitTransition': 'webkitTransitionEnd',
+ 'MozTransition': 'transitionend',
+ 'OTransition': 'oTransitionEnd',
+ 'transition': 'transitionend'
+ };
+ var animationEndEventNames = {
+ 'WebkitTransition': 'webkitAnimationEnd',
+ 'MozTransition': 'animationend',
+ 'OTransition': 'oAnimationEnd',
+ 'transition': 'animationend'
+ };
+ function findEndEventName(endEventNames) {
+ for (var name in endEventNames){
+ if (transElement.style[name] !== undefined) {
+ return endEventNames[name];
+ }
+ }
+ }
+ $transition.transitionEndEventName = findEndEventName(transitionEndEventNames);
+ $transition.animationEndEventName = findEndEventName(animationEndEventNames);
+ return $transition;
+}])
+
+.factory('$scrollTo', ['$window', function($window) {
+ var $scrollTo = function(offsetLeft, offsetTop, duration) {
+ TweenMax.to($window, duration || 1, {scrollTo: {y: offsetTop, x: offsetLeft}, ease: Power4.easeOut});
+ };
+ return $scrollTo;
+}])
+.factory('animation', function(){
+ return TweenMax;
+})
+.factory('$progressBar', function(){
+
+ //Provides a function to pass in code for closure purposes
+ var loadingAnimationCreator = function(onUpdateCallback){
+
+ //Use closure to setup some resuable code
+ var loadingAnimation = function(callback, duration){
+ TweenMax.to({}, duration, {
+ onUpdateParams: ["{self}"],
+ onUpdate: onUpdateCallback,
+ onComplete: callback
+ });
+ };
+ //Returns a function that takes a callback function and a duration for the animation
+ return (function(){
+ return loadingAnimation;
+ })();
+ };
+
+ return loadingAnimationCreator;
+})
+.factory('$height', function(){
+ var heightAnimation = function(element,duration,height,alpha){
+ TweenMax.to(element,
+ duration,
+ {height:height, autoAlpha:alpha},
+ 0);
+ };
+ return heightAnimation;
+});
+angular.module('b2b.att.utilities', ['ngSanitize'])
+.constant('b2bUtilitiesConfig', {
+ prev: '37',
+ up: '38',
+ next: '39',
+ down: '40',
+ type: 'list',
+ columns: 1,
+ enableSearch: false,
+ searchTimer: 200,
+ circularTraversal: false
+})
+.constant('b2bWhenScrollEndsConstants', {
+ 'threshold': 100,
+ 'width': 0,
+ 'height': 0
+})
+// All breakpoints ranges from >= min and < max
+.constant('b2bAwdBreakpoints', {
+ breakpoints: {
+ mobile: {
+ min: 1,
+ max: 768
+ },
+ tablet: {
+ min: 768,
+ max: 1025
+ },
+ desktop: {
+ min: 1025,
+ max: 1920
+ }
+ }
+})
+.filter('groupBy', function ($timeout) {
+ //Custom GroupBy Filter for treeNav, returns key string and value.childarray as set of grouped elements
+ return function (data, key) {
+ if (!key) return data;
+ var outputPropertyName = '__groupBy__' + key;
+ if (!data[outputPropertyName]) {
+ var result = {};
+ for (var i = 0; i < data.length; i++) {
+ if (!result[data[i][key]])
+ result[data[i][key]] = {};
+ if (!result[data[i][key]].childArray) {
+ result[data[i][key]].childArray = [];
+ }
+ result[data[i][key]].childArray.push(data[i]);
+ if (data[i].activeGrp && data[i].activeGrp == true) {
+ console.log('make ' + data[i].grpChild + ' active');
+ result[data[i][key]].showGroup = true;
+ }
+ }
+ Object.defineProperty(result, 'length', {enumerable: false,value: Object.keys(result).length});
+ Object.defineProperty(data, outputPropertyName, {enumerable: false,configurable: true,writable:false,value:result});
+ $timeout(function(){delete data[outputPropertyName];},0,false);
+ }
+ return data[outputPropertyName];
+ };
+})
+.filter('searchObjectPropertiesFilter', [function() {
+ return function(items, searchText, attrs) {
+ if(!searchText){
+ return items;
+ }
+ var filtered = [];
+ searchText = searchText.toLowerCase();
+ angular.forEach(items, function(item) {
+ angular.forEach(attrs, function(attr) {
+ if (item.hasOwnProperty(attr) && item[attr].toLowerCase().includes(searchText)) {
+ filtered.push(item);
+ return;
+ }
+ });
+ });
+ return filtered;
+ };
+}])
+.filter('unsafe',[ '$sce', function ($sce) {
+ return function(val){
+ return $sce.trustAsHtml(val);
+ };
+}])
+.filter('b2bHighlight', function () {
+ function escapeRegexp(queryToEscape) {
+ return queryToEscape.replace(/([.?*+^$[\]\\(){}|-])/g, '\\$1');
+ }
+ return function (matchItem, query, className) {
+ return query && matchItem ? matchItem.replace(new RegExp(escapeRegexp(query), 'gi'), '<span class=\"' + className + '\">$&</span>') : matchItem;
+ }
+})
+/*License (MIT)
+Copyright © 2013 Matt Diamond
+https://github.com/cwilso/AudioRecorder/blob/master/js/recorderjs/recorder.js
+*/
+.factory('b2bRecorder', function() {
+
+ var Recorder = function(source, cfg) {
+ var WORKER_PATH = 'recorderWorker.js';
+ var config = cfg || {};
+ var bufferLen = config.bufferLen || 4096;
+ this.context = source.context;
+ if(!this.context.createScriptProcessor) {
+ this.node = this.context.createJavacriptProcessor(bufferLen, 2, 2);
+ } else {
+ this.node = this.context.createScriptProcessor(bufferLen, 2, 2);
+ }
+ var workerCode = 'function init(a){sampleRate=a.sampleRate}function record(a){recBuffersL.push(a[0]),recBuffersR.push(a[1]),recLength+=a[0].length}function exportWAV(a){var b=mergeBuffers(recBuffersL,recLength),c=mergeBuffers(recBuffersR,recLength),d=interleave(b,c),e=encodeWAV(d),f=new Blob([e],{type:a});this.postMessage(f)}function exportMonoWAV(a){var b=mergeBuffers(recBuffersL,recLength),c=encodeWAV(b,!0),d=new Blob([c],{type:a});this.postMessage(d)}function getBuffers(){var a=[];a.push(mergeBuffers(recBuffersL,recLength)),a.push(mergeBuffers(recBuffersR,recLength)),this.postMessage(a)}function clear(){recLength=0,recBuffersL=[],recBuffersR=[]}function mergeBuffers(a,b){for(var c=new Float32Array(b),d=0,e=0;e<a.length;e++)c.set(a[e],d),d+=a[e].length;return c}function interleave(a,b){for(var c=a.length+b.length,d=new Float32Array(c),e=0,f=0;e<c;)d[e++]=a[f],d[e++]=b[f],f++;return d}function floatTo16BitPCM(a,b,c){for(var d=0;d<c.length;d++,b+=2){var e=Math.max(-1,Math.min(1,c[d]));a.setInt16(b,e<0?32768*e:32767*e,!0)}}function writeString(a,b,c){for(var d=0;d<c.length;d++)a.setUint8(b+d,c.charCodeAt(d))}function encodeWAV(a,b){var c=new ArrayBuffer(44+2*a.length),d=new DataView(c);return writeString(d,0,"RIFF"),d.setUint32(4,32+2*a.length,!0),writeString(d,8,"WAVE"),writeString(d,12,"fmt "),d.setUint32(16,16,!0),d.setUint16(20,1,!0),d.setUint16(22,b?1:2,!0),d.setUint32(24,sampleRate,!0),d.setUint32(28,4*sampleRate,!0),d.setUint16(32,4,!0),d.setUint16(34,16,!0),writeString(d,36,"data"),d.setUint32(40,2*a.length,!0),floatTo16BitPCM(d,44,a),d}var recLength=0,recBuffersL=[],recBuffersR=[],sampleRate;this.onmessage=function(a){switch(a.data.command){case"init":init(a.data.config);break;case"record":record(a.data.buffer);break;case"exportWAV":exportWAV(a.data.type);break;case"exportMonoWAV":exportMonoWAV(a.data.type);break;case"getBuffers":getBuffers();break;case"clear":clear()}};';
+ var blob = new Blob([workerCode]);
+
+ var worker = new Worker(window.URL.createObjectURL(blob)); //TODO: Use a blob instead
+ worker.postMessage({
+ command: 'init',
+ config: {
+ sampleRate: this.context.sampleRate
+ }
+ });
+ var recording = false,
+ currCallback;
+
+ this.node.onaudioprocess = function(e) {
+ if (!recording) return;
+ worker.postMessage({
+ command: 'record',
+ buffer: [
+ e.inputBuffer.getChannelData(0),
+ e.inputBuffer.getChannelData(1)
+ ]
+ });
+ };
+
+ this.configure = function(cfg) {
+ for (var prop in cfg) {//TODO: look into using angular.extend() here
+ if (cfg.hasOwnProperty(prop)) {
+ config[prop] = cfg[prop];
+ }
+ }
+ };
+
+ this.record = function() {
+ recording = true;
+ };
+
+ this.stop = function() {
+ recording = false;
+ };
+
+ this.clear = function() {
+ worker.postMessage({ command: 'clear' });
+ window.URL.revokeObjectURL(blob);
+ };
+
+ this.getBuffers = function(cb) {
+ currCallback = cb || config.callback;
+ worker.postMessage({ command: 'getBuffers' });
+ };
+
+ this.exportWAV = function(cb, type) {
+ currCallback = cb || config.callback;
+ type = type || config.type || 'audio/wav';
+ if (!currCallback) throw new Error('[b2bRecorder]: Callback not set!');
+ worker.postMessage({
+ command: 'exportWAV',
+ type: type
+ });
+ };
+
+ this.exportMonoWAV = function(cb, type) {
+ currCallback = cb || config.callback;
+ type = type || config.type || 'audio/wav';
+ if (!currCallback) throw new Error('[b2bRecorder]: Callback not set!');
+ worker.postMessage({
+ command: 'exportMonoWAV',
+ type: type
+ });
+ };
+
+ worker.onmessage = function(e) {
+ var blob = e.data;
+ currCallback(blob);
+ };
+
+ source.connect(this.node);
+ this.node.connect(this.context.destination); // if the script node is not connected to an output the "onaudioprocess" event is not triggerd in Chrome
+
+ };
+
+ return Recorder;
+
+})
+.factory('b2bViewport', function() {
+ /* Source: https://gist.github.com/bjankord/2399828 */
+ var _viewportWidth = function() {
+ var vpw;
+ var webkit = (!(window.webkitConvertPointFromNodeToPage == null));
+
+ // Webkit:
+ if ( webkit ) {
+ var vpwtest = document.createElement( "div" );
+ // Sets test div to width 100%, !important overrides any other misc. box model styles that may be set in the CSS
+ vpwtest.style.cssText = "width:100% !important; margin:0 !important; padding:0 !important; border:none !important;";
+ document.documentElement.insertBefore( vpwtest, document.documentElement.firstChild );
+ vpw = vpwtest.offsetWidth;
+ document.documentElement.removeChild( vpwtest );
+ }
+ // IE 6-8:
+ else if ( window.innerWidth === undefined ) {
+ vpw = document.documentElement.clientWidth;
+ }
+ // Other:
+ else{
+ vpw = window.innerWidth;
+ }
+
+ return (vpw);
+ }
+ return {
+ viewportWidth: _viewportWidth
+ };
+})
+.directive('b2bWhenScrollEnds', function(b2bWhenScrollEndsConstants, $log) {
+ return {
+ restrict: 'A',
+ link: function (scope, element, attrs) {
+ /**
+ * Exposed Attributes:
+ * threshold - integer - number of pixels before scrollbar hits end that callback is called
+ * width - integer - override for element's width (px)
+ * height - integer - override for element's height (px)
+ * axis - string - x/y for scroll bar axis
+ */
+ var threshold = parseInt(attrs.threshold, 10) || b2bWhenScrollEndsConstants.threshold;
+
+ if (!attrs.axis || attrs.axis === '') {
+ $log.warn('axis attribute must be defined for b2bWhenScrollEnds.');
+ return;
+ }
+
+ if (attrs.axis === 'x') {
+ visibleWidth = parseInt(attrs.width, 10) || b2bWhenScrollEndsConstants.width;
+ if (element.css('width')) {
+ visibleWidth = element.css('width').split('px')[0];
+ }
+
+ element[0].addEventListener('scroll', function() {
+ var scrollableWidth = element.prop('scrollWidth');
+ if (scrollableWidth === undefined) {
+ scrollableWidth = 1;
+ }
+ var hiddenContentWidth = scrollableWidth - visibleWidth;
+
+ if (hiddenContentWidth - element[0].scrollLeft <= threshold) {
+ /* Scroll almost at bottom, load more rows */
+ scope.$apply(attrs.b2bWhenScrollEnds);
+ }
+ });
+ } else if (attrs.axis === 'y') {
+ visibleHeight = parseInt(attrs.height, 10) || b2bWhenScrollEndsConstants.height;
+ if (element.css('width')) {
+ visibleHeight = element.css('height').split('px')[0];
+ }
+
+ element[0].addEventListener('scroll', function() {
+ var scrollableHeight = element.prop('scrollHeight');
+ if (scrollableHeight === undefined) {
+ scrollableHeight = 1;
+ }
+ var hiddenContentHeight = scrollableHeight - visibleHeight;
+
+ if (hiddenContentHeight - element[0].scrollTop <= threshold) {
+ /* Scroll almost at bottom, load more rows */
+ scope.$apply(attrs.b2bWhenScrollEnds);
+ }
+ });
+ }
+ }
+ };
+})
+
+.factory('$windowBind', ['$window', '$timeout', function($window, $timeout) {
+ var win = angular.element($window);
+ var _scroll = function (flag, callbackFunc, scope) {
+ scope.$watch(flag, function (val) {
+ $timeout(function () {
+ if (val) {
+ win.bind('scroll', callbackFunc);
+ } else {
+ win.unbind('scroll', callbackFunc);
+ }
+ });
+ });
+ };
+
+ var throttle = function(type, name, obj) {
+ obj = obj || window;
+ var running = false;
+ var func = function() {
+ if (running) { return; }
+ running = true;
+ requestAnimationFrame(function() {
+ obj.dispatchEvent(new CustomEvent(name));
+ running = false;
+ });
+ };
+ obj.addEventListener(type, func);
+ };
+
+ var _resize = function(callbackFunc, scope) {
+ throttle("resize", "optimizedResize");
+ window.addEventListener("optimizedResize", function(event) {
+ callbackFunc();
+ //win.bind(event, callbackFunc);
+ if (!scope.$$phase) {
+ scope.$digest();
+ }
+ });
+ };
+
+ var _click = function (flag, callbackFunc, scope) {
+ scope.$watch(flag, function (val) {
+ $timeout(function () {
+ if (val) {
+ win.bind('click', callbackFunc);
+ } else {
+ win.unbind('click', callbackFunc);
+ }
+ });
+ });
+ };
+
+ var _event = function (event, flag, callbackFunc, scope, timeoutFlag, timeoutValue) {
+ if (timeoutFlag) {
+ if (!(timeoutValue)) {
+ timeoutValue = 0;
+ }
+ scope.$watch(flag, function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ $timeout(function () {
+ if (newVal) {
+ win.bind(event, callbackFunc);
+ } else {
+ win.unbind(event, callbackFunc);
+ }
+ }, timeoutValue);
+ }
+ });
+ } else {
+ scope.$watch(flag, function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ if (newVal) {
+ win.bind(event, callbackFunc);
+ } else {
+ win.unbind(event, callbackFunc);
+ }
+ }
+ });
+ }
+ };
+
+ return {
+ click: _click,
+ scroll: _scroll,
+ event: _event,
+ resize: _resize
+ };
+}])
+
+.factory('keymap', function () {
+ return {
+ KEY: {
+ TAB: 9,
+ ENTER: 13,
+ ESC: 27,
+ SPACE: 32,
+ LEFT: 37,
+ UP: 38,
+ RIGHT: 39,
+ DOWN: 40,
+ SHIFT: 16,
+ CTRL: 17,
+ ALT: 18,
+ PAGE_UP: 33,
+ PAGE_DOWN: 34,
+ HOME: 36,
+ END: 35,
+ BACKSPACE: 8,
+ DELETE: 46,
+ COMMAND: 91
+ },
+ MAP: { 91 : "COMMAND", 8 : "BACKSPACE" , 9 : "TAB" , 13 : "ENTER" , 16 : "SHIFT" , 17 : "CTRL" , 18 : "ALT" , 19 : "PAUSEBREAK" , 20 : "CAPSLOCK" , 27 : "ESC" , 32 : "SPACE" , 33 : "PAGE_UP", 34 : "PAGE_DOWN" , 35 : "END" , 36 : "HOME" , 37 : "LEFT" , 38 : "UP" , 39 : "RIGHT" , 40 : "DOWN" , 43 : "+" , 44 : "PRINTSCREEN" , 45 : "INSERT" , 46 : "DELETE", 48 : "0" , 49 : "1" , 50 : "2" , 51 : "3" , 52 : "4" , 53 : "5" , 54 : "6" , 55 : "7" , 56 : "8" , 57 : "9" , 59 : ";", 61 : "=" , 65 : "A" , 66 : "B" , 67 : "C" , 68 : "D" , 69 : "E" , 70 : "F" , 71 : "G" , 72 : "H" , 73 : "I" , 74 : "J" , 75 : "K" , 76 : "L", 77 : "M" , 78 : "N" , 79 : "O" , 80 : "P" , 81 : "Q" , 82 : "R" , 83 : "S" , 84 : "T" , 85 : "U" , 86 : "V" , 87 : "W" , 88 : "X" , 89 : "Y" , 90 : "Z", 96 : "0" , 97 : "1" , 98 : "2" , 99 : "3" , 100 : "4" , 101 : "5" , 102 : "6" , 103 : "7" , 104 : "8" , 105 : "9", 106 : "*" , 107 : "+" , 109 : "-" , 110 : "." , 111 : "/", 112 : "F1" , 113 : "F2" , 114 : "F3" , 115 : "F4" , 116 : "F5" , 117 : "F6" , 118 : "F7" , 119 : "F8" , 120 : "F9" , 121 : "F10" , 122 : "F11" , 123 : "F12", 144 : "NUMLOCK" , 145 : "SCROLLLOCK" , 186 : ";" , 187 : "=" , 188 : "," , 189 : "-" , 190 : "." , 191 : "/" , 192 : "`" , 219 : "[" , 220 : "\\" , 221 : "]" , 222 : "'"
+ },
+ isControl: function (e) {
+ var k = e.keyCode;
+ switch (k) {
+ case this.KEY.COMMAND:
+ case this.KEY.SHIFT:
+ case this.KEY.CTRL:
+ case this.KEY.ALT:
+ return true;
+ default:;
+ }
+
+ if (e.metaKey) {
+ return true;
+ }
+
+ return false;
+ },
+ isFunctionKey: function (k) {
+ k = k.keyCode ? k.keyCode : k;
+ return k >= 112 && k <= 123;
+ },
+ isVerticalMovement: function (k) {
+ return ~[this.KEY.UP, this.KEY.DOWN].indexOf(k);
+ },
+ isHorizontalMovement: function (k) {
+ return ~[this.KEY.LEFT, this.KEY.RIGHT, this.KEY.BACKSPACE, this.KEY.DELETE].indexOf(k);
+ },
+ isAllowedKey: function (k) {
+ return (~[this.KEY.SPACE, this.KEY.ESC, this.KEY.ENTER].indexOf(k)) || this.isHorizontalMovement(k) || this.isVerticalMovement(k);
+ },
+ isNumericKey: function (e) {
+ var k = e.keyCode;
+ if ((k >= 48 && k <= 57) || (k >= 96 && k <= 105)) {
+ return true;
+ } else {
+ return false;
+ }
+ },
+ isAlphaNumericKey: function (e) {
+ var k = e.keyCode;
+ if ((k >= 48 && k <= 57) || (k >= 96 && k <= 105) || (k >= 65 && k <= 90)) {
+ return true;
+ } else {
+ return false;
+ }
+ }
+ };
+})
+
+.factory('$isElement', [function () {
+ var isElement = function (currentElem, targetElem, alternateElem) {
+ if (currentElem[0] === targetElem[0]) {
+ return true;
+ } else if (currentElem[0] === alternateElem[0]) {
+ return false;
+ } else {
+ return isElement((currentElem.parent()[0] && currentElem.parent()) || targetElem, targetElem, alternateElem);
+ }
+ };
+
+ return isElement;
+}])
+
+.factory('events', function () {
+ var _stopPropagation = function (evt) {
+ if (evt.stopPropagation) {
+ evt.stopPropagation();
+ } else {
+ evt.returnValue = false;
+ }
+ };
+ var _preventDefault = function (evt) {
+ if (evt.preventDefault) {
+ evt.preventDefault();
+ } else {
+ evt.returnValue = false;
+ }
+ }
+ return {
+ stopPropagation: _stopPropagation,
+ preventDefault: _preventDefault
+ };
+})
+
+
+.factory('$documentBind', ['$document', '$timeout', function ($document, $timeout) {
+ var _click = function (flag, callbackFunc, scope) {
+ scope.$watch(flag, function (val) {
+ $timeout(function () {
+ if (val) {
+ $document.bind('click', callbackFunc);
+ } else {
+ $document.unbind('click', callbackFunc);
+ }
+ });
+ });
+ };
+
+ var _scroll = function (flag, callbackFunc, scope) {
+ scope.$watch(flag, function (val) {
+ $timeout(function () {
+ if (val) {
+ $document.bind('scroll', callbackFunc);
+ } else {
+ $document.unbind('scroll', callbackFunc);
+ }
+ });
+ });
+ };
+
+ var _event = function (event, flag, callbackFunc, scope, timeoutFlag, timeoutValue) {
+ if (timeoutFlag) {
+ if (!(timeoutValue)) {
+ timeoutValue = 0;
+ }
+ scope.$watch(flag, function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ $timeout(function () {
+ if (newVal) {
+ $document.bind(event, callbackFunc);
+ } else {
+ $document.unbind(event, callbackFunc);
+ }
+ }, timeoutValue);
+ }
+ });
+ } else {
+ scope.$watch(flag, function (newVal, oldVal) {
+ if (newVal !== oldVal) {
+ if (newVal) {
+ $document.bind(event, callbackFunc);
+ } else {
+ $document.unbind(event, callbackFunc);
+ }
+ }
+ });
+ }
+ };
+
+ return {
+ click: _click,
+ scroll: _scroll,
+ event: _event
+ };
+}])
+
+.directive('b2bOnlyNums', function (keymap) {
+ return {
+ restrict: 'A',
+ require: 'ngModel',
+ link: function (scope, elm, attrs, ctrl) {
+ var maxChars = attrs.b2bOnlyNums ? attrs.b2bOnlyNums : 4;
+ elm.on('keydown', function (event) {
+ if ((event.which >= 48 && event.which <= 57) || (event.which >= 96 && event.which <= 105)) {
+ // check for maximum characters allowed
+ if (elm.val().length < maxChars){
+ return true;
+ } else {
+ event.preventDefault();
+ return false;
+ }
+ } else if ([8, 9, 13, 27, 37, 38, 39, 40].indexOf(event.which) > -1) {
+ // to allow backspace, tab, enter, escape, arrows
+ return true;
+ } else if (event.altKey || event.ctrlKey) {
+ // to allow alter, control, and shift keys
+ return true;
+ } else {
+ // to stop others
+ event.preventDefault();
+ return false;
+ }
+ });
+
+ var validateString = function (value) {
+ if (angular.isUndefined(value) || value === null || value === '') {
+ return ctrl.$modelValue;
+ }
+ return value;
+ };
+ ctrl.$parsers.unshift(validateString);
+ }
+ }
+})
+
+.directive('b2bKeyupClick', [ function () {
+ return {
+ restrict: 'A',
+ link: function (scope, elem, attr) {
+ var keyCode = [];
+ attr.$observe('b2bKeyupClick', function (value) {
+ if (value) {
+ keyCode = value.split(',');
+ }
+ });
+ elem.bind('keydown keyup', function (ev) {
+ var keyCodeCondition = function () {
+ var flag = false;
+ if (!(ev.keyCode)) {
+ if (ev.which) {
+ ev.keyCode = ev.which;
+ } else if (ev.charCode) {
+ ev.keyCode = ev.charCode;
+ }
+ }
+ if ((ev.keyCode && keyCode.indexOf(ev.keyCode.toString()) > -1)) {
+ flag = true;
+ }
+ return flag;
+ };
+ if (ev.type === 'keydown' && keyCodeCondition()) {
+ ev.preventDefault();
+ }
+ else if (ev.type === 'keyup' && keyCodeCondition()) {
+ elem[0].click();
+ }
+ });
+ }
+ };
+}])
+
+.factory('b2bDOMHelper', function() {
+
+ var _isTabable = function(node) {
+ var element = angular.element(node);
+ var tagName = element[0].tagName.toUpperCase();
+
+ if (isHidden(element)) {
+ return false;
+ }
+ if (element.attr('tabindex') !== undefined) {
+ return (parseInt(element.attr('tabindex'), 10) >= 0);
+ }
+ if (tagName === 'A' || tagName === 'AREA' || tagName === 'BUTTON' || tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') {
+ if (tagName === 'A' || tagName === 'AREA') {
+ // anchors/areas without href are not focusable
+ return (element[0].href !== '');
+ }
+ return !(element[0].disabled || element[0].readOnly);
+ }
+ return false;
+ };
+
+ function isValidChild(child) {
+ return child.nodeType == 1 && child.nodeName != 'SCRIPT' && child.nodeName != 'STYLE';
+ }
+
+ function isHidden(obj) {
+ var elem = angular.element(obj);
+ var elemStyle = undefined;
+ if(obj instanceof HTMLElement){
+ elemStyle = window.getComputedStyle(obj);
+ }
+ else {
+ elemStyle = window.getComputedStyle(obj[0]);
+ }
+ return elem.hasClass('ng-hide') || elem.css('display') === 'none' || elemStyle.display === 'none' || elemStyle.visibility === 'hidden' || elem.css('visibility') === 'hidden';
+ }
+
+ function hasValidParent(obj) {
+ return (isValidChild(obj) && obj.parentElement.nodeName !== 'BODY');
+ }
+
+ function traverse(obj, fromTop) {
+ var obj = obj || document.getElementsByTagName('body')[0];
+ if (isValidChild(obj) && _isTabable(obj)) {
+ return obj;
+ }
+ // If object is hidden, skip it's children
+ if (isValidChild(obj) && isHidden(obj)) {
+ return undefined;
+ }
+ // If object is hidden, skip it's children
+ if (angular.element(obj).hasClass('ng-hide')) {
+ return undefined;
+ }
+ if (obj.hasChildNodes()) {
+ var child;
+ if (fromTop) {
+ child = obj.firstChild;
+ } else {
+ child = obj.lastChild;
+ }
+ while(child) {
+ var res = traverse(child, fromTop);
+ if(res){
+ return res;
+ }
+ else{
+ if (fromTop) {
+ child = child.nextSibling;
+ } else {
+ child = child.previousSibling;
+ }
+ }
+ }
+ }
+ else{
+ return undefined;
+ }
+ }
+
+ var _previousElement = function(el, isFocusable){
+
+ var elem = el;
+ if (el.hasOwnProperty('length')) {
+ elem = el[0];
+ }
+
+ var parent = elem.parentElement;
+ var previousElem = undefined;
+
+ if(isFocusable) {
+ if (hasValidParent(elem)) {
+ var siblings = angular.element(parent).children();
+ if (siblings.length > 0) {
+ // Good practice to splice out the elem from siblings if there, saving some time.
+ // We allow for a quick check for jumping to parent first before removing.
+ if (siblings[0] === elem) {
+ // If we are looking at immidiate parent and elem is first child, we need to go higher
+ var e = _previousElement(angular.element(elem).parent(), isFocusable);
+ if (_isTabable(e)) {
+ return e;
+ }
+ } else {
+ // I need to filter myself and any nodes next to me from the siblings
+ var indexOfElem = Array.prototype.indexOf.call(siblings, elem);
+ siblings = Array.prototype.filter.call(siblings, function(item, itemIndex) {
+ if (!angular.equals(elem, item) && itemIndex < indexOfElem) {
+ return true;
+ }
+ });
+ }
+ // We need to search backwards
+ for (var i = 0; i <= siblings.length-1; i++) {//for (var i = siblings.length-1; i >= 0; i--) {
+ var ret = traverse(siblings[i], false);
+ if (ret !== undefined) {
+ return ret;
+ }
+ }
+
+ var e = _previousElement(angular.element(elem).parent(), isFocusable);
+ if (_isTabable(e)) {
+ return e;
+ }
+ }
+ }
+ } else {
+ var siblings = angular.element(parent).children();
+ if (siblings.length > 1) {
+ // Since indexOf is on Array.prototype and parent.children is a NodeList, we have to use call()
+ var index = Array.prototype.indexOf.call(siblings, elem);
+ previousElem = siblings[index-1];
+ }
+ }
+ return previousElem;
+ };
+
+ var _lastTabableElement = function(el) {
+ /* This will return the first tabable element from the parent el */
+ var elem = el;
+ if (el.hasOwnProperty('length')) {
+ elem = el[0];
+ }
+
+ return traverse(elem, false);
+ };
+
+ var _firstTabableElement = function(el) {
+ /* This will return the first tabable element from the parent el */
+ var elem = el;
+ if (el.hasOwnProperty('length')) {
+ elem = el[0];
+ }
+
+ return traverse(elem, true);
+ };
+
+ var _isInDOM = function(obj) {
+ return document.documentElement.contains(obj);
+ }
+
+ return {
+ firstTabableElement: _firstTabableElement,
+ lastTabableElement: _lastTabableElement,
+ previousElement: _previousElement,
+ isInDOM: _isInDOM,
+ isTabable: _isTabable,
+ isHidden: isHidden
+ };
+})
+
+.factory('trapFocusInElement', ['$document', '$isElement', 'DOMHelper', 'keymap', function ($document, $isElement, DOMHelper, keymap) {
+ var elementStack = [];
+ var stackHead = undefined;
+ var trapFocusInElement = function (flag) {
+ var bodyElements = $document.find('body').children();
+
+ var firstTabableElement = angular.element(DOMHelper.firstTabableElement(stackHead));
+ var lastTabableElement = angular.element(DOMHelper.lastTabableElement(stackHead));
+
+ var trapKeyboardFocusInFirstElement = function (e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+
+ if (e.shiftKey === true && e.keyCode === keymap.KEY.TAB) {
+ lastTabableElement[0].focus();
+ e.preventDefault(e);
+ e.stopPropagation(e);
+ }
+
+ };
+
+ var trapKeyboardFocusInLastElement = function (e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+
+ if (e.shiftKey === false && e.keyCode === keymap.KEY.TAB) {
+ firstTabableElement[0].focus();
+ e.preventDefault(e);
+ e.stopPropagation(e);
+ }
+ };
+
+ if (flag) {
+ for (var i = 0; i < bodyElements.length; i++) {
+ if (bodyElements[i] !== stackHead[0]) {
+ bodyElements.eq(i).attr('aria-hidden', true);
+ }
+ }
+ firstTabableElement.bind('keydown', trapKeyboardFocusInFirstElement);
+ lastTabableElement.bind('keydown', trapKeyboardFocusInLastElement);
+ } else {
+ for (var j = 0; j < bodyElements.length; j++) {
+ if (bodyElements[j] !== stackHead[0]) {
+ bodyElements.eq(j).removeAttr('aria-hidden');
+ }
+ }
+ firstTabableElement.unbind('keydown', trapKeyboardFocusInFirstElement);
+ lastTabableElement.unbind('keydown', trapKeyboardFocusInLastElement);
+ }
+ };
+ var toggleTrapFocusInElement = function (flag, element) {
+ if (angular.isDefined(flag) && angular.isDefined(element)) {
+ if (angular.isUndefined(stackHead)) {
+ stackHead = element;
+ trapFocusInElement(flag);
+ } else {
+ if (flag) {
+ trapFocusInElement(false);
+ elementStack.push(stackHead);
+ stackHead = element;
+ trapFocusInElement(true);
+ } else {
+ if (stackHead.prop('$$hashKey') === element.prop('$$hashKey')) {
+ trapFocusInElement(false);
+ stackHead = elementStack.pop();
+ if (angular.isDefined(stackHead)) {
+ trapFocusInElement(true);
+ }
+ }
+ }
+ }
+ }
+ };
+
+ return toggleTrapFocusInElement;
+}])
+
+.factory('DOMHelper', function () {
+
+ var _isTabable = function (node) {
+ var element = angular.element(node);
+ var tagName = element[0].tagName.toUpperCase();
+
+ if (isHidden(element)) {
+ return false;
+ }
+ if (element.attr('tabindex') !== undefined) {
+ return (parseInt(element.attr('tabindex'), 10) >= 0);
+ }
+ if (tagName === 'A' || tagName === 'AREA' || tagName === 'BUTTON' || tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') {
+ if (tagName === 'A' || tagName === 'AREA') {
+ // anchors/areas without href are not focusable
+ return (element[0].href !== '');
+ }
+ return !(element[0].disabled || element[0].readOnly);
+ }
+ return false;
+ };
+
+ function isValidChild(child) {
+ return child.nodeType == 1 && child.nodeName != 'SCRIPT' && child.nodeName != 'STYLE';
+ }
+
+ function isHidden(obj) {
+ var elem = angular.element(obj);
+ var style;
+ try {
+ style = window.getComputedStyle(obj);
+ }
+ catch(err) {
+ style = window.getComputedStyle(obj[0]);
+ }
+
+ // getComputedStyle() for Zepto object returns null
+ if (style === null){
+ return elem.hasClass('ng-hide') || elem.css('display') === 'none';
+ }
+
+ return elem.hasClass('ng-hide') || elem.css('display') === 'none' || style.display === 'none' || style.display === 'hidden';
+ }
+
+ function traverse(obj, fromTop) {
+ var obj = obj || document.getElementsByTagName('body')[0];
+
+ if (isValidChild(obj) && _isTabable(obj)) {
+ return obj;
+ }
+
+ // If object is hidden, skip it's children
+ if (isValidChild(obj) && isHidden(obj)) {
+ return undefined;
+ }
+ // If object is hidden, skip it's children
+ if (angular.element(obj).hasClass('ng-hide')) {
+ return undefined;
+ }
+
+ if (obj.hasChildNodes()) {
+ var child;
+ if (fromTop) {
+ child = obj.firstChild;
+ } else {
+ child = obj.lastChild;
+ }
+ while (child) {
+ var res = traverse(child, fromTop);
+ if (res) {
+ return res;
+ } else {
+ if (fromTop) {
+ child = child.nextSibling;
+ } else {
+ child = child.previousSibling;
+ }
+ }
+ }
+ } else {
+ return undefined;
+ }
+ }
+
+ var _lastTabableElement = function (el) {
+ /* This will return the last tabable element from the parent el */
+ var elem = el;
+ if (el.hasOwnProperty('length')) {
+ elem = el[0];
+ }
+
+ return traverse(elem, false);
+ };
+
+ var _firstTabableElement = function (el) {
+ /* This will return the first tabable element from the parent el */
+ var elem = el;
+ if (el.hasOwnProperty('length')) {
+ elem = el[0];
+ }
+
+ return traverse(elem, true);
+ };
+
+ return {
+ firstTabableElement: _firstTabableElement,
+ lastTabableElement: _lastTabableElement,
+ isTabable: _isTabable
+ };
+})
+
+.factory('windowOrientation', ['$window', function ($window) {
+ var _isPotrait = function () {
+ if ($window.innerHeight > $window.innerWidth) {
+ return true;
+ } else {
+ return false;
+ }
+ };
+ var _isLandscape = function () {
+ if ($window.innerHeight < $window.innerWidth) {
+ return true;
+ } else {
+ return false;
+ }
+ };
+
+ return {
+ isPotrait: _isPotrait,
+ isLandscape: _isLandscape
+ };
+}])
+
+.directive('b2bNextElement', function() {
+ return {
+ restrict: 'A',
+ transclude: false,
+ link: function (scope, elem, attr, ctrls) {
+
+ var keys = attr.b2bNextElement.split(',');
+
+ elem.bind('keydown', function (e) {
+ var nextElement = elem.next();
+ if(e.keyCode == 39 || e.keyCode == 40){ // if e.keyCode in keys
+ if(nextElement.length) {
+ e.preventDefault();
+ nextElement[0].focus();
+ }
+ }
+ });
+ }
+ }
+})
+
+.directive('b2bAccessibilityClick', [function () {
+ return {
+ restrict: 'A',
+ link: function (scope, elem, attr, ctrl) {
+ var keyCode = [];
+ attr.$observe('b2bAccessibilityClick', function (value) {
+ if (value) {
+ keyCode = value.split(',');
+ }
+ });
+ elem.bind('keydown keypress', function (ev) {
+ var keyCodeCondition = function () {
+ var flag = false;
+ if (!(ev.keyCode)) {
+ if (ev.which) {
+ ev.keyCode = ev.which;
+ } else if (ev.charCode) {
+ ev.keyCode = ev.charCode;
+ }
+ }
+ if ((ev.keyCode && keyCode.indexOf(ev.keyCode.toString()) > -1)) {
+ flag = true;
+ }
+ return flag;
+ };
+ if (keyCode.length > 0 && keyCodeCondition()) {
+ elem[0].click();
+ ev.preventDefault();
+ }
+ });
+ }
+ };
+}])
+
+.directive('b2bReset', ['$compile', function ($compile) {
+ return {
+ restrict: 'A',
+ require: ['?ngModel', 'b2bReset'],
+ controller: ['$scope', function ($scope) {
+ var resetButton = angular.element('<button type="button" class="reset-field" tabindex="-1" aria-label="Click to reset" aria-hidden="true" role="button"></button>');
+
+ this.getResetButton = function () {
+ return resetButton;
+ };
+ }],
+ link: function (scope, element, attrs, ctrls) {
+
+ var ngModelCtrl = ctrls[0];
+ var ctrl = ctrls[1];
+
+ var resetButton = ctrl.getResetButton();
+
+
+ resetButton.on('click', function () {
+ element[0].value = '';
+
+ if (ngModelCtrl) {
+ if (attrs.b2bReset) {
+ ngModelCtrl.$setViewValue(attrs.b2bReset);
+ } else {
+ ngModelCtrl.$setViewValue('');
+ }
+ element[0].value = ngModelCtrl.$viewValue;
+ ngModelCtrl.$render();
+ scope.$digest();
+ }
+ element[0].focus();
+ element[0].select();
+ });
+
+ var addResetButton = function () {
+ element.after(resetButton);
+ element.unbind('focus input', addResetButton);
+ };
+
+ element.bind('focus input', addResetButton);
+ }
+ };
+ }])
+
+.directive('b2bPrevElement', ['b2bDOMHelper', 'keymap', function (b2bDOMHelper, keymap) {
+ return {
+ restrict: 'A',
+ transclude: false,
+ link: function (scope, elem, attr) {
+
+ elem.bind('keydown', function (e) {
+ if(e.keyCode == 37 || e.keyCode == 38){
+ var prev = b2bDOMHelper.previousElement(elem, false);
+ if(prev !== undefined) {
+ e.preventDefault();
+ prev.focus();
+ }
+ }
+ });
+ }
+ }
+}])
+/**
+ * @param {integer} delay - Timeout before first and last focusable elements are found
+ * @param {boolean} trigger - A variable on scope that will trigger refinding first/last focusable elements
+ */
+.directive('b2bTrapFocusInsideElement', ['$timeout', 'b2bDOMHelper', 'keymap', 'events', function ($timeout, b2bDOMHelper, keymap, events) {
+ return {
+ restrict: 'A',
+ transclude: false,
+ link: function (scope, elem, attr) {
+
+ var delay = parseInt(attr.delay, 10) || 10;
+
+ /* Before opening modal, find the focused element */
+ var firstTabableElement = undefined,
+ lastTabableElement = undefined;
+
+ function init() {
+ $timeout(function () {
+ firstTabableElement = b2bDOMHelper.firstTabableElement(elem);
+ lastTabableElement = b2bDOMHelper.lastTabableElement(elem);
+ angular.element(firstTabableElement).bind('keydown', firstTabableElementKeyhandler);
+ angular.element(lastTabableElement).bind('keydown', lastTabableElementKeyhandler);
+ }, delay, false);
+ }
+
+ if (attr.trigger !== undefined) {
+ scope.$watch('trigger', function() {
+ if (scope.trigger) {
+ init();
+ }
+ });
+ }
+
+ var firstTabableElementKeyhandler = function(e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+ if (e.keyCode === keymap.KEY.TAB && e.shiftKey) {
+ if (attr.trapFocusInsideElement === 'true') {
+ var temp = b2bDOMHelper.lastTabableElement(elem);
+ if (lastTabableElement !== temp) {
+ // Unbind keydown handler on lastTabableElement
+ angular.element(lastTabableElement).unbind('keydown', lastTabableElementKeyhandler);
+ lastTabableElement = temp;
+ angular.element(lastTabableElement).bind('keydown', lastTabableElementKeyhandler);
+ }
+ }
+ lastTabableElement.focus();
+ events.preventDefault(e);
+ events.stopPropagation(e);
+ }
+ };
+
+ var lastTabableElementKeyhandler = function(e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+ if (e.keyCode === keymap.KEY.TAB && !e.shiftKey) {
+ if (attr.trapFocusInsideElement === 'true') {
+ var temp = b2bDOMHelper.firstTabableElement(elem);
+ if (firstTabableElement !== temp) {
+ // Unbind keydown handler on firstTabableElement
+ angular.element(firstTabableElement).unbind('keydown', firstTabableElementKeyhandler);
+ firstTabableElement = temp;
+ angular.element(firstTabableElement).bind('keydown', firstTabableElementKeyhandler);
+ }
+ }
+ firstTabableElement.focus();
+ events.preventDefault(e);
+ events.stopPropagation(e);
+ }
+ };
+
+ init();
+ }
+ };
+}])
+
+.factory('trapFocusInElement', ['$document', '$isElement', 'DOMHelper', 'keymap', '$interval', function ($document, $isElement, DOMHelper, keymap, $interval) {
+ var elementStack = [];
+ var stackHead = undefined;
+ var stopInterval = undefined;
+ var intervalRequired = false;
+ var interval = 1000;
+ var firstTabableElement, lastTabableElement;
+
+ var trapKeyboardFocusInFirstElement = function (e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+
+ if (e.shiftKey === true && e.keyCode === keymap.KEY.TAB) {
+ lastTabableElement[0].focus();
+ e.preventDefault(e);
+ e.stopPropagation(e);
+ }
+
+ };
+
+ var trapKeyboardFocusInLastElement = function (e) {
+ if (!e.keyCode) {
+ e.keyCode = e.which;
+ }
+
+ if (e.shiftKey === false && e.keyCode === keymap.KEY.TAB) {
+ firstTabableElement[0].focus();
+ e.preventDefault(e);
+ e.stopPropagation(e);
+ }
+ };
+
+ var trapFocusInElement = function (flag, firstTabableElementParam, lastTabableElementParam) {
+ var bodyElements = $document.find('body').children();
+
+ firstTabableElement = firstTabableElementParam ? firstTabableElementParam : angular.element(DOMHelper.firstTabableElement(stackHead));
+ lastTabableElement = lastTabableElementParam ? lastTabableElementParam : angular.element(DOMHelper.lastTabableElement(stackHead));
+
+ if (flag) {
+ for (var i = 0; i < bodyElements.length; i++) {
+ if (bodyElements[i] !== stackHead[0]) {
+ bodyElements.eq(i).attr('aria-hidden', true);
+ }
+ }
+ firstTabableElement.bind('keydown', trapKeyboardFocusInFirstElement);
+ lastTabableElement.bind('keydown', trapKeyboardFocusInLastElement);
+ } else {
+ for (var j = 0; j < bodyElements.length; j++) {
+ if (bodyElements[j] !== stackHead[0]) {
+ bodyElements.eq(j).removeAttr('aria-hidden');
+ }
+ }
+ firstTabableElement.unbind('keydown', trapKeyboardFocusInFirstElement);
+ lastTabableElement.unbind('keydown', trapKeyboardFocusInLastElement);
+ }
+
+ if (intervalRequired && flag) {
+ stopInterval = $interval(function () {
+ var firstTabableElementTemp = angular.element(DOMHelper.firstTabableElement(stackHead));
+ var lastTabableElementTemp = angular.element(DOMHelper.lastTabableElement(stackHead));
+ if (firstTabableElementTemp[0] !== firstTabableElement[0] || lastTabableElementTemp[0] !== lastTabableElement[0]) {
+ $interval.cancel(stopInterval);
+ stopInterval = undefined;
+ trapFocusInElement(false, firstTabableElement, lastTabableElement);
+ trapFocusInElement(true, firstTabableElementTemp, lastTabableElementTemp);
+ }
+ }, interval);
+ } else {
+ if (stopInterval) {
+ $interval.cancel(stopInterval);
+ stopInterval = undefined;
+ }
+ }
+ };
+ var toggleTrapFocusInElement = function (flag, element, intervalRequiredParam, intervalParam) {
+ intervalRequired = intervalRequiredParam ? intervalRequiredParam : intervalRequired;
+ interval = intervalParam ? intervalParam : interval;
+ if (angular.isDefined(flag) && angular.isDefined(element)) {
+ if (flag && angular.isUndefined(stackHead)) {
+ stackHead = element;
+ trapFocusInElement(flag);
+ } else {
+ if (flag) {
+ trapFocusInElement(false);
+ elementStack.push(stackHead);
+ stackHead = element;
+ trapFocusInElement(true);
+ } else {
+ if (angular.isDefined(stackHead) && (stackHead[0] === element[0])) {
+ trapFocusInElement(false);
+ stackHead = elementStack.pop();
+ if (angular.isDefined(stackHead)) {
+ trapFocusInElement(true);
+ }
+ }
+ }
+ }
+ } else {
+ if (angular.isDefined(stackHead)) {
+ trapFocusInElement(false, firstTabableElement, lastTabableElement);
+ trapFocusInElement(true);
+ }
+ }
+ };
+
+ return toggleTrapFocusInElement;
+}])
+
+.directive('b2bSetNextFocusOn', ['b2bDOMHelper', '$timeout', function(b2bDOMHelper, $timeout) {
+ return {
+ restrict: 'A',
+ scope: true,
+ link: function (scope, elem, attr) {
+ elem.bind('click', function(){
+ var firstFocusableElement = undefined;
+ var containerElem = undefined;
+ var containerArray = [];
+ var timeout = parseInt(attr.setNextFocusTimeout, 0) | 100;
+ var index = parseInt(attr.b2bSetNextFocusIndex, 0) | 0;
+
+ /*
+ *Fix for IE7 and lower
+ *polyfill src: https://github.com/HubSpot/pace/issues/102
+ */
+ if (!document.querySelectorAll) {
+ document.querySelectorAll = function (selectors) {
+ var style = document.createElement('style'), elements = [], element;
+ document.documentElement.firstChild.appendChild(style);
+ document._qsa = [];
+
+ style.styleSheet.cssText = selectors + '{x-qsa:expression(document._qsa && document._qsa.push(this))}';
+ window.scrollBy(0, 0);
+ style.parentNode.removeChild(style);
+
+ while (document._qsa.length) {
+ element = document._qsa.shift();
+ element.style.removeAttribute('x-qsa');
+ elements.push(element);
+ }
+ document._qsa = null;
+ return elements;
+ };
+ }
+
+ if (attr.b2bSetNextFocusOn === '') {
+ return;
+ } else {
+ containerArray = attr.b2bSetNextFocusOn.split(' ');
+ }
+ $timeout(function(){
+ var i = 0;
+ do { // cycles thru containerArray until finds a match in DOM to set focus to
+ containerElem = document.querySelectorAll(containerArray[i])[index];
+ i++;
+ } while ( (!containerElem) && (i < containerArray.length) );
+ if(containerElem){
+ if (!angular.isDefined(firstFocusableElement)) {
+ firstFocusableElement = b2bDOMHelper.firstTabableElement(containerElem);
+ }
+ firstFocusableElement.focus();
+ }
+ }, timeout, false)
+ });
+ }
+
+ };
+}])
+
+.directive('b2bInputAllow', [function() {
+ return {
+ restrict: 'A',
+ require: 'ngModel',
+ link: function (scope, elem, attr, ctrl) {
+ var regexExpression = null;
+ attr.$observe('b2bInputAllow', function (value) {
+ if (value) {
+ regexExpression = new RegExp(value);
+ }
+ });
+ var isValid = function(str) {
+ if (regexExpression !== null) {
+ return regexExpression.test(str);
+ }
+ return false;
+ };
+ elem.bind('keypress', function($event) {
+ var charcode = String.fromCharCode($event.which || $event.keyCode);
+ if (!isValid(charcode)) {
+ $event.preventDefault();
+ $event.stopPropagation();
+ }
+ });
+ elem.bind('input', function (evt) {
+ var inputString = ctrl.$viewValue;
+ if (isValid(inputString)) {
+ ctrl.$setViewValue(inputString);
+ ctrl.$render();
+ scope.$apply();
+ }
+ });
+ }
+ };
+}])
+
+.directive('b2bInputDeny', [function() {
+ return {
+ restrict: 'A',
+ require: 'ngModel',
+ link: function (scope, elem, attr, ctrl) {
+ var regexExpression = null;
+ attr.$observe('b2bInputDeny', function (value) {
+ if (value) {
+ regexExpression = new RegExp(value, 'g');
+ }
+ });
+ elem.bind('input', function () {
+ var inputString = ctrl.$viewValue && ctrl.$viewValue.replace(regexExpression, '');
+ if (inputString !== ctrl.$viewValue) {
+ ctrl.$setViewValue(inputString);
+ ctrl.$render();
+ scope.$apply();
+ }
+ });
+ }
+ };
+}])
+
+.directive('b2bDragonInput', [function() {
+ return {
+ restrict: 'A',
+ require: 'ngModel',
+ link: function (scope, elem, attr, ctrl) {
+ elem.on('focus keyup', function(){
+ elem.triggerHandler('change');
+ });
+ }
+ };
+}])
+
+.directive('b2bKey', ['b2bUtilitiesConfig', '$timeout', 'keymap', function (b2bUtilitiesConfig, $timeout, keymap) {
+ return {
+ restrict: 'EA',
+ controller: ['$scope', '$element', '$attrs', function ($scope, $element,attr) {
+ this.childElements = [];
+ this.disableNodes = {};
+ this.enableSearch = attr.enableSearch !== undefined ? true : b2bUtilitiesConfig.enableSearch;
+ this.circularTraversal = attr.circularTraversal !== undefined ? true : b2bUtilitiesConfig.circularTraversal;
+ this.counter = -1;
+ if (this.enableSearch) {
+ this.searchKeys = [];
+ }
+ var searchString = '';
+
+ var selfCtrl = this;
+
+ this.childElementsList = [];
+
+ this.b2bKeyID = "";
+
+ if (angular.isDefined(attr.b2bKey)) {
+ this.b2bKeyID = attr.b2bKey;
+ }
+
+ this.calculateChildElementsList = function () {
+ return $element[0].querySelectorAll("[b2b-key-item='" + this.b2bKeyID + "']:not([disabled])");
+ };
+
+ this.resetChildElementsList = function () {
+ return $timeout(function () {
+ selfCtrl.childElementsList = selfCtrl.calculateChildElementsList();
+ });
+ };
+
+ this.resetChildElementsList();
+
+ $scope.$on('b2b-key-reset-child-elements-list', function () {
+ selfCtrl.resetChildElementsList();
+ });
+
+
+ this.registerElement = function (childElement, searchKey) {
+ this.childElements.push(childElement);
+ if (this.enableSearch) {
+ this.searchKeys.push(searchKey);
+ }
+ var count = this.childElements.length - 1;
+ this.maxLength = count + 1;
+ return count;
+ };
+ this.toggleDisable = function (count, state) {
+ this.disableNodes[count] = state;
+ };
+ this.searchElement = function (searchExp) {
+ var regex = new RegExp("\\b" + searchExp, "gi");
+ var position = this.searchKeys.regexIndexOf(regex, this.counter + 1, true);
+ if (position > -1) {
+ this.counter = position;
+ this.moveFocus(this.counter);
+ }
+ };
+ this.startTimer = function (time) {
+ if (searchString === '') {
+ $timeout(function () {
+ searchString = '';
+ }, time);
+ }
+ };
+ this.resetCounter = function (count) {
+ this.counter = count;
+ };
+ this.moveNext = function (count) {
+ this.counter = (this.counter + count) < this.maxLength ? this.counter + count : (this.circularTraversal ? 0 : this.counter);
+ if (this.disableNodes[this.counter]) {
+ if ((this.counter + count) < this.maxLength) {
+ this.moveNext(count);
+ }
+ } else {
+ this.moveFocus(this.counter);
+ }
+ };
+ this.movePrev = function (count) {
+ this.counter = (this.counter - count) > -1 ? this.counter - count : (this.circularTraversal ? this.maxLength-1 : this.counter);
+ if (this.disableNodes[this.counter]) {
+ if ((this.counter - count) > -1) {
+ this.movePrev(count);
+ }
+ } else {
+ this.moveFocus(this.counter);
+ }
+ };
+ this.moveFocus = function (index) {
+ this.childElements[index][0].focus();
+ };
+
+ this.keyDownHandler = function (ev, count) {
+ if (angular.isDefined(count) && !isNaN(count) && count !== this.counter) {
+ this.resetCounter(count);
+ }
+ if (!ev.keyCode) {
+ if (ev.which) {
+ ev.keyCode = ev.which;
+ } else if (ev.charCode) {
+ ev.keyCode = ev.charCode;
+ }
+ }
+ if (ev.keyCode) {
+ if (this.prev && this.prev.indexOf(ev.keyCode.toString()) > -1) {
+ this.movePrev(1);
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (this.next && this.next.indexOf(ev.keyCode.toString()) > -1) {
+ this.moveNext(1);
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (this.up && this.up.indexOf(ev.keyCode.toString()) > -1) {
+ if (this.type === 'table') {
+ this.movePrev(this.columns);
+ ev.preventDefault();
+ ev.stopPropagation();
+ }
+ } else if (this.down && this.down.indexOf(ev.keyCode.toString()) > -1) {
+ if (this.type === 'table') {
+ this.moveNext(this.columns);
+ ev.preventDefault();
+ ev.stopPropagation();
+ }
+ } else if (ev.keyCode === keymap.KEY.HOME) {
+ var firstIndex = 0;
+ while (this.disableNodes[firstIndex] !== false) {
+ firstIndex++;
+ };
+ var count = this.counter - firstIndex;
+ this.movePrev(count);
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (ev.keyCode === keymap.KEY.END) {
+ var lastIndex = this.childElements.length - 1;
+ while (this.disableNodes[lastIndex] !== false) {
+ lastIndex--;
+ };
+ var count = lastIndex - this.counter;
+ this.moveNext(count);
+ ev.preventDefault();
+ ev.stopPropagation();
+ } else if (ev.keyCode >= 48 && ev.keyCode <= 105) {
+ if (this.enableSearch) {
+ this.startTimer(b2bUtilitiesConfig.searchTimer);
+ searchString = searchString + (keymap.MAP[ev.keyCode] || '');
+ this.searchElement(searchString);
+ ev.preventDefault();
+ ev.stopPropagation();
+ }
+ }
+ }
+ };
+ }],
+ link: function (scope, elem, attr, ctrl) {
+ ctrl.prev = attr.prev ? attr.prev.split(',') : b2bUtilitiesConfig.prev.split(',');
+ ctrl.next = attr.next ? attr.next.split(',') : b2bUtilitiesConfig.next.split(',');
+ ctrl.type = attr.type ? attr.type : b2bUtilitiesConfig.type;
+ if (ctrl.type === 'table') {
+ ctrl.up = attr.up ? attr.up.split(',') : b2bUtilitiesConfig.up.split(',');
+ ctrl.down = attr.down ? attr.down.split(',') : b2bUtilitiesConfig.down.split(',');
+ ctrl.columns = attr.columns ? parseInt(attr.columns, 10) : b2bUtilitiesConfig.columns;
+ }
+
+ elem.bind('keydown', function (ev) {
+ ctrl.keyDownHandler(ev);
+ });
+ }
+ };
+}])
+
+.directive('b2bKeyItem', [function () {
+ return {
+ restrict: 'EA',
+ link: function (scope, elem, attr, ctrl) {
+ var parentCtrl = (elem.parent() && elem.parent().controller('b2bKey')) || undefined;
+ if (angular.isDefined(parentCtrl)) {
+ var count = parentCtrl.registerElement(elem, attr.searchKey);
+ elem.bind('keydown', function (ev) {
+ parentCtrl.keyDownHandler(ev, count);
+ });
+ scope.$watch(attr.b2bKeyItem, function (value) {
+ value = value === undefined ? true : value;
+ parentCtrl.toggleDisable(count, !value);
+ });
+ scope.$on('$destroy', function () {
+ parentCtrl.toggleDisable(count, true);
+ });
+ }
+ }
+ };
+}])
+
+.directive('b2bElementFocus', [function () {
+ return {
+ restrict: 'A',
+ link: function (scope, elem, attr, ctrl) {
+ scope.$watch(attr.b2bElementFocus, function (value) {
+ if (value === true) {
+ elem[0].focus();
+ }
+ });
+ }
+ };
+}])
+
+
+.directive('b2bAppendElement', ['$compile', function ($compile) {
+ return {
+ restrict: 'A',
+ link: function (scope, elem, attr, ctrl) {
+ var parameters = attr.b2bAppendElement.split(':');
+ if (parameters.length === 1) {
+ elem.append(scope.$eval(parameters[0]));
+ } else if (parameters.length === 2) {
+ if (parameters[1] === 'compile') {
+ var element = angular.element('<span>' + scope.$eval(parameters[0]) + '</span>');
+ elem.append($compile(element)(scope));
+ }
+ }
+
+ }
+ };
+}])
+
+.directive('b2bKeyItemRefreshInNgRepeat', [function () {
+ return {
+ restrict: 'EA',
+ require: '^^b2bKey',
+ link: function (scope, elem, attr, parentCtrl) {
+ if (angular.isDefined(parentCtrl)) {
+
+ var attrToObserve = 'attrToObserve';
+
+ if (attr.b2bKeyItemRefreshInNgRepeat) {
+ attrToObserve = 'b2bKeyItemRefreshInNgRepeat';
+ }
+
+ attr.$observe(attrToObserve, function (newVal, oldVal) {
+ if (newVal && newVal !== oldVal) {
+ parentCtrl.resetChildElementsList();
+ }
+ });
+ }
+ }
+ };
+}])
+
+.filter('b2bMultiSepartorHighlight', function($sce) {
+ return function(text, searchText, searchSeperator) {
+ var splitText = function(string) {
+ if(angular.isDefined(searchSeperator)){
+ if (string.indexOf(searchSeperator) > -1) {
+ return string.split(searchSeperator);
+ } else {
+ return string
+ }
+ }else{
+ return string;
+ }
+ }
+ if (text) {
+ var newText = splitText(text);
+ var newPhrase = splitText(searchText);
+ if (angular.isArray(newPhrase)) {
+ for (var i = 0; i < newText.length; i++) {
+ if (i <= 0) {
+ text = newText[i].replace(new RegExp('(' + newPhrase[i] + ')', 'gi'),
+ '<span class="b2b-search-hightlight">$1</span>');
+ } else {
+ text = text + searchSeperator + ' ' + (newPhrase[i] ? newText[i].replace(new RegExp('(' + newPhrase[i] + ')', 'gi'),
+ '<span class="b2b-search-hightlight">$1</span>') : newText[i]);
+ }
+ }
+ } else {
+ text = text.replace(new RegExp('(' + searchText + ')', 'gi'),
+ '<span class="b2b-search-hightlight">$1</span>');
+ }
+ }
+ return $sce.trustAsHtml(text)
+ }
+ })
+
+ .factory('b2bUserAgent', [function() {
+ var _isMobile = function() {
+ return /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+ };
+ var _notMobile = function() {
+ return !/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+ };
+ var _isIE = function() {
+ return /msie|trident/i.test(navigator.userAgent);
+ };
+ var _isFF = function() {
+ return /Firefox/.test(navigator.userAgent);
+ };
+ var _isChrome = function() {
+ return /Google Inc/.test(navigator.vendor);
+ };
+ var _isSafari = function() {
+ return /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);
+ };
+
+ return {
+ isMobile: _isMobile,
+ notMobile: _notMobile,
+ isIE: _isIE,
+ isFF: _isFF,
+ isChrome: _isChrome,
+ isSafari: _isSafari
+ };
+ }])
+ .run(['$document', 'b2bUserAgent', function($document, b2bUserAgent) {
+ var html = $document.find('html').eq(0);
+ if (b2bUserAgent.isIE()) {
+ html.addClass('isIE');
+ } else {
+ html.removeClass('isIE');
+ }
+ }]);
+
+
+(function () {
+ String.prototype.toSnakeCase = function () {
+ return this.replace(/([A-Z])/g, function ($1) {
+ return "-" + $1.toLowerCase();
+ });
+ };
+ var concat = function (character, times) {
+ character = character || '';
+ times = (!isNaN(times) && times) || 0;
+ var finalChar = '';
+ for (var i = 0; i < times; i++) {
+ finalChar += character;
+ }
+ return finalChar;
+ };
+
+ // direction: true for left and false for right
+ var pad = function (actualString, width, character, direction) {
+ actualString = actualString || '';
+ width = (!isNaN(width) && width) || 0;
+ character = character || '';
+ if (width > actualString.length) {
+ if (direction) {
+ return concat(character, (width - actualString.length)) + actualString;
+ } else {
+ return actualString + concat(character, (width - actualString.length));
+ }
+ }
+ return actualString;
+ };
+
+ String.prototype.lPad = function (width, character) {
+ return pad(this, width, character, true);
+ };
+
+ String.prototype.rPad = function (width, character) {
+ return pad(this, width, character, false);
+ };
+
+ if (!Array.prototype.indexOf) {
+ Array.prototype.indexOf = function (val) {
+ for (var index = 0; index < this.length; index++) {
+ if (this[index] === val) {
+ return index;
+ }
+ }
+ return -1;
+ };
+ }
+
+ if (!Array.prototype.regexIndexOf) {
+ Object.defineProperty(Array.prototype, 'regexIndexOf', {
+ enumerable: false,
+ value: function (regex, startIndex, loop) {
+ startIndex = startIndex && startIndex > -1 ? startIndex : 0;
+ for (var index = startIndex; index < this.length; index++) {
+ if (this[index].toString().match(regex)) {
+ return index;
+ }
+ }
+ if (loop) {
+ for (var index = 0; index < startIndex; index++) {
+ if (this[index].toString().match(regex)) {
+ return index;
+ }
+ }
+ }
+ return -1;
+ }
+ })
+ }
+})();
+angular.module("b2bTemplate/audioPlayer/audioPlayer.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/audioPlayer/audioPlayer.html",
+ "<div class=\"b2b-audio\">\n" +
+ " <audio preload=\"auto\">\n" +
+ " <source ng-src=\"{{audio.mp3 | trustedAudioUrl}}\" type=\"audio/mp3\"></source>\n" +
+ " <i>Your browser does not support the audio element.</i>\n" +
+ " </audio>\n" +
+ "\n" +
+ " <div audio-play-pause-icon class=\"controls-wrapper\" ng-click=\"toggleAudio()\" tabindex=\"0\" b2b-accessibility-click=\"13,32\" role=\"button\" aria-label=\"{{isPlayInProgress?'pause':'play'}}\">\n" +
+ " <i class=\"icoControls-pointer\" ng-show='!isPlayInProgress'></i>\n" +
+ " <i class=\"icoControls-pause\" ng-show='isPlayInProgress'></i>\n" +
+ " </div>\n" +
+ "\n" +
+ " <div class=\"seek-bar-container-wrapper\">\n" +
+ " <b2b-seek-bar min=\"0\" max=\"{{audio.duration}}\" step=\"1\" skip-interval=\"{{audio.timeShiftInSeconds}}\" no-aria-label ng-model=\"audio.currentTime\" on-drag-init=\"isAudioDragging=true\" on-drag-end=\"setAudioPosition(audio.currentTime)\"></b2b-seek-bar>\n" +
+ " <div class=\"timing-container\">\n" +
+ " <span class=\"timing-container-left\">{{timeFormatter(audio.currentTime)}}</span>\n" +
+ " <span class=\"timing-container-right\">{{timeFormatter(audio.duration)}}</span>\n" +
+ " <div class=\"timing-container-spacer\"></div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " \n" +
+ " <b2b-flyout>\n" +
+ " <div tabindex=\"0\" b2b-accessibility-click=\"13,32\" role=\"button\" aria-label=\"Volume pop-over. Volume set at {{audio.currentVolume}}%\" class=\"controls-wrapper audio-volume-control\" b2b-flyout-toggler>\n" +
+ " <i class=\"icoControls-mutespeakers\" ng-show=\"audio.currentVolume === 0\"></i>\n" +
+ " <i class=\"icoControls-volumedown\" ng-show=\"audio.currentVolume > 0 && audio.currentVolume <= 50\"></i>\n" +
+ " <i class=\"icoControls-volumeup\" ng-show=\"audio.currentVolume > 50\"></i>\n" +
+ " </div> \n" +
+ " \n" +
+ " <b2b-flyout-content horizontal-placement=\"center\" flyout-style=\"width:70px; height:190px;\" vertical-placement=\"above\">\n" +
+ " <div class=\"b2b-audio-popover text-center\">\n" +
+ " <span>Max</span>\n" +
+ " <b2b-seek-bar min=\"0\" max=\"100\" step=\"1\" skip-interval=\"10\" vertical data-ng-model=\"audio.currentVolume\" class='volume-popover'></b2b-seek-bar>\n" +
+ " <div class=\"min-label\">Min</div>\n" +
+ " </div>\n" +
+ " </b2b-flyout-content>\n" +
+ " </b2b-flyout>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/audioRecorder/audioRecorder.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/audioRecorder/audioRecorder.html",
+ "<div class=\"b2b-audio-recorder row\">\n" +
+ " <div class=\"b2b-elapsed-time span11\">\n" +
+ " <div ng-if=\"isRecording\">\n" +
+ " <span style=\"padding-right: 25px;\">{{config.whileRecordingMessage}}</span>\n" +
+ " <span>{{timeFormatter(elapsedTime)}}</span>\n" +
+ " </div>\n" +
+ " <span ng-if=\"!isRecording\">{{config.startRecordingMessage}}</span>\n" +
+ " </div> \n" +
+ " <div class=\"b2b-controls\" title=\"{{isRecording ? 'Stop' : 'REC'}}\" b2b-accessibility-click=\"13,32\" ng-click=\"toggleRecording()\" role=\"button\">\n" +
+ " <i ng-if=\"isRecording\" class=\"icoControls-stop\" ></i>\n" +
+ " <i ng-if=\"!isRecording\" class=\"icoControls-record\"></i>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/backToTop/backToTop.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/backToTop/backToTop.html",
+ "<button class=\"btn-arrow b2b-backtotop-button\" type=\"button\" aria-label=\"Back to top\">\n" +
+ " <div class=\"btn-secondary b2b-top-btn\">\n" +
+ " <i class=\"icoControls-upPRIMARY\" role=\"img\"></i>\n" +
+ " </div>\n" +
+ "</button>\n" +
+ "");
+}]);
+
+angular.module("b2bTemplate/boardstrip/b2bAddBoard.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/boardstrip/b2bAddBoard.html",
+ "<div tabindex=\"0\" role=\"menuitem\" b2b-accessibility-click=\"13,32\" ng-click=\"addBoard()\" aria-label=\"Add Board\" class=\"boardstrip-item--add\">\n" +
+ " <div class=\"centered\"><i aria-hidden=\"true\" class=\"icoControls-add-maximize\"></i> Add board</div>\n" +
+ "</div> ");
+}]);
+
+angular.module("b2bTemplate/boardstrip/b2bBoard.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/boardstrip/b2bBoard.html",
+ "<li b2b-board-navigation tabindex=\"-1\" role=\"menuitem\" aria-label=\"{{boardLabel}} {{getCurrentIndex()===boardIndex?'selected':''}}\" b2b-accessibility-click=\"13,32\" ng-click=\"selectBoard(boardIndex)\" class=\"board-item\" ng-class=\"{'selected': getCurrentIndex()===boardIndex}\">\n" +
+ " <div ng-transclude></div>\n" +
+ " <div class=\"board-caret\" ng-if=\"getCurrentIndex()===boardIndex\">\n" +
+ " <div class=\"board-caret-indicator\"></div>\n" +
+ " <div class=\"board-caret-arrow-up\"></div>\n" +
+ " </div>\n" +
+ "</li>");
+}]);
+
+angular.module("b2bTemplate/boardstrip/b2bBoardstrip.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/boardstrip/b2bBoardstrip.html",
+ "<div class=\"b2b-boardstrip\">\n" +
+ " <div class=\"boardstrip-reel\" role=\"menu\">\n" +
+ " <div class=\"prev-items\">\n" +
+ " <!-- <i tabindex=\"{{isPrevBoard() ? 0 : -1}}\" ng-class=\"{'disabled': !isPrevBoard()}\" role=\"menuitem\" aria-label=\"See previous boards\" b2b-accessibility-click=\"13,32\" ng-click=\"prevBoard()\" class=\"arrow icoControls-left\"></i> -->\n" +
+ " <button class=\"btn-arrow arrow\" b2b-accessibility-click=\"13,32\" ng-click=\"prevBoard()\" ng-disabled=\"!isPrevBoard()\">\n" +
+ " <div class=\"btn btn-small btn-alt\"><i class=\"icon-primary-left\"></i>\n" +
+ " </div>\n" +
+ " <span class=\"offscreen-text\">Previous boards</span>\n" +
+ " </button>\n" +
+ " </div>\n" +
+ " <div b2b-add-board on-add-board=\"onAddBoard()\"></div>\n" +
+ " <div class=\"board-viewport\"><ul role=\"menu\" class=\"boardstrip-container\" ng-transclude></ul></div>\n" +
+ " <div class=\"next-items\">\n" +
+ " <!-- <i tabindex=\"{{isNextBoard() ? 0 : -1}}\" ng-class=\"{'disabled': !isNextBoard()}\" role=\"menuitem\" aria-label=\"See next boards\" b2b-accessibility-click=\"13,32\" ng-click=\"nextBoard()\" class=\"arrow icoControls-right\"></i> -->\n" +
+ " <button class=\"btn-arrow arrow\" b2b-accessibility-click=\"13,32\" ng-click=\"nextBoard()\" ng-disabled=\"!isNextBoard()\">\n" +
+ " <div class=\"btn btn-small btn-alt\"><i class=\"icon-primary-right\"></i>\n" +
+ " </div>\n" +
+ " <span class=\"offscreen-text\">Next boards</span>\n" +
+ " </button>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ "</div>\n" +
+ "");
+}]);
+
+angular.module("b2bTemplate/calendar/datepicker-popup.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/calendar/datepicker-popup.html",
+ "<div id=\"datepicker\" class=\"datepicker dropdown-menu\" ng-class=\"{'datepicker-dropdown datepicker-orient-top': !inline, 'datepicker-orient-left': !inline && orientation === 'left', 'datepicker-orient-right': !inline && orientation === 'right'}\" ng-style=\"{position: inline && 'relative', 'z-index': inline && '0', top: !inline && position.top + 'px' || 0, left: !inline && position.left + 'px'}\" style=\"display: block;\" aria-hidden=\"false\" role=\"dialog\" tabindex=\"-1\" b2b-key type=\"table\" columns=\"7\">\n" +
+ " <div class=\"datepicker-days\" style=\"display: block;\">\n" +
+ " <div ng-repeat=\"header in headers\" class=\"text-left\" style=\"width: 100%;\" b2b-append-element=\"header\"></div>\n" +
+ " <table class=\"table-condensed\">\n" +
+ " <thead>\n" +
+ " <tr>\n" +
+ " <th id=\"prev\" class=\"prev\" tabindex=\"0\" b2b-accessibility-click=\"13\" aria-label=\"Previous Month\" role=\"button\" b2b-element-focus=\"!disablePrev && getFocus\" ng-style=\"{visibility: visibilityPrev}\" ng-click=\"!disablePrev && move(-1,$event)\"><i class=\"icon-primary-left\" aria-hidden=\"true\"></i></th>\n" +
+ " <th id=\"month\" tabindex=\"-1\" aria-label=\"{{title}}\" class=\"datepicker-switch\" colspan=\"{{rows[0].length - 2}}\">{{title}}</th>\n" +
+ " <th id=\"next\" class=\"next\" tabindex=\"0\" b2b-accessibility-click=\"13\" b2b-element-focus=\"disablePrev && getFocus\" aria-label=\"Next Month\" role=\"button\" ng-style=\"{visibility: visibilityNext}\" ng-click=\"!disableNext && move(1,$event)\"><i class=\"icon-primary-right\" aria-hidden=\"true\"></i></th>\n" +
+ " </tr>\n" +
+ " <tr ng-show=\"labels.length > 0\">\n" +
+ " <th id=\"{{label.post}}\" class=\"dow\" ng-repeat=\"label in labels\" aria-hidden=\"true\"><span aria-hidden=\"true\">{{label.pre}}</span></th>\n" +
+ " </tr>\n" +
+ " </thead>\n" +
+ " <tbody>\n" +
+ " <tr ng-repeat=\"row in rows\">\n" +
+ " <td headers=\"{{dt.header}}\" b2b-key-item=\"dt.focusable\" b2b-accessibility-click=\"13\" b2b-element-focus=\"disablePrev && disableNext && getFocus && (dt.selected || dt.firstFocus || dt.fromDate || dt.dateRange)\" tabindex=\"{{(!(dt.focusable && (dt.selected || dt.firstFocus || dt.fromDate || currFocus)) && -1) || 0}}\" aria-hidden=\"{{(!dt.focusable && true) || false}}\" role=\"{{(dt.focusable && 'gridcell') || ''}}\" aria-label=\"{{(dt.focusable && dt.date | date : 'EEEE, MMMM d') || ''}}\" aria-selected=\"{{(dt.focusable && (dt.selected || dt.dateRange) && true) || false}}\" ng-repeat=\"dt in row\" class=\"day magic\" ng-class=\"{'active': dt.focusable && dt.selected && !dt.dateRange, 'start-date': dt.focusable && dt.fromDate && dt.dateRange, 'between-date': dt.focusable && !dt.fromDate && !dt.selected && dt.dateRange, 'end-date': dt.focusable && dt.selected && dt.dateRange, 'old': dt.oldMonth, 'new': dt.nextMonth, 'disabled': dt.disabled, 'due-date': dt.dueDate, 'late-fee': dt.pastDue}\" ng-focus=\"currFocus=true; trapFocus();\" ng-blur=\"currFocus=false; trapFocus();\" title=\"{{(dt.focusable && dt.pastDue && legendMessage) || ''}}\" ng-click=\"!ngDisabled && !dt.disabled && select(dt.date)\">\n" +
+ " <div aria-hidden=\"true\" tabindex=\"-1\" class=\"show-date\" ng-if=\"!(dt.oldMonth || dt.nextMonth)\">{{dt.label}}</div>{{(dt.focusable && dt.date | date : 'EEEE, MMMM d yyyy') || ''}}{{(dt.focusable && dt.dueDate && '. Bill-due-date.. ') || ''}}{{(dt.focusable && dt.pastDue && legendMessage) || ''}}</td>\n" +
+ " </tr>\n" +
+ " </tbody>\n" +
+ " <tfoot>\n" +
+ " <tr ng-repeat=\"footer in footers\">\n" +
+ " <th colspan=\"7\" class=\"text-left\" style=\"width: 278px;\" b2b-append-element=\"footer\"></th>\n" +
+ " </tr>\n" +
+ " </tfoot>\n" +
+ " </table>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/calendar/datepicker.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/calendar/datepicker.html",
+ "<div>\n" +
+ " <span class=\"icon-primary-calendar span12\" ng-class=\"{'disabled': ngDisabled}\" ng-transclude></span>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/coachmark/coachmark.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/coachmark/coachmark.html",
+ "<div class=\"b2b-coachmark-container\" tabindex=\"-1\" role=\"dialog\" aria-label=\"{{currentCoachmark.contentHeader}} {{currentCoachmark.content}} {{currentCoachmark.offscreenText}}\" ng-style=\"{'top':coackmarkElPos.top,'left':coackmarkElPos.left}\" aria-describeby=\"{{currentCoachmark}}\">\n" +
+ " <i class=\"b2b-coachmark-caret\"></i>\n" +
+ " <div class=\"b2b-coachmark-header\">\n" +
+ " <div class=\"b2b-coachmark-countlabel\"><span ng-if=\"coachmarkIndex !== 0\">{{coachmarkIndex}} of {{(coachmarks.length-1)}}<span></div>\n" +
+ " <div class=\"corner-button\">\n" +
+ " <button type=\"button\" ng-focus=\"closeButtonFocus()\" class=\"close\" title=\"close\" aria-label=\"Close\" ng-click=\"closeCoachmark()\"></button>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div class=\"b2b-coachmark-content\"> \n" +
+ " <i class=\"icon-misc-dimmer\"></i>\n" +
+ " <div class=\"b2b-coachmark-content-header\"><span class=\"offscreen-text\">{{currentCoachmark.offscreenText}}</span>{{currentCoachmark.contentHeader}}</div>\n" +
+ " <div class=\"b2b-coachmark-description\">{{currentCoachmark.content}}</div>\n" +
+ " <div class=\"b2b-coachmark-btn-group\">\n" +
+ " <a class=\"b2b-coachmark-link\" href=\"javascript:void(0)\" ng-if=\"currentCoachmark.linkLabel !== '' && currentCoachmark.linkLabel !== undefined\" ng-click=\"actionCoachmark(currentCoachmark.linkLabel)\">{{currentCoachmark.linkLabel}}</a>\n" +
+ " <button class=\"btn btn-alt\" ng-if=\"currentCoachmark.buttonLabel !== '' && currentCoachmark.buttonLabel !== undefined\" ng-click=\"actionCoachmark(currentCoachmark.buttonLabel)\">{{currentCoachmark.buttonLabel}}</button>\n" +
+ " </div> \n" +
+ " </div> \n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/dropdowns/b2bDropdownDesktop.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/dropdowns/b2bDropdownDesktop.html",
+ "<span b2b-key prev=\"38\" next=\"40\" enable-search ng-class=\"{'large': (dropdownSize === 'large'), 'disabled': (disabled), 'selectWrap': (isInputDropdown), 'selectorModule': (dropdownType === 'menu'), 'linkSelectorModule': (dropdownType === 'link-menu')}\">\n" +
+ " <input b2b-dropdown-toggle b2b-dropdown-validation ng-disabled=\"disabled\" type=\"text\" id=\"{{dropdownId}}\" name=\"{{dropdownName}}\" class=\"awd-select isWrapped\" ng-required=\"dropdownRequired\" ng-model=\"currentSelected.text\" role=\"combobox\" aria-owns=\"listbox{{$id}}\" aria-expanded=\"{{toggleFlag}}\" ng-click=\"toggleDropdown()\" ng-focus=\"focused=true\" ng-blur=\"setBlur(); focused=false\" ng-class=\"{'active': toggleFlag, 'closed': !toggleFlag, 'large': (dropdownSize === 'large'), 'focused':focused}\" style=\"width:100%;\" value=\"{{currentSelected.text}}\" ng-show=\"isInputDropdown\" aria-describedby=\"{{dropdownDescribedBy}}\" readonly=\"readonly\">\n" +
+ " <button type=\"button\" b2b-dropdown-toggle ng-disabled=\"disabled\" class=\"selectModule\" aria-label=\"{{labelText}} {{currentSelected.label}}\" aria-expanded=\"{{toggleFlag}}\" aria-haspopup=\"true\" ng-click=\"toggleDropdown()\" ng-blur=\"setBlur()\" ng-class=\"{'active opened': toggleFlag, 'closed': !toggleFlag, 'large': (dropdownSize === 'large')}\" ng-bind-html=\"currentSelected.text\" ng-show=\"!isInputDropdown\"></button>\n" +
+ " <div ng-class=\"{'selectWrapper': (isInputDropdown), 'moduleWrapper': (!isInputDropdown)}\">\n" +
+ " <ul id=\"listbox{{$id}}\" role=\"{{isInputDropdown?'listbox':'menu'}}\" ng-class=\"{'awd-select-list': (isInputDropdown), 'awd-module-list': (!isInputDropdown)}\" tabindex=\"-1\" ng-show=\"toggleFlag\" aria-label=\"Choose options\"></ul>\n" +
+ " <ul class=\"module-optinalcta\" ng-if=\"toggleFlag && optionalCta\" tabindex=\"-1\" aria-hidden=\"false\">\n" +
+ " <li class=\"module-list-item\" tabindex=\"-1\" role=\"menuitem\" value=\"\" aria-label=\"Optinal CTA\" aria-selected=\"true\">\n" +
+ " <span class=\"module-data\" b2b-append-element=\"optionalCta\"></span>\n" +
+ " </li>\n" +
+ " </ul>\n" +
+ "</div>\n" +
+ "<i class=\"icon-primary-down\" aria-hidden=\"true\"></i>\n" +
+ "</span> ");
+}]);
+
+angular.module("b2bTemplate/dropdowns/b2bDropdownGroupDesktop.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/dropdowns/b2bDropdownGroupDesktop.html",
+ "<li b2b-dropdown-group-desktop class=\"optgroup-wrapper\">{{groupHeader}}\n" +
+ " <ul class=\"optgroup\" role=\"group\" aria-label=\"{{groupHeader}}\"></ul>\n" +
+ "</li>");
+}]);
+
+angular.module("b2bTemplate/dropdowns/b2bDropdownListDesktop.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/dropdowns/b2bDropdownListDesktop.html",
+ "<li b2b-dropdown-list-desktop b2b-key-item b2b-accessibility-click=\"13\" aria-selected=\"{{currentSelected.value === dropdownListValue}}\" ng-class=\"{'awd-select-list-item': (isInputDropdown), 'module-list-item': (!isInputDropdown)}\" tabindex=\"0\" role=\"{{isInputDropdown?'option':'menuitem'}}\" ng-click=\"selectDropdownItem()\"></li>");
+}]);
+
+angular.module("b2bTemplate/fileUpload/fileUpload.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/fileUpload/fileUpload.html",
+ "<label class=\"b2b-file-container\">\n" +
+ " <span class=\"b2b-upload-link\" ng-transclude></span>\n" +
+ " <input type=\"file\" b2b-file-change>\n" +
+ "</label>");
+}]);
+
+angular.module("b2bTemplate/flyout/flyout.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/flyout/flyout.html",
+ "<span class=\"b2b-flyout\" b2b-flyout-trap-focus-inside>\n" +
+ " <span ng-transclude></span>\n" +
+ "</span>");
+}]);
+
+angular.module("b2bTemplate/flyout/flyoutContent.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/flyout/flyoutContent.html",
+ "<div class=\"b2b-flyout-container\" aria-live=\"polite\" aria-atomic=\"false\" ng-class=\"{'b2b-flyout-left':horizontalPlacement==='left',\n" +
+ " 'b2b-flyout-center':horizontalPlacement==='center', \n" +
+ " 'b2b-flyout-right':horizontalPlacement==='right',\n" +
+ " 'b2b-flyout-centerLeft':horizontalPlacement==='centerLeft',\n" +
+ " 'b2b-flyout-centerRight':horizontalPlacement==='centerRight', \n" +
+ " 'b2b-flyout-above':verticalPlacement==='above', \n" +
+ " 'b2b-flyout-below':verticalPlacement==='below',\n" +
+ " 'open-flyout': openFlyout,\n" +
+ " 'b2b-close-flyout': !openFlyout}\">\n" +
+ " <i class=\"b2b-flyout-caret\" ng-class=\"{'open-flyout': openFlyout, \n" +
+ " 'b2b-flyout-caret-above':verticalPlacement==='above',\n" +
+ " 'b2b-flyout-caret-below':verticalPlacement==='below'}\"></i>\n" +
+ " <span ng-transclude></span>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/footer/footer_column_switch_tpl.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/footer/footer_column_switch_tpl.html",
+ "<div class=\"footer-columns \" ng-class=\"{'five-column':footerColumns===5, 'four-column':footerColumns===4, 'three-column':footerColumns===3}\" ng-repeat=\"item in footerLinkItems\">\n" +
+ " <h3 class=\"b2b-footer-header\">{{item.categoryName}}</h3>\n" +
+ " <ul>\n" +
+ " <li ng-repeat=\"i in item.values\">\n" +
+ " <a href=\"{{i.href}}\" title=\"{{item.categoryName}} - {{i.displayLink}}\">{{i.displayLink}}</a> \n" +
+ " </li>\n" +
+ " </ul>\n" +
+ "\n" +
+ "</div>\n" +
+ "\n" +
+ "<div ng-transclude></div>\n" +
+ "");
+}]);
+
+angular.module("b2bTemplate/horizontalTable/horizontalTable.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/horizontalTable/horizontalTable.html",
+ "<div class=\"b2b-horizontal-table\">\n" +
+ " <div class=\"b2b-horizontal-table-arrows row span12\">\n" +
+ " <div class=\"span4\">\n" +
+ " <button class=\"btn-arrow left\" type=\"button\" ng-click=\"moveViewportLeft()\" ddh-accessibility-click=\"13,32\" ng-disabled=\"disableLeft\"><div class=\"btn btn-alt\"><i class=\"icon-primary-left\"></i></div>Previous Set</button>\n" +
+ " </div>\n" +
+ " \n" +
+ " <span class=\"span5 b2b-horizontal-table-column-info\" aria-live=\"polite\" tabindex=\"-1\">\n" +
+ " Displaying {{getColumnSet()[0]}} - {{getColumnSet()[1]}} of {{numOfCols}} (total) columns\n" +
+ " </span>\n" +
+ " \n" +
+ " <div class=\"span3\">\n" +
+ " <button class=\"btn-arrow right\" ng-click=\"moveViewportRight()\" ddh-accessibility-click=\"13,32\" ng-disabled=\"disableRight\" type=\"button\">Next Set<div class=\"btn btn-alt\"><i class=\"icon-primary-right\"></i></div></button>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div class=\"b2b-horizontal-table-inner-container\">\n" +
+ " <span ng-transclude></span>\n" +
+ " </div>\n" +
+ "</div>\n" +
+ "\n" +
+ "");
+}]);
+
+angular.module("b2bTemplate/hourPicker/b2bHourpicker.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/hourPicker/b2bHourpicker.html",
+ "<div class=\"hp-container\">\n" +
+ " <div class=\"hp-selected\">\n" +
+ " <div b2b-hourpicker-value=\"$index\" days=\"value.days\" start-time=\"value.startTime\" start-meridiem=\"value.startMeridiem\" end-time=\"value.endTime\" end-meridiem=\"value.endMeridiem\" ng-repeat=\"value in finalHourpickerValues\"></div>\n" +
+ " </div>\n" +
+ " <div b2b-hourpicker-panel></div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/hourPicker/b2bHourpickerPanel.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/hourPicker/b2bHourpickerPanel.html",
+ "<form name=\"{{'hourpickerForm' + $id}}\">\n" +
+ " <div class=\"hp-checkbox\" role=\"group\">\n" +
+ " <label class=\"checkbox\" for=\"checkbox_{{dayOption.title}}_{{$id}}\" aria-label=\"{{dayOption.title}}\" ng-repeat=\"dayOption in hourpicker.dayOptions\">\n" +
+ " <input type=\"checkbox\" id=\"checkbox_{{dayOption.title}}_{{$id}}\" name=\"{{'hourpickerDays' + $id}}\" ng-model=\"hourpickerPanelValue.days[$index].value\" ng-disabled=\"dayOption.disabled\" /><i class=\"skin\"></i><span>{{dayOption.label}}</span>\n" +
+ " </label>\n" +
+ " </div>\n" +
+ " <div class=\"row hp-dropdowns\">\n" +
+ " <div class=\"span4\">\n" +
+ " <label for=\"{{'hourpickerStartTime' + $id}}\">From</label>\n" +
+ " <select id=\"{{'hourpickerStartTime' + $parent.$id}}\" b2b-dropdown type=\"\" ng-model=\"hourpickerPanelValue.startTime\">\n" +
+ " <option b2b-dropdown-list value=\"\">From</option>\n" +
+ " <option b2b-dropdown-list option-repeat=\"startTimeOption in hourpicker.startTimeOptions\" value=\"{{startTimeOption}}\">{{startTimeOption}}</option>\n" +
+ " </select>\n" +
+ " </div>\n" +
+ " <div class=\"span8 radio-buttons\" role=\"radiogroup\" aria-label=\"Select AM or PM\">\n" +
+ " <label class=\"radio\" for=\"hourpickerStartMeridiem_AM_{{$id}}\">\n" +
+ " <input type=\"radio\" id=\"hourpickerStartMeridiem_AM_{{$id}}\" name=\"{{'hourpickerStartMeridiem' + $id}}\" value=\"am\" ng-model=\"hourpickerPanelValue.startMeridiem\" /><i class=\"skin\"></i><span>AM</span>\n" +
+ " </label>\n" +
+ " <label class=\"radio\" for=\"hourpickerStartMeridiem_PM_{{$id}}\">\n" +
+ " <input type=\"radio\" id=\"hourpickerStartMeridiem_PM_{{$id}}\" name=\"{{'hourpickerStartMeridiem' + $id}}\" value=\"pm\" ng-model=\"hourpickerPanelValue.startMeridiem\" /><i class=\"skin\"></i><span>PM</span>\n" +
+ " </label>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div class=\"row hp-dropdowns\">\n" +
+ " <div class=\"span4\">\n" +
+ " <label for=\"{{'hourpickerEndTime' + $id}}\">To</label>\n" +
+ " <select id=\"{{'hourpickerEndTime' + $parent.$id}}\" b2b-dropdown ng-model=\"hourpickerPanelValue.endTime\">\n" +
+ " <option b2b-dropdown-list value=\"\">To</option>\n" +
+ " <option b2b-dropdown-list option-repeat=\"endTimeOption in hourpicker.endTimeOptions\" value=\"{{endTimeOption}}\">{{endTimeOption}}</option>\n" +
+ " </select>\n" +
+ " </div>\n" +
+ " <div class=\"span8 radio-buttons\" role=\"radiogroup\" aria-label=\"Select AM or PM\">\n" +
+ " <label class=\"radio\" for=\"hourpickerEndMeridiem_AM_{{$id}}\">\n" +
+ " <input type=\"radio\" id=\"hourpickerEndMeridiem_AM_{{$id}}\" name=\"{{'hourpickerEndMeridiem' + $id}}\" value=\"am\" ng-model=\"hourpickerPanelValue.endMeridiem\" /><i class=\"skin\"></i><span>AM</span>\n" +
+ " </label>\n" +
+ " <label class=\"radio\" for=\"hourpickerEndMeridiem_PM_{{$id}}\">\n" +
+ " <input type=\"radio\" id=\"hourpickerEndMeridiem_PM_{{$id}}\" name=\"{{'hourpickerEndMeridiem' + $id}}\" value=\"pm\" ng-model=\"hourpickerPanelValue.endMeridiem\" /><i class=\"skin\"></i><span>PM</span>\n" +
+ " </label>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div class=\"row hp-buttons\">\n" +
+ " <div class=\"span12\">\n" +
+ " <div style=\"float:right\">\n" +
+ " <button class=\"btn btn-secondary btn-small\" ng-click=\"resetHourpickerPanelValue()\">Clear</button>\n" +
+ " <button class=\"btn btn-alt btn-small\" ng-disabled = \"disableAddBtn\" ng-click=\"updateHourpickerValue()\">{{hourpicker.editMode > -1 ? 'Update' : 'Add'}}</button>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ "</form>");
+}]);
+
+angular.module("b2bTemplate/hourPicker/b2bHourpickerValue.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/hourPicker/b2bHourpickerValue.html",
+ "<div class=\"selected-days\">\n" +
+ " <span class=\"day\">{{hourpickerValue.days}} &nbsp; {{hourpickerValue.startTime}} {{hourpickerValue.startMeridiem}} - {{hourpickerValue.endTime}} {{hourpickerValue.endMeridiem}}</span>\n" +
+ " <span style=\"float:right\">\n" +
+ " <i class=\"icon-misc-pen\" role=\"button\" title=\"Edit {{hourpickerValue.days}} &nbsp; {{hourpickerValue.startTime}} {{hourpickerValue.startMeridiem}} - {{hourpickerValue.endTime}} {{hourpickerValue.endMeridiem}}\" tabindex=\"0\" b2b-accessibility-click=\"13,32\" ng-click=\"editHourpickerValue(hourpickerValue.index)\"></i>\n" +
+ " <i class=\"icon-misc-trash\" role=\"button\" title=\"Delete {{hourpickerValue.days}} &nbsp; {{hourpickerValue.startTime}} {{hourpickerValue.startMeridiem}} - {{hourpickerValue.endTime}} {{hourpickerValue.endMeridiem}}\" tabindex=\"0\" b2b-accessibility-click=\"13,32\" ng-click=\"deleteHourpickerValue(hourpickerValue.index)\"></i>\n" +
+ " </span>\n" +
+ " <div style=\"clear:both\"></div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/leftNavigation/leftNavigation.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/leftNavigation/leftNavigation.html",
+ "<div class=\"b2b-nav-menu\" ng-init=\"(showmenu = true)\" ng-class=\"{false: 'left-menu-collapsed'}[showmenu]\">\n" +
+ " <div class=\"b2b-subnav-container\">\n" +
+ " <ul class=\"b2b-subnav-content\">\n" +
+ " <li>" +
+ " <div ng-class=\"{true: 'leftmenu-arrow-expand', false: 'leftmenu-arrow-collapse'}[showmenu]\">"+
+ " <a ng-click=\"toggleDrawer(showmenu);(showmenu = !showmenu) \" class=\"text-right\">" +
+ " <i ng-class=\"{true: 'icon-controls-left', false: 'icon-controls-right'}[showmenu]\">&nbsp;</i></a>" +
+ " </div>"+
+ " </li>" +
+ " <li ng-repeat=\"menu in menuData\" ui-sref=\"{{menu.state}}\">" +
+ " <span ng-class=\"{true: 'menu-icon', false: 'menu-icon-collapse'}[showmenu]\"><span class=\"{{menu.imageSrc}}\"></span>&nbsp;&nbsp;</span>" +
+ " <a ng-class=\"{expand: isOpen($index)}\" ng-if=\"showmenu\" aria-label=\"{{menu.name}}\" title=\" \" aria-expanded=\"{{(idx==$index)?true:false;}}\" href=\"javascript:void(0);\">" +
+ " {{menu.name}}" +
+ " <i aria-hidden=\"true\" ng-if=\"(menu.menuItems.length > 0)\" class=\"b2b-icon-primary-plus-minus\"ng-class=\"idx==$index ? 'icon-primary-expanded' : 'icon-primary-collapsed'\"></i>" +
+ " </a>\n" +
+ " <div role=\"region\" aria-hidden=\"{{(isOpen($index))?false:true;}}\">\n" +
+ " <ul ng-class=\"{expand: idx==$index}\">\n" +
+ " <li ng-repeat=\"menuItem in menu.menuItems\" ng-click=\"liveLink($event, $index, $parent.$index)\"><a aria-hidden=\"{{!(idx==$parent.$index)}}\" aria-label=\"{{menuItem.name}}\" title=\" \" href=\"{{menuItem.href}}\" tabindex=\"{{(idx==$parent.$index)?0:-1;}}\" ng-class=\"{active: itemIdx==$index && navIdx==$parent.$index}\">{{menuItem.name}}</a></li>\n" +
+ " </ul>\n" +
+ " </div>\n" +
+ " </li>\n" +
+ " </ul>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/listbox/listbox.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/listbox/listbox.html",
+ "<div class=\"b2b-list-box\" tabindex=\"0\" role=\"listbox\" ng-transclude>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/modalsAndAlerts/b2b-backdrop.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/modalsAndAlerts/b2b-backdrop.html",
+ "<div class=\"b2b-modal-backdrop fade in hidden-by-modal\" aria-hidden=\"true\" tabindex=\"-1\"></div>");
+}]);
+
+angular.module("b2bTemplate/modalsAndAlerts/b2b-window.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/modalsAndAlerts/b2b-window.html",
+ "<div class=\"modalwrapper active {{windowClass}}\" ng-class=\"{'modal-landscape': isModalLandscape}\" role=\"{{isNotifDialog?'alertdialog':'dialog'}}\" tabindex=\"-1\" aria-labelledby=\"{{title}}\" aria-describedby=\"{{content}}\">\n" +
+ " <div class=\"modal fade in {{sizeClass}}\" ng-transclude></div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/monthSelector/monthSelector-popup.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/monthSelector/monthSelector-popup.html",
+ "<div id=\"monthselector{{$id}}\" class=\"datepicker dropdown-menu monthselector\" \n" +
+ " ng-class=\"{'datepicker-dropdown datepicker-orient-top': !inline, 'datepicker-orient-left': !inline && orientation === 'left', 'datepicker-orient-right': !inline && orientation === 'right'}\" \n" +
+ " ng-style=\"{position: inline && 'relative', 'z-index': inline && '0', top: !inline && position.top + 'px' || 0, left: !inline && position.left + 'px'}\" \n" +
+ " style=\"display: block;\" aria-hidden=\"false\" role=\"dialog presentation\" tabindex=\"-1\">\n" +
+ " <div class=\"datepicker-days\" style=\"display: block;\">\n" +
+ " <span class=\"offscreen-text\" aria-live=\"polite\" aria-atomic=\"true\">{{title}} displaying</span>\n" +
+ " <table class=\"table-condensed\" role=\"grid\">\n" +
+ " <thead>\n" +
+ " <tr ng-repeat=\"header in headers\">\n" +
+ " <th colspan=\"7\" class=\"text-left\" style=\"width: 278px;\" b2b-append-element=\"header\"></th>\n" +
+ " </tr>\n" +
+ " <tr>\n" +
+ " <th id=\"prev{{$id}}\" role=\"button\" tabindex=\"0\" b2b-accessibility-click=\"13\" aria-label=\"Previous Year\" ng-class=\"{'prev': !disablePrev}\" ng-style=\"{visibility: visibilityPrev}\" ng-click=\"!disablePrev && move(-1,$event)\"><i class=\"icon-primary-left\"></i></th>\n" +
+ " <th id=\"year{{$id}}\" role=\"heading\" tabindex=\"-1\" aria-label=\"{{title}}\" class=\"datepicker-switch b2b-monthSelector-label\" colspan=\"{{rows[0].length - 2}}\">{{title}}</th>\n" +
+ " <th id=\"next{{$id}}\" role=\"button\" tabindex=\"0\" b2b-accessibility-click=\"13\" aria-label=\"Next Year\" ng-class=\"{'next': !disableNext}\" ng-style=\"{visibility: visibilityNext}\" ng-click=\"!disableNext && move(1,$event)\"><i class=\"icon-primary-right\"></i></th>\n" +
+ " </tr>\n" +
+ " <tr ng-show=\"labels.length > 0\">\n" +
+ " <th id=\"{{label.post}}\" class=\"dow\" ng-repeat=\"label in labels\" aria-hidden=\"true\"><span aria-hidden=\"true\">{{label.pre}}</span></th>\n" +
+ " </tr>\n" +
+ " </thead>\n" +
+ " <tbody b2b-key type=\"table\" columns=\"4\" >\n" +
+ " <tr ng-repeat=\"row in rows\">\n" +
+ " <td headers=\"{{dt.header}}\" b2b-key-item=\"dt.focusable\" b2b-accessibility-click=\"13,32\" tabindex=\"{{(!(dt.focusable && (dt.selected || dt.firstFocus || currFocus)) && -1) || 0}}\" aria-hidden=\"{{(!dt.focusable && true) || false}}\" role=\"{{(dt.focusable && 'gridcell') || ''}}\" aria-label=\"{{(dt.focusable && dt.date | date : 'MMMM, y') || ''}}\" aria-selected=\"{{(dt.focusable && (dt.selected || dt.dateRange) && true) || false}}\" ng-repeat=\"dt in row\" class=\"day magic\" ng-class=\"{'active': dt.focusable && dt.selected && !dt.dateRange, 'start-date': dt.focusable && dt.fromDate && dt.dateRange, 'between-date': dt.focusable && !dt.fromDate && !dt.selected && dt.dateRange, 'end-date': dt.focusable && dt.selected && dt.dateRange, 'old': dt.oldMonth, 'new': dt.nextMonth, 'disabled': dt.disabled, 'due-date': dt.dueDate, 'late-fee': dt.pastDue}\" ng-focus=\"currFocus=true\" ng-blur=\"currFocus=false\" title=\"{{(dt.focusable && dt.pastDue && legendMessage) || ''}}\" b2b-element-focus=\"inline && dt.focusable && dt.selected && !dt.dateRange\" ng-click=\"!ngDisabled && !dt.disabled && select(dt.date)\">\n" +
+ " <div aria-hidden=\"true\" tabindex=\"-1\" class=\"show-date\" ng-if=\"!(dt.oldMonth || dt.nextMonth)\">{{dt.label | limitTo: 3}}</div>\n" +
+ " </td>\n" +
+ " </tr>\n" +
+ " </tbody>\n" +
+ " <tfoot>\n" +
+ " <tr ng-repeat=\"footer in footers\">\n" +
+ " <th colspan=\"7\" class=\"text-left\" b2b-append-element=\"footer\"></th>\n" +
+ " </tr>\n" +
+ " </tfoot>\n" +
+ " </table>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/monthSelector/monthSelector.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/monthSelector/monthSelector.html",
+ "<div>\n" +
+ " <span class=\"icon-primary-calendar span12\" ng-class=\"{'disabled': ngDisabled}\" ng-transclude></span>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/monthSelector/monthSelectorLink.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/monthSelector/monthSelectorLink.html",
+ "<div>\n" +
+ " <span class=\"span12\" ng-transclude></span>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/pagination/b2b-pagination.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/pagination/b2b-pagination.html",
+ "<div class=\"b2b-pager\">\n" +
+ " <div ng-if=\"notMobile && totalPages > 1\">\n" +
+ " <a tabindex=\"{{currentPage <= 1 ? -1 : 0 }}\" class=\"b2b-pager__item--prev\" b2b-accessibility-click=\"13,32\" title=\"Previous Page\" ng-click=\"prev($event)\" ng-if=\"totalPages > 10\" ng-class=\"currentPage <= 1 ? 'b2b-pager__item--prev-disabled': '' \">\n" +
+ " <i class=\"icon-primary-left\"></i>\n" +
+ " </a>\n" +
+ " <a tabindex=\"{{currentPage === 1 ? -1 : 0}}\" ng-class=\"{'b2b-pager__item--noclick': currentPage === 1}\" aria-selected=\"{{checkSelectedPage(page)}}\" class=\"b2b-pager__item b2b-pager__item--link\" title=\"Page 1{{checkSelectedPage(page) ? ' selected' : '' }}\" ng-if=\"totalPages > 10 && currentPage > 6\" b2b-accessibility-click=\"13,32\" ng-click=\"selectPage(1, $event)\">\n" +
+ " 1<span class=\"offscreen-text\" ng-if=\"currentPage === 1\"> is selected</span>\n" +
+ " </a>\n" +
+ " <a tabindex=\"{{currentPage === 2 ? -1 : 0}}\" aria-selected=\"{{checkSelectedPage(page)}}\" ng-class=\"{'b2b-pager__item--noclick': currentPage === 2}\" class=\"b2b-pager__item b2b-pager__item--link\" title=\"Page 2{{checkSelectedPage(page) ? ' selected' : '' }}\" ng-if=\"totalPages > 10 && currentPage > 6\" b2b-accessibility-click=\"13,32\" ng-click=\"selectPage(2, $event)\">2<span class=\"offscreen-text\" ng-if=\"currentPage === 2\"> is selected</span></a>\n" +
+ "\n" +
+ " <span class=\"b2b-pager__item\" ng-if=\"totalPages > 10 && currentPage > 6\">...</span>\n" +
+ "\n" +
+ " <a tabindex=\"{{checkSelectedPage(page) ? -1 : 0}}\" href=\"javascript:void(0)\" class=\"b2b-pager__item b2b-pager__item--link\" title=\"Page {{page}}\" b2b-element-focus=\"isFocused(page)\" ng-repeat=\"page in pages\" ng-class=\"{'b2b-pager__item--active': checkSelectedPage(page), 'b2b-pager__item--noclick': checkSelectedPage(page)}\" b2b-accessibility-click=\"13,32\" ng-click=\"!checkSelectedPage(page) && selectPage(page, $event)\">{{page}}<span class=\"offscreen-text\" ng-if=\"currentPage === page\"> is selected</span></a>\n" +
+ "\n" +
+ " <span class=\"b2b-pager__item\" ng-if=\"totalPages > 10 && currentPage <= totalPages - 5\">...</span>\n" +
+ "\n" +
+ " <a tabindex=\"{{checkSelectedPage(page) ? -1 : 0}}\" href=\"javascript:void(0)\" ng-class=\"{'b2b-pager__item--noclick': checkSelectedPage(page)}\" aria-selected=\"{{checkSelectedPage(page)}}\" class=\"b2b-pager__item b2b-pager__item--link\" title=\"Page {{totalPages-1}}\" ng-if=\"totalPages > 10 && currentPage <= totalPages - 5\" b2b-accessibility-click=\"13,32\" ng-click=\"selectPage(totalPages-1, $event)\">{{totalPages-1}}<span class=\"offscreen-text\" ng-if=\"currentPage === totalPages-1\"> is selected</span></a>\n" +
+ "\n" +
+ " <a tabindex=\"{{currentPage === totalPages ? -1 : 0}}\" href=\"javascript:void(0)\" ng-class=\"{'b2b-pager__item--noclick': currentPage === totalPages}\" aria-selected=\"{{checkSelectedPage(page)}}\" class=\"b2b-pager__item b2b-pager__item--link\" title=\"Page {{totalPages}}\" ng-if=\"totalPages > 10 && currentPage <= totalPages - 5\" b2b-accessibility-click=\"13,32\" ng-click=\"selectPage(totalPages, $event)\">{{totalPages}}<span class=\"offscreen-text\" ng-if=\"currentPage === totalPages\"> is selected</span></a>\n" +
+ "\n" +
+ " <a tabindex=\"{{currentPage >= totalPages ? -1 : 0 }}\" href=\"javascript:void(0)\" class=\"b2b-pager__item--next\" b2b-accessibility-click=\"13,32\" title=\"Next Page\" ng-click=\"next($event)\" ng-if=\"totalPages > 10\" ng-class=\"currentPage >= totalPages ? 'b2b-pager__item--next-disabled' :'' \">\n" +
+ " <i class=\"icon-primary-right\"></i>\n" +
+ " </a>\n" +
+ " \n" +
+ " <span class=\"fieldLabel\" ng-show=\"totalPages > 10 && showInput === true\"> \n" +
+ " <label for=\"{{inputId}}\">Go to Page:</label>\n" +
+ " <input id=\"{{inputId}}\" class=\"b2b-pager__item--input\" type=\"number\" ng-blur=\"onfocusOut($event)\" ng-focus=\"onfocusIn($event)\" ng-keypress=\"gotoKeyClick($event)\" b2b-only-nums=\"4\" ng-model=\"$parent.gotoPage\" />\n" +
+ " <button class=\"btn-arrow\" ng-click=\"gotoBtnClick()\" ng-disabled=\"$parent.gotoPage !== 0 || $parent.gotoPage !== undefined\" aria-label=\"Go to\">\n" +
+ " <div class=\"btn btn-small btn-secondary\">\n" +
+ " <i class=\"icon-primary-right\"></i>\n" +
+ " </div>\n" +
+ " </button>\n" +
+ " </span>\n" +
+ " </div>\n" +
+ " <div ng-if=\"isMobile && totalPages > 1\" ng-swipe-right=\"prev()\" ng-swipe-left=\"next()\" ng-class=\"isMobile ? 'b2b-mobile-view': '' \">\n" +
+ " <a tabindex=\"{{checkSelectedPage(page) ? -1 : 0}}\" href=\"javascript:void(0)\" class=\"b2b-pager__item b2b-pager__item--link\" title=\"Page {{page}}\" b2b-element-focus=\"isFocused(page)\" ng-repeat=\"page in pages\" ng-class=\"{'b2b-pager__item--active': checkSelectedPage(page), fade1: ($index == 0 && currentPage > meanVal+1), fade2: ($index == 1 && currentPage > meanVal+1), fadesl: ($index == pages.length-2 && currentPage < totalPages - meanVal), fadel: ($last && currentPage < totalPages - meanVal), 'b2b-pager__item--noclick': checkSelectedPage(page)}\" b2b-accessibility-click=\"13,32\" ng-click=\"selectPage(page, $event)\">{{page}}</a>\n" +
+ " </div>\n" +
+ "</div>\n" +
+ "");
+}]);
+
+angular.module("b2bTemplate/paneSelector/paneSelector.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/paneSelector/paneSelector.html",
+ "<div class=\"panes\" ng-transclude></div>");
+}]);
+
+angular.module("b2bTemplate/paneSelector/paneSelectorPane.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/paneSelector/paneSelectorPane.html",
+ "<div class=\"pane-block\" ng-transclude></div>");
+}]);
+
+angular.module("b2bTemplate/profileCard/profileCard-addUser.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/profileCard/profileCard-addUser.html",
+ "<div class=\"span3 b2b-profile-card b2b-add-user\">\n" +
+ " <div class=\"atcenter\">\n" +
+ " <div class=\"circle\"><i class=\"icon-primary-add-maximize\"></i></div>\n" +
+ " <div>Create new user</div>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/profileCard/profileCard.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/profileCard/profileCard.html",
+ "<div class=\"span3 b2b-profile-card\">\n" +
+ " <div class=\"top-block\">\n" +
+ " <div class=\"profile-image\">\n" +
+ " <img ng-if=\"image\" profile-name=\"{{profile.name}}\" ng-src=\"{{profile.img}}\" alt=\"{{profile.name}}\">\n" +
+ " <span ng-if=\"!image\" class=\"default-img\">{{initials}}</span>\n" +
+ "\n" +
+ " <h4 class=\"name\">{{profile.name}}</h4>\n" +
+ "\n" +
+ " <p class=\"status\">\n" +
+ " <span class=\"status-icon\" ng-class=\"{'status-green':colorIcon==='green','status-red':colorIcon==='red','status-blue':colorIcon==='blue','status-yellow':colorIcon==='yellow'}\"> \n" +
+ " </span>\n" +
+ " <span>{{profile.state}}<span ng-if=\"badge\" class=\"status-badge\">Admin</span></span>\n" +
+ " </p>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div class=\"bottom-block\">\n" +
+ " <div class=\"profile-details\">\n" +
+ " <label>Username</label>\n" +
+ " <div ng-if=\"shouldClip(profile.userName)\" ng-mouseover=\"showUserNameTooltip = true;\" ng-mouseleave=\"showUserNameTooltip = false;\">\n" +
+ " <div ng-if=\"shouldClip(profile.userName)\" class=\"tooltip\" b2b-tooltip show-tooltip=\"showUserNameTooltip\">\n" +
+ " {{profile.userName.slice(0, 25)+'...'}}\n" +
+ " <div class=\"arrow\"></div>\n" +
+ " <div class=\"tooltip-wrapper\" role=\"tooltip\" aria-live=\"polite\" aria-atomic=\"false\" style=\"z-index:1111\">\n" +
+ " <div class=\"tooltip-size-control\">\n" +
+ " <div class=\"helpertext\" tabindex=\"-1\" role=\"tooltip\">\n" +
+ " {{profile.userName}}\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div ng-if=\"!shouldClip(profile.userName)\">\n" +
+ " {{profile.userName}}\n" +
+ " </div>\n" +
+ " <label>Email</label>\n" +
+ " <div ng-if=\"shouldClip(profile.email)\" ng-mouseover=\"showEmailTooltip = true;\" ng-mouseleave=\"showEmailTooltip = false;\">\n" +
+ " <div ng-if=\"shouldClip(profile.email)\" class=\"tooltip\" data-placement=\"bottom\" b2b-tooltip show-tooltip=\"showEmailTooltip\">\n" +
+ " {{profile.email.slice(0, 25)+'...'}}\n" +
+ " <div class=\"arrow\"></div>\n" +
+ " <div class=\"tooltip-wrapper\" role=\"tooltip\" aria-live=\"polite\" aria-atomic=\"false\" style=\"z-index:1111\">\n" +
+ " <div class=\"tooltip-size-control\">\n" +
+ " <div class=\"helpertext\" tabindex=\"-1\" role=\"tooltip\">\n" +
+ " {{profile.email}}\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div ng-if=\"!shouldClip(profile.email)\">\n" +
+ " {{profile.email}}\n" +
+ " </div>\n" +
+ " <label>Role</label>\n" +
+ " <div ng-if=\"shouldClip(profile.role)\" ng-mouseover=\"showRoleTooltip = true;\" ng-mouseleave=\"showRoleTooltip = false;\">\n" +
+ " <div ng-if=\"shouldClip(profile.role)\" class=\"tooltip\" b2b-tooltip show-tooltip=\"showRoleTooltip\">\n" +
+ " {{profile.role.slice(0, 25)+'...'}}\n" +
+ " <div class=\"tooltip-wrapper\" role=\"tooltip\" aria-live=\"polite\" aria-atomic=\"false\" style=\"z-index:1111\">\n" +
+ " <div class=\"tooltip-size-control\">\n" +
+ " <div class=\"helpertext\" tabindex=\"-1\" role=\"tooltip\">\n" +
+ " {{profile.role}}\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div ng-if=\"!shouldClip(profile.role)\">\n" +
+ " {{profile.role}}\n" +
+ " </div>\n" +
+ " <label>Last login</label>\n" +
+ " <div ng-if=\"shouldClip(profile.lastLogin)\" ng-mouseover=\"showLastLoginTooltip = true;\" ng-mouseleave=\"showLastLoginTooltip = false;\">\n" +
+ " <div ng-if=\"shouldClip(profile.lastLogin)\" class=\"tooltip\" b2b-tooltip show-tooltip=\"showLastLoginTooltip\">\n" +
+ " {{profile.lastLogin.slice(0, 25)+'...'}}\n" +
+ " <div class=\"tooltip-wrapper\" role=\"tooltip\" aria-live=\"polite\" aria-atomic=\"false\" style=\"z-index:1111\">\n" +
+ " <div class=\"tooltip-size-control\">\n" +
+ " <div class=\"helpertext\" tabindex=\"-1\" role=\"tooltip\">\n" +
+ " {{profile.lastLogin}}\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div ng-if=\"!shouldClip(profile.lastLogin)\">\n" +
+ " {{profile.lastLogin}}\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/searchField/searchField.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/searchField/searchField.html",
+ "<div class=\"search-bar\">\n" +
+ " <div class='input-container' ng-blur=\"blurInput()\">\n" +
+ " <input type=\"text\" class=\"innershadow b2b-search-input-field\" id=\"{{configObj.labelId}}\" b2b-search-input ng-model=\"inputModel\" ng-disabled=\"disabled\" b2b-reset ng-keydown=\"selectionIndex($event)\" placeholder=\"{{configObj.ghostText}}\" style=\"width:100%\" maxlength=\"{{configObj.maxLength}}\" title=\"{{inputModel}}\" aria-label=\"{{inputModel.length>0?inputModel:configObj.ghostText}}\" aria-live=\"assertive\"/>\n" +
+ " <button class=\"btn-search\" ng-disabled=\"disabled\" ng-click=\"startSearch()\" b2b-accessibility-click=\"13,32\" aria-label=\"Search\" ng-focus=\"showListFlag = false\" type=\"button\"><i class=\"icoControls-magnifyingglass\"></i></button>\n" +
+ " </div>\n" +
+ " <div class=\"search-suggestion-wrapper\" ng-if=\"filterList.length >=0\" ng-show=\"showListFlag\">\n" +
+ " <ul class=\"search-suggestion-list\" role=\"listbox\"> \n" +
+ " <li class=\"no-result\" ng-if=\"filterList.length == 0 && configObj.display\">{{configObj.resultText}}</li>\n" +
+ " <li class=\"search-suggestion-item\" ng-if=\"filterList.length\" ng-repeat=\"item in filterList | limitTo:configObj.noOfItemsDisplay track by $index\" ng-bind-html=\"item.title | b2bMultiSepartorHighlight:inputModel:configObj.searchSeperator\" ng-class=\"{active:isActive($index,filterList.length)}\" ng-click=\"selectItem($index,item.title)\">\n" +
+ " {{item.title}} \n" +
+ " </li>\n" +
+ " </ul>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/seekBar/seekBar.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/seekBar/seekBar.html",
+ "<div class=\"b2b-seek-bar-container\" ng-class=\"{vertical:verticalSeekBar}\">\n" +
+ " <div class=\"b2b-seek-bar-track-container\">\n" +
+ " <div class=\"b2b-seek-bar-track\"></div>\n" +
+ " <div class=\"b2b-seek-bar-track-fill\"></div>\n" +
+ " </div>\n" +
+ " <div class=\"b2b-seek-bar-knob-container\" role=\"menu\" >\n" +
+ " <div class=\"b2b-seek-bar-knob\" tabindex=\"0\" role=\"menuitem\"></div>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/slider/slider.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/slider/slider.html",
+ "<div class=\"b2b-slider-container\" ng-class=\"{'vertical':verticalSlider}\">\n" +
+ " <div class=\"slider-track-container\">\n" +
+ " <div class=\"slider-track\"></div>\n" +
+ " <div class=\"slider-track-fill\" ng-style=\"{backgroundColor:trackFillColor}\"></div>\n" +
+ " </div>\n" +
+ " <div class=\"slider-knob-container\" ng-class=\"{'slider-knob-hidden':hideKnob}\">\n" +
+ " <div class=\"slider-knob\" role=\"slider\" aria-valuemin=\"{{min}}\" aria-valuemax=\"{{max}}\" aria-labelledby=\"{{labelId}}\" aria-valuenow=\"{{currentModelValue}}\" aria-valuetext=\"{{currentModelValue}}{{postAriaLabel}}\" aria-orientation=\"{{verticalSlider ? 'vertical' : 'horizontal'}}\"></div>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/spinButton/spinButton.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/spinButton/spinButton.html",
+ "<div class=\"btn-group btn-spinbutton-toggle\" ng-class=\"{'disabled': disabledFlag}\">\n" +
+ " <button type=\"button\" tabindex=\"{{isMobile?'0':'-1'}}\" aria-hidden=\"{{notMobile}}\" class=\"btn btn-secondary btn-prev icon-primary-subtractminimize\" ng-click=\"minus();focusInputSpinButton($event)\" aria-label=\"Remove {{step}}\" aria-controls=\"{{spinButtonId}}\" ng-class=\"{'disabled': isMinusDisabled()}\" ng-disabled=\"isMinusDisabled()\" aria-disabled=\"{{isMinusDisabled()}}\" role=\"spinbutton\"></button>\n" +
+ " <input class=\"btn pull-left\" id=\"{{spinButtonId}}\" type=\"tel\" b2b-only-nums=\"3\" maxlength=\"3\" min={{min}} max={{max}} data-max-value=\"{{max}}\" ng-model=\"inputValue[inputModelKey]\" value=\"{{inputValue[inputModelKey]}}\" aria-live=\"polite\" aria-valuenow=\"{{inputValue[inputModelKey]}}\" aria-valuemin=\"{{min}}\" aria-valuemax=\"{{max}}\" ng-disabled=\"disabledFlag\">\n" +
+ " <button type=\"button\" tabindex=\"{{isMobile?'0':'-1'}}\" aria-hidden=\"{{notMobile}}\" class=\"btn btn-secondary btn-next icon-primary-add-maximize\" ng-click=\"plus();focusInputSpinButton($event)\" aria-label=\"Add {{step}}\" aria-controls=\"{{spinButtonId}}\" ng-class=\"{'disabled': isPlusDisabled()}\" ng-disabled=\"isPlusDisabled()\" aria-disabled=\"{{isPlusDisabled()}}\" role=\"spinbutton\"></button>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/statusTracker/statusTracker.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/statusTracker/statusTracker.html",
+ "<div class=\"b2b-status-tracker row\">\n" +
+ " <button tabindex=\"0\" ng-disabled=\"currentViewIndex === 0\" ng-if=\"statuses.length > b2bStatusTrackerConfig.maxViewItems\" class=\"btn-arrow\" type=\"button\" aria-label=\"Previous status\" ng-click=\"previousStatus()\">\n" +
+ " <div class=\"btn btn-small btn-secondary\">\n" +
+ " <i class=\"icon-primary-left\"></i>\n" +
+ " </div>\n" +
+ " </button>\n" +
+ " <div ng-repeat=\"status in statuses\" class=\"b2b-status-tracker-step\" ng-class=\"{ 'complete' : status.complete, 'current' : currentStatus($index)}\" ng-show=\"isInViewport($index)\">\n" +
+ " <p class=\"b2b-status-tracker-heading\">{{status.heading}}</p>\n" +
+ " <div class=\"progress\">\n" +
+ " <div class=\"progress-bar\">\n" +
+ " <span class=\"hidden-spoken\">\n" +
+ " {{status.complete ? 'Complete' : 'Incomplete'}}\n" +
+ " </span>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div class=\"b2b-status-tracker-estimate\">\n" +
+ " <i ng-show=\"status.estimate !== '' && status.estimate !== undefined\" ng-class=\"status.complete ? 'icoControls-approval' : 'icon-misc-time'\"></i> {{status.complete ? 'Complete' : status.estimate}}\n" +
+ " &nbsp;\n" +
+ " </div>\n" +
+ " \n" +
+ " <div class=\"b2b-status-tracker-description\">\n" +
+ " {{status.description}}\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <button tabindex=\"0\" ng-disabled=\"currentViewIndex + b2bStatusTrackerConfig.maxViewItems === statuses.length\" ng-if=\"statuses.length > b2bStatusTrackerConfig.maxViewItems\" class=\"btn-arrow\" type=\"button\" aria-label=\"Next status\" ng-click=\"nextStatus()\">\n" +
+ " <div class=\"btn btn-small btn-secondary\">\n" +
+ " <i class=\"icon-primary-right\"></i>\n" +
+ " </div>\n" +
+ " </button>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/stepTracker/stepTracker.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/stepTracker/stepTracker.html",
+ "<div class=\"b2b-step-tracker\">\n" +
+ " <button class=\"btn-arrow b2b-left-arrow\" ng-click=\"previousStatus()\" ng-disabled=\"currentViewIndex === 0\" ng-if=\"stepsItemsObject.length > b2bStepTrackerConfig.maxViewItems\" aria-label=\"Previous step\">\n" +
+ " <div class=\"btn btn-left btn-small btn-secondary\"><i class=\"icon-primary-left\"></i></div>\n" +
+ " </button>\n" +
+ " <button class=\"btn-arrow b2b-right-arrow\" ng-click=\"nextStatus()\" ng-disabled=\"currentViewIndex + b2bStepTrackerConfig.maxViewItems === stepsItemsObject.length\" ng-if=\"stepsItemsObject.length > b2bStepTrackerConfig.maxViewItems\" aria-label=\"Next step\">\n" +
+ " <div class=\"btn btn-small btn-right btn-secondary\"><i class=\"icon-primary-right\"></i></div>\n" +
+ " </button>\n" +
+ " <ul class=\"b2b-steps\">\n" +
+ " <li ng-class=\"{'b2b-step-done':$index < currentIndex - 1 ,'b2b-step-on':$index == currentIndex - 1}\" \n" +
+ " ng-repeat=\"stepsItem in stepsItemsObject\" ng-show=\"isInViewport($index)\">\n" +
+ " <p class=\"b2b-step-text\" data-sm-text=\"{{stepsItem.dataMobile}}\" data-large-text=\"{{stepsItem.dataDesktop}}\">{{stepsItem.text}}</p>\n" +
+ " <span class=\"hidden-spoken\">\n" +
+ " {{($index < currentIndex - 1)? 'Complete. '+stepsItem.text+' '+stepsItem.dataMobile:''}} \n" +
+ " {{($index == currentIndex - 1)? 'In Progress. '+stepsItem.text+' '+stepsItem.dataMobile:''}} \n" +
+ " {{($index > currentIndex - 1)? 'Incomplete. '+stepsItem.text+' '+stepsItem.dataMobile:''}}\n" +
+ " </span>\n" +
+ " </li>\n" +
+ " </ul>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/switches/switches-spanish.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/switches/switches-spanish.html",
+ "<div class=\"switch-overlay\" aria-hidden=\"true\">\n" +
+ " <span class=\"btn-slider-on\"><span class=\"hidden-spoken\">seleccione para hacer </span><i class=\"activo\">activo</i></span>\n" +
+ " <span class=\"switch-handle\"></span>\n" +
+ " <span class=\"btn-slider-off\"><span class=\"hidden-spoken\">seleccione para hacer </span><i class=\"inactivo\">inactivo</i></span>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/switches/switches.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/switches/switches.html",
+ "<div class=\"switch-overlay\" aria-hidden=\"true\">\n" +
+ " <span class=\"btn-slider-on\">On</span>\n" +
+ " <span class=\"switch-handle\"></span>\n" +
+ " <span class=\"btn-slider-off\">Off</span>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/tableMessages/tableMessage.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/tableMessages/tableMessage.html",
+ "<div class=\"b2b-table-message\">\n" +
+ " <div class=\"b2b-message\" ng-if=\"msgType === 'noMatchingResults'\">\n" +
+ " <div class=\"b2b-magnify-glass\"></div>\n" +
+ " <div>\n" +
+ " <div ng-transclude></div>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div class=\"b2b-message\" ng-if=\"msgType == 'infoCouldNotLoad'\">\n" +
+ " <div class=\"icon-primary-alert b2b-alert\" aria-label=\"Oops! The information could not load at this time. Please click link to refresh the page.\"></div>\n" +
+ " <div>Oops!</div>\n" +
+ " <div>The information could not load at this time.</div>\n" +
+ " <div>Please <a href=\"javascript:void(0)\" title=\"Refresh the page\" ng-click=\"refreshAction($event)\">refresh the page</a>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div class=\"b2b-message\" ng-if=\"msgType == 'magnifySearch'\">\n" +
+ " <div class=\"b2b-magnify-glass\"></div>\n" +
+ " <div>\n" +
+ " <p class=\"b2b-message-title\">Please input values to\n" +
+ " <br/> begin your search.</p>\n" +
+ " </div>\n" +
+ " </div>\n" +
+ " <div class=\"b2b-message\" ng-if=\"msgType === 'loadingTable'\">\n" +
+ " <div class=\"icon-primary-spinner-ddh b2b-loading-dots\"></div>\n" +
+ " <div ng-transclude></div>\n" +
+ " </div>\n" +
+ "</div>\n" +
+ "");
+}]);
+
+angular.module("b2bTemplate/tableScrollbar/tableScrollbar.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/tableScrollbar/tableScrollbar.html",
+ "<div class=\"b2b-table-scrollbar\">\n" +
+ " <div class=\"b2b-scrollbar-arrows\">\n" +
+ " <button class=\"btn-arrow b2b-scrollbar-arrow-left\" type=\"button\" ng-attr-aria-label=\"{{disableLeft ? 'Scroll Left Disabled' : 'Scroll Left'}}\" ng-click=\"scrollLeft()\" ng-disabled=\"disableLeft\"><div class=\"btn btn-alt\"><i class=\"icon-primary-left\"></i></div></button>\n" +
+ " <button class=\"btn-arrow b2b-scrollbar-arrow-right\" ng-attr-aria-label=\"{{disableRight ? 'Scroll Right Disabled' : 'Scroll Right'}}\" ng-click=\"scrollRight()\" ng-disabled=\"disableRight\" type=\"button\"><div class=\"btn btn-alt\"><i class=\"icon-primary-right\"></i></div></button>\n" +
+ " </div>\n" +
+ " <div class=\"b2b-table-inner-container\">\n" +
+ " <span ng-transclude></span>\n" +
+ " </div>\n" +
+ "</div>");
+}]);
+
+angular.module("b2bTemplate/tables/b2bTable.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/tables/b2bTable.html",
+ "<table ng-class=\"{'striped': responsive, 'complex-table': responsive && active}\" ng-transclude></table>");
+}]);
+
+angular.module("b2bTemplate/tables/b2bTableBody.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/tables/b2bTableBody.html",
+ "<td ng-hide=\"isHidden()\" ng-transclude></td>");
+}]);
+
+angular.module("b2bTemplate/tables/b2bTableHeaderSortable.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/tables/b2bTableHeaderSortable.html",
+ "<th scope=\"col\" role=\"columnheader\" aria-sort=\"{{sortPattern !== 'null' && 'none' || sortPattern}}\" aria-label=\"{{headerName}} {{sortable !== 'false' && ': activate to sort' || ' '}} {{sortPattern !== 'null' && '' || sortPattern}}\" tabindex=\"{{sortable !== 'false' && '0' || '-1'}}\" b2b-accessibility-click=\"13,32\" ng-click=\"(sortable !== 'false') && sort();\" ng-hide=\"isHidden()\">\n" +
+ " <span ng-transclude></span>\n" +
+ " <i ng-class=\"{'icon-primary-arrows-sort-arrow active': sortPattern === 'ascending', 'icon-primary-arrows-sort-arrow active down': sortPattern === 'descending'}\"></i>\n" +
+ "</th>");
+}]);
+
+angular.module("b2bTemplate/tables/b2bTableHeaderUnsortable.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/tables/b2bTableHeaderUnsortable.html",
+ "<th scope=\"col\" ng-hide=\"isHidden()\" ng-transclude></th>");
+}]);
+
+angular.module("b2bTemplate/tabs/b2bTab.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/tabs/b2bTab.html",
+ "<li role=\"tab\" aria-selected=\"{{isTabActive()}}\" aria-controls=\"{{tabPanelId}}\" class=\"tab\" \n" +
+ " ng-class=\"{'active': isTabActive()}\" ng-click=\"clickTab()\" ng-hide=\"tabItem.disabled\">\n" +
+ " <a href=\"javascript:void(0)\" tabindex=\"{{(isTabActive() && tabItem.disabled)?-1:0}}\"\n" +
+ " ng-disabled=\"tabItem.disabled\" aria-expanded=\"{{(isTabActive() && !tabItem.disabled)}}\" \n" +
+ " b2b-accessibility-click=\"13,32\" ng-transclude></a>\n" +
+ " <span class=\"hidden-spoken\" ng-if=\"isTabActive()\">Active tab</span>\n" +
+ "</li>");
+}]);
+
+angular.module("b2bTemplate/tabs/b2bTabset.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/tabs/b2bTabset.html",
+ "<ul class=\"tabs promo-tabs\" role=\"tablist\" ng-transclude></ul>");
+}]);
+
+angular.module("b2bTemplate/treeNav/groupedTree.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/treeNav/groupedTree.html",
+ "<ul role=\"group\">\n" +
+ " <li aria-expanded=\"{{(member.active?true:false)}}\" role=\"treeitem\" aria-label=\"{{key}}\" ng-repeat='(key,value) in collection | groupBy : \"grpChild\"' b2b-tree-link><a class=\"grp\" ng-class=\"{'active': value.showGroup == true}\" tabindex=\"-1\" href='javascript:void(0);'>{{(key)?key:''}}<span class=\"b2b-tree-node-icon\"><i ng-class=\"{'icon-primary-expanded': value.showGroup == true, 'icon-primary-collapsed': value.showGroup == undefined || value.showGroup == false }\"></i></span></a>\n" +
+ " <ul role=\"group\">\n" +
+ " <b2b-member ng-repeat='member in value.childArray' member='member' time-delay='{{timeDelay}}' group-it='groupIt'></b2b-member>\n" +
+ " </ul>\n" +
+ " </li>\n" +
+ "</ul>");
+}]);
+
+angular.module("b2bTemplate/treeNav/treeMember.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/treeNav/treeMember.html",
+ "<li role=\"treeitem\" aria-expanded=\"{{(member.active?true:false)}}\" aria-label=\"{{member.tooltipContent ? member.tooltipContent : member.name}}\" aria-describedby=\"description_{{$id}}\" ng-class=\"{'bg':member.selected}\" b2b-tree-link>\n" +
+ " <a tabindex=\"-1\" title=\"{{member.tooltipContent ? member.tooltipContent : member.name}}\" href=\"javascript:void(0)\" ng-class=\"{'active':member.active,'b2b-locked-node':member.locked}\"> <span class=\"b2b-tree-node-name\">{{member.name}}</span>\n" +
+ " <span class=\"{{!member.child?'end':''}} b2b-tree-node-icon\">\n" +
+ " <i class=\"b2b-tree-expandCollapse-icon\" ng-class=\"{'icon-primary-expanded':member.active}\"></i>\n" +
+ " </span>\n" +
+ " <div id=\"description_{{$id}}\" class=\"offscreen-text\">\n" +
+ " {{member.descriptionText}}\n" +
+ " </div>\n" +
+ " <div class=\"b2b-tree-tooltip\" ng-if=\"member.showTooltip\">\n" +
+ " <span class=\"b2b-tree-arrow-left\"></span>\n" +
+ " <div class=\"b2b-tree-tooltip-content\">\n" +
+ " {{member.tooltipContent}}\n" +
+ " </div> \n" +
+ " </div>\n" +
+ " </a>\n" +
+ "</li>");
+}]);
+
+angular.module("b2bTemplate/treeNav/ungroupedTree.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/treeNav/ungroupedTree.html",
+ "<ul role=\"{{setRole}}\"><b2b-member ng-repeat='member in collection' member='member' group-it='groupIt'></b2b-member></ul>");
+}]);
+
+angular.module("b2bTemplate/treeNodeCheckbox/groupedTree.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/treeNodeCheckbox/groupedTree.html",
+ "<ul role=\"group\">\n" +
+ " <li aria-expanded=\"{{(member.active?true:false)}}\" role=\"treeitem\" aria-label=\"{{key}}\" ng-repeat='(key,value) in collection | groupBy : \"grpChild\"' b2b-tree-node-link><a class=\"grp\" ng-class=\"{'active': value.showGroup == true}\" tabindex=\"-1\" href='javascript:void(0);'>\n" +
+ " <span class=\"ng-hide\">\n" +
+ " <label class=\"checkbox\">\n" +
+ " <input type=\"checkbox\" tabindex=\"-1\" class=\"treeCheckBox grpTreeCheckbox\" style=\"margin-top:2px;\"/><i class=\"skin\"></i><span> {{(key)?key:''}}</span>\n" +
+ " </label>\n" +
+ " </span>\n" +
+ " <span>\n" +
+ " {{(key)?key:''}} \n" +
+ " </span>\n" +
+ " <span class=\"nodeIcon\"><i class=\"expandCollapseIcon\" ng-class=\"{'icon-primary-expanded': value.showGroup == true, 'icon-primary-collapsed': value.showGroup == undefined || value.showGroup == false }\"></i></span></a>\n" +
+ " <ul role=\"group\">\n" +
+ " <b2b-tree-member ng-repeat='member in value.childArray' member='member' group-it='groupIt'></b2b-tree-member>\n" +
+ " </ul>\n" +
+ " </li>\n" +
+ "</ul>");
+}]);
+
+angular.module("b2bTemplate/treeNodeCheckbox/treeMember.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/treeNodeCheckbox/treeMember.html",
+ "<li role=\"treeitem\" aria-expanded=\"{{(member.active?true:false)}}\" aria-label=\"{{member.name}}\" ng-class=\"{'bg':member.selected}\" b2b-tree-node-link>\n" +
+ " <a tabindex=\"-1\" title=\"{{member.name}}\" href=\"javascript:void(0)\" ng-class=\"{'active':member.active}\">\n" +
+ " <span ng-show=\"member.displayCheckbox\">\n" +
+ " <label class=\"checkbox\">\n" +
+ " <input type=\"checkbox\" tabindex=\"-1\" ng-model=\"member.isSelected\" ng-class=\"{'treeCheckBox': (member.displayCheckbox !== undefined)}\" style=\"margin-top:2px;\"/><i class=\"skin\"></i><span> {{member.name}}</span>\n" +
+ " </label>\n" +
+ " </span>\n" +
+ " <span ng-show=\"!member.displayCheckbox\">\n" +
+ " {{member.name}} \n" +
+ " </span>\n" +
+ " <span class=\"nodeIcon {{!member.child?'end':''}}\">\n" +
+ " <i class=\"expandCollapseIcon\" ng-class=\"{'icon-primary-expanded':member.active}\"></i>\n" +
+ " </span>\n" +
+ " </a>\n" +
+ "</li>");
+}]);
+
+angular.module("b2bTemplate/treeNodeCheckbox/ungroupedTree.html", []).run(["$templateCache", function($templateCache) {
+ $templateCache.put("b2bTemplate/treeNodeCheckbox/ungroupedTree.html",
+ "<ul role=\"{{setRole}}\"><b2b-tree-member ng-repeat='member in collection' member='member' group-it='groupIt'></b2b-tree-member></ul>");
+}]);
diff --git a/ecomp-portal-FE-os/client/bower_components_external/bowser/bowser.js b/ecomp-portal-FE-os/client/bower_components_external/bowser/bowser.js
new file mode 100644
index 00000000..c496a738
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/bowser/bowser.js
@@ -0,0 +1,559 @@
+/*!
+ * Bowser - a browser detector
+ * https://github.com/ded/bowser
+ * MIT License | (c) Dustin Diaz 2015
+ */
+
+!function (name, definition) {
+ if (typeof module != 'undefined' && module.exports) module.exports = definition()
+ else if (typeof define == 'function' && define.amd) define(definition)
+ else this[name] = definition()
+}('bowser', function () {
+ /**
+ * See useragents.js for examples of navigator.userAgent
+ */
+
+ var t = true
+
+ function detect(ua) {
+
+ function getFirstMatch(regex) {
+ var match = ua.match(regex);
+ return (match && match.length > 1 && match[1]) || '';
+ }
+
+ function getSecondMatch(regex) {
+ var match = ua.match(regex);
+ return (match && match.length > 1 && match[2]) || '';
+ }
+
+ var iosdevice = getFirstMatch(/(ipod|iphone|ipad)/i).toLowerCase()
+ , likeAndroid = /like android/i.test(ua)
+ , android = !likeAndroid && /android/i.test(ua)
+ , nexusMobile = /nexus\s*[0-6]\s*/i.test(ua)
+ , nexusTablet = !nexusMobile && /nexus\s*[0-9]+/i.test(ua)
+ , chromeos = /CrOS/.test(ua)
+ , silk = /silk/i.test(ua)
+ , sailfish = /sailfish/i.test(ua)
+ , tizen = /tizen/i.test(ua)
+ , webos = /(web|hpw)os/i.test(ua)
+ , windowsphone = /windows phone/i.test(ua)
+ , windows = !windowsphone && /windows/i.test(ua)
+ , mac = !iosdevice && !silk && /macintosh/i.test(ua)
+ , linux = !android && !sailfish && !tizen && !webos && /linux/i.test(ua)
+ , edgeVersion = getFirstMatch(/edge\/(\d+(\.\d+)?)/i)
+ , versionIdentifier = getFirstMatch(/version\/(\d+(\.\d+)?)/i)
+ , tablet = /tablet/i.test(ua)
+ , mobile = !tablet && /[^-]mobi/i.test(ua)
+ , xbox = /xbox/i.test(ua)
+ , result
+
+ if (/opera|opr|opios/i.test(ua)) {
+ result = {
+ name: 'Opera'
+ , opera: t
+ , version: versionIdentifier || getFirstMatch(/(?:opera|opr|opios)[\s\/](\d+(\.\d+)?)/i)
+ }
+ }
+ else if (/coast/i.test(ua)) {
+ result = {
+ name: 'Opera Coast'
+ , coast: t
+ , version: versionIdentifier || getFirstMatch(/(?:coast)[\s\/](\d+(\.\d+)?)/i)
+ }
+ }
+ else if (/yabrowser/i.test(ua)) {
+ result = {
+ name: 'Yandex Browser'
+ , yandexbrowser: t
+ , version: versionIdentifier || getFirstMatch(/(?:yabrowser)[\s\/](\d+(\.\d+)?)/i)
+ }
+ }
+ else if (/ucbrowser/i.test(ua)) {
+ result = {
+ name: 'UC Browser'
+ , ucbrowser: t
+ , version: getFirstMatch(/(?:ucbrowser)[\s\/](\d+(?:\.\d+)+)/i)
+ }
+ }
+ else if (/mxios/i.test(ua)) {
+ result = {
+ name: 'Maxthon'
+ , maxthon: t
+ , version: getFirstMatch(/(?:mxios)[\s\/](\d+(?:\.\d+)+)/i)
+ }
+ }
+ else if (/epiphany/i.test(ua)) {
+ result = {
+ name: 'Epiphany'
+ , epiphany: t
+ , version: getFirstMatch(/(?:epiphany)[\s\/](\d+(?:\.\d+)+)/i)
+ }
+ }
+ else if (/puffin/i.test(ua)) {
+ result = {
+ name: 'Puffin'
+ , puffin: t
+ , version: getFirstMatch(/(?:puffin)[\s\/](\d+(?:\.\d+)?)/i)
+ }
+ }
+ else if (/sleipnir/i.test(ua)) {
+ result = {
+ name: 'Sleipnir'
+ , sleipnir: t
+ , version: getFirstMatch(/(?:sleipnir)[\s\/](\d+(?:\.\d+)+)/i)
+ }
+ }
+ else if (/k-meleon/i.test(ua)) {
+ result = {
+ name: 'K-Meleon'
+ , kMeleon: t
+ , version: getFirstMatch(/(?:k-meleon)[\s\/](\d+(?:\.\d+)+)/i)
+ }
+ }
+ else if (windowsphone) {
+ result = {
+ name: 'Windows Phone'
+ , windowsphone: t
+ }
+ if (edgeVersion) {
+ result.msedge = t
+ result.version = edgeVersion
+ }
+ else {
+ result.msie = t
+ result.version = getFirstMatch(/iemobile\/(\d+(\.\d+)?)/i)
+ }
+ }
+ else if (/msie|trident/i.test(ua)) {
+ result = {
+ name: 'Internet Explorer'
+ , msie: t
+ , version: getFirstMatch(/(?:msie |rv:)(\d+(\.\d+)?)/i)
+ }
+ } else if (chromeos) {
+ result = {
+ name: 'Chrome'
+ , chromeos: t
+ , chromeBook: t
+ , chrome: t
+ , version: getFirstMatch(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i)
+ }
+ } else if (/chrome.+? edge/i.test(ua)) {
+ result = {
+ name: 'Microsoft Edge'
+ , msedge: t
+ , version: edgeVersion
+ }
+ }
+ else if (/vivaldi/i.test(ua)) {
+ result = {
+ name: 'Vivaldi'
+ , vivaldi: t
+ , version: getFirstMatch(/vivaldi\/(\d+(\.\d+)?)/i) || versionIdentifier
+ }
+ }
+ else if (sailfish) {
+ result = {
+ name: 'Sailfish'
+ , sailfish: t
+ , version: getFirstMatch(/sailfish\s?browser\/(\d+(\.\d+)?)/i)
+ }
+ }
+ else if (/seamonkey\//i.test(ua)) {
+ result = {
+ name: 'SeaMonkey'
+ , seamonkey: t
+ , version: getFirstMatch(/seamonkey\/(\d+(\.\d+)?)/i)
+ }
+ }
+ else if (/firefox|iceweasel|fxios/i.test(ua)) {
+ result = {
+ name: 'Firefox'
+ , firefox: t
+ , version: getFirstMatch(/(?:firefox|iceweasel|fxios)[ \/](\d+(\.\d+)?)/i)
+ }
+ if (/\((mobile|tablet);[^\)]*rv:[\d\.]+\)/i.test(ua)) {
+ result.firefoxos = t
+ }
+ }
+ else if (silk) {
+ result = {
+ name: 'Amazon Silk'
+ , silk: t
+ , version : getFirstMatch(/silk\/(\d+(\.\d+)?)/i)
+ }
+ }
+ else if (/phantom/i.test(ua)) {
+ result = {
+ name: 'PhantomJS'
+ , phantom: t
+ , version: getFirstMatch(/phantomjs\/(\d+(\.\d+)?)/i)
+ }
+ }
+ else if (/slimerjs/i.test(ua)) {
+ result = {
+ name: 'SlimerJS'
+ , slimer: t
+ , version: getFirstMatch(/slimerjs\/(\d+(\.\d+)?)/i)
+ }
+ }
+ else if (/blackberry|\bbb\d+/i.test(ua) || /rim\stablet/i.test(ua)) {
+ result = {
+ name: 'BlackBerry'
+ , blackberry: t
+ , version: versionIdentifier || getFirstMatch(/blackberry[\d]+\/(\d+(\.\d+)?)/i)
+ }
+ }
+ else if (webos) {
+ result = {
+ name: 'WebOS'
+ , webos: t
+ , version: versionIdentifier || getFirstMatch(/w(?:eb)?osbrowser\/(\d+(\.\d+)?)/i)
+ };
+ /touchpad\//i.test(ua) && (result.touchpad = t)
+ }
+ else if (/bada/i.test(ua)) {
+ result = {
+ name: 'Bada'
+ , bada: t
+ , version: getFirstMatch(/dolfin\/(\d+(\.\d+)?)/i)
+ };
+ }
+ else if (tizen) {
+ result = {
+ name: 'Tizen'
+ , tizen: t
+ , version: getFirstMatch(/(?:tizen\s?)?browser\/(\d+(\.\d+)?)/i) || versionIdentifier
+ };
+ }
+ else if (/qupzilla/i.test(ua)) {
+ result = {
+ name: 'QupZilla'
+ , qupzilla: t
+ , version: getFirstMatch(/(?:qupzilla)[\s\/](\d+(?:\.\d+)+)/i) || versionIdentifier
+ }
+ }
+ else if (/chromium/i.test(ua)) {
+ result = {
+ name: 'Chromium'
+ , chromium: t
+ , version: getFirstMatch(/(?:chromium)[\s\/](\d+(?:\.\d+)?)/i) || versionIdentifier
+ }
+ }
+ else if (/chrome|crios|crmo/i.test(ua)) {
+ result = {
+ name: 'Chrome'
+ , chrome: t
+ , version: getFirstMatch(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i)
+ }
+ }
+ else if (android) {
+ result = {
+ name: 'Android'
+ , version: versionIdentifier
+ }
+ }
+ else if (/safari|applewebkit/i.test(ua)) {
+ result = {
+ name: 'Safari'
+ , safari: t
+ }
+ if (versionIdentifier) {
+ result.version = versionIdentifier
+ }
+ }
+ else if (iosdevice) {
+ result = {
+ name : iosdevice == 'iphone' ? 'iPhone' : iosdevice == 'ipad' ? 'iPad' : 'iPod'
+ }
+ // WTF: version is not part of user agent in web apps
+ if (versionIdentifier) {
+ result.version = versionIdentifier
+ }
+ }
+ else if(/googlebot/i.test(ua)) {
+ result = {
+ name: 'Googlebot'
+ , googlebot: t
+ , version: getFirstMatch(/googlebot\/(\d+(\.\d+))/i) || versionIdentifier
+ }
+ }
+ else {
+ result = {
+ name: getFirstMatch(/^(.*)\/(.*) /),
+ version: getSecondMatch(/^(.*)\/(.*) /)
+ };
+ }
+
+ // set webkit or gecko flag for browsers based on these engines
+ if (!result.msedge && /(apple)?webkit/i.test(ua)) {
+ if (/(apple)?webkit\/537\.36/i.test(ua)) {
+ result.name = result.name || "Blink"
+ result.blink = t
+ } else {
+ result.name = result.name || "Webkit"
+ result.webkit = t
+ }
+ if (!result.version && versionIdentifier) {
+ result.version = versionIdentifier
+ }
+ } else if (!result.opera && /gecko\//i.test(ua)) {
+ result.name = result.name || "Gecko"
+ result.gecko = t
+ result.version = result.version || getFirstMatch(/gecko\/(\d+(\.\d+)?)/i)
+ }
+
+ // set OS flags for platforms that have multiple browsers
+ if (!result.msedge && (android || result.silk)) {
+ result.android = t
+ } else if (iosdevice) {
+ result[iosdevice] = t
+ result.ios = t
+ } else if (mac) {
+ result.mac = t
+ } else if (xbox) {
+ result.xbox = t
+ } else if (windows) {
+ result.windows = t
+ } else if (linux) {
+ result.linux = t
+ }
+
+ // OS version extraction
+ var osVersion = '';
+ if (result.windowsphone) {
+ osVersion = getFirstMatch(/windows phone (?:os)?\s?(\d+(\.\d+)*)/i);
+ } else if (iosdevice) {
+ osVersion = getFirstMatch(/os (\d+([_\s]\d+)*) like mac os x/i);
+ osVersion = osVersion.replace(/[_\s]/g, '.');
+ } else if (android) {
+ osVersion = getFirstMatch(/android[ \/-](\d+(\.\d+)*)/i);
+ } else if (result.webos) {
+ osVersion = getFirstMatch(/(?:web|hpw)os\/(\d+(\.\d+)*)/i);
+ } else if (result.blackberry) {
+ osVersion = getFirstMatch(/rim\stablet\sos\s(\d+(\.\d+)*)/i);
+ } else if (result.bada) {
+ osVersion = getFirstMatch(/bada\/(\d+(\.\d+)*)/i);
+ } else if (result.tizen) {
+ osVersion = getFirstMatch(/tizen[\/\s](\d+(\.\d+)*)/i);
+ }
+ if (osVersion) {
+ result.osversion = osVersion;
+ }
+
+ // device type extraction
+ var osMajorVersion = osVersion.split('.')[0];
+ if (
+ tablet
+ || nexusTablet
+ || iosdevice == 'ipad'
+ || (android && (osMajorVersion == 3 || (osMajorVersion >= 4 && !mobile)))
+ || result.silk
+ ) {
+ result.tablet = t
+ } else if (
+ mobile
+ || iosdevice == 'iphone'
+ || iosdevice == 'ipod'
+ || android
+ || nexusMobile
+ || result.blackberry
+ || result.webos
+ || result.bada
+ ) {
+ result.mobile = t
+ }
+
+ // Graded Browser Support
+ // http://developer.yahoo.com/yui/articles/gbs
+ if (result.msedge ||
+ (result.msie && result.version >= 10) ||
+ (result.yandexbrowser && result.version >= 15) ||
+ (result.vivaldi && result.version >= 1.0) ||
+ (result.chrome && result.version >= 20) ||
+ (result.firefox && result.version >= 20.0) ||
+ (result.safari && result.version >= 6) ||
+ (result.opera && result.version >= 10.0) ||
+ (result.ios && result.osversion && result.osversion.split(".")[0] >= 6) ||
+ (result.blackberry && result.version >= 10.1)
+ || (result.chromium && result.version >= 20)
+ ) {
+ result.a = t;
+ }
+ else if ((result.msie && result.version < 10) ||
+ (result.chrome && result.version < 20) ||
+ (result.firefox && result.version < 20.0) ||
+ (result.safari && result.version < 6) ||
+ (result.opera && result.version < 10.0) ||
+ (result.ios && result.osversion && result.osversion.split(".")[0] < 6)
+ || (result.chromium && result.version < 20)
+ ) {
+ result.c = t
+ } else result.x = t
+
+ return result
+ }
+
+ var bowser = detect(typeof navigator !== 'undefined' ? navigator.userAgent : '')
+
+ bowser.test = function (browserList) {
+ for (var i = 0; i < browserList.length; ++i) {
+ var browserItem = browserList[i];
+ if (typeof browserItem=== 'string') {
+ if (browserItem in bowser) {
+ return true;
+ }
+ }
+ }
+ return false;
+ }
+
+ /**
+ * Get version precisions count
+ *
+ * @example
+ * getVersionPrecision("1.10.3") // 3
+ *
+ * @param {string} version
+ * @return {number}
+ */
+ function getVersionPrecision(version) {
+ return version.split(".").length;
+ }
+
+ /**
+ * Array::map polyfill
+ *
+ * @param {Array} arr
+ * @param {Function} iterator
+ * @return {Array}
+ */
+ function map(arr, iterator) {
+ var result = [], i;
+ if (Array.prototype.map) {
+ return Array.prototype.map.call(arr, iterator);
+ }
+ for (i = 0; i < arr.length; i++) {
+ result.push(iterator(arr[i]));
+ }
+ return result;
+ }
+
+ /**
+ * Calculate browser version weight
+ *
+ * @example
+ * compareVersions(['1.10.2.1', '1.8.2.1.90']) // 1
+ * compareVersions(['1.010.2.1', '1.09.2.1.90']); // 1
+ * compareVersions(['1.10.2.1', '1.10.2.1']); // 0
+ * compareVersions(['1.10.2.1', '1.0800.2']); // -1
+ *
+ * @param {Array<String>} versions versions to compare
+ * @return {Number} comparison result
+ */
+ function compareVersions(versions) {
+ // 1) get common precision for both versions, for example for "10.0" and "9" it should be 2
+ var precision = Math.max(getVersionPrecision(versions[0]), getVersionPrecision(versions[1]));
+ var chunks = map(versions, function (version) {
+ var delta = precision - getVersionPrecision(version);
+
+ // 2) "9" -> "9.0" (for precision = 2)
+ version = version + new Array(delta + 1).join(".0");
+
+ // 3) "9.0" -> ["000000000"", "000000009"]
+ return map(version.split("."), function (chunk) {
+ return new Array(20 - chunk.length).join("0") + chunk;
+ }).reverse();
+ });
+
+ // iterate in reverse order by reversed chunks array
+ while (--precision >= 0) {
+ // 4) compare: "000000009" > "000000010" = false (but "9" > "10" = true)
+ if (chunks[0][precision] > chunks[1][precision]) {
+ return 1;
+ }
+ else if (chunks[0][precision] === chunks[1][precision]) {
+ if (precision === 0) {
+ // all version chunks are same
+ return 0;
+ }
+ }
+ else {
+ return -1;
+ }
+ }
+ }
+
+ /**
+ * Check if browser is unsupported
+ *
+ * @example
+ * bowser.isUnsupportedBrowser({
+ * msie: "10",
+ * firefox: "23",
+ * chrome: "29",
+ * safari: "5.1",
+ * opera: "16",
+ * phantom: "534"
+ * });
+ *
+ * @param {Object} minVersions map of minimal version to browser
+ * @param {Boolean} [strictMode = false] flag to return false if browser wasn't found in map
+ * @param {String} [ua] user agent string
+ * @return {Boolean}
+ */
+ function isUnsupportedBrowser(minVersions, strictMode, ua) {
+ var _bowser = bowser;
+
+ // make strictMode param optional with ua param usage
+ if (typeof strictMode === 'string') {
+ ua = strictMode;
+ strictMode = void(0);
+ }
+
+ if (strictMode === void(0)) {
+ strictMode = false;
+ }
+ if (ua) {
+ _bowser = detect(ua);
+ }
+
+ var version = "" + _bowser.version;
+ for (var browser in minVersions) {
+ if (minVersions.hasOwnProperty(browser)) {
+ if (_bowser[browser]) {
+ // browser version and min supported version.
+ return compareVersions([version, minVersions[browser]]) < 0;
+ }
+ }
+ }
+
+ return strictMode; // not found
+ }
+
+ /**
+ * Check if browser is supported
+ *
+ * @param {Object} minVersions map of minimal version to browser
+ * @param {Boolean} [strictMode = false] flag to return false if browser wasn't found in map
+ * @param {String} [ua] user agent string
+ * @return {Boolean}
+ */
+ function check(minVersions, strictMode, ua) {
+ return !isUnsupportedBrowser(minVersions, strictMode, ua);
+ }
+
+ bowser.isUnsupportedBrowser = isUnsupportedBrowser;
+ bowser.compareVersions = compareVersions;
+ bowser.check = check;
+
+ /*
+ * Set our detect method to the main bowser object so we can
+ * reuse it to test other user agents.
+ * This is needed to implement future tests.
+ */
+ bowser._detect = detect;
+
+ return bowser
+});
diff --git a/ecomp-portal-FE-os/client/bower_components_external/bowser/useragents.js b/ecomp-portal-FE-os/client/bower_components_external/bowser/useragents.js
new file mode 100644
index 00000000..dd7fb251
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/bowser/useragents.js
@@ -0,0 +1,1267 @@
+/**
+ * Example User Agents and their expected bowser objects.
+ * Most of them where found at http://www.useragentstring.com/
+ *
+ * @see test/test.js
+ * @author hannes.diercks@jimdo.com
+ */
+module.exports.useragents = {
+ Chrome: {
+ 'Mozilla/5.0 (Linux; Android 5.1.1; Nexus 9 Build/LMY48T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.83 Safari/537.36': {
+ chrome: true
+ , android: true
+ , osversion: '5.1.1'
+ , tablet: true
+ , version: '47.0'
+ , blink: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Linux; Android 4.4.2; Nexus 7 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.99 Safari/537.36': {
+ chrome: true
+ , android: true
+ , osversion: '4.4.2'
+ , tablet: true
+ , version: '32.0'
+ , blink: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Linux; Android 4.3; Galaxy Nexus Build/JWR66Y) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.99 Mobile Safari/537.36': {
+ chrome: true
+ , android: true
+ , osversion: '4.3'
+ , mobile: true
+ , version: '32.0'
+ , blink: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Linux; Android 4.1; Galaxy Nexus Build/JRN84D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19': {
+ chrome: true
+ , android: true
+ , osversion: '4.1'
+ , mobile: true
+ , version: '18.0'
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Android-4.0.3; en-us; Xoom Build/IML77) AppleWebKit/535.7 (KHTML, like Gecko) CrMo/16.0.912.75 Safari/535.7': {
+ chrome: true
+ , android: true
+ , osversion: '4.0.3'
+ , tablet: true
+ , version: '16.0'
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Android-4.0.3; en-us; Galaxy Nexus Build/IML74K) AppleWebKit/535.7 (KHTML, like Gecko) CrMo/16.0.912.75 Mobile Safari/535.7': {
+ chrome: true
+ , android: true
+ , osversion: '4.0.3'
+ , mobile: true
+ , version: '16.0'
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en) AppleWebKit/534.46.0 (KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3': {
+ chrome: true
+ , iphone: true
+ , ios: true
+ , osversion: '5.1.1'
+ , mobile: true
+ , version: '19.0'
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPad; U; CPU OS 5_1_1 like Mac OS X; en-us) AppleWebKit/534.46.0 (KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3': {
+ chrome: true
+ , ipad: true
+ , ios: true
+ , osversion: '5.1.1'
+ , tablet: true
+ , version: '19.0'
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.17 Safari/537.36': {
+ chrome: true
+ , version: '30.0'
+ , windows: true
+ , blink: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.62 Safari/537.36': {
+ chrome: true
+ , version: '29.0'
+ , windows: true
+ , blink: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (X11; CrOS i686 4319.74.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.57 Safari/537.36': {
+ chrome: true
+ , chromeBook: true
+ , version: '29.0'
+ , chromeos: true
+ , blink: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.2 Safari/537.36': {
+ chrome: true
+ , version: '29.0'
+ , windows: true
+ , blink: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1468.0 Safari/537.36': {
+ chrome: true
+ , version: '28.0'
+ , windows: true
+ , blink: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_7) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.57 Safari/534.24': {
+ chrome: true
+ , version: '11.0'
+ , mac: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (X11; U; Linux i686; en-US) AppleWebKit/534.3 (KHTML, like Gecko) Chrome/6.0.462.0 Safari/534.3': {
+ chrome: true
+ , version: '6.0'
+ , linux: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_1 like Mac OS X) AppleWebKit/601.1 (KHTML, like Gecko) CriOS/50.0.2661.95 Mobile/13E238 Safari/601.1.46': {
+ chrome: true
+ , version: '50.0'
+ , osversion: '9.3.1'
+ , webkit: true
+ , ios: true
+ , iphone: true
+ , mobile: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Linux; Android 5.0.2; SM-T705 Build/LRX22G) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.105 Safari/537.36': {
+ chrome: true
+ , android: true
+ , version: '49.0'
+ , osversion: '5.0.2'
+ , blink: true
+ , a: true
+ , tablet: true
+ }
+ , 'Mozilla/5.0 (Linux; Android 6.0.99; Build/NPC91K) AppleWebKit/537.36(KHTML, like Gecko) Chrome/50.0.2661.86 Safari/537.36': {
+ chrome: true
+ , android: true
+ , tablet: true
+ , osversion: '6.0.99'
+ , version: '50.0'
+ , blink: true
+ , a: true
+ }
+ }
+ , 'Amazon Silk': {
+ 'Mozilla/5.0 (Linux; U; Android 4.0.3; en-us; KFTT Build/IML74K) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.4 Mobile Safari/535.19 Silk-Accelerated=true': {
+ name: 'Amazon Silk'
+ , silk: true
+ , webkit: true
+ , android: true
+ , osversion: '4.0.3'
+ , tablet: true
+ , version : '3.4'
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; en-us; KFTT Build/IML74K) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.4 Safari/535.19 Silk-Accelerated=true': {
+ name: 'Amazon Silk'
+ , silk: true
+ , webkit: true
+ , android: true
+ , tablet: true
+ , version : '3.4'
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Android 2.3.4; en-us; Silk/1.0.13.81_10003810) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 Silk-Accelerated=true': {
+ name: 'Amazon Silk'
+ , silk: true
+ , webkit: true
+ , android: true
+ , osversion: '2.3.4'
+ , tablet: true
+ , version : '1.0'
+ , x: true
+ }
+ , 'Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_3; en-us; Silk/1.0.22.153_10033210) AppleWebKit/533.16 (KHTML, like Gecko) Version/5.0 Safari/533.16 Silk-Accelerated=true': {
+ name: 'Amazon Silk'
+ , silk: true
+ , webkit: true
+ , android: true
+ , tablet: true
+ , version : '1.0'
+ , x: true
+ }
+ }
+ , Opera: {
+ 'Mozilla/5.0 (Linux; Android 4.4.2; Nexus 7 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.72 Safari/537.36 OPR/19.0.1340.69721': {
+ opera: true
+ , blink: true
+ , android: true
+ , osversion: '4.4.2'
+ , tablet: true
+ , version: '19.0'
+ , a: true
+ }
+ , 'Mozilla/5.0 (Linux; Android 4.3; Galaxy Nexus Build/JWR66Y) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.72 Mobile Safari/537.36 OPR/19.0.1340.69721': {
+ opera: true
+ , blink: true
+ , android: true
+ , osversion: '4.3'
+ , mobile: true
+ , version: '19.0'
+ , a: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.52 Safari/537.36 OPR/15.0.1147.100': {
+ opera: true
+ , windows: true
+ , blink: true
+ , version: '15.0'
+ , a: true
+ }
+ , 'Opera/9.80 (Android 4.3; Linux; Opera Mobi/ADR-1309251116) Presto/2.11.355 Version/12.10': {
+ opera: true
+ , version: '12.10'
+ , android: true
+ , osversion: '4.3'
+ , mobile: true
+ , a: true
+ }
+ , 'Opera/9.80 (Android 4.4.2; Linux; Opera Tablet/ADR-1309251116) Presto/2.11.355 Version/12.10': {
+ opera: true
+ , version: '12.10'
+ , android: true
+ , osversion: '4.4.2'
+ , tablet: true
+ , a: true
+ }
+ , 'Opera/9.80 (Windows NT 6.0) Presto/2.12.388 Version/12.14': {
+ opera: true
+ , version: '12.14'
+ , windows: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.0; rv:2.0) Gecko/20100101 Firefox/4.0 Opera 12.14': {
+ opera: true
+ , version: '12.14'
+ , windows: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.0) Opera 12.14': {
+ opera: true
+ , version: '12.14'
+ , windows: true
+ , a: true
+ }
+ , 'Opera/12.80 (Windows NT 5.1; U; en) Presto/2.10.289 Version/12.02': {
+ opera: true
+ , version: '12.02'
+ , windows: true
+ , a: true
+ }
+ , 'Opera/9.80 (X11; Linux i686; U; es-ES) Presto/2.8.131 Version/11.11': {
+ opera: true
+ , version: '11.11'
+ , linux: true
+ , a: true
+ }
+ , 'Opera/9.80 (Macintosh; Intel Mac OS X 10.6.7; U; en) Presto/2.7.62 Version/11.01': {
+ opera: true
+ , version: '11.01'
+ , mac: true
+ , a: true
+ }
+ , 'Opera/9.80 (Windows NT 5.2; U; zh-cn) Presto/2.6.30 Version/10.63': {
+ opera: true
+ , version: '10.63'
+ , windows: true
+ , a: true
+ }
+ , 'Opera/9.80 (X11; Linux i686; U; it) Presto/2.5.24 Version/10.54': {
+ opera: true
+ , version: '10.54'
+ , linux: true
+ , a: true
+ }
+ , 'Opera/9.70 (Linux ppc64 ; U; en) Presto/2.2.1': {
+ opera: true
+ , version: '9.70'
+ , linux: true
+ , c: true
+ }
+ , 'Opera/9.63 (X11; Linux i686)': {
+ opera: true
+ , version: '9.63'
+ , linux: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (X11; Linux i686; U; en) Opera 8.52': {
+ opera: true
+ , version: '8.52'
+ , linux: true
+ , c: true
+ }
+ }
+ , 'Opera Coast': {
+ 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Coast/5.02.99991 Mobile/13E238 Safari/7534.48.3': {
+ coast: true
+ , version: '5.02'
+ , osversion: '9.3.1'
+ , iphone: true
+ , ios: true
+ , mobile: true
+ , a: true
+ , webkit: true
+ }
+ }
+ , 'Yandex Browser': {
+ 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.118 YaBrowser/15.4.2272.3420 (beta) Yowser/2.0 Safari/537.36': {
+ yandexbrowser: true
+ , blink: true
+ , version: '15.4'
+ , mac: true
+ , a: true
+ },
+ 'Mozilla/5.0 (Linux; Android 5.1.1; Nexus 5 Build/LMY48B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.118 YaBrowser/15.4.2272.3608.00 Mobile Safari/537.36': {
+ yandexbrowser: true
+ , android: true
+ , osversion: '5.1.1'
+ , mobile: true
+ , version: '15.4'
+ , blink: true
+ , a: true
+ }
+ }
+ , Safari: {
+ 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.13+ (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2': {
+ safari: true
+ , version: '5.1'
+ , mac: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_7; en-us) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1': {
+ safari: true
+ , version: '5.0'
+ , mac: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Windows; U; Windows NT 5.1; ru-RU) AppleWebKit/533.18.1 (KHTML, like Gecko) Version/5.0.2 Safari/533.18.5': {
+ safari: true
+ , version: '5.0'
+ , windows: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (X11; U; Linux x86_64; en-us) AppleWebKit/531.2+ (KHTML, like Gecko) Version/5.0 Safari/531.2+': {
+ safari: true
+ , version: '5.0'
+ , linux: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Windows; U; Windows NT 5.0; en-en) AppleWebKit/533.16 (KHTML, like Gecko) Version/4.1 Safari/533.16': {
+ safari: true
+ , version: '4.1'
+ , windows: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10_6_1; en_GB, en_US) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Safari/531.21.10': {
+ safari: true
+ , version: '4.0'
+ , mac: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_5_7; de-de) AppleWebKit/525.28.3 (KHTML, like Gecko) Version/3.2.3 Safari/525.28.3': {
+ safari: true
+ , version: '3.2'
+ , mac: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPhone; CPU iPhone OS 7_0_4 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Mobile/11B554a': {
+ ios: true
+ , osversion: '7.0.4'
+ , iphone: true
+ , mobile: true
+ , webkit: true
+ , safari: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (iPhone Simulator; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5': {
+ ios: true
+ , osversion: '4.3.2'
+ , version: '5.0'
+ , iphone: true
+ , mobile: true
+ , safari: true
+ , webkit: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3': {
+ ios: true
+ , version: '3.0'
+ , iphone: true
+ , mobile: true
+ , webkit: true
+ , safari: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8B5097d Safari/6531.22.7': {
+ ios: true
+ , osversion: '4.1'
+ , version: '4.0'
+ , iphone: true
+ , mobile: true
+ , webkit: true
+ , safari: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10_5_2; en-gb) AppleWebKit/526+ (KHTML, like Gecko) Version/3.1 iPhone': {
+ ios: true
+ , version: '3.1'
+ , iphone: true
+ , mobile: true
+ , webkit: true
+ , safari: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_0 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13A344 Safari/601.1': {
+ ios: true
+ , osversion: '9.0'
+ , version: '9.0'
+ , iphone: true
+ , mobile: true
+ , webkit: true
+ , safari: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (iPad; CPU OS 7_0_4 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11B554a Safari/9537.53': {
+ ios: true
+ , osversion: '7.0.4'
+ , name: 'Safari'
+ , version: '7.0'
+ , ipad: true
+ , tablet: true
+ , webkit: true
+ , safari: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5355d Safari/8536.25': {
+ ios: true
+ , osversion: '6.0'
+ , name: 'Safari'
+ , version: '6.0'
+ , ipad: true
+ , tablet: true
+ , webkit: true
+ , safari: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (iPad; CPU OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko ) Version/5.1 Mobile/9B176 Safari/7534.48.3': {
+ ios: true
+ , osversion: '5.1'
+ , name: 'Safari'
+ , version: '5.1'
+ , ipad: true
+ , tablet: true
+ , webkit: true
+ , safari: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPad; U; CPU OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5': {
+ ios: true
+ , osversion: '4.3.2'
+ , name: 'Safari'
+ , version: '5.0'
+ , ipad: true
+ , tablet: true
+ , webkit: true
+ , safari: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; es-es) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B360 Safari/531.21.10': {
+ ios: true
+ , osversion: '3.2'
+ , name: 'Safari'
+ , version: '4.0'
+ , ipad: true
+ , tablet: true
+ , webkit: true
+ , safari: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPod touch; CPU iPhone OS 7_0_3 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11B511 Safari/9537.53': {
+ ios: true
+ , osversion: '7.0.3'
+ , version: '7.0'
+ , ipod: true
+ , mobile: true
+ , webkit: true
+ , safari: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (iPod; CPU iPhone OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B176 Safari/7534.48.3': {
+ ios: true
+ , osversion: '5.1'
+ , version: '5.1'
+ , ipod: true
+ , mobile: true
+ , webkit: true
+ , safari: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPod; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5': {
+ ios: true
+ , osversion: '4.3.3'
+ , version: '5.0'
+ , ipod: true
+ , mobile: true
+ , webkit: true
+ , safari: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPod; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3': {
+ ios: true
+ , version: '3.0'
+ , ipod: true
+ , mobile: true
+ , webkit: true
+ , safari: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13E238 Safari/601.1': {
+ ios: true
+ , iphone: true
+ , safari: true
+ , version: '9.0'
+ , mobile: true
+ , osversion: '9.3.1'
+ , a: true
+ , webkit: true
+ }
+ }
+ , 'Internet Explorer': {
+ 'Mozilla/5.0 (Windows NT 6.3; Win64; x64; Trident/7.0; MAARJS; rv:11.0) like Gecko': {
+ msie: true
+ , version: '11.0'
+ , windows: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; Touch; rv:11.0) like Gecko': {
+ msie: true
+ , version: '11.0'
+ , windows: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; ARM; Touch; WPDesktop)': {
+ msie: true
+ , version: '10.0'
+ , windows: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; .NET4.0E; .NET4.0C; Media Center PC 6.0; rv:11.0) like Gecko': {
+ msie: true
+ , version: '11.0'
+ , windows: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (compatible; MSIE 10.6; Windows NT 6.1; Trident/5.0; InfoPath.2; SLCC1; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 2.0.50727) 3gpp-gba UNTRUSTED/1.0': {
+ msie: true
+ , version: '10.6'
+ , windows: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; Trident/4.0; InfoPath.2; SV1; .NET CLR 2.0.50727; WOW64)': {
+ msie: true
+ , version: '10.0'
+ , windows: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Win64; x64; Trident/5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET CLR 2.0.50727; Media Center PC 6.0)': {
+ msie: true
+ , version: '9.0'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)': {
+ msie: true
+ , version: '8.0'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/4.0 (compatible; MSIE 7.0b; Windows NT 5.1; .NET CLR 1.1.4322; InfoPath.1; .NET CLR 2.0.50727)': {
+ msie: true
+ , version: '7.0'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/4.0 (compatible; MSIE 6.1; Windows XP; .NET CLR 1.1.4322; .NET CLR 2.0.50727)': {
+ msie: true
+ , version: '6.1'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/4.0 (Compatible; Windows NT 5.1; MSIE 6.0) (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)': {
+ msie: true
+ , version: '6.0'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/4.0 (compatible; MSIE 5.01; Windows NT)': {
+ msie: true
+ , version: '5.01'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; Xbox; Xbox One)': {
+ xbox: true
+ , msie: true
+ , version: '10.0'
+ , a: true
+ }
+ }
+ , 'Microsoft Edge': {
+ 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0': {
+ msedge: true
+ , version: '12.0'
+ , windows: true
+ , a: true
+ }
+ }
+ , Firefox: {
+ 'Mozilla/5.0 (Mobile; rv:26.0) Gecko/26.0 Firefox/26.0': {
+ gecko: true
+ , firefox: true
+ , version: '26.0'
+ , mobile: true
+ , firefoxos: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Tablet; rv:26.0) Gecko/26.0 Firefox/26.0': {
+ gecko: true
+ , firefox: true
+ , version: '26.0'
+ , tablet: true
+ , firefoxos: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Mobile; LG-D300; rv:18.1) Gecko/18.1 Firefox/18.1': {
+ gecko: true
+ , firefox: true
+ , version: '18.1'
+ , mobile: true
+ , firefoxos: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Android; Mobile; rv:27.0) Gecko/27.0 Firefox/27.0': {
+ gecko: true
+ , firefox: true
+ , version: '27.0'
+ , mobile: true
+ , android: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Android; Tablet; rv:26.0) Gecko/26.0 Firefox/26.0': {
+ gecko: true
+ , firefox: true
+ , version: '26.0'
+ , tablet: true
+ , android: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:25.0) Gecko/20100101 Firefox/25.0': {
+ gecko: true
+ , firefox: true
+ , version: '25.0'
+ , windows: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:24.0) Gecko/20100101 Firefox/24.0': {
+ gecko: true
+ , firefox: true
+ , version: '24.0'
+ , mac: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (X11; Linux i686; rv:21.0) Gecko/20100101 Firefox/21.0': {
+ gecko: true
+ , firefox: true
+ , version: '21.0'
+ , linux: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (X11; Linux x86_64; rv:17.0) Gecko/20121202 Firefox/17.0 Iceweasel/17.0.1': {
+ gecko: true
+ , firefox: true
+ , version: '17.0'
+ , linux: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (X11; Linux x86_64; rv:15.0) Gecko/20120724 Debian Iceweasel/15.0': {
+ gecko: true
+ , firefox: true
+ , version: '15.0'
+ , linux: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Windows NT 6.2; WOW64; rv:15.0) Gecko/20120910144328 Firefox/15.0.2': {
+ gecko: true
+ , firefox: true
+ , version: '15.0'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Windows; U; Windows NT 6.1; WOW64; en-US; rv:2.0.4) Gecko/20120718 AskTbAVR-IDW/3.12.5.17700 Firefox/14.0.1': {
+ gecko: true
+ , firefox: true
+ , version: '14.0'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Windows NT 5.1; rv:6.0) Gecko/20100101 Firefox/6.0 FirePHP/0.6': {
+ gecko: true
+ , firefox: true
+ , version: '6.0'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (X11; Linux x86_64; rv:2.2a1pre) Gecko/20100101 Firefox/4.2a1pre': {
+ gecko: true
+ , firefox: true
+ , version: '4.2'
+ , linux: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:2.0) Gecko/20100101 Firefox/4.0': {
+ gecko: true
+ , firefox: true
+ , version: '4.0'
+ , mac: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2b1) Gecko/20091014 Firefox/3.6b1 GTB5': {
+ gecko: true
+ , firefox: true
+ , version: '3.6'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Windows; U; Windows NT 6.0; de; rv:1.9.0.15) Gecko/2009101601 Firefox 2.1 (.NET CLR 3.5.30729)': {
+ gecko: true
+ , firefox: true
+ , version: '2.1'
+ , windows: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.7) Gecko/20061014 Firefox/1.5.0.7': {
+ gecko: true
+ , firefox: true
+ , version: '1.5'
+ , linux: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) FxiOS/3.0 Mobile/13E238 Safari/601.1.46': {
+ firefox: true
+ , version: '3.0'
+ , osversion: '9.3.1'
+ , ios: true
+ , iphone: true
+ , mobile: true
+ , a: true
+ , webkit: true
+ }
+ }
+ , SeaMonkey: {
+ 'Mozilla/5.0 (Windows NT 5.2; rv:10.0.1) Gecko/20100101 Firefox/10.0.1 SeaMonkey/2.7.1': {
+ gecko: true
+ , seamonkey: true
+ , version: '2.7'
+ , windows: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.5; rv:10.0.1) Gecko/20100101 Firefox/10.0.1 SeaMonkey/2.7.1': {
+ gecko: true
+ , seamonkey: true
+ , version: '2.7'
+ , mac: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (X11; Linux i686; rv:10.0.1) Gecko/20100101 Firefox/10.0.1 SeaMonkey/2.7.1': {
+ gecko: true
+ , seamonkey: true
+ , version: '2.7'
+ , linux: true
+ , x: true
+ }
+ }
+ , BlackBerry: {
+ 'Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/10.1.0.4633 Mobile Safari/537.10+': {
+ blackberry: true
+ , version: '10.1'
+ , webkit: true
+ , mobile: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (BB10; Kbd) AppleWebKit/537.10+ (KHTML, like Gecko) Version/10.1.0.1429 Mobile Safari/537.10+': {
+ blackberry: true
+ , version: '10.1'
+ , webkit: true
+ , mobile: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML, like Gecko) Version/7.2.1.0 Safari/536.2+': {
+ blackberry: true
+ , osversion: '2.1.0'
+ , version: '7.2'
+ , webkit: true
+ , tablet: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (PlayBook; U; RIM Tablet OS 1.0.0; en-US) AppleWebKit/534.11 (KHTML, like Gecko) Version/7.1.0.7 Safari/534.11': {
+ blackberry: true
+ , osversion: '1.0.0'
+ , version: '7.1'
+ , webkit: true
+ , tablet: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (BlackBerry; U; BlackBerry 9900; en) AppleWebKit/534.11+ (KHTML, like Gecko) Version/7.1.0.346 Mobile Safari/534.11+': {
+ blackberry: true
+ , version: '7.1'
+ , webkit: true
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (BlackBerry; U; BlackBerry 9360; en) AppleWebKit/534.11+ (KHTML, like Gecko) Version/7.0.0.530 Mobile Safari/534.11+': {
+ blackberry: true
+ , version: '7.0'
+ , webkit: true
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (BlackBerry; U; BlackBerry 9800; en-US) AppleWebKit/534.8+ (KHTML, like Gecko) Version/6.0.0.450 Mobile Safari/534.8+': {
+ blackberry: true
+ , version: '6.0'
+ , webkit: true
+ , mobile: true
+ , x: true
+ }
+ , 'BlackBerry9800/5.0.0.862 Profile/MIDP-2.1 Configuration/CLDC-1.1 VendorID/331 UNTRUSTED/1.0 3gpp-gba': {
+ blackberry: true
+ , version: '5.0'
+ , mobile: true
+ , x: true
+ }
+ , 'BlackBerry8320/4.5.0.52 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/179': {
+ blackberry: true
+ , version: '4.5'
+ , mobile: true
+ , x: true
+ }
+ , 'BlackBerry8700/4.1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/179': {
+ blackberry: true
+ , version: '4.1'
+ , mobile: true
+ , x: true
+ }
+ }
+ , 'Windows Phone': {
+ 'Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 920; Vodafone)': {
+ windowsphone: true
+ , osversion: '8.0'
+ , msie: true
+ , version: '10.0'
+ , mobile: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 920)': {
+ windowsphone: true
+ , osversion: '8.0'
+ , msie: true
+ , version: '10.0'
+ , mobile: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0)': {
+ windowsphone: true
+ , osversion: '7.5'
+ , msie: true
+ , version: '9.0'
+ , mobile: true
+ , c: true
+ }
+ , 'Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0; Nokia;N70)': {
+ windowsphone: true
+ , osversion: '7.0'
+ , msie: true
+ , version: '7.0'
+ , mobile: true
+ , c: true
+ }
+ , 'Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; DEVICE INFO) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Mobile Safari/537.36 Edge/12.0': {
+ windowsphone: true
+ , osversion: '10.0'
+ , msedge: true
+ , version: '12.0'
+ , mobile: true
+ , a: true
+ }
+ }
+ , WebOS: {
+ 'Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.5; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/234.83 Safari/534.6 TouchPad/1.0': {
+ touchpad: true
+ , webos: true
+ , osversion: '3.0.5'
+ , version: '234.83'
+ , webkit: true
+ , tablet: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.2; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/234.40.1 Safari/534.6 TouchPad/1.0': {
+ touchpad: true
+ , webos: true
+ , osversion: '3.0.2'
+ , version: '234.40'
+ , webkit: true
+ , tablet: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; de-DE) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.70 Safari/534.6 TouchPad/1.0': {
+ touchpad: true
+ , webos: true
+ , osversion: '3.0.0'
+ , version: '233.70'
+ , webkit: true
+ , tablet: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; webOS/2.1.2; U; xx-xx) AppleWebKit/534.6 (KHTML, like Gecko) webOSBrowser/221.11 Safari/534.6 Pre/3.0': {
+ webos: true
+ , osversion: '2.1.2'
+ , webkit: true
+ , version: '221.11'
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (webOS/1.4.1.1; U; en-US) AppleWebKit/532.2 (KHTML, like Gecko) Version/1.0 Safari/532.2 Pre/1.0': {
+ webos: true
+ , osversion: '1.4.1.1'
+ , webkit: true
+ , version: '1.0'
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (webOS/1.0; U; en-US) AppleWebKit/525.27.1 (KHTML, like Gecko) Version/1.0 Safari/525.27.1 Pre/1.0': {
+ webos: true
+ , osversion: '1.0'
+ , webkit: true
+ , version: '1.0'
+ , mobile: true
+ , x: true
+ }
+ }
+ , Android: {
+ 'Mozilla/5.0 (Linux; U; Android 4.4.2; de-de; Nexus 7 Build/KOT49H) AppleWebKit/537.16 (KHTML, like Gecko) Version/4.0 Mobile Safari/537.16': {
+ android: true
+ , osversion: '4.4.2'
+ , webkit: true
+ , version: 4.0
+ , tablet: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Android 4.3; de-de; Galaxy Nexus Build/JWR66Y) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30': {
+ android: true
+ , osversion: '4.3'
+ , webkit: true
+ , version: 4.0
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Android 4.2; en-us; Nexus 10 Build/JVP15I) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Safari/534.30': {
+ android: true
+ , osversion: '4.2'
+ , webkit: true
+ , version: 4.0
+ , tablet: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Android 3.2; de-de; A100 Build/HTJ85B) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13': {
+ android: true
+ , osversion: '3.2'
+ , webkit: true
+ , version: 4.0
+ , tablet: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Android 2.3.4; en-us; T-Mobile G2 Build/GRJ22) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1': {
+ android: true
+ , osversion: '2.3.4'
+ , webkit: true
+ , version: 4.0
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Android 1.6; ar-us; SonyEricssonX10i Build/R2BA026) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1': {
+ android: true
+ , osversion: '1.6'
+ , webkit: true
+ , version: 3.1
+ , mobile: true
+ , x: true
+ }
+ }
+ , Bada: {
+ 'Mozilla/5.0 (SAMSUNG; SAMSUNG-GT-S8500/S8500XPKJ1; U; Bada/2.0; it-it) AppleWebKit/534.20 (KHTML, like Gecko) Dolfin/3.0 WVGA SMM-MMS/1.2.0 OPN-B': {
+ bada: true
+ , osversion: '2.0'
+ , webkit: true
+ , version: '3.0'
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (SAMSUNG; SAMSUNG-GT-S8500/S8500XXJL2; U; Bada/1.2; de-de) AppleWebKit/533.1 (KHTML, like Gecko) Dolfin/2.2 Mobile WVGA SMM-MMS/1.2.0 OPN-B': {
+ bada: true
+ , osversion: '1.2'
+ , webkit: true
+ , version: '2.2'
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (SAMSUNG; SAMSUNG-GT-S8500/S8500XXJF4; U; Bada/1.0; fr-fr) AppleWebKit/533.1 (KHTML, like Gecko) Dolfin/2.0 Mobile WVGA SMM-MMS/1.2.0 OPN-B': {
+ bada: true
+ , osversion: '1.0'
+ , webkit: true
+ , version: '2.0'
+ , mobile: true
+ , x: true
+ }
+ }
+ , Tizen: {
+ 'Mozilla/5.0 (Linux; Tizen 2.2; sdk) AppleWebKit/537.3 (KHTML, like Gecko) Version/2.2 Mobile Safari/537.3': {
+ tizen: true
+ , osversion: '2.2'
+ , webkit: true
+ , version: '2.2'
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; Tizen 2.1; sdk) AppleWebKit/537.3 (KHTML, like Gecko) Version/2.1 Mobile Safari/537.3': {
+ tizen: true
+ , osversion: '2.1'
+ , webkit: true
+ , version: '2.1'
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Tizen 2.0; en-us) AppleWebKit/537.1 (KHTML, like Gecko) Mobile TizenBrowser/2.0': {
+ tizen: true
+ , osversion: '2.0'
+ , webkit: true
+ , version: '2.0'
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Tizen/1.0 like Android; en-us; AppleWebKit/534.46 (KHTML, like Gecko) Tizen Browser/1.0 Mobile': {
+ tizen: true
+ , osversion: '1.0'
+ , webkit: true
+ , version: '1.0'
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (SAMSUNG; SAMSUNG-GT-i9500/1.0; U; Tizen/1.0 like Android; en-us) AppleWebKit/534.46 (KHTML, like Gecko) SLP Browser/1.0 Mobile': {
+ tizen: true
+ , osversion: '1.0'
+ , webkit: true
+ , version: '1.0'
+ , mobile: true
+ , x: true
+ }
+ }
+ , Sailfish: {
+ 'Mozilla/5.0 (Maemo; Linux; U; Jolla; Sailfish; Mobile; rv:26.0) Gecko/26.0 Firefox/26.0 SailfishBrowser/1.0 like Safari/538.1': {
+ sailfish: true
+ , gecko: true
+ , version: '1.0'
+ , mobile: true
+ , x: true
+ }
+ , 'Mozilla/5.0 (Linux; U; Jolla; Sailfish; Mobile; rv:20.0) Gecko/20.0 Firefox/20.0 Sailfish Browser/1.0 like Safari/535.19': {
+ sailfish: true
+ , gecko: true
+ , version: '1.0'
+ , mobile: true
+ , x: true
+ }
+ }
+ , PhantomJS: {
+ 'Mozilla/5.0 (Macintosh; Intel Mac OS X) AppleWebKit/534.34 (KHTML, like Gecko) PhantomJS/1.5.0 Safari/534.34': {
+ phantom: true
+ , webkit: true
+ , version: '1.5'
+ , mac: true
+ , x: true
+ }
+ }
+ , Vivaldi: {
+ 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.99 Safari/537.36 Vivaldi/1.0.303.52' : {
+ vivaldi: true
+ , version: '1.0'
+ , mac: true
+ , blink: true
+ , a: true
+ },
+ 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.99 Safari/537.36 Vivaldi/1.0.303.52': {
+ vivaldi: true
+ , version: '1.0'
+ , windows: true
+ , blink: true
+ , a: true
+ }
+ }
+ , Generic: {
+ 'Generic/2.15 libww': {
+ name: 'Generic'
+ , version: '2.15'
+ , x: true
+ }
+ }
+ , Googlebot: {
+ 'Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)': {
+ googlebot: true
+ , version: '2.1'
+ , x: true
+ }
+ }
+ , "UC Browser": {
+ 'Mozilla/5.0 (iPad; U; CPU OS 9 like Mac OS X; en-us; iPad4,4) AppleWebKit/534.46 (KHTML, like Gecko) UCBrowser/2.4.0.367 U3/1 Safari/7543.48.3': {
+ ucbrowser: true,
+ version: '2.4.0.367',
+ webkit: true,
+ ipad: true,
+ ios: true,
+ osversion: 9,
+ tablet: true,
+ a: true
+ },
+ 'Mozilla/5.0 (Linux; U; Android 4.1.2; en-us; SM-T210R Build/JZO54K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Safari/534.30 UCBrowser/2.3.2.300': {
+ android: true,
+ osversion: '4.1.2',
+ tablet: true,
+ ucbrowser: true,
+ version: '2.3.2.300',
+ webkit: true,
+ x: true
+ }
+ , 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_1 like Mac OS X; en-US) AppleWebKit/537.51.1 (KHTML, like Gecko) Mobile/13E238 UCBrowser/10.7.0.782 Mobile': {
+ iphone: true
+ , ios: true
+ , mobile: true
+ , osversion: '9.3.1'
+ , version: '10.7.0.782'
+ , webkit: true
+ , a: true
+ , ucbrowser: true
+ }
+ }
+ , "QupZilla": {
+ 'Mozilla/5.0 (Macintosh; Intel Mac OS X) AppleWebKit/538.1 (KHTML, like Gecko) QupZilla/1.8.2 Safari/538.1': {
+ mac: true,
+ qupzilla: true,
+ version: '1.8.2',
+ webkit: true,
+ x: true
+ },
+ 'Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.21 (KHTML, like Gecko) QupZilla/1.8.6 Safari/537.21': {
+ windows: true,
+ qupzilla: true,
+ version: '1.8.6',
+ webkit: true,
+ x: true
+ }
+ }
+ , 'Maxthon': {
+ 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13E238 Safari/601.1 MXiOS/4.8.6.59': {
+ mobile: true
+ , ios: true
+ , iphone: true
+ , version: '4.8.6.59'
+ , osversion: '9.3.1'
+ , webkit: true
+ , maxthon: true
+ , a: true
+ }
+ }
+ , 'Epiphany': {
+ 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/602.1 (KHTML, like Gecko) Version/8.0 Safari/602.1 Debian/buildd-unstable (3.18.5-1) Epiphany/3.18.5': {
+ epiphany: true
+ , x: true
+ , webkit: true
+ , version: '3.18.5'
+ , linux: true
+ }
+ }
+ , 'Puffin': {
+ 'Mozilla/5.0 (X11; U; Linux x86_64; zh-TW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.114 Safari/537.36 Puffin/3.7.0IT': {
+ linux: true
+ , blink: true
+ , puffin: true
+ , version: '3.7'
+ , x: true
+ }
+ }, 'Sleipnir': {
+ 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36 Sleipnir/6.1.4': {
+ sleipnir: true
+ , blink: true
+ , windows: true
+ , x: true
+ , version: '6.1.4'
+ }
+ }
+ , 'K-Meleon': {
+ 'Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20140105 Firefox/24.0 K-Meleon/74.0': {
+ windows: true
+ , kMeleon: true
+ , version: '74.0'
+ , gecko: true
+ , x: true
+ }
+ }
+ , 'Chromium': {
+ 'Mozilla/5.0 (Linux; Ubuntu 14.04 like Android 4.4) AppleWebKit/537.36 Chromium/35.0.1870.2 Mobile Safari/537.36': {
+ mobile: true
+ , linux: true
+ , chromium: true
+ , version: '35.0'
+ , blink: true
+ , a: true
+ }
+ , 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/50.0.2661.102 Chrome/50.0.2661.102 Safari/537.36': {
+ chromium: true
+ , a: true
+ , version: '50.0'
+ , linux: true
+ , blink: true
+ }
+ }
+ , 'SlimerJS' : {
+ 'Mozilla/5.0 (X11; Linux x86_64; rv:21.0) Gecko/20100101 SlimerJS/0.7': {
+ linux: true
+ , slimer: true
+ , version: '0.7'
+ , gecko: true
+ , x: true
+ }
+ }
+}
diff --git a/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/.gitignore b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/.gitignore
new file mode 100644
index 00000000..790a4b0b
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/.gitignore
@@ -0,0 +1,4 @@
+_site
+.sass-cache
+*.scssc
+*.swp \ No newline at end of file
diff --git a/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/LICENSE b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/LICENSE
new file mode 100644
index 00000000..18ab118e
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Drifty (http://drifty.com/)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/css/ionicons.css b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/css/ionicons.css
new file mode 100644
index 00000000..899449ba
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/css/ionicons.css
@@ -0,0 +1,1493 @@
+@charset "UTF-8";
+/*!
+ Ionicons, v2.0.0
+ Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
+ https://twitter.com/benjsperry https://twitter.com/ionicframework
+ MIT License: https://github.com/driftyco/ionicons
+
+ Android-style icons originally built by Google’s
+ Material Design Icons: https://github.com/google/material-design-icons
+ used under CC BY http://creativecommons.org/licenses/by/4.0/
+ Modified icons to fit ionicon’s grid from original.
+*/
+@font-face { font-family: "Ionicons"; src: url("../fonts/ionicons.eot?v=2.0.0"); src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; }
+.ion, .ionicons, .ion-alert:before, .icon-securityalerts-alertL:before, .icon-controls-add-maximize:before, .icon-controls-add-maximize-circle:before, .icon-misc-time:before, .icoSecurityalerts:before,.icon-apps-marketplace:before ,.icon-content-grid:before, .icon-documents-archive:before, .ion-android-arrow-back:before, .icon-arrows-vertical-arrow-down:before, .ion-android-arrow-dropdown:before, .icoArrows-download:before, .ion-android-arrow-dropleft:before, .icoArrows-incoming-call:before, .ion-android-arrow-dropright:before, .icon-arrows-outgoing-call:before, .ion-android-arrow-dropup:before, .icon-arrows-upload:before, .icon-arrows-straight-arrow:before, .icoArrows-vertical-arrow:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .icon-people-userbookmark:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .icon-chevron-down:before, .icon-controls-left:before, .icon-controls-right:before, .icon-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .icoDocuments-report:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .icon-edit:before,.icon-misc-pen:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .icon-overview:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .icon-settings:before,.ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .icon-building-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .icon-controls-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .icon-controls-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .icon-documents-book:before, .icoDocuments-book-outline:before, .icoDocuments-bookmarks:before, .icoDocuments-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before,.icon-add-widget:before , .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .icon-documents-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .icon-content-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .icon-primary-accordion-minus:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .icon-misc-piechart:before, .icon-misc-piechart-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .icon-primary-accordion-plus:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .icon-star:before,.ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .icon-building-door:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .icon-content-gridguide:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .icon-user:before, .icon-people-oneperson:before, .icon-people-oneperson-add:before, .icon-people-oneperson-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .icon-controls-pointer:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .icon-arrows-replay-restart:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .icon-content-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .icon-misc-trash:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .icon-arrows-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
+
+.ion-alert:before { content: "\f101"; }
+
+.icoSecurityalerts-alert:before { content: "\f100"; }
+
+.icon-controls-add-maximize:before { content: "\f2c7"; }
+
+.icon-controls-add-maximize-circle:before { content: "\f359"; }
+
+.icon-misc-time:before { content: "\f35a"; }
+
+.icoSecurityalerts:before { content: "\f35b"; }
+
+.icon-content-grid:before { content: "\f35c"; }
+
+.icon-documents-archive:before { content: "\f2c9"; }
+
+.ion-android-arrow-back:before { content: "\f2ca"; }
+
+.icon-arrows-vertical-arrow-down:before { content: "\f35d"; }
+
+.ion-android-arrow-dropdown:before { content: "\f35f"; }
+
+.icon-arrows-download:before { content: "\f35e"; }
+
+.ion-android-arrow-dropleft:before { content: "\f361"; }
+
+.icon-arrows-incoming-call:before { content: "\f360"; }
+
+.ion-android-arrow-dropright:before { content: "\f363"; }
+
+.icoArrows-outgoing-call:before { content: "\f362"; }
+
+.ion-android-arrow-dropup:before { content: "\f365"; }
+
+.icoArrows-upload:before { content: "\f364"; }
+
+.icoArrows-straight-arrow:before { content: "\f30f"; }
+
+.icon-arrows-vertical-arrow:before { content: "\f366"; }
+
+.ion-android-attach:before { content: "\f367"; }
+
+.ion-android-bar:before { content: "\f368"; }
+
+.ion-android-bicycle:before { content: "\f369"; }
+
+.ion-android-boat:before { content: "\f36a"; }
+
+.ion-android-bookmark:before { content: "\f36b"; }
+
+.ion-android-bulb:before { content: "\f36c"; }
+
+.ion-android-bus:before { content: "\f36d"; }
+
+.ion-android-calendar:before { content: "\f2d1"; }
+
+.ion-android-call:before { content: "\f2d2"; }
+
+.ion-android-camera:before { content: "\f2d3"; }
+
+.ion-android-cancel:before { content: "\f36e"; }
+
+.ion-android-car:before { content: "\f36f"; }
+
+.ion-android-cart:before { content: "\f370"; }
+
+.ion-android-chat:before { content: "\f2d4"; }
+
+.ion-android-checkbox:before { content: "\f374"; }
+
+.ion-android-checkbox-blank:before { content: "\f371"; }
+
+.ion-android-checkbox-outline:before { content: "\f373"; }
+
+.ion-android-checkbox-outline-blank:before { content: "\f372"; }
+
+.ion-android-checkmark-circle:before { content: "\f375"; }
+
+.ion-android-clipboard:before { content: "\f376"; }
+
+.ion-android-close:before { content: "\f2d7"; }
+
+.ion-android-cloud:before { content: "\f37a"; }
+
+.ion-android-cloud-circle:before { content: "\f377"; }
+
+.ion-android-cloud-done:before { content: "\f378"; }
+
+.ion-android-cloud-outline:before { content: "\f379"; }
+
+.ion-android-color-palette:before { content: "\f37b"; }
+
+.ion-android-compass:before { content: "\f37c"; }
+
+.ion-android-contact:before { content: "\f2d8"; }
+
+.ion-android-contacts:before { content: "\f2d9"; }
+
+.ion-android-contract:before { content: "\f37d"; }
+
+.ion-android-create:before { content: "\f37e"; }
+
+.ion-android-delete:before { content: "\f37f"; }
+
+.ion-android-desktop:before { content: "\f380"; }
+
+.ion-android-document:before { content: "\f381"; }
+
+.ion-android-done:before { content: "\f383"; }
+
+.ion-android-done-all:before { content: "\f382"; }
+
+.ion-android-download:before { content: "\f2dd"; }
+
+.ion-android-drafts:before { content: "\f384"; }
+
+.ion-android-exit:before { content: "\f385"; }
+
+.ion-android-expand:before { content: "\f386"; }
+
+.ion-android-favorite:before { content: "\f388"; }
+
+.ion-android-favorite-outline:before { content: "\f387"; }
+
+.ion-android-film:before { content: "\f389"; }
+
+.ion-android-folder:before { content: "\f2e0"; }
+
+.ion-android-folder-open:before { content: "\f38a"; }
+
+.ion-android-funnel:before { content: "\f38b"; }
+
+.ion-android-globe:before { content: "\f38c"; }
+
+.ion-android-hand:before { content: "\f2e3"; }
+
+.ion-android-hangout:before { content: "\f38d"; }
+
+.ion-android-happy:before { content: "\f38e"; }
+
+.ion-android-home:before { content: "\f38f"; }
+
+.ion-android-image:before { content: "\f2e4"; }
+
+.ion-android-laptop:before { content: "\f390"; }
+
+.ion-android-list:before { content: "\f391"; }
+
+.ion-android-locate:before { content: "\f2e9"; }
+
+.ion-android-lock:before { content: "\f392"; }
+
+.ion-android-mail:before { content: "\f2eb"; }
+
+.ion-android-map:before { content: "\f393"; }
+
+.ion-android-menu:before { content: "\f394"; }
+
+.ion-android-microphone:before { content: "\f2ec"; }
+
+.ion-android-microphone-off:before { content: "\f395"; }
+
+.ion-android-more-horizontal:before { content: "\f396"; }
+
+.ion-android-more-vertical:before { content: "\f397"; }
+
+.ion-android-navigate:before { content: "\f398"; }
+
+.ion-android-notifications:before { content: "\f39b"; }
+
+.ion-android-notifications-none:before { content: "\f399"; }
+
+.ion-android-notifications-off:before { content: "\f39a"; }
+
+.ion-android-open:before { content: "\f39c"; }
+
+.ion-android-options:before { content: "\f39d"; }
+
+.ion-android-people:before { content: "\f39e"; }
+
+.ion-android-person:before { content: "\f3a0"; }
+
+.icon-people-userbookmark:before { content: "\f39f"; }
+
+.ion-android-phone-landscape:before { content: "\f3a1"; }
+
+.ion-android-phone-portrait:before { content: "\f3a2"; }
+
+.ion-android-pin:before { content: "\f3a3"; }
+
+.ion-android-plane:before { content: "\f3a4"; }
+
+.ion-android-playstore:before { content: "\f2f0"; }
+
+.ion-android-print:before { content: "\f3a5"; }
+
+.ion-android-radio-button-off:before { content: "\f3a6"; }
+
+.ion-android-radio-button-on:before { content: "\f3a7"; }
+
+.ion-android-refresh:before { content: "\f3a8"; }
+
+.ion-android-remove:before { content: "\f2f4"; }
+
+.ion-android-remove-circle:before { content: "\f3a9"; }
+
+.ion-android-restaurant:before { content: "\f3aa"; }
+
+.ion-android-sad:before { content: "\f3ab"; }
+
+.ion-android-search:before { content: "\f2f5"; }
+
+.ion-android-send:before { content: "\f2f6"; }
+
+.ion-android-settings:before { content: "\f2f7"; }
+
+.ion-android-share:before { content: "\f2f8"; }
+
+.ion-android-share-alt:before { content: "\f3ac"; }
+
+.ion-android-star:before { content: "\f2fc"; }
+
+.ion-android-star-half:before { content: "\f3ad"; }
+
+.ion-android-star-outline:before { content: "\f3ae"; }
+
+.ion-android-stopwatch:before { content: "\f2fd"; }
+
+.ion-android-subway:before { content: "\f3af"; }
+
+.ion-android-sunny:before { content: "\f3b0"; }
+
+.ion-android-sync:before { content: "\f3b1"; }
+
+.ion-android-textsms:before { content: "\f3b2"; }
+
+.ion-android-time:before { content: "\f3b3"; }
+
+.ion-android-train:before { content: "\f3b4"; }
+
+.ion-android-unlock:before { content: "\f3b5"; }
+
+.ion-android-upload:before { content: "\f3b6"; }
+
+.ion-android-volume-down:before { content: "\f3b7"; }
+
+.ion-android-volume-mute:before { content: "\f3b8"; }
+
+.ion-android-volume-off:before { content: "\f3b9"; }
+
+.ion-android-volume-up:before { content: "\f3ba"; }
+
+.ion-android-walk:before { content: "\f3bb"; }
+
+.ion-android-warning:before { content: "\f3bc"; }
+
+.ion-android-watch:before { content: "\f3bd"; }
+
+.ion-android-wifi:before { content: "\f305"; }
+
+.ion-aperture:before { content: "\f313"; }
+
+.ion-archive:before { content: "\f102"; }
+
+.ion-arrow-down-a:before { content: "\f103"; }
+
+.ion-arrow-down-b:before { content: "\f104"; }
+
+.ion-arrow-down-c:before { content: "\f105"; }
+
+.ion-arrow-expand:before { content: "\f25e"; }
+
+.ion-arrow-graph-down-left:before { content: "\f25f"; }
+
+.ion-arrow-graph-down-right:before { content: "\f260"; }
+
+.ion-arrow-graph-up-left:before { content: "\f261"; }
+
+.ion-arrow-graph-up-right:before { content: "\f262"; }
+
+.ion-arrow-left-a:before { content: "\f106"; }
+
+.ion-arrow-left-b:before { content: "\f107"; }
+
+.ion-arrow-left-c:before { content: "\f108"; }
+
+.ion-arrow-move:before { content: "\f263"; }
+
+.ion-arrow-resize:before { content: "\f264"; }
+
+.ion-arrow-return-left:before { content: "\f265"; }
+
+.ion-arrow-return-right:before { content: "\f266"; }
+
+.ion-arrow-right-a:before { content: "\f109"; }
+
+.ion-arrow-right-b:before { content: "\f10a"; }
+
+.ion-arrow-right-c:before { content: "\f10b"; }
+
+.ion-arrow-shrink:before { content: "\f267"; }
+
+.ion-arrow-swap:before { content: "\f268"; }
+
+.ion-arrow-up-a:before { content: "\f10c"; }
+
+.ion-arrow-up-b:before { content: "\f10d"; }
+
+.ion-arrow-up-c:before { content: "\f10e"; }
+
+.ion-asterisk:before { content: "\f314"; }
+
+.ion-at:before { content: "\f10f"; }
+
+.ion-backspace:before { content: "\f3bf"; }
+
+.ion-backspace-outline:before { content: "\f3be"; }
+
+.ion-bag:before { content: "\f110"; }
+
+.ion-battery-charging:before { content: "\f111"; }
+
+.ion-battery-empty:before { content: "\f112"; }
+
+.ion-battery-full:before { content: "\f113"; }
+
+.ion-battery-half:before { content: "\f114"; }
+
+.ion-battery-low:before { content: "\f115"; }
+
+.ion-beaker:before { content: "\f269"; }
+
+.ion-beer:before { content: "\f26a"; }
+
+.ion-bluetooth:before { content: "\f116"; }
+
+.ion-bonfire:before { content: "\f315"; }
+
+.ion-bookmark:before { content: "\f26b"; }
+
+.ion-bowtie:before { content: "\f3c0"; }
+
+.ion-briefcase:before { content: "\f26c"; }
+
+.ion-bug:before { content: "\f2be"; }
+
+.ion-calculator:before { content: "\f26d"; }
+
+.ion-calendar:before { content: "\f117"; }
+
+.ion-camera:before { content: "\f118"; }
+
+.ion-card:before { content: "\f119"; }
+
+.ion-cash:before { content: "\f316"; }
+
+.ion-chatbox:before { content: "\f11b"; }
+
+.ion-chatbox-working:before { content: "\f11a"; }
+
+.ion-chatboxes:before { content: "\f11c"; }
+
+.ion-chatbubble:before { content: "\f11e"; }
+
+.ion-chatbubble-working:before { content: "\f11d"; }
+
+.ion-chatbubbles:before { content: "\f11f"; }
+
+.ion-checkmark:before { content: "\f122"; }
+
+.ion-checkmark-circled:before { content: "\f120"; }
+
+.ion-checkmark-round:before { content: "\f121"; }
+
+.icon-chevron-down:before { content: "\f123"; }
+
+
+.icon-controls-left:before { content: "\f124"; }
+
+.icon-controls-right:before { content: "\f125"; }
+
+.icon-chevron-up:before { content: "\f126"; }
+
+.ion-clipboard:before { content: "\f127"; }
+
+.ion-clock:before { content: "\f26e"; }
+
+.ion-close:before { content: "\f12a"; }
+
+.ion-close-circled:before { content: "\f128"; }
+
+.ion-close-round:before { content: "\f129"; }
+
+.ion-closed-captioning:before { content: "\f317"; }
+
+.ion-cloud:before { content: "\f12b"; }
+
+.ion-code:before { content: "\f271"; }
+
+.ion-code-download:before { content: "\f26f"; }
+
+.ion-code-working:before { content: "\f270"; }
+
+.ion-coffee:before { content: "\f272"; }
+
+.ion-compass:before { content: "\f273"; }
+
+.ion-compose:before { content: "\f12c"; }
+
+.icoDocuments-report:before { content: "\f274"; }
+
+.ion-contrast:before { content: "\f275"; }
+
+.ion-crop:before { content: "\f3c1"; }
+
+.ion-cube:before { content: "\f318"; }
+
+.ion-disc:before { content: "\f12d"; }
+
+.ion-document:before { content: "\f12f"; }
+
+.ion-document-text:before { content: "\f12e"; }
+
+.ion-drag:before { content: "\f130"; }
+
+.ion-earth:before { content: "\f276"; }
+
+.ion-easel:before { content: "\f3c2"; }
+
+.icon-misc-pen:before { content: "\f2bf"; }
+
+.ion-egg:before { content: "\f277"; }
+
+.ion-eject:before { content: "\f131"; }
+
+.ion-email:before { content: "\f132"; }
+
+.ion-email-unread:before { content: "\f3c3"; }
+
+.ion-erlenmeyer-flask:before { content: "\f3c5"; }
+
+.ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; }
+
+.icon-overview:before { content: "\f133"; }
+
+.ion-eye-disabled:before { content: "\f306"; }
+
+.ion-female:before { content: "\f278"; }
+
+.ion-filing:before { content: "\f134"; }
+
+.ion-film-marker:before { content: "\f135"; }
+
+.ion-fireball:before { content: "\f319"; }
+
+.ion-flag:before { content: "\f279"; }
+
+.ion-flame:before { content: "\f31a"; }
+
+.ion-flash:before { content: "\f137"; }
+
+.ion-flash-off:before { content: "\f136"; }
+
+.ion-folder:before { content: "\f139"; }
+
+.ion-fork:before { content: "\f27a"; }
+
+.ion-fork-repo:before { content: "\f2c0"; }
+
+.ion-forward:before { content: "\f13a"; }
+
+.ion-funnel:before { content: "\f31b"; }
+
+.ion-gear-a:before { content: "\f13d"; }
+
+.ion-gear-b:before { content: "\f13e"; }
+
+.ion-grid:before { content: "\f13f"; }
+
+.ion-hammer:before { content: "\f27b"; }
+
+.ion-happy:before { content: "\f31c"; }
+
+.ion-happy-outline:before { content: "\f3c6"; }
+
+.ion-headphone:before { content: "\f140"; }
+
+.ion-heart:before { content: "\f141"; }
+
+.ion-heart-broken:before { content: "\f31d"; }
+
+.ion-help:before { content: "\f143"; }
+
+.ion-help-buoy:before { content: "\f27c"; }
+
+.ion-help-circled:before { content: "\f142"; }
+
+.icon-building-home:before { content: "\f144"; }
+
+.ion-icecream:before { content: "\f27d"; }
+
+.ion-image:before { content: "\f147"; }
+
+.ion-images:before { content: "\f148"; }
+
+.ion-information:before { content: "\f14a"; }
+
+.ion-information-circled:before { content: "\f149"; }
+
+.ion-ionic:before { content: "\f14b"; }
+
+.ion-ios-alarm:before { content: "\f3c8"; }
+
+.ion-ios-alarm-outline:before { content: "\f3c7"; }
+
+.ion-ios-albums:before { content: "\f3ca"; }
+
+.ion-ios-albums-outline:before { content: "\f3c9"; }
+
+.ion-ios-americanfootball:before { content: "\f3cc"; }
+
+.ion-ios-americanfootball-outline:before { content: "\f3cb"; }
+
+.ion-ios-analytics:before { content: "\f3ce"; }
+
+.ion-ios-analytics-outline:before { content: "\f3cd"; }
+
+.ion-ios-arrow-back:before { content: "\f3cf"; }
+
+.icon-controls-down:before { content: "\f3d0"; }
+
+.ion-ios-arrow-forward:before { content: "\f3d1"; }
+
+.ion-ios-arrow-left:before { content: "\f3d2"; }
+
+.ion-ios-arrow-right:before { content: "\f3d3"; }
+
+.ion-ios-arrow-thin-down:before { content: "\f3d4"; }
+
+.ion-ios-arrow-thin-left:before { content: "\f3d5"; }
+
+.ion-ios-arrow-thin-right:before { content: "\f3d6"; }
+
+.ion-ios-arrow-thin-up:before { content: "\f3d7"; }
+
+.icon-controls-up:before { content: "\f3d8"; }
+
+.ion-ios-at:before { content: "\f3da"; }
+
+.ion-ios-at-outline:before { content: "\f3d9"; }
+
+.ion-ios-barcode:before { content: "\f3dc"; }
+
+.ion-ios-barcode-outline:before { content: "\f3db"; }
+
+.ion-ios-baseball:before { content: "\f3de"; }
+
+.ion-ios-baseball-outline:before { content: "\f3dd"; }
+
+.ion-ios-basketball:before { content: "\f3e0"; }
+
+.ion-ios-basketball-outline:before { content: "\f3df"; }
+
+.ion-ios-bell:before { content: "\f3e2"; }
+
+.ion-ios-bell-outline:before { content: "\f3e1"; }
+
+.ion-ios-body:before { content: "\f3e4"; }
+
+.ion-ios-body-outline:before { content: "\f3e3"; }
+
+.ion-ios-bolt:before { content: "\f3e6"; }
+
+.ion-ios-bolt-outline:before { content: "\f3e5"; }
+
+.icon-documents-book:before { content: "\f3e8"; }
+
+.icoDocuments-book-outline:before { content: "\f3e7"; }
+
+.icoDocuments-bookmarks:before { content: "\f3ea"; }
+
+.icoDocuments-bookmarks-outline:before { content: "\f3e9"; }
+
+.ion-ios-box:before { content: "\f3ec"; }
+
+.ion-ios-box-outline:before { content: "\f3eb"; }
+
+.ion-ios-briefcase:before { content: "\f3ee"; }
+
+.ion-ios-briefcase-outline:before { content: "\f3ed"; }
+
+.ion-ios-browsers:before { content: "\f3f0"; }
+
+.ion-ios-browsers-outline:before { content: "\f3ef"; }
+
+.ion-ios-calculator:before { content: "\f3f2"; }
+
+.ion-ios-calculator-outline:before { content: "\f3f1"; }
+
+.ion-ios-calendar:before { content: "\f3f4"; }
+
+.ion-ios-calendar-outline:before { content: "\f3f3"; }
+
+.ion-ios-camera:before { content: "\f3f6"; }
+
+.ion-ios-camera-outline:before { content: "\f3f5"; }
+
+.ion-ios-cart:before { content: "\f3f8"; }
+
+.ion-ios-cart-outline:before { content: "\f3f7"; }
+
+.ion-ios-chatboxes:before { content: "\f3fa"; }
+
+.ion-ios-chatboxes-outline:before { content: "\f3f9"; }
+
+.ion-ios-chatbubble:before { content: "\f3fc"; }
+
+.ion-ios-chatbubble-outline:before { content: "\f3fb"; }
+
+.ion-ios-checkmark:before { content: "\f3ff"; }
+
+.ion-ios-checkmark-empty:before { content: "\f3fd"; }
+
+.ion-ios-checkmark-outline:before { content: "\f3fe"; }
+
+.ion-ios-circle-filled:before { content: "\f400"; }
+
+.ion-ios-circle-outline:before { content: "\f401"; }
+
+.ion-ios-clock:before { content: "\f403"; }
+
+.ion-ios-clock-outline:before { content: "\f402"; }
+
+.ion-ios-close:before { content: "\f406"; }
+
+.ion-ios-close-empty:before { content: "\f404"; }
+
+.ion-ios-close-outline:before { content: "\f405"; }
+
+.ion-ios-cloud:before { content: "\f40c"; }
+
+.ion-ios-cloud-download:before { content: "\f408"; }
+
+.ion-ios-cloud-download-outline:before { content: "\f407"; }
+
+.ion-ios-cloud-outline:before { content: "\f409"; }
+
+.ion-ios-cloud-upload:before { content: "\f40b"; }
+
+.ion-ios-cloud-upload-outline:before { content: "\f40a"; }
+
+.ion-ios-cloudy:before { content: "\f410"; }
+
+.ion-ios-cloudy-night:before { content: "\f40e"; }
+
+.ion-ios-cloudy-night-outline:before { content: "\f40d"; }
+
+.ion-ios-cloudy-outline:before { content: "\f40f"; }
+
+.ion-ios-cog:before { content: "\f412"; }
+
+.ion-ios-cog-outline:before { content: "\f411"; }
+
+.ion-ios-color-filter:before { content: "\f414"; }
+
+.ion-ios-color-filter-outline:before { content: "\f413"; }
+
+.ion-ios-color-wand:before { content: "\f416"; }
+
+.ion-ios-color-wand-outline:before { content: "\f415"; }
+
+.ion-ios-compose:before { content: "\f418"; }
+
+.ion-ios-compose-outline:before { content: "\f417"; }
+
+.ion-ios-contact:before { content: "\f41a"; }
+
+.ion-ios-contact-outline:before { content: "\f419"; }
+
+.icon-documents-copy:before { content: "\f41c"; }
+
+.ion-ios-copy-outline:before { content: "\f41b"; }
+
+.ion-ios-crop:before { content: "\f41e"; }
+
+.ion-ios-crop-strong:before { content: "\f41d"; }
+
+.ion-ios-download:before { content: "\f420"; }
+
+.ion-ios-download-outline:before { content: "\f41f"; }
+
+.ion-ios-drag:before { content: "\f421"; }
+
+.ion-ios-email:before { content: "\f423"; }
+
+.ion-ios-email-outline:before { content: "\f422"; }
+
+.ion-ios-eye:before { content: "\f425"; }
+
+.ion-ios-eye-outline:before { content: "\f424"; }
+
+.ion-ios-fastforward:before { content: "\f427"; }
+
+.ion-ios-fastforward-outline:before { content: "\f426"; }
+
+.ion-ios-filing:before { content: "\f429"; }
+
+.ion-ios-filing-outline:before { content: "\f428"; }
+
+.ion-ios-film:before { content: "\f42b"; }
+
+.ion-ios-film-outline:before { content: "\f42a"; }
+
+.icon-content-flag:before { content: "\f42d"; }
+
+.ion-ios-flag-outline:before { content: "\f42c"; }
+
+.ion-ios-flame:before { content: "\f42f"; }
+
+.ion-ios-flame-outline:before { content: "\f42e"; }
+
+.ion-ios-flask:before { content: "\f431"; }
+
+.ion-ios-flask-outline:before { content: "\f430"; }
+
+.ion-ios-flower:before { content: "\f433"; }
+
+.ion-ios-flower-outline:before { content: "\f432"; }
+
+.ion-ios-folder:before { content: "\f435"; }
+
+.ion-ios-folder-outline:before { content: "\f434"; }
+
+.ion-ios-football:before { content: "\f437"; }
+
+.ion-ios-football-outline:before { content: "\f436"; }
+
+.ion-ios-game-controller-a:before { content: "\f439"; }
+
+.ion-ios-game-controller-a-outline:before { content: "\f438"; }
+
+.ion-ios-game-controller-b:before { content: "\f43b"; }
+
+.ion-ios-game-controller-b-outline:before { content: "\f43a"; }
+
+.ion-ios-gear:before { content: "\f43d"; }
+
+.ion-ios-gear-outline:before { content: "\f43c"; }
+
+.ion-ios-glasses:before { content: "\f43f"; }
+
+.ion-ios-glasses-outline:before { content: "\f43e"; }
+
+.ion-ios-grid-view:before { content: "\f441"; }
+
+.ion-ios-grid-view-outline:before { content: "\f440"; }
+
+.ion-ios-heart:before { content: "\f443"; }
+
+.ion-ios-heart-outline:before { content: "\f442"; }
+
+.ion-ios-help:before { content: "\f446"; }
+
+.ion-ios-help-empty:before { content: "\f444"; }
+
+.ion-ios-help-outline:before { content: "\f445"; }
+
+.ion-ios-home:before { content: "\f448"; }
+
+.ion-ios-home-outline:before { content: "\f447"; }
+
+.ion-ios-infinite:before { content: "\f44a"; }
+
+.ion-ios-infinite-outline:before { content: "\f449"; }
+
+.ion-ios-information:before { content: "\f44d"; }
+
+.ion-ios-information-empty:before { content: "\f44b"; }
+
+.ion-ios-information-outline:before { content: "\f44c"; }
+
+.ion-ios-ionic-outline:before { content: "\f44e"; }
+
+.ion-ios-keypad:before { content: "\f450"; }
+
+.ion-ios-keypad-outline:before { content: "\f44f"; }
+
+.ion-ios-lightbulb:before { content: "\f452"; }
+
+.ion-ios-lightbulb-outline:before { content: "\f451"; }
+
+.ion-ios-list:before { content: "\f454"; }
+
+.ion-ios-list-outline:before { content: "\f453"; }
+
+.ion-ios-location:before { content: "\f456"; }
+
+.ion-ios-location-outline:before { content: "\f455"; }
+
+.ion-ios-locked:before { content: "\f458"; }
+
+.ion-ios-locked-outline:before { content: "\f457"; }
+
+.ion-ios-loop:before { content: "\f45a"; }
+
+.ion-ios-loop-strong:before { content: "\f459"; }
+
+.ion-ios-medical:before { content: "\f45c"; }
+
+.ion-ios-medical-outline:before { content: "\f45b"; }
+
+.ion-ios-medkit:before { content: "\f45e"; }
+
+.ion-ios-medkit-outline:before { content: "\f45d"; }
+
+.ion-ios-mic:before { content: "\f461"; }
+
+.ion-ios-mic-off:before { content: "\f45f"; }
+
+.ion-ios-mic-outline:before { content: "\f460"; }
+
+.ion-ios-minus:before { content: "\f464"; }
+
+.ion-ios-minus-empty:before { content: "\f462"; }
+
+.icon-primary-accordion-minus:before { content: "\f463"; }
+
+.ion-ios-monitor:before { content: "\f466"; }
+
+.ion-ios-monitor-outline:before { content: "\f465"; }
+
+.ion-ios-moon:before { content: "\f468"; }
+
+.ion-ios-moon-outline:before { content: "\f467"; }
+
+.ion-ios-more:before { content: "\f46a"; }
+
+.ion-ios-more-outline:before { content: "\f469"; }
+
+.ion-ios-musical-note:before { content: "\f46b"; }
+
+.ion-ios-musical-notes:before { content: "\f46c"; }
+
+.ion-ios-navigate:before { content: "\f46e"; }
+
+.ion-ios-navigate-outline:before { content: "\f46d"; }
+
+.ion-ios-nutrition:before { content: "\f470"; }
+
+.ion-ios-nutrition-outline:before { content: "\f46f"; }
+
+.ion-ios-paper:before { content: "\f472"; }
+
+.ion-ios-paper-outline:before { content: "\f471"; }
+
+.ion-ios-paperplane:before { content: "\f474"; }
+
+.ion-ios-paperplane-outline:before { content: "\f473"; }
+
+.ion-ios-partlysunny:before { content: "\f476"; }
+
+.ion-ios-partlysunny-outline:before { content: "\f475"; }
+
+.ion-ios-pause:before { content: "\f478"; }
+
+.ion-ios-pause-outline:before { content: "\f477"; }
+
+.ion-ios-paw:before { content: "\f47a"; }
+
+.ion-ios-paw-outline:before { content: "\f479"; }
+
+.ion-ios-people:before { content: "\f47c"; }
+
+.ion-ios-people-outline:before { content: "\f47b"; }
+
+.ion-ios-person:before { content: "\f47e"; }
+
+.ion-ios-person-outline:before { content: "\f47d"; }
+
+.ion-ios-personadd:before { content: "\f480"; }
+
+.ion-ios-personadd-outline:before { content: "\f47f"; }
+
+.ion-ios-photos:before { content: "\f482"; }
+
+.ion-ios-photos-outline:before { content: "\f481"; }
+
+.icon-misc-piechart:before { content: "\f484"; }
+
+.icon-misc-piechart-outline:before { content: "\f483"; }
+
+.ion-ios-pint:before { content: "\f486"; }
+
+.ion-ios-pint-outline:before { content: "\f485"; }
+
+.ion-ios-play:before { content: "\f488"; }
+
+.ion-ios-play-outline:before { content: "\f487"; }
+
+.ion-ios-plus:before { content: "\f48b"; }
+
+.ion-ios-plus-empty:before { content: "\f489"; }
+
+.icon-primary-accordion-plus:before { content: "\f48a"; }
+
+.ion-ios-pricetag:before { content: "\f48d"; }
+
+.ion-ios-pricetag-outline:before { content: "\f48c"; }
+
+.ion-ios-pricetags:before { content: "\f48f"; }
+
+.ion-ios-pricetags-outline:before { content: "\f48e"; }
+
+.ion-ios-printer:before { content: "\f491"; }
+
+.ion-ios-printer-outline:before { content: "\f490"; }
+
+.ion-ios-pulse:before { content: "\f493"; }
+
+.ion-ios-pulse-strong:before { content: "\f492"; }
+
+.ion-ios-rainy:before { content: "\f495"; }
+
+.ion-ios-rainy-outline:before { content: "\f494"; }
+
+.ion-ios-recording:before { content: "\f497"; }
+
+.ion-ios-recording-outline:before { content: "\f496"; }
+
+.ion-ios-redo:before { content: "\f499"; }
+
+.ion-ios-redo-outline:before { content: "\f498"; }
+
+.ion-ios-refresh:before { content: "\f49c"; }
+
+.ion-ios-refresh-empty:before { content: "\f49a"; }
+
+.ion-ios-refresh-outline:before { content: "\f49b"; }
+
+.ion-ios-reload:before { content: "\f49d"; }
+
+.ion-ios-reverse-camera:before { content: "\f49f"; }
+
+.ion-ios-reverse-camera-outline:before { content: "\f49e"; }
+
+.ion-ios-rewind:before { content: "\f4a1"; }
+
+.ion-ios-rewind-outline:before { content: "\f4a0"; }
+
+.ion-ios-rose:before { content: "\f4a3"; }
+
+.ion-ios-rose-outline:before { content: "\f4a2"; }
+
+.ion-ios-search:before { content: "\f4a5"; }
+
+.ion-ios-search-strong:before { content: "\f4a4"; }
+
+.ion-ios-settings:before { content: "\f4a7"; }
+
+.ion-ios-settings-strong:before { content: "\f4a6"; }
+
+.ion-ios-shuffle:before { content: "\f4a9"; }
+
+.ion-ios-shuffle-strong:before { content: "\f4a8"; }
+
+.ion-ios-skipbackward:before { content: "\f4ab"; }
+
+.ion-ios-skipbackward-outline:before { content: "\f4aa"; }
+
+.ion-ios-skipforward:before { content: "\f4ad"; }
+
+.ion-ios-skipforward-outline:before { content: "\f4ac"; }
+
+.ion-ios-snowy:before { content: "\f4ae"; }
+
+.ion-ios-speedometer:before { content: "\f4b0"; }
+
+.ion-ios-speedometer-outline:before { content: "\f4af"; }
+
+.ion-ios-star:before { content: "\f4b3"; }
+
+.ion-ios-star-half:before { content: "\f4b1"; }
+
+.ion-ios-star-outline:before { content: "\f4b2"; }
+
+.ion-ios-stopwatch:before { content: "\f4b5"; }
+
+.ion-ios-stopwatch-outline:before { content: "\f4b4"; }
+
+.ion-ios-sunny:before { content: "\f4b7"; }
+
+.ion-ios-sunny-outline:before { content: "\f4b6"; }
+
+.ion-ios-telephone:before { content: "\f4b9"; }
+
+.ion-ios-telephone-outline:before { content: "\f4b8"; }
+
+.ion-ios-tennisball:before { content: "\f4bb"; }
+
+.ion-ios-tennisball-outline:before { content: "\f4ba"; }
+
+.ion-ios-thunderstorm:before { content: "\f4bd"; }
+
+.ion-ios-thunderstorm-outline:before { content: "\f4bc"; }
+
+.ion-ios-time:before { content: "\f4bf"; }
+
+.ion-ios-time-outline:before { content: "\f4be"; }
+
+.ion-ios-timer:before { content: "\f4c1"; }
+
+.ion-ios-timer-outline:before { content: "\f4c0"; }
+
+.ion-ios-toggle:before { content: "\f4c3"; }
+
+.ion-ios-toggle-outline:before { content: "\f4c2"; }
+
+.ion-ios-trash:before { content: "\f4c5"; }
+
+.ion-ios-trash-outline:before { content: "\f4c4"; }
+
+.ion-ios-undo:before { content: "\f4c7"; }
+
+.ion-ios-undo-outline:before { content: "\f4c6"; }
+
+.ion-ios-unlocked:before { content: "\f4c9"; }
+
+.ion-ios-unlocked-outline:before { content: "\f4c8"; }
+
+.ion-ios-upload:before { content: "\f4cb"; }
+
+.ion-ios-upload-outline:before { content: "\f4ca"; }
+
+.ion-ios-videocam:before { content: "\f4cd"; }
+
+.ion-ios-videocam-outline:before { content: "\f4cc"; }
+
+.ion-ios-volume-high:before { content: "\f4ce"; }
+
+.ion-ios-volume-low:before { content: "\f4cf"; }
+
+.ion-ios-wineglass:before { content: "\f4d1"; }
+
+.ion-ios-wineglass-outline:before { content: "\f4d0"; }
+
+.ion-ios-world:before { content: "\f4d3"; }
+
+.ion-ios-world-outline:before { content: "\f4d2"; }
+
+.ion-ipad:before { content: "\f1f9"; }
+
+.ion-iphone:before { content: "\f1fa"; }
+
+.ion-ipod:before { content: "\f1fb"; }
+
+.ion-jet:before { content: "\f295"; }
+
+.ion-key:before { content: "\f296"; }
+
+.ion-knife:before { content: "\f297"; }
+
+.ion-laptop:before { content: "\f1fc"; }
+
+.ion-leaf:before { content: "\f1fd"; }
+
+.ion-levels:before { content: "\f298"; }
+
+.ion-lightbulb:before { content: "\f299"; }
+
+.ion-link:before { content: "\f1fe"; }
+
+.ion-load-a:before { content: "\f29a"; }
+
+.ion-load-b:before { content: "\f29b"; }
+
+.ion-load-c:before { content: "\f29c"; }
+
+.ion-load-d:before { content: "\f29d"; }
+
+.ion-location:before { content: "\f1ff"; }
+
+.ion-lock-combination:before { content: "\f4d4"; }
+
+.ion-locked:before { content: "\f200"; }
+
+.ion-log-in:before { content: "\f29e"; }
+
+.icon-building-door:before { content: "\f29f"; }
+
+.ion-loop:before { content: "\f201"; }
+
+.ion-magnet:before { content: "\f2a0"; }
+
+.ion-male:before { content: "\f2a1"; }
+
+.ion-man:before { content: "\f202"; }
+
+.ion-map:before { content: "\f203"; }
+
+.ion-medkit:before { content: "\f2a2"; }
+
+.ion-merge:before { content: "\f33f"; }
+
+.ion-mic-a:before { content: "\f204"; }
+
+.ion-mic-b:before { content: "\f205"; }
+
+.ion-mic-c:before { content: "\f206"; }
+
+.ion-minus:before { content: "\f209"; }
+
+.ion-minus-circled:before { content: "\f207"; }
+
+.ion-minus-round:before { content: "\f208"; }
+
+.ion-model-s:before { content: "\f2c1"; }
+
+.ion-monitor:before { content: "\f20a"; }
+
+.ion-more:before { content: "\f20b"; }
+
+.ion-mouse:before { content: "\f340"; }
+
+.ion-music-note:before { content: "\f20c"; }
+
+.ion-navicon:before { content: "\f20e"; }
+
+.icon-content-gridguide:before { content: "\f20d"; }
+
+.ion-navigate:before { content: "\f2a3"; }
+
+.ion-network:before { content: "\f341"; }
+
+.ion-no-smoking:before { content: "\f2c2"; }
+
+.ion-nuclear:before { content: "\f2a4"; }
+
+.ion-outlet:before { content: "\f342"; }
+
+.ion-paintbrush:before { content: "\f4d5"; }
+
+.ion-paintbucket:before { content: "\f4d6"; }
+
+.ion-paper-airplane:before { content: "\f2c3"; }
+
+.ion-paperclip:before { content: "\f20f"; }
+
+.ion-pause:before { content: "\f210"; }
+
+.icon-people-oneperson:before { content: "\f213"; }
+
+.icon-people-oneperson-add:before { content: "\f211"; }
+
+.icon-people-oneperson-stalker:before { content: "\f212"; }
+
+.ion-pie-graph:before { content: "\f2a5"; }
+
+.ion-pin:before { content: "\f2a6"; }
+
+.ion-pinpoint:before { content: "\f2a7"; }
+
+.ion-pizza:before { content: "\f2a8"; }
+
+.ion-plane:before { content: "\f214"; }
+
+.ion-planet:before { content: "\f343"; }
+
+.icon-controls-pointer:before { content: "\f215"; }
+
+.ion-playstation:before { content: "\f30a"; }
+
+.ion-plus:before { content: "\f218"; }
+
+.ion-plus-circled:before { content: "\f216"; }
+
+.ion-plus-round:before { content: "\f217"; }
+
+.ion-podium:before { content: "\f344"; }
+
+.ion-pound:before { content: "\f219"; }
+
+.ion-power:before { content: "\f2a9"; }
+
+.ion-pricetag:before { content: "\f2aa"; }
+
+.ion-pricetags:before { content: "\f2ab"; }
+
+.ion-printer:before { content: "\f21a"; }
+
+.ion-pull-request:before { content: "\f345"; }
+
+.ion-qr-scanner:before { content: "\f346"; }
+
+.ion-quote:before { content: "\f347"; }
+
+.ion-radio-waves:before { content: "\f2ac"; }
+
+.ion-record:before { content: "\f21b"; }
+
+.icon-arrows-replay-restart:before { content: "\f21c"; }
+
+.ion-reply:before { content: "\f21e"; }
+
+.ion-reply-all:before { content: "\f21d"; }
+
+.ion-ribbon-a:before { content: "\f348"; }
+
+.ion-ribbon-b:before { content: "\f349"; }
+
+.ion-sad:before { content: "\f34a"; }
+
+.ion-sad-outline:before { content: "\f4d7"; }
+
+.ion-scissors:before { content: "\f34b"; }
+
+.ion-search:before { content: "\f21f"; }
+
+.ion-settings:before { content: "\f2ad"; }
+
+.ion-share:before { content: "\f220"; }
+
+.ion-shuffle:before { content: "\f221"; }
+
+.ion-skip-backward:before { content: "\f222"; }
+
+.ion-skip-forward:before { content: "\f223"; }
+
+.ion-social-android:before { content: "\f225"; }
+
+.ion-social-android-outline:before { content: "\f224"; }
+
+.ion-social-angular:before { content: "\f4d9"; }
+
+.ion-social-angular-outline:before { content: "\f4d8"; }
+
+.ion-social-apple:before { content: "\f227"; }
+
+.ion-social-apple-outline:before { content: "\f226"; }
+
+.ion-social-bitcoin:before { content: "\f2af"; }
+
+.ion-social-bitcoin-outline:before { content: "\f2ae"; }
+
+.ion-social-buffer:before { content: "\f229"; }
+
+.ion-social-buffer-outline:before { content: "\f228"; }
+
+.ion-social-chrome:before { content: "\f4db"; }
+
+.ion-social-chrome-outline:before { content: "\f4da"; }
+
+.ion-social-codepen:before { content: "\f4dd"; }
+
+.ion-social-codepen-outline:before { content: "\f4dc"; }
+
+.ion-social-css3:before { content: "\f4df"; }
+
+.ion-social-css3-outline:before { content: "\f4de"; }
+
+.ion-social-designernews:before { content: "\f22b"; }
+
+.ion-social-designernews-outline:before { content: "\f22a"; }
+
+.ion-social-dribbble:before { content: "\f22d"; }
+
+.ion-social-dribbble-outline:before { content: "\f22c"; }
+
+.ion-social-dropbox:before { content: "\f22f"; }
+
+.ion-social-dropbox-outline:before { content: "\f22e"; }
+
+.ion-social-euro:before { content: "\f4e1"; }
+
+.ion-social-euro-outline:before { content: "\f4e0"; }
+
+.ion-social-facebook:before { content: "\f231"; }
+
+.ion-social-facebook-outline:before { content: "\f230"; }
+
+.ion-social-foursquare:before { content: "\f34d"; }
+
+.ion-social-foursquare-outline:before { content: "\f34c"; }
+
+.ion-social-freebsd-devil:before { content: "\f2c4"; }
+
+.ion-social-github:before { content: "\f233"; }
+
+.ion-social-github-outline:before { content: "\f232"; }
+
+.ion-social-google:before { content: "\f34f"; }
+
+.ion-social-google-outline:before { content: "\f34e"; }
+
+.ion-social-googleplus:before { content: "\f235"; }
+
+.ion-social-googleplus-outline:before { content: "\f234"; }
+
+.ion-social-hackernews:before { content: "\f237"; }
+
+.ion-social-hackernews-outline:before { content: "\f236"; }
+
+.ion-social-html5:before { content: "\f4e3"; }
+
+.ion-social-html5-outline:before { content: "\f4e2"; }
+
+.ion-social-instagram:before { content: "\f351"; }
+
+.ion-social-instagram-outline:before { content: "\f350"; }
+
+.ion-social-javascript:before { content: "\f4e5"; }
+
+.ion-social-javascript-outline:before { content: "\f4e4"; }
+
+.ion-social-linkedin:before { content: "\f239"; }
+
+.ion-social-linkedin-outline:before { content: "\f238"; }
+
+.ion-social-markdown:before { content: "\f4e6"; }
+
+.ion-social-nodejs:before { content: "\f4e7"; }
+
+.ion-social-octocat:before { content: "\f4e8"; }
+
+.ion-social-pinterest:before { content: "\f2b1"; }
+
+.ion-social-pinterest-outline:before { content: "\f2b0"; }
+
+.ion-social-python:before { content: "\f4e9"; }
+
+.ion-social-reddit:before { content: "\f23b"; }
+
+.ion-social-reddit-outline:before { content: "\f23a"; }
+
+.ion-social-rss:before { content: "\f23d"; }
+
+.ion-social-rss-outline:before { content: "\f23c"; }
+
+.ion-social-sass:before { content: "\f4ea"; }
+
+.ion-social-skype:before { content: "\f23f"; }
+
+.ion-social-skype-outline:before { content: "\f23e"; }
+
+.ion-social-snapchat:before { content: "\f4ec"; }
+
+.ion-social-snapchat-outline:before { content: "\f4eb"; }
+
+.ion-social-tumblr:before { content: "\f241"; }
+
+.ion-social-tumblr-outline:before { content: "\f240"; }
+
+.ion-social-tux:before { content: "\f2c5"; }
+
+.ion-social-twitch:before { content: "\f4ee"; }
+
+.ion-social-twitch-outline:before { content: "\f4ed"; }
+
+.ion-social-twitter:before { content: "\f243"; }
+
+.ion-social-twitter-outline:before { content: "\f242"; }
+
+.ion-social-usd:before { content: "\f353"; }
+
+.ion-social-usd-outline:before { content: "\f352"; }
+
+.ion-social-vimeo:before { content: "\f245"; }
+
+.ion-social-vimeo-outline:before { content: "\f244"; }
+
+.ion-social-whatsapp:before { content: "\f4f0"; }
+
+.ion-social-whatsapp-outline:before { content: "\f4ef"; }
+
+.ion-social-windows:before { content: "\f247"; }
+
+.ion-social-windows-outline:before { content: "\f246"; }
+
+.ion-social-wordpress:before { content: "\f249"; }
+
+.ion-social-wordpress-outline:before { content: "\f248"; }
+
+.ion-social-yahoo:before { content: "\f24b"; }
+
+.ion-social-yahoo-outline:before { content: "\f24a"; }
+
+.ion-social-yen:before { content: "\f4f2"; }
+
+.ion-social-yen-outline:before { content: "\f4f1"; }
+
+.ion-social-youtube:before { content: "\f24d"; }
+
+.ion-social-youtube-outline:before { content: "\f24c"; }
+
+.ion-soup-can:before { content: "\f4f4"; }
+
+.ion-soup-can-outline:before { content: "\f4f3"; }
+
+.ion-speakerphone:before { content: "\f2b2"; }
+
+.ion-speedometer:before { content: "\f2b3"; }
+
+.ion-spoon:before { content: "\f2b4"; }
+
+.icon-content-star:before { content: "\f24e"; }
+
+.ion-stats-bars:before { content: "\f2b5"; }
+
+.ion-steam:before { content: "\f30b"; }
+
+.ion-stop:before { content: "\f24f"; }
+
+.ion-thermometer:before { content: "\f2b6"; }
+
+.ion-thumbsdown:before { content: "\f250"; }
+
+.ion-thumbsup:before { content: "\f251"; }
+
+.ion-toggle:before { content: "\f355"; }
+
+.ion-toggle-filled:before { content: "\f354"; }
+
+.ion-transgender:before { content: "\f4f5"; }
+
+.icon-misc-trash:before { content: "\f252"; }
+
+.ion-trash-b:before { content: "\f253"; }
+
+.ion-trophy:before { content: "\f356"; }
+
+.ion-tshirt:before { content: "\f4f7"; }
+
+.ion-tshirt-outline:before { content: "\f4f6"; }
+
+.ion-umbrella:before { content: "\f2b7"; }
+
+.ion-university:before { content: "\f357"; }
+
+.ion-unlocked:before { content: "\f254"; }
+
+.icon-arrows-upload:before { content: "\f255"; }
+
+.ion-usb:before { content: "\f2b8"; }
+
+.ion-videocamera:before { content: "\f256"; }
+
+.ion-volume-high:before { content: "\f257"; }
+
+.ion-volume-low:before { content: "\f258"; }
+
+.ion-volume-medium:before { content: "\f259"; }
+
+.ion-volume-mute:before { content: "\f25a"; }
+
+.ion-wand:before { content: "\f358"; }
+
+.ion-waterdrop:before { content: "\f25b"; }
+
+.ion-wifi:before { content: "\f25c"; }
+
+.ion-wineglass:before { content: "\f2b9"; }
+
+.ion-woman:before { content: "\f25d"; }
+
+.ion-wrench:before { content: "\f2ba"; }
+
+.ion-xbox:before { content: "\f30c"; }
+
+.icon-user:before { content: "\f213"; }
+
+.icon-star:before { content: "\f4b3"; }
+
+.icon-edit:before { content: "\f2bf"; }
+
+.icon-settings:before { content: "\f13d"; }
+
+.icon-apps-marketplace:before { content: "\f35c"; }
+
+.icon-add-widget:before { content: "\f3f0"; } \ No newline at end of file
diff --git a/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/css/ionicons.min.css b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/css/ionicons.min.css
new file mode 100644
index 00000000..baba9e93
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/css/ionicons.min.css
@@ -0,0 +1,11 @@
+@charset "UTF-8";/*!
+ Ionicons, v2.0.0
+ Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
+ https://twitter.com/benjsperry https://twitter.com/ionicframework
+ MIT License: https://github.com/driftyco/ionicons
+
+ Android-style icons originally built by Google’s
+ Material Design Icons: https://github.com/google/material-design-icons
+ used under CC BY http://creativecommons.org/licenses/by/4.0/
+ Modified icons to fit ionicon’s grid from original.
+*/@font-face{font-family:"Ionicons";src:url("../fonts/ionicons.eot?v=2.0.0");src:url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"),url("../fonts/ionicons.woff?v=2.0.0") format("woff"),url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"}
diff --git a/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.eot b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.eot
new file mode 100644
index 00000000..92a3f20a
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.eot
Binary files differ
diff --git a/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.svg b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.svg
new file mode 100644
index 00000000..49fc8f36
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.svg
@@ -0,0 +1,2230 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2014-12-4: Created.
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20120731 at Thu Dec 4 09:51:48 2014
+ By Adam Bradley
+Created by Adam Bradley with FontForge 2.0 (http://fontforge.sf.net)
+</metadata>
+<defs>
+<font id="Ionicons" horiz-adv-x="448" >
+ <font-face
+ font-family="Ionicons"
+ font-weight="500"
+ font-stretch="normal"
+ units-per-em="512"
+ panose-1="2 0 6 3 0 0 0 0 0 0"
+ ascent="448"
+ descent="-64"
+ bbox="-0.54049 -64 512.487 448"
+ underline-thickness="25.6"
+ underline-position="-51.2"
+ unicode-range="U+F100-F4F7"
+ />
+ <missing-glyph />
+ <glyph glyph-name="ion-alert-circled" unicode="&#xf100;"
+d="M445 26c3 -5 5 -13 2 -18s-8 -8 -14 -8h-418c-6 0 -11 3 -14 8s-1 13 2 18l207 349c3 5 8 9 14 9s11 -4 14 -9zM256 48v48h-64v-48h64zM256 128v144h-64v-144h64z" />
+ <glyph glyph-name="ion-alert" unicode="&#xf101;" horiz-adv-x="128"
+d="M128 -32h-128v96h128v-96zM112 128h-96l-16 288h128z" />
+ <glyph glyph-name="ion-android-add-circle" unicode="&#xf359;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM315 171v42h-86v86h-42v-86h-86v-42h86v-86h42v86h86z" />
+ <glyph glyph-name="ion-android-add" unicode="&#xf2c7;" horiz-adv-x="320"
+d="M320 171h-139v-139h-42v139h-139v42h139v139h42v-139h139v-42z" />
+ <glyph glyph-name="ion-android-alarm-clock" unicode="&#xf35a;" horiz-adv-x="428"
+d="M428 323l-28 -33l-98 82l28 33zM125 373l-97 -83l-28 33l97 83zM225 275v0v-111l85 -50l-16 -27l-101 61v127h32zM214 360c106 0 193 -86 193 -191s-87 -191 -193 -191c-107 0 -193 86 -193 191s86 191 193 191zM214 20c82 0 150 66 150 149c0 82 -68 149 -150 149
+s-150 -67 -150 -149s68 -149 150 -149z" />
+ <glyph glyph-name="ion-android-alert" unicode="&#xf35b;" horiz-adv-x="416"
+d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM232 88v40h-48v-40h48zM232 176v128h-48v-128h48z" />
+ <glyph glyph-name="ion-android-apps" unicode="&#xf35c;" horiz-adv-x="320"
+d="M0 272v80h80v-80h-80zM120 32v80h80v-80h-80zM0 32v80h80v-80h-80zM0 152v80h80v-80h-80zM120 152v80h80v-80h-80zM240 352h80v-80h-80v80zM120 272v80h80v-80h-80zM240 152v80h80v-80h-80zM240 32v80h80v-80h-80z" />
+ <glyph glyph-name="ion-android-archive" unicode="&#xf2c9;" horiz-adv-x="416"
+d="M406 348c7 -7 10 -17 10 -29v-289c0 -25 -21 -46 -46 -46h-324c-25 0 -46 21 -46 46v289c0 12 3 22 10 29l33 39c6 8 16 13 26 13h278c10 0 20 -5 26 -13zM208 65l127 127h-81v46h-92v-46h-81zM49 354h317l-22 23h-277z" />
+ <glyph glyph-name="ion-android-arrow-back" unicode="&#xf2ca;" horiz-adv-x="342"
+d="M342 213v-42h-260l119 -120l-30 -30l-171 171l171 171l31 -30l-120 -120h260z" />
+ <glyph glyph-name="ion-android-arrow-down" unicode="&#xf35d;" horiz-adv-x="342"
+d="M192 363v-260l120 120l30 -31l-171 -171l-171 171l30 30l120 -119v260h42z" />
+ <glyph glyph-name="ion-android-arrow-dropdown-circle" unicode="&#xf35e;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 128l96 96h-192z" />
+ <glyph glyph-name="ion-android-arrow-dropdown" unicode="&#xf35f;" horiz-adv-x="256"
+d="M0 256h256l-128 -128z" />
+ <glyph glyph-name="ion-android-arrow-dropleft-circle" unicode="&#xf360;" horiz-adv-x="416"
+d="M416 192c0 -115 -93 -208 -208 -208s-208 93 -208 208s93 208 208 208s208 -93 208 -208zM144 192l96 -96v192z" />
+ <glyph glyph-name="ion-android-arrow-dropleft" unicode="&#xf361;" horiz-adv-x="128"
+d="M128 320v-256l-128 128z" />
+ <glyph glyph-name="ion-android-arrow-dropright-circle" unicode="&#xf362;" horiz-adv-x="416"
+d="M208 -16c-115 0 -208 93 -208 208s93 208 208 208s208 -93 208 -208s-93 -208 -208 -208zM176 96l96 96l-96 96v-192z" />
+ <glyph glyph-name="ion-android-arrow-dropright" unicode="&#xf363;" horiz-adv-x="128"
+d="M0 320l128 -128l-128 -128v256z" />
+ <glyph glyph-name="ion-android-arrow-dropup-circle" unicode="&#xf364;" horiz-adv-x="416"
+d="M416 192c0 -115 -93 -208 -208 -208s-208 93 -208 208s93 208 208 208s208 -93 208 -208zM304 160l-96 96l-96 -96h192z" />
+ <glyph glyph-name="ion-android-arrow-dropup" unicode="&#xf365;" horiz-adv-x="256"
+d="M0 128l128 128l128 -128h-256z" />
+ <glyph glyph-name="ion-android-arrow-forward" unicode="&#xf30f;" horiz-adv-x="342"
+d="M0 171v42h260l-119 120l30 30l171 -171l-171 -171l-31 30l120 120h-260z" />
+ <glyph glyph-name="ion-android-arrow-up" unicode="&#xf366;" horiz-adv-x="342"
+d="M192 21h-42v260l-120 -119l-30 30l171 171l171 -171l-30 -31l-120 120v-260z" />
+ <glyph glyph-name="ion-android-attach" unicode="&#xf367;" horiz-adv-x="235"
+d="M203 320h32v-235c0 -65 -53 -117 -118 -117s-117 52 -117 117v246c0 47 38 85 85 85s86 -38 86 -85v-246c0 -30 -24 -53 -54 -53s-53 23 -53 53v203h32v-203c0 -12 9 -21 21 -21s22 9 22 21v246c0 30 -24 53 -54 53s-53 -23 -53 -53v-246c0 -47 38 -85 85 -85
+s86 38 86 85v235z" />
+ <glyph glyph-name="ion-android-bar" unicode="&#xf368;" horiz-adv-x="384"
+d="M171 171l-171 170v43h384v-43l-171 -170v-131h107v-40h-256v40h107v131zM96 299h192l43 42h-278z" />
+ <glyph glyph-name="ion-android-bicycle" unicode="&#xf369;"
+d="M299 317c-19 0 -34 14 -34 33s15 34 34 34s33 -15 33 -34s-14 -33 -33 -33zM355 187c51 0 93 -43 93 -94s-42 -93 -93 -93s-94 42 -94 93s43 94 94 94zM355 28c36 0 65 29 65 65s-29 66 -65 66s-66 -30 -66 -66s30 -65 66 -65zM274 224l-30 45l-43 -45l39 -32v-112h-32
+v86l-61 38c-9 6 -19 15 -19 27c0 8 3 17 9 23l72 69c6 6 14 9 22 9c11 0 22 -7 28 -16l34 -60h59v-32h-78zM93 187c51 0 94 -43 94 -94s-43 -93 -94 -93s-93 42 -93 93s42 94 93 94zM93 28c36 0 66 29 66 65s-30 66 -66 66s-65 -30 -65 -66s29 -65 65 -65z" />
+ <glyph glyph-name="ion-android-boat" unicode="&#xf36a;"
+d="M52 35l-51 139c-2 6 -1 12 1 17s8 8 13 10l38 13v98c0 23 20 43 43 43h64l16 53h96l16 -53h64c23 0 43 -20 43 -43v-98l38 -13c5 -2 11 -5 13 -10s3 -12 1 -17l-51 -139h-1c-34 0 -65 20 -86 43c-21 -23 -51 -43 -85 -43s-64 19 -85 42c-21 -23 -52 -42 -86 -42h-1z
+M96 312v-84l128 41l128 -41v84h-256zM309 40c0 0 59 -64 107 -64h-21c-30 0 -59 12 -86 26c-53 -28 -117 -28 -170 0c-27 -14 -56 -26 -86 -26h-21c49 0 107 64 107 64c52 -36 118 -36 170 0z" />
+ <glyph glyph-name="ion-android-bookmark" unicode="&#xf36b;" horiz-adv-x="288"
+d="M248 384c22 0 40 -18 40 -40v-344l-144 64l-144 -64v344c0 22 18 40 40 40h208z" />
+ <glyph glyph-name="ion-android-bulb" unicode="&#xf36c;"
+d="M224 278c-25 0 -50 -10 -68 -28s-28 -43 -28 -68c0 -34 18 -66 48 -83l16 -10v-18v-71h64v71v18l16 10c15 8 27 20 35 34c9 15 13 31 13 49c0 25 -10 50 -28 68s-43 28 -68 28zM245 416v0v-64h-42v64h42zM374 362v0l30 -30l-38 -38l-30 30zM74 362v0l38 -38l-30 -30
+l-38 38zM224 310v0c70 0 128 -58 128 -128c0 -48 -26 -89 -64 -111v-103h-128v103c-38 22 -64 64 -64 111c0 70 58 128 128 128zM448 203v0v-42h-64v42h64zM64 203v0v-42h-64v42h64z" />
+ <glyph glyph-name="ion-android-bus" unicode="&#xf36d;" horiz-adv-x="352"
+d="M0 96v204c0 75 82 84 176 84s176 -9 176 -84v-204c0 -18 -14 -24 -27 -36v-39c0 -12 -9 -21 -21 -21h-21c-12 0 -22 9 -22 21v22h-170v-22c0 -12 -10 -21 -22 -21h-21c-12 0 -21 9 -21 21v39c-13 12 -27 17 -27 36zM80 80c18 0 32 14 32 32s-14 32 -32 32
+s-32 -14 -32 -32s14 -32 32 -32zM272 80c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM304 203v106h-256v-106h256z" />
+ <glyph glyph-name="ion-android-calendar" unicode="&#xf2d1;" horiz-adv-x="384"
+d="M304 176v-96h-96v96h96zM272 384h48v-32h24c22 0 40 -18 40 -40v-272c0 -22 -18 -40 -40 -40h-304c-22 0 -40 18 -40 40v272c0 22 18 40 40 40h24v32h48v-32h160v32zM344 40v212h-304v-212h304z" />
+ <glyph glyph-name="ion-android-call" unicode="&#xf2d2;" horiz-adv-x="384"
+d="M363 117c12 0 21 -9 21 -21v-75c0 -12 -9 -21 -21 -21c-201 0 -363 162 -363 363c0 12 9 21 21 21h75c12 0 21 -9 21 -21c0 -27 4 -52 13 -77c2 -7 0 -16 -5 -21l-47 -47c31 -61 80 -110 141 -141l47 47c5 6 14 7 21 5c23 -7 49 -12 76 -12z" />
+ <glyph glyph-name="ion-android-camera" unicode="&#xf2d3;"
+d="M161 168c0 42 21 63 63 63s63 -21 63 -63s-21 -63 -63 -63s-63 21 -63 63zM408 352c11 0 20 -4 28 -12s12 -17 12 -28v-272c0 -11 -4 -20 -12 -28s-17 -12 -28 -12h-368c-11 0 -20 4 -28 12s-12 17 -12 28v272c0 11 4 20 12 28s17 12 28 12h88l32 32h128l32 -32h88z
+M224 56c31 0 57 11 79 33s33 48 33 79s-11 57 -33 79s-48 33 -79 33s-57 -11 -79 -33s-33 -48 -33 -79s11 -57 33 -79s48 -33 79 -33z" />
+ <glyph glyph-name="ion-android-cancel" unicode="&#xf36e;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM312 117l-75 75l75 75l-29 29l-75 -75l-75 75l-29 -29l75 -75l-75 -75l29 -29l75 75l75 -75z" />
+ <glyph glyph-name="ion-android-car" unicode="&#xf36f;" horiz-adv-x="384"
+d="M339 331l45 -118v-160c0 -12 -9 -21 -21 -21h-22c-12 0 -21 9 -21 21v11h-256v-11c0 -12 -9 -21 -21 -21h-22c-12 0 -21 9 -21 21v160l45 118c4 13 16 21 30 21h234c14 0 26 -8 30 -21zM75 128c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM309 128
+c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM43 235h298l-32 85h-234z" />
+ <glyph glyph-name="ion-android-cart" unicode="&#xf370;" horiz-adv-x="416"
+d="M122 70c23 0 41 -18 41 -41s-18 -42 -41 -42s-42 19 -42 42s19 41 42 41zM0 397h68l19 -42h308c11 0 21 -9 21 -20c0 -4 -1 -8 -2 -10l-75 -129c-7 -14 -20 -22 -36 -22h-155l-21 -32s-2 -5 -2 -6c0 -3 2 -5 5 -5h238v-40h-243c-26 0 -45 14 -45 42c0 7 2 15 5 20l31 51
+l-74 151h-42v42zM326 70c23 0 42 -18 42 -41s-19 -42 -42 -42s-41 19 -41 42s18 41 41 41z" />
+ <glyph glyph-name="ion-android-chat" unicode="&#xf2d4;" horiz-adv-x="416"
+d="M344 384c4 0 7 -4 7 -8v-214c0 -4 -3 -9 -7 -9h-187l-90 -89v89h-57c-4 0 -10 5 -10 9v214c0 4 6 8 10 8h334zM408 321c4 0 8 -5 8 -9v-214c0 -4 -4 -9 -8 -9h-57v-89l-90 89h-130l39 39h181c18 0 25 10 25 26v167h32z" />
+ <glyph glyph-name="ion-android-checkbox-blank" unicode="&#xf371;" horiz-adv-x="384"
+d="M341 384c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298z" />
+ <glyph glyph-name="ion-android-checkbox-outline-blank" unicode="&#xf372;" horiz-adv-x="384"
+d="M341 341h-298v-298h298v298zM341 384v0c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298z" />
+ <glyph glyph-name="ion-android-checkbox-outline" unicode="&#xf373;" horiz-adv-x="384"
+d="M105 233l66 -66l183 183l30 -30l-213 -213l-96 96zM341 43v170h43v-170c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h213v-43h-213v-298h298z" />
+ <glyph glyph-name="ion-android-checkbox" unicode="&#xf374;" horiz-adv-x="384"
+d="M341 384c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298zM149 85l192 192l-30 30l-162 -162l-76 77l-30 -30z" />
+ <glyph glyph-name="ion-android-checkmark-circle" unicode="&#xf375;" horiz-adv-x="416"
+d="M123 232l64 -64l179 178l29 -29l-208 -208l-93 93zM374 192h42c0 -114 -94 -208 -208 -208s-208 94 -208 208s94 208 208 208c28 0 54 -6 78 -16l-32 -32c-15 4 -30 6 -46 6c-92 0 -166 -74 -166 -166s74 -166 166 -166s166 74 166 166z" />
+ <glyph glyph-name="ion-android-clipboard" unicode="&#xf376;" horiz-adv-x="384"
+d="M341 368c23 0 43 -20 43 -43v-314c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v314c0 23 20 43 43 43h87c7 28 32 48 62 48s55 -20 62 -48h87zM192 368c-12 0 -21 -9 -21 -21s9 -22 21 -22s21 10 21 22s-9 21 -21 21zM344 8v320h-40v-72h-224v72h-40v-320h304z" />
+ <glyph glyph-name="ion-android-close" unicode="&#xf2d7;" horiz-adv-x="298"
+d="M298 311l-119 -119l119 -119l-30 -30l-119 119l-119 -119l-30 30l119 119l-119 119l30 30l119 -119l119 119z" />
+ <glyph glyph-name="ion-android-cloud-circle" unicode="&#xf377;" horiz-adv-x="416"
+d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM302 109c29 0 52 23 52 52s-23 52 -52 52h-11c0 46 -37 83 -83 83c-38 0 -71 -26 -80 -62h-3c-34 0 -63 -29 -63 -63s29 -62 63 -62h177z" />
+ <glyph glyph-name="ion-android-cloud-done" unicode="&#xf378;" horiz-adv-x="480"
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM197 85l141 141l-30 30l-111 -111l-44 45l-30 -30z" />
+ <glyph glyph-name="ion-android-cloud-outline" unicode="&#xf379;" horiz-adv-x="480"
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM380 72c33 0 60 27 60 60s-27 60 -60 60h-30v10c0 61 -49 110 -110 110c-51 0 -93 -34 -106 -80h-14
+c-44 0 -80 -36 -80 -80s36 -80 80 -80h260z" />
+ <glyph glyph-name="ion-android-cloud" unicode="&#xf37a;" horiz-adv-x="480"
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121z" />
+ <glyph glyph-name="ion-android-color-palette" unicode="&#xf37b;" horiz-adv-x="384"
+d="M192 384c106 0 192 -77 192 -171c0 -59 -48 -106 -107 -106h-38c-18 0 -32 -14 -32 -32c0 -9 3 -17 8 -22s9 -12 9 -21c0 -18 -14 -32 -32 -32c-106 0 -192 86 -192 192s86 192 192 192zM75 192c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM139 277
+c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM245 277c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM309 192c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+ <glyph glyph-name="ion-android-compass" unicode="&#xf37c;"
+d="M224 217c13 0 25 -12 25 -25s-12 -25 -25 -25s-25 12 -25 25s12 25 25 25zM224 416c123 0 224 -101 224 -224s-101 -224 -224 -224s-224 101 -224 224s101 224 224 224zM273 143l85 183l-183 -85l-85 -183z" />
+ <glyph glyph-name="ion-android-contact" unicode="&#xf2d8;" horiz-adv-x="384"
+d="M267 110c59 -18 104 -58 117 -110h-384c13 52 58 92 117 110c22 -13 48 -20 75 -20s53 7 75 20zM192 384c73 0 132 -59 132 -132s-59 -132 -132 -132s-132 59 -132 132s59 132 132 132zM192 153c42 0 78 26 92 63h-184c14 -37 50 -63 92 -63z" />
+ <glyph glyph-name="ion-android-contacts" unicode="&#xf2d9;"
+d="M207 104c47 -14 76 -62 87 -104h-294c11 42 40 90 87 104c18 -10 38 -16 60 -16s42 6 60 16zM147 328c58 0 106 -48 106 -106s-48 -106 -106 -106s-106 48 -106 106s48 106 106 106zM147 141c34 0 62 23 74 51h-148c12 -28 40 -51 74 -51zM291 64c-13 20 -34 43 -60 53
+c11 9 21 23 28 35c13 -5 27 -8 42 -8c22 0 42 6 60 16c47 -14 76 -54 87 -96h-157zM275 248c-8 37 -31 69 -63 87c19 29 52 49 89 49c58 0 106 -48 106 -106s-48 -106 -106 -106c-11 0 -22 2 -32 5c3 8 6 16 7 25c8 -3 16 -4 25 -4c34 0 62 22 74 50h-100z" />
+ <glyph glyph-name="ion-android-contract" unicode="&#xf37d;" horiz-adv-x="384"
+d="M0 77v51h128v-128h-51v77h-77zM77 307v77h51v-128h-128v51h77zM256 0v128h128v-51h-77v-77h-51zM307 307h77v-51h-128v128h51v-77z" />
+ <glyph glyph-name="ion-android-create" unicode="&#xf37e;" horiz-adv-x="384"
+d="M0 80l236 236l80 -80l-236 -236h-80v80zM378 298l-40 -40l-80 80l40 40c9 9 20 9 29 0l51 -51c9 -9 9 -20 0 -29z" />
+ <glyph glyph-name="ion-android-delete" unicode="&#xf37f;" horiz-adv-x="320"
+d="M32 43v245h256v-245c0 -23 -20 -43 -43 -43h-170c-23 0 -43 20 -43 43zM320 352v-32h-320v32h80l27 32h106l27 -32h80z" />
+ <glyph glyph-name="ion-android-desktop" unicode="&#xf380;"
+d="M405 416c23 0 43 -20 43 -43v-282c0 -23 -20 -43 -43 -43h-138l42 -48v-32h-170v32l42 48h-138c-23 0 -43 20 -43 43v282c0 23 20 43 43 43h362zM405 128v245h-362v-245h362z" />
+ <glyph glyph-name="ion-android-document" unicode="&#xf381;" horiz-adv-x="320"
+d="M192 400l128 -128v-248c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v336c0 22 18 40 40 40h152zM176 256h112l-112 112v-112z" />
+ <glyph glyph-name="ion-android-done-all" unicode="&#xf382;" horiz-adv-x="512"
+d="M388 308l-140 -139l-31 31l140 139zM481 339l31 -31l-264 -263l-122 123l30 31l92 -91zM0 168l32 31l122 -123l-31 -31z" />
+ <glyph glyph-name="ion-android-done" unicode="&#xf383;" horiz-adv-x="384"
+d="M122 108l230 230l32 -31l-262 -261l-122 122l32 31z" />
+ <glyph glyph-name="ion-android-download" unicode="&#xf2dd;" horiz-adv-x="480"
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM208 180h-68l100 -100l100 100h-68v76h-64v-76z" />
+ <glyph glyph-name="ion-android-drafts" unicode="&#xf384;"
+d="M448 246v-203c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v203c0 15 8 30 20 37l204 101l204 -101c13 -7 20 -22 20 -37zM224 144l171 112l-171 85l-171 -85z" />
+ <glyph glyph-name="ion-android-exit" unicode="&#xf385;" horiz-adv-x="384"
+d="M151 115l55 56h-206v42h207l-56 56l30 30l107 -107l-107 -107zM341 384c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v85h43v-85h298v298h-298v-85h-43v85c0 23 20 43 43 43h298z" />
+ <glyph glyph-name="ion-android-expand" unicode="&#xf386;" horiz-adv-x="384"
+d="M333 51v77h51v-128h-128v51h77zM333 333h-77v51h128v-128h-51v77zM51 333v-77h-51v128h128v-51h-77zM51 51h77v-51h-128v128h51v-77z" />
+ <glyph glyph-name="ion-android-favorite-outline" unicode="&#xf387;" horiz-adv-x="416"
+d="M302 384c64 0 114 -50 114 -115c0 -80 -71 -144 -178 -242l-30 -27l-30 27c-107 98 -178 162 -178 242c0 65 50 115 114 115c36 0 71 -17 94 -44c23 27 58 44 94 44zM221 55c50 46 94 86 123 122c28 35 40 63 40 92c0 23 -9 44 -24 59s-35 24 -58 24
+c-26 0 -53 -13 -70 -33l-24 -29l-24 29c-17 20 -44 33 -70 33c-23 0 -43 -9 -58 -24s-24 -36 -24 -59c0 -29 12 -57 40 -92c29 -36 73 -76 123 -122l4 -4l9 -8l9 8z" />
+ <glyph glyph-name="ion-android-favorite" unicode="&#xf388;" horiz-adv-x="416"
+d="M208 0l-30 27c-107 98 -178 162 -178 242c0 65 50 115 114 115c36 0 71 -17 94 -44c23 27 58 44 94 44c64 0 114 -50 114 -115c0 -80 -71 -144 -178 -242z" />
+ <glyph glyph-name="ion-android-film" unicode="&#xf389;" horiz-adv-x="320"
+d="M280 384h40v-384h-40v43h-40v-43h-160v43h-40v-43h-40v384h40v-43h40v43h160v-43h40v43zM80 85v43h-40v-43h40zM80 171v42h-40v-42h40zM80 256v43h-40v-43h40zM280 85v43h-40v-43h40zM280 171v42h-40v-42h40zM280 256v43h-40v-43h40z" />
+ <glyph glyph-name="ion-android-folder-open" unicode="&#xf38a;"
+d="M405 304c23 0 43 -20 43 -43v-186c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v234c0 23 20 43 43 43h138l43 -48h181zM416 75v186c0 6 -5 11 -11 11h-373v-197c0 -6 5 -11 11 -11h362c6 0 11 5 11 11z" />
+ <glyph glyph-name="ion-android-folder" unicode="&#xf2e0;"
+d="M181 352l43 -48h181c23 0 43 -20 43 -43v-186c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v234c0 23 20 43 43 43h138z" />
+ <glyph glyph-name="ion-android-funnel" unicode="&#xf38b;"
+d="M176 48v48h96v-48h-96zM0 336h448v-48h-448v48zM80 167v50h288v-50h-288z" />
+ <glyph glyph-name="ion-android-globe" unicode="&#xf38c;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM186 15c6 15 21 29 8 39c-8 7 -16 14 -23 21c-2 2 -11 20 -9 23c5 9 6 14 8 24c3 12 -3 16 -13 22c-15 10 -29 23 -43 34c-7 5 -17 10 -20 19s-5 20 -10 28c-14 20 -12 34 -10 58
+c0 7 -1 16 -2 25c-28 -32 -42 -73 -42 -116c0 -48 18 -92 52 -126c29 -29 65 -46 104 -51zM334 66c23 23 39 51 47 82c-8 -1 -19 2 -19 2s-21 24 -23 45c-2 22 0 39 -3 57c-3 16 -20 31 -27 46c-7 14 -13 28 -20 42c2 -1 5 -2 7 -3c5 1 10 2 14 2c-23 16 -49 25 -76 29v-8
+l4 -9l-14 -13l-9 3l-10 10l-10 12l-14 5c-16 -2 -31 -7 -45 -13v-7c7 3 16 5 23 8c3 1 13 -7 16 -9c-4 -5 -21 -15 -22 -21c0 -2 7 -6 7 -10c0 -6 -1 -11 -1 -17c3 3 20 21 22 21c13 3 35 -19 37 -26s-22 -24 -33 -34c-8 -8 -25 -12 -20 -24c2 -4 10 -20 5 -24
+c-6 -5 -14 9 -17 12c-8 10 -26 7 -38 7c0 -17 -1 -31 15 -43c15 -11 30 -25 47 -33c13 -6 36 7 47 -1c16 -11 29 -21 47 -29c8 -3 33 -20 26 -31c-5 -8 -10 -15 -14 -23s-13 -20 -20 -25c-8 -6 -16 -17 -21 -29c35 7 66 23 92 49z" />
+ <glyph glyph-name="ion-android-hand" unicode="&#xf2e3;" horiz-adv-x="414"
+d="M401 174c15 -15 18 -36 3 -51c0 0 -96 -103 -126 -121v0c-28 -21 -65 -34 -100 -34c-55 0 -101 36 -117 85v0v1c0 1 -1 2 -1 3l-58 189c-5 15 2 32 17 37s30 -3 35 -18l34 -88c1 -4 2 -2 2 1l-22 161c-3 15 7 30 22 33s30 -8 33 -23l25 -138c0 -2 2 -2 2 0v177
+c0 15 13 28 28 28s28 -13 28 -28l8 -175c0 -5 3 -4 4 -1l23 135c2 15 16 27 31 25s27 -17 25 -32l-21 -172c-1 -12 -3 -30 2 -36c8 -9 20 -9 31 2l42 42c15 15 35 13 50 -2z" />
+ <glyph glyph-name="ion-android-hangout" unicode="&#xf38d;" horiz-adv-x="352"
+d="M176 400c97 0 176 -77 176 -172c0 -91 -76 -196 -176 -244v71c-97 0 -176 78 -176 173s79 172 176 172zM166 217v61h-62v-61h31l-21 -40h31zM248 217v61h-62v-61h31l-20 -40h31z" />
+ <glyph glyph-name="ion-android-happy" unicode="&#xf38e;" horiz-adv-x="416"
+d="M208 400c114 0 208 -94 208 -208s-93 -208 -208 -208s-208 94 -208 208s93 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166zM281 213c-18 0 -31 13 -31 31s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31zM135 213
+c-18 0 -31 13 -31 31s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31zM208 78c-49 0 -89 29 -106 72h212c-17 -43 -57 -72 -106 -72z" />
+ <glyph glyph-name="ion-android-home" unicode="&#xf38f;" horiz-adv-x="416"
+d="M160 0h-98v192h-62l208 192l208 -192h-62v-192h-98v128h-96v-128z" />
+ <glyph glyph-name="ion-android-image" unicode="&#xf2e4;" horiz-adv-x="384"
+d="M384 43c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298c23 0 43 -20 43 -43v-298zM117 160l-74 -96h298l-96 128l-74 -96z" />
+ <glyph glyph-name="ion-android-laptop" unicode="&#xf390;" horiz-adv-x="512"
+d="M437 32h75c0 -23 -64 -32 -96 -32h-320c-32 0 -96 9 -96 32h75c-23 0 -43 20 -43 43v266c0 23 20 43 43 43h362c23 0 43 -20 43 -43v-266c0 -23 -20 -43 -43 -43zM75 341v-272h362v272h-362zM256 13c12 0 21 10 21 22s-9 21 -21 21s-21 -9 -21 -21s9 -22 21 -22z" />
+ <glyph glyph-name="ion-android-list" unicode="&#xf391;" horiz-adv-x="384"
+d="M344 384c22 0 40 -18 40 -40v-304c0 -22 -18 -40 -40 -40h-304c-22 0 -40 18 -40 40v304c0 22 18 40 40 40h304zM240 80v48h-160v-48h160zM304 168v48h-224v-48h224zM304 256v48h-224v-48h224z" />
+ <glyph glyph-name="ion-android-locate" unicode="&#xf2e9;"
+d="M224 272c44 0 80 -36 80 -80s-36 -80 -80 -80s-80 36 -80 80s36 80 80 80zM415 213h33v-42h-33c-10 -89 -81 -160 -170 -170v-33h-42v33c-89 10 -160 81 -170 170h-33v42h33c10 89 81 160 170 170v33h42v-33c89 -10 160 -81 170 -170zM224 43c82 0 149 67 149 149
+s-67 149 -149 149s-149 -67 -149 -149s67 -149 149 -149z" />
+ <glyph glyph-name="ion-android-lock" unicode="&#xf392;" horiz-adv-x="320"
+d="M280 262c22 0 40 -18 40 -40v-200c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v200c0 22 18 40 40 40h20v40c0 55 45 100 100 100s100 -45 100 -100v-40h20zM160 80c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40zM222 262v40c0 34 -28 62 -62 62
+s-62 -28 -62 -62v-40h124z" />
+ <glyph glyph-name="ion-android-mail" unicode="&#xf2eb;"
+d="M405 368c23 0 43 -20 43 -43v-266c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v266c0 23 20 43 43 43h362zM400 277v43l-176 -117l-176 117v-43l176 -117z" />
+ <glyph glyph-name="ion-android-map" unicode="&#xf393;" horiz-adv-x="384"
+d="M373 384c6 0 11 -5 11 -11v-322c0 -5 -3 -9 -7 -10l-121 -41l-128 45s-105 -41 -108 -42s-7 -3 -9 -3c-6 0 -11 5 -11 11v322c0 5 3 9 7 10l121 41l128 -45s103 40 108 42s7 3 9 3zM256 43v254l-128 44v-254z" />
+ <glyph glyph-name="ion-android-menu" unicode="&#xf394;" horiz-adv-x="384"
+d="M0 64v43h384v-43h-384zM0 171v42h384v-42h-384zM0 320h384v-43h-384v43z" />
+ <glyph glyph-name="ion-android-microphone-off" unicode="&#xf395;" horiz-adv-x="408"
+d="M316 93l58 -58l-58 58l58 -58l34 -33l-24 -24l-95 95c-19 -11 -40 -20 -62 -23v-82h-46v82c-75 10 -137 76 -137 153h39c0 -68 58 -117 121 -117c20 0 40 5 57 14l-32 33c-8 -3 -16 -5 -25 -5c-38 0 -69 31 -69 69v29l-135 134l24 24l111 -110v0l140 -140l5 -5l9 -9z
+M273 197c0 -4 0 -8 -1 -12l-137 137v25c0 38 31 69 69 69s69 -31 69 -69v-150zM365 203c0 -31 -10 -60 -27 -84l-27 28c9 17 15 36 15 56h39zM408 2v0l-34 33z" />
+ <glyph glyph-name="ion-android-microphone" unicode="&#xf2ec;" horiz-adv-x="320"
+d="M160 128c-38 0 -69 31 -69 69v150c0 38 31 69 69 69s69 -31 69 -69v-150c0 -38 -31 -69 -69 -69zM281 203h39c0 -78 -62 -142 -137 -153v-82h-46v82c-75 10 -137 75 -137 153h39c0 -69 58 -116 121 -116s121 47 121 116z" />
+ <glyph glyph-name="ion-android-more-horizontal" unicode="&#xf396;" horiz-adv-x="320"
+d="M40 232c22 0 40 -18 40 -40s-18 -40 -40 -40s-40 18 -40 40s18 40 40 40zM280 232c22 0 40 -18 40 -40s-18 -40 -40 -40s-40 18 -40 40s18 40 40 40zM160 232c22 0 40 -18 40 -40s-18 -40 -40 -40s-40 18 -40 40s18 40 40 40z" />
+ <glyph glyph-name="ion-android-more-vertical" unicode="&#xf397;" horiz-adv-x="80"
+d="M80 312c0 -22 -18 -40 -40 -40s-40 18 -40 40s18 40 40 40s40 -18 40 -40zM80 72c0 -22 -18 -40 -40 -40s-40 18 -40 40s18 40 40 40s40 -18 40 -40zM80 192c0 -22 -18 -40 -40 -40s-40 18 -40 40s18 40 40 40s40 -18 40 -40z" />
+ <glyph glyph-name="ion-android-navigate" unicode="&#xf398;" horiz-adv-x="320"
+d="M160 384l160 -369l-15 -15l-145 64l-145 -64l-15 15z" />
+ <glyph glyph-name="ion-android-notifications-none" unicode="&#xf399;" horiz-adv-x="352"
+d="M177 328h-2c-6 0 -24 -5 -24 -5c-46 -10 -78 -53 -78 -100v-114v-13l-9 -10l-8 -8h240l-8 8l-9 10v13v114c0 47 -32 90 -78 100c0 0 -17 5 -24 5zM176 400v0c18 0 31 -13 31 -31v-15c59 -14 104 -68 104 -131v-114l41 -42v-21h-352v21l41 42v114c0 63 45 117 104 131v15
+c0 18 13 31 31 31zM217 26v0c0 -23 -18 -42 -41 -42s-41 19 -41 42h82z" />
+ <glyph glyph-name="ion-android-notifications-off" unicode="&#xf39a;" horiz-adv-x="364"
+d="M182 -16c-23 0 -41 19 -41 42h82c0 -23 -18 -42 -41 -42zM57 341l295 -295v0l12 -12l-24 -24l-36 36h-298v21l41 41v115c0 23 6 44 16 63l-63 64l24 24l33 -33v0zM317 223v-94l-208 207c13 8 27 15 42 18v15c0 18 13 31 31 31s31 -13 31 -31v-15c59 -14 104 -67 104 -131
+z" />
+ <glyph glyph-name="ion-android-notifications" unicode="&#xf39b;" horiz-adv-x="352"
+d="M176 -16c-23 0 -41 19 -41 42h82c0 -23 -18 -42 -41 -42zM311 109l41 -42v-21h-352v21l41 42v114c0 63 45 117 104 131v15c0 18 13 31 31 31s31 -13 31 -31v-15c59 -14 104 -68 104 -131v-114z" />
+ <glyph glyph-name="ion-android-open" unicode="&#xf39c;" horiz-adv-x="384"
+d="M341 43v133h43v-133c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h133v-43h-133v-298h298zM224 384h160v-160h-43v87l-215 -215l-30 30l215 215h-87v43z" />
+ <glyph glyph-name="ion-android-options" unicode="&#xf39d;"
+d="M0 32v32h272v-32h-272zM368 32v32h80v-32h-80zM352 0c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96zM0 176v32h80v-32h-80zM176 176v32h272v-32h-272zM160 144c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96
+c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96zM0 320v32h272v-32h-272zM368 320v32h80v-32h-80zM352 288c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96z" />
+ <glyph glyph-name="ion-android-people" unicode="&#xf39e;"
+d="M305 216c-34 0 -61 27 -61 60s27 60 61 60s62 -27 62 -60s-28 -60 -62 -60zM143 216c-34 0 -62 27 -62 60s28 60 62 60s61 -27 61 -60s-27 -60 -61 -60zM143 172c48 0 145 -23 145 -70v-54h-288v54c0 47 95 70 143 70zM305 161c48 0 143 -12 143 -59v-54h-128v54
+c0 30 -9 41 -32 58c7 1 11 1 17 1z" />
+ <glyph glyph-name="ion-android-person-add" unicode="&#xf39f;" horiz-adv-x="480"
+d="M288 192c-53 0 -96 43 -96 96s43 96 96 96s96 -43 96 -96s-43 -96 -96 -96zM288 144c64 0 192 -32 192 -96v-48h-384v48c0 64 128 96 192 96zM96 224h64v-32h-64v-64h-32v64h-64v32h64v64h32v-64z" />
+ <glyph glyph-name="ion-android-person" unicode="&#xf3a0;" horiz-adv-x="384"
+d="M192 192c-53 0 -96 43 -96 96s43 96 96 96s96 -43 96 -96s-43 -96 -96 -96zM192 144c64 0 192 -32 192 -96v-48h-384v48c0 64 128 96 192 96z" />
+ <glyph glyph-name="ion-android-phone-landscape" unicode="&#xf3a1;"
+d="M448 89c0 -23 -19 -41 -41 -41h-366c-22 0 -41 18 -41 41v206c0 23 19 41 41 41h366c22 0 41 -18 41 -41v-206zM80 84h288v216h-288v-216z" />
+ <glyph glyph-name="ion-android-phone-portrait" unicode="&#xf3a2;" horiz-adv-x="288"
+d="M247 416c23 0 41 -19 41 -41v-366c0 -22 -18 -41 -41 -41h-206c-23 0 -41 19 -41 41v366c0 22 18 41 41 41h206zM252 48v288h-216v-288h216z" />
+ <glyph glyph-name="ion-android-pin" unicode="&#xf3a3;" horiz-adv-x="320"
+d="M160 416c88 0 160 -71 160 -157c0 -118 -160 -291 -160 -291s-160 173 -160 291c0 86 72 157 160 157zM160 203c32 0 57 25 57 56s-25 56 -57 56s-57 -25 -57 -56s25 -56 57 -56z" />
+ <glyph glyph-name="ion-android-plane" unicode="&#xf3a4;" horiz-adv-x="384"
+d="M384 112l-160 48v-114l48 -31v-31l-80 16l-80 -16v31l48 31v114l-160 -48v40l160 104v113c0 18 15 31 32 31s32 -13 32 -31v-113l160 -104v-40z" />
+ <glyph glyph-name="ion-android-playstore" unicode="&#xf2f0;" horiz-adv-x="416"
+d="M416 296c-19 -214 -13 -312 -13 -312h-390s6 96 -13 312h104c0 57 47 104 104 104s104 -47 104 -104h104zM208 374c-43 0 -78 -35 -78 -78h156c0 43 -35 78 -78 78zM156 50l143 85l-143 84v-169z" />
+ <glyph glyph-name="ion-android-print" unicode="&#xf3a5;" horiz-adv-x="416"
+d="M352 288c35 0 64 -29 64 -64v-139h-80v-85h-256v85h-80v139c0 35 29 64 64 64h288zM304 32v128h-192v-128h192zM336 384v0v-80h-256v80h256z" />
+ <glyph glyph-name="ion-android-radio-button-off" unicode="&#xf3a6;" horiz-adv-x="416"
+d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166z" />
+ <glyph glyph-name="ion-android-radio-button-on" unicode="&#xf3a7;" horiz-adv-x="416"
+d="M208 296c57 0 104 -47 104 -104s-47 -104 -104 -104s-104 47 -104 104s47 104 104 104zM208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166z" />
+ <glyph glyph-name="ion-android-refresh" unicode="&#xf3a8;" horiz-adv-x="352"
+d="M176 60c56 0 104 34 123 84h46c-21 -74 -88 -128 -169 -128c-98 0 -176 79 -176 176s79 176 176 176c48 0 92 -20 124 -52l52 52v-154h-154l70 70c-23 24 -56 40 -92 40c-73 0 -132 -59 -132 -132s59 -132 132 -132z" />
+ <glyph glyph-name="ion-android-remove-circle" unicode="&#xf3a9;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM315 171v42h-214v-42h214z" />
+ <glyph glyph-name="ion-android-remove" unicode="&#xf2f4;" horiz-adv-x="320"
+d="M0 171v42h320v-42h-320z" />
+ <glyph glyph-name="ion-android-restaurant" unicode="&#xf3aa;" horiz-adv-x="415"
+d="M116 168l-91 89c-34 33 -34 86 0 119l153 -148zM264 206l-33 -31l150 -145l-30 -30l-150 146l-150 -146l-30 30s163 159 211 207c-15 32 -4 77 31 111c41 40 101 49 132 17c33 -31 24 -89 -17 -129c-34 -34 -80 -45 -114 -30z" />
+ <glyph glyph-name="ion-android-sad" unicode="&#xf3ab;" horiz-adv-x="416"
+d="M208 160c45 0 83 -26 102 -64h-204c19 38 57 64 102 64zM208 400c114 0 208 -94 208 -208s-93 -208 -208 -208s-208 94 -208 208s93 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166zM281 213c-18 0 -31 13 -31 31
+s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31zM135 213c-18 0 -31 13 -31 31s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31z" />
+ <glyph glyph-name="ion-android-search" unicode="&#xf2f5;" horiz-adv-x="384"
+d="M274 143l110 -110l-33 -33l-109 110v17l-7 6c-25 -21 -58 -34 -93 -34c-79 0 -142 63 -142 142s63 143 141 143c79 0 142 -64 142 -143c0 -36 -13 -68 -34 -93l7 -5h18zM142 143c55 0 99 43 99 98s-44 99 -99 99s-98 -44 -98 -99s43 -98 98 -98z" />
+ <glyph glyph-name="ion-android-send" unicode="&#xf2f6;" horiz-adv-x="416"
+d="M0 0v149l298 43l-298 43v149l416 -192z" />
+ <glyph glyph-name="ion-android-settings" unicode="&#xf2f7;" horiz-adv-x="416"
+d="M366 171l47 -34c3 -3 4 -10 2 -14l-43 -71c-2 -4 -7 -7 -12 -5l-54 21c-12 -8 -23 -16 -36 -21l-8 -55c-1 -4 -6 -8 -11 -8h-85c-5 0 -10 3 -11 8l-8 55c-13 5 -25 13 -36 21l-54 -21c-4 -2 -10 1 -12 5l-43 71c-3 5 -2 11 2 14l45 34c0 7 -1 14 -1 21s1 14 1 21l-46 34
+c-3 3 -4 10 -2 14l43 71c2 4 7 7 12 5l54 -21c12 8 23 16 36 21l8 55c1 4 6 8 11 8h85c5 0 10 -4 11 -8l7 -55c13 -5 25 -13 36 -21l53 21c4 2 11 -1 13 -5l43 -71c3 -5 2 -11 -2 -14l-45 -34c0 -7 1 -14 1 -21s0 -15 -1 -21zM207 119c41 0 75 32 75 73s-34 73 -75 73
+s-74 -32 -74 -73s33 -73 74 -73z" />
+ <glyph glyph-name="ion-android-share-alt" unicode="&#xf3ac;" horiz-adv-x="384"
+d="M320 104c34 0 62 -28 62 -62s-28 -62 -62 -62s-62 28 -62 62c0 5 1 10 2 14l-152 88c-12 -11 -27 -17 -44 -17c-35 0 -64 29 -64 64s28 64 63 64c17 0 32 -6 44 -17l151 87c-1 5 -2 10 -2 15c0 35 29 64 64 64s64 -29 64 -64s-29 -64 -64 -64c-17 0 -32 6 -44 17
+l-151 -87c1 -5 2 -10 2 -15s-1 -10 -2 -15l153 -88c11 11 26 16 42 16z" />
+ <glyph glyph-name="ion-android-share" unicode="&#xf2f8;" horiz-adv-x="384"
+d="M384 200l-160 -147v88c-107 0 -171 -34 -224 -109c21 107 75 214 224 235v85z" />
+ <glyph glyph-name="ion-android-star-half" unicode="&#xf3ad;" horiz-adv-x="404"
+d="M404 238l-110 -96l33 -142l-125 75l-125 -75l33 142l-110 96l145 12l57 134l57 -134zM219 103l60 -36l-16 68l-5 19l15 12l53 46l-70 6l-19 2l-8 18l-27 64v-189z" />
+ <glyph glyph-name="ion-android-star-outline" unicode="&#xf3ae;" horiz-adv-x="404"
+d="M404 238l-110 -96l33 -142l-125 75l-125 -75l33 142l-110 96l145 12l57 134l57 -134zM219 103l60 -36l-16 68l-5 19l15 12l53 46l-70 6l-19 2l-8 18l-27 64l-27 -64l-8 -18l-19 -2l-70 -6l53 -46l15 -12l-5 -19l-16 -68l60 36l17 10z" />
+ <glyph glyph-name="ion-android-star" unicode="&#xf2fc;" horiz-adv-x="404"
+d="M202 75l-125 -75l33 142l-110 96l145 12l57 134l57 -134l145 -12l-110 -96l33 -142z" />
+ <glyph glyph-name="ion-android-stopwatch" unicode="&#xf2fd;" horiz-adv-x="384"
+d="M168 141v131h48v-131h-48zM344 278c25 -33 40 -74 40 -118c0 -106 -86 -192 -192 -192s-192 86 -192 192s86 192 192 192c44 0 85 -15 118 -40l31 30l33 -33zM298 54c28 28 44 66 44 106s-16 78 -44 106s-66 44 -106 44s-78 -16 -106 -44s-44 -66 -44 -106
+s16 -78 44 -106s66 -44 106 -44s78 16 106 44zM128 368v48h128v-48h-128z" />
+ <glyph glyph-name="ion-android-subway" unicode="&#xf3af;" horiz-adv-x="352"
+d="M176 400c94 0 176 -10 176 -85v-214c0 -42 -33 -74 -75 -74l27 -27v-16h-256v16l27 27c-42 0 -75 32 -75 74v214c0 75 82 85 176 85zM80 64c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM160 208v96h-112v-96h112zM272 64c18 0 32 14 32 32
+s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM304 208v96h-112v-96h112z" />
+ <glyph glyph-name="ion-android-sunny" unicode="&#xf3b0;"
+d="M224 288c-25 0 -50 -10 -68 -28s-28 -43 -28 -68s10 -50 28 -68s43 -28 68 -28s50 10 68 28s28 43 28 68s-10 50 -28 68s-43 28 -68 28zM245 416v0v-64h-42v64h42zM374 372v0l30 -30l-38 -38l-30 30zM74 372v0l38 -38l-30 -30l-38 38zM224 320v0c70 0 128 -58 128 -128
+s-58 -128 -128 -128s-128 58 -128 128s58 128 128 128zM448 213v0v-42h-64v42h64zM64 213v0v-42h-64v42h64zM366 80v0l38 -38l-30 -30l-38 38zM82 80v0l30 -30l-38 -38l-30 30zM245 32v0v-64h-42v64h42z" />
+ <glyph glyph-name="ion-android-sync" unicode="&#xf3b1;" horiz-adv-x="320"
+d="M160 355c88 0 160 -73 160 -163c0 -32 -9 -62 -25 -87l-29 30c9 17 14 37 14 57c0 67 -54 122 -120 122v-61l-80 82l80 81v-61zM160 70v61l80 -82l-80 -81v61c-88 0 -160 73 -160 163c0 32 9 63 25 87l29 -30c-9 -17 -14 -37 -14 -57c0 -67 54 -122 120 -122z" />
+ <glyph glyph-name="ion-android-textsms" unicode="&#xf3b2;" horiz-adv-x="384"
+d="M344 384c22 0 40 -18 40 -40v-240c0 -22 -18 -40 -40 -40h-280l-64 -64v344c0 22 10 40 32 40h312zM134 206v40h-38v-40h38zM211 206v40h-38v-40h38zM288 206v40h-38v-40h38z" />
+ <glyph glyph-name="ion-android-time" unicode="&#xf3b3;" horiz-adv-x="426"
+d="M213 405c117 0 213 -96 213 -213s-95 -213 -213 -213s-213 96 -213 213s95 213 213 213zM213 22c94 0 170 76 170 170s-76 170 -170 170s-170 -76 -170 -170s76 -170 170 -170zM224 298v-111l96 -57l-16 -26l-112 67v127h32z" />
+ <glyph glyph-name="ion-android-train" unicode="&#xf3b4;" horiz-adv-x="352"
+d="M0 101v214c0 75 82 85 176 85s176 -10 176 -85v-214c0 -42 -33 -74 -75 -74l27 -27v-16h-256v16l27 27c-42 0 -75 32 -75 74zM176 72c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40zM304 224v96h-256v-96h256z" />
+ <glyph glyph-name="ion-android-unlock" unicode="&#xf3b5;" horiz-adv-x="320"
+d="M280 262c22 0 40 -18 40 -40v-200c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v200c0 22 18 40 40 40h182v40v0c0 34 -28 62 -62 62s-62 -28 -62 -62h-38c0 55 45 100 100 100s100 -45 100 -100v-40h20zM160 80c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40
+s18 -40 40 -40z" />
+ <glyph glyph-name="ion-android-upload" unicode="&#xf3b6;" horiz-adv-x="480"
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM272 172h68l-100 100l-100 -100h68v-76h64v76z" />
+ <glyph glyph-name="ion-android-volume-down" unicode="&#xf3b7;" horiz-adv-x="288"
+d="M0 256h85l107 112v-352l-107 112h-85v128zM288 192c0 -38 -21 -73 -53 -88v177c32 -16 53 -51 53 -89z" />
+ <glyph glyph-name="ion-android-volume-mute" unicode="&#xf3b8;" horiz-adv-x="192"
+d="M0 256h85l107 112v-352l-107 112h-85v128z" />
+ <glyph glyph-name="ion-android-volume-off" unicode="&#xf3b9;" horiz-adv-x="384"
+d="M342 192c0 69 -45 128 -107 147v45c85 -20 149 -99 149 -192c0 -35 -8 -68 -24 -96l-32 32c9 19 14 41 14 64zM192 368v-104l-51 51zM357 51v0l24 -24l-24 -24l-40 40c-23 -21 -51 -36 -82 -43v45c19 6 37 15 52 28l-95 95v-152l-107 112h-85v128h85l9 10l-91 91l24 24z
+M288 192c0 -7 0 -15 -2 -22l-51 51v60c32 -16 53 -51 53 -89z" />
+ <glyph glyph-name="ion-android-volume-up" unicode="&#xf3ba;" horiz-adv-x="384"
+d="M0 256h85l107 112v-352l-107 112h-85v128zM288 192c0 -38 -21 -73 -53 -88v177c32 -16 53 -51 53 -89zM235 384c85 -20 149 -99 149 -192s-64 -172 -149 -192v45c62 19 106 78 106 147s-44 128 -106 147v45z" />
+ <glyph glyph-name="ion-android-walk" unicode="&#xf3bb;" horiz-adv-x="272"
+d="M168 336c-22 0 -40 18 -40 40s18 40 40 40s40 -18 40 -40s-18 -40 -40 -40zM168 216l-20 38l-20 -62l57 -96v-128h-38v96l-50 68l-57 -164h-40l81 320l-41 -16v-80h-40v112l111 38c4 1 10 1 13 1c13 0 23 -6 31 -18l45 -69h72v-40h-104z" />
+ <glyph glyph-name="ion-android-warning" unicode="&#xf3bc;"
+d="M0 -16l224 416l224 -416h-448zM248 48v48h-48v-48h48zM248 128v96h-48v-96h48z" />
+ <glyph glyph-name="ion-android-watch" unicode="&#xf3bd;" horiz-adv-x="320"
+d="M320 192c0 -51 -24 -96 -61 -125l-19 -115h-160l-19 115c-37 29 -61 74 -61 125s24 96 61 125l19 115h160l19 -115c37 -29 61 -74 61 -125zM40 192c0 -66 54 -120 120 -120s120 54 120 120s-54 120 -120 120s-120 -54 -120 -120z" />
+ <glyph glyph-name="ion-android-wifi" unicode="&#xf305;" horiz-adv-x="416"
+d="M208 219c23 0 42 -18 42 -41s-19 -41 -42 -41s-42 18 -42 41s19 41 42 41zM333 178c0 -45 -26 -85 -63 -107l-20 36c25 14 41 40 41 71c0 45 -37 82 -83 82s-83 -37 -83 -82c0 -31 16 -57 41 -71l-20 -36c-37 22 -63 62 -63 107c0 68 56 124 125 124s125 -56 125 -124z
+M208 384c114 0 208 -93 208 -206c0 -76 -42 -142 -104 -178l-21 36c50 28 83 81 83 142c0 91 -74 165 -166 165s-166 -74 -166 -165c0 -61 33 -113 83 -142l-21 -36c-62 36 -104 102 -104 178c0 113 94 206 208 206z" />
+ <glyph glyph-name="ion-aperture" unicode="&#xf313;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136s85 -56 136 -56s100 20 136 56zM168 342l56 -86h-147
+c17 40 50 71 91 86zM381 160h-102l72 129c21 -27 33 -60 33 -97c0 -11 -1 -22 -3 -32zM328 314l-49 -90l-78 126c8 1 15 2 23 2c40 0 76 -14 104 -38zM67 224h102l-72 -129c-21 27 -33 60 -33 97c0 11 1 22 3 32zM280 42l-56 86h147c-17 -40 -50 -71 -91 -86zM120 70l49 90
+l78 -126c-8 -1 -15 -2 -23 -2c-40 0 -76 14 -104 38z" />
+ <glyph glyph-name="ion-archive" unicode="&#xf102;"
+d="M224 140l-128 116h80v96h96v-96h80zM433 151c11 -6 17 -19 15 -32l-9 -67c-2 -13 -9 -20 -28 -20h-374c-18 0 -26 7 -28 20l-9 67c-2 13 3 26 14 32l72 55h42l-62 -62h50c2 0 5 -1 6 -3l18 -45h168l18 45c1 2 3 3 5 3h51l-62 62h42z" />
+ <glyph glyph-name="ion-arrow-down-a" unicode="&#xf103;" horiz-adv-x="384"
+d="M192 -0l-192 192h112v192h160v-192h112z" />
+ <glyph glyph-name="ion-arrow-down-b" unicode="&#xf104;" horiz-adv-x="320"
+d="M3 263c-2 2 -3 6 -3 9c0 9 8 16 17 16v0h286v0c9 0 17 -7 17 -16c0 -3 -1 -6 -3 -8l-2 -3l-136 -156c-5 -5 -11 -9 -19 -9s-14 4 -19 9l-136 156z" />
+ <glyph glyph-name="ion-arrow-down-c" unicode="&#xf105;" horiz-adv-x="274"
+d="M265 125l-105 -100c-6 -6 -14 -9 -23 -9s-16 3 -22 9l-106 100c-12 12 -12 31 0 43s34 12 46 0l50 -48v217c0 17 14 31 32 31s32 -14 32 -31v-217l50 48c12 12 34 12 46 0s12 -31 0 -43z" />
+ <glyph glyph-name="ion-arrow-expand" unicode="&#xf25e;" horiz-adv-x="320"
+d="M178 238l64 64l-50 50h128v-128l-50 50l-64 -64zM178 146l28 28l64 -64l50 50v-128h-128l50 50zM142 146l-64 -64l50 -50h-128v128l50 -50l64 64zM142 238l-28 -28l-64 64l-50 -50v128h128l-50 -50z" />
+ <glyph glyph-name="ion-arrow-graph-down-left" unicode="&#xf25f;"
+d="M0 64v160l61 -61l131 141l107 -112l149 128l-149 -203l-107 107l-94 -98l62 -62h-160z" />
+ <glyph glyph-name="ion-arrow-graph-down-right" unicode="&#xf260;"
+d="M288 64l62 62l-94 98l-107 -107l-149 203l149 -128l107 112l131 -141l61 61v-160h-160z" />
+ <glyph glyph-name="ion-arrow-graph-up-left" unicode="&#xf261;"
+d="M160 320l-62 -62l94 -98l107 107l149 -203l-149 128l-107 -112l-131 141l-61 -61v160h160z" />
+ <glyph glyph-name="ion-arrow-graph-up-right" unicode="&#xf262;"
+d="M288 320h160v-160l-61 61l-131 -141l-107 112l-149 -128l149 203l107 -107l94 98z" />
+ <glyph glyph-name="ion-arrow-left-a" unicode="&#xf106;" horiz-adv-x="384"
+d="M0 192l192 192v-112h192v-160h-192v-112z" />
+ <glyph glyph-name="ion-arrow-left-b" unicode="&#xf107;" horiz-adv-x="192"
+d="M167 349c2 2 6 3 9 3c9 0 16 -8 16 -17v0v-286v0c0 -9 -7 -17 -16 -17c-3 0 -7 1 -9 3l-2 2l-156 136c-5 5 -9 11 -9 19s4 14 9 19l156 136z" />
+ <glyph glyph-name="ion-arrow-left-c" unicode="&#xf108;" horiz-adv-x="352"
+d="M109 320c12 12 32 12 44 0s12 -34 0 -46l-49 -50h217c17 0 31 -14 31 -32s-14 -32 -31 -32h-217l48 -50c12 -12 12 -34 0 -46s-31 -12 -43 0l-100 106c-6 6 -9 13 -9 22s3 17 9 23z" />
+ <glyph glyph-name="ion-arrow-move" unicode="&#xf263;"
+d="M448 192l-96 -96v76h-109l1 -108h76l-96 -96l-96 96h76v108h-108v-76l-96 96l96 96v-76h108v108h-76l96 96l96 -96h-76v-108h108v76z" />
+ <glyph glyph-name="ion-arrow-resize" unicode="&#xf264;" horiz-adv-x="320"
+d="M192 352h128v-128l-50 50l-9 -9l-183 -183l50 -50h-128v128l50 -50l128 128v0l64 64z" />
+ <glyph glyph-name="ion-arrow-return-left" unicode="&#xf265;" horiz-adv-x="384"
+d="M128 352v-64h248c4 0 8 -4 8 -8v-240c0 -4 -4 -8 -8 -8h-304c-4 0 -8 4 -8 8v48c0 4 4 8 8 8h248v128h-192v-64l-128 96z" />
+ <glyph glyph-name="ion-arrow-return-right" unicode="&#xf266;" horiz-adv-x="384"
+d="M384 256l-128 -96v64h-192v-128h248c4 0 8 -4 8 -8v-48c0 -4 -4 -8 -8 -8h-304c-4 0 -8 4 -8 8v240c0 4 4 8 8 8h248v64z" />
+ <glyph glyph-name="ion-arrow-right-a" unicode="&#xf109;" horiz-adv-x="384"
+d="M384 192l-192 -192v112h-192v160h192v112z" />
+ <glyph glyph-name="ion-arrow-right-b" unicode="&#xf10a;" horiz-adv-x="192"
+d="M25 35c-2 -2 -6 -3 -9 -3c-9 0 -16 8 -16 17v0v286v0c0 9 7 17 16 17c3 0 6 -1 8 -3l3 -2l156 -136c5 -5 9 -11 9 -19s-4 -14 -9 -19l-156 -136z" />
+ <glyph glyph-name="ion-arrow-right-c" unicode="&#xf10b;" horiz-adv-x="352"
+d="M243 320l100 -105c6 -6 9 -14 9 -23s-3 -16 -9 -22l-100 -106c-12 -12 -31 -12 -43 0s-12 34 0 46l48 50h-217c-17 0 -31 14 -31 32s14 32 31 32h217l-49 50c-12 12 -12 34 0 46s32 12 44 0z" />
+ <glyph glyph-name="ion-arrow-shrink" unicode="&#xf267;" horiz-adv-x="384"
+d="M384 356l-82 -82l50 -50h-128v128l50 -50l82 82zM384 28l-28 -28l-82 82l-50 -50v128h128l-50 -50zM0 28l82 82l-50 50h128v-128l-50 50l-82 -82zM0 356l28 28l82 -82l50 50v-128h-128l50 50z" />
+ <glyph glyph-name="ion-arrow-swap" unicode="&#xf268;" horiz-adv-x="384"
+d="M0 120c0 4 4 8 8 8h248v64l128 -96l-128 -96v64h-248c-4 0 -8 4 -8 8v48zM384 264c0 -4 -4 -8 -8 -8h-248v-64l-128 96l128 96v-64h248c4 0 8 -4 8 -8v-48z" />
+ <glyph glyph-name="ion-arrow-up-a" unicode="&#xf10c;" horiz-adv-x="384"
+d="M192 384l192 -192h-112v-192h-160v192h-112z" />
+ <glyph glyph-name="ion-arrow-up-b" unicode="&#xf10d;" horiz-adv-x="320"
+d="M317 121c2 -2 3 -6 3 -9c0 -9 -8 -16 -17 -16v0h-286v0c-9 0 -17 7 -17 16c0 3 1 6 3 8l2 3l136 156c5 5 11 9 19 9s14 -4 19 -9l136 -156z" />
+ <glyph glyph-name="ion-arrow-up-c" unicode="&#xf10e;" horiz-adv-x="274"
+d="M9 259l105 100c6 6 14 9 23 9s16 -3 22 -9l106 -100c12 -12 12 -31 0 -43s-34 -12 -46 0l-50 48v-217c0 -17 -14 -31 -32 -31s-32 14 -32 31v217l-50 -49c-12 -12 -34 -12 -46 0s-12 32 0 44z" />
+ <glyph glyph-name="ion-asterisk" unicode="&#xf314;"
+d="M448 224v-64l-186 10l104 -170l-56 -32l-86 176l-86 -176l-56 32l104 170l-186 -10v64l187 -7l-109 167l60 32l86 -176l86 176l60 -32l-109 -167z" />
+ <glyph glyph-name="ion-at" unicode="&#xf10f;"
+d="M422 41c-24 -25 -52 -43 -85 -55s-69 -18 -105 -18c-35 0 -66 6 -95 17s-53 26 -73 46s-36 43 -47 71s-17 58 -17 90s6 62 18 89s29 51 50 71s46 35 74 47c28 11 58 17 90 17c28 0 55 -4 81 -12s49 -20 69 -36s36 -36 48 -60s18 -53 18 -85c0 -24 -3 -46 -10 -64
+s-16 -34 -27 -46s-24 -22 -38 -28s-29 -10 -45 -10s-29 4 -39 12s-15 17 -15 29h-3c-6 -10 -15 -19 -28 -28s-28 -13 -46 -13c-28 0 -49 9 -64 27s-23 42 -23 71c0 17 3 34 9 50s14 31 24 44s23 23 38 31s31 12 49 12c15 0 27 -4 38 -10c10 -6 18 -15 21 -24h1l5 24h54
+l-24 -113c-1 -6 -2 -12 -3 -19s-2 -13 -2 -19c0 -7 1 -13 4 -18s7 -7 15 -7c16 0 29 9 39 26s16 40 16 68c0 24 -4 45 -12 64s-20 34 -34 47s-32 23 -52 29s-41 9 -65 9c-26 0 -49 -4 -70 -13s-39 -22 -54 -38s-27 -34 -35 -56c-8 -21 -13 -44 -13 -69c0 -26 4 -51 13 -72
+s21 -39 37 -54s35 -27 57 -35s46 -12 72 -12c33 0 61 6 85 16s45 25 65 43zM231 260c-10 0 -18 -2 -25 -8s-14 -13 -19 -22s-8 -18 -11 -28s-4 -20 -4 -30c0 -5 0 -10 1 -16c1 -5 3 -10 6 -15s7 -8 12 -11s11 -5 19 -5c11 0 20 3 28 8s14 13 19 21s9 16 11 26s3 19 3 27
+c0 6 0 13 -1 19s-4 12 -7 17s-7 9 -12 12s-12 5 -20 5z" />
+ <glyph glyph-name="ion-backspace-outline" unicode="&#xf3be;" horiz-adv-x="512"
+d="M413 116c2 -2 3 -4 3 -6s-1 -4 -3 -6l-21 -22c-2 -2 -4 -2 -6 -2s-4 0 -6 2l-76 77l-76 -77c-2 -2 -4 -2 -6 -2s-4 0 -6 2l-21 22c-2 2 -3 4 -3 6s1 4 3 6l76 76l-77 76c-3 3 -3 9 0 12l22 22c2 2 4 2 6 2s4 0 6 -2l76 -76l76 76c2 2 4 2 6 2s4 0 6 -2l22 -22
+c3 -3 3 -9 0 -12l-77 -76zM499 354c9 -9 13 -20 13 -33v-256c0 -27 -20 -49 -46 -49h-298c-13 0 -24 3 -34 9c-9 5 -16 11 -23 20v0l-1 1l-110 146l110 148c14 19 34 28 58 28h298c13 0 24 -5 33 -14zM480 65v256c0 9 -5 15 -14 15h-298c-11 0 -22 -3 -32 -16l-96 -128
+l96 -128c8 -10 17 -16 32 -16h298c9 0 14 8 14 17z" />
+ <glyph glyph-name="ion-backspace" unicode="&#xf3bf;" horiz-adv-x="512"
+d="M499 354c9 -9 13 -20 13 -33v-256c0 -27 -20 -49 -46 -49h-298c-13 0 -24 3 -34 9c-9 5 -16 11 -23 20v0l-1 1l-110 146l110 148c14 19 34 28 58 28h298c13 0 24 -5 33 -14zM413 116l-76 76l77 76c3 3 3 9 0 12l-22 22c-2 2 -4 2 -6 2s-4 0 -6 -2l-76 -76l-76 76
+c-2 2 -4 2 -6 2s-4 0 -6 -2l-22 -22c-3 -3 -3 -9 0 -12l77 -76l-76 -76c-2 -2 -3 -4 -3 -6s1 -4 3 -6l21 -22c2 -2 4 -2 6 -2s4 0 6 2l76 77l76 -77c2 -2 4 -2 6 -2s4 0 6 2l21 22c2 2 3 4 3 6s-1 4 -3 6z" />
+ <glyph glyph-name="ion-bag" unicode="&#xf110;"
+d="M416 288l32 -320h-448l32 320h64v4c0 68 56 124 124 124h8c68 0 124 -56 124 -124v-4h64zM128 292v-4h192v4c0 51 -41 92 -92 92v0h-8c-51 0 -92 -41 -92 -92zM36 0h376l-25 256h-35v-36c10 -6 16 -16 16 -28c0 -18 -14 -32 -32 -32s-32 14 -32 32c0 12 6 22 16 28v36
+h-192v-36c10 -6 16 -16 16 -28c0 -18 -14 -32 -32 -32s-32 14 -32 32c0 12 6 22 16 28v36h-35z" />
+ <glyph glyph-name="ion-battery-charging" unicode="&#xf111;"
+d="M10 64c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381zM225 288l-100 -111h61l-27 -81l100 111h-61z" />
+ <glyph glyph-name="ion-battery-empty" unicode="&#xf112;"
+d="M438 256c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37zM416 160v64h-15h-32v32v32h-337v-192h337v32v32h32h15z" />
+ <glyph glyph-name="ion-battery-full" unicode="&#xf113;"
+d="M438 256c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37z" />
+ <glyph glyph-name="ion-battery-half" unicode="&#xf114;"
+d="M438 256c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37zM416 160v64h-15h-32v32v32h-81l32 -192h49v32v32h32h15z" />
+ <glyph glyph-name="ion-battery-low" unicode="&#xf115;"
+d="M10 64c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381zM369 288h-209l32 -192h177v32v32h32h15v64h-15h-32v32v32z" />
+ <glyph glyph-name="ion-beaker" unicode="&#xf269;" horiz-adv-x="384"
+d="M80 256h240v-224c0 -9 -7 -16 -16 -16h-208c-9 0 -16 7 -16 16v224zM296 104v48c0 4 -4 8 -8 8s-8 -4 -8 -8v-48c0 -4 4 -8 8 -8s8 4 8 8zM288 176c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM381 416c3 0 3 -2 3 -3s-2 -3 -3 -5s-13 -20 -13 -40v-336
+c0 -35 -29 -64 -64 -64h-208c-35 0 -64 29 -64 64v307c0 32 -2 33 -32 37c0 12 11 40 65 40h316zM336 368c0 5 0 16 1 16h-273c-1 0 -3 0 -4 -1c5 -7 4 -32 4 -44v-307c0 -18 14 -32 32 -32h210c17 0 30 14 30 32v336z" />
+ <glyph glyph-name="ion-beer" unicode="&#xf26a;"
+d="M384 288c35 0 64 -29 64 -64v-96c0 -35 -29 -64 -64 -64h-32v-80c0 -9 -7 -16 -16 -16h-256c-9 0 -16 7 -16 16v223c-26 0 -48 22 -48 48v54v1c-10 11 -16 26 -16 42c0 35 29 64 64 64c18 0 34 -8 46 -20c10 12 26 20 43 20c14 0 27 -6 37 -14c12 9 26 14 42 14
+c17 0 34 -6 46 -16c11 10 26 16 42 16c35 0 64 -29 64 -64c0 -24 -18 -44 -32 -48v-16h32zM296 144c4 0 8 3 8 8v0v48c0 4 -4 8 -8 8s-8 -4 -8 -8v-48c0 -3 2 -6 4 -7c1 -1 2 -1 4 -1zM303 220c1 2 1 4 1 6s-1 4 -3 5s-4 1 -6 1s-4 -2 -5 -4s-2 -4 -2 -6s2 -4 4 -5
+s4 -1 6 -1s4 2 5 4zM320 288v32h-20c-3 -8 -7 -16 -13 -23c-13 -16 -33 -25 -55 -25c-26 0 -48 13 -61 33c-6 -2 -12 -3 -18 -3c-12 0 -23 4 -32 10c-2 1 -3 3 -5 4c-1 -2 -2 -3 -3 -5c-5 -6 -11 -10 -17 -14v-32v-9h80c0 4 4 8 8 8s8 -4 8 -8h128v32zM351 343c1 3 1 6 1 9
+c0 18 -14 32 -32 32c-9 0 -17 -4 -23 -10c-2 -2 -6 -5 -16 -6h-8c-6 1 -12 3 -14 5c-7 7 -16 11 -27 11c-9 0 -18 -4 -25 -9l-7 -7c0 -1 0 -1 -1 -2c-3 -3 -7 -5 -11 -5c-5 0 -8 3 -11 6c-1 2 -2 3 -3 5s-3 4 -5 6c-4 4 -10 6 -16 6c-10 0 -18 -9 -25 -16
+c-7 -8 -27 -8 -34 0s-18 16 -30 16c-18 0 -32 -14 -32 -32c0 -2 1 -5 1 -7c2 -9 7 -17 15 -21v-34v-35c0 -9 7 -16 16 -16v26v23v32c10 0 18 4 24 11c2 2 3 4 4 6c0 0 6 10 12 11s20 6 30 -5c4 -5 11 -9 19 -9c3 0 5 1 7 2c3 1 7 2 9 4v0c3 2 6 4 10 4c7 0 12 -4 14 -10
+c0 0 1 -1 1 -2c1 -3 1 -5 3 -8c7 -12 20 -20 35 -20c13 0 25 6 32 16c5 7 8 15 8 24s9 8 9 8h7h48c6 0 13 -3 15 -9zM416 128v96c0 18 -14 32 -32 32h-32v-160h32c18 0 32 14 32 32zM128 280c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM288 280c0 5 3 8 8 8s8 -3 8 -8
+s-3 -8 -8 -8s-8 3 -8 8z" />
+ <glyph glyph-name="ion-bluetooth" unicode="&#xf116;" horiz-adv-x="256"
+d="M12 304c16 16 18 13 19 12l68 -65v0v0c2 -2 10 -10 10 -3v156v0v2c0 6 6 10 12 10c4 0 7 -2 9 -4v0s117 -113 122 -117s5 -10 1 -14l-84 -81s-4 -4 -4 -8s4 -8 4 -8l84 -81c4 -4 4 -10 -1 -14s-122 -117 -122 -117v0c-2 -2 -5 -4 -9 -4c-6 0 -12 4 -12 10v2v0v156
+s-8 -1 -10 -3v0v-1l-68 -64c-1 -1 -3 -4 -19 12s-12 17 -11 18s90 86 90 86s4 3 4 8v0c0 5 -4 8 -4 8s-89 85 -90 86s-5 2 11 18zM152 328v-79c0 -8 8 -1 10 1l30 30s3 5 3 7s-1 5 -3 7l-30 30c-2 2 -10 11 -10 4zM152 135v-79s8 2 10 4l30 30c2 2 3 5 3 7s-1 5 -3 7l-30 30
+c-2 2 -10 9 -10 1z" />
+ <glyph glyph-name="ion-bonfire" unicode="&#xf315;" horiz-adv-x="384"
+d="M207 97l15 -89c1 -3 1 -5 1 -8c0 -18 -14 -32 -32 -32s-32 14 -32 32c0 2 0 5 1 7l15 92v0c2 7 8 13 16 13s15 -7 16 -15zM242 93v0v0v0zM329 58c9 -8 10 -25 0 -35s-27 -9 -35 0c-1 1 -2 3 -3 4l-49 66c-3 5 -2 11 2 15c5 5 10 5 16 1l64 -47c2 -1 3 -3 5 -4zM309 113v0
+v0v0zM371 126c9 -1 13 -7 13 -19c0 -9 -10 -14 -18 -12l-57 18v0v0c-3 2 -6 5 -5 9s4 7 8 6zM75 113v0v0v0zM75 113v0l-58 -18c-8 -2 -17 3 -17 12c0 12 3 18 12 19l60 2c4 1 7 -2 8 -6s-2 -7 -5 -9v0zM124 109c5 4 11 4 16 -1c4 -4 5 -10 2 -15l-49 -66c-1 -1 -2 -3 -3 -4
+c-10 -10 -25 -10 -35 0s-10 25 0 35c2 2 3 3 5 4zM288 320c0 -32 -9 -58 -50 -86c-37 -26 -94 -46 -110 -106c0 0 -58 24 -48 96s124 106 112 192c24 0 96 -35 96 -96zM288 192c-16 -50 -44 -64 -80 -64c-15 0 -32 9 -43 26c12 15 28 26 47 37c9 5 20 10 29 16
+c21 14 38 31 47 49c5 -15 5 -48 0 -64zM88 288c-6 4 -9 14 -8 27c2 22 34 39 32 69c14 2 31 -3 42 -24c-5 -11 -15 -21 -28 -34s-26 -22 -38 -38z" />
+ <glyph glyph-name="ion-bookmark" unicode="&#xf26b;" horiz-adv-x="192"
+d="M184 384c4 0 8 -4 8 -8v-56h-192v56c0 4 4 8 8 8h176zM0 0v304h192v-304l-96 96z" />
+ <glyph glyph-name="ion-bowtie" unicode="&#xf3c0;"
+d="M192 236c0 0 8 5 20 7c21 4 39 5 47 -9c10 -17 19 -53 17 -85c-1 -17 -5 -22 -5 -22s-15 -10 -47 -7c-35 3 -40 15 -40 15s5 12 8 43s0 58 0 58zM152 163c-17 -4 -38 -10 -38 -10s45 4 64 9c-4 -21 -10 -34 -10 -34s-83 -80 -116 -80c-28 0 -52 68 -52 144s26 144 52 144
+c35 0 106 -57 128 -97c0 0 3 -16 2 -32c-10 5 -24 10 -44 14c-28 6 -42 3 -42 3s18 -4 57 -17c15 -5 22 -8 29 -10c0 -3 -1 -7 -1 -10c0 -5 0 -10 -1 -15c-5 -2 -15 -6 -28 -9zM396 336c26 0 52 -68 52 -144s-24 -144 -52 -144c-37 0 -104 68 -112 79c0 0 4 5 5 22v9
+c16 -7 70 -13 70 -13s-21 6 -40 11c-13 4 -25 8 -30 10c-1 11 -2 23 -4 33c17 11 69 34 69 34s-15 -2 -35 -9c-14 -5 -29 -11 -37 -14c-3 10 -7 18 -10 24c0 1 -1 4 -1 4v1c22 40 89 97 125 97z" />
+ <glyph glyph-name="ion-briefcase" unicode="&#xf26c;"
+d="M240 176v8h208v-176c0 -4 -4 -8 -8 -8h-432c-4 0 -8 4 -8 8v176h208v-8h32zM440 304c4 0 8 -4 8 -8v-96h-208v8h-32v-8h-208v96c0 4 4 8 8 8h120v31c1 28 22 49 51 49h90c30 0 50 -21 51 -49v-31h120zM288 332v1c0 10 -9 19 -19 19h-90c-10 0 -19 -9 -19 -19v-1v-1v-27
+h128v27v1z" />
+ <glyph glyph-name="ion-bug" unicode="&#xf2be;"
+d="M343 321c-6 -16 -16 -31 -28 -43c-24 -24 -57 -37 -91 -37s-67 13 -91 37c-12 12 -22 27 -28 43c29 39 72 63 119 63s90 -24 119 -63zM95 305c22 -45 68 -77 121 -80v-225c-40 2 -77 22 -104 54c-7 -6 -10 -9 -13 -15c8 -9 7 -22 -1 -31c-9 -10 -24 -11 -34 -2
+s-11 24 -2 34l3 3s2 1 2 1c4 13 13 25 27 36c-15 26 -26 57 -29 90c-7 0 -12 -2 -17 -3c-1 -13 -11 -23 -24 -23s-24 11 -24 24s11 24 24 24h3c4 2 8 5 12 6c7 2 14 4 25 4c1 23 6 45 13 65c-6 4 -11 7 -15 11c-6 5 -11 13 -14 19c-1 0 -3 1 -4 2c-12 6 -15 21 -9 33
+s21 15 33 9c11 -6 15 -20 10 -31c2 -3 3 -7 4 -8c2 -2 5 -3 8 -5c2 3 3 5 5 8zM424 192c13 0 24 -11 24 -24s-11 -24 -24 -24s-23 10 -24 23c-5 1 -10 3 -17 3c-3 -33 -14 -64 -29 -90c14 -11 23 -23 27 -36c0 0 1 0 2 -1l3 -3c9 -10 8 -25 -2 -34s-25 -8 -34 2
+c-8 9 -9 22 -1 31c-3 6 -6 9 -13 15c-27 -32 -64 -52 -104 -54v225c53 3 99 35 121 80c2 -3 3 -5 5 -8c3 2 6 3 8 5c1 1 2 5 4 8c-5 11 -1 25 10 31c12 6 27 3 33 -9s3 -27 -9 -33c-1 -1 -3 -2 -4 -2c-3 -6 -8 -14 -14 -19c-4 -4 -9 -7 -15 -11c7 -20 12 -42 13 -65
+c11 0 18 -2 25 -4c4 -1 8 -4 12 -6h3z" />
+ <glyph glyph-name="ion-calculator" unicode="&#xf26d;" horiz-adv-x="320"
+d="M304 416c9 0 16 -7 16 -16v-416c0 -9 -7 -16 -16 -16h-288c-9 0 -16 7 -16 16v416c0 9 7 16 16 16h288zM48 240v-32h32v32h-32zM48 176v-32h32v32h-32zM48 112v-32h32v32h-32zM144 16v32h-96v-32h96zM144 80v32h-32v-32h32zM144 144v32h-32v-32h32zM144 208v32h-32v-32
+h32zM208 16v32h-32v-32h32zM208 80v32h-32v-32h32zM208 144v32h-32v-32h32zM208 208v32h-32v-32h32zM272 16v96h-32v-96h32zM272 144v32h-32v-32h32zM272 208v32h-32v-32h32zM272 288v80h-224v-80h224z" />
+ <glyph glyph-name="ion-calendar" unicode="&#xf117;"
+d="M112 320c-18 0 -32 14 -32 32v32c0 18 14 32 32 32s32 -14 32 -32v-32c0 -18 -14 -32 -32 -32zM336 320c-18 0 -32 14 -32 32v32c0 18 14 32 32 32s32 -14 32 -32v-32c0 -18 -14 -32 -32 -32zM440 384c4 0 8 -4 8 -8v-400c0 -4 -4 -8 -8 -8h-432c-4 0 -8 4 -8 8v400
+c0 4 4 8 8 8h56v-41c0 -22 24 -39 48 -39s48 17 48 39v41h128v-41c0 -22 25 -39 49 -39s47 17 47 39v41h56zM400 16v256h-352v-256h352z" />
+ <glyph glyph-name="ion-camera" unicode="&#xf118;" horiz-adv-x="416"
+d="M382 301c18 0 34 -14 34 -33v-202c0 -19 -16 -34 -34 -34h-348c-19 0 -34 15 -34 34v202c0 19 15 33 34 33h69l39 40v0c6 7 15 11 25 11h84c9 0 17 -4 23 -10v0v0v0l41 -41h67zM208 82c51 0 92 42 92 93s-41 93 -92 93s-92 -42 -92 -93s41 -93 92 -93zM376 248
+c8 0 14 6 14 14s-6 14 -14 14s-14 -6 -14 -14s6 -14 14 -14zM208 245c38 0 70 -31 70 -70s-32 -70 -70 -70c-39 0 -70 31 -70 70s31 70 70 70z" />
+ <glyph glyph-name="ion-card" unicode="&#xf119;"
+d="M420 352c16 0 28 -12 28 -28v0v-264v0c0 -16 -12 -28 -28 -28h-392c-16 0 -28 12 -28 28v0v0v264v0v0c0 16 12 28 28 28h392zM45 320c-7 0 -12 -5 -13 -12v-20h384v20c-1 7 -6 12 -13 12h-358zM403 64c7 0 12 5 13 12v116h-384v-116c1 -7 6 -12 13 -12h358zM64 128v16
+h192v-16h-192zM64 96v16h96v-16h-96zM320 96v48h64v-48h-64z" />
+ <glyph glyph-name="ion-cash" unicode="&#xf316;" horiz-adv-x="512"
+d="M0 352h512v-256h-512v256zM193 128c-20 23 -33 58 -33 96s13 73 33 96h-97c0 -35 -29 -64 -64 -64v-80c27 0 48 -21 48 -48h113zM298 187c3 4 4 9 4 15c0 3 0 5 -1 8s-2 6 -4 8s-4 4 -7 6s-6 4 -10 5c-1 0 -4 1 -7 2s-5 0 -8 1v31c2 -1 5 -2 7 -3c4 -3 6 -7 7 -13h20
+c0 5 -2 9 -4 13s-5 8 -9 11s-9 5 -14 6c-2 1 -5 2 -7 2v9h-18v-9c-2 0 -4 -1 -6 -2c-5 -1 -10 -2 -14 -5s-7 -6 -9 -10s-4 -9 -4 -14c0 -3 0 -5 1 -8s2 -5 4 -7s5 -5 8 -7s7 -4 12 -5c3 -1 6 0 8 -1v-35c-3 1 -6 2 -9 4s-5 4 -6 7s-2 6 -2 9h-20c0 -5 2 -11 4 -16
+c3 -5 6 -8 10 -11s9 -6 15 -7c3 -1 5 -2 8 -2v-9h18v9c3 0 6 1 9 2c5 1 10 2 14 5s7 7 10 11zM480 176v80c-35 0 -64 29 -64 64h-97c20 -23 33 -58 33 -96s-13 -73 -33 -96h113c0 27 22 48 48 48zM64 224c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32s-32 11 -32 32z
+M384 224c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32s-32 11 -32 32zM273 213c2 -1 4 -2 6 -4s3 -5 3 -9c0 -2 0 -4 -1 -6s-2 -4 -4 -5s-5 -3 -8 -4c-1 0 -2 -1 -4 -1v31c3 -1 6 -1 8 -2zM236 257c1 2 3 3 5 4s4 2 6 2v-26c-4 1 -7 3 -9 5s-4 4 -4 8c0 3 1 5 2 7zM0 32
+v32h512v-32h-512z" />
+ <glyph glyph-name="ion-chatbox-working" unicode="&#xf11a;" horiz-adv-x="416"
+d="M76 48c-42 0 -76 31 -76 71v209c0 40 34 72 76 72h264c42 0 76 -32 76 -72v-209c0 -40 -34 -71 -76 -71h-4v-64s-79 54 -86 59s-7 5 -21 5h-153zM304 256c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM208 256c-18 0 -32 -14 -32 -32s14 -32 32 -32
+s32 14 32 32s-14 32 -32 32zM112 256c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32z" />
+ <glyph glyph-name="ion-chatbox" unicode="&#xf11b;" horiz-adv-x="416"
+d="M76 48c-42 0 -76 31 -76 71v209c0 40 34 72 76 72h264c42 0 76 -32 76 -72v-209c0 -40 -34 -71 -76 -71h-4v-64s-79 54 -86 59s-7 5 -21 5h-153z" />
+ <glyph glyph-name="ion-chatboxes" unicode="&#xf11c;" horiz-adv-x="416"
+d="M246 82l26 -18c-4 -21 -29 -32 -52 -32h-90c-8 0 -11 -2 -13 -3l-53 -45v48h-16c-26 0 -48 16 -48 41v129c0 25 20 45 46 45h2v-101c0 -33 29 -59 64 -59h117c10 0 14 -3 17 -5zM353 400c35 0 63 -27 63 -60v-168c0 -33 -28 -60 -63 -60h-17v-64l-75 60c-2 2 -7 4 -17 4
+h-101c-35 0 -63 27 -63 60v98v70c0 33 21 60 56 60h217z" />
+ <glyph glyph-name="ion-chatbubble-working" unicode="&#xf11d;" horiz-adv-x="416"
+d="M208 -1c-115 0 -208 89 -208 200s93 201 208 201s208 -90 208 -201c0 -40 -12 -77 -33 -108c-1 -1 -2 -3 -3 -4v0c-2 -4 -4 -10 -4 -15l22 -88l-84 31c-4 2 -8 2 -12 2s-7 -1 -11 -2v0c-1 0 -1 -1 -2 -1c-25 -10 -52 -15 -81 -15zM304 224c-18 0 -32 -14 -32 -32
+s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM208 224c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM112 224c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32z" />
+ <glyph glyph-name="ion-chatbubble" unicode="&#xf11e;" horiz-adv-x="416"
+d="M208 -1c-115 0 -208 89 -208 200s93 201 208 201s208 -90 208 -201c0 -40 -12 -77 -33 -108c-1 -1 -2 -3 -3 -4v0c-2 -4 -4 -10 -4 -15l22 -88l-84 31c-4 2 -8 2 -12 2s-7 -1 -11 -2v0c-1 0 -1 -1 -2 -1c-25 -10 -52 -15 -81 -15z" />
+ <glyph glyph-name="ion-chatbubbles" unicode="&#xf11f;" horiz-adv-x="416"
+d="M25 57c-1 1 0 2 -1 3c-15 22 -24 49 -24 77c0 42 19 80 49 106c-2 -11 -4 -22 -4 -34c0 -92 78 -168 174 -168c15 0 30 2 44 6c-27 -32 -69 -53 -115 -53c-20 0 -40 5 -58 12h-1v0c-2 1 -5 2 -8 2s-6 -1 -9 -2l-56 -22l12 63c0 4 -1 7 -3 10v0zM242 400
+c96 0 174 -76 174 -168c0 -33 -11 -64 -28 -90c-1 -1 -1 -2 -2 -3v0c-2 -4 -3 -8 -3 -12l17 -74l-69 26c-3 1 -6 2 -10 2c-3 0 -6 -1 -9 -2v0l-2 -1c-8 -3 -16 -5 -24 -7c-14 -4 -29 -6 -44 -6c-96 0 -173 75 -173 167c0 12 1 24 3 35c16 76 86 133 170 133z" />
+ <glyph glyph-name="ion-checkmark-circled" unicode="&#xf120;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM339 267c1 1 1 2 1 3s0 3 -1 4l-31 24c-1 1 -3 1 -4 1s-2 0 -3 -1l-111 -143s-44 42 -45 43s-4 3 -6 3s-3 -2 -4 -3l-25 -25l-1 -1c-1 -1 -1 -3 -1 -4s0 -2 1 -3l2 -1
+s78 -75 79 -76s3 -3 5 -3s4 2 5 3z" />
+ <glyph glyph-name="ion-checkmark-round" unicode="&#xf121;" horiz-adv-x="416"
+d="M400 376c17 -13 22 -39 9 -57l-207 -302c-13 -18 -37 -22 -54 -9s-137 147 -137 147c-15 16 -15 42 1 58s40 15 55 -2l99 -107l180 263c13 18 37 22 54 9z" />
+ <glyph glyph-name="ion-checkmark" unicode="&#xf122;" horiz-adv-x="416"
+d="M414 338c1 -2 2 -4 2 -6s-1 -4 -2 -6l-249 -320c-2 -2 -5 -6 -9 -6s-8 3 -10 5s-141 136 -141 136l-3 3c-1 2 -2 4 -2 6s1 3 2 5l2 2c14 15 42 44 44 46s4 6 8 6s8 -4 10 -6s80 -78 80 -78l200 257c2 2 4 2 6 2s5 -1 7 -2z" />
+ <glyph glyph-name="ion-chevron-down" unicode="&#xf123;"
+d="M224 150v0v0l174 167c4 4 12 4 16 0l31 -30c4 -4 4 -12 0 -16l-213 -204c-2 -2 -5 -3 -8 -3s-6 1 -8 3l-213 204c-4 4 -4 12 0 16l31 30c4 4 12 4 16 0z" />
+ <glyph glyph-name="ion-chevron-left" unicode="&#xf124;" horiz-adv-x="256"
+d="M86 192l167 -174c4 -4 4 -12 0 -16l-30 -31c-4 -4 -12 -4 -16 0l-204 213c-2 2 -3 5 -3 8s1 6 3 8l204 213c4 4 12 3 16 -1l30 -30c4 -4 4 -12 0 -16l-167 -174v0v0z" />
+ <glyph glyph-name="ion-chevron-right" unicode="&#xf125;" horiz-adv-x="256"
+d="M170 192v0v0l-167 174c-4 4 -4 12 0 16l30 30c4 4 12 5 16 1l204 -213c2 -2 3 -5 3 -8s-1 -6 -3 -8l-204 -213c-4 -4 -12 -4 -16 0l-30 31c-4 4 -4 12 0 16z" />
+ <glyph glyph-name="ion-chevron-up" unicode="&#xf126;"
+d="M224 234l-174 -167c-4 -4 -12 -4 -16 0l-31 30c-4 4 -4 12 0 16l213 204c2 2 5 3 8 3s6 -1 8 -3l213 -204c4 -4 4 -12 0 -16l-31 -30c-4 -4 -12 -4 -16 0l-174 167v0v0z" />
+ <glyph glyph-name="ion-clipboard" unicode="&#xf127;" horiz-adv-x="352"
+d="M80 288c2 20 10 35 28 40l1 1c12 3 21 7 21 20v21c0 26 21 46 46 46s46 -20 46 -46v-21c0 -13 9 -18 21 -21h2c18 -5 25 -20 27 -40h-192zM176 384c-8 0 -13 -6 -13 -14s5 -14 13 -14s14 6 14 14s-6 14 -14 14zM325 384c15 0 27 -12 27 -28v-360c0 -16 -12 -28 -27 -28
+h-149h-148c-15 0 -28 12 -28 28v360c0 16 13 28 28 28h73v-13c0 -11 -9 -19 -19 -19h-37c-7 0 -12 -6 -12 -13v-327c0 -6 5 -12 11 -12h265c6 0 11 6 11 12v327c0 7 -5 13 -12 13h-37c-10 0 -20 8 -20 19v13h74zM64 224v32h112v-32h-112zM64 32v32h160v-32h-160zM64 96v32
+h129v-32h-129zM64 160v32h208v-32h-208z" />
+ <glyph glyph-name="ion-clock" unicode="&#xf26e;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c10 10 19 21 26 33l-27 16l8 14l27 -16c13 25 21 52 22 81h-32v16h32c-1 29 -9 56 -22 81l-27 -16l-8 14l27 16c-7 12 -16 23 -26 33s-21 19 -33 26l-16 -27l-14 8
+l16 27c-25 13 -52 21 -81 22v-32h-16v32c-29 -1 -56 -9 -81 -22l16 -27l-14 -8l-16 27c-12 -7 -23 -16 -33 -26s-19 -21 -26 -33l27 -16l-8 -14l-27 16c-13 -25 -21 -52 -22 -81h32v-16h-32c1 -29 9 -56 22 -81l27 16l8 -14l-27 -16c7 -12 16 -23 26 -33s21 -19 33 -26
+l16 27l14 -8l-16 -27c25 -13 52 -21 81 -22v32h16v-32c29 1 56 9 81 22l-16 27l14 8l16 -27c12 7 23 16 33 26zM368 207v-32h-117c-6 -9 -16 -15 -27 -15c-18 0 -32 14 -32 32c0 12 6 22 16 28v68h32v-68c5 -3 9 -8 12 -13h116z" />
+ <glyph glyph-name="ion-close-circled" unicode="&#xf128;"
+d="M224 415c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM332 116l-75 75l76 75c3 3 3 9 0 12l-22 21c-2 2 -4 3 -6 3s-3 -1 -5 -3l-76 -74l-76 74c-2 2 -3 3 -5 3s-4 -1 -6 -3l-21 -21c-3 -3 -3 -9 0 -12l76 -75l-76 -76
+c-2 -1 -2 -3 -2 -5s0 -4 2 -6l21 -22c2 -2 4 -2 6 -2s4 0 6 2l75 76l76 -75c2 -2 3 -3 5 -3s4 1 6 3l21 21c2 1 3 4 3 6s-1 4 -3 6z" />
+ <glyph glyph-name="ion-close-round" unicode="&#xf129;" horiz-adv-x="384"
+d="M374 61c14 -14 14 -37 0 -51s-37 -14 -51 0l-131 131l-131 -131c-14 -14 -36 -14 -50 0s-14 37 0 51l130 131l-130 131c-14 14 -14 37 0 51s36 14 50 0l131 -131l131 131c14 14 37 14 51 0s14 -37 0 -51l-131 -131z" />
+ <glyph glyph-name="ion-close" unicode="&#xf12a;" horiz-adv-x="384"
+d="M380 61c3 -3 4 -6 4 -10s-1 -7 -4 -10l-38 -37c-3 -3 -5 -4 -9 -4s-7 1 -10 4l-131 131l-131 -131c-3 -3 -5 -4 -9 -4s-7 1 -10 4l-38 37c-3 3 -4 6 -4 10s1 7 4 10l132 131l-132 130c-5 5 -5 15 0 20l37 38c3 2 6 4 10 4s7 -1 10 -4l131 -130l131 130c3 2 6 4 10 4
+s7 -1 10 -4l37 -38c5 -5 5 -14 0 -19l-132 -130z" />
+ <glyph glyph-name="ion-closed-captioning" unicode="&#xf317;" horiz-adv-x="512"
+d="M0 384h512v-384h-512v384zM464 192c0 27 0 44 -4 80s-23 56 -59 60s-91 4 -138 4h-7h-7c-47 0 -102 0 -138 -4s-55 -24 -59 -60s-4 -53 -4 -80s2 -47 4 -80s19 -56 59 -60s96 -4 145 -4s105 0 145 4s57 27 59 60s4 53 4 80zM372 164v4h53c0 -27 -7 -48 -19 -62
+s-32 -21 -61 -21c-14 0 -26 2 -36 5s-18 9 -25 17s-12 19 -15 33s-5 30 -5 51s3 39 7 53s9 25 17 33s17 14 27 17s22 5 34 5c25 0 44 -7 57 -21s19 -37 19 -62h-52v1c0 20 -12 33 -27 33s-25 -11 -28 -30c0 0 -2 -11 -2 -29s2 -28 2 -28c1 -17 12 -29 27 -29s27 10 27 29v1z
+M195 164v4h53c0 -27 -7 -48 -19 -62s-32 -21 -61 -21c-14 0 -26 2 -36 5s-18 9 -25 17s-12 19 -15 33s-5 30 -5 51s3 39 7 53s9 25 17 33s17 14 27 17s22 5 34 5c25 0 44 -7 57 -21s19 -37 19 -62h-52v1c0 20 -12 33 -27 33s-25 -11 -28 -30c0 0 -2 -11 -2 -29s2 -28 2 -28
+c1 -17 12 -29 27 -29s27 10 27 29v1z" />
+ <glyph glyph-name="ion-cloud" unicode="&#xf12b;"
+d="M366 215c45 0 82 -38 82 -84s-37 -83 -82 -83v0h-276c-49 0 -90 41 -90 91c0 40 26 74 61 86c5 29 29 51 59 51c10 0 18 -3 26 -7c19 40 59 67 105 67c64 0 115 -53 115 -118v-3z" />
+ <glyph glyph-name="ion-code-download" unicode="&#xf26f;"
+d="M299 164l-63 -63v0l-1 -1v0l-2 -1v0l-1 -1v0l-2 -1v0h-1v0h-1c-1 0 -3 -1 -4 -1s-3 1 -4 1h-1v0h-1v0l-2 1v0l-1 1v0c-1 1 -2 1 -3 2v0l-63 63c-6 6 -6 17 0 23s18 6 24 0l35 -34v118c0 9 7 17 16 17s16 -8 16 -17v-118l35 34c6 6 18 6 24 0s6 -17 0 -23zM136 56
+c-6 0 -12 2 -17 7l-112 112c-9 9 -9 25 0 34l112 112c9 9 25 9 34 0s9 -25 0 -34l-95 -95l95 -95c9 -9 9 -25 0 -34c-5 -5 -11 -7 -17 -7zM312 56c-6 0 -12 2 -17 7c-9 9 -9 25 0 34l95 95l-95 95c-9 9 -9 25 0 34s25 9 34 0l112 -112c9 -9 9 -25 0 -34l-112 -112
+c-5 -5 -11 -7 -17 -7z" />
+ <glyph glyph-name="ion-code-working" unicode="&#xf270;"
+d="M128 192c0 16 8 24 24 24s24 -8 24 -24s-8 -24 -24 -24s-24 8 -24 24zM200 192c0 16 8 24 24 24s24 -8 24 -24s-8 -24 -24 -24s-24 8 -24 24zM272 192c0 16 8 24 24 24s24 -8 24 -24s-8 -24 -24 -24s-24 8 -24 24zM136 56c-7 0 -12 2 -17 7l-112 112c-5 5 -7 10 -7 17
+s2 12 7 17l112 112c5 5 10 7 17 7s12 -2 17 -7s7 -10 7 -17s-2 -12 -7 -17l-95 -95l95 -95c5 -5 7 -10 7 -17s-2 -12 -7 -17s-10 -7 -17 -7zM312 56c-7 0 -12 2 -17 7s-7 10 -7 17s2 12 7 17l95 95l-95 95c-5 5 -7 10 -7 17s2 12 7 17s10 7 17 7s12 -2 17 -7l112 -112
+c5 -5 7 -10 7 -17s-2 -12 -7 -17l-112 -112c-5 -5 -10 -7 -17 -7z" />
+ <glyph glyph-name="ion-code" unicode="&#xf271;"
+d="M136 56c-6 0 -12 2 -17 7l-112 112c-9 9 -9 25 0 34l112 112c9 9 25 9 34 0s9 -25 0 -34l-95 -95l95 -95c9 -9 9 -25 0 -34c-5 -5 -11 -7 -17 -7zM312 56c-6 0 -12 2 -17 7c-9 9 -9 25 0 34l95 95l-95 95c-9 9 -9 25 0 34s25 9 34 0l112 -112c9 -9 9 -25 0 -34l-112 -112
+c-5 -5 -11 -7 -17 -7z" />
+ <glyph glyph-name="ion-coffee" unicode="&#xf272;" horiz-adv-x="384"
+d="M319 191c37 -7 65 -40 65 -79c0 -20 -8 -39 -21 -54c-15 -17 -37 -26 -61 -26c-8 0 -17 1 -25 3c-6 1 -10 3 -15 5c-11 -15 -23 -25 -32 -33v0c-5 -5 -12 -7 -19 -7h-102c-7 0 -14 2 -19 7v0c-17 15 -41 36 -62 86s-28 91 -28 111s3 20 16 20h101c-5 17 -37 19 -37 46
+c0 17 15 32 28 37c-2 -8 -3 -14 -3 -21c0 -19 39 -30 39 -53c0 -3 0 -6 -1 -9h56c1 5 2 10 2 14c0 36 -56 36 -56 84c0 28 21 55 47 62c-4 -14 -9 -23 -9 -35c0 -32 57 -50 57 -88c0 -13 -5 -25 -12 -37h76c13 0 16 0 16 -20c0 -4 0 -8 -1 -13zM302 64c33 0 50 25 50 48
+s-17 43 -39 47c-4 -19 -11 -42 -21 -66c-4 -9 -8 -17 -12 -25c6 -3 13 -4 22 -4z" />
+ <glyph glyph-name="ion-compass" unicode="&#xf273;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224c0 39 10 76 27 108c-16 12 -27 30 -27 52c0 35 29 64 64 64c22 0 40 -11 52 -27c32 17 69 27 108 27zM32 352c0 -10 5 -20 13 -26c13 17 28 32 45 45c-6 8 -16 13 -26 13c-18 0 -32 -14 -32 -32z
+M360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136s85 -56 136 -56s100 20 136 56zM320 320c0 0 -54 -130 -72 -152s-120 -104 -120 -104s54 132 72 152s120 104 120 104z" />
+ <glyph glyph-name="ion-compose" unicode="&#xf12c;" horiz-adv-x="384"
+d="M379 348c7 -7 7 -18 0 -25l-32 -31l-55 55l31 32c7 7 18 7 25 0zM282 338l55 -55l-177 -173l-64 -14l14 64zM320 192l32 32v-201c0 -13 -10 -23 -23 -23h-306c-13 0 -23 10 -23 23v306c0 13 10 23 23 23h201l-32 -32h-149c-6 0 -11 -5 -11 -10v-268s4 -10 10 -10h269
+s9 5 9 10v150z" />
+ <glyph glyph-name="ion-connection-bars" unicode="&#xf274;" horiz-adv-x="352"
+d="M0 32v64h64v-64h-64zM96 32v128h64v-128h-64zM192 32v224h64v-224h-64zM288 32v320h64v-320h-64z" />
+ <glyph glyph-name="ion-contrast" unicode="&#xf275;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56v-384c51 0 100 20 136 56z" />
+ <glyph glyph-name="ion-crop" unicode="&#xf3c1;"
+d="M320 -32v48h64v-48h-64zM384 96h64v-64h-384v256h-64v64h64v64h64v-320h192v192h-176v64h240v-256z" />
+ <glyph glyph-name="ion-cube" unicode="&#xf318;"
+d="M435 280c7 0 13 -6 13 -12v-183c0 -9 -6 -17 -14 -22v-1l-175 -92v-1c-2 -1 -4 -1 -6 -1c-7 0 -13 6 -13 12v185c0 9 5 17 13 22v0l3 2l172 89l2 1c2 1 3 1 5 1zM422 329c0 0 8 -3 8 -9c0 -7 -8 -11 -8 -11l-183 -97l-2 -1c-4 -2 -8 -3 -13 -3s-9 1 -13 3l-2 1l-183 96
+s-8 5 -8 12c0 6 8 9 8 9l181 82s11 5 17 5s17 -5 17 -5zM195 187c8 -5 13 -13 13 -22v-185c0 -6 -6 -12 -13 -12c-2 0 -4 1 -6 2v0l-175 92v1c-8 5 -14 13 -14 22v183c0 6 6 12 13 12c2 0 4 0 5 -1l2 -1l171 -89z" />
+ <glyph glyph-name="ion-disc" unicode="&#xf12d;"
+d="M224 289c54 0 97 -43 97 -97s-43 -97 -97 -97s-97 43 -97 97s43 97 97 97zM224 148c24 0 44 20 44 44s-20 44 -44 44s-44 -20 -44 -44s20 -44 44 -44zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM224 69
+c68 0 123 55 123 123s-55 123 -123 123s-123 -55 -123 -123s55 -123 123 -123z" />
+ <glyph glyph-name="ion-document-text" unicode="&#xf12e;" horiz-adv-x="288"
+d="M286 279c1 -3 2 -6 2 -10v-245c0 -13 -10 -24 -22 -24h-243c-12 0 -23 11 -23 24v336c0 13 11 24 23 24h160c3 0 6 0 9 -2c2 -1 5 -3 7 -5l84 -92c2 -2 2 -4 3 -6zM48 269v-10c0 -1 1 -3 3 -3h71c2 0 3 2 3 3v10c0 2 -1 3 -3 3h-71c-2 0 -3 -1 -3 -3zM48 141v-10
+c0 -1 1 -3 3 -3h123c2 0 2 2 2 3v10c0 2 0 3 -2 3h-123c-2 0 -3 -1 -3 -3zM208 67v10c0 2 0 3 -2 3h-155c-2 0 -3 -1 -3 -3v-10c0 -1 1 -3 3 -3h155c2 0 2 2 2 3zM240 195v10c0 2 0 3 -2 3h-187c-2 0 -3 -1 -3 -3v-10c0 -1 1 -3 3 -3h187c2 0 2 2 2 3zM193 270h60l-71 78
+v-66c0 -6 5 -12 11 -12z" />
+ <glyph glyph-name="ion-document" unicode="&#xf12f;" horiz-adv-x="288"
+d="M287 279c1 -3 1 -5 1 -9v-244c0 -13 -9 -26 -21 -26h-243c-12 0 -24 13 -24 26v335c0 13 12 23 24 23h160c3 0 6 0 9 -2c2 -1 5 -2 7 -4l83 -92c2 -2 3 -4 4 -7zM193 337v-63h58zM32 32h224v210h-67c-15 0 -28 13 -28 28v82h-129v-320z" />
+ <glyph glyph-name="ion-drag" unicode="&#xf130;" horiz-adv-x="512"
+d="M0 272v32h512v-32h-512zM0 176v32h512v-32h-512zM0 80v32h512v-32h-512z" />
+ <glyph glyph-name="ion-earth" unicode="&#xf276;"
+d="M325 322c2 -4 7 -12 3 -15c-3 -2 -10 -2 -13 5s0 11 -5 9s-7 3 -6 4c1 2 3 3 5 4c0 2 -4 8 2 7c4 -1 12 -10 14 -14zM344 277v0v0zM403 251c0 0 -2 0 0 0v0zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM141 19l8 -4
+c3 -1 6 -2 10 -3c14 -5 28 -8 43 -10c28 -3 56 -1 83 8c15 5 30 11 43 20c6 4 6 16 10 24c8 16 -2 33 12 47c12 14 4 19 4 34c0 10 8 18 4 29c-1 4 -7 -3 -9 1c-5 7 -21 1 -28 2c-13 2 -24 14 -33 23c-5 5 0 20 1 26c4 15 0 33 19 38c5 1 5 9 10 11c5 1 10 3 15 4
+c9 1 17 -2 26 -2c10 0 14 -5 22 -11c7 -6 13 -3 22 -5c7 0 0 5 -2 8c-3 2 -6 2 -8 2c-16 4 -23 22 -36 30c-6 3 -9 2 -11 0c-1 -1 1 -12 1 -12c-1 -3 -10 -4 -13 -5c-9 -2 -29 17 -15 22c4 1 27 5 24 15c-3 6 2 13 -5 14c-8 1 -7 7 -15 8c-5 1 -5 11 -5 14c0 9 2 6 9 7
+c-17 11 -37 19 -57 24c-1 -3 -5 -12 -8 -12c-5 -1 -6 0 -9 -3c-9 -10 -16 -28 -25 -7c-4 11 5 19 2 28h-6h-3c6 -12 -5 -18 -8 -19c-8 0 -10 5 -17 4c-4 -1 -7 4 -11 2s-13 -8 -14 -12c-3 -12 6 -13 14 -6c6 6 17 12 25 6c6 -5 5 -9 5 -14s-1 -18 -9 -16c-4 1 -7 6 -11 3
+c-8 -7 -18 -6 -29 -9c-10 -2 -16 -6 -25 -9c-8 -3 -11 -4 -12 -12c0 -2 0 -14 -3 -15c-5 -2 -8 22 -22 20c-12 -1 -30 -13 -25 -28c2 -5 28 -3 10 -14c-2 -1 2 -17 2 -20c1 -8 13 -18 21 -10c6 6 6 5 14 2c15 -8 33 -15 45 -27c6 -6 9 -24 17 -28c9 -5 19 -5 26 -14
+c6 -7 -2 -19 -8 -23c-4 -2 -12 -24 -16 -29c-2 -4 -12 -6 -16 -7c-3 0 -7 -9 -9 -11c-7 -7 -8 -13 -17 -19c-18 -12 -22 -23 -18 -44c2 -8 5 -13 11 -16zM100 46l2 -2c7 -6 15 -11 23 -16c-21 21 -23 49 -21 78l3 24c1 3 -4 7 -4 11c0 10 0 5 -8 13c-4 4 -10 11 -12 17
+c-7 16 1 30 10 43c9 14 -7 20 -10 32c-1 6 -7 6 -6 12c1 7 -4 5 -9 9c-12 8 -1 20 -7 26c-43 -70 -36 -162 16 -224c1 -1 0 -1 1 -2h1c3 -4 6 -8 9 -11s7 -6 10 -9z" />
+ <glyph glyph-name="ion-easel" unicode="&#xf3c2;"
+d="M48 112v192h352v-192h-352zM432 352c9 0 16 -7 16 -16v-256c0 -9 -7 -16 -16 -16h-416c-9 0 -16 7 -16 16v256c0 9 7 16 16 16h416zM416 96v224h-384v-224h384zM48 -32l29 80h31l-28 -80h-32zM239 416l17 -48h-64l17 48h30zM340 48h31l29 -80h-32zM208 0v48h32v-48h-32z
+" />
+ <glyph glyph-name="ion-edit" unicode="&#xf2bf;"
+d="M381 259l-250 -251l-91 91l251 250zM440 360c12 -12 11 -32 -2 -45l-45 -45l-91 91l45 45c13 13 33 14 45 2zM32 85l85 -85l-117 -32z" />
+ <glyph glyph-name="ion-egg" unicode="&#xf277;" horiz-adv-x="320"
+d="M160 416c64 0 160 -133 160 -257s-64 -191 -160 -191s-160 67 -160 191s96 257 160 257z" />
+ <glyph glyph-name="ion-eject" unicode="&#xf131;" horiz-adv-x="320"
+d="M303 128h-286v0c-10 0 -17 7 -17 16c0 3 1 5 3 8l138 191c5 5 11 9 19 9s14 -4 19 -9l138 -190c2 -3 3 -6 3 -9c0 -9 -7 -16 -17 -16v0zM308 96c7 0 12 -5 12 -12v-40c0 -7 -5 -12 -12 -12h-296c-7 0 -12 5 -12 12v40c0 7 5 12 12 12h296z" />
+ <glyph glyph-name="ion-email-unread" unicode="&#xf3c3;" horiz-adv-x="480"
+d="M352 288c0 43 21 64 64 64s64 -21 64 -64s-21 -64 -64 -64s-64 21 -64 64zM209 288h127c0 -17 5 -33 15 -47c-6 -3 -14 -8 -22 -12s-16 -8 -23 -12s-14 -8 -22 -12s-15 -8 -21 -11s-11 -6 -16 -9s-9 -5 -12 -7s-4 -3 -5 -3c-6 -3 -13 -4 -21 -4s-15 1 -21 4
+c-1 1 -15 8 -42 23s-54 29 -81 44s-43 23 -46 25c-7 4 -12 8 -13 11c-1 4 -1 6 1 8s6 2 11 2h191zM277 175c18 11 45 30 83 56c16 -15 34 -23 56 -23v-155c0 -2 -1 -4 -2 -7s-3 -5 -5 -7s-4 -4 -7 -5s-6 -2 -8 -2h-185h-185c-5 0 -11 2 -16 7s-8 9 -8 14v205c0 6 3 8 9 5
+c2 -1 11 -7 26 -17s32 -22 53 -36s39 -26 53 -35l-83 -93c-2 -2 -2 -4 -1 -5c2 -1 4 -1 6 1l98 83c16 -10 25 -16 27 -17c6 -3 13 -4 21 -4s15 1 21 4c2 1 11 7 27 17l98 -83c2 -2 5 -2 6 -1s0 3 -2 5z" />
+ <glyph glyph-name="ion-email" unicode="&#xf132;" horiz-adv-x="416"
+d="M19 299c-4 2 -11 7 -13 11c-3 8 1 10 12 10h191h191c11 0 15 -2 12 -10c-2 -4 -9 -9 -13 -11c-11 -6 -163 -89 -169 -92s-12 -4 -21 -4s-15 1 -21 4s-158 86 -169 92zM408 295c9 4 8 -1 8 -5v-205c0 -9 -12 -21 -22 -21h-185h-185c-10 0 -24 12 -24 21v205s0 9 9 5
+c8 -4 83 -56 132 -88l-83 -93c-2 -2 -2 -4 -1 -5s4 -1 6 1l98 83c15 -10 25 -16 27 -17c8 -4 14 -4 21 -4s13 0 21 4c2 1 12 7 27 17l98 -83c2 -2 5 -2 6 -1s0 3 -2 5l-82 93c49 32 123 84 131 88z" />
+ <glyph glyph-name="ion-erlenmeyer-flask-bubbles" unicode="&#xf3c4;" horiz-adv-x="384"
+d="M382 21c2 -4 3 -10 0 -14s-8 -7 -13 -7h-177h-178c-5 0 -9 3 -12 7s-2 10 0 14l118 199v150c0 8 6 14 14 14s15 -6 15 -14v-80c4 3 10 5 16 5c15 0 27 -12 27 -27s-12 -26 -27 -26c-6 0 -12 2 -16 5v-31c0 -2 -1 -4 -2 -6l-35 -59h72c-15 6 -26 20 -26 37
+c0 23 19 42 43 42c15 0 27 -8 35 -19c-1 2 -1 3 -1 5v154c0 8 6 14 14 14s15 -6 15 -14v-150zM218 151h53l-31 54c2 -5 3 -11 3 -17c0 -17 -10 -31 -25 -37zM201 319c-12 0 -22 9 -22 21s10 21 22 21s22 -9 22 -21s-10 -21 -22 -21z" />
+ <glyph glyph-name="ion-erlenmeyer-flask" unicode="&#xf3c5;" horiz-adv-x="384"
+d="M375 52c6 -9 9 -20 9 -32c0 -28 -16 -52 -63 -52h-258c-47 0 -63 24 -63 52c0 12 3 23 9 32l49 73l49 77c13 20 21 44 21 70v92s-14 34 -16 43c-2 8 1 9 17 9h126c16 0 18 -1 16 -9c-2 -9 -15 -22 -15 -42v-93c0 -26 6 -50 19 -70zM345 7c3 3 7 8 7 14c0 5 -2 10 -4 14
+l-101 150c-16 26 -23 56 -23 87v112h-64v-112c0 -32 -9 -62 -25 -87l-99 -150c-2 -4 -4 -9 -4 -14c0 -6 3 -11 6 -14c4 -4 12 -7 25 -7h258c13 0 20 3 24 7zM325 37c1 -2 3 -6 3 -8c0 -7 -6 -15 -14 -15h-244c-7 0 -14 6 -14 14c0 3 1 6 3 8l81 124h103l82 -124v1zM238 106
+c2 -1 4 -2 6 -2s3 0 5 2c1 2 3 4 3 6s-1 4 -3 6c-1 2 -3 2 -5 2s-4 0 -6 -2c-1 -2 -2 -4 -2 -6s0 -4 2 -6zM285 47c4 2 4 7 2 11l-23 36c-1 2 -4 4 -7 4c-2 0 -3 0 -4 -1c-4 -2 -4 -7 -2 -11l23 -36c1 -2 5 -4 7 -4c1 0 3 0 4 1z" />
+ <glyph glyph-name="ion-eye-disabled" unicode="&#xf306;"
+d="M344 290c41 -27 76 -66 104 -100c-51 -54 -124 -135 -224 -135c-36 0 -65 8 -92 22l-77 -77l-23 23l71 71c-36 25 -68 61 -103 98c78 85 142 137 224 137c34 0 64 -9 92 -23l77 78l23 -23zM134 192c0 -19 6 -36 16 -51l27 27c-4 7 -5 15 -5 24c0 29 23 53 52 53h8
+c-5 -6 -8 -13 -8 -21c0 -3 0 -5 1 -8l51 50c-15 11 -33 17 -52 17c-49 0 -90 -41 -90 -91zM224 101c49 0 90 41 90 91c0 19 -6 37 -16 52l-50 -51c3 -1 5 -1 8 -1c8 0 14 3 20 7v-7c0 -29 -23 -53 -52 -53c-9 0 -17 2 -24 6l-28 -27c15 -11 33 -17 52 -17z" />
+ <glyph glyph-name="ion-eye" unicode="&#xf133;"
+d="M224 320c99 0 172 -70 224 -129c-51 -50 -124 -127 -224 -127s-157 60 -224 128c78 79 142 128 224 128zM224 101c49 0 90 41 90 91s-41 91 -90 91s-90 -41 -90 -91s41 -91 90 -91zM224 224c0 -18 14 -32 32 -32c8 0 14 3 20 7v-7c0 -29 -23 -53 -52 -53s-52 24 -52 53
+s23 53 52 53h8c-5 -6 -8 -13 -8 -21z" />
+ <glyph glyph-name="ion-female" unicode="&#xf278;" horiz-adv-x="256"
+d="M160 164v-68h64v-64h-64v-64h-64v64h-64v64h64v68c-55 14 -96 64 -96 124c0 71 57 128 128 128s128 -57 128 -128c0 -60 -41 -110 -96 -124zM128 208c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80z" />
+ <glyph glyph-name="ion-filing" unicode="&#xf134;" horiz-adv-x="384"
+d="M317 319c12 0 19 0 19 -20v-28h-288v28c0 20 8 20 20 20h249zM269 352c13 0 19 -1 19 -19h-192c0 18 7 19 20 19h153zM368 278c13 -8 17 -17 15 -41l-17 -184c-4 -21 -16 -21 -24 -21h-300c-8 0 -20 0 -24 21l-17 185c-3 26 1 31 15 40l15 10v-32h321v32z" />
+ <glyph glyph-name="ion-film-marker" unicode="&#xf135;" horiz-adv-x="416"
+d="M400 240c9 0 16 -7 16 -15v-210c0 -8 -7 -15 -16 -15h-384c-9 0 -16 7 -16 15v210c0 8 6 14 13 15c-2 2 -3 4 -4 7l-9 45c-2 8 5 16 13 18l370 74c8 2 16 -4 18 -12l9 -46c2 -8 -4 -16 -12 -18l-342 -68h344zM257 46l-20 58l51 36h-62l-20 58l-19 -58h-63l51 -36l-19 -58
+l50 36z" />
+ <glyph glyph-name="ion-fireball" unicode="&#xf319;" horiz-adv-x="320"
+d="M297 210c14 -24 23 -52 23 -82c0 -33 -10 -63 -26 -88v0v0c-29 -43 -78 -72 -134 -72c-17 0 -32 1 -46 7s-25 13 -33 25c-11 16 -17 28 -21 52c-6 -25 2 -48 9 -60c-43 26 -69 71 -69 125v4c5 78 65 109 90 151c8 14 13 30 10 48c11 -9 15 -25 15 -39
+c0 -16 -3 -29 -3 -29c4 8 7 18 9 31c6 35 2 85 -37 132l-1 1s7 0 18 -3c95 -16 169 -91 184 -186c2 -12 3 -23 3 -35c0 -16 -2 -32 -5 -47c10 23 13 43 14 55v10z" />
+ <glyph glyph-name="ion-flag" unicode="&#xf279;" horiz-adv-x="384"
+d="M362 266c0 0 12 2 22 6c0 -16 -7 -32 -9 -36c-28 -50 -99 -123 -181 -84c-65 31 -92 30 -117 24c-1 0 -2 -1 -3 -1c-3 -1 -15 -5 -26 -1v197c0 16 14 31 33 35c39 7 106 5 148 -74c39 -74 97 -72 133 -66zM24 416c4 0 8 -4 8 -8v-432c0 -4 -4 -8 -8 -8h-16
+c-4 0 -8 4 -8 8v432c0 4 4 8 8 8h16z" />
+ <glyph glyph-name="ion-flame" unicode="&#xf31a;" horiz-adv-x="256"
+d="M1 128c-11 109 72 224 159 288c-26 -145 97 -142 96 -288c-1 -120 -105 -160 -128 -160s-114 26 -127 160zM88 80c0 -44 40 -80 40 -80s41 36 41 80s-41 80 -41 80s-40 -36 -40 -80z" />
+ <glyph glyph-name="ion-flash-off" unicode="&#xf136;"
+d="M115 -4c-69 38 -115 112 -115 196c0 124 100 224 224 224c24 0 47 -4 68 -11c2 -1 3 -1 5 -2c12 -4 24 -9 35 -15v0c69 -38 116 -112 116 -196c0 -124 -100 -224 -224 -224c-24 0 -47 4 -68 11c-2 1 -3 1 -5 2c-12 4 -24 8 -35 14zM86 291c-20 -28 -32 -62 -32 -99
+c0 -65 36 -121 90 -150c6 -3 13 -7 19 -9c2 -1 3 -1 5 -2c9 -3 19 -5 29 -7c9 -2 18 -2 27 -2c37 0 71 12 99 32l-52 53l36 40l55 -54c20 28 32 62 32 99c0 66 -37 123 -91 151c-6 3 -12 6 -18 8c-2 1 -3 1 -5 2c-9 3 -19 5 -29 7c-9 2 -18 2 -27 2c-37 0 -72 -12 -100 -32
+l53 -52l-36 -41zM178 58l38 113h-85l139 155l-38 -113h85z" />
+ <glyph glyph-name="ion-flash" unicode="&#xf137;" horiz-adv-x="320"
+d="M0 160l224 256l-51 -192h147l-224 -256l51 192h-147z" />
+ <glyph glyph-name="ion-folder" unicode="&#xf139;" horiz-adv-x="384"
+d="M366 256c18 0 19 -7 18 -18l-12 -186c-1 -11 -3 -20 -21 -20h-317c-18 0 -20 9 -21 20l-13 184c-1 11 0 20 18 20h348zM362 305l2 -33h-344c0 6 4 46 6 63c2 18 8 17 25 17h75c28 0 23 0 37 -15c16 -18 19 -17 41 -17h143c11 0 15 -3 15 -15z" />
+ <glyph glyph-name="ion-fork-repo" unicode="&#xf2c0;" horiz-adv-x="320"
+d="M320 368v-64h-48v-48h-64v48h-48v64h48v48h64v-48h48zM208 208h64v-5v0c0 -43 -7 -70 -38 -95c-23 -19 -51 -20 -75 -22c-9 -1 -18 -2 -26 -3c-6 -1 -13 -5 -20 -10c9 -11 15 -25 15 -41c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v210c-19 11 -32 31 -32 55
+c0 35 29 64 64 64s64 -29 64 -64c0 -24 -13 -44 -32 -55v-160c8 4 18 7 27 9c11 2 21 2 31 3c17 1 33 3 40 9c10 8 14 11 14 50zM64 384c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM64 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32
+s14 -32 32 -32z" />
+ <glyph glyph-name="ion-fork" unicode="&#xf27a;" horiz-adv-x="128"
+d="M78 299v0v0v0zM128 282c0 -26 -15 -48 -37 -58c-12 -6 -11 -11 -11 -11s16 -200 16 -213s-3 -18 -9 -24s-15 -8 -23 -8v0v0c-8 0 -16 2 -22 8s-10 13 -10 24s16 213 16 213s0 6 -11 11c-22 10 -37 32 -37 58c0 43 15 93 24 134h8v-117c0 -6 3 -11 9 -11s9 4 10 10v1
+l9 117h8l10 -117v-1c1 -6 3 -10 9 -10s9 5 9 11v117h8v0c9 -40 24 -91 24 -134z" />
+ <glyph glyph-name="ion-forward" unicode="&#xf13a;" horiz-adv-x="384"
+d="M224 150c-102 0 -171 -9 -224 -102c0 0 37 208 224 208v80l160 -144l-160 -134v92z" />
+ <glyph glyph-name="ion-funnel" unicode="&#xf31b;"
+d="M224 416c124 0 224 -36 224 -80c0 -8 -3 -15 -9 -22v0c-35 -43 -151 -179 -151 -218v-4v-83v0c0 -23 -29 -41 -64 -41s-64 18 -64 41v0v87c0 39 -117 177 -149 216v0c-7 8 -11 16 -11 24c0 44 100 80 224 80zM224 288c92 0 176 22 176 48s-83 48 -176 48
+s-176 -22 -176 -48s84 -48 176 -48z" />
+ <glyph glyph-name="ion-gear-a" unicode="&#xf13d;" horiz-adv-x="384"
+d="M347 192c0 -24 15 -43 37 -56c-4 -13 -10 -26 -16 -38c-25 6 -45 -3 -62 -20s-22 -37 -16 -62c-12 -6 -25 -12 -38 -16c-13 22 -36 37 -60 37s-47 -15 -60 -37c-13 4 -27 10 -39 16c6 25 2 45 -15 62s-37 21 -62 15c-6 12 -12 26 -16 39c22 13 37 36 37 60s-15 43 -37 56
+c4 13 9 26 16 38c25 -6 45 3 62 20s21 37 15 62c12 6 26 12 39 16c13 -22 36 -37 60 -37s47 15 60 37c13 -4 27 -10 39 -16c-6 -25 -2 -45 15 -62s37 -26 62 -20c6 -12 12 -25 16 -38c-22 -13 -37 -32 -37 -56zM192 94c54 0 98 44 98 98s-44 98 -98 98s-98 -44 -98 -98
+s44 -98 98 -98z" />
+ <glyph glyph-name="ion-gear-b" unicode="&#xf13e;" horiz-adv-x="384"
+d="M384 154h-44c-4 -14 -10 -27 -17 -39l32 -32l-54 -54l-33 32c-12 -7 -24 -11 -38 -15v-46h-76v46c-13 4 -26 8 -38 15l-33 -32l-54 54l32 32c-7 12 -13 25 -17 39h-44v76h43c4 14 9 29 16 41l-30 30l54 54l29 -29c13 8 27 13 42 17v41h76v-41c15 -4 29 -9 42 -17l29 29
+l54 -54l-30 -30c7 -12 13 -27 16 -41h43v-76zM192 138c30 0 54 24 54 54s-24 54 -54 54s-54 -24 -54 -54s24 -54 54 -54z" />
+ <glyph glyph-name="ion-grid" unicode="&#xf13f;" horiz-adv-x="320"
+d="M64 295c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM192 295c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM320 295c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM64 167
+c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM192 167c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM320 167c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM64 39
+c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM192 39c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM320 39c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50z" />
+ <glyph glyph-name="ion-hammer" unicode="&#xf27b;" horiz-adv-x="320"
+d="M314 416c3 0 6 -3 6 -6v-84c0 -3 -3 -6 -6 -6h-52c-3 0 -6 3 -6 6v14c-6 5 -16 9 -22 7c-7 -2 -23 -13 -30 -25s-6 -28 -6 -66l8 -2c5 -1 7 -6 7 -9v-70c0 -95 11 -201 11 -201c0 -3 -3 -6 -6 -6h-84c-3 0 -6 3 -6 6c0 0 11 106 11 201v70c0 3 3 8 7 9l7 2
+c0 43 -5 58 -22 74c-18 16 -41 19 -63 17s-51 -35 -58 -45s-10 2 -10 11c1 16 22 60 72 81s91 22 102 22s27 -1 38 -3s16 -18 26 -18c7 0 14 5 18 9v6c0 3 3 6 6 6h52z" />
+ <glyph glyph-name="ion-happy-outline" unicode="&#xf3c6;"
+d="M355 158c8 -4 11 -13 7 -21c-24 -46 -78 -73 -138 -73c-62 0 -118 29 -139 74c-4 8 0 17 8 21c2 1 5 1 7 1c6 0 11 -3 14 -9c16 -34 60 -55 110 -55c49 0 92 21 110 56c3 5 8 8 14 8c3 0 5 -1 7 -2zM381 217c5 -7 4 -17 -4 -22c-3 -2 -6 -3 -10 -3c-5 0 -11 2 -14 6
+s-7 10 -17 10s-14 -6 -17 -10s-9 -6 -14 -6c-4 0 -7 1 -10 3c-8 6 -9 15 -3 22c11 14 23 23 44 23s35 -9 45 -23zM157 217c5 -7 4 -17 -4 -22c-3 -2 -6 -3 -10 -3c-5 0 -11 2 -14 6s-7 10 -17 10s-14 -6 -17 -10s-9 -6 -14 -6c-4 0 -7 1 -10 3c-8 6 -9 15 -3 22
+c11 14 23 23 44 23s35 -9 45 -23zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136s85 -56 136 -56
+s100 20 136 56z" />
+ <glyph glyph-name="ion-happy" unicode="&#xf31c;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM71 195c3 -2 6 -3 10 -3c5 0 11 2 14 6s7 10 17 10s14 -6 17 -10s9 -6 14 -6c4 0 7 1 10 3c8 5 9 15 4 22c-10 14 -24 23 -45 23s-33 -9 -44 -23c-6 -7 -5 -16 3 -22zM362 137
+c4 8 1 17 -7 21c-2 1 -4 2 -7 2c-6 0 -11 -3 -14 -8c-18 -35 -61 -56 -110 -56c-50 0 -94 21 -110 55c-3 6 -8 9 -14 9c-2 0 -5 0 -7 -1c-8 -4 -12 -13 -8 -21c21 -45 77 -74 139 -74c60 0 114 27 138 73zM377 195c8 5 9 15 4 22c-10 14 -24 23 -45 23s-33 -9 -44 -23
+c-6 -7 -5 -16 3 -22c3 -2 6 -3 10 -3c5 0 11 2 14 6s7 10 17 10s14 -6 17 -10s9 -6 14 -6c4 0 7 1 10 3z" />
+ <glyph glyph-name="ion-headphone" unicode="&#xf140;" horiz-adv-x="384"
+d="M383 210c3 -51 -3 -130 -13 -162c-20 -67 -40 -80 -72 -80s-58 27 -58 59v106c0 33 23 59 53 59c18 0 34 -9 44 -24c0 0 11 7 13 22s4 34 -5 64s-21 19 -36 38c-2 3 -5 7 -8 10l-10 10c-2 2 -3 3 -5 4c-11 9 -21 17 -34 23c-19 9 -39 13 -60 13s-42 -4 -61 -13
+c-13 -6 -22 -14 -33 -23c-2 -1 -3 -2 -5 -4l-10 -10s-6 -7 -8 -10c-15 -19 -27 -8 -36 -38c-9 -31 -7 -49 -5 -64s13 -22 13 -22c10 15 26 24 44 24c30 0 53 -27 53 -59v-106c0 -32 -26 -59 -58 -59s-52 13 -72 80c-10 32 -16 111 -13 162c3 60 22 108 56 145v0
+c8 8 15 16 24 23s19 13 29 18c25 13 53 20 82 20s57 -7 82 -20c10 -5 19 -11 28 -18s17 -15 25 -23v0c34 -37 53 -85 56 -145z" />
+ <glyph glyph-name="ion-heart-broken" unicode="&#xf31d;" horiz-adv-x="416"
+d="M181 160c0 -36 -2 -71 4 -107c2 -10 2 -20 2 -31l-153 159c-45 47 -45 124 0 171c40 41 103 43 144 3c-2 -15 -3 -31 -3 -46c-18 -14 -40 -21 -56 -39l11 7c17 11 15 8 35 14c3 1 8 3 11 5c0 -1 -1 -5 -1 -6c1 -20 11 -39 15 -60c0 -5 1 -10 -1 -15c-8 -17 -7 -37 -8 -55
+zM274 147c8 -18 23 -29 38 -39l-104 -108l-17 18c0 13 -4 26 -4 38c-2 48 10 94 21 142v0c1 -1 2 -1 3 -1c30 -6 52 -24 63 -50zM382 352c46 -47 46 -124 0 -171l-68 -70c-28 24 -42 54 -65 81c-12 13 -26 23 -41 32c-3 13 -8 26 -11 39c-3 12 14 21 16 31c3 12 3 26 3 39
+l19 19c40 42 107 42 147 0z" />
+ <glyph glyph-name="ion-heart" unicode="&#xf141;" horiz-adv-x="416"
+d="M382 352c46 -47 46 -124 0 -171l-174 -181l-174 181c-46 47 -46 124 0 171c40 42 107 42 147 0l27 -28l28 28c40 42 106 42 146 0z" />
+ <glyph glyph-name="ion-help-buoy" unicode="&#xf27c;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM402 264c-10 24 -23 45 -42 64s-41 32 -65 42l-19 -61c14 -6 27 -15 38 -26s21 -24 27 -38zM224 96c53 0 96 43 96 96s-43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96zM88 328
+c-19 -19 -32 -41 -42 -65l61 -19c6 14 15 27 26 38s24 21 38 27l-19 61c-24 -10 -45 -23 -64 -42zM46 120c10 -24 23 -45 42 -64s41 -32 65 -42l19 61c-14 6 -27 15 -38 26s-21 24 -27 38zM360 56c19 19 32 41 42 65l-61 19c-6 -14 -15 -27 -26 -38s-24 -21 -38 -27l19 -61
+c24 10 45 23 64 42z" />
+ <glyph glyph-name="ion-help-circled" unicode="&#xf142;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM244 89c1 18 -12 31 -29 31c-16 0 -30 -11 -30 -29s12 -30 28 -30c17 0 31 10 31 28zM293 217c7 10 12 22 12 36c0 23 -9 40 -25 52c-17 13 -37 18 -62 18
+c-19 0 -34 -4 -47 -13c-19 -13 -28 -34 -28 -68h49c0 9 -1 19 4 27s13 15 26 15s19 -3 25 -11c5 -7 8 -15 8 -23c0 -7 -4 -14 -8 -20c-2 -4 -6 -7 -10 -10c0 0 -26 -15 -35 -30c-7 -11 -9 -24 -10 -41c0 -1 0 -4 4 -4h39s5 3 5 4c0 6 1 15 2 19c2 7 6 12 12 17l14 9
+c12 9 21 17 25 23z" />
+ <glyph glyph-name="ion-help" unicode="&#xf143;" horiz-adv-x="256"
+d="M217 371c25 -19 39 -46 39 -83c0 -22 -8 -42 -19 -57c-7 -9 -21 -21 -40 -36l-21 -14c-10 -8 -17 -18 -20 -28c-2 -6 -3 -19 -3 -29c0 -2 -1 -6 -7 -6h-62c-7 0 -7 3 -7 5c1 26 4 49 15 66c15 23 57 48 57 48c6 5 11 9 15 15c7 10 12 21 12 32c0 13 -3 26 -11 36
+c-10 12 -21 18 -41 18s-32 -11 -40 -24s-7 -29 -7 -43h-77c0 54 14 88 44 108c20 14 45 20 75 20c39 0 70 -7 98 -28zM114 78c27 -1 47 -20 46 -48s-22 -46 -49 -45c-26 1 -46 19 -45 47s22 47 48 46z" />
+ <glyph glyph-name="ion-home" unicode="&#xf144;" horiz-adv-x="384"
+d="M384 160h-48v-160h-96v128h-96v-128h-96v160h-48l192 224z" />
+ <glyph glyph-name="ion-icecream" unicode="&#xf27d;" horiz-adv-x="320"
+d="M32 192h256l-128 -224zM307 275c8 -5 13 -13 13 -23c0 -16 -14 -28 -30 -28h-4h-252h-4c-16 0 -30 13 -30 28c0 10 6 18 14 23c1 0 1 2 2 2c4 3 7 7 8 12v1c-2 6 -2 12 -2 18c0 42 34 76 76 76c8 0 16 -2 23 -4c-3 -12 -4 -31 -4 -31c2 15 11 29 11 29c18 23 46 38 77 38
+c53 0 96 -43 96 -96c0 -11 -2 -21 -5 -30v-1c0 -4 4 -9 8 -12c1 0 2 -2 3 -2z" />
+ <glyph glyph-name="ion-image" unicode="&#xf147;"
+d="M336 224c-26 0 -48 22 -48 48s22 48 48 48s48 -22 48 -48s-22 -48 -48 -48zM420 384c16 0 28 -12 28 -28v-328c0 -16 -12 -28 -28 -28h-392c-16 0 -28 12 -28 28v328c0 16 12 28 28 28h392zM317 186l99 -106v260c0 7 -6 12 -13 12h-358c-7 0 -12 -5 -13 -12v-260l126 152
+c4 4 10 8 17 8s13 -2 17 -7l54 -59l4 -4c3 -2 7 -4 11 -4s8 2 12 5l18 16c4 3 8 5 13 5s10 -2 13 -6z" />
+ <glyph glyph-name="ion-images" unicode="&#xf148;"
+d="M426 308c13 -1 23 -12 22 -24l-14 -263c-1 -13 -12 -22 -25 -21l-330 16c-13 1 -23 10 -22 23l2 46l-15 -1c-12 -1 -22 7 -23 18l-21 236c-1 11 7 21 19 22l296 24c12 1 22 -7 23 -18l5 -54zM71 302c1 12 11 22 24 22l219 -11l-2 31h-1v1c-1 5 -5 8 -10 8l-261 -22
+c-5 0 -10 -4 -10 -9v0v-1l16 -178l18 25zM405 66l10 198v1v0c0 6 -5 10 -11 10l-58 3l-29 2l-204 9c-6 0 -11 -4 -12 -9v0v-1l-3 -63l-7 -128v-7l6 7l102 109c4 4 8 6 14 6s11 -3 14 -7l43 -49l3 -3c2 -2 6 -4 10 -4s5 1 9 3l17 12c4 3 7 4 11 4s9 -2 11 -5l27 -33zM341 186
+c-20 0 -35 15 -35 35s16 35 35 35c20 0 35 -16 35 -35s-16 -35 -35 -35z" />
+ <glyph glyph-name="ion-information-circled" unicode="&#xf149;"
+d="M448 195c2 -124 -97 -225 -221 -227s-225 97 -227 221s97 225 221 227s225 -97 227 -221zM224 336c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM268 53v11h-22v172h-66v-12h22v-160h-22v-11h88z" />
+ <glyph glyph-name="ion-information" unicode="&#xf14a;" horiz-adv-x="128"
+d="M96 0h32v-16h-128v16h32v240h-32v16h96v-256zM64 304c-27 0 -48 21 -48 48s21 48 48 48s48 -21 48 -48s-21 -48 -48 -48z" />
+ <glyph glyph-name="ion-ionic" unicode="&#xf14b;" horiz-adv-x="416"
+d="M376 315c25 -34 40 -77 40 -123c0 -115 -93 -208 -208 -208s-208 93 -208 208s93 208 208 208c46 0 89 -15 123 -40c5 3 11 5 18 5c18 0 32 -14 32 -32c0 -7 -2 -13 -5 -18zM344 56c18 18 31 38 41 61c10 24 15 49 15 75s-5 51 -15 75c-6 13 -13 26 -21 38
+c-4 -2 -10 -4 -15 -4c-18 0 -32 14 -32 32c0 5 2 11 4 15c-12 8 -25 15 -38 21c-24 10 -49 15 -75 15s-51 -5 -75 -15c-23 -10 -43 -23 -61 -41s-31 -38 -41 -61c-10 -24 -15 -49 -15 -75s5 -51 15 -75c10 -23 23 -43 41 -61s38 -31 61 -41c24 -10 49 -15 75 -15s51 5 75 15
+c23 10 43 23 61 41zM112 192c0 64 32 96 96 96s96 -32 96 -96s-32 -96 -96 -96s-96 32 -96 96z" />
+ <glyph glyph-name="ion-ios-alarm-outline" unicode="&#xf3c7;" horiz-adv-x="404"
+d="M384 256l-54 52l-9 -9c35 -32 57 -79 57 -130c0 -44 -16 -83 -43 -114l36 -45l-12 -10l-35 43c-32 -30 -75 -49 -122 -49v0v0c-47 0 -90 19 -122 49l-35 -43l-12 10l36 45c-27 31 -43 71 -43 115c0 51 22 97 57 129l-9 9l-54 -52c-12 14 -20 32 -20 52c0 44 35 80 80 82
+h5c20 0 39 -7 54 -18l-54 -52l11 -11c26 19 56 32 90 35v0c0 8 8 16 16 16s15 -8 15 -16v0c34 -3 65 -16 91 -35l11 11l-54 52c15 11 34 18 54 18h5c45 -2 80 -38 80 -82c0 -20 -8 -38 -20 -52zM22 280l91 89c-9 5 -19 7 -32 6c-37 -2 -65 -32 -65 -67c0 -10 2 -19 6 -28z
+M362 172c0 88 -72 158 -160 158s-160 -70 -160 -158s72 -158 160 -158s160 70 160 158zM291 369l91 -89c4 9 6 18 6 28c0 35 -28 65 -65 67c-13 1 -23 -1 -32 -6zM202 288h16v-144h-112v16h96v128z" />
+ <glyph glyph-name="ion-ios-alarm" unicode="&#xf3c8;" horiz-adv-x="404"
+d="M385 256l-55 52l-9 -9c35 -32 57 -79 57 -130c0 -44 -16 -83 -43 -114l37 -45l-13 -10l-35 43c-32 -30 -75 -49 -122 -49v0v0c-47 0 -90 19 -122 49l-35 -43l-12 10l36 45c-27 31 -43 70 -43 114c0 51 22 98 57 130l-9 9l-54 -52c-12 14 -20 32 -20 52c0 44 35 80 80 82
+h5c20 0 39 -7 54 -18l-54 -53l11 -10c26 19 56 32 90 35v0c0 8 8 16 16 16s15 -8 15 -16v0c34 -3 65 -16 91 -35l11 11l-54 52c15 11 34 18 54 18h5c45 -2 80 -38 80 -82c0 -20 -7 -38 -19 -52zM218 144v144h-16v-128h-96v-16h112z" />
+ <glyph glyph-name="ion-ios-albums-outline" unicode="&#xf3c9;"
+d="M432 304h-416v-288h416v288zM448 320v0v-320h-448v320h448zM40 336v16h368v-16h-368zM72 368v16h304v-16h-304z" />
+ <glyph glyph-name="ion-ios-albums" unicode="&#xf3ca;"
+d="M448 320v0v-320h-448v320h448zM40 336v16h368v-16h-368zM72 368v16h304v-16h-304z" />
+ <glyph glyph-name="ion-ios-americanfootball-outline" unicode="&#xf3cb;" horiz-adv-x="416"
+d="M331 315c112 -112 81 -327 81 -327s-26 -4 -65 -4c-73 0 -189 12 -262 85c-112 112 -81 327 -81 327s26 4 65 4c73 0 189 -12 262 -85zM17 383c-2 -19 -5 -60 0 -107c1 -8 2 -16 3 -23l127 127c-25 3 -51 5 -78 5v0v0c-22 0 -41 -1 -52 -2zM96 80c30 -30 72 -53 124 -66
+c10 -3 20 -5 31 -7l142 142c-4 22 -10 44 -17 63c-14 37 -32 68 -56 92c-30 30 -72 53 -124 66c-10 3 -20 5 -31 7l-142 -142c4 -22 10 -44 17 -63c14 -37 32 -68 56 -92zM399 1c2 19 5 60 0 107c-1 8 -2 16 -3 23l-127 -127c25 -3 51 -5 78 -5c22 0 41 1 52 2zM259 130
+l-28 -29l-12 12l29 28l-23 23l-28 -29l-12 12l29 28l-23 23l-28 -29l-12 12l29 28l-23 23l-28 -29l-12 12l29 28l-22 23l-29 -29l-11 12l67 67l12 -11l-29 -29l23 -22l28 29l12 -12l-29 -28l23 -23l28 29l12 -12l-29 -28l23 -23l28 29l12 -12l-29 -28l22 -23l29 29l12 -12
+l-29 -28l22 -23l29 29l11 -12l-67 -67l-12 11l29 29z" />
+ <glyph glyph-name="ion-ios-americanfootball" unicode="&#xf3cc;" horiz-adv-x="416"
+d="M331 315c112 -112 81 -327 81 -327s-26 -4 -65 -4c-73 0 -189 12 -262 85c-112 112 -81 327 -81 327s26 4 65 4c73 0 189 -12 262 -85zM20 253l3 -18l142 142l-18 3zM219 113l12 -12l28 29l23 -22l-29 -29l12 -11l67 67l-11 12l-29 -29l-22 23l29 28l-12 12l-28 -29
+l-23 23l29 28l-12 12l-28 -29l-23 23l29 28l-12 12l-28 -29l-23 23l29 28l-12 12l-28 -29l-23 22l29 29l-12 11l-67 -67l11 -12l29 29l22 -23l-29 -28l12 -12l28 29l23 -23l-29 -28l12 -12l28 29l23 -23l-29 -28l12 -12l28 29l23 -23zM269 4l127 127l-3 18l-142 -142z" />
+ <glyph glyph-name="ion-ios-analytics-outline" unicode="&#xf3cd;"
+d="M224 400c-28 0 -55 -5 -81 -16c-25 -10 -47 -26 -66 -45s-35 -41 -45 -66c-11 -26 -16 -53 -16 -81s5 -55 16 -81c10 -25 26 -47 45 -66s41 -35 66 -45c26 -11 53 -16 81 -16s55 5 81 16c25 10 47 26 66 45s35 41 45 66c11 26 16 53 16 81s-5 55 -16 81
+c-10 25 -26 47 -45 66s-41 35 -66 45c-26 11 -53 16 -81 16zM224 416v0c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM76 128c-25 0 -41 18 -42 19c-3 3 -2 9 1 12s8 2 11 -1c1 -1 15 -17 36 -14c12 2 27 26 38 42c4 6 9 12 12 16
+c17 21 34 23 45 21c24 -3 45 -28 54 -50c7 -18 18 -28 32 -29c15 -1 31 11 43 30c1 2 3 4 4 7c9 17 24 43 52 43c31 0 52 -35 53 -36c2 -4 1 -9 -3 -11s-9 -1 -11 3c0 0 -5 8 -12 15c-6 6 -16 13 -27 13c-18 0 -29 -19 -38 -35c-1 -3 -3 -5 -4 -7c-15 -25 -36 -40 -58 -38
+c-20 1 -36 15 -46 39s-28 39 -41 41c-11 1 -21 -4 -31 -16c-3 -4 -6 -9 -10 -15c-14 -20 -31 -45 -50 -48c-3 0 -5 -1 -8 -1z" />
+ <glyph glyph-name="ion-ios-analytics" unicode="&#xf3ce;"
+d="M224 416c124 0 224 -100 224 -224c0 -13 -1 -25 -3 -37c-1 -6 -2 -12 -3 -17c-24 -98 -113 -170 -218 -170c-122 0 -221 98 -224 219v5c0 9 1 17 2 26c13 111 107 198 222 198zM431 168c1 8 1 16 1 24c0 28 -5 55 -16 81c-10 25 -26 47 -45 66s-41 35 -66 45
+c-26 11 -53 16 -81 16s-55 -5 -81 -16c-25 -10 -47 -26 -66 -45s-35 -41 -45 -66c-11 -26 -16 -53 -16 -81v0c14 -21 29 -34 29 -34h1v-1c1 -1 15 -16 36 -13c12 2 27 26 38 42c4 6 9 12 12 16c17 21 34 23 45 21c24 -3 45 -27 54 -50c7 -18 18 -28 32 -29c15 -1 31 9 43 29
+c1 2 3 4 4 7c9 17 24 44 52 44c31 0 52 -35 53 -36c3 -4 9 -12 16 -20z" />
+ <glyph glyph-name="ion-ios-arrow-back" unicode="&#xf3cf;" horiz-adv-x="192"
+d="M192 320l-127 -128l127 -128l-32 -32l-160 160v0v0l160 160z" />
+ <glyph glyph-name="ion-ios-arrow-down" unicode="&#xf3d0;" horiz-adv-x="320"
+d="M301 288l19 -21l-160 -171l-160 171l19 21l141 -150z" />
+ <glyph glyph-name="ion-ios-arrow-forward" unicode="&#xf3d1;" horiz-adv-x="192"
+d="M0 320l32 32l160 -160v0v0l-160 -160l-32 32l127 128z" />
+ <glyph glyph-name="ion-ios-arrow-left" unicode="&#xf3d2;" horiz-adv-x="192"
+d="M192 333l-150 -141l150 -141l-21 -19l-171 160l171 160z" />
+ <glyph glyph-name="ion-ios-arrow-right" unicode="&#xf3d3;" horiz-adv-x="192"
+d="M0 333l21 19l171 -160l-171 -160l-21 19l150 141z" />
+ <glyph glyph-name="ion-ios-arrow-thin-down" unicode="&#xf3d4;" horiz-adv-x="192"
+d="M190 126c2 -2 2 -4 2 -6s0 -4 -2 -6c0 0 -87 -79 -88 -80s-3 -2 -6 -2s-5 1 -6 2s-88 80 -88 80c-3 3 -3 9 0 12s9 3 12 0l74 -67v285c0 4 4 8 8 8s8 -4 8 -8v-285l74 67c3 3 9 3 12 0z" />
+ <glyph glyph-name="ion-ios-arrow-thin-left" unicode="&#xf3d5;" horiz-adv-x="320"
+d="M94 98c-2 -2 -4 -2 -6 -2s-4 0 -6 2c0 0 -79 87 -80 88s-2 3 -2 6s1 5 2 6s80 88 80 88c3 3 9 3 12 0s3 -9 0 -12l-67 -74h285c4 0 8 -4 8 -8s-4 -8 -8 -8h-285l67 -74c3 -3 3 -9 0 -12z" />
+ <glyph glyph-name="ion-ios-arrow-thin-right" unicode="&#xf3d6;" horiz-adv-x="320"
+d="M226 98c-3 3 -3 9 0 12l67 74h-285c-4 0 -8 4 -8 8s4 8 8 8h285l-67 74c-3 3 -3 9 0 12s9 3 12 0c0 0 79 -87 80 -88s2 -3 2 -6s-1 -5 -2 -6s-80 -88 -80 -88c-2 -2 -4 -2 -6 -2s-4 0 -6 2z" />
+ <glyph glyph-name="ion-ios-arrow-thin-up" unicode="&#xf3d7;" horiz-adv-x="192"
+d="M190 258c-3 -3 -9 -3 -12 0l-74 67v-285c0 -4 -4 -8 -8 -8s-8 4 -8 8v285l-74 -67c-3 -3 -9 -3 -12 0s-3 9 0 12c0 0 87 79 88 80s3 2 6 2s5 -1 6 -2s88 -80 88 -80c2 -2 2 -4 2 -6s0 -4 -2 -6z" />
+ <glyph glyph-name="ion-ios-arrow-up" unicode="&#xf3d8;" horiz-adv-x="320"
+d="M301 96l-141 150l-141 -150l-19 21l160 171l160 -171z" />
+ <glyph glyph-name="ion-ios-at-outline" unicode="&#xf3d9;" horiz-adv-x="255"
+d="M236 127v1h19l-3 -6c-3 -6 -13 -19 -22 -27s-18 -14 -28 -20s-21 -10 -32 -13s-23 -5 -34 -5c-16 0 -33 3 -49 8s-30 13 -43 24c-12 11 -26 29 -34 46c-7 16 -10 33 -10 58c0 18 4 38 11 55c7 16 17 30 29 42s27 21 43 28c15 6 33 9 53 9c16 0 32 -3 46 -8
+c15 -5 28 -12 39 -22s17 -21 24 -35c6 -13 8 -26 8 -44c0 -14 -2 -28 -7 -40s-9 -20 -17 -30c-8 -9 -13 -15 -23 -21c-11 -6 -20 -9 -29 -9c-8 0 -15 2 -20 7c-3 2 -5 6 -6 9c-6 -6 -11 -10 -17 -12c-10 -3 -18 -4 -26 -4s-15 1 -21 4s-12 7 -17 12s-8 11 -11 18
+s-5 14 -5 22c0 12 3 24 7 36v2c4 11 5 16 13 26c8 11 17 19 28 26s24 11 38 11c12 0 21 -3 31 -9c7 -4 12 -10 16 -16l6 17h18l-38 -102c-2 -5 -4 -10 -5 -14s-1 -7 -1 -10c0 -2 1 -4 3 -5s4 -2 8 -2c6 0 11 2 20 7c8 4 12 9 19 17c6 8 10 14 14 25s6 23 6 35
+c0 15 -2 25 -7 36c-6 13 -10 22 -19 30s-20 15 -33 20s-27 7 -42 7c-19 0 -35 -3 -48 -9c-15 -6 -27 -14 -37 -24c-11 -10 -19 -23 -25 -37c-6 -15 -10 -32 -10 -48c0 -22 2 -36 8 -49c6 -15 17 -31 28 -41s24 -18 38 -23s30 -7 46 -7c10 0 20 1 30 4s18 6 27 11
+s17 11 24 18s14 13 19 21zM147 154c4 5 8 12 11 20l21 57c-2 5 -4 10 -7 13c-3 4 -6 6 -10 8c-1 0 -1 1 -2 1c-3 2 -5 3 -9 4c-5 1 -9 2 -13 2c-10 0 -19 -3 -28 -9s-17 -13 -23 -22c-5 -8 -7 -11 -10 -20c0 -1 -1 -3 -1 -4c-4 -11 -5 -20 -5 -30c0 -6 1 -11 3 -16
+s5 -9 8 -13s7 -6 12 -8s9 -3 15 -3c4 0 9 1 14 2c4 1 8 2 12 5s8 7 12 13z" />
+ <glyph glyph-name="ion-ios-at" unicode="&#xf3da;" horiz-adv-x="256"
+d="M228 128v0h28c-1 -1 -2 -4 -3 -6c-4 -6 -14 -19 -23 -27s-18 -14 -28 -20s-20 -10 -32 -13c-11 -3 -23 -5 -34 -5c-16 0 -33 3 -49 8s-30 13 -43 24c-12 10 -26 28 -34 46c-7 16 -10 33 -10 58c0 19 4 39 11 55s17 30 29 42s28 21 44 28c15 6 32 9 52 9c16 0 31 -3 46 -8
+s28 -12 39 -22s18 -22 25 -36c6 -14 8 -26 8 -44c0 -14 -2 -28 -7 -40c-4 -11 -9 -20 -17 -30c-7 -9 -14 -16 -24 -22c-12 -6 -21 -9 -30 -9s-16 2 -22 8c-2 1 -3 3 -4 5c-4 -4 -9 -6 -14 -8c-10 -3 -18 -5 -27 -5c-8 0 -16 2 -23 5s-12 7 -17 12s-9 12 -12 19s-4 14 -4 22
+c0 12 2 25 6 37l1 1c4 10 5 17 13 27c8 11 17 20 28 27c12 7 24 10 38 10c12 0 22 -3 33 -9c5 -3 8 -6 12 -10l5 12h25l-39 -104c-2 -5 -3 -9 -4 -13c-1 -3 -1 -7 -1 -9s0 -3 1 -3c0 0 1 -1 5 -1c5 0 11 2 19 7c7 4 10 8 16 16s9 13 13 23s6 20 6 32c0 14 -1 24 -6 34
+c-5 12 -10 21 -18 28c-9 8 -19 14 -31 18s-26 7 -40 7c-18 0 -32 -3 -44 -8c-14 -6 -25 -13 -35 -23s-18 -22 -24 -35c-6 -14 -9 -30 -9 -45c0 -21 3 -34 8 -46c6 -14 16 -30 26 -39s22 -16 35 -21c14 -5 28 -7 43 -7c10 0 20 2 29 4s18 6 26 11s28 20 38 33zM144 157
+c4 5 7 12 10 19l20 55c-1 4 -3 7 -5 9c-3 3 -6 6 -9 8h-1h-1v1c-3 2 -5 2 -8 3c-4 1 -8 1 -12 1c-9 0 -17 -2 -25 -7c-10 -6 -17 -14 -21 -21c-5 -8 -6 -11 -9 -19c0 -1 -1 -2 -1 -3c-3 -10 -6 -19 -6 -28c0 -5 1 -10 3 -14s4 -8 7 -11s7 -6 11 -8s8 -2 13 -2c4 0 8 0 12 1
+v0c4 1 7 2 11 5c3 2 7 5 11 11z" />
+ <glyph glyph-name="ion-ios-barcode-outline" unicode="&#xf3db;" horiz-adv-x="416"
+d="M0 64v256h80v-16h-64v-224h64v-16h-80zM336 320h80v-256h-80v16h64v224h-64v16zM64 128v128h16v-128h-16zM336 128v128h16v-128h-16zM272 96v192h16v-192h-16zM128 96v192h16v-192h-16zM199 112v160h16v-160h-16z" />
+ <glyph glyph-name="ion-ios-barcode" unicode="&#xf3dc;" horiz-adv-x="416"
+d="M0 320h416v-256h-416v256zM80 128v128h-16v-128h16zM144 96v192h-16v-192h16zM215 112v160h-16v-160h16zM288 96v192h-16v-192h16zM352 128v128h-16v-128h16z" />
+ <glyph glyph-name="ion-ios-baseball-outline" unicode="&#xf3dd;" horiz-adv-x="416"
+d="M415 169v-1v0c-11 -97 -90 -174 -187 -183v0h-2c-2 0 -3 -1 -5 -1h-1h-3h-1h-8c-115 0 -208 93 -208 208v8v1v3v1c0 2 1 3 1 5v2v0c9 97 86 176 183 187v0v0c8 1 16 1 24 1c115 0 208 -93 208 -208c0 -7 0 -14 -1 -20v0v-3zM399 192c0 105 -86 191 -191 191
+c-3 0 -5 -1 -8 -1c0 -11 2 -21 4 -31l20 6l5 -15l-21 -7c2 -7 4 -14 7 -21c2 -5 5 -11 8 -16l17 12l9 -13l-19 -13c7 -12 16 -23 26 -33l14 15l12 -12l-15 -15c11 -10 22 -18 34 -25l12 18l14 -9l-12 -17c5 -2 10 -5 15 -7c7 -3 14 -5 22 -7l7 20l15 -5l-6 -19
+c10 -2 20 -4 30 -4c0 3 1 5 1 8zM17 192c0 -105 86 -191 191 -191h4c-1 9 -1 17 -3 26l-22 -7l-5 16l23 7c-2 8 -5 16 -8 24c-2 5 -4 9 -6 14l-20 -13l-9 13l21 14c-7 12 -16 24 -26 35l-17 -17l-11 11l17 17c-10 10 -22 18 -34 25l-14 -21l-14 9l14 20c-5 2 -10 5 -15 7
+c-7 3 -15 6 -23 8l-8 -24l-15 5l7 23c-9 2 -18 2 -27 3v-4zM228 2c88 9 158 78 169 166c-11 1 -23 3 -34 5l-9 -27l-15 5l8 25c-14 4 -28 10 -41 17l-15 -23l-13 9l14 21c-13 8 -26 17 -37 28l-19 -19l-11 11l19 19c-10 11 -19 23 -27 36l-21 -14l-9 13l22 15
+c-7 13 -12 27 -16 41l-25 -8l-5 16l26 8c-2 12 -4 23 -5 35c-88 -11 -157 -81 -166 -169c10 -1 21 -2 31 -4l8 23l15 -5l-7 -22c14 -4 28 -9 42 -16l13 19l14 -9l-13 -18c13 -8 25 -17 36 -28l17 17l11 -11l-17 -17c11 -12 20 -24 28 -37l19 13l9 -14l-20 -13
+c7 -14 12 -28 16 -42l23 7l5 -15l-24 -8c2 -10 3 -20 4 -30z" />
+ <glyph glyph-name="ion-ios-baseball" unicode="&#xf3de;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208c0 -8 0 -16 -1 -24v0v0c-12 -104 -100 -184 -207 -184c-115 0 -208 93 -208 208c0 107 80 195 184 207v0v0c8 1 16 1 24 1zM212 1c5 0 11 0 16 1c-1 10 -2 20 -4 30l24 8l-5 15l-23 -7c-4 14 -9 28 -16 42l20 13l-9 14l-19 -13
+c-8 13 -17 25 -28 37l17 17l-11 11l-17 -17c-11 11 -23 20 -36 28l13 18l-14 9l-13 -19c-14 7 -28 12 -42 16l7 22l-15 5l-8 -23c-10 2 -21 3 -31 4c-1 -5 -1 -11 -1 -16c9 -1 18 -1 27 -3l-7 -23l15 -5l8 24c8 -2 16 -5 23 -8c5 -2 10 -5 15 -7l-14 -20l14 -9l14 21
+c12 -7 24 -15 34 -25l-17 -17l11 -11l17 17c10 -11 19 -23 26 -35l-21 -14l9 -13l20 13c2 -5 4 -9 6 -14c3 -8 6 -16 8 -24l-23 -7l5 -16l22 7c2 -8 2 -17 3 -26zM363 173c11 -2 23 -4 34 -5c1 5 1 11 1 16c-10 1 -20 2 -30 4l6 19l-15 5l-7 -20c-8 2 -15 4 -22 7
+c-5 2 -10 5 -15 7l12 17l-14 9l-12 -18c-12 7 -23 15 -34 25l15 15l-12 12l-15 -15c-10 10 -18 21 -25 33l19 13l-9 13l-17 -12c-3 5 -6 11 -8 16c-3 7 -5 14 -7 21l21 7l-5 15l-20 -6c-2 10 -3 20 -4 31c-5 0 -11 0 -16 -1c1 -12 3 -23 5 -35l-26 -8l5 -16l25 8
+c4 -14 9 -28 16 -41l-22 -15l9 -13l21 14c8 -13 17 -25 27 -36l-19 -19l11 -11l19 19c11 -11 24 -20 37 -28l-14 -21l13 -9l15 23c13 -7 27 -13 41 -17l-8 -25l15 -5z" />
+ <glyph glyph-name="ion-ios-basketball-outline" unicode="&#xf3df;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM399 192c0 55 -24 105 -62 140c-14 -34 -31 -65 -52 -95c15 -12 31 -21 49 -29c21 -9 43 -14 65 -16v0zM325 343c-32 25 -73 40 -117 40v0c2 -22 6 -44 15 -65
+c10 -25 26 -47 45 -66c2 -1 2 -3 4 -4c20 29 38 60 52 93c0 1 1 1 1 2zM192 382c-51 -4 -96 -29 -128 -65c64 -28 121 -69 169 -119c11 12 21 24 30 37c-40 37 -67 89 -71 147zM233 174c-15 -16 -31 -30 -48 -44c28 -35 45 -79 47 -127c33 4 63 17 88 35
+c-22 50 -51 95 -87 136zM214 178l8 8l-10 10c-46 46 -99 82 -158 108c-18 -25 -31 -55 -35 -88c62 -3 116 -31 155 -74c14 11 27 23 40 36zM18 200c0 -3 -1 -5 -1 -8c0 -45 16 -87 43 -120c36 16 71 36 102 60l-7 7c-19 19 -41 35 -66 45c-22 9 -46 15 -71 16zM71 59
+c35 -36 83 -58 137 -58c3 0 5 1 8 1c-1 25 -6 48 -16 71c-7 17 -17 33 -28 47c-31 -24 -65 -45 -101 -61zM333 48c37 32 61 77 65 128c-46 3 -89 21 -123 48c-10 -13 -20 -26 -31 -38c36 -41 67 -87 89 -138z" />
+ <glyph glyph-name="ion-ios-basketball" unicode="&#xf3e0;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM333 48c-22 51 -53 97 -89 138c11 12 21 25 31 38c34 -27 77 -45 123 -48c0 5 1 11 1 16c-22 2 -44 7 -65 16c-18 8 -34 17 -49 29c21 30 38 61 52 95c-4 4 -8 8 -12 11
+c0 -1 -1 -1 -1 -2c-14 -33 -32 -64 -52 -93c-2 1 -2 2 -4 4c-19 19 -35 41 -45 66c-9 21 -13 43 -15 65c-5 0 -11 -1 -16 -1c4 -58 31 -110 71 -147c-9 -13 -19 -25 -30 -37c-48 50 -105 91 -169 119c-4 -4 -7 -9 -10 -13c59 -26 112 -62 158 -108l10 -10l-8 -8
+c-13 -13 -26 -25 -40 -36c-39 43 -93 71 -155 74c-1 -5 -1 -11 -1 -16c25 -1 49 -7 71 -16c25 -10 47 -26 66 -45l7 -7c-31 -24 -66 -44 -102 -60c4 -4 7 -9 11 -13c36 16 70 37 101 61c11 -14 21 -30 28 -47c10 -23 15 -46 16 -71c5 0 11 0 16 1c-2 48 -19 92 -47 127
+c17 14 33 28 48 44c36 -41 65 -86 87 -136c4 3 9 6 13 10z" />
+ <glyph glyph-name="ion-ios-bell-outline" unicode="&#xf3e1;" horiz-adv-x="384"
+d="M318 222c0 -114 28 -126 66 -158h-384c38 32 66 44 66 158c0 98 53 130 102 138v2c0 12 11 22 24 22s24 -10 24 -22v-2c49 -7 102 -40 102 -138zM43 80h298c-25 25 -40 58 -40 142c0 46 -13 80 -37 101c-23 19 -52 23 -72 23s-49 -4 -72 -23c-25 -21 -37 -55 -37 -101
+c0 -51 -5 -85 -17 -110c-6 -13 -14 -23 -23 -32zM192 0c-27 0 -49 20 -52 43h104c-3 -23 -25 -43 -52 -43z" />
+ <glyph glyph-name="ion-ios-bell" unicode="&#xf3e2;" horiz-adv-x="384"
+d="M318 222c0 -114 28 -126 66 -158h-384c38 32 66 44 66 158c0 98 53 130 102 138v2c0 12 11 22 24 22s24 -10 24 -22v-2c49 -7 102 -40 102 -138zM192 0c-27 0 -49 20 -52 43h104c-3 -23 -25 -43 -52 -43z" />
+ <glyph glyph-name="ion-ios-body-outline" unicode="&#xf3e3;" horiz-adv-x="384"
+d="M192 400c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM192 416v0c27 0 48 -21 48 -48s-21 -48 -48 -48s-48 21 -48 48s21 48 48 48zM360 304c13 0 24 -11 24 -24s-11 -24 -24 -24h-100c-5 0 -14 -5 -18 -15c-5 -12 -2 -33 1 -51l4 -21v-1v0l32 -172
+c2 -13 -6 -26 -19 -28h-5c-11 0 -22 8 -24 20l-21 120v0s-5 31 -17 31h-2c-12 0 -19 -31 -19 -31v0l-21 -120c-2 -12 -11 -20 -22 -20h-5c-13 2 -21 15 -19 28l32 172v1l4 21c3 18 6 39 1 51c-4 10 -12 15 -18 15h-100c-13 0 -24 11 -24 24s11 24 24 24h336zM24 272
+c-4 0 -8 4 -8 8s4 8 8 8h336c4 0 8 -4 8 -8s-4 -8 -8 -8h-102c-16 0 -26 -15 -30 -24c-5 -13 -6 -32 -1 -61v0v0l3 -19l1 -3l32 -172c0 -3 0 -5 -1 -6s-2 -2 -5 -3h-2c-4 0 -7 2 -8 6l-21 120v0c0 2 -2 10 -5 19c-2 6 -5 11 -8 15c-7 9 -14 11 -20 11h-2
+c-5 0 -13 -2 -20 -11c-3 -4 -6 -9 -8 -15c-4 -9 -6 -17 -6 -18v-1l-21 -120c-1 -4 -3 -6 -7 -6h-2c-3 0 -4 2 -5 3s-2 3 -1 6l32 172v0v1l4 21v0v0c5 29 5 48 0 61c-4 9 -14 24 -32 24z" />
+ <glyph glyph-name="ion-ios-body" unicode="&#xf3e4;" horiz-adv-x="384"
+d="M144 368c0 32 16 48 48 48s48 -16 48 -48s-16 -48 -48 -48s-48 16 -48 48zM360 304c7 0 12 -2 17 -7s7 -10 7 -17s-2 -12 -7 -17s-10 -7 -17 -7h-98c-8 -2 -15 -6 -18 -14c-4 -9 -3 -27 1 -52l4 -21v-1v0l30 -172c1 -7 0 -13 -4 -18s-8 -9 -15 -10s-13 0 -18 4
+s-9 9 -10 16l-21 120v-1l-2 9c-1 5 -3 11 -6 16s-6 8 -10 8h-2c-8 0 -14 -11 -18 -33v1l-21 -120c-1 -7 -5 -12 -10 -16s-11 -5 -18 -4s-11 5 -15 10s-5 11 -4 18l30 172v0v1l4 21c4 25 5 43 1 52c-3 8 -10 12 -18 14h-98c-7 0 -12 2 -17 7s-7 10 -7 17s2 12 7 17s10 7 17 7
+h336z" />
+ <glyph glyph-name="ion-ios-bolt-outline" unicode="&#xf3e5;" horiz-adv-x="226"
+d="M131 316l-100 -140h65h19l-3 -19l-17 -89l100 140h-65h-19l3 19zM160 384v0l-30 -160h96l-160 -224l30 160h-96z" />
+ <glyph glyph-name="ion-ios-bolt" unicode="&#xf3e6;" horiz-adv-x="226"
+d="M160 384v0l-30 -160h96l-160 -224l30 160h-96z" />
+ <glyph glyph-name="ion-ios-book-outline" unicode="&#xf3e7;" horiz-adv-x="384"
+d="M284 384c55 0 100 -26 100 -79v-1v-4v-261v-17h-6h-11h-5c-17 30 -44 42 -78 42c-40 0 -74 -28 -82 -64h-20c-8 36 -42 64 -82 64c-34 0 -65 -16 -78 -42h-5h-11h-6v9v264v9v1c0 53 45 79 100 79c41 0 78 -14 92 -44c12 30 51 44 92 44zM184 37v254v13v2
+c-1 43 -39 62 -84 62c-44 0 -81 -19 -84 -61v-1v0v-262h1c19 26 48 36 83 36s66 -17 84 -43zM368 300v14v1c-3 42 -40 53 -84 53c-46 0 -84 -20 -84 -64v-1v-266c18 26 49 43 84 43s66 -10 84 -36v256z" />
+ <glyph glyph-name="ion-ios-book" unicode="&#xf3e8;" horiz-adv-x="384"
+d="M100 384c35 0 67 -10 84 -31v-353h-2c-8 36 -42 64 -82 64c-34 0 -65 -16 -78 -42h-5h-11h-6v9v264v9v1c0 53 45 79 100 79zM284 384c55 0 100 -26 100 -79v-1v-4v-261v-17h-6h-11h-5c-17 30 -44 42 -78 42c-40 0 -74 -28 -82 -64h-2v353c17 21 50 31 84 31z" />
+ <glyph glyph-name="ion-ios-bookmarks-outline" unicode="&#xf3e9;" horiz-adv-x="418"
+d="M385 384c19 0 33 -13 33 -32v-286c0 -19 -14 -34 -33 -34h-143s-25 -4 -25 -19v-13h-8h-8v13c0 15 -11 19 -25 19h-143c-19 0 -33 15 -33 34v286c0 19 14 32 33 32h150c10 0 20 -5 26 -12v0v0c6 7 16 12 26 12h150zM201 37v309c0 9 -12 22 -25 22h-143
+c-9 0 -16 -7 -16 -16v-286c0 -9 7 -18 16 -18h144c10 0 19 -3 24 -11zM273 368v-100l23 14l9 6l9 -6l23 -14v100h-64zM401 66v286c0 9 -7 16 -16 16h-32v-131l-48 32l-48 -32v131h-15c-13 0 -25 -13 -25 -22v-309c5 9 14 11 24 11h144c9 0 16 9 16 18z" />
+ <glyph glyph-name="ion-ios-bookmarks" unicode="&#xf3ea;" horiz-adv-x="418"
+d="M296 283l-23 -15v116h64v-116l-23 15l-9 6zM385 384c19 0 33 -13 33 -32v-286c0 -19 -14 -34 -33 -34h-143s-25 -4 -25 -19v-13h-8h-8v13c0 15 -11 19 -25 19h-143c-19 0 -33 15 -33 34v286c0 19 14 32 33 32h150s18 -8 18 -15v-329l8 -6l8 6v329s10 15 18 15h22v-146
+l48 32l48 -32v146h32z" />
+ <glyph glyph-name="ion-ios-box-outline" unicode="&#xf3eb;" horiz-adv-x="320"
+d="M192 208h-1h-63c-9 0 -16 -7 -16 -16s7 -16 16 -16h64c9 0 16 7 16 16s-7 16 -16 16zM192 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32h-64c-18 0 -32 14 -32 32s14 32 32 32h64zM320 336v-80h-16v-208h-288v208h-16v80h320zM288 64v192h-256v-192h256zM304 272v48h-288
+v-48h288z" />
+ <glyph glyph-name="ion-ios-box" unicode="&#xf3ec;" horiz-adv-x="320"
+d="M16 48v192h288v-192h-288zM128 208c-9 0 -16 -7 -16 -16s7 -16 16 -16h64c9 0 16 7 16 16s-7 16 -16 16h-64zM0 336h320v-80h-16h-288h-16v80z" />
+ <glyph glyph-name="ion-ios-briefcase-outline" unicode="&#xf3ed;" horiz-adv-x="416"
+d="M368 320h48v-320h-416v320h48v16h32v-16h48v30v2c0 18 10 32 29 32h99c19 0 32 -14 32 -32v-2v-30h48v16h32v-16zM144 320v0h128v0v30c0 10 -7 18 -17 18h-97c-11 0 -14 -8 -14 -18v-30zM400 16v224h-384v-224h384zM400 256v48h-32v-16h-32v16h-256v-16h-32v16h-32v-48
+h384z" />
+ <glyph glyph-name="ion-ios-briefcase" unicode="&#xf3ee;" horiz-adv-x="416"
+d="M48 320v16h32v-16h-32zM0 0v240h416v-240h-416zM336 320v16h32v-16h-32zM368 320h48v-64h-416v64h48v-32h32v32h48v30v2c0 18 10 32 29 32h99c19 0 32 -14 32 -32v-2v-30h48v-32h32v32zM272 320v30c0 10 -7 18 -17 18h-97c-11 0 -14 -8 -14 -18v-30v0h128v0z" />
+ <glyph glyph-name="ion-ios-browsers-outline" unicode="&#xf3ef;" horiz-adv-x="384"
+d="M0 304h304v-304h-304v304zM288 16v272h-272v-272h272zM384 384v-304h-64v16h48v272h-272v-48h-16v64h304z" />
+ <glyph glyph-name="ion-ios-browsers" unicode="&#xf3f0;" horiz-adv-x="384"
+d="M0 304h304v-304h-304v304zM80 384h304v-304h-64v240h-240v64z" />
+ <glyph glyph-name="ion-ios-calculator-outline" unicode="&#xf3f1;" horiz-adv-x="288"
+d="M32 288v64h224v-64h-224zM48 336v-32h192v32h-192zM256 384c18 0 32 -14 32 -32v-320c0 -18 -14 -32 -32 -32h-224c-18 0 -32 14 -32 32v320c0 18 14 32 32 32h224zM272 32v320c0 9 -7 16 -16 16h-224c-9 0 -16 -7 -16 -16v-320c0 -9 7 -16 16 -16h224c9 0 16 7 16 16z
+M48 208h32h16v-16h-64v64h16v-16v-32zM48 128h32h16v-16h-64v64h16v-16v-32zM48 48h32h16v-16h-64v64h16v-16v-32zM128 208h32h16v-16h-64v64h16v-16v-32zM208 208h32h16v-16h-64v64h16v-16v-32zM128 128h32h16v-16h-64v64h16v-16v-32zM128 48h32h16v-16h-64v64h16v-16v-32z
+M208 48h32h16v-16h-64v144h16v-96v-32z" />
+ <glyph glyph-name="ion-ios-calculator" unicode="&#xf3f2;" horiz-adv-x="288"
+d="M256 384c18 0 32 -14 32 -32v-320c0 -18 -14 -32 -32 -32h-224c-18 0 -32 14 -32 32v320c0 18 14 32 32 32h224zM248 168h-48v-128h48v128zM248 248h-48v-48h48v48zM168 88h-48v-48h48v48zM168 168h-48v-48h48v48zM168 248h-48v-48h48v48zM88 88h-48v-48h48v48zM88 168
+h-48v-48h48v48zM88 248h-48v-48h48v48zM40 296h208v48h-208v-48z" />
+ <glyph glyph-name="ion-ios-calendar-outline" unicode="&#xf3f3;" horiz-adv-x="384"
+d="M16 336v-64h352v64zM288 352h96v-352h-384v352h96v32h16v-32h160v32h16v-32zM368 16v240h-352v-240h352zM368 272v64h-80v-32h-16v32h-160v-32h-16v32h-80v-64h352z" />
+ <glyph glyph-name="ion-ios-calendar" unicode="&#xf3f4;" horiz-adv-x="384"
+d="M0 0v256h384v-256h-384zM384 352v-80h-384v80h96v-48h16v48h160v-48h16v48h96zM96 352v32h16v-32h-16zM272 352v32h16v-32h-16z" />
+ <glyph glyph-name="ion-ios-camera-outline" unicode="&#xf3f5;" horiz-adv-x="384"
+d="M354 288c18 0 30 -13 30 -31v-176c0 -18 -12 -33 -30 -33h-320c-18 0 -34 15 -34 33v176c0 18 16 31 34 31h13v16h34v-16h13c32 36 43 48 55 48h88c12 0 23 -12 55 -48h62zM368 81v176c0 9 -5 15 -14 15h-62h-7l-5 3c-3 4 -7 8 -10 11c-12 13 -20 24 -26 30
+c-5 5 -7 4 -7 4h-88s-2 0 -7 -4c-6 -5 -14 -14 -25 -27c-3 -4 -7 -10 -11 -14l-5 -3h-7h-60c-9 0 -18 -7 -18 -15v-176c0 -9 9 -17 18 -17h320c8 0 14 8 14 17zM192 258c47 0 86 -38 86 -85s-39 -85 -86 -85s-86 38 -86 85s39 85 86 85zM192 104c38 0 70 31 70 69
+s-32 69 -70 69s-70 -31 -70 -69s32 -69 70 -69zM288 239v17h17v-17h-17zM160 173c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32s-32 11 -32 32z" />
+ <glyph glyph-name="ion-ios-camera" unicode="&#xf3f6;" horiz-adv-x="384"
+d="M354 288c18 0 30 -13 30 -31v-176c0 -18 -12 -33 -30 -33h-320c-18 0 -34 15 -34 33v176c0 18 16 31 34 31h13v16h34v-16h13c32 36 43 48 55 48h88c12 0 23 -12 55 -48h62zM192 88c47 0 86 38 86 85s-39 85 -86 85s-86 -38 -86 -85s39 -85 86 -85zM305 239v17h-17v-17h17
+zM192 242c38 0 70 -31 70 -69s-32 -69 -70 -69s-70 31 -70 69s32 69 70 69zM192 141c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+ <glyph glyph-name="ion-ios-cart-outline" unicode="&#xf3f7;" horiz-adv-x="384"
+d="M96 48c13 0 24 -11 24 -24s-11 -24 -24 -24s-24 11 -24 24s11 24 24 24zM96 16c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM320 48c13 0 24 -11 24 -24s-11 -24 -24 -24s-24 11 -24 24s11 24 24 24zM320 16c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM384 320
+l-16 -128l-271 -48l5 -30c7 -34 21 -34 26 -34h240v-16h-240c-11 0 -21 5 -28 14c-6 8 -11 19 -13 33l-43 234v0c-2 8 -3 12 -7 16c-6 5 -18 7 -37 7v16c23 0 38 -4 47 -11c7 -6 10 -14 12 -21zM355 206l11 99l-304 31l32 -176z" />
+ <glyph glyph-name="ion-ios-cart" unicode="&#xf3f8;" horiz-adv-x="384"
+d="M96 48c13 0 24 -11 24 -24s-11 -24 -24 -24s-24 11 -24 24s11 24 24 24zM320 48c13 0 24 -11 24 -24s-11 -24 -24 -24s-24 11 -24 24s11 24 24 24zM384 320l-16 -128l-271 -48l5 -30c7 -34 21 -34 26 -34h240v-16h-240c-11 0 -21 5 -28 14c-6 8 -11 19 -13 33l-43 234v0
+c-2 8 -3 12 -7 16c-6 5 -18 7 -37 7v16c23 0 38 -4 47 -11c7 -6 10 -14 12 -21z" />
+ <glyph glyph-name="ion-ios-chatboxes-outline" unicode="&#xf3f9;" horiz-adv-x="416"
+d="M16 384v-192h96v-16h-112v224h288v-112h-16v96h-256zM128 272h288v-224h-48v-64h-13l-64 64h-163v224zM400 64v192h-256v-192h153l55 -55v55h48z" />
+ <glyph glyph-name="ion-ios-chatboxes" unicode="&#xf3fa;" horiz-adv-x="416"
+d="M288 400v-112h-176v-112h-112v224h288zM128 272h288v-224h-48v-64h-13l-64 64h-163v224z" />
+ <glyph glyph-name="ion-ios-chatbubble-outline" unicode="&#xf3fb;" horiz-adv-x="384"
+d="M192 336c-97 0 -176 -62 -176 -138c0 -26 10 -51 27 -73c0 -1 0 -2 1 -3s2 -1 2 -2c4 -6 6 -13 6 -20c0 -3 1 -3 -13 -47l39 17v0c2 1 10 4 11 4h1v0c5 2 10 3 16 3c5 0 9 -1 14 -2l1 -1h2c19 -6 41 -10 70 -10c48 0 92 15 125 40c32 25 50 58 50 94
+c0 76 -79 138 -176 138zM192 352v0c106 0 192 -69 192 -154s-85 -150 -191 -150c-27 0 -52 3 -75 11h-2v0c-3 1 -6 2 -10 2s-9 -1 -12 -2h1h-1c-1 0 -9 -4 -10 -4l-50 -22l-2 -1h-3h-3c-6 1 -8 6 -7 10v0s17 57 17 58c0 4 -1 8 -3 11v0v0v0l1 -1l-4 4c-19 24 -30 53 -30 84
+c0 85 86 154 192 154z" />
+ <glyph glyph-name="ion-ios-chatbubble" unicode="&#xf3fc;" horiz-adv-x="384"
+d="M192 352v0c106 0 192 -69 192 -154s-85 -150 -191 -150c-27 0 -52 3 -75 11h-2v0c-3 1 -6 2 -10 2s-9 -1 -12 -2h1h-1c-1 0 -9 -4 -10 -4l-50 -22l-2 -1h-3h-3c-6 1 -8 6 -7 10v0s17 57 17 58c0 4 -1 8 -3 11v0v0v0l1 -1l-4 4c-19 24 -30 53 -30 84c0 85 86 154 192 154z
+" />
+ <glyph glyph-name="ion-ios-checkmark-empty" unicode="&#xf3fd;" horiz-adv-x="207"
+d="M74 118c-2 -2 -6 -4 -9 -4s-7 2 -9 4l-56 56l18 18l47 -47l125 126l17 -18z" />
+ <glyph glyph-name="ion-ios-checkmark-outline" unicode="&#xf3fe;" horiz-adv-x="416"
+d="M292 271l18 -18l-134 -135c-2 -2 -6 -4 -9 -4s-7 2 -9 4l-56 56l18 18l47 -47zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191z" />
+ <glyph glyph-name="ion-ios-checkmark" unicode="&#xf3ff;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM176 118l134 135l-18 18l-125 -126l-47 47l-18 -18l56 -56c2 -2 6 -4 9 -4s7 2 9 4z" />
+ <glyph glyph-name="ion-ios-circle-filled" unicode="&#xf400;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM208 352c88 0 160 -72 160 -160s-72 -160 -160 -160s-160 72 -160 160s72 160 160 160z" />
+ <glyph glyph-name="ion-ios-circle-outline" unicode="&#xf401;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191z" />
+ <glyph glyph-name="ion-ios-clock-outline" unicode="&#xf402;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM208 192v128h17v-145h-113v17h96z" />
+ <glyph glyph-name="ion-ios-clock" unicode="&#xf403;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM225 175v145h-17v-128h-96v-17h113z" />
+ <glyph glyph-name="ion-ios-close-empty" unicode="&#xf404;" horiz-adv-x="192"
+d="M180 288l12 -12l-84 -84l84 -84l-12 -12l-84 84l-84 -84l-12 12l84 84l-84 84l12 12l84 -84z" />
+ <glyph glyph-name="ion-ios-close-outline" unicode="&#xf405;" horiz-adv-x="416"
+d="M355 339c81 -81 81 -213 0 -294s-213 -81 -294 0s-81 213 0 294s213 81 294 0zM343 57c74 74 74 196 0 270s-196 74 -270 0s-74 -196 0 -270s196 -74 270 0zM292 288l12 -12l-84 -84l84 -84l-12 -12l-84 84l-84 -84l-12 12l84 84l-84 84l12 12l84 -84z" />
+ <glyph glyph-name="ion-ios-close" unicode="&#xf406;" horiz-adv-x="416"
+d="M355 339c81 -81 81 -213 0 -294s-213 -81 -294 0s-81 213 0 294s213 81 294 0zM304 108l-84 84l84 84l-12 12l-84 -84l-84 84l-12 -12l84 -84l-84 -84l12 -12l84 84l84 -84z" />
+ <glyph glyph-name="ion-ios-cloud-download-outline" unicode="&#xf407;"
+d="M161 67l55 -54v242h16v-242l55 54l12 -12l-75 -73l-74 73zM367 284c45 0 81 -37 81 -82s-37 -82 -82 -82v0h-101v16h97h4c37 0 66 30 66 66s-29 67 -66 67h-15v20c0 55 -46 97 -101 97c-38 0 -73 -22 -90 -56l-6 -14l-14 7c-6 3 -13 5 -20 5c-22 0 -40 -18 -44 -39l-1 -9
+l-9 -3c-30 -10 -50 -36 -50 -67c0 -40 33 -74 74 -74h91v-16h-91c-50 0 -90 40 -90 89c0 39 26 71 61 83c5 28 29 51 59 51c10 0 18 -2 26 -6c19 39 59 65 105 65c64 0 117 -51 117 -115c0 -1 -1 -2 -1 -3z" />
+ <glyph glyph-name="ion-ios-cloud-download" unicode="&#xf408;"
+d="M216 13v107h16v-107l55 54l12 -12l-75 -73l-74 73l11 12zM367 284c45 0 81 -37 81 -82s-37 -82 -82 -82h-134v135h-16v-135h-35h-21h-70c-50 0 -90 40 -90 89c0 39 26 71 61 83c5 28 29 51 59 51c10 0 18 -2 26 -6c19 39 59 65 105 65c64 0 117 -51 117 -115
+c0 -1 -1 -2 -1 -3z" />
+ <glyph glyph-name="ion-ios-cloud-outline" unicode="&#xf409;"
+d="M367 215c45 0 81 -37 81 -83c0 -45 -37 -84 -82 -84h-276c-50 0 -90 42 -90 92c0 40 26 71 61 83c5 28 29 52 59 52c10 0 18 -2 26 -6c19 39 59 67 105 67c64 0 117 -53 117 -117c0 -1 -1 -3 -1 -4zM366 64c37 0 66 32 66 69s-29 67 -66 67h-15v21c0 56 -46 99 -101 99
+c-38 0 -73 -23 -90 -58l-6 -14l-14 7c-6 3 -13 5 -20 5c-22 0 -40 -17 -44 -39l-1 -9l-9 -3c-30 -10 -50 -37 -50 -69c0 -41 33 -76 74 -76h272h4z" />
+ <glyph glyph-name="ion-ios-cloud-upload-outline" unicode="&#xf40a;"
+d="M161 188l-11 11l74 75l75 -75l-12 -11l-55 54v-242h-16v242zM367 264c45 0 81 -39 81 -85s-37 -83 -82 -83v0h-101v16h97h4c37 0 66 30 66 67s-29 70 -66 70l-15 1v20c0 56 -46 99 -101 99c-38 0 -73 -23 -90 -58l-6 -13l-14 6c-6 3 -13 5 -20 5c-22 0 -40 -17 -44 -39
+l-1 -9l-9 -3c-30 -10 -50 -39 -50 -71c0 -41 33 -75 74 -75h91v-16h-91c-50 0 -90 40 -90 90c0 40 26 74 61 86c5 28 29 52 59 52c10 0 18 -2 26 -6c19 39 59 66 105 66c64 0 117 -52 117 -116c0 -1 -1 -3 -1 -4z" />
+ <glyph glyph-name="ion-ios-cloud-upload" unicode="&#xf40b;"
+d="M216 0v96h16v-96h-16zM367 264c45 0 81 -39 81 -85s-37 -83 -82 -83h-134v146l55 -54l12 11l-75 75l-74 -75l11 -11l55 54v-146h-35h-31h-60c-50 0 -90 40 -90 90c0 40 26 74 61 86c5 28 29 52 59 52c10 0 18 -2 26 -6c19 39 59 66 105 66c64 0 117 -52 117 -116
+c0 -1 -1 -3 -1 -4z" />
+ <glyph glyph-name="ion-ios-cloud" unicode="&#xf40c;"
+d="M367 215c45 0 81 -37 81 -83c0 -45 -37 -84 -82 -84h-276c-50 0 -90 42 -90 92c0 40 26 71 61 83c5 28 29 52 59 52c10 0 18 -2 26 -6c19 39 59 67 105 67c64 0 117 -53 117 -117c0 -1 -1 -3 -1 -4z" />
+ <glyph glyph-name="ion-ios-cloudy-night-outline" unicode="&#xf40d;" horiz-adv-x="384"
+d="M125 224c-34 0 -63 -28 -63 -62v-12s1 -10 1 -10c-5 0 -12 -1 -14 -1c-19 -3 -33 -18 -33 -37c0 -10 3 -19 10 -26s16 -11 26 -11h157c27 0 49 22 49 49s-22 50 -49 50c-2 0 -4 -1 -6 -1l-14 -2l-3 14c-3 14 -11 26 -22 35s-25 14 -39 14zM125 240v0c37 0 68 -26 76 -61
+h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78zM361 142c8 0 15 2 23 4c-4 -7 -9 -14 -14 -20c-21 -24 -50 -41 -84 -45c4 6 6 12 8 19c19 4 36 13 50 25c-18 1 -35 6 -50 13c-23 11 -42 29 -56 51
+c-14 21 -22 48 -22 75c0 15 2 30 7 44c-24 -12 -43 -33 -53 -59c-5 2 -12 4 -18 5c14 36 45 65 82 77c8 2 16 4 24 5c-5 -6 -9 -13 -12 -20c-8 -16 -12 -34 -12 -52c0 -32 12 -63 35 -86s54 -36 86 -36h6z" />
+ <glyph glyph-name="ion-ios-cloudy-night" unicode="&#xf40e;" horiz-adv-x="384"
+d="M361 142c8 0 15 2 23 4c-4 -7 -9 -15 -14 -21c-21 -24 -50 -40 -84 -44h-3c4 10 7 21 7 32c0 22 -9 43 -24 58c-14 15 -33 23 -53 24c-6 16 -16 29 -29 40c-10 8 -20 13 -32 17v2c14 36 45 65 82 77c8 2 16 4 24 5c-5 -6 -9 -13 -12 -20c-8 -16 -12 -34 -12 -52
+c0 -32 12 -63 35 -86s54 -36 86 -36h6zM125 239v0c37 0 68 -26 76 -61h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v7c0 43 35 79 78 79z" />
+ <glyph glyph-name="ion-ios-cloudy-outline" unicode="&#xf40f;" horiz-adv-x="274"
+d="M125 272c-34 0 -63 -28 -63 -62v-12s1 -10 1 -10c-6 0 -12 -1 -14 -1c-19 -3 -33 -18 -33 -37c0 -10 3 -19 10 -26s16 -11 26 -11h157c27 0 49 22 49 49s-22 50 -49 50c-2 0 -4 -1 -6 -1l-14 -2l-3 14c-3 14 -11 26 -22 35s-25 14 -39 14zM125 288v0c37 0 68 -26 76 -61
+h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78z" />
+ <glyph glyph-name="ion-ios-cloudy" unicode="&#xf410;" horiz-adv-x="274"
+d="M125 288v0c37 0 68 -26 76 -61h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78z" />
+ <glyph glyph-name="ion-ios-cog-outline" unicode="&#xf411;" horiz-adv-x="384"
+d="M384 175l-33 -8l-3 -14l27 -20l-12 -30l-34 5l-8 -11l17 -29l-23 -23l-29 17l-10 -7l5 -34l-29 -12l-21 27l-14 -3l-8 -33h-32l-9 33l-13 3l-21 -28l-29 12l4 34l-11 8l-30 -19l-23 23l18 31l-7 11l-35 -5l-12 29l28 22l-2 12l-35 9v32l35 9l2 12l-29 22l12 30l36 -5
+l7 10l-19 32l22 22l32 -19l11 8l-4 35l29 13l22 -29l12 2l9 35h32l9 -35l12 -2l22 28l29 -12l-5 -35l11 -8l30 18l22 -23l-17 -30l7 -10l35 5l12 -30l-28 -21l3 -13l33 -9v-32zM356 127l-26 20l6 33l32 8v7l-32 8l-6 33l26 19l-3 7l-32 -5l-19 27l17 28l-5 6l-28 -17l-28 18
+l5 34l-6 2l-20 -26l-32 6l-8 33h-7l-9 -33l-32 -6l-20 27l-7 -3l5 -34l-28 -18l-9 6l-21 12l-5 -5l18 -30l-18 -27l-33 5l-3 -7l27 -20l-6 -32l-33 -8v-7l33 -9l6 -32l-27 -20l3 -6l33 4l18 -27l-17 -29l5 -6l29 18l28 -18l-5 -33l7 -3l19 27l33 -7l8 -31h8l7 31l33 7
+l20 -26l7 3l-5 32l26 18l28 -16l5 5l-16 27l19 28l32 -4zM192 320c71 0 128 -57 128 -128s-57 -128 -128 -128s-128 57 -128 128s57 128 128 128zM80 192c0 -7 1 -15 2 -22l104 28l28 104c-7 1 -15 2 -22 2c-30 0 -58 -12 -79 -33s-33 -49 -33 -79zM192 80c27 0 53 10 73 27
+l-75 75l-104 -28c6 -15 15 -29 27 -41c21 -21 49 -33 79 -33zM276 118c18 20 28 47 28 74c0 30 -12 58 -33 79c-12 12 -26 22 -42 27l-28 -105z" />
+ <glyph glyph-name="ion-ios-cog" unicode="&#xf412;" horiz-adv-x="384"
+d="M229 298c16 -5 30 -15 42 -27c21 -21 33 -49 33 -79c0 -27 -10 -54 -28 -74l-75 75zM214 302l-28 -104l-104 -28c-1 7 -2 15 -2 22c0 30 12 58 33 79s49 33 79 33c7 0 15 -1 22 -2zM86 154l104 28l75 -75c-20 -17 -46 -27 -73 -27c-30 0 -58 12 -79 33
+c-12 12 -21 26 -27 41zM384 175l-33 -8l-3 -14l27 -20l-12 -30l-34 5l-8 -11l17 -29l-23 -23l-29 17l-10 -7l5 -34l-29 -12l-21 27l-14 -3l-8 -33h-32l-9 33l-13 3l-21 -28l-29 12l4 34l-11 8l-30 -19l-23 23l18 31l-7 11l-35 -5l-12 29l28 22l-2 12l-35 9v32l35 9l2 12
+l-29 22l12 30l36 -5l7 10l-19 32l22 22l32 -19l11 8l-4 35l29 13l22 -29l12 2l9 35h32l9 -35l12 -2l22 28l29 -12l-5 -35l11 -8l30 18l22 -23l-17 -30l7 -10l35 5l12 -30l-28 -21l3 -13l33 -9v-32zM192 64c71 0 128 57 128 128s-57 128 -128 128s-128 -57 -128 -128
+s57 -128 128 -128z" />
+ <glyph glyph-name="ion-ios-color-filter-outline" unicode="&#xf413;" horiz-adv-x="384"
+d="M302 236c47 -13 82 -57 82 -108c0 -62 -50 -112 -112 -112c-31 0 -60 13 -80 34c-20 -21 -49 -34 -80 -34c-62 0 -112 50 -112 112c0 51 35 95 82 108c-1 7 -2 13 -2 20c0 62 50 112 112 112s112 -50 112 -112c0 -7 -1 -13 -2 -20zM96 256c0 -6 0 -12 1 -17
+c5 1 10 1 15 1c31 0 60 -13 80 -34c20 21 49 34 80 34c5 0 10 0 15 -1c1 5 1 11 1 17c0 53 -43 96 -96 96s-96 -43 -96 -96zM208 128c0 6 0 12 -1 17c-5 -1 -10 -1 -15 -1s-10 0 -15 1c-1 -5 -1 -11 -1 -17c0 -20 6 -38 16 -53c10 15 16 33 16 53zM192 160c3 0 7 1 10 1
+c-3 7 -6 14 -10 20c-4 -6 -7 -13 -10 -20c3 0 7 -1 10 -1zM166 164c4 11 9 21 16 30c-18 18 -43 30 -70 30c-3 0 -7 -1 -10 -1c10 -29 34 -51 64 -59zM202 194c7 -9 12 -19 16 -30c30 8 54 30 64 59c-3 0 -7 1 -10 1c-27 0 -52 -12 -70 -30zM112 32c27 0 52 12 70 30
+c-14 19 -22 41 -22 66c0 7 1 13 2 20c-36 10 -64 37 -76 72c-40 -11 -70 -48 -70 -92c0 -53 43 -96 96 -96zM272 32c53 0 96 43 96 96c0 44 -30 81 -70 92c-12 -35 -40 -62 -76 -72c1 -7 2 -13 2 -20c0 -25 -8 -47 -22 -66c18 -18 43 -30 70 -30z" />
+ <glyph glyph-name="ion-ios-color-filter" unicode="&#xf414;" horiz-adv-x="384"
+d="M302 236c47 -13 82 -57 82 -108c0 -62 -50 -112 -112 -112c-31 0 -60 13 -80 34c-20 -21 -49 -34 -80 -34c-62 0 -112 50 -112 112c0 51 35 95 82 108c-1 7 -2 13 -2 20c0 62 50 112 112 112s112 -50 112 -112c0 -7 -1 -13 -2 -20zM192 53l1 -2c3 3 6 7 9 11
+c14 19 22 41 22 66c0 7 -1 13 -2 20c36 10 64 37 76 72c2 5 3 10 4 15c-1 0 -2 1 -3 1v1c-4 1 -8 1 -12 2c-5 1 -10 1 -15 1c-31 0 -60 -13 -80 -34c-20 21 -49 34 -80 34c-5 0 -10 0 -15 -1c-4 -1 -8 -1 -12 -2v-1c-1 0 -2 -1 -3 -1c1 -5 2 -10 4 -15c12 -35 40 -62 76 -72
+c-1 -7 -2 -13 -2 -20c0 -25 8 -47 22 -66c3 -4 6 -8 9 -11zM207 145c1 -5 1 -11 1 -17c0 -20 -6 -38 -16 -53c-10 15 -16 33 -16 53c0 6 0 12 1 17c5 -1 10 -1 15 -1s10 0 15 1zM282 223c-10 -29 -34 -51 -64 -59c-4 11 -9 21 -16 30c18 18 43 30 70 30c3 0 7 -1 10 -1z
+M202 161c-3 0 -7 -1 -10 -1s-7 1 -10 1c3 7 6 14 10 20c4 -6 7 -13 10 -20zM112 224c27 0 52 -12 70 -30c-7 -9 -12 -19 -16 -30c-30 8 -54 30 -64 59c3 0 7 1 10 1z" />
+ <glyph glyph-name="ion-ios-color-wand-outline" unicode="&#xf415;" horiz-adv-x="384"
+d="M128 298l256 -256l-34 -34l-256 256zM149 232l201 -201l11 11l-201 202zM120 344v40h16v-40h-16zM120 140v40h16v-40h-16zM216 256v16h40v-16h-40zM0 256v16h40v-16h-40zM47 354l29 -29l-12 -11l-28 28zM76 198l-29 -28l-11 11l28 28zM220 342l-28 -28l-12 11l29 29z" />
+ <glyph glyph-name="ion-ios-color-wand" unicode="&#xf416;" horiz-adv-x="396"
+d="M140 289l256 -257l-34 -34l-256 257zM124 322v64h32v-64h-32zM124 118v64h32v-64h-32zM216 238v32h64v-32h-64zM246 336l-45 -45l-23 22l45 46zM34 336l23 23l45 -46l-23 -22zM34 169l45 45l23 -22l-45 -46zM0 238v32h64v-32h-64z" />
+ <glyph glyph-name="ion-ios-compose-outline" unicode="&#xf417;" horiz-adv-x="384"
+d="M304 32v208l16 16v-240h-320v304h256l-16 -16h-224v-272h288zM174 164l171 171l11 -11l-180 -180h-32v32l180 180l11 -11l-171 -171zM380 368c2 -3 4 -6 4 -10s-2 -7 -4 -10l-12 -12l-21 21l-11 11v0l12 12c3 2 6 4 10 4s7 -2 10 -4z" />
+ <glyph glyph-name="ion-ios-compose" unicode="&#xf418;" horiz-adv-x="384"
+d="M192 128l128 128v-240h-320v304h256l-128 -128v-64h64zM324 356l32 -32l-180 -180h-32v32zM380 368c2 -3 4 -6 4 -10s-2 -7 -4 -10l-12 -12l-21 21l-11 11v0l12 12c3 2 6 4 10 4s7 -2 10 -4z" />
+ <glyph glyph-name="ion-ios-contact-outline" unicode="&#xf419;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 383c-105 0 -191 -86 -191 -191c0 -47 17 -89 45 -122c18 8 62 24 90 32c2 1 3 0 3 10c0 11 -1 18 -4 24c-4 8 -7 20 -9 31c-4 5 -10 15 -14 33c-3 16 -1 22 1 28v2
+c1 4 0 23 -3 38c-2 10 1 34 15 52c9 12 27 26 58 28h18c32 -2 49 -16 58 -28c14 -18 17 -42 15 -52c-3 -15 -4 -34 -3 -38c0 0 1 -1 1 -2c2 -6 3 -12 0 -28c-4 -18 -10 -27 -14 -32c-2 -11 -5 -24 -9 -32c-3 -7 -6 -15 -6 -23c0 -10 0 -10 2 -11c27 -8 73 -24 93 -32
+c28 33 45 76 45 122c0 105 -86 191 -191 191z" />
+ <glyph glyph-name="ion-ios-contact" unicode="&#xf41a;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c59 0 111 27 146 69c-20 8 -66 24 -93 32c-2 1 -3 1 -3 11c0 8 4 16 7 23c4 8 7 21 9 32c4 5 10 14 14 32c3 16 2 22 0 28c0 0 -1 1 -1 2c-1 4 0 23 3 38c2 10 -1 34 -15 52
+c-9 12 -26 26 -58 28h-18c-31 -2 -49 -16 -58 -28c-14 -18 -17 -42 -15 -52c3 -15 4 -34 3 -38v-2c-2 -6 -4 -12 -1 -28c4 -18 10 -28 14 -33c2 -11 5 -23 9 -31c3 -6 4 -13 4 -24c0 -10 -1 -9 -3 -10c-28 -8 -72 -24 -90 -32c35 -42 87 -69 146 -69z" />
+ <glyph glyph-name="ion-ios-copy-outline" unicode="&#xf41b;" horiz-adv-x="288"
+d="M192 352v-64h64v-16h-80v80h16zM213 384l75 -75v-261h-48v-48h-240v336h48v48h165zM224 16v32h-176v272h-32v-304h208zM272 64v238l-65 66h-143v-304h208z" />
+ <glyph glyph-name="ion-ios-copy" unicode="&#xf41c;" horiz-adv-x="288"
+d="M32 32h16h192v-32h-240v336h32v-288v-16zM213 384l75 -75v-261h-48h-192v288v48h165zM256 272v16h-64v64h-16v-80h80z" />
+ <glyph glyph-name="ion-ios-crop-strong" unicode="&#xf41d;" horiz-adv-x="384"
+d="M64 336v48h32v-48h-32zM96 96h176v-32h-208v208h32v-176zM336 64v32h48v-32h-48zM0 320h320v-320h-32v288h-288v32z" />
+ <glyph glyph-name="ion-ios-crop" unicode="&#xf41e;" horiz-adv-x="384"
+d="M64 336v48h16v-48h-16zM80 80h208v-16h-224v224h16v-208zM336 64v16h48v-16h-48zM0 320h320v-320h-16v304h-304v16z" />
+ <glyph glyph-name="ion-ios-download-outline" unicode="&#xf41f;" horiz-adv-x="320"
+d="M192 304h128v-304h-320v304h128v-16h-112v-272h288v272h-112v16zM97 196l55 -55v243h16v-243l55 55l11 -12l-74 -74l-74 74z" />
+ <glyph glyph-name="ion-ios-download" unicode="&#xf420;" horiz-adv-x="320"
+d="M168 304h152v-304h-320v304h152v-163l-55 55l-11 -12l74 -74l74 74l-11 12l-55 -55v163zM152 304v80h16v-80h-16z" />
+ <glyph glyph-name="ion-ios-drag" unicode="&#xf421;" horiz-adv-x="352"
+d="M0 128v16h352v-16h-352zM0 184v16h352v-16h-352zM0 240v16h352v-16h-352z" />
+ <glyph glyph-name="ion-ios-email-outline" unicode="&#xf422;" horiz-adv-x="384"
+d="M0 320h384v-256h-384v256zM192 180l163 124h-326zM16 80h352v214l-115 -88l68 -77l-2 -2l-79 70l-48 -37l-48 37l-79 -70l-2 2l68 77l-115 88v-214z" />
+ <glyph glyph-name="ion-ios-email" unicode="&#xf423;" horiz-adv-x="384"
+d="M384 64h-384v242l131 -100l-68 -77l2 -2l79 70l48 -37l48 37l79 -70l2 2l-68 77l131 100v-242zM376 320l-184 -140l-184 140h368z" />
+ <glyph glyph-name="ion-ios-eye-outline" unicode="&#xf424;" horiz-adv-x="384"
+d="M383 192l1 -1l-6 -6c-21 -21 -47 -48 -78 -69c-36 -24 -72 -36 -108 -36c-83 0 -130 49 -185 105l-7 7l1 1c39 40 67 64 94 81c32 20 63 30 97 30c83 0 146 -60 191 -112zM192 288c-62 0 -111 -36 -170 -96c24 -24 48 -50 76 -68c30 -20 60 -28 94 -28
+c75 0 133 56 171 95c-26 29 -50 50 -74 66c-32 21 -64 31 -97 31zM192 112c-44 0 -80 36 -80 80s36 80 80 80s80 -36 80 -80s-36 -80 -80 -80zM192 256c-35 0 -64 -29 -64 -64s29 -64 64 -64s64 29 64 64s-29 64 -64 64zM224 192h16v0c0 -26 -22 -48 -48 -48s-48 21 -48 48
+s22 48 48 48v-16c-16 0 -32 -13 -32 -31s15 -33 32 -33s32 14 32 32v0z" />
+ <glyph glyph-name="ion-ios-eye" unicode="&#xf425;" horiz-adv-x="384"
+d="M383 192l1 -1l-6 -6c-21 -21 -47 -48 -78 -69c-36 -24 -72 -36 -108 -36c-83 0 -130 49 -185 105l-7 7l1 1c39 40 67 64 94 81c32 20 63 30 97 30c83 0 146 -60 191 -112zM192 112c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80zM186 221
+c0 -19 16 -35 35 -35c7 0 14 2 19 6v0c0 -27 -22 -48 -48 -48s-48 21 -48 48s22 48 48 48c-4 -5 -6 -12 -6 -19z" />
+ <glyph glyph-name="ion-ios-fastforward-outline" unicode="&#xf426;"
+d="M16 293v-202l184 101zM240 292v0v-78v-27v-95l176 100zM224 320v0l224 -128l-224 -128v123l-224 -123v256l224 -123v123z" />
+ <glyph glyph-name="ion-ios-fastforward" unicode="&#xf427;"
+d="M224 320v0l224 -128l-224 -128v123l-224 -123v256l224 -123v123z" />
+ <glyph glyph-name="ion-ios-filing-outline" unicode="&#xf428;" horiz-adv-x="352"
+d="M288 320l64 -96v-160h-176h-176v160l64 96h224zM333 224l-45 68v-68h45zM80 304v-80h48c0 -26 22 -48 48 -48s48 22 48 48h48v80h-192zM64 292l-45 -68h45v68zM336 80v128h-98c-7 -28 -32 -48 -62 -48s-55 20 -62 48h-98v-128h160h160z" />
+ <glyph glyph-name="ion-ios-filing" unicode="&#xf429;" horiz-adv-x="352"
+d="M176 160c30 0 55 20 62 48h114v-144h-176h-176v144h114c7 -28 32 -48 62 -48zM64 224h-7h-57l64 96v0v-80h16v80h192v-80h16v80v0l64 -96h-56h-8h-16h-8h-40c0 -26 -22 -48 -48 -48s-48 22 -48 48h-39h-9h-16z" />
+ <glyph glyph-name="ion-ios-film-outline" unicode="&#xf42a;" horiz-adv-x="400"
+d="M0 360h400v-336h-400v336zM72 40v48h-56v-48h56zM72 104v48h-56v-48h56zM72 168v48h-56v-48h56zM72 232v48h-56v-48h56zM72 296v48h-56v-48h56zM312 40v144h-224v-144h224zM312 200v144h-224v-144h224zM384 40v48h-56v-48h56zM384 104v48h-56v-48h56zM384 168v48h-56v-48
+h56zM384 232v48h-56v-48h56zM384 296v48h-56v-48h56z" />
+ <glyph glyph-name="ion-ios-film" unicode="&#xf42b;" horiz-adv-x="400"
+d="M0 360h400v-336h-400v336zM72 40v48h-56v-48h56zM72 104v48h-56v-48h56zM72 168v48h-56v-48h56zM72 232v48h-56v-48h56zM72 296v48h-56v-48h56zM312 184v16h-224v-16h224zM384 40v48h-56v-48h56zM384 104v48h-56v-48h56zM384 168v48h-56v-48h56zM384 232v48h-56v-48h56z
+M384 296v48h-56v-48h56z" />
+ <glyph glyph-name="ion-ios-flag-outline" unicode="&#xf42c;" horiz-adv-x="256"
+d="M240 336c6 1 11 1 16 2v-16v-157c-5 -1 -10 -1 -16 -2c-11 -1 -24 -3 -39 -3c-25 0 -47 4 -69 9s-42 13 -64 13c-30 0 -46 -5 -52 -7v-143h-16v142v162v2l3 3c2 1 18 11 65 11c24 0 45 -4 67 -9c21 -4 42 -11 65 -11c15 0 29 3 40 4zM240 179v0v141c-11 -1 -25 -4 -40 -4
+c-25 0 -46 6 -68 11s-42 9 -64 9c-30 0 -46 -5 -52 -7v-137c10 3 26 6 52 6c24 0 45 -8 67 -13c21 -4 43 -9 66 -9c15 0 28 2 39 3z" />
+ <glyph glyph-name="ion-ios-flag" unicode="&#xf42d;" horiz-adv-x="256"
+d="M240 336c6 1 11 1 16 2v-16v-157c-5 -1 -10 -1 -16 -2c-11 -1 -24 -3 -39 -3c-25 0 -47 4 -69 9s-42 13 -64 13c-30 0 -46 -5 -52 -7v-143h-16v142v162v2l3 3c2 1 18 11 65 11c24 0 45 -4 67 -9c21 -4 42 -11 65 -11c15 0 29 3 40 4z" />
+ <glyph glyph-name="ion-ios-flame-outline" unicode="&#xf42e;" horiz-adv-x="256"
+d="M96 416c87 -64 170 -179 159 -288c-13 -134 -104 -160 -127 -160s-127 40 -128 160c-1 146 122 143 96 288zM128 -24c0 0 40 36 40 80s-40 80 -40 80s-41 -36 -41 -80s41 -80 41 -80zM239 130c5 47 -10 99 -41 151c-22 36 -50 70 -83 99c0 -57 -24 -91 -49 -123
+c-26 -34 -50 -65 -50 -129c0 -25 5 -48 15 -68c8 -17 20 -32 35 -45c8 -7 16 -12 23 -16c-9 16 -18 35 -18 57c0 51 44 90 46 92l11 9l11 -9c2 -2 45 -41 45 -92c0 -23 -9 -44 -19 -60c7 4 13 8 20 14c14 12 25 27 34 44c11 21 17 47 20 76z" />
+ <glyph glyph-name="ion-ios-flame" unicode="&#xf42f;" horiz-adv-x="256"
+d="M96 416c87 -64 170 -179 159 -288c-13 -134 -104 -160 -127 -160s-127 40 -128 160c-1 146 122 143 96 288zM128 -24c0 0 40 36 40 80s-40 80 -40 80s-41 -36 -41 -80s41 -80 41 -80z" />
+ <glyph glyph-name="ion-ios-flask-outline" unicode="&#xf430;" horiz-adv-x="384"
+d="M373 78c8 -16 11 -32 11 -46c-1 -36 -27 -64 -63 -64h-256c-36 0 -64 27 -65 64c0 14 4 30 12 46l116 195v127h-16v16h16h16v-16v-16h48v-16h-48v-32h32v-16h-32v-32h48v-16h-48v-3l-2 -4l-15 -25h49v-16h-58l-92 -154c-13 -25 -14 -43 -2 -63c9 -14 23 -23 41 -23h256
+c17 0 33 8 41 22c5 8 6 17 6 26c0 12 -2 25 -9 38l-116 195l-3 4v131v16h16h16v-16h-16v-127zM44 73l72 119h153l72 -119c7 -11 10 -24 10 -33c-1 -24 -16 -40 -46 -40h-226c-30 0 -46 12 -46 40c0 9 4 22 11 33zM260 176h-135l-67 -111v0v0c-5 -8 -9 -19 -9 -25
+c0 -13 5 -17 6 -18c4 -4 13 -6 24 -6h226c10 0 18 3 23 7c4 4 7 10 7 18c0 6 -3 16 -8 24v0v0z" />
+ <glyph glyph-name="ion-ios-flask" unicode="&#xf431;" horiz-adv-x="384"
+d="M327 65v0c5 -8 8 -18 8 -24c0 -8 -3 -14 -7 -18c-5 -4 -13 -7 -23 -7h-226c-11 0 -20 2 -24 6c-1 1 -6 5 -6 18c0 6 4 17 9 25v0v0l67 111h135l67 -111v0zM373 78c8 -16 11 -32 11 -46c-1 -36 -27 -64 -63 -64h-256c-36 0 -64 27 -65 64c0 14 4 30 12 46l116 195v127h-16
+v16h160v-16h-16v-127zM144 384v-16h48v16h-48zM144 336v-16h32v16h-32zM144 288v-16h48v16h-48zM127 240l-9 -16h58v16h-49zM351 40c0 9 -3 22 -10 33l-72 119h-154l-71 -119c-7 -11 -11 -24 -11 -33c0 -28 16 -40 46 -40h226c30 0 45 16 46 40z" />
+ <glyph glyph-name="ion-ios-flower-outline" unicode="&#xf432;"
+d="M363 164c-29 0 -65 7 -93 14c-1 -3 -2 -6 -4 -9c25 -15 56 -36 76 -56c40 -40 53 -68 41 -80c-3 -3 -7 -4 -12 -4c-15 0 -38 15 -68 45c-20 20 -41 51 -56 76c-3 -2 -7 -3 -10 -4c7 -28 15 -64 15 -93c0 -56 -12 -85 -28 -85s-28 29 -28 85c0 29 8 65 15 93
+c-3 1 -7 2 -10 4c-15 -25 -36 -56 -56 -76c-30 -30 -53 -45 -68 -45c-5 0 -9 1 -12 4c-12 12 1 40 41 80c20 20 51 41 76 56c-2 3 -3 6 -4 9c-28 -7 -64 -14 -93 -14c-56 0 -85 12 -85 28s29 28 85 28c29 0 65 -8 93 -15c1 3 2 7 4 10c-25 15 -56 35 -76 55
+c-40 40 -53 68 -41 80c3 3 7 4 12 4c15 0 38 -14 68 -44c20 -20 41 -51 56 -76c3 2 7 3 10 4c-7 28 -15 64 -15 93c0 56 12 85 28 85s28 -29 28 -85c0 -29 -8 -65 -15 -93c3 -1 7 -2 10 -4c15 25 36 56 56 76c30 30 53 44 68 44c5 0 9 -1 12 -4c12 -12 -1 -40 -41 -80
+c-20 -20 -51 -40 -76 -55c2 -3 3 -7 4 -10c28 7 64 15 93 15c56 0 85 -12 85 -28s-29 -28 -85 -28zM288 193v-3c30 -7 56 -10 75 -10c21 0 39 2 52 5c10 3 14 6 16 7c-2 1 -6 4 -16 7c-13 3 -31 5 -52 5c-19 0 -45 -4 -75 -11zM314 299c-14 -14 -30 -35 -46 -61l2 -2
+c26 16 47 32 61 46c15 15 26 28 33 40c5 9 7 14 7 16c-4 0 -22 -4 -57 -39zM178 236l2 2c-16 26 -32 47 -46 61c-35 35 -53 39 -57 39c0 -2 2 -7 7 -16c7 -12 18 -25 33 -40c14 -14 35 -30 61 -46zM85 180c19 0 45 3 75 10v3c-30 7 -56 11 -75 11c-21 0 -39 -2 -52 -5
+c-10 -3 -14 -6 -16 -7c2 -1 5 -4 15 -7c13 -3 32 -5 53 -5zM134 85c14 14 30 35 46 61l-2 2c-26 -16 -47 -32 -61 -46c-15 -15 -26 -29 -33 -41c-5 -9 -7 -14 -7 -16c4 0 22 5 57 40zM270 148l-2 -2c16 -26 32 -47 46 -61c35 -35 53 -40 57 -40c0 2 -2 7 -7 16
+c-7 12 -18 26 -33 41c-14 14 -35 30 -61 46zM217 383c-3 -13 -5 -31 -5 -52c0 -19 4 -45 11 -75h2c7 30 11 56 11 75c0 21 -2 39 -5 52c-3 10 -6 14 -7 16c-1 -2 -4 -6 -7 -16zM231 0c3 13 5 32 5 53c0 19 -4 45 -11 75h-2c-7 -30 -11 -56 -11 -75c0 -21 2 -40 5 -53
+c3 -10 6 -13 7 -15c1 2 4 5 7 15zM224 160c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM313 42c10 -34 7 -53 -5 -58c-2 -1 -3 -1 -5 -1c-11 0 -25 13 -37 35c5 35 -2 76 -2 76s24 -34 49 -52zM302 -1c1 4 2 14 -3 34c-5 4 -10 9 -15 14
+c0 -9 0 -17 -1 -25c10 -16 16 -22 19 -23zM182 365c-6 -35 1 -75 1 -75s-27 35 -48 51c-10 35 -7 54 5 59c2 1 3 1 5 1c11 0 24 -12 37 -36zM164 337c0 9 0 17 1 25c-10 16 -16 21 -19 22c-1 -4 -2 -14 3 -34c5 -4 10 -8 15 -13zM50 149c35 -4 76 2 76 2s-34 -24 -51 -48
+c-12 -4 -26 -6 -35 -6c-13 0 -21 4 -24 11c-5 11 7 25 34 41zM66 117c4 5 8 10 13 15c-9 0 -17 0 -25 1c-16 -10 -21 -16 -22 -19c1 0 4 -1 8 -1c7 0 16 1 26 4zM432 276c5 -11 -7 -26 -34 -42c-35 5 -76 -2 -76 -2s33 25 51 49c13 4 26 5 35 5c13 0 21 -3 24 -10zM394 250
+c16 10 21 16 22 19c-1 0 -4 1 -8 1c-7 0 -16 -1 -26 -4c-4 -5 -8 -9 -13 -14c9 0 17 -1 25 -2zM131 39c31 24 53 55 53 55s-7 -39 -3 -71c-15 -26 -28 -39 -39 -39c-2 0 -4 0 -6 1c-11 5 -13 24 -5 54zM143 1c4 2 12 8 22 26c0 6 -1 13 -1 20c-6 -6 -13 -12 -19 -17
+c-4 -18 -3 -26 -2 -29zM312 398c11 -5 13 -22 5 -54c-29 -21 -53 -55 -53 -55s8 48 3 71c13 25 28 39 39 39c2 0 4 0 6 -1zM303 353c5 18 3 27 2 30c-4 -2 -12 -8 -22 -26c0 -6 1 -14 1 -21c6 6 13 12 19 17zM71 285c18 -24 55 -53 55 -53s-40 7 -70 3c-28 15 -43 32 -38 44
+c3 7 10 11 22 11c8 0 21 -1 31 -5zM33 273c2 -4 8 -12 26 -22c6 0 13 1 20 1c-6 6 -12 12 -17 18c-8 2 -16 4 -22 4c-4 0 -6 -1 -7 -1zM392 149c30 -17 43 -33 38 -45c-3 -7 -10 -10 -22 -10c-8 0 -19 1 -31 5c-20 27 -55 52 -55 52s45 -8 70 -2zM408 110c4 0 6 1 7 1
+c-2 4 -8 12 -26 22c-6 0 -13 -1 -20 -1c6 -6 12 -13 17 -19c8 -2 16 -3 22 -3z" />
+ <glyph glyph-name="ion-ios-flower" unicode="&#xf433;"
+d="M363 220c56 0 85 -12 85 -28s-29 -28 -85 -28c-29 0 -65 7 -93 14c-1 -3 -2 -6 -4 -9c25 -15 56 -36 76 -56c40 -40 53 -68 41 -80s-40 1 -80 41c-20 20 -41 51 -56 76c-3 -2 -7 -3 -10 -4c7 -28 15 -64 15 -93c0 -56 -12 -85 -28 -85s-28 29 -28 85c0 29 8 65 15 93
+c-3 1 -7 2 -10 4c-15 -25 -36 -56 -56 -76c-40 -40 -68 -53 -80 -41s1 40 41 80c20 20 51 41 76 56c-2 3 -3 6 -4 9c-28 -7 -64 -14 -93 -14c-56 0 -85 12 -85 28s29 28 85 28c29 0 65 -8 93 -15c1 3 2 7 4 10c-25 15 -56 35 -76 55c-40 40 -53 68 -41 80s40 0 80 -40
+c20 -20 41 -51 56 -76c3 2 6 3 9 4c-7 28 -14 64 -14 93c0 56 12 85 28 85s28 -29 28 -85c0 -29 -7 -65 -14 -93c3 -1 6 -2 9 -4c15 25 36 56 56 76c40 40 68 52 80 40s-1 -40 -41 -80c-20 -20 -51 -40 -76 -55c2 -3 3 -7 4 -10c28 7 64 15 93 15zM264 94c0 0 24 -34 49 -52
+c10 -34 7 -53 -5 -58c-2 -1 -3 -1 -5 -1c-11 0 -25 13 -37 35c5 35 -2 76 -2 76zM183 290c0 0 -27 35 -48 51c-10 35 -7 54 5 59c2 1 3 1 5 1c11 0 24 -12 37 -36c-6 -35 1 -75 1 -75zM126 151c0 0 -34 -24 -51 -48c-12 -4 -26 -6 -35 -6c-13 0 -21 4 -24 11
+c-5 11 7 25 34 41c35 -4 76 2 76 2zM322 232c0 0 33 25 51 49c13 4 26 5 35 5c13 0 21 -3 24 -10c5 -11 -7 -26 -34 -42c-35 5 -76 -2 -76 -2zM131 39c31 24 53 55 53 55s-7 -39 -3 -71c-15 -26 -28 -39 -39 -39c-2 0 -4 0 -6 1c-11 5 -13 24 -5 54zM317 344
+c-29 -21 -53 -55 -53 -55s8 48 3 71c13 25 28 39 39 39c2 0 4 0 6 -1c11 -5 13 -22 5 -54zM56 235c-28 15 -43 32 -38 44c3 7 10 11 22 11c8 0 21 -1 31 -5c18 -24 55 -53 55 -53s-40 7 -70 3zM392 149c30 -17 43 -33 38 -45c-3 -7 -10 -10 -22 -10c-8 0 -19 1 -31 5
+c-20 27 -55 52 -55 52s45 -8 70 -2z" />
+ <glyph glyph-name="ion-ios-folder-outline" unicode="&#xf434;"
+d="M425 352c13 0 23 -10 23 -23v-304c0 -14 -10 -25 -23 -25h-400c-13 0 -25 12 -25 25v336c0 13 11 23 25 23h112c8 0 12 -2 17 -7v0l23 -23c2 -2 3 -2 6 -2h242zM25 368c-4 0 -9 -3 -9 -7v-74c3 1 5 1 8 1h400c3 0 5 0 8 -1v42c0 4 -3 7 -7 7h-242c-7 0 -12 2 -17 7
+l-23 23c-2 2 -3 2 -6 2h-112zM432 25v239c0 4 -4 8 -8 8h-400c-4 0 -8 -4 -8 -8v-239c0 -4 5 -9 9 -9h400c4 0 7 5 7 9z" />
+ <glyph glyph-name="ion-ios-folder" unicode="&#xf435;"
+d="M440 272c4 0 8 -4 8 -8v-239c0 -14 -10 -25 -23 -25h-400c-13 0 -25 12 -25 25v239c0 4 4 8 8 8h432zM425 352c13 0 23 -10 23 -23v-42c-3 1 -5 1 -8 1h-432c-3 0 -5 0 -8 -1v74c0 13 11 23 25 23h112c8 0 12 -2 17 -7v0l23 -23c2 -2 3 -2 6 -2h242z" />
+ <glyph glyph-name="ion-ios-football-outline" unicode="&#xf436;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM249 6c3 1 5 1 8 2l24 64l-20 39v1h-106l-20 -39l25 -65c2 -1 5 -1 7 -2c12 -3 25 -5 38 -5c14 0 30 2 44 5zM41 284c-15 -27 -23 -57 -24 -89l43 37v0zM142 371
+c-36 -14 -68 -38 -90 -69l22 -64l5 -2l49 -23l71 60v58zM277 201l-70 58l-69 -58v-1l18 -72h104l18 72zM399 195c-1 32 -9 63 -24 90l-19 -53v0zM364 302c-22 31 -54 56 -90 69l-58 -40v-58l71 -60l54 24zM18 175c3 -34 15 -66 33 -92l70 -1l21 39l-20 77l-1 1l-49 22z
+M295 82l70 1c18 26 30 58 33 92l-54 46l-50 -23l-20 -77zM207 345l47 32c-15 4 -30 6 -46 6s-32 -2 -47 -6zM118 66l-54 1c20 -23 46 -42 75 -53l-20 50zM277 14c29 11 55 30 75 53l-56 -1l-2 -3z" />
+ <glyph glyph-name="ion-ios-football" unicode="&#xf437;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM249 6c3 1 5 1 8 2l24 64l-20 39v1h-106l-20 -39l25 -65c2 -1 5 -1 7 -2c12 -3 25 -5 38 -5c14 0 30 2 44 5zM142 371c-36 -14 -68 -38 -90 -69l22 -64l5 -2l49 -23l71 60v58z
+M364 302c-22 31 -54 56 -90 69l-58 -40v-58l71 -60l54 24zM18 175c3 -34 15 -66 33 -92l70 -1l21 39l-20 77l-1 1l-49 22zM295 82l70 1c18 26 30 58 33 92l-54 46l-50 -23l-20 -77z" />
+ <glyph glyph-name="ion-ios-game-controller-a-outline" unicode="&#xf438;"
+d="M163 208c3 0 5 -2 5 -5v-22c0 -3 -2 -5 -5 -5h-35v-35c0 -3 -3 -5 -6 -5h-21c-3 0 -5 2 -5 5v35h-35c-3 0 -5 3 -5 6v21c0 3 2 5 5 5h35v35c0 3 2 5 5 5h22c3 0 5 -2 5 -5v-35h35zM330 169c11 0 20 -8 20 -19s-9 -19 -20 -19s-19 8 -19 19s8 19 19 19zM288 211
+c11 0 19 -8 19 -19s-8 -19 -19 -19s-20 8 -20 19s9 19 20 19zM373 211c11 0 19 -8 19 -19s-8 -19 -19 -19s-20 8 -20 19s9 19 20 19zM330 253c11 0 20 -8 20 -19s-9 -20 -20 -20s-19 9 -19 20s8 19 19 19zM337 286h-226c-26 0 -49 -9 -67 -26s-28 -41 -28 -67s10 -51 28 -68
+s41 -27 67 -27h226c26 0 49 10 67 27s28 42 28 68s-10 50 -28 67s-41 26 -67 26zM337 302v0c61 0 111 -45 111 -109s-50 -111 -111 -111h-226c-61 0 -111 47 -111 111s50 109 111 109h226z" />
+ <glyph glyph-name="ion-ios-game-controller-a" unicode="&#xf439;"
+d="M337 302c61 0 111 -45 111 -109s-50 -111 -111 -111h-226c-61 0 -111 47 -111 111s50 109 111 109h226zM168 181v0v22c0 3 -2 5 -5 5h-35v35c0 3 -2 5 -5 5h-22c-3 0 -5 -2 -5 -5v-35h-35c-3 0 -5 -2 -5 -5v-21c0 -3 2 -6 5 -6h35v-35c0 -3 2 -5 5 -5h21c3 0 6 2 6 5v35
+h35c3 0 5 2 5 5zM288 173c11 0 19 8 19 19s-8 19 -19 19s-20 -8 -20 -19s9 -19 20 -19zM330 131c11 0 20 8 20 19s-9 19 -20 19s-19 -8 -19 -19s8 -19 19 -19zM330 214c11 0 20 9 20 20s-9 19 -20 19s-19 -8 -19 -19s8 -20 19 -20zM373 173c11 0 19 8 19 19s-8 19 -19 19
+s-20 -8 -20 -19s9 -19 20 -19z" />
+ <glyph glyph-name="ion-ios-game-controller-b-outline" unicode="&#xf43a;"
+d="M276 244c11 0 20 -9 20 -20s-9 -20 -20 -20s-20 9 -20 20s9 20 20 20zM320 200c11 0 20 -9 20 -20s-9 -20 -20 -20s-20 9 -20 20s9 20 20 20zM103 264c22 0 39 -18 39 -40s-17 -40 -39 -40s-39 18 -39 40s17 40 39 40zM103 205c11 0 19 8 19 19s-8 19 -19 19
+s-19 -8 -19 -19s8 -19 19 -19zM320 288c11 0 20 -9 20 -20s-9 -20 -20 -20s-20 9 -20 20s9 20 20 20zM364 244c11 0 20 -9 20 -20s-9 -20 -20 -20s-20 9 -20 20s9 20 20 20zM434 199c21 -88 18 -152 -7 -164c-4 -2 -9 -3 -13 -3c-22 0 -45 24 -68 52c-26 32 -32 33 -110 33
+h-24c-78 0 -84 -1 -110 -33c-23 -28 -46 -52 -68 -52c-4 0 -9 1 -13 3c-25 12 -28 76 -7 164s43 136 88 149c10 3 18 4 26 4c28 0 47 -15 96 -15s68 15 96 15c8 0 16 -1 26 -4c45 -13 67 -61 88 -149zM420 49c10 5 23 48 -1 146c-21 90 -43 128 -78 138c-8 2 -14 3 -21 3
+c-10 0 -19 -2 -30 -5c-16 -4 -36 -10 -66 -10s-50 6 -66 10c-11 3 -20 5 -30 5c-7 0 -13 -1 -21 -3c-35 -10 -57 -48 -78 -138c-24 -98 -11 -141 -1 -146c2 -1 4 -1 6 -1c6 0 14 4 23 12s19 18 32 34s24 28 44 34c17 5 38 5 79 5h24c41 0 62 0 79 -5c20 -6 31 -18 44 -34
+s23 -26 32 -34s17 -12 23 -12c2 0 4 0 6 1z" />
+ <glyph glyph-name="ion-ios-game-controller-b" unicode="&#xf43b;"
+d="M103 243c11 0 19 -8 19 -19s-8 -19 -19 -19s-19 8 -19 19s8 19 19 19zM434 199c21 -88 18 -152 -7 -164c-4 -2 -9 -3 -13 -3c-22 0 -45 24 -68 52c-26 32 -32 33 -110 33h-24c-78 0 -84 -1 -110 -33c-23 -28 -46 -52 -68 -52c-4 0 -9 1 -13 3c-25 12 -28 76 -7 164
+s43 136 88 149c10 3 18 4 26 4c28 0 47 -15 96 -15s68 15 96 15c8 0 16 -1 26 -4c45 -13 67 -61 88 -149zM103 184c22 0 39 18 39 40s-17 40 -39 40s-39 -18 -39 -40s17 -40 39 -40zM276 204c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20zM320 160
+c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20zM320 248c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20zM364 204c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20z" />
+ <glyph glyph-name="ion-ios-gear-outline" unicode="&#xf43c;" horiz-adv-x="384"
+d="M193 288c26 0 50 -10 68 -28s28 -42 28 -68s-10 -50 -28 -68s-42 -28 -68 -28s-50 10 -68 28s-28 42 -28 68s10 50 28 68s42 28 68 28zM193 112c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80zM138 365c-10 -3 -20 -7 -30 -12c2 -8 1 -16 0 -24
+c-2 -13 -8 -25 -18 -35c-12 -12 -29 -19 -46 -19c-4 0 -9 0 -13 1c-5 -10 -9 -20 -12 -30c7 -4 12 -10 17 -17c8 -11 12 -24 12 -37s-4 -26 -12 -37c-5 -7 -10 -13 -17 -17c3 -10 7 -20 12 -30c4 1 9 1 13 1c17 0 34 -7 46 -19c10 -10 16 -22 18 -35c1 -8 2 -16 0 -24
+c10 -5 20 -9 30 -12c4 7 10 12 17 17c11 8 24 12 37 12s26 -4 37 -12c7 -5 13 -10 17 -17c10 3 20 7 30 12c-2 8 -1 16 0 24c2 13 8 25 18 35c12 12 29 19 46 19c4 0 9 0 13 -1c5 10 9 20 12 30c-7 4 -12 10 -17 17c-8 11 -12 24 -12 37s4 26 12 37c5 7 10 13 17 17
+c-3 10 -7 20 -12 30c-4 -1 -9 -1 -13 -1c-17 0 -34 7 -46 19c-10 10 -16 22 -18 35c-1 8 -2 16 0 24c-10 5 -20 9 -30 12c-4 -7 -10 -12 -17 -17c-11 -8 -24 -12 -37 -12s-26 4 -37 12c-7 5 -13 10 -17 17zM238 384v0c20 -5 40 -13 57 -24c-8 -18 -5 -40 10 -55
+c10 -10 22 -14 35 -14c7 0 14 1 20 4c11 -17 19 -37 24 -57c-19 -7 -32 -25 -32 -46s14 -39 32 -46c-5 -20 -13 -40 -24 -57c-6 3 -13 4 -20 4c-13 0 -25 -4 -35 -14c-15 -15 -18 -37 -10 -55c-17 -11 -37 -19 -57 -24c-7 18 -25 32 -46 32s-39 -14 -46 -32
+c-20 5 -40 13 -57 24c8 18 5 40 -10 55c-10 10 -22 14 -35 14c-7 0 -14 -1 -20 -4c-11 17 -19 37 -24 57c18 7 32 25 32 46s-13 39 -32 46c5 20 13 40 24 57c6 -3 13 -4 20 -4c13 0 25 4 35 14c15 15 18 37 10 55c17 11 37 19 57 24c7 -19 25 -32 46 -32s39 13 46 32z" />
+ <glyph glyph-name="ion-ios-gear" unicode="&#xf43d;" horiz-adv-x="384"
+d="M352 192c0 -21 14 -39 32 -46c-5 -20 -13 -40 -24 -57c-6 3 -13 4 -20 4c-13 0 -25 -4 -35 -14c-15 -15 -18 -37 -10 -55c-17 -11 -37 -19 -57 -24c-7 18 -25 32 -46 32s-39 -14 -46 -32c-20 5 -40 13 -57 24c8 18 5 40 -10 55c-10 10 -22 14 -35 14c-7 0 -14 -1 -20 -4
+c-11 17 -19 37 -24 57c18 7 32 25 32 46s-13 39 -32 46c5 20 13 40 24 57c6 -3 13 -4 20 -4c13 0 25 4 35 14c15 15 18 37 10 55c17 11 37 19 57 24c7 -19 25 -32 46 -32s39 13 46 32c20 -5 40 -13 57 -24c-8 -18 -5 -40 10 -55c10 -10 22 -14 35 -14c7 0 14 1 20 4
+c11 -17 19 -37 24 -57c-19 -7 -32 -25 -32 -46zM193 112c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80z" />
+ <glyph glyph-name="ion-ios-glasses-outline" unicode="&#xf43e;"
+d="M433 201v0h15v-18h-15c-2 -22 -13 -43 -29 -58c-17 -16 -39 -25 -62 -25c-51 0 -92 41 -92 92v0v0c0 10 -12 22 -26 22s-26 -12 -26 -22v0v0c0 -51 -41 -92 -92 -92c-23 0 -45 9 -62 25c-16 15 -27 36 -29 58h-15v18h15c2 22 13 43 29 59c17 16 39 24 62 24
+c42 0 78 -27 89 -67c7 7 18 12 29 12s22 -5 29 -12c11 40 47 67 89 67c23 0 45 -9 62 -25c16 -15 27 -36 29 -58zM342 115c42 0 77 35 77 77s-35 77 -77 77s-77 -35 -77 -77s35 -77 77 -77zM106 115c42 0 77 35 77 77s-35 77 -77 77s-77 -35 -77 -77s35 -77 77 -77z" />
+ <glyph glyph-name="ion-ios-glasses" unicode="&#xf43f;"
+d="M433 201v0h15v-18h-15c-2 -22 -13 -43 -29 -58c-17 -16 -39 -25 -62 -25c-51 0 -92 41 -92 92v0v0c0 10 -12 22 -26 22s-26 -12 -26 -22v0v0c0 -51 -41 -92 -92 -92c-23 0 -45 9 -62 25c-16 15 -27 36 -29 58h-15v18h15c2 22 13 43 29 59c17 16 39 24 62 24
+c42 0 78 -27 89 -67c7 7 18 12 29 12s22 -5 29 -12c11 40 47 67 89 67c23 0 45 -9 62 -25c16 -15 27 -36 29 -58z" />
+ <glyph glyph-name="ion-ios-grid-view-outline" unicode="&#xf440;" horiz-adv-x="384"
+d="M384 256h-112v-128h112v-16h-112v-112h-16v112h-128v-112h-16v112h-112v16h112v128h-112v16h112v112h16v-112h128v112h16v-112h112v-16zM256 128v128h-128v-128h128z" />
+ <glyph glyph-name="ion-ios-grid-view" unicode="&#xf441;" horiz-adv-x="384"
+d="M128 128v128h128v-128h-128zM0 384h384v-384h-384v384zM352 256v16h-80v80h-16v-80h-128v80h-16v-80h-80v-16h80v-128h-80v-16h80v-80h16v80h128v-80h16v80h80v16h-80v128h80z" />
+ <glyph glyph-name="ion-ios-heart-outline" unicode="&#xf442;"
+d="M327 368c69 0 121 -43 121 -116c0 -31 -13 -71 -41 -105s-45 -52 -100 -88s-83 -43 -83 -43s-28 7 -83 43s-72 54 -100 88s-41 74 -41 105c0 73 52 116 121 116c39 0 82 -18 103 -53c21 35 64 53 103 53zM395 157c12 14 22 31 28 49c6 16 9 31 9 46c0 30 -10 56 -29 74
+c-9 8 -20 15 -33 19c-13 5 -28 7 -43 7c-38 0 -73 -18 -89 -45l-14 -23l-14 23c-16 27 -51 45 -89 45c-15 0 -30 -2 -43 -7c-13 -4 -24 -11 -33 -19c-19 -18 -29 -44 -29 -74c0 -15 3 -30 9 -46c6 -18 16 -35 28 -49c27 -32 42 -49 97 -85c40 -27 65 -36 74 -39
+c9 3 34 12 74 39c55 36 70 53 97 85z" />
+ <glyph glyph-name="ion-ios-heart" unicode="&#xf443;"
+d="M327 368c69 0 121 -43 121 -116c0 -31 -13 -71 -41 -105s-45 -52 -100 -88s-83 -43 -83 -43s-28 7 -83 43s-72 54 -100 88s-41 74 -41 105c0 73 52 116 121 116c39 0 82 -18 103 -53c21 35 64 53 103 53z" />
+ <glyph glyph-name="ion-ios-help-empty" unicode="&#xf444;" horiz-adv-x="128"
+d="M68 82c-9 0 -17 8 -17 17s8 17 17 17s17 -8 17 -17s-8 -17 -17 -17zM102 197c-23 -22 -22 -27 -23 -53h-19c1 28 7 43 30 64c11 10 19 24 19 39c0 24 -19 39 -42 39c-32 0 -49 -16 -48 -46h-19c0 42 25 62 68 62c33 0 60 -20 60 -54c0 -22 -11 -37 -26 -51z" />
+ <glyph glyph-name="ion-ios-help-outline" unicode="&#xf445;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM212 302c33 0 60 -21 60 -55c0 -22 -11 -36 -26 -50c-23 -23 -22 -27 -23 -53h-19
+c1 28 7 43 30 64c11 10 19 23 19 38c0 24 -19 40 -42 40c-32 0 -49 -16 -48 -46h-19c0 42 25 62 68 62zM212 116c9 0 17 -8 17 -17s-8 -17 -17 -17s-17 8 -17 17s8 17 17 17z" />
+ <glyph glyph-name="ion-ios-help" unicode="&#xf446;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM212 82c9 0 17 8 17 17s-8 17 -17 17s-17 -8 -17 -17s8 -17 17 -17zM246 197c15 14 26 29 26 51c0 34 -27 54 -60 54c-43 0 -68 -20 -68 -62h19c-1 30 16 46 48 46
+c23 0 42 -15 42 -39c0 -15 -8 -29 -19 -39c-23 -21 -29 -36 -30 -64h19c1 26 0 31 23 53z" />
+ <glyph glyph-name="ion-ios-home-outline" unicode="&#xf447;" horiz-adv-x="384"
+d="M192 336l160 -128v-208h-112v128h-96v-128h-112v208zM336 16v184l-144 116l-144 -116v-184h80v128h128v-128h80zM192 384l192 -153l-12 -12l-180 145l-180 -145l-12 12l32 25v96h64v-45zM80 294v42h-32v-67z" />
+ <glyph glyph-name="ion-ios-home" unicode="&#xf448;" horiz-adv-x="384"
+d="M192 336l160 -128v-208h-112v128h-96v-128h-112v208zM192 384l192 -153l-12 -12l-180 145l-180 -145l-12 12l32 25v96h64v-45z" />
+ <glyph glyph-name="ion-ios-infinite-outline" unicode="&#xf449;"
+d="M419 260c19 -19 29 -43 29 -68s-10 -49 -29 -68c-19 -18 -44 -28 -70 -28s-50 10 -69 28l-126 123c-15 15 -35 22 -56 22s-40 -7 -55 -22c-31 -30 -31 -80 0 -110c15 -15 34 -22 55 -22s41 7 56 22l43 42l13 -14l-42 -41c-19 -18 -44 -28 -70 -28s-50 10 -69 28
+c-19 19 -29 43 -29 68s10 49 29 68c19 18 43 28 69 28s51 -10 70 -28l126 -123c15 -15 34 -22 55 -22s41 7 56 22c31 30 31 80 0 110c-15 15 -35 22 -56 22s-40 -7 -55 -22l-43 -42l-13 14l42 41c19 18 44 28 70 28s50 -10 69 -28z" />
+ <glyph glyph-name="ion-ios-infinite" unicode="&#xf44a;" horiz-adv-x="464"
+d="M433 266c20 -20 31 -46 31 -74s-11 -54 -31 -74s-48 -30 -76 -30s-55 10 -75 30l-125 123c-13 13 -32 20 -51 20s-37 -7 -50 -20s-21 -31 -21 -49c0 -19 8 -36 21 -49s31 -20 50 -20s38 7 51 20l39 38l25 -25l-39 -38c-20 -20 -48 -30 -76 -30s-55 10 -75 30
+s-31 46 -31 74s11 54 31 74s47 30 75 30s56 -10 76 -30l125 -123c13 -13 31 -20 50 -20s38 7 51 20s20 31 20 49c0 19 -7 36 -20 49s-32 20 -51 20s-37 -7 -50 -20l-39 -38l-25 25l39 38c20 20 48 30 76 30s55 -10 75 -30z" />
+ <glyph glyph-name="ion-ios-information-empty" unicode="&#xf44b;" horiz-adv-x="64"
+d="M8 276c0 13 7 20 20 20s20 -7 20 -20s-7 -20 -20 -20s-20 7 -20 20zM48 104h16v-8h-64v8h16v120h-16v8h48v-128z" />
+ <glyph glyph-name="ion-ios-information-outline" unicode="&#xf44c;" horiz-adv-x="416"
+d="M184 276c0 13 7 20 20 20s20 -7 20 -20s-7 -20 -20 -20s-20 7 -20 20zM224 104h16v-8h-64v8h16v120h-16v8h48v-128zM208 400c57 0 106 -20 147 -61s61 -90 61 -147s-20 -106 -61 -147s-90 -61 -147 -61s-106 20 -147 61s-61 90 -61 147s20 106 61 147s90 61 147 61z
+M208 1c53 0 98 19 135 56s56 82 56 135s-19 98 -56 135s-82 56 -135 56s-98 -19 -135 -56s-56 -82 -56 -135s19 -98 56 -135s82 -56 135 -56z" />
+ <glyph glyph-name="ion-ios-information" unicode="&#xf44d;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM204 296c-11 0 -20 -9 -20 -20s9 -20 20 -20s20 9 20 20s-9 20 -20 20zM240 96v8h-16v128h-48v-8h16v-120h-16v-8h64z" />
+ <glyph glyph-name="ion-ios-ionic-outline" unicode="&#xf44e;" horiz-adv-x="416"
+d="M378 313c24 -34 38 -76 38 -121c0 -115 -92 -208 -207 -208s-209 93 -209 208s94 208 209 208c45 0 86 -14 120 -38c6 5 13 8 21 8c19 0 35 -16 35 -35c0 -8 -2 -16 -7 -22zM350 357c-12 0 -22 -10 -22 -22s10 -22 22 -22s22 10 22 22s-10 22 -22 22zM344 56
+c18 18 31 39 41 62c10 24 15 48 15 74s-5 51 -15 75c-5 13 -12 25 -20 36c-5 -2 -10 -3 -15 -3c-19 0 -35 16 -35 35c0 5 2 11 4 15c-11 8 -23 15 -36 20c-24 10 -49 14 -75 14s-51 -4 -75 -14c-23 -10 -43 -24 -61 -42s-31 -38 -41 -61c-10 -24 -15 -49 -15 -75
+s5 -50 15 -74c10 -23 23 -44 41 -62s38 -31 61 -41c24 -10 49 -15 75 -15s51 5 75 15c23 10 43 23 61 41zM208 288c53 0 96 -43 96 -96s-43 -96 -96 -96s-96 43 -96 96s43 96 96 96zM208 112c44 0 80 36 80 80s-36 80 -80 80s-79 -36 -79 -80s35 -80 79 -80z" />
+ <glyph glyph-name="ion-ios-keypad-outline" unicode="&#xf44f;" horiz-adv-x="384"
+d="M331 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-54 23 -54 53s24 54 54 54zM331 16c21 0 37 16 37 37s-16 38 -37 38s-38 -17 -38 -38s17 -37 38 -37zM192 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-53 23 -53 53s23 54 53 54zM192 16c21 0 37 16 37 37s-16 38 -37 38
+s-37 -17 -37 -38s16 -37 37 -37zM53 107c30 0 54 -24 54 -54s-24 -53 -54 -53s-53 23 -53 53s23 54 53 54zM53 16c21 0 38 16 38 37s-17 38 -38 38s-37 -17 -37 -38s16 -37 37 -37zM331 245c30 0 53 -23 53 -53s-23 -53 -53 -53s-54 23 -54 53s24 53 54 53zM331 155
+c21 0 37 16 37 37s-16 37 -37 37s-38 -16 -38 -37s17 -37 38 -37zM192 245c30 0 53 -23 53 -53s-23 -53 -53 -53s-53 23 -53 53s23 53 53 53zM192 155c21 0 37 16 37 37s-16 37 -37 37s-37 -16 -37 -37s16 -37 37 -37zM53 245c30 0 54 -23 54 -53s-24 -53 -54 -53
+s-53 23 -53 53s23 53 53 53zM53 155c21 0 38 16 38 37s-17 37 -38 37s-37 -16 -37 -37s16 -37 37 -37zM331 277c-30 0 -54 24 -54 54s24 53 54 53s53 -23 53 -53s-23 -54 -53 -54zM331 368c-21 0 -38 -16 -38 -37s17 -38 38 -38s37 17 37 38s-16 37 -37 37zM192 384
+c30 0 53 -23 53 -53s-23 -54 -53 -54s-53 24 -53 54s23 53 53 53zM192 293c21 0 37 17 37 38s-16 37 -37 37s-37 -16 -37 -37s16 -38 37 -38zM53 384c30 0 54 -23 54 -53s-24 -54 -54 -54s-53 24 -53 54s23 53 53 53zM53 293c21 0 38 17 38 38s-17 37 -38 37
+s-37 -16 -37 -37s16 -38 37 -38z" />
+ <glyph glyph-name="ion-ios-keypad" unicode="&#xf450;" horiz-adv-x="384"
+d="M331 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-54 23 -54 53s24 54 54 54zM192 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-53 23 -53 53s23 54 53 54zM53 107c30 0 54 -24 54 -54s-24 -53 -54 -53s-53 23 -53 53s23 54 53 54zM331 245c30 0 53 -23 53 -53
+s-23 -53 -53 -53s-54 23 -54 53s24 53 54 53zM192 245c30 0 53 -23 53 -53s-23 -53 -53 -53s-53 23 -53 53s23 53 53 53zM53 245c30 0 54 -23 54 -53s-24 -53 -54 -53s-53 23 -53 53s23 53 53 53zM331 277c-30 0 -54 24 -54 54s24 53 54 53s53 -23 53 -53s-23 -54 -53 -54z
+M192 384c30 0 53 -23 53 -53s-23 -54 -53 -54s-53 24 -53 54s23 53 53 53zM53 384c30 0 54 -23 54 -53s-24 -54 -54 -54s-53 24 -53 54s23 53 53 53z" />
+ <glyph glyph-name="ion-ios-lightbulb-outline" unicode="&#xf451;" horiz-adv-x="288"
+d="M288 275c0 -31 -13 -59 -30 -83v0c-11 -15 -22 -28 -32 -45c-22 -38 -18 -73 -18 -82v-1h-128v1c0 7 3 44 -19 82c-10 17 -20 30 -31 45v0c-17 24 -30 52 -30 83c0 78 66 141 144 141s144 -63 144 -141zM239 194l6 8c16 22 27 47 27 73c0 33 -16 65 -40 89s-55 36 -88 36
+s-64 -12 -88 -36s-40 -56 -40 -89c0 -26 11 -51 27 -73l19 -26v0c5 -6 9 -13 13 -21c17 -29 21 -58 21 -75h16v112l-32 64h17l31 -64v-112h32v112l31 64h17l-32 -64v-112h16c0 17 4 45 21 75c8 14 16 25 24 36c1 1 1 2 2 3zM112 -32v16h64v-16h-64zM96 0v16h96v-16h-96z
+M96 32v16h96v-16h-96z" />
+ <glyph glyph-name="ion-ios-lightbulb" unicode="&#xf452;" horiz-adv-x="288"
+d="M288 275c0 -31 -13 -59 -30 -83v0c-11 -15 -22 -28 -32 -45c-22 -38 -18 -73 -18 -82v-1h-32v128l32 64h-16l-32 -64v-128h-32v128l-31 64h-17l32 -64v-128h-32v1c0 7 3 44 -19 82c-10 17 -20 30 -31 45v0c-17 24 -30 52 -30 83c0 78 66 141 144 141s144 -63 144 -141z
+M112 -32v16h64v-16h-64zM96 0v16h96v-16h-96zM96 32v16h96v-16h-96z" />
+ <glyph glyph-name="ion-ios-list-outline" unicode="&#xf453;" horiz-adv-x="384"
+d="M368 368h-352v-352h352v352zM384 384v0v-384h-384v384h384zM128 280v16h192v-16h-192zM128 184v16h192v-16h-192zM128 88v16h192v-16h-192zM64 288c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16zM64 192c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16
+s-16 5 -16 16zM64 96c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16z" />
+ <glyph glyph-name="ion-ios-list" unicode="&#xf454;" horiz-adv-x="384"
+d="M0 384h384v-384h-384v384zM80 80c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM80 176c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM80 272c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM320 88v16h-192v-16h192zM320 184v16
+h-192v-16h192zM320 280v16h-192v-16h192z" />
+ <glyph glyph-name="ion-ios-location-outline" unicode="&#xf455;" horiz-adv-x="288"
+d="M144 400c-34 0 -67 -13 -91 -37s-37 -57 -37 -91c0 -43 24 -107 70 -186c22 -38 44 -72 58 -91c14 19 36 53 58 91c46 79 70 143 70 186c0 34 -13 67 -37 91s-57 37 -91 37zM144 416v0c80 0 144 -64 144 -144c0 -112 -144 -304 -144 -304s-144 192 -144 304
+c0 80 64 144 144 144zM144 336c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64zM144 225c26 0 47 21 47 47s-21 47 -47 47s-47 -21 -47 -47s21 -47 47 -47z" />
+ <glyph glyph-name="ion-ios-location" unicode="&#xf456;" horiz-adv-x="288"
+d="M144 416c80 0 144 -64 144 -144c0 -112 -144 -304 -144 -304s-144 192 -144 304c0 80 64 144 144 144zM144 225c26 0 47 21 47 47s-21 47 -47 47s-47 -21 -47 -47s21 -47 47 -47z" />
+ <glyph glyph-name="ion-ios-locked-outline" unicode="&#xf457;" horiz-adv-x="320"
+d="M264 224h56v-240h-320v240h56v72c0 57 47 104 104 104s104 -47 104 -104v-72zM72 296v-72h176v72c0 49 -39 88 -88 88s-88 -39 -88 -88zM304 0v208h-288v-208h288zM160 160c18 0 32 -14 32 -32c0 -15 -10 -27 -24 -31v-33h-16v33c-14 4 -24 16 -24 31c0 18 14 32 32 32z
+M160 112c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16z" />
+ <glyph glyph-name="ion-ios-locked" unicode="&#xf458;" horiz-adv-x="320"
+d="M264 224h56v-240h-320v240h56v72c0 57 47 104 104 104s104 -47 104 -104v-72zM168 97c14 4 24 16 24 31c0 18 -14 32 -32 32s-32 -14 -32 -32c0 -15 10 -27 24 -31v-33h16v33zM248 224v72c0 49 -39 88 -88 88s-88 -39 -88 -88v-72h176zM160 144c9 0 16 -7 16 -16
+s-7 -16 -16 -16s-16 7 -16 16s7 16 16 16z" />
+ <glyph glyph-name="ion-ios-loop-strong" unicode="&#xf459;" horiz-adv-x="512"
+d="M256 400c115 0 208 -93 208 -208c0 -14 -1 -28 -4 -42l-1 -4l-24 5l1 4c2 12 4 24 4 37c0 101 -83 184 -184 184c-66 0 -127 -36 -160 -94l-2 -3l-21 11l2 4c37 65 106 106 181 106zM416 102l2 3l21 -11l-2 -4c-37 -65 -106 -106 -181 -106c-115 0 -208 93 -208 208
+c0 14 1 28 4 42l1 4l24 -5l-1 -4c-2 -12 -4 -24 -4 -37c0 -101 83 -184 184 -184c66 0 127 36 160 94zM384 192h128l-64 -64zM0 192l64 64l64 -64h-128z" />
+ <glyph glyph-name="ion-ios-loop" unicode="&#xf45a;" horiz-adv-x="489"
+d="M478 192l11 -11l-52 -53l-53 53l10 11l43 -41zM449 192v0v0c0 -7 0 -14 -1 -21l-16 1c1 7 1 14 1 21c-1 103 -85 187 -188 187c-68 0 -131 -37 -164 -96l-14 8c36 64 104 104 178 104c112 0 203 -91 204 -202v0v-2zM409 100l14 -8c-36 -64 -104 -104 -178 -104
+c-111 0 -202 90 -204 200v0v3v1v0c0 7 0 14 1 21l16 -1c-1 -7 -1 -14 -1 -21c0 -103 85 -187 188 -187c68 0 131 37 164 96zM53 256l52 -53l-11 -11l-41 41l-42 -41l-11 11z" />
+ <glyph glyph-name="ion-ios-medical-outline" unicode="&#xf45b;" horiz-adv-x="364"
+d="M364 260l-118 -68l118 -68l-32 -56l-118 69v-137h-64v137l-118 -69l-32 56l118 68l-118 68l32 56l118 -69v137h64v-137l118 69zM342 118l-128 74l128 74l-16 28l-128 -74v148h-32v-148l-128 74l-16 -28l128 -74l-128 -74l16 -28l128 74v-148h32v148l128 -74z" />
+ <glyph glyph-name="ion-ios-medical" unicode="&#xf45c;" horiz-adv-x="364"
+d="M364 260l-118 -68l118 -68l-32 -56l-118 69v-137h-64v137l-118 -69l-32 56l118 68l-118 68l32 56l118 -69v137h64v-137l118 69z" />
+ <glyph glyph-name="ion-ios-medkit-outline" unicode="&#xf45d;" horiz-adv-x="416"
+d="M224 240h-32v-48v-16h-16h-48v-32h48h16v-16v-48h32v48v16h16h48v32h-48h-16v16v48zM240 256v0v-64h64v-64h-64v-64h-64v64h-64v64h64v64h64zM288 320h128v-320h-416v320h128v32c0 18 10 32 29 32h99c19 0 32 -14 32 -32v-32zM144 350v-30h128v30c0 10 -7 18 -17 18h-97
+c-11 0 -14 -8 -14 -18zM400 16v288h-384v-288h384z" />
+ <glyph glyph-name="ion-ios-medkit" unicode="&#xf45e;" horiz-adv-x="416"
+d="M224 176h16h48v-32h-48h-16v-16v-48h-32v48v16h-16h-48v32h48h16v16v48h32v-48v-16zM288 320h128v-320h-416v320h128v32c0 18 10 32 29 32h99c19 0 32 -14 32 -32v-32zM144 350v-30h128v30c0 10 -7 18 -17 18h-97c-11 0 -14 -8 -14 -18zM304 128v64h-64v64h-64v-64h-64
+v-64h64v-64h64v64h64z" />
+ <glyph glyph-name="ion-ios-mic-off" unicode="&#xf45f;" horiz-adv-x="280"
+d="M266 -32l-258 440l14 8l258 -440zM128 95c-44 0 -79 37 -79 83v118l113 -193c-10 -5 -22 -8 -34 -8zM207 178c0 -10 -2 -19 -5 -28l-136 234c14 20 37 32 62 32c44 0 79 -38 79 -84v-154zM256 176c0 -28 -9 -54 -24 -75l-10 17c11 17 17 36 17 58v80h17v-80zM139 49v0
+v-63h69v-18h-161v18h73v63c-67 5 -120 60 -120 127v80h19v-80c0 -60 50 -109 110 -109c17 0 34 4 48 11l9 -16c-14 -7 -30 -12 -47 -13z" />
+ <glyph glyph-name="ion-ios-mic-outline" unicode="&#xf460;" horiz-adv-x="256"
+d="M128 416c44 0 79 -38 79 -84v-154c0 -46 -35 -84 -79 -84s-79 38 -79 84v154c0 46 35 84 79 84zM191 178v154c0 37 -28 68 -63 68s-63 -31 -63 -68v-154c0 -37 28 -68 63 -68s63 31 63 68zM239 256h17v-80c0 -67 -51 -122 -117 -127v-63h69v-18h-161v18h73v63
+c-67 5 -120 60 -120 127v80h19v-80c0 -60 50 -109 110 -109s110 49 110 109v80z" />
+ <glyph glyph-name="ion-ios-mic" unicode="&#xf461;" horiz-adv-x="256"
+d="M128 94c-44 0 -79 38 -79 84v154c0 46 35 84 79 84s79 -38 79 -84v-154c0 -46 -35 -84 -79 -84zM239 256h17v-80c0 -67 -51 -122 -117 -127v-63h69v-18h-161v18h73v63c-67 5 -120 60 -120 127v80h19v-80c0 -60 50 -109 110 -109s110 49 110 109v80z" />
+ <glyph glyph-name="ion-ios-minus-empty" unicode="&#xf462;" horiz-adv-x="256"
+d="M256 183h-256v17h256v-17z" />
+ <glyph glyph-name="ion-ios-minus-outline" unicode="&#xf463;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM80 183v17h256v-17h-256z" />
+ <glyph glyph-name="ion-ios-minus" unicode="&#xf464;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM336 183v17h-256v-17h256z" />
+ <glyph glyph-name="ion-ios-monitor-outline" unicode="&#xf465;" horiz-adv-x="480"
+d="M480 64h-176v-16h64v-16h-257v16h64v16h-175v288h480v-288zM16 336v-256h448v256h-448z" />
+ <glyph glyph-name="ion-ios-monitor" unicode="&#xf466;" horiz-adv-x="480"
+d="M480 64h-176v-16h64v-16h-257v16h64v16h-175v288h480v-288zM16 336v-256h448v256h-448zM32 96v224h416v-224h-416z" />
+ <glyph glyph-name="ion-ios-moon-outline" unicode="&#xf467;" horiz-adv-x="216"
+d="M195 133c7 0 14 1 21 3c-4 -7 -7 -12 -12 -18c-21 -25 -53 -41 -88 -41c-64 0 -116 51 -116 115c0 52 34 96 81 111c7 2 14 3 22 4c-4 -6 -8 -12 -11 -18c-7 -14 -11 -30 -11 -47c0 -29 11 -56 32 -77s48 -32 77 -32h5zM116 93c25 0 48 9 65 24c-65 5 -116 59 -116 125
+c0 14 2 28 6 40c-33 -16 -55 -51 -55 -90c0 -55 45 -99 100 -99z" />
+ <glyph glyph-name="ion-ios-moon" unicode="&#xf468;" horiz-adv-x="216"
+d="M195 133c7 0 14 1 21 3c-4 -7 -7 -12 -12 -18c-21 -25 -53 -41 -88 -41c-64 0 -116 51 -116 115c0 52 34 96 81 111c7 2 14 3 22 4c-4 -6 -8 -12 -11 -18c-7 -14 -11 -30 -11 -47c0 -29 11 -56 32 -77s48 -32 77 -32h5z" />
+ <glyph glyph-name="ion-ios-more-outline" unicode="&#xf469;" horiz-adv-x="320"
+d="M160 210c-10 0 -18 -8 -18 -18s8 -18 18 -18s18 8 18 18s-8 18 -18 18zM160 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM32 210c-10 0 -18 -8 -18 -18s8 -18 18 -18s18 8 18 18s-8 18 -18 18zM32 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32
+s-32 14 -32 32s14 32 32 32zM288 210c-10 0 -18 -8 -18 -18s8 -18 18 -18s18 8 18 18s-8 18 -18 18zM288 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32z" />
+ <glyph glyph-name="ion-ios-more" unicode="&#xf46a;" horiz-adv-x="320"
+d="M160 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM32 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM288 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32z" />
+ <glyph glyph-name="ion-ios-musical-note" unicode="&#xf46b;" horiz-adv-x="192"
+d="M192 346v-1v-65c0 -3 -3 -6 -6 -5v0l-73 13v-192c0 -33 1 -80 -51 -82c-48 -2 -62 16 -62 41c0 19 9 39 51 41c22 1 37 1 45 1v273l90 -19l2 -1c2 0 3 -1 4 -3v0v-1v0z" />
+ <glyph glyph-name="ion-ios-musical-notes" unicode="&#xf46c;" horiz-adv-x="320"
+d="M320 128c0 -34 4 -80 -49 -82c-49 -2 -62 16 -62 41c0 20 9 39 52 41c23 1 34 2 43 2v160l-191 -32v-161c0 -34 3 -81 -50 -83c-49 -2 -63 17 -63 42c0 20 9 39 52 41c23 1 35 1 44 1v237l224 35v-242z" />
+ <glyph glyph-name="ion-ios-navigate-outline" unicode="&#xf46d;" horiz-adv-x="416"
+d="M208 384c-51 0 -99 -21 -135 -57s-57 -84 -57 -135s21 -99 57 -135s84 -57 135 -57s99 21 135 57s57 84 57 135s-21 99 -57 135s-84 57 -135 57zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM304 288l-96 -224v128h-128z" />
+ <glyph glyph-name="ion-ios-navigate" unicode="&#xf46e;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 64l96 224l-224 -96h128v-128z" />
+ <glyph glyph-name="ion-ios-nutrition-outline" unicode="&#xf46f;" horiz-adv-x="384"
+d="M294 214v0c6 -6 10 -14 10 -23c0 -11 -5 -20 -13 -26v0s-51 -37 -106 -77l-38 31c-2 2 -4 3 -6 3c-1 0 -2 0 -3 -1v0c-2 -2 -2 -6 1 -10l29 -35l-115 -84c-6 -4 -13 -8 -21 -8c-18 0 -32 14 -32 32c0 7 1 13 4 18v0c2 2 17 25 37 57l21 -17c2 -2 4 -2 6 -2c1 0 3 0 4 1v0
+c2 2 1 6 -2 10l-19 23c27 43 60 96 84 134l36 -30c2 -2 4 -3 6 -3c1 0 2 1 3 2v0c2 2 2 5 -1 9l-33 40c11 18 19 29 19 29v0c6 10 15 16 27 16c9 0 18 -4 24 -10v0l78 -79v0v0zM282 178c4 3 6 8 6 13c0 4 -2 9 -5 12l-5 4v1l-69 69v0l-5 5c-3 3 -8 5 -12 5
+c-6 0 -10 -3 -13 -8l-5 -8c-2 -3 -5 -7 -8 -12l25 -30v0l1 -1c8 -10 8 -22 0 -30l-1 -1l-1 -1c-4 -3 -8 -5 -13 -5s-11 2 -16 6v1h-1l-21 18l-24 -39l-44 -70l12 -14v0v0c8 -10 8 -23 0 -31v0c-4 -4 -9 -6 -15 -6c-5 0 -11 2 -16 6v0v0l-7 5c-3 -5 -5 -9 -8 -13
+c-12 -19 -16 -26 -18 -29c-1 -3 -2 -6 -2 -9c0 -9 7 -16 16 -16c3 0 6 2 11 5l101 74l-18 22h-1v0c-8 10 -8 23 0 31v0v0v0c4 4 10 6 15 6s11 -2 16 -6v0h1l28 -24c49 36 93 68 96 70zM376 333l8 -14l-5 -3l-103 -60l-17 17l71 123l2 4l14 -8l-3 -4l-63 -111l91 53z" />
+ <glyph glyph-name="ion-ios-nutrition" unicode="&#xf470;" horiz-adv-x="384"
+d="M295 214v0c6 -6 9 -13 9 -22c0 -11 -5 -20 -13 -26v0s-51 -38 -106 -78l-38 32c-4 3 -8 3 -10 1v0c-2 -2 -2 -6 1 -10l29 -35l-114 -84c-6 -4 -13 -8 -21 -8c-18 0 -32 14 -32 32c0 7 2 13 5 18v0c1 2 16 25 36 57l20 -17c4 -3 8 -3 10 -1v0c2 2 2 6 -1 10l-20 23
+c27 43 60 96 84 134l36 -30c4 -3 8 -3 10 -1v0c2 2 2 6 -1 10l-33 40c11 18 18 29 18 29v0c6 10 16 16 28 16c9 0 18 -4 24 -10v0l78 -79l1 -1v0zM384 309l-103 -59l-28 29l70 121l28 -16l-50 -85l67 38z" />
+ <glyph glyph-name="ion-ios-paper-outline" unicode="&#xf471;" horiz-adv-x="384"
+d="M48 384h336v-353c0 -17 -14 -31 -31 -31h-322c-17 0 -31 14 -31 31v305h32v-16h-16v-289c0 -8 7 -15 15 -15h322c8 0 15 7 15 15v337h-304v-320h-16v320v16zM96 320v16h128v-16h-128zM96 240v16h240v-16h-240zM96 160v16h192v-16h-192zM96 80v16h240v-16h-240z" />
+ <glyph glyph-name="ion-ios-paper" unicode="&#xf472;" horiz-adv-x="384"
+d="M48 384h336v-353c0 -17 -14 -31 -31 -31h-322c-17 0 -31 14 -31 31v305h32v-288h16v288v32v16zM96 336v-16h128v16h-128zM96 176v-16h192v16h-192zM336 80v16h-240v-16h240zM336 240v16h-240v-16h240z" />
+ <glyph glyph-name="ion-ios-paperplane-outline" unicode="&#xf473;" horiz-adv-x="320"
+d="M0 198l320 154l-146 -320l-57 115zM132 152l41 -83l115 249zM286 320l-248 -121l83 -36z" />
+ <glyph glyph-name="ion-ios-paperplane" unicode="&#xf474;" horiz-adv-x="320"
+d="M0 198l320 154l-214 -200zM320 352l-146 -320l-52 104z" />
+ <glyph glyph-name="ion-ios-partlysunny-outline" unicode="&#xf475;" horiz-adv-x="384"
+d="M144 298v54h16v-54h-16zM0 192v16h55v-16h-55zM44 299l10 11l32 -32l-11 -11zM223 268l-11 11l32 32l11 -11zM56 96l-10 11l31 31l11 -11zM129 153c-4 -3 -8 -7 -12 -12c-23 12 -39 36 -39 63c0 39 32 71 71 71c21 0 40 -10 53 -25c-4 -2 -9 -4 -14 -8
+c-10 11 -23 17 -39 17c-30 0 -55 -25 -55 -55c0 -23 15 -43 35 -51zM235 208c-34 0 -63 -28 -63 -62v-12s1 -10 1 -10c-5 0 -12 -1 -14 -1c-19 -3 -33 -18 -33 -37c0 -10 3 -19 10 -26s16 -11 26 -11h157c27 0 49 22 49 49s-22 50 -49 50c-2 0 -4 -1 -6 -1l-14 -2l-3 14
+c-3 14 -11 26 -22 35s-25 14 -39 14zM235 224v0c37 0 68 -26 76 -61h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78z" />
+ <glyph glyph-name="ion-ios-partlysunny" unicode="&#xf476;" horiz-adv-x="384"
+d="M144 298v54h16v-54h-16zM0 192v16h55v-16h-55zM44 299l10 11l32 -32l-11 -11zM223 268l-11 11l32 32l11 -11zM56 96l-10 11l31 31l11 -11zM235 224v0c37 0 68 -26 76 -61h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8
+c0 43 35 78 78 78zM201 252l1 -2v0c-31 -5 -62 -43 -62 -75c0 -2 1 -5 1 -7l-1 -1h-1c-11 -6 -18 -14 -22 -26v1v-1c-23 12 -39 36 -39 63c0 39 32 71 71 71c21 0 39 -9 52 -23z" />
+ <glyph glyph-name="ion-ios-pause-outline" unicode="&#xf477;" horiz-adv-x="256"
+d="M63 336h-47v-288h47v288zM79 352v0v-320h-79v320h79zM240 336h-47v-288h47v288zM256 352v0v-320h-79v320h79z" />
+ <glyph glyph-name="ion-ios-pause" unicode="&#xf478;" horiz-adv-x="256"
+d="M0 32v320h79v-320h-79zM177 32v320h79v-320h-79z" />
+ <glyph glyph-name="ion-ios-paw-outline" unicode="&#xf479;" horiz-adv-x="384"
+d="M380 252c6 -17 5 -38 -3 -57c-10 -25 -31 -43 -51 -43c-5 0 -10 1 -15 3c-22 10 -30 45 -17 79c10 28 31 46 51 46c5 0 10 -1 14 -3c10 -4 17 -13 21 -25zM362 202c6 15 7 31 2 44c-2 5 -5 12 -12 15c-2 1 -4 2 -7 2c-13 0 -28 -15 -36 -36c-9 -25 -6 -50 8 -56
+c2 -1 5 -1 8 -1c14 0 29 13 37 32zM90 234c13 -34 5 -69 -17 -79c-5 -2 -10 -3 -15 -3c-20 0 -41 18 -51 43c-8 19 -9 40 -3 57c4 12 11 21 21 25c4 2 9 3 14 3c20 0 41 -18 51 -46zM67 171c14 6 17 31 8 56c-8 21 -23 36 -36 36c-3 0 -5 -1 -7 -2c-7 -3 -10 -10 -12 -15
+c-5 -13 -4 -29 2 -44c8 -19 23 -32 37 -32c3 0 6 0 8 1zM134 237c-28 1 -52 32 -56 69c-2 23 4 45 16 60c8 10 19 17 31 18h6c27 -1 46 -29 50 -67c3 -24 -1 -48 -13 -63c-8 -9 -17 -15 -28 -16c-2 0 -4 -1 -6 -1zM107 356c-10 -12 -14 -29 -12 -48c3 -29 21 -53 40 -54h3
+c6 1 12 4 17 10c10 12 12 31 10 51c-3 29 -17 52 -35 53h-3c-9 -1 -16 -7 -20 -12zM192 208c64 0 128 -76 128 -149c0 -22 -11 -40 -22 -47c-13 -9 -23 -12 -42 -12c-23 0 -29 8 -40 15c-8 5 -14 10 -24 10s-16 -5 -24 -10c-11 -7 -17 -15 -40 -15c-19 0 -29 3 -42 12
+c-11 7 -22 25 -22 47c0 73 64 149 128 149zM290 27c6 4 14 16 14 32c0 30 -14 64 -36 91c-11 13 -23 24 -36 31c-13 8 -27 11 -40 11s-27 -3 -40 -11c-13 -7 -25 -18 -36 -31c-22 -27 -36 -61 -36 -91c0 -16 8 -28 14 -32c11 -7 18 -10 34 -10c14 0 19 4 26 9c2 1 4 3 6 4
+c9 6 18 12 32 12s23 -6 32 -12c2 -1 4 -3 6 -4c7 -5 12 -9 26 -9c16 0 23 3 34 10zM244 238c-11 1 -20 7 -28 16c-12 15 -16 39 -13 63c4 38 23 66 50 67h7c12 -1 22 -8 30 -18c12 -15 18 -37 16 -60c-4 -37 -28 -67 -56 -68h-6zM219 315c-2 -20 0 -39 10 -51
+c5 -6 11 -9 17 -10h3c19 1 38 25 41 54c2 19 -3 36 -13 48c-4 5 -10 11 -19 12h-4c-18 -1 -32 -24 -35 -53z" />
+ <glyph glyph-name="ion-ios-paw" unicode="&#xf47a;" horiz-adv-x="384"
+d="M380 252c6 -17 5 -38 -3 -57c-10 -25 -31 -43 -51 -43c-5 0 -10 1 -15 3c-22 10 -30 45 -17 79c10 28 31 46 51 46c5 0 10 -1 14 -3c10 -4 17 -13 21 -25zM90 234c13 -34 5 -69 -17 -79c-5 -2 -10 -3 -15 -3c-20 0 -41 18 -51 43c-8 19 -9 40 -3 57c4 12 11 21 21 25
+c4 2 9 3 14 3c20 0 41 -18 51 -46zM134 237c-28 1 -52 32 -56 69c-2 23 4 45 16 60c8 10 19 17 31 18h6c27 -1 46 -29 50 -67c3 -24 -1 -48 -13 -63c-8 -9 -17 -15 -28 -16c-2 0 -4 -1 -6 -1zM192 208c64 0 128 -76 128 -149c0 -22 -11 -40 -22 -47c-13 -9 -23 -12 -42 -12
+c-23 0 -29 8 -40 15c-8 5 -14 10 -24 10s-16 -5 -24 -10c-11 -7 -17 -15 -40 -15c-19 0 -29 3 -42 12c-11 7 -22 25 -22 47c0 73 64 149 128 149zM244 238c-11 1 -20 7 -28 16c-12 15 -16 39 -13 63c4 38 23 66 50 67h7c12 -1 22 -8 30 -18c12 -15 18 -37 16 -60
+c-4 -37 -28 -67 -56 -68h-6z" />
+ <glyph glyph-name="ion-ios-people-outline" unicode="&#xf47b;"
+d="M224 336v0v0zM317 113c11 -4 -11 4 0 0c28 -10 46 -35 46 -65h-28h-250c0 22 9 42 27 55c15 11 31 12 49 16c7 1 24 5 26 13s1 15 1 23c0 3 0 3 -2 5c-4 4 -6 9 -8 14c-2 8 -3 16 -4 24c-9 -2 -10 16 -12 21c-1 4 -7 24 3 21c-3 5 -4 13 -5 19c-2 13 -2 26 3 39
+c10 26 37 39 64 38c26 -1 51 -16 59 -42c4 -12 3 -26 1 -39c-1 -5 -2 -11 -4 -15c10 3 4 -20 3 -23c-2 -5 -3 -21 -12 -19c-1 -10 -2 -22 -7 -31c-1 -2 -7 -8 -7 -10v-11c0 -5 0 -10 2 -15s10 -7 14 -8c14 -5 27 -5 41 -10zM115 84c-6 -6 9 10 0 0c-6 -6 -10 -12 -12 -20h4
+h238c-4 15 -17 27 -30 33s-28 4 -41 9s-25 9 -28 25c-2 11 -2 22 -2 33c0 2 7 7 8 9c3 5 4 11 5 17c1 5 0 12 4 15c5 4 7 7 9 13c2 8 3 12 -1 19c-3 5 0 8 1 13c3 11 4 24 2 36c-8 37 -62 45 -86 19c-12 -13 -12 -31 -9 -47c1 -6 6 -14 3 -19c-1 -3 -5 -6 -4 -10
+c2 -5 2 -11 4 -16c2 -4 4 -6 7 -8s3 -6 3 -9c1 -7 2 -17 6 -23c3 -4 8 -6 8 -11v-21c-1 -8 -2 -18 -8 -24c-7 -6 -18 -10 -27 -12c-11 -3 -23 -3 -33 -7c-8 -3 -15 -8 -21 -14zM112 126c-15 -7 9 4 0 0c-9 -5 -18 -11 -25 -19c-1 -2 -6 -11 -7 -11h-25h-55c0 20 13 34 31 40
+c6 2 27 4 30 11c2 5 0 11 0 16c-10 -1 -24 1 -32 7c-2 2 3 9 4 12l3 12c1 9 1 19 1 28c0 16 -1 34 8 48c8 13 23 18 38 18c24 0 43 -13 47 -37c3 -16 1 -32 2 -48c0 -8 2 -16 5 -24c1 -2 5 -7 3 -9l-6 -3c-5 -2 -11 -3 -17 -4c-1 0 -8 0 -9 -1s0 -9 0 -11c0 -4 1 -6 5 -7
+c6 -2 19 -3 23 -8c2 -3 1 -5 -2 -5c-8 -1 -15 -1 -22 -5zM71 112c6 10 16 18 26 24c-9 9 -5 26 -4 37c0 2 0 5 2 5h8c6 0 11 1 17 2c-7 23 0 47 -5 70c-3 16 -15 23 -31 23c-17 0 -27 -9 -30 -25c-4 -22 3 -46 -4 -68c9 -1 17 -2 26 -2c1 0 1 -28 1 -29
+c-1 -12 -8 -18 -19 -22c-12 -4 -29 -3 -36 -15h49zM368 96c-2 8 -10 14 -16 19c-8 6 -18 13 -28 15c-3 1 -16 -1 -13 5c2 4 9 5 13 6s15 2 16 7c0 1 1 14 0 14c-6 0 -12 1 -18 2c-4 1 -7 2 -11 4c-6 3 -2 6 0 11c14 32 -10 88 32 105c15 6 34 5 48 -3c15 -9 20 -27 20 -44
+c0 -20 -4 -44 7 -62c2 -3 4 -4 0 -6c-2 -1 -4 -1 -6 -2l-12 -3s-9 -1 -13 -1c0 -4 -2 -13 1 -17c6 -7 21 -7 29 -10c18 -6 31 -20 31 -40h-80zM367 123c4 -4 -5 5 0 0s8 -11 15 -11h16h28c-7 12 -26 11 -38 16c-11 4 -16 12 -17 24c0 2 -1 27 1 27c9 0 18 0 26 1
+c-7 23 1 47 -4 70c-3 15 -15 23 -30 23c-17 0 -28 -8 -31 -25c-4 -23 2 -46 -5 -68c6 -2 12 -2 18 -2s8 1 9 -5c1 -11 5 -28 -4 -37c6 -4 11 -8 16 -13z" />
+ <glyph glyph-name="ion-ios-people" unicode="&#xf47c;"
+d="M317 113c11 -4 -11 4 0 0v0zM317 113c28 -10 46 -35 46 -65h-28h-250c0 22 9 42 27 55c15 11 31 12 49 16c7 1 24 5 26 13s1 15 1 23c0 3 0 3 -2 5c-4 4 -6 9 -8 14c-2 8 -3 16 -4 24c-9 -2 -10 16 -12 21c-1 4 -7 24 3 21c-3 5 -4 13 -5 19c-2 13 -2 26 3 39
+c10 26 37 39 64 38c26 -1 51 -16 59 -42c4 -12 3 -26 1 -39c-1 -5 -2 -11 -4 -15c10 3 4 -20 3 -23c-2 -5 -3 -21 -12 -19c-1 -10 -2 -22 -7 -31c-1 -2 -7 -8 -7 -10v-11c0 -5 0 -10 2 -15s10 -7 14 -8c14 -5 27 -5 41 -10zM111 126h2h-1h-1zM111 126c-9 -5 -17 -11 -24 -19
+c-1 -2 -6 -11 -7 -11h-25h-55c0 20 12 34 30 40c6 2 27 4 30 11c2 5 1 11 1 16c-10 -1 -24 1 -32 7c-2 2 3 9 4 12c1 4 2 7 3 11c1 9 1 19 1 28c0 16 -1 35 8 49c8 13 23 18 38 18c24 0 43 -13 47 -37c3 -16 1 -32 2 -48c0 -8 2 -16 5 -24c1 -2 5 -7 3 -9l-6 -3
+c-5 -2 -11 -3 -17 -4c-1 0 -8 0 -9 -1s0 -9 0 -11c0 -4 1 -6 5 -7c6 -2 19 -3 23 -8c2 -3 1 -5 -2 -5c-7 -1 -14 -2 -21 -5c2 1 2 2 -1 0c-8 -4 -4 -2 -1 0zM417 136c18 -6 31 -20 31 -40h-80c-2 8 -10 14 -16 19c-8 6 -18 13 -28 15c-3 1 -16 -1 -13 5c2 4 9 5 13 6
+s15 2 16 7c0 1 1 14 0 14c-6 0 -12 1 -18 2c-4 1 -7 2 -11 4c-6 3 -2 6 0 11c14 32 -10 88 32 105c15 6 34 5 48 -3c15 -9 20 -27 20 -44c0 -20 -4 -44 7 -62c2 -3 4 -4 0 -6c-2 -1 -4 -1 -6 -2l-12 -3s-9 -1 -13 -1c0 -4 -2 -13 1 -17c6 -7 21 -7 29 -10z" />
+ <glyph glyph-name="ion-ios-person-outline" unicode="&#xf47d;" horiz-adv-x="320"
+d="M106 246v0v0zM267 84c13 -5 53 -20 53 -52h-160h-160c0 32 40 47 53 52s31 6 43 9c7 2 17 5 20 9s1 41 1 41s-6 10 -9 18s-7 32 -7 32s-7 0 -9 12c-2 13 -6 17 -6 27c0 9 5 10 5 10v0s-4 13 -5 42c-1 34 25 68 74 68s75 -34 74 -68c-1 -29 -5 -42 -5 -42v0s5 -1 5 -10
+c0 -10 -3 -15 -6 -28c-2 -12 -9 -12 -9 -12s-4 -23 -7 -31s-9 -18 -9 -18s-2 -37 1 -41s13 -7 20 -9c12 -3 30 -4 43 -9zM160 48v0h137c-2 3 -4 6 -8 8c-7 5 -16 9 -27 13c-7 2 -17 4 -26 5c-6 1 -10 2 -15 3c-3 1 -21 5 -29 15c-4 5 -6 12 -6 32c0 10 1 20 1 20v4l2 4
+c1 2 6 9 8 15c2 5 5 19 6 28c0 0 0 -1 1 4s8 4 9 8s3 7 5 18s-5 12 -5 17c0 4 1 5 1 5v0c0 1 4 14 4 38c0 13 -5 26 -14 35c-11 11 -25 16 -44 16c-18 0 -34 -5 -45 -16c-9 -9 -13 -22 -13 -35c1 -24 4 -37 4 -38v0s1 -3 0 -6c-1 -5 -6 -5 -4 -16s4 -14 5 -18s8 -3 9 -8
+s1 -4 1 -4c1 -9 4 -23 6 -28c2 -6 6 -13 8 -15l2 -4v-4s1 -10 1 -20c0 -20 -2 -27 -6 -32c-8 -10 -26 -14 -29 -15c-5 -1 -10 -2 -16 -3c-9 -1 -18 -3 -25 -5c-11 -4 -20 -8 -27 -13c-4 -2 -6 -5 -8 -8h137z" />
+ <glyph glyph-name="ion-ios-person" unicode="&#xf47e;" horiz-adv-x="320"
+d="M267 84c13 -5 53 -20 53 -52h-160h-160c0 32 40 47 53 52s31 6 43 9c7 2 17 5 20 9s1 41 1 41s-6 10 -9 18s-7 32 -7 32s-7 0 -9 12c-2 13 -6 17 -6 27c0 9 5 10 5 10v0s-4 13 -5 42c-1 34 25 68 74 68s75 -34 74 -68c-1 -29 -5 -42 -5 -42v0s5 -1 5 -10
+c0 -10 -3 -15 -6 -28c-2 -12 -9 -12 -9 -12s-4 -23 -7 -31s-9 -18 -9 -18s-2 -37 1 -41s13 -7 20 -9c12 -3 30 -4 43 -9z" />
+ <glyph glyph-name="ion-ios-personadd-outline" unicode="&#xf47f;" horiz-adv-x="320"
+d="M320 295v-14h-25v-25h-14v25h-25v14h25v25h14v-25h25zM106 246v0v0zM267 84c13 -5 53 -20 53 -52h-160h-160c0 32 40 47 53 52s31 6 43 9c7 2 17 5 20 9s1 41 1 41s-6 10 -9 18s-7 32 -7 32s-7 0 -9 12c-2 13 -6 17 -6 27c0 9 5 10 5 10v0s-4 13 -5 42c-1 34 25 68 74 68
+s75 -34 74 -68c-1 -29 -5 -42 -5 -42v0s5 -1 5 -10c0 -10 -3 -15 -6 -28c-2 -12 -9 -12 -9 -12s-4 -23 -7 -31s-9 -18 -9 -18s-2 -37 1 -41s13 -7 20 -9c12 -3 30 -4 43 -9zM160 48v0h137c-2 3 -4 6 -8 8c-7 5 -16 9 -27 13c-7 2 -17 4 -26 5c-6 1 -10 2 -15 3
+c-3 1 -21 5 -29 15c-4 5 -6 12 -6 32c0 10 1 20 1 20v4l2 4c1 2 6 9 8 15c2 5 5 19 6 28c0 0 0 -1 1 4s8 4 9 8s3 7 5 18s-5 12 -5 17c0 4 1 5 1 5v0c0 1 4 14 4 38c0 13 -5 26 -14 35c-11 11 -25 16 -44 16c-18 0 -34 -5 -45 -16c-9 -9 -13 -22 -13 -35c1 -24 4 -37 4 -38
+v0s1 -3 0 -6c-1 -5 -6 -5 -4 -16s4 -14 5 -18s8 -3 9 -8s1 -4 1 -4c1 -9 4 -23 6 -28c2 -6 6 -13 8 -15l2 -4v-4s1 -10 1 -20c0 -20 -2 -27 -6 -32c-8 -10 -26 -14 -29 -15c-5 -1 -10 -2 -16 -3c-9 -1 -18 -3 -25 -5c-11 -4 -20 -8 -27 -13c-4 -2 -6 -5 -8 -8h137z" />
+ <glyph glyph-name="ion-ios-personadd" unicode="&#xf480;" horiz-adv-x="320"
+d="M320 295v-14h-25v-25h-14v25h-25v14h25v25h14v-25h25zM267 84c13 -5 53 -20 53 -52h-160h-160c0 32 40 47 53 52s31 6 43 9c7 2 17 5 20 9s1 41 1 41s-6 10 -9 18s-7 32 -7 32s-7 0 -9 12c-2 13 -6 17 -6 27c0 9 5 10 5 10v0s-4 13 -5 42c-1 34 25 68 74 68
+s75 -34 74 -68c-1 -29 -5 -42 -5 -42v0s5 -1 5 -10c0 -10 -3 -15 -6 -28c-2 -12 -9 -12 -9 -12s-4 -23 -7 -31s-9 -18 -9 -18s-2 -37 1 -41s13 -7 20 -9c12 -3 30 -4 43 -9z" />
+ <glyph glyph-name="ion-ios-photos-outline" unicode="&#xf481;"
+d="M64 320h384v-320h-384v320zM432 16v288h-352v-288h352zM0 384h384v-48h-16v32h-352v-288h32v-16h-48v320z" />
+ <glyph glyph-name="ion-ios-photos" unicode="&#xf482;"
+d="M64 320h384v-320h-384v320zM384 384v-48h-336v-272h-48v320h384z" />
+ <glyph glyph-name="ion-ios-pie-outline" unicode="&#xf483;"
+d="M256 367v0v-207v-12l-12 -4l-180 -45c6 -13 13 -25 21 -36c12 -16 25 -30 41 -42c33 -24 73 -37 114 -37c26 0 51 5 75 15c23 10 43 23 61 41s31 38 41 61c10 24 15 49 15 75c0 51 -20 100 -56 136c-32 32 -75 51 -120 55zM240 384v0c115 0 208 -93 208 -208
+s-93 -208 -208 -208c-92 0 -171 60 -198 143l198 49v224zM208 400c-31 -1 -60 -7 -85 -18c-24 -11 -44 -26 -61 -46c-29 -34 -46 -80 -46 -127v0v0c0 -13 3 -46 12 -70l180 46v215zM224 416v0v-244l-205 -52c-19 32 -19 89 -19 89c0 91 58 207 218 207h6z" />
+ <glyph glyph-name="ion-ios-pie" unicode="&#xf484;"
+d="M240 384v0c115 0 208 -93 208 -208s-93 -208 -208 -208c-92 0 -171 60 -198 143l198 49v224zM224 416v0v-244l-205 -52c-19 32 -19 89 -19 89c0 91 58 207 218 207h6z" />
+ <glyph glyph-name="ion-ios-pint-outline" unicode="&#xf485;" horiz-adv-x="224"
+d="M224 278c0 -98 -32 -101 -32 -181c0 -40 16 -71 16 -99c0 -27 -9 -30 -32 -30h-128c-23 0 -32 2 -32 29c0 28 16 60 16 100c0 80 -32 83 -32 181c0 21 1 89 19 125c4 9 13 13 32 13h122c19 0 28 -4 32 -13c18 -36 19 -104 19 -125zM34 396c-8 -16 -14 -43 -17 -76h190
+c-3 33 -9 60 -17 76c-1 2 -1 1 -2 2c-2 1 -6 2 -15 2h-122c-9 0 -13 -1 -15 -2c-1 -1 -1 0 -2 -2zM191 -15c0 1 1 5 1 13c0 11 -4 23 -7 37c-4 18 -9 39 -9 62c0 41 8 64 16 86c8 23 16 46 16 95c0 9 -1 18 -1 26h-190c0 -8 -1 -17 -1 -26c0 -49 8 -72 16 -95
+c8 -22 16 -45 16 -86c0 -23 -5 -44 -9 -62c-3 -14 -7 -26 -7 -37c0 -8 1 -12 1 -13c2 -1 7 -1 15 -1h128c8 0 13 0 15 1z" />
+ <glyph glyph-name="ion-ios-pint" unicode="&#xf486;" horiz-adv-x="224"
+d="M224 278c0 -98 -32 -101 -32 -181c0 -40 16 -71 16 -99c0 -27 -9 -30 -32 -30h-128c-23 0 -32 2 -32 29c0 28 16 60 16 100c0 80 -32 83 -32 181c0 21 1 89 19 125c4 9 13 13 32 13h122c19 0 28 -4 32 -13c18 -36 19 -104 19 -125zM34 396c-8 -16 -14 -43 -17 -76h190
+c-3 33 -9 60 -17 76c-1 2 -1 1 -2 2c-2 1 -6 2 -15 2h-122c-9 0 -13 -1 -15 -2c-1 -1 -1 0 -2 -2z" />
+ <glyph glyph-name="ion-ios-play-outline" unicode="&#xf487;" horiz-adv-x="256"
+d="M16 323v-262l210 131zM0 352v0l256 -160l-256 -160v320z" />
+ <glyph glyph-name="ion-ios-play" unicode="&#xf488;" horiz-adv-x="256"
+d="M0 352v0l256 -160l-256 -160v320z" />
+ <glyph glyph-name="ion-ios-plus-empty" unicode="&#xf489;" horiz-adv-x="256"
+d="M256 183h-120v-119h-17v119h-119v17h119v120h17v-120h120v-17z" />
+ <glyph glyph-name="ion-ios-plus-outline" unicode="&#xf48a;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM216 320v-120h120v-17h-120v-119h-17v119h-119v17h119v120h17z" />
+ <glyph glyph-name="ion-ios-plus" unicode="&#xf48b;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM336 183v17h-120v120h-17v-120h-119v-17h119v-119h17v119h120z" />
+ <glyph glyph-name="ion-ios-pricetag-outline" unicode="&#xf48c;" horiz-adv-x="416"
+d="M416 416v-160l-256 -288l-160 160l256 288h160zM400 264v136h-136l-240 -272l136 -136zM320 288c-18 0 -32 14 -32 32s14 32 32 32s32 -14 32 -32s-14 -32 -32 -32zM320 336c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16z" />
+ <glyph glyph-name="ion-ios-pricetag" unicode="&#xf48d;" horiz-adv-x="416"
+d="M304 320c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16zM256 416h160v-160l-256 -288l-160 160zM320 288c9 0 16 4 22 10s10 13 10 22s-4 16 -10 22s-13 10 -22 10s-16 -4 -22 -10s-10 -13 -10 -22s4 -16 10 -22s13 -10 22 -10z" />
+ <glyph glyph-name="ion-ios-pricetags-outline" unicode="&#xf48e;"
+d="M416 384h32v-144l-240 -272l-25 24l-23 -24l-160 160l256 288h160v-32zM160 -9l12 12l11 12l217 248v105v16v16h-137l-241 -272zM432 247v121h-16v-112l-221 -253l13 -12zM320 288c-18 0 -32 14 -32 32s14 32 32 32s32 -14 32 -32s-14 -32 -32 -32zM320 336
+c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16z" />
+ <glyph glyph-name="ion-ios-pricetags" unicode="&#xf48f;"
+d="M432 384h16v-144l-240 -272l-13 13l237 266v137zM256 416h160v-32v-16v-112l-221 -253l-12 -11l-23 -24l-160 160zM320 288c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM304 320c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16z" />
+ <glyph glyph-name="ion-ios-printer-outline" unicode="&#xf490;" horiz-adv-x="416"
+d="M384 336c18 0 32 -13 32 -31v-159c0 -18 -14 -32 -32 -32h-48v-114h-256v114h-48c-18 0 -32 14 -32 32v159c0 18 14 31 32 31h32v48h288v-48h32zM80 368v-32h256v32h-256zM320 16v192h-224v-192h224zM400 146v159c0 9 -7 15 -16 15v0h-352c-9 0 -16 -6 -16 -15v-159
+c0 -9 7 -16 16 -16h48v94h256v-94h48c9 0 16 7 16 16z" />
+ <glyph glyph-name="ion-ios-printer" unicode="&#xf491;" horiz-adv-x="416"
+d="M80 0v224h256v-224h-256zM80 -0v224h256v-224h-256zM64 352v32h288v-32h-288zM385 336c18 0 31 -14 31 -31v-158c0 -17 -13 -34 -31 -34h-33v126h-288v-126h-31c-18 0 -33 17 -33 34v158c0 17 15 31 33 31h352z" />
+ <glyph glyph-name="ion-ios-pulse-strong" unicode="&#xf492;" horiz-adv-x="480"
+d="M432 175c27 0 48 -20 48 -47s-21 -49 -48 -49c-21 0 -38 13 -45 31h-51c-7 0 -13 4 -15 11l-16 47l-50 -173c-2 -7 -8 -11 -15 -11h-1c-7 0 -14 5 -15 12l-51 308l-45 -182c-2 -7 -9 -12 -16 -12h-112v32h99l61 245c2 7 8 13 16 13s15 -7 16 -14l52 -314l45 155
+c2 7 8 11 15 11v0c7 0 13 -4 15 -11l29 -85h38c6 19 25 33 46 33z" />
+ <glyph glyph-name="ion-ios-pulse" unicode="&#xf493;"
+d="M416 160c18 0 32 -14 32 -32s-14 -32 -32 -32c-15 0 -27 10 -31 23h-65c-3 0 -7 2 -8 5l-23 72l-57 -198c-1 -3 -4 -6 -8 -6v0c-4 0 -7 3 -8 7l-58 346l-54 -220c-1 -4 -4 -6 -8 -6h-96v16h90l62 251c1 4 4 6 8 6s7 -3 8 -7l58 -349l54 190c1 3 4 5 8 5s7 -2 8 -5l30 -91
+h59c3 14 16 25 31 25z" />
+ <glyph glyph-name="ion-ios-rainy-outline" unicode="&#xf494;" horiz-adv-x="288"
+d="M220 269c38 0 68 -33 68 -71c0 -29 -19 -56 -45 -66l-55 -80c-2 -2 -5 -4 -8 -4c-5 0 -8 3 -8 8c0 2 1 4 2 6l46 66v0h-35l-31 -44c-2 -2 -4 -4 -7 -4c-5 0 -9 3 -9 8c0 2 1 3 2 5l25 35h-37l-53 -76c-2 -2 -4 -4 -7 -4c-5 0 -9 3 -9 8c0 2 2 4 3 6l46 66h-36l-32 -44
+c-2 -2 -4 -4 -7 -4c-5 0 -8 3 -8 8c0 2 1 4 2 6l25 34c-29 2 -52 27 -52 56c0 28 22 58 50 60c0 3 -1 5 -1 8c0 46 31 84 82 84c45 0 73 -31 81 -68c3 0 5 1 8 1zM220 146c28 0 52 24 52 52s-24 54 -52 54h-6l-15 -2l-3 15c-3 14 -11 31 -23 40c-12 10 -26 14 -41 14
+c-36 0 -66 -31 -66 -67v-12v-10c-6 0 -12 -2 -14 -2c-20 -3 -35 -23 -35 -43c0 -10 4 -20 11 -27s16 -12 26 -12h124v0v0h42z" />
+ <glyph glyph-name="ion-ios-rainy" unicode="&#xf495;" horiz-adv-x="288"
+d="M220 269c38 0 68 -33 68 -71c0 -29 -19 -56 -45 -66l-55 -80c-2 -2 -5 -4 -8 -4c-5 0 -8 3 -8 8c0 2 1 4 2 6l46 66v0h-35l-31 -44c-2 -2 -4 -4 -7 -4c-5 0 -9 3 -9 8c0 2 1 3 2 5l25 35h-37l-53 -76c-2 -2 -4 -4 -7 -4c-5 0 -9 3 -9 8c0 2 2 4 3 6l46 66h-36l-32 -44
+c-2 -2 -4 -4 -7 -4c-5 0 -8 3 -8 8c0 2 1 4 2 6l25 34c-29 2 -52 27 -52 56c0 28 22 58 50 60c0 3 -1 5 -1 8c0 46 31 84 82 84c45 0 73 -31 81 -68c3 0 5 1 8 1z" />
+ <glyph glyph-name="ion-ios-recording-outline" unicode="&#xf496;" horiz-adv-x="480"
+d="M370 304c61 0 110 -50 110 -112s-49 -112 -110 -112h-260c-61 0 -110 50 -110 112s49 112 110 112s110 -50 110 -112c0 -40 -21 -75 -53 -95h146c-32 20 -53 55 -53 95c0 62 49 112 110 112zM16 192c0 -53 42 -95 94 -95s93 42 93 95s-41 95 -93 95s-94 -42 -94 -95z
+M370 97c52 0 94 42 94 95s-42 95 -94 95s-93 -42 -93 -95s41 -95 93 -95zM368 240c-26 0 -48 -22 -48 -48s22 -48 48 -48s48 22 48 48s-22 48 -48 48zM368 256v0c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64zM112 240c-26 0 -48 -22 -48 -48
+s22 -48 48 -48s48 22 48 48s-22 48 -48 48zM112 256v0c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64z" />
+ <glyph glyph-name="ion-ios-recording" unicode="&#xf497;" horiz-adv-x="480"
+d="M370 304c61 0 110 -50 110 -112s-49 -112 -110 -112h-260c-61 0 -110 50 -110 112s49 112 110 112s110 -50 110 -112c0 -40 -21 -76 -53 -95h146c-32 19 -53 55 -53 95c0 62 49 112 110 112zM112 128c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64z
+M368 128c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64zM368 240c26 0 48 -22 48 -48s-22 -48 -48 -48s-48 22 -48 48s22 48 48 48zM112 240c26 0 48 -22 48 -48s-22 -48 -48 -48s-48 22 -48 48s22 48 48 48z" />
+ <glyph glyph-name="ion-ios-redo-outline" unicode="&#xf498;" horiz-adv-x="384"
+d="M0 48v32c0 17 -3 83 49 136c35 36 80 53 143 56v80l192 -128l-192 -128v80c-40 -1 -63 -9 -87 -20c-31 -14 -55 -44 -75 -77l-20 -31h-10zM208 256c-201 0 -192 -169 -192 -169c48 81 101 105 192 105v-65l148 97l-148 97v-65z" />
+ <glyph glyph-name="ion-ios-redo" unicode="&#xf499;" horiz-adv-x="384"
+d="M0 48v32c0 17 -3 83 49 136c35 36 80 53 143 56v80l192 -128l-192 -128v80c-40 -1 -63 -9 -87 -20c-31 -14 -55 -44 -75 -77l-20 -31h-10z" />
+ <glyph glyph-name="ion-ios-refresh-empty" unicode="&#xf49a;" horiz-adv-x="256"
+d="M128 64c-71 0 -128 57 -128 128s57 128 128 128v44l96 -64l-96 -56v56c-60 0 -108 -48 -108 -108s48 -108 108 -108s108 48 108 108h20c0 -71 -57 -128 -128 -128z" />
+ <glyph glyph-name="ion-ios-refresh-outline" unicode="&#xf49b;" horiz-adv-x="416"
+d="M316 192v0h20c0 -71 -57 -128 -128 -128s-128 57 -128 128s57 128 128 128v44l96 -64l-96 -56v56c-60 0 -108 -48 -108 -108s48 -108 108 -108s108 48 108 108zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1
+c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191z" />
+ <glyph glyph-name="ion-ios-refresh" unicode="&#xf49c;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 64c71 0 128 57 128 128h-20c0 -60 -48 -108 -108 -108s-108 48 -108 108s48 108 108 108v-56l96 56l-96 64v-44c-71 0 -128 -57 -128 -128s57 -128 128 -128z" />
+ <glyph glyph-name="ion-ios-reload" unicode="&#xf49d;"
+d="M192 384c106 0 192 -86 192 -192l55 53l9 -9l-70 -68l-67 68l9 9l51 -52c0 98 -80 178 -179 178s-179 -80 -179 -179s80 -179 179 -179c79 0 146 50 170 121l12 -3c-26 -76 -97 -131 -182 -131c-106 0 -192 86 -192 192s86 192 192 192z" />
+ <glyph glyph-name="ion-ios-reverse-camera-outline" unicode="&#xf49e;" horiz-adv-x="384"
+d="M238 129l2 2l11 -12l-2 -2c-16 -14 -36 -21 -57 -21c-45 0 -82 36 -87 78h-30l38 50l39 -50h-31c5 -33 35 -62 71 -62c17 0 33 6 46 17zM252 249c16 -14 25 -37 27 -57h30l-38 -51l-39 51h31c-5 35 -35 64 -71 64c-17 0 -33 -6 -46 -17l-2 -2l-11 12l2 2
+c16 14 36 21 57 21c22 0 44 -8 60 -23zM354 288c18 0 30 -14 30 -31v-176c0 -17 -12 -33 -30 -33h-320c-18 0 -34 16 -34 33v176c0 17 16 31 34 31h13v16h34v-16h13c32 36 43 48 55 48h88c12 0 23 -12 55 -48h62zM368 81v176c0 9 -5 15 -14 15h-62h-6s-4 1 -6 3s-6 8 -9 11
+c-12 13 -21 24 -27 30c-5 5 -7 4 -7 4h-88s-1 0 -6 -4c-6 -5 -15 -14 -26 -27c-3 -4 -8 -11 -11 -14s-4 -3 -6 -3h-6h-60c-9 0 -18 -7 -18 -15v-176c0 -9 9 -17 18 -17h320c8 0 14 8 14 17z" />
+ <glyph glyph-name="ion-ios-reverse-camera" unicode="&#xf49f;" horiz-adv-x="384"
+d="M354 288c18 0 30 -14 30 -31v-176c0 -17 -12 -33 -30 -33h-320c-18 0 -34 16 -34 33v176c0 17 16 31 34 31h13v16h34v-16h13c32 36 43 48 55 48h88c12 0 23 -12 55 -48h62zM249 117l2 2l-11 12l-2 -2c-13 -11 -29 -17 -46 -17c-36 0 -66 29 -71 62h31l-39 50l-38 -50h30
+c5 -42 42 -78 87 -78c21 0 41 7 57 21zM271 141l38 51h-30c-2 20 -11 43 -27 57c-16 15 -38 23 -60 23c-21 0 -41 -7 -57 -21l-2 -2l11 -12l2 2c13 11 29 17 46 17c36 0 66 -29 71 -64h-31z" />
+ <glyph glyph-name="ion-ios-rewind-outline" unicode="&#xf4a0;"
+d="M432 293l-184 -101l184 -101v202zM208 292v0l-176 -100l176 -100v95v27v78zM224 320v0v-123l224 123v-256l-224 123v-123l-224 128z" />
+ <glyph glyph-name="ion-ios-rewind" unicode="&#xf4a1;"
+d="M224 320v0v-123l224 123v-256l-224 123v-123l-224 128z" />
+ <glyph glyph-name="ion-ios-rose-outline" unicode="&#xf4a2;" horiz-adv-x="320"
+d="M284 295c-4 -1 -9 -3 -13 -4c-37 -11 -71 -24 -103 -39c-17 -8 -24 -12 -44 -24l-7 -4c-31 -18 -50 -33 -63 -51c-15 -21 -22 -45 -22 -77c0 -16 3 -30 9 -44c6 -13 14 -26 25 -36c23 -21 55 -32 94 -32s71 11 94 32c11 10 19 23 25 36c6 14 9 28 9 44c0 20 -5 40 -11 60
+c-11 40 -23 83 7 139zM320 320v0c-77 -96 -16 -151 -16 -224s-56 -128 -144 -128s-144 55 -144 128s35 109 93 142c25 14 33 19 52 28c30 14 65 28 105 40c17 5 35 10 54 14zM38 325c14 -28 18 -57 19 -83c9 7 20 13 30 20c7 4 14 9 21 13c5 3 10 6 16 9c-5 4 -11 7 -17 11
+c-22 13 -48 23 -69 30zM0 352v0s66 -15 115 -43c15 -8 28 -18 37 -29c-12 -6 -24 -12 -36 -19c-7 -4 -14 -8 -20 -12c-25 -16 -44 -31 -57 -42c5 41 2 98 -39 145zM249 367c-8 -1 -20 -2 -35 -7c-25 -8 -47 -20 -64 -36c8 -6 15 -12 21 -18c29 12 65 26 95 34
+c-5 10 -12 20 -17 27zM256 384v0s26 -32 32 -55c-33 -8 -84 -25 -121 -42l-3 3c-9 11 -22 22 -39 32c52 60 131 62 131 62zM85 394c-6 -10 -10 -20 -14 -28c12 -4 22 -10 36 -17c4 5 9 10 14 14c-13 15 -27 25 -36 31zM80 416v0s35 -16 64 -56c-12 -9 -23 -20 -33 -31
+c-26 13 -40 21 -61 27c5 15 15 38 30 60z" />
+ <glyph glyph-name="ion-ios-rose" unicode="&#xf4a3;" horiz-adv-x="320"
+d="M320 320v0c-77 -96 -16 -151 -16 -224s-56 -128 -144 -128s-144 55 -144 128s35 109 93 142c25 14 33 19 52 28c30 14 65 28 105 40c17 5 35 10 54 14zM0 352v0s66 -15 115 -43c15 -8 28 -18 37 -29c-12 -6 -24 -12 -36 -19c-7 -4 -14 -8 -20 -12
+c-25 -16 -44 -31 -57 -42c5 41 2 98 -39 145zM256 384v0s26 -32 32 -55c-33 -8 -84 -25 -121 -42l-3 3c-9 11 -22 22 -39 32c52 60 131 62 131 62zM80 416v0s35 -16 64 -56c-12 -9 -23 -20 -33 -31c-26 13 -40 21 -61 27c5 15 15 38 30 60z" />
+ <glyph glyph-name="ion-ios-search-strong" unicode="&#xf4a4;" horiz-adv-x="384"
+d="M280 150l-4 -7l108 -109l-34 -34l-108 109l-7 -5c-24 -15 -53 -25 -83 -25c-84 0 -152 69 -152 153s68 152 152 152s152 -68 152 -152c0 -30 -9 -58 -24 -82zM237 317c-23 23 -53 35 -85 35s-62 -12 -85 -35s-35 -53 -35 -85s12 -62 35 -85s53 -35 85 -35s62 12 85 35
+s36 53 36 85s-13 62 -36 85z" />
+ <glyph glyph-name="ion-ios-search" unicode="&#xf4a5;" horiz-adv-x="384"
+d="M384 23l-23 -23l-113 113c-26 -21 -60 -33 -96 -33c-84 0 -152 68 -152 152s68 152 152 152s152 -68 152 -152c0 -36 -12 -69 -33 -95zM56 135c26 -26 60 -39 96 -39s70 14 96 40s40 60 40 96s-14 70 -40 96s-60 40 -96 40s-70 -14 -96 -40s-40 -60 -40 -96
+s14 -71 40 -97z" />
+ <glyph glyph-name="ion-ios-settings-strong" unicode="&#xf4a6;"
+d="M0 72h283c6 14 21 24 37 24s31 -10 37 -24h91v-32h-91c-6 -14 -21 -24 -37 -24s-31 10 -37 24h-283zM0 208h91c6 14 21 24 37 24s31 -10 37 -24h283v-32h-283c-6 -14 -21 -24 -37 -24s-31 10 -37 24h-91zM0 344h283c6 14 21 24 37 24s31 -10 37 -24h91v-32h-91
+c-6 -14 -21 -24 -37 -24s-31 10 -37 24h-283z" />
+ <glyph glyph-name="ion-ios-settings" unicode="&#xf4a7;"
+d="M320 344c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16zM320 360v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM320 72c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16zM320 88v0c18 0 32 -14 32 -32s-14 -32 -32 -32
+s-32 14 -32 32s14 32 32 32zM128 208c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16zM128 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM175 200h273v-16h-273c0 3 1 5 1 8s-1 5 -1 8zM80 192c0 -3 1 -5 1 -8h-81v16h81
+c0 -3 -1 -5 -1 -8zM367 64h81v-16h-81c0 3 1 5 1 8s-1 5 -1 8zM272 56c0 -3 1 -5 1 -8h-273v16h273c0 -3 -1 -5 -1 -8zM367 336h81v-16h-81c0 3 1 5 1 8s-1 5 -1 8zM273 336c0 -3 -1 -5 -1 -8s1 -5 1 -8h-273v16h273z" />
+ <glyph glyph-name="ion-ios-shuffle-strong" unicode="&#xf4a8;" horiz-adv-x="384"
+d="M301 296c-85 0 -119 -64 -152 -126c-1 -3 -3 -5 -4 -8l-1 -1c-2 -3 -2 -5 -4 -8c-21 -38 -43 -68 -68 -83c-15 -9 -34 -18 -72 -18v32c45 0 76 18 112 84c2 3 2 6 4 9h1c1 2 3 4 4 7c34 64 76 144 180 144h15l-52 43l21 25l99 -84l-99 -82l-21 24l51 42h-14zM285 154
+l99 -82l-99 -84l-21 25l52 43h-15c-78 0 -122 45 -153 95l18 33c29 -51 64 -96 135 -96h14l-51 42zM112 216c-36 66 -67 84 -112 84v32c38 0 57 -9 72 -18c25 -15 47 -44 67 -81c-7 -11 -13 -22 -19 -33c-1 2 -2 5 -3 7h-1c-2 3 -2 6 -4 9z" />
+ <glyph glyph-name="ion-ios-shuffle" unicode="&#xf4a9;" horiz-adv-x="384"
+d="M298 241l-10 12l62 51h-46c-93 0 -129 -75 -164 -139c-2 -3 -3 -6 -5 -9c-20 -37 -41 -61 -65 -75c-14 -8 -33 -17 -70 -17v16c48 0 83 14 121 84c2 3 3 6 5 9c35 65 75 147 178 147h46l-62 52l10 12l86 -72zM135 228c0 -1 1 -2 1 -3c-3 -5 -6 -11 -9 -16c0 1 -1 1 -1 2
+c-2 3 -3 6 -5 9c-38 70 -73 84 -121 84v16c37 0 56 -9 70 -17c24 -14 45 -38 65 -75zM298 143l86 -71l-86 -72l-10 12l62 52h-46c-76 0 -118 45 -149 95c1 2 2 5 3 7c2 3 4 7 6 10c30 -50 67 -96 140 -96h46l-62 51z" />
+ <glyph glyph-name="ion-ios-skipbackward-outline" unicode="&#xf4aa;" horiz-adv-x="320"
+d="M0 352h79v-142l241 142v-320l-241 142v-142h-79v320zM80 192l7 -4l217 -128v264v0l-217 -128zM16 336v-288h47v126v8v28v126h-47z" />
+ <glyph glyph-name="ion-ios-skipbackward" unicode="&#xf4ab;" horiz-adv-x="320"
+d="M0 352h79v-142l241 142v-320l-241 142v-142h-79v320z" />
+ <glyph glyph-name="ion-ios-skipforward-outline" unicode="&#xf4ac;" horiz-adv-x="320"
+d="M241 352h79v-320h-79v142l-241 -142v320l241 -142v142zM233 188l7 4l-7 4l-217 128v0v-264zM304 48v288h-47v-126v-28v-8v-126h47z" />
+ <glyph glyph-name="ion-ios-skipforward" unicode="&#xf4ad;" horiz-adv-x="320"
+d="M241 352h79v-320h-79v142l-241 -142v320l241 -142v142z" />
+ <glyph glyph-name="ion-ios-snowy" unicode="&#xf4ae;" horiz-adv-x="256"
+d="M252 131c4 -2 5 -7 3 -11s-7 -5 -11 -3l-29 17c-2 -8 -2 -16 0 -24c1 -4 -3 -9 -7 -10s-8 2 -9 6c-2 12 -3 24 1 36l-64 36v-73c11 -3 22 -8 31 -16c3 -3 4 -8 1 -11s-8 -4 -11 -1c-6 5 -13 10 -21 12v-33c0 -4 -4 -8 -8 -8s-8 4 -8 8v33c-8 -2 -15 -7 -21 -12
+c-3 -3 -8 -2 -11 1s-3 8 0 11c9 8 20 13 32 16v73l-65 -36c4 -12 4 -23 2 -35c-1 -4 -5 -8 -9 -7s-8 6 -7 10c2 8 2 16 0 24l-29 -17c-4 -2 -9 -1 -11 3s-1 9 3 11l29 16c-6 6 -13 10 -21 13c-4 1 -6 6 -5 10c2 4 6 6 10 5c12 -4 22 -11 30 -19l65 36l-65 37
+c-8 -9 -18 -15 -30 -19c-4 -1 -9 0 -10 4s1 10 5 11c8 3 15 6 21 12l-29 16c-4 2 -5 7 -3 11s7 5 11 3l29 -16c2 8 2 15 0 23c-1 4 3 9 7 10s8 -2 9 -6c2 -12 1 -25 -2 -36l65 -36v73c-12 3 -23 8 -32 16c-3 3 -3 8 0 11s8 4 11 1c6 -5 13 -10 21 -12v33c0 4 4 8 8 8
+s8 -4 8 -8v-33c8 2 15 7 21 12c3 3 8 2 11 -1s2 -8 -1 -11c-9 -8 -20 -13 -31 -16v-73l64 36c-3 11 -4 24 -2 36c1 4 6 7 10 6s7 -6 6 -10c-2 -8 -1 -15 1 -23l29 16c4 2 9 1 11 -3s1 -9 -3 -11l-29 -16c6 -6 13 -10 21 -13c4 -1 6 -6 5 -10s-6 -6 -10 -5
+c-12 4 -23 10 -31 19l-64 -36l64 -36c8 8 19 15 31 19c4 1 9 -1 10 -5s-1 -9 -5 -10c-8 -3 -15 -7 -21 -13z" />
+ <glyph glyph-name="ion-ios-speedometer-outline" unicode="&#xf4af;"
+d="M224 384c124 0 224 -100 224 -224c0 -57 -21 -108 -56 -148c-4 -4 -7 -8 -11 -12l-10 10l-1 2c-19 18 -41 33 -65 43c-26 11 -53 16 -81 16s-55 -5 -81 -16c-24 -10 -46 -25 -65 -43l-1 -2l-10 -10c-4 4 -7 8 -11 12c-35 40 -56 91 -56 148c0 124 100 224 224 224z
+M416 79c10 23 15 48 16 73h-32v16h32c-1 25 -6 50 -16 73c-9 22 -23 42 -39 60l-27 -27l-6 6l-5 5v0h-1l27 27c-18 17 -38 31 -60 40c-23 10 -48 15 -74 16v-38h-16v38c-25 -1 -49 -6 -72 -16c-22 -10 -43 -23 -61 -40l27 -27v0v0l-6 -6l-5 -5l-27 27
+c-16 -18 -30 -38 -39 -60c-10 -23 -15 -49 -16 -74h32v-16h-32c1 -25 6 -49 16 -72c9 -20 20 -39 35 -56c40 40 96 64 157 64s117 -24 157 -64c15 17 26 36 35 56zM336 273l2 -1l-75 -84c6 -8 9 -18 9 -28c0 -26 -22 -48 -48 -48c-10 0 -19 4 -27 9l-13 -12l-11 11l12 12
+c-6 8 -9 18 -9 28c0 26 22 48 48 48c10 0 19 -3 27 -8zM224 128c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+ <glyph glyph-name="ion-ios-speedometer" unicode="&#xf4b0;"
+d="M385 169v-15h30c-1 -22 -6 -44 -15 -65c-8 -18 -19 -35 -32 -50c-39 37 -90 58 -144 58s-105 -21 -144 -58c-13 15 -24 32 -32 50c-9 21 -14 43 -15 65h28h1v16h-29c1 23 6 45 15 66c9 20 20 38 35 54l25 -24l10 10l1 1v0v0l-25 25c16 15 36 26 56 35c21 9 43 14 66 15
+v-34h14h1v34c23 -1 46 -6 67 -15s39 -20 55 -35l-24 -25l11 -11l25 25c15 -16 26 -35 35 -55c9 -21 14 -43 15 -66h-30v-1zM272 160c0 10 -3 20 -9 28l63 76l-2 1l-73 -65c-8 5 -17 8 -27 8c-26 0 -48 -22 -48 -48c0 -10 3 -20 9 -28l-12 -12l11 -11l13 12c8 -5 17 -9 27 -9
+c26 0 48 22 48 48zM224 384c124 0 224 -100 224 -224c0 -57 -21 -108 -56 -148c-4 -4 -7 -8 -11 -12h-23c-32 39 -80 64 -134 64s-102 -25 -134 -64h-23c-4 4 -7 8 -11 12c-35 40 -56 91 -56 148c0 124 100 224 224 224zM379 27c34 37 52 86 52 136c0 55 -22 106 -61 145
+s-91 60 -146 60s-107 -21 -146 -60s-61 -90 -61 -145c0 -50 18 -99 52 -136l10 -10l1 -1v1l9 9l1 1v0c17 17 38 30 60 39c24 10 48 15 74 15s50 -5 74 -15c22 -9 43 -22 60 -39v0l1 -1l9 -9v-1l1 1zM192 160c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32s-32 11 -32 32z
+" />
+ <glyph glyph-name="ion-ios-star-half" unicode="&#xf4b1;"
+d="M140 143l-140 98h171l53 159l53 -159h171l-140 -98l54 -159l-138 99l-138 -99zM224 347v-244l107 -76l-43 122l108 75h-131z" />
+ <glyph glyph-name="ion-ios-star-outline" unicode="&#xf4b2;"
+d="M448 241l-140 -98l54 -159l-138 99l-138 -99l54 159l-140 98h171l53 159l53 -159h171zM331 27l-43 122l108 75h-131l-41 123l-41 -123h-131l108 -75l-43 -122l107 76z" />
+ <glyph glyph-name="ion-ios-star" unicode="&#xf4b3;"
+d="M448 241l-140 -98l54 -159l-138 99l-138 -99l54 159l-140 98h171l53 159l53 -159h171z" />
+ <glyph glyph-name="ion-ios-stopwatch-outline" unicode="&#xf4b4;" horiz-adv-x="384"
+d="M334 301c32 -35 50 -80 50 -128c0 -104 -86 -189 -192 -189s-192 85 -192 189c0 48 18 94 51 129l1 1h-18l-8 -8l-23 23l41 40l23 -22l-9 -9v-18c31 30 72 50 116 53h2v38h32v-38c43 -4 82 -21 113 -49l5 -5v19l-9 9l23 22l41 -40l-22 -23l-9 8h-18zM192 2
+c96 0 173 77 173 171s-77 171 -173 171c-95 0 -173 -77 -173 -171s77 -171 173 -171zM200 191c14 -4 24 -17 24 -31c0 -15 -10 -26 -24 -30l-8 -18v0l-8 18c-14 4 -24 15 -24 30c0 14 12 27 24 31v129h16v-129z" />
+ <glyph glyph-name="ion-ios-stopwatch" unicode="&#xf4b5;" horiz-adv-x="384"
+d="M334 301c32 -35 50 -80 50 -128c0 -104 -86 -189 -192 -189s-192 85 -192 189c0 48 18 94 51 129l1 1h-18l-8 -8l-23 23l41 40l23 -22l-9 -9v-18c31 30 72 50 116 53h2v38h32v-38c43 -4 82 -21 113 -49l5 -5v19l-9 9l23 22l41 -40l-22 -23l-9 8h-18zM200 130
+c14 4 24 15 24 30c0 14 -10 27 -24 31v129h-16v-129c-12 -4 -24 -17 -24 -31c0 -15 10 -26 24 -30l8 -18z" />
+ <glyph glyph-name="ion-ios-sunny-outline" unicode="&#xf4b6;" horiz-adv-x="320"
+d="M151 296v56h18v-56h-18zM151 32v60h18v-60h-18zM264 183v18h56v-18h-56zM0 183v18h60v-18h-60zM240 130l34 -34l-12 -12l-33 34zM64 306l34 -33l-12 -12l-34 34zM229 272l33 34l12 -12l-34 -33zM52 96l34 34l11 -12l-33 -34zM160 116c-42 0 -76 34 -76 76s34 76 76 76
+s76 -34 76 -76s-34 -76 -76 -76zM160 251c-32 0 -59 -27 -59 -59s27 -59 59 -59s59 27 59 59s-27 59 -59 59z" />
+ <glyph glyph-name="ion-ios-sunny" unicode="&#xf4b7;" horiz-adv-x="320"
+d="M151 296v56h18v-56h-18zM151 32v60h18v-60h-18zM264 183v18h56v-18h-56zM0 183v18h60v-18h-60zM240 130l34 -34l-12 -12l-33 34zM64 306l34 -33l-12 -12l-34 34zM229 272l33 34l12 -12l-34 -33zM52 96l34 34l11 -12l-33 -34zM160 116c-42 0 -76 34 -76 76s34 76 76 76
+s76 -34 76 -76s-34 -76 -76 -76z" />
+ <glyph glyph-name="ion-ios-telephone-outline" unicode="&#xf4b8;" horiz-adv-x="352"
+d="M336 112c16 -16 26 -35 0 -66c-25 -30 -42 -30 -64 -30c-24 0 -58 14 -93 40c-32 23 -46 34 -78 67c-34 35 -55 64 -79 107c-27 50 -24 74 -18 92c4 12 14 24 28 33l1 1c6 4 18 12 32 12c13 0 24 -6 34 -18l1 -1c11 -14 24 -31 32 -47c10 -21 10 -38 -1 -53
+c-9 -12 -12 -19 -12 -23s5 -9 13 -18l1 -1c16 -18 20 -23 26 -29c1 -1 3 -2 4 -3l2 -2c7 -7 11 -12 29 -28l1 -1c7 -6 9 -8 12 -8c5 0 16 7 29 15c4 3 11 5 17 5c27 0 68 -29 83 -44zM324 57c19 22 13 31 1 43c-13 14 -50 39 -72 39c-3 0 -6 -1 -8 -2
+c-19 -12 -28 -18 -37 -18s-15 6 -23 13h-1c-19 16 -23 21 -30 29l-2 2c-1 1 -3 2 -4 3c-6 6 -11 12 -27 30v1c-10 11 -17 18 -18 28s5 20 16 34c15 20 -5 48 -31 79l-1 1c-7 8 -14 12 -22 12c-10 0 -18 -6 -23 -9c-1 0 -2 -1 -2 -1c-11 -7 -18 -16 -21 -24
+c-5 -16 -7 -35 17 -79c23 -42 43 -70 76 -104c31 -32 45 -42 76 -64c32 -23 64 -38 84 -38c21 0 32 1 52 25z" />
+ <glyph glyph-name="ion-ios-telephone" unicode="&#xf4b9;" horiz-adv-x="352"
+d="M336 112c16 -16 26 -35 0 -66c-25 -30 -42 -30 -64 -30c-24 0 -58 14 -93 40c-32 23 -46 34 -78 67c-34 35 -55 64 -79 107c-27 50 -24 74 -18 92c4 12 14 24 28 33l1 1c6 4 18 12 32 12c13 0 24 -6 34 -18l1 -1c11 -14 24 -31 32 -47c10 -21 10 -38 -1 -53
+c-9 -12 -12 -19 -12 -23s5 -9 13 -18l1 -1c16 -18 20 -23 26 -29c1 -1 3 -2 4 -3l2 -2c7 -7 11 -12 29 -28l1 -1c7 -6 9 -8 12 -8c5 0 16 7 29 15c4 3 11 5 17 5c27 0 68 -29 83 -44z" />
+ <glyph glyph-name="ion-ios-tennisball-outline" unicode="&#xf4ba;" horiz-adv-x="416"
+d="M416 192v-8v0c0 -5 0 -11 -1 -16v0c-11 -97 -90 -174 -187 -183v0h-4h-2s-1 -1 -2 -1h-3h-1h-8c-115 0 -208 93 -208 208s93 208 208 208s208 -93 208 -208zM399 192c0 105 -86 191 -191 191c-3 0 -5 -1 -8 -1c1 -24 6 -46 15 -68c10 -26 26 -49 46 -69s43 -36 69 -46
+c22 -9 44 -14 68 -15c0 3 1 5 1 8zM17 192c0 -105 86 -191 191 -191h4c-1 22 -7 45 -15 66c-10 26 -26 48 -46 68s-42 36 -68 46c-21 8 -44 14 -66 15v-4zM228 2c88 9 158 78 169 166c-54 3 -106 25 -147 66s-63 93 -66 147c-88 -11 -157 -81 -166 -169
+c53 -3 105 -25 145 -65s62 -92 65 -145z" />
+ <glyph glyph-name="ion-ios-tennisball" unicode="&#xf4bb;" horiz-adv-x="416"
+d="M0 196v0v0v0zM212 -16h1h-1v0zM208 400c115 0 208 -93 208 -208c0 -8 0 -16 -1 -24v0v0c-11 -97 -90 -174 -187 -183v0v0c-6 -1 -13 -1 -20 -1c-115 0 -208 93 -208 208v4v0v0c0 6 0 11 1 16v0v0c9 97 86 176 183 187v0v0c6 1 11 1 16 1v0v0h8zM83 181
+c26 -10 48 -26 68 -46s36 -42 46 -68c8 -21 14 -44 15 -66c5 0 11 0 16 1c-3 53 -25 105 -65 145s-92 62 -145 65c-1 -5 -1 -11 -1 -16c22 -1 45 -7 66 -15zM250 234c41 -41 93 -63 147 -66c1 5 1 11 1 16c-24 1 -46 6 -68 15c-26 10 -49 26 -69 46s-36 43 -46 69
+c-9 22 -14 44 -15 68c-5 0 -11 0 -16 -1c3 -54 25 -106 66 -147z" />
+ <glyph glyph-name="ion-ios-thunderstorm-outline" unicode="&#xf4bc;" horiz-adv-x="274"
+d="M193 176l-88 -128l29 96h-52l15 80h72l-16 -48h40zM209 275c36 0 65 -29 65 -65s-29 -66 -65 -66h-8v17h8c27 0 49 22 49 49s-22 50 -49 50h-6l-14 -2l-3 14c-3 14 -11 26 -22 35s-25 13 -39 13c-34 0 -63 -27 -63 -62v-12s1 -9 1 -9c-5 0 -12 -2 -14 -2
+c-19 -3 -33 -18 -33 -37c0 -10 3 -19 10 -26s16 -11 26 -11h11v-17h-11c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78c37 0 68 -26 76 -61h8z" />
+ <glyph glyph-name="ion-ios-thunderstorm" unicode="&#xf4bd;" horiz-adv-x="274"
+d="M153 176h40l-22 -32l-66 -96l29 96h-52l15 80h72zM84 240h107l-16 -48h18h30l-33 -48h19c36 0 65 30 65 66s-29 65 -65 65h-8c-8 35 -39 61 -76 61c-43 0 -78 -35 -78 -78v-8c-26 -2 -47 -26 -47 -53c0 -29 24 -53 52 -53h14z" />
+ <glyph glyph-name="ion-ios-time-outline" unicode="&#xf4be;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM371 45c19 19 35 41 45 66c11 26 16 53 16 81s-5 55 -16 81c-10 25 -26 47 -45 66s-41 35 -66 45c-26 11 -53 16 -81 16s-55 -5 -81 -16c-25 -10 -47 -26 -66 -45
+s-35 -41 -45 -66c-11 -26 -16 -53 -16 -81s5 -55 16 -81c10 -25 26 -47 45 -66s41 -35 66 -45c26 -11 53 -16 81 -16s55 5 81 16c25 10 47 26 66 45zM216 368c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM216 16c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM392 192
+c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM40 192c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM128 344c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM304 40c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM368 280c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8
+zM64 104c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM64 280c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM368 104c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM304 344c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM128 40c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8
+s-8 3 -8 8zM238 200c4 -8 2 -18 -6 -22v-122c0 -4 -4 -8 -8 -8s-8 4 -8 8v122c-2 1 -4 4 -6 6c-3 5 -3 11 0 16l-37 63c-2 4 -1 9 3 11s8 1 10 -3l38 -63c5 0 11 -3 14 -8z" />
+ <glyph glyph-name="ion-ios-time" unicode="&#xf4bf;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM224 376c-4 0 -8 -4 -8 -8s4 -8 8 -8s8 4 8 8s-4 8 -8 8zM48 184c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM76 97c4 2 4 7 2 11s-6 5 -10 3s-5 -7 -3 -11s7 -5 11 -3z
+M78 276c2 4 2 9 -2 11s-9 1 -11 -3s-1 -9 3 -11s8 -1 10 3zM132 351c-4 -2 -5 -7 -3 -11s7 -4 11 -2s5 6 3 10s-7 5 -11 3zM143 36c2 4 1 8 -3 10s-9 2 -11 -2s-1 -9 3 -11s9 -1 11 3zM224 8c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM232 178c8 4 10 14 6 22
+c-3 5 -9 8 -14 8l-38 64c-2 4 -7 4 -11 2s-4 -7 -2 -11l37 -63c-3 -5 -3 -11 0 -16c2 -2 4 -5 6 -6v-122c0 -4 4 -8 8 -8s8 4 8 8v122zM316 33c4 2 5 7 3 11s-7 4 -11 2s-5 -6 -3 -10s7 -5 11 -3zM319 340c2 4 1 9 -3 11s-9 1 -11 -3s-1 -8 3 -10s9 -2 11 2zM383 100
+c2 4 1 9 -3 11s-8 1 -10 -3s-2 -9 2 -11s9 -1 11 3zM380 273c4 2 5 7 3 11s-7 5 -11 3s-4 -7 -2 -11s6 -5 10 -3zM400 184c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8z" />
+ <glyph glyph-name="ion-ios-timer-outline" unicode="&#xf4c0;" horiz-adv-x="416"
+d="M189 176l-1 2s-89 118 -86 120s121 -85 121 -85c1 -1 1 -2 2 -3c5 -5 8 -11 8 -18c0 -14 -11 -25 -25 -25c-8 0 -14 3 -19 9zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208c0 57 23 109 61 147l12 -12c-35 -35 -56 -82 -56 -135
+c0 -106 85 -191 191 -191s191 85 191 191c0 100 -77 183 -175 191v-95h-16v112v0v0z" />
+ <glyph glyph-name="ion-ios-timer" unicode="&#xf4c1;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM102 298c-2 -2 86 -120 86 -120l1 -1c5 -6 11 -10 19 -10c14 0 25 11 25 25c0 7 -3 13 -8 18l-3 3c0 0 -117 87 -120 85zM208 1c106 0 192 85 192 191s-86 192 -192 192v-96h16v78
+c88 -9 158 -84 158 -174c0 -96 -78 -174 -174 -174s-175 78 -175 174c0 48 19 92 51 124l-11 12c-35 -35 -56 -83 -56 -136c0 -106 85 -191 191 -191z" />
+ <glyph glyph-name="ion-ios-toggle-outline" unicode="&#xf4c2;"
+d="M96 128c-26 0 -48 -22 -48 -48s22 -48 48 -48s48 22 48 48s-22 48 -48 48zM96 144v0c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64zM351 160v0h-255c-44 0 -80 -36 -80 -80s36 -80 80 -80h256c44 0 80 36 80 80s-37 80 -81 80zM352 176v0
+c53 0 96 -43 96 -96s-43 -96 -96 -96h-256c-53 0 -96 43 -96 96s43 96 96 96h256zM352 352c-26 0 -48 -22 -48 -48s22 -48 48 -48s48 22 48 48s-22 48 -48 48zM352 368v0c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64zM97 384v0c-44 0 -81 -36 -81 -80
+s36 -80 80 -80h256c44 0 80 36 80 80s-36 80 -80 80h-255zM96 400v0h256c53 0 96 -43 96 -96s-43 -96 -96 -96h-256c-53 0 -96 43 -96 96s43 96 96 96z" />
+ <glyph glyph-name="ion-ios-toggle" unicode="&#xf4c3;"
+d="M96 128c26 0 48 -22 48 -48s-22 -48 -48 -48s-48 22 -48 48s22 48 48 48zM352 176c53 0 96 -43 96 -96s-43 -96 -96 -96h-256c-53 0 -96 43 -96 96s43 96 96 96h256zM96 16c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64zM352 256c-26 0 -48 22 -48 48
+s22 48 48 48s48 -22 48 -48s-22 -48 -48 -48zM96 208c-53 0 -96 43 -96 96s43 96 96 96h256c53 0 96 -43 96 -96s-43 -96 -96 -96h-256zM352 368c-35 0 -64 -29 -64 -64s29 -64 64 -64s64 29 64 64s-29 64 -64 64z" />
+ <glyph glyph-name="ion-ios-trash-outline" unicode="&#xf4c4;" horiz-adv-x="288"
+d="M288 335v-15h-20l-24 -291c0 -16 -13 -29 -29 -29h-141c-16 0 -29 13 -29 29l-24 291h-21v15h80v20c0 16 13 29 29 29h70c16 0 29 -13 29 -29v-20h80zM95 355v-20h98v20c0 8 -6 14 -14 14h-70c-8 0 -14 -6 -14 -14zM230 30l23 290h-217l23 -290v0v-1c0 -8 7 -14 15 -14
+h141c8 0 15 6 15 14v1v0zM137 47v241h14v-241h-14zM208 288l-11 -241h-14l10 241h15zM94 288l11 -241h-14l-11 241h14z" />
+ <glyph glyph-name="ion-ios-trash" unicode="&#xf4c5;" horiz-adv-x="288"
+d="M208 335h80v-15h-20l-24 -291c0 -16 -13 -29 -29 -29h-141c-16 0 -29 13 -29 29l-24 291h-21v15h80v20c0 16 13 29 29 29h70c16 0 29 -13 29 -29v-20zM95 355v0v-20h98v20c0 8 -6 14 -14 14h-70c-8 0 -14 -6 -14 -14zM91 47h14l-11 241h-14zM151 47v241h-14v-241h14z
+M197 47l11 241h-14l-11 -241h14z" />
+ <glyph glyph-name="ion-ios-undo-outline" unicode="&#xf4c6;" horiz-adv-x="384"
+d="M384 80v-32h-10l-20 31c-20 33 -44 63 -75 77c-24 11 -47 19 -87 20v-80l-192 128l192 128v-80c63 -3 108 -21 143 -56c52 -53 49 -119 49 -136zM368 87c0 0 9 169 -192 169v65l-148 -97l148 -97v65c91 0 144 -24 192 -105z" />
+ <glyph glyph-name="ion-ios-undo" unicode="&#xf4c7;" horiz-adv-x="384"
+d="M384 80v-32h-10l-20 31c-20 33 -44 63 -75 77c-24 11 -47 19 -87 20v-80l-192 128l192 128v-80c63 -3 108 -21 143 -56c52 -53 49 -119 49 -136z" />
+ <glyph glyph-name="ion-ios-unlocked-outline" unicode="&#xf4c8;" horiz-adv-x="320"
+d="M160 160c18 0 32 -14 32 -32c0 -15 -10 -27 -24 -31v-33h-16v33c-14 4 -24 16 -24 31c0 18 14 32 32 32zM160 112c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM72 224h248v-240h-320v240h56v72c0 57 47 104 104 104s104 -47 104 -104v-8h-16v8
+c0 49 -39 88 -88 88s-88 -39 -88 -88v-72zM304 0v208h-288v-208h288z" />
+ <glyph glyph-name="ion-ios-unlocked" unicode="&#xf4c9;" horiz-adv-x="320"
+d="M160 144c9 0 16 -7 16 -16s-7 -16 -16 -16s-16 7 -16 16s7 16 16 16zM72 224h248v-240h-320v240h56v72c0 57 47 104 104 104s104 -47 104 -104v-8h-16v8c0 49 -39 88 -88 88s-88 -39 -88 -88v-72zM168 97c14 4 24 16 24 31c0 18 -14 32 -32 32s-32 -14 -32 -32
+c0 -15 10 -27 24 -31v-33h16v33z" />
+ <glyph glyph-name="ion-ios-upload-outline" unicode="&#xf4ca;" horiz-adv-x="320"
+d="M192 304h128v-304h-320v304h128v-16h-112v-272h288v272h-112v16zM97 330l-11 12l74 74l74 -74l-11 -12l-55 55v-243h-16v243z" />
+ <glyph glyph-name="ion-ios-upload" unicode="&#xf4cb;" horiz-adv-x="320"
+d="M168 304h152v-304h-320v304h152v-162h16v162zM168 385v-81h-16v81l-55 -55l-11 12l74 74l74 -74l-11 -12z" />
+ <glyph glyph-name="ion-ios-videocam-outline" unicode="&#xf4cc;" horiz-adv-x="418"
+d="M257 320c19 0 33 -14 33 -33v-188c0 -19 -14 -35 -33 -35h-221c-19 0 -36 16 -36 35v188c0 19 17 33 36 33h221zM273 99v188c0 9 -8 16 -17 16h-221c-9 0 -18 -7 -18 -16v-188c0 -9 10 -18 19 -18h221c9 0 16 9 16 18zM320 235l98 53v-192l-98 53v86zM401 258v0l-64 -33
+v-66l64 -33v132z" />
+ <glyph glyph-name="ion-ios-videocam" unicode="&#xf4cd;" horiz-adv-x="418"
+d="M257 320c19 0 33 -14 33 -33v-188c0 -19 -14 -35 -33 -35h-221c-19 0 -36 16 -36 35v188c0 19 17 33 36 33h221zM320 235l98 53v-192l-98 53v86z" />
+ <glyph glyph-name="ion-ios-volume-high" unicode="&#xf4ce;" horiz-adv-x="320"
+d="M278 320c26 -36 42 -80 42 -128s-16 -92 -42 -128l-14 10c24 33 39 74 39 118s-15 85 -39 118zM224 96l-14 10c18 24 29 54 29 86s-11 62 -29 86l14 10c20 -27 32 -60 32 -96s-12 -69 -32 -96zM177 128l-13 10c12 15 18 34 18 54s-6 39 -18 54l13 10
+c14 -18 22 -40 22 -64s-8 -46 -22 -64zM58 232l70 56v-192l-70 56h-58v80h58z" />
+ <glyph glyph-name="ion-ios-volume-low" unicode="&#xf4cf;" horiz-adv-x="128"
+d="M58 232l70 56v-192l-70 56h-58v80h58z" />
+ <glyph glyph-name="ion-ios-wineglass-outline" unicode="&#xf4d0;" horiz-adv-x="192"
+d="M104 139v-155h72v-16h-80h-80v16h72v155c0 22 -20 39 -40 55c-8 6 -16 13 -22 19c-27 28 -26 52 -26 71v4c0 44 31 125 32 128h64h64c1 -3 32 -84 32 -128v-4c0 -19 1 -43 -26 -71c-6 -6 -14 -13 -22 -19c-20 -16 -40 -33 -40 -55zM43 400c-5 -16 -20 -63 -25 -96h156
+c-5 33 -20 80 -25 96h-53h-53zM96 175c3 0 5 0 7 2v0c9 11 20 20 31 29c8 6 15 12 20 18c22 23 22 41 22 60v4h-160v-4c0 -19 0 -37 22 -60c5 -6 12 -12 20 -18c11 -9 22 -18 31 -29v0c2 -2 4 -2 7 -2z" />
+ <glyph glyph-name="ion-ios-wineglass" unicode="&#xf4d1;" horiz-adv-x="192"
+d="M104 139v-155h72v-16h-80h-80v16h72v155c0 22 -20 39 -40 55c-8 6 -16 13 -22 19c-27 28 -26 52 -26 71v4c0 44 31 125 32 128h64h64c1 -3 32 -84 32 -128v-4c0 -19 1 -43 -26 -71c-6 -6 -14 -13 -22 -19c-20 -16 -40 -33 -40 -55zM43 400c-5 -16 -20 -63 -25 -96h156
+c-5 33 -20 80 -25 96h-53h-53z" />
+ <glyph glyph-name="ion-ios-world-outline" unicode="&#xf4d2;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208v0v0v0c-115 0 -208 93 -208 208s93 208 208 208v0v0v0zM216 276v-76h75c-1 31 -5 60 -11 84c-21 -5 -42 -7 -64 -8zM216 292c20 1 41 3 60 8c-14 46 -38 76 -60 82v-90zM200 382c-23 -6 -45 -36 -60 -82
+c19 -5 39 -7 60 -8v90zM200 276c-22 1 -44 3 -65 8c-6 -24 -10 -53 -11 -84h76v76zM108 200c1 32 4 62 11 88c-21 6 -41 15 -59 25c-26 -31 -41 -70 -43 -113h91zM108 184h-91c2 -43 17 -82 43 -113c19 10 38 19 59 25c-7 26 -10 56 -11 88zM124 184c1 -31 5 -60 11 -84
+c21 5 43 8 65 9v75h-76zM200 92c-21 -1 -41 -3 -60 -8c15 -46 37 -76 60 -82v90zM216 2c22 6 46 36 60 82c-19 5 -40 7 -60 8v-90zM216 109c22 -1 43 -4 64 -9c6 24 10 53 11 84h-75v-75zM308 184c-1 -32 -5 -62 -12 -88c21 -6 41 -15 60 -25c26 31 41 70 43 113h-91z
+M308 200v0h91c-2 43 -17 82 -43 113c-19 -10 -38 -19 -59 -25c7 -26 10 -56 11 -88zM344 326c-25 25 -56 44 -91 52c16 -17 29 -43 39 -74c18 6 35 13 52 22zM163 378c-35 -8 -67 -27 -91 -52c16 -9 34 -15 52 -21c10 31 23 56 39 73zM72 58c25 -25 56 -44 91 -52
+c-16 17 -30 43 -40 74c-18 -6 -35 -13 -51 -22zM253 6c35 8 66 27 91 52c-17 9 -34 16 -52 22c-10 -31 -23 -57 -39 -74z" />
+ <glyph glyph-name="ion-ios-world" unicode="&#xf4d3;" horiz-adv-x="416"
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208v0v0v0c-115 0 -208 93 -208 208s93 208 208 208v0v0v0zM208 1c106 0 191 85 191 191s-85 191 -191 191v0v0v0c-106 0 -191 -85 -191 -191s86 -191 191 -191v0v0v0zM274 276c6 -22 9 -48 10 -76h-68v68c20 1 39 4 58 8
+zM216 366c20 -6 41 -34 54 -75c-17 -4 -36 -6 -54 -7v82zM145 291c13 42 35 69 55 75v-82c-19 1 -37 3 -55 7zM333 315c-15 -8 -31 -15 -48 -20c-9 29 -21 52 -36 67c32 -8 61 -24 84 -47zM299 200c-1 29 -4 56 -10 80c19 6 37 14 54 23c23 -28 38 -64 40 -103h-84zM132 200
+c1 28 3 54 9 76c19 -5 39 -7 59 -8v-68h-68zM284 184c-1 -28 -4 -54 -10 -76c-19 5 -38 7 -58 8v68h68zM141 108c-6 22 -8 48 -9 76h68v-68c-20 -1 -40 -3 -59 -8zM200 18c-20 6 -42 33 -55 75c18 4 36 6 55 7v-82zM249 22c15 15 27 38 36 67c17 -5 33 -11 48 -19
+c-23 -23 -52 -40 -84 -48zM167 362c-15 -15 -27 -39 -36 -67c-16 5 -33 11 -48 19c22 23 52 40 84 48zM289 104c6 24 9 51 10 80h84c-2 -39 -17 -75 -40 -103c-17 9 -35 17 -54 23zM216 100c18 -1 37 -3 54 -7c-13 -42 -34 -69 -54 -75v82zM127 280c-6 -24 -11 -51 -11 -80
+h-83c2 39 17 75 40 103c17 -9 35 -17 54 -23zM116 184c1 -29 4 -56 10 -80c-19 -6 -36 -14 -53 -23c-23 28 -38 64 -40 103h83zM83 70c15 8 32 14 48 19c9 -28 21 -52 36 -67c-32 8 -62 25 -84 48z" />
+ <glyph glyph-name="ion-ipad" unicode="&#xf1f9;" horiz-adv-x="288"
+d="M0 375c0 5 4 9 9 9h270c5 0 9 -4 9 -9v-366c0 -5 -4 -9 -9 -9h-270c-5 0 -9 4 -9 9v366zM144 10c8 0 14 6 14 14s-7 14 -14 14c-8 0 -14 -6 -14 -14s6 -14 14 -14zM32 329v-275c0 -4 3 -6 6 -6h211c3 0 7 2 7 6v275c0 4 -4 7 -7 7h-211c-3 0 -6 -3 -6 -7z" />
+ <glyph glyph-name="ion-iphone" unicode="&#xf1fa;" horiz-adv-x="192"
+d="M168 384c13 0 24 -11 24 -24v-336c0 -13 -11 -24 -24 -24h-144c-13 0 -24 11 -24 24v336c0 13 11 24 24 24h144zM80 348v0c0 -2 2 -4 4 -4h24c2 0 4 2 4 4v0c0 2 -2 4 -4 4h-24c-2 0 -4 -2 -4 -4zM68 352c-2 0 -4 -2 -4 -4s2 -4 4 -4s4 2 4 4s-2 4 -4 4zM96 16
+c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM176 64v256h-160v-256h160z" />
+ <glyph glyph-name="ion-ipod" unicode="&#xf1fb;" horiz-adv-x="224"
+d="M112 137c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM196 384c15 0 28 -12 28 -28v-328c0 -16 -13 -28 -28 -28h-168c-15 0 -28 12 -28 28v328c0 16 13 28 28 28h168zM112 32c40 0 72 32 72 72s-32 72 -72 72s-72 -32 -72 -72s32 -72 72 -72z
+M192 221v118c-1 7 -6 12 -12 13h-136c-7 -1 -12 -7 -12 -15v-114c0 -8 6 -15 14 -15h131c8 0 14 5 15 13z" />
+ <glyph glyph-name="ion-jet" unicode="&#xf295;" horiz-adv-x="326"
+d="M222 80l-2 -13l53 -58l-18 -27l-74 9l-18 -55l-19 55l-73 -9l-18 27l53 58l-2 13l-104 -35l3 53l114 103s26 173 28 192c5 40 18 55 18 55s13 -15 18 -55c2 -19 28 -192 28 -192l114 -103l3 -53z" />
+ <glyph glyph-name="ion-key" unicode="&#xf296;" horiz-adv-x="192"
+d="M144 147c28 -17 48 -48 48 -83c0 -53 -43 -96 -96 -96s-96 43 -96 96c0 36 19 67 48 84c0 0 7 16 12 41c0 4 11 6 11 12v20c0 5 -7 9 -7 11v8v8c0 2 0 4 1 6c0 1 1 1 1 2l2 1l4 4v1c2 2 3 4 3 6c0 1 1 8 1 9c0 3 -2 6 -4 8l-1 1l-4 4v0l-1 1v0c-2 2 -3 5 -3 8v7
+c0 3 2 7 4 9v0l5 5v0c2 2 4 3 4 6v24c0 3 -2 6 -4 8v1l-4 4l-1 1c-2 2 -3 5 -3 8v18c0 11 0 19 9 23c3 1 14 3 23 3c20 0 30 -8 32 -36c0 0 7 -81 9 -143s7 -90 7 -90zM96 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+ <glyph glyph-name="ion-knife" unicode="&#xf297;" horiz-adv-x="64"
+d="M62 416c2 0 2 -1 2 -6v-412c0 -15 -10 -30 -24 -30v0v0c-14 0 -24 15 -24 30c1 19 14 83 16 130v0c1 30 -32 31 -32 70c0 134 35 191 54 214c2 2 5 4 8 4z" />
+ <glyph glyph-name="ion-laptop" unicode="&#xf1fc;" horiz-adv-x="512"
+d="M480 342v-262h-448v262c0 6 4 10 10 10h428c6 0 10 -4 10 -10zM448 112v208h-384v-208h384zM0 59v5h512v-5c-70 -20 -116 -27 -256 -27s-186 7 -256 27z" />
+ <glyph glyph-name="ion-leaf" unicode="&#xf1fd;" horiz-adv-x="422"
+d="M412 69c18 -3 10 -41 -5 -39c0 0 -21 -1 -63 12c0 0 -16 -19 -39 -30c-26 -12 -118 -33 -197 38c-108 97 -120 354 -100 333c86 -90 197 -47 270 -106c55 -44 88 -127 77 -192c0 0 5 -8 57 -16zM316 65c5 5 10 16 10 24c-161 52 -252 160 -252 160s104 -143 242 -184z
+" />
+ <glyph glyph-name="ion-levels" unicode="&#xf298;" horiz-adv-x="350"
+d="M46 349c11 -5 18 -16 18 -29s-7 -24 -18 -29v-275c0 -9 -7 -16 -16 -16s-16 7 -16 16v278c-8 6 -14 15 -14 26s6 20 14 26v22c0 9 7 16 16 16s16 -7 16 -16v-19zM142 155c9 -6 15 -16 15 -27s-6 -21 -15 -27v-85c0 -9 -7 -16 -16 -16s-16 7 -16 16v84
+c-10 5 -17 16 -17 28s7 23 17 28v212c0 9 7 16 16 16s16 -7 16 -16v-213zM238 285c10 -6 16 -16 16 -28s-6 -22 -16 -28v-213c0 -9 -7 -16 -16 -16s-16 7 -16 16v213c-10 6 -16 16 -16 28s6 22 16 28v83c0 9 7 16 16 16s16 -7 16 -16v-83zM350 65c0 -12 -6 -22 -16 -28v-21
+c0 -9 -7 -16 -16 -16s-16 7 -16 16v21c-10 6 -16 16 -16 28s6 22 16 28v275c0 9 7 16 16 16s16 -7 16 -16v-275c10 -6 16 -16 16 -28z" />
+ <glyph glyph-name="ion-lightbulb" unicode="&#xf299;" horiz-adv-x="256"
+d="M128 416c71 0 128 -56 128 -124c0 -5 0 -9 -1 -14s-2 -11 -3 -16v-2c-17 -63 -45 -71 -59 -167v-1c-2 -9 -10 -12 -20 -12h-90c-10 0 -18 3 -20 12v1c-14 96 -42 104 -59 167v2c-1 5 -2 11 -3 16s-1 9 -1 14c0 68 57 124 128 124zM190 52v-1c-2 -3 -3 -4 -3 -7s1 -5 3 -8
+v-1c1 -2 2 -3 2 -5s-1 -4 -2 -6v-1c-2 -3 -3 -4 -3 -7s1 -5 3 -8v-1c1 -2 2 -4 2 -6c0 -5 -4 -9 -10 -11h-1c-6 -1 -13 -2 -19 -3h-2c-6 -1 -11 -5 -14 -9v0c-4 -5 -10 -10 -18 -10s-15 6 -19 11v0c-3 4 -7 7 -13 8h-2c-6 1 -13 2 -19 3h-1c-6 2 -10 6 -10 11c0 2 1 4 2 6v1
+c2 2 3 4 3 7s-1 5 -3 8v1c-1 2 -2 4 -2 6s1 3 2 5v1c2 3 3 5 3 8s-1 4 -3 7v1v0c-1 2 -2 4 -2 6c0 4 -1 6 7 6h114c8 0 7 -2 7 -6c0 -2 -1 -4 -2 -6v0z" />
+ <glyph glyph-name="ion-link" unicode="&#xf1fe;" horiz-adv-x="384"
+d="M192 240v0v0v0zM304 288c44 0 80 -36 80 -80v-32c0 -44 -36 -80 -80 -80h-112c-33 0 -60 20 -73 48c-4 10 -7 20 -7 32v32h48v-32c0 -18 14 -32 32 -32h112c18 0 32 14 32 32v32c0 18 -14 32 -32 32v0h-16c-6 31 -32 48 -32 48h48zM266 240c4 -10 6 -21 6 -32v-32v0h-48
+v0v32c0 18 -14 32 -32 32v0h-112c-18 0 -32 -14 -32 -32v-32c0 -18 14 -32 32 -32h16c6 -31 32 -48 32 -48h-48c-44 0 -80 36 -80 80v32c0 44 36 80 80 80h112c33 0 62 -20 74 -48z" />
+ <glyph glyph-name="ion-load-a" unicode="&#xf29a;" horiz-adv-x="384"
+d="M144 352c0 43 21 64 64 64s64 -21 64 -64s-21 -64 -64 -64s-64 21 -64 64zM0 192c0 32 16 48 48 48s48 -16 48 -48s-16 -48 -48 -48s-48 16 -48 48zM312 304c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM132 340c10 -10 15 -22 15 -36s-5 -26 -15 -36s-22 -15 -36 -15
+s-26 5 -36 15s-15 22 -15 36s5 26 15 36s22 15 36 15s26 -5 36 -15zM352 192c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16zM297 79c0 16 8 24 24 24s24 -8 24 -24s-8 -24 -24 -24s-24 8 -24 24zM176 32c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32
+s-32 11 -32 32zM56 80c0 27 13 40 40 40s40 -13 40 -40s-13 -40 -40 -40s-40 13 -40 40z" />
+ <glyph glyph-name="ion-load-b" unicode="&#xf29b;"
+d="M256 288c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96zM224 128v0c18 0 32 -14 32 -32v-96c0 -18 -14 -32 -32 -32s-32 14 -32 32v96c0 18 14 32 32 32zM416 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32h-96
+c-18 0 -32 14 -32 32s14 32 32 32h96zM128 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32h-96c-18 0 -32 14 -32 32s14 32 32 32h96zM314 237c-12 -12 -33 -12 -45 0v0c-12 12 -12 34 0 46l68 67c12 12 33 12 45 0v0c12 -12 12 -33 0 -45zM179 147v0c12 -12 12 -33 0 -46
+l-68 -67c-12 -12 -33 -12 -45 0s-12 33 0 45l67 68c12 12 34 12 46 0zM382 79v0c12 -12 12 -33 0 -45s-33 -12 -45 0l-68 68c-12 12 -12 33 0 45s33 12 45 0zM179 282v0c12 -12 12 -33 0 -45s-34 -12 -46 0l-67 68c-12 12 -12 33 0 45s33 12 45 0z" />
+ <glyph glyph-name="ion-load-c" unicode="&#xf29c;"
+d="M448 222c0 -3 0 -6 -1 -9c-4 -8 -15 -12 -23 -7c-4 2 -6 7 -7 11c-1 5 -1 9 -2 14c-4 20 -12 40 -22 58c-12 21 -28 41 -47 56c-18 15 -40 26 -62 33c-21 6 -42 9 -64 9h-4c-3 0 -6 -1 -9 -1c-6 0 -14 -1 -20 -2c-13 -2 -25 -6 -37 -11c-21 -8 -40 -20 -57 -35
+s-31 -33 -42 -52c-12 -22 -20 -45 -24 -70c-2 -11 -2 -23 -2 -34c0 -6 0 -11 1 -16c1 -6 2 -13 3 -19c5 -24 14 -47 28 -67c13 -20 29 -38 48 -52c20 -15 42 -26 65 -33c25 -7 50 -9 76 -7c25 2 50 9 73 20c11 5 22 12 32 19s19 15 27 24c4 4 8 9 12 14s7 10 10 15
+c6 10 12 20 17 31c4 8 8 16 11 25c2 4 3 9 4 13s1 7 2 11c1 -9 1 -18 -1 -26c-1 -5 -2 -11 -4 -16c-1 -5 -3 -10 -5 -15c-4 -10 -8 -19 -13 -28c-6 -11 -12 -21 -20 -30s-16 -18 -25 -26c-18 -15 -40 -27 -62 -36c-23 -9 -48 -14 -73 -15s-51 3 -75 11c-23 7 -45 19 -65 33
+c-19 14 -36 31 -50 50c-7 10 -13 20 -18 31s-9 21 -13 33c-6 18 -9 37 -10 56c-1 20 1 39 5 58c5 24 15 47 28 68c12 19 26 35 42 50s35 27 55 36c23 11 48 19 74 21c10 1 19 1 29 1c13 0 26 -2 38 -4c24 -5 47 -14 68 -26s41 -29 57 -48c15 -18 27 -37 36 -58
+c4 -10 7 -21 10 -32c2 -8 5 -17 6 -26z" />
+ <glyph glyph-name="ion-load-d" unicode="&#xf29d;" horiz-adv-x="384"
+d="M368 208c9 0 16 -7 16 -16s-7 -16 -16 -16h-80c-9 0 -16 7 -16 16s7 16 16 16h80zM112 192c0 -9 -7 -16 -16 -16h-80c-9 0 -16 7 -16 16s7 16 16 16h80c9 0 16 -7 16 -16zM192 112c9 0 16 -7 16 -16v-80c0 -9 -7 -16 -16 -16s-16 7 -16 16v80c0 9 7 16 16 16zM192 384
+c9 0 16 -7 16 -16v-80c0 -9 -7 -16 -16 -16s-16 7 -16 16v80c0 9 7 16 16 16zM261 232c-4 8 -2 18 6 22l69 40c8 4 18 2 22 -6s2 -18 -6 -22l-69 -40c-8 -4 -18 -2 -22 6zM123 152c4 -8 2 -18 -6 -22l-69 -40c-8 -4 -18 -2 -22 6s-2 18 6 22l69 40c8 4 18 2 22 -6zM254 117
+l40 -69c4 -8 2 -18 -6 -22s-18 -2 -22 6l-40 69c-4 8 -2 18 6 22s18 2 22 -6zM118 352l40 -69c4 -8 2 -18 -6 -22s-18 -2 -22 6l-40 69c-4 8 -2 18 6 22s18 2 22 -6zM232 261c-8 4 -10 14 -6 22l40 69c4 8 14 10 22 6s10 -14 6 -22l-40 -69c-4 -8 -14 -10 -22 -6zM152 123
+c8 -4 10 -14 6 -22l-40 -69c-4 -8 -14 -10 -22 -6s-10 14 -6 22l40 69c4 8 14 10 22 6zM352 118c8 -4 10 -14 6 -22s-14 -10 -22 -6l-69 40c-8 4 -10 14 -6 22s14 10 22 6zM32 266c-8 4 -10 14 -6 22s14 10 22 6l69 -40c8 -4 10 -14 6 -22s-14 -10 -22 -6z" />
+ <glyph glyph-name="ion-location" unicode="&#xf1ff;" horiz-adv-x="239"
+d="M119 384c66 0 120 -54 120 -120c0 -115 -120 -264 -120 -264s-119 149 -119 264c0 66 53 120 119 120zM119 206c31 0 57 25 57 56s-26 57 -57 57s-56 -26 -56 -57s25 -56 56 -56z" />
+ <glyph glyph-name="ion-lock-combination" unicode="&#xf4d4;" horiz-adv-x="384"
+d="M320 271c39 -35 64 -86 64 -143c0 -106 -86 -192 -192 -192s-192 86 -192 192c0 57 25 108 64 143v49c0 71 57 128 128 128s128 -57 128 -128v-49zM96 320v-26c28 16 61 26 96 26s68 -10 96 -26v26c0 53 -43 96 -96 96s-96 -43 -96 -96zM192 -32c88 0 160 72 160 160
+s-72 160 -160 160s-160 -72 -160 -160s72 -160 160 -160zM192 272c80 0 144 -64 144 -144s-64 -144 -144 -144s-144 64 -144 144s64 144 144 144zM315 95c2 9 4 18 4 29h-7v7h8c0 11 -2 20 -5 30l-25 -7l-4 12l25 8c-4 10 -8 18 -14 26l-11 -8l-4 6l11 8c-6 8 -13 16 -21 22
+l-15 -21l-11 8l15 20c-8 6 -17 11 -27 14l-4 -13l-6 2l5 13c-9 3 -20 5 -29 5v-13v-6h-16v6v13c-11 -1 -19 -2 -29 -5l4 -12l-6 -2l-4 12c-10 -3 -19 -8 -27 -14l15 -20l-10 -8l-15 21c-8 -6 -16 -14 -22 -22l11 -8l-4 -5l-10 8c-6 -8 -10 -17 -14 -27l24 -8l-5 -12l-25 7
+c-3 -10 -3 -19 -3 -30h6v-7h-5c0 -11 2 -20 4 -29l24 7l4 -12l-24 -8c4 -10 8 -19 14 -27l9 7l4 -5l-9 -7c6 -8 13 -16 21 -22l15 21l10 -8l-15 -20c8 -5 17 -11 27 -14l3 11l7 -2l-4 -11c10 -3 18 -4 29 -5v13v6h16v-6v-13c9 1 19 2 29 5l-5 12l6 2l4 -12c10 3 19 8 27 14
+l-15 20l11 8l15 -21c8 6 15 14 21 22l-11 7l4 6l10 -8c6 8 11 17 15 27l-25 8l4 12zM111 128c0 54 27 81 81 81s81 -27 81 -81s-27 -81 -81 -81s-81 27 -81 81z" />
+ <glyph glyph-name="ion-locked" unicode="&#xf200;" horiz-adv-x="384"
+d="M22 -32c-12 0 -22 10 -22 22v212c0 12 10 22 22 22h3h19v31c0 42 17 87 43 115s64 46 105 46v0v0c41 0 79 -18 105 -46s43 -73 43 -115v-31h22c12 0 22 -10 22 -22v-212c0 -12 -10 -22 -22 -22h-340zM97 255v-31h17h155h18v31c0 27 -10 61 -28 80v0v1
+c-18 19 -42 29 -67 29v0v0c-25 0 -49 -10 -67 -29v-1v0c-18 -19 -28 -53 -28 -80z" />
+ <glyph glyph-name="ion-log-in" unicode="&#xf29e;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224c-96 0 -177 60 -209 144h34c9 -20 23 -40 39 -56c36 -36 85 -56 136 -56s100 20 136 56s56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56c-16 -16 -30 -36 -39 -56h-34c32 84 113 144 209 144z
+M175 124l52 52h-227v32h227l-52 52l22 23l91 -91l-91 -91z" />
+ <glyph glyph-name="ion-log-out" unicode="&#xf29f;"
+d="M335 124l52 52h-227v32h227l-52 52l22 23l91 -91l-91 -91zM359 56c3 3 6 5 8 8h41c-40 -58 -108 -96 -184 -96c-124 0 -224 100 -224 224s100 224 224 224c76 0 144 -38 184 -96h-41c-2 3 -5 5 -8 8c-36 36 -84 56 -135 56s-100 -20 -136 -56s-56 -85 -56 -136
+s20 -100 56 -136s85 -56 136 -56s99 20 135 56z" />
+ <glyph glyph-name="ion-loop" unicode="&#xf201;" horiz-adv-x="334"
+d="M184 148v-58c49 8 86 50 86 102c0 16 -4 30 -10 44c-3 6 -5 12 -9 17l47 43c1 -1 2 -3 3 -4c21 -28 33 -62 33 -100v-4c-2 -72 -47 -131 -111 -154c-12 -4 -26 -8 -39 -9v-57l-76 67l-26 23l44 39zM0 196c2 72 48 133 113 155c12 4 24 7 37 8v57l76 -67l26 -23l-44 -39
+l-59 -51l1 58c-49 -8 -86 -51 -86 -102c0 -16 4 -31 10 -45c3 -6 5 -11 9 -16l-47 -44c-1 2 -2 3 -3 5c-20 28 -33 63 -33 100v4z" />
+ <glyph glyph-name="ion-magnet" unicode="&#xf2a0;" horiz-adv-x="384"
+d="M192 416c115 0 192 -78 192 -200c0 -49 -3 -77 -15 -128c-16 -66 -39 -113 -39 -113v-1c-2 -3 -6 -6 -10 -6c-1 0 -3 1 -4 1l-2 1l-50 20l-2 1c-3 2 -5 5 -5 9c0 1 0 3 1 4v1c7 16 27 59 37 101s13 63 13 108c0 71 -52 122 -116 122s-116 -51 -116 -122
+c0 -45 3 -66 13 -108s30 -85 37 -101v-1c1 -1 1 -3 1 -4c0 -4 -2 -7 -5 -9l-2 -1l-50 -20l-2 -1c-1 0 -3 -1 -4 -1c-4 0 -8 3 -10 6v1s-24 47 -40 113c-12 51 -14 79 -14 128c0 122 77 200 192 200zM109 4c-9 19 -27 59 -36 98l-42 -12c13 -53 30 -92 35 -104l43 17v1z
+M317 -14c5 12 23 51 36 104l-43 12c-9 -39 -26 -79 -35 -98v-1z" />
+ <glyph glyph-name="ion-male" unicode="&#xf2a1;"
+d="M448 256l-63 63l-69 -69c22 -30 36 -66 36 -106c0 -97 -79 -176 -176 -176s-176 79 -176 176s79 176 176 176c40 0 76 -14 106 -36l69 69l-63 63h160v-160zM266 54c24 24 38 56 38 90s-14 66 -38 90s-56 38 -90 38s-66 -14 -90 -38s-38 -56 -38 -90s14 -66 38 -90
+s56 -38 90 -38s66 14 90 38z" />
+ <glyph glyph-name="ion-man" unicode="&#xf202;" horiz-adv-x="168"
+d="M84 341c-21 0 -37 17 -37 38s16 37 37 37s37 -16 37 -37s-16 -38 -37 -38zM121 333c28 0 47 -24 47 -48v-114c0 -22 -32 -22 -32 0v105h-5v-286c0 -28 -41 -31 -43 0v165h-1h-7v-165c-1 -29 -43 -30 -43 0v286h-6v-105c0 -22 -31 -22 -31 0v114c0 24 19 48 47 48h37h37z
+" />
+ <glyph glyph-name="ion-map" unicode="&#xf203;"
+d="M441 311c4 -3 7 -8 7 -14v-281c0 -6 -2 -11 -7 -14c-2 -1 -5 -2 -7 -2c-3 0 -6 0 -8 2l-97 66l-97 -66c-5 -3 -10 -3 -15 0l-97 66l-97 -66c-5 -3 -10 -3 -15 0s-8 8 -8 14v281c0 6 3 11 7 14l105 71c5 3 10 3 15 0l97 -66l98 66c5 3 10 3 15 0zM103 95v242l-71 -50v-242
+zM135 95l73 -49v129l-4 -11c-7 2 -13 6 -20 10l8 13c5 -3 11 -6 16 -8v109l-73 49v-101c4 -2 9 -4 13 -7l-10 -13c-1 1 -2 1 -3 2v-123zM240 46l73 49v109c0 -1 -1 -1 -1 -2l-6 -6l-12 11l6 6c3 3 5 7 8 10l5 -5v119l-73 -49v-112h7l3 -15c-3 0 -6 -1 -9 -1h-1v-114zM416 46
+v242l-71 49v-88c3 1 5 1 8 2l4 -16c-4 -1 -8 -1 -12 -3v-137zM97 227c-3 -1 -11 -5 -14 -7l-11 12c4 3 8 6 12 8c3 2 6 3 9 4l5 -15c-2 -1 1 -1 -1 -2zM265 182c5 3 10 5 15 10l11 -12c-6 -6 -12 -10 -19 -13zM67 192v-1l-15 5v1c2 7 4 13 9 20l13 -9c-4 -5 -5 -10 -7 -16z
+M166 210c3 -4 7 -8 11 -11l-11 -12c-4 4 -8 9 -12 13l-3 3l12 11c1 -1 2 -3 3 -4zM376 218l-11 12l10 10l-10 10l11 12l10 -11l11 11l11 -12l-10 -10l10 -10l-11 -12l-11 11z" />
+ <glyph glyph-name="ion-medkit" unicode="&#xf2a2;"
+d="M440 304c4 0 8 -4 8 -8v-288c0 -4 -4 -8 -8 -8h-432c-4 0 -8 4 -8 8v288c0 4 4 8 8 8h120v31c1 28 22 49 51 49h45h45c30 0 50 -21 51 -49v-31h120zM160 331v-27h128v27v1v1c0 10 -9 19 -19 19h-45h-45c-10 0 -19 -9 -19 -19v-1v-1zM320 128v64h-64v64h-64v-64h-64v-64
+h64v-64h64v64h64z" />
+ <glyph glyph-name="ion-merge" unicode="&#xf33f;" horiz-adv-x="384"
+d="M320 224c35 0 64 -29 64 -64s-29 -64 -64 -64c-24 0 -44 13 -55 32h-10c-61 0 -115 25 -159 74v-115c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v210c-19 11 -32 31 -32 55c0 35 29 64 64 64s64 -29 64 -64c0 -19 -8 -37 -22 -49
+c4 -9 17 -35 37 -58c32 -35 70 -53 112 -53h10c11 19 31 32 55 32zM64 384c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM64 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM320 128c18 0 32 14 32 32s-14 32 -32 32
+s-32 -14 -32 -32s14 -32 32 -32z" />
+ <glyph glyph-name="ion-mic-a" unicode="&#xf204;" horiz-adv-x="288"
+d="M0 210c0 10 9 19 20 19s19 -9 19 -19v-14c0 -28 12 -53 31 -72s45 -31 74 -31s55 12 74 31s31 44 31 72v14c0 10 8 19 19 19s20 -9 20 -19v-14c0 -66 -46 -120 -108 -136c-1 0 -3 -1 -4 -1c-6 -2 -10 -7 -12 -13v-58c0 -11 -9 -20 -20 -20v0c-11 0 -20 9 -20 20v58
+c-2 6 -6 11 -12 13c-1 0 -3 1 -4 1c-62 16 -108 70 -108 136v14zM67 340c0 42 34 76 77 76s78 -34 78 -76v-144c0 -42 -35 -75 -78 -75s-77 33 -77 75v144z" />
+ <glyph glyph-name="ion-mic-b" unicode="&#xf205;" horiz-adv-x="160"
+d="M80 416c35 0 65 -23 76 -59c6 -18 4 -45 2 -55s-8 -20 -14 -28c-3 -4 -7 -7 -11 -9c-1 0 -1 -1 -2 -1c-3 -1 -6 -2 -10 -3c-12 -3 -25 -5 -39 -5v0h-1h-1v0c-14 0 -29 2 -41 5c-4 1 -7 2 -10 3c-1 0 -1 1 -2 1c-4 2 -8 5 -11 9c-6 8 -12 18 -14 28s-4 37 2 55
+c11 36 41 59 76 59zM119 247c6 0 12 -5 12 -12v-2c-5 -67 -18 -241 -19 -252c0 0 -3 -13 -32 -13v0c-29 0 -32 13 -32 13c-1 11 -13 185 -18 252v2c0 7 5 12 11 12h1c1 0 1 -1 2 -1c2 0 4 -1 6 -1c9 -2 21 -2 31 -2s20 0 29 2c2 0 4 1 6 1c1 0 1 1 2 1h1zM90 166v33
+c0 6 -4 11 -10 11s-10 -5 -10 -11v-33c0 -6 4 -11 10 -11s10 5 10 11z" />
+ <glyph glyph-name="ion-mic-c" unicode="&#xf206;" horiz-adv-x="256"
+d="M201 416c30 0 55 -23 55 -52v-28h-59v-37h59v-43h-59v-37h59v-43h-59v-37h59v-42c0 -29 -25 -52 -55 -52h-30v-77h-86v77h-30c-30 0 -55 23 -55 52v42h152v37h-152v43h152v37h-152v43h152v37h-152v28c0 29 25 52 55 52h146z" />
+ <glyph glyph-name="ion-minus-circled" unicode="&#xf207;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM352 176v32h-256v-32h256z" />
+ <glyph glyph-name="ion-minus-round" unicode="&#xf208;" horiz-adv-x="384"
+d="M353 224c17 0 31 -14 31 -32s-14 -32 -31 -32h-322c-17 0 -31 14 -31 32s14 32 31 32h322z" />
+ <glyph glyph-name="ion-minus" unicode="&#xf209;" horiz-adv-x="384"
+d="M0 160v64h384v-64h-384z" />
+ <glyph glyph-name="ion-model-s" unicode="&#xf2c1;" horiz-adv-x="512"
+d="M509 57v-8v0v-1v-3v0c0 -3 -1 -5 -1 -7c-1 -12 -2 -18 -6 -20c-3 -2 -6 -2 -10 -2h-43s-10 1 -11 16v8c20 1 39 1 52 0c10 0 13 0 16 6c2 3 2 7 3 11zM3 57c1 -4 1 -8 3 -11c3 -6 6 -6 16 -6c13 1 32 1 52 0v-8c-1 -15 -8 -16 -11 -16h-43s-7 0 -10 2c-4 2 -6 8 -7 20v7
+v0v3v1v0v8zM512 151c0 -31 -2 -58 -2 -68c0 -4 0 -11 -1 -18c-1 -4 -1 -8 -3 -11c-3 -6 -6 -6 -16 -6c-13 1 -32 1 -52 0c-13 0 -27 -2 -39 -2c-30 -1 -21 4 -34 4s-63 -2 -109 -2s-97 2 -110 2s-4 -5 -34 -4c-12 0 -25 2 -38 2c-20 1 -39 1 -52 0c-10 0 -13 0 -16 6
+c-2 3 -2 7 -3 11c-1 7 -1 14 -1 18c0 10 -2 37 -2 68s4 61 6 64c1 2 8 9 26 21s17 10 20 18c-3 1 -5 3 -7 3c-4 0 -4 -3 -12 -3s-24 1 -28 5c-4 3 -5 5 -5 8s2 9 5 13s19 6 27 7s10 0 12 -1c4 -2 3 -22 3 -22l9 -1c5 13 12 41 24 62c13 23 26 30 32 32s10 2 48 6s69 5 96 5
+s58 -1 96 -5s42 -4 48 -6s19 -9 32 -32c12 -21 19 -49 24 -62l9 1s-1 20 3 22c2 1 4 2 12 1s24 -3 27 -7s5 -10 5 -13s-1 -4 -5 -8s-20 -5 -28 -5s-8 3 -12 3c-2 0 -4 -2 -7 -3c3 -8 2 -6 20 -18s25 -19 26 -21c2 -3 6 -33 6 -64zM86 303c-5 -11 -11 -33 -10 -36
+s-1 -5 15 -4s117 3 165 3s149 -2 165 -3s14 1 15 4s-5 25 -10 36s-17 31 -26 37c-2 1 -17 7 -54 9c-34 2 -72 3 -90 3s-56 -1 -90 -3c-37 -2 -52 -8 -54 -9c-7 -4 -21 -26 -26 -37zM123 178c7 2 11 2 11 2s-17 16 -48 25s-49 11 -66 10c0 0 -3 -16 0 -27s8 -10 16 -12
+s13 -5 16 -4s7 4 12 4s29 -4 38 -4s14 4 21 6zM358 99c15 2 34 19 21 33c-18 19 -15 19 -55 24c-35 4 -61 4 -68 4s-33 0 -68 -4c-40 -5 -37 -5 -55 -24c-13 -14 6 -31 21 -33c14 -2 74 -3 102 -3s88 1 102 3zM492 188c3 11 0 27 0 27c-17 1 -35 -1 -66 -10s-48 -26 -48 -26
+s4 1 11 -1s12 -6 21 -6s33 4 38 4s9 -3 12 -4s8 2 16 4s13 1 16 12z" />
+ <glyph glyph-name="ion-monitor" unicode="&#xf20a;"
+d="M437 384c6 0 11 -5 11 -11v-266c0 -6 -5 -11 -11 -11h-426c-6 0 -11 5 -11 11v266c0 6 5 11 11 11h426zM416 128v224h-384v-224h384zM270 0h-92c-28 0 -42 3 -30 12s30 16 30 23c0 4 1 45 1 45h45h45s1 -41 1 -45c0 -7 18 -14 30 -23s-2 -12 -30 -12z" />
+ <glyph glyph-name="ion-more" unicode="&#xf20b;" horiz-adv-x="384"
+d="M50 144c-28 0 -50 21 -50 48c0 26 22 48 50 48s50 -22 50 -48c0 -27 -22 -48 -50 -48zM192 144c-28 0 -50 21 -50 48c0 26 22 48 50 48s50 -22 50 -48c0 -27 -22 -48 -50 -48zM334 144c-28 0 -50 21 -50 48c0 26 22 48 50 48s50 -22 50 -48c0 -27 -22 -48 -50 -48z" />
+ <glyph glyph-name="ion-mouse" unicode="&#xf340;" horiz-adv-x="256"
+d="M128 416h-1h5h-4zM251 255c2 1 2 1 4 1h1v-176c0 -37 -21 -71 -53 -91c-5 -3 -9 -5 -14 -7v-1v0c-18 -9 -39 -13 -61 -13c-71 0 -128 50 -128 112v176h1c2 0 3 0 5 -1v0c34 -13 76 -23 122 -23s88 10 122 23h1zM189 -18c5 2 10 4 14 7c-5 -3 -9 -5 -14 -7v0v-1v1v0z
+M203 -11c-4 -3 -9 -5 -14 -7c5 2 9 4 14 7zM132 416c69 -2 124 -51 124 -112v-23c-2 -2 -4 -4 -6 -5c-1 -1 -3 0 -4 -1c-23 -10 -50 -16 -82 -19h-1h-2c-11 0 -17 0 -17 10v86c0 9 -7 16 -16 16s-16 -7 -16 -16v-85c0 -11 -6 -11 -17 -11h-2c-32 3 -61 9 -84 19v0
+c-1 0 -1 1 -2 1c-3 1 -5 3 -7 5v23c0 61 57 111 127 112h5z" />
+ <glyph glyph-name="ion-music-note" unicode="&#xf20c;" horiz-adv-x="384"
+d="M362 416c12 0 22 -9 22 -21v-303s-3 -43 -12 -55v0c-9 -15 -25 -21 -43 -21h-37c-28 0 -52 20 -52 48s24 48 52 48h60v192l-208 -38v-232c0 -8 -3 -27 -13 -41c-1 -2 -2 -3 -3 -5c0 -1 -1 -1 -2 -2v0c-9 -11 -23 -18 -38 -18h-37c-28 0 -51 20 -51 48s23 48 51 48v0h61
+v286c1 14 13 28 27 32l218 33s3 1 5 1z" />
+ <glyph glyph-name="ion-navicon-round" unicode="&#xf20d;" horiz-adv-x="384"
+d="M353 224c17 0 31 -14 31 -32s-14 -32 -31 -32h-322c-17 0 -31 14 -31 32s14 32 31 32h322zM353 352c17 0 31 -14 31 -32s-14 -32 -31 -32h-322c-17 0 -31 14 -31 32s14 32 31 32h322zM353 96c17 0 31 -14 31 -32s-14 -32 -31 -32h-322c-17 0 -31 14 -31 32s14 32 31 32
+h322z" />
+ <glyph glyph-name="ion-navicon" unicode="&#xf20e;" horiz-adv-x="320"
+d="M0 175v32h320v-32h-320zM0 271v32h320v-32h-320zM0 79v32h320v-32h-320z" />
+ <glyph glyph-name="ion-navigate" unicode="&#xf2a3;"
+d="M448 416l-192 -448v256h-256z" />
+ <glyph glyph-name="ion-network" unicode="&#xf341;" horiz-adv-x="384"
+d="M384 352c0 -24 -13 -44 -32 -55v-93l-128 -64v-53c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v53l-128 64v93c-19 11 -32 31 -32 55c0 35 29 64 64 64s64 -29 64 -64c0 -24 -13 -44 -32 -55v-53l96 -48l96 48v53c-19 11 -32 31 -32 55
+c0 35 29 64 64 64s64 -29 64 -64zM64 384c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM192 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM320 320c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+ <glyph glyph-name="ion-no-smoking" unicode="&#xf2c2;"
+d="M328 144v48h16v-48h-16zM80 144v48h90l48 -48h-138zM332 388c69 -38 116 -112 116 -196c0 -124 -100 -224 -224 -224c-24 0 -47 4 -68 11c-2 1 -3 1 -5 2c-12 4 -24 9 -35 15h-1c-69 38 -115 112 -115 196c0 124 100 224 224 224c24 0 47 -4 68 -11c2 -1 3 -1 5 -2
+c12 -4 24 -9 35 -15v0zM224 22c37 0 72 12 100 32l-238 238c-20 -28 -32 -63 -32 -100c0 -65 36 -121 90 -150c6 -3 13 -7 19 -9c2 -1 3 -1 5 -2c9 -3 19 -5 29 -7c9 -2 18 -2 27 -2zM362 93c20 28 32 62 32 99c0 66 -37 123 -91 151c-6 3 -12 6 -18 8c-2 1 -3 1 -5 2
+c-9 3 -19 5 -29 7c-9 2 -18 2 -27 2c-37 0 -71 -12 -99 -32zM320 150l-42 42h42v-42zM352 144v48h16v-48h-16zM328 235c16 -7 16 -27 16 -34v-1h-16v1c0 8 -1 17 -7 20c-4 2 -13 4 -39 4h-3c-13 0 -24 0 -33 13c-5 8 -5 19 -2 29c-4 1 -8 1 -12 3c-17 7 -26 20 -26 38
+c0 33 27 44 39 44v-16c-1 0 -23 -2 -23 -28c0 -11 5 -19 16 -23c9 -4 18 -3 18 -3c3 0 6 -2 7 -5s2 -6 0 -8c-5 -7 -7 -18 -4 -22c4 -6 7 -6 20 -6h3c24 0 37 -2 46 -6zM368 200v0h-16c0 28 -4 41 -7 46c-6 10 -14 14 -25 14h-30c-3 0 -5 2 -6 4s-1 6 0 8c0 0 8 18 6 32
+c-1 8 -6 17 -27 17v16c24 0 40 -11 43 -30c2 -11 0 -23 -3 -31h17c16 0 30 -8 39 -22c6 -10 9 -28 9 -54z" />
+ <glyph glyph-name="ion-nuclear" unicode="&#xf2a4;"
+d="M176 176c0 32 16 48 48 48s48 -16 48 -48s-16 -48 -48 -48s-48 16 -48 48zM176 176c0 32 16 48 48 48s48 -16 48 -48s-16 -48 -48 -48s-48 16 -48 48zM448 176c0 -27 -5 -53 -15 -78s-23 -47 -40 -66s-36 -35 -59 -48l-79 136c22 12 33 31 33 56h160zM224 240
+c-12 0 -23 -3 -33 -9l-80 138c35 20 73 31 113 31s78 -10 113 -30l-81 -139c-10 6 -21 9 -32 9zM160 176c0 -25 11 -44 33 -56l-79 -136c-35 20 -62 46 -83 80s-31 71 -31 112h160z" />
+ <glyph glyph-name="ion-outlet" unicode="&#xf342;"
+d="M338 416c61 0 110 -51 110 -113v-222c0 -62 -49 -113 -110 -113h-228c-61 0 -110 51 -110 113v222c0 62 49 113 110 113h228zM143 197v102c0 11 -9 21 -20 21h-23c-11 0 -19 -9 -20 -20v-2v-101v-1c0 -11 9 -20 20 -20h23c11 0 20 9 20 20v1zM265 52v29
+c0 23 -18 42 -41 42s-41 -19 -41 -42v-29v0c0 -11 9 -20 20 -20h21h21c11 0 20 7 20 18v2zM368 197v102c0 11 -9 21 -20 21h-24c-11 0 -19 -9 -20 -20v-2v-101v-1c0 -11 9 -20 20 -20h24c11 0 20 9 20 20v1z" />
+ <glyph glyph-name="ion-paintbrush" unicode="&#xf4d5;"
+d="M118 165c52 0 102 -41 90 -102c-11 -52 -54 -71 -90 -77c-30 -5 -100 0 -118 35c24 9 34 26 34 49c0 49 32 95 84 95zM436 388c13 -13 17 -30 5 -45l-154 -175c2 -9 1 -17 -3 -23l-50 -58v0v0c-2 -2 -4 -2 -6 0c-1 1 -1 2 -1 3v1c2 53 -41 87 -89 90v0h-2s-2 0 -2 1
+c-2 2 -2 4 0 6l59 49c6 4 14 4 23 2l175 154c15 12 32 8 45 -5zM134 188v0v0v0z" />
+ <glyph glyph-name="ion-paintbucket" unicode="&#xf4d6;" horiz-adv-x="480"
+d="M112 384l32 32l275 -276l-58 -12l-163 -160l-198 192l152 152zM309 160l-110 110l-110 -110h220zM419 140c0 0 61 -66 61 -99s-27 -60 -61 -60s-60 27 -60 60s60 99 60 99z" />
+ <glyph glyph-name="ion-paper-airplane" unicode="&#xf2c3;"
+d="M0 176l448 240l-112 -448l-112 112l-80 -112l-16 160zM319 31l80 323l-322 -173l83 -31l192 154l-128 -176z" />
+ <glyph glyph-name="ion-paperclip" unicode="&#xf20f;" horiz-adv-x="160"
+d="M149 293c6 0 11 -5 11 -12v-195c0 -28 -10 -49 -24 -63c-15 -15 -36 -23 -56 -23c-40 0 -80 31 -80 88v234c0 24 11 44 29 54s39 11 57 0s29 -30 29 -54l-1 -225c0 -13 -3 -24 -9 -32s-16 -12 -25 -12c-17 0 -34 15 -34 44v173c0 6 6 12 12 12s11 -6 11 -12v-173
+c0 -14 5 -21 11 -21c2 0 5 2 7 4c3 4 5 10 5 17v225c0 15 -6 28 -17 34s-24 6 -35 0s-17 -19 -17 -34v-234c0 -44 29 -64 57 -64s57 19 57 63v195c0 6 6 11 12 11z" />
+ <glyph glyph-name="ion-pause" unicode="&#xf210;" horiz-adv-x="256"
+d="M96 12c0 -7 -5 -12 -12 -12h-72c-7 0 -12 5 -12 12v360c0 7 5 12 12 12h72c7 0 12 -5 12 -12v-360zM244 384c7 0 12 -5 12 -12v-360c0 -7 -5 -12 -12 -12h-72c-7 0 -12 5 -12 12v360c0 7 5 12 12 12h72z" />
+ <glyph glyph-name="ion-person-add" unicode="&#xf211;"
+d="M397 120h-42v51h-51v42h51v51h42v-51h51v-42h-51v-51zM384 0h-192h-192s0 26 2 40c2 11 17 25 81 49c63 23 60 12 60 55c0 28 -14 11 -23 64c-4 21 -6 7 -14 40c-4 17 3 19 2 27s-2 16 -4 33c-2 21 18 76 88 76s90 -55 88 -76c-2 -17 -3 -25 -4 -33s6 -10 2 -27
+c-8 -33 -10 -19 -14 -40c-9 -53 -23 -36 -23 -64c0 -43 -3 -32 60 -55c64 -24 79 -38 81 -49c2 -14 2 -40 2 -40z" />
+ <glyph glyph-name="ion-person-stalker" unicode="&#xf212;"
+d="M393 123c42 -16 52 -26 53 -33c2 -9 2 -90 2 -90h-98c0 18 0 71 -1 77c-1 10 -1 29 -55 50c-8 3 -14 5 -19 7c18 8 15 15 15 28c0 19 -9 11 -15 47c-2 14 -4 5 -9 28c-3 12 1 12 1 18s-1 10 -2 22c-1 14 11 52 57 52s59 -38 58 -52c-1 -12 -2 -16 -2 -22
+c-1 -6 4 -6 1 -18c-5 -23 -7 -14 -9 -28c-6 -36 -16 -28 -16 -47c0 -29 -2 -23 39 -39zM325 0h-163h-162s0 65 2 77c2 10 15 22 69 43c54 20 50 17 50 55c0 24 -12 8 -20 54c-3 18 -5 7 -11 36c-3 15 2 16 1 23s-2 14 -3 29c-2 19 15 67 74 67s77 -49 75 -67
+c-1 -15 -2 -22 -3 -29s5 -8 2 -23c-6 -29 -9 -18 -12 -36c-8 -46 -20 -30 -20 -54c0 -32 -2 -36 31 -48c6 -2 11 -4 19 -7c54 -21 67 -33 69 -43c1 -6 2 -28 2 -47v-30z" />
+ <glyph glyph-name="ion-person" unicode="&#xf213;" horiz-adv-x="384"
+d="M384 0h-192h-192s0 26 2 40c2 11 17 25 81 49c63 23 60 12 60 55c0 28 -14 11 -23 64c-4 21 -6 7 -14 40c-4 17 3 19 2 27s-2 16 -4 33c-2 21 18 76 88 76s90 -55 88 -76c-2 -17 -3 -25 -4 -33s6 -10 2 -27c-8 -33 -10 -19 -14 -40c-9 -53 -23 -36 -23 -64
+c0 -43 -3 -32 60 -55c64 -24 79 -38 81 -49c2 -14 2 -40 2 -40z" />
+ <glyph glyph-name="ion-pie-graph" unicode="&#xf2a5;"
+d="M1 192c0 5 -1 11 -1 16c0 115 93 208 208 208c5 0 11 -1 16 -1v-32v-191h-191h-32zM78 46c-26 32 -42 71 -45 114h223v223c43 -3 82 -19 114 -45c47 -38 78 -96 78 -162c0 -115 -93 -208 -208 -208c-66 0 -124 31 -162 78z" />
+ <glyph glyph-name="ion-pin" unicode="&#xf2a6;" horiz-adv-x="224"
+d="M188 220c20 -10 36 -31 36 -55c0 -17 -3 -21 -15 -21h-81l-12 -176h-8l-12 176h-81c-12 0 -15 5 -15 21c0 24 16 45 36 55v0c1 0 3 1 4 2c7 4 12 11 14 19l18 118v5c0 7 -4 10 -10 13v0c-1 0 -1 1 -2 1c-7 3 -12 9 -12 17c0 20 6 21 18 21h92c12 0 18 -1 18 -21
+c0 -8 -5 -14 -12 -17c-1 0 -1 -1 -2 -1v0c-6 -3 -10 -6 -10 -13v-5l18 -118c2 -8 7 -15 14 -19c1 -1 3 -2 4 -2v0z" />
+ <glyph glyph-name="ion-pinpoint" unicode="&#xf2a7;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c32 32 51 75 55 120l-63 8v16l63 8c-4 45 -23 88 -55 120s-75 51 -120 55l-8 -63h-16l-8 63c-45 -4 -88 -23 -120 -55s-51 -75 -55 -120l63 -8v-16l-63 -8
+c4 -45 23 -88 55 -120s75 -51 120 -55l8 63h16l8 -63c45 4 88 23 120 55z" />
+ <glyph glyph-name="ion-pizza" unicode="&#xf2a8;" horiz-adv-x="352"
+d="M315 318c10 -4 12 -13 9 -20l-148 -330s-143 320 -148 331s2 16 9 19c39 18 90 28 139 28s96 -9 139 -28zM112 256c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM176 109c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM240 224
+c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM342 382c6 -3 10 -6 10 -13c0 -1 0 -3 -1 -5l-8 -19c-3 -5 -8 -9 -14 -9c-1 0 -3 1 -6 2c-41 18 -95 30 -147 30s-102 -11 -147 -30c-3 -1 -4 -2 -6 -2c-6 0 -11 4 -14 9l-8 19s-1 2 -1 5c0 8 6 12 10 14
+c49 21 107 33 166 33s118 -13 166 -34z" />
+ <glyph glyph-name="ion-plane" unicode="&#xf214;"
+d="M250 136c0 -7 1 -69 -6 -102c-1 -4 3 -4 5 -7l51 -33c2 -2 3 -8 3 -8l1 -18l-68 16l-12 -32l-12 32l-68 -16l1 18s0 6 2 8l52 33c2 3 6 3 5 7c-7 33 -6 95 -6 102s-8 5 -8 5l-62 -13l-128 -49c0 23 2 26 9 31l183 131s5 63 5 113c0 24 12 78 27 78s27 -54 27 -78
+c0 -53 5 -113 5 -113l183 -131c6 -4 9 -7 9 -31l-128 49l-62 13s-8 2 -8 -5z" />
+ <glyph glyph-name="ion-planet" unicode="&#xf343;" horiz-adv-x="512"
+d="M96 182c39 -24 85 -48 134 -69c44 -19 87 -35 126 -46c-27 -22 -62 -35 -100 -35c-85 0 -155 66 -160 150zM107 251c1 4 3 8 5 11c10 21 26 40 44 55c27 22 62 35 100 35c85 0 155 -66 160 -150v-10c0 -21 -4 -41 -11 -59c-1 -4 -3 -8 -5 -11c-6 1 -13 3 -19 5
+c-39 11 -82 26 -126 45c-56 24 -108 52 -148 79zM430 163c57 -35 87 -62 81 -82c-4 -12 -19 -17 -44 -17c-50 0 -136 23 -231 64c-141 61 -246 140 -235 175c4 12 20 20 44 17c22 -3 47 -9 73 -18c-8 -9 -8 -12 -14 -22c-23 5 -44 8 -59 8h-6c2 -2 5 -6 8 -9
+c11 -11 27 -24 46 -37c41 -29 97 -59 156 -85c44 -19 89 -35 128 -46c36 -10 68 -15 90 -15h6c-2 2 -5 6 -8 9c-10 10 -24 22 -41 34c4 11 5 12 6 24z" />
+ <glyph glyph-name="ion-play" unicode="&#xf215;" horiz-adv-x="320"
+d="M309 215c7 -6 11 -14 11 -23s-4 -17 -11 -23l-278 -166c-4 -2 -7 -3 -11 -3c-11 0 -20 9 -20 20v0v344v0c0 11 9 20 20 20c4 0 8 -1 11 -3z" />
+ <glyph glyph-name="ion-playstation" unicode="&#xf30a;" horiz-adv-x="512"
+d="M400 245c0 -11 0 -22 -2 -33c-2 -10 -5 -20 -10 -28c-4 -7 -10 -13 -18 -17c-7 -4 -16 -6 -24 -6c-13 0 -31 4 -42 9v131v2c0 9 -7 17 -15 17h-1c-9 0 -16 -8 -16 -17v-3v-300l-80 26v358s28 -4 75 -18s67 -21 84 -31c8 -5 15 -11 21 -17c7 -7 13 -14 17 -23
+c8 -16 10 -33 11 -50zM87 90c-4 -2 -8 -3 -11 -6c-1 -1 -3 -3 -2 -5s4 -4 6 -5c6 -2 13 -3 19 -3c7 0 15 0 22 2c5 1 9 3 14 5c30 10 41 12 41 12v-42c-14 -2 -36 -4 -50 -4c-30 -1 -60 4 -88 13c-9 3 -19 6 -27 12c-4 3 -8 8 -10 13c-2 4 -1 9 1 13s5 8 9 11
+c9 6 18 10 28 14c8 4 17 7 26 10c35 12 111 37 111 37v-47s-62 -20 -89 -30zM512 102c0 -5 -2 -9 -5 -13c-6 -7 -14 -11 -22 -15s-17 -8 -26 -11c-54 -19 -171 -59 -171 -59v48s92 30 133 44c6 2 11 4 16 8c2 2 4 3 3 6c-1 2 -4 4 -6 5c-6 2 -13 3 -19 3
+c-10 0 -20 -2 -30 -5c-29 -10 -97 -32 -97 -32v49s45 14 67 16c8 1 23 1 31 1c26 0 54 -3 79 -11c5 -2 8 -3 14 -5c9 -3 18 -8 25 -14c4 -4 8 -9 8 -15z" />
+ <glyph glyph-name="ion-plus-circled" unicode="&#xf216;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM352 176v32h-112v112h-32v-112h-112v-32h112v-112h32v112h112z" />
+ <glyph glyph-name="ion-plus-round" unicode="&#xf217;" horiz-adv-x="384"
+d="M353 224c17 0 31 -14 31 -32s-14 -32 -31 -32h-129v-129c0 -17 -14 -31 -32 -31s-32 14 -32 31v129h-129c-17 0 -31 14 -31 32s14 32 31 32h129v129c0 17 14 31 32 31s32 -14 32 -31v-129h129z" />
+ <glyph glyph-name="ion-plus" unicode="&#xf218;" horiz-adv-x="384"
+d="M384 224v-64h-160v-160h-64v160h-160v64h160v160h64v-160h160z" />
+ <glyph glyph-name="ion-podium" unicode="&#xf344;"
+d="M0 0v192h128v-192h-128zM160 0v288h128v-288h-128zM320 0v128h128v-128h-128z" />
+ <glyph glyph-name="ion-pound" unicode="&#xf219;"
+d="M93 96h-93v54h101l13 84h-99v54h107l22 128h64l-22 -128h106l22 128h63l-22 -128h93v-54h-102l-12 -84h99v-54h-107l-22 -128h-63l22 128h-107l-22 -128h-63zM177 234l-12 -84h106l12 84h-106v0z" />
+ <glyph glyph-name="ion-power" unicode="&#xf2a9;"
+d="M224 192c-18 0 -32 14 -32 32v160c0 18 14 32 32 32s32 -14 32 -32v-160c0 -18 -14 -32 -32 -32zM347 379c61 -40 101 -109 101 -187c0 -124 -100 -224 -224 -224s-224 100 -224 224c0 78 40 147 101 187v0c5 3 11 5 17 5c18 0 32 -14 32 -32c0 -6 -2 -12 -5 -17
+c-2 -3 -4 -6 -7 -8c-1 -1 -3 -2 -4 -3c-8 -6 -16 -12 -23 -19c-30 -30 -47 -70 -47 -113s17 -83 47 -113s70 -47 113 -47s83 17 113 47s47 70 47 113s-17 83 -47 113c-7 7 -15 13 -23 19c-1 1 -3 2 -4 3c-3 2 -5 5 -7 8c-3 5 -5 11 -5 17c0 18 14 32 32 32c6 0 12 -2 17 -5
+v0z" />
+ <glyph glyph-name="ion-pricetag" unicode="&#xf2aa;"
+d="M439 187c12 -12 12 -31 0 -43l-165 -167c-11 -11 -30 -11 -42 -1l-3 3l-206 209l-6 5c-6 7 -9 15 -10 24v0v2v0l-7 98v4v0c0 12 4 24 13 33l49 49c8 9 20 13 31 13h4l100 -4v0c12 0 22 -4 30 -12v0l2 -2v0l210 -211v0v0zM112 256c26 0 48 22 48 48s-22 48 -48 48
+s-48 -22 -48 -48s22 -48 48 -48z" />
+ <glyph glyph-name="ion-pricetags" unicode="&#xf2ab;"
+d="M440 209c10 -11 11 -28 0 -39l-29 -29c11 11 10 28 0 39v0v0l-190 191v0l-1 1h-1c-8 7 -16 12 -27 12v0l-90 3h-4c-9 0 -19 -3 -26 -10l28 27c8 8 17 12 27 12h4l90 -4v0c11 0 19 -4 27 -11h1l1 -1v0l190 -191v0v0zM396 166v0c11 -11 11 -29 0 -40l-108 -109v1l-26 -27
+l-2 -2l-13 -13c-10 -10 -26 -10 -37 -1l-3 3l-186 188l-5 5c-5 6 -9 14 -10 22v0v2v0l-6 88v3v1c0 11 4 21 12 29l44 45l1 1l1 1c7 6 17 9 26 9h4l90 -3v0c11 0 19 -4 27 -11v0l2 -1v0l189 -191v0zM79 308c-12 -8 -21 -21 -21 -37c0 -24 19 -43 43 -43c16 0 29 9 37 21
+c4 7 7 14 7 22c0 24 -20 44 -44 44c-8 0 -15 -3 -22 -7z" />
+ <glyph glyph-name="ion-printer" unicode="&#xf21a;"
+d="M392 320c28 0 56 -19 56 -55v-131c0 -31 -28 -54 -56 -54h-40v-112h-8h-8h-224h-11h-5v112h-40c-28 0 -56 24 -56 62v123c0 38 28 55 56 55h40v64h256v-64h40zM336 -16v176h-224v-176h224zM336 320v48h-224v-48h224zM384 256v16h-17v-16h17zM128 112v16h192v-16h-192z
+M128 64v16h192v-16h-192zM128 16v16h192v-16h-192z" />
+ <glyph glyph-name="ion-pull-request" unicode="&#xf345;" horiz-adv-x="384"
+d="M64 384c35 0 64 -29 64 -64c0 -24 -13 -44 -32 -55v-178c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v178c-19 11 -32 31 -32 55c0 35 29 64 64 64zM64 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM64 288
+c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM351 88c20 -11 33 -32 33 -56c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 23 12 44 31 55v156c0 16 -4 26 -11 33c-10 9 -26 12 -52 12v-64l-96 96l96 96v-64c42 1 74 -8 96 -29c21 -19 31 -46 31 -80v-155z
+M320 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+ <glyph glyph-name="ion-qr-scanner" unicode="&#xf346;" horiz-adv-x="416"
+d="M48 324v-68h-48v68c0 33 28 60 61 60h67v-48h-68c-7 0 -12 -5 -12 -12zM356 384c33 0 60 -27 60 -60v-68h-48v68c0 7 -6 12 -13 12h-67v48h68zM368 61v67h48v-67c0 -33 -27 -61 -60 -61h-68v49h68c7 0 12 5 12 12zM60 49h68v-49h-67c-33 0 -61 28 -61 61v67h48v-67
+c0 -7 5 -12 12 -12z" />
+ <glyph glyph-name="ion-quote" unicode="&#xf347;" horiz-adv-x="384"
+d="M128 384c-41 0 -73 -11 -95 -33s-33 -54 -33 -95v-256h160v256h-96c0 23 5 39 15 49s26 15 49 15zM352 384c-41 0 -73 -11 -95 -33s-33 -54 -33 -95v-256h160v256h-96c0 23 5 39 15 49s26 15 49 15z" />
+ <glyph glyph-name="ion-radio-waves" unicode="&#xf2ac;"
+d="M160 192c0 43 21 64 64 64s64 -21 64 -64s-21 -64 -64 -64s-64 21 -64 64zM112 192c0 -18 5 -35 13 -50s19 -28 33 -37l-23 -25c-6 5 -13 10 -18 16c-25 26 -37 59 -37 96s12 70 37 96c5 6 12 11 18 16l23 -25c-14 -9 -25 -22 -33 -37s-13 -32 -13 -50zM336 192
+c0 18 -5 35 -13 50s-19 28 -33 37l23 25c6 -5 13 -10 18 -16c25 -26 37 -59 37 -96s-12 -70 -37 -96c-5 -6 -12 -11 -18 -16l-23 25c14 9 25 22 33 37s13 32 13 50zM32 192c0 -27 6 -53 17 -77s27 -43 47 -59l-23 -24c-6 5 -12 10 -17 16c-18 19 -31 41 -41 65
+c-10 25 -15 51 -15 79s5 54 15 79c10 24 23 46 41 65c5 6 11 11 17 16l23 -24c-10 -8 -18 -17 -26 -27s-14 -21 -20 -32s-10 -24 -13 -37s-5 -26 -5 -40zM416 192c0 27 -6 53 -17 77s-27 43 -47 59l23 24c6 -5 12 -10 17 -16c18 -19 31 -41 41 -65c10 -25 15 -51 15 -79
+s-5 -54 -15 -79c-10 -24 -23 -46 -41 -65c-4 -5 -10 -10 -17 -16l-23 24c20 16 36 35 47 59s17 50 17 77z" />
+ <glyph glyph-name="ion-record" unicode="&#xf21b;" horiz-adv-x="416"
+d="M208 -16c-115 0 -208 93 -208 208s93 208 208 208s208 -93 208 -208s-93 -208 -208 -208z" />
+ <glyph glyph-name="ion-refresh" unicode="&#xf21c;"
+d="M352 96l-104 112h74c-7 65 -64 112 -130 112c-71 0 -128 -57 -128 -128s57 -128 128 -128c28 0 53 8 75 24l6 5l43 -46l-7 -6c-34 -26 -74 -41 -117 -41c-91 0 -167 64 -187 149v0c0 1 -1 2 -1 3v1v2s-1 2 -1 3v1c0 1 -1 3 -1 4v0c-1 6 -2 13 -2 19v1v4v5v5v4v1
+c0 6 1 13 2 19v0c0 1 1 3 1 4v1c0 1 1 1 1 2v3v1c0 1 1 2 1 3v0c20 85 96 149 187 149v0v0c11 0 21 -1 31 -3h2h2c57 -10 106 -47 133 -96c13 -23 21 -49 23 -77h65z" />
+ <glyph glyph-name="ion-reply-all" unicode="&#xf21d;" horiz-adv-x="416"
+d="M257 256c153 0 159 -208 159 -208c-51 93 -91 102 -159 102v-92l-152 134l152 144v-80zM0 192l144 136v-57l-82 -79l82 -68v-58z" />
+ <glyph glyph-name="ion-reply" unicode="&#xf21e;" horiz-adv-x="384"
+d="M384 48c-53 93 -122 102 -224 102v-92l-160 134l160 144v-80c187 0 224 -208 224 -208z" />
+ <glyph glyph-name="ion-ribbon-a" unicode="&#xf348;" horiz-adv-x="352"
+d="M272 416l80 -96l-64 -134c-24 30 -59 49 -99 53zM80 416l83 -177c-40 -4 -75 -23 -99 -53l-64 134zM189 416h67l-53 -112h-27h-27l-53 112h80h13zM176 224c71 0 128 -57 128 -128s-57 -128 -128 -128s-128 57 -128 128s57 128 128 128zM176 0c53 0 96 43 96 96
+s-43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96zM176 184c49 0 88 -39 88 -88s-39 -88 -88 -88s-88 39 -88 88s39 88 88 88z" />
+ <glyph glyph-name="ion-ribbon-b" unicode="&#xf349;" horiz-adv-x="384"
+d="M192 376c49 0 88 -39 88 -88s-39 -88 -88 -88s-88 39 -88 88s39 88 88 88zM192 416c71 0 128 -57 128 -128s-57 -128 -128 -128s-128 57 -128 128s57 128 128 128zM192 192c53 0 96 43 96 96s-43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96zM83 194c26 -30 65 -50 109 -50
+c12 0 23 1 34 4l-34 -74l-48 -106l-48 80h-96zM301 194l83 -146h-96l-48 -80l-40 88l45 98c22 9 41 23 56 40z" />
+ <glyph glyph-name="ion-sad-outline" unicode="&#xf4d7;"
+d="M367 164c3 -9 -2 -17 -11 -19c-3 -1 -7 0 -10 1c-5 2 -9 5 -11 10s-4 12 -13 15s-14 0 -19 -3c-4 -3 -10 -3 -15 -1c-3 1 -7 3 -9 6c-6 8 -3 17 5 22c15 9 29 13 49 6s29 -21 34 -37zM165 195c8 -5 10 -14 4 -22c-2 -3 -6 -5 -9 -6c-5 -2 -11 -2 -15 1c-5 3 -10 6 -19 3
+s-11 -10 -13 -15s-6 -8 -11 -10c-3 -1 -7 -2 -10 -1c-9 2 -14 10 -11 19c5 16 14 30 34 37s35 3 50 -6zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56
+s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136s85 -56 136 -56s100 20 136 56zM317 89c5 -7 3 -17 -4 -22c-3 -2 -6 -3 -9 -3c-5 0 -10 3 -13 7c0 0 -19 25 -67 25s-67 -25 -67 -25c-3 -4 -8 -7 -13 -7c-3 0 -6 1 -9 3c-7 5 -9 15 -4 22c1 2 28 39 93 39
+s92 -37 93 -39z" />
+ <glyph glyph-name="ion-sad" unicode="&#xf34a;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM113 156c2 5 4 12 13 15s14 0 19 -3c4 -3 10 -3 15 -1c3 1 7 3 9 6c6 8 4 17 -4 22c-15 9 -30 13 -50 6s-29 -21 -34 -37c-3 -9 2 -17 11 -19c3 -1 7 0 10 1c5 2 9 5 11 10z
+M313 67c7 5 9 15 4 22c-1 2 -28 39 -93 39s-92 -37 -93 -39c-5 -7 -3 -17 4 -22c3 -2 6 -3 9 -3c5 0 10 3 13 7c0 0 19 25 67 25s67 -25 67 -25c3 -4 8 -7 13 -7c3 0 6 1 9 3zM356 145c9 2 14 10 11 19c-5 16 -14 30 -34 37s-34 3 -49 -6c-8 -5 -11 -14 -5 -22
+c2 -3 6 -5 9 -6c5 -2 11 -2 15 1c5 3 10 6 19 3s11 -10 13 -15s6 -8 11 -10c3 -1 7 -2 10 -1z" />
+ <glyph glyph-name="ion-scissors" unicode="&#xf34b;" horiz-adv-x="384"
+d="M341 332c-13 -33 -117 -172 -117 -172l-32 -32s-31 -13 -50 -43s-33 -71 -33 -71v0c-7 -26 -28 -46 -53 -46c-31 0 -56 29 -56 64s25 64 56 64c13 0 25 -5 34 -13c2 -1 3 -3 4 -4v0l2 -2c4 -4 7 -2 14 11c8 15 17 35 27 54s38 59 38 59l17 23l144 192
+c23 -20 18 -51 5 -84zM56 0c15 0 28 14 28 32s-13 32 -28 32s-28 -14 -28 -32s13 -32 28 -32zM192 160c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM143 183c-30 41 -90 125 -100 149c-13 33 -18 64 5 84l134 -178l-3 -4v0v0l-17 -23v-1v0
+c-1 -1 -10 -13 -19 -27zM328 96c31 0 56 -29 56 -64s-25 -64 -56 -64c-25 0 -47 20 -54 46v0s-13 41 -32 71c-11 17 -26 28 -36 35l29 29l1 1h1c1 1 1 2 2 4c3 -4 5 -9 7 -12c10 -19 20 -39 28 -54c7 -13 10 -15 14 -11c1 1 0 1 1 2h1c1 1 2 3 4 4c9 8 21 13 34 13zM328 0
+c15 0 28 14 28 32s-13 32 -28 32s-28 -14 -28 -32s13 -32 28 -32z" />
+ <glyph glyph-name="ion-search" unicode="&#xf21f;" horiz-adv-x="384"
+d="M381 61c4 -4 4 -10 0 -14l-43 -44c-2 -2 -5 -3 -8 -3s-5 1 -7 3l-84 86c-25 -15 -52 -23 -80 -23c-87 0 -159 71 -159 159s72 159 159 159s158 -71 158 -159c0 -27 -7 -54 -21 -78zM159 322c-53 0 -97 -43 -97 -97s44 -97 97 -97s96 43 96 97s-43 97 -96 97z" />
+ <glyph glyph-name="ion-settings" unicode="&#xf2ad;" horiz-adv-x="416"
+d="M402 310c10 -6 15 -25 14 -36c-1 -17 -7 -36 -25 -54c-1 -1 -2 -1 -3 -2c-26 -25 -62 -30 -94 -20c-1 1 -2 2 -4 2c-5 1 -10 0 -13 -4l-36 -39c52 -50 107 -96 107 -96c2 -2 2 -5 0 -7l-50 -51c-2 -2 -5 -2 -7 0c0 0 -44 55 -93 107l-92 -98c-14 -16 -40 -15 -55 0
+c-15 16 -15 42 1 56l97 93l-12 12c-2 2 -3 7 -1 10l2 5c-25 26 -36 33 -56 32s-36 -13 -48 -28s-10 -52 -8 -62s-7 -6 -12 0c-9 10 -23 50 -6 93s42 69 48 75s16 15 24 21s21 -1 27 5c4 4 5 11 5 16l-4 4c-2 2 -2 5 0 7l31 31c2 2 5 2 7 0l50 -50c2 -2 2 -6 0 -8l-31 -31
+c-2 -2 -5 -2 -7 0l-8 9c-7 0 -15 -5 -17 -10c-3 -6 -6 -21 -3 -33c3 -11 13 -20 36 -43l5 3c4 2 8 1 10 -1c0 0 1 -2 13 -14l38 37c4 3 5 7 4 13c0 2 0 4 -1 5c-10 33 -6 69 19 96l2 2c18 18 36 25 53 26c10 1 30 -5 35 -15l-48 -48l-2 -3l-1 -1c-1 -1 -1 -2 -1 -4
+s0 -3 1 -5l2 -2l2 -2l41 -42l3 -3l1 -1c1 -1 2 -1 4 -1s3 0 4 1l2 1l2 3z" />
+ <glyph glyph-name="ion-share" unicode="&#xf220;" horiz-adv-x="384"
+d="M288 70v59l38 31v-109c0 -11 -8 -19 -19 -19h-288c-11 0 -19 9 -19 19v218c0 11 8 19 19 19h120c-29 -18 -43 -38 -43 -38h-58v-180h250zM256 224c-84 0 -116 -24 -160 -96c0 0 5 164 160 164v60l128 -96l-128 -96v64z" />
+ <glyph glyph-name="ion-shuffle" unicode="&#xf221;"
+d="M338 267c-52 0 -83 -43 -120 -92c-41 -55 -88 -120 -171 -120h-47v63h47c52 0 84 47 121 96c41 55 87 116 170 116h29v54l81 -81l-81 -84v48h-29zM121 230c-21 21 -42 35 -74 36c-34 1 -47 0 -47 0v63h47c48 0 83 -20 113 -48c-10 -12 -19 -24 -28 -36
+c-4 -5 -7 -10 -11 -15zM367 118v47l81 -84l-81 -81v54h-29c-50 0 -87 23 -117 53c12 14 22 28 32 41c2 3 5 6 7 9c22 -24 46 -39 78 -39h29z" />
+ <glyph glyph-name="ion-skip-backward" unicode="&#xf222;" horiz-adv-x="384"
+d="M12 352h8c7 0 12 -5 12 -12v-113l187 122c2 2 5 3 8 3c8 0 16 -7 16 -17v-63l118 78c2 2 5 2 8 2c8 0 15 -7 15 -17v-286c0 -10 -7 -17 -15 -17c-3 0 -5 1 -8 3l-118 78v-64c0 -10 -8 -17 -16 -17c-3 0 -5 1 -8 3l-187 122v-113c0 -7 -5 -12 -12 -12h-8
+c-7 0 -12 5 -12 12v296c0 7 5 12 12 12z" />
+ <glyph glyph-name="ion-skip-forward" unicode="&#xf223;" horiz-adv-x="384"
+d="M372 352c7 0 12 -5 12 -12v-296c0 -7 -5 -12 -12 -12h-8c-7 0 -12 5 -12 12v113l-187 -122c-3 -2 -5 -3 -8 -3c-8 0 -15 7 -15 17v64l-119 -78c-3 -2 -5 -3 -8 -3c-8 0 -15 7 -15 17v286c0 10 7 17 15 17c3 0 6 0 8 -2l119 -78v63c0 10 7 17 15 17c3 0 6 -1 8 -3
+l187 -122v113c0 7 5 12 12 12h8z" />
+ <glyph glyph-name="ion-social-android-outline" unicode="&#xf224;" horiz-adv-x="352"
+d="M272 240h-192v-60v-89h24h16v-15v-52c0 -4 4 -8 8 -8s8 4 8 8v52v15h17h49h15v-15v-52c0 -2 1 -4 3 -6h1v0c1 -1 2 -2 4 -2h1v0v0c4 0 7 4 7 8v52v15h17h22v89v60zM288 256v0v-76v-90c0 -7 -3 -15 -10 -15h-29v-51c0 -13 -10 -24 -23 -24v0h-1c-6 0 -11 2 -15 5
+c-5 4 -9 11 -9 19v51h-49v-51c0 -13 -11 -24 -24 -24s-24 11 -24 24v51h-28c-7 0 -12 8 -12 15v90v76h224zM328 256c-4 0 -8 -4 -8 -8v-96c0 -4 4 -8 8 -8s8 4 8 8v96c0 4 -4 8 -8 8zM328 272v0c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24s-24 11 -24 24v96
+c0 13 11 24 24 24zM24 256c-4 0 -8 -4 -8 -8v-96c0 -4 4 -8 8 -8s8 4 8 8v96c0 4 -4 8 -8 8zM24 272v0c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24s-24 11 -24 24v96c0 13 11 24 24 24zM175 354c-14 0 -27 -3 -38 -6l-10 -4c-28 -12 -40 -37 -44 -56h186
+c-4 18 -15 43 -44 56l-10 4c-12 4 -25 6 -39 6v0v0h-1zM105 384v0h1l19 -23c13 5 30 9 50 9h1c20 0 36 -4 50 -9l20 23v0s1 -1 2 -1c1 -1 2 -3 2 -3l-19 -22c48 -21 56 -71 57 -86h-224c1 15 9 66 57 87l-19 22c0 1 1 1 2 2zM127 309c-7 0 -14 6 -14 13s6 14 14 14
+c7 0 13 -7 13 -14s-5 -13 -13 -13zM225 309c-7 0 -13 6 -13 13s5 14 13 14c7 0 13 -7 13 -14s-6 -13 -13 -13z" />
+ <glyph glyph-name="ion-social-android" unicode="&#xf225;" horiz-adv-x="352"
+d="M64 180v76h224v-76v-90c0 -7 -4 -14 -11 -14h-28v-52c0 -13 -11 -24 -24 -24v0h-1c-6 0 -10 2 -14 5c-5 4 -9 11 -9 19v52h-49v-52c0 -13 -11 -24 -24 -24s-24 11 -24 24v52h-29c-7 0 -11 7 -11 14v90zM328 272c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24
+s-24 11 -24 24v96c0 13 11 24 24 24zM24 272c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24s-24 11 -24 24v96c0 13 11 24 24 24zM231 359c48 -21 56 -72 57 -87h-224c1 15 8 66 56 87l-18 22c0 1 0 1 1 2s3 1 3 1l19 -23c14 5 31 9 51 9s36 -4 50 -9l20 23c0 1 1 0 2 -1
+l2 -2zM127 309c8 0 13 6 13 13s-6 14 -13 14c-8 0 -14 -7 -14 -14s7 -13 14 -13zM225 309c7 0 14 6 14 13s-7 14 -14 14c-8 0 -13 -7 -13 -14s6 -13 13 -13z" />
+ <glyph glyph-name="ion-social-angular-outline" unicode="&#xf4d8;"
+d="M224 384l-188 -69l39 -230l149 -80l149 80l39 230zM224 416v0l224 -80l-46 -272l-178 -96l-178 96l-46 272zM312 96l-27 56h-122l-27 -56h-40l128 280l128 -280h-40zM182 192h84l-42 89z" />
+ <glyph glyph-name="ion-social-angular" unicode="&#xf4d9;"
+d="M182 192l42 89l42 -89h-84zM224 416l224 -80l-46 -272l-178 -96l-178 96l-46 272zM312 96h40l-128 280l-128 -280h40l27 56h122z" />
+ <glyph glyph-name="ion-social-apple-outline" unicode="&#xf226;" horiz-adv-x="320"
+d="M238 278c-15 0 -26 -4 -37 -8c-10 -4 -21 -8 -35 -8s-25 4 -37 8c-11 4 -22 8 -34 8c-11 0 -23 -3 -34 -10c-12 -7 -23 -18 -31 -31c-12 -18 -16 -47 -13 -77c3 -34 16 -69 35 -99c13 -21 30 -45 50 -45h1c8 0 13 3 20 6c10 5 23 10 44 10v0c21 0 34 -5 44 -10
+c7 -3 12 -6 19 -6v0c22 0 44 35 52 48c8 12 12 20 17 31c-12 7 -22 16 -30 28c-10 15 -17 33 -18 52c-1 18 2 37 10 53c6 12 14 22 24 30c-14 13 -31 20 -47 20zM238 294v0c25 0 52 -14 71 -39c-63 -36 -53 -128 11 -153c-9 -20 -13 -28 -24 -46c-16 -25 -37 -56 -65 -56h-1
+c-24 0 -31 16 -63 16v0c-33 0 -40 -16 -64 -16h-1c-28 0 -48 28 -64 53c-44 69 -48 150 -21 193c19 30 50 48 78 48c29 0 47 -16 71 -16c23 0 38 16 72 16zM214 364c-11 -5 -21 -13 -28 -22c-4 -5 -9 -13 -13 -23c-1 -3 -2 -6 -2 -9c11 4 21 11 28 21c4 5 12 18 15 33z
+M230 384v0c3 -23 -6 -46 -18 -62c-13 -17 -35 -30 -56 -30h-1c-4 22 6 44 18 60c14 17 37 31 57 32z" />
+ <glyph glyph-name="ion-social-apple" unicode="&#xf227;" horiz-adv-x="320"
+d="M238 294v0c25 0 52 -14 71 -39c-63 -36 -53 -128 11 -153c-9 -20 -13 -28 -24 -46c-16 -25 -37 -56 -65 -56h-1c-24 0 -31 16 -63 16v0c-33 0 -40 -16 -64 -16h-1c-28 0 -48 28 -64 53c-44 69 -48 150 -21 193c19 30 50 48 78 48c29 0 47 -16 71 -16c23 0 38 16 72 16z
+M230 384v0c3 -23 -6 -46 -18 -62c-13 -17 -35 -30 -56 -30h-1c-4 22 6 44 18 60c14 17 37 31 57 32z" />
+ <glyph glyph-name="ion-social-bitcoin-outline" unicode="&#xf2ae;" horiz-adv-x="320"
+d="M184 400h-8v-48v-16h-16h-32h-16v16v48h-9v-48v-16h-16h-72v-16h13c11 0 19 0 25 -3s10 -7 13 -13s3 -8 3 -20v-178c0 -11 0 -18 -3 -24v-1c-1 -3 -4 -10 -12 -14h-1c-5 -3 -8 -3 -17 -3h-13l-3 -16h67h16v-16v-48h9v48v16h16h32h16v-16v-48h8v49v16h15c23 1 41 5 55 10
+c16 6 28 15 37 26c8 11 12 29 13 42c1 14 -1 29 -4 36s-8 16 -21 23c-7 4 -14 6 -21 8l-46 11l43 19c4 2 7 4 12 9c6 5 9 12 11 16c2 5 4 13 3 22c-1 17 -4 29 -10 37c-7 9 -17 16 -31 21c-12 5 -24 7 -41 8l-15 1v15v47zM200 416v0v-63c20 -1 32 -4 45 -9
+c16 -6 29 -15 38 -27s12 -28 13 -45c1 -10 0 -20 -3 -28s-8 -16 -16 -23c-6 -6 -11 -9 -16 -11c9 -2 17 -6 25 -10c15 -8 24 -18 29 -30c4 -10 6 -30 5 -44c-1 -16 -6 -37 -16 -51c-11 -14 -26 -24 -45 -31c-15 -6 -33 -10 -59 -11v-65h-40v64h-32v-64h-41v64h-87l8 48h28
+c9 0 8 1 11 2s4 3 5 6s1 9 1 18v178c0 9 0 10 -1 12s-3 4 -6 6s-9 2 -18 2h-28v48h87v64h41v-64h32v64h40zM160 298v-74h-32v74h32zM160 176v0v-90h-32v90h32zM200 294v0c6 -2 10 -7 14 -12c4 -6 6 -13 6 -21s-2 -15 -7 -21c-4 -5 -7 -9 -13 -12v66zM200 174v0
+c5 -1 8 -1 12 -3c8 -3 14 -7 19 -13s8 -15 8 -24c0 -11 -2 -19 -10 -26s-13 -11 -23 -15c-2 -1 -4 0 -6 -1v82z" />
+ <glyph glyph-name="ion-social-bitcoin" unicode="&#xf2af;" horiz-adv-x="320"
+d="M314 169c4 -10 7 -30 6 -44c-1 -16 -5 -37 -16 -51s-26 -24 -45 -31c-15 -6 -33 -10 -59 -11v-64h-40v64h-32v-64h-41v64h-87l9 48h26c9 0 9 0 12 1s4 4 5 7s2 8 2 17v173c0 9 -1 16 -2 18s-3 4 -6 6s-9 2 -18 2h-28v48h87v64h41v-64h32v64h40v-64c20 -1 33 -4 46 -9
+c16 -6 28 -15 37 -27s12 -28 13 -45c1 -10 0 -20 -3 -28c-2 -8 -8 -16 -16 -23c-6 -6 -11 -9 -16 -11c9 -2 17 -6 25 -10c15 -8 23 -18 28 -30zM128 298v-74h32v74h-32zM128 86h32v90h-32v-90zM200 294v-66c6 3 9 7 13 12c5 6 7 12 7 20s-2 15 -6 21c-4 5 -8 11 -14 13z
+M229 107c8 7 10 15 10 26c0 9 -3 19 -8 25s-12 10 -20 13c-4 2 -6 2 -11 3v-82c2 0 5 1 7 2c10 4 14 6 22 13z" />
+ <glyph glyph-name="ion-social-buffer-outline" unicode="&#xf228;" horiz-adv-x="384"
+d="M7 284c-9 4 -9 11 0 15l169 82c4 2 10 3 16 3s12 -1 16 -3l169 -82c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3zM183 366l-156 -75l156 -75c2 -1 5 -1 9 -1s7 0 9 1l156 75l-156 75c-2 1 -5 2 -9 2s-7 -1 -9 -2zM377 200c9 -4 9 -12 0 -16l-169 -81
+c-4 -2 -10 -4 -16 -4s-12 2 -16 4l-169 81c-9 4 -9 12 0 16c0 0 27 13 33 16c5 3 7 3 13 0s123 -60 123 -60c4 -2 10 -3 16 -3s12 1 16 3c0 0 121 59 125 61s5 2 9 0s35 -17 35 -17zM201 117l156 75l-19 9l-123 -59c-6 -3 -15 -5 -23 -5s-17 2 -23 5l-123 59l-19 -9l156 -75
+c2 -1 5 -2 9 -2s7 1 9 2zM377 100c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3l-169 82c-9 4 -9 11 0 15c0 0 27 14 33 17c5 3 7 2 13 -1s123 -59 123 -59c4 -2 10 -3 16 -3s12 1 16 3c0 0 121 58 125 60s5 2 9 0s35 -17 35 -17zM201 18l156 75l-19 9
+l-123 -60c-6 -3 -15 -4 -23 -4s-17 1 -23 4l-123 60l-19 -9l156 -75c2 -1 5 -2 9 -2s7 1 9 2z" />
+ <glyph glyph-name="ion-social-buffer" unicode="&#xf229;" horiz-adv-x="384"
+d="M7 284c-9 4 -9 11 0 15l169 82c4 2 10 3 16 3s12 -1 16 -3l169 -82c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3zM377 200c9 -4 9 -12 0 -16l-169 -81c-4 -2 -10 -4 -16 -4s-12 2 -16 4l-169 81c-9 4 -9 12 0 16c0 0 27 13 33 16c5 3 7 3 13 0
+s123 -60 123 -60c4 -2 10 -3 16 -3s12 1 16 3c0 0 121 59 125 61s5 2 9 0s35 -17 35 -17zM377 100c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3l-169 82c-9 4 -9 11 0 15c0 0 27 14 33 17c5 3 7 2 13 -1s123 -59 123 -59c4 -2 10 -3 16 -3s12 1 16 3
+c0 0 121 58 125 60s5 2 9 0s35 -17 35 -17z" />
+ <glyph glyph-name="ion-social-chrome-outline" unicode="&#xf4da;"
+d="M224 416c123 0 224 -101 224 -224s-101 -224 -224 -224s-224 101 -224 224s101 224 224 224zM224 371c-57 0 -109 -27 -141 -68l54 -93c8 40 43 72 87 72h155c-30 54 -89 89 -155 89zM291 192c0 37 -30 67 -67 67s-67 -30 -67 -67s30 -67 67 -67s67 30 67 67zM45 192
+c0 -91 67 -166 154 -177l54 93c-9 -3 -19 -6 -29 -6c-34 0 -61 18 -77 45v0l-78 135c-16 -27 -24 -58 -24 -90zM224 13c99 0 179 80 179 179c0 24 -4 46 -13 67h-108c19 -17 32 -40 32 -67c0 -17 -5 -32 -13 -45v0z" />
+ <glyph glyph-name="ion-social-chrome" unicode="&#xf4db;"
+d="M157 192c0 37 30 67 67 67s67 -30 67 -67s-30 -67 -67 -67s-67 30 -67 67zM445 230c2 -12 3 -25 3 -38c0 -106 -74 -195 -174 -218c-10 -2 -20 -4 -30 -5c-7 -1 -13 -1 -20 -1c-8 0 -17 0 -25 1v0v0v0v1l102 177c8 13 13 28 13 45c0 27 -13 50 -32 67h156
+c3 -9 5 -19 7 -29v0c-2 10 -4 20 -7 29v0c3 -9 5 -19 7 -29v0zM224 103c10 0 20 2 29 5l-78 -135v0c-42 9 -79 30 -108 59c-42 41 -67 97 -67 160c0 31 6 61 18 88c7 16 16 31 26 45v0l103 -178c16 -27 43 -44 77 -44zM59 343v0v1c24 26 55 47 90 59c23 8 49 13 75 13
+c73 0 138 -36 179 -90h1c10 -14 18 -29 25 -44v0c-7 15 -15 30 -25 44h-1c10 -14 19 -29 26 -44h-205c-44 0 -79 -32 -87 -72z" />
+ <glyph glyph-name="ion-social-codepen-outline" unicode="&#xf4dc;"
+d="M356 244c5 -3 7 -6 7 -12v-81c0 -6 -3 -10 -8 -13c-41 -27 -82 -55 -123 -82c-6 -4 -11 -4 -17 0c-41 27 -81 55 -122 82c-5 3 -8 7 -8 13v80c0 6 3 11 8 14c41 27 81 54 122 81c6 4 11 4 17 0c41 -27 83 -55 124 -82zM236 296v-54c0 -1 1 -2 2 -3c16 -11 31 -21 47 -32
+c1 -1 3 -1 4 0l40 26zM212 295c0 0 -62 -41 -93 -62c14 -9 27 -17 40 -26c1 -1 3 -1 4 0c15 10 31 21 46 31c1 1 3 4 3 6v51zM109 211v-40l30 20zM212 87v53c0 1 -2 3 -3 4c-15 10 -31 21 -46 31c-2 1 -3 1 -5 0l-39 -26c31 -21 93 -62 93 -62zM227 165l39 26s-34 23 -40 27
+c-1 1 -4 0 -5 -1c-5 -3 -9 -6 -14 -9c-8 -6 -25 -17 -25 -17l39 -26c2 -1 4 -1 6 0zM236 87l93 62l-38 26c-2 2 -5 2 -7 0c-15 -10 -30 -21 -45 -31c-2 -2 -3 -3 -3 -6v-51zM338 171v40l-30 -20zM224 384c-51 0 -100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136
+s85 -56 136 -56s100 20 136 56s56 85 56 136s-20 100 -56 136s-85 56 -136 56zM224 416v0c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224z" />
+ <glyph glyph-name="ion-social-codepen" unicode="&#xf4dd;"
+d="M209 144c1 -1 3 -3 3 -4v-53s-62 41 -93 62l39 26c2 1 3 1 5 0c15 -10 31 -21 46 -31zM163 207c-1 -1 -3 -1 -4 0c-13 9 -26 17 -40 26c31 21 93 62 93 62v-51c0 -2 -2 -5 -3 -6c-15 -10 -31 -21 -46 -31zM238 239c-1 1 -2 2 -2 3v54l93 -63l-40 -26c-1 -1 -3 -1 -4 0
+c-16 11 -31 21 -47 32zM226 218c6 -4 40 -27 40 -27l-39 -26c-2 -1 -4 -1 -6 0l-39 26s17 11 25 17c5 3 9 6 14 9c1 1 4 2 5 1zM109 211l30 -20l-30 -20v40zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM363 151v81
+c0 6 -2 9 -7 12c-41 27 -83 55 -124 82c-6 4 -11 4 -17 0c-41 -27 -81 -54 -122 -81c-5 -3 -8 -8 -8 -14v-80c0 -6 3 -10 8 -13c41 -27 81 -55 122 -82c6 -4 11 -4 17 0c41 27 82 55 123 82c5 3 8 7 8 13zM284 175c2 2 5 2 7 0l38 -26l-93 -62v51c0 3 1 4 3 6
+c15 10 30 21 45 31zM338 171l-30 20l30 20v-40z" />
+ <glyph glyph-name="ion-social-css3-outline" unicode="&#xf4de;" horiz-adv-x="384"
+d="M291 81l-99 -28l-98 28l-7 78h48l4 -40l53 -15v0v0l54 15l5 64h-112l-4 50h121l4 51h-184l-4 49h241zM0 416h384l-35 -403l-157 -45l-157 45zM319 37l30 347h-314l30 -347l127 -36z" />
+ <glyph glyph-name="ion-social-css3" unicode="&#xf4df;" horiz-adv-x="384"
+d="M192 109v0zM0 416h384l-35 -403l-157 -45l-157 45zM291 81l22 252h-241l4 -49h184l-4 -51h-121l4 -50h112l-5 -64l-54 -15v0v0l-53 15l-4 40h-48l7 -78l98 -28z" />
+ <glyph glyph-name="ion-social-designernews-outline" unicode="&#xf22a;"
+d="M259 302v-53l-65 103zM0 188zM297 352l151 -119v-201h-248l-200 156h63c46 0 77 33 77 82c0 20 -5 37 -15 51l-3 3l37 -29v-107h41l-2 98l63 -98h36v84v80zM432 48v178l-119 92v1v-47v-83v-17h-15h-37h-9l-4 8l-33 50l1 -42v-16h-16h-41h-16v16v29c-3 -6 -7 -12 -12 -17
+c-8 -9 -18 -16 -30 -21s-24 -7 -38 -7h-16l159 -124h226zM59 298h-1h-3v-57h4c8 0 13 2 17 6c5 6 6 15 6 22c0 26 -12 29 -23 29zM59 314v0c25 0 39 -16 39 -45c0 -28 -14 -44 -40 -44h-19v89h20z" />
+ <glyph glyph-name="ion-social-designernews" unicode="&#xf22b;"
+d="M258 303l1 -53l-64 102zM297 352l151 -118v-202h-248l-200 157v0h63c46 0 77 33 77 82c0 20 -5 37 -15 51l-3 3l37 -29v-107h40l-2 99l64 -99h36v83v80zM98 270c0 -28 -14 -44 -40 -44h-19v89h19c26 0 40 -16 40 -45z" />
+ <glyph glyph-name="ion-social-dribbble-outline" unicode="&#xf22c;" horiz-adv-x="384"
+d="M192 384c106 0 192 -86 192 -192s-86 -192 -192 -192s-192 86 -192 192s86 192 192 192zM314 296c-17 -25 -47 -47 -85 -64c5 -10 9 -20 13 -31c33 3 75 4 110 2c-2 35 -16 68 -38 93zM192 352c-14 0 -26 -2 -39 -5c23 -23 43 -53 62 -87c34 14 62 33 79 55
+c-28 23 -63 37 -102 37zM120 334c-41 -21 -71 -58 -83 -103h25c44 0 85 6 121 17c-19 34 -40 63 -63 86zM32 200v-8c0 -40 15 -78 40 -106c24 45 67 83 122 106c4 2 8 3 14 4c-3 8 -6 16 -10 24c-40 -13 -88 -20 -138 -21c-9 0 -19 1 -28 1zM192 32c20 0 39 3 57 10
+c-3 25 -8 53 -15 79c-4 17 -10 33 -16 49c-7 -2 -13 -4 -17 -6c-48 -22 -86 -56 -107 -98c27 -21 61 -34 98 -34zM278 58c40 26 68 67 73 116c-30 2 -68 3 -99 0c4 -12 9 -25 12 -38c7 -27 11 -52 14 -78z" />
+ <glyph glyph-name="ion-social-dribbble" unicode="&#xf22d;" horiz-adv-x="384"
+d="M192 384c106 0 192 -86 192 -192s-86 -192 -192 -192s-192 86 -192 192s86 192 192 192zM192 32c88 0 160 72 160 160s-72 160 -160 160s-160 -72 -160 -160s72 -160 160 -160zM242 201c-4 11 -8 21 -13 31c25 11 47 24 63 39c15 -19 26 -42 28 -67c-26 0 -55 -1 -78 -3z
+M271 292c-15 -12 -34 -23 -56 -32c-12 22 -24 41 -38 59c5 1 10 1 15 1c30 0 57 -11 79 -28zM142 310c15 -18 28 -39 41 -62c-34 -10 -72 -16 -113 -17c11 36 38 65 72 79zM319 176c-4 -33 -21 -63 -46 -83c-3 14 -5 28 -9 43c-3 13 -8 26 -12 38c21 2 45 3 67 2zM194 192
+c-43 -18 -79 -46 -104 -78c-16 22 -26 49 -26 78v7c49 1 95 8 134 21c4 -8 7 -16 10 -24c-6 -1 -10 -2 -14 -4zM219 170c6 -16 11 -32 15 -49c4 -15 7 -31 10 -46c-16 -7 -34 -11 -52 -11c-31 0 -59 11 -81 29c22 30 53 54 90 71c4 2 11 4 18 6z" />
+ <glyph glyph-name="ion-social-dropbox-outline" unicode="&#xf22e;" horiz-adv-x="384"
+d="M113 371l79 -66l-114 -71l-78 63zM27 295l52 -42l86 53l-53 46zM306 235l78 -63l-78 -51v-39l-114 -69l-114 68v39l-78 52l78 63l114 -71l-79 -66l-19 12v-20l98 -59l98 59v20l-19 -12l-79 66zM79 217l-52 -44l85 -55l53 44zM219 162l53 -44l85 56l-52 43zM384 297
+l-78 -63l-114 71l79 66zM219 305l86 -52l52 42l-85 56z" />
+ <glyph glyph-name="ion-social-dropbox" unicode="&#xf22f;" horiz-adv-x="384"
+d="M113 371l79 -66l-114 -71l-78 63zM0 172l78 62l114 -70l-79 -66zM192 164l114 70l78 -62l-113 -74zM384 297l-78 -63l-114 71l79 66zM192 150l80 -66l34 22v-25l-114 -68l-114 68v25l34 -22z" />
+ <glyph glyph-name="ion-social-euro-outline" unicode="&#xf4e0;" horiz-adv-x="320"
+d="M214 384c-53 0 -91 -9 -115 -27c-22 -16 -33 -40 -33 -74v-11v-17h-16h-34v-16h34h16v-15v-48v-17h-16h-34v-16h34h16v-15v-27c0 -34 11 -58 33 -74c24 -18 62 -27 115 -27c31 0 59 2 88 8l-5 35c-30 -4 -55 -7 -80 -7c-36 0 -59 6 -74 19c-19 16 -21 40 -21 60v13v15h16
+h103l3 16h-106h-16v17v48v15h16h118l2 16h-120h-16v17v2c0 16 2 39 21 55c16 13 39 19 74 19c24 0 51 -3 80 -7l5 35c-29 6 -57 8 -88 8zM214 400v0c35 0 68 -3 106 -12l-9 -65c-37 6 -68 9 -94 9c-64 0 -79 -22 -79 -58v-3h139l-8 -48h-131v-48h124l-7 -48h-117v-12
+c0 -44 15 -63 79 -63c26 0 57 3 94 9l9 -65c-38 -9 -71 -12 -106 -12c-115 0 -164 41 -164 117v26h-50v48h50v48h-50v48h50v12c0 76 49 117 164 117z" />
+ <glyph glyph-name="ion-social-euro" unicode="&#xf4e1;" horiz-adv-x="320"
+d="M138 176h124l-7 -48h-117v-13c0 -44 15 -63 79 -63c26 0 56 3 93 9l10 -65c-38 -9 -71 -12 -106 -12c-115 0 -164 41 -164 117v27h-50v48h50v48h-50v48h50v11c0 76 49 117 164 117c35 0 68 -3 106 -12l-10 -65c-37 6 -67 9 -93 9c-64 0 -79 -22 -79 -58v-2h138l-7 -48
+h-131v-48z" />
+ <glyph glyph-name="ion-social-facebook-outline" unicode="&#xf230;" horiz-adv-x="192"
+d="M128 256h64l-8 -64h-56v-192h-83v192h-45v64h45v43c0 54 23 85 91 85h56v-64h-34c-27 0 -30 -9 -30 -26v-38zM170 208l4 32h-45h-17v17v37c0 10 1 21 9 30c10 11 25 12 37 12h18v32h-40c-28 0 -49 -6 -60 -18c-10 -11 -15 -27 -15 -51v-43v-16h-15h-30v-32h30h15v-16
+v-176h51v176v16h17h41z" />
+ <glyph glyph-name="ion-social-facebook" unicode="&#xf231;" horiz-adv-x="192"
+d="M128 256h64l-8 -64h-56v-192h-83v192h-45v64h45v43c0 54 23 85 91 85h56v-64h-34c-27 0 -30 -9 -30 -26v-38z" />
+ <glyph glyph-name="ion-social-foursquare-outline" unicode="&#xf34c;" horiz-adv-x="320"
+d="M302 284c-12 -60 -25 -131 -27 -138zM281 416c35 0 45 -20 37 -57c-3 -16 -10 -44 -16 -75l-27 -137c-3 -13 -8 -35 -39 -35h-72c-3 0 -3 0 -6 -3c-2 -2 -115 -133 -115 -133c-9 -10 -23 -8 -28 -6s-15 8 -15 26v380s10 40 43 40h238zM280 352c6 31 6 32 -24 32h-195
+c-29 0 -29 -3 -29 -28v-297c0 -38 1 -38 3 -38s10 8 29 31c0 0 78 89 79 90c2 2 3 2 6 2h62c26 0 28 6 33 31c4 21 36 177 36 177zM302 284c6 31 13 59 16 75zM233 352c5 0 9 -5 8 -11l-8 -44c-1 -4 -6 -9 -11 -9h-75c-8 0 -8 -5 -8 -13v-6c0 -8 0 -13 8 -13h64
+s11 -6 10 -12s-11 -51 -12 -54s-4 -9 -11 -9h-62c-9 0 -11 -1 -17 -8l-54 -63c-1 -1 -1 -1 -1 0v231c0 5 5 11 11 11h158z" />
+ <glyph glyph-name="ion-social-foursquare" unicode="&#xf34d;" horiz-adv-x="320"
+d="M281 416c35 0 45 -20 37 -57c-10 -49 -40 -202 -43 -213c-3 -13 -8 -34 -39 -34h-72c-3 0 -3 0 -6 -3c-2 -2 -115 -133 -115 -133c-9 -10 -23 -8 -28 -6s-15 8 -15 26v380s10 40 43 40h238zM275 146c3 11 33 164 43 213zM267 351c2 9 -5 16 -12 16h-191
+c-9 0 -15 -8 -15 -15v-296c0 -1 1 -1 2 0c0 0 70 84 78 94s11 11 23 11h64c9 0 14 8 15 12s8 43 10 51s-6 16 -13 16h-82c-10 0 -18 8 -18 18v13c0 10 8 17 18 17h96s14 6 15 12z" />
+ <glyph glyph-name="ion-social-freebsd-devil" unicode="&#xf2c4;" horiz-adv-x="512"
+d="M503 333c19 -37 8 -81 -20 -108s-60 -33 -60 -33c2 -32 16 -59 -41 -102c-43 -32 2 -90 2 -90c10 -14 23 -19 32 -32h-272s15 14 -7 32c0 0 -20 17 -18 29s6 13 9 15s0 7 0 7l-19 19s-13 -13 -44 -13c-38 0 -65 39 -65 39h46s-6 -8 -7 -13c-1 -4 1 -5 1 -5s11 -6 22 -6
+c17 0 33 12 33 12l-24 22l-15 -4l-16 37l39 -10l-1 -15l28 -18s9 9 7 27s-9 26 -9 26s-4 0 -9 -4s-6 -6 -6 -6l-10 44s43 -19 50 -63c3 -20 -6 -35 -6 -35l17 -10s6 5 17 7s23 2 29 -8s5 -12 4 -19s0 -9 6 -11s6 -6 11 -8s15 -6 21 -2s8 11 8 18v16s-9 8 -32 20
+s-54 22 -66 40s-12 44 0 57c9 10 23 25 26 35c4 14 4 42 4 42s-10 16 -8 40c2 30 22 84 96 114c0 0 -40 -55 -20 -80c0 0 37 11 77 9c31 -2 56 -12 73 -28s25 -23 47 -17s28 17 28 33c0 19 -16 51 -16 51s36 -7 58 -51zM195 245c14 4 21 -11 21 -11c14 25 30 60 22 64
+s-64 -25 -66 -88c0 0 6 31 23 35zM232 230c5 7 34 8 37 -17c4 -35 -24 -57 -24 -57s7 -2 23 2c17 4 43 29 43 70s-21 66 -41 62s-38 -60 -38 -60z" />
+ <glyph glyph-name="ion-social-github-outline" unicode="&#xf232;"
+d="M224 416c124 0 224 -103 224 -230c0 -101 -64 -188 -153 -218h-4c-8 0 -12 7 -12 12c0 8 1 31 1 62c0 21 -8 36 -16 43c50 6 103 25 103 113c0 25 -9 46 -23 62c2 6 10 29 -2 61h-5c-8 0 -27 -3 -57 -24c-18 5 -37 8 -56 8s-38 -3 -56 -8c-30 21 -49 24 -57 24h-5
+c-12 -32 -4 -55 -2 -61c-14 -16 -23 -37 -23 -62c0 -88 52 -107 102 -113c-6 -6 -12 -16 -14 -31c-6 -3 -16 -6 -26 -6c-13 0 -28 5 -39 25c0 0 -13 22 -35 24v0c-2 0 -21 0 -1 -14c0 0 15 -8 25 -34c0 0 10 -33 53 -33c7 0 14 0 22 2v-39c0 -5 -3 -11 -11 -11h-4
+c-89 30 -153 116 -153 218c0 127 100 230 224 230zM146 -0c-15 0 -28 4 -38 9c14 -10 28 -17 44 -23v6v8h-6zM157 73c-16 4 -35 10 -52 24c6 -6 11 -11 13 -16c7 -12 14 -17 25 -17c4 0 9 1 12 2c1 2 1 5 2 7zM347 14c17 13 32 28 45 46c26 37 40 80 40 126
+c0 29 -5 58 -16 84c-10 25 -26 48 -45 68s-41 34 -66 45c-26 11 -53 17 -81 17s-55 -6 -81 -17c-25 -11 -47 -25 -66 -45s-35 -42 -45 -68c-11 -26 -16 -55 -16 -84c0 -46 14 -89 40 -126c10 -14 22 -27 35 -38c-7 8 -11 16 -13 22c-7 18 -15 24 -17 25h-2v1
+c-5 3 -20 13 -15 28c3 9 12 15 25 15h1v0v0c13 -1 24 -6 32 -13c-21 19 -37 48 -37 98c0 24 7 47 21 66c-3 13 -6 34 5 62l3 8l7 2c2 0 5 1 10 1c12 0 31 -3 60 -22c17 4 35 6 53 6v0v0c18 0 36 -2 53 -6c29 19 48 22 60 22c5 0 8 -1 10 -1l7 -2l3 -7c11 -27 8 -50 5 -63
+c14 -19 21 -41 21 -66c0 -92 -55 -117 -92 -125c3 -8 5 -18 5 -30v-51v-6c18 7 35 16 51 28z" />
+ <glyph glyph-name="ion-social-github" unicode="&#xf233;"
+d="M224 416c124 0 224 -103 224 -230c0 -101 -64 -188 -153 -218h-4c-8 0 -12 7 -12 12c0 8 1 31 1 62c0 21 -8 36 -16 43c50 6 103 25 103 113c0 25 -9 46 -23 62c2 6 10 29 -2 61h-5c-8 0 -27 -3 -57 -24c-18 5 -37 8 -56 8s-38 -3 -56 -8c-30 21 -49 24 -57 24h-5
+c-12 -32 -4 -55 -2 -61c-14 -16 -23 -37 -23 -62c0 -88 52 -107 102 -113c-6 -6 -12 -16 -14 -31c-6 -3 -16 -6 -26 -6c-13 0 -28 5 -39 25c0 0 -13 22 -35 24v0c-2 0 -21 0 -1 -14c0 0 15 -8 25 -34c0 0 10 -33 53 -33c7 0 14 0 22 2v-39c0 -5 -3 -11 -11 -11h-4
+c-89 30 -153 116 -153 218c0 127 100 230 224 230z" />
+ <glyph glyph-name="ion-social-google-outline" unicode="&#xf34e;" horiz-adv-x="256"
+d="M191 366c12 -10 37 -30 37 -68c0 -37 -21 -55 -43 -72c-7 -7 -15 -13 -15 -24s8 -17 14 -22l18 -14c23 -19 43 -36 43 -71c0 -47 -47 -95 -135 -95c-74 0 -110 35 -110 72c0 18 10 44 40 62c32 19 75 21 98 23c-7 9 -16 18 -16 34c0 9 2 14 5 20c-6 0 -11 -1 -16 -1
+c-54 0 -85 40 -85 79c0 23 11 48 33 67c29 24 63 28 91 28h106l-33 -18h-32zM155 142c-4 1 -7 1 -12 1s-32 -1 -54 -8c-11 -4 -44 -16 -44 -52s36 -62 91 -62c49 0 75 24 75 55c0 26 -17 39 -56 66zM170 238c12 12 13 28 13 37c0 36 -22 92 -65 92c-13 0 -28 -6 -36 -16
+c-9 -11 -11 -25 -11 -38c0 -34 20 -89 64 -89c13 0 27 6 35 14z" />
+ <glyph glyph-name="ion-social-google" unicode="&#xf34f;" horiz-adv-x="288"
+d="M210 172c22 -18 45 -36 45 -73c0 -49 -48 -99 -140 -99c-80 0 -115 39 -115 77c0 10 3 42 42 65c27 16 61 20 85 22c-4 7 -8 16 -8 27c0 4 0 7 1 10h-4c-19 0 -46 4 -67 26c-15 15 -24 36 -24 57c0 26 13 53 35 71v0c32 25 70 29 95 29h133l-60 -33h-13
+c11 -13 23 -31 23 -58c0 -40 -25 -59 -45 -74v-1c-6 -6 -11 -10 -11 -17c0 -6 4 -10 10 -15v0zM85 308c0 -13 4 -33 14 -51c7 -12 20 -27 41 -27c10 0 21 4 28 11c10 10 10 25 10 30c0 18 -6 38 -15 54c-7 13 -20 27 -40 27c-11 0 -22 -5 -29 -13c-6 -7 -9 -18 -9 -31z
+M206 80c0 20 -13 31 -50 56c-3 0 -4 1 -8 1c-6 0 -32 -2 -51 -8c-16 -6 -37 -16 -37 -42c0 -31 32 -51 80 -51c41 0 66 17 66 44z" />
+ <glyph glyph-name="ion-social-googleplus-outline" unicode="&#xf234;"
+d="M192 366c12 -10 36 -30 36 -68c0 -37 -21 -55 -43 -72c-7 -7 -15 -13 -15 -24s8 -18 14 -22l18 -14c23 -19 43 -36 43 -71c0 -47 -47 -95 -135 -95c-74 0 -110 35 -110 72c0 18 10 44 40 62c32 19 75 21 98 23c-7 9 -16 18 -16 34c0 9 3 14 5 20c-6 0 -11 -1 -16 -1
+c-54 0 -85 40 -85 79c0 23 10 48 32 67c29 24 64 28 92 28h106l-33 -18h-31zM155 142c-4 0 -7 1 -12 1s-32 -1 -54 -8c-11 -4 -44 -16 -44 -52s36 -62 91 -62c49 0 75 24 75 55c0 26 -17 39 -56 66zM170 238c12 12 13 28 13 37c0 36 -22 92 -65 92c-13 0 -28 -6 -36 -16
+c-9 -11 -11 -24 -11 -37c0 -34 20 -90 64 -90c13 0 27 6 35 14zM448 306v-18h-78v-81h-18v81h-80v18h80v78h18v-78h78z" />
+ <glyph glyph-name="ion-social-googleplus" unicode="&#xf235;"
+d="M210 172c22 -18 45 -36 45 -73c0 -49 -47 -99 -139 -99c-80 0 -116 39 -116 77c0 10 3 42 42 65c27 16 61 21 85 23c-4 7 -8 15 -8 26c0 4 0 7 1 10h-4c-19 0 -46 4 -67 26c-15 15 -24 36 -24 57c0 26 13 53 35 71v0c32 25 69 29 94 29h134l-60 -33h-13
+c11 -13 23 -31 23 -58c0 -40 -25 -59 -45 -74v-1c-6 -6 -11 -10 -11 -17c0 -6 4 -10 10 -15v0zM85 308c0 -13 4 -33 14 -51c7 -12 21 -27 41 -27c10 0 21 4 28 11c10 10 10 25 10 30c0 18 -6 37 -15 53c-8 13 -20 28 -40 28c-11 0 -23 -5 -29 -13c-6 -7 -9 -18 -9 -31z
+M206 80c0 20 -13 31 -50 56c-3 0 -4 1 -8 1c-6 0 -31 -2 -50 -8c-16 -6 -38 -16 -38 -42c0 -31 32 -51 80 -51c41 0 66 17 66 44zM370 306h78v-34h-78v-81h-34v81h-80v34h80v78h34v-78z" />
+ <glyph glyph-name="ion-social-hackernews-outline" unicode="&#xf236;" horiz-adv-x="384"
+d="M352 352h-320v-320h320v320zM384 384v0v-384h-384v384h384zM233 289h45l-64 -120v-72h-40v72l-66 120h47l40 -84z" />
+ <glyph glyph-name="ion-social-hackernews" unicode="&#xf237;" horiz-adv-x="384"
+d="M0 384h384v-384h-384v384zM214 169l64 120h-45l-38 -84l-40 84h-47l66 -120v-72h40v72z" />
+ <glyph glyph-name="ion-social-html5-outline" unicode="&#xf4e2;" horiz-adv-x="384"
+d="M0 416h384l-35 -403l-157 -45l-157 45zM319 37l30 347h-314l30 -347l127 -36zM84 184l-13 150h241l-4 -50h-184l4 -51h176l-14 -151l-98 -28l-99 28l-6 77h48l3 -39l54 -15l53 15l6 64h-167z" />
+ <glyph glyph-name="ion-social-html5" unicode="&#xf4e3;" horiz-adv-x="384"
+d="M0 416h384l-35 -403l-157 -45l-157 45zM308 284l4 50h-241l13 -150h167l-6 -64l-53 -15l-54 15l-3 39h-48l6 -78l99 -27l98 28l14 151h-176l-4 51h184z" />
+ <glyph glyph-name="ion-social-instagram-outline" unicode="&#xf350;" horiz-adv-x="384"
+d="M384 336v-289c0 -26 -22 -47 -48 -47h-288c-26 0 -48 21 -48 47v289c0 26 22 48 48 48h288c26 0 48 -22 48 -48zM192 272c-44 0 -80 -36 -80 -80s36 -80 80 -80s80 36 80 80s-36 80 -80 80zM352 288v48c0 9 -7 16 -16 16h-48c-9 0 -16 -7 -16 -16v-48c0 -9 7 -16 16 -16
+h48c9 0 16 7 16 16zM337 32c9 0 15 7 15 16v176h-52c3 -10 4 -21 4 -32c0 -30 -11 -58 -32 -79s-50 -33 -80 -33s-58 12 -79 33s-33 49 -33 79c0 11 2 22 5 32h-53v-176c0 -9 8 -16 17 -16h288z" />
+ <glyph glyph-name="ion-social-instagram" unicode="&#xf351;" horiz-adv-x="384"
+d="M112 192c0 53 27 80 80 80s80 -27 80 -80s-27 -80 -80 -80s-80 27 -80 80zM113 271c-14 -14 -23 -29 -28 -47h-85v112c0 13 4 25 14 34s22 14 35 14h288c13 0 24 -5 33 -14s14 -21 14 -34v-112h-84c-5 18 -14 33 -28 47c-22 22 -49 33 -80 33s-57 -11 -79 -33zM352 300
+v39c0 4 -2 7 -4 9s-5 4 -9 4h-38c-4 0 -7 -2 -9 -4s-4 -5 -4 -9v-39c0 -4 2 -7 4 -9s5 -3 9 -3h38c4 0 7 1 9 3s4 5 4 9zM272 113c22 22 32 48 32 79h80v-144c0 -13 -5 -24 -14 -34s-20 -14 -33 -14h-288c-13 0 -24 4 -34 14s-15 21 -15 34v144h81c0 -31 10 -57 32 -79
+s48 -33 79 -33s58 11 80 33z" />
+ <glyph glyph-name="ion-social-javascript-outline" unicode="&#xf4e4;"
+d="M160 344h-48v-196c0 -30 -6 -50 -17 -64c-11 -13 -26 -20 -48 -20c-9 0 -18 1 -25 2l-4 -30c11 -2 25 -4 37 -4c34 0 59 8 76 25c19 18 29 48 29 90v197zM176 360v0v-213c0 -97 -49 -131 -121 -131c-18 0 -40 3 -55 8l8 62c10 -4 24 -6 39 -6c31 0 49 15 49 68v212h80z
+M350 352c-34 0 -62 -9 -82 -26c-19 -15 -28 -36 -28 -60c0 -20 7 -36 21 -51c14 -14 34 -26 61 -36c23 -8 38 -15 48 -24c12 -11 18 -23 18 -38c0 -16 -7 -31 -20 -40c-12 -9 -28 -14 -48 -14c-28 0 -52 8 -70 15l-7 -32c18 -8 44 -14 72 -14c38 0 70 9 90 27
+c18 16 27 38 27 63c0 21 -5 36 -17 50s-31 27 -58 37v0v0c-38 15 -72 28 -72 63c0 14 7 27 19 36c11 9 26 13 45 13c24 0 43 -5 57 -11l10 32c-19 6 -42 10 -66 10zM350 368v0c38 0 65 -7 85 -16l-19 -64c-13 7 -35 17 -67 17s-48 -16 -48 -33c0 -22 19 -31 62 -48
+c58 -22 85 -53 85 -102c0 -57 -42 -106 -133 -106c-38 0 -72 10 -91 21l15 63v0c20 -11 49 -21 81 -21c34 0 52 15 52 38c0 21 -15 33 -55 47c-55 20 -93 52 -93 102c0 58 49 102 126 102z" />
+ <glyph glyph-name="ion-social-javascript" unicode="&#xf4e5;"
+d="M176 360v0v-213c0 -97 -49 -131 -121 -131c-18 0 -40 3 -55 8l8 62c10 -4 24 -6 39 -6c31 0 49 15 49 68v212h80zM350 368v0c38 0 65 -7 85 -16l-19 -64c-13 7 -35 17 -67 17s-48 -16 -48 -33c0 -22 19 -31 62 -48c58 -22 85 -53 85 -102c0 -57 -42 -106 -133 -106
+c-38 0 -72 10 -91 21l15 63v0c20 -11 49 -21 81 -21c34 0 52 15 52 38c0 21 -15 33 -55 47c-55 20 -93 52 -93 102c0 58 49 102 126 102z" />
+ <glyph glyph-name="ion-social-linkedin-outline" unicode="&#xf238;" horiz-adv-x="384"
+d="M119 64v0h-55v171h55v-171zM93 261v0v0c-18 0 -29 13 -29 29c0 17 12 30 30 30s29 -13 29 -30c0 -16 -12 -29 -30 -29zM257 239c36 0 63 -24 63 -75v-100h-55v94c0 22 -8 37 -28 37c-15 0 -24 -10 -28 -20c-2 -4 -2 -9 -2 -14v-97h-55v171h55v-24c8 11 21 28 50 28z
+M353 384c18 0 31 -13 31 -30v-321c0 -17 -13 -33 -31 -33h-320c-18 0 -33 16 -33 33v321c0 17 15 30 33 30h320zM350 32c1 0 2 1 2 2v316c0 1 -1 2 -2 2h-316s-2 -1 -2 -2v-315s1 -3 3 -3h315z" />
+ <glyph glyph-name="ion-social-linkedin" unicode="&#xf239;" horiz-adv-x="384"
+d="M353 384c18 0 31 -13 31 -30v-321c0 -17 -13 -33 -31 -33h-320c-18 0 -33 16 -33 33v321c0 17 15 30 33 30h320zM119 64v171h-55v-171h55zM93 261c18 0 30 13 30 29c0 17 -11 30 -29 30s-30 -13 -30 -30c0 -16 11 -29 29 -29v0zM320 64v100c0 51 -27 75 -63 75
+c-29 0 -42 -17 -50 -28v24h-55v-171h55v97c0 5 0 10 2 14c4 10 13 20 28 20c20 0 28 -15 28 -37v-94h55z" />
+ <glyph glyph-name="ion-social-markdown" unicode="&#xf4e6;"
+d="M416 352c18 0 32 -14 32 -32v-256c0 -18 -14 -32 -32 -32h-384c-18 0 -32 14 -32 32v256c0 18 14 32 32 32h384zM252 96v0v192h-56l-42 -68l-42 68h-56v-192h56v96l42 -54l42 54v-96h56zM336 96v0l70 96h-42v96h-56v-96h-42z" />
+ <glyph glyph-name="ion-social-nodejs" unicode="&#xf4e7;" horiz-adv-x="384"
+d="M192 -32c-6 0 -12 2 -17 5l-53 32c-8 5 -4 6 -1 7c11 4 14 5 25 12c1 1 3 1 4 0l39 -23c1 -1 4 -1 5 0l156 92c1 1 2 2 2 4v187c0 2 0 4 -2 5l-156 94c-1 1 -3 1 -4 0l-155 -94c-2 -1 -3 -3 -3 -5v-187c0 -2 0 -3 2 -4l40 -24c24 -12 38 1 38 15v183c0 3 2 5 5 5h22
+c3 0 5 -2 5 -5v-183c0 -33 -19 -52 -49 -52c-9 0 -17 1 -37 11l-41 24c-10 6 -17 18 -17 30v190c0 12 7 24 17 30l158 95c10 6 24 6 34 0l158 -95c10 -6 17 -18 17 -30v-190c0 -12 -7 -24 -17 -30l-158 -94c-5 -3 -11 -5 -17 -5v0zM241 96c-65 0 -84 31 -84 59c0 3 1 5 4 5
+h21c2 0 5 -2 5 -4c3 -22 16 -31 54 -31c33 0 47 11 47 29c0 11 -3 18 -55 23c-43 4 -71 15 -71 51c0 33 28 52 73 52c46 0 76 -14 79 -51c0 -1 -1 -2 -2 -3s-2 -2 -3 -2h-20c-2 0 -5 2 -5 4c-4 17 -16 23 -49 23c-36 0 -41 -12 -41 -22c0 -12 5 -16 54 -23s72 -16 72 -51
+c0 -36 -29 -59 -79 -59v0v0z" />
+ <glyph glyph-name="ion-social-octocat" unicode="&#xf4e8;"
+d="M146 161c9 0 16 -4 22 -13s10 -20 10 -32s-4 -22 -10 -31s-14 -13 -22 -13c-9 0 -17 4 -23 13s-9 19 -9 31s3 24 9 32c6 9 14 13 23 13zM303 161c9 0 16 -4 22 -13s9 -20 9 -32s-3 -22 -9 -31s-13 -13 -22 -13s-18 4 -24 13s-9 19 -9 31s3 24 9 32c6 9 15 13 24 13z
+M414 276c24 -27 34 -66 34 -96c0 -24 -1 -46 -6 -65c-6 -19 -13 -35 -21 -47c-9 -12 -19 -23 -32 -32s-24 -17 -34 -21s-22 -8 -36 -10c-13 -2 -24 -4 -31 -4c0 0 -28 -1 -64 -1s-64 1 -64 1c-7 0 -18 2 -31 4c-14 2 -26 6 -36 10s-22 12 -34 21c-13 9 -23 20 -32 32
+c-8 12 -15 28 -21 47c-5 19 -6 41 -6 65c0 31 10 70 34 96c0 0 -2 14 0 39s7 48 16 69c30 -3 67 -20 112 -51c15 4 36 6 62 6c28 0 48 -2 62 -6c20 14 39 24 58 33c19 8 33 13 41 15s13 3 13 3c9 -21 14 -44 16 -69s0 -39 0 -39v0zM348 42c28 13 42 40 42 81
+c0 24 -8 43 -26 59c-9 9 -20 13 -32 15s-31 1 -56 -1s-40 -4 -52 -4s-25 2 -42 3s-30 3 -39 3c-10 0 -20 1 -31 -2s-21 -7 -28 -14c-17 -15 -25 -35 -25 -59c0 -41 13 -68 41 -81c27 -13 69 -18 123 -18h2c54 0 95 5 123 18z" />
+ <glyph glyph-name="ion-social-pinterest-outline" unicode="&#xf2b0;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136c14 -14 31 -25 48 -34c1 6 2 10 3 16c4 18 29 122 29 122
+s-8 15 -8 36c0 33 20 58 44 58c20 0 30 -16 30 -34c0 -20 -13 -51 -20 -79c-6 -24 12 -43 35 -43c42 0 71 54 71 119c0 49 -33 85 -93 85c-68 0 -110 -50 -110 -107c0 -20 6 -33 15 -44c4 -5 5 -6 3 -12c-1 -4 -4 -14 -5 -18c-2 -6 -6 -8 -11 -6c-31 13 -46 48 -46 86
+c0 64 54 140 160 140c86 0 142 -63 142 -129c0 -88 -49 -153 -121 -153c-24 0 -47 13 -55 28c0 0 -12 -52 -15 -62c-2 -6 -4 -13 -7 -19c15 -4 31 -6 47 -6c51 0 100 20 136 56z" />
+ <glyph glyph-name="ion-social-pinterest" unicode="&#xf2b1;"
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224c-22 0 -44 3 -64 9c8 14 18 31 23 48c3 10 16 62 16 62c8 -15 30 -28 54 -28c72 0 121 65 121 153c0 66 -56 129 -142 129c-106 0 -160 -76 -160 -140c0 -39 15 -73 46 -86c5 -2 10 0 12 6c1 4 3 14 4 18
+c2 6 1 7 -3 12c-9 11 -15 24 -15 44c0 57 42 107 110 107c60 0 94 -36 94 -85c0 -65 -29 -119 -71 -119c-24 0 -42 19 -36 43c7 28 20 59 20 79c0 18 -10 34 -30 34c-24 0 -43 -25 -43 -58c0 -21 7 -36 7 -36s-25 -104 -29 -122c-4 -17 -5 -35 -4 -51
+c-79 35 -134 113 -134 205c0 124 100 224 224 224z" />
+ <glyph glyph-name="ion-social-python" unicode="&#xf4e9;" horiz-adv-x="384"
+d="M129 199c-29 -5 -49 -30 -49 -57v-43v-3h-15c-29 0 -54 29 -62 69c-2 9 -3 17 -3 27v1c0 53 29 95 65 95h127v16h-96v29c0 26 7 40 46 47c13 2 29 4 45 4s39 -1 55 -4c25 -4 46 -22 46 -47v-57v-31c0 -21 -14 -38 -33 -43c-4 -1 -8 -2 -13 -2h-104h3c-4 0 -8 0 -12 -1z
+M140 321c10 0 17 7 17 17s-7 18 -17 18s-18 -8 -18 -18s8 -17 18 -17zM380 225c3 -10 4 -21 4 -33c0 -16 -3 -30 -7 -43c-11 -31 -33 -53 -58 -53h-127v-16h96v-26c0 -26 -23 -40 -46 -47c-35 -10 -68 -9 -97 0c-25 7 -49 22 -49 47v54v33c0 21 14 36 33 41c4 1 8 2 13 2
+h104c3 0 6 1 9 1c27 4 49 28 49 62v38v3h15c28 0 52 -26 61 -63zM244 65c-10 0 -18 -7 -18 -17s8 -18 18 -18s17 8 17 18s-7 17 -17 17z" />
+ <glyph glyph-name="ion-social-reddit-outline" unicode="&#xf23a;" horiz-adv-x="449"
+d="M259 160c0 21 11 31 32 31s32 -10 32 -31s-11 -32 -32 -32s-32 11 -32 32zM127 160c0 21 11 31 32 31s32 -10 32 -31s-11 -32 -32 -32s-32 11 -32 32zM449 197c0 -20 -9 -36 -27 -45c1 -5 1 -9 1 -14c0 -38 -19 -71 -58 -98s-85 -40 -140 -40s-102 13 -141 40
+s-58 59 -58 97c0 5 0 10 1 15c-18 9 -27 24 -27 45c0 14 5 25 15 35s21 15 35 15c13 0 24 -4 33 -13c36 25 79 39 129 41h7l29 98l86 -17c8 19 21 28 41 28c12 0 22 -4 31 -13s13 -20 13 -32s-4 -23 -13 -32s-19 -13 -31 -13s-23 4 -32 13s-13 19 -13 31l-69 14l-24 -77
+c50 -2 94 -16 129 -41c10 9 21 13 34 13c9 0 16 -3 24 -7s14 -10 18 -18s7 -16 7 -25zM375 366c-4 0 -8 -1 -11 -2s-6 -4 -8 -6s-5 -6 -6 -9s-2 -6 -2 -10c0 -8 3 -14 8 -19s12 -8 19 -8c5 0 9 1 13 3s8 6 10 10s4 9 4 14c0 8 -3 14 -8 19s-12 8 -19 8zM18 197
+c0 -11 5 -20 14 -27c7 19 19 37 37 53c-6 4 -12 6 -19 6c-3 0 -7 0 -10 -1s-6 -3 -9 -5s-5 -4 -7 -7s-4 -6 -5 -9s-1 -6 -1 -10zM355 55c34 23 50 51 50 83v9c-1 6 -3 12 -5 18c-6 16 -15 30 -30 43c-5 4 -10 9 -15 12v0c-36 25 -79 37 -130 37s-95 -12 -131 -37v0
+c-5 -3 -10 -8 -15 -12c-15 -13 -24 -27 -30 -43c-2 -6 -4 -12 -5 -18v-9c0 -32 16 -60 50 -83c36 -25 80 -37 131 -37s94 12 130 37zM417 170c9 6 14 16 14 27c0 9 -3 17 -9 23s-13 9 -22 9c-7 0 -14 -2 -20 -6c18 -16 30 -34 37 -53zM289 90l13 -12
+c-20 -20 -45 -30 -77 -30s-58 10 -78 30l13 12c16 -16 38 -24 65 -24s48 8 64 24z" />
+ <glyph glyph-name="ion-social-reddit" unicode="&#xf23b;" horiz-adv-x="449"
+d="M449 197c0 -20 -11 -37 -27 -45c1 -5 1 -9 1 -14c0 -76 -89 -138 -199 -138s-198 61 -198 137c0 5 0 10 1 15c-16 8 -27 25 -27 45c0 28 23 50 50 50c13 0 24 -5 33 -13c33 23 79 39 129 41h2l31 103l90 -18c8 14 22 24 39 24v0h1c25 0 44 -20 44 -45s-19 -45 -44 -45h-1
+v0c-23 0 -42 17 -44 40l-67 14l-22 -74c49 -3 93 -17 125 -40c9 8 21 13 34 13c27 0 49 -22 49 -50zM34 177c5 15 15 29 29 41c-4 3 -9 5 -15 5c-14 0 -25 -11 -25 -25c0 -9 4 -17 11 -21zM358 339c0 -9 7 -17 16 -17s17 8 17 17s-8 17 -17 17s-16 -8 -16 -17zM127 160
+c0 -18 14 -32 32 -32s32 14 32 32s-14 31 -32 31s-32 -13 -32 -31zM224 48c48 0 77 29 78 30l-13 12s-25 -24 -65 -24c-41 0 -64 24 -64 24l-13 -12c1 -1 29 -30 77 -30zM291 128c18 0 32 14 32 32s-14 31 -32 31s-32 -13 -32 -31s14 -32 32 -32zM415 176c7 5 11 13 11 22
+c0 14 -11 25 -25 25c-6 0 -11 -2 -15 -5c14 -12 24 -27 29 -42z" />
+ <glyph glyph-name="ion-social-rss-outline" unicode="&#xf23c;" horiz-adv-x="384"
+d="M56 112c31 0 56 -25 56 -56s-25 -56 -56 -56s-56 25 -56 56s25 56 56 56zM56 16c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40zM0 256c140 0 256 -116 256 -256h-80c0 48 -14 94 -48 128s-80 48 -128 48v80zM240 16c-2 26 -8 52 -19 77
+c-12 28 -30 54 -52 76s-48 40 -76 52c-25 10 -51 16 -77 18v-47c50 -3 92 -22 123 -53s50 -73 53 -123h48zM0 384c212 0 384 -172 384 -384h-80c0 171 -133 304 -304 304v80zM227 228c56 -56 89 -131 93 -212h48c-8 190 -162 344 -352 352v-48c81 -4 155 -36 211 -92z" />
+ <glyph glyph-name="ion-social-rss" unicode="&#xf23d;" horiz-adv-x="384"
+d="M56 112c31 0 56 -25 56 -56s-25 -56 -56 -56s-56 25 -56 56s25 56 56 56zM0 256c140 0 256 -116 256 -256h-80c0 48 -14 94 -48 128s-80 48 -128 48v80zM0 384c212 0 384 -172 384 -384h-80c0 171 -133 304 -304 304v80z" />
+ <glyph glyph-name="ion-social-sass" unicode="&#xf4ea;" horiz-adv-x="512"
+d="M512 119v-8c-1 -9 -7 -17 -15 -22s-12 -4 -13 -3s1 3 4 5c13 8 17 20 10 33c-5 10 -15 16 -26 20c-24 8 -48 7 -72 0c4 -12 7 -23 -2 -34c-10 -12 -23 -19 -39 -22c-7 -2 -14 2 -15 9c-3 19 17 36 30 47c-7 11 -11 24 -14 37c-15 -17 -31 -40 -26 -61
+c3 -14 -1 -27 -14 -36s-30 -14 -46 -11c-4 1 -6 5 -5 8c2 14 25 32 35 43c2 2 3 4 1 7c-6 12 -10 23 -14 36c-13 -29 -30 -80 -57 -98c-9 -6 -17 -4 -21 5c-3 8 -2 20 -1 29c-6 -13 -11 -27 -20 -38c-7 -8 -24 -7 -30 1c-16 21 -13 50 -5 73l-29 -15c7 -16 8 -32 4 -49
+c-5 -19 -17 -35 -35 -46c-19 -12 -64 -24 -77 4c-7 16 -4 30 6 44c17 24 48 37 74 50c-32 23 -80 42 -96 80c-15 35 17 68 43 89c59 48 166 95 244 59c15 -7 36 -24 31 -52c-4 -24 -13 -39 -28 -54c-32 -32 -152 -77 -176 -15c-1 1 -1 4 1 4c2 -1 20 -15 43 -16
+c17 -1 36 3 52 8c33 11 71 33 80 67c4 13 -2 28 -15 34c-49 24 -116 -4 -159 -26c-33 -17 -84 -45 -82 -87c1 -37 56 -60 81 -82c15 7 42 15 52 27c11 13 26 25 44 26c8 0 14 -3 16 -10c2 -6 1 -11 0 -19c5 4 11 4 15 -1c12 -14 -22 -50 -10 -66c14 14 21 42 30 59
+c4 8 17 51 26 53c7 2 18 4 25 0c2 -1 3 -3 2 -5c-7 -19 -7 -33 3 -52c14 20 29 43 34 67c1 2 3 3 5 4c7 2 18 3 25 0c3 -1 3 -2 2 -5c-7 -22 -6 -38 6 -58c31 11 69 15 97 -5c-3 2 -7 5 0 0c5 -4 3 -2 0 0c12 -8 19 -18 21 -32zM113 94v0c1 7 -1 13 -3 20
+c-24 -8 -66 -35 -64 -62c1 -10 8 -13 17 -12s19 7 27 13c14 11 22 24 23 41zM216 166c1 3 -2 5 -5 4c-29 -8 -43 -57 -33 -81c1 -3 4 -3 6 -1c17 16 28 56 32 78zM286 84c8 -3 27 17 26 27c-8 -9 -18 -18 -26 -27zM367 102c11 6 16 19 12 30c-8 -6 -21 -19 -20 -31
+c0 -2 6 0 8 1z" />
+ <glyph glyph-name="ion-social-skype-outline" unicode="&#xf23e;" horiz-adv-x="384"
+d="M106 352c-41 0 -74 -33 -74 -73c0 -13 4 -25 10 -36l6 -11l-2 -12c-2 -10 -3 -20 -3 -30c0 -40 16 -77 44 -105s67 -44 107 -44c9 0 19 1 28 3l11 2l9 -5c11 -6 24 -9 36 -9c41 0 74 33 74 73c0 11 -3 22 -8 32l-5 10l3 11c2 10 3 21 3 32c0 40 -16 77 -44 105
+s-67 43 -107 43c-9 0 -18 0 -26 -2l-12 -2l-10 7c-12 7 -26 11 -40 11zM106 384v0c21 0 40 -6 56 -16c10 2 21 2 32 2c101 0 183 -80 183 -180c0 -13 -1 -27 -4 -39c7 -14 11 -29 11 -46c0 -58 -47 -105 -106 -105c-18 0 -35 4 -50 12c-11 -2 -22 -3 -34 -3
+c-101 0 -183 81 -183 181c0 12 2 24 4 36c-9 16 -15 34 -15 53c0 58 47 105 106 105zM288 104c-8 -12 -21 -21 -37 -28s-36 -10 -58 -10c-26 0 -48 5 -65 14c-12 7 -22 15 -30 26s-12 22 -12 33c0 7 3 12 8 17s11 7 19 7c6 0 12 -2 16 -6s7 -8 10 -15s7 -13 11 -18
+s8 -9 15 -12s16 -5 27 -5c15 0 28 4 37 10s13 13 13 22c0 7 -2 13 -7 17c-5 5 -11 9 -19 11c-8 3 -20 5 -34 8c-19 4 -35 9 -48 14c-13 6 -24 13 -32 23s-11 22 -11 36s4 25 12 36c8 10 20 19 36 25c15 6 34 8 54 8c16 0 30 -1 42 -5s23 -9 31 -15s14 -13 18 -20
+s5 -14 5 -21c0 -6 -2 -12 -7 -17s-11 -8 -19 -8c-7 0 -12 2 -16 5c-3 3 -7 7 -11 14c-5 8 -10 15 -16 20s-17 8 -31 8c-13 0 -23 -3 -31 -8s-12 -11 -12 -18c0 -4 2 -7 4 -10c3 -3 6 -6 11 -8s10 -5 15 -6s13 -3 25 -6c15 -3 28 -6 40 -10s23 -8 32 -14s15 -13 20 -22
+s8 -20 8 -32c0 -15 -5 -28 -13 -40z" />
+ <glyph glyph-name="ion-social-skype" unicode="&#xf23f;" horiz-adv-x="384"
+d="M373 151c7 -14 11 -29 11 -46c0 -58 -47 -105 -106 -105c-18 0 -35 4 -50 12c-11 -2 -22 -3 -34 -3c-101 0 -183 81 -183 181c0 12 2 24 4 36c-9 16 -15 34 -15 53c0 58 47 105 106 105c21 0 41 -6 57 -16c10 2 20 2 31 2c101 0 183 -80 183 -180c0 -13 -1 -27 -4 -39z
+M288 104c9 12 12 25 12 40c0 12 -2 23 -7 32s-12 16 -21 22s-19 10 -31 14s-26 7 -41 10c-12 3 -20 5 -25 6s-10 4 -15 6s-7 5 -10 8c-2 3 -4 6 -4 10c0 7 3 13 11 18s19 7 32 7c14 0 25 -2 31 -7s11 -12 16 -20c4 -7 8 -11 11 -14c4 -3 9 -5 16 -5c8 0 13 3 18 8s8 11 8 17
+c0 7 -2 14 -6 21s-10 14 -18 20s-18 11 -30 15s-27 5 -43 5c-20 0 -38 -2 -53 -8c-16 -6 -28 -15 -36 -25c-8 -11 -12 -22 -12 -36s3 -26 11 -36s19 -17 32 -23c13 -5 29 -10 48 -14c14 -3 26 -5 34 -8c8 -2 14 -6 19 -11c5 -4 7 -10 7 -17c0 -9 -4 -17 -13 -23
+s-22 -9 -37 -9c-11 0 -20 2 -27 5s-11 6 -15 11s-8 12 -11 19s-6 11 -10 15s-10 6 -16 6c-8 0 -14 -2 -19 -7s-8 -10 -8 -17c0 -11 4 -22 12 -33s18 -19 30 -26c17 -9 39 -14 65 -14c22 0 42 3 58 10s29 16 37 28z" />
+ <glyph glyph-name="ion-social-snapchat-outline" unicode="&#xf4eb;" horiz-adv-x="480"
+d="M240 400v0v0c-71 0 -128 -54 -118 -128c2 -15 3 -32 4 -45c0 0 -2 -5 -12 -5c-6 0 -15 2 -28 7c-2 1 -4 1 -6 1c-8 0 -13 -6 -14 -12c0 -5 4 -11 8 -13c14 -7 47 -10 47 -33s-23 -47 -41 -64s-64 -21 -64 -21s0 -21 32 -29s32 -5 33 -13c2 -15 1 -22 11 -22c2 0 4 1 6 1
+c8 1 20 3 32 3c11 0 23 -2 34 -9c23 -15 41 -34 76 -34s53 19 76 34c11 7 24 9 35 9c12 0 23 -2 31 -3c2 0 4 -1 6 -1c10 0 9 7 11 22c1 8 1 5 33 13s32 29 32 29s-46 4 -64 21s-41 41 -41 64s33 26 47 33c4 2 9 8 9 13c-1 6 -6 12 -14 12c-2 0 -5 0 -7 -1
+c-13 -5 -21 -6 -27 -6c-10 0 -13 4 -13 4c1 13 2 30 4 45c10 74 -47 128 -118 128zM240 416v0c41 0 80 -16 105 -45c24 -28 34 -63 29 -101c-1 -11 -2 -22 -3 -31c4 1 10 2 18 5c4 1 8 2 12 2c16 0 29 -12 30 -27c1 -13 -9 -25 -18 -29c-4 -2 -9 -3 -14 -5
+c-7 -2 -14 -5 -19 -8c-4 -3 -5 -4 -5 -5c0 -16 20 -37 36 -52c11 -10 39 -16 54 -17l15 -1v-14c0 -2 0 -11 -6 -21c-5 -8 -16 -19 -38 -24c-6 -1 -11 -3 -15 -4c-2 -1 -5 -1 -7 -1v-1c-1 -7 -1 -13 -4 -18c-2 -5 -9 -12 -22 -12c-2 0 -6 0 -9 1c-2 0 -3 1 -5 1
+c-7 1 -15 2 -23 2c-10 0 -19 -2 -26 -6c-4 -3 -9 -7 -14 -10c-18 -13 -38 -27 -71 -27s-53 14 -71 27c-5 3 -9 7 -14 10c-7 4 -15 6 -25 6c-8 0 -17 -1 -24 -2c-2 0 -3 -1 -5 -1c-3 -1 -7 -1 -9 -1c-13 0 -20 7 -22 12c-3 5 -3 11 -4 18v1c-2 0 -4 0 -6 1c-4 1 -10 3 -16 4
+c-22 5 -33 16 -38 24c-6 10 -6 18 -6 20v15l15 1c16 1 44 7 54 17c29 27 36 43 36 52c0 1 0 2 -4 5c-5 3 -13 6 -20 8c-5 2 -10 3 -14 5c-9 4 -18 16 -17 29c1 15 14 27 30 27c4 0 8 0 12 -2c8 -3 13 -4 17 -5c-1 9 -2 19 -3 30c-5 38 5 74 29 102c25 29 64 45 105 45v0z
+M240 219c-21 0 -41 8 -56 23c-3 3 -3 9 0 12s9 3 12 0c12 -12 27 -19 44 -19c16 0 32 7 44 19c3 3 9 3 12 0s3 -9 0 -12c-15 -15 -35 -23 -56 -23zM176 296c0 16 5 24 16 24s16 -8 16 -24s-5 -24 -16 -24s-16 8 -16 24zM272 296c0 16 5 24 16 24s16 -8 16 -24
+s-5 -24 -16 -24s-16 8 -16 24z" />
+ <glyph glyph-name="ion-social-snapchat" unicode="&#xf4ec;" horiz-adv-x="480"
+d="M480 88c0 -2 0 -11 -6 -21c-5 -8 -16 -19 -38 -24c-6 -1 -11 -3 -15 -4c-2 -1 -5 -1 -7 -1v-1c-1 -7 -1 -13 -4 -18c-2 -5 -9 -12 -22 -12c-2 0 -6 0 -9 1c-2 0 -3 1 -5 1c-7 1 -15 2 -23 2c-10 0 -19 -2 -26 -6c-4 -3 -9 -7 -14 -10c-18 -13 -38 -27 -71 -27
+s-53 14 -71 27c-5 3 -9 7 -14 10c-7 4 -15 6 -25 6c-8 0 -17 -1 -24 -2c-2 0 -3 -1 -5 -1c-3 -1 -7 -1 -9 -1c-13 0 -20 7 -22 12c-3 5 -3 11 -4 18v1c-2 0 -4 0 -6 1c-4 1 -10 3 -16 4c-22 5 -33 16 -38 24c-6 10 -6 18 -6 20v15l15 1c16 1 44 7 54 17c29 27 36 43 36 52
+c0 1 0 2 -4 5c-5 3 -13 6 -20 8c-5 2 -10 3 -14 5c-9 4 -18 16 -17 29c1 15 14 27 30 27c4 0 8 0 12 -2c8 -3 13 -4 17 -5c-1 9 -2 19 -3 30c-5 38 5 74 29 102c25 29 64 45 105 45v0c41 0 80 -16 105 -45c24 -28 34 -63 29 -101c-1 -11 -2 -22 -3 -31c4 1 10 2 18 5
+c4 1 8 2 12 2c16 0 29 -12 30 -27c1 -13 -9 -25 -18 -29c-4 -2 -9 -3 -14 -5c-7 -2 -14 -5 -19 -8c-4 -3 -5 -4 -5 -5c0 -16 20 -37 36 -52c11 -10 39 -16 54 -17l15 -1v-14zM192 320c-9 0 -16 -11 -16 -24s7 -24 16 -24s16 11 16 24s-7 24 -16 24zM296 242c3 3 3 9 0 12
+s-9 3 -12 0c-12 -12 -28 -19 -44 -19c-17 0 -32 7 -44 19c-3 3 -9 3 -12 0s-3 -9 0 -12c15 -15 35 -23 56 -23s41 8 56 23zM288 272c9 0 16 11 16 24s-7 24 -16 24s-16 -11 -16 -24s7 -24 16 -24z" />
+ <glyph glyph-name="ion-social-tumblr-outline" unicode="&#xf240;" horiz-adv-x="256"
+d="M193 52c21 0 42 6 63 20v-65c-18 -8 -34 -15 -48 -18s-28 -5 -45 -5c-19 0 -35 2 -50 7c-14 5 -28 12 -38 21s-17 18 -21 28s-6 25 -6 44v140h-48v58c16 5 30 14 42 24s19 21 26 35s11 37 14 59h62v-112h96v-64h-96v-101c0 -24 1 -40 4 -47c2 -7 7 -12 14 -16
+c9 -6 19 -8 31 -8zM240 17v29c-15 -6 -31 -10 -47 -10c-15 0 -28 3 -40 10c-10 6 -17 15 -21 25c-2 6 -4 17 -4 52v117h96v32h-96v112h-32c-2 -16 -7 -36 -14 -50c-8 -16 -17 -29 -30 -40c-11 -9 -23 -17 -36 -23v-31h48v-156c0 -21 2 -32 4 -38c3 -8 10 -15 18 -22
+c9 -8 19 -14 31 -18c13 -4 29 -6 46 -6c16 0 28 2 41 5c11 2 23 6 36 12z" />
+ <glyph glyph-name="ion-social-tumblr" unicode="&#xf241;" horiz-adv-x="256"
+d="M193 52c21 0 42 6 63 20v-65c-18 -8 -34 -15 -48 -18s-28 -5 -45 -5c-19 0 -35 2 -50 7c-14 5 -28 12 -38 21s-17 18 -21 28s-6 25 -6 44v140h-48v58c16 5 30 14 42 24s19 21 26 35s11 37 14 59h62v-112h96v-64h-96v-101c0 -24 1 -40 4 -47c2 -7 7 -12 14 -16
+c9 -6 19 -8 31 -8z" />
+ <glyph glyph-name="ion-social-tux" unicode="&#xf2c5;" horiz-adv-x="383"
+d="M189 347c2 2 -1 -1 0 0c2 2 4 4 6 5c-3 -2 -5 -4 -7 -8c0 1 0 2 1 3zM361 52c7 -4 23 -11 21 -22c-2 -10 -17 -15 -24 -19c-15 -8 -28 -14 -41 -25c-9 -8 -17 -15 -29 -17c-11 -2 -25 -1 -33 8c-5 5 -7 11 -15 12c-25 5 -54 4 -79 0c-13 -2 -21 -11 -32 -17
+c-10 -5 -20 -5 -30 -1c-13 5 -27 10 -41 13s-29 5 -43 9c-31 8 -5 30 -11 50c-3 12 -10 29 8 30c9 1 27 -1 31 11c2 7 -2 15 2 22s-1 17 1 25c4 18 19 32 25 49c5 14 8 25 18 37c9 11 22 22 29 34c10 18 9 35 8 55c-1 17 -1 33 -2 50c0 33 20 60 58 60h14
+c38 0 63 -32 64 -69c0 -19 -5 -38 5 -67c15 -27 36 -48 52 -73c10 -16 16 -31 20 -49c3 -14 9 -31 7 -45c-1 -6 -2 -9 -4 -11c3 -1 7 -2 9 -5c3 -4 2 -11 0 -26c-1 -8 5 -15 12 -19zM137 -3c2 20 -15 39 -25 56c-10 16 -21 43 -39 52c-8 4 -19 5 -23 -5c-2 -7 0 -19 -2 -22
+c-4 -9 -14 -10 -23 -11c-6 0 -17 0 -17 -8c1 -10 10 -20 7 -30c-2 -7 -8 -12 -8 -19c0 -14 38 -15 47 -17c19 -4 37 -14 57 -16c12 -1 25 7 26 20zM253 62c-2 10 2 -10 0 0s-5 28 1 35c4 5 10 6 17 5c0 4 1 9 3 12c8 13 29 8 39 0l-1 2c-3 4 -8 9 -13 10c0 0 4 12 2 34
+c-4 40 -33 62 -33 62c27 -30 27 -58 27 -72c0 -6 -1 -18 -4 -24c-4 -1 -7 -2 -11 -4c-10 -5 -8 2 -8 10c0 18 -2 36 -7 54c-3 9 -7 17 -13 24c-4 5 -4 9 -5 15c-3 12 -9 22 -16 32c-7 9 -7 17 -5 28c1 7 2 14 -6 17c-6 2 -26 5 -27 14c-1 6 -1 16 5 20c16 14 30 -11 17 -24
+c-3 -3 7 -4 8 -4c4 1 4 7 5 10c1 4 1 9 1 13c0 17 -18 32 -34 21c-6 -4 -9 -11 -10 -17c0 -2 -1 -20 0 -20c-4 0 -7 5 -11 5c-3 0 -7 0 -10 -1c0 0 2 14 -2 22c-4 9 -18 16 -24 4s-3 -25 0 -31s4 -6 4 -6c2 1 5 4 5 4s-6 3 -7 11c-1 9 3 14 7 15s10 -2 12 -8s0 -13 0 -13
+c-7 -6 -30 -18 -22 -28c14 -18 33 -15 52 -9c8 3 18 5 24 12c3 3 11 2 8 -4c-2 -5 -18 -7 -22 -9c-9 -4 -18 -8 -28 -10c-6 -1 -13 -5 -28 9c7 -6 8 -16 17 -20c13 -6 33 9 44 15c1 1 16 5 14 0c-1 -4 -11 -7 -15 -9c-11 -6 -23 -21 -36 -22c-8 -1 -21 16 -25 22
+c-1 1 -5 9 -6 4c-1 -8 2 -14 -3 -21c-6 -9 -11 -18 -13 -29c-1 -6 0 -11 -3 -16c-11 -15 -17 -33 -19 -51c0 -4 3 -43 -5 -41c-18 5 -17 33 -14 47c-3 -12 -8 -30 2 -44c12 -15 99 -55 53 -80c7 -14 14 -25 12 -41c8 7 2 20 -1 28c0 0 17 -12 38 -10c17 2 32 7 46 16
+c6 4 11 9 16 14c1 2 4 6 6 7l1 -11c2 -17 -12 -27 -10 -34c4 8 11 14 13 24c3 12 0 24 -2 36zM155 323v0v-3c2 0 2 5 1 8c-1 4 -3 6 -4 6h-2c3 -2 5 -6 5 -11zM210 335c3 -2 0 0 0 0c3 -2 5 -5 5 -10v-3c2 0 3 4 2 7s-3 6 -5 6h-2zM347 15c24 11 -24 -10 0 0
+c24 11 35 17 20 26c-17 10 -26 13 -26 29c0 5 4 16 2 22c-1 4 -6 5 -9 5c-10 -10 -17 -25 -34 -25c-14 0 -25 11 -28 24c-4 2 -10 1 -13 -4c-6 -12 1 -29 3 -41c2 -18 -4 -35 -2 -53c2 -21 26 -22 40 -13c16 10 29 22 47 30z" />
+ <glyph glyph-name="ion-social-twitch-outline" unicode="&#xf4ed;" horiz-adv-x="416"
+d="M32 416h384v-272l-112 -112h-80l-64 -64h-64v64h-96v304zM368 160v208h-304v-272h80v-64l64 64h96zM272 176v129h48v-129h-48zM160 176v129h48v-129h-48z" />
+ <glyph glyph-name="ion-social-twitch" unicode="&#xf4ee;" horiz-adv-x="416"
+d="M32 416h384v-272l-112 -112h-80l-64 -64h-64v64h-96v304zM208 176v129h-48v-129h48zM320 176v129h-48v-129h48z" />
+ <glyph glyph-name="ion-social-twitter-outline" unicode="&#xf242;" horiz-adv-x="472"
+d="M472 338c-13 -20 -29 -36 -48 -50v-12c0 -128 -98 -276 -276 -276c-55 0 -105 16 -148 44c8 -1 15 -2 23 -2c45 0 87 16 120 42c-42 1 -78 29 -90 67c6 -1 12 -2 18 -2c9 0 18 2 26 4c-44 9 -78 48 -78 95v1c13 -7 28 -12 44 -12c-26 17 -43 47 -43 81c0 18 5 34 13 48
+c48 -59 119 -97 199 -101c-2 7 -2 14 -2 22c0 54 43 97 97 97c28 0 52 -12 70 -31c22 4 43 13 62 24c-7 -23 -23 -42 -43 -54c20 2 39 7 56 15zM414 301c3 2 8 6 11 8c-2 0 -11 -2 -19 -1s-21 5 -21 5s14 13 18 17l11 11c-4 -1 -10 -2 -14 -3l-8 -2l-6 6
+c-15 16 -37 26 -59 26c-45 0 -81 -37 -81 -81c0 -6 1 -12 2 -18l5 -21l-22 1c-42 2 -81 13 -118 32c-28 14 -53 34 -75 56c-1 -6 -2 -13 -2 -19c0 -27 14 -53 36 -68c0 0 33 -23 46 -29c-24 -2 -56 0 -56 0c-8 0 -16 1 -24 3c8 -28 32 -50 62 -56l61 -10l-61 -21
+c-7 -2 -14 -3 -21 -3c15 -20 38 -34 64 -34l45 -1l-35 -28c-18 -14 -38 -25 -60 -33c-10 -3 -19 -6 -29 -8c27 -9 55 -14 84 -14c40 0 78 8 112 24c31 14 58 34 81 60c22 24 38 53 50 84c11 30 17 62 17 92v12l-1 8z" />
+ <glyph glyph-name="ion-social-twitter" unicode="&#xf243;" horiz-adv-x="472"
+d="M472 338c-13 -20 -29 -36 -48 -50v-12c0 -128 -98 -276 -276 -276c-55 0 -105 16 -148 44c8 -1 15 -2 23 -2c45 0 87 16 120 42c-42 1 -78 29 -90 67c6 -1 12 -2 18 -2c9 0 18 2 26 4c-44 9 -78 48 -78 95v1c13 -7 28 -12 44 -12c-26 17 -43 47 -43 81c0 18 5 34 13 48
+c48 -59 119 -97 199 -101c-2 7 -2 14 -2 22c0 54 43 97 97 97c28 0 52 -12 70 -31c22 4 43 13 62 24c-7 -23 -23 -42 -43 -54c20 2 39 7 56 15z" />
+ <glyph glyph-name="ion-social-usd-outline" unicode="&#xf352;" horiz-adv-x="320"
+d="M125 345c11 2 19 3 19 3v-131l-22 6c-15 5 -27 11 -36 19c-12 10 -19 25 -19 43c0 13 4 24 11 33c6 8 13 14 22 19c7 4 17 6 25 8zM128 238v92c-7 -2 -15 -4 -21 -7c-7 -4 -12 -9 -17 -15s-7 -14 -7 -23c0 -13 4 -24 13 -31c8 -7 20 -12 32 -16zM252 151
+c10 -10 15 -24 15 -42c0 -9 -1 -18 -5 -27s-11 -17 -20 -24c-8 -6 -18 -11 -31 -15c-6 -2 -11 -3 -17 -4s-18 -1 -18 -1v145l20 -5c10 -3 19 -6 28 -9c10 -4 20 -10 28 -18zM247 89c3 7 4 13 4 20c0 14 -3 24 -10 31s-15 11 -23 14s-16 5 -26 8v-107c6 1 10 2 14 3
+c11 3 20 8 27 13s11 11 14 18zM315 145c3 -10 5 -19 5 -29c0 -21 -5 -38 -14 -53s-20 -26 -35 -35s-31 -17 -50 -21c-10 -2 -19 -3 -29 -4v-35h-64v35c-9 1 -19 4 -28 6c-20 5 -36 12 -51 23s-26 24 -35 41c-8 16 -13 34 -14 55h69c0 -12 2 -24 7 -33c5 -10 12 -17 21 -23
+s20 -11 31 -14v120c-8 2 -18 4 -27 6c-17 4 -30 9 -41 16s-20 15 -27 23s-11 17 -14 26s-4 18 -4 28c0 18 4 34 12 48s19 25 33 34s29 16 46 20c7 2 15 3 22 4v33h64v-33c9 -1 16 -4 24 -6c18 -5 34 -12 48 -22s25 -22 33 -37c7 -13 11 -28 12 -46h-69c-3 21 -12 37 -26 46
+c-7 4 -13 8 -22 10v-106c9 -2 16 -4 25 -6c12 -3 22 -6 27 -7c13 -4 23 -9 33 -15c10 -7 18 -14 24 -22s11 -17 14 -27zM293 72c7 12 11 27 11 44c0 8 -1 16 -4 24s-7 15 -12 22s-12 13 -20 19c-8 5 -18 10 -29 13c-5 1 -13 3 -24 6h-1l-4 1c-7 2 -13 4 -21 6l-13 3v137
+s9 -1 19 -4s19 -6 28 -12c15 -9 25 -24 30 -43h38c-2 8 -4 15 -8 22c-7 13 -16 24 -28 32c-12 9 -27 16 -43 20c-8 2 -16 4 -23 5l-13 2v31h-32v-31l-14 -2c-7 -1 -14 -2 -20 -4c-15 -4 -29 -10 -41 -18s-21 -16 -28 -28c-7 -11 -10 -24 -10 -40c0 -8 1 -15 3 -23
+c2 -7 6 -14 11 -21s14 -13 23 -19c10 -6 22 -10 37 -14v0v0c4 -1 8 -2 11 -3c5 -1 11 -3 16 -4l12 -3v-151s-8 1 -20 4s-26 8 -36 15c-11 8 -20 18 -26 30c-4 7 -6 16 -8 24h-36c2 -11 5 -23 10 -32c8 -14 17 -26 30 -35c13 -10 28 -16 46 -21c8 -2 17 -4 26 -5l14 -2v-33
+h32v33l15 1c9 1 17 3 26 5c17 4 32 10 45 18s23 19 31 31z" />
+ <glyph glyph-name="ion-social-usd" unicode="&#xf353;" horiz-adv-x="320"
+d="M315 145c3 -10 5 -19 5 -29c0 -21 -5 -38 -14 -53s-20 -26 -35 -35s-31 -17 -50 -21c-10 -2 -19 -3 -29 -4v-35h-64v35c-9 1 -19 4 -28 6c-20 5 -36 12 -51 23s-26 24 -35 41c-8 16 -13 34 -14 55h69c0 -12 2 -24 7 -33c5 -10 12 -17 21 -23s20 -11 31 -14v120
+c-8 2 -18 4 -27 6c-17 4 -30 9 -41 16s-20 15 -27 23s-11 17 -14 26s-4 18 -4 28c0 18 4 34 12 48s19 25 33 34s29 16 46 20c7 2 15 3 22 4v33h64v-33c9 -1 16 -4 24 -6c18 -5 34 -12 48 -22s25 -22 33 -37c7 -13 11 -28 12 -46h-69c-3 21 -12 37 -26 46c-7 4 -13 8 -22 10
+v-106c9 -2 16 -4 25 -6c12 -3 22 -6 27 -7c13 -4 23 -9 33 -15c10 -7 18 -14 24 -22s11 -17 14 -27zM128 238v92c-7 -2 -15 -4 -21 -7c-7 -4 -12 -9 -17 -15s-7 -14 -7 -23c0 -13 4 -24 13 -31c8 -7 20 -12 32 -16zM247 89c3 7 4 13 4 20c0 14 -3 24 -10 31s-15 11 -23 14
+s-16 5 -26 8v-107c6 1 10 2 14 3c11 3 20 8 27 13s11 11 14 18z" />
+ <glyph glyph-name="ion-social-vimeo-outline" unicode="&#xf244;"
+d="M445 334c7 -33 1 -66 -13 -97s-31 -59 -51 -87c-26 -36 -52 -71 -85 -101c-19 -18 -41 -35 -66 -44c-10 -4 -19 -5 -27 -5c-17 0 -31 9 -44 27c-14 19 -22 40 -28 63c-12 45 -25 90 -38 134c-4 12 -9 22 -15 33c-3 5 -8 10 -12 14c-2 2 -5 3 -8 3s-6 -1 -9 -3
+c-10 -6 -28 -18 -28 -18l-21 27c26 24 82 71 82 71c11 9 33 25 48 27h8c18 0 32 -7 42 -22c11 -17 15 -37 18 -57c7 -41 12 -82 24 -122c3 -10 7 -20 12 -29c4 -7 9 -10 14 -10c4 0 7 2 11 5s7 6 10 10c20 24 37 52 48 81c3 9 3 17 3 27c0 13 -10 25 -25 26h-7
+c-11 0 -20 -2 -32 -7c6 24 24 62 54 84c20 14 45 20 67 20c10 0 20 -2 27 -4c23 -8 36 -23 41 -46zM418 244c13 30 17 59 11 87c-4 19 -13 28 -30 34c-6 2 -14 3 -22 3c-21 0 -42 -6 -57 -17c-16 -12 -29 -30 -38 -48h6h8c23 -1 39 -19 40 -41c0 -10 0 -22 -4 -34
+c-11 -29 -29 -58 -51 -85c-4 -4 -7 -9 -12 -13c-7 -6 -15 -8 -22 -8c-8 0 -18 3 -27 18c-7 11 -11 22 -14 32c-10 31 -14 64 -19 95c-2 10 -3 19 -5 29c-3 17 -6 36 -16 51c-7 10 -16 15 -28 15h-6c-8 -1 -25 -11 -40 -23c-2 -2 -43 -37 -70 -61l2 -3c5 4 12 7 16 10
+c6 3 12 5 18 5c7 0 13 -3 18 -7c8 -7 13 -12 16 -18c6 -11 12 -24 16 -37c13 -44 26 -88 38 -133c5 -19 13 -41 26 -59s23 -20 31 -20c6 0 13 1 21 4c23 8 43 25 61 41c32 29 57 63 83 99v0c21 28 37 55 50 84z" />
+ <glyph glyph-name="ion-social-vimeo" unicode="&#xf245;"
+d="M445 334c7 -33 1 -66 -13 -97s-31 -59 -51 -87c-26 -36 -52 -71 -85 -101c-19 -18 -41 -35 -66 -44c-31 -11 -52 -5 -71 22c-14 19 -22 40 -28 63c-12 45 -25 90 -38 134c-4 12 -9 22 -15 33c-3 5 -8 10 -12 14c-5 4 -11 3 -17 0c-10 -6 -28 -18 -28 -18l-21 27
+c26 24 82 71 82 71c11 9 33 25 48 27c21 3 38 -4 50 -22c11 -17 15 -37 18 -57c7 -41 11 -82 23 -122c3 -10 8 -20 13 -29c7 -11 15 -13 25 -5c4 3 7 6 10 10c20 24 37 52 48 81c3 9 3 17 3 27c0 13 -10 25 -25 26s-24 -1 -39 -7c6 24 24 62 54 84c29 21 71 24 94 16
+s36 -23 41 -46z" />
+ <glyph glyph-name="ion-social-whatsapp-outline" unicode="&#xf4ef;"
+d="M178 294c4 -11 15 -39 16 -42s2 -6 0 -10s-3 -6 -6 -9s-6 -7 -9 -9c-3 -3 -6 -6 -3 -12s14 -24 30 -39c21 -20 38 -27 44 -30s9 -3 12 1s15 16 19 21s8 5 13 3s31 -17 37 -20s10 -5 11 -7s0 -13 -5 -26s-28 -24 -38 -25s-11 -8 -67 16s-90 84 -93 88s-22 31 -21 58
+s17 41 22 46s11 7 15 7h10s9 0 13 -11zM228 384c-50 0 -97 -20 -133 -55c-35 -35 -55 -81 -55 -131c0 -34 9 -67 27 -96l8 -13l-5 -14l-19 -57l61 19l13 4l12 -6c28 -15 59 -23 91 -23c50 0 97 19 133 54c35 35 55 82 55 132s-20 96 -55 131c-36 35 -83 55 -133 55zM228 416
+v0c121 0 220 -97 220 -218s-99 -218 -220 -218c-39 0 -74 10 -106 27l-122 -39l40 117c-20 33 -32 72 -32 113c0 121 99 218 220 218z" />
+ <glyph glyph-name="ion-social-whatsapp" unicode="&#xf4f0;"
+d="M228 416c121 0 220 -97 220 -218s-99 -218 -220 -218c-39 0 -74 10 -106 27l-122 -39l40 117c-20 33 -32 72 -32 113c0 121 99 218 220 218zM337 115c5 13 6 24 5 26s-5 4 -11 7s-32 18 -37 20s-9 2 -13 -3s-16 -17 -19 -21s-6 -4 -12 -1s-23 10 -44 30
+c-16 15 -27 33 -30 39s0 9 3 12c3 2 6 6 9 9s4 5 6 9s1 7 0 10s-12 31 -16 42s-10 11 -13 11h-10s-10 -2 -15 -7s-21 -19 -22 -46s18 -54 21 -58s37 -64 93 -88s57 -17 67 -16s33 12 38 25z" />
+ <glyph glyph-name="ion-social-windows-outline" unicode="&#xf246;"
+d="M432 167h-216v-149l216 -32v181zM448 183v0v-215l-248 36v179h248zM168 167h-152v-120l152 -22v142zM184 183v0v-177l-184 27v150h184zM432 398v0l-216 -31v-152h216v183zM448 416v0v-217h-248v182zM168 360v0l-152 -22v-123h152v145zM184 378v0v-179h-184v153z" />
+ <glyph glyph-name="ion-social-windows" unicode="&#xf247;"
+d="M448 183v0v-215l-248 36v179h248zM184 183v0v-177l-184 27v150h184zM448 416v0v-217h-248v182zM184 378v0v-179h-184v153z" />
+ <glyph glyph-name="ion-social-wordpress-outline" unicode="&#xf248;" horiz-adv-x="384"
+d="M192 384c106 0 192 -86 192 -192c0 -9 -1 -18 -2 -26c-12 -85 -79 -153 -165 -164c-8 -1 -17 -2 -25 -2c-106 0 -192 86 -192 192s86 192 192 192zM19 192c0 -68 40 -127 98 -155l-83 225c-10 -21 -15 -45 -15 -70zM214 21c12 2 24 4 35 8c0 1 -1 2 -1 3l-53 145l-33 -96
+v0l-19 -55c15 -5 32 -7 49 -7c8 0 15 1 22 2zM216 273l62 -186l17 58c9 22 13 41 13 56c0 21 -7 35 -14 47c-9 14 -17 27 -17 41c0 16 12 30 29 30h2c-31 28 -71 45 -116 45c-60 0 -113 -30 -144 -77c4 0 8 -1 11 -1c18 0 46 3 46 3c9 1 10 -14 1 -15c0 0 -10 -1 -20 -1
+l63 -187l38 113l-27 74c-9 0 -18 1 -18 1c-9 0 -8 16 1 15c0 0 28 -3 45 -3c18 0 46 3 46 3c9 1 11 -14 2 -15c0 0 -10 -1 -20 -1zM279 43c45 26 77 71 84 125c1 8 2 16 2 24c0 30 -8 58 -22 83c1 -6 1 -12 1 -18c0 -18 -3 -37 -13 -62l-39 -113z" />
+ <glyph glyph-name="ion-social-wordpress" unicode="&#xf249;" horiz-adv-x="384"
+d="M195 177l53 -146c0 -1 6 -13 9 -19c-3 -1 -5 -2 -8 -3v0c-10 -3 -21 -6 -32 -7c-8 -1 -17 -2 -25 -2c-17 0 -34 2 -50 6v0c-2 0 -3 2 -5 2l25 73v0zM17 268c6 0 7 -1 15 -1l93 -255c-3 1 -5 2 -8 3c-63 27 -109 87 -116 158c-1 6 -1 13 -1 19c0 25 7 53 17 76zM366 273
+c11 -24 18 -52 18 -81c0 -9 -1 -18 -2 -26c-9 -65 -50 -120 -107 -147c-2 -1 -3 -1 -5 -2l22 65l39 113c10 25 13 45 13 62v19v0c-1 18 -10 44 -36 43h-2c-17 0 -29 -14 -29 -30c0 -14 8 -27 17 -41c7 -12 14 -26 14 -47c0 -15 -4 -34 -13 -56l-17 -58l-62 186
+c10 0 20 1 20 1c9 1 7 16 -2 15c0 0 -28 -3 -46 -3c-17 0 -45 3 -45 3c-9 1 -10 -15 -1 -15c0 0 9 -1 18 -1l27 -74l-38 -113l-63 187c10 0 20 2 20 2c9 1 8 15 -1 14c0 0 -28 -2 -46 -2h-34c5 9 11 17 17 25c35 44 90 72 150 72c24 0 48 -5 69 -13c34 -13 63 -36 85 -65
+c2 -2 3 -5 5 -7c6 -8 11 -17 15 -26z" />
+ <glyph glyph-name="ion-social-yahoo-outline" unicode="&#xf24a;" horiz-adv-x="320"
+d="M289 380c11 0 21 1 31 4l-128 -213v-171c-10 4 -21 4 -32 4s-22 0 -32 -4v171l-128 213c10 -4 21 -4 32 -4s22 0 32 4l96 -160l96 160c10 -4 22 -4 33 -4zM178 180l111 184h-1c-7 0 -15 0 -24 2l-90 -150l-14 -23l-14 23l-89 150c-9 -2 -17 -2 -25 -2h-1l111 -184l2 -4
+v-5v-151c6 1 11 0 16 0s11 1 16 0v151v5z" />
+ <glyph glyph-name="ion-social-yahoo" unicode="&#xf24b;" horiz-adv-x="320"
+d="M289 380c11 0 21 1 31 4l-128 -213v-171c-10 4 -21 4 -32 4s-22 0 -32 -4v171l-128 213c10 -4 21 -4 32 -4s22 0 32 4l96 -160l96 160c10 -4 22 -4 33 -4z" />
+ <glyph glyph-name="ion-social-yen-outline" unicode="&#xf4f1;" horiz-adv-x="384"
+d="M384 416l-112 -208h48v-48h-73l-15 -31v-17h88v-48h-88v-96h-80v96h-88v48h88v17l-14 31h-74v48h48l-112 208h80l112 -221l112 221h80zM304 192h-59l13 24l99 184v0h-43l-122 -240l-122 240h-43l99 -184l13 -24h-59v-16h68l20 -44v-36h-88v-16h88v-96h48v96h88v16h-88v37
+l21 43h67v16z" />
+ <glyph glyph-name="ion-social-yen" unicode="&#xf4f2;" horiz-adv-x="384"
+d="M384 416l-112 -208h48v-48h-73l-15 -31v-17h88v-48h-88v-96h-80v96h-88v48h88v17l-14 31h-74v48h48l-112 208h80l112 -221l112 221h80z" />
+ <glyph glyph-name="ion-social-youtube-outline" unicode="&#xf24c;" horiz-adv-x="512"
+d="M265 352v0h-9h-9c-65 0 -118 -2 -168 -4h-1h-1c-23 0 -42 -22 -42 -49v-1v-1c-2 -34 -3 -70 -3 -105v0v0c0 -35 1 -70 3 -104v-2v-1c0 -14 5 -26 14 -36c8 -9 17 -13 28 -13h1h1c52 -2 108 -4 166 -4h11v0v0h11c58 0 113 2 166 4h1h1c11 0 20 4 28 13c9 10 14 22 14 36v1
+v2c2 34 3 68 3 104v0v0c0 36 -1 71 -3 105v1v2c0 27 -19 49 -42 49h-1h-1c-49 2 -103 3 -168 3zM265 384v0c58 0 115 0 170 -3c41 0 74 -36 74 -81c2 -36 3 -72 3 -108s-1 -71 -3 -107c0 -45 -33 -81 -74 -81c-55 -3 -111 -4 -168 -4h-11h-11c-57 0 -113 1 -168 4
+c-41 0 -74 36 -74 81c-2 36 -3 71 -3 107s2 71 4 107c0 45 32 82 73 82c55 2 112 3 170 3h9h9zM207 94v197l145 -99z" />
+ <glyph glyph-name="ion-social-youtube" unicode="&#xf24d;" horiz-adv-x="512"
+d="M509 299c2 -36 3 -71 3 -107s-1 -71 -3 -107c0 -45 -33 -81 -74 -81c-58 -3 -118 -4 -179 -4s-121 1 -179 4c-41 0 -74 36 -74 81c-2 36 -3 71 -3 107s2 71 4 107c0 45 32 81 73 81c55 3 112 4 170 4h9h9c58 0 115 -1 170 -4c41 0 74 -36 74 -81zM207 94l145 98l-145 99
+v-197z" />
+ <glyph glyph-name="ion-soup-can-outline" unicode="&#xf4f3;" horiz-adv-x="320"
+d="M160 304c-88 0 -160 29 -160 64s72 64 160 64s160 -29 160 -64s-72 -64 -160 -64zM160 415c-70 0 -126 -19 -126 -43s56 -43 126 -43s126 19 126 43s-56 43 -126 43zM161 288c88 0 158 29 159 64c0 -5 0 -33 -8 -40v-240c0 -35 -64 -64 -152 -64s-152 29 -152 64v240
+c-8 6 -8 40 -8 40c0 -35 73 -64 161 -64zM280 72v80c-18 -10 -43 -17 -72 -21h-2c-6 -20 -24 -35 -46 -35s-40 15 -46 35h-2c-29 4 -54 11 -72 21v-80c1 -2 9 -10 30 -18c24 -9 55 -14 90 -14s67 5 91 14c21 8 29 16 29 18zM280 184v91c-33 -12 -75 -19 -119 -19
+c-45 0 -87 7 -121 19v-91c18 -10 43 -17 73 -21h3c7 17 24 29 44 29s37 -12 44 -29h3c30 4 55 11 73 21zM178 -16zM160 -16h1h-1v0zM312 32l8 -16c0 -7 -3 -14 -8 -20c-21 -26 -81 -44 -152 -44s-131 18 -152 44c-5 6 -8 13 -8 20l8 16v16c0 -35 63 -64 152 -64
+s152 28 152 64v-16z" />
+ <glyph glyph-name="ion-soup-can" unicode="&#xf4f4;" horiz-adv-x="320"
+d="M0 368c0 43 53 64 160 64s160 -21 160 -64s-53 -64 -160 -64s-160 21 -160 64zM160 8c-44 0 -80 6 -109 18s-43 28 -43 46v128c0 -9 4 -19 13 -27s21 -15 37 -21s33 -10 54 -13c1 -12 7 -23 16 -31s20 -12 32 -12s23 4 32 12s15 19 16 31c31 4 56 12 75 23s29 24 29 38
+v-128c0 -18 -14 -34 -43 -46s-65 -18 -109 -18zM160 288c44 0 82 6 113 18s47 28 47 46v-8c0 -5 -1 -11 -2 -18s-3 -11 -6 -14v-96c0 -14 -10 -27 -29 -38s-44 -19 -76 -23c-2 11 -8 19 -17 26s-19 11 -30 11s-21 -4 -30 -11s-15 -15 -17 -26c-32 4 -57 12 -76 23
+s-29 24 -29 38v96c-5 5 -8 18 -8 40c0 -18 16 -34 47 -46s69 -18 113 -18zM312 56v-24l8 -16c0 -7 -3 -14 -8 -20c-11 -13 -30 -24 -58 -32s-59 -12 -94 -12s-66 4 -94 12s-47 19 -58 32c-5 6 -8 13 -8 20l8 16v24c0 -18 14 -34 43 -46s65 -18 109 -18s80 6 109 18
+s43 28 43 46z" />
+ <glyph glyph-name="ion-speakerphone" unicode="&#xf2b2;"
+d="M39 266c0 -37 20 -69 50 -86c-1 0 -2 1 -3 1s-4 1 -5 1v0c-35 3 -62 33 -69 69c-6 0 -12 7 -12 16c0 8 5 15 11 16c6 42 40 75 81 75h8c-36 -15 -61 -51 -61 -92zM433 357c10 -25 15 -56 15 -88s-5 -63 -15 -88l-3 -9c-6 -14 -15 -26 -24 -34c-10 -10 -22 -19 -34 -20h-3
+c-7 0 -15 2 -22 5c-3 2 -10 5 -10 5c-22 10 -84 28 -115 29c-4 -8 -10 -20 -12 -30c-2 -9 -6 -27 -7 -61c-1 -32 1 -59 3 -82c0 -2 1 -5 1 -7c0 -6 -2 -9 -9 -9h-77c-6 0 -9 3 -9 6v7c2 72 25 140 26 145c2 9 5 17 7 30c2 12 -27 13 -40 24c-29 17 -47 49 -47 86
+c0 41 25 77 59 92h42h19c58 3 114 21 163 50c1 1 3 1 4 2v0c8 4 16 6 24 6c13 0 26 -6 37 -16c9 -9 18 -21 24 -35c1 -3 2 -5 3 -8zM410 180c9 22 15 54 15 89s-6 66 -15 88c-8 18 -19 29 -30 29s-21 -11 -29 -29c-9 -22 -15 -53 -15 -88s6 -67 15 -89c8 -19 18 -33 29 -33
+s22 15 30 33z" />
+ <glyph glyph-name="ion-speedometer" unicode="&#xf2b3;"
+d="M312 192l8 -8l-64 -84v-4c0 -18 -14 -32 -32 -32s-32 14 -32 32s14 32 32 32h4zM224 352c124 0 224 -100 224 -224c0 -34 -8 -67 -22 -96h-36c15 27 25 57 26 88h-32v16h32c-1 29 -9 56 -22 81l-27 -15l-8 13l27 16c-8 12 -16 23 -26 33s-21 18 -33 26l-16 -27l-14 8
+l16 27c-25 13 -52 21 -81 22v-32h-16v32c-29 -1 -56 -9 -81 -22l16 -27l-14 -8l-16 27c-12 -8 -23 -16 -33 -26s-19 -21 -26 -33l28 -16l-8 -13l-28 15c-13 -25 -21 -52 -22 -81h32v-16h-32c1 -31 11 -61 26 -88h-36c-14 29 -22 62 -22 96c0 124 100 224 224 224z" />
+ <glyph glyph-name="ion-spoon" unicode="&#xf2b4;" horiz-adv-x="128"
+d="M128 288c0 64 -26 128 -64 128s-64 -64 -64 -128v0c1 -25 16 -54 37 -64l1 -1v0c3 -2 10 -6 10 -10c0 0 -16 -199 -16 -210s4 -20 10 -26s14 -9 22 -9v0v0c8 0 16 3 22 9s10 13 10 26s-16 210 -16 210c0 4 7 8 10 10l1 1c22 10 37 38 37 64z" />
+ <glyph glyph-name="ion-star" unicode="&#xf24e;"
+d="M448 248l-139 -104l55 -176l-140 112l-140 -112l55 176l-139 104h172l52 168l53 -168h171z" />
+ <glyph glyph-name="ion-stats-bars" unicode="&#xf2b5;" horiz-adv-x="352"
+d="M96 32v320h64v-320h-64zM0 32v96h64v-96h-64zM192 32v160h64v-160h-64zM288 32v224h64v-224h-64z" />
+ <glyph glyph-name="ion-steam" unicode="&#xf30b;" horiz-adv-x="512"
+d="M480 240c0 -20 -16 -37 -37 -37c-20 0 -37 16 -37 37c0 20 16 37 37 37c20 0 37 -17 37 -37zM443 309c38 0 69 -31 69 -69s-31 -70 -69 -70l-67 -48c-2 -26 -24 -47 -51 -47c-25 0 -46 18 -51 41l-196 78c-8 -5 -16 -7 -26 -7c-28 0 -52 24 -52 52s24 52 52 52
+c25 0 45 -18 50 -41l196 -79c8 5 17 8 27 8c2 0 3 -1 5 -1l43 62c0 38 32 69 70 69zM443 286c-26 0 -47 -20 -47 -46s21 -47 47 -47s46 21 46 47s-20 46 -46 46zM52 277c-21 0 -38 -17 -38 -38s17 -38 38 -38c3 0 5 0 8 1l-16 6v0c-15 7 -22 24 -16 39s24 23 39 17v0l19 -7
+c-6 12 -19 20 -34 20zM325 165c-3 0 -6 -1 -9 -1l16 -6c16 -6 23 -24 17 -40s-23 -23 -39 -17c-6 3 -13 6 -19 8c6 -12 19 -20 34 -20c21 0 38 17 38 38s-17 38 -38 38z" />
+ <glyph glyph-name="ion-stop" unicode="&#xf24f;" horiz-adv-x="384"
+d="M373 384c6 0 11 -5 11 -11v-362c0 -6 -5 -11 -11 -11h-362c-6 0 -11 5 -11 11v362c0 6 5 11 11 11h362z" />
+ <glyph glyph-name="ion-thermometer" unicode="&#xf2b6;" horiz-adv-x="160"
+d="M127 112c20 -14 33 -38 33 -64c0 -44 -36 -80 -80 -80s-80 36 -80 80c0 27 13 51 33 65v257c0 26 21 46 47 46s47 -20 47 -46v-258zM65 370v-50h30v50c0 8 -7 14 -15 14s-15 -6 -15 -14zM96 160v16h-16v-16h16zM96 192v64h-16v-64h16z" />
+ <glyph glyph-name="ion-thumbsdown" unicode="&#xf250;" horiz-adv-x="384"
+d="M24 195c-10 5 -18 17 -18 29c0 14 8 25 20 30c-4 5 -6 12 -6 19c0 14 8 25 20 30c-3 5 -5 11 -5 17c0 18 11 24 35 30s74 12 126 9c23 -1 55 -7 76 -7v32h112v-240h-112v16c-15 -1 -31 -4 -40 -14c-22 -23 -40 -65 -40 -108c0 -19 1 -29 -4 -34c-13 -13 -44 9 -52 37
+c-9 34 -1 62 1 87h-103c-19 0 -34 15 -34 34c0 15 10 29 24 33zM336 352c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16z" />
+ <glyph glyph-name="ion-thumbsup" unicode="&#xf251;" horiz-adv-x="384"
+d="M360 189c10 -5 18 -17 18 -29c0 -14 -8 -25 -20 -30c4 -5 6 -12 6 -19c0 -14 -8 -25 -20 -30c3 -5 5 -11 5 -17c0 -18 -11 -24 -35 -30s-74 -12 -126 -9c-23 1 -55 7 -76 7v-32h-112v240h112v-16c15 1 31 4 40 14c22 23 40 65 40 108c0 19 -1 29 4 34c13 13 44 -9 52 -37
+c9 -34 1 -62 -1 -87h103c19 0 34 -15 34 -34c0 -15 -10 -29 -24 -33zM48 32c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16z" />
+ <glyph glyph-name="ion-toggle-filled" unicode="&#xf354;"
+d="M320 240c26 0 48 -22 48 -48s-22 -48 -48 -48s-48 22 -48 48s22 48 48 48zM320 320c71 0 128 -57 128 -128s-57 -128 -128 -128h-192c-71 0 -128 57 -128 128s57 128 128 128h192zM320 112c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80z" />
+ <glyph glyph-name="ion-toggle" unicode="&#xf355;"
+d="M320 288h-192c-53 0 -96 -43 -96 -96s43 -96 96 -96h192c53 0 96 43 96 96s-43 96 -96 96zM320 320v0c71 0 128 -57 128 -128s-57 -128 -128 -128h-192c-71 0 -128 57 -128 128s57 128 128 128h192zM128 240c-26 0 -48 -22 -48 -48s22 -48 48 -48s48 22 48 48
+s-22 48 -48 48zM128 272v0c44 0 80 -36 80 -80s-36 -80 -80 -80s-80 36 -80 80s36 80 80 80z" />
+ <glyph glyph-name="ion-transgender" unicode="&#xf4f5;" horiz-adv-x="512"
+d="M368 448h144v-144h-40v76l-101 -100c8 -17 13 -36 13 -56c0 -63 -46 -115 -104 -126v-52h72v-46h-72v-64h-48v64h-72v46h72v52c-59 11 -104 63 -104 126c0 20 5 39 13 56l-22 22l-36 -36l-33 33l36 36l-46 45v-76h-40v144h144v-40h-70l43 -42l36 36l33 -33l-36 -36
+l17 -17c23 22 54 36 89 36c27 0 53 -8 74 -23c0 0 6 -5 15 -13l93 92h-70v40zM256 144c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80z" />
+ <glyph glyph-name="ion-trash-a" unicode="&#xf252;" horiz-adv-x="352"
+d="M261 320v0h91v-32h-9s-5 -1 -8 -4s-4 -9 -4 -9l-19 -241c-2 -29 -2 -34 -36 -34h-200c-34 0 -34 5 -36 34l-19 242s-1 6 -4 9s-8 3 -8 3h-9v32h91v29c0 19 14 35 34 35h101c20 0 35 -16 35 -35v-29zM112 349v-29h128v29c0 10 -9 15 -19 15h-91c-10 0 -18 -5 -18 -15z
+M104 64h20l-10 192h-21zM187 64v192h-22v-192h22zM249 64l10 192h-20l-11 -192h21z" />
+ <glyph glyph-name="ion-trash-b" unicode="&#xf253;" horiz-adv-x="320"
+d="M318 315c3 -12 4 -11 -7 -11h-302c-11 0 -10 -1 -7 11c2 9 4 13 4 13c3 9 9 9 19 11l53 7c7 1 7 1 10 7c9 20 10 31 20 31h103c10 0 12 -11 21 -31c3 -6 3 -6 10 -7l53 -6c10 -2 16 -2 19 -11c0 0 2 -5 4 -14zM283 272c17 0 18 -2 17 -15l-19 -242c-2 -12 -2 -15 -17 -15
+h-208c-15 0 -15 3 -17 15l-19 242c-1 12 0 15 17 15h246z" />
+ <glyph glyph-name="ion-trophy" unicode="&#xf356;"
+d="M448 345c0 -25 2 -73 -22 -122c-15 -30 -36 -55 -63 -75c-23 -16 -49 -28 -77 -35c-16 -17 -32 -27 -46 -31v-33s0 -49 99 -49h13v-32h-256v32h13c85 0 97 35 99 46v36c-14 4 -30 14 -46 31c-28 7 -55 19 -77 35c-27 20 -48 45 -63 75c-17 36 -21 71 -22 97v0v11v0v21v0
+h80c-2 35 0 64 0 64h143h1h1h142s2 -29 0 -64h81v-7zM51 237c17 -34 43 -61 77 -78c-22 40 -33 84 -42 135c-1 8 -2 17 -3 26h-51c1 -23 5 -53 19 -83zM397 237c14 30 18 60 19 83h-51c-1 -9 -3 -18 -4 -26c-9 -51 -20 -95 -42 -135c34 17 61 43 78 78z" />
+ <glyph glyph-name="ion-tshirt-outline" unicode="&#xf4f6;"
+d="M146 362l-104 -31l11 -32l39 4l38 5l-2 -38l-14 -255h220l-14 255l-2 38l38 -5l39 -4l11 32l-104 31c-6 -8 -13 -14 -21 -19c-15 -10 -34 -15 -57 -15v0v0c-34 1 -59 11 -78 34zM288 400v0l160 -48l-32 -88l-64 8l16 -289h-288l16 289l-64 -8l-32 88l160 48
+c14 -27 31 -39 64 -40c33 0 50 13 64 40z" />
+ <glyph glyph-name="ion-tshirt" unicode="&#xf4f7;"
+d="M448 352l-32 -88l-64 8l16 -288h-288l16 288l-64 -8l-32 88l160 48c14 -27 31 -39 64 -40c33 0 50 13 64 40z" />
+ <glyph glyph-name="ion-umbrella" unicode="&#xf2b7;"
+d="M344 160v0v0v0zM104 160v0v0v0zM240 399c116 -8 208 -109 208 -227v-12c-4 25 -26 52 -52 52c-29 0 -52 -23 -52 -52v0c0 29 -23 52 -52 52s-49 -12 -52 -45v-135c0 -17 -6 -33 -18 -45s-29 -19 -46 -19c-35 0 -63 29 -63 64c0 9 7 16 16 16s16 -7 16 -16
+c0 -18 14 -32 31 -32c18 0 32 14 32 32v134c-1 24 -26 46 -52 46c-29 0 -52 -23 -52 -52v0c0 29 -23 52 -52 52c-27 0 -49 -26 -52 -52v18c0 118 92 213 208 221v1c0 9 7 16 16 16s16 -7 16 -16v-1z" />
+ <glyph glyph-name="ion-university" unicode="&#xf357;"
+d="M224 384l224 -111l-92 -60l-132 -85l-160 102v-198l-32 16v203l-32 21zM358 192l10 -82c-16 -12 -112 -78 -144 -110c-32 32 -128 98 -144 110l9 82l135 -88z" />
+ <glyph glyph-name="ion-unlocked" unicode="&#xf254;" horiz-adv-x="384"
+d="M22 -32c-12 0 -22 10 -22 22v212c0 12 10 22 22 22h3h19v31c0 42 17 87 43 115s64 46 105 46v0v0c41 0 79 -18 105 -46c20 -21 33 -51 39 -82h-53c-5 18 -13 35 -24 47v0v1c-18 19 -42 29 -67 29v0v0c-25 0 -49 -10 -67 -29v-1v0c-18 -19 -28 -53 -28 -80v-31h265
+c12 0 22 -10 22 -22v-212c0 -12 -10 -22 -22 -22h-340z" />
+ <glyph glyph-name="ion-upload" unicode="&#xf255;"
+d="M366 215c45 0 82 -37 82 -83s-37 -84 -82 -84h-110v80h48l-80 84l-80 -84h48v-80h-102c-49 0 -90 41 -90 91c0 40 26 74 61 86c5 29 29 51 59 51c10 0 18 -3 26 -7c19 40 59 67 105 67c64 0 115 -53 115 -118v-3z" />
+ <glyph glyph-name="ion-usb" unicode="&#xf2b8;" horiz-adv-x="256"
+d="M16 228v0v0zM256 320c0 -11 -6 -21 -14 -27v0c-2 -1 -3 -5 -3 -7c-1 -20 -3 -36 -9 -50c-7 -19 -20 -33 -39 -46c-17 -12 -29 -21 -36 -34c-7 -12 -11 -28 -11 -53v-24c0 -7 2 -13 10 -18c4 -2 7 -6 10 -9c8 -9 14 -21 14 -34c0 -28 -22 -50 -50 -50s-50 22 -50 50v1v0
+c0 18 10 33 24 42c5 4 9 5 9 18v0c0 14 -3 17 -10 27s-18 17 -32 26c-19 13 -33 27 -40 46c-6 15 -8 31 -9 39s-2 9 -4 11c-10 6 -16 16 -16 28c0 18 14 32 32 32s32 -14 32 -32c0 -10 -4 -20 -12 -26c-3 -2 -4 -11 -4 -14v0v0c0 -9 3 -18 7 -28c10 -21 45 -44 52 -44
+s8 5 8 12v196s-1 2 -3 4h-1v1v0c-9 6 -15 16 -15 27c0 18 14 32 32 32s32 -14 32 -32c0 -11 -5 -21 -14 -27v0c-2 -2 -2 -3 -2 -5v-140c0 -10 2 -12 8 -11c13 3 48 30 52 43c3 10 6 23 7 41v1c0 2 -2 4 -3 6c-10 6 -16 16 -16 28c0 18 14 32 32 32s32 -14 32 -32zM32 240
+c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM128 368c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM224 304c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16z" />
+ <glyph glyph-name="ion-videocamera" unicode="&#xf256;"
+d="M335 263v-66l113 35v-89v-88l-113 35v-65c0 -5 -4 -9 -9 -9h-317c-5 0 -9 4 -9 9v12v55v171c0 5 4 9 9 9h208v38c0 4 -6 10 -10 10h-176v48h178c36 0 65 -29 65 -64v-32h52c5 0 9 -4 9 -9zM226 107c20 0 36 16 36 36s-16 35 -36 35s-36 -15 -36 -35c0 -10 4 -19 11 -26
+h-68c7 7 11 16 11 26c0 20 -16 36 -36 36s-36 -16 -36 -36s16 -36 36 -36h12h95h11z" />
+ <glyph glyph-name="ion-volume-high" unicode="&#xf257;"
+d="M199 40l-95 88h-104v128h104l95 88v-304zM255 92l-20 16c17 24 27 52 27 84s-10 60 -27 84l20 16c20 -28 33 -63 33 -100s-13 -72 -33 -100zM322 46l-21 16c27 36 43 81 43 130s-16 94 -43 130l21 16c30 -41 48 -91 48 -146s-18 -105 -48 -146zM365 369l20 15
+c39 -54 63 -120 63 -192s-24 -138 -63 -192l-20 15c36 49 58 111 58 177s-22 128 -58 177z" />
+ <glyph glyph-name="ion-volume-low" unicode="&#xf258;" horiz-adv-x="288"
+d="M199 40l-95 88h-104v128h104l95 88v-304zM255 92l-20 16c17 24 28 52 28 84s-11 60 -28 84l20 16c20 -28 33 -63 33 -100s-13 -72 -33 -100z" />
+ <glyph glyph-name="ion-volume-medium" unicode="&#xf259;" horiz-adv-x="370"
+d="M199 40l-95 88h-104v128h104l95 88v-304zM255 92l-20 16c17 24 28 52 28 84s-11 60 -28 84l20 16c20 -28 33 -63 33 -100s-13 -72 -33 -100zM322 46l-21 16c27 36 43 81 43 130s-16 94 -43 130l21 16c30 -41 48 -91 48 -146s-18 -105 -48 -146z" />
+ <glyph glyph-name="ion-volume-mute" unicode="&#xf25a;"
+d="M224 231l47 51v-180l-47 51h-65v78h65zM332 388c69 -38 116 -112 116 -196c0 -124 -100 -224 -224 -224c-39 0 -76 10 -108 27l-1 1c-69 38 -115 112 -115 196c0 124 100 224 224 224c39 0 75 -10 107 -28h1zM362 93c20 28 33 62 33 99c0 66 -38 123 -92 151
+c-6 3 -11 6 -17 8c-19 7 -40 11 -62 11c-37 0 -71 -12 -99 -32l73 -74h-76l-36 35c-20 -28 -32 -62 -32 -99c0 -65 36 -121 90 -150c6 -3 13 -7 19 -9c19 -7 39 -11 61 -11c37 0 72 12 100 32l-20 20v77z" />
+ <glyph glyph-name="ion-wand" unicode="&#xf358;"
+d="M192 208l48 48l48 -48l-48 -48zM0 16l176 176l48 -48l-176 -176zM224 352v64h32v-64h-32zM398 344l-45 -45l-23 22l46 45zM127 299l-45 45l22 22l45 -45zM376 50l-46 45l23 23l45 -46zM384 192v32h64v-32h-64z" />
+ <glyph glyph-name="ion-waterdrop" unicode="&#xf25b;" horiz-adv-x="320"
+d="M175 409c40 -41 145 -160 145 -288c0 -85 -72 -153 -160 -153c-56 0 -106 27 -134 69c-6 9 -11 19 -15 29c-7 17 -11 35 -11 55v4c1 67 31 131 64 183c20 31 42 57 59 77c9 10 16 18 22 24l1 1v0c4 3 8 6 14 6c5 0 10 -3 14 -6v0zM160 24c55 0 100 45 100 100
+c0 14 -3 28 -8 40c-17 -65 -70 -116 -136 -130c13 -6 28 -10 44 -10z" />
+ <glyph glyph-name="ion-wifi" unicode="&#xf25c;"
+d="M224 352c80 0 156 -30 214 -84l10 -10l-10 -9l-32 -32l-10 -10l-9 9c-44 41 -103 64 -163 64s-119 -23 -163 -64l-9 -9l-10 10l-32 32l-10 9l10 10c58 54 134 84 214 84v0zM365 192l11 -10l-10 -10l-33 -32l-9 -9l-10 8c-25 22 -57 35 -90 35s-65 -13 -90 -35l-10 -8
+l-9 9l-33 32l-10 10l11 10c37 33 83 52 132 54v0h9v0v0c52 0 102 -19 141 -54zM224 32l-10 10l-52 52l-11 10l12 10c17 11 32 20 61 20s47 -9 62 -20l11 -10l-10 -10l-53 -52z" />
+ <glyph glyph-name="ion-wineglass" unicode="&#xf2b9;" horiz-adv-x="256"
+d="M167 153c-11 -4 -24 -8 -24 -32v-94c0 -11 4 -19 12 -25c3 -2 7 -4 15 -6c32 -9 48 -16 50 -18c2 -1 4 -3 4 -7c0 0 -14 -3 -96 -3s-96 3 -96 3c0 4 2 6 4 7c2 2 18 9 50 18c8 2 11 4 14 6c8 6 11 14 11 25v94c0 24 -11 28 -22 32s-18 6 -26 11c-12 7 -23 16 -32 26
+c-20 23 -31 52 -31 87c0 50 4 100 8 114s14 25 31 25h178c17 0 27 -11 31 -25s8 -65 8 -115c0 -35 -11 -63 -31 -86c-9 -10 -20 -19 -32 -26c-8 -5 -15 -7 -26 -11zM128 178c26 0 50 11 67 28l6 6c16 18 22 35 23 65s-2 83 -8 107h-177c-7 -35 -8 -80 -7 -108s7 -46 23 -64
+c2 -3 4 -6 7 -8c17 -16 41 -26 66 -26zM208 277c0 -10 -1 -20 -4 -29s-8 -18 -15 -25l-5 -5c-14 -14 -34 -23 -56 -23c-21 0 -41 8 -55 22l-6 6c-7 7 -12 16 -15 25s-3 15 -4 29c-1 9 0 34 1 53c1 10 2 19 3 22h153c1 -6 2 -14 2 -22c1 -21 1 -45 1 -53zM192 269v0v26
+c0 4 -4 8 -8 8s-8 -4 -8 -8v-26c0 -3 1 -6 3 -7c1 -1 3 -1 5 -1c4 0 8 3 8 8zM191 316c1 2 1 4 1 6s-2 4 -4 5s-4 1 -6 1s-4 -1 -5 -3s-1 -4 -1 -6s2 -4 4 -5s4 -1 6 -1s4 1 5 3z" />
+ <glyph glyph-name="ion-woman" unicode="&#xf25d;" horiz-adv-x="192"
+d="M30 299c3 12 17 33 42 34h48c24 -1 38 -22 42 -34l29 -104c6 -23 -21 -32 -27 -10l-26 96h-9l46 -169h-43v-127c0 -23 -31 -23 -31 0v127h-10v-127c0 -23 -32 -23 -32 0v127h-42l45 169h-7l-27 -96c-7 -21 -33 -13 -27 10zM133 379c0 -21 -17 -37 -37 -37s-37 16 -37 37
+s17 37 37 37s37 -16 37 -37z" />
+ <glyph glyph-name="ion-wrench" unicode="&#xf2ba;"
+d="M430 333c14 -14 19 -31 18 -44s-6 -39 -32 -65s-77 -42 -113 -24c-5 3 -13 5 -21 -3c-10 -9 -202 -215 -202 -215c-17 -19 -48 -18 -66 0s-19 49 0 66c0 0 207 194 215 202s5 16 3 22c-20 47 2 89 24 112c22 24 51 31 65 32c13 1 31 -5 44 -18l-57 -56l10 -56l55 -10z
+M59 5c6 6 6 17 0 23s-16 6 -22 0s-6 -17 0 -23s16 -6 22 0z" />
+ <glyph glyph-name="ion-xbox" unicode="&#xf30c;"
+d="M95 200c-49 -72 -50 -139 -50 -143c-28 38 -45 84 -45 135c0 67 30 128 77 169l3 -1c51 -18 93 -68 93 -68s-38 -33 -78 -92zM448 192c0 -51 -17 -97 -45 -135c0 4 -1 71 -50 143c-40 59 -78 92 -78 92s42 50 93 68l3 1c47 -41 77 -102 77 -169zM169 367
+c-37 17 -65 12 -72 10c36 25 80 39 127 39s91 -14 127 -39c-7 2 -35 6 -72 -10c-29 -13 -55 -35 -55 -35s-26 22 -55 35zM327 155c40 -49 54 -85 62 -108l2 -5c-41 -46 -101 -74 -167 -74s-126 28 -167 74l1 5c8 23 23 59 63 108c46 57 103 94 103 94s57 -37 103 -94z" />
+ </font>
+</defs></svg>
diff --git a/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.ttf b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.ttf
new file mode 100644
index 00000000..c4e46324
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.ttf
Binary files differ
diff --git a/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.woff b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.woff
new file mode 100644
index 00000000..5f3a14e0
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/fonts/ionicons.woff
Binary files differ
diff --git a/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/readme.md b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/readme.md
new file mode 100644
index 00000000..f530251c
--- /dev/null
+++ b/ecomp-portal-FE-os/client/bower_components_external/ionicons-2.0.1/readme.md
@@ -0,0 +1,60 @@
+# Ionicons
+
+
+The premium icon font for [Ionic](http://ionicframework.com/). Designed by [@benjsperry](https://twitter.com/benjsperry).
+
+Note: All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Drifty, nor vice versa.
+
+Visit [ionicons.com](http://ionicons.com) and check out the search feature, which has keywords identifying common icon names and styles. For example, if you search for “arrow” we call up every icon that could possibly be used as an arrow. We’ve also included each icon’s class name for easy copy/pasting when you’re developing!
+
+We intend for this icon pack to be used with [Ionic](http://ionicframework.com/), but it’s by no means limited to it. Use them wherever you see fit, personal or commercial. They are free to use and licensed under [MIT](http://opensource.org/licenses/MIT).
+
+
+## Getting Started
+
+ 1. Download and extract the font pack
+ 2. Copy the `ionicons.css` to your project
+ 3. Copy the `fonts` folder to your project
+ 4. Ensure the font urls within `ionicons.css` properly reference the `fonts` path within your project.
+ 5. Include a reference to the `ionicons.css` file from every webpage you need to use it.
+
+Or install with [component](https://github.com/component/component):
+
+ $ component install driftyco/ionicons
+
+Or perhaps you're known to use [bower](http://bower.io/)?
+
+ $ bower install ionicons
+
+
+## HTML Example
+
+You can use [ionicons.com](http://ionicons.com) to easily find the icon you want to use. Once you've copied the desired icon's CSS classname, simply add the `icon` and icon's classname, such as `ion-home` to an HTML element.
+
+ <i class="icon ion-home"></i>
+
+
+## Build Instructions
+
+This repo already comes with all the files built and ready to go, but can also build the fonts from the source. Requires Python, FontForge and Sass:
+
+1) Install FontForge, which is the program that creates the font files from the SVG files:
+
+ $ brew install fontforge ttfautohint
+
+2) Install [Sass](http://sass-lang.com/)
+
+ $ gem install sass
+
+3) Add or subtract files from the `src/` folder you'd like to be apart of the font files.
+
+4) Modify any settings in the `builder/manifest.json` file. You can change the name of the font-family and CSS classname prefix.
+
+5) Run the build command:
+
+ python ./builder/generate.py
+
+
+## License
+
+Ionicons is licensed under the [MIT license](http://opensource.org/licenses/MIT).