/* THIS IS A GENERATED/BUNDLED FILE BY ROLLUP if you want to view the source visit the plugins github repository */ 'use strict'; var obsidian = require('obsidian'); /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */ function __awaiter(thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); } class ExportModal extends obsidian.Modal { constructor(app, plugin, section, config) { super(app); this.plugin = plugin; this.config = config; this.section = section; } onOpen() { const { contentEl, modalEl } = this; modalEl.addClass('modal-style-settings'); new obsidian.Setting(contentEl) .setName(`Export settings for: ${this.section}`) .then((setting) => { const output = JSON.stringify(this.config, null, 2); // Build a copy to clipboard link setting.controlEl.createEl('a', { cls: 'style-settings-copy', text: 'Copy to clipboard', href: '#', }, (copyButton) => { new obsidian.TextAreaComponent(contentEl) .setValue(output) .then((textarea) => { copyButton.addEventListener('click', (e) => { e.preventDefault(); // Select the textarea contents and copy them to the clipboard textarea.inputEl.select(); textarea.inputEl.setSelectionRange(0, 99999); document.execCommand('copy'); copyButton.addClass('success'); setTimeout(() => { // If the button is still in the dom, remove the success class if (copyButton.parentNode) { copyButton.removeClass('success'); } }, 2000); }); }); }); // Build a download link setting.controlEl.createEl('a', { cls: 'style-settings-download', text: 'Download', attr: { download: 'style-settings.json', href: `data:application/json;charset=utf-8,${encodeURIComponent(output)}`, }, }); }); } onClose() { const { contentEl } = this; contentEl.empty(); } } class ImportModal extends obsidian.Modal { constructor(app, plugin) { super(app); this.plugin = plugin; } onOpen() { const { contentEl, modalEl } = this; modalEl.addClass('modal-style-settings'); new obsidian.Setting(contentEl) .setName('Import style setting') .setDesc('Import an entire or partial configuration. Warning: this may override existing settings'); new obsidian.Setting(contentEl).then((setting) => { // Build an error message container const errorSpan = createSpan({ cls: 'style-settings-import-error', text: 'Error importing config', }); setting.nameEl.appendChild(errorSpan); // Attempt to parse the imported data and close if successful const importAndClose = (str) => __awaiter(this, void 0, void 0, function* () { if (str) { try { const importedSettings = JSON.parse(str); yield this.plugin.settingsManager.setSettings(importedSettings); this.plugin.settingsTab.display(); this.close(); } catch (e) { errorSpan.addClass('active'); errorSpan.setText(`Error importing style settings: ${e}`); } } else { errorSpan.addClass('active'); errorSpan.setText(`Error importing style settings: config is empty`); } }); // Build a file input setting.controlEl.createEl('input', { cls: 'style-settings-import-input', attr: { id: 'style-settings-import-input', name: 'style-settings-import-input', type: 'file', accept: '.json', }, }, (importInput) => { // Set up a FileReader so we can parse the file contents importInput.addEventListener('change', (e) => { const reader = new FileReader(); reader.onload = (e) => __awaiter(this, void 0, void 0, function* () { yield importAndClose(e.target.result.toString().trim()); }); reader.readAsText(e.target.files[0]); }); }); // Build a label we will style as a link setting.controlEl.createEl('label', { cls: 'style-settings-import-label', text: 'Import from file', attr: { for: 'style-settings-import-input', }, }); new obsidian.TextAreaComponent(contentEl) .setPlaceholder('Paste config here...') .then((ta) => { new obsidian.ButtonComponent(contentEl) .setButtonText('Save') .onClick(() => __awaiter(this, void 0, void 0, function* () { yield importAndClose(ta.getValue().trim()); })); }); }); } onClose() { const { contentEl } = this; contentEl.empty(); } } const SettingType = { HEADING: 'heading', INFO_TEXT: 'info-text', CLASS_TOGGLE: 'class-toggle', CLASS_SELECT: 'class-select', VARIABLE_TEXT: 'variable-text', VARIABLE_NUMBER: 'variable-number', VARIABLE_NUMBER_SLIDER: 'variable-number-slider', VARIABLE_SELECT: 'variable-select', VARIABLE_COLOR: 'variable-color', VARIABLE_THEMED_COLOR: 'variable-themed-color', COLOR_GRADIENT: 'color-gradient', }; var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; function getDefaultExportFromCjs (x) { return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x; } function createCommonjsModule(fn, basedir, module) { return module = { path: basedir, exports: {}, require: function (path, base) { return commonjsRequire(path, (base === undefined || base === null) ? module.path : base); } }, fn(module, module.exports), module.exports; } function commonjsRequire () { throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs'); } var chroma = 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() ; }(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= 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= _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 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 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 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 200) { repeat = false; } } // finished k-means clustering // the next part is borrowed from gabrielflor.it var kClusters = {}; for (var j$5=0; j$5 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 generateColorVariables(key, format, colorStr, opacity, altFormats = []) { const parsedColor = chroma(colorStr); const alts = altFormats.reduce((a, alt) => { a.push(...generateColorVariables(alt.id, alt.format, colorStr, opacity)); return a; }, []); switch (format) { case 'hex': return [{ key, value: colorStr }, ...alts]; case 'hsl': return [ { key, value: parsedColor.css('hsl'), }, ...alts, ]; case 'hsl-values': { const hsl = parsedColor.hsl(); const alpha = opacity ? `,${parsedColor.alpha()}` : ''; const h = isNaN(hsl[0]) ? 0 : hsl[0]; return [ { key, value: `${h},${hsl[1] * 100}%,${hsl[2] * 100}%${alpha}`, }, ...alts, ]; } case 'hsl-split': { const hsl = parsedColor.hsl(); const h = isNaN(hsl[0]) ? 0 : hsl[0]; const out = [ { key: `${key}-h`, value: h.toString(), }, { key: `${key}-s`, value: (hsl[1] * 100).toString() + '%', }, { key: `${key}-l`, value: (hsl[2] * 100).toString() + '%', }, ...alts, ]; if (opacity) out.push({ key: `${key}-a`, value: parsedColor.alpha().toString(), }); return out; } case 'hsl-split-decimal': { const hsl = parsedColor.hsl(); const h = isNaN(hsl[0]) ? 0 : hsl[0]; const out = [ { key: `${key}-h`, value: h.toString(), }, { key: `${key}-s`, value: hsl[1].toString(), }, { key: `${key}-l`, value: hsl[2].toString(), }, ...alts, ]; if (opacity) out.push({ key: `${key}-a`, value: parsedColor.alpha().toString(), }); return out; } case 'rgb': return [ { key, value: parsedColor.css(), }, ...alts, ]; case 'rgb-values': { const rgb = parsedColor.rgb(); const alpha = opacity ? `,${parsedColor.alpha()}` : ''; return [ { key, value: `${rgb[0]},${rgb[1]},${rgb[2]}${alpha}`, }, ...alts, ]; } case 'rgb-split': { const rgb = parsedColor.rgb(); const out = [ { key: `${key}-r`, value: rgb[0].toString(), }, { key: `${key}-g`, value: rgb[1].toString(), }, { key: `${key}-b`, value: rgb[2].toString(), }, ...alts, ]; if (opacity) out.push({ key: `${key}-a`, value: parsedColor.alpha().toString(), }); return out; } } } function pushColors(arr, id, from, to, format, step, pad) { const scale = chroma.scale([from.trim(), to.trim()]).domain([0, 100]); for (let i = 0; i <= 100; i++) { if (i % step === 0) { const c = scale(i); arr.push(...generateColorVariables(`${id}-${i.toString().padStart(pad, '0')}`, format, c.css(), c.alpha() !== 1)); } } } function getCSSVariables(settings, config, gradients, settingsManager) { const vars = []; const themedLight = []; const themedDark = []; const gradientCandidates = {}; const gradientCandidatesLight = {}; const gradientCandidatesDark = {}; const seenGradientSections = new Set(); for (const key in settings) { const [sectionId, settingId, modifier] = key.split('@@'); const section = config[sectionId]; if (!section) continue; const setting = config[sectionId][settingId]; if (!setting) continue; const value = settings[key]; switch (setting.type) { case SettingType.VARIABLE_NUMBER: case SettingType.VARIABLE_NUMBER_SLIDER: { const format = setting .format; const val = value !== undefined ? value : setting.default; vars.push({ key: setting.id, value: `${val}${format || ''}`, }); continue; } case SettingType.VARIABLE_TEXT: case SettingType.VARIABLE_SELECT: { const format_text = setting; let text = value !== undefined ? value.toString() : format_text.default.toString(); if (format_text.quotes) { if (text !== `""`) { text = `'${text}'`; } else { text = ``; } } vars.push({ key: setting.id, value: text, }); continue; } case SettingType.VARIABLE_COLOR: { if (!seenGradientSections.has(sectionId)) seenGradientSections.add(sectionId); const colorSetting = setting; const color = value !== undefined ? value.toString() : colorSetting.default; vars.push(...generateColorVariables(setting.id, colorSetting.format, color, colorSetting.opacity, colorSetting['alt-format'])); generateColorVariables(setting.id, 'rgb', color, colorSetting.opacity).forEach((kv) => { gradientCandidates[kv.key] = kv.value; }); continue; } case SettingType.VARIABLE_THEMED_COLOR: { if (!seenGradientSections.has(sectionId)) seenGradientSections.add(sectionId); const colorSetting = setting; const colorKey = modifier === 'light' ? 'default-light' : 'default-dark'; const color = value !== undefined ? value.toString() : colorSetting[colorKey]; (modifier === 'light' ? themedLight : themedDark).push(...generateColorVariables(setting.id, colorSetting.format, color, colorSetting.opacity, colorSetting['alt-format'])); generateColorVariables(setting.id, 'rgb', color, colorSetting.opacity).forEach((kv) => { if (modifier === 'light') { gradientCandidatesLight[kv.key] = kv.value; } else { gradientCandidatesDark[kv.key] = kv.value; } }); continue; } } } seenGradientSections.forEach((sectionId) => { const g = gradients[sectionId]; if (!g) return; g.forEach((def) => { var _a, _b, _c; const { from, to, format, step, id, pad = 0 } = def; if (gradientCandidatesLight[from]) { const fromColor = gradientCandidatesLight[from]; const toColor = gradientCandidatesLight[to] || ((_a = settingsManager.plugin.getCSSVar(to).light) === null || _a === void 0 ? void 0 : _a.trim()); if (toColor) { pushColors(themedLight, id, fromColor, toColor, format, step, pad); } } if (gradientCandidatesDark[from]) { const fromColor = gradientCandidatesDark[from]; const toColor = gradientCandidatesDark[to] || ((_b = settingsManager.plugin.getCSSVar(to).dark) === null || _b === void 0 ? void 0 : _b.trim()); if (toColor) { pushColors(themedDark, id, fromColor, toColor, format, step, pad); } } if (gradientCandidates[from]) { const fromColor = gradientCandidates[from]; const toColor = gradientCandidates[to] || ((_c = settingsManager.plugin.getCSSVar(to).current) === null || _c === void 0 ? void 0 : _c.trim()); if (toColor) { pushColors(vars, id, fromColor, toColor, format, step, pad); } } }); }); return [vars, themedLight, themedDark]; } class CSSSettingsManager { constructor(plugin) { this.config = {}; this.gradients = {}; this.plugin = plugin; this.settings = {}; this.styleTag = document.createElement('style'); this.styleTag.id = 'css-settings-manager'; document.getElementsByTagName('head')[0].appendChild(this.styleTag); } cleanup() { this.styleTag.remove(); this.removeClasses(); } save() { return __awaiter(this, void 0, void 0, function* () { yield this.plugin.saveData(this.settings); this.setCSSVariables(); }); } load() { return __awaiter(this, void 0, void 0, function* () { this.settings = Object.assign({}, yield this.plugin.loadData()); }); } initClasses() { Object.keys(this.config).forEach((section) => { const config = this.config[section]; Object.keys(config).forEach((settingId) => { const setting = config[settingId]; if (setting.type === SettingType.CLASS_TOGGLE) { const classToggle = setting; const value = this.getSetting(section, settingId); if (value === true || (value === undefined && classToggle.default === true)) { document.body.classList.add(setting.id); } } else if (setting.type === SettingType.CLASS_SELECT) { const multiToggle = setting; let value = this.getSetting(section, settingId); if (value === undefined && !!multiToggle.default) { value = multiToggle.default; } else if (value === undefined) { value = 'none'; } if (value !== 'none') { document.body.classList.add(value); } } }); }); } removeClasses() { Object.keys(this.config).forEach((section) => { const config = this.config[section]; Object.keys(config).forEach((settingId) => { const setting = config[settingId]; if (setting.type === SettingType.CLASS_TOGGLE) { document.body.classList.remove(setting.id); } else if (setting.type === SettingType.CLASS_SELECT) { const multiToggle = setting; multiToggle.options.forEach((v) => { if (typeof v === 'string') { document.body.classList.remove(v); } else { document.body.classList.remove(v.value); } }); } }); }); } setCSSVariables() { const [vars, themedLight, themedDark] = getCSSVariables(this.settings, this.config, this.gradients, this); this.styleTag.innerText = ` body.css-settings-manager { ${vars.reduce((combined, current) => { return combined + `--${current.key}: ${current.value}; `; }, '')} } body.theme-light.css-settings-manager { ${themedLight.reduce((combined, current) => { return combined + `--${current.key}: ${current.value}; `; }, '')} } body.theme-dark.css-settings-manager { ${themedDark.reduce((combined, current) => { return combined + `--${current.key}: ${current.value}; `; }, '')} } ` .trim() .replace(/[\r\n\s]+/g, ' '); this.plugin.app.workspace.trigger('css-change', { source: 'style-settings', }); } setConfig(settings) { this.config = {}; this.gradients = {}; settings.forEach((s) => { this.config[s.id] = {}; s.settings.forEach((setting) => { this.config[s.id][setting.id] = setting; if (setting.type === SettingType.COLOR_GRADIENT) { if (!this.gradients[s.id]) this.gradients[s.id] = []; this.gradients[s.id].push(setting); } }); }); let pruned = false; for (const key in this.settings) { const [sectionId, settingId] = key.split('@@'); if (this.config[sectionId] && !this.config[sectionId][settingId]) { delete this.settings[key]; pruned = true; } } if (pruned) { this.save(); } else { this.setCSSVariables(); } } getSetting(sectionId, settingId) { return this.settings[`${sectionId}@@${settingId}`]; } getSettings(sectionId, ids) { return ids.reduce((settings, id) => { const fullId = `${sectionId}@@${id}`; const alts = ['dark', 'light']; if (this.settings[fullId]) { settings[fullId] = this.settings[fullId]; } alts.forEach((alt) => { const id = `${fullId}@@${alt}`; if (this.settings[id]) { settings[id] = this.settings[id]; } }); return settings; }, {}); } setSetting(sectionId, settingId, value) { this.settings[`${sectionId}@@${settingId}`] = value; this.save(); this.removeClasses(); this.initClasses(); } setSettings(settings) { Object.keys(settings).forEach((id) => { this.settings[id] = settings[id]; }); this.removeClasses(); this.initClasses(); return this.save(); } clearSetting(sectionId, settingId) { delete this.settings[`${sectionId}@@${settingId}`]; this.save(); this.removeClasses(); this.initClasses(); } clearSection(sectionId) { Object.keys(this.settings).forEach((key) => { const [section] = key.split('@@'); if (section === sectionId) { delete this.settings[key]; } }); this.save(); this.removeClasses(); this.initClasses(); } export(section, config) { new ExportModal(this.plugin.app, this.plugin, section, config).open(); } import() { new ImportModal(this.plugin.app, this.plugin).open(); } } const ar = {}; const cz = {}; const da = {}; const de = { 'Default:': 'Standard:', 'Error:': 'Fehler:', 'missing default light value, or value is not in a valid color format': 'Fehlender heller standard Wert oder Wert ist in keinem validen Farb-Format', 'missing default dark value, or value is not in a valid color format': 'Fehlender dunkler standard Wert oder Wert ist in keinem validen Farb-Format', 'missing default value, or value is not in a valid color format': 'Fehlender standard Wert oder Wert ist in keinem validen Farb-Format', 'missing default value': 'Fehlender standard Wert', }; const en = { 'Default:': 'Default:', 'Error:': 'Error:', 'missing default light value, or value is not in a valid color format': 'missing default light value, or value is not in a valid color format', 'missing default dark value, or value is not in a valid color format': 'missing default dark value, or value is not in a valid color format', 'missing default value, or value is not in a valid color format': 'missing default value, or value is not in a valid color format', 'missing default value': 'missing default value', }; const es = {}; const fr = {}; const hi = {}; const id = {}; const it = {}; const ja = {}; const ko = {}; const nl = { 'Default:': 'Standaard:', 'Error:': 'Error:', 'missing default light value, or value is not in a valid color format': 'Geen standaard waarde voor het lichte thema, of de waarde is niet in het goede formaat', 'missing default dark value, or value is not in a valid color format': 'Geen standaard waarde voor het donkere thema, of de waarde is niet in het goede formaat', 'missing default value, or value is not in a valid color format': 'Geen standaard waarde, of de waarde is niet in het goede formaat', 'missing default value': 'Geen standaard waarde', }; const no = {}; const pl = {}; const pt = {}; const ptBr = {}; const ro = {}; const ru = {}; const sq = {}; const tr = {}; const uk = {}; const zh = { 'Default:': '默认:', 'Error:': '错误:', 'missing default light value, or value is not in a valid color format': '缺少默认的浅色模式色值,或该色值没有采用一个有效的颜色格式', 'missing default dark value, or value is not in a valid color format': '缺少默认的深色模式色值,或该色值没有采用一个有效的颜色格式', 'missing default value, or value is not in a valid color format': '缺少默认色值,或该色值没有采用一个有效的颜色格式', 'missing default value': '缺少默认色值', }; const zhTw = {}; const lang = window.localStorage.getItem('language'); const localeMap = { ar, cz, da, de, en, es, fr, hi, id, it, ja, ko, nl, no, pl, 'pt-BR': ptBr, pt, ro, ru, sq, tr, uk, 'zh-TW': zhTw, zh, }; const locale = localeMap[lang || 'en']; function t(str) { if (!locale) { console.error('Error: Style Settings locale not found', lang); } return (locale && locale[str]) || en[str]; } const settingRegExp = /\/\*!?\s*@settings[\r\n]+?([\s\S]+?)\*\//g; const nameRegExp = /^name:\s*(.+)$/m; function getTitle(config) { if (lang) { return config[`title.${lang}`] || config.title; } return config.title; } function getDescription(config) { if (lang) { return (config[`description.${lang}`] || config.description); } return config.description; } function isValidDefaultColor(color) { return /^(#|rgb|hsl)/.test(color); } function getPickrSettings(opts) { const { el, isView, containerEl, swatches, opacity, defaultColor } = opts; return { el, container: isView ? document.body : containerEl, theme: 'nano', swatches, lockOpacity: !opacity, default: defaultColor, position: 'left-middle', components: { preview: true, hue: true, opacity: !!opacity, interaction: { hex: true, rgba: true, hsla: true, input: true, cancel: true, save: true, }, }, }; } function onPickrCancel(instance) { instance.hide(); } function sanitizeText(str) { if (str === '') { return `""`; } return str.replace(/[;<>]/g, ''); } function createDescription(description, def, defLabel) { const fragment = createFragment(); if (description) { fragment.appendChild(document.createTextNode(description)); } if (def) { const small = createEl('small'); small.appendChild(createEl('strong', { text: `${t('Default:')} ` })); small.appendChild(document.createTextNode(defLabel || def)); const div = createEl('div'); div.appendChild(small); fragment.appendChild(div); } return fragment; } var fuzzysort = createCommonjsModule(function (module) { ((root, UMD) => { if(module.exports) module.exports = UMD(); else root['fuzzysort'] = UMD(); })(commonjsGlobal, _ => { var single = (search, target) => { if(search=='farzher')return {target:"farzher was here (^-^*)/",score:0,_indexes:[0]} if(!search || !target) return NULL var preparedSearch = getPreparedSearch(search); if(!isObj(target)) target = getPrepared(target); var searchBitflags = preparedSearch.bitflags; if((searchBitflags & target._bitflags) !== searchBitflags) return NULL return algorithm(preparedSearch, target) }; var go = (search, targets, options) => { if(search=='farzher')return [{target:"farzher was here (^-^*)/",score:0,_indexes:[0],obj:targets?targets[0]:NULL}] if(!search) return options&&options.all ? all(search, targets, options) : noResults var preparedSearch = getPreparedSearch(search); var searchBitflags = preparedSearch.bitflags; preparedSearch.containsSpace; var threshold = options&&options.threshold || INT_MIN; var limit = options&&options['limit'] || INT_MAX; // for some reason only limit breaks when minified var resultsLen = 0; var limitedCount = 0; var targetsLen = targets.length; // This code is copy/pasted 3 times for performance reasons [options.keys, options.key, no keys] // options.key if(options && options.key) { var key = options.key; for(var i = 0; i < targetsLen; ++i) { var obj = targets[i]; var target = getValue(obj, key); if(!target) continue if(!isObj(target)) target = getPrepared(target); if((searchBitflags & target._bitflags) !== searchBitflags) continue var result = algorithm(preparedSearch, target); if(result === NULL) continue if(result.score < threshold) continue // have to clone result so duplicate targets from different obj can each reference the correct obj result = {target:result.target, _targetLower:'', _targetLowerCodes:NULL, _nextBeginningIndexes:NULL, _bitflags:0, score:result.score, _indexes:result._indexes, obj:obj}; // hidden if(resultsLen < limit) { q.add(result); ++resultsLen; } else { ++limitedCount; if(result.score > q.peek().score) q.replaceTop(result); } } // options.keys } else if(options && options.keys) { var scoreFn = options['scoreFn'] || defaultScoreFn; var keys = options.keys; var keysLen = keys.length; for(var i = 0; i < targetsLen; ++i) { var obj = targets[i]; var objResults = new Array(keysLen); for (var keyI = 0; keyI < keysLen; ++keyI) { var key = keys[keyI]; var target = getValue(obj, key); if(!target) { objResults[keyI] = NULL; continue } if(!isObj(target)) target = getPrepared(target); if((searchBitflags & target._bitflags) !== searchBitflags) objResults[keyI] = NULL; else objResults[keyI] = algorithm(preparedSearch, target); } objResults.obj = obj; // before scoreFn so scoreFn can use it var score = scoreFn(objResults); if(score === NULL) continue if(score < threshold) continue objResults.score = score; if(resultsLen < limit) { q.add(objResults); ++resultsLen; } else { ++limitedCount; if(score > q.peek().score) q.replaceTop(objResults); } } // no keys } else { for(var i = 0; i < targetsLen; ++i) { var target = targets[i]; if(!target) continue if(!isObj(target)) target = getPrepared(target); if((searchBitflags & target._bitflags) !== searchBitflags) continue var result = algorithm(preparedSearch, target); if(result === NULL) continue if(result.score < threshold) continue if(resultsLen < limit) { q.add(result); ++resultsLen; } else { ++limitedCount; if(result.score > q.peek().score) q.replaceTop(result); } } } if(resultsLen === 0) return noResults var results = new Array(resultsLen); for(var i = resultsLen - 1; i >= 0; --i) results[i] = q.poll(); results.total = resultsLen + limitedCount; return results }; var highlight = (result, hOpen, hClose) => { if(typeof hOpen === 'function') return highlightCallback(result, hOpen) if(result === NULL) return NULL if(hOpen === undefined) hOpen = ''; if(hClose === undefined) hClose = ''; var highlighted = ''; var matchesIndex = 0; var opened = false; var target = result.target; var targetLen = target.length; var indexes = result._indexes; indexes = indexes.slice(0, indexes.len).sort((a,b)=>a-b); for(var i = 0; i < targetLen; ++i) { var char = target[i]; if(indexes[matchesIndex] === i) { ++matchesIndex; if(!opened) { opened = true; highlighted += hOpen; } if(matchesIndex === indexes.length) { highlighted += char + hClose + target.substr(i+1); break } } else { if(opened) { opened = false; highlighted += hClose; } } highlighted += char; } return highlighted }; var highlightCallback = (result, cb) => { if(result === NULL) return NULL var target = result.target; var targetLen = target.length; var indexes = result._indexes; indexes = indexes.slice(0, indexes.len).sort((a,b)=>a-b); var highlighted = ''; var matchI = 0; var indexesI = 0; var opened = false; var result = []; for(var i = 0; i < targetLen; ++i) { var char = target[i]; if(indexes[indexesI] === i) { ++indexesI; if(!opened) { opened = true; result.push(highlighted); highlighted = ''; } if(indexesI === indexes.length) { highlighted += char; result.push(cb(highlighted, matchI++)); highlighted = ''; result.push(target.substr(i+1)); break } } else { if(opened) { opened = false; result.push(cb(highlighted, matchI++)); highlighted = ''; } } highlighted += char; } return result }; var indexes = result => result._indexes.slice(0, result._indexes.len).sort((a,b)=>a-b); var prepare = (target) => { if(typeof target !== 'string') target = ''; var info = prepareLowerInfo(target); return {'target':target, _targetLower:info._lower, _targetLowerCodes:info.lowerCodes, _nextBeginningIndexes:NULL, _bitflags:info.bitflags, 'score':NULL, _indexes:[0], 'obj':NULL} // hidden }; // Below this point is only internal code // Below this point is only internal code // Below this point is only internal code // Below this point is only internal code var prepareSearch = (search) => { if(typeof search !== 'string') search = ''; search = search.trim(); var info = prepareLowerInfo(search); var spaceSearches = []; if(info.containsSpace) { var searches = search.split(/\s+/); searches = [...new Set(searches)]; // distinct for(var i=0; i { if(target.length > 999) return prepare(target) // don't cache huge targets var targetPrepared = preparedCache.get(target); if(targetPrepared !== undefined) return targetPrepared targetPrepared = prepare(target); preparedCache.set(target, targetPrepared); return targetPrepared }; var getPreparedSearch = (search) => { if(search.length > 999) return prepareSearch(search) // don't cache huge searches var searchPrepared = preparedSearchCache.get(search); if(searchPrepared !== undefined) return searchPrepared searchPrepared = prepareSearch(search); preparedSearchCache.set(search, searchPrepared); return searchPrepared }; var all = (search, targets, options) => { var results = []; results.total = targets.length; var limit = options && options.limit || INT_MAX; if(options && options.key) { for(var i=0;i