@canonical/yui 3.18.2-pre

package/build/color-hsl/color-hsl-debug.js

@@ -0,0 +1,218 @@
+YUI.add('color-hsl', function (Y, NAME) {
+
+/**
+Color provides static methods for color conversion to hsl values.
+
+    Y.Color.toHSL('f00'); // hsl(0, 100%, 50%)
+
+    Y.Color.toHSLA('rgb(255, 255, 0'); // hsla(60, 100%, 50%, 1)
+
+@module color
+@submodule color-hsl
+@class HSL
+@namespace Color
+@since 3.8.0
+**/
+Color = {
+
+    /**
+    @static
+    @property REGEX_HSL
+    @type RegExp
+    @default /hsla?\(([.\d]*), ?([.\d]*)%, ?([.\d]*)%,? ?([.\d]*)?\)/
+    @since 3.8.0
+    **/
+    REGEX_HSL: /hsla?\(([.\d]*), ?([.\d]*)%, ?([.\d]*)%,? ?([.\d]*)?\)/,
+
+    /**
+    @static
+    @property STR_HSL
+    @type String
+    @default hsl({*}, {*}%, {*}%)
+    @since 3.8.0
+    **/
+    STR_HSL: 'hsl({*}, {*}%, {*}%)',
+
+    /**
+    @static
+    @property STR_HSLA
+    @type String
+    @default hsla({*}, {*}%, {*}%, {*})
+    @since 3.8.0
+    **/
+    STR_HSLA: 'hsla({*}, {*}%, {*}%, {*})',
+
+    /**
+    Converts provided color value to an HSL string.
+    @public
+    @method toHSL
+    @param {String} str
+    @return {String}
+    @since 3.8.0
+    **/
+    toHSL: function (str) {
+        var clr = Y.Color._convertTo(str, 'hsl');
+        return clr.toLowerCase();
+    },
+
+    /**
+    Converts provided color value to an HSLA string.
+    @public
+    @method toHSLA
+    @param {String} str
+    @return {String}
+    @since 3.8.0
+    **/
+    toHSLA: function (str) {
+        var clr = Y.Color._convertTo(str, 'hsla');
+        return clr.toLowerCase();
+    },
+
+    /**
+    Parses the RGB string into h, s, l values. Will return an Array
+        of values or an HSL string.
+    @protected
+    @method _rgbToHsl
+    @param {String} str
+    @param {Boolean} [toArray]
+    @return {String|Array}
+    @since 3.8.0
+    **/
+    _rgbToHsl: function (str, toArray) {
+        var h, s, l,
+            rgb = Y.Color.REGEX_RGB.exec(str),
+            r = rgb[1] / 255,
+            g = rgb[2] / 255,
+            b = rgb[3] / 255,
+            max = Math.max(r, g, b),
+            min = Math.min(r, g, b),
+            isGrayScale = false,
+            sub = max - min,
+            sum = max + min;
+
+
+        if (r === g && g === b) {
+            isGrayScale = true;
+        }
+
+        // hue
+        if (sub === 0) {
+            h = 0;
+        } else if (r === max) {
+            h = ((60 * (g - b) / sub) + 360) % 360;
+        } else if (g === max) {
+            h = (60 * (b - r) / sub) + 120;
+        } else {
+            h = (60 * (r - g) / sub) + 240;
+        }
+
+        // lightness
+        l = sum / 2;
+
+        // saturation
+        if (l === 0 || l === 1) {
+            s = l;
+        } else if (l <= 0.5) {
+            s = sub / sum;
+        } else {
+            s = sub / (2 - sum);
+        }
+
+        if (isGrayScale) {
+            s = 0;
+        }
+
+        // clean up hsl
+        h = Math.round(h);
+        s = Math.round(s * 100);
+        l = Math.round(l * 100);
+
+        if (toArray) {
+            return [h, s, l];
+        }
+
+        return 'hsl(' + h + ', ' + s + '%, ' + l + '%)';
+    },
+
+    /**
+    Parses the HSL string into r, b, g values. Will return an Array
+        of values or an RGB string.
+    @protected
+    @method _hslToRgb
+    @param {String} str
+    @param {Boolean} [toArray]
+    @return {String|Array}
+    @since 3.8.0
+    **/
+    _hslToRgb: function (str, toArray) {
+        // assume input is [h, s, l]
+        // TODO: Find legals for use of formula
+        var hsl = Y.Color.REGEX_HSL.exec(str),
+            h = parseInt(hsl[1], 10) / 360,
+            s = parseInt(hsl[2], 10) / 100,
+            l = parseInt(hsl[3], 10) / 100,
+            r,
+            g,
+            b,
+            p,
+            q;
+
+        if (l <= 0.5) {
+            q = l * (s + 1);
+        } else {
+            q = (l + s) - (l * s);
+        }
+
+        p = 2 * l - q;
+
+        r = Math.round(Color._hueToRGB(p, q, h + 1/3) * 255);
+        g = Math.round(Color._hueToRGB(p, q, h) * 255);
+        b = Math.round(Color._hueToRGB(p, q, h - 1/3) * 255);
+
+        if (toArray) {
+            return [r, g, b];
+        }
+
+        return 'rgb(' + r + ', ' + g + ', ' + b + ')';
+    },
+
+    /**
+    Converts the HSL hue to the different channels for RGB
+
+    @protected
+    @method _hueToRGB
+    @param {Number} p
+    @param {Number} q
+    @param {Number} hue
+    @return {Number} value for requested channel
+    @since 3.8.0
+    **/
+    _hueToRGB: function(p, q, hue) {
+        // TODO: Find legals for use of formula
+        if (hue < 0) {
+            hue += 1;
+        } else if (hue > 1) {
+            hue -= 1;
+        }
+
+        if (hue * 6 < 1) {
+            return p + (q - p) * 6 * hue;
+        }
+        if (hue * 2 < 1) {
+            return q;
+        }
+        if (hue * 3 < 2) {
+            return p + (q - p) * (2/3 - hue) * 6;
+        }
+        return p;
+    }
+
+};
+
+Y.Color = Y.mix(Color, Y.Color);
+
+Y.Color.TYPES = Y.mix(Y.Color.TYPES, {'HSL':'hsl', 'HSLA':'hsla'});
+Y.Color.CONVERTS = Y.mix(Y.Color.CONVERTS, {'hsl': 'toHSL', 'hsla': 'toHSLA'});
+
+
+}, '@VERSION@', {"requires": ["color-base"]});

package/build/color-hsl/color-hsl-min.js

@@ -0,0 +1 @@
+YUI.add("color-hsl",function(e,t){Color={REGEX_HSL:/hsla?\(([.\d]*), ?([.\d]*)%, ?([.\d]*)%,? ?([.\d]*)?\)/,STR_HSL:"hsl({*}, {*}%, {*}%)",STR_HSLA:"hsla({*}, {*}%, {*}%, {*})",toHSL:function(t){var n=e.Color._convertTo(t,"hsl");return n.toLowerCase()},toHSLA:function(t){var n=e.Color._convertTo(t,"hsla");return n.toLowerCase()},_rgbToHsl:function(t,n){var r,i,s,o=e.Color.REGEX_RGB.exec(t),u=o[1]/255,a=o[2]/255,f=o[3]/255,l=Math.max(u,a,f),c=Math.min(u,a,f),h=!1,p=l-c,d=l+c;return u===a&&a===f&&(h=!0),p===0?r=0:u===l?r=(60*(a-f)/p+360)%360:a===l?r=60*(f-u)/p+120:r=60*(u-a)/p+240,s=d/2,s===0||s===1?i=s:s<=.5?i=p/d:i=p/(2-d),h&&(i=0),r=Math.round(r),i=Math.round(i*100),s=Math.round(s*100),n?[r,i,s]:"hsl("+r+", "+i+"%, "+s+"%)"},_hslToRgb:function(t,n){var r=e.Color.REGEX_HSL.exec(t),i=parseInt(r[1],10)/360,s=parseInt(r[2],10)/100,o=parseInt(r[3],10)/100,u,a,f,l,c;return o<=.5?c=o*(s+1):c=o+s-o*s,l=2*o-c,u=Math.round(Color._hueToRGB(l,c,i+1/3)*255),a=Math.round(Color._hueToRGB(l,c,i)*255),f=Math.round(Color._hueToRGB(l,c,i-1/3)*255),n?[u,a,f]:"rgb("+u+", "+a+", "+f+")"},_hueToRGB:function(e,t,n){return n<0?n+=1:n>1&&(n-=1),n*6<1?e+(t-e)*6*n:n*2<1?t:n*3<2?e+(t-e)*(2/3-n)*6:e}},e.Color=e.mix(Color,e.Color),e.Color.TYPES=e.mix(e.Color.TYPES,{HSL:"hsl",HSLA:"hsla"}),e.Color.CONVERTS=e.mix(e.Color.CONVERTS,{hsl:"toHSL",hsla:"toHSLA"})},"@VERSION@",{requires:["color-base"]});

package/build/color-hsl/color-hsl.js

@@ -0,0 +1,218 @@
+YUI.add('color-hsl', function (Y, NAME) {
+
+/**
+Color provides static methods for color conversion to hsl values.
+
+    Y.Color.toHSL('f00'); // hsl(0, 100%, 50%)
+
+    Y.Color.toHSLA('rgb(255, 255, 0'); // hsla(60, 100%, 50%, 1)
+
+@module color
+@submodule color-hsl
+@class HSL
+@namespace Color
+@since 3.8.0
+**/
+Color = {
+
+    /**
+    @static
+    @property REGEX_HSL
+    @type RegExp
+    @default /hsla?\(([.\d]*), ?([.\d]*)%, ?([.\d]*)%,? ?([.\d]*)?\)/
+    @since 3.8.0
+    **/
+    REGEX_HSL: /hsla?\(([.\d]*), ?([.\d]*)%, ?([.\d]*)%,? ?([.\d]*)?\)/,
+
+    /**
+    @static
+    @property STR_HSL
+    @type String
+    @default hsl({*}, {*}%, {*}%)
+    @since 3.8.0
+    **/
+    STR_HSL: 'hsl({*}, {*}%, {*}%)',
+
+    /**
+    @static
+    @property STR_HSLA
+    @type String
+    @default hsla({*}, {*}%, {*}%, {*})
+    @since 3.8.0
+    **/
+    STR_HSLA: 'hsla({*}, {*}%, {*}%, {*})',
+
+    /**
+    Converts provided color value to an HSL string.
+    @public
+    @method toHSL
+    @param {String} str
+    @return {String}
+    @since 3.8.0
+    **/
+    toHSL: function (str) {
+        var clr = Y.Color._convertTo(str, 'hsl');
+        return clr.toLowerCase();
+    },
+
+    /**
+    Converts provided color value to an HSLA string.
+    @public
+    @method toHSLA
+    @param {String} str
+    @return {String}
+    @since 3.8.0
+    **/
+    toHSLA: function (str) {
+        var clr = Y.Color._convertTo(str, 'hsla');
+        return clr.toLowerCase();
+    },
+
+    /**
+    Parses the RGB string into h, s, l values. Will return an Array
+        of values or an HSL string.
+    @protected
+    @method _rgbToHsl
+    @param {String} str
+    @param {Boolean} [toArray]
+    @return {String|Array}
+    @since 3.8.0
+    **/
+    _rgbToHsl: function (str, toArray) {
+        var h, s, l,
+            rgb = Y.Color.REGEX_RGB.exec(str),
+            r = rgb[1] / 255,
+            g = rgb[2] / 255,
+            b = rgb[3] / 255,
+            max = Math.max(r, g, b),
+            min = Math.min(r, g, b),
+            isGrayScale = false,
+            sub = max - min,
+            sum = max + min;
+
+
+        if (r === g && g === b) {
+            isGrayScale = true;
+        }
+
+        // hue
+        if (sub === 0) {
+            h = 0;
+        } else if (r === max) {
+            h = ((60 * (g - b) / sub) + 360) % 360;
+        } else if (g === max) {
+            h = (60 * (b - r) / sub) + 120;
+        } else {
+            h = (60 * (r - g) / sub) + 240;
+        }
+
+        // lightness
+        l = sum / 2;
+
+        // saturation
+        if (l === 0 || l === 1) {
+            s = l;
+        } else if (l <= 0.5) {
+            s = sub / sum;
+        } else {
+            s = sub / (2 - sum);
+        }
+
+        if (isGrayScale) {
+            s = 0;
+        }
+
+        // clean up hsl
+        h = Math.round(h);
+        s = Math.round(s * 100);
+        l = Math.round(l * 100);
+
+        if (toArray) {
+            return [h, s, l];
+        }
+
+        return 'hsl(' + h + ', ' + s + '%, ' + l + '%)';
+    },
+
+    /**
+    Parses the HSL string into r, b, g values. Will return an Array
+        of values or an RGB string.
+    @protected
+    @method _hslToRgb
+    @param {String} str
+    @param {Boolean} [toArray]
+    @return {String|Array}
+    @since 3.8.0
+    **/
+    _hslToRgb: function (str, toArray) {
+        // assume input is [h, s, l]
+        // TODO: Find legals for use of formula
+        var hsl = Y.Color.REGEX_HSL.exec(str),
+            h = parseInt(hsl[1], 10) / 360,
+            s = parseInt(hsl[2], 10) / 100,
+            l = parseInt(hsl[3], 10) / 100,
+            r,
+            g,
+            b,
+            p,
+            q;
+
+        if (l <= 0.5) {
+            q = l * (s + 1);
+        } else {
+            q = (l + s) - (l * s);
+        }
+
+        p = 2 * l - q;
+
+        r = Math.round(Color._hueToRGB(p, q, h + 1/3) * 255);
+        g = Math.round(Color._hueToRGB(p, q, h) * 255);
+        b = Math.round(Color._hueToRGB(p, q, h - 1/3) * 255);
+
+        if (toArray) {
+            return [r, g, b];
+        }
+
+        return 'rgb(' + r + ', ' + g + ', ' + b + ')';
+    },
+
+    /**
+    Converts the HSL hue to the different channels for RGB
+
+    @protected
+    @method _hueToRGB
+    @param {Number} p
+    @param {Number} q
+    @param {Number} hue
+    @return {Number} value for requested channel
+    @since 3.8.0
+    **/
+    _hueToRGB: function(p, q, hue) {
+        // TODO: Find legals for use of formula
+        if (hue < 0) {
+            hue += 1;
+        } else if (hue > 1) {
+            hue -= 1;
+        }
+
+        if (hue * 6 < 1) {
+            return p + (q - p) * 6 * hue;
+        }
+        if (hue * 2 < 1) {
+            return q;
+        }
+        if (hue * 3 < 2) {
+            return p + (q - p) * (2/3 - hue) * 6;
+        }
+        return p;
+    }
+
+};
+
+Y.Color = Y.mix(Color, Y.Color);
+
+Y.Color.TYPES = Y.mix(Y.Color.TYPES, {'HSL':'hsl', 'HSLA':'hsla'});
+Y.Color.CONVERTS = Y.mix(Y.Color.CONVERTS, {'hsl': 'toHSL', 'hsla': 'toHSLA'});
+
+
+}, '@VERSION@', {"requires": ["color-base"]});

package/build/color-hsv/color-hsv-debug.js

@@ -0,0 +1,182 @@
+YUI.add('color-hsv', function (Y, NAME) {
+
+/**
+Color provides static methods for color conversion hsv values.
+
+    Y.Color.toHSV('f00'); // hsv(0, 100%, 100%)
+
+    Y.Color.toHSVA('rgb(255, 255, 0'); // hsva(60, 100%, 100%, 1)
+
+
+@module color
+@submodule color-hsv
+@class HSV
+@namespace Color
+@since 3.8.0
+**/
+Color = {
+
+    /**
+    @static
+    @property REGEX_HSV
+    @type RegExp
+    @default /hsva?\(([.\d]*), ?([.\d]*)%, ?([.\d]*)%,? ?([.\d]*)?\)/
+    @since 3.8.0
+    **/
+    REGEX_HSV: /hsva?\(([.\d]*), ?([.\d]*)%, ?([.\d]*)%,? ?([.\d]*)?\)/,
+
+    /**
+    @static
+    @property STR_HSV
+    @type String
+    @default hsv({*}, {*}%, {*}%)
+    @since 3.8.0
+    **/
+    STR_HSV: 'hsv({*}, {*}%, {*}%)',
+
+    /**
+    @static
+    @property STR_HSVA
+    @type String
+    @default hsva({*}, {*}%, {*}%, {*})
+    @since 3.8.0
+    **/
+    STR_HSVA: 'hsva({*}, {*}%, {*}%, {*})',
+
+    /**
+    Converts provided color value to an HSV string.
+    @public
+    @method toHSV
+    @param {String} str
+    @return {String}
+    @since 3.8.0
+    **/
+    toHSV: function (str) {
+        var clr = Y.Color._convertTo(str, 'hsv');
+        return clr.toLowerCase();
+    },
+
+    /**
+    Converts provided color value to an HSVA string.
+    @public
+    @method toHSVA
+    @param {String} str
+    @return {String}
+    @since 3.8.0
+    **/
+    toHSVA: function (str) {
+        var clr = Y.Color._convertTo(str, 'hsva');
+        return clr.toLowerCase();
+    },
+
+    /**
+    Parses the RGB string into h, s, v values. Will return an Array
+        of values or an HSV string.
+    @protected
+    @method _rgbToHsv
+    @param {String} str
+    @param {Boolean} [toArray]
+    @return {String|Array}
+    @since 3.8.0
+    **/
+    _rgbToHsv: function (str, toArray) {
+        var h, s, v,
+            rgb = Y.Color.REGEX_RGB.exec(str),
+            r = rgb[1] / 255,
+            g = rgb[2] / 255,
+            b = rgb[3] / 255,
+            max = Math.max(r, g, b),
+            min = Math.min(r, g, b),
+            delta = max - min;
+
+        if (max === min) {
+            h = 0;
+        } else if (max === r) {
+            h = 60 * (g - b) / delta;
+        } else if (max === g) {
+            h = (60 * (b - r) / delta) + 120;
+        } else { // max === b
+            h = (60 * (r - g) / delta) + 240;
+        }
+
+        s = (max === 0) ? 0 : 1 - (min / max);
+
+        // ensure h is between 0 and 360
+        while (h < 0) {
+            h += 360;
+        }
+        h %= 360;
+        h = Math.round(h);
+
+        // saturation is percentage
+        s = Math.round(s * 100);
+
+        // value is percentage
+        v = Math.round(max * 100);
+
+        if (toArray) {
+            return [h, s, v];
+        }
+
+        return Y.Color.fromArray([h, s, v], Y.Color.TYPES.HSV);
+    },
+
+    /**
+    Parses the HSV string into r, b, g values. Will return an Array
+        of values or an RGB string.
+    @protected
+    @method _hsvToRgb
+    @param {String} str
+    @param {Boolean} [toArray]
+    @return {String|Array}
+    @since 3.8.0
+    **/
+    _hsvToRgb: function (str, toArray) {
+        var hsv = Y.Color.REGEX_HSV.exec(str),
+            h = parseInt(hsv[1], 10),
+            s = parseInt(hsv[2], 10) / 100, // 0 - 1
+            v = parseInt(hsv[3], 10) / 100, // 0 - 1
+            r,
+            g,
+            b,
+            i = Math.floor(h / 60) % 6,
+            f = (h / 60) - i,
+            p = v * (1 - s),
+            q = v * (1 - (s * f)),
+            t = v * (1 - (s * (1 - f)));
+
+        if (s === 0) {
+            r = v;
+            g = v;
+            b = v;
+        } else {
+            switch (i) {
+                case 0: r = v; g = t; b = p; break;
+                case 1: r = q; g = v; b = p; break;
+                case 2: r = p; g = v; b = t; break;
+                case 3: r = p; g = q; b = v; break;
+                case 4: r = t; g = p; b = v; break;
+                case 5: r = v; g = p; b = q; break;
+            }
+        }
+
+        r = Math.min(255, Math.round(r * 256));
+        g = Math.min(255, Math.round(g * 256));
+        b = Math.min(255, Math.round(b * 256));
+
+        if (toArray) {
+            return [r, g, b];
+        }
+
+        return Y.Color.fromArray([r, g, b], Y.Color.TYPES.RGB);
+    }
+
+};
+
+Y.Color = Y.mix(Color, Y.Color);
+
+Y.Color.TYPES = Y.mix(Y.Color.TYPES, {'HSV':'hsv', 'HSVA':'hsva'});
+Y.Color.CONVERTS = Y.mix(Y.Color.CONVERTS, {'hsv': 'toHSV', 'hsva': 'toHSVA'});
+
+
+}, '@VERSION@', {"requires": ["color-base"]});

package/build/color-hsv/color-hsv-min.js

@@ -0,0 +1 @@
+YUI.add("color-hsv",function(e,t){Color={REGEX_HSV:/hsva?\(([.\d]*), ?([.\d]*)%, ?([.\d]*)%,? ?([.\d]*)?\)/,STR_HSV:"hsv({*}, {*}%, {*}%)",STR_HSVA:"hsva({*}, {*}%, {*}%, {*})",toHSV:function(t){var n=e.Color._convertTo(t,"hsv");return n.toLowerCase()},toHSVA:function(t){var n=e.Color._convertTo(t,"hsva");return n.toLowerCase()},_rgbToHsv:function(t,n){var r,i,s,o=e.Color.REGEX_RGB.exec(t),u=o[1]/255,a=o[2]/255,f=o[3]/255,l=Math.max(u,a,f),c=Math.min(u,a,f),h=l-c;l===c?r=0:l===u?r=60*(a-f)/h:l===a?r=60*(f-u)/h+120:r=60*(u-a)/h+240,i=l===0?0:1-c/l;while(r<0)r+=360;return r%=360,r=Math.round(r),i=Math.round(i*100),s=Math.round(l*100),n?[r,i,s]:e.Color.fromArray([r,i,s],e.Color.TYPES.HSV)},_hsvToRgb:function(t,n){var r=e.Color.REGEX_HSV.exec(t),i=parseInt(r[1],10),s=parseInt(r[2],10)/100,o=parseInt(r[3],10)/100,u,a,f,l=Math.floor(i/60)%6,c=i/60-l,h=o*(1-s),p=o*(1-s*c),d=o*(1-s*(1-c));if(s===0)u=o,a=o,f=o;else switch(l){case 0:u=o,a=d,f=h;break;case 1:u=p,a=o,f=h;break;case 2:u=h,a=o,f=d;break;case 3:u=h,a=p,f=o;break;case 4:u=d,a=h,f=o;break;case 5:u=o,a=h,f=p}return u=Math.min(255,Math.round(u*256)),a=Math.min(255,Math.round(a*256)),f=Math.min(255,Math.round(f*256)),n?[u,a,f]:e.Color.fromArray([u,a,f],e.Color.TYPES.RGB)}},e.Color=e.mix(Color,e.Color),e.Color.TYPES=e.mix(e.Color.TYPES,{HSV:"hsv",HSVA:"hsva"}),e.Color.CONVERTS=e.mix(e.Color.CONVERTS,{hsv:"toHSV",hsva:"toHSVA"})},"@VERSION@",{requires:["color-base"]});