css-sprite-loader/test/cases/background/dest/bundle.js

A webpack loader to convert png into sprite image

!function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="dest/",t(t.s=4)}([function(e,n,t){e.exports=t.p+"26f77e785543bc81f4415ef8dcbb0bfb.png"},function(e,n,t){e.exports=t.p+"7b15ffd20decbd0befc9b8c7cc72d267.png"},function(e,n,t){e.exports=t.p+"7d2f7ccb7df17dc9722963a570789fcb.png"},function(e,n,t){e.exports=t.p+"077a10ac7a4172a5b272da79caf2ccd1.png"},function(e,n,t){"use strict";t.r(n);t(5)},function(e,n,t){var r=t(6);"string"==typeof r&&(r=[[e.i,r,""]]);var o={transform:void 0};t(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,n,t){var r=t(7);(e.exports=t(8)(!1)).push([e.i,"body {\n    margin: 0;\n}\n\n.part {\n    display: inline-block;\n    width: 50%;\n}\n\n.source.simple {\n    width: 128px;\n    height: 128px;\n    background: url("+r(t(1))+") no-repeat;\n}\n.sprite.simple {\n    width: 128px;\n    height: 128px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left -168px no-repeat;\n}\n\n.source.background-image {\n    width: 128px;\n    height: 128px;\n    background-image: url("+r(t(1))+");\n}\n.sprite.background-image {\n    width: 128px;\n    height: 128px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left -168px no-repeat;\n}\n\n.source.with-color {\n    width: 128px;\n    height: 128px;\n    background: #eee url("+r(t(1))+");\n}\n.sprite.with-color {\n    width: 128px;\n    height: 128px;\n    background: #eeeeee url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left -168px no-repeat;\n}\n\n.source.with-color-outside {\n    width: 128px;\n    height: 128px;\n    background: url("+r(t(1))+");\n    background-color: #eee;\n}\n.sprite.with-color-outside {\n    width: 128px;\n    height: 128px;\n    background: #eeeeee url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left -168px no-repeat;\n}\n\n.source.with-color-override {\n    width: 128px;\n    height: 128px;\n    background-color: #eee;\n    background: url("+r(t(1))+");\n}\n.sprite.with-color-override {\n    width: 128px;\n    height: 128px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left -168px no-repeat;\n}\n\n.source.bg-size {\n    width: 100px;\n    height: 100px;\n    background-image: url("+r(t(0))+");\n    background-repeat: no-repeat;\n    background-size: 100%;\n}\n.sprite.bg-size {\n    width: 100px;\n    height: 100px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left top / 231px 231px no-repeat;\n}\n\n.source.bg-size-pixel {\n    width: 100px;\n    height: 100px;\n    background-image: url("+r(t(0))+");\n    background-repeat: no-repeat;\n    background-size: 80px;\n}\n.sprite.bg-size-pixel {\n    width: 100px;\n    height: 100px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left top / 185px 185px no-repeat;\n}\n\n.source.bg-size-height {\n    width: 100px;\n    height: 150px;\n    background-image: url("+r(t(0))+");\n    background-repeat: no-repeat;\n    background-size: auto 120px;\n}\n.sprite.bg-size-height {\n    width: 100px;\n    height: 150px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left top / 278px 278px no-repeat;\n}\n\n.source.bg-size-cover {\n    width: 100px;\n    height: 150px;\n    background-image: url("+r(t(0))+");\n    background-repeat: no-repeat;\n    background-size: cover;\n}\n.sprite.bg-size-cover {\n    width: 100px;\n    height: 150px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left top / 347px 347px no-repeat;\n}\n\n.source.bg-size-contain {\n    width: 100px;\n    height: 100px;\n    background-image: url("+r(t(0))+");\n    background-repeat: no-repeat;\n    background-size: contain;\n}\n.sprite.bg-size-contain {\n    width: 100px;\n    height: 100px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left top / 231px 231px no-repeat;\n}\n\n.source.bg-size-override {\n    width: 100px;\n    height: 150px;\n    background-size: 100%;\n    background: url("+r(t(0))+") no-repeat;\n}\n.sprite.bg-size-override {\n    width: 100px;\n    height: 150px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') left top no-repeat;\n}\n\n.source.bg-position {\n    width: 128px;\n    height: 128px;\n    background: url("+r(t(2))+") 30px -20px no-repeat;\n}\n.sprite.bg-position {\n    width: 128px;\n    height: 128px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') -138px -20px no-repeat;\n}\n\n.source.bg-position-outside {\n    width: 128px;\n    height: 128px;\n    background: url("+r(t(2))+") no-repeat;\n    background-position: 30px -20px;\n}\n.sprite.bg-position-outside {\n    width: 128px;\n    height: 128px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') -138px -20px no-repeat;\n}\n\n.source.bg-position-override {\n    width: 128px;\n    height: 128px;\n    background-position: 30px -20px;\n    background: url("+r(t(2))+") no-repeat;\n}\n.sprite.bg-position-override {\n    width: 128px;\n    height: 128px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') -168px top no-repeat;\n}\n\n.source.bg-position-and-size {\n    width: 100px;\n    height: 150px;\n    background: url("+r(t(3))+") 30px 20px no-repeat;\n    background-size: 100%;\n}\n.sprite.bg-position-and-size {\n    width: 100px;\n    height: 150px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') -101px -111px / 231px 231px no-repeat;\n}\n\n.source.bg-position-and-size-outside {\n    width: 200px;\n    height: 200px;\n    background: url("+r(t(3))+") no-repeat;\n    background-size: 200px 100px;\n    background-position: 30px 20px;\n}\n.sprite.bg-position-and-size-outside {\n    width: 200px;\n    height: 200px;\n    background: url('dest/sprite.png?549d1cc583b528afe03b35ea3b9a5c29') -233px -111px / 463px 231px no-repeat;\n}\n",""])},function(e,n){e.exports=function(e){return"string"!=typeof e?e:(/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),/["'() \t\n]/.test(e)?'"'+e.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':e)}},function(e,n){e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t=function(e,n){var t=e[1]||"",r=e[3];if(!r)return t;if(n&&"function"==typeof btoa){var o=(p=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(p))))+" */"),i=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[t].concat(i).concat([o]).join("\n")}var p;return[t].join("\n")}(n,e);return n[2]?"@media "+n[2]+"{"+t+"}":t}).join("")},n.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var p=e[o];"number"==typeof p[0]&&r[p[0]]||(t&&!p[2]?p[2]=t:t&&(p[2]="("+p[2]+") and ("+t+")"),n.push(p))}},n}},function(e,n,t){var r,o,i={},p=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),a=function(e){var n={};return function(e){return void 0===n[e]&&(n[e]=function(e){return document.querySelector(e)}.call(this,e)),n[e]}}(),c=null,s=0,u=[],d=t(10);function f(e,n){for(var t=0;t<e.length;t++){var r=e[t],o=i[r.id];if(o){o.refs++;for(var p=0;p<o.parts.length;p++)o.parts[p](r.parts[p]);for(;p<r.parts.length;p++)o.parts.push(v(r.parts[p],n))}else{var a=[];for(p=0;p<r.parts.length;p++)a.push(v(r.parts[p],n));i[r.id]={id:r.id,refs:1,parts:a}}}}function b(e,n){for(var t=[],r={},o=0;o<e.length;o++){var i=e[o],p=n.base?i[0]+n.base:i[0],a={css:i[1],media:i[2],sourceMap:i[3]};r[p]?r[p].parts.push(a):t.push(r[p]={id:p,parts:[a]})}return t}function l(e,n){var t=a(e.insertInto);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=u[u.length-1];if("top"===e.insertAt)r?r.nextSibling?t.insertBefore(n,r.nextSibling):t.appendChild(n):t.insertBefore(n,t.firstChild),u.push(n);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");t.appendChild(n)}}function g(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var n=u.indexOf(e);n>=0&&u.splice(n,1)}function h(e){var n=document.createElement("style");return e.attrs.type="text/css",x(n,e.attrs),l(e,n),n}function x(e,n){Object.keys(n).forEach(function(t){e.setAttribute(t,n[t])})}function v(e,n){var t,r,o,i;if(n.transform&&e.css){if(!(i=n.transform(e.css)))return function(){};e.css=i}if(n.singleton){var p=s++;t=c||(c=h(n)),r=m.bind(null,t,p,!1),o=m.bind(null,t,p,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(e){var n=document.createElement("link");return e.attrs.type="text/css",e.attrs.rel="stylesheet",x(n,e.attrs),l(e,n),n}(n),r=function(e,n,t){var r=t.css,o=t.sourceMap,i=void 0===n.convertToAbsoluteUrls&&o;(n.convertToAbsoluteUrls||i)&&(r=d(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var p=new Blob([r],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(p),a&&URL.revokeObjectURL(a)}.bind(null,t,n),o=function(){g(t),t.href&&URL.revokeObjectURL(t.href)}):(t=h(n),r=function(e,n){var t=n.css,r=n.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}.bind(null,t),o=function(){g(t)});return r(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;r(e=n)}else o()}}e.exports=function(e,n){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(n=n||{}).attrs="object"==typeof n.attrs?n.attrs:{},n.singleton||(n.singleton=p()),n.insertInto||(n.insertInto="head"),n.insertAt||(n.insertAt="bottom");var t=b(e,n);return f(t,n),function(e){for(var r=[],o=0;o<t.length;o++){var p=t[o];(a=i[p.id]).refs--,r.push(a)}e&&f(b(e,n),n);for(o=0;o<r.length;o++){var a;if(0===(a=r[o]).refs){for(var c=0;c<a.parts.length;c++)a.parts[c]();delete i[a.id]}}}};var w,k=(w=[],function(e,n){return w[e]=n,w.filter(Boolean).join("\n")});function m(e,n,t,r){var o=t?"":r.css;if(e.styleSheet)e.styleSheet.cssText=k(n,o);else{var i=document.createTextNode(o),p=e.childNodes;p[n]&&e.removeChild(p[n]),p.length?e.insertBefore(i,p[n]):e.appendChild(i)}}},function(e,n){e.exports=function(e){var n="undefined"!=typeof window&&window.location;if(!n)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var t=n.protocol+"//"+n.host,r=t+n.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,n){var o,i=n.trim().replace(/^"(.*)"$/,function(e,n){return n}).replace(/^'(.*)'$/,function(e,n){return n});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(i)?e:(o=0===i.indexOf("//")?i:0===i.indexOf("/")?t+i:r+i.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}}]);