smoothly 0.1.82 → 0.1.86

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.
Files changed (51) hide show
  1. package/dist/cjs/{generate-14aca5d2.js → generate-a6821b82.js} +2 -2
  2. package/dist/cjs/index.cjs.js +214 -116
  3. package/dist/cjs/smoothly-accordion_47.cjs.entry.js +9 -17
  4. package/dist/cjs/smoothly-calendar.cjs.entry.js +6 -14
  5. package/dist/cjs/smoothly-input-date-range.cjs.entry.js +1 -1
  6. package/dist/cjs/smoothly-input-date.cjs.entry.js +1 -1
  7. package/dist/cjs/smoothly-input-month.cjs.entry.js +1 -1
  8. package/dist/collection/components/calendar/generate.js +2 -2
  9. package/dist/collection/components/calendar/index.js +9 -17
  10. package/dist/collection/components/input-date/style.css +4 -0
  11. package/dist/collection/components/input-date-range/style.css +4 -0
  12. package/dist/collection/index.js +1 -1
  13. package/dist/collection/utilities/Cosmetic/Color/CommaRgb.js +90 -0
  14. package/dist/collection/utilities/Cosmetic/Color/Hex.js +11 -0
  15. package/dist/collection/utilities/Cosmetic/Color/Hsl.js +32 -0
  16. package/dist/collection/utilities/{colorNames.js → Cosmetic/Color/Name.js} +9 -1
  17. package/dist/collection/utilities/Cosmetic/Color/Rgb.js +19 -0
  18. package/dist/collection/utilities/Cosmetic/Color/index.js +23 -0
  19. package/dist/collection/utilities/Cosmetic/index.js +40 -0
  20. package/dist/collection/utilities/index.js +1 -1
  21. package/dist/custom-elements/index.js +230 -139
  22. package/dist/{smoothly/generate-be25a8d1.js → esm/generate-776b3b0f.js} +2 -2
  23. package/dist/esm/index.js +215 -116
  24. package/dist/esm/smoothly-accordion_47.entry.js +9 -17
  25. package/dist/esm/smoothly-calendar.entry.js +6 -14
  26. package/dist/esm/smoothly-input-date-range.entry.js +1 -1
  27. package/dist/esm/smoothly-input-date.entry.js +1 -1
  28. package/dist/esm/smoothly-input-month.entry.js +1 -1
  29. package/dist/{esm/generate-be25a8d1.js → smoothly/generate-776b3b0f.js} +2 -2
  30. package/dist/smoothly/index.esm.js +215 -116
  31. package/dist/smoothly/p-375a8d94.entry.js +1 -0
  32. package/dist/smoothly/smoothly-calendar.entry.js +6 -14
  33. package/dist/smoothly/smoothly-input-date-range.entry.js +1 -1
  34. package/dist/smoothly/smoothly-input-date.entry.js +1 -1
  35. package/dist/smoothly/smoothly-input-month.entry.js +1 -1
  36. package/dist/types/components/calendar/index.d.ts +2 -2
  37. package/dist/types/components.d.ts +2 -2
  38. package/dist/types/index.d.ts +1 -1
  39. package/dist/types/utilities/Cosmetic/Color/CommaRgb.d.ts +11 -0
  40. package/dist/types/utilities/Cosmetic/Color/Hex.d.ts +4 -0
  41. package/dist/types/utilities/Cosmetic/Color/Hsl.d.ts +4 -0
  42. package/dist/types/utilities/Cosmetic/Color/Name.d.ts +155 -0
  43. package/dist/types/utilities/Cosmetic/Color/Rgb.d.ts +4 -0
  44. package/dist/types/utilities/Cosmetic/Color/index.d.ts +170 -0
  45. package/dist/types/utilities/Cosmetic/index.d.ts +23 -0
  46. package/dist/types/utilities/index.d.ts +1 -1
  47. package/package.json +1 -1
  48. package/dist/collection/utilities/colorTransform.js +0 -120
  49. package/dist/smoothly/p-e3ae8b97.entry.js +0 -1
  50. package/dist/types/utilities/colorNames.d.ts +0 -3
  51. package/dist/types/utilities/colorTransform.d.ts +0 -8
@@ -0,0 +1,90 @@
1
+ import { Hex } from "./Hex";
2
+ import { Hsl } from "./Hsl";
3
+ import { Name as ColorName, Names } from "./Name";
4
+ import { Rgb } from "./Rgb";
5
+ export var CommaRgb;
6
+ (function (CommaRgb) {
7
+ function is(value) {
8
+ const values = typeof value == "string" ? value.split(",") : [];
9
+ return (values.length == 3 &&
10
+ values.every((value) => {
11
+ var _a;
12
+ return !Number.isNaN(value) &&
13
+ ((_a = value.match(/[0-9]/g)) === null || _a === void 0 ? void 0 : _a.length) == value.length &&
14
+ Number(value) >= 0 &&
15
+ Number(value) <= 255;
16
+ }));
17
+ }
18
+ CommaRgb.is = is;
19
+ function from(color) {
20
+ let result;
21
+ const colorWithoutSpace = typeof color == "string" ? color.replace(/ /g, "").toLowerCase() : undefined;
22
+ if (!colorWithoutSpace)
23
+ result = undefined;
24
+ else if (CommaRgb.is(colorWithoutSpace))
25
+ result = colorWithoutSpace;
26
+ else if (Hex.is(colorWithoutSpace))
27
+ result = fromHex(colorWithoutSpace);
28
+ else if (Rgb.is(colorWithoutSpace))
29
+ result = fromRgb(colorWithoutSpace);
30
+ else if (ColorName.is(colorWithoutSpace))
31
+ result = fromHex(Names[colorWithoutSpace]);
32
+ else if (Hsl.is(colorWithoutSpace))
33
+ result = fromHsl(colorWithoutSpace);
34
+ return result;
35
+ }
36
+ CommaRgb.from = from;
37
+ function fromHex(hex) {
38
+ let result = "0,0,0";
39
+ if (hex.length == 7)
40
+ result = `${parseInt(hex.substr(1, 2), 16)},${parseInt(hex.substr(3, 2), 16)},${parseInt(hex.substr(5, 2), 16)}`;
41
+ else if (hex.length == 4)
42
+ result = fromHex(`#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}`);
43
+ return result;
44
+ }
45
+ CommaRgb.fromHex = fromHex;
46
+ function fromRgb(rgb) {
47
+ return rgb.substring(4, rgb.length - 1);
48
+ }
49
+ CommaRgb.fromRgb = fromRgb;
50
+ function fromHsl(hsl) {
51
+ let result = "";
52
+ let h, s, l;
53
+ let r, g, b;
54
+ const HSL = hsl
55
+ .substring(4, hsl.length - 1)
56
+ .split(",")
57
+ .map((value, index) => Number(index == 0 ? value : value.substr(0, value.length - 1)));
58
+ if (HSL.length == 3) {
59
+ h = HSL[0] / 360;
60
+ s = HSL[1] / 100;
61
+ l = HSL[2] / 100;
62
+ if (s == 0)
63
+ r = g = b = l;
64
+ else {
65
+ const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
66
+ const p = 2 * l - q;
67
+ r = hue2rgb(p, q, h + 1 / 3);
68
+ g = hue2rgb(p, q, h);
69
+ b = hue2rgb(p, q, h - 1 / 3);
70
+ }
71
+ result = `${Math.round(255 * r)},${Math.round(255 * g)},${Math.round(255 * b)}`;
72
+ }
73
+ return result;
74
+ }
75
+ CommaRgb.fromHsl = fromHsl;
76
+ function hue2rgb(p, q, t) {
77
+ let result = p;
78
+ if (t < 0)
79
+ t += 1;
80
+ if (t > 1)
81
+ t -= 1;
82
+ if (t < 1 / 6)
83
+ result = p + (q - p) * 6 * t;
84
+ else if (t < 1 / 2)
85
+ result = q;
86
+ else if (t < 2 / 3)
87
+ result = p + (q - p) * (2 / 3 - t) * 6;
88
+ return result;
89
+ }
90
+ })(CommaRgb || (CommaRgb = {}));
@@ -0,0 +1,11 @@
1
+ export var Hex;
2
+ (function (Hex) {
3
+ function is(value) {
4
+ const matchArray = (typeof value == "string" && value.match(/[0-9a-fA-F]/g)) || undefined;
5
+ return (typeof value == "string" &&
6
+ value.length > 3 &&
7
+ value[0] == "#" &&
8
+ ((matchArray === null || matchArray === void 0 ? void 0 : matchArray.length) == 3 || (matchArray === null || matchArray === void 0 ? void 0 : matchArray.length) == 6));
9
+ }
10
+ Hex.is = is;
11
+ })(Hex || (Hex = {}));
@@ -0,0 +1,32 @@
1
+ export var Hsl;
2
+ (function (Hsl) {
3
+ function is(value) {
4
+ const values = typeof value == "string" && value.length > 11 ? value.substring(4, value.length - 1).split(",") : [];
5
+ return (typeof value == "string" &&
6
+ value.length > 11 &&
7
+ value.substr(0, 4) == "hsl(" &&
8
+ value.substr(value.length - 1, 1) == ")" &&
9
+ values.length == 3 &&
10
+ values.every((single, index) => {
11
+ var _a, _b;
12
+ let result = false;
13
+ if (index == 0)
14
+ result =
15
+ !Number.isNaN(single) &&
16
+ ((_a = single.match(/[0-9]/g)) === null || _a === void 0 ? void 0 : _a.length) == single.length &&
17
+ Number(single) >= 0 &&
18
+ Number(single) <= 360;
19
+ else {
20
+ const number = single.substr(0, single.length - 1);
21
+ result =
22
+ single[single.length - 1] == "%" &&
23
+ !Number.isNaN(number) &&
24
+ ((_b = number.match(/[0-9]/g)) === null || _b === void 0 ? void 0 : _b.length) == number.length &&
25
+ Number(number) >= 0 &&
26
+ Number(number) <= 100;
27
+ }
28
+ return result;
29
+ }));
30
+ }
31
+ Hsl.is = is;
32
+ })(Hsl || (Hsl = {}));
@@ -1,4 +1,4 @@
1
- export const colorNames = {
1
+ export const Names = {
2
2
  aliceblue: "#f0f8ff",
3
3
  antiquewhite: "#faebd7",
4
4
  aqua: "#00ffff",
@@ -148,3 +148,11 @@ export const colorNames = {
148
148
  yellow: "#ffff00",
149
149
  yellowgreen: "#9acd32",
150
150
  };
151
+ export var Name;
152
+ (function (Name) {
153
+ Name.types = () => Object.keys(Names);
154
+ function is(value) {
155
+ return typeof value == "string" && Name.types().includes(value.toLowerCase());
156
+ }
157
+ Name.is = is;
158
+ })(Name || (Name = {}));
@@ -0,0 +1,19 @@
1
+ export var Rgb;
2
+ (function (Rgb) {
3
+ function is(value) {
4
+ const values = typeof value == "string" && value.length > 9 ? value.substring(4, value.length - 1).split(",") : [];
5
+ return (typeof value == "string" &&
6
+ value.length > 9 &&
7
+ value.substr(0, 4) == "rgb(" &&
8
+ value.substr(value.length - 1, 1) == ")" &&
9
+ values.length == 3 &&
10
+ values.every((value) => {
11
+ var _a;
12
+ return !Number.isNaN(value) &&
13
+ ((_a = value.match(/[0-9]/g)) === null || _a === void 0 ? void 0 : _a.length) == value.length &&
14
+ Number(value) >= 0 &&
15
+ Number(value) <= 255;
16
+ }));
17
+ }
18
+ Rgb.is = is;
19
+ })(Rgb || (Rgb = {}));
@@ -0,0 +1,23 @@
1
+ import { CommaRgb as ColorCommaRgb } from "./CommaRgb";
2
+ import { Hex as ColorHex } from "./Hex";
3
+ import { Hsl as ColorHsl } from "./Hsl";
4
+ import { Name as ColorName, Names as ColorNames } from "./Name";
5
+ import { Rgb as ColorRgb } from "./Rgb";
6
+ export var Color;
7
+ (function (Color) {
8
+ function is(value) {
9
+ return (typeof value == "string" &&
10
+ (ColorCommaRgb.is(value) || ColorHex.is(value) || ColorHsl.is(value) || ColorName.is(value) || ColorRgb.is(value)));
11
+ }
12
+ Color.is = is;
13
+ function from(value) {
14
+ return is(value) ? value : undefined;
15
+ }
16
+ Color.from = from;
17
+ Color.Names = ColorNames;
18
+ Color.Name = ColorName;
19
+ Color.CommaRgb = ColorCommaRgb;
20
+ Color.Rgb = ColorRgb;
21
+ Color.Hex = ColorHex;
22
+ Color.Hsl = ColorHsl;
23
+ })(Color || (Color = {}));
@@ -0,0 +1,40 @@
1
+ import { Color as CosmeticColor } from "./Color";
2
+ function reduce(types, value) {
3
+ return types.reduce((r, c) => typeof value == "object" && value != null && typeof value[c] == "string"
4
+ ? Object.assign(Object.assign({}, r), { [c]: value[c] }) : r, {});
5
+ }
6
+ export var Cosmetic;
7
+ (function (Cosmetic) {
8
+ Cosmetic.types = Cosmetic;
9
+ function from(value) {
10
+ let result = {};
11
+ if (typeof value == "object" && value) {
12
+ result = {
13
+ text: reduce(["background", "color"], value.text),
14
+ border: reduce(["background", "color", "style", "radius", "width"], value.border),
15
+ gap: typeof value.gap == "string" ? value.gap : undefined,
16
+ dangerColor: typeof value.dangerColor == "string"
17
+ ? value.dangerColor
18
+ : typeof value.danger_color == "string"
19
+ ? value.danger_color
20
+ : undefined,
21
+ fontFamily: typeof value.fontFamily == "string"
22
+ ? value.fontFamily
23
+ : typeof value.font_family == "string"
24
+ ? value.font_family
25
+ : undefined,
26
+ background: typeof value.background == "string" ? value.background : undefined,
27
+ };
28
+ Object.keys(result).forEach((key) => {
29
+ var _a;
30
+ if (result[key] == undefined ||
31
+ (typeof result[key] == "object" && result[key] && Object.keys((_a = result[key]) !== null && _a !== void 0 ? _a : {}).length == 0)) {
32
+ delete result[key];
33
+ }
34
+ });
35
+ }
36
+ return result;
37
+ }
38
+ Cosmetic.from = from;
39
+ Cosmetic.Color = CosmeticColor;
40
+ })(Cosmetic || (Cosmetic = {}));
@@ -1 +1 @@
1
- export { toCommaRgb } from "./colorTransform";
1
+ export { Cosmetic } from "./Cosmetic";