sun-card-design 1.1.11 → 1.1.12
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/dist/mobile/sun-card-design-mobile.es10.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es11.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es12.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es13.js +3 -3
- package/dist/mobile/sun-card-design-mobile.es14.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es15.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es16.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es17.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es18.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es19.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es2.js +39 -23
- package/dist/mobile/sun-card-design-mobile.es20.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es21.js +3 -3
- package/dist/mobile/sun-card-design-mobile.es22.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es23.js +3 -3
- package/dist/mobile/sun-card-design-mobile.es24.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es25.js +9 -3
- package/dist/mobile/sun-card-design-mobile.es27.js +54 -0
- package/dist/mobile/sun-card-design-mobile.es3.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es33.js +2 -35
- package/dist/mobile/sun-card-design-mobile.es35.js +7 -34
- package/dist/mobile/sun-card-design-mobile.es38.js +120 -32
- package/dist/mobile/sun-card-design-mobile.es4.js +1 -1
- package/dist/mobile/{sun-card-design-mobile.es49.js → sun-card-design-mobile.es43.js} +3 -3
- package/dist/mobile/sun-card-design-mobile.es5.js +2 -8
- package/dist/mobile/{sun-card-design-mobile.es64.js → sun-card-design-mobile.es56.js} +2 -2
- package/dist/mobile/sun-card-design-mobile.es57.js +49 -0
- package/dist/mobile/sun-card-design-mobile.es6.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es7.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es8.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es9.js +2 -2
- package/dist/pc/sun-card-design-pc.es10.js +1 -1
- package/dist/pc/sun-card-design-pc.es11.js +1 -1
- package/dist/pc/sun-card-design-pc.es12.js +1 -1
- package/dist/pc/sun-card-design-pc.es13.js +3 -3
- package/dist/pc/sun-card-design-pc.es14.js +1 -1
- package/dist/pc/sun-card-design-pc.es15.js +1 -1
- package/dist/pc/sun-card-design-pc.es16.js +1 -1
- package/dist/pc/sun-card-design-pc.es17.js +1 -1
- package/dist/pc/sun-card-design-pc.es18.js +1 -1
- package/dist/pc/sun-card-design-pc.es19.js +1 -1
- package/dist/pc/sun-card-design-pc.es2.js +33 -22
- package/dist/pc/sun-card-design-pc.es20.js +1 -1
- package/dist/pc/sun-card-design-pc.es21.js +3 -3
- package/dist/pc/sun-card-design-pc.es22.js +1 -1
- package/dist/pc/sun-card-design-pc.es23.js +3 -3
- package/dist/pc/sun-card-design-pc.es24.js +1 -1
- package/dist/pc/sun-card-design-pc.es25.js +9 -3
- package/dist/pc/sun-card-design-pc.es27.js +54 -0
- package/dist/pc/sun-card-design-pc.es3.js +1 -1
- package/dist/pc/sun-card-design-pc.es33.js +2 -35
- package/dist/pc/sun-card-design-pc.es35.js +7 -34
- package/dist/pc/sun-card-design-pc.es38.js +120 -32
- package/dist/pc/sun-card-design-pc.es4.js +1 -1
- package/dist/pc/{sun-card-design-pc.es49.js → sun-card-design-pc.es43.js} +3 -3
- package/dist/pc/sun-card-design-pc.es5.js +2 -8
- package/dist/pc/{sun-card-design-pc.es64.js → sun-card-design-pc.es56.js} +2 -2
- package/dist/pc/sun-card-design-pc.es57.js +49 -0
- package/dist/pc/sun-card-design-pc.es6.js +2 -2
- package/dist/pc/sun-card-design-pc.es7.js +2 -2
- package/dist/pc/sun-card-design-pc.es8.js +1 -1
- package/dist/pc/sun-card-design-pc.es9.js +2 -2
- package/dist/sun-card-design.css +1 -1
- package/package.json +47 -15
- package/dist/mobile/sun-card-design-mobile.es32.js +0 -37
- package/dist/mobile/sun-card-design-mobile.es34.js +0 -37
- package/dist/mobile/sun-card-design-mobile.es36.js +0 -37
- package/dist/mobile/sun-card-design-mobile.es37.js +0 -37
- package/dist/mobile/sun-card-design-mobile.es39.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es41.js +0 -10
- package/dist/mobile/sun-card-design-mobile.es44.js +0 -125
- package/dist/mobile/sun-card-design-mobile.es58.js +0 -842
- package/dist/mobile/sun-card-design-mobile.es59.js +0 -139
- package/dist/mobile/sun-card-design-mobile.es67.js +0 -37
- package/dist/mobile/sun-card-design-mobile.es68.js +0 -37
- package/dist/mobile/sun-card-design-mobile.es70.js +0 -37
- package/dist/mobile/sun-card-design-mobile.es71.js +0 -68
- package/dist/mobile/sun-card-design-mobile.es72.js +0 -107
- package/dist/mobile/sun-card-design-mobile.es73.js +0 -85
- package/dist/mobile/sun-card-design-mobile.es74.js +0 -175
- package/dist/mobile/sun-card-design-mobile.es75.js +0 -44
- package/dist/mobile/sun-card-design-mobile.es76.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es77.js +0 -148
- package/dist/mobile/sun-card-design-mobile.es78.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es79.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es80.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es81.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es82.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es83.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es84.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es85.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es86.js +0 -148
- package/dist/mobile/sun-card-design-mobile.es87.js +0 -112
- package/dist/mobile/sun-card-design-mobile.es88.js +0 -153
- package/dist/mobile/sun-card-design-mobile.es89.js +0 -49
- package/dist/mobile/sun-card-design-mobile.es90.js +0 -153
- package/dist/mobile/sun-card-design-mobile.es91.js +0 -49
- package/dist/pc/sun-card-design-pc.es32.js +0 -37
- package/dist/pc/sun-card-design-pc.es34.js +0 -37
- package/dist/pc/sun-card-design-pc.es36.js +0 -37
- package/dist/pc/sun-card-design-pc.es37.js +0 -37
- package/dist/pc/sun-card-design-pc.es39.js +0 -4
- package/dist/pc/sun-card-design-pc.es41.js +0 -10
- package/dist/pc/sun-card-design-pc.es44.js +0 -125
- package/dist/pc/sun-card-design-pc.es58.js +0 -842
- package/dist/pc/sun-card-design-pc.es59.js +0 -139
- package/dist/pc/sun-card-design-pc.es68.js +0 -37
- package/dist/pc/sun-card-design-pc.es70.js +0 -37
- package/dist/pc/sun-card-design-pc.es71.js +0 -68
- package/dist/pc/sun-card-design-pc.es72.js +0 -107
- package/dist/pc/sun-card-design-pc.es73.js +0 -85
- package/dist/pc/sun-card-design-pc.es74.js +0 -4
- package/dist/pc/sun-card-design-pc.es75.js +0 -148
- package/dist/pc/sun-card-design-pc.es76.js +0 -4
- package/dist/pc/sun-card-design-pc.es77.js +0 -4
- package/dist/pc/sun-card-design-pc.es78.js +0 -4
- package/dist/pc/sun-card-design-pc.es79.js +0 -4
- package/dist/pc/sun-card-design-pc.es80.js +0 -4
- package/dist/pc/sun-card-design-pc.es81.js +0 -4
- package/dist/pc/sun-card-design-pc.es82.js +0 -4
- package/dist/pc/sun-card-design-pc.es83.js +0 -4
- package/dist/pc/sun-card-design-pc.es84.js +0 -175
- package/dist/pc/sun-card-design-pc.es85.js +0 -44
- package/dist/pc/sun-card-design-pc.es86.js +0 -148
- package/dist/pc/sun-card-design-pc.es87.js +0 -112
- package/dist/pc/sun-card-design-pc.es88.js +0 -153
- package/dist/pc/sun-card-design-pc.es89.js +0 -49
- package/dist/pc/sun-card-design-pc.es90.js +0 -153
- package/dist/pc/sun-card-design-pc.es91.js +0 -49
- /package/dist/mobile/{sun-card-design-mobile.es28.js → sun-card-design-mobile.es29.js} +0 -0
- /package/dist/pc/{sun-card-design-pc.es28.js → sun-card-design-pc.es29.js} +0 -0
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var UploadOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" } }] }, "name": "upload", "theme": "outlined" };
|
|
2
|
-
export {
|
|
3
|
-
UploadOutlined as default
|
|
4
|
-
};
|
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
import { inputToRGB } from "./sun-card-design-pc.es86.js";
|
|
2
|
-
import { rgbToHsv, rgbToHex } from "./sun-card-design-pc.es87.js";
|
|
3
|
-
var hueStep = 2;
|
|
4
|
-
var saturationStep = 0.16;
|
|
5
|
-
var saturationStep2 = 0.05;
|
|
6
|
-
var brightnessStep1 = 0.05;
|
|
7
|
-
var brightnessStep2 = 0.15;
|
|
8
|
-
var lightColorCount = 5;
|
|
9
|
-
var darkColorCount = 4;
|
|
10
|
-
var darkColorMap = [{
|
|
11
|
-
index: 7,
|
|
12
|
-
opacity: 0.15
|
|
13
|
-
}, {
|
|
14
|
-
index: 6,
|
|
15
|
-
opacity: 0.25
|
|
16
|
-
}, {
|
|
17
|
-
index: 5,
|
|
18
|
-
opacity: 0.3
|
|
19
|
-
}, {
|
|
20
|
-
index: 5,
|
|
21
|
-
opacity: 0.45
|
|
22
|
-
}, {
|
|
23
|
-
index: 5,
|
|
24
|
-
opacity: 0.65
|
|
25
|
-
}, {
|
|
26
|
-
index: 5,
|
|
27
|
-
opacity: 0.85
|
|
28
|
-
}, {
|
|
29
|
-
index: 4,
|
|
30
|
-
opacity: 0.9
|
|
31
|
-
}, {
|
|
32
|
-
index: 3,
|
|
33
|
-
opacity: 0.95
|
|
34
|
-
}, {
|
|
35
|
-
index: 2,
|
|
36
|
-
opacity: 0.97
|
|
37
|
-
}, {
|
|
38
|
-
index: 1,
|
|
39
|
-
opacity: 0.98
|
|
40
|
-
}];
|
|
41
|
-
function toHsv(_ref) {
|
|
42
|
-
var r = _ref.r, g = _ref.g, b = _ref.b;
|
|
43
|
-
var hsv = rgbToHsv(r, g, b);
|
|
44
|
-
return {
|
|
45
|
-
h: hsv.h * 360,
|
|
46
|
-
s: hsv.s,
|
|
47
|
-
v: hsv.v
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
function toHex(_ref2) {
|
|
51
|
-
var r = _ref2.r, g = _ref2.g, b = _ref2.b;
|
|
52
|
-
return "#".concat(rgbToHex(r, g, b));
|
|
53
|
-
}
|
|
54
|
-
function mix(rgb1, rgb2, amount) {
|
|
55
|
-
var p = amount / 100;
|
|
56
|
-
var rgb = {
|
|
57
|
-
r: (rgb2.r - rgb1.r) * p + rgb1.r,
|
|
58
|
-
g: (rgb2.g - rgb1.g) * p + rgb1.g,
|
|
59
|
-
b: (rgb2.b - rgb1.b) * p + rgb1.b
|
|
60
|
-
};
|
|
61
|
-
return rgb;
|
|
62
|
-
}
|
|
63
|
-
function getHue(hsv, i, light) {
|
|
64
|
-
var hue;
|
|
65
|
-
if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
|
|
66
|
-
hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
|
|
67
|
-
} else {
|
|
68
|
-
hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
|
|
69
|
-
}
|
|
70
|
-
if (hue < 0) {
|
|
71
|
-
hue += 360;
|
|
72
|
-
} else if (hue >= 360) {
|
|
73
|
-
hue -= 360;
|
|
74
|
-
}
|
|
75
|
-
return hue;
|
|
76
|
-
}
|
|
77
|
-
function getSaturation(hsv, i, light) {
|
|
78
|
-
if (hsv.h === 0 && hsv.s === 0) {
|
|
79
|
-
return hsv.s;
|
|
80
|
-
}
|
|
81
|
-
var saturation;
|
|
82
|
-
if (light) {
|
|
83
|
-
saturation = hsv.s - saturationStep * i;
|
|
84
|
-
} else if (i === darkColorCount) {
|
|
85
|
-
saturation = hsv.s + saturationStep;
|
|
86
|
-
} else {
|
|
87
|
-
saturation = hsv.s + saturationStep2 * i;
|
|
88
|
-
}
|
|
89
|
-
if (saturation > 1) {
|
|
90
|
-
saturation = 1;
|
|
91
|
-
}
|
|
92
|
-
if (light && i === lightColorCount && saturation > 0.1) {
|
|
93
|
-
saturation = 0.1;
|
|
94
|
-
}
|
|
95
|
-
if (saturation < 0.06) {
|
|
96
|
-
saturation = 0.06;
|
|
97
|
-
}
|
|
98
|
-
return Number(saturation.toFixed(2));
|
|
99
|
-
}
|
|
100
|
-
function getValue(hsv, i, light) {
|
|
101
|
-
var value;
|
|
102
|
-
if (light) {
|
|
103
|
-
value = hsv.v + brightnessStep1 * i;
|
|
104
|
-
} else {
|
|
105
|
-
value = hsv.v - brightnessStep2 * i;
|
|
106
|
-
}
|
|
107
|
-
if (value > 1) {
|
|
108
|
-
value = 1;
|
|
109
|
-
}
|
|
110
|
-
return Number(value.toFixed(2));
|
|
111
|
-
}
|
|
112
|
-
function generate(color) {
|
|
113
|
-
var opts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
114
|
-
var patterns = [];
|
|
115
|
-
var pColor = inputToRGB(color);
|
|
116
|
-
for (var i = lightColorCount; i > 0; i -= 1) {
|
|
117
|
-
var hsv = toHsv(pColor);
|
|
118
|
-
var colorString = toHex(inputToRGB({
|
|
119
|
-
h: getHue(hsv, i, true),
|
|
120
|
-
s: getSaturation(hsv, i, true),
|
|
121
|
-
v: getValue(hsv, i, true)
|
|
122
|
-
}));
|
|
123
|
-
patterns.push(colorString);
|
|
124
|
-
}
|
|
125
|
-
patterns.push(toHex(pColor));
|
|
126
|
-
for (var _i = 1; _i <= darkColorCount; _i += 1) {
|
|
127
|
-
var _hsv = toHsv(pColor);
|
|
128
|
-
var _colorString = toHex(inputToRGB({
|
|
129
|
-
h: getHue(_hsv, _i),
|
|
130
|
-
s: getSaturation(_hsv, _i),
|
|
131
|
-
v: getValue(_hsv, _i)
|
|
132
|
-
}));
|
|
133
|
-
patterns.push(_colorString);
|
|
134
|
-
}
|
|
135
|
-
if (opts.theme === "dark") {
|
|
136
|
-
return darkColorMap.map(function(_ref3) {
|
|
137
|
-
var index = _ref3.index, opacity = _ref3.opacity;
|
|
138
|
-
var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || "#141414"), inputToRGB(patterns[index]), opacity * 100));
|
|
139
|
-
return darkColorString;
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
return patterns;
|
|
143
|
-
}
|
|
144
|
-
var presetPrimaryColors = {
|
|
145
|
-
red: "#F5222D",
|
|
146
|
-
volcano: "#FA541C",
|
|
147
|
-
orange: "#FA8C16",
|
|
148
|
-
gold: "#FAAD14",
|
|
149
|
-
yellow: "#FADB14",
|
|
150
|
-
lime: "#A0D911",
|
|
151
|
-
green: "#52C41A",
|
|
152
|
-
cyan: "#13C2C2",
|
|
153
|
-
blue: "#1890FF",
|
|
154
|
-
geekblue: "#2F54EB",
|
|
155
|
-
purple: "#722ED1",
|
|
156
|
-
magenta: "#EB2F96",
|
|
157
|
-
grey: "#666666"
|
|
158
|
-
};
|
|
159
|
-
var presetPalettes = {};
|
|
160
|
-
var presetDarkPalettes = {};
|
|
161
|
-
Object.keys(presetPrimaryColors).forEach(function(key) {
|
|
162
|
-
presetPalettes[key] = generate(presetPrimaryColors[key]);
|
|
163
|
-
presetPalettes[key].primary = presetPalettes[key][5];
|
|
164
|
-
presetDarkPalettes[key] = generate(presetPrimaryColors[key], {
|
|
165
|
-
theme: "dark",
|
|
166
|
-
backgroundColor: "#141414"
|
|
167
|
-
});
|
|
168
|
-
presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
|
|
169
|
-
});
|
|
170
|
-
export {
|
|
171
|
-
generate,
|
|
172
|
-
presetDarkPalettes,
|
|
173
|
-
presetPalettes,
|
|
174
|
-
presetPrimaryColors
|
|
175
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
var containers = [];
|
|
2
|
-
var styleElements = [];
|
|
3
|
-
var usage = "insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).";
|
|
4
|
-
function createStyleElement() {
|
|
5
|
-
var styleElement = document.createElement("style");
|
|
6
|
-
styleElement.setAttribute("type", "text/css");
|
|
7
|
-
return styleElement;
|
|
8
|
-
}
|
|
9
|
-
function insertCss(css, options) {
|
|
10
|
-
options = options || {};
|
|
11
|
-
if (css === void 0) {
|
|
12
|
-
throw new Error(usage);
|
|
13
|
-
}
|
|
14
|
-
var position = options.prepend === true ? "prepend" : "append";
|
|
15
|
-
var container = options.container !== void 0 ? options.container : document.querySelector("head");
|
|
16
|
-
var containerId = containers.indexOf(container);
|
|
17
|
-
if (containerId === -1) {
|
|
18
|
-
containerId = containers.push(container) - 1;
|
|
19
|
-
styleElements[containerId] = {};
|
|
20
|
-
}
|
|
21
|
-
var styleElement;
|
|
22
|
-
if (styleElements[containerId] !== void 0 && styleElements[containerId][position] !== void 0) {
|
|
23
|
-
styleElement = styleElements[containerId][position];
|
|
24
|
-
} else {
|
|
25
|
-
styleElement = styleElements[containerId][position] = createStyleElement();
|
|
26
|
-
if (position === "prepend") {
|
|
27
|
-
container.insertBefore(styleElement, container.childNodes[0]);
|
|
28
|
-
} else {
|
|
29
|
-
container.appendChild(styleElement);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
if (css.charCodeAt(0) === 65279) {
|
|
33
|
-
css = css.substr(1, css.length);
|
|
34
|
-
}
|
|
35
|
-
if (styleElement.styleSheet) {
|
|
36
|
-
styleElement.styleSheet.cssText += css;
|
|
37
|
-
} else {
|
|
38
|
-
styleElement.textContent += css;
|
|
39
|
-
}
|
|
40
|
-
return styleElement;
|
|
41
|
-
}
|
|
42
|
-
export {
|
|
43
|
-
insertCss as default
|
|
44
|
-
};
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import { rgbToRgb, hsvToRgb, hslToRgb, convertHexToDecimal, parseIntFromHex } from "./sun-card-design-pc.es87.js";
|
|
2
|
-
import { names } from "./sun-card-design-pc.es88.js";
|
|
3
|
-
import { convertToPercentage, boundAlpha } from "./sun-card-design-pc.es89.js";
|
|
4
|
-
function inputToRGB(color) {
|
|
5
|
-
var rgb = { r: 0, g: 0, b: 0 };
|
|
6
|
-
var a = 1;
|
|
7
|
-
var s = null;
|
|
8
|
-
var v = null;
|
|
9
|
-
var l = null;
|
|
10
|
-
var ok = false;
|
|
11
|
-
var format = false;
|
|
12
|
-
if (typeof color === "string") {
|
|
13
|
-
color = stringInputToObject(color);
|
|
14
|
-
}
|
|
15
|
-
if (typeof color === "object") {
|
|
16
|
-
if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
|
|
17
|
-
rgb = rgbToRgb(color.r, color.g, color.b);
|
|
18
|
-
ok = true;
|
|
19
|
-
format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
|
|
20
|
-
} else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
|
|
21
|
-
s = convertToPercentage(color.s);
|
|
22
|
-
v = convertToPercentage(color.v);
|
|
23
|
-
rgb = hsvToRgb(color.h, s, v);
|
|
24
|
-
ok = true;
|
|
25
|
-
format = "hsv";
|
|
26
|
-
} else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
|
|
27
|
-
s = convertToPercentage(color.s);
|
|
28
|
-
l = convertToPercentage(color.l);
|
|
29
|
-
rgb = hslToRgb(color.h, s, l);
|
|
30
|
-
ok = true;
|
|
31
|
-
format = "hsl";
|
|
32
|
-
}
|
|
33
|
-
if (Object.prototype.hasOwnProperty.call(color, "a")) {
|
|
34
|
-
a = color.a;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
a = boundAlpha(a);
|
|
38
|
-
return {
|
|
39
|
-
ok,
|
|
40
|
-
format: color.format || format,
|
|
41
|
-
r: Math.min(255, Math.max(rgb.r, 0)),
|
|
42
|
-
g: Math.min(255, Math.max(rgb.g, 0)),
|
|
43
|
-
b: Math.min(255, Math.max(rgb.b, 0)),
|
|
44
|
-
a
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
var CSS_INTEGER = "[-\\+]?\\d+%?";
|
|
48
|
-
var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
|
|
49
|
-
var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
|
|
50
|
-
var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
|
|
51
|
-
var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
|
|
52
|
-
var matchers = {
|
|
53
|
-
CSS_UNIT: new RegExp(CSS_UNIT),
|
|
54
|
-
rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
|
|
55
|
-
rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
|
|
56
|
-
hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
|
|
57
|
-
hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
|
|
58
|
-
hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
|
|
59
|
-
hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
|
|
60
|
-
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
|
|
61
|
-
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
|
|
62
|
-
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
|
|
63
|
-
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
|
|
64
|
-
};
|
|
65
|
-
function stringInputToObject(color) {
|
|
66
|
-
color = color.trim().toLowerCase();
|
|
67
|
-
if (color.length === 0) {
|
|
68
|
-
return false;
|
|
69
|
-
}
|
|
70
|
-
var named = false;
|
|
71
|
-
if (names[color]) {
|
|
72
|
-
color = names[color];
|
|
73
|
-
named = true;
|
|
74
|
-
} else if (color === "transparent") {
|
|
75
|
-
return { r: 0, g: 0, b: 0, a: 0, format: "name" };
|
|
76
|
-
}
|
|
77
|
-
var match = matchers.rgb.exec(color);
|
|
78
|
-
if (match) {
|
|
79
|
-
return { r: match[1], g: match[2], b: match[3] };
|
|
80
|
-
}
|
|
81
|
-
match = matchers.rgba.exec(color);
|
|
82
|
-
if (match) {
|
|
83
|
-
return { r: match[1], g: match[2], b: match[3], a: match[4] };
|
|
84
|
-
}
|
|
85
|
-
match = matchers.hsl.exec(color);
|
|
86
|
-
if (match) {
|
|
87
|
-
return { h: match[1], s: match[2], l: match[3] };
|
|
88
|
-
}
|
|
89
|
-
match = matchers.hsla.exec(color);
|
|
90
|
-
if (match) {
|
|
91
|
-
return { h: match[1], s: match[2], l: match[3], a: match[4] };
|
|
92
|
-
}
|
|
93
|
-
match = matchers.hsv.exec(color);
|
|
94
|
-
if (match) {
|
|
95
|
-
return { h: match[1], s: match[2], v: match[3] };
|
|
96
|
-
}
|
|
97
|
-
match = matchers.hsva.exec(color);
|
|
98
|
-
if (match) {
|
|
99
|
-
return { h: match[1], s: match[2], v: match[3], a: match[4] };
|
|
100
|
-
}
|
|
101
|
-
match = matchers.hex8.exec(color);
|
|
102
|
-
if (match) {
|
|
103
|
-
return {
|
|
104
|
-
r: parseIntFromHex(match[1]),
|
|
105
|
-
g: parseIntFromHex(match[2]),
|
|
106
|
-
b: parseIntFromHex(match[3]),
|
|
107
|
-
a: convertHexToDecimal(match[4]),
|
|
108
|
-
format: named ? "name" : "hex8"
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
match = matchers.hex6.exec(color);
|
|
112
|
-
if (match) {
|
|
113
|
-
return {
|
|
114
|
-
r: parseIntFromHex(match[1]),
|
|
115
|
-
g: parseIntFromHex(match[2]),
|
|
116
|
-
b: parseIntFromHex(match[3]),
|
|
117
|
-
format: named ? "name" : "hex"
|
|
118
|
-
};
|
|
119
|
-
}
|
|
120
|
-
match = matchers.hex4.exec(color);
|
|
121
|
-
if (match) {
|
|
122
|
-
return {
|
|
123
|
-
r: parseIntFromHex(match[1] + match[1]),
|
|
124
|
-
g: parseIntFromHex(match[2] + match[2]),
|
|
125
|
-
b: parseIntFromHex(match[3] + match[3]),
|
|
126
|
-
a: convertHexToDecimal(match[4] + match[4]),
|
|
127
|
-
format: named ? "name" : "hex8"
|
|
128
|
-
};
|
|
129
|
-
}
|
|
130
|
-
match = matchers.hex3.exec(color);
|
|
131
|
-
if (match) {
|
|
132
|
-
return {
|
|
133
|
-
r: parseIntFromHex(match[1] + match[1]),
|
|
134
|
-
g: parseIntFromHex(match[2] + match[2]),
|
|
135
|
-
b: parseIntFromHex(match[3] + match[3]),
|
|
136
|
-
format: named ? "name" : "hex"
|
|
137
|
-
};
|
|
138
|
-
}
|
|
139
|
-
return false;
|
|
140
|
-
}
|
|
141
|
-
function isValidCSSUnit(color) {
|
|
142
|
-
return Boolean(matchers.CSS_UNIT.exec(String(color)));
|
|
143
|
-
}
|
|
144
|
-
export {
|
|
145
|
-
inputToRGB,
|
|
146
|
-
isValidCSSUnit,
|
|
147
|
-
stringInputToObject
|
|
148
|
-
};
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { bound01, pad2 } from "./sun-card-design-pc.es89.js";
|
|
2
|
-
function rgbToRgb(r, g, b) {
|
|
3
|
-
return {
|
|
4
|
-
r: bound01(r, 255) * 255,
|
|
5
|
-
g: bound01(g, 255) * 255,
|
|
6
|
-
b: bound01(b, 255) * 255
|
|
7
|
-
};
|
|
8
|
-
}
|
|
9
|
-
function hue2rgb(p, q, t) {
|
|
10
|
-
if (t < 0) {
|
|
11
|
-
t += 1;
|
|
12
|
-
}
|
|
13
|
-
if (t > 1) {
|
|
14
|
-
t -= 1;
|
|
15
|
-
}
|
|
16
|
-
if (t < 1 / 6) {
|
|
17
|
-
return p + (q - p) * (6 * t);
|
|
18
|
-
}
|
|
19
|
-
if (t < 1 / 2) {
|
|
20
|
-
return q;
|
|
21
|
-
}
|
|
22
|
-
if (t < 2 / 3) {
|
|
23
|
-
return p + (q - p) * (2 / 3 - t) * 6;
|
|
24
|
-
}
|
|
25
|
-
return p;
|
|
26
|
-
}
|
|
27
|
-
function hslToRgb(h, s, l) {
|
|
28
|
-
var r;
|
|
29
|
-
var g;
|
|
30
|
-
var b;
|
|
31
|
-
h = bound01(h, 360);
|
|
32
|
-
s = bound01(s, 100);
|
|
33
|
-
l = bound01(l, 100);
|
|
34
|
-
if (s === 0) {
|
|
35
|
-
g = l;
|
|
36
|
-
b = l;
|
|
37
|
-
r = l;
|
|
38
|
-
} else {
|
|
39
|
-
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
|
|
40
|
-
var p = 2 * l - q;
|
|
41
|
-
r = hue2rgb(p, q, h + 1 / 3);
|
|
42
|
-
g = hue2rgb(p, q, h);
|
|
43
|
-
b = hue2rgb(p, q, h - 1 / 3);
|
|
44
|
-
}
|
|
45
|
-
return { r: r * 255, g: g * 255, b: b * 255 };
|
|
46
|
-
}
|
|
47
|
-
function rgbToHsv(r, g, b) {
|
|
48
|
-
r = bound01(r, 255);
|
|
49
|
-
g = bound01(g, 255);
|
|
50
|
-
b = bound01(b, 255);
|
|
51
|
-
var max = Math.max(r, g, b);
|
|
52
|
-
var min = Math.min(r, g, b);
|
|
53
|
-
var h = 0;
|
|
54
|
-
var v = max;
|
|
55
|
-
var d = max - min;
|
|
56
|
-
var s = max === 0 ? 0 : d / max;
|
|
57
|
-
if (max === min) {
|
|
58
|
-
h = 0;
|
|
59
|
-
} else {
|
|
60
|
-
switch (max) {
|
|
61
|
-
case r:
|
|
62
|
-
h = (g - b) / d + (g < b ? 6 : 0);
|
|
63
|
-
break;
|
|
64
|
-
case g:
|
|
65
|
-
h = (b - r) / d + 2;
|
|
66
|
-
break;
|
|
67
|
-
case b:
|
|
68
|
-
h = (r - g) / d + 4;
|
|
69
|
-
break;
|
|
70
|
-
}
|
|
71
|
-
h /= 6;
|
|
72
|
-
}
|
|
73
|
-
return { h, s, v };
|
|
74
|
-
}
|
|
75
|
-
function hsvToRgb(h, s, v) {
|
|
76
|
-
h = bound01(h, 360) * 6;
|
|
77
|
-
s = bound01(s, 100);
|
|
78
|
-
v = bound01(v, 100);
|
|
79
|
-
var i = Math.floor(h);
|
|
80
|
-
var f = h - i;
|
|
81
|
-
var p = v * (1 - s);
|
|
82
|
-
var q = v * (1 - f * s);
|
|
83
|
-
var t = v * (1 - (1 - f) * s);
|
|
84
|
-
var mod = i % 6;
|
|
85
|
-
var r = [v, q, p, p, t, v][mod];
|
|
86
|
-
var g = [t, v, v, q, p, p][mod];
|
|
87
|
-
var b = [p, p, t, v, v, q][mod];
|
|
88
|
-
return { r: r * 255, g: g * 255, b: b * 255 };
|
|
89
|
-
}
|
|
90
|
-
function rgbToHex(r, g, b, allow3Char) {
|
|
91
|
-
var hex = [
|
|
92
|
-
pad2(Math.round(r).toString(16)),
|
|
93
|
-
pad2(Math.round(g).toString(16)),
|
|
94
|
-
pad2(Math.round(b).toString(16))
|
|
95
|
-
];
|
|
96
|
-
return hex.join("");
|
|
97
|
-
}
|
|
98
|
-
function convertHexToDecimal(h) {
|
|
99
|
-
return parseIntFromHex(h) / 255;
|
|
100
|
-
}
|
|
101
|
-
function parseIntFromHex(val) {
|
|
102
|
-
return parseInt(val, 16);
|
|
103
|
-
}
|
|
104
|
-
export {
|
|
105
|
-
convertHexToDecimal,
|
|
106
|
-
hslToRgb,
|
|
107
|
-
hsvToRgb,
|
|
108
|
-
parseIntFromHex,
|
|
109
|
-
rgbToHex,
|
|
110
|
-
rgbToHsv,
|
|
111
|
-
rgbToRgb
|
|
112
|
-
};
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
var names = {
|
|
2
|
-
aliceblue: "#f0f8ff",
|
|
3
|
-
antiquewhite: "#faebd7",
|
|
4
|
-
aqua: "#00ffff",
|
|
5
|
-
aquamarine: "#7fffd4",
|
|
6
|
-
azure: "#f0ffff",
|
|
7
|
-
beige: "#f5f5dc",
|
|
8
|
-
bisque: "#ffe4c4",
|
|
9
|
-
black: "#000000",
|
|
10
|
-
blanchedalmond: "#ffebcd",
|
|
11
|
-
blue: "#0000ff",
|
|
12
|
-
blueviolet: "#8a2be2",
|
|
13
|
-
brown: "#a52a2a",
|
|
14
|
-
burlywood: "#deb887",
|
|
15
|
-
cadetblue: "#5f9ea0",
|
|
16
|
-
chartreuse: "#7fff00",
|
|
17
|
-
chocolate: "#d2691e",
|
|
18
|
-
coral: "#ff7f50",
|
|
19
|
-
cornflowerblue: "#6495ed",
|
|
20
|
-
cornsilk: "#fff8dc",
|
|
21
|
-
crimson: "#dc143c",
|
|
22
|
-
cyan: "#00ffff",
|
|
23
|
-
darkblue: "#00008b",
|
|
24
|
-
darkcyan: "#008b8b",
|
|
25
|
-
darkgoldenrod: "#b8860b",
|
|
26
|
-
darkgray: "#a9a9a9",
|
|
27
|
-
darkgreen: "#006400",
|
|
28
|
-
darkgrey: "#a9a9a9",
|
|
29
|
-
darkkhaki: "#bdb76b",
|
|
30
|
-
darkmagenta: "#8b008b",
|
|
31
|
-
darkolivegreen: "#556b2f",
|
|
32
|
-
darkorange: "#ff8c00",
|
|
33
|
-
darkorchid: "#9932cc",
|
|
34
|
-
darkred: "#8b0000",
|
|
35
|
-
darksalmon: "#e9967a",
|
|
36
|
-
darkseagreen: "#8fbc8f",
|
|
37
|
-
darkslateblue: "#483d8b",
|
|
38
|
-
darkslategray: "#2f4f4f",
|
|
39
|
-
darkslategrey: "#2f4f4f",
|
|
40
|
-
darkturquoise: "#00ced1",
|
|
41
|
-
darkviolet: "#9400d3",
|
|
42
|
-
deeppink: "#ff1493",
|
|
43
|
-
deepskyblue: "#00bfff",
|
|
44
|
-
dimgray: "#696969",
|
|
45
|
-
dimgrey: "#696969",
|
|
46
|
-
dodgerblue: "#1e90ff",
|
|
47
|
-
firebrick: "#b22222",
|
|
48
|
-
floralwhite: "#fffaf0",
|
|
49
|
-
forestgreen: "#228b22",
|
|
50
|
-
fuchsia: "#ff00ff",
|
|
51
|
-
gainsboro: "#dcdcdc",
|
|
52
|
-
ghostwhite: "#f8f8ff",
|
|
53
|
-
goldenrod: "#daa520",
|
|
54
|
-
gold: "#ffd700",
|
|
55
|
-
gray: "#808080",
|
|
56
|
-
green: "#008000",
|
|
57
|
-
greenyellow: "#adff2f",
|
|
58
|
-
grey: "#808080",
|
|
59
|
-
honeydew: "#f0fff0",
|
|
60
|
-
hotpink: "#ff69b4",
|
|
61
|
-
indianred: "#cd5c5c",
|
|
62
|
-
indigo: "#4b0082",
|
|
63
|
-
ivory: "#fffff0",
|
|
64
|
-
khaki: "#f0e68c",
|
|
65
|
-
lavenderblush: "#fff0f5",
|
|
66
|
-
lavender: "#e6e6fa",
|
|
67
|
-
lawngreen: "#7cfc00",
|
|
68
|
-
lemonchiffon: "#fffacd",
|
|
69
|
-
lightblue: "#add8e6",
|
|
70
|
-
lightcoral: "#f08080",
|
|
71
|
-
lightcyan: "#e0ffff",
|
|
72
|
-
lightgoldenrodyellow: "#fafad2",
|
|
73
|
-
lightgray: "#d3d3d3",
|
|
74
|
-
lightgreen: "#90ee90",
|
|
75
|
-
lightgrey: "#d3d3d3",
|
|
76
|
-
lightpink: "#ffb6c1",
|
|
77
|
-
lightsalmon: "#ffa07a",
|
|
78
|
-
lightseagreen: "#20b2aa",
|
|
79
|
-
lightskyblue: "#87cefa",
|
|
80
|
-
lightslategray: "#778899",
|
|
81
|
-
lightslategrey: "#778899",
|
|
82
|
-
lightsteelblue: "#b0c4de",
|
|
83
|
-
lightyellow: "#ffffe0",
|
|
84
|
-
lime: "#00ff00",
|
|
85
|
-
limegreen: "#32cd32",
|
|
86
|
-
linen: "#faf0e6",
|
|
87
|
-
magenta: "#ff00ff",
|
|
88
|
-
maroon: "#800000",
|
|
89
|
-
mediumaquamarine: "#66cdaa",
|
|
90
|
-
mediumblue: "#0000cd",
|
|
91
|
-
mediumorchid: "#ba55d3",
|
|
92
|
-
mediumpurple: "#9370db",
|
|
93
|
-
mediumseagreen: "#3cb371",
|
|
94
|
-
mediumslateblue: "#7b68ee",
|
|
95
|
-
mediumspringgreen: "#00fa9a",
|
|
96
|
-
mediumturquoise: "#48d1cc",
|
|
97
|
-
mediumvioletred: "#c71585",
|
|
98
|
-
midnightblue: "#191970",
|
|
99
|
-
mintcream: "#f5fffa",
|
|
100
|
-
mistyrose: "#ffe4e1",
|
|
101
|
-
moccasin: "#ffe4b5",
|
|
102
|
-
navajowhite: "#ffdead",
|
|
103
|
-
navy: "#000080",
|
|
104
|
-
oldlace: "#fdf5e6",
|
|
105
|
-
olive: "#808000",
|
|
106
|
-
olivedrab: "#6b8e23",
|
|
107
|
-
orange: "#ffa500",
|
|
108
|
-
orangered: "#ff4500",
|
|
109
|
-
orchid: "#da70d6",
|
|
110
|
-
palegoldenrod: "#eee8aa",
|
|
111
|
-
palegreen: "#98fb98",
|
|
112
|
-
paleturquoise: "#afeeee",
|
|
113
|
-
palevioletred: "#db7093",
|
|
114
|
-
papayawhip: "#ffefd5",
|
|
115
|
-
peachpuff: "#ffdab9",
|
|
116
|
-
peru: "#cd853f",
|
|
117
|
-
pink: "#ffc0cb",
|
|
118
|
-
plum: "#dda0dd",
|
|
119
|
-
powderblue: "#b0e0e6",
|
|
120
|
-
purple: "#800080",
|
|
121
|
-
rebeccapurple: "#663399",
|
|
122
|
-
red: "#ff0000",
|
|
123
|
-
rosybrown: "#bc8f8f",
|
|
124
|
-
royalblue: "#4169e1",
|
|
125
|
-
saddlebrown: "#8b4513",
|
|
126
|
-
salmon: "#fa8072",
|
|
127
|
-
sandybrown: "#f4a460",
|
|
128
|
-
seagreen: "#2e8b57",
|
|
129
|
-
seashell: "#fff5ee",
|
|
130
|
-
sienna: "#a0522d",
|
|
131
|
-
silver: "#c0c0c0",
|
|
132
|
-
skyblue: "#87ceeb",
|
|
133
|
-
slateblue: "#6a5acd",
|
|
134
|
-
slategray: "#708090",
|
|
135
|
-
slategrey: "#708090",
|
|
136
|
-
snow: "#fffafa",
|
|
137
|
-
springgreen: "#00ff7f",
|
|
138
|
-
steelblue: "#4682b4",
|
|
139
|
-
tan: "#d2b48c",
|
|
140
|
-
teal: "#008080",
|
|
141
|
-
thistle: "#d8bfd8",
|
|
142
|
-
tomato: "#ff6347",
|
|
143
|
-
turquoise: "#40e0d0",
|
|
144
|
-
violet: "#ee82ee",
|
|
145
|
-
wheat: "#f5deb3",
|
|
146
|
-
white: "#ffffff",
|
|
147
|
-
whitesmoke: "#f5f5f5",
|
|
148
|
-
yellow: "#ffff00",
|
|
149
|
-
yellowgreen: "#9acd32"
|
|
150
|
-
};
|
|
151
|
-
export {
|
|
152
|
-
names
|
|
153
|
-
};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
function bound01(n, max) {
|
|
2
|
-
if (isOnePointZero(n)) {
|
|
3
|
-
n = "100%";
|
|
4
|
-
}
|
|
5
|
-
var isPercent = isPercentage(n);
|
|
6
|
-
n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
|
|
7
|
-
if (isPercent) {
|
|
8
|
-
n = parseInt(String(n * max), 10) / 100;
|
|
9
|
-
}
|
|
10
|
-
if (Math.abs(n - max) < 1e-6) {
|
|
11
|
-
return 1;
|
|
12
|
-
}
|
|
13
|
-
if (max === 360) {
|
|
14
|
-
n = (n < 0 ? n % max + max : n % max) / parseFloat(String(max));
|
|
15
|
-
} else {
|
|
16
|
-
n = n % max / parseFloat(String(max));
|
|
17
|
-
}
|
|
18
|
-
return n;
|
|
19
|
-
}
|
|
20
|
-
function isOnePointZero(n) {
|
|
21
|
-
return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
|
|
22
|
-
}
|
|
23
|
-
function isPercentage(n) {
|
|
24
|
-
return typeof n === "string" && n.indexOf("%") !== -1;
|
|
25
|
-
}
|
|
26
|
-
function boundAlpha(a) {
|
|
27
|
-
a = parseFloat(a);
|
|
28
|
-
if (isNaN(a) || a < 0 || a > 1) {
|
|
29
|
-
a = 1;
|
|
30
|
-
}
|
|
31
|
-
return a;
|
|
32
|
-
}
|
|
33
|
-
function convertToPercentage(n) {
|
|
34
|
-
if (n <= 1) {
|
|
35
|
-
return "".concat(Number(n) * 100, "%");
|
|
36
|
-
}
|
|
37
|
-
return n;
|
|
38
|
-
}
|
|
39
|
-
function pad2(c) {
|
|
40
|
-
return c.length === 1 ? "0" + c : String(c);
|
|
41
|
-
}
|
|
42
|
-
export {
|
|
43
|
-
bound01,
|
|
44
|
-
boundAlpha,
|
|
45
|
-
convertToPercentage,
|
|
46
|
-
isOnePointZero,
|
|
47
|
-
isPercentage,
|
|
48
|
-
pad2
|
|
49
|
-
};
|