var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value" in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _typeof=typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"?function(obj){return typeof obj;}:function(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol?"symbol":typeof obj;};function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}} /*!
Copyright 2014 Adobe Systems Inc.;
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/;(function(scope){"use strict";function Metrics(element){var computedStyle=getComputedStyle(element); // a full units map would call getUnitsMap, but that can significantly slow things down
this.units={px:1};this.element=element; // Used values already in px, but may be "" in some browsers, eg FF
// These values are stored in their CSS order top, right, bottom, left
var parseLength=function parseLength(length){return length&&length.length?parseInt(length):0;};this.margins=[computedStyle.marginTop,computedStyle.marginRight,computedStyle.marginBottom,computedStyle.marginLeft];this.margins=this.margins.map(parseLength);this.borders=[computedStyle.borderTopWidth,computedStyle.borderRightWidth,computedStyle.borderBottomWidth,computedStyle.borderLeftWidth];this.borders=this.borders.map(parseLength);this.paddings=[computedStyle.paddingTop,computedStyle.paddingRight,computedStyle.paddingBottom,computedStyle.paddingLeft];this.paddings=this.paddings.map(parseLength);this.borderBox={x:0,y:0,width:element.offsetWidth,height:element.offsetHeight};this.marginBox={x:-this.margins[3],y:-this.margins[0],width:element.offsetWidth+this.margins[1]+this.margins[3],height:element.offsetHeight+this.margins[0]+this.margins[2]}; // Resolved values, may not be in px
// These are stored in their CSS order, top-left (width/height), top-right, bottom-right, bottom-left
var self=this;var radii=['borderTopLeftRadius','borderTopRightRadius','borderBottomRightRadius','borderBottomLeftRadius'];this.borderBox.radii=radii.map(function(radius,index){radius=computedStyle[radius].split(/\s+/);return [self.toPixels(radius[0],self.borderBox.width),self.toPixels(radius.length>1?radius[1]:radius[0],self.borderBox.height)];});this.cssFloat=computedStyle.cssFloat;}Metrics.prototype.unitToPx=function(unit){if(this.units[unit])return this.units[unit];var cached=this.element.style.getPropertyValue('line-height');this.element.style.setProperty('line-height',1+unit);this.units[unit]=parseFloat(getComputedStyle(this.element).getPropertyValue('line-height'));this.element.style.setProperty('line-height',cached);return this.units[unit];};Metrics.prototype.getUnitsMap=function(element){var units=['em','ex','ch','rem','vw','vh','vmin','vmax','cm','mm','in','px','pt','pc'];var child=document.createElement('div');child.style.width='0px';child.style.height='0px';element.appendChild(child);var style=getComputedStyle(child);var result={};units.forEach(function(unit){child.style.lineHeight='1'+unit; // computed height is in px
result[unit]=parseFloat(style.lineHeight);});child.parentNode.removeChild(child);return result;};Metrics.prototype.toPixels=function(length,percentageBase){var split=/([\-0-9\.]*)([a-z%]*)/.exec(length);split[1]=parseFloat(split[1]);if(!split[2])return split[1];if(split[2]==='%')return split[1]*percentageBase/100;return split[1]*this.unitToPx(split[2]);}; /* Returns > 0 if the slope of the line through origin and endPoint2 is greater than the slope through 
 * origin and endPoint1. Returns 0 if they have the same slope, negative otherwise.
 */function compareLineSlopes(origin,endPoint1,endPoint2){return (endPoint2.x-origin.x)*(endPoint1.y-origin.y)-(endPoint1.x-origin.x)*(endPoint2.y-origin.y);}function areCollinearPoints(p0,p1,p2){return Math.abs(compareLineSlopes(p0,p1,p2))<350; // FIXME: threshold is a hack and it's wrong
}function areCoincidentPoints(p0,p1){return p0.x==p1.x&&p0.y==p1.y;}function isPointOnLineSegment(lineStartPoint,lineEndPoint,point){return point.x>=Math.min(lineStartPoint.x,lineEndPoint.x)&&point.x<=Math.max(lineStartPoint.x,lineEndPoint.x)&&areCollinearPoints(lineStartPoint,lineEndPoint,point);} /* Parent class for different edge types, child classes will need to call init
 * to initialize the appropriate member variables */function PolygonEdge(){}PolygonEdge.prototype.init=function(polygon,vertex1,vertex2){this.polygon=polygon;this.vertex1=vertex1;this.vertex2=vertex2;this.minX=Math.min(this.vertex1.x,this.vertex2.x);this.maxX=Math.max(this.vertex1.x,this.vertex2.x);};PolygonEdge.prototype.containsPoint=function(point){return isPointOnLineSegment(this.vertex1,this.vertex2,point);};PolygonEdge.prototype.overlapsYRange=function(y1,y2){ // y range: y1 <= y <= y2
var edgeY1=this.vertex1.y;var edgeY2=this.vertex2.y;return y2>=Math.min(edgeY1,edgeY2)&&y1<=Math.max(edgeY1,edgeY2);};PolygonEdge.prototype.isWithinYRange=function(y1,y2){ // y range: y1 <= y <= y2
var edgeY1=this.vertex1.y;var edgeY2=this.vertex2.y;return y1<=Math.min(edgeY1,edgeY2)&&y2>=Math.max(edgeY1,edgeY2);};PolygonEdge.prototype.inwardNormal=function(){ // "inward" - assuming that polygon's vertices are in clockwise order
var dx=this.vertex2.x-this.vertex1.x;var dy=this.vertex2.y-this.vertex1.y;var edgeLength=Math.sqrt(dx*dx+dy*dy);return {x:-dy/edgeLength,y:dx/edgeLength};};PolygonEdge.prototype.outwardNormal=function(){var n=this.inwardNormal();return {x:-n.x,y:-n.y};};PolygonEdge.prototype.xIntercept=function(y){var vertex1Y=this.vertex1.y;var vertex2Y=this.vertex2.y;if(vertex1Y==vertex2Y)return Math.min(this.vertex1.x,this.vertex2.x);if(y==Math.min(vertex1Y,vertex2Y))return vertex1Y<vertex2Y?this.vertex1.x:this.vertex2.x;if(y==Math.max(vertex1Y,vertex2Y))return vertex1Y>vertex2Y?this.vertex1.x:this.vertex2.x;return this.vertex1.x+(y-vertex1Y)*(this.vertex2.x-this.vertex1.x)/(vertex2Y-vertex1Y);}; /* Clip the edge line segment to the vertical range y1,y2 and then return 
 * the clipped line segment's horizontal range as {x1, x2}, where x2 >= x1;
 * This method assumes that this edge overlaps y1,y2.
*/PolygonEdge.prototype.clippedEdgeXRange=function(y1,y2){if(this.isWithinYRange(y1,y2)){var vertex1X=this.vertex1.x;var vertex2X=this.vertex2.x;return {x1:Math.min(vertex1X,vertex2X),x2:Math.max(vertex1X,vertex2X)};}var minYVertex,maxYVertex;if(this.vertex1.y<this.vertex2.y){minYVertex=this.vertex1;maxYVertex=this.vertex2;}else {minYVertex=this.vertex2;maxYVertex=this.vertex1;}var xForY1=minYVertex.y<y1?this.xIntercept(y1):minYVertex.x;var xForY2=maxYVertex.y>y2?this.xIntercept(y2):maxYVertex.x;return {x1:Math.min(xForY1,xForY2),x2:Math.max(xForY1,xForY2)};}; /* Clip the circle to the vertical range y1,y2 and return the extent of the clipped circle's 
 * projection on the X axis as {x1, x2}, where x2 >= x1. This method assumes that the circle
 * overlaps y1, y2.
*/function clippedCircleXRange(center,radius,y1,y2){if(center.y>=y1&&center.y<=y2)return {x1:center.x-radius,x2:center.x+radius};var yi,xi;if(y2<center.y){yi=y2-center.y;xi=ellipseXIntercept(yi,radius,radius);return {x1:center.x-xi,x2:center.x+xi};}yi=y1-center.y;xi=ellipseXIntercept(yi,radius,radius);return {x1:center.x-xi,x2:center.x+xi};} /* The edge of a polygon shape */function ShapeEdge(polygon,vertex1,vertex2){this.init(polygon,vertex1,vertex2);}ShapeEdge.prototype=new PolygonEdge(); /* The polygon shape edge offset by shape-margin */function OffsetEdge(edge,normalUnitVector){var shapeMargin=edge.polygon.shapeMargin;var dx=normalUnitVector.x*shapeMargin;var dy=normalUnitVector.y*shapeMargin;this.anchorEdge=edge;this.normalUnitVector=normalUnitVector;var vertex1={x:edge.vertex1.x+dx,y:edge.vertex1.y+dy};var vertex2={x:edge.vertex2.x+dx,y:edge.vertex2.y+dy};this.init(edge.polygon,vertex1,vertex2);}OffsetEdge.prototype=new PolygonEdge();function isVertexOrderClockwise(vertices){var minVertexIndex=0;for(var i=1;i<vertices.length;++i){var p=vertices[i];if(p.y<vertices[minVertexIndex].y||p.y==vertices[minVertexIndex].y&&p.x<vertices[minVertexIndex].x)minVertexIndex=i;}var nextVertex=vertices[(minVertexIndex+1)%vertices.length];var prevVertex=vertices[(minVertexIndex+vertices.length-1)%vertices.length];return compareLineSlopes(prevVertex,vertices[minVertexIndex],nextVertex)<0;}function Polygon(vertices,fillRule,shapeMargin){ // vertices:  [{x, y}]
this.m_vertices=vertices;this.fillRule=fillRule;this.shapeMargin=shapeMargin;if(vertices.length<3){this.m_edges=[];this.shapeMarginEdges=[];return;}var edges=[];var minX=vertices.length>0?vertices[0].x:undefined;var minY=vertices.length>0?vertices[0].y:undefined;var maxX=minX;var maxY=minY;var clockwise=isVertexOrderClockwise(vertices);var vertex1Index=0;do {var vertex2Index=this.nextEdgeVertexIndex(vertex1Index,clockwise);edges.push(new ShapeEdge(this,vertices[vertex1Index],vertices[vertex2Index]));var x=vertices[vertex1Index].x;var y=vertices[vertex1Index].y;minX=Math.min(x,minX);minY=Math.min(y,minY);maxX=Math.max(x,maxX);maxY=Math.max(y,maxY);vertex1Index=vertex2Index;}while(vertex1Index!==0); // Where possible, combine 2 edges into 1
var edgeIndex=0,nextEdgeIndex;while(edgeIndex<edges.length&&edges.length>3){nextEdgeIndex=(edgeIndex+1)%edges.length;if(areCollinearPoints(edges[edgeIndex].vertex1,edges[edgeIndex].vertex2,edges[nextEdgeIndex].vertex2)){edges[edgeIndex].vertex2=edges[nextEdgeIndex].vertex2;edges.splice(nextEdgeIndex,1);}else edgeIndex++;}if(shapeMargin===0){this.shapeMarginEdges=edges;}else {var shapeMarginEdges=[];for(var i=0;i<edges.length;i++){shapeMarginEdges.push(new OffsetEdge(edges[i],edges[i].outwardNormal()));shapeMarginEdges.push(new OffsetEdge(edges[i],edges[i].inwardNormal()));}this.shapeMarginEdges=shapeMarginEdges;}this.m_edges=edges;this.bounds=new Rect(minX-shapeMargin,minY-shapeMargin,shapeMargin*2+(maxX-minX),shapeMargin*2+(maxY-minY));}Polygon.prototype.vertexAt=function(index){return this.m_vertices[index];};Polygon.prototype.edgeAt=function(index){return this.m_edges[index];};Polygon.prototype.isEmpty=function(){return this.m_edges.length<3||this.bounds.isEmpty();};Polygon.prototype.vertices=function(){return this.m_vertices.slice(0);};Polygon.prototype.edges=function(){return this.m_edges.slice(0);};Polygon.prototype.overlapsYRange=function(y1,y2){ // y range: y1 <= y < y2
return y1<this.bounds.maxY&&y2>=this.bounds.y;};Polygon.prototype.nextVertexIndex=function(vertexIndex,clockwise){var nVertices=this.m_vertices.length;return (clockwise?vertexIndex+1:vertexIndex-1+nVertices)%nVertices;};Polygon.prototype.nextEdgeVertexIndex=function(vertex1Index,clockwise){var nVertices=this.m_vertices.length;var vertex2Index=this.nextVertexIndex(vertex1Index,clockwise);while(vertex2Index&&areCoincidentPoints(this.vertexAt(vertex1Index),this.vertexAt(vertex2Index))){vertex2Index=this.nextVertexIndex(vertex2Index,clockwise);}while(vertex2Index){var vertexIndex3=this.nextVertexIndex(vertex2Index,clockwise);if(!areCollinearPoints(this.vertexAt(vertex1Index),this.vertexAt(vertex2Index),this.vertexAt(vertexIndex3)))break;vertex2Index=vertexIndex3;}return vertex2Index;};Polygon.prototype.containsPointEvenOdd=function(point){var crossingCount=0;for(var i=0;i<this.m_edges.length;++i){var edge=this.edgeAt(i);if(edge.containsPoint(point))return true;var vertex1=edge.vertex1;var vertex2=edge.vertex2;if(vertex1.y<=point.y&&vertex2.y>point.y||vertex1.y>point.y&&vertex2.y<=point.y){var vt=(point.y-vertex1.y)/(vertex2.y-vertex1.y);if(point.x<vertex1.x+vt*(vertex2.x-vertex1.x))++crossingCount;}}return (crossingCount&1)!==0;};Polygon.prototype.containsPointNonZero=function(point){var windingNumber=0;for(var i=0;i<this.m_edges.length;++i){var edge=this.edgeAt(i);if(edge.containsPoint(point))return true;var vertex1=edge.vertex1;var vertex2=edge.vertex2;if(vertex2.y<point.y){if(vertex1.y>point.y&&compareLineSlopes(vertex1,vertex2,point)>0)++windingNumber;}else if(vertex2.y>point.y){if(vertex1.y<=point.y&&compareLineSlopes(vertex1,vertex2,point)<0)--windingNumber;}}return windingNumber!==0;};Polygon.prototype.containsPoint=function(point){if(!this.bounds.containsPoint(point))return false;return this.fillRule=="nonzero"?this.containsPointNonZero(point):this.containsPointEvenOdd(point);};Polygon.prototype.edgeVerticesThatOverlapYRange=function(y1,y2){var result=[];for(var i=0;i<this.m_edges.length;i++){var vertex=this.edgeAt(i).vertex1;if(vertex.y>=y1&&vertex.y<y2)result.push(vertex);}return result;};Polygon.prototype.edgesThatOverlapYRange=function(y1,y2){var result=[];for(var i=0;i<this.m_edges.length;i++){var edge=this.edgeAt(i);if(edge.overlapsYRange(y1,y2))result.push(edge);}return result;};Polygon.prototype.shapeMarginEdgesThatOverlapYRange=function(y1,y2){var result=[];for(var i=0;i<this.shapeMarginEdges.length;i++){var edge=this.shapeMarginEdges[i];if(edge.overlapsYRange(y1,y2))result.push(edge);}return result;};function compareEdgeMinX(edge1,edge2){return edge1.minX-edge2.minX;}function compareVertexXIncreasing(vertex1,vertex2){return vertex2.x-vertex1.x;}Polygon.prototype.leftExclusionEdge=function(y1,y2){ // y2 >= y1
if(this.isEmpty()||!this.bounds.overlapsYRange(y1,y2))return undefined;var result,i,xRange;var overlappingEdges=this.shapeMarginEdgesThatOverlapYRange(y1,y2);if(overlappingEdges.length!==0){overlappingEdges.sort(compareEdgeMinX);result=overlappingEdges[0].clippedEdgeXRange(y1,y2).x1;for(i=1;i<overlappingEdges.length;i++){if(overlappingEdges[i].minX>result)break;xRange=overlappingEdges[i].clippedEdgeXRange(y1,y2);result=result===undefined?xRange.x1:Math.min(result,xRange.x1);}}var shapeMargin=this.shapeMargin;if(shapeMargin>0){var overlappingVertices=this.edgeVerticesThatOverlapYRange(y1-shapeMargin,y2+shapeMargin);overlappingVertices.sort(compareVertexXIncreasing);for(i=0;i<overlappingVertices.length;i++){ // FIXME: short-circuit
xRange=clippedCircleXRange(overlappingVertices[i],shapeMargin,y1,y2);result=result===undefined?xRange.x1:Math.min(result,xRange.x1);}}if(result===undefined)console.error("Polygon leftExclusionEdge() failed");return result;};function compareEdgeMaxX(edge1,edge2){return edge2.maxX-edge1.maxX;}function compareVertexXDecreasing(vertex1,vertex2){return vertex1.x-vertex2.x;}Polygon.prototype.rightExclusionEdge=function(y1,y2){ // y2 >= y1
if(this.isEmpty()||!this.bounds.overlapsYRange(y1,y2))return undefined;var result,i,xRange;var overlappingEdges=this.shapeMarginEdgesThatOverlapYRange(y1,y2);if(overlappingEdges.length!==0){overlappingEdges.sort(compareEdgeMaxX);result=overlappingEdges[0].clippedEdgeXRange(y1,y2).x2;for(i=1;i<overlappingEdges.length;i++){if(overlappingEdges[i].maxX<result)break;xRange=overlappingEdges[i].clippedEdgeXRange(y1,y2);result=Math.max(result,xRange.x2);}}var shapeMargin=this.shapeMargin;if(shapeMargin>0){var overlappingVertices=this.edgeVerticesThatOverlapYRange(y1-shapeMargin,y2+shapeMargin);overlappingVertices.sort(compareVertexXDecreasing);for(i=0;i<overlappingVertices.length;i++){ // FIXME: short-circuit
xRange=clippedCircleXRange(overlappingVertices[i],shapeMargin,y1,y2);result=result===undefined?xRange.x2:Math.max(result,xRange.x2);}}if(result===undefined)console.error("Polygon rightExclusionEdge() failed");return result;}; /* Loading an image can fail for several reasons. Try to log an
 * error only once, and mark the appropriate values as undefined.
 */function RasterInterval(y,startX,endX){this.y=y;this.startX=startX;this.endX=endX;}function RasterIntervals(yOffset,size){this.intervals=[];this.yOffset=yOffset;this.size=size;for(var i=0;i<size;i++){this.intervals[i]=RasterIntervals.none;}this.minY=-yOffset;this.maxY=size-yOffset;}RasterIntervals.none={};RasterIntervals.prototype.intervalAt=function(y){return this.intervals[y+this.yOffset];};RasterIntervals.prototype.setIntervalAt=function(y,value){this.intervals[y+this.yOffset]=value;};RasterIntervals.prototype.uniteIntervalAt=function(y,interval){var intervalAtY=this.intervalAt(y);if(intervalAtY===RasterIntervals.none)this.setIntervalAt(y,interval);else {intervalAtY.startX=Math.min(intervalAtY.startX,interval.startX);intervalAtY.endX=Math.max(intervalAtY.endX,interval.endX);}};RasterIntervals.prototype.intervalAtContains=function(y,interval){var intervalAtY=this.intervalAt(y);if(intervalAtY==RasterIntervals.none)return false;return intervalAtY.startX<=interval.startX&&intervalAtY.endX>=interval.endX;};function ShapeMarginIntervalGenerator(shapeMargin){this.shapeMargin=shapeMargin;this.xIntercepts=[];for(var y=0;y<=shapeMargin;y++){this.xIntercepts[y]=Math.sqrt(shapeMargin*shapeMargin-y*y);}}ShapeMarginIntervalGenerator.prototype.generateIntervalAt=function(atY,forInterval){var xInterceptsIndex=Math.abs(atY-forInterval.y);var dx=xInterceptsIndex>this.shapeMargin?0:this.xIntercepts[xInterceptsIndex];return new RasterInterval(atY,forInterval.startX-dx,forInterval.endX+dx);};RasterIntervals.prototype.computeMarginIntervals=function(shapeMargin,clip){var mig=new ShapeMarginIntervalGenerator(shapeMargin);var result=new RasterIntervals(this.yOffset,this.size);for(var y=this.minY;y<this.maxY;++y){var intervalAtY=this.intervalAt(y);if(intervalAtY==RasterIntervals.none)continue;var marginY0=Math.max(this.minY,y-shapeMargin);var marginY1=Math.min(this.maxY-1,y+shapeMargin);var marginY;for(marginY=y-1;marginY>=marginY0;--marginY){if(marginY>0&&this.intervalAtContains(marginY,intervalAtY))break;result.uniteIntervalAt(marginY,mig.generateIntervalAt(marginY,intervalAtY));}result.uniteIntervalAt(y,mig.generateIntervalAt(y,intervalAtY));for(marginY=y+1;marginY<=marginY1;++marginY){if(marginY<this.maxY&&this.intervalAtContains(marginY,intervalAtY))break;result.uniteIntervalAt(marginY,mig.generateIntervalAt(marginY,intervalAtY));}}return result;};function error(url,exception){console.log("Unable to load image ",url,". It's probably missing or you've run into a CORS issue.");if(exception)console.log("The exact problem was ",exception);}function RasterImage(image,width,height){var canvas=document.createElement("canvas");this.width=canvas.width=width;this.height=canvas.height=height;var g=canvas.getContext("2d");g.drawImage(image,0,0,width,height);try{this.imageData=g.getImageData(0,0,width,height);}catch(e){error(image.src,e); /* imageData will be undefined */}}RasterImage.prototype.hasData=function(){return !!this.imageData;};RasterImage.prototype.alphaAt=function(x,y){return this.imageData.data[x*4+3+y*this.width*4];};function Raster(url,box,shapeImageThreshold,shapeMargin,clip,whenReady){this.url=url;this.box=box;this.shapeImageThreshold=256*shapeImageThreshold;this.shapeMargin=shapeMargin;this.clip=clip;this.init(whenReady);}Raster.prototype.init=function(callback){var raster=this;var image=new Image();var blob; /* If canvas is not supported, we're not going to get any further, so
     * don't bother with the potential image / XHR request */var canvas=document.createElement("canvas");if(!canvas.getContext){error(raster.url);callback();}image.onload=function(){raster.intervals=raster.computeIntervals(image);if(raster.intervals){if(raster.shapeMargin>0)raster.intervals=raster.intervals.computeMarginIntervals(raster.shapeMargin,raster.clip);}if(blob)URL.revokeObjectURL(blob);callback();};image.onerror=function(){error(raster.url); /* raster.intervals is undefined */callback();}; /* Try this approach for browsers that don't support
     * CORS-enabled images (ie IE). Ideally we'd skip this
     * for same-origin images, but we don't have a good test
     * for that. */if(!image.hasOwnProperty('crossOrigin')&&window.URL&&window.URL.createObjectURL){var xhr=new XMLHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState===4){if(xhr.status===200){blob=URL.createObjectURL(xhr.response);image.src=blob;}else {error(raster.url);callback();}}};xhr.open('GET',raster.url,true);xhr.responseType='blob';xhr.send();}else {image.crossOrigin="anonymous";image.src=raster.url;}};Raster.prototype.computeIntervals=function(image){var clip=this.clip,threshold=this.shapeImageThreshold,width=this.box.width,height=this.box.height,rasterImage=new RasterImage(image,width,height);if(!rasterImage.hasData())return undefined;var intervals=new RasterIntervals(-clip.y,clip.height),maxY=Math.min(clip.height,this.box.height);for(var y=0;y<maxY;y++){var startX=-1;for(var x=0;x<this.box.width;x++){var alpha=rasterImage.alphaAt(x,y);if(startX==-1&&alpha>threshold){startX=x;if(intervals.intervalAt(y)===RasterIntervals.none)intervals.setIntervalAt(y,new RasterInterval(y,startX,width));}else if(startX!=-1&&alpha<=threshold){intervals.intervalAt(y).endX=x;startX=-1;}}}return intervals;};Raster.prototype.rightExclusionEdge=function(y1,y2){ // y2 >= y1
var intervals=this.intervals;if(!intervals)return this.clip.width;var x; // = undefined;
for(var y=Math.max(y1,this.clip.y);y<=y2&&y<this.clip.maxY;y++){var endX=intervals.intervalAt(y).endX;if(x===undefined||endX!==undefined&&endX>x)x=endX;}return x;};Raster.prototype.leftExclusionEdge=function(y1,y2){ // y2 >= y1
var intervals=this.intervals;if(!intervals)return 0;var x; // = undefined;
for(var y=Math.max(y1,this.clip.y);y<=y2&&y<this.clip.maxY;y++){var startX=intervals.intervalAt(y).startX;if(x===undefined||startX!==undefined&&startX<x)x=startX;}return x;};function Size(width,height){this.width=width;this.height=height;}Size.zeroSize={width:0,height:0};Size.prototype.isEmpty=function(){return this.width<=0||this.height<=0;};Size.prototype.scale=function(factor){this.width*=factor;this.height*=factor;};function Rect(x,y,width,height){this.x=x;this.y=y;this.width=width;this.height=height;this.maxX=x+width;this.maxY=y+height;}Rect.prototype.isEmpty=function(){return this.width<=0||this.height<=0;};Rect.prototype.containsX=function(x){return x>=this.x&&x<this.maxX;};Rect.prototype.containsY=function(y){return y>=this.y&&y<this.maxY;};Rect.prototype.containsPoint=function(p){return this.containsX(p.x)&&this.containsY(p.y);};Rect.prototype.shiftLeftEdgeTo=function(newX){this.width-=newX-this.x;this.x=newX;};Rect.prototype.shiftTopEdgeTo=function(newY){this.height-=newY-this.y;this.y=newY;};Rect.prototype.shiftRightEdgeTo=function(newX){this.width=newX-this.x;};Rect.prototype.shiftBottomEdgeTo=function(newY){this.height=newY-this.y;};Rect.prototype.overlapsYRange=function(minY,maxY){return !this.isEmpty()&&maxY>=this.y&&minY<this.maxY;};Rect.prototype.overlapsXRange=function(minX,maxX){return !this.isEmpty()&&maxX>=this.x&&minX<this.maxX;};function RoundedRect(rect,topLeft,topRight,bottomLeft,bottomRight){ // corner radii parameters are {width, height}
this.rect=rect;this.radii={topLeft:topLeft,topRight:topRight,bottomLeft:bottomLeft,bottomRight:bottomRight};}RoundedRect.prototype.isEmpty=function(){return this.width<=0||this.height<=0;};RoundedRect.prototype.topLeftCorner=function(){return new Rect(this.rect.x,this.rect.y,this.radii.topLeft.width,this.radii.topLeft.height);};RoundedRect.prototype.topRightCorner=function(){return new Rect(this.rect.maxX-this.radii.topRight.width,this.rect.y,this.radii.topRight.width,this.radii.topRight.height);};RoundedRect.prototype.bottomLeftCorner=function(){return new Rect(this.rect.x,this.rect.maxY-this.radii.bottomLeft.height,this.radii.bottomLeft.width,this.radii.bottomLeft.height);};RoundedRect.prototype.bottomRightCorner=function(){return new Rect(this.rect.maxX-this.radii.bottomRight.width,this.rect.maxY-this.radii.bottomRight.height,this.radii.bottomRight.width,this.radii.bottomRight.height);};RoundedRect.prototype.isRounded=function(){function isCornerRadiusNonZero(radius){return radius.width>0&&radius.height>0;}return isCornerRadiusNonZero(this.radii.topLeft)||isCornerRadiusNonZero(this.radii.topRight)||isCornerRadiusNonZero(this.radii.bottomLeft)||isCornerRadiusNonZero(this.radii.bottomRight);};RoundedRect.prototype.cornersInsetRect=function(){var topLeftCorner=this.topLeftCorner();var topRightCorner=this.topRightCorner();var bottomLeftCorner=this.bottomLeftCorner();var bottomRightCorner=this.bottomRightCorner();var x=Math.max(topLeftCorner.maxX,bottomLeftCorner.maxX);var y=Math.max(topLeftCorner.maxY,topRightCorner.maxY);return new Rect(x,y,Math.min(topRightCorner.x,bottomRightCorner.x)-x,Math.min(bottomLeftCorner.y,bottomRightCorner.y)-y);};RoundedRect.prototype.scaleRadii=function(factor){if(factor==1)return;var radii=this.radii;radii.topLeft.scale(factor);if(radii.topLeft.isEmpty())radii.topLeft=Size.zeroSize;radii.topRight.scale(factor);if(radii.topRight.isEmpty())radii.topRight=Size.zeroSize;radii.bottomLeft.scale(factor);if(radii.bottomLeft.isEmpty())radii.bottomLeft=Size.zeroSize;radii.bottomRight.scale(factor);if(radii.bottomRight.isEmpty())radii.bottomRight=Size.zeroSize;}; // See RoundedRect::isRenderable() in https://trac.webkit.org/browser/trunk/Source/WebCore/platform/graphics/RoundedRect.cpp
// and http://www.w3.org/TR/css3-background/#corner-overlap
RoundedRect.prototype.isRenderable=function(){var radii=this.radii;var rect=this.rect;return radii.topLeft.width+radii.topRight.width<=rect.width&&radii.bottomLeft.width+radii.bottomRight.width<=rect.width&&radii.topLeft.height+radii.bottomLeft.height<=rect.height&&radii.topRight.height+radii.bottomRight.height<=rect.height;}; // See RoundedRect::adjustRadii() in https://trac.webkit.org/browser/trunk/Source/WebCore/platform/graphics/RoundedRect.cpp
// and http://www.w3.org/TR/css3-background/#corner-overlap
RoundedRect.prototype.adjustRadii=function(){var radii=this.radii;var maxRadiusWidth=Math.max(radii.topLeft.width+radii.topRight.width,radii.bottomLeft.width+radii.bottomRight.width);var maxRadiusHeight=Math.max(radii.topLeft.height+radii.bottomLeft.height,radii.topRight.height+radii.bottomRight.height);if(maxRadiusWidth<=0||maxRadiusHeight<=0){this.radii={topLeft:Size.zeroSize,topRight:Size.zeroSize,bottomRight:Size.zeroSize,bottomLeft:Size.zeroSize};return;}var rect=this.rect;var widthRatio=rect.width/maxRadiusWidth;var heightRatio=rect.height/maxRadiusHeight;this.scaleRadii(widthRatio<heightRatio?widthRatio:heightRatio);};function ellipseXIntercept(y,rx,ry){return rx*Math.sqrt(1-y*y/(ry*ry));}RoundedRect.prototype.minXInterceptAt=function(y,noInterceptReturnValue){if(!this.rect.containsY(y))return noInterceptReturnValue;var topLeftCorner=this.topLeftCorner(),yi;if(topLeftCorner.containsY(y)){yi=topLeftCorner.maxY-y;return topLeftCorner.maxX-ellipseXIntercept(yi,topLeftCorner.width,topLeftCorner.height);}var bottomLeftCorner=this.bottomLeftCorner();if(bottomLeftCorner.containsY(y)){yi=y-bottomLeftCorner.y;return bottomLeftCorner.maxX-ellipseXIntercept(yi,bottomLeftCorner.width,bottomLeftCorner.height);}return this.rect.x;};RoundedRect.prototype.maxXInterceptAt=function(y,noInterceptReturnValue){if(!this.rect.containsY(y))return noInterceptReturnValue;var topRightCorner=this.topRightCorner(),yi;if(topRightCorner.containsY(y)){yi=topRightCorner.maxY-y;return topRightCorner.x+ellipseXIntercept(yi,topRightCorner.width,topRightCorner.height);}var bottomRightCorner=this.bottomRightCorner();if(bottomRightCorner.containsY(y)){yi=y-bottomRightCorner.y;return bottomRightCorner.x+ellipseXIntercept(yi,bottomRightCorner.width,bottomRightCorner.height);}return this.rect.maxX;};RoundedRect.prototype.rightExclusionEdge=function(y1,y2){ // y2 >= y1
if(this.rect.isEmpty()||!this.rect.overlapsYRange(y1,y2))return undefined;if(!this.isRounded()||this.cornersInsetRect().overlapsYRange(y1,y2))return this.rect.maxX;return Math.max(this.maxXInterceptAt(y1,this.rect.x),this.maxXInterceptAt(y2,this.rect.x));};RoundedRect.prototype.leftExclusionEdge=function(y1,y2){ // y2 >= y1
if(this.rect.isEmpty()||!this.rect.overlapsYRange(y1,y2))return undefined;if(!this.isRounded()||this.cornersInsetRect().overlapsYRange(y1,y2))return this.rect.x;return Math.min(this.minXInterceptAt(y1,this.rect.maxX),this.minXInterceptAt(y2,this.rect.maxX));};function computeOffsetHeight(dx,dy,areaLimit){if(dy===0)return 1;if(dx===0||dx*dy/2<areaLimit)return Math.round(dy);return Math.round(Math.sqrt(2*areaLimit*(dy/dx)));}function leftCornerOffset(leftCorner,offset){return leftCorner.maxX-offset;}function rightCornerOffset(rightCorner,offset){return rightCorner.x+offset;}function leftBoxOffset(box){return box.x;}function rightBoxOffset(box){return box.maxX;}function adaptiveOffsetFnGenerator(getTopCorner,getBottomCorner,getBoxOffset,getCornerOffset){return function(y1,y2,areaLimit){ // y2 >= y1
if(!this.rect.overlapsYRange(y1,y2))return [{x:undefined,height:y2-y1}];var offsets=[];if(y1<this.rect.y)offsets.push({x:undefined,height:this.rect.y-y1});var offsetHeight,minY,maxY,y,yi,xi,topCorner=getTopCorner.call(this),bottomCorner=getBottomCorner.call(this),boxArea=new Rect(this.rect.x,topCorner.maxY,this.rect.width,bottomCorner.y-topCorner.maxY);if(topCorner.overlapsYRange(y1,y2)){offsetHeight=computeOffsetHeight(topCorner.width,topCorner.height,areaLimit);minY=Math.max(topCorner.y,y1);maxY=Math.min(topCorner.maxY,y2);for(y=minY;y<maxY;y+=offsetHeight){yi=topCorner.maxY-Math.min(y+offsetHeight,maxY);xi=ellipseXIntercept(yi,topCorner.width,topCorner.height);offsets.push({height:Math.min(offsetHeight,maxY-y),x:getCornerOffset(topCorner,xi)});}}minY=Math.max(boxArea.y,y1);maxY=Math.min(boxArea.maxY,y2);if(boxArea.overlapsYRange(y1,y2))offsets.push({x:getBoxOffset(boxArea),height:maxY-minY});if(bottomCorner.overlapsYRange(y1,y2)){offsetHeight=computeOffsetHeight(bottomCorner.width,bottomCorner.height,areaLimit);minY=Math.max(y1,bottomCorner.y);maxY=Math.min(bottomCorner.maxY,y2);for(y=minY;y<maxY;y+=offsetHeight){yi=y-bottomCorner.y;xi=ellipseXIntercept(yi,bottomCorner.width,bottomCorner.height);offsets.push({height:Math.min(offsetHeight,maxY-y),x:getCornerOffset(bottomCorner,xi)});}}if(y2>this.rect.maxY)offsets.push({x:undefined,height:y2-this.rect.maxY});return offsets;};}RoundedRect.prototype.rightExclusionOffsets=adaptiveOffsetFnGenerator(RoundedRect.prototype.topRightCorner,RoundedRect.prototype.bottomRightCorner,rightBoxOffset,rightCornerOffset);RoundedRect.prototype.leftExclusionOffsets=adaptiveOffsetFnGenerator(RoundedRect.prototype.topLeftCorner,RoundedRect.prototype.bottomLeftCorner,leftBoxOffset,leftCornerOffset);function createRoundedRectForCircle(circle,margin){var r=circle.r+margin;var c=new Size(r,r);return new RoundedRect(new Rect(circle.cx-r,circle.cy-r,r*2,r*2),c,c,c,c);}function createRoundedRectForEllipse(ellipse,margin){var c=new Size(ellipse.rx+margin,ellipse.ry+margin);return new RoundedRect(new Rect(ellipse.cx-c.width,ellipse.cy-c.height,c.width*2,c.height*2),c,c,c,c);}function createRoundedRectForInset(inset,margin){function toSize(r){return new Size(r[0]+margin,r[1]+margin);}var topLeft=toSize(inset.radii[0]);var topRight=toSize(inset.radii[1]);var bottomRight=toSize(inset.radii[2]);var bottomLeft=toSize(inset.radii[3]);var rect=new Rect(inset.x-margin,inset.y-margin,inset.width+2*margin,inset.height+2*margin);return new RoundedRect(rect,topLeft,topRight,bottomLeft,bottomRight);}function createRoundedRectForBox(box,margin){function toSize(r){return new Size(r[0]+margin,r[1]+margin);}var topLeft=toSize(box.radii[0]),topRight=toSize(box.radii[1]),bottomRight=toSize(box.radii[2]),bottomLeft=toSize(box.radii[3]); // This box is at 0,0 relative to its sizing box (itself)
var rect=new Rect(-margin,-margin,box.width+2*margin,box.height+2*margin);return new RoundedRect(rect,topLeft,topRight,bottomLeft,bottomRight);}function createRaster(url,box,shapeImageThreshold,shapeMargin,clip,doLayout){var clipRect=new Rect(clip.x,clip.y,clip.width,clip.height);return new Raster(url,box,shapeImageThreshold,shapeMargin,clipRect,doLayout);}function createPolygon(polygon,shapeMargin){return new Polygon(polygon.points,polygon.fillRule,shapeMargin);}function createShapeGeometry(shapeValue,whenReady){var shapeMargin=shapeValue.shapeMargin===undefined?0:shapeValue.shapeMargin;var geometry;if(shapeValue.shape){switch(shapeValue.shape.type){case "circle":geometry=createRoundedRectForCircle(shapeValue.shape,shapeMargin);break;case "ellipse":geometry=createRoundedRectForEllipse(shapeValue.shape,shapeMargin);break;case "inset":geometry=createRoundedRectForInset(shapeValue.shape,shapeMargin);if(!geometry.isRenderable())geometry.adjustRadii();break;case "polygon":geometry=createPolygon(shapeValue.shape,shapeMargin);break;}whenReady();return geometry;}if(shapeValue.url)return createRaster(shapeValue.url,shapeValue.box,shapeValue.shapeImageThreshold,shapeMargin,shapeValue.clip,whenReady);if(shapeValue.box){geometry=createRoundedRectForBox(shapeValue.box,shapeMargin);whenReady();return geometry;}console.error("Unrecognized shape");}function ShapeInfo(element){this.metrics=new Metrics(element);var parserSettings={metrics:this.metrics,shapeOutside:element.getAttribute('data-shape-outside'),shapeMargin:element.getAttribute('data-shape-margin'),shapeImageThreshold:element.getAttribute('data-shape-image-threshold')};this.shapeValue=new ShapeValue(parserSettings);var self=this;this.geometry=createShapeGeometry(this.shapeValue,function(){self.ready=true;if(self.callback)self.callback();});}ShapeInfo.prototype.onReady=function(callback){if(this.ready)callback();else this.callback=callback;};ShapeInfo.prototype.leftExclusionEdge=function(line){ // { top, bottom, left, right }
return this.geometry?this.geometry.leftExclusionEdge(line.top,line.bottom):line.left;};ShapeInfo.prototype.rightExclusionEdge=function(line){ // { top, bottom, left, right }
return this.geometry?this.geometry.rightExclusionEdge(line.top,line.bottom):line.right;};function exclusionEdgeValue(x){return x===undefined?0:x;}ShapeInfo.prototype.computeStepOffsets=function(step){var offset,offsets=[];for(var i=0;i<Math.ceil(this.metrics.marginBox.height/step);i++){var lineBounds={left:0,right:this.shapeValue.box.width,top:i*step,bottom:Math.min((i+1)*step,this.metrics.marginBox.height)}; // transform to shape coordinates
lineBounds.top-=this.metrics.margins[0]+this.shapeValue.box.y;lineBounds.bottom-=this.metrics.margins[0]+this.shapeValue.box.y; // get the offset relative to the margin box
if(this.metrics.cssFloat==='left'){offset=this.rightExclusionEdge(lineBounds);offset=offset===undefined?0:offset+this.shapeValue.box.x+this.metrics.margins[3];}else {offset=this.leftExclusionEdge(lineBounds);offset=offset===undefined?0:this.metrics.marginBox.width-(offset+this.shapeValue.box.x+this.metrics.margins[3]);} // push the margin box relative offsets
offsets.push({cssFloat:this.metrics.cssFloat,top:lineBounds.top+this.shapeValue.box.y+this.metrics.margins[0],bottom:lineBounds.bottom+this.shapeValue.box.y+this.metrics.margins[0],'offset':Math.min(offset,this.metrics.marginBox.width)});}return offsets;};ShapeInfo.prototype.computeAdaptiveOffsets=function(limit){var dx=this.shapeValue.box.x+this.metrics.margins[3];var dy=this.metrics.margins[0]+this.shapeValue.box.y;var offsets=this.metrics.cssFloat==='left'?this.geometry.rightExclusionOffsets(-dy,this.metrics.marginBox.height-dy,limit):this.geometry.leftExclusionOffsets(-dy,this.metrics.marginBox.height-dy,limit);var result=[];var y=0;for(var i=0;i<offsets.length;i++){var layoutOffset;if(offsets[i].x===undefined)layoutOffset=0;else {layoutOffset=this.metrics.cssFloat=='left'?offsets[i].x+dx:this.metrics.marginBox.width-(offsets[i].x+dx);layoutOffset=Math.min(layoutOffset,this.metrics.marginBox.width);}result.push({offset:layoutOffset,top:y,bottom:y+offsets[i].height,cssFloat:this.metrics.cssFloat});y+=offsets[i].height;}return result;};ShapeInfo.prototype.offsets=function(parameters){if(this.geometry instanceof RoundedRect)return (parameters&&parameters.mode)=="step"?this.computeStepOffsets(parameters.step):this.computeAdaptiveOffsets(parameters.limit);return this.computeStepOffsets(parameters.step);};function Polyfill(scope){this.scope=scope;var script=document.currentScript;if(!script){script=document.getElementsByTagName('script');script=script[script.length-1];}var self=this;var autoRun=script.getAttribute('data-auto-run')!=='false'; // IE < 9 uses attachEvent rather than addEventListener
if(autoRun&&scope.addEventListener){scope.addEventListener('load',function(){self.run();});}} /*{mode: "step"}*/function fakeIt(element,offsets){var wrapper=document.createElement('div'),styles;offsets.forEach(function(offset,i){var height=offset.bottom-offset.top;var sandbag=document.createElement('div');sandbag.className="sandbag";styles={cssFloat:offset.cssFloat,width:offset.offset+'px',height:height+'px',clear:offset.cssFloat};for(var prop in styles){sandbag.style[prop]=styles[prop];}wrapper.appendChild(sandbag);});styles={position:'relative',width:'auto',height:'0',clear:'both',pointerEvents:'none'};for(var prop in styles){wrapper.style[prop]=styles[prop];}var parent=element.parentNode,subwrapper,computedStyle=getComputedStyle(parent),borderHeight=parseFloat(computedStyle.borderTop)+parseFloat(computedStyle.borderBottom);styles={position:'absolute',top:'0',width:'100%', // will fill the whole width, FF does 'auto' differently
height:parent.clientHeight-borderHeight,left:'0'};subwrapper=document.createElement('div');for(prop in styles){subwrapper.style[prop]=styles[prop];}wrapper.appendChild(subwrapper);if(element.parentNode)element.parentNode.insertBefore(wrapper,element);subwrapper.appendChild(element);wrapper.setAttribute('data-shape-outside-container','true');}Polyfill.prototype.polyfill=function(element,settings){var computedStyle=getComputedStyle(element);if(!(/left|right/.test(computedStyle.cssFloat)&&element.getAttribute('data-shape-outside')))return; // ideally this would default to lineHeight, but 'normal' is a valid computed value
// and is up to the UA
var step=settings&&settings.step||parseInt(computedStyle.fontSize); // used when mode is "step"
var mode=settings&&settings.mode||"adaptive";var limit=settings&&settings.limit||step*1.8;var shapeInfo=new ShapeInfo(element);var self=this;shapeInfo.onReady(function(){var offsets=shapeInfo.offsets({mode:mode,limit:limit,step:step});fakeIt(element,offsets);if(settings&&settings.callback&&typeof settings.callback==='function')settings.callback.call(self.scope);});};Polyfill.prototype.removePolyfill=function(element){var oldParent=element.parentNode;for(oldParent=element.parentNode;oldParent&&oldParent.hasAttribute&&!oldParent.hasAttribute('data-shape-outside-container');oldParent=oldParent.parentNode){}if(!oldParent||!oldParent.hasAttribute)return;oldParent.parentNode.insertBefore(element,oldParent);oldParent.parentNode.removeChild(oldParent);};function debounce(func,wait){var timeout;return function(){var context=this,args=arguments;clearTimeout(timeout);timeout=setTimeout(function(){timeout=null;func.apply(context,args);},wait);};}Polyfill.prototype.run=function(settings){var self=this;var force=settings&&settings.force,forceLayout=force&&(force===this.Force.Layout||force===this.Force.LayoutStyles),forceStyles=force&&(force===this.Force.Styles||force===this.Force.LayoutStyles);if(force===this.Force.LayoutStyles)settings.force=this.Force.Layout;else if(force)delete settings.force;if(this.hasNativeSupport===undefined){var div=document.createElement('div');var properties=['shape-outside','-webkit-shape-outside'];properties.forEach(function(property){div.style.setProperty(property,'content-box');self.hasNativeSupport=self.hasNativeSupport||div.style.getPropertyValue(property);});}if(this.hasNativeSupport&&!force)return;if(!this.stylesLoaded||forceStyles){this.stylesLoaded=true;new StylePolyfill(function(rules){rules.forEach(function(rule){var els=document.querySelectorAll(rule.selector);for(var i=0;i<els.length;i++){els[i].setAttribute('data-'+rule.property,rule.value);}});self.run(settings);});var relayout=debounce(function(){self.teardown();self.run(settings);},300);this.scope.addEventListener('resize',relayout);return;}var els=document.querySelectorAll('[data-shape-outside]');for(var i=0;i<els.length;i++){this.polyfill(els[i],settings);}};Polyfill.prototype.teardown=function(){var els=document.querySelectorAll('[data-shape-outside]');for(var i=0;i<els.length;i++){this.removePolyfill(els[i]);}};Polyfill.prototype.Force={Layout:'force-layout',Styles:'force-styles',LayoutStyles:'force-layout-styles'};if(Object.freeze)Polyfill.prototype.Force=Object.freeze(Polyfill.prototype.Force); /**
 * ShapeValue may contain { shape, box, url, shapeMargin, shapeImageThreshold }
 * Format for { shape } property value, with coordinates resolved against the reference box
 * Arrays are generally ordered as margins: t, r, b, l
 * Except for radius arrays, which are w/h pairs ordered tl, tr, br, bl
 * { type: 'circle', cx: 10, cy: 10, r: 10 }
 * { type: 'ellipse', cx: 10, cy: 10, rx: 10, ry: 10 }
 * { type: 'inset', x, y, width, height, insets: [10, 10, 10, 10], radii: [[5, 5], [5, 5], [5, 5], [5, 5]] }
 * { type: 'polygon', fill-rule: 'evenodd', points: [{x, y}] }
 * Format for { box } property value, the reference box for shapes. Coordinates are relative to the border box.
 * { x: 10, y: 10, width: 10, height: 10, radii: [[5, 5], [5, 5], [5, 5], [5, 5]] }
 * Format for { url } property value
 * { url: 'http://www.abc.com/123.png' }
 **/ /* params: {
 *  metrics, //An element's Metrics object
 *  shapeOutside, //The rest are unresolved values
 *  shapeMargin,
 *  shapeImageThreshold,
 * }
 */function ShapeValue(params){if(!(params&&params.metrics&&params.shapeOutside)){console.error('ShapeValue requires at least a metrics object and shape-outside string');return;}this.url=this.parseUrl(params.shapeOutside);this.box=this.parseBox(this.url?'content-box':params.shapeOutside,params.metrics);this.shape=this.parseBasicShape(params.shapeOutside,this.box,params.metrics);this.clip=this.computeClip(this.box,params.metrics);this.shapeMargin=this.parseShapeMargin(params.shapeMargin,this.box,params.metrics);this.shapeImageThreshold=this.parseShapeImageThreshold(params.shapeImageThreshold);}ShapeValue.prototype.parseUrl=function(text){var url=/url\((.*)\)/.exec(text);if(!url)return null;url=url[1];url=url.replace(/^['"]/,'');url=url.replace(/['"]$/,'');return url;};function adjustBounds(bounds,sign,offsets){var top=offsets.reduce(function(prev,curr){return prev+curr[0];},0);var right=offsets.reduce(function(prev,curr){return prev+curr[1];},0);var bottom=offsets.reduce(function(prev,curr){return prev+curr[2];},0);var left=offsets.reduce(function(prev,curr){return prev+curr[3];},0);bounds.x-=sign*left;bounds.y-=sign*top;bounds.width+=sign*(left+right);bounds.height+=sign*(top+bottom);} // See http://dev.w3.org/csswg/css-shapes/#margin-box
function adjustRadius(radius,sign,offset){if(sign<0)return Math.max(radius+sign*offset,0);var ratio=Math.abs(radius/offset);if(ratio<1)return Math.max(radius+offset*(1+Math.pow(ratio-1,3)),0);return radius+offset;}function adjustRadii(radii,sign,offsets){var top=offsets.reduce(function(prev,curr){return prev+curr[0];},0);var right=offsets.reduce(function(prev,curr){return prev+curr[1];},0);var bottom=offsets.reduce(function(prev,curr){return prev+curr[2];},0);var left=offsets.reduce(function(prev,curr){return prev+curr[3];},0); // Still need to max these with 0
radii[0][0]=adjustRadius(radii[0][0],sign,left);radii[0][1]=adjustRadius(radii[0][1],sign,top);radii[1][0]=adjustRadius(radii[1][0],sign,right);radii[1][1]=adjustRadius(radii[1][1],sign,top);radii[2][0]=adjustRadius(radii[2][0],sign,right);radii[2][1]=adjustRadius(radii[2][1],sign,bottom);radii[3][0]=adjustRadius(radii[3][0],sign,left);radii[3][1]=adjustRadius(radii[3][1],sign,bottom);}ShapeValue.prototype.parseBox=function(text,metrics){var box=/margin-box|border-box|padding-box|content-box/.exec(text);if(!box)box='margin-box';else box=box[0];var radii=JSON.parse(JSON.stringify(metrics.borderBox.radii));var result={text:box,x:metrics.borderBox.x,y:metrics.borderBox.y,width:metrics.borderBox.width,height:metrics.borderBox.height,'radii':radii};switch(box){case 'content-box':adjustBounds(result,-1,[metrics.paddings,metrics.borders]);adjustRadii(result.radii,-1,[metrics.paddings,metrics.borders]);break;case 'padding-box':adjustBounds(result,-1,[metrics.borders]);adjustRadii(result.radii,-1,[metrics.borders]);break;case 'border-box':break;case 'margin-box':adjustBounds(result,1,[metrics.margins]);adjustRadii(result.radii,1,[metrics.margins]);break;}return result;};function pluck(arr,index){return arr.map(function(item){return item[index];});}ShapeValue.prototype.printShape=function(){if(this.shape){switch(this.shape.type){case 'inset':return 'inset('+this.shape.insets.join(' ')+' round '+pluck(this.shape.radii,0).join(' ')+' / '+pluck(this.shape.radii,1).join(' ')+')';case 'circle':return 'circle('+this.shape.r+' at '+this.shape.cx+' '+this.shape.cy+')';case 'ellipse':return 'ellipse('+this.shape.rx+' '+this.shape.ry+' at '+this.shape.cx+' '+this.shape.cy+')';case 'polygon':return 'polygon('+this.shape.fillRule+', '+this.shape.points.map(function(point){return point.x+' '+point.y;}).join(', ')+')';default:return 'not yet implemented for '+this.shape.type;}}return 'no shape specified';};ShapeValue.prototype.printBox=function(){if(this.box){return this.box.text+' { x: '+this.box.x+', y: '+this.box.y+', width: '+this.box.width+', height: '+this.box.height+', radii: '+pluck(this.box.radii,0).join(' ')+' / '+pluck(this.box.radii,1).join(' ')+' }';}return 'no box specified';};ShapeValue.prototype.parseBasicShape=function(text,box,metrics){var shape=/(inset|circle|ellipse|polygon)\((.*)\)/.exec(text);if(!shape)return null;var command=shape[1],args=shape[2]?shape[2]:'';switch(command){case 'inset':return this.parseInset(args,box,metrics);case 'circle':return this.parseCircle(args,box,metrics);case 'ellipse':return this.parseEllipse(args,box,metrics);case 'polygon':return this.parsePolygon(args,box,metrics);default:return null;}};ShapeValue.prototype.parseInset=function(args,box,metrics){ // use the 'ro' in round and '/' as delimiters
var re=/((?:[^r]|r(?!o))*)?\s*(?:round\s+([^\/]*)(?:\s*\/\s*(.*))?)?/;args=re.exec(args);var result={type:'inset',insets:[0,0,0,0],radii:[[0,0],[0,0],[0,0],[0,0]]};if(args&&args[1]){var insets=args[1].trim();insets=insets.split(/\s+/);result.insets[0]=insets[0];result.insets[1]=insets.length>1?insets[1]:result.insets[0];result.insets[2]=insets.length>2?insets[2]:result.insets[0];result.insets[3]=insets.length>3?insets[3]:result.insets[1];result.insets[0]=metrics.toPixels(result.insets[0],box.height);result.insets[1]=metrics.toPixels(result.insets[1],box.width);result.insets[2]=metrics.toPixels(result.insets[2],box.height);result.insets[3]=metrics.toPixels(result.insets[3],box.width);}var radii;if(args&&args[2]){radii=args[2].trim();radii=radii.split(/\s+/);if(radii.length<2)radii.push(radii[0]);if(radii.length<3)radii.push(radii[0]);if(radii.length<4)radii.push(radii[1]);result.radii=radii.map(function(radius){radius=metrics.toPixels(radius,box.width);return [radius,radius];});}if(args&&args[3]){radii=args[3].trim();radii=radii.split(/\s+/);if(radii.length<2)radii.push(radii[0]);if(radii.length<3)radii.push(radii[0]);if(radii.length<4)radii.push(radii[1]);radii.forEach(function(radius,i){result.radii[i][1]=metrics.toPixels(radius,box.height);});}result.x=result.insets[3];result.y=result.insets[0];result.width=box.width-(result.insets[1]+result.insets[3]);result.height=box.height-(result.insets[0]+result.insets[2]);return result;};function positionOffsetToPixels(offset,extent,metrics){offset=offset.split(/\s+/);var direction='TopLeft';var length=0;switch(offset[0]){case 'top':case 'left':break;case 'bottom':case 'right':direction='BottomRight';break;case 'center':length=extent/2.0;break;default:length=metrics.toPixels(offset[0],extent);}if(offset.length>1)length=metrics.toPixels(offset[1],extent);return direction==='TopLeft'?length:extent-length;}function radiusToPixels(r,sides,extent,metrics){if(r==='closest-side')return Math.min.apply(null,sides);else if(r==='farthest-side')return Math.max.apply(null,sides);else return metrics.toPixels(r,extent);} // Parse but do not resolve yet (shared by circle and ellipse)
ShapeValue.prototype.parseEllipsoid=function(args){ // use the 'a' in 'at' as the delimiter
var re=/((?:[^a]|a(?!t))*)?\s*(?:at\s+(.*))?/;args=re.exec(args);var result={};if(args&&args[1]){var radii=args[1].trim();radii=radii.split(/\s+/);result.rx=radii[0];result.ry=radii.length>1?radii[1]:radii[0];}else {result.rx=result.ry='closest-side';}var resolvedPositions=[];if(args&&args[2]){var positions=args[2].trim();positions=positions.split(/\s+/);var canMergeBack=false;positions.forEach(function(position){ // if it is an offset
if(/\d+/.test(position)&&canMergeBack)resolvedPositions[resolvedPositions.length-1]+=' '+position;else resolvedPositions.push(position); // it's a non-center keyword and there are more than two inputs
canMergeBack=/top|bottom|left|right/.test(position)&&positions.length>2;});}while(resolvedPositions.length<2){resolvedPositions.push('center');}if(/top|bottom/.test(resolvedPositions[0])||/left|right/.test(resolvedPositions[1])){var swap=resolvedPositions[0];resolvedPositions[0]=resolvedPositions[1];resolvedPositions[1]=swap;}result.cx=resolvedPositions[0];result.cy=resolvedPositions[1];return result;};ShapeValue.prototype.parseCircle=function(args,box,metrics){var result=this.parseEllipsoid(args);result.type='circle';result.cx=positionOffsetToPixels(result.cx,box.width,metrics);result.cy=positionOffsetToPixels(result.cy,box.height,metrics);result.r=radiusToPixels(result.rx,[Math.abs(result.cx),Math.abs(box.width-result.cx),Math.abs(result.cy),Math.abs(box.height-result.cy)],Math.sqrt((box.width*box.width+box.height*box.height)/2),metrics);delete result.rx;delete result.ry;return result;};ShapeValue.prototype.parseEllipse=function(args,box,metrics){var result=this.parseEllipsoid(args);result.type='ellipse';result.cx=positionOffsetToPixels(result.cx,box.width,metrics);result.cy=positionOffsetToPixels(result.cy,box.height,metrics);result.rx=radiusToPixels(result.rx,[Math.abs(result.cx),Math.abs(box.width-result.cx)],box.width,metrics);result.ry=radiusToPixels(result.ry,[Math.abs(result.cy),Math.abs(box.height-result.cy)],box.height,metrics);return result;};ShapeValue.prototype.parsePolygon=function(args,box,metrics){args=args.split(/\s*,\s*/);var rule='nonzero';if(args.length>0&&/nonzero|evenodd/.test(args[0])){rule=args[0].trim();args=args.slice(1);}var points=args.map(function(point){var coords=point.split(/\s+/);return {x:metrics.toPixels(coords[0],box.width),y:metrics.toPixels(coords[1],box.height)};});return {type:'polygon','fillRule':rule,'points':points};};ShapeValue.prototype.computeClip=function(referenceBox,metrics){ // margins: [marginTop, marginRight, marginBottom, marginLeft]
var marginLeft=metrics.margins[3];var marginTop=metrics.margins[0];var marginWidth=metrics.margins[3]+metrics.margins[1];var marginHeight=metrics.margins[0]+metrics.margins[2];return {x:-referenceBox.x-marginLeft,y:-referenceBox.y-marginTop,width:metrics.borderBox.width+marginWidth,height:metrics.borderBox.height+marginHeight};};ShapeValue.prototype.parseShapeMargin=function(margin,box,metrics){return parseInt(margin)?Math.max(0,metrics.toPixels(margin,box.width)):0;};ShapeValue.prototype.parseShapeImageThreshold=function(threshold){var value=parseFloat(threshold); // FIXME: disallow non-numerical values
return value?Math.min(Math.max(0,value),1.0):0;};function getStyleSheetElements(){var doc=document,stylesheets=[],i,len;if(typeof doc.querySelectorAll=='function'){ // shiny new browsers
stylesheets=doc.querySelectorAll('link[rel="stylesheet"], style'); // make it an array
stylesheets=Array.prototype.slice.call(stylesheets,0);}else { // old and busted browsers
// <link rel="stylesheet">
var tags=doc.getElementsByTagName("link");if(tags.length){for(i=0,len=tags.length;i<len;i++){if(tags[i].getAttribute('rel')==="stylesheet"){stylesheets.push(tags[i]);}}} // <style>
tags=doc.getElementsByTagName("style");for(i=0,len=tags.length;i<len;i++){stylesheets.push(tags[i]);}}return stylesheets;}function StyleSheet(source){this.source=source;this.url=source.href||null;this.cssText='';}StyleSheet.prototype.load=function(onSuccess,onError,scope){var self=this; // Loading external stylesheet
if(this.url){var xhr=new XMLHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState===4){if(xhr.status===200){self.cssText=xhr.responseText;onSuccess.call(scope,self);}else {onError.call(scope,self);}}};xhr.open('GET',this.url);try{xhr.send(null);}catch(e){console.log("An error occurred loading a stylesheet, probably because we can't access the local file system");onError.call(scope,self);}}else {this.cssText=this.source.textContent;onSuccess.call(scope,self);}};function StyleLoader(callback){if(!(this instanceof StyleLoader)){return new StyleLoader(callback);}this.stylesheets=[];this.queueCount=0;this.callback=callback||function(){};this.init();}StyleLoader.prototype.init=function(){var els=getStyleSheetElements(),len=els.length,stylesheet,i;this.queueCount=len;for(i=0;i<len;i++){stylesheet=new StyleSheet(els[i]);this.stylesheets.push(stylesheet);stylesheet.load(this.onStyleSheetLoad,this.onStyleSheetError,this);}};StyleLoader.prototype.onStyleSheetLoad=function(stylesheet){this.queueCount--;this.onComplete.call(this);};StyleLoader.prototype.onStyleSheetError=function(stylesheet){var len=this.stylesheets.length,i;for(i=0;i<len;i++){if(stylesheet.source===this.stylesheets[i].source){ // remove the faulty stylesheet
this.stylesheets.splice(i,1);this.queueCount--;this.onComplete.call(this);return;}}};StyleLoader.prototype.onComplete=function(){if(this.queueCount===0){ // run the callback after all stylesheet contents have loaded
this.callback.call(this,this.stylesheets);}};function StylePolyfill(callback){this.callback=callback||function(){};var self=this;new StyleLoader(function(stylesheets){self.onStylesLoaded(stylesheets);});}StylePolyfill.prototype.onStylesLoaded=function(stylesheets){ // use : and ; as delimiters, except between ()
// this will be sufficient for most, but not all cases, eg: rectangle(calc(100%))
var selector="\\s*([^{}]*[^\\s])\\s*{[^\\}]*";var value="\\s*:\\s*((?:[^;\\(]|\\([^\\)]*\\))*)\\s*;";var re,match;var rules=[],properties=["shape-outside","shape-margin","shape-image-threshold"];properties.forEach(function(property){re=new RegExp(selector+"("+property+")"+value,"ig");stylesheets.forEach(function(stylesheet){while((match=re.exec(stylesheet.cssText))!==null){rules.push({selector:match[1],property:match[2],value:match[3]});}});});this.callback(rules);};scope.ShapesPolyfill=new Polyfill(scope);})(window);(function(cc){ // stop from running again, if accidently included more than once.
if(cc.hasInitialised)return;var util={ // https://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex
escapeRegExp:function escapeRegExp(str){return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,'\\$&');},hasClass:function hasClass(element,selector){var s=' ';return element.nodeType===1&&(s+element.className+s).replace(/[\n\t]/g,s).indexOf(s+selector+s)>=0;},addClass:function addClass(element,className){element.className+=' '+className;},removeClass:function removeClass(element,className){var regex=new RegExp('\\b'+this.escapeRegExp(className)+'\\b');element.className=element.className.replace(regex,'');},interpolateString:function interpolateString(str,callback){var marker=/{{([a-z][a-z0-9\-_]*)}}/gi;return str.replace(marker,function(matches){return callback(arguments[1])||'';});},getCookie:function getCookie(name){var value='; '+document.cookie;var parts=value.split('; '+name+'=');return parts.length<2?undefined:parts.pop().split(';').shift();},setCookie:function setCookie(name,value,expiryDays,domain,path,secure){var exdate=new Date();exdate.setHours(exdate.getHours()+(expiryDays||365)*24);var cookie=[name+'='+value,'expires='+exdate.toUTCString(),'path='+(path||'/')];if(domain){cookie.push('domain='+domain);}if(secure){cookie.push('secure');}document.cookie=cookie.join(';');}, // only used for extending the initial options
deepExtend:function deepExtend(target,source){for(var prop in source){if(source.hasOwnProperty(prop)){if(prop in target&&this.isPlainObject(target[prop])&&this.isPlainObject(source[prop])){this.deepExtend(target[prop],source[prop]);}else {target[prop]=source[prop];}}}return target;}, // only used for throttling the 'mousemove' event (used for animating the revoke button when `animateRevokable` is true)
throttle:function throttle(callback,limit){var wait=false;return function(){if(!wait){callback.apply(this,arguments);wait=true;setTimeout(function(){wait=false;},limit);}};}, // only used for hashing json objects (used for hash mapping palette objects, used when custom colours are passed through JavaScript)
hash:function hash(str){var hash=0,i,chr,len;if(str.length===0)return hash;for(i=0,len=str.length;i<len;++i){chr=str.charCodeAt(i);hash=(hash<<5)-hash+chr;hash|=0;}return hash;},normaliseHex:function normaliseHex(hex){if(hex[0]=='#'){hex=hex.substr(1);}if(hex.length==3){hex=hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2];}return hex;}, // used to get text colors if not set
getContrast:function getContrast(hex){hex=this.normaliseHex(hex);var r=parseInt(hex.substr(0,2),16);var g=parseInt(hex.substr(2,2),16);var b=parseInt(hex.substr(4,2),16);var yiq=(r*299+g*587+b*114)/1000;return yiq>=128?'#000':'#fff';}, // used to change color on highlight
getLuminance:function getLuminance(hex){var num=parseInt(this.normaliseHex(hex),16),amt=38,R=(num>>16)+amt,B=(num>>8&0x00ff)+amt,G=(num&0x0000ff)+amt;var newColour=(0x1000000+(R<255?R<1?0:R:255)*0x10000+(B<255?B<1?0:B:255)*0x100+(G<255?G<1?0:G:255)).toString(16).slice(1);return '#'+newColour;},isMobile:function isMobile(){return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));},isPlainObject:function isPlainObject(obj){ // The code "typeof obj === 'object' && obj !== null" allows Array objects
return (typeof obj==='undefined'?'undefined':_typeof(obj))==='object'&&obj!==null&&obj.constructor==Object;},traverseDOMPath:function traverseDOMPath(elem,className){if(!elem||!elem.parentNode)return null;if(util.hasClass(elem,className))return elem;return this.traverseDOMPath(elem.parentNode,className);}}; // valid cookie values
cc.status={deny:'deny',allow:'allow',dismiss:'dismiss'}; // detects the `transitionend` event name
cc.transitionEnd=function(){var el=document.createElement('div');var trans={t:'transitionend',OT:'oTransitionEnd',msT:'MSTransitionEnd',MozT:'transitionend',WebkitT:'webkitTransitionEnd'};for(var prefix in trans){if(trans.hasOwnProperty(prefix)&&typeof el.style[prefix+'ransition']!='undefined'){return trans[prefix];}}return '';}();cc.hasTransition=!!cc.transitionEnd; // array of valid regexp escaped statuses
var __allowedStatuses=Object.keys(cc.status).map(util.escapeRegExp); // contains references to the custom <style> tags
cc.customStyles={};cc.Popup=function(){var defaultOptions={ // if false, this prevents the popup from showing (useful for giving to control to another piece of code)
enabled:true, // optional (expecting a HTML element) if passed, the popup is appended to this element. default is `document.body`
container:null, // defaults cookie options - it is RECOMMENDED to set these values to correspond with your server
cookie:{ // This is the name of this cookie - you can ignore this
name:'cookieconsent_status', // This is the url path that the cookie 'name' belongs to. The cookie can only be read at this location
path:'/', // This is the domain that the cookie 'name' belongs to. The cookie can only be read on this domain.
//  - Guide to cookie domains - https://www.mxsasha.eu/blog/2014/03/04/definitive-guide-to-cookie-domains/
domain:'', // The cookies expire date, specified in days (specify -1 for no expiry)
expiryDays:365, // If true the cookie will be created with the secure flag. Secure cookies will only be transmitted via HTTPS.
secure:false}, // these callback hooks are called at certain points in the program execution
onPopupOpen:function onPopupOpen(){},onPopupClose:function onPopupClose(){},onInitialise:function onInitialise(status){},onStatusChange:function onStatusChange(status,chosenBefore){},onRevokeChoice:function onRevokeChoice(){},onNoCookieLaw:function onNoCookieLaw(countryCode,country){}, // each item defines the inner text for the element that it references
content:{header:'Cookies used on the website!',message:'This website uses cookies to ensure you get the best experience on our website.',dismiss:'Got it!',allow:'Allow cookies',deny:'Decline',link:'Learn more',href:'https://www.cookiesandyou.com',close:'&#x274c;',target:'_blank',policy:'Cookie Policy'}, // This is the HTML for the elements above. The string {{header}} will be replaced with the equivalent text below.
// You can remove "{{header}}" and write the content directly inside the HTML if you want.
//
//  - ARIA rules suggest to ensure controls are tabbable (so the browser can find the first control),
//    and to set the focus to the first interactive control (https://w3c.github.io/using-aria/)
elements:{header:'<span class="cc-header">{{header}}</span>&nbsp;',message:'<span id="cookieconsent:desc" class="cc-message">{{message}}</span>',messagelink:'<span id="cookieconsent:desc" class="cc-message">{{message}} <a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" rel="noopener noreferrer nofollow" target="{{target}}">{{link}}</a></span>',dismiss:'<a aria-label="dismiss cookie message" role=button tabindex="0" class="button cc-btn cc-dismiss">{{dismiss}}</a>',allow:'<a aria-label="allow cookies" role=button tabindex="0"  class="cc-btn cc-allow">{{allow}}</a>',deny:'<a aria-label="deny cookies" role=button tabindex="0" class="button cc-btn cc-deny">{{deny}}</a>',link:'<a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" rel="noopener noreferrer nofollow" target="{{target}}">{{link}}</a>',close:'<span aria-label="dismiss cookie message" role=button tabindex="0" class="cc-close">{{close}}</span>' //compliance: compliance is also an element, but it is generated by the application, depending on `type` below
}, // The placeholders {{classes}} and {{children}} both get replaced during initialisation:
//  - {{classes}} is where additional classes get added
//  - {{children}} is where the HTML children are placed
window:'<div role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="cookieconsent:desc" class="cc-window {{classes}}"><!--googleoff: all-->{{children}}<!--googleon: all--></div>', // This is the html for the revoke button. This only shows up after the user has selected their level of consent
// It can be enabled of disabled using the `revokable` option
revokeBtn:'<div class="cc-revoke {{classes}}">{{policy}}</div>', // define types of 'compliance' here. '{{value}}' strings in here are linked to `elements`
compliance:{info:'<div class="cc-compliance">{{dismiss}}</div>','opt-in':'<div class="cc-compliance cc-highlight">{{deny}}{{allow}}</div>','opt-out':'<div class="cc-compliance cc-highlight">{{deny}}{{allow}}</div>'}, // select your type of popup here
type:'info', // refers to `compliance` (in other words, the buttons that are displayed)
// define layout layouts here
layouts:{ // the 'block' layout tend to be for square floating popups
basic:'{{messagelink}}{{compliance}}','basic-close':'{{messagelink}}{{compliance}}{{close}}','basic-header':'{{header}}{{message}}{{link}}{{compliance}}' // add a custom layout here, then add some new css with the class '.cc-layout-my-cool-layout'
//'my-cool-layout': '<div class="my-special-layout">{{message}}{{compliance}}</div>{{close}}',
}, // default layout (see above)
layout:'basic', // this refers to the popup windows position. we currently support:
//  - banner positions: top, bottom
//  - floating positions: top-left, top-right, bottom-left, bottom-right
//
// adds a class `cc-floating` or `cc-banner` which helps when styling
position:'bottom', // default position is 'bottom'
// Available styles
//    -block (default, no extra classes)
//    -edgeless
//    -classic
// use your own style name and use `.cc-theme-STYLENAME` class in CSS to edit.
// Note: style "wire" is used for the configurator, but has no CSS styles of its own, only palette is used.
theme:'block', // The popup is `fixed` by default, but if you want it to be static (inline with the page content), set this to false
// Note: by default, we animate the height of the popup from 0 to full size
static:false, // if you want custom colours, pass them in here. this object should look like this.
// ideally, any custom colours/themes should be created in a separate style sheet, as this is more efficient.
//   {
//     popup: {background: '#000000', text: '#fff', link: '#fff'},
//     button: {background: 'transparent', border: '#f8e71c', text: '#f8e71c'},
//     highlight: {background: '#f8e71c', border: '#f8e71c', text: '#000000'},
//   }
// `highlight` is optional and extends `button`. if it exists, it will apply to the first button
// only background needs to be defined for every element. if not set, other colors can be calculated from it
palette:null, // Some countries REQUIRE that a user can change their mind. You can configure this yourself.
// Most of the time this should be false, but the `cookieconsent.law` can change this to `true` if it detects that it should
revokable:false, // if true, the revokable button will tranlate in and out
animateRevokable:true, // used to disable link on existing layouts
// replaces element messagelink with message and removes content of link
showLink:true, // set value as scroll range to enable
dismissOnScroll:false, // set value as time in milliseconds to autodismiss after set time
dismissOnTimeout:false, // set value as click anything on the page, excluding the `ignoreClicksFrom` below (if we click on the revoke button etc)
dismissOnWindowClick:false, // If `dismissOnWindowClick` is true, we can click on 'revoke' and we'll still dismiss the banner, so we need exceptions.
// should be an array of class names (not CSS selectors)
ignoreClicksFrom:['cc-revoke','cc-btn'], // already includes the revoke button and the banner itself
// The application automatically decide whether the popup should open.
// Set this to false to prevent this from happening and to allow you to control the behaviour yourself
autoOpen:true, // By default the created HTML is automatically appended to the container (which defaults to <body>). You can prevent this behaviour
// by setting this to false, but if you do, you must attach the `element` yourself, which is a public property of the popup instance:
//
//     var instance = cookieconsent.factory(options);
//     document.body.appendChild(instance.element);
//
autoAttach:true, // simple whitelist/blacklist for pages. specify page by:
//   - using a string : '/index.html'           (matches '/index.html' exactly) OR
//   - using RegExp   : /\/page_[\d]+\.html/    (matched '/page_1.html' and '/page_2.html' etc)
whitelistPage:[],blacklistPage:[], // If this is defined, then it is used as the inner html instead of layout. This allows for ultimate customisation.
// Be sure to use the classes `cc-btn` and `cc-allow`, `cc-deny` or `cc-dismiss`. They enable the app to register click
// handlers. You can use other pre-existing classes too. See `src/styles` folder.
overrideHTML:null};function CookiePopup(){this.initialise.apply(this,arguments);}CookiePopup.prototype.initialise=function(options){if(this.options){this.destroy(); // already rendered
} // set options back to default options
util.deepExtend(this.options={},defaultOptions); // merge in user options
if(util.isPlainObject(options)){util.deepExtend(this.options,options);} // returns true if `onComplete` was called
if(checkCallbackHooks.call(this)){ // user has already answered
this.options.enabled=false;} // apply blacklist / whitelist
if(arrayContainsMatches(this.options.blacklistPage,location.pathname)){this.options.enabled=false;}if(arrayContainsMatches(this.options.whitelistPage,location.pathname)){this.options.enabled=true;} // the full markup either contains the wrapper or it does not (for multiple instances)
var cookiePopup=this.options.window.replace('{{classes}}',getPopupClasses.call(this).join(' ')).replace('{{children}}',getPopupInnerMarkup.call(this)); // if user passes html, use it instead
var customHTML=this.options.overrideHTML;if(typeof customHTML=='string'&&customHTML.length){cookiePopup=customHTML;} // if static, we need to grow the element from 0 height so it doesn't jump the page
// content. we wrap an element around it which will mask the hidden content
if(this.options.static){ // `grower` is a wrapper div with a hidden overflow whose height is animated
var wrapper=appendMarkup.call(this,'<div class="cc-grower">'+cookiePopup+'</div>');wrapper.style.display=''; // set it to visible (because appendMarkup hides it)
this.element=wrapper.firstChild; // get the `element` reference from the wrapper
this.element.style.display='none';util.addClass(this.element,'cc-invisible');}else {this.element=appendMarkup.call(this,cookiePopup);}applyAutoDismiss.call(this);applyRevokeButton.call(this);if(this.options.autoOpen){this.autoOpen();}};CookiePopup.prototype.destroy=function(){if(this.onButtonClick&&this.element){this.element.removeEventListener('click',this.onButtonClick);this.onButtonClick=null;}if(this.dismissTimeout){clearTimeout(this.dismissTimeout);this.dismissTimeout=null;}if(this.onWindowScroll){window.removeEventListener('scroll',this.onWindowScroll);this.onWindowScroll=null;}if(this.onWindowClick){window.removeEventListener('click',this.onWindowClick);this.onWindowClick=null;}if(this.onMouseMove){window.removeEventListener('mousemove',this.onMouseMove);this.onMouseMove=null;}if(this.element&&this.element.parentNode){this.element.parentNode.removeChild(this.element);}this.element=null;if(this.revokeBtn&&this.revokeBtn.parentNode){this.revokeBtn.parentNode.removeChild(this.revokeBtn);}this.revokeBtn=null;removeCustomStyle(this.options.palette);this.options=null;};CookiePopup.prototype.open=function(callback){if(!this.element)return;if(!this.isOpen()){if(cc.hasTransition){this.fadeIn();}else {this.element.style.display='';}if(this.options.revokable){this.toggleRevokeButton();}this.options.onPopupOpen.call(this);}return this;};CookiePopup.prototype.close=function(showRevoke){if(!this.element)return;if(this.isOpen()){if(cc.hasTransition){this.fadeOut();}else {this.element.style.display='none';}if(showRevoke&&this.options.revokable){this.toggleRevokeButton(true);}this.options.onPopupClose.call(this);}return this;};CookiePopup.prototype.fadeIn=function(){var el=this.element;if(!cc.hasTransition||!el)return; // This should always be called AFTER fadeOut (which is governed by the 'transitionend' event).
// 'transitionend' isn't all that reliable, so, if we try and fadeIn before 'transitionend' has
// has a chance to run, then we run it ourselves
if(this.afterTransition){afterFadeOut.call(this,el);}if(util.hasClass(el,'cc-invisible')){el.style.display='';if(this.options.static){var height=this.element.clientHeight;this.element.parentNode.style.maxHeight=height+'px';}var fadeInTimeout=20; // (ms) DO NOT MAKE THIS VALUE SMALLER. See below
// Although most browsers can handle values less than 20ms, it should remain above this value.
// This is because we are waiting for a "browser redraw" before we remove the 'cc-invisible' class.
// If the class is remvoed before a redraw could happen, then the fadeIn effect WILL NOT work, and
// the popup will appear from nothing. Therefore we MUST allow enough time for the browser to do
// its thing. The actually difference between using 0 and 20 in a set timeout is neglegible anyway
this.openingTimeout=setTimeout(afterFadeIn.bind(this,el),fadeInTimeout);}};CookiePopup.prototype.fadeOut=function(){var el=this.element;if(!cc.hasTransition||!el)return;if(this.openingTimeout){clearTimeout(this.openingTimeout);afterFadeIn.bind(this,el);}if(!util.hasClass(el,'cc-invisible')){if(this.options.static){this.element.parentNode.style.maxHeight='';}this.afterTransition=afterFadeOut.bind(this,el);el.addEventListener(cc.transitionEnd,this.afterTransition);util.addClass(el,'cc-invisible');}};CookiePopup.prototype.isOpen=function(){return this.element&&this.element.style.display==''&&(cc.hasTransition?!util.hasClass(this.element,'cc-invisible'):true);};CookiePopup.prototype.toggleRevokeButton=function(show){if(this.revokeBtn)this.revokeBtn.style.display=show?'':'none';};CookiePopup.prototype.revokeChoice=function(preventOpen){this.options.enabled=true;this.clearStatus();this.options.onRevokeChoice.call(this);if(!preventOpen){this.autoOpen();}}; // returns true if the cookie has a valid value
CookiePopup.prototype.hasAnswered=function(options){return Object.keys(cc.status).indexOf(this.getStatus())>=0;}; // returns true if the cookie indicates that consent has been given
CookiePopup.prototype.hasConsented=function(options){var val=this.getStatus();return val==cc.status.allow||val==cc.status.dismiss;}; // opens the popup if no answer has been given
CookiePopup.prototype.autoOpen=function(options){if(!this.hasAnswered()&&this.options.enabled){this.open();}else if(this.hasAnswered()&&this.options.revokable){this.toggleRevokeButton(true);}};CookiePopup.prototype.setStatus=function(status){var c=this.options.cookie;var value=util.getCookie(c.name);var chosenBefore=Object.keys(cc.status).indexOf(value)>=0; // if `status` is valid
if(Object.keys(cc.status).indexOf(status)>=0){util.setCookie(c.name,status,c.expiryDays,c.domain,c.path,c.secure);this.options.onStatusChange.call(this,status,chosenBefore);}else {this.clearStatus();}};CookiePopup.prototype.getStatus=function(){return util.getCookie(this.options.cookie.name);};CookiePopup.prototype.clearStatus=function(){var c=this.options.cookie;util.setCookie(c.name,'',-1,c.domain,c.path);}; // This needs to be called after 'fadeIn'. This is the code that actually causes the fadeIn to work
// There is a good reason why it's called in a timeout. Read 'fadeIn';
function afterFadeIn(el){this.openingTimeout=null;util.removeClass(el,'cc-invisible');} // This is called on 'transitionend' (only on the transition of the fadeOut). That's because after we've faded out, we need to
// set the display to 'none' (so there aren't annoying invisible popups all over the page). If for whenever reason this function
// is not called (lack of support), the open/close mechanism will still work.
function afterFadeOut(el){el.style.display='none'; // after close and before open, the display should be none
el.removeEventListener(cc.transitionEnd,this.afterTransition);this.afterTransition=null;} // this function calls the `onComplete` hook and returns true (if needed) and returns false otherwise
function checkCallbackHooks(){var complete=this.options.onInitialise.bind(this);if(!window.navigator.cookieEnabled){complete(cc.status.deny);return true;}if(window.CookiesOK||window.navigator.CookiesOK){complete(cc.status.allow);return true;}var allowed=Object.keys(cc.status);var answer=this.getStatus();var match=allowed.indexOf(answer)>=0;if(match){complete(answer);}return match;}function getPositionClasses(){var positions=this.options.position.split('-'); // top, bottom, left, right
var classes=[]; // top, left, right, bottom
positions.forEach(function(cur){classes.push('cc-'+cur);});return classes;}function getPopupClasses(){var opts=this.options;var positionStyle=opts.position=='top'||opts.position=='bottom'?'banner':'floating';if(util.isMobile()){positionStyle='floating';}var classes=['cc-'+positionStyle, // floating or banner
'cc-type-'+opts.type, // add the compliance type
'cc-theme-'+opts.theme // add the theme
];if(opts.static){classes.push('cc-static');}classes.push.apply(classes,getPositionClasses.call(this)); // we only add extra styles if `palette` has been set to a valid value
var didAttach=attachCustomPalette.call(this,this.options.palette); // if we override the palette, add the class that enables this
if(this.customStyleSelector){classes.push(this.customStyleSelector);}return classes;}function getPopupInnerMarkup(){var interpolated={};var opts=this.options; // removes link if showLink is false
if(!opts.showLink){opts.elements.link='';opts.elements.messagelink=opts.elements.message;}Object.keys(opts.elements).forEach(function(prop){interpolated[prop]=util.interpolateString(opts.elements[prop],function(name){var str=opts.content[name];return name&&typeof str=='string'&&str.length?str:'';});}); // checks if the type is valid and defaults to info if it's not
var complianceType=opts.compliance[opts.type];if(!complianceType){complianceType=opts.compliance.info;} // build the compliance types from the already interpolated `elements`
interpolated.compliance=util.interpolateString(complianceType,function(name){return interpolated[name];}); // checks if the layout is valid and defaults to basic if it's not
var layout=opts.layouts[opts.layout];if(!layout){layout=opts.layouts.basic;}return util.interpolateString(layout,function(match){return interpolated[match];});}function appendMarkup(markup){var opts=this.options;var div=document.createElement('div');var cont=opts.container&&opts.container.nodeType===1?opts.container:document.body;div.innerHTML=markup;var el=div.children[0];el.style.display='none';if(util.hasClass(el,'cc-window')&&cc.hasTransition){util.addClass(el,'cc-invisible');} // save ref to the function handle so we can unbind it later
this.onButtonClick=handleButtonClick.bind(this);el.addEventListener('click',this.onButtonClick);if(opts.autoAttach){if(!cont.firstChild){cont.appendChild(el);}else {cont.insertBefore(el,cont.firstChild);}}return el;}function handleButtonClick(event){ // returns the parent element with the specified class, or the original element - null if not found
var btn=util.traverseDOMPath(event.target,'cc-btn')||event.target;if(util.hasClass(btn,'cc-btn')){var matches=btn.className.match(new RegExp('\\bcc-('+__allowedStatuses.join('|')+')\\b'));var match=matches&&matches[1]||false;if(match){this.setStatus(match);this.close(true);}}if(util.hasClass(btn,'cc-close')){this.setStatus(cc.status.dismiss);this.close(true);}if(util.hasClass(btn,'cc-revoke')){this.revokeChoice();}} // I might change this function to use inline styles. I originally chose a stylesheet because I could select many elements with a
// single rule (something that happened a lot), the apps has changed slightly now though, so inline styles might be more applicable.
function attachCustomPalette(palette){var hash=util.hash(JSON.stringify(palette));var selector='cc-color-override-'+hash;var isValid=util.isPlainObject(palette);this.customStyleSelector=isValid?selector:null;if(isValid){addCustomStyle(hash,palette,'.'+selector);}return isValid;}function addCustomStyle(hash,palette,prefix){ // only add this if a style like it doesn't exist
if(cc.customStyles[hash]){ // custom style already exists, so increment the reference count
++cc.customStyles[hash].references;return;}var colorStyles={};var popup=palette.popup;var button=palette.button;var highlight=palette.highlight; // needs background colour, text and link will be set to black/white if not specified
if(popup){ // assumes popup.background is set
popup.text=popup.text?popup.text:util.getContrast(popup.background);popup.link=popup.link?popup.link:popup.text;colorStyles[prefix+'.cc-window']=['color: '+popup.text,'background-color: '+popup.background];colorStyles[prefix+'.cc-revoke']=['color: '+popup.text,'background-color: '+popup.background];colorStyles[prefix+' .cc-link,'+prefix+' .cc-link:active,'+prefix+' .cc-link:visited']=['color: '+popup.link];if(button){ // assumes button.background is set
button.text=button.text?button.text:util.getContrast(button.background);button.border=button.border?button.border:'transparent';colorStyles[prefix+' .cc-btn']=['color: '+button.text,'border-color: '+button.border,'background-color: '+button.background];if(button.padding){colorStyles[prefix+' .cc-btn'].push('padding: '+button.padding);}if(button.background!='transparent'){colorStyles[prefix+' .cc-btn:hover, '+prefix+' .cc-btn:focus']=['background-color: '+(button.hover||getHoverColour(button.background))];}if(highlight){ //assumes highlight.background is set
highlight.text=highlight.text?highlight.text:util.getContrast(highlight.background);highlight.border=highlight.border?highlight.border:'transparent';colorStyles[prefix+' .cc-highlight .cc-btn:first-child']=['color: '+highlight.text,'border-color: '+highlight.border,'background-color: '+highlight.background];}else { // sets highlight text color to popup text. background and border are transparent by default.
colorStyles[prefix+' .cc-highlight .cc-btn:first-child']=['color: '+popup.text];}}} // this will be interpretted as CSS. the key is the selector, and each array element is a rule
var style=document.createElement('style');document.head.appendChild(style); // custom style doesn't exist, so we create it
cc.customStyles[hash]={references:1,element:style.sheet};var ruleIndex=-1;for(var prop in colorStyles){if(colorStyles.hasOwnProperty(prop)){style.sheet.insertRule(prop+'{'+colorStyles[prop].join(';')+'}',++ruleIndex);}}}function getHoverColour(hex){hex=util.normaliseHex(hex); // for black buttons
if(hex=='000000'){return '#222';}return util.getLuminance(hex);}function removeCustomStyle(palette){if(util.isPlainObject(palette)){var hash=util.hash(JSON.stringify(palette));var customStyle=cc.customStyles[hash];if(customStyle&&! --customStyle.references){var styleNode=customStyle.element.ownerNode;if(styleNode&&styleNode.parentNode){styleNode.parentNode.removeChild(styleNode);}cc.customStyles[hash]=null;}}}function arrayContainsMatches(array,search){for(var i=0,l=array.length;i<l;++i){var str=array[i]; // if regex matches or string is equal, return true
if(str instanceof RegExp&&str.test(search)||typeof str=='string'&&str.length&&str===search){return true;}}return false;}function applyAutoDismiss(){var setStatus=this.setStatus.bind(this);var close=this.close.bind(this);var delay=this.options.dismissOnTimeout;if(typeof delay=='number'&&delay>=0){this.dismissTimeout=window.setTimeout(function(){setStatus(cc.status.dismiss);close(true);},Math.floor(delay));}var scrollRange=this.options.dismissOnScroll;if(typeof scrollRange=='number'&&scrollRange>=0){var onWindowScroll=function onWindowScroll(evt){if(window.pageYOffset>Math.floor(scrollRange)){setStatus(cc.status.dismiss);close(true);window.removeEventListener('scroll',onWindowScroll);this.onWindowScroll=null;}};if(this.options.enabled){this.onWindowScroll=onWindowScroll;window.addEventListener('scroll',onWindowScroll);}}var windowClick=this.options.dismissOnWindowClick;var ignoredClicks=this.options.ignoreClicksFrom;if(windowClick){var onWindowClick=function(evt){var isIgnored=false;var pathLen=evt.path.length;var ignoredLen=ignoredClicks.length;for(var i=0;i<pathLen;i++){if(isIgnored)continue;for(var i2=0;i2<ignoredLen;i2++){if(isIgnored)continue;isIgnored=util.hasClass(evt.path[i],ignoredClicks[i2]);}}if(!isIgnored){setStatus(cc.status.dismiss);close(true);window.removeEventListener('click',onWindowClick);window.removeEventListener('touchend',onWindowClick);this.onWindowClick=null;}}.bind(this);if(this.options.enabled){this.onWindowClick=onWindowClick;window.addEventListener('click',onWindowClick);window.addEventListener('touchend',onWindowClick);}}}function applyRevokeButton(){ // revokable is true if advanced compliance is selected
if(this.options.type!='info')this.options.revokable=true; // animateRevokable false for mobile devices
if(util.isMobile())this.options.animateRevokable=false;if(this.options.revokable){var classes=getPositionClasses.call(this);if(this.options.animateRevokable){classes.push('cc-animate');}if(this.customStyleSelector){classes.push(this.customStyleSelector);}var revokeBtn=this.options.revokeBtn.replace('{{classes}}',classes.join(' ')).replace('{{policy}}',this.options.content.policy);this.revokeBtn=appendMarkup.call(this,revokeBtn);var btn=this.revokeBtn;if(this.options.animateRevokable){var wait=false;var onMouseMove=util.throttle(function(evt){var active=false;var minY=20;var maxY=window.innerHeight-20;if(util.hasClass(btn,'cc-top')&&evt.clientY<minY)active=true;if(util.hasClass(btn,'cc-bottom')&&evt.clientY>maxY)active=true;if(active){if(!util.hasClass(btn,'cc-active')){util.addClass(btn,'cc-active');}}else {if(util.hasClass(btn,'cc-active')){util.removeClass(btn,'cc-active');}}},200);this.onMouseMove=onMouseMove;window.addEventListener('mousemove',onMouseMove);}}}return CookiePopup;}();cc.Location=function(){ // An object containing all the location services we have already set up.
// When using a service, it could either return a data structure in plain text (like a JSON object) or an executable script
// When the response needs to be executed by the browser, then `isScript` must be set to true, otherwise it won't work.
// When the service uses a script, the chances are that you'll have to use the script to make additional requests. In these
// cases, the services `callback` property is called with a `done` function. When performing async operations, this must be called
// with the data (or Error), and `cookieconsent.locate` will take care of the rest
var defaultOptions={ // The default timeout is 5 seconds. This is mainly needed to catch JSONP requests that error.
// Otherwise there is no easy way to catch JSONP errors. That means that if a JSONP fails, the
// app will take `timeout` milliseconds to react to a JSONP network error.
timeout:5000, // the order that services will be attempted in
services:['ipinfo' /*
        
                // 'ipinfodb' requires some options, so we define it using an object
                // this object will be passed to the function that defines the service
        
                {
                  name: 'ipinfodb',
                  interpolateUrl: {
                    // obviously, this is a fake key
                    api_key: 'vOgI3748dnIytIrsJcxS7qsDf6kbJkE9lN4yEDrXAqXcKUNvjjZPox3ekXqmMMld'
                  },
                },
        
                // as well as defining an object, you can define a function that returns an object
        
                function () {
                  return {name: 'ipinfodb'};
                },
        
                */],serviceDefinitions:{ipinfo:function ipinfo(){return { // This service responds with JSON, so we simply need to parse it and return the country code
url:'//ipinfo.io',headers:['Accept: application/json'],callback:function callback(done,response){try{var json=JSON.parse(response);return json.error?toError(json):{code:json.country};}catch(err){return toError({error:'Invalid response ('+err+')'});}}};}, // This service requires an option to define `key`. Options are proived using objects or functions
ipinfodb:function ipinfodb(options){return { // This service responds with JSON, so we simply need to parse it and return the country code
url:'//api.ipinfodb.com/v3/ip-country/?key={api_key}&format=json&callback={callback}',isScript:true, // this is JSONP, therefore we must set it to run as a script
callback:function callback(done,response){try{var json=JSON.parse(response);return json.statusCode=='ERROR'?toError({error:json.statusMessage}):{code:json.countryCode};}catch(err){return toError({error:'Invalid response ('+err+')'});}}};},maxmind:function maxmind(){return { // This service responds with a JavaScript file which defines additional functionality. Once loaded, we must
// make an additional AJAX call. Therefore we provide a `done` callback that can be called asynchronously
url:'//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js',isScript:true, // this service responds with a JavaScript file, so it must be run as a script
callback:function callback(done){ // if everything went okay then `geoip2` WILL be defined
if(!window.geoip2){done(new Error('Unexpected response format. The downloaded script should have exported `geoip2` to the global scope'));return;}geoip2.country(function(location){try{done({code:location.country.iso_code});}catch(err){done(toError(err));}},function(err){done(toError(err));}); // We can't return anything, because we need to wait for the second AJAX call to return.
// Then we can 'complete' the service by passing data or an error to the `done` callback.
}};}}};function Location(options){ // Set up options
util.deepExtend(this.options={},defaultOptions);if(util.isPlainObject(options)){util.deepExtend(this.options,options);}this.currentServiceIndex=-1; // the index (in options) of the service we're currently using
}Location.prototype.getNextService=function(){var service;do {service=this.getServiceByIdx(++this.currentServiceIndex);}while(this.currentServiceIndex<this.options.services.length&&!service);return service;};Location.prototype.getServiceByIdx=function(idx){ // This can either be the name of a default locationService, or a function.
var serviceOption=this.options.services[idx]; // If it's a string, use one of the location services.
if(typeof serviceOption==='function'){var dynamicOpts=serviceOption();if(dynamicOpts.name){util.deepExtend(dynamicOpts,this.options.serviceDefinitions[dynamicOpts.name](dynamicOpts));}return dynamicOpts;} // If it's a string, use one of the location services.
if(typeof serviceOption==='string'){return this.options.serviceDefinitions[serviceOption]();} // If it's an object, assume {name: 'ipinfo', ...otherOptions}
// Allows user to pass in API keys etc.
if(util.isPlainObject(serviceOption)){return this.options.serviceDefinitions[serviceOption.name](serviceOption);}return null;}; // This runs the service located at index `currentServiceIndex`.
// If the service fails, `runNextServiceOnError` will continue trying each service until all fail, or one completes successfully
Location.prototype.locate=function(complete,error){var service=this.getNextService();if(!service){error(new Error('No services to run'));return;}this.callbackComplete=complete;this.callbackError=error;this.runService(service,this.runNextServiceOnError.bind(this));}; // Potentially adds a callback to a url for jsonp.
Location.prototype.setupUrl=function(service){var serviceOpts=this.getCurrentServiceOpts();return service.url.replace(/\{(.*?)\}/g,function(_,param){if(param==='callback'){var tempName='callback'+Date.now();window[tempName]=function(res){service.__JSONP_DATA=JSON.stringify(res);};return tempName;}if(param in serviceOpts.interpolateUrl){return serviceOpts.interpolateUrl[param];}});}; // requires a `service` object that defines at least a `url` and `callback`
Location.prototype.runService=function(service,complete){var self=this; // basic check to ensure it resembles a `service`
if(!service||!service.url||!service.callback){return;} // we call either `getScript` or `makeAsyncRequest` depending on the type of resource
var requestFunction=service.isScript?getScript:makeAsyncRequest;var url=this.setupUrl(service); // both functions have similar signatures so we can pass the same arguments to both
requestFunction(url,function(xhr){ // if `!xhr`, then `getScript` function was used, so there is no response text
var responseText=xhr?xhr.responseText:''; // if the resource is a script, then this function is called after the script has been run.
// if the script is JSONP, then a time defined function `callback_{Date.now}` has already
// been called (as the JSONP callback). This callback sets the __JSONP_DATA property
if(service.__JSONP_DATA){responseText=service.__JSONP_DATA;delete service.__JSONP_DATA;} // call the service callback with the response text (so it can parse the response)
self.runServiceCallback.call(self,complete,service,responseText);},this.options.timeout,service.data,service.headers); // `service.data` and `service.headers` are optional (they only count if `!service.isScript` anyway)
}; // The service request has run (and possibly has a `responseText`) [no `responseText` if `isScript`]
// We need to run its callback which determines if its successful or not
// `complete` is called on success or failure
Location.prototype.runServiceCallback=function(complete,service,responseText){var self=this; // this is the function that is called if the service uses the async callback in its handler method
var serviceResultHandler=function serviceResultHandler(asyncResult){ // if `result` is a valid value, then this function shouldn't really run
// even if it is called by `service.callback`
if(!result){self.onServiceResult.call(self,complete,asyncResult);}}; // the function `service.callback` will either extract a country code from `responseText` and return it (in `result`)
// or (if it has to make additional requests) it will call a `done` callback with the country code when it is ready
var result=service.callback(serviceResultHandler,responseText);if(result){this.onServiceResult.call(this,complete,result);}}; // This is called with the `result` from `service.callback` regardless of how it provided that result (sync or async).
// `result` will be whatever is returned from `service.callback`. A service callback should provide an object with data
Location.prototype.onServiceResult=function(complete,result){ // convert result to nodejs style async callback
if(result instanceof Error||result&&result.error){complete.call(this,result,null);}else {complete.call(this,null,result);}}; // if `err` is set, the next service handler is called
// if `err` is null, the `onComplete` handler is called with `data`
Location.prototype.runNextServiceOnError=function(err,data){if(err){this.logError(err);var nextService=this.getNextService();if(nextService){this.runService(nextService,this.runNextServiceOnError.bind(this));}else {this.completeService.call(this,this.callbackError,new Error('All services failed'));}}else {this.completeService.call(this,this.callbackComplete,data);}};Location.prototype.getCurrentServiceOpts=function(){var val=this.options.services[this.currentServiceIndex];if(typeof val=='string'){return {name:val};}if(typeof val=='function'){return val();}if(util.isPlainObject(val)){return val;}return {};}; // calls the `onComplete` callback after resetting the `currentServiceIndex`
Location.prototype.completeService=function(fn,data){this.currentServiceIndex=-1;fn&&fn(data);};Location.prototype.logError=function(err){var idx=this.currentServiceIndex;var service=this.getServiceByIdx(idx);console.warn('The service['+idx+'] ('+service.url+') responded with the following error',err);};function getScript(url,callback,timeout){var timeoutIdx,s=document.createElement('script');s.type='text/'+(url.type||'javascript');s.src=url.src||url;s.async=false;s.onreadystatechange=s.onload=function(){ // this code handles two scenarios, whether called by onload or onreadystatechange
var state=s.readyState;clearTimeout(timeoutIdx);if(!callback.done&&(!state||/loaded|complete/.test(state))){callback.done=true;callback();s.onreadystatechange=s.onload=null;}};document.body.appendChild(s); // You can't catch JSONP Errors, because it's handled by the script tag
// one way is to use a timeout
timeoutIdx=setTimeout(function(){callback.done=true;callback();s.onreadystatechange=s.onload=null;},timeout);}function makeAsyncRequest(url,onComplete,timeout,postData,requestHeaders){var xhr=new (window.XMLHttpRequest||window.ActiveXObject)('MSXML2.XMLHTTP.3.0');xhr.open(postData?'POST':'GET',url,1);xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');if(Array.isArray(requestHeaders)){for(var i=0,l=requestHeaders.length;i<l;++i){var split=requestHeaders[i].split(':',2);xhr.setRequestHeader(split[0].replace(/^\s+|\s+$/g,''),split[1].replace(/^\s+|\s+$/g,''));}}if(typeof onComplete=='function'){xhr.onreadystatechange=function(){if(xhr.readyState>3){onComplete(xhr);}};}xhr.send(postData);}function toError(obj){return new Error('Error ['+(obj.code||'UNKNOWN')+']: '+obj.error);}return Location;}();cc.Law=function(){var defaultOptions={ // Make this false if you want to disable all regional overrides for settings.
// If true, options can differ by country, depending on their cookie law.
// It does not affect hiding the popup for countries that do not have cookie law.
regionalLaw:true, // countries that enforce some version of a cookie law
hasLaw:['AT','BE','BG','HR','CZ','CY','DK','EE','FI','FR','DE','EL','HU','IE','IT','LV','LT','LU','MT','NL','PL','PT','SK','ES','SE','GB','UK','GR','EU'], // countries that say that all cookie consent choices must be revokable (a user must be able too change their mind)
revokable:['HR','CY','DK','EE','FR','DE','LV','LT','NL','PT','ES'], // countries that say that a person can only "consent" if the explicitly click on "I agree".
// in these countries, consent cannot be implied via a timeout or by scrolling down the page
explicitAction:['HR','IT','ES']};function Law(options){this.initialise.apply(this,arguments);}Law.prototype.initialise=function(options){ // set options back to default options
util.deepExtend(this.options={},defaultOptions); // merge in user options
if(util.isPlainObject(options)){util.deepExtend(this.options,options);}};Law.prototype.get=function(countryCode){var opts=this.options;return {hasLaw:opts.hasLaw.indexOf(countryCode)>=0,revokable:opts.revokable.indexOf(countryCode)>=0,explicitAction:opts.explicitAction.indexOf(countryCode)>=0};};Law.prototype.applyLaw=function(options,countryCode){var country=this.get(countryCode);if(!country.hasLaw){ // The country has no cookie law
options.enabled=false;if(typeof options.onNoCookieLaw==='function'){options.onNoCookieLaw(countryCode,country);}}if(this.options.regionalLaw){if(country.revokable){ // We must provide an option to revoke consent at a later time
options.revokable=true;}if(country.explicitAction){ // The user must explicitly click the consent button
options.dismissOnScroll=false;options.dismissOnTimeout=false;}}return options;};return Law;}(); // This function initialises the app by combining the use of the Popup, Locator and Law modules
// You can string together these three modules yourself however you want, by writing a new function.
cc.initialise=function(options,complete,error){var law=new cc.Law(options.law);if(!complete)complete=function complete(){};if(!error)error=function error(){}; // I hardcoded this because I cba to refactor a fuck load of code.
// Bad developer. Bad.
var allowed=Object.keys(cc.status);var answer=util.getCookie('cookieconsent_status');var match=allowed.indexOf(answer)>=0; // if they have already answered
if(match){complete(new cc.Popup(options));return;}cc.getCountryCode(options,function(result){ // don't need the law or location options anymore
delete options.law;delete options.location;if(result.code){options=law.applyLaw(options,result.code);}complete(new cc.Popup(options));},function(err){ // don't need the law or location options anymore
delete options.law;delete options.location;error(err,new cc.Popup(options));});}; // This function tries to find your current location. It either grabs it from a hardcoded option in
// `options.law.countryCode`, or attempts to make a location service request. This function accepts
// options (which can configure the `law` and `location` modules) and fires a callback with which
// passes an object `{code: countryCode}` as the first argument (which can have undefined properties)
cc.getCountryCode=function(options,complete,error){if(options.law&&options.law.countryCode){complete({code:options.law.countryCode});return;}if(options.location){var locator=new cc.Location(options.location);locator.locate(function(serviceResult){complete(serviceResult||{});},error);return;}complete({});}; // export utils (no point in hiding them, so we may as well expose them)
cc.utils=util; // prevent this code from being run twice
cc.hasInitialised=true;window.cookieconsent=cc;})(window.cookieconsent||{});var Router=function(){function Router(){_classCallCheck(this,Router);this.registry=new Map();this.singletons=new Map();this.transients=new Map();this.instanceCount=new Map();this.selectorCache=new Map();}_createClass(Router,[{key:'registerTransient',value:function registerTransient(moduleName){if(!this.registry.has(moduleName)){this.registry.set(moduleName,'transient');}return this;}},{key:'registerSingleton',value:function registerSingleton(moduleName){if(!this.registry.has(moduleName)){this.registry.set(moduleName,'singleton');}return this;}},{key:'get',value:function get(moduleName){if(!this.registry.has(moduleName)){this.log('Router: module not found in registry');return;}else {var registryItem=this.registry.get(moduleName);if(registryItem!='singleton'){this.log('Router: get only accepts singletons this module is registred as a '+registryItem);return;}else {this.setSingleton(moduleName);}}return this;}},{key:'dom',value:function dom(selector,moduleName){if(!this.registry.has(moduleName)){this.log('Router: module not found in registry');return;}if(this.selectorCache.has(moduleName)&&this.selectorCache.get(moduleName)===selector){this.log('Router: selector already exists for module'+moduleName+'('+selector+')');return;}if($(selector).length>0){var registryItem=this.registry.get(moduleName);switch(registryItem){case "singleton":this.setSingleton(moduleName);this.selectorCache.set(moduleName,selector);break;case "transient":$(selector).each(function(i,elm){this.setTransient(moduleName,elm);this.selectorCache.set(moduleName,selector);}.bind(this));break;}}return this;}},{key:'setSingleton',value:function setSingleton(moduleName){if(!this.singletons.has(moduleName)){var module=eval('new '+moduleName+'();');this.singletons.set(moduleName,module);this.log('Router: singleton added with name: '+moduleName);return module;}else {this.log('Router: singleton fetched with name: '+moduleName);return this.singletons.get(moduleName);}}},{key:'setTransient',value:function setTransient(moduleName,elm){var currentInstanceCount=this.instanceCount.has(moduleName)?this.instanceCount.get(moduleName):0;var incrementedModuleName=moduleName+'_'+currentInstanceCount;var _elm=elm;var module=eval('new '+moduleName+'(_elm);');this.transients.set(incrementedModuleName,module);this.log('Router: transient added with name: '+incrementedModuleName);currentInstanceCount+=1;this.instanceCount.set(moduleName,currentInstanceCount);return module;}},{key:'getInstance',value:function getInstance(moduleName){return this.setSingleton(moduleName);}},{key:'log',value:function log(msg){if(debug){console.info('⥱ '+msg);}}}]);return Router;}();var BreakpointTool=function(){function BreakpointTool(){_classCallCheck(this,BreakpointTool);if(globalData.islocal){this.$container=$('body');this.init();this.setEventListeners();}}_createClass(BreakpointTool,[{key:'init',value:function init(){this.$module=$('<div id="BreakpointTool"></div>');this.$container.prepend(this.$module);this.$module.css({position:'fixed',left:0,top:0,background:'rgba(255,0,0,.5)',display:'block',width:'100px',height:'20px',textAlign:'center',fontSize:'12px',color:'white',zIndex:99999});this.$module.append('<span class="BreakpointTool-breakpoint">verylarge</span>');this.setState();}},{key:'setState',value:function setState(){$('.BreakpointTool-breakpoint').text(Foundation.MediaQuery.current);}},{key:'setEventListeners',value:function setEventListeners(){$(window).on('changed.zf.mediaquery',function(event,newSize){$('.BreakpointTool-breakpoint').text(newSize);});}},{key:'onWindowResize',value:function onWindowResize(){this.setState();}}]);return BreakpointTool;}();var ReCaptcha=function(){function ReCaptcha(_elm){_classCallCheck(this,ReCaptcha);this.elm=_elm;this.$elm=$(this.elm);this.$form=this.$elm.closest('form');this.args=this.$elm.data();this.widgetId=null;this.setEventListeners();}_createClass(ReCaptcha,[{key:'validate',value:function validate(event){event.preventDefault();}},{key:'setEventListeners',value:function setEventListeners(){this.$form.on('submit',this.onFormValid.bind(this));}},{key:'callback',value:function callback(token){this.$form.find('[name="g-recaptcha-response"]').val(token);this.$form.trigger('submit',[true]);}},{key:'onFormValid',value:function onFormValid(event){var skipRecaptcha=arguments.length<=1||arguments[1]===undefined?false:arguments[1];if(skipRecaptcha){return;}event.preventDefault();if(this.widgetId===null){this.widgetId=grecaptcha.render(this.elm,{'sitekey':globalData.recaptchasitekey,'action':this.args.recaptchaaction,'callback':this.callback.bind(this)});}grecaptcha.execute(this.widgetId);}},{key:'onFormInValid',value:function onFormInValid(event){ //do nothing abide already shows why the form is not valid
}}]);return ReCaptcha;}();$(function(){var $newsletterForm=$('.newsletter-subscribe');$newsletterForm.each(function(){$(this).on("submit",function(ev){ev.preventDefault();}).on('formvalid.zf.abide',function(e){e.stopPropagation();e.preventDefault();var $form=$(this);var url=$form.attr('action');$.ajax({type:"POST",url:url,dataType:'json',data:$form.serialize(),success:function success(data){console.log(data);if(data){$form.parent().addClass('submitted');}else {$form.parent().addClass('error');}},error:function error(xhr,resp,text){console.log(xhr,resp,text);$form.parent().addClass('error');}});});});});$(function(){if(EnableCookieConsentDialog){window.cookieconsent.initialise({ //palette: {
//    "popup": {
//        "background": "#6f2c91",
//        "text": "#ffffff"
//    },
//    "button": {
//        "background": "#b41e8e",
//        "text": "#ffffff"
//    }
//},
//type: "opt-in",
//position: "top",
//static: true,
content:{"message":CookieDialogText,"dismiss":DismissButtonText,"link":CookieDialogLearnMoreLinkText,"href":CookieDialogLearnMoreLink},elements:{message:'<span id="cookieconsent:desc" class="cc-message">{{message}}</span>',dismiss:'<a aria-label="dismiss cookie message" role=button tabindex="0" class="button white cc-btn cc-dismiss">{{dismiss}}</a>',allow:'<a aria-label="allow cookies" role=button tabindex="0"  class="cc-btn cc-allow">{{allow}}</a>',deny:'<a aria-label="deny cookies" role=button tabindex="0" class="cc-btn cc-deny">{{deny}}</a>',link:'<a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" rel="noopener noreferrer nofollow" target="{{target}}">{{link}}</a>'},onPopupOpen:function onPopupOpen(){bodyPadding(this.element.clientHeight);},onPopupClose:function onPopupClose(){bodyPadding(0);}});$(window).on('resize',function(){var $cc=$('.cc-window');if($cc.length&&$cc.is(":visible"))bodyPadding($cc.outerHeight());});}});function bodyPadding(height){var $body=$('body');$body.css({transition:'padding 300ms',paddingBottom:height+'px'});}function isUndefined(obj){return typeof obj==="undefined";}function isDefined(obj){return !isUndefined(obj);}function hasValue(obj){return obj!=null&&isDefined(obj)&&obj!=="";}var $document,$window,router,globalData,debug;var onloadCallback=function onloadCallback(){$(".g-recaptcha").each(function(){var object=$(this);var $form=object.closest('form');var $formId=object.attr("id");var googleSiteKey=$("body").data("recaptchasitekey");var clientId=grecaptcha.render($formId,{'sitekey':googleSiteKey,"callback":function callback(token){$form.find(".g-recaptcha-response").val(token);$('.error',$form).remove();$form.removeAttr('data-abide');$form.trigger('submit',[true]);}});grecaptcha.reset();$form.on("submit",function(e,skipRecaptcha){if(skipRecaptcha){return;}e.preventDefault();}).on('formvalid.zf.abide',function(event,frm){grecaptcha.execute(clientId);});});};$(function(){$document=$(document);$window=$(window);globalData=$('body').data();debug=true //set to true or false to debug on local
&&globalData.islocal!=null&&globalData.islocal===true;var router=new Router();router //.registerTransient("OrangeCookie")
//.registerSingleton("Slider")
.registerSingleton("BreakpointTool") //.registerTransient("ReCaptcha")
//.dom(".OrangeCookie", "OrangeCookie")
//.get("Slider")
.get("BreakpointTool"); //.dom(".ReCaptcha", "ReCaptcha");
});$(window).on("load",function(){$('body').addClass('loaded');});var $hamburger=$('.hamburger');var $topBar=$('.top-bar');if($hamburger.length){menuVisible();$hamburger.on('click',function(){menuVisible();});$(window).on('resize',function(){menuVisible();});}function menuVisible(){if($topBar.is(':visible')){$hamburger.addClass('is-active');}else {$hamburger.removeClass('is-active');}}var $searchBox=$('.headerSearchBox');if($searchBox.length){var $searchToggle=$searchBox.find('.searchTogglebutton');var $searchInput=$searchBox.find('.searchInput');var $searchSubmit=$searchBox.find('.searchSubmitbutton');$searchSubmit.on("mousedown",function(){if($searchInput.val().length>0){$searchBox.submit();}else {$searchBox.blur();}});$searchToggle.on("click",function(){$searchBox.addClass("active");$searchInput.focus();});$searchInput.on('blur',function(){$searchBox.removeClass("active");$searchInput.val("");}).on('focus',function(){$searchBox.addClass("active");});$(window).scroll(function(){$searchBox.removeClass("active");$searchInput.blur();});}