@hestia-earth/ui-components 0.10.3 → 0.10.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/esm2020/common/color.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Gradient from 'javascript-color-gradient';
|
|
2
|
-
import {
|
|
2
|
+
import { ShadeGenerator } from 'shade-generator/dist/shadeGenerator';
|
|
3
3
|
export var ColorPalette;
|
|
4
4
|
(function (ColorPalette) {
|
|
5
5
|
ColorPalette[ColorPalette["categorial"] = 0] = "categorial";
|
|
@@ -56,8 +56,8 @@ const getColorGradient = (index, colors) => {
|
|
|
56
56
|
};
|
|
57
57
|
const getColorShade = (index, colors) => {
|
|
58
58
|
const color = colors[index % colors.length];
|
|
59
|
-
const shade =
|
|
60
|
-
return ShadeGenerator.hue(color).shade(shade).hex();
|
|
59
|
+
const shade = Math.min(100, Math.max(10, Math.abs(100 - Math.ceil(index / colors.length) * 10)));
|
|
60
|
+
return ShadeGenerator.hue(color).shade(`${shade}`).hex();
|
|
61
61
|
};
|
|
62
62
|
export const getColor = (index, scheme = ColorPalette.categorial) => {
|
|
63
63
|
const colors = palette[scheme];
|
|
@@ -69,4 +69,4 @@ export const getColor = (index, scheme = ColorPalette.categorial) => {
|
|
|
69
69
|
};
|
|
70
70
|
export const listColor = (_v, index) => getColor(index);
|
|
71
71
|
export const listColorContinuous = (_v, index) => getColor(index, ColorPalette.continuous);
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL2NvbG9yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVyRSxNQUFNLENBQU4sSUFBWSxZQUlYO0FBSkQsV0FBWSxZQUFZO0lBQ3RCLDJEQUFVLENBQUE7SUFDViwyREFBVSxDQUFBO0lBQ1YseURBQVMsQ0FBQTtBQUNYLENBQUMsRUFKVyxZQUFZLEtBQVosWUFBWSxRQUl2QjtBQUVELE1BQU0sT0FBTyxHQUVULE1BQU0sQ0FBQyxNQUFNLENBQUM7SUFDaEIsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDekIsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztLQUNWO0lBQ0QsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDekIsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztLQUNWO0lBQ0QsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEVBQUU7UUFDeEIsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztLQUNWO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxZQUFZLEdBQUcsQ0FBQyxHQUFHLE9BQWlCLEVBQVksRUFBRSxDQUFDLElBQUksUUFBUSxFQUFFO0tBQ3BFLGdCQUFnQixDQUFDLEdBQUcsT0FBTyxDQUFDO0tBQzVCLFdBQVcsQ0FBQyxFQUFFLENBQUM7S0FDZixTQUFTLEVBQUUsQ0FBQztBQUVmLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxLQUFhLEVBQUUsTUFBZ0IsRUFBRSxFQUFFO0lBQzNELE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzVDLE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQztJQUM5QyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkQsT0FBTyxZQUFZLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0FBQ2pELENBQUMsQ0FBQztBQUVGLE1BQU0sYUFBYSxHQUFHLENBQUMsS0FBYSxFQUFFLE1BQWdCLEVBQUUsRUFBRTtJQUN4RCxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1QyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2pHLE9BQU8sY0FBYyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLEVBQVMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDO0FBQ2xFLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFDLEtBQWEsRUFBRSxNQUFNLEdBQUcsWUFBWSxDQUFDLFVBQVUsRUFBRSxFQUFFO0lBQzFFLE1BQU0sTUFBTSxHQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMvQixPQUFPLEtBQUssR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDNUIsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUNiLENBQUMsQ0FBQyxNQUFNLEtBQUssWUFBWSxDQUFDLFVBQVU7WUFDbEMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDO1lBQzlCLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFDeEMsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUksRUFBSyxFQUFFLEtBQWEsRUFBVSxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBRTlFLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLENBQUksRUFBSyxFQUFFLEtBQWEsRUFBVSxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgR3JhZGllbnQgZnJvbSAnamF2YXNjcmlwdC1jb2xvci1ncmFkaWVudCc7XG5pbXBvcnQgeyBTaGFkZUdlbmVyYXRvciB9IGZyb20gJ3NoYWRlLWdlbmVyYXRvci9kaXN0L3NoYWRlR2VuZXJhdG9yJztcblxuZXhwb3J0IGVudW0gQ29sb3JQYWxldHRlIHtcbiAgY2F0ZWdvcmlhbCxcbiAgY29udGludW91cyxcbiAgZGl2ZXJnZW50XG59XG5cbmNvbnN0IHBhbGV0dGU6IHtcbiAgW3BhbGV0dGUgaW4gQ29sb3JQYWxldHRlXTogc3RyaW5nW107XG59ID0gT2JqZWN0LmZyZWV6ZSh7XG4gIFtDb2xvclBhbGV0dGUuY2F0ZWdvcmlhbF06IFtcbiAgICAnIzE5Mzk1NycsXG4gICAgJyNGRkMwMDAnLFxuICAgICcjMjQ5REE1JyxcbiAgICAnI0RDNzAzMycsXG4gICAgJyMzNDlCM0UnLFxuICAgICcjQ0NBNzZEJyxcbiAgICAnIzYzOTRDRScsXG4gICAgJyM5QUIwNEMnLFxuICAgICcjOEI1MEE3JyxcbiAgICAnIzhBNTQwMidcbiAgXSxcbiAgW0NvbG9yUGFsZXR0ZS5jb250aW51b3VzXTogW1xuICAgICcjMTkzOTU3JyxcbiAgICAnIzFENTg2RicsXG4gICAgJyMyMDc3ODgnLFxuICAgICcjNDk4Rjc4JyxcbiAgICAnIzdGQTU1QicsXG4gICAgJyNCMEI0M0InLFxuICAgICcjRERCQjE5JyxcbiAgICAnI0ZGQzUxNCcsXG4gICAgJyNGREQ4NjYnLFxuICAgICcjRkNFQkI4J1xuICBdLFxuICBbQ29sb3JQYWxldHRlLmRpdmVyZ2VudF06IFtcbiAgICAnIzE5Mzk1NycsXG4gICAgJyMxRDYxNzYnLFxuICAgICcjMjI4QTk2JyxcbiAgICAnIzU4QjNCNScsXG4gICAgJyNBQ0Q2Q0YnLFxuICAgICcjRkNFQkI4JyxcbiAgICAnI0ZDRTE4RicsXG4gICAgJyNGREQ3NjMnLFxuICAgICcjRkVDQzM0JyxcbiAgICAnI0ZGQzAwMCdcbiAgXVxufSk7XG5cbmNvbnN0IGdldEdyYWRpZW50cyA9ICguLi5jb2xvdXJzOiBzdHJpbmdbXSk6IHN0cmluZ1tdID0+IG5ldyBHcmFkaWVudCgpXG4gIC5zZXRDb2xvckdyYWRpZW50KC4uLmNvbG91cnMpXG4gIC5zZXRNaWRwb2ludCgxMClcbiAgLmdldENvbG9ycygpO1xuXG5jb25zdCBnZXRDb2xvckdyYWRpZW50ID0gKGluZGV4OiBudW1iZXIsIGNvbG9yczogc3RyaW5nW10pID0+IHtcbiAgY29uc3Qgc3RhcnQgPSBjb2xvcnNbaW5kZXggJSBjb2xvcnMubGVuZ3RoXTtcbiAgY29uc3QgZW5kID0gY29sb3JzW2luZGV4ICUgY29sb3JzLmxlbmd0aCArIDFdO1xuICBjb25zdCBncmFkaWVudEluZGV4ID0gTWF0aC5jZWlsKGluZGV4IC8gY29sb3JzLmxlbmd0aCk7XG4gIHJldHVybiBnZXRHcmFkaWVudHMoc3RhcnQsIGVuZClbZ3JhZGllbnRJbmRleF07XG59O1xuXG5jb25zdCBnZXRDb2xvclNoYWRlID0gKGluZGV4OiBudW1iZXIsIGNvbG9yczogc3RyaW5nW10pID0+IHtcbiAgY29uc3QgY29sb3IgPSBjb2xvcnNbaW5kZXggJSBjb2xvcnMubGVuZ3RoXTtcbiAgY29uc3Qgc2hhZGUgPSBNYXRoLm1pbigxMDAsIE1hdGgubWF4KDEwLCBNYXRoLmFicygxMDAgLSBNYXRoLmNlaWwoaW5kZXggLyBjb2xvcnMubGVuZ3RoKSAqIDEwKSkpO1xuICByZXR1cm4gU2hhZGVHZW5lcmF0b3IuaHVlKGNvbG9yKS5zaGFkZShgJHtzaGFkZX1gIGFzIGFueSkuaGV4KCk7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29sb3IgPSAoaW5kZXg6IG51bWJlciwgc2NoZW1lID0gQ29sb3JQYWxldHRlLmNhdGVnb3JpYWwpID0+IHtcbiAgY29uc3QgY29sb3JzID0gcGFsZXR0ZVtzY2hlbWVdO1xuICByZXR1cm4gaW5kZXggPCBjb2xvcnMubGVuZ3RoID9cbiAgICBjb2xvcnNbaW5kZXhdXG4gICAgOiBzY2hlbWUgPT09IENvbG9yUGFsZXR0ZS5jYXRlZ29yaWFsXG4gICAgICA/IGdldENvbG9yU2hhZGUoaW5kZXgsIGNvbG9ycylcbiAgICAgIDogZ2V0Q29sb3JHcmFkaWVudChpbmRleCwgY29sb3JzKTtcbn07XG5cbmV4cG9ydCBjb25zdCBsaXN0Q29sb3IgPSA8VD4oX3Y6IFQsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcgPT4gZ2V0Q29sb3IoaW5kZXgpO1xuXG5leHBvcnQgY29uc3QgbGlzdENvbG9yQ29udGludW91cyA9IDxUPihfdjogVCwgaW5kZXg6IG51bWJlcik6IHN0cmluZyA9PiBnZXRDb2xvcihpbmRleCwgQ29sb3JQYWxldHRlLmNvbnRpbnVvdXMpO1xuIl19
|
|
@@ -28,7 +28,7 @@ import * as i1$2 from '@angular/common/http';
|
|
|
28
28
|
import { DeltaDisplayType, delta, customDeltaFuncs } from '@hestia-earth/utils/dist/delta';
|
|
29
29
|
import orderBy from 'lodash.orderby';
|
|
30
30
|
import Gradient from 'javascript-color-gradient';
|
|
31
|
-
import ShadeGenerator from 'shade-generator';
|
|
31
|
+
import { ShadeGenerator } from 'shade-generator/dist/shadeGenerator';
|
|
32
32
|
import { select } from 'd3-selection';
|
|
33
33
|
import { json2csvAsync } from 'json-2-csv';
|
|
34
34
|
import * as i4 from '@angular/cdk/drag-drop';
|
|
@@ -4516,8 +4516,8 @@ const getColorGradient = (index, colors) => {
|
|
|
4516
4516
|
};
|
|
4517
4517
|
const getColorShade = (index, colors) => {
|
|
4518
4518
|
const color = colors[index % colors.length];
|
|
4519
|
-
const shade =
|
|
4520
|
-
return ShadeGenerator.hue(color).shade(shade).hex();
|
|
4519
|
+
const shade = Math.min(100, Math.max(10, Math.abs(100 - Math.ceil(index / colors.length) * 10)));
|
|
4520
|
+
return ShadeGenerator.hue(color).shade(`${shade}`).hex();
|
|
4521
4521
|
};
|
|
4522
4522
|
const getColor = (index, scheme = ColorPalette.categorial) => {
|
|
4523
4523
|
const colors = palette[scheme];
|