tinycolor2
Advanced tools
Comparing version 1.5.1 to 1.5.2
@@ -1,4 +0,5 @@ | ||
// TinyColor v1.4.2 | ||
// https://github.com/bgrins/TinyColor | ||
// 2020-09-25, Brian Grinstead, MIT License | ||
!function(a){function b(a,d){if(a=a?a:"",d=d||{},a instanceof b)return a;if(!(this instanceof b))return new b(a,d);var e=c(a);this._originalInput=a,this._r=e.r,this._g=e.g,this._b=e.b,this._a=e.a,this._roundA=P(100*this._a)/100,this._format=d.format||e.format,this._gradientType=d.gradientType,this._r<1&&(this._r=P(this._r)),this._g<1&&(this._g=P(this._g)),this._b<1&&(this._b=P(this._b)),this._ok=e.ok,this._tc_id=O++}function c(a){var b={r:0,g:0,b:0},c=1,e=null,g=null,i=null,j=!1,k=!1;return"string"==typeof a&&(a=K(a)),"object"==typeof a&&(J(a.r)&&J(a.g)&&J(a.b)?(b=d(a.r,a.g,a.b),j=!0,k="%"===String(a.r).substr(-1)?"prgb":"rgb"):J(a.h)&&J(a.s)&&J(a.v)?(e=G(a.s),g=G(a.v),b=h(a.h,e,g),j=!0,k="hsv"):J(a.h)&&J(a.s)&&J(a.l)&&(e=G(a.s),i=G(a.l),b=f(a.h,e,i),j=!0,k="hsl"),a.hasOwnProperty("a")&&(c=a.a)),c=z(c),{ok:j,format:a.format||k,r:Q(255,R(b.r,0)),g:Q(255,R(b.g,0)),b:Q(255,R(b.b,0)),a:c}}function d(a,b,c){return{r:255*A(a,255),g:255*A(b,255),b:255*A(c,255)}}function e(a,b,c){a=A(a,255),b=A(b,255),c=A(c,255);var d,e,f=R(a,b,c),g=Q(a,b,c),h=(f+g)/2;if(f==g)d=e=0;else{var i=f-g;switch(e=h>.5?i/(2-f-g):i/(f+g),f){case a:d=(b-c)/i+(c>b?6:0);break;case b:d=(c-a)/i+2;break;case c:d=(a-b)/i+4}d/=6}return{h:d,s:e,l:h}}function f(a,b,c){function d(a,b,c){return 0>c&&(c+=1),c>1&&(c-=1),1/6>c?a+6*(b-a)*c:.5>c?b:2/3>c?a+(b-a)*(2/3-c)*6:a}var e,f,g;if(a=A(a,360),b=A(b,100),c=A(c,100),0===b)e=f=g=c;else{var h=.5>c?c*(1+b):c+b-c*b,i=2*c-h;e=d(i,h,a+1/3),f=d(i,h,a),g=d(i,h,a-1/3)}return{r:255*e,g:255*f,b:255*g}}function g(a,b,c){a=A(a,255),b=A(b,255),c=A(c,255);var d,e,f=R(a,b,c),g=Q(a,b,c),h=f,i=f-g;if(e=0===f?0:i/f,f==g)d=0;else{switch(f){case a:d=(b-c)/i+(c>b?6:0);break;case b:d=(c-a)/i+2;break;case c:d=(a-b)/i+4}d/=6}return{h:d,s:e,v:h}}function h(b,c,d){b=6*A(b,360),c=A(c,100),d=A(d,100);var e=a.floor(b),f=b-e,g=d*(1-c),h=d*(1-f*c),i=d*(1-(1-f)*c),j=e%6,k=[d,h,g,g,i,d][j],l=[i,d,d,h,g,g][j],m=[g,g,i,d,d,h][j];return{r:255*k,g:255*l,b:255*m}}function i(a,b,c,d){var e=[F(P(a).toString(16)),F(P(b).toString(16)),F(P(c).toString(16))];return d&&e[0].charAt(0)==e[0].charAt(1)&&e[1].charAt(0)==e[1].charAt(1)&&e[2].charAt(0)==e[2].charAt(1)?e[0].charAt(0)+e[1].charAt(0)+e[2].charAt(0):e.join("")}function j(a,b,c,d,e){var f=[F(P(a).toString(16)),F(P(b).toString(16)),F(P(c).toString(16)),F(H(d))];return e&&f[0].charAt(0)==f[0].charAt(1)&&f[1].charAt(0)==f[1].charAt(1)&&f[2].charAt(0)==f[2].charAt(1)&&f[3].charAt(0)==f[3].charAt(1)?f[0].charAt(0)+f[1].charAt(0)+f[2].charAt(0)+f[3].charAt(0):f.join("")}function k(a,b,c,d){var e=[F(H(d)),F(P(a).toString(16)),F(P(b).toString(16)),F(P(c).toString(16))];return e.join("")}function l(a,c){c=0===c?0:c||10;var d=b(a).toHsl();return d.s-=c/100,d.s=B(d.s),b(d)}function m(a,c){c=0===c?0:c||10;var d=b(a).toHsl();return d.s+=c/100,d.s=B(d.s),b(d)}function n(a){return b(a).desaturate(100)}function o(a,c){c=0===c?0:c||10;var d=b(a).toHsl();return d.l+=c/100,d.l=B(d.l),b(d)}function p(a,c){c=0===c?0:c||10;var d=b(a).toRgb();return d.r=R(0,Q(255,d.r-P(255*-(c/100)))),d.g=R(0,Q(255,d.g-P(255*-(c/100)))),d.b=R(0,Q(255,d.b-P(255*-(c/100)))),b(d)}function q(a,c){c=0===c?0:c||10;var d=b(a).toHsl();return d.l-=c/100,d.l=B(d.l),b(d)}function r(a,c){var d=b(a).toHsl(),e=(d.h+c)%360;return d.h=0>e?360+e:e,b(d)}function s(a){var c=b(a).toHsl();return c.h=(c.h+180)%360,b(c)}function t(a){var c=b(a).toHsl(),d=c.h;return[b(a),b({h:(d+120)%360,s:c.s,l:c.l}),b({h:(d+240)%360,s:c.s,l:c.l})]}function u(a){var c=b(a).toHsl(),d=c.h;return[b(a),b({h:(d+90)%360,s:c.s,l:c.l}),b({h:(d+180)%360,s:c.s,l:c.l}),b({h:(d+270)%360,s:c.s,l:c.l})]}function v(a){var c=b(a).toHsl(),d=c.h;return[b(a),b({h:(d+72)%360,s:c.s,l:c.l}),b({h:(d+216)%360,s:c.s,l:c.l})]}function w(a,c,d){c=c||6,d=d||30;var e=b(a).toHsl(),f=360/d,g=[b(a)];for(e.h=(e.h-(f*c>>1)+720)%360;--c;)e.h=(e.h+f)%360,g.push(b(e));return g}function x(a,c){c=c||6;for(var d=b(a).toHsv(),e=d.h,f=d.s,g=d.v,h=[],i=1/c;c--;)h.push(b({h:e,s:f,v:g})),g=(g+i)%1;return h}function y(a){var b={};for(var c in a)a.hasOwnProperty(c)&&(b[a[c]]=c);return b}function z(a){return a=parseFloat(a),(isNaN(a)||0>a||a>1)&&(a=1),a}function A(b,c){D(b)&&(b="100%");var d=E(b);return b=Q(c,R(0,parseFloat(b))),d&&(b=parseInt(b*c,10)/100),a.abs(b-c)<1e-6?1:b%c/parseFloat(c)}function B(a){return Q(1,R(0,a))}function C(a){return parseInt(a,16)}function D(a){return"string"==typeof a&&-1!=a.indexOf(".")&&1===parseFloat(a)}function E(a){return"string"==typeof a&&-1!=a.indexOf("%")}function F(a){return 1==a.length?"0"+a:""+a}function G(a){return 1>=a&&(a=100*a+"%"),a}function H(b){return a.round(255*parseFloat(b)).toString(16)}function I(a){return C(a)/255}function J(a){return!!V.CSS_UNIT.exec(a)}function K(a){a=a.replace(M,"").replace(N,"").toLowerCase();var b=!1;if(T[a])a=T[a],b=!0;else if("transparent"==a)return{r:0,g:0,b:0,a:0,format:"name"};var c;return(c=V.rgb.exec(a))?{r:c[1],g:c[2],b:c[3]}:(c=V.rgba.exec(a))?{r:c[1],g:c[2],b:c[3],a:c[4]}:(c=V.hsl.exec(a))?{h:c[1],s:c[2],l:c[3]}:(c=V.hsla.exec(a))?{h:c[1],s:c[2],l:c[3],a:c[4]}:(c=V.hsv.exec(a))?{h:c[1],s:c[2],v:c[3]}:(c=V.hsva.exec(a))?{h:c[1],s:c[2],v:c[3],a:c[4]}:(c=V.hex8.exec(a))?{r:C(c[1]),g:C(c[2]),b:C(c[3]),a:I(c[4]),format:b?"name":"hex8"}:(c=V.hex6.exec(a))?{r:C(c[1]),g:C(c[2]),b:C(c[3]),format:b?"name":"hex"}:(c=V.hex4.exec(a))?{r:C(c[1]+""+c[1]),g:C(c[2]+""+c[2]),b:C(c[3]+""+c[3]),a:I(c[4]+""+c[4]),format:b?"name":"hex8"}:(c=V.hex3.exec(a))?{r:C(c[1]+""+c[1]),g:C(c[2]+""+c[2]),b:C(c[3]+""+c[3]),format:b?"name":"hex"}:!1}function L(a){var b,c;return a=a||{level:"AA",size:"small"},b=(a.level||"AA").toUpperCase(),c=(a.size||"small").toLowerCase(),"AA"!==b&&"AAA"!==b&&(b="AA"),"small"!==c&&"large"!==c&&(c="small"),{level:b,size:c}}var M=/^\s+/,N=/\s+$/,O=0,P=a.round,Q=a.min,R=a.max,S=a.random;b.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var a=this.toRgb();return(299*a.r+587*a.g+114*a.b)/1e3},getLuminance:function(){var b,c,d,e,f,g,h=this.toRgb();return b=h.r/255,c=h.g/255,d=h.b/255,e=.03928>=b?b/12.92:a.pow((b+.055)/1.055,2.4),f=.03928>=c?c/12.92:a.pow((c+.055)/1.055,2.4),g=.03928>=d?d/12.92:a.pow((d+.055)/1.055,2.4),.2126*e+.7152*f+.0722*g},setAlpha:function(a){return this._a=z(a),this._roundA=P(100*this._a)/100,this},toHsv:function(){var a=g(this._r,this._g,this._b);return{h:360*a.h,s:a.s,v:a.v,a:this._a}},toHsvString:function(){var a=g(this._r,this._g,this._b),b=P(360*a.h),c=P(100*a.s),d=P(100*a.v);return 1==this._a?"hsv("+b+", "+c+"%, "+d+"%)":"hsva("+b+", "+c+"%, "+d+"%, "+this._roundA+")"},toHsl:function(){var a=e(this._r,this._g,this._b);return{h:360*a.h,s:a.s,l:a.l,a:this._a}},toHslString:function(){var a=e(this._r,this._g,this._b),b=P(360*a.h),c=P(100*a.s),d=P(100*a.l);return 1==this._a?"hsl("+b+", "+c+"%, "+d+"%)":"hsla("+b+", "+c+"%, "+d+"%, "+this._roundA+")"},toHex:function(a){return i(this._r,this._g,this._b,a)},toHexString:function(a){return"#"+this.toHex(a)},toHex8:function(a){return j(this._r,this._g,this._b,this._a,a)},toHex8String:function(a){return"#"+this.toHex8(a)},toRgb:function(){return{r:P(this._r),g:P(this._g),b:P(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+P(this._r)+", "+P(this._g)+", "+P(this._b)+")":"rgba("+P(this._r)+", "+P(this._g)+", "+P(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:P(100*A(this._r,255))+"%",g:P(100*A(this._g,255))+"%",b:P(100*A(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+P(100*A(this._r,255))+"%, "+P(100*A(this._g,255))+"%, "+P(100*A(this._b,255))+"%)":"rgba("+P(100*A(this._r,255))+"%, "+P(100*A(this._g,255))+"%, "+P(100*A(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":this._a<1?!1:U[i(this._r,this._g,this._b,!0)]||!1},toFilter:function(a){var c="#"+k(this._r,this._g,this._b,this._a),d=c,e=this._gradientType?"GradientType = 1, ":"";if(a){var f=b(a);d="#"+k(f._r,f._g,f._b,f._a)}return"progid:DXImageTransform.Microsoft.gradient("+e+"startColorstr="+c+",endColorstr="+d+")"},toString:function(a){var b=!!a;a=a||this._format;var c=!1,d=this._a<1&&this._a>=0,e=!b&&d&&("hex"===a||"hex6"===a||"hex3"===a||"hex4"===a||"hex8"===a||"name"===a);return e?"name"===a&&0===this._a?this.toName():this.toRgbString():("rgb"===a&&(c=this.toRgbString()),"prgb"===a&&(c=this.toPercentageRgbString()),("hex"===a||"hex6"===a)&&(c=this.toHexString()),"hex3"===a&&(c=this.toHexString(!0)),"hex4"===a&&(c=this.toHex8String(!0)),"hex8"===a&&(c=this.toHex8String()),"name"===a&&(c=this.toName()),"hsl"===a&&(c=this.toHslString()),"hsv"===a&&(c=this.toHsvString()),c||this.toHexString())},clone:function(){return b(this.toString())},_applyModification:function(a,b){var c=a.apply(null,[this].concat([].slice.call(b)));return this._r=c._r,this._g=c._g,this._b=c._b,this.setAlpha(c._a),this},lighten:function(){return this._applyModification(o,arguments)},brighten:function(){return this._applyModification(p,arguments)},darken:function(){return this._applyModification(q,arguments)},desaturate:function(){return this._applyModification(l,arguments)},saturate:function(){return this._applyModification(m,arguments)},greyscale:function(){return this._applyModification(n,arguments)},spin:function(){return this._applyModification(r,arguments)},_applyCombination:function(a,b){return a.apply(null,[this].concat([].slice.call(b)))},analogous:function(){return this._applyCombination(w,arguments)},complement:function(){return this._applyCombination(s,arguments)},monochromatic:function(){return this._applyCombination(x,arguments)},splitcomplement:function(){return this._applyCombination(v,arguments)},triad:function(){return this._applyCombination(t,arguments)},tetrad:function(){return this._applyCombination(u,arguments)}},b.fromRatio=function(a,c){if("object"==typeof a){var d={};for(var e in a)a.hasOwnProperty(e)&&("a"===e?d[e]=a[e]:d[e]=G(a[e]));a=d}return b(a,c)},b.equals=function(a,c){return a&&c?b(a).toRgbString()==b(c).toRgbString():!1},b.random=function(){return b.fromRatio({r:S(),g:S(),b:S()})},b.mix=function(a,c,d){d=0===d?0:d||50;var e=b(a).toRgb(),f=b(c).toRgb(),g=d/100,h={r:(f.r-e.r)*g+e.r,g:(f.g-e.g)*g+e.g,b:(f.b-e.b)*g+e.b,a:(f.a-e.a)*g+e.a};return b(h)},b.readability=function(c,d){var e=b(c),f=b(d);return(a.max(e.getLuminance(),f.getLuminance())+.05)/(a.min(e.getLuminance(),f.getLuminance())+.05)},b.isReadable=function(a,c,d){var e,f,g=b.readability(a,c);switch(f=!1,e=L(d),e.level+e.size){case"AAsmall":case"AAAlarge":f=g>=4.5;break;case"AAlarge":f=g>=3;break;case"AAAsmall":f=g>=7}return f},b.mostReadable=function(a,c,d){var e,f,g,h,i=null,j=0;d=d||{},f=d.includeFallbackColors,g=d.level,h=d.size;for(var k=0;k<c.length;k++)e=b.readability(a,c[k]),e>j&&(j=e,i=b(c[k]));return b.isReadable(a,i,{level:g,size:h})||!f?i:(d.includeFallbackColors=!1,b.mostReadable(a,["#fff","#000"],d))};var T=b.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},U=b.hexNames=y(T),V=function(){var a="[-\\+]?\\d+%?",b="[-\\+]?\\d*\\.\\d+%?",c="(?:"+b+")|(?:"+a+")",d="[\\s|\\(]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")\\s*\\)?",e="[\\s|\\(]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")\\s*\\)?";return{CSS_UNIT:new RegExp(c),rgb:new RegExp("rgb"+d),rgba:new RegExp("rgba"+e),hsl:new RegExp("hsl"+d),hsla:new RegExp("hsla"+e),hsv:new RegExp("hsv"+d),hsva:new RegExp("hsva"+e),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();"undefined"!=typeof module&&module.exports?module.exports=b:"function"==typeof define&&define.amd?define(function(){return b}):window.tinycolor=b}(Math); | ||
// This file is autogenerated. | ||
// It's here at this path for backwards compatibility for links to it | ||
// but the npm package now exports both CJS and ESM. | ||
// See https://github.com/bgrins/TinyColor/ for instructions. | ||
!function(t,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define(r):(t="undefined"!=typeof globalThis?globalThis:t||self).tinycolor=r()}(this,(function(){"use strict";const t=/^\s+/,r=/\s+$/;function e(a,n){if(n=n||{},(a=a||"")instanceof e)return a;if(!(this instanceof e))return new e(a,n);var i=function(e){var a={r:0,g:0,b:0},n=1,i=null,o=null,h=null,s=!1,f=!1;"string"==typeof e&&(e=function(e){e=e.replace(t,"").replace(r,"").toLowerCase();var a,n=!1;if(v[e])e=v[e],n=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};if(a=N.rgb.exec(e))return{r:a[1],g:a[2],b:a[3]};if(a=N.rgba.exec(e))return{r:a[1],g:a[2],b:a[3],a:a[4]};if(a=N.hsl.exec(e))return{h:a[1],s:a[2],l:a[3]};if(a=N.hsla.exec(e))return{h:a[1],s:a[2],l:a[3],a:a[4]};if(a=N.hsv.exec(e))return{h:a[1],s:a[2],v:a[3]};if(a=N.hsva.exec(e))return{h:a[1],s:a[2],v:a[3],a:a[4]};if(a=N.hex8.exec(e))return{r:k(a[1]),g:k(a[2]),b:k(a[3]),a:R(a[4]),format:n?"name":"hex8"};if(a=N.hex6.exec(e))return{r:k(a[1]),g:k(a[2]),b:k(a[3]),format:n?"name":"hex"};if(a=N.hex4.exec(e))return{r:k(a[1]+""+a[1]),g:k(a[2]+""+a[2]),b:k(a[3]+""+a[3]),a:R(a[4]+""+a[4]),format:n?"name":"hex8"};if(a=N.hex3.exec(e))return{r:k(a[1]+""+a[1]),g:k(a[2]+""+a[2]),b:k(a[3]+""+a[3]),format:n?"name":"hex"};return!1}(e));"object"==typeof e&&(T(e.r)&&T(e.g)&&T(e.b)?(u=e.r,l=e.g,c=e.b,a={r:255*x(u,255),g:255*x(l,255),b:255*x(c,255)},s=!0,f="%"===String(e.r).substr(-1)?"prgb":"rgb"):T(e.h)&&T(e.s)&&T(e.v)?(i=S(e.s),o=S(e.v),a=function(t,r,e){t=6*x(t,360),r=x(r,100),e=x(e,100);var a=Math.floor(t),n=t-a,i=e*(1-r),o=e*(1-n*r),h=e*(1-(1-n)*r),s=a%6,f=[e,o,i,i,h,e][s],u=[h,e,e,o,i,i][s],l=[i,i,h,e,e,o][s];return{r:255*f,g:255*u,b:255*l}}(e.h,i,o),s=!0,f="hsv"):T(e.h)&&T(e.s)&&T(e.l)&&(i=S(e.s),h=S(e.l),a=function(t,r,e){var a,n,i;function o(t,r,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?t+6*(r-t)*e:e<.5?r:e<2/3?t+(r-t)*(2/3-e)*6:t}if(t=x(t,360),r=x(r,100),e=x(e,100),0===r)a=n=i=e;else{var h=e<.5?e*(1+r):e+r-e*r,s=2*e-h;a=o(s,h,t+1/3),n=o(s,h,t),i=o(s,h,t-1/3)}return{r:255*a,g:255*n,b:255*i}}(e.h,i,h),s=!0,f="hsl"),e.hasOwnProperty("a")&&(n=e.a));var u,l,c;return n=y(n),{ok:s,format:e.format||f,r:Math.min(255,Math.max(a.r,0)),g:Math.min(255,Math.max(a.g,0)),b:Math.min(255,Math.max(a.b,0)),a:n}}(a);this._originalInput=a,this._r=i.r,this._g=i.g,this._b=i.b,this._a=i.a,this._roundA=Math.round(100*this._a)/100,this._format=n.format||i.format,this._gradientType=n.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=i.ok}function a(t,r,e){t=x(t,255),r=x(r,255),e=x(e,255);var a,n,i=Math.max(t,r,e),o=Math.min(t,r,e),h=(i+o)/2;if(i==o)a=n=0;else{var s=i-o;switch(n=h>.5?s/(2-i-o):s/(i+o),i){case t:a=(r-e)/s+(r<e?6:0);break;case r:a=(e-t)/s+2;break;case e:a=(t-r)/s+4}a/=6}return{h:a,s:n,l:h}}function n(t,r,e){t=x(t,255),r=x(r,255),e=x(e,255);var a,n,i=Math.max(t,r,e),o=Math.min(t,r,e),h=i,s=i-o;if(n=0===i?0:s/i,i==o)a=0;else{switch(i){case t:a=(r-e)/s+(r<e?6:0);break;case r:a=(e-t)/s+2;break;case e:a=(t-r)/s+4}a/=6}return{h:a,s:n,v:h}}function i(t,r,e,a){var n=[w(Math.round(t).toString(16)),w(Math.round(r).toString(16)),w(Math.round(e).toString(16))];return a&&n[0].charAt(0)==n[0].charAt(1)&&n[1].charAt(0)==n[1].charAt(1)&&n[2].charAt(0)==n[2].charAt(1)?n[0].charAt(0)+n[1].charAt(0)+n[2].charAt(0):n.join("")}function o(t,r,e,a){return[w(H(a)),w(Math.round(t).toString(16)),w(Math.round(r).toString(16)),w(Math.round(e).toString(16))].join("")}function h(t,r){r=0===r?0:r||10;var a=e(t).toHsl();return a.s-=r/100,a.s=A(a.s),e(a)}function s(t,r){r=0===r?0:r||10;var a=e(t).toHsl();return a.s+=r/100,a.s=A(a.s),e(a)}function f(t){return e(t).desaturate(100)}function u(t,r){r=0===r?0:r||10;var a=e(t).toHsl();return a.l+=r/100,a.l=A(a.l),e(a)}function l(t,r){r=0===r?0:r||10;var a=e(t).toRgb();return a.r=Math.max(0,Math.min(255,a.r-Math.round(-r/100*255))),a.g=Math.max(0,Math.min(255,a.g-Math.round(-r/100*255))),a.b=Math.max(0,Math.min(255,a.b-Math.round(-r/100*255))),e(a)}function c(t,r){r=0===r?0:r||10;var a=e(t).toHsl();return a.l-=r/100,a.l=A(a.l),e(a)}function d(t,r){var a=e(t).toHsl(),n=(a.h+r)%360;return a.h=n<0?360+n:n,e(a)}function g(t){var r=e(t).toHsl();return r.h=(r.h+180)%360,e(r)}function b(t,r){if(isNaN(r)||r<=0)throw new Error("Argument to polyad must be a positive number");for(var a=e(t).toHsl(),n=[e(t)],i=360/r,o=1;o<r;o++)n.push(e({h:(a.h+o*i)%360,s:a.s,l:a.l}));return n}function m(t){var r=e(t).toHsl(),a=r.h;return[e(t),e({h:(a+72)%360,s:r.s,l:r.l}),e({h:(a+216)%360,s:r.s,l:r.l})]}function p(t,r,a){r=r||6,a=a||30;var n=e(t).toHsl(),i=360/a,o=[e(t)];for(n.h=(n.h-(i*r>>1)+720)%360;--r;)n.h=(n.h+i)%360,o.push(e(n));return o}function _(t,r){r=r||6;for(var a=e(t).toHsv(),n=a.h,i=a.s,o=a.v,h=[],s=1/r;r--;)h.push(e({h:n,s:i,v:o})),o=(o+s)%1;return h}e.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var t=this.toRgb();return(299*t.r+587*t.g+114*t.b)/1e3},getLuminance:function(){var t,r,e,a=this.toRgb();return t=a.r/255,r=a.g/255,e=a.b/255,.2126*(t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4))+.7152*(r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4))+.0722*(e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4))},setAlpha:function(t){return this._a=y(t),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var t=n(this._r,this._g,this._b);return{h:360*t.h,s:t.s,v:t.v,a:this._a}},toHsvString:function(){var t=n(this._r,this._g,this._b),r=Math.round(360*t.h),e=Math.round(100*t.s),a=Math.round(100*t.v);return 1==this._a?"hsv("+r+", "+e+"%, "+a+"%)":"hsva("+r+", "+e+"%, "+a+"%, "+this._roundA+")"},toHsl:function(){var t=a(this._r,this._g,this._b);return{h:360*t.h,s:t.s,l:t.l,a:this._a}},toHslString:function(){var t=a(this._r,this._g,this._b),r=Math.round(360*t.h),e=Math.round(100*t.s),n=Math.round(100*t.l);return 1==this._a?"hsl("+r+", "+e+"%, "+n+"%)":"hsla("+r+", "+e+"%, "+n+"%, "+this._roundA+")"},toHex:function(t){return i(this._r,this._g,this._b,t)},toHexString:function(t){return"#"+this.toHex(t)},toHex8:function(t){return function(t,r,e,a,n){var i=[w(Math.round(t).toString(16)),w(Math.round(r).toString(16)),w(Math.round(e).toString(16)),w(H(a))];if(n&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)&&i[3].charAt(0)==i[3].charAt(1))return i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0);return i.join("")}(this._r,this._g,this._b,this._a,t)},toHex8String:function(t){return"#"+this.toHex8(t)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(100*x(this._r,255))+"%",g:Math.round(100*x(this._g,255))+"%",b:Math.round(100*x(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+Math.round(100*x(this._r,255))+"%, "+Math.round(100*x(this._g,255))+"%, "+Math.round(100*x(this._b,255))+"%)":"rgba("+Math.round(100*x(this._r,255))+"%, "+Math.round(100*x(this._g,255))+"%, "+Math.round(100*x(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(M[i(this._r,this._g,this._b,!0)]||!1)},toFilter:function(t){var r="#"+o(this._r,this._g,this._b,this._a),a=r,n=this._gradientType?"GradientType = 1, ":"";if(t){var i=e(t);a="#"+o(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+n+"startColorstr="+r+",endColorstr="+a+")"},toString:function(t){var r=!!t;t=t||this._format;var e=!1,a=this._a<1&&this._a>=0;return r||!a||"hex"!==t&&"hex6"!==t&&"hex3"!==t&&"hex4"!==t&&"hex8"!==t&&"name"!==t?("rgb"===t&&(e=this.toRgbString()),"prgb"===t&&(e=this.toPercentageRgbString()),"hex"!==t&&"hex6"!==t||(e=this.toHexString()),"hex3"===t&&(e=this.toHexString(!0)),"hex4"===t&&(e=this.toHex8String(!0)),"hex8"===t&&(e=this.toHex8String()),"name"===t&&(e=this.toName()),"hsl"===t&&(e=this.toHslString()),"hsv"===t&&(e=this.toHsvString()),e||this.toHexString()):"name"===t&&0===this._a?this.toName():this.toRgbString()},clone:function(){return e(this.toString())},_applyModification:function(t,r){var e=t.apply(null,[this].concat([].slice.call(r)));return this._r=e._r,this._g=e._g,this._b=e._b,this.setAlpha(e._a),this},lighten:function(){return this._applyModification(u,arguments)},brighten:function(){return this._applyModification(l,arguments)},darken:function(){return this._applyModification(c,arguments)},desaturate:function(){return this._applyModification(h,arguments)},saturate:function(){return this._applyModification(s,arguments)},greyscale:function(){return this._applyModification(f,arguments)},spin:function(){return this._applyModification(d,arguments)},_applyCombination:function(t,r){return t.apply(null,[this].concat([].slice.call(r)))},analogous:function(){return this._applyCombination(p,arguments)},complement:function(){return this._applyCombination(g,arguments)},monochromatic:function(){return this._applyCombination(_,arguments)},splitcomplement:function(){return this._applyCombination(m,arguments)},triad:function(){return this._applyCombination(b,[3])},tetrad:function(){return this._applyCombination(b,[4])}},e.fromRatio=function(t,r){if("object"==typeof t){var a={};for(var n in t)t.hasOwnProperty(n)&&(a[n]="a"===n?t[n]:S(t[n]));t=a}return e(t,r)},e.equals=function(t,r){return!(!t||!r)&&e(t).toRgbString()==e(r).toRgbString()},e.random=function(){return e.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},e.mix=function(t,r,a){a=0===a?0:a||50;var n=e(t).toRgb(),i=e(r).toRgb(),o=a/100;return e({r:(i.r-n.r)*o+n.r,g:(i.g-n.g)*o+n.g,b:(i.b-n.b)*o+n.b,a:(i.a-n.a)*o+n.a})},e.readability=function(t,r){var a=e(t),n=e(r);return(Math.max(a.getLuminance(),n.getLuminance())+.05)/(Math.min(a.getLuminance(),n.getLuminance())+.05)},e.isReadable=function(t,r,a){var n,i,o=e.readability(t,r);switch(i=!1,(n=function(t){var r,e;r=((t=t||{level:"AA",size:"small"}).level||"AA").toUpperCase(),e=(t.size||"small").toLowerCase(),"AA"!==r&&"AAA"!==r&&(r="AA");"small"!==e&&"large"!==e&&(e="small");return{level:r,size:e}}(a)).level+n.size){case"AAsmall":case"AAAlarge":i=o>=4.5;break;case"AAlarge":i=o>=3;break;case"AAAsmall":i=o>=7}return i},e.mostReadable=function(t,r,a){var n,i,o,h,s=null,f=0;i=(a=a||{}).includeFallbackColors,o=a.level,h=a.size;for(var u=0;u<r.length;u++)(n=e.readability(t,r[u]))>f&&(f=n,s=e(r[u]));return e.isReadable(t,s,{level:o,size:h})||!i?s:(a.includeFallbackColors=!1,e.mostReadable(t,["#fff","#000"],a))};var v=e.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},M=e.hexNames=function(t){var r={};for(var e in t)t.hasOwnProperty(e)&&(r[t[e]]=e);return r}(v);function y(t){return t=parseFloat(t),(isNaN(t)||t<0||t>1)&&(t=1),t}function x(t,r){(function(t){return"string"==typeof t&&-1!=t.indexOf(".")&&1===parseFloat(t)})(t)&&(t="100%");var e=function(t){return"string"==typeof t&&-1!=t.indexOf("%")}(t);return t=Math.min(r,Math.max(0,parseFloat(t))),e&&(t=parseInt(t*r,10)/100),Math.abs(t-r)<1e-6?1:t%r/parseFloat(r)}function A(t){return Math.min(1,Math.max(0,t))}function k(t){return parseInt(t,16)}function w(t){return 1==t.length?"0"+t:""+t}function S(t){return t<=1&&(t=100*t+"%"),t}function H(t){return Math.round(255*parseFloat(t)).toString(16)}function R(t){return k(t)/255}var F,C,q,N=(C="[\\s|\\(]+("+(F="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+F+")[,|\\s]+("+F+")\\s*\\)?",q="[\\s|\\(]+("+F+")[,|\\s]+("+F+")[,|\\s]+("+F+")[,|\\s]+("+F+")\\s*\\)?",{CSS_UNIT:new RegExp(F),rgb:new RegExp("rgb"+C),rgba:new RegExp("rgba"+q),hsl:new RegExp("hsl"+C),hsla:new RegExp("hsla"+q),hsv:new RegExp("hsv"+C),hsva:new RegExp("hsva"+q),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function T(t){return!!N.CSS_UNIT.exec(t)}return e})); |
{ | ||
"version": "1.5.1", | ||
"version": "1.5.2", | ||
"name": "tinycolor2", | ||
@@ -17,14 +17,20 @@ "description": "Fast Color Parsing and Manipulation", | ||
"author": "Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)", | ||
"main": "./tinycolor.js", | ||
"engines": { | ||
"node": "*" | ||
"bugs": { | ||
"url": "https://github.com/bgrins/TinyColor/issues" | ||
}, | ||
"module": "./esm/tinycolor.js", | ||
"main": "./cjs/tinycolor.js", | ||
"browser": "./cjs/tinycolor.js", | ||
"exports": { | ||
".": { | ||
"import": "./esm/tinycolor.js", | ||
"require": "./cjs/tinycolor.js" | ||
} | ||
}, | ||
"scripts": { | ||
"test": "node cjs/test.js && node esm/test.js" | ||
}, | ||
"devDependencies": { | ||
"grunt": "~0.4.1", | ||
"grunt-contrib-concat": "~0.1.3", | ||
"grunt-contrib-jshint": "~0.1.1", | ||
"grunt-contrib-qunit": "^4.0.0", | ||
"grunt-contrib-uglify": "~0.2.0", | ||
"grunt-docco": "~0.2.0" | ||
"@deno/shim-deno-test": "^0.4.0" | ||
} | ||
} |
@@ -7,28 +7,48 @@ # TinyColor | ||
[![Build Status](https://travis-ci.org/bgrins/TinyColor.png?branch=master)](https://travis-ci.org/bgrins/TinyColor) | ||
## Including in node | ||
`tinycolor` can be installed from npm: | ||
npm install tinycolor2 | ||
Then it can be used in your script like so: | ||
```js | ||
var tinycolor = require("tinycolor2"); | ||
var color = tinycolor("red"); | ||
``` | ||
Or in a module like so: | ||
```js | ||
import tinycolor from "tinycolor2"; | ||
var color = tinycolor("red"); | ||
``` | ||
## Including in a browser | ||
Download [tinycolor.js](https://raw.githubusercontent.com/bgrins/TinyColor/master/tinycolor.js) or install it with bower: | ||
The package can be bundled from npm, but if you prefer to download it locally you have two choices: | ||
bower install tinycolor | ||
### ESM | ||
Then just include it in the page in a `script` tag: | ||
It can be used as a module by downloading [npm/esm/tinycolor.js](https://github.com/bgrins/TinyColor/blob/master/npm/esm/tinycolor.js) or using https://esm.sh/tinycolor2. | ||
```html | ||
<script type='text/javascript' src='tinycolor.js'></script> | ||
<script type='text/javascript'> | ||
<script type='module'> | ||
import tinycolor from "https://esm.sh/tinycolor2"; | ||
var color = tinycolor("red"); | ||
</script> | ||
``` | ||
## Including in node | ||
`tinycolor` may also be included as a [node](http://nodejs.org/) module like so: | ||
### UMD | ||
npm install tinycolor2 | ||
You can use it directly in a script tag by downloading the UMD file from [npm/cjs/tinycolor.js](https://github.com/bgrins/TinyColor/blob/master/npm/cjs/tinycolor.js): | ||
Then it can be used in your script like so: | ||
```js | ||
var tinycolor = require("tinycolor2"); | ||
```html | ||
<script type='text/javascript' src='tinycolor.js'></script> | ||
<script type='text/javascript'> | ||
var color = tinycolor("red"); | ||
</script> | ||
``` | ||
## Usage | ||
@@ -91,2 +111,5 @@ | ||
### Named | ||
Case insenstive names are accepted, using the [list of colors in the CSS spec](https://www.w3.org/TR/css-color-4/#named-colors). | ||
```js | ||
@@ -93,0 +116,0 @@ tinycolor("RED"); |
1438
tinycolor.js
@@ -1,37 +0,38 @@ | ||
// TinyColor v1.4.2 | ||
// https://github.com/bgrins/TinyColor | ||
// Brian Grinstead, MIT License | ||
// This file is autogenerated. | ||
// It's here at this path for backwards compatibility for links to it | ||
// but the npm package now exports both CJS and ESM. | ||
// See https://github.com/bgrins/TinyColor/ for instructions. | ||
(function (global, factory) { | ||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : | ||
typeof define === 'function' && define.amd ? define(factory) : | ||
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tinycolor = factory()); | ||
})(this, (function () { 'use strict'; | ||
(function(Math) { | ||
// https://github.com/bgrins/TinyColor | ||
// Brian Grinstead, MIT License | ||
var trimLeft = /^\s+/, | ||
trimRight = /\s+$/, | ||
tinyCounter = 0, | ||
mathRound = Math.round, | ||
mathMin = Math.min, | ||
mathMax = Math.max, | ||
mathRandom = Math.random; | ||
const trimLeft = /^\s+/; | ||
const trimRight = /\s+$/; | ||
function tinycolor (color, opts) { | ||
function tinycolor(color, opts) { | ||
color = color ? color : ""; | ||
opts = opts || {}; | ||
color = (color) ? color : ''; | ||
opts = opts || { }; | ||
// If input is already a tinycolor, return itself | ||
if (color instanceof tinycolor) { | ||
return color; | ||
return color; | ||
} | ||
// If we are called as a function, call using new instead | ||
if (!(this instanceof tinycolor)) { | ||
return new tinycolor(color, opts); | ||
return new tinycolor(color, opts); | ||
} | ||
var rgb = inputToRGB(color); | ||
this._originalInput = color, | ||
this._r = rgb.r, | ||
this._g = rgb.g, | ||
this._b = rgb.b, | ||
this._a = rgb.a, | ||
this._roundA = mathRound(100*this._a) / 100, | ||
this._format = opts.format || rgb.format; | ||
(this._originalInput = color), | ||
(this._r = rgb.r), | ||
(this._g = rgb.g), | ||
(this._b = rgb.b), | ||
(this._a = rgb.a), | ||
(this._roundA = Math.round(100 * this._a) / 100), | ||
(this._format = opts.format || rgb.format); | ||
this._gradientType = opts.gradientType; | ||
@@ -43,266 +44,328 @@ | ||
// If it was supposed to be 128, this was already taken care of by `inputToRgb` | ||
if (this._r < 1) { this._r = mathRound(this._r); } | ||
if (this._g < 1) { this._g = mathRound(this._g); } | ||
if (this._b < 1) { this._b = mathRound(this._b); } | ||
if (this._r < 1) this._r = Math.round(this._r); | ||
if (this._g < 1) this._g = Math.round(this._g); | ||
if (this._b < 1) this._b = Math.round(this._b); | ||
this._ok = rgb.ok; | ||
this._tc_id = tinyCounter++; | ||
} | ||
} | ||
tinycolor.prototype = { | ||
isDark: function() { | ||
return this.getBrightness() < 128; | ||
tinycolor.prototype = { | ||
isDark: function () { | ||
return this.getBrightness() < 128; | ||
}, | ||
isLight: function() { | ||
return !this.isDark(); | ||
isLight: function () { | ||
return !this.isDark(); | ||
}, | ||
isValid: function() { | ||
return this._ok; | ||
isValid: function () { | ||
return this._ok; | ||
}, | ||
getOriginalInput: function() { | ||
getOriginalInput: function () { | ||
return this._originalInput; | ||
}, | ||
getFormat: function() { | ||
return this._format; | ||
getFormat: function () { | ||
return this._format; | ||
}, | ||
getAlpha: function() { | ||
return this._a; | ||
getAlpha: function () { | ||
return this._a; | ||
}, | ||
getBrightness: function() { | ||
//http://www.w3.org/TR/AERT#color-contrast | ||
var rgb = this.toRgb(); | ||
return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; | ||
getBrightness: function () { | ||
//http://www.w3.org/TR/AERT#color-contrast | ||
var rgb = this.toRgb(); | ||
return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; | ||
}, | ||
getLuminance: function() { | ||
//http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef | ||
var rgb = this.toRgb(); | ||
var RsRGB, GsRGB, BsRGB, R, G, B; | ||
RsRGB = rgb.r/255; | ||
GsRGB = rgb.g/255; | ||
BsRGB = rgb.b/255; | ||
getLuminance: function () { | ||
//http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef | ||
var rgb = this.toRgb(); | ||
var RsRGB, GsRGB, BsRGB, R, G, B; | ||
RsRGB = rgb.r / 255; | ||
GsRGB = rgb.g / 255; | ||
BsRGB = rgb.b / 255; | ||
if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);} | ||
if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);} | ||
if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);} | ||
return (0.2126 * R) + (0.7152 * G) + (0.0722 * B); | ||
if (RsRGB <= 0.03928) R = RsRGB / 12.92; | ||
else R = Math.pow((RsRGB + 0.055) / 1.055, 2.4); | ||
if (GsRGB <= 0.03928) G = GsRGB / 12.92; | ||
else G = Math.pow((GsRGB + 0.055) / 1.055, 2.4); | ||
if (BsRGB <= 0.03928) B = BsRGB / 12.92; | ||
else B = Math.pow((BsRGB + 0.055) / 1.055, 2.4); | ||
return 0.2126 * R + 0.7152 * G + 0.0722 * B; | ||
}, | ||
setAlpha: function(value) { | ||
this._a = boundAlpha(value); | ||
this._roundA = mathRound(100*this._a) / 100; | ||
return this; | ||
setAlpha: function (value) { | ||
this._a = boundAlpha(value); | ||
this._roundA = Math.round(100 * this._a) / 100; | ||
return this; | ||
}, | ||
toHsv: function() { | ||
var hsv = rgbToHsv(this._r, this._g, this._b); | ||
return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a }; | ||
toHsv: function () { | ||
var hsv = rgbToHsv(this._r, this._g, this._b); | ||
return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a }; | ||
}, | ||
toHsvString: function() { | ||
var hsv = rgbToHsv(this._r, this._g, this._b); | ||
var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100); | ||
return (this._a == 1) ? | ||
"hsv(" + h + ", " + s + "%, " + v + "%)" : | ||
"hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")"; | ||
toHsvString: function () { | ||
var hsv = rgbToHsv(this._r, this._g, this._b); | ||
var h = Math.round(hsv.h * 360), | ||
s = Math.round(hsv.s * 100), | ||
v = Math.round(hsv.v * 100); | ||
return this._a == 1 | ||
? "hsv(" + h + ", " + s + "%, " + v + "%)" | ||
: "hsva(" + h + ", " + s + "%, " + v + "%, " + this._roundA + ")"; | ||
}, | ||
toHsl: function() { | ||
var hsl = rgbToHsl(this._r, this._g, this._b); | ||
return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a }; | ||
toHsl: function () { | ||
var hsl = rgbToHsl(this._r, this._g, this._b); | ||
return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a }; | ||
}, | ||
toHslString: function() { | ||
var hsl = rgbToHsl(this._r, this._g, this._b); | ||
var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100); | ||
return (this._a == 1) ? | ||
"hsl(" + h + ", " + s + "%, " + l + "%)" : | ||
"hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")"; | ||
toHslString: function () { | ||
var hsl = rgbToHsl(this._r, this._g, this._b); | ||
var h = Math.round(hsl.h * 360), | ||
s = Math.round(hsl.s * 100), | ||
l = Math.round(hsl.l * 100); | ||
return this._a == 1 | ||
? "hsl(" + h + ", " + s + "%, " + l + "%)" | ||
: "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")"; | ||
}, | ||
toHex: function(allow3Char) { | ||
return rgbToHex(this._r, this._g, this._b, allow3Char); | ||
toHex: function (allow3Char) { | ||
return rgbToHex(this._r, this._g, this._b, allow3Char); | ||
}, | ||
toHexString: function(allow3Char) { | ||
return '#' + this.toHex(allow3Char); | ||
toHexString: function (allow3Char) { | ||
return "#" + this.toHex(allow3Char); | ||
}, | ||
toHex8: function(allow4Char) { | ||
return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char); | ||
toHex8: function (allow4Char) { | ||
return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char); | ||
}, | ||
toHex8String: function(allow4Char) { | ||
return '#' + this.toHex8(allow4Char); | ||
toHex8String: function (allow4Char) { | ||
return "#" + this.toHex8(allow4Char); | ||
}, | ||
toRgb: function() { | ||
return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a }; | ||
toRgb: function () { | ||
return { | ||
r: Math.round(this._r), | ||
g: Math.round(this._g), | ||
b: Math.round(this._b), | ||
a: this._a, | ||
}; | ||
}, | ||
toRgbString: function() { | ||
return (this._a == 1) ? | ||
"rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" : | ||
"rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")"; | ||
toRgbString: function () { | ||
return this._a == 1 | ||
? "rgb(" + | ||
Math.round(this._r) + | ||
", " + | ||
Math.round(this._g) + | ||
", " + | ||
Math.round(this._b) + | ||
")" | ||
: "rgba(" + | ||
Math.round(this._r) + | ||
", " + | ||
Math.round(this._g) + | ||
", " + | ||
Math.round(this._b) + | ||
", " + | ||
this._roundA + | ||
")"; | ||
}, | ||
toPercentageRgb: function() { | ||
return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a }; | ||
toPercentageRgb: function () { | ||
return { | ||
r: Math.round(bound01(this._r, 255) * 100) + "%", | ||
g: Math.round(bound01(this._g, 255) * 100) + "%", | ||
b: Math.round(bound01(this._b, 255) * 100) + "%", | ||
a: this._a, | ||
}; | ||
}, | ||
toPercentageRgbString: function() { | ||
return (this._a == 1) ? | ||
"rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" : | ||
"rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")"; | ||
toPercentageRgbString: function () { | ||
return this._a == 1 | ||
? "rgb(" + | ||
Math.round(bound01(this._r, 255) * 100) + | ||
"%, " + | ||
Math.round(bound01(this._g, 255) * 100) + | ||
"%, " + | ||
Math.round(bound01(this._b, 255) * 100) + | ||
"%)" | ||
: "rgba(" + | ||
Math.round(bound01(this._r, 255) * 100) + | ||
"%, " + | ||
Math.round(bound01(this._g, 255) * 100) + | ||
"%, " + | ||
Math.round(bound01(this._b, 255) * 100) + | ||
"%, " + | ||
this._roundA + | ||
")"; | ||
}, | ||
toName: function() { | ||
if (this._a === 0) { | ||
return "transparent"; | ||
} | ||
toName: function () { | ||
if (this._a === 0) { | ||
return "transparent"; | ||
} | ||
if (this._a < 1) { | ||
return false; | ||
} | ||
if (this._a < 1) { | ||
return false; | ||
} | ||
return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false; | ||
return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false; | ||
}, | ||
toFilter: function(secondColor) { | ||
var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a); | ||
var secondHex8String = hex8String; | ||
var gradientType = this._gradientType ? "GradientType = 1, " : ""; | ||
toFilter: function (secondColor) { | ||
var hex8String = "#" + rgbaToArgbHex(this._r, this._g, this._b, this._a); | ||
var secondHex8String = hex8String; | ||
var gradientType = this._gradientType ? "GradientType = 1, " : ""; | ||
if (secondColor) { | ||
var s = tinycolor(secondColor); | ||
secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a); | ||
} | ||
if (secondColor) { | ||
var s = tinycolor(secondColor); | ||
secondHex8String = "#" + rgbaToArgbHex(s._r, s._g, s._b, s._a); | ||
} | ||
return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")"; | ||
return ( | ||
"progid:DXImageTransform.Microsoft.gradient(" + | ||
gradientType + | ||
"startColorstr=" + | ||
hex8String + | ||
",endColorstr=" + | ||
secondHex8String + | ||
")" | ||
); | ||
}, | ||
toString: function(format) { | ||
var formatSet = !!format; | ||
format = format || this._format; | ||
toString: function (format) { | ||
var formatSet = !!format; | ||
format = format || this._format; | ||
var formattedString = false; | ||
var hasAlpha = this._a < 1 && this._a >= 0; | ||
var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name"); | ||
var formattedString = false; | ||
var hasAlpha = this._a < 1 && this._a >= 0; | ||
var needsAlphaFormat = | ||
!formatSet && | ||
hasAlpha && | ||
(format === "hex" || | ||
format === "hex6" || | ||
format === "hex3" || | ||
format === "hex4" || | ||
format === "hex8" || | ||
format === "name"); | ||
if (needsAlphaFormat) { | ||
// Special case for "transparent", all other non-alpha formats | ||
// will return rgba when there is transparency. | ||
if (format === "name" && this._a === 0) { | ||
return this.toName(); | ||
} | ||
return this.toRgbString(); | ||
if (needsAlphaFormat) { | ||
// Special case for "transparent", all other non-alpha formats | ||
// will return rgba when there is transparency. | ||
if (format === "name" && this._a === 0) { | ||
return this.toName(); | ||
} | ||
if (format === "rgb") { | ||
formattedString = this.toRgbString(); | ||
} | ||
if (format === "prgb") { | ||
formattedString = this.toPercentageRgbString(); | ||
} | ||
if (format === "hex" || format === "hex6") { | ||
formattedString = this.toHexString(); | ||
} | ||
if (format === "hex3") { | ||
formattedString = this.toHexString(true); | ||
} | ||
if (format === "hex4") { | ||
formattedString = this.toHex8String(true); | ||
} | ||
if (format === "hex8") { | ||
formattedString = this.toHex8String(); | ||
} | ||
if (format === "name") { | ||
formattedString = this.toName(); | ||
} | ||
if (format === "hsl") { | ||
formattedString = this.toHslString(); | ||
} | ||
if (format === "hsv") { | ||
formattedString = this.toHsvString(); | ||
} | ||
return this.toRgbString(); | ||
} | ||
if (format === "rgb") { | ||
formattedString = this.toRgbString(); | ||
} | ||
if (format === "prgb") { | ||
formattedString = this.toPercentageRgbString(); | ||
} | ||
if (format === "hex" || format === "hex6") { | ||
formattedString = this.toHexString(); | ||
} | ||
if (format === "hex3") { | ||
formattedString = this.toHexString(true); | ||
} | ||
if (format === "hex4") { | ||
formattedString = this.toHex8String(true); | ||
} | ||
if (format === "hex8") { | ||
formattedString = this.toHex8String(); | ||
} | ||
if (format === "name") { | ||
formattedString = this.toName(); | ||
} | ||
if (format === "hsl") { | ||
formattedString = this.toHslString(); | ||
} | ||
if (format === "hsv") { | ||
formattedString = this.toHsvString(); | ||
} | ||
return formattedString || this.toHexString(); | ||
return formattedString || this.toHexString(); | ||
}, | ||
clone: function() { | ||
return tinycolor(this.toString()); | ||
clone: function () { | ||
return tinycolor(this.toString()); | ||
}, | ||
_applyModification: function(fn, args) { | ||
var color = fn.apply(null, [this].concat([].slice.call(args))); | ||
this._r = color._r; | ||
this._g = color._g; | ||
this._b = color._b; | ||
this.setAlpha(color._a); | ||
return this; | ||
_applyModification: function (fn, args) { | ||
var color = fn.apply(null, [this].concat([].slice.call(args))); | ||
this._r = color._r; | ||
this._g = color._g; | ||
this._b = color._b; | ||
this.setAlpha(color._a); | ||
return this; | ||
}, | ||
lighten: function() { | ||
return this._applyModification(lighten, arguments); | ||
lighten: function () { | ||
return this._applyModification(lighten, arguments); | ||
}, | ||
brighten: function() { | ||
return this._applyModification(brighten, arguments); | ||
brighten: function () { | ||
return this._applyModification(brighten, arguments); | ||
}, | ||
darken: function() { | ||
return this._applyModification(darken, arguments); | ||
darken: function () { | ||
return this._applyModification(darken, arguments); | ||
}, | ||
desaturate: function() { | ||
return this._applyModification(desaturate, arguments); | ||
desaturate: function () { | ||
return this._applyModification(desaturate, arguments); | ||
}, | ||
saturate: function() { | ||
return this._applyModification(saturate, arguments); | ||
saturate: function () { | ||
return this._applyModification(saturate, arguments); | ||
}, | ||
greyscale: function() { | ||
return this._applyModification(greyscale, arguments); | ||
greyscale: function () { | ||
return this._applyModification(greyscale, arguments); | ||
}, | ||
spin: function() { | ||
return this._applyModification(spin, arguments); | ||
spin: function () { | ||
return this._applyModification(spin, arguments); | ||
}, | ||
_applyCombination: function(fn, args) { | ||
return fn.apply(null, [this].concat([].slice.call(args))); | ||
_applyCombination: function (fn, args) { | ||
return fn.apply(null, [this].concat([].slice.call(args))); | ||
}, | ||
analogous: function() { | ||
return this._applyCombination(analogous, arguments); | ||
analogous: function () { | ||
return this._applyCombination(analogous, arguments); | ||
}, | ||
complement: function() { | ||
return this._applyCombination(complement, arguments); | ||
complement: function () { | ||
return this._applyCombination(complement, arguments); | ||
}, | ||
monochromatic: function() { | ||
return this._applyCombination(monochromatic, arguments); | ||
monochromatic: function () { | ||
return this._applyCombination(monochromatic, arguments); | ||
}, | ||
splitcomplement: function() { | ||
return this._applyCombination(splitcomplement, arguments); | ||
splitcomplement: function () { | ||
return this._applyCombination(splitcomplement, arguments); | ||
}, | ||
triad: function() { | ||
return this._applyCombination(triad, arguments); | ||
// Disabled until https://github.com/bgrins/TinyColor/issues/254 | ||
// polyad: function (number) { | ||
// return this._applyCombination(polyad, [number]); | ||
// }, | ||
triad: function () { | ||
return this._applyCombination(polyad, [3]); | ||
}, | ||
tetrad: function() { | ||
return this._applyCombination(tetrad, arguments); | ||
} | ||
}; | ||
tetrad: function () { | ||
return this._applyCombination(polyad, [4]); | ||
}, | ||
}; | ||
// If input is an object, force 1 into "1.0" to handle ratios properly | ||
// String input requires "1.0" as input, so 1 will be treated as 1 | ||
tinycolor.fromRatio = function(color, opts) { | ||
// If input is an object, force 1 into "1.0" to handle ratios properly | ||
// String input requires "1.0" as input, so 1 will be treated as 1 | ||
tinycolor.fromRatio = function (color, opts) { | ||
if (typeof color == "object") { | ||
var newColor = {}; | ||
for (var i in color) { | ||
if (color.hasOwnProperty(i)) { | ||
if (i === "a") { | ||
newColor[i] = color[i]; | ||
} | ||
else { | ||
newColor[i] = convertToPercentage(color[i]); | ||
} | ||
} | ||
var newColor = {}; | ||
for (var i in color) { | ||
if (color.hasOwnProperty(i)) { | ||
if (i === "a") { | ||
newColor[i] = color[i]; | ||
} else { | ||
newColor[i] = convertToPercentage(color[i]); | ||
} | ||
} | ||
color = newColor; | ||
} | ||
color = newColor; | ||
} | ||
return tinycolor(color, opts); | ||
}; | ||
}; | ||
// Given a string or object, convert that input to RGB | ||
// Possible string inputs: | ||
// | ||
// "red" | ||
// "#f00" or "f00" | ||
// "#ff0000" or "ff0000" | ||
// "#ff000000" or "ff000000" | ||
// "rgb 255 0 0" or "rgb (255, 0, 0)" | ||
// "rgb 1.0 0 0" or "rgb (1, 0, 0)" | ||
// "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" | ||
// "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" | ||
// "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" | ||
// "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" | ||
// "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" | ||
// | ||
function inputToRGB(color) { | ||
// Given a string or object, convert that input to RGB | ||
// Possible string inputs: | ||
// | ||
// "red" | ||
// "#f00" or "f00" | ||
// "#ff0000" or "ff0000" | ||
// "#ff000000" or "ff000000" | ||
// "rgb 255 0 0" or "rgb (255, 0, 0)" | ||
// "rgb 1.0 0 0" or "rgb (1, 0, 0)" | ||
// "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" | ||
// "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" | ||
// "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" | ||
// "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" | ||
// "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" | ||
// | ||
function inputToRGB(color) { | ||
var rgb = { r: 0, g: 0, b: 0 }; | ||
@@ -317,29 +380,39 @@ var a = 1; | ||
if (typeof color == "string") { | ||
color = stringInputToObject(color); | ||
color = stringInputToObject(color); | ||
} | ||
if (typeof color == "object") { | ||
if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) { | ||
rgb = rgbToRgb(color.r, color.g, color.b); | ||
ok = true; | ||
format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb"; | ||
} | ||
else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) { | ||
s = convertToPercentage(color.s); | ||
v = convertToPercentage(color.v); | ||
rgb = hsvToRgb(color.h, s, v); | ||
ok = true; | ||
format = "hsv"; | ||
} | ||
else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { | ||
s = convertToPercentage(color.s); | ||
l = convertToPercentage(color.l); | ||
rgb = hslToRgb(color.h, s, l); | ||
ok = true; | ||
format = "hsl"; | ||
} | ||
if ( | ||
isValidCSSUnit(color.r) && | ||
isValidCSSUnit(color.g) && | ||
isValidCSSUnit(color.b) | ||
) { | ||
rgb = rgbToRgb(color.r, color.g, color.b); | ||
ok = true; | ||
format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb"; | ||
} else if ( | ||
isValidCSSUnit(color.h) && | ||
isValidCSSUnit(color.s) && | ||
isValidCSSUnit(color.v) | ||
) { | ||
s = convertToPercentage(color.s); | ||
v = convertToPercentage(color.v); | ||
rgb = hsvToRgb(color.h, s, v); | ||
ok = true; | ||
format = "hsv"; | ||
} else if ( | ||
isValidCSSUnit(color.h) && | ||
isValidCSSUnit(color.s) && | ||
isValidCSSUnit(color.l) | ||
) { | ||
s = convertToPercentage(color.s); | ||
l = convertToPercentage(color.l); | ||
rgb = hslToRgb(color.h, s, l); | ||
ok = true; | ||
format = "hsl"; | ||
} | ||
if (color.hasOwnProperty("a")) { | ||
a = color.a; | ||
} | ||
if (color.hasOwnProperty("a")) { | ||
a = color.a; | ||
} | ||
} | ||
@@ -350,37 +423,35 @@ | ||
return { | ||
ok: ok, | ||
format: color.format || format, | ||
r: mathMin(255, mathMax(rgb.r, 0)), | ||
g: mathMin(255, mathMax(rgb.g, 0)), | ||
b: mathMin(255, mathMax(rgb.b, 0)), | ||
a: a | ||
ok: ok, | ||
format: color.format || format, | ||
r: Math.min(255, Math.max(rgb.r, 0)), | ||
g: Math.min(255, Math.max(rgb.g, 0)), | ||
b: Math.min(255, Math.max(rgb.b, 0)), | ||
a: a, | ||
}; | ||
} | ||
} | ||
// Conversion Functions | ||
// -------------------- | ||
// Conversion Functions | ||
// -------------------- | ||
// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from: | ||
// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript> | ||
// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from: | ||
// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript> | ||
// `rgbToRgb` | ||
// Handle bounds / percentage checking to conform to CSS color spec | ||
// <http://www.w3.org/TR/css3-color/> | ||
// *Assumes:* r, g, b in [0, 255] or [0, 1] | ||
// *Returns:* { r, g, b } in [0, 255] | ||
function rgbToRgb(r, g, b){ | ||
// `rgbToRgb` | ||
// Handle bounds / percentage checking to conform to CSS color spec | ||
// <http://www.w3.org/TR/css3-color/> | ||
// *Assumes:* r, g, b in [0, 255] or [0, 1] | ||
// *Returns:* { r, g, b } in [0, 255] | ||
function rgbToRgb(r, g, b) { | ||
return { | ||
r: bound01(r, 255) * 255, | ||
g: bound01(g, 255) * 255, | ||
b: bound01(b, 255) * 255 | ||
r: bound01(r, 255) * 255, | ||
g: bound01(g, 255) * 255, | ||
b: bound01(b, 255) * 255, | ||
}; | ||
} | ||
} | ||
// `rgbToHsl` | ||
// Converts an RGB color value to HSL. | ||
// *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] | ||
// *Returns:* { h, s, l } in [0,1] | ||
function rgbToHsl(r, g, b) { | ||
// `rgbToHsl` | ||
// Converts an RGB color value to HSL. | ||
// *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] | ||
// *Returns:* { h, s, l } in [0,1] | ||
function rgbToHsl(r, g, b) { | ||
r = bound01(r, 255); | ||
@@ -390,28 +461,36 @@ g = bound01(g, 255); | ||
var max = mathMax(r, g, b), min = mathMin(r, g, b); | ||
var h, s, l = (max + min) / 2; | ||
var max = Math.max(r, g, b), | ||
min = Math.min(r, g, b); | ||
var h, | ||
s, | ||
l = (max + min) / 2; | ||
if(max == min) { | ||
h = s = 0; // achromatic | ||
} | ||
else { | ||
var d = max - min; | ||
s = l > 0.5 ? d / (2 - max - min) : d / (max + min); | ||
switch(max) { | ||
case r: h = (g - b) / d + (g < b ? 6 : 0); break; | ||
case g: h = (b - r) / d + 2; break; | ||
case b: h = (r - g) / d + 4; break; | ||
} | ||
if (max == min) { | ||
h = s = 0; // achromatic | ||
} else { | ||
var d = max - min; | ||
s = l > 0.5 ? d / (2 - max - min) : d / (max + min); | ||
switch (max) { | ||
case r: | ||
h = (g - b) / d + (g < b ? 6 : 0); | ||
break; | ||
case g: | ||
h = (b - r) / d + 2; | ||
break; | ||
case b: | ||
h = (r - g) / d + 4; | ||
break; | ||
} | ||
h /= 6; | ||
h /= 6; | ||
} | ||
return { h: h, s: s, l: l }; | ||
} | ||
} | ||
// `hslToRgb` | ||
// Converts an HSL color value to RGB. | ||
// *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] | ||
// *Returns:* { r, g, b } in the set [0, 255] | ||
function hslToRgb(h, s, l) { | ||
// `hslToRgb` | ||
// Converts an HSL color value to RGB. | ||
// *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] | ||
// *Returns:* { r, g, b } in the set [0, 255] | ||
function hslToRgb(h, s, l) { | ||
var r, g, b; | ||
@@ -424,30 +503,28 @@ | ||
function hue2rgb(p, q, t) { | ||
if(t < 0) t += 1; | ||
if(t > 1) t -= 1; | ||
if(t < 1/6) return p + (q - p) * 6 * t; | ||
if(t < 1/2) return q; | ||
if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; | ||
return p; | ||
if (t < 0) t += 1; | ||
if (t > 1) t -= 1; | ||
if (t < 1 / 6) return p + (q - p) * 6 * t; | ||
if (t < 1 / 2) return q; | ||
if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6; | ||
return p; | ||
} | ||
if(s === 0) { | ||
r = g = b = l; // achromatic | ||
if (s === 0) { | ||
r = g = b = l; // achromatic | ||
} else { | ||
var q = l < 0.5 ? l * (1 + s) : l + s - l * s; | ||
var p = 2 * l - q; | ||
r = hue2rgb(p, q, h + 1 / 3); | ||
g = hue2rgb(p, q, h); | ||
b = hue2rgb(p, q, h - 1 / 3); | ||
} | ||
else { | ||
var q = l < 0.5 ? l * (1 + s) : l + s - l * s; | ||
var p = 2 * l - q; | ||
r = hue2rgb(p, q, h + 1/3); | ||
g = hue2rgb(p, q, h); | ||
b = hue2rgb(p, q, h - 1/3); | ||
} | ||
return { r: r * 255, g: g * 255, b: b * 255 }; | ||
} | ||
} | ||
// `rgbToHsv` | ||
// Converts an RGB color value to HSV | ||
// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] | ||
// *Returns:* { h, s, v } in [0,1] | ||
function rgbToHsv(r, g, b) { | ||
// `rgbToHsv` | ||
// Converts an RGB color value to HSV | ||
// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] | ||
// *Returns:* { h, s, v } in [0,1] | ||
function rgbToHsv(r, g, b) { | ||
r = bound01(r, 255); | ||
@@ -457,4 +534,7 @@ g = bound01(g, 255); | ||
var max = mathMax(r, g, b), min = mathMin(r, g, b); | ||
var h, s, v = max; | ||
var max = Math.max(r, g, b), | ||
min = Math.min(r, g, b); | ||
var h, | ||
s, | ||
v = max; | ||
@@ -464,22 +544,26 @@ var d = max - min; | ||
if(max == min) { | ||
h = 0; // achromatic | ||
if (max == min) { | ||
h = 0; // achromatic | ||
} else { | ||
switch (max) { | ||
case r: | ||
h = (g - b) / d + (g < b ? 6 : 0); | ||
break; | ||
case g: | ||
h = (b - r) / d + 2; | ||
break; | ||
case b: | ||
h = (r - g) / d + 4; | ||
break; | ||
} | ||
h /= 6; | ||
} | ||
else { | ||
switch(max) { | ||
case r: h = (g - b) / d + (g < b ? 6 : 0); break; | ||
case g: h = (b - r) / d + 2; break; | ||
case b: h = (r - g) / d + 4; break; | ||
} | ||
h /= 6; | ||
} | ||
return { h: h, s: s, v: v }; | ||
} | ||
} | ||
// `hsvToRgb` | ||
// Converts an HSV color value to RGB. | ||
// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] | ||
// *Returns:* { r, g, b } in the set [0, 255] | ||
function hsvToRgb(h, s, v) { | ||
// `hsvToRgb` | ||
// Converts an HSV color value to RGB. | ||
// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] | ||
// *Returns:* { r, g, b } in the set [0, 255] | ||
function hsvToRgb(h, s, v) { | ||
h = bound01(h, 360) * 6; | ||
@@ -490,93 +574,102 @@ s = bound01(s, 100); | ||
var i = Math.floor(h), | ||
f = h - i, | ||
p = v * (1 - s), | ||
q = v * (1 - f * s), | ||
t = v * (1 - (1 - f) * s), | ||
mod = i % 6, | ||
r = [v, q, p, p, t, v][mod], | ||
g = [t, v, v, q, p, p][mod], | ||
b = [p, p, t, v, v, q][mod]; | ||
f = h - i, | ||
p = v * (1 - s), | ||
q = v * (1 - f * s), | ||
t = v * (1 - (1 - f) * s), | ||
mod = i % 6, | ||
r = [v, q, p, p, t, v][mod], | ||
g = [t, v, v, q, p, p][mod], | ||
b = [p, p, t, v, v, q][mod]; | ||
return { r: r * 255, g: g * 255, b: b * 255 }; | ||
} | ||
} | ||
// `rgbToHex` | ||
// Converts an RGB color to hex | ||
// Assumes r, g, and b are contained in the set [0, 255] | ||
// Returns a 3 or 6 character hex | ||
function rgbToHex(r, g, b, allow3Char) { | ||
// `rgbToHex` | ||
// Converts an RGB color to hex | ||
// Assumes r, g, and b are contained in the set [0, 255] | ||
// Returns a 3 or 6 character hex | ||
function rgbToHex(r, g, b, allow3Char) { | ||
var hex = [ | ||
pad2(mathRound(r).toString(16)), | ||
pad2(mathRound(g).toString(16)), | ||
pad2(mathRound(b).toString(16)) | ||
pad2(Math.round(r).toString(16)), | ||
pad2(Math.round(g).toString(16)), | ||
pad2(Math.round(b).toString(16)), | ||
]; | ||
// Return a 3 character hex if possible | ||
if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) { | ||
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); | ||
if ( | ||
allow3Char && | ||
hex[0].charAt(0) == hex[0].charAt(1) && | ||
hex[1].charAt(0) == hex[1].charAt(1) && | ||
hex[2].charAt(0) == hex[2].charAt(1) | ||
) { | ||
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); | ||
} | ||
return hex.join(""); | ||
} | ||
} | ||
// `rgbaToHex` | ||
// Converts an RGBA color plus alpha transparency to hex | ||
// Assumes r, g, b are contained in the set [0, 255] and | ||
// a in [0, 1]. Returns a 4 or 8 character rgba hex | ||
function rgbaToHex(r, g, b, a, allow4Char) { | ||
// `rgbaToHex` | ||
// Converts an RGBA color plus alpha transparency to hex | ||
// Assumes r, g, b are contained in the set [0, 255] and | ||
// a in [0, 1]. Returns a 4 or 8 character rgba hex | ||
function rgbaToHex(r, g, b, a, allow4Char) { | ||
var hex = [ | ||
pad2(mathRound(r).toString(16)), | ||
pad2(mathRound(g).toString(16)), | ||
pad2(mathRound(b).toString(16)), | ||
pad2(convertDecimalToHex(a)) | ||
pad2(Math.round(r).toString(16)), | ||
pad2(Math.round(g).toString(16)), | ||
pad2(Math.round(b).toString(16)), | ||
pad2(convertDecimalToHex(a)), | ||
]; | ||
// Return a 4 character hex if possible | ||
if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) { | ||
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0); | ||
if ( | ||
allow4Char && | ||
hex[0].charAt(0) == hex[0].charAt(1) && | ||
hex[1].charAt(0) == hex[1].charAt(1) && | ||
hex[2].charAt(0) == hex[2].charAt(1) && | ||
hex[3].charAt(0) == hex[3].charAt(1) | ||
) { | ||
return ( | ||
hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0) | ||
); | ||
} | ||
return hex.join(""); | ||
} | ||
} | ||
// `rgbaToArgbHex` | ||
// Converts an RGBA color to an ARGB Hex8 string | ||
// Rarely used, but required for "toFilter()" | ||
function rgbaToArgbHex(r, g, b, a) { | ||
// `rgbaToArgbHex` | ||
// Converts an RGBA color to an ARGB Hex8 string | ||
// Rarely used, but required for "toFilter()" | ||
function rgbaToArgbHex(r, g, b, a) { | ||
var hex = [ | ||
pad2(convertDecimalToHex(a)), | ||
pad2(mathRound(r).toString(16)), | ||
pad2(mathRound(g).toString(16)), | ||
pad2(mathRound(b).toString(16)) | ||
pad2(convertDecimalToHex(a)), | ||
pad2(Math.round(r).toString(16)), | ||
pad2(Math.round(g).toString(16)), | ||
pad2(Math.round(b).toString(16)), | ||
]; | ||
return hex.join(""); | ||
} | ||
} | ||
// `equals` | ||
// Can be called with any tinycolor input | ||
tinycolor.equals = function (color1, color2) { | ||
if (!color1 || !color2) { return false; } | ||
// `equals` | ||
// Can be called with any tinycolor input | ||
tinycolor.equals = function (color1, color2) { | ||
if (!color1 || !color2) return false; | ||
return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString(); | ||
}; | ||
}; | ||
tinycolor.random = function() { | ||
tinycolor.random = function () { | ||
return tinycolor.fromRatio({ | ||
r: mathRandom(), | ||
g: mathRandom(), | ||
b: mathRandom() | ||
r: Math.random(), | ||
g: Math.random(), | ||
b: Math.random(), | ||
}); | ||
}; | ||
}; | ||
// Modification Functions | ||
// ---------------------- | ||
// Thanks to less.js for some of the basics here | ||
// <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js> | ||
// Modification Functions | ||
// ---------------------- | ||
// Thanks to less.js for some of the basics here | ||
// <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js> | ||
function desaturate(color, amount) { | ||
amount = (amount === 0) ? 0 : (amount || 10); | ||
function desaturate(color, amount) { | ||
amount = amount === 0 ? 0 : amount || 10; | ||
var hsl = tinycolor(color).toHsl(); | ||
@@ -586,6 +679,6 @@ hsl.s -= amount / 100; | ||
return tinycolor(hsl); | ||
} | ||
} | ||
function saturate(color, amount) { | ||
amount = (amount === 0) ? 0 : (amount || 10); | ||
function saturate(color, amount) { | ||
amount = amount === 0 ? 0 : amount || 10; | ||
var hsl = tinycolor(color).toHsl(); | ||
@@ -595,10 +688,10 @@ hsl.s += amount / 100; | ||
return tinycolor(hsl); | ||
} | ||
} | ||
function greyscale(color) { | ||
function greyscale(color) { | ||
return tinycolor(color).desaturate(100); | ||
} | ||
} | ||
function lighten (color, amount) { | ||
amount = (amount === 0) ? 0 : (amount || 10); | ||
function lighten(color, amount) { | ||
amount = amount === 0 ? 0 : amount || 10; | ||
var hsl = tinycolor(color).toHsl(); | ||
@@ -608,15 +701,15 @@ hsl.l += amount / 100; | ||
return tinycolor(hsl); | ||
} | ||
} | ||
function brighten(color, amount) { | ||
amount = (amount === 0) ? 0 : (amount || 10); | ||
function brighten(color, amount) { | ||
amount = amount === 0 ? 0 : amount || 10; | ||
var rgb = tinycolor(color).toRgb(); | ||
rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100)))); | ||
rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100)))); | ||
rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100)))); | ||
rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100)))); | ||
rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100)))); | ||
rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100)))); | ||
return tinycolor(rgb); | ||
} | ||
} | ||
function darken (color, amount) { | ||
amount = (amount === 0) ? 0 : (amount || 10); | ||
function darken(color, amount) { | ||
amount = amount === 0 ? 0 : amount || 10; | ||
var hsl = tinycolor(color).toHsl(); | ||
@@ -626,7 +719,7 @@ hsl.l -= amount / 100; | ||
return tinycolor(hsl); | ||
} | ||
} | ||
// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. | ||
// Values outside of this range will be wrapped into this range. | ||
function spin(color, amount) { | ||
// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. | ||
// Values outside of this range will be wrapped into this range. | ||
function spin(color, amount) { | ||
var hsl = tinycolor(color).toHsl(); | ||
@@ -636,47 +729,40 @@ var hue = (hsl.h + amount) % 360; | ||
return tinycolor(hsl); | ||
} | ||
} | ||
// Combination Functions | ||
// --------------------- | ||
// Thanks to jQuery xColor for some of the ideas behind these | ||
// <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js> | ||
// Combination Functions | ||
// --------------------- | ||
// Thanks to jQuery xColor for some of the ideas behind these | ||
// <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js> | ||
function complement(color) { | ||
function complement(color) { | ||
var hsl = tinycolor(color).toHsl(); | ||
hsl.h = (hsl.h + 180) % 360; | ||
return tinycolor(hsl); | ||
} | ||
} | ||
function triad(color) { | ||
function polyad(color, number) { | ||
if (isNaN(number) || number <= 0) { | ||
throw new Error("Argument to polyad must be a positive number"); | ||
} | ||
var hsl = tinycolor(color).toHsl(); | ||
var h = hsl.h; | ||
return [ | ||
tinycolor(color), | ||
tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }), | ||
tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l }) | ||
]; | ||
} | ||
var result = [tinycolor(color)]; | ||
var step = 360 / number; | ||
for (var i = 1; i < number; i++) { | ||
result.push(tinycolor({ h: (hsl.h + i * step) % 360, s: hsl.s, l: hsl.l })); | ||
} | ||
function tetrad(color) { | ||
var hsl = tinycolor(color).toHsl(); | ||
var h = hsl.h; | ||
return [ | ||
tinycolor(color), | ||
tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }), | ||
tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }), | ||
tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l }) | ||
]; | ||
} | ||
return result; | ||
} | ||
function splitcomplement(color) { | ||
function splitcomplement(color) { | ||
var hsl = tinycolor(color).toHsl(); | ||
var h = hsl.h; | ||
return [ | ||
tinycolor(color), | ||
tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}), | ||
tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l}) | ||
tinycolor(color), | ||
tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l }), | ||
tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l }), | ||
]; | ||
} | ||
} | ||
function analogous(color, results, slices) { | ||
function analogous(color, results, slices) { | ||
results = results || 6; | ||
@@ -689,13 +775,15 @@ slices = slices || 30; | ||
for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) { | ||
hsl.h = (hsl.h + part) % 360; | ||
ret.push(tinycolor(hsl)); | ||
for (hsl.h = (hsl.h - ((part * results) >> 1) + 720) % 360; --results; ) { | ||
hsl.h = (hsl.h + part) % 360; | ||
ret.push(tinycolor(hsl)); | ||
} | ||
return ret; | ||
} | ||
} | ||
function monochromatic(color, results) { | ||
function monochromatic(color, results) { | ||
results = results || 6; | ||
var hsv = tinycolor(color).toHsv(); | ||
var h = hsv.h, s = hsv.s, v = hsv.v; | ||
var h = hsv.h, | ||
s = hsv.s, | ||
v = hsv.v; | ||
var ret = []; | ||
@@ -705,14 +793,14 @@ var modification = 1 / results; | ||
while (results--) { | ||
ret.push(tinycolor({ h: h, s: s, v: v})); | ||
v = (v + modification) % 1; | ||
ret.push(tinycolor({ h: h, s: s, v: v })); | ||
v = (v + modification) % 1; | ||
} | ||
return ret; | ||
} | ||
} | ||
// Utility Functions | ||
// --------------------- | ||
// Utility Functions | ||
// --------------------- | ||
tinycolor.mix = function(color1, color2, amount) { | ||
amount = (amount === 0) ? 0 : (amount || 50); | ||
tinycolor.mix = function (color1, color2, amount) { | ||
amount = amount === 0 ? 0 : amount || 50; | ||
@@ -725,35 +813,37 @@ var rgb1 = tinycolor(color1).toRgb(); | ||
var rgba = { | ||
r: ((rgb2.r - rgb1.r) * p) + rgb1.r, | ||
g: ((rgb2.g - rgb1.g) * p) + rgb1.g, | ||
b: ((rgb2.b - rgb1.b) * p) + rgb1.b, | ||
a: ((rgb2.a - rgb1.a) * p) + rgb1.a | ||
r: (rgb2.r - rgb1.r) * p + rgb1.r, | ||
g: (rgb2.g - rgb1.g) * p + rgb1.g, | ||
b: (rgb2.b - rgb1.b) * p + rgb1.b, | ||
a: (rgb2.a - rgb1.a) * p + rgb1.a, | ||
}; | ||
return tinycolor(rgba); | ||
}; | ||
}; | ||
// Readability Functions | ||
// --------------------- | ||
// <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2) | ||
// Readability Functions | ||
// --------------------- | ||
// <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2) | ||
// `contrast` | ||
// Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2) | ||
tinycolor.readability = function(color1, color2) { | ||
// `contrast` | ||
// Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2) | ||
tinycolor.readability = function (color1, color2) { | ||
var c1 = tinycolor(color1); | ||
var c2 = tinycolor(color2); | ||
return (Math.max(c1.getLuminance(),c2.getLuminance())+0.05) / (Math.min(c1.getLuminance(),c2.getLuminance())+0.05); | ||
}; | ||
return ( | ||
(Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) / | ||
(Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05) | ||
); | ||
}; | ||
// `isReadable` | ||
// Ensure that foreground and background color combinations meet WCAG2 guidelines. | ||
// The third argument is an optional Object. | ||
// the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA'; | ||
// the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'. | ||
// If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}. | ||
// `isReadable` | ||
// Ensure that foreground and background color combinations meet WCAG2 guidelines. | ||
// The third argument is an optional Object. | ||
// the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA'; | ||
// the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'. | ||
// If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}. | ||
// *Example* | ||
// tinycolor.isReadable("#000", "#111") => false | ||
// tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false | ||
tinycolor.isReadable = function(color1, color2, wcag2) { | ||
// *Example* | ||
// tinycolor.isReadable("#000", "#111") => false | ||
// tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false | ||
tinycolor.isReadable = function (color1, color2, wcag2) { | ||
var readability = tinycolor.readability(color1, color2); | ||
@@ -766,58 +856,61 @@ var wcag2Parms, out; | ||
switch (wcag2Parms.level + wcag2Parms.size) { | ||
case "AAsmall": | ||
case "AAAlarge": | ||
out = readability >= 4.5; | ||
break; | ||
case "AAlarge": | ||
out = readability >= 3; | ||
break; | ||
case "AAAsmall": | ||
out = readability >= 7; | ||
break; | ||
case "AAsmall": | ||
case "AAAlarge": | ||
out = readability >= 4.5; | ||
break; | ||
case "AAlarge": | ||
out = readability >= 3; | ||
break; | ||
case "AAAsmall": | ||
out = readability >= 7; | ||
break; | ||
} | ||
return out; | ||
}; | ||
}; | ||
// `mostReadable` | ||
// Given a base color and a list of possible foreground or background | ||
// colors for that base, returns the most readable color. | ||
// Optionally returns Black or White if the most readable color is unreadable. | ||
// *Example* | ||
// tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255" | ||
// tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff" | ||
// tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3" | ||
// tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff" | ||
tinycolor.mostReadable = function(baseColor, colorList, args) { | ||
// `mostReadable` | ||
// Given a base color and a list of possible foreground or background | ||
// colors for that base, returns the most readable color. | ||
// Optionally returns Black or White if the most readable color is unreadable. | ||
// *Example* | ||
// tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255" | ||
// tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff" | ||
// tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3" | ||
// tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff" | ||
tinycolor.mostReadable = function (baseColor, colorList, args) { | ||
var bestColor = null; | ||
var bestScore = 0; | ||
var readability; | ||
var includeFallbackColors, level, size ; | ||
var includeFallbackColors, level, size; | ||
args = args || {}; | ||
includeFallbackColors = args.includeFallbackColors ; | ||
includeFallbackColors = args.includeFallbackColors; | ||
level = args.level; | ||
size = args.size; | ||
for (var i= 0; i < colorList.length ; i++) { | ||
readability = tinycolor.readability(baseColor, colorList[i]); | ||
if (readability > bestScore) { | ||
bestScore = readability; | ||
bestColor = tinycolor(colorList[i]); | ||
} | ||
for (var i = 0; i < colorList.length; i++) { | ||
readability = tinycolor.readability(baseColor, colorList[i]); | ||
if (readability > bestScore) { | ||
bestScore = readability; | ||
bestColor = tinycolor(colorList[i]); | ||
} | ||
} | ||
if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) { | ||
return bestColor; | ||
if ( | ||
tinycolor.isReadable(baseColor, bestColor, { | ||
level: level, | ||
size: size, | ||
}) || | ||
!includeFallbackColors | ||
) { | ||
return bestColor; | ||
} else { | ||
args.includeFallbackColors = false; | ||
return tinycolor.mostReadable(baseColor, ["#fff", "#000"], args); | ||
} | ||
else { | ||
args.includeFallbackColors=false; | ||
return tinycolor.mostReadable(baseColor,["#fff", "#000"],args); | ||
} | ||
}; | ||
}; | ||
// Big List of Colors | ||
// ------------------ | ||
// <http://www.w3.org/TR/css3-color/#svg-color> | ||
var names = tinycolor.names = { | ||
// Big List of Colors | ||
// ------------------ | ||
// <https://www.w3.org/TR/css-color-4/#named-colors> | ||
var names = (tinycolor.names = { | ||
aliceblue: "f0f8ff", | ||
@@ -971,49 +1064,48 @@ antiquewhite: "faebd7", | ||
yellow: "ff0", | ||
yellowgreen: "9acd32" | ||
}; | ||
yellowgreen: "9acd32", | ||
}); | ||
// Make it easy to access colors via `hexNames[hex]` | ||
var hexNames = tinycolor.hexNames = flip(names); | ||
// Make it easy to access colors via `hexNames[hex]` | ||
var hexNames = (tinycolor.hexNames = flip(names)); | ||
// Utilities | ||
// --------- | ||
// Utilities | ||
// --------- | ||
// `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }` | ||
function flip(o) { | ||
var flipped = { }; | ||
// `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }` | ||
function flip(o) { | ||
var flipped = {}; | ||
for (var i in o) { | ||
if (o.hasOwnProperty(i)) { | ||
flipped[o[i]] = i; | ||
} | ||
if (o.hasOwnProperty(i)) { | ||
flipped[o[i]] = i; | ||
} | ||
} | ||
return flipped; | ||
} | ||
} | ||
// Return a valid alpha value [0,1] with all invalid values being set to 1 | ||
function boundAlpha(a) { | ||
// Return a valid alpha value [0,1] with all invalid values being set to 1 | ||
function boundAlpha(a) { | ||
a = parseFloat(a); | ||
if (isNaN(a) || a < 0 || a > 1) { | ||
a = 1; | ||
a = 1; | ||
} | ||
return a; | ||
} | ||
} | ||
// Take input from [0, n] and return it as [0, 1] | ||
function bound01(n, max) { | ||
if (isOnePointZero(n)) { n = "100%"; } | ||
// Take input from [0, n] and return it as [0, 1] | ||
function bound01(n, max) { | ||
if (isOnePointZero(n)) n = "100%"; | ||
var processPercent = isPercentage(n); | ||
n = mathMin(max, mathMax(0, parseFloat(n))); | ||
n = Math.min(max, Math.max(0, parseFloat(n))); | ||
// Automatically convert percentage into number | ||
if (processPercent) { | ||
n = parseInt(n * max, 10) / 100; | ||
n = parseInt(n * max, 10) / 100; | ||
} | ||
// Handle floating point rounding errors | ||
if ((Math.abs(n - max) < 0.000001)) { | ||
return 1; | ||
if (Math.abs(n - max) < 0.000001) { | ||
return 1; | ||
} | ||
@@ -1023,50 +1115,49 @@ | ||
return (n % max) / parseFloat(max); | ||
} | ||
} | ||
// Force a number between 0 and 1 | ||
function clamp01(val) { | ||
return mathMin(1, mathMax(0, val)); | ||
} | ||
// Force a number between 0 and 1 | ||
function clamp01(val) { | ||
return Math.min(1, Math.max(0, val)); | ||
} | ||
// Parse a base-16 hex value into a base-10 integer | ||
function parseIntFromHex(val) { | ||
// Parse a base-16 hex value into a base-10 integer | ||
function parseIntFromHex(val) { | ||
return parseInt(val, 16); | ||
} | ||
} | ||
// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 | ||
// <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0> | ||
function isOnePointZero(n) { | ||
return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1; | ||
} | ||
// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 | ||
// <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0> | ||
function isOnePointZero(n) { | ||
return typeof n == "string" && n.indexOf(".") != -1 && parseFloat(n) === 1; | ||
} | ||
// Check to see if string passed in is a percentage | ||
function isPercentage(n) { | ||
return typeof n === "string" && n.indexOf('%') != -1; | ||
} | ||
// Check to see if string passed in is a percentage | ||
function isPercentage(n) { | ||
return typeof n === "string" && n.indexOf("%") != -1; | ||
} | ||
// Force a hex value to have 2 characters | ||
function pad2(c) { | ||
return c.length == 1 ? '0' + c : '' + c; | ||
} | ||
// Force a hex value to have 2 characters | ||
function pad2(c) { | ||
return c.length == 1 ? "0" + c : "" + c; | ||
} | ||
// Replace a decimal with it's percentage value | ||
function convertToPercentage(n) { | ||
// Replace a decimal with it's percentage value | ||
function convertToPercentage(n) { | ||
if (n <= 1) { | ||
n = (n * 100) + "%"; | ||
n = n * 100 + "%"; | ||
} | ||
return n; | ||
} | ||
} | ||
// Converts a decimal to a hex value | ||
function convertDecimalToHex(d) { | ||
// Converts a decimal to a hex value | ||
function convertDecimalToHex(d) { | ||
return Math.round(parseFloat(d) * 255).toString(16); | ||
} | ||
// Converts a hex value to a decimal | ||
function convertHexToDecimal(h) { | ||
return (parseIntFromHex(h) / 255); | ||
} | ||
} | ||
// Converts a hex value to a decimal | ||
function convertHexToDecimal(h) { | ||
return parseIntFromHex(h) / 255; | ||
} | ||
var matchers = (function() { | ||
var matchers = (function () { | ||
// <http://www.w3.org/TR/css3-values/#integers> | ||
@@ -1084,41 +1175,55 @@ var CSS_INTEGER = "[-\\+]?\\d+%?"; | ||
// Whitespace can take the place of commas or opening paren | ||
var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; | ||
var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; | ||
var PERMISSIVE_MATCH3 = | ||
"[\\s|\\(]+(" + | ||
CSS_UNIT + | ||
")[,|\\s]+(" + | ||
CSS_UNIT + | ||
")[,|\\s]+(" + | ||
CSS_UNIT + | ||
")\\s*\\)?"; | ||
var PERMISSIVE_MATCH4 = | ||
"[\\s|\\(]+(" + | ||
CSS_UNIT + | ||
")[,|\\s]+(" + | ||
CSS_UNIT + | ||
")[,|\\s]+(" + | ||
CSS_UNIT + | ||
")[,|\\s]+(" + | ||
CSS_UNIT + | ||
")\\s*\\)?"; | ||
return { | ||
CSS_UNIT: new RegExp(CSS_UNIT), | ||
rgb: new RegExp("rgb" + PERMISSIVE_MATCH3), | ||
rgba: new RegExp("rgba" + PERMISSIVE_MATCH4), | ||
hsl: new RegExp("hsl" + PERMISSIVE_MATCH3), | ||
hsla: new RegExp("hsla" + PERMISSIVE_MATCH4), | ||
hsv: new RegExp("hsv" + PERMISSIVE_MATCH3), | ||
hsva: new RegExp("hsva" + PERMISSIVE_MATCH4), | ||
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, | ||
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, | ||
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, | ||
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ | ||
CSS_UNIT: new RegExp(CSS_UNIT), | ||
rgb: new RegExp("rgb" + PERMISSIVE_MATCH3), | ||
rgba: new RegExp("rgba" + PERMISSIVE_MATCH4), | ||
hsl: new RegExp("hsl" + PERMISSIVE_MATCH3), | ||
hsla: new RegExp("hsla" + PERMISSIVE_MATCH4), | ||
hsv: new RegExp("hsv" + PERMISSIVE_MATCH3), | ||
hsva: new RegExp("hsva" + PERMISSIVE_MATCH4), | ||
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, | ||
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, | ||
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, | ||
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, | ||
}; | ||
})(); | ||
})(); | ||
// `isValidCSSUnit` | ||
// Take in a single string / number and check to see if it looks like a CSS unit | ||
// (see `matchers` above for definition). | ||
function isValidCSSUnit(color) { | ||
// `isValidCSSUnit` | ||
// Take in a single string / number and check to see if it looks like a CSS unit | ||
// (see `matchers` above for definition). | ||
function isValidCSSUnit(color) { | ||
return !!matchers.CSS_UNIT.exec(color); | ||
} | ||
} | ||
// `stringInputToObject` | ||
// Permissive string parsing. Take in a number of formats, and output an object | ||
// based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}` | ||
function stringInputToObject(color) { | ||
color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase(); | ||
// `stringInputToObject` | ||
// Permissive string parsing. Take in a number of formats, and output an object | ||
// based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}` | ||
function stringInputToObject(color) { | ||
color = color.replace(trimLeft, "").replace(trimRight, "").toLowerCase(); | ||
var named = false; | ||
if (names[color]) { | ||
color = names[color]; | ||
named = true; | ||
color = names[color]; | ||
named = true; | ||
} else if (color == "transparent") { | ||
return { r: 0, g: 0, b: 0, a: 0, format: "name" }; | ||
} | ||
else if (color == 'transparent') { | ||
return { r: 0, g: 0, b: 0, a: 0, format: "name" }; | ||
} | ||
@@ -1131,86 +1236,75 @@ // Try to match string input using regular expressions. | ||
if ((match = matchers.rgb.exec(color))) { | ||
return { r: match[1], g: match[2], b: match[3] }; | ||
return { r: match[1], g: match[2], b: match[3] }; | ||
} | ||
if ((match = matchers.rgba.exec(color))) { | ||
return { r: match[1], g: match[2], b: match[3], a: match[4] }; | ||
return { r: match[1], g: match[2], b: match[3], a: match[4] }; | ||
} | ||
if ((match = matchers.hsl.exec(color))) { | ||
return { h: match[1], s: match[2], l: match[3] }; | ||
return { h: match[1], s: match[2], l: match[3] }; | ||
} | ||
if ((match = matchers.hsla.exec(color))) { | ||
return { h: match[1], s: match[2], l: match[3], a: match[4] }; | ||
return { h: match[1], s: match[2], l: match[3], a: match[4] }; | ||
} | ||
if ((match = matchers.hsv.exec(color))) { | ||
return { h: match[1], s: match[2], v: match[3] }; | ||
return { h: match[1], s: match[2], v: match[3] }; | ||
} | ||
if ((match = matchers.hsva.exec(color))) { | ||
return { h: match[1], s: match[2], v: match[3], a: match[4] }; | ||
return { h: match[1], s: match[2], v: match[3], a: match[4] }; | ||
} | ||
if ((match = matchers.hex8.exec(color))) { | ||
return { | ||
r: parseIntFromHex(match[1]), | ||
g: parseIntFromHex(match[2]), | ||
b: parseIntFromHex(match[3]), | ||
a: convertHexToDecimal(match[4]), | ||
format: named ? "name" : "hex8" | ||
}; | ||
return { | ||
r: parseIntFromHex(match[1]), | ||
g: parseIntFromHex(match[2]), | ||
b: parseIntFromHex(match[3]), | ||
a: convertHexToDecimal(match[4]), | ||
format: named ? "name" : "hex8", | ||
}; | ||
} | ||
if ((match = matchers.hex6.exec(color))) { | ||
return { | ||
r: parseIntFromHex(match[1]), | ||
g: parseIntFromHex(match[2]), | ||
b: parseIntFromHex(match[3]), | ||
format: named ? "name" : "hex" | ||
}; | ||
return { | ||
r: parseIntFromHex(match[1]), | ||
g: parseIntFromHex(match[2]), | ||
b: parseIntFromHex(match[3]), | ||
format: named ? "name" : "hex", | ||
}; | ||
} | ||
if ((match = matchers.hex4.exec(color))) { | ||
return { | ||
r: parseIntFromHex(match[1] + '' + match[1]), | ||
g: parseIntFromHex(match[2] + '' + match[2]), | ||
b: parseIntFromHex(match[3] + '' + match[3]), | ||
a: convertHexToDecimal(match[4] + '' + match[4]), | ||
format: named ? "name" : "hex8" | ||
}; | ||
return { | ||
r: parseIntFromHex(match[1] + "" + match[1]), | ||
g: parseIntFromHex(match[2] + "" + match[2]), | ||
b: parseIntFromHex(match[3] + "" + match[3]), | ||
a: convertHexToDecimal(match[4] + "" + match[4]), | ||
format: named ? "name" : "hex8", | ||
}; | ||
} | ||
if ((match = matchers.hex3.exec(color))) { | ||
return { | ||
r: parseIntFromHex(match[1] + '' + match[1]), | ||
g: parseIntFromHex(match[2] + '' + match[2]), | ||
b: parseIntFromHex(match[3] + '' + match[3]), | ||
format: named ? "name" : "hex" | ||
}; | ||
return { | ||
r: parseIntFromHex(match[1] + "" + match[1]), | ||
g: parseIntFromHex(match[2] + "" + match[2]), | ||
b: parseIntFromHex(match[3] + "" + match[3]), | ||
format: named ? "name" : "hex", | ||
}; | ||
} | ||
return false; | ||
} | ||
} | ||
function validateWCAG2Parms(parms) { | ||
function validateWCAG2Parms(parms) { | ||
// return valid WCAG2 parms for isReadable. | ||
// If input parms are invalid, return {"level":"AA", "size":"small"} | ||
var level, size; | ||
parms = parms || {"level":"AA", "size":"small"}; | ||
parms = parms || { level: "AA", size: "small" }; | ||
level = (parms.level || "AA").toUpperCase(); | ||
size = (parms.size || "small").toLowerCase(); | ||
if (level !== "AA" && level !== "AAA") { | ||
level = "AA"; | ||
level = "AA"; | ||
} | ||
if (size !== "small" && size !== "large") { | ||
size = "small"; | ||
size = "small"; | ||
} | ||
return {"level":level, "size":size}; | ||
} | ||
return { level: level, size: size }; | ||
} | ||
// Node: Export function | ||
if (typeof module !== "undefined" && module.exports) { | ||
module.exports = tinycolor; | ||
} | ||
// AMD/requirejs: Define the module | ||
else if (typeof define === 'function' && define.amd) { | ||
define(function () {return tinycolor;}); | ||
} | ||
// Browser: Expose to window | ||
else { | ||
window.tinycolor = tinycolor; | ||
} | ||
return tinycolor; | ||
})(Math); | ||
})); |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No tests
QualityPackage does not have any tests. This is a strong signal of a poorly maintained or low quality package.
Found 1 instance in 1 package
1
8522
0
493
284011
14