2 lines
41 KiB
JavaScript
2 lines
41 KiB
JavaScript
(function(window){if(!window.document)return;var document=window.document;if(!document.querySelectorAll){document.querySelectorAll=function(selectors){var style=document.createElement("style"),elements=[],element;document.documentElement.firstChild.appendChild(style);document._qsa=[];style.styleSheet.cssText=selectors+"{x-qsa:expression(document._qsa && document._qsa.push(this))}";window.scrollBy(0,0);style.parentNode.removeChild(style);while(document._qsa.length){element=document._qsa.shift();element.style.removeAttribute("x-qsa");elements.push(element)}document._qsa=null;return elements}}if(!document.querySelector){document.querySelector=function(selectors){var elements=document.querySelectorAll(selectors);return elements.length?elements[0]:null}}if(!document.getElementsByClassName){document.getElementsByClassName=function(classNames){classNames=String(classNames).replace(/^|\s+/g,".");return document.querySelectorAll(classNames)}}if(!Object.keys){Object.keys=function(o){if(o!==Object(o)){throw TypeError("Object.keys called on non-object")}var ret=[],p;for(p in o){if(Object.prototype.hasOwnProperty.call(o,p)){ret.push(p)}}return ret}}(function(global){var B64_ALPHABET="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";global.atob=global.atob||function(input){input=String(input);var position=0,output=[],buffer=0,bits=0,n;input=input.replace(/\s/g,"");if(input.length%4===0){input=input.replace(/=+$/,"")}if(input.length%4===1){throw Error("InvalidCharacterError")}if(/[^+/0-9A-Za-z]/.test(input)){throw Error("InvalidCharacterError")}while(position<input.length){n=B64_ALPHABET.indexOf(input.charAt(position));buffer=buffer<<6|n;bits+=6;if(bits===24){output.push(String.fromCharCode(buffer>>16&255));output.push(String.fromCharCode(buffer>>8&255));output.push(String.fromCharCode(buffer&255));bits=0;buffer=0}position+=1}if(bits===12){buffer=buffer>>4;output.push(String.fromCharCode(buffer&255))}else if(bits===18){buffer=buffer>>2;output.push(String.fromCharCode(buffer>>8&255));output.push(String.fromCharCode(buffer&255))}return output.join("")};global.btoa=global.btoa||function(input){input=String(input);var position=0,out=[],o1,o2,o3,e1,e2,e3,e4;if(/[^\x00-\xFF]/.test(input)){throw Error("InvalidCharacterError")}while(position<input.length){o1=input.charCodeAt(position++);o2=input.charCodeAt(position++);o3=input.charCodeAt(position++);e1=o1>>2;e2=(o1&3)<<4|o2>>4;e3=(o2&15)<<2|o3>>6;e4=o3&63;if(position===input.length+2){e3=64;e4=64}else if(position===input.length+1){e4=64}out.push(B64_ALPHABET.charAt(e1),B64_ALPHABET.charAt(e2),B64_ALPHABET.charAt(e3),B64_ALPHABET.charAt(e4))}return out.join("")}})(window);if(!Object.prototype.hasOwnProperty){Object.prototype.hasOwnProperty=function(prop){var proto=this.__proto__||this.constructor.prototype;return prop in this&&(!(prop in proto)||proto[prop]!==this[prop])}}(function(){if("performance"in window===false){window.performance={}}Date.now=Date.now||function(){return(new Date).getTime()};if("now"in window.performance===false){var nowOffset=Date.now();if(performance.timing&&performance.timing.navigationStart){nowOffset=performance.timing.navigationStart}window.performance.now=function now(){return Date.now()-nowOffset}}})();if(!window.requestAnimationFrame){if(window.webkitRequestAnimationFrame){(function(global){global.requestAnimationFrame=function(callback){return webkitRequestAnimationFrame(function(){callback(global.performance.now())})};global.cancelAnimationFrame=webkitCancelAnimationFrame})(window)}else if(window.mozRequestAnimationFrame){(function(global){global.requestAnimationFrame=function(callback){return mozRequestAnimationFrame(function(){callback(global.performance.now())})};global.cancelAnimationFrame=mozCancelAnimationFrame})(window)}else{(function(global){global.requestAnimationFrame=function(callback){return global.setTimeout(callback,1e3/60)};global.cancelAnimationFrame=global.clearTimeout})(window)}}})(this);(function webpackUniversalModuleDefinition(root,factory){if(typeof exports==="object"&&typeof module==="object")module.exports=factory();else if(typeof define==="function"&&define.amd)define(factory);else if(typeof exports==="object")exports["Holder"]=factory();else root["Holder"]=factory()})(this,function(){return function(modules){var installedModules={};function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={exports:{},id:moduleId,loaded:false};modules[moduleId].call(module.exports,module,module.exports,__webpack_require__);module.loaded=true;return module.exports}__webpack_require__.m=modules;__webpack_require__.c=installedModules;__webpack_require__.p="";return __webpack_require__(0)}([function(module,exports,__webpack_require__){(function(global){var onDomReady=__webpack_require__(1);var SceneGraph=__webpack_require__(2);var utils=__webpack_require__(3);var querystring=__webpack_require__(4);var extend=utils.extend;var getNodeArray=utils.getNodeArray;var dimensionCheck=utils.dimensionCheck;var SVG_NS="http://www.w3.org/2000/svg";var NODE_TYPE_COMMENT=8;var version="2.7.1";var generatorComment="\n"+"Created with Holder.js "+version+".\n"+"Learn more at http://holderjs.com\n"+"(c) 2012-2015 Ivan Malopinsky - http://imsky.co\n";var Holder={version:version,addTheme:function(name,theme){name!=null&&theme!=null&&(App.settings.themes[name]=theme);delete App.vars.cache.themeKeys;return this},addImage:function(src,el){var node=document.querySelectorAll(el);if(node.length){for(var i=0,l=node.length;i<l;i++){var img=newEl("img");var domProps={};domProps[App.vars.dataAttr]=src;setAttr(img,domProps);node[i].appendChild(img)}}return this},setResizeUpdate:function(el,value){if(el.holderData){el.holderData.resizeUpdate=!!value;if(el.holderData.resizeUpdate){updateResizableElements(el)}}},run:function(userOptions){userOptions=userOptions||{};var engineSettings={};var options=extend(App.settings,userOptions);App.vars.preempted=true;App.vars.dataAttr=options.dataAttr||App.vars.dataAttr;engineSettings.renderer=options.renderer?options.renderer:App.setup.renderer;if(App.setup.renderers.join(",").indexOf(engineSettings.renderer)===-1){engineSettings.renderer=App.setup.supportsSVG?"svg":App.setup.supportsCanvas?"canvas":"html"}var images=getNodeArray(options.images);var bgnodes=getNodeArray(options.bgnodes);var stylenodes=getNodeArray(options.stylenodes);var objects=getNodeArray(options.objects);engineSettings.stylesheets=[];engineSettings.svgXMLStylesheet=true;engineSettings.noFontFallback=options.noFontFallback?options.noFontFallback:false;for(var i=0;i<stylenodes.length;i++){var styleNode=stylenodes[i];if(styleNode.attributes.rel&&styleNode.attributes.href&&styleNode.attributes.rel.value=="stylesheet"){var href=styleNode.attributes.href.value;var proxyLink=newEl("a");proxyLink.href=href;var stylesheetURL=proxyLink.protocol+"//"+proxyLink.host+proxyLink.pathname+proxyLink.search;engineSettings.stylesheets.push(stylesheetURL)}}for(i=0;i<bgnodes.length;i++){if(!global.getComputedStyle)continue;var backgroundImage=global.getComputedStyle(bgnodes[i],null).getPropertyValue("background-image");var dataBackgroundImage=bgnodes[i].getAttribute("data-background-src");var rawURL=null;if(dataBackgroundImage==null){rawURL=backgroundImage}else{rawURL=dataBackgroundImage}var holderURL=null;var holderString="?"+options.domain+"/";if(rawURL.indexOf(holderString)===0){holderURL=rawURL.slice(1)}else if(rawURL.indexOf(holderString)!=-1){var fragment=rawURL.substr(rawURL.indexOf(holderString)).slice(1);var fragmentMatch=fragment.match(/([^\"]*)"?\)/);if(fragmentMatch!=null){holderURL=fragmentMatch[1]}}if(holderURL!=null){var holderFlags=parseURL(holderURL,options);if(holderFlags){prepareDOMElement({mode:"background",el:bgnodes[i],flags:holderFlags,engineSettings:engineSettings})}}}for(i=0;i<objects.length;i++){var object=objects[i];var objectAttr={};try{objectAttr.data=object.getAttribute("data");objectAttr.dataSrc=object.getAttribute(App.vars.dataAttr)}catch(e){}var objectHasSrcURL=objectAttr.data!=null&&objectAttr.data.indexOf(options.domain)===0;var objectHasDataSrcURL=objectAttr.dataSrc!=null&&objectAttr.dataSrc.indexOf(options.domain)===0;if(objectHasSrcURL){prepareImageElement(options,engineSettings,objectAttr.data,object)}else if(objectHasDataSrcURL){prepareImageElement(options,engineSettings,objectAttr.dataSrc,object)}}for(i=0;i<images.length;i++){var image=images[i];var imageAttr={};try{imageAttr.src=image.getAttribute("src");imageAttr.dataSrc=image.getAttribute(App.vars.dataAttr);imageAttr.rendered=image.getAttribute("data-holder-rendered")}catch(e){}var imageHasSrc=imageAttr.src!=null;var imageHasDataSrcURL=imageAttr.dataSrc!=null&&imageAttr.dataSrc.indexOf(options.domain)===0;var imageRendered=imageAttr.rendered!=null&&imageAttr.rendered=="true";if(imageHasSrc){if(imageAttr.src.indexOf(options.domain)===0){prepareImageElement(options,engineSettings,imageAttr.src,image)}else if(imageHasDataSrcURL){if(imageRendered){prepareImageElement(options,engineSettings,imageAttr.dataSrc,image)}else{(function(src,options,engineSettings,dataSrc,image){utils.imageExists(src,function(exists){if(!exists){prepareImageElement(options,engineSettings,dataSrc,image)}})})(imageAttr.src,options,engineSettings,imageAttr.dataSrc,image)}}}else if(imageHasDataSrcURL){prepareImageElement(options,engineSettings,imageAttr.dataSrc,image)}}return this}};var App={settings:{domain:"holder.js",images:"img",objects:"object",bgnodes:"body .holderjs",stylenodes:"head link.holderjs",stylesheets:[],themes:{gray:{background:"#EEEEEE",foreground:"#AAAAAA"},social:{background:"#3a5a97",foreground:"#FFFFFF"},industrial:{background:"#434A52",foreground:"#C2F200"},sky:{background:"#0D8FDB",foreground:"#FFFFFF"},vine:{background:"#39DBAC",foreground:"#1E292C"},lava:{background:"#F8591A",foreground:"#1C2846"}}},defaults:{size:10,units:"pt",scale:1/16},flags:{dimensions:{regex:/^(\d+)x(\d+)$/,output:function(val){var exec=this.regex.exec(val);return{width:+exec[1],height:+exec[2]}}},fluid:{regex:/^([0-9]+%?)x([0-9]+%?)$/,output:function(val){var exec=this.regex.exec(val);return{width:exec[1],height:exec[2]}}},colors:{regex:/(?:#|\^)([0-9a-f]{3,})\:(?:#|\^)([0-9a-f]{3,})/i,output:function(val){var exec=this.regex.exec(val);return{foreground:"#"+exec[2],background:"#"+exec[1]}}},text:{regex:/text\:(.*)/,output:function(val){return this.regex.exec(val)[1].replace("\\/","/")}},font:{regex:/font\:(.*)/,output:function(val){return this.regex.exec(val)[1]}},auto:{regex:/^auto$/},textmode:{regex:/textmode\:(.*)/,output:function(val){return this.regex.exec(val)[1]}},random:{regex:/^random$/},size:{regex:/size\:(\d+)/,output:function(val){return this.regex.exec(val)[1]}}}};function prepareImageElement(options,engineSettings,src,el){var holderFlags=parseURL(src.substr(src.lastIndexOf(options.domain)),options);if(holderFlags){prepareDOMElement({mode:null,el:el,flags:holderFlags,engineSettings:engineSettings})}}function parseURL(url,options){var holder={theme:extend(App.settings.themes.gray,null),stylesheets:options.stylesheets,instanceOptions:options};if(url.match(/([\d]+p?)x([\d]+p?)(?:\?|$)/)){return parseQueryString(url,holder)}else{return parseFlags(url,holder)}}function parseQueryString(url,holder){var parts=url.split("?");var basics=parts[0].split("/");holder.holderURL=url;var dimensions=basics[1];var dimensionData=dimensions.match(/([\d]+p?)x([\d]+p?)/);if(!dimensionData)return false;holder.fluid=dimensions.indexOf("p")!==-1;holder.dimensions={width:dimensionData[1].replace("p","%"),height:dimensionData[2].replace("p","%")};if(parts.length===2){var options=querystring.parse(parts[1]);if(options.bg){holder.theme.background=(options.bg.indexOf("#")===-1?"#":"")+options.bg}if(options.fg){holder.theme.foreground=(options.fg.indexOf("#")===-1?"#":"")+options.fg}if(options.theme&&holder.instanceOptions.themes.hasOwnProperty(options.theme)){holder.theme=extend(holder.instanceOptions.themes[options.theme],null)}if(options.text){holder.text=options.text}if(options.textmode){holder.textmode=options.textmode}if(options.size){holder.size=options.size}if(options.font){holder.font=options.font}if(options.align){holder.align=options.align}holder.nowrap=utils.truthy(options.nowrap);holder.auto=utils.truthy(options.auto);if(utils.truthy(options.random)){App.vars.cache.themeKeys=App.vars.cache.themeKeys||Object.keys(holder.instanceOptions.themes);var _theme=App.vars.cache.themeKeys[0|Math.random()*App.vars.cache.themeKeys.length];holder.theme=extend(holder.instanceOptions.themes[_theme],null)}}return holder}function parseFlags(url,holder){var render=false;var vtab=String.fromCharCode(11);var flags=url.replace(/([^\\])\//g,"$1"+vtab).split(vtab);var uriRegex=/%[0-9a-f]{2}/gi;var options=holder.instanceOptions;holder.holderURL=[];for(var fl=flags.length,j=0;j<fl;j++){var flag=flags[j];if(flag.match(uriRegex)){try{flag=decodeURIComponent(flag)}catch(e){flag=flags[j]}}var push=false;if(App.flags.dimensions.match(flag)){render=true;holder.dimensions=App.flags.dimensions.output(flag);push=true}else if(App.flags.fluid.match(flag)){render=true;holder.dimensions=App.flags.fluid.output(flag);holder.fluid=true;push=true}else if(App.flags.textmode.match(flag)){holder.textmode=App.flags.textmode.output(flag);push=true}else if(App.flags.colors.match(flag)){var colors=App.flags.colors.output(flag);holder.theme=extend(holder.theme,colors);push=true}else if(options.themes[flag]){if(options.themes.hasOwnProperty(flag)){holder.theme=extend(options.themes[flag],null)}push=true}else if(App.flags.font.match(flag)){holder.font=App.flags.font.output(flag);push=true}else if(App.flags.auto.match(flag)){holder.auto=true;push=true}else if(App.flags.text.match(flag)){holder.text=App.flags.text.output(flag);push=true}else if(App.flags.size.match(flag)){holder.size=App.flags.size.output(flag);push=true}else if(App.flags.random.match(flag)){if(App.vars.cache.themeKeys==null){App.vars.cache.themeKeys=Object.keys(options.themes)}var theme=App.vars.cache.themeKeys[0|Math.random()*App.vars.cache.themeKeys.length];holder.theme=extend(options.themes[theme],null);push=true}if(push){holder.holderURL.push(flag)}}holder.holderURL.unshift(options.domain);holder.holderURL=holder.holderURL.join("/");return render?holder:false}function prepareDOMElement(prepSettings){var mode=prepSettings.mode;var el=prepSettings.el;var flags=prepSettings.flags;var _engineSettings=prepSettings.engineSettings;var dimensions=flags.dimensions,theme=flags.theme;var dimensionsCaption=dimensions.width+"x"+dimensions.height;mode=mode==null?flags.fluid?"fluid":"image":mode;if(flags.text!=null){theme.text=flags.text;if(el.nodeName.toLowerCase()==="object"){var textLines=theme.text.split("\\n");for(var k=0;k<textLines.length;k++){textLines[k]=utils.encodeHtmlEntity(textLines[k])}theme.text=textLines.join("\\n")}}var holderURL=flags.holderURL;var engineSettings=extend(_engineSettings,null);if(flags.font){theme.font=flags.font;if(!engineSettings.noFontFallback&&el.nodeName.toLowerCase()==="img"&&App.setup.supportsCanvas&&engineSettings.renderer==="svg"){engineSettings=extend(engineSettings,{renderer:"canvas"})}}if(flags.font&&engineSettings.renderer=="canvas"){engineSettings.reRender=true}if(mode=="background"){if(el.getAttribute("data-background-src")==null){setAttr(el,{"data-background-src":holderURL})}}else{var domProps={};domProps[App.vars.dataAttr]=holderURL;setAttr(el,domProps)}flags.theme=theme;el.holderData={flags:flags,engineSettings:engineSettings};if(mode=="image"||mode=="fluid"){setAttr(el,{alt:theme.text?theme.text+" ["+dimensionsCaption+"]":dimensionsCaption})}var renderSettings={mode:mode,el:el,holderSettings:{dimensions:dimensions,theme:theme,flags:flags},engineSettings:engineSettings};if(mode=="image"){if(engineSettings.renderer=="html"||!flags.auto){el.style.width=dimensions.width+"px";el.style.height=dimensions.height+"px"}if(engineSettings.renderer=="html"){el.style.backgroundColor=theme.background}else{render(renderSettings);if(flags.textmode=="exact"){el.holderData.resizeUpdate=true;App.vars.resizableImages.push(el);updateResizableElements(el)}}}else if(mode=="background"&&engineSettings.renderer!="html"){render(renderSettings)}else if(mode=="fluid"){el.holderData.resizeUpdate=true;if(dimensions.height.slice(-1)=="%"){el.style.height=dimensions.height}else if(flags.auto==null||!flags.auto){el.style.height=dimensions.height+"px"}if(dimensions.width.slice(-1)=="%"){el.style.width=dimensions.width}else if(flags.auto==null||!flags.auto){el.style.width=dimensions.width+"px"}if(el.style.display=="inline"||el.style.display===""||el.style.display=="none"){el.style.display="block"}setInitialDimensions(el);if(engineSettings.renderer=="html"){el.style.backgroundColor=theme.background}else{App.vars.resizableImages.push(el);updateResizableElements(el)}}}function render(renderSettings){var image=null;var mode=renderSettings.mode;var holderSettings=renderSettings.holderSettings;var el=renderSettings.el;var engineSettings=renderSettings.engineSettings;switch(engineSettings.renderer){case"svg":if(!App.setup.supportsSVG)return;break;case"canvas":if(!App.setup.supportsCanvas)return;break;default:return}var scene={width:holderSettings.dimensions.width,height:holderSettings.dimensions.height,theme:holderSettings.theme,flags:holderSettings.flags};var sceneGraph=buildSceneGraph(scene);function getRenderedImage(){var image=null;switch(engineSettings.renderer){case"canvas":image=sgCanvasRenderer(sceneGraph,renderSettings);break;case"svg":image=sgSVGRenderer(sceneGraph,renderSettings);break;default:throw"Holder: invalid renderer: "+engineSettings.renderer}return image}image=getRenderedImage();if(image==null){throw"Holder: couldn't render placeholder"}if(mode=="background"){el.style.backgroundImage="url("+image+")";el.style.backgroundSize=scene.width+"px "+scene.height+"px"}else{if(el.nodeName.toLowerCase()==="img"){setAttr(el,{src:image})}else if(el.nodeName.toLowerCase()==="object"){setAttr(el,{data:image});setAttr(el,{type:"image/svg+xml"})}if(engineSettings.reRender){global.setTimeout(function(){var image=getRenderedImage();if(image==null){throw"Holder: couldn't render placeholder"}if(el.nodeName.toLowerCase()==="img"){setAttr(el,{src:image})}else if(el.nodeName.toLowerCase()==="object"){setAttr(el,{data:image});setAttr(el,{type:"image/svg+xml"})}},100)}}setAttr(el,{"data-holder-rendered":true})}function buildSceneGraph(scene){var fontSize=App.defaults.size;if(parseFloat(scene.theme.size)){fontSize=scene.theme.size}else if(parseFloat(scene.flags.size)){fontSize=scene.flags.size}scene.font={family:scene.theme.font?scene.theme.font:"Arial, Helvetica, Open Sans, sans-serif",size:textSize(scene.width,scene.height,fontSize),units:scene.theme.units?scene.theme.units:App.defaults.units,weight:scene.theme.fontweight?scene.theme.fontweight:"bold"};scene.text=scene.theme.text||Math.floor(scene.width)+"x"+Math.floor(scene.height);scene.noWrap=scene.theme.nowrap||scene.flags.nowrap;scene.align=scene.theme.align||scene.flags.align||"center";switch(scene.flags.textmode){case"literal":scene.text=scene.flags.dimensions.width+"x"+scene.flags.dimensions.height;break;case"exact":if(!scene.flags.exactDimensions)break;scene.text=Math.floor(scene.flags.exactDimensions.width)+"x"+Math.floor(scene.flags.exactDimensions.height);break}var sceneGraph=new SceneGraph({width:scene.width,height:scene.height});var Shape=sceneGraph.Shape;var holderBg=new Shape.Rect("holderBg",{fill:scene.theme.background});holderBg.resize(scene.width,scene.height);sceneGraph.root.add(holderBg);var holderTextGroup=new Shape.Group("holderTextGroup",{text:scene.text,align:scene.align,font:scene.font,fill:scene.theme.foreground});holderTextGroup.moveTo(null,null,1);sceneGraph.root.add(holderTextGroup);var tpdata=holderTextGroup.textPositionData=stagingRenderer(sceneGraph);if(!tpdata){throw"Holder: staging fallback not supported yet."}holderTextGroup.properties.leading=tpdata.boundingBox.height;var textNode=null;var line=null;function finalizeLine(parent,line,width,height){line.width=width;line.height=height;parent.width=Math.max(parent.width,line.width);parent.height+=line.height}var sceneMargin=scene.width*App.setup.lineWrapRatio;var maxLineWidth=sceneMargin;if(tpdata.lineCount>1){var offsetX=0;var offsetY=0;var lineIndex=0;var lineKey;line=new Shape.Group("line"+lineIndex);if(scene.align==="left"||scene.align==="right"){maxLineWidth=scene.width*(1-(1-App.setup.lineWrapRatio)*2)}for(var i=0;i<tpdata.words.length;i++){var word=tpdata.words[i];textNode=new Shape.Text(word.text);var newline=word.text=="\\n";if(!scene.noWrap&&(offsetX+word.width>=maxLineWidth||newline===true)){finalizeLine(holderTextGroup,line,offsetX,holderTextGroup.properties.leading);holderTextGroup.add(line);offsetX=0;offsetY+=holderTextGroup.properties.leading;lineIndex+=1;line=new Shape.Group("line"+lineIndex);line.y=offsetY}if(newline===true){continue}textNode.moveTo(offsetX,0);offsetX+=tpdata.spaceWidth+word.width;line.add(textNode)}finalizeLine(holderTextGroup,line,offsetX,holderTextGroup.properties.leading);holderTextGroup.add(line);if(scene.align==="left"){holderTextGroup.moveTo(scene.width-sceneMargin,null,null)}else if(scene.align==="right"){for(lineKey in holderTextGroup.children){line=holderTextGroup.children[lineKey];line.moveTo(scene.width-line.width,null,null)}holderTextGroup.moveTo(0-(scene.width-sceneMargin),null,null)}else{for(lineKey in holderTextGroup.children){line=holderTextGroup.children[lineKey];line.moveTo((holderTextGroup.width-line.width)/2,null,null)}holderTextGroup.moveTo((scene.width-holderTextGroup.width)/2,null,null)}holderTextGroup.moveTo(null,(scene.height-holderTextGroup.height)/2,null);if((scene.height-holderTextGroup.height)/2<0){holderTextGroup.moveTo(null,0,null)}}else{textNode=new Shape.Text(scene.text);line=new Shape.Group("line0");line.add(textNode);holderTextGroup.add(line);if(scene.align==="left"){holderTextGroup.moveTo(scene.width-sceneMargin,null,null)}else if(scene.align==="right"){holderTextGroup.moveTo(0-(scene.width-sceneMargin),null,null)}else{holderTextGroup.moveTo((scene.width-tpdata.boundingBox.width)/2,null,null)}holderTextGroup.moveTo(null,(scene.height-tpdata.boundingBox.height)/2,null)}return sceneGraph}function textSize(width,height,fontSize){var stageWidth=parseInt(width,10);var stageHeight=parseInt(height,10);var bigSide=Math.max(stageWidth,stageHeight);var smallSide=Math.min(stageWidth,stageHeight);var newHeight=.8*Math.min(smallSide,bigSide*App.defaults.scale);return Math.round(Math.max(fontSize,newHeight))}function updateResizableElements(element){var images;if(element==null||element.nodeType==null){images=App.vars.resizableImages}else{images=[element]}for(var i=0,l=images.length;i<l;i++){var el=images[i];if(el.holderData){var flags=el.holderData.flags;var dimensions=dimensionCheck(el);if(dimensions){if(!el.holderData.resizeUpdate){continue}if(flags.fluid&&flags.auto){var fluidConfig=el.holderData.fluidConfig;switch(fluidConfig.mode){case"width":dimensions.height=dimensions.width/fluidConfig.ratio;break;case"height":dimensions.width=dimensions.height*fluidConfig.ratio;break}}var settings={mode:"image",holderSettings:{dimensions:dimensions,theme:flags.theme,flags:flags},el:el,engineSettings:el.holderData.engineSettings};if(flags.textmode=="exact"){flags.exactDimensions=dimensions;settings.holderSettings.dimensions=flags.dimensions}render(settings)}else{setInvisible(el)}}}}function setInitialDimensions(el){if(el.holderData){var dimensions=dimensionCheck(el);if(dimensions){var flags=el.holderData.flags;var fluidConfig={fluidHeight:flags.dimensions.height.slice(-1)=="%",fluidWidth:flags.dimensions.width.slice(-1)=="%",mode:null,initialDimensions:dimensions};if(fluidConfig.fluidWidth&&!fluidConfig.fluidHeight){fluidConfig.mode="width";fluidConfig.ratio=fluidConfig.initialDimensions.width/parseFloat(flags.dimensions.height)}else if(!fluidConfig.fluidWidth&&fluidConfig.fluidHeight){fluidConfig.mode="height";fluidConfig.ratio=parseFloat(flags.dimensions.width)/fluidConfig.initialDimensions.height}el.holderData.fluidConfig=fluidConfig}else{setInvisible(el)}}}function visibilityCheck(){var renderableImages=[];var keys=Object.keys(App.vars.invisibleImages);var el;for(var i=0,l=keys.length;i<l;i++){el=App.vars.invisibleImages[keys[i]];if(dimensionCheck(el)&&el.nodeName.toLowerCase()=="img"){renderableImages.push(el);delete App.vars.invisibleImages[keys[i]]}}if(renderableImages.length){Holder.run({images:renderableImages})}global.requestAnimationFrame(visibilityCheck)}function startVisibilityCheck(){if(!App.vars.visibilityCheckStarted){global.requestAnimationFrame(visibilityCheck);App.vars.visibilityCheckStarted=true}}function setInvisible(el){if(!el.holderData.invisibleId){App.vars.invisibleId+=1;App.vars.invisibleImages["i"+App.vars.invisibleId]=el;el.holderData.invisibleId=App.vars.invisibleId}}var stagingRenderer=function(){var svg=null,stagingText=null,stagingTextNode=null;return function(graph){var rootNode=graph.root;if(App.setup.supportsSVG){var firstTimeSetup=false;var tnode=function(text){return document.createTextNode(text)};if(svg==null||svg.parentNode!==document.body){firstTimeSetup=true}svg=initSVG(svg,rootNode.properties.width,rootNode.properties.height);svg.style.display="block";if(firstTimeSetup){stagingText=newEl("text",SVG_NS);stagingTextNode=tnode(null);setAttr(stagingText,{x:0});stagingText.appendChild(stagingTextNode);svg.appendChild(stagingText);document.body.appendChild(svg);svg.style.visibility="hidden";svg.style.position="absolute";svg.style.top="-100%";svg.style.left="-100%"}var holderTextGroup=rootNode.children.holderTextGroup;var htgProps=holderTextGroup.properties;setAttr(stagingText,{y:htgProps.font.size,style:utils.cssProps({"font-weight":htgProps.font.weight,"font-size":htgProps.font.size+htgProps.font.units,"font-family":htgProps.font.family})});stagingTextNode.nodeValue=htgProps.text;var stagingTextBBox=stagingText.getBBox();var lineCount=Math.ceil(stagingTextBBox.width/(rootNode.properties.width*App.setup.lineWrapRatio));var words=htgProps.text.split(" ");var newlines=htgProps.text.match(/\\n/g);lineCount+=newlines==null?0:newlines.length;stagingTextNode.nodeValue=htgProps.text.replace(/[ ]+/g,"");var computedNoSpaceLength=stagingText.getComputedTextLength();var diffLength=stagingTextBBox.width-computedNoSpaceLength;var spaceWidth=Math.round(diffLength/Math.max(1,words.length-1));var wordWidths=[];if(lineCount>1){stagingTextNode.nodeValue="";for(var i=0;i<words.length;i++){if(words[i].length===0)continue;stagingTextNode.nodeValue=utils.decodeHtmlEntity(words[i]);var bbox=stagingText.getBBox();wordWidths.push({text:words[i],width:bbox.width})}}svg.style.display="none";return{spaceWidth:spaceWidth,lineCount:lineCount,boundingBox:stagingTextBBox,words:wordWidths}}else{return false}}}();var sgCanvasRenderer=function(){var canvas=newEl("canvas");var ctx=null;return function(sceneGraph){if(ctx==null){ctx=canvas.getContext("2d")}var root=sceneGraph.root;canvas.width=App.dpr(root.properties.width);canvas.height=App.dpr(root.properties.height);ctx.textBaseline="middle";ctx.fillStyle=root.children.holderBg.properties.fill;ctx.fillRect(0,0,App.dpr(root.children.holderBg.width),App.dpr(root.children.holderBg.height));var textGroup=root.children.holderTextGroup;var tgProps=textGroup.properties;ctx.font=textGroup.properties.font.weight+" "+App.dpr(textGroup.properties.font.size)+textGroup.properties.font.units+" "+textGroup.properties.font.family+", monospace";ctx.fillStyle=textGroup.properties.fill;for(var lineKey in textGroup.children){var line=textGroup.children[lineKey];for(var wordKey in line.children){var word=line.children[wordKey];var x=App.dpr(textGroup.x+line.x+word.x);var y=App.dpr(textGroup.y+line.y+word.y+textGroup.properties.leading/2);ctx.fillText(word.properties.text,x,y)}}return canvas.toDataURL("image/png")}}();var sgSVGRenderer=function(){if(!global.XMLSerializer)return;var xml=createXML();var svg=initSVG(null,0,0);var bgEl=newEl("rect",SVG_NS);svg.appendChild(bgEl);return function(sceneGraph,renderSettings){var root=sceneGraph.root;initSVG(svg,root.properties.width,root.properties.height);var groups=svg.querySelectorAll("g");for(var i=0;i<groups.length;i++){groups[i].parentNode.removeChild(groups[i])}var holderURL=renderSettings.holderSettings.flags.holderURL;var holderId="holder_"+(Number(new Date)+32768+(0|Math.random()*32768)).toString(16);var sceneGroupEl=newEl("g",SVG_NS);var textGroup=root.children.holderTextGroup;var tgProps=textGroup.properties;var textGroupEl=newEl("g",SVG_NS);var tpdata=textGroup.textPositionData;var textCSSRule="#"+holderId+" text { "+utils.cssProps({fill:tgProps.fill,"font-weight":tgProps.font.weight,"font-family":tgProps.font.family+", monospace","font-size":tgProps.font.size+tgProps.font.units})+" } ";var commentNode=xml.createComment("\n"+"Source URL: "+holderURL+generatorComment);var holderCSS=xml.createCDATASection(textCSSRule);var styleEl=svg.querySelector("style");setAttr(sceneGroupEl,{id:holderId});svg.insertBefore(commentNode,svg.firstChild);styleEl.appendChild(holderCSS);sceneGroupEl.appendChild(bgEl);sceneGroupEl.appendChild(textGroupEl);svg.appendChild(sceneGroupEl);setAttr(bgEl,{width:root.children.holderBg.width,height:root.children.holderBg.height,fill:root.children.holderBg.properties.fill});textGroup.y+=tpdata.boundingBox.height*.8;for(var lineKey in textGroup.children){var line=textGroup.children[lineKey];for(var wordKey in line.children){var word=line.children[wordKey];var x=textGroup.x+line.x+word.x;var y=textGroup.y+line.y+word.y;var textEl=newEl("text",SVG_NS);var textNode=document.createTextNode(null);setAttr(textEl,{x:x,y:y});textNode.nodeValue=word.properties.text;textEl.appendChild(textNode);textGroupEl.appendChild(textEl)}}var svgString=svgStringToDataURI(serializeSVG(svg,renderSettings.engineSettings),renderSettings.mode==="background");return svgString}}();var svgStringToDataURI=function(){var rawPrefix="data:image/svg+xml;charset=UTF-8,";var base64Prefix="data:image/svg+xml;charset=UTF-8;base64,";return function(svgString,base64){if(base64){return base64Prefix+btoa(unescape(encodeURIComponent(svgString)))}else{return rawPrefix+encodeURIComponent(svgString)}}}();function newEl(tag,namespace){if(namespace==null){return document.createElement(tag)}else{return document.createElementNS(namespace,tag)}}function setAttr(el,attrs){for(var a in attrs){el.setAttribute(a,attrs[a])}}function initSVG(svg,width,height){var defs,style;if(svg==null){svg=newEl("svg",SVG_NS);defs=newEl("defs",SVG_NS);style=newEl("style",SVG_NS);setAttr(style,{type:"text/css"});defs.appendChild(style);svg.appendChild(defs)}else{style=svg.querySelector("style")}if(svg.webkitMatchesSelector){svg.setAttribute("xmlns",SVG_NS)}for(var i=0;i<svg.childNodes.length;i++){if(svg.childNodes[i].nodeType===NODE_TYPE_COMMENT){svg.removeChild(svg.childNodes[i])}}while(style.childNodes.length){style.removeChild(style.childNodes[0])}setAttr(svg,{width:width,height:height,viewBox:"0 0 "+width+" "+height,preserveAspectRatio:"none"});return svg}function serializeSVG(svg,engineSettings){if(!global.XMLSerializer)return;var serializer=new XMLSerializer;var svgCSS="";var stylesheets=engineSettings.stylesheets;if(engineSettings.svgXMLStylesheet){var xml=createXML();for(var i=stylesheets.length-1;i>=0;i--){var csspi=xml.createProcessingInstruction("xml-stylesheet",'href="'+stylesheets[i]+'" rel="stylesheet"');xml.insertBefore(csspi,xml.firstChild)}xml.removeChild(xml.documentElement);svgCSS=serializer.serializeToString(xml)}var svgText=serializer.serializeToString(svg);svgText=svgText.replace(/\&(\#[0-9]{2,}\;)/g,"&$1");return svgCSS+svgText}function createXML(){if(!global.DOMParser)return;return(new DOMParser).parseFromString("<xml />","application/xml")}function debounce(fn){if(!App.vars.debounceTimer)fn.call(this);if(App.vars.debounceTimer)global.clearTimeout(App.vars.debounceTimer);
|
|
App.vars.debounceTimer=global.setTimeout(function(){App.vars.debounceTimer=null;fn.call(this)},App.setup.debounce)}function resizeEvent(){debounce(function(){updateResizableElements(null)})}for(var flag in App.flags){if(!App.flags.hasOwnProperty(flag))continue;App.flags[flag].match=function(val){return val.match(this.regex)}}App.setup={renderer:"html",debounce:100,ratio:1,supportsCanvas:false,supportsSVG:false,lineWrapRatio:.9,renderers:["html","canvas","svg"]};App.dpr=function(val){return val*App.setup.ratio};App.vars={preempted:false,resizableImages:[],invisibleImages:{},invisibleId:0,visibilityCheckStarted:false,debounceTimer:null,cache:{},dataAttr:"data-src"};(function(){var devicePixelRatio=1,backingStoreRatio=1;var canvas=newEl("canvas");var ctx=null;if(canvas.getContext){if(canvas.toDataURL("image/png").indexOf("data:image/png")!=-1){App.setup.renderer="canvas";ctx=canvas.getContext("2d");App.setup.supportsCanvas=true}}if(App.setup.supportsCanvas){devicePixelRatio=global.devicePixelRatio||1;backingStoreRatio=ctx.webkitBackingStorePixelRatio||ctx.mozBackingStorePixelRatio||ctx.msBackingStorePixelRatio||ctx.oBackingStorePixelRatio||ctx.backingStorePixelRatio||1}App.setup.ratio=devicePixelRatio/backingStoreRatio;if(!!document.createElementNS&&!!document.createElementNS(SVG_NS,"svg").createSVGRect){App.setup.renderer="svg";App.setup.supportsSVG=true}})();startVisibilityCheck();if(onDomReady){onDomReady(function(){if(!App.vars.preempted){Holder.run()}if(global.addEventListener){global.addEventListener("resize",resizeEvent,false);global.addEventListener("orientationchange",resizeEvent,false)}else{global.attachEvent("onresize",resizeEvent)}if(typeof global.Turbolinks=="object"){global.document.addEventListener("page:change",function(){Holder.run()})}})}module.exports=Holder}).call(exports,function(){return this}())},function(module,exports,__webpack_require__){function _onDomReady(win){if(document.readyState==null&&document.addEventListener){document.addEventListener("DOMContentLoaded",function DOMContentLoaded(){document.removeEventListener("DOMContentLoaded",DOMContentLoaded,false);document.readyState="complete"},false);document.readyState="loading"}var doc=win.document,docElem=doc.documentElement,LOAD="load",FALSE=false,ONLOAD="on"+LOAD,COMPLETE="complete",READYSTATE="readyState",ATTACHEVENT="attachEvent",DETACHEVENT="detachEvent",ADDEVENTLISTENER="addEventListener",DOMCONTENTLOADED="DOMContentLoaded",ONREADYSTATECHANGE="onreadystatechange",REMOVEEVENTLISTENER="removeEventListener",w3c=ADDEVENTLISTENER in doc,_top=FALSE,isReady=FALSE,callbacks=[];function ready(fn){if(!isReady){if(!doc.body){return defer(ready)}isReady=true;while(fn=callbacks.shift()){defer(fn)}}}function completed(event){if(w3c||event.type===LOAD||doc[READYSTATE]===COMPLETE){detach();ready()}}function detach(){if(w3c){doc[REMOVEEVENTLISTENER](DOMCONTENTLOADED,completed,FALSE);win[REMOVEEVENTLISTENER](LOAD,completed,FALSE)}else{doc[DETACHEVENT](ONREADYSTATECHANGE,completed);win[DETACHEVENT](ONLOAD,completed)}}function defer(fn,wait){setTimeout(fn,+wait>=0?wait:1)}if(doc[READYSTATE]===COMPLETE){defer(ready)}else if(w3c){doc[ADDEVENTLISTENER](DOMCONTENTLOADED,completed,FALSE);win[ADDEVENTLISTENER](LOAD,completed,FALSE)}else{doc[ATTACHEVENT](ONREADYSTATECHANGE,completed);win[ATTACHEVENT](ONLOAD,completed);try{_top=win.frameElement==null&&docElem}catch(e){}if(_top&&_top.doScroll){(function doScrollCheck(){if(!isReady){try{_top.doScroll("left")}catch(e){return defer(doScrollCheck,50)}detach();ready()}})()}}function onDomReady(fn){isReady?defer(fn):callbacks.push(fn)}onDomReady.version="1.4.0";onDomReady.isReady=function(){return isReady};return onDomReady}module.exports=typeof window!=="undefined"&&_onDomReady(window)},function(module,exports,__webpack_require__){var augment=__webpack_require__(5);var SceneGraph=function(sceneProperties){var nodeCount=1;function merge(parent,child){for(var prop in child){parent[prop]=child[prop]}return parent}var SceneNode=augment.defclass({constructor:function(name){nodeCount++;this.parent=null;this.children={};this.id=nodeCount;this.name="n"+nodeCount;if(name!=null){this.name=name}this.x=0;this.y=0;this.z=0;this.width=0;this.height=0},resize:function(width,height){if(width!=null){this.width=width}if(height!=null){this.height=height}},moveTo:function(x,y,z){this.x=x!=null?x:this.x;this.y=y!=null?y:this.y;this.z=z!=null?z:this.z},add:function(child){var name=child.name;if(this.children[name]==null){this.children[name]=child;child.parent=this}else{throw"SceneGraph: child with that name already exists: "+name}}});var RootNode=augment(SceneNode,function(uber){this.constructor=function(){uber.constructor.call(this,"root");this.properties=sceneProperties}});var Shape=augment(SceneNode,function(uber){function constructor(name,props){uber.constructor.call(this,name);this.properties={fill:"#000"};if(props!=null){merge(this.properties,props)}else if(name!=null&&typeof name!=="string"){throw"SceneGraph: invalid node name"}}this.Group=augment.extend(this,{constructor:constructor,type:"group"});this.Rect=augment.extend(this,{constructor:constructor,type:"rect"});this.Text=augment.extend(this,{constructor:function(text){constructor.call(this);this.properties.text=text},type:"text"})});var root=new RootNode;this.Shape=Shape;this.root=root;return this};module.exports=SceneGraph},function(module,exports,__webpack_require__){(function(global){exports.extend=function(a,b){var c={};for(var x in a){if(a.hasOwnProperty(x)){c[x]=a[x]}}if(b!=null){for(var y in b){if(b.hasOwnProperty(y)){c[y]=b[y]}}}return c};exports.cssProps=function(props){var ret=[];for(var p in props){if(props.hasOwnProperty(p)){ret.push(p+":"+props[p])}}return ret.join(";")};exports.encodeHtmlEntity=function(str){var buf=[];var charCode=0;for(var i=str.length-1;i>=0;i--){charCode=str.charCodeAt(i);if(charCode>128){buf.unshift(["&#",charCode,";"].join(""))}else{buf.unshift(str[i])}}return buf.join("")};exports.getNodeArray=function(val){var retval=null;if(typeof val=="string"){retval=document.querySelectorAll(val)}else if(global.NodeList&&val instanceof global.NodeList){retval=val}else if(global.Node&&val instanceof global.Node){retval=[val]}else if(global.HTMLCollection&&val instanceof global.HTMLCollection){retval=val}else if(val instanceof Array){retval=val}else if(val===null){retval=[]}return retval};exports.imageExists=function(src,callback){var image=new Image;image.onerror=function(){callback.call(this,false)};image.onload=function(){callback.call(this,true)};image.src=src};exports.decodeHtmlEntity=function(str){return str.replace(/&#(\d+);/g,function(match,dec){return String.fromCharCode(dec)})};exports.dimensionCheck=function(el){var dimensions={height:el.clientHeight,width:el.clientWidth};if(dimensions.height&&dimensions.width){return dimensions}else{return false}};exports.truthy=function(val){if(typeof val==="string"){return val==="true"||val==="yes"||val==="1"||val==="on"||val==="✓"}return!!val}}).call(exports,function(){return this}())},function(module,exports,__webpack_require__){var encode=encodeURIComponent;var decode=decodeURIComponent;var trim=__webpack_require__(6);var type=__webpack_require__(7);var arrayRegex=/(\w+)\[(\d+)\]/;var objectRegex=/\w+\.\w+/;exports.parse=function(str){if("string"!==typeof str)return{};str=trim(str);if(""===str)return{};if("?"===str.charAt(0))str=str.slice(1);var obj={};var pairs=str.split("&");for(var i=0;i<pairs.length;i++){var parts=pairs[i].split("=");var key=decode(parts[0]);var m,ctx,prop;if(m=arrayRegex.exec(key)){obj[m[1]]=obj[m[1]]||[];obj[m[1]][m[2]]=decode(parts[1]);continue}if(m=objectRegex.test(key)){m=key.split(".");ctx=obj;while(m.length){prop=m.shift();if(!prop.length)continue;if(!ctx[prop]){ctx[prop]={}}else if(ctx[prop]&&typeof ctx[prop]!=="object"){break}if(!m.length){ctx[prop]=decode(parts[1])}ctx=ctx[prop]}continue}obj[parts[0]]=null==parts[1]?"":decode(parts[1])}return obj};exports.stringify=function(obj){if(!obj)return"";var pairs=[];for(var key in obj){var value=obj[key];if("array"==type(value)){for(var i=0;i<value.length;++i){pairs.push(encode(key+"["+i+"]")+"="+encode(value[i]))}continue}pairs.push(encode(key)+"="+encode(obj[key]))}return pairs.join("&")}},function(module,exports,__webpack_require__){var Factory=function(){};var slice=Array.prototype.slice;var augment=function(base,body){var uber=Factory.prototype=typeof base==="function"?base.prototype:base;var prototype=new Factory,properties=body.apply(prototype,slice.call(arguments,2).concat(uber));if(typeof properties==="object")for(var key in properties)prototype[key]=properties[key];if(!prototype.hasOwnProperty("constructor"))return prototype;var constructor=prototype.constructor;constructor.prototype=prototype;return constructor};augment.defclass=function(prototype){var constructor=prototype.constructor;constructor.prototype=prototype;return constructor};augment.extend=function(base,body){return augment(base,function(uber){this.uber=uber;return body})};module.exports=augment},function(module,exports,__webpack_require__){exports=module.exports=trim;function trim(str){return str.replace(/^\s*|\s*$/g,"")}exports.left=function(str){return str.replace(/^\s*/,"")};exports.right=function(str){return str.replace(/\s*$/,"")}},function(module,exports,__webpack_require__){var toString=Object.prototype.toString;module.exports=function(val){switch(toString.call(val)){case"[object Date]":return"date";case"[object RegExp]":return"regexp";case"[object Arguments]":return"arguments";case"[object Array]":return"array";case"[object Error]":return"error"}if(val===null)return"null";if(val===undefined)return"undefined";if(val!==val)return"nan";if(val&&val.nodeType===1)return"element";val=val.valueOf?val.valueOf():Object.prototype.valueOf.apply(val);return typeof val}}])});(function(ctx,isMeteorPackage){if(isMeteorPackage){Holder=ctx.Holder}})(this,typeof Meteor!=="undefined"&&typeof Package!=="undefined"); |