@saasquatch/mint-components 1.5.0-5 → 1.5.0-9

package/dist/cjs/{sqm-brand_31.cjs.entry.js → sqm-brand_38.cjs.entry.js}

@@ -32,8 +32,8 @@ const sqmAssetCardView = require('./sqm-asset-card-view-07f86880.js');
 const sqmPortalFooterView = require('./sqm-portal-footer-view-03408484.js');
 const sqmHeroView = require('./sqm-hero-view-bb3d00a1.js');
 const sqmNameFieldsView = require('./sqm-name-fields-view-24614ac7.js');
-const sqmProgramExplainerView = require('./sqm-program-explainer-view-8a4af972.js');
-const sqmProgramExplainerStepView = require('./sqm-program-explainer-step-view-6a01cda0.js');
+const sqmProgramExplainerView = require('./sqm-program-explainer-view-512737f3.js');
+const sqmProgramExplainerStepView = require('./sqm-program-explainer-step-view-f8e1cd12.js');
 
 /**
  * Build a font CSS URL using the Google Fonts CSS API
@@ -48,3231 +48,46 @@ function buildFontsCssUrl(...fonts) {
   return `https://fonts.googleapis.com/css2?${queryString}`;
 }
 
-var chroma = _extends.createCommonjsModule(function (module, exports) {
-/**
- * chroma.js - JavaScript library for color conversions
- *
- * Copyright (c) 2011-2019, Gregor Aisch
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions are met:
- *
- * 1. Redistributions of source code must retain the above copyright notice, this
- * list of conditions and the following disclaimer.
- *
- * 2. Redistributions in binary form must reproduce the above copyright notice,
- * this list of conditions and the following disclaimer in the documentation
- * and/or other materials provided with the distribution.
- *
- * 3. The name Gregor Aisch may not be used to endorse or promote products
- * derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
- * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
- * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
- * DISCLAIMED. IN NO EVENT SHALL GREGOR AISCH OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,
- * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
- * BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
- * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
- * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
- * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- *
- * -------------------------------------------------------
- *
- * chroma.js includes colors from colorbrewer2.org, which are released under
- * the following license:
- *
- * Copyright (c) 2002 Cynthia Brewer, Mark Harrower,
- * and The Pennsylvania State University.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
- * either express or implied. See the License for the specific
- * language governing permissions and limitations under the License.
- *
- * ------------------------------------------------------
- *
- * Named colors are taken from X11 Color Names.
- * http://www.w3.org/TR/css3-color/#svg-color
- *
- * @preserve
- */
-
-(function (global, factory) {
-     module.exports = factory() ;
-}(_extends.commonjsGlobal, (function () {
-    var limit = function (x, min, max) {
-        if ( min === void 0 ) min=0;
-        if ( max === void 0 ) max=1;
-
-        return x < min ? min : x > max ? max : x;
-    };
-
-    var clip_rgb = function (rgb) {
-        rgb._clipped = false;
-        rgb._unclipped = rgb.slice(0);
-        for (var i=0; i<=3; i++) {
-            if (i < 3) {
-                if (rgb[i] < 0 || rgb[i] > 255) { rgb._clipped = true; }
-                rgb[i] = limit(rgb[i], 0, 255);
-            } else if (i === 3) {
-                rgb[i] = limit(rgb[i], 0, 1);
-            }
-        }
-        return rgb;
-    };
-
-    // ported from jQuery's $.type
-    var classToType = {};
-    for (var i = 0, list = ['Boolean', 'Number', 'String', 'Function', 'Array', 'Date', 'RegExp', 'Undefined', 'Null']; i < list.length; i += 1) {
-        var name = list[i];
-
-        classToType[("[object " + name + "]")] = name.toLowerCase();
-    }
-    var type = function(obj) {
-        return classToType[Object.prototype.toString.call(obj)] || "object";
-    };
-
-    var unpack = function (args, keyOrder) {
-        if ( keyOrder === void 0 ) keyOrder=null;
-
-    	// if called with more than 3 arguments, we return the arguments
-        if (args.length >= 3) { return Array.prototype.slice.call(args); }
-        // with less than 3 args we check if first arg is object
-        // and use the keyOrder string to extract and sort properties
-    	if (type(args[0]) == 'object' && keyOrder) {
-    		return keyOrder.split('')
-    			.filter(function (k) { return args[0][k] !== undefined; })
-    			.map(function (k) { return args[0][k]; });
-    	}
-    	// otherwise we just return the first argument
-    	// (which we suppose is an array of args)
-        return args[0];
-    };
-
-    var last = function (args) {
-        if (args.length < 2) { return null; }
-        var l = args.length-1;
-        if (type(args[l]) == 'string') { return args[l].toLowerCase(); }
-        return null;
-    };
-
-    var PI = Math.PI;
-
-    var utils = {
-    	clip_rgb: clip_rgb,
-    	limit: limit,
-    	type: type,
-    	unpack: unpack,
-    	last: last,
-    	PI: PI,
-    	TWOPI: PI*2,
-    	PITHIRD: PI/3,
-    	DEG2RAD: PI / 180,
-    	RAD2DEG: 180 / PI
-    };
-
-    var input = {
-    	format: {},
-    	autodetect: []
-    };
-
-    var last$1 = utils.last;
-    var clip_rgb$1 = utils.clip_rgb;
-    var type$1 = utils.type;
-
-
-    var Color = function Color() {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var me = this;
-        if (type$1(args[0]) === 'object' &&
-            args[0].constructor &&
-            args[0].constructor === this.constructor) {
-            // the argument is already a Color instance
-            return args[0];
-        }
-
-        // last argument could be the mode
-        var mode = last$1(args);
-        var autodetect = false;
-
-        if (!mode) {
-            autodetect = true;
-            if (!input.sorted) {
-                input.autodetect = input.autodetect.sort(function (a,b) { return b.p - a.p; });
-                input.sorted = true;
-            }
-            // auto-detect format
-            for (var i = 0, list = input.autodetect; i < list.length; i += 1) {
-                var chk = list[i];
-
-                mode = chk.test.apply(chk, args);
-                if (mode) { break; }
-            }
-        }
-
-        if (input.format[mode]) {
-            var rgb = input.format[mode].apply(null, autodetect ? args : args.slice(0,-1));
-            me._rgb = clip_rgb$1(rgb);
-        } else {
-            throw new Error('unknown format: '+args);
-        }
-
-        // add alpha channel
-        if (me._rgb.length === 3) { me._rgb.push(1); }
-    };
-
-    Color.prototype.toString = function toString () {
-        if (type$1(this.hex) == 'function') { return this.hex(); }
-        return ("[" + (this._rgb.join(',')) + "]");
-    };
-
-    var Color_1 = Color;
-
-    var chroma = function () {
-    	var args = [], len = arguments.length;
-    	while ( len-- ) args[ len ] = arguments[ len ];
-
-    	return new (Function.prototype.bind.apply( chroma.Color, [ null ].concat( args) ));
-    };
-
-    chroma.Color = Color_1;
-    chroma.version = '2.1.2';
-
-    var chroma_1 = chroma;
-
-    var unpack$1 = utils.unpack;
-    var max = Math.max;
-
-    var rgb2cmyk = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var ref = unpack$1(args, 'rgb');
-        var r = ref[0];
-        var g = ref[1];
-        var b = ref[2];
-        r = r / 255;
-        g = g / 255;
-        b = b / 255;
-        var k = 1 - max(r,max(g,b));
-        var f = k < 1 ? 1 / (1-k) : 0;
-        var c = (1-r-k) * f;
-        var m = (1-g-k) * f;
-        var y = (1-b-k) * f;
-        return [c,m,y,k];
-    };
-
-    var rgb2cmyk_1 = rgb2cmyk;
-
-    var unpack$2 = utils.unpack;
-
-    var cmyk2rgb = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        args = unpack$2(args, 'cmyk');
-        var c = args[0];
-        var m = args[1];
-        var y = args[2];
-        var k = args[3];
-        var alpha = args.length > 4 ? args[4] : 1;
-        if (k === 1) { return [0,0,0,alpha]; }
-        return [
-            c >= 1 ? 0 : 255 * (1-c) * (1-k), // r
-            m >= 1 ? 0 : 255 * (1-m) * (1-k), // g
-            y >= 1 ? 0 : 255 * (1-y) * (1-k), // b
-            alpha
-        ];
-    };
-
-    var cmyk2rgb_1 = cmyk2rgb;
-
-    var unpack$3 = utils.unpack;
-    var type$2 = utils.type;
-
-
-
-    Color_1.prototype.cmyk = function() {
-        return rgb2cmyk_1(this._rgb);
-    };
-
-    chroma_1.cmyk = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['cmyk']) ));
-    };
-
-    input.format.cmyk = cmyk2rgb_1;
-
-    input.autodetect.push({
-        p: 2,
-        test: function () {
-            var args = [], len = arguments.length;
-            while ( len-- ) args[ len ] = arguments[ len ];
-
-            args = unpack$3(args, 'cmyk');
-            if (type$2(args) === 'array' && args.length === 4) {
-                return 'cmyk';
-            }
-        }
-    });
-
-    var unpack$4 = utils.unpack;
-    var last$2 = utils.last;
-    var rnd = function (a) { return Math.round(a*100)/100; };
-
-    /*
-     * supported arguments:
-     * - hsl2css(h,s,l)
-     * - hsl2css(h,s,l,a)
-     * - hsl2css([h,s,l], mode)
-     * - hsl2css([h,s,l,a], mode)
-     * - hsl2css({h,s,l,a}, mode)
-     */
-    var hsl2css = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var hsla = unpack$4(args, 'hsla');
-        var mode = last$2(args) || 'lsa';
-        hsla[0] = rnd(hsla[0] || 0);
-        hsla[1] = rnd(hsla[1]*100) + '%';
-        hsla[2] = rnd(hsla[2]*100) + '%';
-        if (mode === 'hsla' || (hsla.length > 3 && hsla[3]<1)) {
-            hsla[3] = hsla.length > 3 ? hsla[3] : 1;
-            mode = 'hsla';
-        } else {
-            hsla.length = 3;
-        }
-        return (mode + "(" + (hsla.join(',')) + ")");
-    };
-
-    var hsl2css_1 = hsl2css;
-
-    var unpack$5 = utils.unpack;
-
-    /*
-     * supported arguments:
-     * - rgb2hsl(r,g,b)
-     * - rgb2hsl(r,g,b,a)
-     * - rgb2hsl([r,g,b])
-     * - rgb2hsl([r,g,b,a])
-     * - rgb2hsl({r,g,b,a})
-     */
-    var rgb2hsl = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        args = unpack$5(args, 'rgba');
-        var r = args[0];
-        var g = args[1];
-        var b = args[2];
-
-        r /= 255;
-        g /= 255;
-        b /= 255;
-
-        var min = Math.min(r, g, b);
-        var max = Math.max(r, g, b);
-
-        var l = (max + min) / 2;
-        var s, h;
-
-        if (max === min){
-            s = 0;
-            h = Number.NaN;
-        } else {
-            s = l < 0.5 ? (max - min) / (max + min) : (max - min) / (2 - max - min);
-        }
-
-        if (r == max) { h = (g - b) / (max - min); }
-        else if (g == max) { h = 2 + (b - r) / (max - min); }
-        else if (b == max) { h = 4 + (r - g) / (max - min); }
-
-        h *= 60;
-        if (h < 0) { h += 360; }
-        if (args.length>3 && args[3]!==undefined) { return [h,s,l,args[3]]; }
-        return [h,s,l];
-    };
-
-    var rgb2hsl_1 = rgb2hsl;
-
-    var unpack$6 = utils.unpack;
-    var last$3 = utils.last;
-
-
-    var round = Math.round;
-
-    /*
-     * supported arguments:
-     * - rgb2css(r,g,b)
-     * - rgb2css(r,g,b,a)
-     * - rgb2css([r,g,b], mode)
-     * - rgb2css([r,g,b,a], mode)
-     * - rgb2css({r,g,b,a}, mode)
-     */
-    var rgb2css = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var rgba = unpack$6(args, 'rgba');
-        var mode = last$3(args) || 'rgb';
-        if (mode.substr(0,3) == 'hsl') {
-            return hsl2css_1(rgb2hsl_1(rgba), mode);
-        }
-        rgba[0] = round(rgba[0]);
-        rgba[1] = round(rgba[1]);
-        rgba[2] = round(rgba[2]);
-        if (mode === 'rgba' || (rgba.length > 3 && rgba[3]<1)) {
-            rgba[3] = rgba.length > 3 ? rgba[3] : 1;
-            mode = 'rgba';
-        }
-        return (mode + "(" + (rgba.slice(0,mode==='rgb'?3:4).join(',')) + ")");
-    };
-
-    var rgb2css_1 = rgb2css;
-
-    var unpack$7 = utils.unpack;
-    var round$1 = Math.round;
-
-    var hsl2rgb = function () {
-        var assign;
-
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-        args = unpack$7(args, 'hsl');
-        var h = args[0];
-        var s = args[1];
-        var l = args[2];
-        var r,g,b;
-        if (s === 0) {
-            r = g = b = l*255;
-        } else {
-            var t3 = [0,0,0];
-            var c = [0,0,0];
-            var t2 = l < 0.5 ? l * (1+s) : l+s-l*s;
-            var t1 = 2 * l - t2;
-            var h_ = h / 360;
-            t3[0] = h_ + 1/3;
-            t3[1] = h_;
-            t3[2] = h_ - 1/3;
-            for (var i=0; i<3; i++) {
-                if (t3[i] < 0) { t3[i] += 1; }
-                if (t3[i] > 1) { t3[i] -= 1; }
-                if (6 * t3[i] < 1)
-                    { c[i] = t1 + (t2 - t1) * 6 * t3[i]; }
-                else if (2 * t3[i] < 1)
-                    { c[i] = t2; }
-                else if (3 * t3[i] < 2)
-                    { c[i] = t1 + (t2 - t1) * ((2 / 3) - t3[i]) * 6; }
-                else
-                    { c[i] = t1; }
-            }
-            (assign = [round$1(c[0]*255),round$1(c[1]*255),round$1(c[2]*255)], r = assign[0], g = assign[1], b = assign[2]);
-        }
-        if (args.length > 3) {
-            // keep alpha channel
-            return [r,g,b,args[3]];
-        }
-        return [r,g,b,1];
-    };
-
-    var hsl2rgb_1 = hsl2rgb;
-
-    var RE_RGB = /^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/;
-    var RE_RGBA = /^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/;
-    var RE_RGB_PCT = /^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/;
-    var RE_RGBA_PCT = /^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/;
-    var RE_HSL = /^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/;
-    var RE_HSLA = /^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/;
-
-    var round$2 = Math.round;
-
-    var css2rgb = function (css) {
-        css = css.toLowerCase().trim();
-        var m;
-
-        if (input.format.named) {
-            try {
-                return input.format.named(css);
-            } catch (e) {
-                // eslint-disable-next-line
-            }
-        }
-
-        // rgb(250,20,0)
-        if ((m = css.match(RE_RGB))) {
-            var rgb = m.slice(1,4);
-            for (var i=0; i<3; i++) {
-                rgb[i] = +rgb[i];
-            }
-            rgb[3] = 1;  // default alpha
-            return rgb;
-        }
-
-        // rgba(250,20,0,0.4)
-        if ((m = css.match(RE_RGBA))) {
-            var rgb$1 = m.slice(1,5);
-            for (var i$1=0; i$1<4; i$1++) {
-                rgb$1[i$1] = +rgb$1[i$1];
-            }
-            return rgb$1;
-        }
-
-        // rgb(100%,0%,0%)
-        if ((m = css.match(RE_RGB_PCT))) {
-            var rgb$2 = m.slice(1,4);
-            for (var i$2=0; i$2<3; i$2++) {
-                rgb$2[i$2] = round$2(rgb$2[i$2] * 2.55);
-            }
-            rgb$2[3] = 1;  // default alpha
-            return rgb$2;
-        }
-
-        // rgba(100%,0%,0%,0.4)
-        if ((m = css.match(RE_RGBA_PCT))) {
-            var rgb$3 = m.slice(1,5);
-            for (var i$3=0; i$3<3; i$3++) {
-                rgb$3[i$3] = round$2(rgb$3[i$3] * 2.55);
-            }
-            rgb$3[3] = +rgb$3[3];
-            return rgb$3;
-        }
-
-        // hsl(0,100%,50%)
-        if ((m = css.match(RE_HSL))) {
-            var hsl = m.slice(1,4);
-            hsl[1] *= 0.01;
-            hsl[2] *= 0.01;
-            var rgb$4 = hsl2rgb_1(hsl);
-            rgb$4[3] = 1;
-            return rgb$4;
-        }
-
-        // hsla(0,100%,50%,0.5)
-        if ((m = css.match(RE_HSLA))) {
-            var hsl$1 = m.slice(1,4);
-            hsl$1[1] *= 0.01;
-            hsl$1[2] *= 0.01;
-            var rgb$5 = hsl2rgb_1(hsl$1);
-            rgb$5[3] = +m[4];  // default alpha = 1
-            return rgb$5;
-        }
-    };
-
-    css2rgb.test = function (s) {
-        return RE_RGB.test(s) ||
-            RE_RGBA.test(s) ||
-            RE_RGB_PCT.test(s) ||
-            RE_RGBA_PCT.test(s) ||
-            RE_HSL.test(s) ||
-            RE_HSLA.test(s);
-    };
-
-    var css2rgb_1 = css2rgb;
-
-    var type$3 = utils.type;
-
-
-
-
-    Color_1.prototype.css = function(mode) {
-        return rgb2css_1(this._rgb, mode);
-    };
-
-    chroma_1.css = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['css']) ));
-    };
-
-    input.format.css = css2rgb_1;
-
-    input.autodetect.push({
-        p: 5,
-        test: function (h) {
-            var rest = [], len = arguments.length - 1;
-            while ( len-- > 0 ) rest[ len ] = arguments[ len + 1 ];
-
-            if (!rest.length && type$3(h) === 'string' && css2rgb_1.test(h)) {
-                return 'css';
-            }
-        }
-    });
-
-    var unpack$8 = utils.unpack;
-
-    input.format.gl = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var rgb = unpack$8(args, 'rgba');
-        rgb[0] *= 255;
-        rgb[1] *= 255;
-        rgb[2] *= 255;
-        return rgb;
-    };
-
-    chroma_1.gl = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['gl']) ));
-    };
-
-    Color_1.prototype.gl = function() {
-        var rgb = this._rgb;
-        return [rgb[0]/255, rgb[1]/255, rgb[2]/255, rgb[3]];
-    };
-
-    var unpack$9 = utils.unpack;
-
-    var rgb2hcg = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var ref = unpack$9(args, 'rgb');
-        var r = ref[0];
-        var g = ref[1];
-        var b = ref[2];
-        var min = Math.min(r, g, b);
-        var max = Math.max(r, g, b);
-        var delta = max - min;
-        var c = delta * 100 / 255;
-        var _g = min / (255 - delta) * 100;
-        var h;
-        if (delta === 0) {
-            h = Number.NaN;
-        } else {
-            if (r === max) { h = (g - b) / delta; }
-            if (g === max) { h = 2+(b - r) / delta; }
-            if (b === max) { h = 4+(r - g) / delta; }
-            h *= 60;
-            if (h < 0) { h += 360; }
-        }
-        return [h, c, _g];
-    };
-
-    var rgb2hcg_1 = rgb2hcg;
-
-    var unpack$a = utils.unpack;
-    var floor = Math.floor;
-
-    /*
-     * this is basically just HSV with some minor tweaks
-     *
-     * hue.. [0..360]
-     * chroma .. [0..1]
-     * grayness .. [0..1]
-     */
-
-    var hcg2rgb = function () {
-        var assign, assign$1, assign$2, assign$3, assign$4, assign$5;
-
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-        args = unpack$a(args, 'hcg');
-        var h = args[0];
-        var c = args[1];
-        var _g = args[2];
-        var r,g,b;
-        _g = _g * 255;
-        var _c = c * 255;
-        if (c === 0) {
-            r = g = b = _g;
-        } else {
-            if (h === 360) { h = 0; }
-            if (h > 360) { h -= 360; }
-            if (h < 0) { h += 360; }
-            h /= 60;
-            var i = floor(h);
-            var f = h - i;
-            var p = _g * (1 - c);
-            var q = p + _c * (1 - f);
-            var t = p + _c * f;
-            var v = p + _c;
-            switch (i) {
-                case 0: (assign = [v, t, p], r = assign[0], g = assign[1], b = assign[2]); break
-                case 1: (assign$1 = [q, v, p], r = assign$1[0], g = assign$1[1], b = assign$1[2]); break
-                case 2: (assign$2 = [p, v, t], r = assign$2[0], g = assign$2[1], b = assign$2[2]); break
-                case 3: (assign$3 = [p, q, v], r = assign$3[0], g = assign$3[1], b = assign$3[2]); break
-                case 4: (assign$4 = [t, p, v], r = assign$4[0], g = assign$4[1], b = assign$4[2]); break
-                case 5: (assign$5 = [v, p, q], r = assign$5[0], g = assign$5[1], b = assign$5[2]); break
-            }
-        }
-        return [r, g, b, args.length > 3 ? args[3] : 1];
-    };
-
-    var hcg2rgb_1 = hcg2rgb;
-
-    var unpack$b = utils.unpack;
-    var type$4 = utils.type;
-
-
-
-
-
-
-    Color_1.prototype.hcg = function() {
-        return rgb2hcg_1(this._rgb);
-    };
-
-    chroma_1.hcg = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hcg']) ));
-    };
-
-    input.format.hcg = hcg2rgb_1;
-
-    input.autodetect.push({
-        p: 1,
-        test: function () {
-            var args = [], len = arguments.length;
-            while ( len-- ) args[ len ] = arguments[ len ];
-
-            args = unpack$b(args, 'hcg');
-            if (type$4(args) === 'array' && args.length === 3) {
-                return 'hcg';
-            }
-        }
-    });
-
-    var unpack$c = utils.unpack;
-    var last$4 = utils.last;
-    var round$3 = Math.round;
-
-    var rgb2hex = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var ref = unpack$c(args, 'rgba');
-        var r = ref[0];
-        var g = ref[1];
-        var b = ref[2];
-        var a = ref[3];
-        var mode = last$4(args) || 'auto';
-        if (a === undefined) { a = 1; }
-        if (mode === 'auto') {
-            mode = a < 1 ? 'rgba' : 'rgb';
-        }
-        r = round$3(r);
-        g = round$3(g);
-        b = round$3(b);
-        var u = r << 16 | g << 8 | b;
-        var str = "000000" + u.toString(16); //#.toUpperCase();
-        str = str.substr(str.length - 6);
-        var hxa = '0' + round$3(a * 255).toString(16);
-        hxa = hxa.substr(hxa.length - 2);
-        switch (mode.toLowerCase()) {
-            case 'rgba': return ("#" + str + hxa);
-            case 'argb': return ("#" + hxa + str);
-            default: return ("#" + str);
-        }
-    };
-
-    var rgb2hex_1 = rgb2hex;
-
-    var RE_HEX = /^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
-    var RE_HEXA = /^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/;
-
-    var hex2rgb = function (hex) {
-        if (hex.match(RE_HEX)) {
-            // remove optional leading #
-            if (hex.length === 4 || hex.length === 7) {
-                hex = hex.substr(1);
-            }
-            // expand short-notation to full six-digit
-            if (hex.length === 3) {
-                hex = hex.split('');
-                hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2];
-            }
-            var u = parseInt(hex, 16);
-            var r = u >> 16;
-            var g = u >> 8 & 0xFF;
-            var b = u & 0xFF;
-            return [r,g,b,1];
-        }
-
-        // match rgba hex format, eg #FF000077
-        if (hex.match(RE_HEXA)) {
-            if (hex.length === 5 || hex.length === 9) {
-                // remove optional leading #
-                hex = hex.substr(1);
-            }
-            // expand short-notation to full eight-digit
-            if (hex.length === 4) {
-                hex = hex.split('');
-                hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2]+hex[3]+hex[3];
-            }
-            var u$1 = parseInt(hex, 16);
-            var r$1 = u$1 >> 24 & 0xFF;
-            var g$1 = u$1 >> 16 & 0xFF;
-            var b$1 = u$1 >> 8 & 0xFF;
-            var a = Math.round((u$1 & 0xFF) / 0xFF * 100) / 100;
-            return [r$1,g$1,b$1,a];
-        }
-
-        // we used to check for css colors here
-        // if _input.css? and rgb = _input.css hex
-        //     return rgb
-
-        throw new Error(("unknown hex color: " + hex));
-    };
-
-    var hex2rgb_1 = hex2rgb;
-
-    var type$5 = utils.type;
-
-
-
-
-    Color_1.prototype.hex = function(mode) {
-        return rgb2hex_1(this._rgb, mode);
-    };
-
-    chroma_1.hex = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hex']) ));
-    };
-
-    input.format.hex = hex2rgb_1;
-    input.autodetect.push({
-        p: 4,
-        test: function (h) {
-            var rest = [], len = arguments.length - 1;
-            while ( len-- > 0 ) rest[ len ] = arguments[ len + 1 ];
-
-            if (!rest.length && type$5(h) === 'string' && [3,4,5,6,7,8,9].indexOf(h.length) >= 0) {
-                return 'hex';
-            }
-        }
-    });
-
-    var unpack$d = utils.unpack;
-    var TWOPI = utils.TWOPI;
-    var min = Math.min;
-    var sqrt = Math.sqrt;
-    var acos = Math.acos;
-
-    var rgb2hsi = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        /*
-        borrowed from here:
-        http://hummer.stanford.edu/museinfo/doc/examples/humdrum/keyscape2/rgb2hsi.cpp
-        */
-        var ref = unpack$d(args, 'rgb');
-        var r = ref[0];
-        var g = ref[1];
-        var b = ref[2];
-        r /= 255;
-        g /= 255;
-        b /= 255;
-        var h;
-        var min_ = min(r,g,b);
-        var i = (r+g+b) / 3;
-        var s = i > 0 ? 1 - min_/i : 0;
-        if (s === 0) {
-            h = NaN;
-        } else {
-            h = ((r-g)+(r-b)) / 2;
-            h /= sqrt((r-g)*(r-g) + (r-b)*(g-b));
-            h = acos(h);
-            if (b > g) {
-                h = TWOPI - h;
-            }
-            h /= TWOPI;
-        }
-        return [h*360,s,i];
-    };
-
-    var rgb2hsi_1 = rgb2hsi;
-
-    var unpack$e = utils.unpack;
-    var limit$1 = utils.limit;
-    var TWOPI$1 = utils.TWOPI;
-    var PITHIRD = utils.PITHIRD;
-    var cos = Math.cos;
-
-    /*
-     * hue [0..360]
-     * saturation [0..1]
-     * intensity [0..1]
-     */
-    var hsi2rgb = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        /*
-        borrowed from here:
-        http://hummer.stanford.edu/museinfo/doc/examples/humdrum/keyscape2/hsi2rgb.cpp
-        */
-        args = unpack$e(args, 'hsi');
-        var h = args[0];
-        var s = args[1];
-        var i = args[2];
-        var r,g,b;
-
-        if (isNaN(h)) { h = 0; }
-        if (isNaN(s)) { s = 0; }
-        // normalize hue
-        if (h > 360) { h -= 360; }
-        if (h < 0) { h += 360; }
-        h /= 360;
-        if (h < 1/3) {
-            b = (1-s)/3;
-            r = (1+s*cos(TWOPI$1*h)/cos(PITHIRD-TWOPI$1*h))/3;
-            g = 1 - (b+r);
-        } else if (h < 2/3) {
-            h -= 1/3;
-            r = (1-s)/3;
-            g = (1+s*cos(TWOPI$1*h)/cos(PITHIRD-TWOPI$1*h))/3;
-            b = 1 - (r+g);
-        } else {
-            h -= 2/3;
-            g = (1-s)/3;
-            b = (1+s*cos(TWOPI$1*h)/cos(PITHIRD-TWOPI$1*h))/3;
-            r = 1 - (g+b);
-        }
-        r = limit$1(i*r*3);
-        g = limit$1(i*g*3);
-        b = limit$1(i*b*3);
-        return [r*255, g*255, b*255, args.length > 3 ? args[3] : 1];
-    };
-
-    var hsi2rgb_1 = hsi2rgb;
-
-    var unpack$f = utils.unpack;
-    var type$6 = utils.type;
-
-
-
-
-
-
-    Color_1.prototype.hsi = function() {
-        return rgb2hsi_1(this._rgb);
-    };
-
-    chroma_1.hsi = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hsi']) ));
-    };
-
-    input.format.hsi = hsi2rgb_1;
-
-    input.autodetect.push({
-        p: 2,
-        test: function () {
-            var args = [], len = arguments.length;
-            while ( len-- ) args[ len ] = arguments[ len ];
-
-            args = unpack$f(args, 'hsi');
-            if (type$6(args) === 'array' && args.length === 3) {
-                return 'hsi';
-            }
-        }
-    });
-
-    var unpack$g = utils.unpack;
-    var type$7 = utils.type;
-
-
-
-
-
-
-    Color_1.prototype.hsl = function() {
-        return rgb2hsl_1(this._rgb);
-    };
-
-    chroma_1.hsl = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hsl']) ));
-    };
-
-    input.format.hsl = hsl2rgb_1;
-
-    input.autodetect.push({
-        p: 2,
-        test: function () {
-            var args = [], len = arguments.length;
-            while ( len-- ) args[ len ] = arguments[ len ];
-
-            args = unpack$g(args, 'hsl');
-            if (type$7(args) === 'array' && args.length === 3) {
-                return 'hsl';
-            }
-        }
-    });
-
-    var unpack$h = utils.unpack;
-    var min$1 = Math.min;
-    var max$1 = Math.max;
-
-    /*
-     * supported arguments:
-     * - rgb2hsv(r,g,b)
-     * - rgb2hsv([r,g,b])
-     * - rgb2hsv({r,g,b})
-     */
-    var rgb2hsl$1 = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        args = unpack$h(args, 'rgb');
-        var r = args[0];
-        var g = args[1];
-        var b = args[2];
-        var min_ = min$1(r, g, b);
-        var max_ = max$1(r, g, b);
-        var delta = max_ - min_;
-        var h,s,v;
-        v = max_ / 255.0;
-        if (max_ === 0) {
-            h = Number.NaN;
-            s = 0;
-        } else {
-            s = delta / max_;
-            if (r === max_) { h = (g - b) / delta; }
-            if (g === max_) { h = 2+(b - r) / delta; }
-            if (b === max_) { h = 4+(r - g) / delta; }
-            h *= 60;
-            if (h < 0) { h += 360; }
-        }
-        return [h, s, v]
-    };
-
-    var rgb2hsv = rgb2hsl$1;
-
-    var unpack$i = utils.unpack;
-    var floor$1 = Math.floor;
-
-    var hsv2rgb = function () {
-        var assign, assign$1, assign$2, assign$3, assign$4, assign$5;
-
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-        args = unpack$i(args, 'hsv');
-        var h = args[0];
-        var s = args[1];
-        var v = args[2];
-        var r,g,b;
-        v *= 255;
-        if (s === 0) {
-            r = g = b = v;
-        } else {
-            if (h === 360) { h = 0; }
-            if (h > 360) { h -= 360; }
-            if (h < 0) { h += 360; }
-            h /= 60;
-
-            var i = floor$1(h);
-            var f = h - i;
-            var p = v * (1 - s);
-            var q = v * (1 - s * f);
-            var t = v * (1 - s * (1 - f));
-
-            switch (i) {
-                case 0: (assign = [v, t, p], r = assign[0], g = assign[1], b = assign[2]); break
-                case 1: (assign$1 = [q, v, p], r = assign$1[0], g = assign$1[1], b = assign$1[2]); break
-                case 2: (assign$2 = [p, v, t], r = assign$2[0], g = assign$2[1], b = assign$2[2]); break
-                case 3: (assign$3 = [p, q, v], r = assign$3[0], g = assign$3[1], b = assign$3[2]); break
-                case 4: (assign$4 = [t, p, v], r = assign$4[0], g = assign$4[1], b = assign$4[2]); break
-                case 5: (assign$5 = [v, p, q], r = assign$5[0], g = assign$5[1], b = assign$5[2]); break
-            }
-        }
-        return [r,g,b,args.length > 3?args[3]:1];
-    };
-
-    var hsv2rgb_1 = hsv2rgb;
-
-    var unpack$j = utils.unpack;
-    var type$8 = utils.type;
-
-
-
-
-
-
-    Color_1.prototype.hsv = function() {
-        return rgb2hsv(this._rgb);
-    };
-
-    chroma_1.hsv = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hsv']) ));
-    };
-
-    input.format.hsv = hsv2rgb_1;
-
-    input.autodetect.push({
-        p: 2,
-        test: function () {
-            var args = [], len = arguments.length;
-            while ( len-- ) args[ len ] = arguments[ len ];
-
-            args = unpack$j(args, 'hsv');
-            if (type$8(args) === 'array' && args.length === 3) {
-                return 'hsv';
-            }
-        }
-    });
-
-    var labConstants = {
-        // Corresponds roughly to RGB brighter/darker
-        Kn: 18,
-
-        // D65 standard referent
-        Xn: 0.950470,
-        Yn: 1,
-        Zn: 1.088830,
-
-        t0: 0.137931034,  // 4 / 29
-        t1: 0.206896552,  // 6 / 29
-        t2: 0.12841855,   // 3 * t1 * t1
-        t3: 0.008856452,  // t1 * t1 * t1
-    };
-
-    var unpack$k = utils.unpack;
-    var pow = Math.pow;
-
-    var rgb2lab = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var ref = unpack$k(args, 'rgb');
-        var r = ref[0];
-        var g = ref[1];
-        var b = ref[2];
-        var ref$1 = rgb2xyz(r,g,b);
-        var x = ref$1[0];
-        var y = ref$1[1];
-        var z = ref$1[2];
-        var l = 116 * y - 16;
-        return [l < 0 ? 0 : l, 500 * (x - y), 200 * (y - z)];
-    };
-
-    var rgb_xyz = function (r) {
-        if ((r /= 255) <= 0.04045) { return r / 12.92; }
-        return pow((r + 0.055) / 1.055, 2.4);
-    };
-
-    var xyz_lab = function (t) {
-        if (t > labConstants.t3) { return pow(t, 1 / 3); }
-        return t / labConstants.t2 + labConstants.t0;
-    };
-
-    var rgb2xyz = function (r,g,b) {
-        r = rgb_xyz(r);
-        g = rgb_xyz(g);
-        b = rgb_xyz(b);
-        var x = xyz_lab((0.4124564 * r + 0.3575761 * g + 0.1804375 * b) / labConstants.Xn);
-        var y = xyz_lab((0.2126729 * r + 0.7151522 * g + 0.0721750 * b) / labConstants.Yn);
-        var z = xyz_lab((0.0193339 * r + 0.1191920 * g + 0.9503041 * b) / labConstants.Zn);
-        return [x,y,z];
-    };
-
-    var rgb2lab_1 = rgb2lab;
-
-    var unpack$l = utils.unpack;
-    var pow$1 = Math.pow;
-
-    /*
-     * L* [0..100]
-     * a [-100..100]
-     * b [-100..100]
-     */
-    var lab2rgb = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        args = unpack$l(args, 'lab');
-        var l = args[0];
-        var a = args[1];
-        var b = args[2];
-        var x,y,z, r,g,b_;
-
-        y = (l + 16) / 116;
-        x = isNaN(a) ? y : y + a / 500;
-        z = isNaN(b) ? y : y - b / 200;
-
-        y = labConstants.Yn * lab_xyz(y);
-        x = labConstants.Xn * lab_xyz(x);
-        z = labConstants.Zn * lab_xyz(z);
-
-        r = xyz_rgb(3.2404542 * x - 1.5371385 * y - 0.4985314 * z);  // D65 -> sRGB
-        g = xyz_rgb(-0.9692660 * x + 1.8760108 * y + 0.0415560 * z);
-        b_ = xyz_rgb(0.0556434 * x - 0.2040259 * y + 1.0572252 * z);
-
-        return [r,g,b_,args.length > 3 ? args[3] : 1];
-    };
-
-    var xyz_rgb = function (r) {
-        return 255 * (r <= 0.00304 ? 12.92 * r : 1.055 * pow$1(r, 1 / 2.4) - 0.055)
-    };
-
-    var lab_xyz = function (t) {
-        return t > labConstants.t1 ? t * t * t : labConstants.t2 * (t - labConstants.t0)
-    };
-
-    var lab2rgb_1 = lab2rgb;
-
-    var unpack$m = utils.unpack;
-    var type$9 = utils.type;
-
-
-
-
-
-
-    Color_1.prototype.lab = function() {
-        return rgb2lab_1(this._rgb);
-    };
-
-    chroma_1.lab = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['lab']) ));
-    };
-
-    input.format.lab = lab2rgb_1;
-
-    input.autodetect.push({
-        p: 2,
-        test: function () {
-            var args = [], len = arguments.length;
-            while ( len-- ) args[ len ] = arguments[ len ];
-
-            args = unpack$m(args, 'lab');
-            if (type$9(args) === 'array' && args.length === 3) {
-                return 'lab';
-            }
-        }
-    });
-
-    var unpack$n = utils.unpack;
-    var RAD2DEG = utils.RAD2DEG;
-    var sqrt$1 = Math.sqrt;
-    var atan2 = Math.atan2;
-    var round$4 = Math.round;
-
-    var lab2lch = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var ref = unpack$n(args, 'lab');
-        var l = ref[0];
-        var a = ref[1];
-        var b = ref[2];
-        var c = sqrt$1(a * a + b * b);
-        var h = (atan2(b, a) * RAD2DEG + 360) % 360;
-        if (round$4(c*10000) === 0) { h = Number.NaN; }
-        return [l, c, h];
-    };
-
-    var lab2lch_1 = lab2lch;
-
-    var unpack$o = utils.unpack;
-
-
-
-    var rgb2lch = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var ref = unpack$o(args, 'rgb');
-        var r = ref[0];
-        var g = ref[1];
-        var b = ref[2];
-        var ref$1 = rgb2lab_1(r,g,b);
-        var l = ref$1[0];
-        var a = ref$1[1];
-        var b_ = ref$1[2];
-        return lab2lch_1(l,a,b_);
-    };
-
-    var rgb2lch_1 = rgb2lch;
-
-    var unpack$p = utils.unpack;
-    var DEG2RAD = utils.DEG2RAD;
-    var sin = Math.sin;
-    var cos$1 = Math.cos;
-
-    var lch2lab = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        /*
-        Convert from a qualitative parameter h and a quantitative parameter l to a 24-bit pixel.
-        These formulas were invented by David Dalrymple to obtain maximum contrast without going
-        out of gamut if the parameters are in the range 0-1.
-
-        A saturation multiplier was added by Gregor Aisch
-        */
-        var ref = unpack$p(args, 'lch');
-        var l = ref[0];
-        var c = ref[1];
-        var h = ref[2];
-        if (isNaN(h)) { h = 0; }
-        h = h * DEG2RAD;
-        return [l, cos$1(h) * c, sin(h) * c]
-    };
-
-    var lch2lab_1 = lch2lab;
-
-    var unpack$q = utils.unpack;
-
-
-
-    var lch2rgb = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        args = unpack$q(args, 'lch');
-        var l = args[0];
-        var c = args[1];
-        var h = args[2];
-        var ref = lch2lab_1 (l,c,h);
-        var L = ref[0];
-        var a = ref[1];
-        var b_ = ref[2];
-        var ref$1 = lab2rgb_1 (L,a,b_);
-        var r = ref$1[0];
-        var g = ref$1[1];
-        var b = ref$1[2];
-        return [r, g, b, args.length > 3 ? args[3] : 1];
-    };
-
-    var lch2rgb_1 = lch2rgb;
-
-    var unpack$r = utils.unpack;
-
-
-    var hcl2rgb = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var hcl = unpack$r(args, 'hcl').reverse();
-        return lch2rgb_1.apply(void 0, hcl);
-    };
-
-    var hcl2rgb_1 = hcl2rgb;
-
-    var unpack$s = utils.unpack;
-    var type$a = utils.type;
-
-
-
-
-
-
-    Color_1.prototype.lch = function() { return rgb2lch_1(this._rgb); };
-    Color_1.prototype.hcl = function() { return rgb2lch_1(this._rgb).reverse(); };
-
-    chroma_1.lch = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['lch']) ));
-    };
-    chroma_1.hcl = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hcl']) ));
-    };
-
-    input.format.lch = lch2rgb_1;
-    input.format.hcl = hcl2rgb_1;
-
-    ['lch','hcl'].forEach(function (m) { return input.autodetect.push({
-        p: 2,
-        test: function () {
-            var args = [], len = arguments.length;
-            while ( len-- ) args[ len ] = arguments[ len ];
-
-            args = unpack$s(args, m);
-            if (type$a(args) === 'array' && args.length === 3) {
-                return m;
-            }
-        }
-    }); });
-
-    /**
-    	X11 color names
-
-    	http://www.w3.org/TR/css3-color/#svg-color
-    */
-
-    var w3cx11 = {
-        aliceblue: '#f0f8ff',
-        antiquewhite: '#faebd7',
-        aqua: '#00ffff',
-        aquamarine: '#7fffd4',
-        azure: '#f0ffff',
-        beige: '#f5f5dc',
-        bisque: '#ffe4c4',
-        black: '#000000',
-        blanchedalmond: '#ffebcd',
-        blue: '#0000ff',
-        blueviolet: '#8a2be2',
-        brown: '#a52a2a',
-        burlywood: '#deb887',
-        cadetblue: '#5f9ea0',
-        chartreuse: '#7fff00',
-        chocolate: '#d2691e',
-        coral: '#ff7f50',
-        cornflower: '#6495ed',
-        cornflowerblue: '#6495ed',
-        cornsilk: '#fff8dc',
-        crimson: '#dc143c',
-        cyan: '#00ffff',
-        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: '#ff00ff',
-        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',
-        laserlemon: '#ffff54',
-        lavender: '#e6e6fa',
-        lavenderblush: '#fff0f5',
-        lawngreen: '#7cfc00',
-        lemonchiffon: '#fffacd',
-        lightblue: '#add8e6',
-        lightcoral: '#f08080',
-        lightcyan: '#e0ffff',
-        lightgoldenrod: '#fafad2',
-        lightgoldenrodyellow: '#fafad2',
-        lightgray: '#d3d3d3',
-        lightgreen: '#90ee90',
-        lightgrey: '#d3d3d3',
-        lightpink: '#ffb6c1',
-        lightsalmon: '#ffa07a',
-        lightseagreen: '#20b2aa',
-        lightskyblue: '#87cefa',
-        lightslategray: '#778899',
-        lightslategrey: '#778899',
-        lightsteelblue: '#b0c4de',
-        lightyellow: '#ffffe0',
-        lime: '#00ff00',
-        limegreen: '#32cd32',
-        linen: '#faf0e6',
-        magenta: '#ff00ff',
-        maroon: '#800000',
-        maroon2: '#7f0000',
-        maroon3: '#b03060',
-        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',
-        purple2: '#7f007f',
-        purple3: '#a020f0',
-        rebeccapurple: '#663399',
-        red: '#ff0000',
-        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: '#ffffff',
-        whitesmoke: '#f5f5f5',
-        yellow: '#ffff00',
-        yellowgreen: '#9acd32'
-    };
-
-    var w3cx11_1 = w3cx11;
-
-    var type$b = utils.type;
-
-
-
-
-
-    Color_1.prototype.name = function() {
-        var hex = rgb2hex_1(this._rgb, 'rgb');
-        for (var i = 0, list = Object.keys(w3cx11_1); i < list.length; i += 1) {
-            var n = list[i];
-
-            if (w3cx11_1[n] === hex) { return n.toLowerCase(); }
-        }
-        return hex;
-    };
-
-    input.format.named = function (name) {
-        name = name.toLowerCase();
-        if (w3cx11_1[name]) { return hex2rgb_1(w3cx11_1[name]); }
-        throw new Error('unknown color name: '+name);
-    };
-
-    input.autodetect.push({
-        p: 5,
-        test: function (h) {
-            var rest = [], len = arguments.length - 1;
-            while ( len-- > 0 ) rest[ len ] = arguments[ len + 1 ];
-
-            if (!rest.length && type$b(h) === 'string' && w3cx11_1[h.toLowerCase()]) {
-                return 'named';
-            }
-        }
-    });
-
-    var unpack$t = utils.unpack;
-
-    var rgb2num = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var ref = unpack$t(args, 'rgb');
-        var r = ref[0];
-        var g = ref[1];
-        var b = ref[2];
-        return (r << 16) + (g << 8) + b;
-    };
-
-    var rgb2num_1 = rgb2num;
-
-    var type$c = utils.type;
-
-    var num2rgb = function (num) {
-        if (type$c(num) == "number" && num >= 0 && num <= 0xFFFFFF) {
-            var r = num >> 16;
-            var g = (num >> 8) & 0xFF;
-            var b = num & 0xFF;
-            return [r,g,b,1];
-        }
-        throw new Error("unknown num color: "+num);
-    };
-
-    var num2rgb_1 = num2rgb;
-
-    var type$d = utils.type;
-
-
-
-    Color_1.prototype.num = function() {
-        return rgb2num_1(this._rgb);
-    };
-
-    chroma_1.num = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['num']) ));
-    };
-
-    input.format.num = num2rgb_1;
-
-    input.autodetect.push({
-        p: 5,
-        test: function () {
-            var args = [], len = arguments.length;
-            while ( len-- ) args[ len ] = arguments[ len ];
-
-            if (args.length === 1 && type$d(args[0]) === 'number' && args[0] >= 0 && args[0] <= 0xFFFFFF) {
-                return 'num';
-            }
-        }
-    });
-
-    var unpack$u = utils.unpack;
-    var type$e = utils.type;
-    var round$5 = Math.round;
-
-    Color_1.prototype.rgb = function(rnd) {
-        if ( rnd === void 0 ) rnd=true;
-
-        if (rnd === false) { return this._rgb.slice(0,3); }
-        return this._rgb.slice(0,3).map(round$5);
-    };
-
-    Color_1.prototype.rgba = function(rnd) {
-        if ( rnd === void 0 ) rnd=true;
-
-        return this._rgb.slice(0,4).map(function (v,i) {
-            return i<3 ? (rnd === false ? v : round$5(v)) : v;
-        });
-    };
-
-    chroma_1.rgb = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['rgb']) ));
-    };
-
-    input.format.rgb = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var rgba = unpack$u(args, 'rgba');
-        if (rgba[3] === undefined) { rgba[3] = 1; }
-        return rgba;
-    };
-
-    input.autodetect.push({
-        p: 3,
-        test: function () {
-            var args = [], len = arguments.length;
-            while ( len-- ) args[ len ] = arguments[ len ];
-
-            args = unpack$u(args, 'rgba');
-            if (type$e(args) === 'array' && (args.length === 3 ||
-                args.length === 4 && type$e(args[3]) == 'number' && args[3] >= 0 && args[3] <= 1)) {
-                return 'rgb';
-            }
-        }
-    });
-
-    /*
-     * Based on implementation by Neil Bartlett
-     * https://github.com/neilbartlett/color-temperature
-     */
-
-    var log = Math.log;
-
-    var temperature2rgb = function (kelvin) {
-        var temp = kelvin / 100;
-        var r,g,b;
-        if (temp < 66) {
-            r = 255;
-            g = -155.25485562709179 - 0.44596950469579133 * (g = temp-2) + 104.49216199393888 * log(g);
-            b = temp < 20 ? 0 : -254.76935184120902 + 0.8274096064007395 * (b = temp-10) + 115.67994401066147 * log(b);
-        } else {
-            r = 351.97690566805693 + 0.114206453784165 * (r = temp-55) - 40.25366309332127 * log(r);
-            g = 325.4494125711974 + 0.07943456536662342 * (g = temp-50) - 28.0852963507957 * log(g);
-            b = 255;
-        }
-        return [r,g,b,1];
-    };
-
-    var temperature2rgb_1 = temperature2rgb;
-
-    /*
-     * Based on implementation by Neil Bartlett
-     * https://github.com/neilbartlett/color-temperature
-     **/
-
-
-    var unpack$v = utils.unpack;
-    var round$6 = Math.round;
-
-    var rgb2temperature = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        var rgb = unpack$v(args, 'rgb');
-        var r = rgb[0], b = rgb[2];
-        var minTemp = 1000;
-        var maxTemp = 40000;
-        var eps = 0.4;
-        var temp;
-        while (maxTemp - minTemp > eps) {
-            temp = (maxTemp + minTemp) * 0.5;
-            var rgb$1 = temperature2rgb_1(temp);
-            if ((rgb$1[2] / rgb$1[0]) >= (b / r)) {
-                maxTemp = temp;
-            } else {
-                minTemp = temp;
-            }
-        }
-        return round$6(temp);
-    };
-
-    var rgb2temperature_1 = rgb2temperature;
-
-    Color_1.prototype.temp =
-    Color_1.prototype.kelvin =
-    Color_1.prototype.temperature = function() {
-        return rgb2temperature_1(this._rgb);
-    };
-
-    chroma_1.temp =
-    chroma_1.kelvin =
-    chroma_1.temperature = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['temp']) ));
-    };
-
-    input.format.temp =
-    input.format.kelvin =
-    input.format.temperature = temperature2rgb_1;
-
-    var type$f = utils.type;
-
-    Color_1.prototype.alpha = function(a, mutate) {
-        if ( mutate === void 0 ) mutate=false;
-
-        if (a !== undefined && type$f(a) === 'number') {
-            if (mutate) {
-                this._rgb[3] = a;
-                return this;
-            }
-            return new Color_1([this._rgb[0], this._rgb[1], this._rgb[2], a], 'rgb');
-        }
-        return this._rgb[3];
-    };
-
-    Color_1.prototype.clipped = function() {
-        return this._rgb._clipped || false;
-    };
-
-    Color_1.prototype.darken = function(amount) {
-    	if ( amount === void 0 ) amount=1;
-
-    	var me = this;
-    	var lab = me.lab();
-    	lab[0] -= labConstants.Kn * amount;
-    	return new Color_1(lab, 'lab').alpha(me.alpha(), true);
-    };
-
-    Color_1.prototype.brighten = function(amount) {
-    	if ( amount === void 0 ) amount=1;
-
-    	return this.darken(-amount);
-    };
-
-    Color_1.prototype.darker = Color_1.prototype.darken;
-    Color_1.prototype.brighter = Color_1.prototype.brighten;
-
-    Color_1.prototype.get = function(mc) {
-        var ref = mc.split('.');
-        var mode = ref[0];
-        var channel = ref[1];
-        var src = this[mode]();
-        if (channel) {
-            var i = mode.indexOf(channel);
-            if (i > -1) { return src[i]; }
-            throw new Error(("unknown channel " + channel + " in mode " + mode));
-        } else {
-            return src;
-        }
-    };
-
-    var type$g = utils.type;
-    var pow$2 = Math.pow;
-
-    var EPS = 1e-7;
-    var MAX_ITER = 20;
-
-    Color_1.prototype.luminance = function(lum) {
-        if (lum !== undefined && type$g(lum) === 'number') {
-            if (lum === 0) {
-                // return pure black
-                return new Color_1([0,0,0,this._rgb[3]], 'rgb');
-            }
-            if (lum === 1) {
-                // return pure white
-                return new Color_1([255,255,255,this._rgb[3]], 'rgb');
-            }
-            // compute new color using...
-            var cur_lum = this.luminance();
-            var mode = 'rgb';
-            var max_iter = MAX_ITER;
-
-            var test = function (low, high) {
-                var mid = low.interpolate(high, 0.5, mode);
-                var lm = mid.luminance();
-                if (Math.abs(lum - lm) < EPS || !max_iter--) {
-                    // close enough
-                    return mid;
-                }
-                return lm > lum ? test(low, mid) : test(mid, high);
-            };
-
-            var rgb = (cur_lum > lum ? test(new Color_1([0,0,0]), this) : test(this, new Color_1([255,255,255]))).rgb();
-            return new Color_1(rgb.concat( [this._rgb[3]]));
-        }
-        return rgb2luminance.apply(void 0, (this._rgb).slice(0,3));
-    };
-
-
-    var rgb2luminance = function (r,g,b) {
-        // relative luminance
-        // see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
-        r = luminance_x(r);
-        g = luminance_x(g);
-        b = luminance_x(b);
-        return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-    };
-
-    var luminance_x = function (x) {
-        x /= 255;
-        return x <= 0.03928 ? x/12.92 : pow$2((x+0.055)/1.055, 2.4);
-    };
-
-    var interpolator = {};
-
-    var type$h = utils.type;
-
-
-    var mix = function (col1, col2, f) {
-        if ( f === void 0 ) f=0.5;
-        var rest = [], len = arguments.length - 3;
-        while ( len-- > 0 ) rest[ len ] = arguments[ len + 3 ];
-
-        var mode = rest[0] || 'lrgb';
-        if (!interpolator[mode] && !rest.length) {
-            // fall back to the first supported mode
-            mode = Object.keys(interpolator)[0];
-        }
-        if (!interpolator[mode]) {
-            throw new Error(("interpolation mode " + mode + " is not defined"));
-        }
-        if (type$h(col1) !== 'object') { col1 = new Color_1(col1); }
-        if (type$h(col2) !== 'object') { col2 = new Color_1(col2); }
-        return interpolator[mode](col1, col2, f)
-            .alpha(col1.alpha() + f * (col2.alpha() - col1.alpha()));
-    };
-
-    Color_1.prototype.mix =
-    Color_1.prototype.interpolate = function(col2, f) {
-    	if ( f === void 0 ) f=0.5;
-    	var rest = [], len = arguments.length - 2;
-    	while ( len-- > 0 ) rest[ len ] = arguments[ len + 2 ];
-
-    	return mix.apply(void 0, [ this, col2, f ].concat( rest ));
-    };
-
-    Color_1.prototype.premultiply = function(mutate) {
-    	if ( mutate === void 0 ) mutate=false;
-
-    	var rgb = this._rgb;
-    	var a = rgb[3];
-    	if (mutate) {
-    		this._rgb = [rgb[0]*a, rgb[1]*a, rgb[2]*a, a];
-    		return this;
-    	} else {
-    		return new Color_1([rgb[0]*a, rgb[1]*a, rgb[2]*a, a], 'rgb');
-    	}
-    };
-
-    Color_1.prototype.saturate = function(amount) {
-    	if ( amount === void 0 ) amount=1;
-
-    	var me = this;
-    	var lch = me.lch();
-    	lch[1] += labConstants.Kn * amount;
-    	if (lch[1] < 0) { lch[1] = 0; }
-    	return new Color_1(lch, 'lch').alpha(me.alpha(), true);
-    };
-
-    Color_1.prototype.desaturate = function(amount) {
-    	if ( amount === void 0 ) amount=1;
-
-    	return this.saturate(-amount);
-    };
-
-    var type$i = utils.type;
-
-    Color_1.prototype.set = function(mc, value, mutate) {
-        if ( mutate === void 0 ) mutate=false;
-
-        var ref = mc.split('.');
-        var mode = ref[0];
-        var channel = ref[1];
-        var src = this[mode]();
-        if (channel) {
-            var i = mode.indexOf(channel);
-            if (i > -1) {
-                if (type$i(value) == 'string') {
-                    switch(value.charAt(0)) {
-                        case '+': src[i] += +value; break;
-                        case '-': src[i] += +value; break;
-                        case '*': src[i] *= +(value.substr(1)); break;
-                        case '/': src[i] /= +(value.substr(1)); break;
-                        default: src[i] = +value;
-                    }
-                } else if (type$i(value) === 'number') {
-                    src[i] = value;
-                } else {
-                    throw new Error("unsupported value for Color.set");
-                }
-                var out = new Color_1(src, mode);
-                if (mutate) {
-                    this._rgb = out._rgb;
-                    return this;
-                }
-                return out;
-            }
-            throw new Error(("unknown channel " + channel + " in mode " + mode));
-        } else {
-            return src;
-        }
-    };
-
-    var rgb$1 = function (col1, col2, f) {
-        var xyz0 = col1._rgb;
-        var xyz1 = col2._rgb;
-        return new Color_1(
-            xyz0[0] + f * (xyz1[0]-xyz0[0]),
-            xyz0[1] + f * (xyz1[1]-xyz0[1]),
-            xyz0[2] + f * (xyz1[2]-xyz0[2]),
-            'rgb'
-        )
-    };
-
-    // register interpolator
-    interpolator.rgb = rgb$1;
-
-    var sqrt$2 = Math.sqrt;
-    var pow$3 = Math.pow;
-
-    var lrgb = function (col1, col2, f) {
-        var ref = col1._rgb;
-        var x1 = ref[0];
-        var y1 = ref[1];
-        var z1 = ref[2];
-        var ref$1 = col2._rgb;
-        var x2 = ref$1[0];
-        var y2 = ref$1[1];
-        var z2 = ref$1[2];
-        return new Color_1(
-            sqrt$2(pow$3(x1,2) * (1-f) + pow$3(x2,2) * f),
-            sqrt$2(pow$3(y1,2) * (1-f) + pow$3(y2,2) * f),
-            sqrt$2(pow$3(z1,2) * (1-f) + pow$3(z2,2) * f),
-            'rgb'
-        )
-    };
-
-    // register interpolator
-    interpolator.lrgb = lrgb;
-
-    var lab$1 = function (col1, col2, f) {
-        var xyz0 = col1.lab();
-        var xyz1 = col2.lab();
-        return new Color_1(
-            xyz0[0] + f * (xyz1[0]-xyz0[0]),
-            xyz0[1] + f * (xyz1[1]-xyz0[1]),
-            xyz0[2] + f * (xyz1[2]-xyz0[2]),
-            'lab'
-        )
-    };
-
-    // register interpolator
-    interpolator.lab = lab$1;
-
-    var _hsx = function (col1, col2, f, m) {
-        var assign, assign$1;
-
-        var xyz0, xyz1;
-        if (m === 'hsl') {
-            xyz0 = col1.hsl();
-            xyz1 = col2.hsl();
-        } else if (m === 'hsv') {
-            xyz0 = col1.hsv();
-            xyz1 = col2.hsv();
-        } else if (m === 'hcg') {
-            xyz0 = col1.hcg();
-            xyz1 = col2.hcg();
-        } else if (m === 'hsi') {
-            xyz0 = col1.hsi();
-            xyz1 = col2.hsi();
-        } else if (m === 'lch' || m === 'hcl') {
-            m = 'hcl';
-            xyz0 = col1.hcl();
-            xyz1 = col2.hcl();
-        }
-
-        var hue0, hue1, sat0, sat1, lbv0, lbv1;
-        if (m.substr(0, 1) === 'h') {
-            (assign = xyz0, hue0 = assign[0], sat0 = assign[1], lbv0 = assign[2]);
-            (assign$1 = xyz1, hue1 = assign$1[0], sat1 = assign$1[1], lbv1 = assign$1[2]);
-        }
-
-        var sat, hue, lbv, dh;
-
-        if (!isNaN(hue0) && !isNaN(hue1)) {
-            // both colors have hue
-            if (hue1 > hue0 && hue1 - hue0 > 180) {
-                dh = hue1-(hue0+360);
-            } else if (hue1 < hue0 && hue0 - hue1 > 180) {
-                dh = hue1+360-hue0;
-            } else {
-                dh = hue1 - hue0;
-            }
-            hue = hue0 + f * dh;
-        } else if (!isNaN(hue0)) {
-            hue = hue0;
-            if ((lbv1 == 1 || lbv1 == 0) && m != 'hsv') { sat = sat0; }
-        } else if (!isNaN(hue1)) {
-            hue = hue1;
-            if ((lbv0 == 1 || lbv0 == 0) && m != 'hsv') { sat = sat1; }
-        } else {
-            hue = Number.NaN;
-        }
-
-        if (sat === undefined) { sat = sat0 + f * (sat1 - sat0); }
-        lbv = lbv0 + f * (lbv1-lbv0);
-        return new Color_1([hue, sat, lbv], m);
-    };
-
-    var lch$1 = function (col1, col2, f) {
-    	return _hsx(col1, col2, f, 'lch');
-    };
-
-    // register interpolator
-    interpolator.lch = lch$1;
-    interpolator.hcl = lch$1;
-
-    var num$1 = function (col1, col2, f) {
-        var c1 = col1.num();
-        var c2 = col2.num();
-        return new Color_1(c1 + f * (c2-c1), 'num')
-    };
-
-    // register interpolator
-    interpolator.num = num$1;
-
-    var hcg$1 = function (col1, col2, f) {
-    	return _hsx(col1, col2, f, 'hcg');
-    };
-
-    // register interpolator
-    interpolator.hcg = hcg$1;
-
-    var hsi$1 = function (col1, col2, f) {
-    	return _hsx(col1, col2, f, 'hsi');
-    };
-
-    // register interpolator
-    interpolator.hsi = hsi$1;
-
-    var hsl$1 = function (col1, col2, f) {
-    	return _hsx(col1, col2, f, 'hsl');
-    };
-
-    // register interpolator
-    interpolator.hsl = hsl$1;
-
-    var hsv$1 = function (col1, col2, f) {
-    	return _hsx(col1, col2, f, 'hsv');
-    };
-
-    // register interpolator
-    interpolator.hsv = hsv$1;
-
-    var clip_rgb$2 = utils.clip_rgb;
-    var pow$4 = Math.pow;
-    var sqrt$3 = Math.sqrt;
-    var PI$1 = Math.PI;
-    var cos$2 = Math.cos;
-    var sin$1 = Math.sin;
-    var atan2$1 = Math.atan2;
-
-    var average = function (colors, mode, weights) {
-        if ( mode === void 0 ) mode='lrgb';
-        if ( weights === void 0 ) weights=null;
-
-        var l = colors.length;
-        if (!weights) { weights = Array.from(new Array(l)).map(function () { return 1; }); }
-        // normalize weights
-        var k = l / weights.reduce(function(a, b) { return a + b; });
-        weights.forEach(function (w,i) { weights[i] *= k; });
-        // convert colors to Color objects
-        colors = colors.map(function (c) { return new Color_1(c); });
-        if (mode === 'lrgb') {
-            return _average_lrgb(colors, weights)
-        }
-        var first = colors.shift();
-        var xyz = first.get(mode);
-        var cnt = [];
-        var dx = 0;
-        var dy = 0;
-        // initial color
-        for (var i=0; i<xyz.length; i++) {
-            xyz[i] = (xyz[i] || 0) * weights[0];
-            cnt.push(isNaN(xyz[i]) ? 0 : weights[0]);
-            if (mode.charAt(i) === 'h' && !isNaN(xyz[i])) {
-                var A = xyz[i] / 180 * PI$1;
-                dx += cos$2(A) * weights[0];
-                dy += sin$1(A) * weights[0];
-            }
-        }
-
-        var alpha = first.alpha() * weights[0];
-        colors.forEach(function (c,ci) {
-            var xyz2 = c.get(mode);
-            alpha += c.alpha() * weights[ci+1];
-            for (var i=0; i<xyz.length; i++) {
-                if (!isNaN(xyz2[i])) {
-                    cnt[i] += weights[ci+1];
-                    if (mode.charAt(i) === 'h') {
-                        var A = xyz2[i] / 180 * PI$1;
-                        dx += cos$2(A) * weights[ci+1];
-                        dy += sin$1(A) * weights[ci+1];
-                    } else {
-                        xyz[i] += xyz2[i] * weights[ci+1];
-                    }
-                }
-            }
-        });
-
-        for (var i$1=0; i$1<xyz.length; i$1++) {
-            if (mode.charAt(i$1) === 'h') {
-                var A$1 = atan2$1(dy / cnt[i$1], dx / cnt[i$1]) / PI$1 * 180;
-                while (A$1 < 0) { A$1 += 360; }
-                while (A$1 >= 360) { A$1 -= 360; }
-                xyz[i$1] = A$1;
-            } else {
-                xyz[i$1] = xyz[i$1]/cnt[i$1];
-            }
-        }
-        alpha /= l;
-        return (new Color_1(xyz, mode)).alpha(alpha > 0.99999 ? 1 : alpha, true);
-    };
-
-
-    var _average_lrgb = function (colors, weights) {
-        var l = colors.length;
-        var xyz = [0,0,0,0];
-        for (var i=0; i < colors.length; i++) {
-            var col = colors[i];
-            var f = weights[i] / l;
-            var rgb = col._rgb;
-            xyz[0] += pow$4(rgb[0],2) * f;
-            xyz[1] += pow$4(rgb[1],2) * f;
-            xyz[2] += pow$4(rgb[2],2) * f;
-            xyz[3] += rgb[3] * f;
-        }
-        xyz[0] = sqrt$3(xyz[0]);
-        xyz[1] = sqrt$3(xyz[1]);
-        xyz[2] = sqrt$3(xyz[2]);
-        if (xyz[3] > 0.9999999) { xyz[3] = 1; }
-        return new Color_1(clip_rgb$2(xyz));
-    };
-
-    // minimal multi-purpose interface
-
-    // @requires utils color analyze
-
-
-    var type$j = utils.type;
-
-    var pow$5 = Math.pow;
-
-    var scale = function(colors) {
-
-        // constructor
-        var _mode = 'rgb';
-        var _nacol = chroma_1('#ccc');
-        var _spread = 0;
-        // const _fixed = false;
-        var _domain = [0, 1];
-        var _pos = [];
-        var _padding = [0,0];
-        var _classes = false;
-        var _colors = [];
-        var _out = false;
-        var _min = 0;
-        var _max = 1;
-        var _correctLightness = false;
-        var _colorCache = {};
-        var _useCache = true;
-        var _gamma = 1;
-
-        // private methods
-
-        var setColors = function(colors) {
-            colors = colors || ['#fff', '#000'];
-            if (colors && type$j(colors) === 'string' && chroma_1.brewer &&
-                chroma_1.brewer[colors.toLowerCase()]) {
-                colors = chroma_1.brewer[colors.toLowerCase()];
-            }
-            if (type$j(colors) === 'array') {
-                // handle single color
-                if (colors.length === 1) {
-                    colors = [colors[0], colors[0]];
-                }
-                // make a copy of the colors
-                colors = colors.slice(0);
-                // convert to chroma classes
-                for (var c=0; c<colors.length; c++) {
-                    colors[c] = chroma_1(colors[c]);
-                }
-                // auto-fill color position
-                _pos.length = 0;
-                for (var c$1=0; c$1<colors.length; c$1++) {
-                    _pos.push(c$1/(colors.length-1));
-                }
-            }
-            resetCache();
-            return _colors = colors;
-        };
-
-        var getClass = function(value) {
-            if (_classes != null) {
-                var n = _classes.length-1;
-                var i = 0;
-                while (i < n && value >= _classes[i]) {
-                    i++;
-                }
-                return i-1;
-            }
-            return 0;
-        };
-
-        var tMapLightness = function (t) { return t; };
-        var tMapDomain = function (t) { return t; };
-
-        // const classifyValue = function(value) {
-        //     let val = value;
-        //     if (_classes.length > 2) {
-        //         const n = _classes.length-1;
-        //         const i = getClass(value);
-        //         const minc = _classes[0] + ((_classes[1]-_classes[0]) * (0 + (_spread * 0.5)));  // center of 1st class
-        //         const maxc = _classes[n-1] + ((_classes[n]-_classes[n-1]) * (1 - (_spread * 0.5)));  // center of last class
-        //         val = _min + ((((_classes[i] + ((_classes[i+1] - _classes[i]) * 0.5)) - minc) / (maxc-minc)) * (_max - _min));
-        //     }
-        //     return val;
-        // };
-
-        var getColor = function(val, bypassMap) {
-            var col, t;
-            if (bypassMap == null) { bypassMap = false; }
-            if (isNaN(val) || (val === null)) { return _nacol; }
-            if (!bypassMap) {
-                if (_classes && (_classes.length > 2)) {
-                    // find the class
-                    var c = getClass(val);
-                    t = c / (_classes.length-2);
-                } else if (_max !== _min) {
-                    // just interpolate between min/max
-                    t = (val - _min) / (_max - _min);
-                } else {
-                    t = 1;
-                }
-            } else {
-                t = val;
-            }
-
-            // domain map
-            t = tMapDomain(t);
-
-            if (!bypassMap) {
-                t = tMapLightness(t);  // lightness correction
-            }
-
-            if (_gamma !== 1) { t = pow$5(t, _gamma); }
-
-            t = _padding[0] + (t * (1 - _padding[0] - _padding[1]));
-
-            t = Math.min(1, Math.max(0, t));
-
-            var k = Math.floor(t * 10000);
-
-            if (_useCache && _colorCache[k]) {
-                col = _colorCache[k];
-            } else {
-                if (type$j(_colors) === 'array') {
-                    //for i in [0.._pos.length-1]
-                    for (var i=0; i<_pos.length; i++) {
-                        var p = _pos[i];
-                        if (t <= p) {
-                            col = _colors[i];
-                            break;
-                        }
-                        if ((t >= p) && (i === (_pos.length-1))) {
-                            col = _colors[i];
-                            break;
-                        }
-                        if (t > p && t < _pos[i+1]) {
-                            t = (t-p)/(_pos[i+1]-p);
-                            col = chroma_1.interpolate(_colors[i], _colors[i+1], t, _mode);
-                            break;
-                        }
-                    }
-                } else if (type$j(_colors) === 'function') {
-                    col = _colors(t);
-                }
-                if (_useCache) { _colorCache[k] = col; }
-            }
-            return col;
-        };
-
-        var resetCache = function () { return _colorCache = {}; };
-
-        setColors(colors);
-
-        // public interface
-
-        var f = function(v) {
-            var c = chroma_1(getColor(v));
-            if (_out && c[_out]) { return c[_out](); } else { return c; }
-        };
-
-        f.classes = function(classes) {
-            if (classes != null) {
-                if (type$j(classes) === 'array') {
-                    _classes = classes;
-                    _domain = [classes[0], classes[classes.length-1]];
-                } else {
-                    var d = chroma_1.analyze(_domain);
-                    if (classes === 0) {
-                        _classes = [d.min, d.max];
-                    } else {
-                        _classes = chroma_1.limits(d, 'e', classes);
-                    }
-                }
-                return f;
-            }
-            return _classes;
-        };
-
-
-        f.domain = function(domain) {
-            if (!arguments.length) {
-                return _domain;
-            }
-            _min = domain[0];
-            _max = domain[domain.length-1];
-            _pos = [];
-            var k = _colors.length;
-            if ((domain.length === k) && (_min !== _max)) {
-                // update positions
-                for (var i = 0, list = Array.from(domain); i < list.length; i += 1) {
-                    var d = list[i];
-
-                  _pos.push((d-_min) / (_max-_min));
-                }
-            } else {
-                for (var c=0; c<k; c++) {
-                    _pos.push(c/(k-1));
-                }
-                if (domain.length > 2) {
-                    // set domain map
-                    var tOut = domain.map(function (d,i) { return i/(domain.length-1); });
-                    var tBreaks = domain.map(function (d) { return (d - _min) / (_max - _min); });
-                    if (!tBreaks.every(function (val, i) { return tOut[i] === val; })) {
-                        tMapDomain = function (t) {
-                            if (t <= 0 || t >= 1) { return t; }
-                            var i = 0;
-                            while (t >= tBreaks[i+1]) { i++; }
-                            var f = (t - tBreaks[i]) / (tBreaks[i+1] - tBreaks[i]);
-                            var out = tOut[i] + f * (tOut[i+1] - tOut[i]);
-                            return out;
-                        };
-                    }
-
-                }
-            }
-            _domain = [_min, _max];
-            return f;
-        };
-
-        f.mode = function(_m) {
-            if (!arguments.length) {
-                return _mode;
-            }
-            _mode = _m;
-            resetCache();
-            return f;
-        };
-
-        f.range = function(colors, _pos) {
-            setColors(colors);
-            return f;
-        };
-
-        f.out = function(_o) {
-            _out = _o;
-            return f;
-        };
-
-        f.spread = function(val) {
-            if (!arguments.length) {
-                return _spread;
-            }
-            _spread = val;
-            return f;
-        };
-
-        f.correctLightness = function(v) {
-            if (v == null) { v = true; }
-            _correctLightness = v;
-            resetCache();
-            if (_correctLightness) {
-                tMapLightness = function(t) {
-                    var L0 = getColor(0, true).lab()[0];
-                    var L1 = getColor(1, true).lab()[0];
-                    var pol = L0 > L1;
-                    var L_actual = getColor(t, true).lab()[0];
-                    var L_ideal = L0 + ((L1 - L0) * t);
-                    var L_diff = L_actual - L_ideal;
-                    var t0 = 0;
-                    var t1 = 1;
-                    var max_iter = 20;
-                    while ((Math.abs(L_diff) > 1e-2) && (max_iter-- > 0)) {
-                        (function() {
-                            if (pol) { L_diff *= -1; }
-                            if (L_diff < 0) {
-                                t0 = t;
-                                t += (t1 - t) * 0.5;
-                            } else {
-                                t1 = t;
-                                t += (t0 - t) * 0.5;
-                            }
-                            L_actual = getColor(t, true).lab()[0];
-                            return L_diff = L_actual - L_ideal;
-                        })();
-                    }
-                    return t;
-                };
-            } else {
-                tMapLightness = function (t) { return t; };
-            }
-            return f;
-        };
-
-        f.padding = function(p) {
-            if (p != null) {
-                if (type$j(p) === 'number') {
-                    p = [p,p];
-                }
-                _padding = p;
-                return f;
-            } else {
-                return _padding;
-            }
-        };
-
-        f.colors = function(numColors, out) {
-            // If no arguments are given, return the original colors that were provided
-            if (arguments.length < 2) { out = 'hex'; }
-            var result = [];
-
-            if (arguments.length === 0) {
-                result = _colors.slice(0);
-
-            } else if (numColors === 1) {
-                result = [f(0.5)];
-
-            } else if (numColors > 1) {
-                var dm = _domain[0];
-                var dd = _domain[1] - dm;
-                result = __range__(0, numColors, false).map(function (i) { return f( dm + ((i/(numColors-1)) * dd) ); });
-
-            } else { // returns all colors based on the defined classes
-                colors = [];
-                var samples = [];
-                if (_classes && (_classes.length > 2)) {
-                    for (var i = 1, end = _classes.length, asc = 1 <= end; asc ? i < end : i > end; asc ? i++ : i--) {
-                        samples.push((_classes[i-1]+_classes[i])*0.5);
-                    }
-                } else {
-                    samples = _domain;
-                }
-                result = samples.map(function (v) { return f(v); });
-            }
-
-            if (chroma_1[out]) {
-                result = result.map(function (c) { return c[out](); });
-            }
-            return result;
-        };
-
-        f.cache = function(c) {
-            if (c != null) {
-                _useCache = c;
-                return f;
-            } else {
-                return _useCache;
-            }
-        };
-
-        f.gamma = function(g) {
-            if (g != null) {
-                _gamma = g;
-                return f;
-            } else {
-                return _gamma;
-            }
-        };
-
-        f.nodata = function(d) {
-            if (d != null) {
-                _nacol = chroma_1(d);
-                return f;
-            } else {
-                return _nacol;
-            }
-        };
-
-        return f;
-    };
-
-    function __range__(left, right, inclusive) {
-      var range = [];
-      var ascending = left < right;
-      var end = !inclusive ? right : ascending ? right + 1 : right - 1;
-      for (var i = left; ascending ? i < end : i > end; ascending ? i++ : i--) {
-        range.push(i);
-      }
-      return range;
-    }
-
-    //
-    // interpolates between a set of colors uzing a bezier spline
-    //
-
-    // @requires utils lab
-
-
-
-
-    var bezier = function(colors) {
-        var assign, assign$1, assign$2;
-
-        var I, lab0, lab1, lab2;
-        colors = colors.map(function (c) { return new Color_1(c); });
-        if (colors.length === 2) {
-            // linear interpolation
-            (assign = colors.map(function (c) { return c.lab(); }), lab0 = assign[0], lab1 = assign[1]);
-            I = function(t) {
-                var lab = ([0, 1, 2].map(function (i) { return lab0[i] + (t * (lab1[i] - lab0[i])); }));
-                return new Color_1(lab, 'lab');
-            };
-        } else if (colors.length === 3) {
-            // quadratic bezier interpolation
-            (assign$1 = colors.map(function (c) { return c.lab(); }), lab0 = assign$1[0], lab1 = assign$1[1], lab2 = assign$1[2]);
-            I = function(t) {
-                var lab = ([0, 1, 2].map(function (i) { return ((1-t)*(1-t) * lab0[i]) + (2 * (1-t) * t * lab1[i]) + (t * t * lab2[i]); }));
-                return new Color_1(lab, 'lab');
-            };
-        } else if (colors.length === 4) {
-            // cubic bezier interpolation
-            var lab3;
-            (assign$2 = colors.map(function (c) { return c.lab(); }), lab0 = assign$2[0], lab1 = assign$2[1], lab2 = assign$2[2], lab3 = assign$2[3]);
-            I = function(t) {
-                var lab = ([0, 1, 2].map(function (i) { return ((1-t)*(1-t)*(1-t) * lab0[i]) + (3 * (1-t) * (1-t) * t * lab1[i]) + (3 * (1-t) * t * t * lab2[i]) + (t*t*t * lab3[i]); }));
-                return new Color_1(lab, 'lab');
-            };
-        } else if (colors.length === 5) {
-            var I0 = bezier(colors.slice(0, 3));
-            var I1 = bezier(colors.slice(2, 5));
-            I = function(t) {
-                if (t < 0.5) {
-                    return I0(t*2);
-                } else {
-                    return I1((t-0.5)*2);
-                }
-            };
-        }
-        return I;
-    };
-
-    var bezier_1 = function (colors) {
-        var f = bezier(colors);
-        f.scale = function () { return scale(f); };
-        return f;
-    };
-
-    /*
-     * interpolates between a set of colors uzing a bezier spline
-     * blend mode formulas taken from http://www.venture-ware.com/kevin/coding/lets-learn-math-photoshop-blend-modes/
-     */
-
-
-
-
-    var blend = function (bottom, top, mode) {
-        if (!blend[mode]) {
-            throw new Error('unknown blend mode ' + mode);
-        }
-        return blend[mode](bottom, top);
-    };
-
-    var blend_f = function (f) { return function (bottom,top) {
-            var c0 = chroma_1(top).rgb();
-            var c1 = chroma_1(bottom).rgb();
-            return chroma_1.rgb(f(c0, c1));
-        }; };
-
-    var each = function (f) { return function (c0, c1) {
-            var out = [];
-            out[0] = f(c0[0], c1[0]);
-            out[1] = f(c0[1], c1[1]);
-            out[2] = f(c0[2], c1[2]);
-            return out;
-        }; };
-
-    var normal = function (a) { return a; };
-    var multiply = function (a,b) { return a * b / 255; };
-    var darken$1 = function (a,b) { return a > b ? b : a; };
-    var lighten = function (a,b) { return a > b ? a : b; };
-    var screen = function (a,b) { return 255 * (1 - (1-a/255) * (1-b/255)); };
-    var overlay = function (a,b) { return b < 128 ? 2 * a * b / 255 : 255 * (1 - 2 * (1 - a / 255 ) * ( 1 - b / 255 )); };
-    var burn = function (a,b) { return 255 * (1 - (1 - b / 255) / (a/255)); };
-    var dodge = function (a,b) {
-        if (a === 255) { return 255; }
-        a = 255 * (b / 255) / (1 - a / 255);
-        return a > 255 ? 255 : a
-    };
-
-    // # add = (a,b) ->
-    // #     if (a + b > 255) then 255 else a + b
-
-    blend.normal = blend_f(each(normal));
-    blend.multiply = blend_f(each(multiply));
-    blend.screen = blend_f(each(screen));
-    blend.overlay = blend_f(each(overlay));
-    blend.darken = blend_f(each(darken$1));
-    blend.lighten = blend_f(each(lighten));
-    blend.dodge = blend_f(each(dodge));
-    blend.burn = blend_f(each(burn));
-    // blend.add = blend_f(each(add));
-
-    var blend_1 = blend;
-
-    // cubehelix interpolation
-    // based on D.A. Green "A colour scheme for the display of astronomical intensity images"
-    // http://astron-soc.in/bulletin/11June/289392011.pdf
-
-    var type$k = utils.type;
-    var clip_rgb$3 = utils.clip_rgb;
-    var TWOPI$2 = utils.TWOPI;
-    var pow$6 = Math.pow;
-    var sin$2 = Math.sin;
-    var cos$3 = Math.cos;
-
-
-    var cubehelix = function(start, rotations, hue, gamma, lightness) {
-        if ( start === void 0 ) start=300;
-        if ( rotations === void 0 ) rotations=-1.5;
-        if ( hue === void 0 ) hue=1;
-        if ( gamma === void 0 ) gamma=1;
-        if ( lightness === void 0 ) lightness=[0,1];
-
-        var dh = 0, dl;
-        if (type$k(lightness) === 'array') {
-            dl = lightness[1] - lightness[0];
-        } else {
-            dl = 0;
-            lightness = [lightness, lightness];
-        }
-
-        var f = function(fract) {
-            var a = TWOPI$2 * (((start+120)/360) + (rotations * fract));
-            var l = pow$6(lightness[0] + (dl * fract), gamma);
-            var h = dh !== 0 ? hue[0] + (fract * dh) : hue;
-            var amp = (h * l * (1-l)) / 2;
-            var cos_a = cos$3(a);
-            var sin_a = sin$2(a);
-            var r = l + (amp * ((-0.14861 * cos_a) + (1.78277* sin_a)));
-            var g = l + (amp * ((-0.29227 * cos_a) - (0.90649* sin_a)));
-            var b = l + (amp * (+1.97294 * cos_a));
-            return chroma_1(clip_rgb$3([r*255,g*255,b*255,1]));
-        };
-
-        f.start = function(s) {
-            if ((s == null)) { return start; }
-            start = s;
-            return f;
-        };
-
-        f.rotations = function(r) {
-            if ((r == null)) { return rotations; }
-            rotations = r;
-            return f;
-        };
-
-        f.gamma = function(g) {
-            if ((g == null)) { return gamma; }
-            gamma = g;
-            return f;
-        };
-
-        f.hue = function(h) {
-            if ((h == null)) { return hue; }
-            hue = h;
-            if (type$k(hue) === 'array') {
-                dh = hue[1] - hue[0];
-                if (dh === 0) { hue = hue[1]; }
-            } else {
-                dh = 0;
-            }
-            return f;
-        };
-
-        f.lightness = function(h) {
-            if ((h == null)) { return lightness; }
-            if (type$k(h) === 'array') {
-                lightness = h;
-                dl = h[1] - h[0];
-            } else {
-                lightness = [h,h];
-                dl = 0;
-            }
-            return f;
-        };
-
-        f.scale = function () { return chroma_1.scale(f); };
-
-        f.hue(hue);
-
-        return f;
-    };
-
-    var digits = '0123456789abcdef';
-
-    var floor$2 = Math.floor;
-    var random = Math.random;
-
-    var random_1 = function () {
-        var code = '#';
-        for (var i=0; i<6; i++) {
-            code += digits.charAt(floor$2(random() * 16));
-        }
-        return new Color_1(code, 'hex');
-    };
-
-    var log$1 = Math.log;
-    var pow$7 = Math.pow;
-    var floor$3 = Math.floor;
-    var abs = Math.abs;
-
-
-    var analyze = function (data, key) {
-        if ( key === void 0 ) key=null;
-
-        var r = {
-            min: Number.MAX_VALUE,
-            max: Number.MAX_VALUE*-1,
-            sum: 0,
-            values: [],
-            count: 0
-        };
-        if (type(data) === 'object') {
-            data = Object.values(data);
-        }
-        data.forEach(function (val) {
-            if (key && type(val) === 'object') { val = val[key]; }
-            if (val !== undefined && val !== null && !isNaN(val)) {
-                r.values.push(val);
-                r.sum += val;
-                if (val < r.min) { r.min = val; }
-                if (val > r.max) { r.max = val; }
-                r.count += 1;
-            }
-        });
-
-        r.domain = [r.min, r.max];
-
-        r.limits = function (mode, num) { return limits(r, mode, num); };
-
-        return r;
-    };
-
-
-    var limits = function (data, mode, num) {
-        if ( mode === void 0 ) mode='equal';
-        if ( num === void 0 ) num=7;
-
-        if (type(data) == 'array') {
-            data = analyze(data);
-        }
-        var min = data.min;
-        var max = data.max;
-        var values = data.values.sort(function (a,b) { return a-b; });
-
-        if (num === 1) { return [min,max]; }
-
-        var limits = [];
-
-        if (mode.substr(0,1) === 'c') { // continuous
-            limits.push(min);
-            limits.push(max);
-        }
-
-        if (mode.substr(0,1) === 'e') { // equal interval
-            limits.push(min);
-            for (var i=1; i<num; i++) {
-                limits.push(min+((i/num)*(max-min)));
-            }
-            limits.push(max);
-        }
-
-        else if (mode.substr(0,1) === 'l') { // log scale
-            if (min <= 0) {
-                throw new Error('Logarithmic scales are only possible for values > 0');
-            }
-            var min_log = Math.LOG10E * log$1(min);
-            var max_log = Math.LOG10E * log$1(max);
-            limits.push(min);
-            for (var i$1=1; i$1<num; i$1++) {
-                limits.push(pow$7(10, min_log + ((i$1/num) * (max_log - min_log))));
-            }
-            limits.push(max);
-        }
-
-        else if (mode.substr(0,1) === 'q') { // quantile scale
-            limits.push(min);
-            for (var i$2=1; i$2<num; i$2++) {
-                var p = ((values.length-1) * i$2)/num;
-                var pb = floor$3(p);
-                if (pb === p) {
-                    limits.push(values[pb]);
-                } else { // p > pb
-                    var pr = p - pb;
-                    limits.push((values[pb]*(1-pr)) + (values[pb+1]*pr));
-                }
-            }
-            limits.push(max);
-
-        }
-
-        else if (mode.substr(0,1) === 'k') { // k-means clustering
-            /*
-            implementation based on
-            http://code.google.com/p/figue/source/browse/trunk/figue.js#336
-            simplified for 1-d input values
-            */
-            var cluster;
-            var n = values.length;
-            var assignments = new Array(n);
-            var clusterSizes = new Array(num);
-            var repeat = true;
-            var nb_iters = 0;
-            var centroids = null;
-
-            // get seed values
-            centroids = [];
-            centroids.push(min);
-            for (var i$3=1; i$3<num; i$3++) {
-                centroids.push(min + ((i$3/num) * (max-min)));
-            }
-            centroids.push(max);
-
-            while (repeat) {
-                // assignment step
-                for (var j=0; j<num; j++) {
-                    clusterSizes[j] = 0;
-                }
-                for (var i$4=0; i$4<n; i$4++) {
-                    var value = values[i$4];
-                    var mindist = Number.MAX_VALUE;
-                    var best = (void 0);
-                    for (var j$1=0; j$1<num; j$1++) {
-                        var dist = abs(centroids[j$1]-value);
-                        if (dist < mindist) {
-                            mindist = dist;
-                            best = j$1;
-                        }
-                        clusterSizes[best]++;
-                        assignments[i$4] = best;
-                    }
-                }
-
-                // update centroids step
-                var newCentroids = new Array(num);
-                for (var j$2=0; j$2<num; j$2++) {
-                    newCentroids[j$2] = null;
-                }
-                for (var i$5=0; i$5<n; i$5++) {
-                    cluster = assignments[i$5];
-                    if (newCentroids[cluster] === null) {
-                        newCentroids[cluster] = values[i$5];
-                    } else {
-                        newCentroids[cluster] += values[i$5];
-                    }
-                }
-                for (var j$3=0; j$3<num; j$3++) {
-                    newCentroids[j$3] *= 1/clusterSizes[j$3];
-                }
-
-                // check convergence
-                repeat = false;
-                for (var j$4=0; j$4<num; j$4++) {
-                    if (newCentroids[j$4] !== centroids[j$4]) {
-                        repeat = true;
-                        break;
-                    }
-                }
-
-                centroids = newCentroids;
-                nb_iters++;
-
-                if (nb_iters > 200) {
-                    repeat = false;
-                }
-            }
-
-            // finished k-means clustering
-            // the next part is borrowed from gabrielflor.it
-            var kClusters = {};
-            for (var j$5=0; j$5<num; j$5++) {
-                kClusters[j$5] = [];
-            }
-            for (var i$6=0; i$6<n; i$6++) {
-                cluster = assignments[i$6];
-                kClusters[cluster].push(values[i$6]);
-            }
-            var tmpKMeansBreaks = [];
-            for (var j$6=0; j$6<num; j$6++) {
-                tmpKMeansBreaks.push(kClusters[j$6][0]);
-                tmpKMeansBreaks.push(kClusters[j$6][kClusters[j$6].length-1]);
-            }
-            tmpKMeansBreaks = tmpKMeansBreaks.sort(function (a,b){ return a-b; });
-            limits.push(tmpKMeansBreaks[0]);
-            for (var i$7=1; i$7 < tmpKMeansBreaks.length; i$7+= 2) {
-                var v = tmpKMeansBreaks[i$7];
-                if (!isNaN(v) && (limits.indexOf(v) === -1)) {
-                    limits.push(v);
-                }
-            }
-        }
-        return limits;
-    };
-
-    var analyze_1 = {analyze: analyze, limits: limits};
-
-    var contrast = function (a, b) {
-        // WCAG contrast ratio
-        // see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef
-        a = new Color_1(a);
-        b = new Color_1(b);
-        var l1 = a.luminance();
-        var l2 = b.luminance();
-        return l1 > l2 ? (l1 + 0.05) / (l2 + 0.05) : (l2 + 0.05) / (l1 + 0.05);
-    };
-
-    var sqrt$4 = Math.sqrt;
-    var atan2$2 = Math.atan2;
-    var abs$1 = Math.abs;
-    var cos$4 = Math.cos;
-    var PI$2 = Math.PI;
-
-    var deltaE = function(a, b, L, C) {
-        if ( L === void 0 ) L=1;
-        if ( C === void 0 ) C=1;
-
-        // Delta E (CMC)
-        // see http://www.brucelindbloom.com/index.html?Eqn_DeltaE_CMC.html
-        a = new Color_1(a);
-        b = new Color_1(b);
-        var ref = Array.from(a.lab());
-        var L1 = ref[0];
-        var a1 = ref[1];
-        var b1 = ref[2];
-        var ref$1 = Array.from(b.lab());
-        var L2 = ref$1[0];
-        var a2 = ref$1[1];
-        var b2 = ref$1[2];
-        var c1 = sqrt$4((a1 * a1) + (b1 * b1));
-        var c2 = sqrt$4((a2 * a2) + (b2 * b2));
-        var sl = L1 < 16.0 ? 0.511 : (0.040975 * L1) / (1.0 + (0.01765 * L1));
-        var sc = ((0.0638 * c1) / (1.0 + (0.0131 * c1))) + 0.638;
-        var h1 = c1 < 0.000001 ? 0.0 : (atan2$2(b1, a1) * 180.0) / PI$2;
-        while (h1 < 0) { h1 += 360; }
-        while (h1 >= 360) { h1 -= 360; }
-        var t = (h1 >= 164.0) && (h1 <= 345.0) ? (0.56 + abs$1(0.2 * cos$4((PI$2 * (h1 + 168.0)) / 180.0))) : (0.36 + abs$1(0.4 * cos$4((PI$2 * (h1 + 35.0)) / 180.0)));
-        var c4 = c1 * c1 * c1 * c1;
-        var f = sqrt$4(c4 / (c4 + 1900.0));
-        var sh = sc * (((f * t) + 1.0) - f);
-        var delL = L1 - L2;
-        var delC = c1 - c2;
-        var delA = a1 - a2;
-        var delB = b1 - b2;
-        var dH2 = ((delA * delA) + (delB * delB)) - (delC * delC);
-        var v1 = delL / (L * sl);
-        var v2 = delC / (C * sc);
-        var v3 = sh;
-        return sqrt$4((v1 * v1) + (v2 * v2) + (dH2 / (v3 * v3)));
-    };
-
-    // simple Euclidean distance
-    var distance = function(a, b, mode) {
-        if ( mode === void 0 ) mode='lab';
-
-        // Delta E (CIE 1976)
-        // see http://www.brucelindbloom.com/index.html?Equations.html
-        a = new Color_1(a);
-        b = new Color_1(b);
-        var l1 = a.get(mode);
-        var l2 = b.get(mode);
-        var sum_sq = 0;
-        for (var i in l1) {
-            var d = (l1[i] || 0) - (l2[i] || 0);
-            sum_sq += d*d;
-        }
-        return Math.sqrt(sum_sq);
-    };
-
-    var valid = function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        try {
-            new (Function.prototype.bind.apply( Color_1, [ null ].concat( args) ));
-            return true;
-        } catch (e) {
-            return false;
-        }
-    };
-
-    // some pre-defined color scales:
-
-
-
-
-    var scales = {
-    	cool: function cool() { return scale([chroma_1.hsl(180,1,.9), chroma_1.hsl(250,.7,.4)]) },
-    	hot: function hot() { return scale(['#000','#f00','#ff0','#fff']).mode('rgb') }
-    };
-
-    /**
-        ColorBrewer colors for chroma.js
-
-        Copyright (c) 2002 Cynthia Brewer, Mark Harrower, and The
-        Pennsylvania State University.
-
-        Licensed under the Apache License, Version 2.0 (the "License");
-        you may not use this file except in compliance with the License.
-        You may obtain a copy of the License at
-        http://www.apache.org/licenses/LICENSE-2.0
-
-        Unless required by applicable law or agreed to in writing, software distributed
-        under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
-        CONDITIONS OF ANY KIND, either express or implied. See the License for the
-        specific language governing permissions and limitations under the License.
-    */
-
-    var colorbrewer = {
-        // sequential
-        OrRd: ['#fff7ec', '#fee8c8', '#fdd49e', '#fdbb84', '#fc8d59', '#ef6548', '#d7301f', '#b30000', '#7f0000'],
-        PuBu: ['#fff7fb', '#ece7f2', '#d0d1e6', '#a6bddb', '#74a9cf', '#3690c0', '#0570b0', '#045a8d', '#023858'],
-        BuPu: ['#f7fcfd', '#e0ecf4', '#bfd3e6', '#9ebcda', '#8c96c6', '#8c6bb1', '#88419d', '#810f7c', '#4d004b'],
-        Oranges: ['#fff5eb', '#fee6ce', '#fdd0a2', '#fdae6b', '#fd8d3c', '#f16913', '#d94801', '#a63603', '#7f2704'],
-        BuGn: ['#f7fcfd', '#e5f5f9', '#ccece6', '#99d8c9', '#66c2a4', '#41ae76', '#238b45', '#006d2c', '#00441b'],
-        YlOrBr: ['#ffffe5', '#fff7bc', '#fee391', '#fec44f', '#fe9929', '#ec7014', '#cc4c02', '#993404', '#662506'],
-        YlGn: ['#ffffe5', '#f7fcb9', '#d9f0a3', '#addd8e', '#78c679', '#41ab5d', '#238443', '#006837', '#004529'],
-        Reds: ['#fff5f0', '#fee0d2', '#fcbba1', '#fc9272', '#fb6a4a', '#ef3b2c', '#cb181d', '#a50f15', '#67000d'],
-        RdPu: ['#fff7f3', '#fde0dd', '#fcc5c0', '#fa9fb5', '#f768a1', '#dd3497', '#ae017e', '#7a0177', '#49006a'],
-        Greens: ['#f7fcf5', '#e5f5e0', '#c7e9c0', '#a1d99b', '#74c476', '#41ab5d', '#238b45', '#006d2c', '#00441b'],
-        YlGnBu: ['#ffffd9', '#edf8b1', '#c7e9b4', '#7fcdbb', '#41b6c4', '#1d91c0', '#225ea8', '#253494', '#081d58'],
-        Purples: ['#fcfbfd', '#efedf5', '#dadaeb', '#bcbddc', '#9e9ac8', '#807dba', '#6a51a3', '#54278f', '#3f007d'],
-        GnBu: ['#f7fcf0', '#e0f3db', '#ccebc5', '#a8ddb5', '#7bccc4', '#4eb3d3', '#2b8cbe', '#0868ac', '#084081'],
-        Greys: ['#ffffff', '#f0f0f0', '#d9d9d9', '#bdbdbd', '#969696', '#737373', '#525252', '#252525', '#000000'],
-        YlOrRd: ['#ffffcc', '#ffeda0', '#fed976', '#feb24c', '#fd8d3c', '#fc4e2a', '#e31a1c', '#bd0026', '#800026'],
-        PuRd: ['#f7f4f9', '#e7e1ef', '#d4b9da', '#c994c7', '#df65b0', '#e7298a', '#ce1256', '#980043', '#67001f'],
-        Blues: ['#f7fbff', '#deebf7', '#c6dbef', '#9ecae1', '#6baed6', '#4292c6', '#2171b5', '#08519c', '#08306b'],
-        PuBuGn: ['#fff7fb', '#ece2f0', '#d0d1e6', '#a6bddb', '#67a9cf', '#3690c0', '#02818a', '#016c59', '#014636'],
-        Viridis: ['#440154', '#482777', '#3f4a8a', '#31678e', '#26838f', '#1f9d8a', '#6cce5a', '#b6de2b', '#fee825'],
-
-        // diverging
-
-        Spectral: ['#9e0142', '#d53e4f', '#f46d43', '#fdae61', '#fee08b', '#ffffbf', '#e6f598', '#abdda4', '#66c2a5', '#3288bd', '#5e4fa2'],
-        RdYlGn: ['#a50026', '#d73027', '#f46d43', '#fdae61', '#fee08b', '#ffffbf', '#d9ef8b', '#a6d96a', '#66bd63', '#1a9850', '#006837'],
-        RdBu: ['#67001f', '#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#f7f7f7', '#d1e5f0', '#92c5de', '#4393c3', '#2166ac', '#053061'],
-        PiYG: ['#8e0152', '#c51b7d', '#de77ae', '#f1b6da', '#fde0ef', '#f7f7f7', '#e6f5d0', '#b8e186', '#7fbc41', '#4d9221', '#276419'],
-        PRGn: ['#40004b', '#762a83', '#9970ab', '#c2a5cf', '#e7d4e8', '#f7f7f7', '#d9f0d3', '#a6dba0', '#5aae61', '#1b7837', '#00441b'],
-        RdYlBu: ['#a50026', '#d73027', '#f46d43', '#fdae61', '#fee090', '#ffffbf', '#e0f3f8', '#abd9e9', '#74add1', '#4575b4', '#313695'],
-        BrBG: ['#543005', '#8c510a', '#bf812d', '#dfc27d', '#f6e8c3', '#f5f5f5', '#c7eae5', '#80cdc1', '#35978f', '#01665e', '#003c30'],
-        RdGy: ['#67001f', '#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#ffffff', '#e0e0e0', '#bababa', '#878787', '#4d4d4d', '#1a1a1a'],
-        PuOr: ['#7f3b08', '#b35806', '#e08214', '#fdb863', '#fee0b6', '#f7f7f7', '#d8daeb', '#b2abd2', '#8073ac', '#542788', '#2d004b'],
-
-        // qualitative
-
-        Set2: ['#66c2a5', '#fc8d62', '#8da0cb', '#e78ac3', '#a6d854', '#ffd92f', '#e5c494', '#b3b3b3'],
-        Accent: ['#7fc97f', '#beaed4', '#fdc086', '#ffff99', '#386cb0', '#f0027f', '#bf5b17', '#666666'],
-        Set1: ['#e41a1c', '#377eb8', '#4daf4a', '#984ea3', '#ff7f00', '#ffff33', '#a65628', '#f781bf', '#999999'],
-        Set3: ['#8dd3c7', '#ffffb3', '#bebada', '#fb8072', '#80b1d3', '#fdb462', '#b3de69', '#fccde5', '#d9d9d9', '#bc80bd', '#ccebc5', '#ffed6f'],
-        Dark2: ['#1b9e77', '#d95f02', '#7570b3', '#e7298a', '#66a61e', '#e6ab02', '#a6761d', '#666666'],
-        Paired: ['#a6cee3', '#1f78b4', '#b2df8a', '#33a02c', '#fb9a99', '#e31a1c', '#fdbf6f', '#ff7f00', '#cab2d6', '#6a3d9a', '#ffff99', '#b15928'],
-        Pastel2: ['#b3e2cd', '#fdcdac', '#cbd5e8', '#f4cae4', '#e6f5c9', '#fff2ae', '#f1e2cc', '#cccccc'],
-        Pastel1: ['#fbb4ae', '#b3cde3', '#ccebc5', '#decbe4', '#fed9a6', '#ffffcc', '#e5d8bd', '#fddaec', '#f2f2f2'],
-    };
-
-    // add lowercase aliases for case-insensitive matches
-    for (var i$1 = 0, list$1 = Object.keys(colorbrewer); i$1 < list$1.length; i$1 += 1) {
-        var key = list$1[i$1];
-
-        colorbrewer[key.toLowerCase()] = colorbrewer[key];
-    }
-
-    var colorbrewer_1 = colorbrewer;
-
-    // feel free to comment out anything to rollup
-    // a smaller chroma.js built
-
-    // io --> convert colors
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    // operators --> modify existing Colors
-
-
-
-
-
-
-
-
-
-
-    // interpolators
-
-
-
-
-
-
-
-
-
-
-    // generators -- > create new colors
-    chroma_1.average = average;
-    chroma_1.bezier = bezier_1;
-    chroma_1.blend = blend_1;
-    chroma_1.cubehelix = cubehelix;
-    chroma_1.mix = chroma_1.interpolate = mix;
-    chroma_1.random = random_1;
-    chroma_1.scale = scale;
-
-    // other utility methods
-    chroma_1.analyze = analyze_1.analyze;
-    chroma_1.contrast = contrast;
-    chroma_1.deltaE = deltaE;
-    chroma_1.distance = distance;
-    chroma_1.limits = analyze_1.limits;
-    chroma_1.valid = valid;
-
-    // scale
-    chroma_1.scales = scales;
-
-    // colors
-    chroma_1.colors = w3cx11_1;
-    chroma_1.brewer = colorbrewer_1;
-
-    var chroma_js = chroma_1;
-
-    return chroma_js;
-
-})));
-});
-
+function t(t,n,r){return Math.min(Math.max(t,r),n)}class n extends Error{constructor(t){super(`Failed to parse color: "${t}"`);}}function r(r){if("string"!=typeof r)throw new n(r);if("transparent"===r.trim().toLowerCase())return [0,0,0,0];let e=r.trim();e=u.test(r)?function(t){const r=t.toLowerCase().trim(),e=o[function(t){let n=5381,r=t.length;for(;r;)n=33*n^t.charCodeAt(--r);return (n>>>0)%2341}(r)];if(!e)throw new n(t);return `#${e}`}(r):r;const f=s.exec(e);if(f){const t=Array.from(f).slice(1);return [...t.slice(0,3).map(t=>parseInt(_(t,2),16)),parseInt(_(t[3]||"f",2),16)/255]}const p=i.exec(e);if(p){const t=Array.from(p).slice(1);return [...t.slice(0,3).map(t=>parseInt(t,16)),parseInt(t[3]||"ff",16)/255]}const z=a.exec(e);if(z){const t=Array.from(z).slice(1);return [...t.slice(0,3).map(t=>parseInt(t,10)),parseFloat(t[3]||"1")]}const h=c.exec(e);if(h){const[e,o,_,s]=Array.from(h).slice(1).map(parseFloat);if(t(0,100,o)!==o)throw new n(r);if(t(0,100,_)!==_)throw new n(r);return [...l(e,o,_),s||1]}throw new n(r)}const e=t=>parseInt(t.replace(/_/g,""),36),o="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((t,n)=>{const r=e(n.substring(0,3)),o=e(n.substring(3)).toString(16);let _="";for(let t=0;t<6-o.length;t++)_+="0";return t[r]=`${_}${o}`,t},{}),_=(t,n)=>Array.from(Array(n)).map(()=>t).join(""),s=new RegExp(`^#${_("([a-f0-9])",3)}([a-f0-9])?$`,"i"),i=new RegExp(`^#${_("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),a=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${_(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),c=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,u=/^[a-z]+$/i,f=t=>Math.round(255*t),l=(t,n,r)=>{let e=r/100;if(0===n)return [e,e,e].map(f);const o=(t%360+360)%360/60,_=(1-Math.abs(2*e-1))*(n/100),s=_*(1-Math.abs(o%2-1));let i=0,a=0,c=0;o>=0&&o<1?(i=_,a=s):o>=1&&o<2?(i=s,a=_):o>=2&&o<3?(a=_,c=s):o>=3&&o<4?(a=s,c=_):o>=4&&o<5?(i=s,c=_):o>=5&&o<6&&(i=_,c=s);const u=e-_/2;return [i+u,a+u,c+u].map(f)};function p(t){const[n,e,o,_]=r(t).map((t,n)=>3===n?t:t/255),s=Math.max(n,e,o),i=Math.min(n,e,o),a=(s+i)/2;if(s===i)return [0,0,a,_];const c=s-i;return [60*(n===s?(e-o)/c+(e<o?6:0):e===s?(o-n)/c+2:(n-e)/c+4),a>.5?c/(2-s-i):c/(s+i),a,_]}function z(n,r,e,o){return `hsla(${(n%360).toFixed()}, ${t(0,100,100*r).toFixed()}%, ${t(0,100,100*e).toFixed()}%, ${parseFloat(t(0,1,o).toFixed(3))})`}
+
+const colorScale = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+const lScale = [
+  0.95,
+  0.84,
+  0.73,
+  0.62,
+  0.49,
+  0.35,
+  0.23,
+  0.15,
+  0.1,
+  0.05,
+  0.02
+];
+// https://github.com/ricokahler/color2k/blob/main/src/parseToRgba.ts
+const hslaRegex = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;
+function niceParseToHsla(color) {
+  const normalizedColor = color.trim();
+  const hslaMatch = hslaRegex.exec(normalizedColor);
+  if (hslaMatch) {
+    const [h, s, l, a] = Array.from(hslaMatch).slice(1).map(parseFloat);
+    if (t(0, 100, s) !== s)
+      throw new n(color);
+    if (t(0, 100, l) !== l)
+      throw new n(color);
+    return [h, s, l, a || 1];
+  }
+  // Warning -- converts to RGB first, so is lossy
+  return p(color);
+}
+function generateScale(color, name = "primary") {
+  const [h, s, l, a] = niceParseToHsla(color);
+  return lScale
+    .map((l) => z(h, s, l, a))
+    .map((color, index) => {
+    return `--sl-color-${name}-${colorScale[index]}: ${color};\n`;
+  });
+}
 /**
  * Generated a Shoelace color scale css string from a base color
  *
@@ -3281,33 +96,7 @@ var chroma = _extends.createCommonjsModule(function (module, exports) {
  * @returns
  */
 function autoColorScaleCss(color, name = "primary") {
-  if (!chroma.valid(color)) {
-    return "";
-  }
-  const { scale, colorScale } = makeColorScale(color);
-  return scale
-    .map((color, index) => `--sl-color-${name}-${colorScale[index]}: ${chroma(color).hex()};`)
-    .join("\n");
-}
-function makeColorScale(color) {
-  const colorScale = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-  const hex = chroma(color).hex();
-  const scale = chroma
-    .scale([
-    chroma(hex).luminance(0.95),
-    chroma(hex).luminance(0.84),
-    chroma(hex).luminance(0.73),
-    chroma(hex).luminance(0.62),
-    chroma(hex).luminance(0.49),
-    chroma(hex).luminance(0.35),
-    chroma(hex).luminance(0.23),
-    chroma(hex).luminance(0.15),
-    chroma(hex).luminance(0.1),
-    chroma(hex).luminance(0.05),
-    chroma(hex).luminance(0.02),
-  ])
-    .colors(colorScale.length);
-  return { scale, colorScale };
+  return generateScale(color, name).join("\n");
 }
 
 const BrandComponent = class {
@@ -18650,6 +15439,7 @@ function RewardExchangeView(props) {
             defaultMessage: (_b = (_a = states.content) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.notAvailableError,
           }, {
             unavailableReason: step.unavailableReasonCode,
+            sourceUnit: item.sourceUnit,
             sourceValue: step.prettySourceValue || item.prettySourceMinValue,
           }))))));
     })));
@@ -18712,6 +15502,7 @@ function RewardExchangeView(props) {
                 }, {
                   unavailableReason: item.unavailableReason ||
                     item.unavailableReasonCode,
+                  sourceUnit: item.sourceUnit,
                   sourceValue: item.prettySourceValue ||
                     item.prettySourceMinValue,
                 }))))))));
@@ -19056,9 +15847,40 @@ const GET_REWARDS = sqmLeaderboardRankView.gql `
             fuelTankType
             currency
             prettyValue
+            prettyValueNumber: prettyValue(formatType: NUMBER_FORMATTED)
+            prettyAvailableNumber: prettyAvailableValue(
+              formatType: NUMBER_FORMATTED
+            )
+            prettyRedeemedNumber: prettyRedeemedCredit(
+              formatType: NUMBER_FORMATTED
+            )
             statuses
             globalRewardKey
             programRewardKey
+            rewardSource
+            prettyRedeemedCredit
+            prettyAssignedCredit
+            prettyAvailableValue
+            exchangedRewardRedemptionTransaction {
+              id
+              creditRedeemed
+              prettyRedeemedCredit
+              unit
+              dateRedeemed
+            }
+            referral {
+              id
+              referrerUser {
+                id
+                firstName
+                lastName
+              }
+              referredUser {
+                id
+                firstName
+                lastName
+              }
+            }
             rewardRedemptionTransactions {
               data {
                 exchangedRewards {
@@ -19190,12 +16012,7 @@ async function tryMethod$1(c, callback) {
   catch (e) {
     // renderLabel did not return a promise, so this method probably doesn't exist
     // therefore, we IGNORE the label
-    if (callback.name === "renderReferrerCell") {
-      console.error("column does not have a renderReferrerCell method.");
-    }
-    else {
-      console.error("label promise failed", e);
-    }
+    console.error("label promise failed", e);
     return index.h("span", null);
   }
   try {
@@ -19267,6 +16084,57 @@ function useRewardsTableDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
+const RewardTableDateCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    var _a;
+    // needs hook to use locale
+    const date = !this.date
+      ? "-"
+      : (_a = luxon.DateTime.fromMillis(this.date)) === null || _a === void 0 ? void 0 : _a.toLocaleString(luxon.DateTime.DATE_MED);
+    return index.h(sqmTextSpanView.TextSpanView, { type: "p" }, date);
+  }
+};
+
+const RewardTableDateColumn = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName Date Column Title
+     */
+    this.columnTitle = "Date received";
+    /**
+     * @uiName Date Displayed
+     * @uiType string
+     * @uiEnum ["dateGiven",
+     * "dateExpires",
+     * "dateCancelled",
+     * "dateRedeemed",
+     * "dateScheduledFor"]
+     */
+    this.dateShown = "dateGiven";
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(data) {
+    const reward = data === null || data === void 0 ? void 0 : data[0];
+    // TODO - Validate `dateShown` against a set of known values
+    return (index.h("sqm-rewards-table-date-cell", { date: reward[this.dateShown] }));
+  }
+  async renderLabel() {
+    return this.columnTitle;
+  }
+  render() {
+    reRender.useRequestRerender([this.dateShown, this.columnTitle]);
+    return index.h(index.Host, { style: { display: "none" } });
+  }
+};
+
 const RewardsTableColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -19284,8 +16152,270 @@ const RewardsTableColumn = class {
   //@ts-ignore
   async renderCell(data) {
     // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
-    console.log({ data });
-    return (index.h("sqm-referral-table-rewards-cell", { rewards: data, hideDetails: this.hideDetails }));
+    return (index.h("sqm-rewards-table-rewards-cell", { reward: data === null || data === void 0 ? void 0 : data[0], hideDetails: this.hideDetails }));
+  }
+  async renderLabel() {
+    return this.columnTitle;
+  }
+  render() {
+    reRender.useRequestRerender([this.columnTitle]);
+    return index.h(index.Host, { style: { display: "none" } });
+  }
+};
+
+const RewardTableRewardsCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  // TODO: value function from portalv2
+  render() {
+    const style = {
+      DetailsContainer: {
+        width: "100%",
+        display: "flex",
+        "align-items": "center",
+        "justify-content": "space-between",
+        "margin-right": "var(--sl-spacing-small)",
+        "flex-wrap": "wrap",
+      },
+      Details: {
+        "padding-bottom": "var(--sl-spacing-small)",
+        "max-width": "500px",
+        "padding-right": "var(--sl-spacing-x-small)",
+        "&::part(header)": {
+          padding: "var(--sl-spacing-x-small)",
+          cursor: `${this.hideDetails ? "default" : "pointer"}`,
+        },
+        "&::part(content)": {
+          padding: "var(--sl-spacing-x-small) var(--sl-spacing-medium)",
+        },
+        "&::part(base)": {
+          opacity: "1",
+        },
+        "&::part(summary-icon)": {
+          display: `${this.hideDetails ? "none" : "flex"}`,
+        },
+      },
+      BadgeContainer: {
+        "& > :not(:last-child)": {
+          "margin-right": "var(--sl-spacing-x-small)",
+        },
+      },
+      BoldText: {
+        "font-weight": "var(--sl-font-weight-semibold)",
+      },
+      StatusBadge: {
+        paddingLeft: "var(--sl-spacing-xxx-small)",
+      },
+    };
+    jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+    const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+    const styleString = sheet.toString();
+    function RewardValue({ reward }) {
+      var _a;
+      const pimpedPrettyValue = reward.unit === "CENTS"
+        ? reward.prettyValue.replace(/USD/gi, "$")
+        : (_a = reward.prettyValue) !== null && _a !== void 0 ? _a : "-";
+      if (reward.type === "CREDIT") {
+        const progress = Math.round(((parseFloat(reward.prettyValueNumber) -
+          parseFloat(reward.prettyRedeemedNumber)) /
+          parseFloat(reward.prettyValueNumber)) *
+          100);
+        const progressBarSubtext = reward.statuses.includes("EXPIRED") ||
+          reward.statuses.includes("CANCELLED") ? (index.h("div", null, reward.prettyRedeemedCredit, " redeemed")) : (index.h("div", null, reward.prettyAvailableValue, " available"));
+        const style = {
+          Progress: {
+            background: "#e0e0e0",
+            borderRadius: "4px",
+            height: "3px",
+            width: "80px",
+            marginTop: "6px",
+            marginBottom: "6px",
+            "&:after": {
+              content: '""',
+              display: "block",
+              background: "#222222",
+              borderRadius: "4px",
+              width: `${progress}%`,
+              height: "100%",
+            },
+          },
+          Ellipsis: {
+            position: "relative",
+            margin: "-8px",
+            bottom: "1px",
+            left: "8px",
+          },
+        };
+        jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+        const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+        const styleString = sheet.toString();
+        return (index.h("div", null, index.h("style", { type: "text/css" }, styleString), index.h("div", { style: {
+            display: "inline-block",
+            verticalAlign: "top",
+            maxWidth: "100%",
+            // maxHeight: "35px",
+            maxHeight: "60px",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+          } }, index.h("span", { style: { color: "#232323" } }, pimpedPrettyValue), " ", index.h("br", null), " ", index.h("div", { class: sheet.classes.Progress }), progressBarSubtext)));
+      }
+      return index.h("span", { style: { color: "#232323" } }, pimpedPrettyValue);
+    }
+    return (index.h("div", { style: { display: "contents" } }, index.h("style", { type: "text/css" }, styleString), index.h("div", { slot: "summary", class: sheet.classes.DetailsContainer }, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, index.h("span", { class: sheet.classes.BoldText }, index.h(RewardValue, { reward: this.reward }))))));
+  }
+};
+
+const RewardTableSourceCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    function capitalize(str) {
+      if (typeof str !== "string") {
+        console.error(`Cannot capitalize parameter of type ${typeof str}`);
+        return null;
+      }
+      return str.toLowerCase().replace(/\b\w/g, (l) => l.toUpperCase());
+    }
+    function RewardSource({ reward }) {
+      var _a, _b;
+      const rewardSource = (_b = capitalize(((_a = reward.rewardSource) === null || _a === void 0 ? void 0 : _a.replace("_", " ")) || "")) !== null && _b !== void 0 ? _b : "-";
+      return index.h("span", null, rewardSource);
+    }
+    const SOURCE_COLUMN_LENGTH = 21;
+    function RewardExchangeBadge({ reward }) {
+      var _a;
+      const rewardExchange = (index.h("div", null, "Reward Exchange", index.h("br", null), (_a = reward.exchangedRewardRedemptionTransaction) === null || _a === void 0 ? void 0 :
+        _a.prettyRedeemedCredit, " → ", reward.prettyValue));
+      return reward.exchangedRewardRedemptionTransaction.prettyRedeemedCredit
+        .length +
+        reward.prettyValue.length <
+        SOURCE_COLUMN_LENGTH ? (rewardExchange) : (index.h("div", { style: {
+          display: "inline-block",
+          verticalAlign: "top",
+          maxWidth: "120px",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+        } }, rewardExchange));
+    }
+    // TODO: user type
+    function getFullName(user) {
+      if (!user)
+        return "Deleted User";
+      if (!user.firstName && !user.lastName)
+        return "Anonymous User";
+      if (!user.firstName)
+        return `${user.lastName}`;
+      if (!user.lastName)
+        return `${user.firstName}`;
+      return `${user.firstName} ${user.lastName}`;
+    }
+    const source = () => this.reward.rewardSource === "FRIEND_SIGNUP" ||
+      this.reward.rewardSource === "REFERRED" ? (index.h("div", null, this.reward.rewardSource === "FRIEND_SIGNUP" && "Referral to", this.reward.rewardSource === "REFERRED" && "Referred by", index.h("br", null), index.h("b", null, getFullName(this.reward.referral.referredUser)))) : this.reward.exchangedRewardRedemptionTransaction ? (index.h(RewardExchangeBadge, { reward: this.reward })) : (index.h(RewardSource, { reward: this.reward }));
+    return index.h(sqmTextSpanView.TextSpanView, { type: "p" }, source());
+  }
+};
+
+const RewardTableUserColumn = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName User Column Title
+     */
+    this.columnTitle = "Source";
+    /**
+     * @uiName Name displayed for anonymous users
+     */
+    this.anonymousUser = "Anonymous User";
+    /**
+     * @uiName Name displayed for deleted users
+     */
+    this.deletedUser = "Deleted User";
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(data) {
+    return (index.h("sqm-rewards-table-source-cell", { reward: data === null || data === void 0 ? void 0 : data[0] }));
+  }
+  async renderLabel() {
+    return this.columnTitle;
+  }
+  render() {
+    reRender.useRequestRerender([
+      this.deletedUser,
+      this.anonymousUser,
+      this.columnTitle,
+    ]);
+    return index.h(index.Host, { style: { display: "none" } });
+  }
+};
+
+const RewardTableStatusCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  rewardStatus(reward) {
+    if (reward.dateCancelled)
+      return "CANCELLED";
+    if (reward.statuses && reward.statuses.includes("EXPIRED"))
+      return "EXPIRED";
+    if (reward.statuses && reward.statuses.includes("PENDING"))
+      return "PENDING";
+    if (reward.type === "CREDIT") {
+      if (reward.statuses.includes("REDEEMED"))
+        return "REDEEMED";
+      return "AVAILABLE";
+    }
+    if (reward.type === "PCT_DISCOUNT") {
+      if (reward.statuses.includes("AVAILABLE"))
+        return "AVAILABLE";
+    }
+    if (reward.type === "INTEGRATION" || reward.type === "FUELTANK") {
+      if (reward.statuses && reward.statuses.includes("PENDING"))
+        return "PENDING";
+      if (reward.statuses && reward.statuses.includes("CANCELLED"))
+        return "CANCELLED";
+      if (reward.statuses.includes("AVAILABLE"))
+        return "AVAILABLE";
+    }
+    return "";
+  }
+  render() {
+    const rewardStatus = this.rewardStatus(this.reward);
+    const statusText = global.intl.formatMessage({ id: "statusMessage", defaultMessage: this.statusText }, {
+      status: rewardStatus,
+    });
+    const badgeType = rewardStatus === "AVAILABLE"
+      ? "success"
+      : rewardStatus === "REDEEMED"
+        ? "primary"
+        : rewardStatus === "PENDING"
+          ? "warning"
+          : "error";
+    return (index.h("sl-badge", { type: badgeType, pill: true }, statusText));
+  }
+};
+
+const RewardTableStatusColumn = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName Column Title
+     */
+    this.columnTitle = "Status";
+    /**
+     * @uiName Expired Status Text
+     */
+    this.statusText = "{status, select, AVAILABLE {Available} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(data) {
+    const rewardData = data === null || data === void 0 ? void 0 : data[0];
+    return (index.h("sqm-rewards-table-status-cell", { statusText: this.statusText, reward: rewardData }));
   }
   async renderLabel() {
     return this.columnTitle;
@@ -20347,7 +17477,7 @@ var StyleSheet = /*#__PURE__*/function () {
   return StyleSheet;
 }();
 
-var e="-ms-";var r="-moz-";var a="-webkit-";var c="comm";var n="rule";var t="decl";var i="@import";var p="@keyframes";var k=Math.abs;var d=String.fromCharCode;function m(e,r){return (((r<<2^z(e,0))<<2^z(e,1))<<2^z(e,2))<<2^z(e,3)}function g(e){return e.trim()}function x(e,r){return (e=r.exec(e))?e[0]:e}function y(e,r,a){return e.replace(r,a)}function j(e,r){return e.indexOf(r)}function z(e,r){return e.charCodeAt(r)|0}function C(e,r,a){return e.slice(r,a)}function A(e){return e.length}function M(e){return e.length}function O(e,r){return r.push(e),e}function S(e,r){return e.map(r).join("")}var q=1;var B=1;var D=0;var E=0;var F=0;var G="";function H(e,r,a,c,n,t,s){return {value:e,root:r,parent:a,type:c,props:n,children:t,line:q,column:B,length:s,return:""}}function I(e,r,a){return H(e,r.root,r.parent,a,r.props,r.children,0)}function J(){return F}function K(){F=E>0?z(G,--E):0;if(B--,F===10)B=1,q--;return F}function L(){F=E<D?z(G,E++):0;if(B++,F===10)B=1,q++;return F}function N(){return z(G,E)}function P(){return E}function Q(e,r){return C(G,e,r)}function R(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function T(e){return q=B=1,D=A(G=e),E=0,[]}function U(e){return G="",e}function V(e){return g(Q(E-1,_(e===91?e+2:e===40?e+1:e)))}function X(e){while(F=N())if(F<33)L();else break;return R(e)>2||R(F)>3?"":" "}function Z(e,r){while(--r&&L())if(F<48||F>102||F>57&&F<65||F>70&&F<97)break;return Q(e,P()+(r<6&&N()==32&&L()==32))}function _(e){while(L())switch(F){case e:return E;case 34:case 39:return _(e===34||e===39?e:F);case 40:if(e===41)_(e);break;case 92:L();break}return E}function ee(e,r){while(L())if(e+F===47+10)break;else if(e+F===42+42&&N()===47)break;return "/*"+Q(r,E-1)+"*"+d(e===47?e:L())}function re(e){while(!R(N()))L();return Q(e,E)}function ae(e){return U(ce("",null,null,null,[""],e=T(e),0,[0],e))}function ce(e,r,a,c,n,t,s,u,i){var f=0;var o=0;var l=s;var v=0;var h=0;var p=0;var b=1;var w=1;var $=1;var k=0;var m="";var g=n;var x=t;var j=c;var z=m;while(w)switch(p=k,k=L()){case 34:case 39:case 91:case 40:z+=V(k);break;case 9:case 10:case 13:case 32:z+=X(p);break;case 92:z+=Z(P()-1,7);continue;case 47:switch(N()){case 42:case 47:O(te(ee(L(),P()),r,a),i);break;default:z+="/";}break;case 123*b:u[f++]=A(z)*$;case 125*b:case 59:case 0:switch(k){case 0:case 125:w=0;case 59+o:if(h>0&&A(z)-l)O(h>32?se(z+";",c,a,l-1):se(y(z," ","")+";",c,a,l-2),i);break;case 59:z+=";";default:O(j=ne(z,r,a,f,o,n,u,m,g=[],x=[],l),t);if(k===123)if(o===0)ce(z,r,j,j,g,t,l,u,x);else switch(v){case 100:case 109:case 115:ce(e,j,j,c&&O(ne(e,j,j,0,0,n,u,m,n,g=[],l),x),n,x,l,u,c?g:x);break;default:ce(z,j,j,j,[""],x,l,u,x);}}f=o=h=0,b=$=1,m=z="",l=s;break;case 58:l=1+A(z),h=p;default:if(b<1)if(k==123)--b;else if(k==125&&b++==0&&K()==125)continue;switch(z+=d(k),k*b){case 38:$=o>0?1:(z+="\f",-1);break;case 44:u[f++]=(A(z)-1)*$,$=1;break;case 64:if(N()===45)z+=V(L());v=N(),o=A(m=z+=re(P())),k++;break;case 45:if(p===45&&A(z)==2)b=0;}}return t}function ne(e,r,a,c,t,s,u,i,f,o,l){var v=t-1;var h=t===0?s:[""];var p=M(h);for(var b=0,w=0,$=0;b<c;++b)for(var d=0,m=C(e,v+1,v=k(w=u[b])),x=e;d<p;++d)if(x=g(w>0?h[d]+" "+m:y(m,/&\f/g,h[d])))f[$++]=x;return H(e,r,a,t===0?n:i,f,o,l)}function te(e,r,a){return H(e,r,a,c,d(J()),C(e,2,-2),0)}function se(e,r,a,c){return H(e,r,a,t,C(e,0,c),C(e,c+1,-1),c)}function ue(c,n){switch(m(c,n)){case 5103:return a+"print-"+c+c;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return a+c+c;case 5349:case 4246:case 4810:case 6968:case 2756:return a+c+r+c+e+c+c;case 6828:case 4268:return a+c+e+c+c;case 6165:return a+c+e+"flex-"+c+c;case 5187:return a+c+y(c,/(\w+).+(:[^]+)/,a+"box-$1$2"+e+"flex-$1$2")+c;case 5443:return a+c+e+"flex-item-"+y(c,/flex-|-self/,"")+c;case 4675:return a+c+e+"flex-line-pack"+y(c,/align-content|flex-|-self/,"")+c;case 5548:return a+c+e+y(c,"shrink","negative")+c;case 5292:return a+c+e+y(c,"basis","preferred-size")+c;case 6060:return a+"box-"+y(c,"-grow","")+a+c+e+y(c,"grow","positive")+c;case 4554:return a+y(c,/([^-])(transform)/g,"$1"+a+"$2")+c;case 6187:return y(y(y(c,/(zoom-|grab)/,a+"$1"),/(image-set)/,a+"$1"),c,"")+c;case 5495:case 3959:return y(c,/(image-set\([^]*)/,a+"$1"+"$`$1");case 4968:return y(y(c,/(.+:)(flex-)?(.*)/,a+"box-pack:$3"+e+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+a+c+c;case 4095:case 3583:case 4068:case 2532:return y(c,/(.+)-inline(.+)/,a+"$1$2")+c;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(A(c)-1-n>6)switch(z(c,n+1)){case 109:if(z(c,n+4)!==45)break;case 102:return y(c,/(.+:)(.+)-([^]+)/,"$1"+a+"$2-$3"+"$1"+r+(z(c,n+3)==108?"$3":"$2-$3"))+c;case 115:return ~j(c,"stretch")?ue(y(c,"stretch","fill-available"),n)+c:c}break;case 4949:if(z(c,n+1)!==115)break;case 6444:switch(z(c,A(c)-3-(~j(c,"!important")&&10))){case 107:return y(c,":",":"+a)+c;case 101:return y(c,/(.+:)([^;!]+)(;|!.+)?/,"$1"+a+(z(c,14)===45?"inline-":"")+"box$3"+"$1"+a+"$2$3"+"$1"+e+"$2box$3")+c}break;case 5936:switch(z(c,n+11)){case 114:return a+c+e+y(c,/[svh]\w+-[tblr]{2}/,"tb")+c;case 108:return a+c+e+y(c,/[svh]\w+-[tblr]{2}/,"tb-rl")+c;case 45:return a+c+e+y(c,/[svh]\w+-[tblr]{2}/,"lr")+c}return a+c+e+c+c}return c}function ie(e,r){var a="";var c=M(e);for(var n=0;n<c;n++)a+=r(e[n],n,e,r)||"";return a}function fe(e,r,a,s){switch(e.type){case i:case t:return e.return=e.return||e.value;case c:return "";case n:e.value=e.props.join(",");}return A(a=ie(e.children,s))?e.return=e.value+"{"+a+"}":""}function oe(e){var r=M(e);return function(a,c,n,t){var s="";for(var u=0;u<r;u++)s+=e[u](a,c,n,t)||"";return s}}function le(e){return function(r){if(!r.root)if(r=r.return)e(r);}}function ve(c,s,u,i){if(!c.return)switch(c.type){case t:c.return=ue(c.value,c.length);break;case p:return ie([I(y(c.value,"@","@"+a),c,"")],i);case n:if(c.length)return S(c.props,(function(n){switch(x(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ie([I(y(n,/:(read-\w+)/,":"+r+"$1"),c,"")],i);case"::placeholder":return ie([I(y(n,/:(plac\w+)/,":"+a+"input-$1"),c,""),I(y(n,/:(plac\w+)/,":"+r+"$1"),c,""),I(y(n,/:(plac\w+)/,e+"input-$1"),c,"")],i)}return ""}))}}
+var e$1="-ms-";var r$1="-moz-";var a$1="-webkit-";var c$1="comm";var n$1="rule";var t$1="decl";var i$1="@import";var p$1="@keyframes";var k=Math.abs;var d=String.fromCharCode;function m(e,r){return (((r<<2^z$1(e,0))<<2^z$1(e,1))<<2^z$1(e,2))<<2^z$1(e,3)}function g(e){return e.trim()}function x(e,r){return (e=r.exec(e))?e[0]:e}function y(e,r,a){return e.replace(r,a)}function j(e,r){return e.indexOf(r)}function z$1(e,r){return e.charCodeAt(r)|0}function C(e,r,a){return e.slice(r,a)}function A(e){return e.length}function M(e){return e.length}function O(e,r){return r.push(e),e}function S(e,r){return e.map(r).join("")}var q=1;var B=1;var D=0;var E=0;var F=0;var G="";function H(e,r,a,c,n,t,s){return {value:e,root:r,parent:a,type:c,props:n,children:t,line:q,column:B,length:s,return:""}}function I(e,r,a){return H(e,r.root,r.parent,a,r.props,r.children,0)}function J(){return F}function K(){F=E>0?z$1(G,--E):0;if(B--,F===10)B=1,q--;return F}function L(){F=E<D?z$1(G,E++):0;if(B++,F===10)B=1,q++;return F}function N(){return z$1(G,E)}function P(){return E}function Q(e,r){return C(G,e,r)}function R(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function T(e){return q=B=1,D=A(G=e),E=0,[]}function U(e){return G="",e}function V(e){return g(Q(E-1,_$1(e===91?e+2:e===40?e+1:e)))}function X(e){while(F=N())if(F<33)L();else break;return R(e)>2||R(F)>3?"":" "}function Z(e,r){while(--r&&L())if(F<48||F>102||F>57&&F<65||F>70&&F<97)break;return Q(e,P()+(r<6&&N()==32&&L()==32))}function _$1(e){while(L())switch(F){case e:return E;case 34:case 39:return _$1(e===34||e===39?e:F);case 40:if(e===41)_$1(e);break;case 92:L();break}return E}function ee(e,r){while(L())if(e+F===47+10)break;else if(e+F===42+42&&N()===47)break;return "/*"+Q(r,E-1)+"*"+d(e===47?e:L())}function re(e){while(!R(N()))L();return Q(e,E)}function ae(e){return U(ce("",null,null,null,[""],e=T(e),0,[0],e))}function ce(e,r,a,c,n,t,s,u,i){var f=0;var o=0;var l=s;var v=0;var h=0;var p=0;var b=1;var w=1;var $=1;var k=0;var m="";var g=n;var x=t;var j=c;var z=m;while(w)switch(p=k,k=L()){case 34:case 39:case 91:case 40:z+=V(k);break;case 9:case 10:case 13:case 32:z+=X(p);break;case 92:z+=Z(P()-1,7);continue;case 47:switch(N()){case 42:case 47:O(te(ee(L(),P()),r,a),i);break;default:z+="/";}break;case 123*b:u[f++]=A(z)*$;case 125*b:case 59:case 0:switch(k){case 0:case 125:w=0;case 59+o:if(h>0&&A(z)-l)O(h>32?se(z+";",c,a,l-1):se(y(z," ","")+";",c,a,l-2),i);break;case 59:z+=";";default:O(j=ne(z,r,a,f,o,n,u,m,g=[],x=[],l),t);if(k===123)if(o===0)ce(z,r,j,j,g,t,l,u,x);else switch(v){case 100:case 109:case 115:ce(e,j,j,c&&O(ne(e,j,j,0,0,n,u,m,n,g=[],l),x),n,x,l,u,c?g:x);break;default:ce(z,j,j,j,[""],x,l,u,x);}}f=o=h=0,b=$=1,m=z="",l=s;break;case 58:l=1+A(z),h=p;default:if(b<1)if(k==123)--b;else if(k==125&&b++==0&&K()==125)continue;switch(z+=d(k),k*b){case 38:$=o>0?1:(z+="\f",-1);break;case 44:u[f++]=(A(z)-1)*$,$=1;break;case 64:if(N()===45)z+=V(L());v=N(),o=A(m=z+=re(P())),k++;break;case 45:if(p===45&&A(z)==2)b=0;}}return t}function ne(e,r,a,c,t,s,u,i,f,o,l){var v=t-1;var h=t===0?s:[""];var p=M(h);for(var b=0,w=0,$=0;b<c;++b)for(var d=0,m=C(e,v+1,v=k(w=u[b])),x=e;d<p;++d)if(x=g(w>0?h[d]+" "+m:y(m,/&\f/g,h[d])))f[$++]=x;return H(e,r,a,t===0?n$1:i,f,o,l)}function te(e,r,a){return H(e,r,a,c$1,d(J()),C(e,2,-2),0)}function se(e,r,a,c){return H(e,r,a,t$1,C(e,0,c),C(e,c+1,-1),c)}function ue(c,n){switch(m(c,n)){case 5103:return a$1+"print-"+c+c;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return a$1+c+c;case 5349:case 4246:case 4810:case 6968:case 2756:return a$1+c+r$1+c+e$1+c+c;case 6828:case 4268:return a$1+c+e$1+c+c;case 6165:return a$1+c+e$1+"flex-"+c+c;case 5187:return a$1+c+y(c,/(\w+).+(:[^]+)/,a$1+"box-$1$2"+e$1+"flex-$1$2")+c;case 5443:return a$1+c+e$1+"flex-item-"+y(c,/flex-|-self/,"")+c;case 4675:return a$1+c+e$1+"flex-line-pack"+y(c,/align-content|flex-|-self/,"")+c;case 5548:return a$1+c+e$1+y(c,"shrink","negative")+c;case 5292:return a$1+c+e$1+y(c,"basis","preferred-size")+c;case 6060:return a$1+"box-"+y(c,"-grow","")+a$1+c+e$1+y(c,"grow","positive")+c;case 4554:return a$1+y(c,/([^-])(transform)/g,"$1"+a$1+"$2")+c;case 6187:return y(y(y(c,/(zoom-|grab)/,a$1+"$1"),/(image-set)/,a$1+"$1"),c,"")+c;case 5495:case 3959:return y(c,/(image-set\([^]*)/,a$1+"$1"+"$`$1");case 4968:return y(y(c,/(.+:)(flex-)?(.*)/,a$1+"box-pack:$3"+e$1+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+a$1+c+c;case 4095:case 3583:case 4068:case 2532:return y(c,/(.+)-inline(.+)/,a$1+"$1$2")+c;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(A(c)-1-n>6)switch(z$1(c,n+1)){case 109:if(z$1(c,n+4)!==45)break;case 102:return y(c,/(.+:)(.+)-([^]+)/,"$1"+a$1+"$2-$3"+"$1"+r$1+(z$1(c,n+3)==108?"$3":"$2-$3"))+c;case 115:return ~j(c,"stretch")?ue(y(c,"stretch","fill-available"),n)+c:c}break;case 4949:if(z$1(c,n+1)!==115)break;case 6444:switch(z$1(c,A(c)-3-(~j(c,"!important")&&10))){case 107:return y(c,":",":"+a$1)+c;case 101:return y(c,/(.+:)([^;!]+)(;|!.+)?/,"$1"+a$1+(z$1(c,14)===45?"inline-":"")+"box$3"+"$1"+a$1+"$2$3"+"$1"+e$1+"$2box$3")+c}break;case 5936:switch(z$1(c,n+11)){case 114:return a$1+c+e$1+y(c,/[svh]\w+-[tblr]{2}/,"tb")+c;case 108:return a$1+c+e$1+y(c,/[svh]\w+-[tblr]{2}/,"tb-rl")+c;case 45:return a$1+c+e$1+y(c,/[svh]\w+-[tblr]{2}/,"lr")+c}return a$1+c+e$1+c+c}return c}function ie(e,r){var a="";var c=M(e);for(var n=0;n<c;n++)a+=r(e[n],n,e,r)||"";return a}function fe(e,r,a,s){switch(e.type){case i$1:case t$1:return e.return=e.return||e.value;case c$1:return "";case n$1:e.value=e.props.join(",");}return A(a=ie(e.children,s))?e.return=e.value+"{"+a+"}":""}function oe(e){var r=M(e);return function(a,c,n,t){var s="";for(var u=0;u<r;u++)s+=e[u](a,c,n,t)||"";return s}}function le(e){return function(r){if(!r.root)if(r=r.return)e(r);}}function ve(c,s,u,i){if(!c.return)switch(c.type){case t$1:c.return=ue(c.value,c.length);break;case p$1:return ie([I(y(c.value,"@","@"+a$1),c,"")],i);case n$1:if(c.length)return S(c.props,(function(n){switch(x(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ie([I(y(n,/:(read-\w+)/,":"+r$1+"$1"),c,"")],i);case"::placeholder":return ie([I(y(n,/:(plac\w+)/,":"+a$1+"input-$1"),c,""),I(y(n,/:(plac\w+)/,":"+r$1+"$1"),c,""),I(y(n,/:(plac\w+)/,e$1+"input-$1"),c,"")],i)}return ""}))}}
 
 function memoize(fn) {
   var cache = Object.create(null);
@@ -21054,7 +18184,7 @@ var _createEmotion = createEmotion({
 }),
     css = _createEmotion.css;
 
-function i$1(){return (i$1=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r]);}return n}).apply(this,arguments)}function s(n,t){return t||(t=n.slice(0)),n.raw=t,n}var a$1,l,u,c$1=css(a$1||(a$1=s(['\n  width: 100vw;\n  height: 100vh;\n\n  .story-book-outer-div {\n    .story-div {\n      font-family: "Arial", sans-serif;\n      font-size: 12px;\n    }\n    padding-bottom: 500px;\n  }\n\n  .story-div {\n    position: fixed;\n    box-sizing: border-box;\n    top: 0;\n    width: 250px;\n    height: 100vh;\n    z-index: 999;\n    overflow-y: scroll;\n    background: white;\n    margin-bottom: 32px;\n  }\n\n  .header {\n    padding: 24px 0 16px 16px;\n    margin-bottom: 24px;\n    color: white;\n    background: #333;\n    cursor: pointer;\n\n    h2 {\n      letter-spacing: 3px;\n      font-weight: 400;\n    }\n  }\n\n  .parentStoryList {\n    list-style: none;\n    padding-left: 16px;\n\n    summary {\n      margin-bottom: 4px;\n    }\n  }\n  .parentStory {\n    cursor: pointer;\n  }\n  .parentStory.selected {\n    font-weight: bold;\n  }\n\n  .subStory {\n    font-size: 12px;\n    cursor: pointer;\n    line-height: 1.5em;\n    margin-top: 4px;\n\n    a {\n      display: block;\n      padding: 4px 4px 4px 16px;\n    }\n  }\n  .subStory:hover {\n    background-color: #eee;\n  }\n  .subStory.selected {\n    background-color: lightgreen;\n  }\n\n  .component {\n    padding: 24px 16px;\n  }\n\n  h4.group-header {\n    margin: 8px 0;\n    text-transform: uppercase;\n    font-weight: 600;\n    font-size: 14px;\n    color: #575757;\n  }\n\n  .group-wrapper {\n    margin-bottom: 24px;\n  }\n\n  .dynamic-display-wrapper {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    bottom: 0;\n    left: 100%;\n    padding: 16px;\n    z-index: 1000;\n    background: white;\n    transform: translateX(-100%);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n\n    & > :not(:first-child) {\n      margin-top: 12px;\n    }\n\n    p {\n      font-size: 12px;\n      margin: 0;\n      padding: 0;\n    }\n\n    .button-wrapper {\n      display: flex;\n\n      & > :not(:first-child) {\n        margin-left: 12px;\n      }\n    }\n\n    & button {\n      border: 1px solid #eaeaea;\n      background: white;\n      border-radius: 4px;\n      color: #777;\n      padding: 4px 12px;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n\n      &.active {\n        background: #555;\n        border-color: #555;\n        color: white;\n      }\n    }\n  }\n'])));function p$1(n,t){var o,r=t.story.title.split("/"),e=r[1]?r[0]:"_";return i$1({},n,((o={})[e]=[].concat(n[e]||[],[{story:i$1({},t.story,{title:r[1]||r[0]}),subs:t.subs}]).sort(function(n,t){return n.story.title.localeCompare(t.story.title)}),o))}function d$1(n){return {story:n.default,subs:function(n,t){if(null==n)return {};var o,r,e={},i=Object.keys(n);for(r=0;r<i.length;r++)t.indexOf(o=i[r])>=0||(e[o]=n[o]);return e}(n,["default"])}}function f(a,f){var b=f.h,y=void 0===b?index.h:b,g=f.title,m=void 0===g?"Stencilbook":g,x=f.homepage,h=void 0===x?y("h3",null,"Select a story!"):x,v=f.addons,k=void 0===v?[]:v,w=_extends.useMemo(function(){return a.map(d$1).reduce(p$1,{_:[]})},a),S=_extends.useState(void 0),C=S[0],z=S[1],O=null==C?void 0:C.key,j=_extends.useState("desktop"),T=j[0],_=j[1],B=_extends.useState(!0),D=B[0],L=B[1],N=_extends.useState(!1),q=N[0],A=N[1],M=function(){return y("div",{class:"dynamic-display-wrapper"},y("div",{class:"button-wrapper"},y("button",{class:"desktop"===T?"active":"",onClick:function(){return _("desktop")}},"Desktop"),y("button",{class:"tablet"===T?"active":"",onClick:function(){return _("tablet")}},"Tablet"),y("button",{class:"mobile"===T?"active":"",onClick:function(){return _("mobile")}},"Mobile")),y("p",null,"Note: Currently doesn't test breakpoints, use the native tester for now"),y("hr",null),y("button",{class:q?"active":"",onClick:function(){return A(function(n){return !n})}},"Toggle Dark Background"),y("hr",null),y("button",{class:D?"active":"",onClick:function(){return L(function(n){return !n})}},"Toggle Sidebar"))},P="mobile"===T?"375px":"tablet"===T?"768px":"1124px",V=css(l||(l=s(["\n    max-width: ",";\n    margin-left: ",";\n  "])),P,D?"250px":"0px"),X=css(u||(u=s(["\n    display: none;\n  "])));document.body.style.backgroundColor=q?"#232323":"#fafafa";var E=function(n){var t=n.selected,o=k.reduce(function(n,o){return function(){return y(o,{story:i$1({},t)},y(n,null))}},null==t?void 0:t.story);return y(o,null)},F=function(){return y("div",{class:"story-book-outer-div"},y("div",{class:"story-div "+(D?"":X)},y("div",{class:"header",onClick:function(){z(void 0);}},y("h2",null,m)),y("ul",{class:"parentStoryList"},Object.keys(w).sort().map(function(n){return y("div",{class:"group-wrapper"},"_"!==n&&y("h4",{class:"group-header"},n),w[n].map(function(t){return y("li",{class:"parentStory"},y("details",{style:{marginBottom:"10px"}},y("summary",{style:{outline:"none"}},t.story.title),t.subs&&Object.keys(t.subs).map(function(o){var e=n+"/"+o,i=t.subs[o],s=i.storyName||lodash_startcase(o);return y("div",{class:"subStory "+(O===e?"selected":"")},y("a",{onClick:function(){return function(n,t,o,r){z({key:t,story:n,parent:o,label:r});}(i,e,t.story,s)}},s))})))}))}))),y(M,null),y("div",{class:"component "+V},!O&&h,O&&y("div",null,y("h3",null,C.label),y(E,{selected:C}))))};return {class:c$1,children:y(F,null),View:F,selected:C}}
+function i$2(){return (i$2=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r]);}return n}).apply(this,arguments)}function s$1(n,t){return t||(t=n.slice(0)),n.raw=t,n}var a$2,l$1,u$1,c$2=css(a$2||(a$2=s$1(['\n  width: 100vw;\n  height: 100vh;\n\n  .story-book-outer-div {\n    .story-div {\n      font-family: "Arial", sans-serif;\n      font-size: 12px;\n    }\n    padding-bottom: 500px;\n  }\n\n  .story-div {\n    position: fixed;\n    box-sizing: border-box;\n    top: 0;\n    width: 250px;\n    height: 100vh;\n    z-index: 999;\n    overflow-y: scroll;\n    background: white;\n    margin-bottom: 32px;\n  }\n\n  .header {\n    padding: 24px 0 16px 16px;\n    margin-bottom: 24px;\n    color: white;\n    background: #333;\n    cursor: pointer;\n\n    h2 {\n      letter-spacing: 3px;\n      font-weight: 400;\n    }\n  }\n\n  .parentStoryList {\n    list-style: none;\n    padding-left: 16px;\n\n    summary {\n      margin-bottom: 4px;\n    }\n  }\n  .parentStory {\n    cursor: pointer;\n  }\n  .parentStory.selected {\n    font-weight: bold;\n  }\n\n  .subStory {\n    font-size: 12px;\n    cursor: pointer;\n    line-height: 1.5em;\n    margin-top: 4px;\n\n    a {\n      display: block;\n      padding: 4px 4px 4px 16px;\n    }\n  }\n  .subStory:hover {\n    background-color: #eee;\n  }\n  .subStory.selected {\n    background-color: lightgreen;\n  }\n\n  .component {\n    padding: 24px 16px;\n  }\n\n  h4.group-header {\n    margin: 8px 0;\n    text-transform: uppercase;\n    font-weight: 600;\n    font-size: 14px;\n    color: #575757;\n  }\n\n  .group-wrapper {\n    margin-bottom: 24px;\n  }\n\n  .dynamic-display-wrapper {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    bottom: 0;\n    left: 100%;\n    padding: 16px;\n    z-index: 1000;\n    background: white;\n    transform: translateX(-100%);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n\n    & > :not(:first-child) {\n      margin-top: 12px;\n    }\n\n    p {\n      font-size: 12px;\n      margin: 0;\n      padding: 0;\n    }\n\n    .button-wrapper {\n      display: flex;\n\n      & > :not(:first-child) {\n        margin-left: 12px;\n      }\n    }\n\n    & button {\n      border: 1px solid #eaeaea;\n      background: white;\n      border-radius: 4px;\n      color: #777;\n      padding: 4px 12px;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n\n      &.active {\n        background: #555;\n        border-color: #555;\n        color: white;\n      }\n    }\n  }\n'])));function p$2(n,t){var o,r=t.story.title.split("/"),e=r[1]?r[0]:"_";return i$2({},n,((o={})[e]=[].concat(n[e]||[],[{story:i$2({},t.story,{title:r[1]||r[0]}),subs:t.subs}]).sort(function(n,t){return n.story.title.localeCompare(t.story.title)}),o))}function d$1(n){return {story:n.default,subs:function(n,t){if(null==n)return {};var o,r,e={},i=Object.keys(n);for(r=0;r<i.length;r++)t.indexOf(o=i[r])>=0||(e[o]=n[o]);return e}(n,["default"])}}function f$1(a,f){var b=f.h,y=void 0===b?index.h:b,g=f.title,m=void 0===g?"Stencilbook":g,x=f.homepage,h=void 0===x?y("h3",null,"Select a story!"):x,v=f.addons,k=void 0===v?[]:v,w=_extends.useMemo(function(){return a.map(d$1).reduce(p$2,{_:[]})},a),S=_extends.useState(void 0),C=S[0],z=S[1],O=null==C?void 0:C.key,j=_extends.useState("desktop"),T=j[0],_=j[1],B=_extends.useState(!0),D=B[0],L=B[1],N=_extends.useState(!1),q=N[0],A=N[1],M=function(){return y("div",{class:"dynamic-display-wrapper"},y("div",{class:"button-wrapper"},y("button",{class:"desktop"===T?"active":"",onClick:function(){return _("desktop")}},"Desktop"),y("button",{class:"tablet"===T?"active":"",onClick:function(){return _("tablet")}},"Tablet"),y("button",{class:"mobile"===T?"active":"",onClick:function(){return _("mobile")}},"Mobile")),y("p",null,"Note: Currently doesn't test breakpoints, use the native tester for now"),y("hr",null),y("button",{class:q?"active":"",onClick:function(){return A(function(n){return !n})}},"Toggle Dark Background"),y("hr",null),y("button",{class:D?"active":"",onClick:function(){return L(function(n){return !n})}},"Toggle Sidebar"))},P="mobile"===T?"375px":"tablet"===T?"768px":"1124px",V=css(l$1||(l$1=s$1(["\n    max-width: ",";\n    margin-left: ",";\n  "])),P,D?"250px":"0px"),X=css(u$1||(u$1=s$1(["\n    display: none;\n  "])));document.body.style.backgroundColor=q?"#232323":"#fafafa";var E=function(n){var t=n.selected,o=k.reduce(function(n,o){return function(){return y(o,{story:i$2({},t)},y(n,null))}},null==t?void 0:t.story);return y(o,null)},F=function(){return y("div",{class:"story-book-outer-div"},y("div",{class:"story-div "+(D?"":X)},y("div",{class:"header",onClick:function(){z(void 0);}},y("h2",null,m)),y("ul",{class:"parentStoryList"},Object.keys(w).sort().map(function(n){return y("div",{class:"group-wrapper"},"_"!==n&&y("h4",{class:"group-header"},n),w[n].map(function(t){return y("li",{class:"parentStory"},y("details",{style:{marginBottom:"10px"}},y("summary",{style:{outline:"none"}},t.story.title),t.subs&&Object.keys(t.subs).map(function(o){var e=n+"/"+o,i=t.subs[o],s=i.storyName||lodash_startcase(o);return y("div",{class:"subStory "+(O===e?"selected":"")},y("a",{onClick:function(){return function(n,t,o,r){z({key:t,story:n,parent:o,label:r});}(i,e,t.story,s)}},s))})))}))}))),y(M,null),y("div",{class:"component "+V},!O&&h,O&&y("div",null,y("h3",null,C.label),y(E,{selected:C}))))};return {class:c$2,children:y(F,null),View:F,selected:C}}
 
 const ShareButton_stories = {
   title: "Components/Share Button",
@@ -22313,7 +19443,10 @@ const RewardsTableNoProgram = createHookStory(() => {
   setupGraphQL$7();
   index_module.A(undefined);
   return (index.h("sqm-rewards-table", null,
-    index.h("sqm-rewards-table-column", null)));
+    index.h("sqm-rewards-table-reward-column", null),
+    index.h("sqm-rewards-table-source-column", null),
+    index.h("sqm-rewards-table-status-column", null),
+    index.h("sqm-rewards-table-date-column", null)));
 });
 
 const UseRewardsTable = /*#__PURE__*/Object.freeze({
@@ -23807,6 +20940,7 @@ const baseReward = {
   dateScheduledFor: getDays(),
   dateExpires: getMonths(),
   dateCancelled: 134400,
+  dateRedeemed: 0,
   fuelTankCode: "ABC",
   fuelTankType: "Code",
   currency: "null",
@@ -24058,6 +21192,7 @@ const baseReward$1 = {
   dateScheduledFor: 1628146800000,
   dateExpires: 1629010800000,
   dateCancelled: 134400,
+  dateRedeemed: 0,
   fuelTankCode: "ABC",
   fuelTankType: "Code",
   currency: "null",
@@ -24547,6 +21682,7 @@ const rewardsData = {
   dateScheduledFor: 1628146800000,
   dateExpires: 1629010800000,
   dateCancelled: 134400,
+  dateRedeemed: 0,
   fuelTankCode: "ABC",
   fuelTankType: "Code",
   currency: "null",
@@ -29344,6 +26480,18 @@ const baseResponse = (data, stage = "chooseReward", selectedItem = null, selecte
   states: {
     content: {
       text: {
+        continueText: "Continue",
+        cancelText: "Cancel",
+        continueToConfirmationText: "Continue to confirmation",
+        backText: "Back",
+        redeemText: "Redeem",
+        doneText: "Done",
+        chooseRewardTitle: "Choose reward",
+        chooseAmountTitle: "Amount",
+        confirmationTitle: "Confirm",
+        redeemTitle: "Confirm and redeem",
+        rewardRedeemedText: "Reward redeemed",
+        queryError: "An error occured trying to redeem this reward. Please try again.",
         notAvailableError: "{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} other {Not available} }",
       },
     },
@@ -29610,10 +26758,12 @@ const ProgramExplainer_stories = {
 };
 const props$2 = {
   header: "Klip Rewards",
+  headerColor: "black",
+  headerBackground: "#F3F0EC",
   cardTitle: "Earn rewards with our loyalty program",
-  description: "Earn points by completing tasks like uploading your first video or sharing videos with friends. Use your points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America.",
-  color: "black",
-  background: "#F3F0EC",
+  cardDescription: "Earn points by completing tasks like uploading your first video or sharing videos with friends. Use your points to redeem rewards like one free month of Klip Enterprise or two plane tickets to anywhere in North America.",
+  cardColor: "black",
+  cardBackground: "var(--sl-color-primary-100)",
 };
 const steps1 = {
   cardTitle: "Invite your friends to Klip",
@@ -29672,14 +26822,7 @@ const Example1 = () => {
     icon: "person-plus-fill",
   };
   return index.h(sqmProgramExplainerStepView.ProgramExplainerStepView, Object.assign({}, props));
-};
-// export const ActiveItem = () => {
-//   const props = {
-//     title: "hello",
-//     description: "world",
-//   };
-//   return <ProgramExplainerStepView {...props} />;
-// };
+};
 
 const ProgramExplainerStep = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -29815,7 +26958,7 @@ const Netflix = `
 `;
 const SaaSquatchCorporate = `
 :root{
-    ${autoColorScaleCss("green")}
+    ${autoColorScaleCss("#65bd60")}
     --sl-font-sans: Arial;
 }
 `;
@@ -29827,17 +26970,10 @@ const NYTimes = `
 `;
 const Klip = `
 :root{
-	--sl-color-primary-50: #E8E5F8;
-    --sl-color-primary-100: #C6BEED;
-    --sl-color-primary-200: #A192E2;
-    --sl-color-primary-300: #7B66D6;
-    --sl-color-primary-400: #5E46CD;
-    --sl-color-primary-500: #4225C4;
-    --sl-color-primary-600: #3C21BE;
-    --sl-color-primary-700: #331BB6;
-    --sl-color-primary-800: #2B16AF;
-    --sl-color-primary-900: #1D0DA2;
+    ${autoColorScaleCss("#4225C4")};
+    --sl-font-sans: Inter, sans;
 }
+
 `;
 
 const Themes = /*#__PURE__*/Object.freeze({
@@ -32493,7 +29629,7 @@ const StencilStorybook = class {
   }
   disconnectedCallback() { }
   render() {
-    const { class: Style, children } = f(stories, {
+    const { class: Style, children } = f$1(stories, {
       h: index.h,
       title: "Mint Components",
       addons: [CucumberAddon, ShadowViewAddon.ShadowViewAddon, HookStoryAddon],
@@ -32769,7 +29905,14 @@ exports.sqm_referral_table_status_cell = ReferralTableStatusCell;
 exports.sqm_referral_table_user_cell = ReferralTableUserCell;
 exports.sqm_reward_exchange_list = SqmRewardExchangeList;
 exports.sqm_rewards_table = RewardsTable;
-exports.sqm_rewards_table_column = RewardsTableColumn;
+exports.sqm_rewards_table_date_cell = RewardTableDateCell;
+exports.sqm_rewards_table_date_column = RewardTableDateColumn;
+exports.sqm_rewards_table_reward_column = RewardsTableColumn;
+exports.sqm_rewards_table_rewards_cell = RewardTableRewardsCell;
+exports.sqm_rewards_table_source_cell = RewardTableSourceCell;
+exports.sqm_rewards_table_source_column = RewardTableUserColumn;
+exports.sqm_rewards_table_status_cell = RewardTableStatusCell;
+exports.sqm_rewards_table_status_column = RewardTableStatusColumn;
 exports.sqm_router = SqmRouter;
 exports.sqm_share_button = ShareButton;
 exports.sqm_share_link = ShareLink;