breakpoints-preview.js

!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=54)}({0:function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"a",(function(){return r}))},1:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var r=n(5),i=n.n(r);n(2),i()(console.error);var o=n(0),a=n(6);function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){Object(o.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c,l,p,f,d,h,v={"":{plural_forms:function(e){return 1===e?0:1}}},g=(p=new a.a({}),f=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default";p.data[t]=u(u(u({},v),p.data[t]),e),p.data[t][""]=u(u({},v[""]),p.data[t][""])},d=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0;return p.data[e]||f(void 0,e),p.dcnpgettext(e,t,n,r,i)},h=function(e,t,n){return d(n,t,e)},c&&f(c,l),{setLocaleData:f,__:function(e,t){return d(t,void 0,e)},_x:h,_n:function(e,t,n,r){return d(r,void 0,e,t,n)},_nx:function(e,t,n,r,i){return d(i,r,e,t,n)},isRTL:function(){return"rtl"===h("ltr","text direction")}}),m=(g.setLocaleData.bind(g),g.__.bind(g));g._x.bind(g),g._n.bind(g),g._nx.bind(g),g.isRTL.bind(g)},2:function(e,t,n){var r;!function(){"use strict";var i={not_string:/[^s]/,not_bool:/[^t]/,not_type:/[^T]/,not_primitive:/[^v]/,number:/[diefg]/,numeric_arg:/[bcdiefguxX]/,json:/[j]/,not_json:/[^j]/,text:/^[^\x25]+/,modulo:/^\x25{2}/,placeholder:/^\x25(?:([1-9]\d*)\$|\(([^)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-gijostTuvxX])/,key:/^([a-z_][a-z_\d]*)/i,key_access:/^\.([a-z_][a-z_\d]*)/i,index_access:/^\[(\d+)\]/,sign:/^[+-]/};function o(e){return s(c(e),arguments)}function a(e,t){return o.apply(null,[e].concat(t||[]))}function s(e,t){var n,r,a,s,u,c,l,p,f,d=1,h=e.length,v="";for(r=0;r<h;r++)if("string"==typeof e[r])v+=e[r];else if("object"==typeof e[r]){if((s=e[r]).keys)for(n=t[d],a=0;a<s.keys.length;a++){if(null==n)throw new Error(o('[sprintf] Cannot access property "%s" of undefined value "%s"',s.keys[a],s.keys[a-1]));n=n[s.keys[a]]}else n=s.param_no?t[s.param_no]:t[d++];if(i.not_type.test(s.type)&&i.not_primitive.test(s.type)&&n instanceof Function&&(n=n()),i.numeric_arg.test(s.type)&&"number"!=typeof n&&isNaN(n))throw new TypeError(o("[sprintf] expecting number but found %T",n));switch(i.number.test(s.type)&&(p=n>=0),s.type){case"b":n=parseInt(n,10).toString(2);break;case"c":n=String.fromCharCode(parseInt(n,10));break;case"d":case"i":n=parseInt(n,10);break;case"j":n=JSON.stringify(n,null,s.width?parseInt(s.width):0);break;case"e":n=s.precision?parseFloat(n).toExponential(s.precision):parseFloat(n).toExponential();break;case"f":n=s.precision?parseFloat(n).toFixed(s.precision):parseFloat(n);break;case"g":n=s.precision?String(Number(n.toPrecision(s.precision))):parseFloat(n);break;case"o":n=(parseInt(n,10)>>>0).toString(8);break;case"s":n=String(n),n=s.precision?n.substring(0,s.precision):n;break;case"t":n=String(!!n),n=s.precision?n.substring(0,s.precision):n;break;case"T":n=Object.prototype.toString.call(n).slice(8,-1).toLowerCase(),n=s.precision?n.substring(0,s.precision):n;break;case"u":n=parseInt(n,10)>>>0;break;case"v":n=n.valueOf(),n=s.precision?n.substring(0,s.precision):n;break;case"x":n=(parseInt(n,10)>>>0).toString(16);break;case"X":n=(parseInt(n,10)>>>0).toString(16).toUpperCase()}i.json.test(s.type)?v+=n:(!i.number.test(s.type)||p&&!s.sign?f="":(f=p?"+":"-",n=n.toString().replace(i.sign,"")),c=s.pad_char?"0"===s.pad_char?"0":s.pad_char.charAt(1):" ",l=s.width-(f+n).length,u=s.width&&l>0?c.repeat(l):"",v+=s.align?f+n+u:"0"===c?f+u+n:u+f+n)}return v}var u=Object.create(null);function c(e){if(u[e])return u[e];for(var t,n=e,r=[],o=0;n;){if(null!==(t=i.text.exec(n)))r.push(t[0]);else if(null!==(t=i.modulo.exec(n)))r.push("%");else{if(null===(t=i.placeholder.exec(n)))throw new SyntaxError("[sprintf] unexpected placeholder");if(t[2]){o|=1;var a=[],s=t[2],c=[];if(null===(c=i.key.exec(s)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(a.push(c[1]);""!==(s=s.substring(c[0].length));)if(null!==(c=i.key_access.exec(s)))a.push(c[1]);else{if(null===(c=i.index_access.exec(s)))throw new SyntaxError("[sprintf] failed to parse named argument key");a.push(c[1])}t[2]=a}else o|=2;if(3===o)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");r.push({placeholder:t[0],param_no:t[1],keys:t[2],sign:t[3],pad_char:t[4],align:t[5],width:t[6],precision:t[7],type:t[8]})}n=n.substring(t[0].length)}return u[e]=r}t.sprintf=o,t.vsprintf=a,"undefined"!=typeof window&&(window.sprintf=o,window.vsprintf=a,void 0===(r=function(){return{sprintf:o,vsprintf:a}}.call(t,n,t,e))||(e.exports=r))}()},5:function(e,t,n){e.exports=function(e,t){var n,r,i=0;function o(){var o,a,s=n,u=arguments.length;e:for(;s;){if(s.args.length===arguments.length){for(a=0;a<u;a++)if(s.args[a]!==arguments[a]){s=s.next;continue e}return s!==n&&(s===r&&(r=s.prev),s.prev.next=s.next,s.next&&(s.next.prev=s.prev),s.next=n,s.prev=null,n.prev=s,n=s),s.val}s=s.next}for(o=new Array(u),a=0;a<u;a++)o[a]=arguments[a];return s={args:o,val:e.apply(null,o)},n?(n.prev=s,s.next=n):r=s,i===t.maxSize?(r=r.prev).next=null:i++,n=s,s.val}return t=t||{},o.clear=function(){n=null,r=null,i=0},o}},54:function(e,t,n){"use strict";n.r(t);var r=n(1);const i={template:document.getElementById("main-image"),stepper:document.getElementById("responsive.pixel_step"),counter:document.getElementById("responsive.breakpoints"),max:document.getElementById("responsive.max_width"),min:document.getElementById("responsive.min_width"),details:document.getElementById("preview-details"),preview:null,init(){this.preview=this.template.parentNode,this.stepper.addEventListener("change",(()=>{this.counter.value=this.rebuildPreview()})),this.counter.addEventListener("change",(()=>{this.calculateShift()})),this.max.addEventListener("change",(()=>{this.calculateShift()})),this.min.addEventListener("change",(()=>{this.calculateShift()})),this.stepper.dispatchEvent(new Event("change"))},calculateShift(){const e=this.counter.value,t=(this.max.value-this.min.value)/(e-1);this.stepper.value=Math.floor(t),this.stepper.dispatchEvent(new Event("change"))},rebuildPreview(){let e=parseInt(this.max.value),t=parseInt(this.min.value),n=parseInt(this.stepper.value);1>n&&(this.stepper.value=n=50),e||(e=parseInt(this.max.dataset.default),this.max.value=e),t||(t=100,this.min.value=t);let i=e,o=i/e*100;const a=this.makeSize(i,o);a.classList.add("main-image"),this.preview.innerHTML="",this.preview.appendChild(a);let s=1;for(;i>t&&(i-=n,!(i<t));)o=i/e*100,this.preview.appendChild(this.makeSize(i,o)),s++;return this.details.innerText=Object(r.a)(`With a max width of ${e}px and a minimum of ${t}px, you get a potential of ${s} images.`,"cloudinary"),s},makeSize(e,t){const n=this.template.cloneNode(!0);return n.lastChild.innerText=e+"px",n.style.width=t+"%",n.style.height=t+"%",n.id="",n.classList.remove("main-image"),n}};window.addEventListener("load",(()=>i.init()))},6:function(e,t,n){"use strict";var r,i,o,a;n.d(t,"a",(function(){return l})),r={"(":9,"!":8,"*":7,"/":7,"%":7,"+":6,"-":6,"<":5,"<=":5,">":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},i=["(","?"],o={")":["("],":":["?","?:"]},a=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var s={"!":function(e){return!e},"*":function(e,t){return e*t},"/":function(e,t){return e/t},"%":function(e,t){return e%t},"+":function(e,t){return e+t},"-":function(e,t){return e-t},"<":function(e,t){return e<t},"<=":function(e,t){return e<=t},">":function(e,t){return e>t},">=":function(e,t){return e>=t},"==":function(e,t){return e===t},"!=":function(e,t){return e!==t},"&&":function(e,t){return e&&t},"||":function(e,t){return e||t},"?:":function(e,t,n){if(e)throw t;return n}};function u(e){var t=function(e){for(var t,n,s,u,c=[],l=[];t=e.match(a);){for(n=t[0],(s=e.substr(0,t.index).trim())&&c.push(s);u=l.pop();){if(o[n]){if(o[n][0]===u){n=o[n][1]||n;break}}else if(i.indexOf(u)>=0||r[u]<r[n]){l.push(u);break}c.push(u)}o[n]||l.push(n),e=e.substr(t.index+n.length)}return(e=e.trim())&&c.push(e),c.concat(l.reverse())}(e);return function(e){return function(e,t){var n,r,i,o,a,u,c=[];for(n=0;n<e.length;n++){if(a=e[n],o=s[a]){for(r=o.length,i=Array(r);r--;)i[r]=c.pop();try{u=o.apply(null,i)}catch(e){return e}}else u=t.hasOwnProperty(a)?t[a]:+a;c.push(u)}return c[0]}(t,e)}}var c={contextDelimiter:"",onMissingKey:null};function l(e,t){var n;for(n in this.data=e,this.pluralForms={},this.options={},c)this.options[n]=void 0!==t&&n in t?t[n]:c[n]}l.prototype.getPluralForm=function(e,t){var n,r,i,o,a=this.pluralForms[e];return a||("function"!=typeof(i=(n=this.data[e][""])["Plural-Forms"]||n["plural-forms"]||n.plural_forms)&&(r=function(e){var t,n,r;for(t=e.split(";"),n=0;n<t.length;n++)if(0===(r=t[n].trim()).indexOf("plural="))return r.substr(7)}(n["Plural-Forms"]||n["plural-forms"]||n.plural_forms),o=u(r),i=function(e){return+o({n:e})}),a=this.pluralForms[e]=i),a(t)},l.prototype.dcnpgettext=function(e,t,n,r,i){var o,a,s;return o=void 0===i?0:this.getPluralForm(e,i),a=n,t&&(a=t+this.options.contextDelimiter+n),(s=this.data[e][a])&&s[o]?s[o]:(this.options.onMissingKey&&this.options.onMissingKey(n,e),0===o?n:r)}}});