From 34f8de60cac5df01d358c162c5e5c38ae4449ef6 Mon Sep 17 00:00:00 2001 From: Jack Yang Date: Mon, 14 Nov 2016 13:53:47 +0800 Subject: [PATCH] add center position --- README.md | 3 +- dist/vue-img-loader.common.js | 2 +- dist/vue-img-loader.min.js | 1430 ++++++++++++++++++++++++++++++++- example/image.jpg | Bin 2705752 -> 0 bytes example/image_0.jpg | Bin 0 -> 5728702 bytes example/image_1.jpg | Bin 0 -> 2301593 bytes example/image_2.jpg | Bin 0 -> 1549578 bytes example/index.html | 43 +- example/preview.jpg | Bin 4128 -> 0 bytes example/preview_0.jpg | Bin 0 -> 4524 bytes example/preview_1.jpg | Bin 0 -> 2056 bytes example/preview_2.jpg | Bin 0 -> 1610 bytes example/vue-img-loader.min.js | 1430 ++++++++++++++++++++++++++++++++- package.json | 5 +- src/VueImgLoader.vue | 137 ++-- src/center-it.js | 206 ----- src/config.js | 3 +- webpack.as.umd.js | 4 +- 18 files changed, 2978 insertions(+), 285 deletions(-) delete mode 100644 example/image.jpg create mode 100644 example/image_0.jpg create mode 100644 example/image_1.jpg create mode 100644 example/image_2.jpg delete mode 100644 example/preview.jpg create mode 100644 example/preview_0.jpg create mode 100644 example/preview_1.jpg create mode 100644 example/preview_2.jpg delete mode 100644 src/center-it.js diff --git a/README.md b/README.md index 79a5137..5d131dc 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ ## description -this is a image loader UI component for Vue 2.X +this is a image loader UI component for Vue 2.X. The image will be center positioned after loaded ## demo @@ -89,6 +89,7 @@ VueImgLoader.config.width = 0; VueImgLoader.config.height = 0; VueImgLoader.config.backgroundColor = ''; VueImgLoader.config.transition = ''; +VueImgLoader.config.centerType = 'cover'; // "cover", "contain" ``` ## todo diff --git a/dist/vue-img-loader.common.js b/dist/vue-img-loader.common.js index 8aef841..9835939 100644 --- a/dist/vue-img-loader.common.js +++ b/dist/vue-img-loader.common.js @@ -1 +1 @@ -exports.VueImgLoader=function(t){function e(n){if(i[n])return i[n].exports;var r=i[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{"default":t}}var r=i(1),a=n(r),s=i(8),o=n(s);a["default"].config=o["default"],a["default"].version="0.1.1",t.exports=a["default"]},function(t,e,i){var n,r;i(2),n=i(6);var a=i(10);r=n=n||{},"object"!=typeof n["default"]&&"function"!=typeof n["default"]||(r=n=n["default"]),"function"==typeof r&&(r=r.options),r.render=a.render,r.staticRenderFns=a.staticRenderFns,r._scopeId="data-v-2580cbd6",t.exports=n},function(t,e,i){var n=i(3);"string"==typeof n&&(n=[[t.id,n,""]]);i(5)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){e=t.exports=i(4)(),e.push([t.id,".vil-image[data-v-2580cbd6],.vil-preview[data-v-2580cbd6]{position:absolute;top:0;left:0;width:100%;height:100%}.vil-preview__img[data-v-2580cbd6]{width:100%;height:100%}",""])},function(t,e){"use strict";t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e=0&&_.splice(e,1)}function o(t){var e=document.createElement("style");return e.type="text/css",a(t,e),e}function h(t,e){var i,n,r;if(e.singleton){var a=v++;i=p||(p=o(e)),n=u.bind(null,i,a,!1),r=u.bind(null,i,a,!0)}else i=o(e),n=l.bind(null,i),r=function(){s(i)};return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else r()}}function u(t,e,i,n){var r=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=w(e,r);else{var a=document.createTextNode(r),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(a,s[e]):t.appendChild(a)}}function l(t,e){var i=e.css,n=e.media,r=e.sourceMap;if(n&&t.setAttribute("media",n),r&&(i+="\n/*# sourceURL="+r.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var f={},d=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},c=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),g=d(function(){return document.head||document.getElementsByTagName("head")[0]}),p=null,v=0,_=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=c()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var i=r(t);return n(i,e),function(t){for(var a=[],s=0;s>$,0!=E?(E=255/E,A[g]=(v*U>>$)*E,A[g+1]=(_*U>>$)*E,A[g+2]=(w*U>>$)*E):A[g]=A[g+1]=A[g+2]=0,v-=m,_-=y,w-=x,b-=C,m-=z.r,y-=z.g,x-=z.b,C-=z.a,d=p+((d=s+a+1)>$,E>0?(E=255/E,A[d]=(v*U>>$)*E,A[d+1]=(_*U>>$)*E,A[d+2]=(w*U>>$)*E):A[d]=A[d+1]=A[d+2]=0,v-=m,_-=y,w-=x,b-=C,m-=z.r,y-=z.g,x-=z.b,C-=z.a,d=s+((d=o+k)>O,B[g+1]=_*G>>O,B[g+2]=w*G>>O,v-=b,_-=m,w-=y,b-=j.r,m-=j.g,y-=j.b,d=p+((d=s+a+1)>O,B[d+1]=_*G>>O,B[d+2]=w*G>>O,v-=b,_-=m,w-=y,b-=j.r,m-=j.g,y-=j.b,d=s+((d=o+A)e?(i=this._cHeight/this._iHeight,this._newWidth=this._iWidth*i,this._newHeight=this._iHeight*i,this._offset={top:0,left:(this._newWidth-this._cWidth)/-2}):te?(i=this._cWidth/this._iWidth,this._newWidth=this._iWidth*i,this._newHeight=this._iHeight*i,this._offset={top:(this._cHeight-this._newHeight)/2,left:0}):t=0&&y.splice(e,1)}function s(t){var e=document.createElement("style");return e.type="text/css",o(t,e),e}function u(t,e){var n,i,r;if(e.singleton){var o=g++;n=v||(v=s(e)),i=f.bind(null,n,o,!1),r=f.bind(null,n,o,!0)}else n=s(e),i=l.bind(null,n),r=function(){a(n)};return i(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;i(t=e)}else r()}}function f(t,e,n,i){var r=n?"":i.css;if(t.styleSheet)t.styleSheet.cssText=w(e,r);else{var o=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(o,a[e]):t.appendChild(o)}}function l(t,e){var n=e.css,i=e.media,r=e.sourceMap;if(i&&t.setAttribute("media",i),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var h={},d=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},c=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),p=d(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,g=0,y=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=c()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var n=r(t);return i(n,e),function(t){for(var o=[],a=0;ao?(a=i/e,this._newWidth=t*a,this._newHeight=e*a,this._offset={top:0,left:(this._newWidth-n)/-2}):ro?(a=n/t,this._newWidth=t*a,this._newHeight=e*a,this._offset={top:(this._newHeight-i)/-2,left:0}):r>U,0!=M?(M=255/M,E[p]=(g*F>>U)*M,E[p+1]=(y*F>>U)*M,E[p+2]=(w*F>>U)*M):E[p]=E[p+1]=E[p+2]=0,g-=b,y-=x,w-=_,m-=C,b-=$.r,x-=$.g,_-=$.b,C-=$.a,d=v+((d=a+o+1)>U,M>0?(M=255/M,E[d]=(g*F>>U)*M,E[d+1]=(y*F>>U)*M,E[d+2]=(w*F>>U)*M):E[d]=E[d+1]=E[d+2]=0,g-=b,y-=x,w-=_,m-=C,b-=$.r,x-=$.g,_-=$.b,C-=$.a,d=a+((d=s+L)>O,N[p+1]=y*G>>O,N[p+2]=w*G>>O,g-=m,y-=b,w-=x,m-=j.r,b-=j.g,x-=j.b,d=v+((d=a+o+1)>O,N[d+1]=y*G>>O,N[d+2]=w*G>>O,g-=m,y-=b,w-=x,m-=j.r,b-=j.g,x-=j.b,d=a+((d=s+E)=0&&_.splice(e,1)}function o(t){var e=document.createElement("style");return e.type="text/css",a(t,e),e}function h(t,e){var i,n,r;if(e.singleton){var a=v++;i=g||(g=o(e)),n=u.bind(null,i,a,!1),r=u.bind(null,i,a,!0)}else i=o(e),n=l.bind(null,i),r=function(){s(i)};return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else r()}}function u(t,e,i,n){var r=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=w(e,r);else{var a=document.createTextNode(r),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(a,s[e]):t.appendChild(a)}}function l(t,e){var i=e.css,n=e.media,r=e.sourceMap;if(n&&t.setAttribute("media",n),r&&(i+="\n/*# sourceURL="+r.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var f={},d=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},c=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),p=d(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,v=0,_=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=c()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var i=r(t);return n(i,e),function(t){for(var a=[],s=0;s>U,0!=E?(E=255/E,A[p]=(v*F>>U)*E,A[p+1]=(_*F>>U)*E,A[p+2]=(w*F>>U)*E):A[p]=A[p+1]=A[p+2]=0,v-=b,_-=y,w-=x,m-=C,b-=$.r,y-=$.g,x-=$.b,C-=$.a,d=g+((d=s+a+1)>U,E>0?(E=255/E,A[d]=(v*F>>U)*E,A[d+1]=(_*F>>U)*E,A[d+2]=(w*F>>U)*E):A[d]=A[d+1]=A[d+2]=0,v-=b,_-=y,w-=x,m-=C,b-=$.r,y-=$.g,x-=$.b,C-=$.a,d=s+((d=o+j)>O,B[p+1]=_*G>>O,B[p+2]=w*G>>O,v-=m,_-=b,w-=y,m-=k.r,b-=k.g,y-=k.b,d=g+((d=s+a+1)>O,B[d+1]=_*G>>O,B[d+2]=w*G>>O,v-=m,_-=b,w-=y,m-=k.r,b-=k.g,y-=k.b,d=s+((d=o+A)e?(i=this._cHeight/this._iHeight,this._newWidth=this._iWidth*i,this._newHeight=this._iHeight*i,this._offset={top:0,left:(this._newWidth-this._cWidth)/-2}):te?(i=this._cWidth/this._iWidth,this._newWidth=this._iWidth*i,this._newHeight=this._iHeight*i,this._offset={top:(this._cHeight-this._newHeight)/2,left:0}):t tag + + // load the styles + var content = __webpack_require__(3); + if(typeof content === 'string') content = [[module.id, content, '']]; + // add the styles to the DOM + var update = __webpack_require__(5)(content, {}); + if(content.locals) module.exports = content.locals; + // Hot Module Replacement + if(false) { + // When the styles change, update the

This is vue-img-loader demo. Please set Network as Good 3G in devTools and refresh the page.

-

preview

- +

preview (cover center)

+ + +

preview (contain center)

+ +

blur preview

- + +

transition

- + +

background color

- + +

customize preview content

- + +
loading...
@@ -45,13 +55,26 @@ diff --git a/example/preview.jpg b/example/preview.jpg deleted file mode 100644 index b5dfe949cd3d6014527c43ceb7e4dc329f4870c7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4128 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 diff --git a/example/preview_0.jpg b/example/preview_0.jpg new file mode 100644 index 0000000000000000000000000000000000000000..562ec9758edcfb2cd545f5e151fdf6ef91cce159 GIT binary patch literal 4524 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 abJd8^Kg^LnnQ=T#A9?kZZ}0ei<$nM{M>-1t literal 0 HcmV?d00001 diff --git a/example/preview_1.jpg b/example/preview_1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3b959480c21e5070f8153b6787578b4e657afc40 GIT binary patch literal 2056 zcmb7Adpy$%AO7uPGe+i8XobzpGGs$rXhn_O?{_j8a$K5L9hBp8P&;mO&2cHWgBrDx zOQ|E5atXPW+fkNwP*PY|wX@#Odp@7{-}ia``##_A^E{ugcuM>NP_U&Rr2`-k0DvR} z#It}EAPs}TVN%j?I2?hHmO(1ZA!TKeYKltRly|9X?B1o0Mr&#t;59KsEE=u5k3igO zWNd7#fu~wfNahA)W6}>35CVZf$|6{*SBV9bgDlN+Mw;=|2DgApb^!z$l2KmXXpSD28O2 z{6IVdAR!=0M+gd_0SBF762h;%981zioAiWsxwqcIH4Y{=y(qtClCZhF}Tt?5H*Uitv+(%#7Ur+6Wzw}UTn$}O{35FhD zm~!qer8MS~LmnlQPRbLe>IF|?9DA*mB8Mtm#>&%n#s*x0JSs6=BD;xp8SV5>7yh@5 zAc^SfrR?v0qS*Ib=TMBfzB=S9LiMu;fn|B+9MY$tLWJEpWA7TcRJ237_Lj`%hvb}9 z-#7J~MHBgKfq)RuMTmA~wS50_8N*+)y=-4(z~?_o47h(f;zXXHFBZ!l>72|v%K0Lg zLA|I_8f-U8&dIXk#N_3NtDH)R-%$JrEjx}?i7>*oxQYVRoA0HZsBYeR!?d@~&Hq4C z|2s;3-QcZOxX#a0sDT~@*5z8QvU-TFgs15i4c>}Rsj$7DHkEm>u!ZzS_UCZ}{kjAu zvVTwI9vkYzcu2cwcKYbLtD1V=?V+2B?=f`q`knX#TTzDtAf7gP3(T8N^0Wz<-*eBq zi$(HW{q}6n$b<`G;Ocm&gQovdO@)VM!f?bmu8JTxe(42!zMPY!*mbLukxTA!S`DuI zt8Ko$)P5$-fAsrLVN@YiTbNW`tXs>l4(GkaQ#gnaF%Z1{t1G{zpS*M@tM<;E|5SjL zEE=JmR_N5j@ze1@qfW-V-SiU$m=7w4eIuB(R6wBGrJm0B`#cK>UvS$EK;Cc#qatPQuf)+}wO5*%+;=8r z&!w#S{Fu|2T;;-JK|DWta&uey0@(hhttz81N%Je;$M1+UZ_9a{y~}jX$ze~geiPF= zFVWI+eNk$C6HZWx0BxmNGN5cFMd@KflU(%qnC|<%AztyT@Am z{T%rZRATBJt;g-;H!+Z*<50R!*p(XjQiQ)XZzgC`oL15uSMv&Q-J+c`sc9g38Rf`j z&$fJKo%bZRXF&8b7tpH*bchE)Y88an1PZBCGdsF`!4hoNtquF1p*$%Q77N72!9lWYxz4S3ZqQs7h;$&8YVmj)BPgU^WEEg1b+z4#!Ik~)H?B$lmq)~csSp@0)+#O-1zpI##FJJlP%JUJG<;>kU5RFrU_9BAoE!; zLc?}s&zIt?@!jV@?3S^C>@Ixdy5U~6<=NvotASn{xA@mC2D~)8^lGw>Dby?PV`OgW z#pLYvp=wAm)U1yco-M1~8AqxsNJ&U_ewbAuJUCY(%N^JG-G(T9ro`VcOEG=TVW;)o z>%awdPVH`MO4STs(FN{bGXHbZb>ITyqC(3y`|~R@n<3p>*xjF%?J8DORX2@;tnb6Wmzpq z%P`9?Xq8($>aVeMz4pvk>d*uiT7yQFd3-%ws(1H+QD`W(5^s@a7#^DGNEcqp5l{aE DlS_TA literal 0 HcmV?d00001 diff --git a/example/preview_2.jpg b/example/preview_2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9ae24ece929b97225a10d4aba6db87e4947ed3f7 GIT binary patch literal 1610 zcmb7=dpOez7{`CVT`;DM&1Fq)i@DauHi}%9Yho9NW#ZUeN+h}TP)Bi2WX|SNtE7{& zMktClq>dU^ZYdSrIHh7FIwD`qD`@8t4*;uoH^df#@y1u3Wp<5 zZ5`GTU0htuY}`CtN$yV0E~IZEAOe9v>L87Eb&W|DI1AGMmP!twv;bEi4ho_G2nvLv zK$QYm1pp8z_^s~0g25qB4NwzMLl->&gsL|f3=aPrgAgbTK*9Ab(3V7RMy!TGS{|uP zeAm#*huKNv<~KiAyG%gfzlrKssBLgHBB(DzARrV9{U`4mLP7N{U_@^N62sCtEjCZw zJg<5JAfceTBoqaB0*m#==p8$*uqNF;m%4nwOoze}mx)l8WJ3)u307Rz( zj5LsTd>+M`G1wEGh=t3%@OYx<3ND*%msv&5`;zdc`m->4smGmExMvn@(`)T!Ive)L zWdgfw8i)lJaXT7~MFIcPMwe>7y@oV+6R;v0spX&~Rw5>sa?0UFojx z6xA7Y-jA9nYb)4WBQFy0MGDm)5mo@rjz+=2=x{Mn5=Cql8xCzlO>b>^5 zkF^D9?m#qcW1QFd!jsehkDTh|hxoUbKVa>Cbfnk%Dprj!#&jt6URK?T3HdT(z9bSx zNybi=w5(}a=UfOd9dDWX=5Q()o0|ucEPNC!mbNA{snxJ%1@*OGXPv>^``RXY`;MpU z8BKKiMV@&4*wGrRir$&%j-2pvTi<+@SL^z3fDK3nS0@6 zR-dh=*WQcCP!fjwXsLeZsO9mxZDz9@R;0~ zl_4$r`lAUIHR#0VirL`qu~=gD*0?0uPkFpMk;<7$cD1|90-ih7nV1j|MBC&vkte=? zXm`fqeyL<5d9=BGUPyMAca2L6i;{eN3=&D7@|9g*PwtDTs~lde6h9zR!dz>9KO}P7 zqs_8nGzwp>9?K4=5851|`Oh`mywK;t?R83zr|TuZ&<<$3z4V~<62+TtZH3B&_mm+J z8q?*;=;RQ-QKN_3HD2$qc!Fl5aKc}h54tgXRO}U%*-mB(vNhK{*B?n@L^pXFSeDzF%{AQaBD9t5UY-2-9SV zg5e|1q)8{QprE3s%AF<1o%sucz3);X13OMdAa4~H9JaY8n!cWblfq}Tli(W{iwRBrEvhszOuCTsT2ul6mu@|5@K zKxBV^B?oXEPWTvlTTp~TB(!gDEJhK%1WA{5R;@Kkdvw^FVc|}$8`&l@VG>gHY%gEO zUXrZeV${LM!0OJ^9YdJPE~d=>xJQV2@hf(mXdW-;L}vS*zfz9x9fj<%4Tz zh`Tqp0rIZn>P^wlQ>T0lN%o}yEi+LC^qR4^4WmsC@mUerIx#y5A3w!mn}$^`)^g)0 b{H(yiUxgWLvlQwSQ(m-xspk6ws>go;5P_On literal 0 HcmV?d00001 diff --git a/example/vue-img-loader.min.js b/example/vue-img-loader.min.js index 3b2ca7b..57f55b8 100644 --- a/example/vue-img-loader.min.js +++ b/example/vue-img-loader.min.js @@ -1 +1,1429 @@ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueImgLoader=e():t.VueImgLoader=e()}(this,function(){return function(t){function e(n){if(i[n])return i[n].exports;var r=i[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{"default":t}}var r=i(1),a=n(r),s=i(8),o=n(s);a["default"].config=o["default"],a["default"].version="0.1.1",t.exports=a["default"]},function(t,e,i){var n,r;i(2),n=i(6);var a=i(10);r=n=n||{},"object"!=typeof n["default"]&&"function"!=typeof n["default"]||(r=n=n["default"]),"function"==typeof r&&(r=r.options),r.render=a.render,r.staticRenderFns=a.staticRenderFns,r._scopeId="data-v-2580cbd6",t.exports=n},function(t,e,i){var n=i(3);"string"==typeof n&&(n=[[t.id,n,""]]);i(5)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){e=t.exports=i(4)(),e.push([t.id,".vil-image[data-v-2580cbd6],.vil-preview[data-v-2580cbd6]{position:absolute;top:0;left:0;width:100%;height:100%}.vil-preview__img[data-v-2580cbd6]{width:100%;height:100%}",""])},function(t,e){"use strict";t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e=0&&_.splice(e,1)}function o(t){var e=document.createElement("style");return e.type="text/css",a(t,e),e}function h(t,e){var i,n,r;if(e.singleton){var a=v++;i=g||(g=o(e)),n=u.bind(null,i,a,!1),r=u.bind(null,i,a,!0)}else i=o(e),n=l.bind(null,i),r=function(){s(i)};return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else r()}}function u(t,e,i,n){var r=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=w(e,r);else{var a=document.createTextNode(r),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(a,s[e]):t.appendChild(a)}}function l(t,e){var i=e.css,n=e.media,r=e.sourceMap;if(n&&t.setAttribute("media",n),r&&(i+="\n/*# sourceURL="+r.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var f={},d=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},c=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),p=d(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,v=0,_=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=c()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var i=r(t);return n(i,e),function(t){for(var a=[],s=0;s>U,0!=E?(E=255/E,A[p]=(v*F>>U)*E,A[p+1]=(_*F>>U)*E,A[p+2]=(w*F>>U)*E):A[p]=A[p+1]=A[p+2]=0,v-=b,_-=y,w-=x,m-=C,b-=$.r,y-=$.g,x-=$.b,C-=$.a,d=g+((d=s+a+1)>U,E>0?(E=255/E,A[d]=(v*F>>U)*E,A[d+1]=(_*F>>U)*E,A[d+2]=(w*F>>U)*E):A[d]=A[d+1]=A[d+2]=0,v-=b,_-=y,w-=x,m-=C,b-=$.r,y-=$.g,x-=$.b,C-=$.a,d=s+((d=o+j)>O,B[p+1]=_*G>>O,B[p+2]=w*G>>O,v-=m,_-=b,w-=y,m-=k.r,b-=k.g,y-=k.b,d=g+((d=s+a+1)>O,B[d+1]=_*G>>O,B[d+2]=w*G>>O,v-=m,_-=b,w-=y,m-=k.r,b-=k.g,y-=k.b,d=s+((d=o+A)e?(i=this._cHeight/this._iHeight,this._newWidth=this._iWidth*i,this._newHeight=this._iHeight*i,this._offset={top:0,left:(this._newWidth-this._cWidth)/-2}):te?(i=this._cWidth/this._iWidth,this._newWidth=this._iWidth*i,this._newHeight=this._iHeight*i,this._offset={top:(this._cHeight-this._newHeight)/2,left:0}):t tag + + // load the styles + var content = __webpack_require__(3); + if(typeof content === 'string') content = [[module.id, content, '']]; + // add the styles to the DOM + var update = __webpack_require__(5)(content, {}); + if(content.locals) module.exports = content.locals; + // Hot Module Replacement + if(false) { + // When the styles change, update the