wonder-image 2.1.2-alpha.2 → 2.1.2-alpha.21

package/dist/lib/colorjs/color.js

@@ -1,3 +1,2 @@
-/*! For license information please see color.js.LICENSE.txt */
 (()=>{"use strict";var r=(r,a)=>{var e=r.map(r=>{var e=Array.isArray(r)?r:r.split(",").map(Number);return"hex"===a.format?t(e):e});return 1===a.amount||1===e.length?e[0]:e},a=(r,a)=>{var t=Math.round(r/a)*a;return Math.min(t,255)},t=r=>"#"+r.map(r=>{var a=r.toString(16);return 1===a.length?"0"+a:a}).join(""),e=(a,t)=>{for(var e=4*t.sample,o=a.length/e,n={r:0,g:0,b:0},g=0;g<a.length;g+=e)n.r+=a[g],n.g+=a[g+1],n.b+=a[g+2];return r([[Math.round(n.r/o),Math.round(n.g/o),Math.round(n.b/o)]],t)},o=(t,e)=>{for(var o=4*e.sample,n={},g=0;g<t.length;g+=o){var i=[a(t[g],e.group),a(t[g+1],e.group),a(t[g+2],e.group)].join();n[i]=n[i]?n[i]+1:1}return r(Object.entries(n).sort(([r,a],[t,e])=>a>e?-1:1).slice(0,e.amount).map(([r])=>r),e)},n=(r,a,t)=>new Promise((e,o)=>{return(n=(r=>"string"==typeof r?r:r.src)(a),new Promise((r,a)=>{var t=document.createElement("canvas"),e=t.getContext("2d"),o=new Image;o.onload=()=>{t.height=o.height,t.width=o.width,e.drawImage(o,0,0);var a=e.getImageData(0,0,o.width,o.height).data;r(a)},o.onerror=()=>a(Error("Image loading failed.")),o.crossOrigin="",o.src=n})).then(a=>e(r(a,(({amount:r=3,format:a="array",group:t=20,sample:e=10}={})=>({amount:r,format:a,group:t,sample:e}))(t)))).catch(r=>o(r));var n});window.colorjs={},window.colorjs.average=(r,a)=>n(e,r,a),window.colorjs.prominent=(r,a)=>n(o,r,a)})();
 //# sourceMappingURL=color.js.map

package/dist/lib/colorjs/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"lib/colorjs/color.js","mappings":"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","sources":["webpack://wonder-image/./node_modules/color.js/dist/color.esm.js","webpack://wonder-image/./src/export/lib/colorjs/color.js"],"sourcesContent":["var getSrc = item => typeof item === 'string' ? item : item.src;\n\nvar getArgs = ({\n  amount = 3,\n  format = 'array',\n  group = 20,\n  sample = 10\n} = {}) => ({\n  amount,\n  format,\n  group,\n  sample\n});\n\nvar format = (input, args) => {\n  var list = input.map(val => {\n    var rgb = Array.isArray(val) ? val : val.split(',').map(Number);\n    return args.format === 'hex' ? rgbToHex(rgb) : rgb;\n  });\n  return args.amount === 1 || list.length === 1 ? list[0] : list;\n};\n\nvar group = (number, grouping) => {\n  var grouped = Math.round(number / grouping) * grouping;\n  return Math.min(grouped, 255);\n};\n\nvar rgbToHex = rgb => '#' + rgb.map(val => {\n  var hex = val.toString(16);\n  return hex.length === 1 ? '0' + hex : hex;\n}).join('');\n\nvar getImageData = src => new Promise((resolve, reject) => {\n  var canvas = document.createElement('canvas');\n  var context = canvas.getContext('2d');\n  var img = new Image();\n\n  img.onload = () => {\n    canvas.height = img.height;\n    canvas.width = img.width;\n    context.drawImage(img, 0, 0);\n    var data = context.getImageData(0, 0, img.width, img.height).data;\n    resolve(data);\n  };\n\n  img.onerror = () => reject(Error('Image loading failed.'));\n\n  img.crossOrigin = '';\n  img.src = src;\n});\n\nvar getAverage = (data, args) => {\n  var gap = 4 * args.sample;\n  var amount = data.length / gap;\n  var rgb = {\n    r: 0,\n    g: 0,\n    b: 0\n  };\n\n  for (var i = 0; i < data.length; i += gap) {\n    rgb.r += data[i];\n    rgb.g += data[i + 1];\n    rgb.b += data[i + 2];\n  }\n\n  return format([[Math.round(rgb.r / amount), Math.round(rgb.g / amount), Math.round(rgb.b / amount)]], args);\n};\n\nvar getProminent = (data, args) => {\n  var gap = 4 * args.sample;\n  var colors = {};\n\n  for (var i = 0; i < data.length; i += gap) {\n    var rgb = [group(data[i], args.group), group(data[i + 1], args.group), group(data[i + 2], args.group)].join();\n    colors[rgb] = colors[rgb] ? colors[rgb] + 1 : 1;\n  }\n\n  return format(Object.entries(colors).sort(([_keyA, valA], [_keyB, valB]) => valA > valB ? -1 : 1).slice(0, args.amount).map(([rgb]) => rgb), args);\n};\n\nvar process = (handler, item, args) => new Promise((resolve, reject) => getImageData(getSrc(item)).then(data => resolve(handler(data, getArgs(args)))).catch(error => reject(error)));\n\nvar average = (item, args) => process(getAverage, item, args);\n\nvar prominent = (item, args) => process(getProminent, item, args);\n\nexport { average, prominent };\n","import { average, prominent } from 'color.js';\nwindow.colorjs = {};\nwindow.colorjs.average = average;\nwindow.colorjs.prominent = prominent;"],"names":["format","input","args","list","map","val","rgb","Array","isArray","split","Number","rgbToHex","amount","length","group","number","grouping","grouped","Math","round","min","hex","toString","join","getAverage","data","gap","sample","r","g","b","i","getProminent","colors","Object","entries","sort","_keyA","valA","_keyB","valB","slice","process","handler","item","Promise","resolve","reject","getImageData","src","getSrc","canvas","document","createElement","context","getContext","img","Image","onload","height","width","drawImage","onerror","Error","crossOrigin","then","getArgs","catch","error","window","colorjs","average","prominent"],"sourceRoot":""}
+{"version":3,"file":"lib/colorjs/color.js","mappings":"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","sources":["webpack://wonder-image/./node_modules/color.js/dist/color.esm.js","webpack://wonder-image/./src/export/lib/colorjs/color.js"],"sourcesContent":["var getSrc = item => typeof item === 'string' ? item : item.src;\n\nvar getArgs = ({\n  amount = 3,\n  format = 'array',\n  group = 20,\n  sample = 10\n} = {}) => ({\n  amount,\n  format,\n  group,\n  sample\n});\n\nvar format = (input, args) => {\n  var list = input.map(val => {\n    var rgb = Array.isArray(val) ? val : val.split(',').map(Number);\n    return args.format === 'hex' ? rgbToHex(rgb) : rgb;\n  });\n  return args.amount === 1 || list.length === 1 ? list[0] : list;\n};\n\nvar group = (number, grouping) => {\n  var grouped = Math.round(number / grouping) * grouping;\n  return Math.min(grouped, 255);\n};\n\nvar rgbToHex = rgb => '#' + rgb.map(val => {\n  var hex = val.toString(16);\n  return hex.length === 1 ? '0' + hex : hex;\n}).join('');\n\nvar getImageData = src => new Promise((resolve, reject) => {\n  var canvas = document.createElement('canvas');\n  var context = canvas.getContext('2d');\n  var img = new Image();\n\n  img.onload = () => {\n    canvas.height = img.height;\n    canvas.width = img.width;\n    context.drawImage(img, 0, 0);\n    var data = context.getImageData(0, 0, img.width, img.height).data;\n    resolve(data);\n  };\n\n  img.onerror = () => reject(Error('Image loading failed.'));\n\n  img.crossOrigin = '';\n  img.src = src;\n});\n\nvar getAverage = (data, args) => {\n  var gap = 4 * args.sample;\n  var amount = data.length / gap;\n  var rgb = {\n    r: 0,\n    g: 0,\n    b: 0\n  };\n\n  for (var i = 0; i < data.length; i += gap) {\n    rgb.r += data[i];\n    rgb.g += data[i + 1];\n    rgb.b += data[i + 2];\n  }\n\n  return format([[Math.round(rgb.r / amount), Math.round(rgb.g / amount), Math.round(rgb.b / amount)]], args);\n};\n\nvar getProminent = (data, args) => {\n  var gap = 4 * args.sample;\n  var colors = {};\n\n  for (var i = 0; i < data.length; i += gap) {\n    var rgb = [group(data[i], args.group), group(data[i + 1], args.group), group(data[i + 2], args.group)].join();\n    colors[rgb] = colors[rgb] ? colors[rgb] + 1 : 1;\n  }\n\n  return format(Object.entries(colors).sort(([_keyA, valA], [_keyB, valB]) => valA > valB ? -1 : 1).slice(0, args.amount).map(([rgb]) => rgb), args);\n};\n\nvar process = (handler, item, args) => new Promise((resolve, reject) => getImageData(getSrc(item)).then(data => resolve(handler(data, getArgs(args)))).catch(error => reject(error)));\n\nvar average = (item, args) => process(getAverage, item, args);\n\nvar prominent = (item, args) => process(getProminent, item, args);\n\nexport { average, prominent };\n","import { average, prominent } from 'color.js';\nwindow.colorjs = {};\nwindow.colorjs.average = average;\nwindow.colorjs.prominent = prominent;"],"names":["format","input","args","list","map","val","rgb","Array","isArray","split","Number","rgbToHex","amount","length","group","number","grouping","grouped","Math","round","min","hex","toString","join","getAverage","data","gap","sample","r","g","b","i","getProminent","colors","Object","entries","sort","_keyA","valA","_keyB","valB","slice","process","handler","item","Promise","resolve","reject","getImageData","src","getSrc","canvas","document","createElement","context","getContext","img","Image","onload","height","width","drawImage","onerror","Error","crossOrigin","then","getArgs","catch","error","window","colorjs","average","prominent"],"sourceRoot":""}