@woodylab/payload 0.0.119 → 0.0.121
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/config/fieldCss.js +445 -65
- package/dist/config/fields/tailwindField.d.ts +3 -0
- package/dist/config/fields/tailwindField.js +26 -0
- package/dist/config/fields/tailwindFieldSelectors.d.ts +179 -1
- package/dist/config/fields/tailwindFieldSelectors.js +1167 -1
- package/dist/config/fields/tailwindSelectorVariants.d.ts +4 -0
- package/dist/config/fields/tailwindSelectorVariants.js +69 -0
- package/dist/config/index.cjs.js +1 -1
- package/dist/config/index.cjs.js.map +1 -1
- package/dist/config/index.d.ts +2 -0
- package/dist/config/index.esm.js +1 -1
- package/dist/config/index.esm.js.map +1 -1
- package/dist/config/index.js +3 -0
- package/dist/config/utils/getValueFromClassNameField.js +23 -14
- package/dist/generateCssVars.js +50 -11
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/utils/generateCssVars.d.ts +10 -0
- package/dist/utils/generateCssVars.js +110 -0
- package/dist/utils/index.cjs.js +2 -0
- package/dist/utils/index.cjs.js.map +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.esm.js +2 -0
- package/dist/utils/index.esm.js.map +1 -0
- package/dist/utils/index.js +1 -0
- package/package.json +1 -1
- package/dist/config/fields/fieldAlignContent.d.ts +0 -2
- package/dist/config/fields/fieldAlignContent.js +0 -19
- package/dist/config/fields/fieldAlignItems.d.ts +0 -2
- package/dist/config/fields/fieldAlignItems.js +0 -18
- package/dist/config/fields/fieldAspectRatio.d.ts +0 -2
- package/dist/config/fields/fieldAspectRatio.js +0 -18
- package/dist/config/fields/fieldDisplay.d.ts +0 -2
- package/dist/config/fields/fieldDisplay.js +0 -15
- package/dist/config/fields/fieldFlexBasis.d.ts +0 -2
- package/dist/config/fields/fieldFlexBasis.js +0 -19
- package/dist/config/fields/fieldFlexDirection.d.ts +0 -2
- package/dist/config/fields/fieldFlexDirection.js +0 -17
- package/dist/config/fields/fieldFlexGap.d.ts +0 -2
- package/dist/config/fields/fieldFlexGap.js +0 -22
- package/dist/config/fields/fieldFlexGrow.d.ts +0 -2
- package/dist/config/fields/fieldFlexGrow.js +0 -16
- package/dist/config/fields/fieldFlexShrink.d.ts +0 -2
- package/dist/config/fields/fieldFlexShrink.js +0 -16
- package/dist/config/fields/fieldFlexWrap.d.ts +0 -2
- package/dist/config/fields/fieldFlexWrap.js +0 -16
- package/dist/config/fields/fieldHeight.d.ts +0 -2
- package/dist/config/fields/fieldHeight.js +0 -19
- package/dist/config/fields/fieldIsolation.d.ts +0 -2
- package/dist/config/fields/fieldIsolation.js +0 -17
- package/dist/config/fields/fieldJustifyContent.d.ts +0 -2
- package/dist/config/fields/fieldJustifyContent.js +0 -22
- package/dist/config/fields/fieldMargins.d.ts +0 -2
- package/dist/config/fields/fieldMargins.js +0 -66
- package/dist/config/fields/fieldMaxHeight.d.ts +0 -2
- package/dist/config/fields/fieldMaxHeight.js +0 -20
- package/dist/config/fields/fieldMaxWidth.d.ts +0 -2
- package/dist/config/fields/fieldMaxWidth.js +0 -20
- package/dist/config/fields/fieldMinHeight.d.ts +0 -2
- package/dist/config/fields/fieldMinHeight.js +0 -20
- package/dist/config/fields/fieldMinWidth.d.ts +0 -2
- package/dist/config/fields/fieldMinWidth.js +0 -20
- package/dist/config/fields/fieldOrder.d.ts +0 -2
- package/dist/config/fields/fieldOrder.js +0 -25
- package/dist/config/fields/fieldOverflow.d.ts +0 -2
- package/dist/config/fields/fieldOverflow.js +0 -20
- package/dist/config/fields/fieldPaddings.d.ts +0 -2
- package/dist/config/fields/fieldPaddings.js +0 -64
- package/dist/config/fields/fieldPosition.d.ts +0 -2
- package/dist/config/fields/fieldPosition.js +0 -20
- package/dist/config/fields/fieldWidth.d.ts +0 -2
- package/dist/config/fields/fieldWidth.js +0 -22
- package/dist/config/fields/fieldZIndex.d.ts +0 -2
- package/dist/config/fields/fieldZIndex.js +0 -27
- package/dist/config/utils/getNumberValueFromClassNameString.d.ts +0 -2
- package/dist/config/utils/getNumberValueFromClassNameString.js +0 -15
package/dist/config/index.js
CHANGED
|
@@ -1,26 +1,35 @@
|
|
|
1
|
+
import { tailwindFieldsSelectors } from '../fields/tailwindFieldSelectors';
|
|
1
2
|
export const getValueFromClassNameString = (args) => {
|
|
2
3
|
const { value, siblingData, field } = args;
|
|
3
|
-
const fieldName = field.name;
|
|
4
|
+
const fieldName = field.name ?? '';
|
|
4
5
|
const className = siblingData?.className;
|
|
5
6
|
if (!className || !fieldName) {
|
|
6
7
|
return value;
|
|
7
8
|
}
|
|
8
9
|
const tokens = className.split(' ');
|
|
9
10
|
const match = tokens.find((token) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
if (!token.includes(':')) {
|
|
12
|
+
if (tailwindFieldsSelectors[fieldName] &&
|
|
13
|
+
tailwindFieldsSelectors[fieldName].includes(token)) {
|
|
14
|
+
return token;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
if (fieldName.includes(':')) {
|
|
19
|
+
const tokenVariant = token.split(':')[0];
|
|
20
|
+
const tokenVariantSelector = token.split(':')[1];
|
|
21
|
+
const fieldVariant = fieldName.split(':')[0];
|
|
22
|
+
const fieldVariantName = fieldName.split(':')[1];
|
|
23
|
+
if (tokenVariant === fieldVariant &&
|
|
24
|
+
tailwindFieldsSelectors[fieldVariantName] &&
|
|
25
|
+
tailwindFieldsSelectors[fieldVariantName].includes(tokenVariantSelector)) {
|
|
26
|
+
return token;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}) ?? '';
|
|
15
31
|
if (!match) {
|
|
16
32
|
return value;
|
|
17
33
|
}
|
|
18
|
-
|
|
19
|
-
// esempi:
|
|
20
|
-
// -mt-12 → -12
|
|
21
|
-
// mt-4 → 4
|
|
22
|
-
// mx-auto → auto
|
|
23
|
-
const cleaned = match.replace(`-${fieldName}-`, '-').replace(`${fieldName}-`, '');
|
|
24
|
-
return cleaned;
|
|
34
|
+
return match;
|
|
25
35
|
};
|
|
26
|
-
//#TODO aggiungere un metodo per il recupero dei valori css per i campi intesi come "puri" ossia che hanno solo il valore della proprietà e non il prefisso
|
package/dist/generateCssVars.js
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
import hexToRgb from
|
|
1
|
+
import hexToRgb from './hexToRgb';
|
|
2
2
|
function generateCssVars(settings) {
|
|
3
3
|
// Gestione robusta dei font
|
|
4
4
|
const fontWeights = [300, 400, 500, 600, 700, 800];
|
|
5
5
|
const fontsToImport = [settings.headingFont, settings.textFont]
|
|
6
6
|
.filter(Boolean)
|
|
7
|
-
.map(f => {
|
|
7
|
+
.map((f) => {
|
|
8
8
|
if (!f)
|
|
9
9
|
return '';
|
|
10
10
|
// Aggiungiamo il parametro wght per specificare i pesi da caricare
|
|
11
|
-
return `@import url('https://fonts.googleapis.com/css2?family=${f.replace(/ /g,
|
|
11
|
+
return `@import url('https://fonts.googleapis.com/css2?family=${f.replace(/ /g, '+')}:wght@${fontWeights.join(';')}&display=swap');`;
|
|
12
12
|
})
|
|
13
|
-
.join(
|
|
13
|
+
.join('\n');
|
|
14
14
|
const generateOpacityVariants = (color, name) => {
|
|
15
15
|
if (!color) {
|
|
16
16
|
return '';
|
|
17
17
|
}
|
|
18
18
|
try {
|
|
19
19
|
const rgbValue = hexToRgb(color);
|
|
20
|
-
if (!rgbValue ||
|
|
20
|
+
if (!rgbValue ||
|
|
21
|
+
typeof rgbValue.r !== 'number' ||
|
|
21
22
|
typeof rgbValue.g !== 'number' ||
|
|
22
23
|
typeof rgbValue.b !== 'number') {
|
|
23
24
|
console.warn(`Impossibile convertire il colore ${name}: ${color}`);
|
|
@@ -27,7 +28,7 @@ function generateCssVars(settings) {
|
|
|
27
28
|
const opacityVars = Array.from({ length: 9 }, (_, i) => {
|
|
28
29
|
const opacity = (i + 1) * 10;
|
|
29
30
|
return `--color-${name}-${opacity}: rgba(${r}, ${g}, ${b}, ${opacity / 100});`;
|
|
30
|
-
}).join(
|
|
31
|
+
}).join('\n');
|
|
31
32
|
return `
|
|
32
33
|
--color-${name}: rgb(${r}, ${g}, ${b}); /* Default (opacità 1) */
|
|
33
34
|
${opacityVars}
|
|
@@ -38,12 +39,50 @@ function generateCssVars(settings) {
|
|
|
38
39
|
return '';
|
|
39
40
|
}
|
|
40
41
|
};
|
|
42
|
+
const generateBrightnessVariants = (color, name) => {
|
|
43
|
+
if (!color) {
|
|
44
|
+
return '';
|
|
45
|
+
}
|
|
46
|
+
try {
|
|
47
|
+
const rgbValue = hexToRgb(color);
|
|
48
|
+
if (!rgbValue ||
|
|
49
|
+
typeof rgbValue.r !== 'number' ||
|
|
50
|
+
typeof rgbValue.g !== 'number' ||
|
|
51
|
+
typeof rgbValue.b !== 'number') {
|
|
52
|
+
console.warn(`Impossibile convertire il colore ${name}: ${color}`);
|
|
53
|
+
return '';
|
|
54
|
+
}
|
|
55
|
+
const { r, g, b } = rgbValue;
|
|
56
|
+
const clamp = (value) => Math.max(0, Math.min(255, Math.round(value)));
|
|
57
|
+
const mixWith = (target, amount) => clamp(r + (target - r) * amount) +
|
|
58
|
+
',' +
|
|
59
|
+
clamp(g + (target - g) * amount) +
|
|
60
|
+
',' +
|
|
61
|
+
clamp(b + (target - b) * amount);
|
|
62
|
+
const lighter = Array.from({ length: 4 }, (_, i) => {
|
|
63
|
+
const step = (i + 1) / 5;
|
|
64
|
+
return `--color-${name}-light-${i + 1}: rgb(${mixWith(255, step)});`;
|
|
65
|
+
}).join('\n');
|
|
66
|
+
const darker = Array.from({ length: 4 }, (_, i) => {
|
|
67
|
+
const step = (i + 1) / 5;
|
|
68
|
+
return `--color-${name}-dark-${i + 1}: rgb(${mixWith(0, step)});`;
|
|
69
|
+
}).join('\n');
|
|
70
|
+
return `--color-${name}: rgb(${r}, ${g}, ${b});
|
|
71
|
+
${lighter}
|
|
72
|
+
${darker}
|
|
73
|
+
`;
|
|
74
|
+
}
|
|
75
|
+
catch (error) {
|
|
76
|
+
console.warn(`Errore nella generazione delle varianti di brightness per ${name}: ${error}`);
|
|
77
|
+
return '';
|
|
78
|
+
}
|
|
79
|
+
};
|
|
41
80
|
// Genera variabili solo per i colori forniti
|
|
42
|
-
const primaryVars = generateOpacityVariants(settings.primaryColor,
|
|
43
|
-
const secondaryVars = generateOpacityVariants(settings.secondaryColor,
|
|
44
|
-
const accentVars = generateOpacityVariants(settings.
|
|
45
|
-
const darkVars = generateOpacityVariants(settings.
|
|
46
|
-
const lightVars = generateOpacityVariants(settings.
|
|
81
|
+
const primaryVars = `${generateOpacityVariants(settings.primaryColor, 'primary')} ${generateBrightnessVariants(settings.primaryColor, 'primary')}`;
|
|
82
|
+
const secondaryVars = `${generateOpacityVariants(settings.secondaryColor, 'secondary')} ${generateBrightnessVariants(settings.secondaryColor, 'secondary')}`;
|
|
83
|
+
const accentVars = `${generateOpacityVariants(settings.secondaryColor, 'accent')} ${generateBrightnessVariants(settings.secondaryColor, 'accent')}`;
|
|
84
|
+
const darkVars = `${generateOpacityVariants(settings.secondaryColor, 'dark')} ${generateBrightnessVariants(settings.secondaryColor, 'dark')}`;
|
|
85
|
+
const lightVars = `${generateOpacityVariants(settings.secondaryColor, 'light')} ${generateBrightnessVariants(settings.secondaryColor, 'light')}`;
|
|
47
86
|
// Genera i valori dei font in modo sicuro
|
|
48
87
|
const headingFontValue = settings.headingFont
|
|
49
88
|
? `'${settings.headingFont}', sans-serif`
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./config/index.cjs.js");require("./userRoles-BqQg1D6Q.js")
|
|
1
|
+
"use strict";var e=require("./config/index.cjs.js"),o=require("./utils/index.cjs.js");require("./userRoles-BqQg1D6Q.js"),exports.ComponentInstance=e.ComponentInstance,exports.blockView=e.blockView,exports.collectionComponentDefinitions=e.collectionComponentDefinitions,exports.collectionMenus=e.collectionMenus,exports.collectionViewModes=e.collectionViewModes,exports.concatCssFields=e.concatCssFields,exports.configFooter=e.configFooter,exports.configHeader=e.configHeader,exports.configSettings=e.configSettings,exports.fieldCss=e.fieldCss,exports.tailwindField=e.tailwindField,exports.tailwindFieldsSelectors=e.tailwindFieldsSelectors,exports.generateCssVars=o.generateCssVars,exports.iconsList=o.iconsList;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":[
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/index.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{ComponentInstance,blockView,collectionComponentDefinitions,collectionMenus,collectionViewModes,concatCssFields,configFooter,configHeader,configSettings,fieldCss}from"./config/index.esm.js";import"./userRoles-CL8SQUFs.js";
|
|
1
|
+
export{ComponentInstance,blockView,collectionComponentDefinitions,collectionMenus,collectionViewModes,concatCssFields,configFooter,configHeader,configSettings,fieldCss,tailwindField,tailwindFieldsSelectors}from"./config/index.esm.js";export{generateCssVars,iconsList}from"./utils/index.esm.js";import"./userRoles-CL8SQUFs.js";
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import hexToRgb from '../hexToRgb';
|
|
2
|
+
export function generateCssVars(settings) {
|
|
3
|
+
// Gestione robusta dei font
|
|
4
|
+
const fontWeights = [300, 400, 500, 600, 700, 800];
|
|
5
|
+
const fontsToImport = [settings.headingFont, settings.textFont]
|
|
6
|
+
.filter(Boolean)
|
|
7
|
+
.map((f) => {
|
|
8
|
+
if (!f)
|
|
9
|
+
return '';
|
|
10
|
+
// Aggiungiamo il parametro wght per specificare i pesi da caricare
|
|
11
|
+
return `@import url('https://fonts.googleapis.com/css2?family=${f.replace(/ /g, '+')}:wght@${fontWeights.join(';')}&display=swap');`;
|
|
12
|
+
})
|
|
13
|
+
.join('\n');
|
|
14
|
+
const generateOpacityVariants = (color, name) => {
|
|
15
|
+
if (!color) {
|
|
16
|
+
return '';
|
|
17
|
+
}
|
|
18
|
+
try {
|
|
19
|
+
const rgbValue = hexToRgb(color);
|
|
20
|
+
if (!rgbValue ||
|
|
21
|
+
typeof rgbValue.r !== 'number' ||
|
|
22
|
+
typeof rgbValue.g !== 'number' ||
|
|
23
|
+
typeof rgbValue.b !== 'number') {
|
|
24
|
+
console.warn(`Impossibile convertire il colore ${name}: ${color}`);
|
|
25
|
+
return '';
|
|
26
|
+
}
|
|
27
|
+
const { r, g, b } = rgbValue;
|
|
28
|
+
const opacityVars = Array.from({ length: 9 }, (_, i) => {
|
|
29
|
+
const opacity = (i + 1) * 10;
|
|
30
|
+
return `--color-${name}-${opacity}: rgba(${r}, ${g}, ${b}, ${opacity / 100});`;
|
|
31
|
+
}).join('\n');
|
|
32
|
+
return `
|
|
33
|
+
--color-${name}: rgb(${r}, ${g}, ${b}); /* Default (opacità 1) */
|
|
34
|
+
${opacityVars}
|
|
35
|
+
`;
|
|
36
|
+
}
|
|
37
|
+
catch (error) {
|
|
38
|
+
console.warn(`Errore nella generazione delle varianti di opacità per ${name}: ${error}`);
|
|
39
|
+
return '';
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
const generateBrightnessVariants = (color, name) => {
|
|
43
|
+
if (!color) {
|
|
44
|
+
return '';
|
|
45
|
+
}
|
|
46
|
+
try {
|
|
47
|
+
const rgbValue = hexToRgb(color);
|
|
48
|
+
if (!rgbValue ||
|
|
49
|
+
typeof rgbValue.r !== 'number' ||
|
|
50
|
+
typeof rgbValue.g !== 'number' ||
|
|
51
|
+
typeof rgbValue.b !== 'number') {
|
|
52
|
+
console.warn(`Impossibile convertire il colore ${name}: ${color}`);
|
|
53
|
+
return '';
|
|
54
|
+
}
|
|
55
|
+
const { r, g, b } = rgbValue;
|
|
56
|
+
const clamp = (value) => Math.max(0, Math.min(255, Math.round(value)));
|
|
57
|
+
const mixWith = (target, amount) => `${clamp(r + (target - r) * amount)},${clamp(g + (target - g) * amount)},${clamp(b + (target - b) * amount)}`;
|
|
58
|
+
const steps = [0.2, 0.4, 0.6, 0.8]; // → 20 / 40 / 60 / 80 se vuoi estendere
|
|
59
|
+
const labels = [10, 20, 30, 40];
|
|
60
|
+
const lighter = steps
|
|
61
|
+
.map((step, i) => {
|
|
62
|
+
const label = labels[i];
|
|
63
|
+
return `--color-${name}-light-${label}: rgb(${mixWith(255, step)});`;
|
|
64
|
+
})
|
|
65
|
+
.join('\n');
|
|
66
|
+
const darker = steps
|
|
67
|
+
.map((step, i) => {
|
|
68
|
+
const label = labels[i];
|
|
69
|
+
return `--color-${name}-dark-${label}: rgb(${mixWith(0, step)});`;
|
|
70
|
+
})
|
|
71
|
+
.join('\n');
|
|
72
|
+
return `--color-${name}: rgb(${r}, ${g}, ${b});
|
|
73
|
+
${lighter}
|
|
74
|
+
${darker}`;
|
|
75
|
+
}
|
|
76
|
+
catch (error) {
|
|
77
|
+
console.warn(`Errore nella generazione delle varianti di brightness per ${name}: ${error}`);
|
|
78
|
+
return '';
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
// Genera variabili solo per i colori forniti
|
|
82
|
+
const primaryVars = `${generateOpacityVariants(settings.primaryColor, 'primary')} ${generateBrightnessVariants(settings.primaryColor, 'primary')}`;
|
|
83
|
+
const secondaryVars = `${generateOpacityVariants(settings.secondaryColor, 'secondary')} ${generateBrightnessVariants(settings.secondaryColor, 'secondary')}`;
|
|
84
|
+
const accentVars = `${generateOpacityVariants(settings.secondaryColor, 'accent')} ${generateBrightnessVariants(settings.secondaryColor, 'accent')}`;
|
|
85
|
+
const darkVars = `${generateOpacityVariants(settings.secondaryColor, 'dark')} ${generateBrightnessVariants(settings.secondaryColor, 'dark')}`;
|
|
86
|
+
const lightVars = `${generateOpacityVariants(settings.secondaryColor, 'light')} ${generateBrightnessVariants(settings.secondaryColor, 'light')}`;
|
|
87
|
+
// Genera i valori dei font in modo sicuro
|
|
88
|
+
const headingFontValue = settings.headingFont
|
|
89
|
+
? `'${settings.headingFont}', sans-serif`
|
|
90
|
+
: 'system-layout, sans-serif';
|
|
91
|
+
const textFontValue = settings.textFont
|
|
92
|
+
? `'${settings.textFont}', sans-serif`
|
|
93
|
+
: 'system-layout, sans-serif';
|
|
94
|
+
return `
|
|
95
|
+
${fontsToImport}
|
|
96
|
+
|
|
97
|
+
:root {
|
|
98
|
+
--font-heading: ${headingFontValue};
|
|
99
|
+
--font-text: ${textFontValue};
|
|
100
|
+
--color-white: #ffffff;
|
|
101
|
+
--color-black: #000000;
|
|
102
|
+
--color-foreground: ${settings.foregroundColor || '#FFFFFF'};
|
|
103
|
+
${primaryVars}
|
|
104
|
+
${secondaryVars}
|
|
105
|
+
${accentVars}
|
|
106
|
+
${darkVars}
|
|
107
|
+
${lightVars}
|
|
108
|
+
}
|
|
109
|
+
`;
|
|
110
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const e=e=>{const l=e.replace(/^#/,"");if(!/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(l))throw new Error(`Colore HEX non valido: ${e}`);const a=3===l.length?l.split("").map(e=>e+e).join(""):l;return{r:parseInt(a.slice(0,2),16),g:parseInt(a.slice(2,4),16),b:parseInt(a.slice(4,6),16)}};exports.generateCssVars=function(l){const a=[300,400,500,600,700,800],o=[l.headingFont,l.textFont].filter(Boolean).map(e=>e?`@import url('https://fonts.googleapis.com/css2?family=${e.replace(/ /g,"+")}:wght@${a.join(";")}&display=swap');`:"").join("\n"),n=(l,a)=>{if(!l)return"";try{const o=e(l);if(!o||"number"!=typeof o.r||"number"!=typeof o.g||"number"!=typeof o.b)return console.warn(`Impossibile convertire il colore ${a}: ${l}`),"";const{r:n,g:r,b:c}=o,i=Array.from({length:9},(e,l)=>{const o=10*(l+1);return`--color-${a}-${o}: rgba(${n}, ${r}, ${c}, ${o/100});`}).join("\n");return`\n --color-${a}: rgb(${n}, ${r}, ${c}); /* Default (opacità 1) */\n ${i}\n `}catch(e){return console.warn(`Errore nella generazione delle varianti di opacità per ${a}: ${e}`),""}},r=(l,a)=>{if(!l)return"";try{const o=e(l);if(!o||"number"!=typeof o.r||"number"!=typeof o.g||"number"!=typeof o.b)return console.warn(`Impossibile convertire il colore ${a}: ${l}`),"";const{r:n,g:r,b:c}=o,i=e=>Math.max(0,Math.min(255,Math.round(e))),t=(e,l)=>`${i(n+(e-n)*l)},${i(r+(e-r)*l)},${i(c+(e-c)*l)}`,u=[.2,.4,.6,.8],b=[10,20,30,40],v=u.map((e,l)=>{const o=b[l];return`--color-${a}-light-${o}: rgb(${t(255,e)});`}).join("\n"),s=u.map((e,l)=>{const o=b[l];return`--color-${a}-dark-${o}: rgb(${t(0,e)});`}).join("\n");return`--color-${a}: rgb(${n}, ${r}, ${c});\n ${v}\n ${s}`}catch(e){return console.warn(`Errore nella generazione delle varianti di brightness per ${a}: ${e}`),""}},c=`${n(l.primaryColor,"primary")} ${r(l.primaryColor,"primary")}`,i=`${n(l.secondaryColor,"secondary")} ${r(l.secondaryColor,"secondary")}`,t=`${n(l.secondaryColor,"accent")} ${r(l.secondaryColor,"accent")}`,u=`${n(l.secondaryColor,"dark")} ${r(l.secondaryColor,"dark")}`,b=`${n(l.secondaryColor,"light")} ${r(l.secondaryColor,"light")}`;return`\n ${o}\n\n :root {\n --font-heading: ${l.headingFont?`'${l.headingFont}', sans-serif`:"system-layout, sans-serif"};\n --font-text: ${l.textFont?`'${l.textFont}', sans-serif`:"system-layout, sans-serif"};\n --color-white: #ffffff;\n --color-black: #000000;\n --color-foreground: ${l.foregroundColor||"#FFFFFF"};\n ${c}\n ${i}\n ${t}\n ${u}\n ${b}\n }\n `},exports.iconsList=[{label:"Academic Cap",value:"AcademicCapIcon"},{label:"Adjustments Horizontal",value:"AdjustmentsHorizontalIcon"},{label:"Adjustments Vertical",value:"AdjustmentsVerticalIcon"},{label:"Archive Box Arrow Down",value:"ArchiveBoxArrowDownIcon"},{label:"Archive Box X Mark",value:"ArchiveBoxXMarkIcon"},{label:"Archive Box",value:"ArchiveBoxIcon"},{label:"Arrow Down Circle",value:"ArrowDownCircleIcon"},{label:"Arrow Down",value:"ArrowDownIcon"},{label:"Arrow Left Circle",value:"ArrowLeftCircleIcon"},{label:"Arrow Left",value:"ArrowLeftIcon"},{label:"Arrow Right Circle",value:"ArrowRightCircleIcon"},{label:"Arrow Right",value:"ArrowRightIcon"},{label:"Arrow Up Circle",value:"ArrowUpCircleIcon"},{label:"Arrow Up",value:"ArrowUpIcon"},{label:"Bell Alert",value:"BellAlertIcon"},{label:"Bell",value:"BellIcon"},{label:"Bookmark Square",value:"BookmarkSquareIcon"},{label:"Bookmark",value:"BookmarkIcon"},{label:"Building Office",value:"BuildingOfficeIcon"},{label:"Calendar",value:"CalendarIcon"},{label:"Camera",value:"CameraIcon"},{label:"Chart Bar",value:"ChartBarIcon"},{label:"Chat Bubble Left Right",value:"ChatBubbleLeftRightIcon"},{label:"Chat Bubble Left",value:"ChatBubbleLeftIcon"},{label:"Check Circle",value:"CheckCircleIcon"},{label:"Check",value:"CheckIcon"},{label:"Chevron Down",value:"ChevronDownIcon"},{label:"Chevron Left",value:"ChevronLeftIcon"},{label:"Chevron Right",value:"ChevronRightIcon"},{label:"Chevron Up",value:"ChevronUpIcon"},{label:"Clock",value:"ClockIcon"},{label:"Cloud Arrow Up",value:"CloudArrowUpIcon"},{label:"Cloud",value:"CloudIcon"},{label:"Code Bracket",value:"CodeBracketIcon"},{label:"Cog",value:"CogIcon"},{label:"Command Line",value:"CommandLineIcon"},{label:"Computer Desktop",value:"ComputerDesktopIcon"},{label:"Credit Card",value:"CreditCardIcon"},{label:"Document",value:"DocumentIcon"},{label:"Envelope",value:"EnvelopeIcon"},{label:"Exclamation Circle",value:"ExclamationCircleIcon"},{label:"Exclamation Triangle",value:"ExclamationTriangleIcon"},{label:"Eye",value:"EyeIcon"},{label:"Face Smile",value:"FaceSmileIcon"},{label:"Film",value:"FilmIcon"},{label:"Finger Print",value:"FingerPrintIcon"},{label:"Fire",value:"FireIcon"},{label:"Flag",value:"FlagIcon"},{label:"Folder Open",value:"FolderOpenIcon"},{label:"Folder",value:"FolderIcon"},{label:"Gift",value:"GiftIcon"},{label:"Globe Alt",value:"GlobeAltIcon"},{label:"Globe Europe Africa",value:"GlobeEuropeAfricaIcon"},{label:"Hand Raised",value:"HandRaisedIcon"},{label:"Heart",value:"HeartIcon"},{label:"Home",value:"HomeIcon"},{label:"Identification",value:"IdentificationIcon"},{label:"Information Circle",value:"InformationCircleIcon"},{label:"Key",value:"KeyIcon"},{label:"Link",value:"LinkIcon"},{label:"List Bullet",value:"ListBulletIcon"},{label:"Lock Closed",value:"LockClosedIcon"},{label:"Lock Open",value:"LockOpenIcon"},{label:"Magnifying Glass Circle",value:"MagnifyingGlassCircleIcon"},{label:"Magnifying Glass",value:"MagnifyingGlassIcon"},{label:"Map Pin",value:"MapPinIcon"},{label:"Map",value:"MapIcon"},{label:"Moon",value:"MoonIcon"},{label:"Paper Airplane",value:"PaperAirplaneIcon"},{label:"Paper Clip",value:"PaperClipIcon"},{label:"Pause Circle",value:"PauseCircleIcon"},{label:"Pencil Square",value:"PencilSquareIcon"},{label:"Pencil",value:"PencilIcon"},{label:"Phone Arrow Up Right",value:"PhoneArrowUpRightIcon"},{label:"Phone X Mark",value:"PhoneXMarkIcon"},{label:"Phone",value:"PhoneIcon"},{label:"Photo",value:"PhotoIcon"},{label:"Play Circle",value:"PlayCircleIcon"},{label:"Play",value:"PlayIcon"},{label:"Plus Circle",value:"PlusCircleIcon"},{label:"Plus",value:"PlusIcon"},{label:"Power",value:"PowerIcon"},{label:"Question Mark Circle",value:"QuestionMarkCircleIcon"},{label:"Rocket Launch",value:"RocketLaunchIcon"},{label:"Rss",value:"RssIcon"},{label:"Scale",value:"ScaleIcon"},{label:"Server",value:"ServerIcon"},{label:"Share",value:"ShareIcon"},{label:"Shield Check",value:"ShieldCheckIcon"},{label:"Shield Exclamation",value:"ShieldExclamationIcon"},{label:"Shopping Bag",value:"ShoppingBagIcon"},{label:"Shopping Cart",value:"ShoppingCartIcon"},{label:"Star",value:"StarIcon"},{label:"Stop Circle",value:"StopCircleIcon"},{label:"Sun",value:"SunIcon"},{label:"Tag",value:"TagIcon"},{label:"Trash",value:"TrashIcon"},{label:"Trophy",value:"TrophyIcon"},{label:"User Circle",value:"UserCircleIcon"},{label:"User Group",value:"UserGroupIcon"},{label:"User",value:"UserIcon"},{label:"Users",value:"UsersIcon"},{label:"Video Camera",value:"VideoCameraIcon"},{label:"Wifi",value:"WifiIcon"},{label:"Window",value:"WindowIcon"},{label:"Wrench Screwdriver",value:"WrenchScrewdriverIcon"},{label:"Wrench",value:"WrenchIcon"},{label:"X Circle",value:"XCircleIcon"},{label:"X Mark",value:"XMarkIcon"}];
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/utils/iconsList.ts","../../src/hexToRgb.ts","../../src/utils/generateCssVars.ts"],"sourcesContent":["export const iconsList = [\n { label: 'Academic Cap', value: 'AcademicCapIcon' },\n { label: 'Adjustments Horizontal', value: 'AdjustmentsHorizontalIcon' },\n { label: 'Adjustments Vertical', value: 'AdjustmentsVerticalIcon' },\n { label: 'Archive Box Arrow Down', value: 'ArchiveBoxArrowDownIcon' },\n { label: 'Archive Box X Mark', value: 'ArchiveBoxXMarkIcon' },\n { label: 'Archive Box', value: 'ArchiveBoxIcon' },\n { label: 'Arrow Down Circle', value: 'ArrowDownCircleIcon' },\n { label: 'Arrow Down', value: 'ArrowDownIcon' },\n { label: 'Arrow Left Circle', value: 'ArrowLeftCircleIcon' },\n { label: 'Arrow Left', value: 'ArrowLeftIcon' },\n { label: 'Arrow Right Circle', value: 'ArrowRightCircleIcon' },\n { label: 'Arrow Right', value: 'ArrowRightIcon' },\n { label: 'Arrow Up Circle', value: 'ArrowUpCircleIcon' },\n { label: 'Arrow Up', value: 'ArrowUpIcon' },\n { label: 'Bell Alert', value: 'BellAlertIcon' },\n { label: 'Bell', value: 'BellIcon' },\n { label: 'Bookmark Square', value: 'BookmarkSquareIcon' },\n { label: 'Bookmark', value: 'BookmarkIcon' },\n { label: 'Building Office', value: 'BuildingOfficeIcon' },\n { label: 'Calendar', value: 'CalendarIcon' },\n { label: 'Camera', value: 'CameraIcon' },\n { label: 'Chart Bar', value: 'ChartBarIcon' },\n { label: 'Chat Bubble Left Right', value: 'ChatBubbleLeftRightIcon' },\n { label: 'Chat Bubble Left', value: 'ChatBubbleLeftIcon' },\n { label: 'Check Circle', value: 'CheckCircleIcon' },\n { label: 'Check', value: 'CheckIcon' },\n { label: 'Chevron Down', value: 'ChevronDownIcon' },\n { label: 'Chevron Left', value: 'ChevronLeftIcon' },\n { label: 'Chevron Right', value: 'ChevronRightIcon' },\n { label: 'Chevron Up', value: 'ChevronUpIcon' },\n { label: 'Clock', value: 'ClockIcon' },\n { label: 'Cloud Arrow Up', value: 'CloudArrowUpIcon' },\n { label: 'Cloud', value: 'CloudIcon' },\n { label: 'Code Bracket', value: 'CodeBracketIcon' },\n { label: 'Cog', value: 'CogIcon' },\n { label: 'Command Line', value: 'CommandLineIcon' },\n { label: 'Computer Desktop', value: 'ComputerDesktopIcon' },\n { label: 'Credit Card', value: 'CreditCardIcon' },\n { label: 'Document', value: 'DocumentIcon' },\n { label: 'Envelope', value: 'EnvelopeIcon' },\n { label: 'Exclamation Circle', value: 'ExclamationCircleIcon' },\n { label: 'Exclamation Triangle', value: 'ExclamationTriangleIcon' },\n { label: 'Eye', value: 'EyeIcon' },\n { label: 'Face Smile', value: 'FaceSmileIcon' },\n { label: 'Film', value: 'FilmIcon' },\n { label: 'Finger Print', value: 'FingerPrintIcon' },\n { label: 'Fire', value: 'FireIcon' },\n { label: 'Flag', value: 'FlagIcon' },\n { label: 'Folder Open', value: 'FolderOpenIcon' },\n { label: 'Folder', value: 'FolderIcon' },\n { label: 'Gift', value: 'GiftIcon' },\n { label: 'Globe Alt', value: 'GlobeAltIcon' },\n { label: 'Globe Europe Africa', value: 'GlobeEuropeAfricaIcon' },\n { label: 'Hand Raised', value: 'HandRaisedIcon' },\n { label: 'Heart', value: 'HeartIcon' },\n { label: 'Home', value: 'HomeIcon' },\n { label: 'Identification', value: 'IdentificationIcon' },\n { label: 'Information Circle', value: 'InformationCircleIcon' },\n { label: 'Key', value: 'KeyIcon' },\n { label: 'Link', value: 'LinkIcon' },\n { label: 'List Bullet', value: 'ListBulletIcon' },\n { label: 'Lock Closed', value: 'LockClosedIcon' },\n { label: 'Lock Open', value: 'LockOpenIcon' },\n { label: 'Magnifying Glass Circle', value: 'MagnifyingGlassCircleIcon' },\n { label: 'Magnifying Glass', value: 'MagnifyingGlassIcon' },\n { label: 'Map Pin', value: 'MapPinIcon' },\n { label: 'Map', value: 'MapIcon' },\n { label: 'Moon', value: 'MoonIcon' },\n { label: 'Paper Airplane', value: 'PaperAirplaneIcon' },\n { label: 'Paper Clip', value: 'PaperClipIcon' },\n { label: 'Pause Circle', value: 'PauseCircleIcon' },\n { label: 'Pencil Square', value: 'PencilSquareIcon' },\n { label: 'Pencil', value: 'PencilIcon' },\n { label: 'Phone Arrow Up Right', value: 'PhoneArrowUpRightIcon' },\n { label: 'Phone X Mark', value: 'PhoneXMarkIcon' },\n { label: 'Phone', value: 'PhoneIcon' },\n { label: 'Photo', value: 'PhotoIcon' },\n { label: 'Play Circle', value: 'PlayCircleIcon' },\n { label: 'Play', value: 'PlayIcon' },\n { label: 'Plus Circle', value: 'PlusCircleIcon' },\n { label: 'Plus', value: 'PlusIcon' },\n { label: 'Power', value: 'PowerIcon' },\n { label: 'Question Mark Circle', value: 'QuestionMarkCircleIcon' },\n { label: 'Rocket Launch', value: 'RocketLaunchIcon' },\n { label: 'Rss', value: 'RssIcon' },\n { label: 'Scale', value: 'ScaleIcon' },\n { label: 'Server', value: 'ServerIcon' },\n { label: 'Share', value: 'ShareIcon' },\n { label: 'Shield Check', value: 'ShieldCheckIcon' },\n { label: 'Shield Exclamation', value: 'ShieldExclamationIcon' },\n { label: 'Shopping Bag', value: 'ShoppingBagIcon' },\n { label: 'Shopping Cart', value: 'ShoppingCartIcon' },\n { label: 'Star', value: 'StarIcon' },\n { label: 'Stop Circle', value: 'StopCircleIcon' },\n { label: 'Sun', value: 'SunIcon' },\n { label: 'Tag', value: 'TagIcon' },\n { label: 'Trash', value: 'TrashIcon' },\n { label: 'Trophy', value: 'TrophyIcon' },\n { label: 'User Circle', value: 'UserCircleIcon' },\n { label: 'User Group', value: 'UserGroupIcon' },\n { label: 'User', value: 'UserIcon' },\n { label: 'Users', value: 'UsersIcon' },\n { label: 'Video Camera', value: 'VideoCameraIcon' },\n { label: 'Wifi', value: 'WifiIcon' },\n { label: 'Window', value: 'WindowIcon' },\n { label: 'Wrench Screwdriver', value: 'WrenchScrewdriverIcon' },\n { label: 'Wrench', value: 'WrenchIcon' },\n { label: 'X Circle', value: 'XCircleIcon' },\n { label: 'X Mark', value: 'XMarkIcon' },\n]\n","const hexToRgb = (hex: string): { r: number; g: number; b: number } => {\n // Rimuove il simbolo `#` se presente\n const cleanedHex = hex.replace(/^#/, '');\n\n // Controlla che il colore sia valido (3 o 6 caratteri)\n if (!/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(cleanedHex)) {\n throw new Error(`Colore HEX non valido: ${hex}`);\n }\n\n // In caso di formato corto (es. \"FFF\"), lo converte in formato lungo (es. \"FFFFFF\")\n const expandedHex =\n cleanedHex.length === 3\n ? cleanedHex\n .split('')\n .map(char => char + char)\n .join('')\n : cleanedHex;\n\n // Converte il valore HEX in decimali per R, G e B\n const r = parseInt(expandedHex.slice(0, 2), 16);\n const g = parseInt(expandedHex.slice(2, 4), 16);\n const b = parseInt(expandedHex.slice(4, 6), 16);\n\n return { r, g, b };\n};\n\nexport default hexToRgb;","import hexToRgb from '../hexToRgb'\n\nexport function generateCssVars(settings: {\n headingFont?: string\n textFont?: string\n foregroundColor?: string\n primaryColor?: string\n secondaryColor?: string\n accentColor?: string\n darkColor?: string\n lightColor?: string\n}): string {\n // Gestione robusta dei font\n const fontWeights = [300, 400, 500, 600, 700, 800]\n\n const fontsToImport = [settings.headingFont, settings.textFont]\n .filter(Boolean)\n .map((f) => {\n if (!f) return ''\n // Aggiungiamo il parametro wght per specificare i pesi da caricare\n return `@import url('https://fonts.googleapis.com/css2?family=${f.replace(\n / /g,\n '+',\n )}:wght@${fontWeights.join(';')}&display=swap');`\n })\n .join('\\n')\n\n const generateOpacityVariants = (color: string | undefined, name: string): string => {\n if (!color) {\n return ''\n }\n\n try {\n const rgbValue = hexToRgb(color)\n\n if (\n !rgbValue ||\n typeof rgbValue.r !== 'number' ||\n typeof rgbValue.g !== 'number' ||\n typeof rgbValue.b !== 'number'\n ) {\n console.warn(`Impossibile convertire il colore ${name}: ${color}`)\n return ''\n }\n\n const { r, g, b } = rgbValue\n\n const opacityVars = Array.from({ length: 9 }, (_, i) => {\n const opacity = (i + 1) * 10\n return `--color-${name}-${opacity}: rgba(${r}, ${g}, ${b}, ${opacity / 100});`\n }).join('\\n')\n\n return `\n --color-${name}: rgb(${r}, ${g}, ${b}); /* Default (opacità 1) */\n ${opacityVars}\n `\n } catch (error) {\n console.warn(`Errore nella generazione delle varianti di opacità per ${name}: ${error}`)\n return ''\n }\n }\n\n const generateBrightnessVariants = (color: string | undefined, name: string): string => {\n if (!color) {\n return ''\n }\n\n try {\n const rgbValue = hexToRgb(color)\n\n if (\n !rgbValue ||\n typeof rgbValue.r !== 'number' ||\n typeof rgbValue.g !== 'number' ||\n typeof rgbValue.b !== 'number'\n ) {\n console.warn(`Impossibile convertire il colore ${name}: ${color}`)\n return ''\n }\n\n const { r, g, b } = rgbValue\n\n const clamp = (value: number) => Math.max(0, Math.min(255, Math.round(value)))\n\n const mixWith = (target: number, amount: number) =>\n `${clamp(r + (target - r) * amount)},${clamp(\n g + (target - g) * amount,\n )},${clamp(b + (target - b) * amount)}`\n\n const steps = [0.2, 0.4, 0.6, 0.8] // → 20 / 40 / 60 / 80 se vuoi estendere\n const labels = [10, 20, 30, 40]\n\n const lighter = steps\n .map((step, i) => {\n const label = labels[i]\n return `--color-${name}-light-${label}: rgb(${mixWith(255, step)});`\n })\n .join('\\n')\n\n const darker = steps\n .map((step, i) => {\n const label = labels[i]\n return `--color-${name}-dark-${label}: rgb(${mixWith(0, step)});`\n })\n .join('\\n')\n\n return `--color-${name}: rgb(${r}, ${g}, ${b});\n ${lighter}\n ${darker}`\n } catch (error) {\n console.warn(`Errore nella generazione delle varianti di brightness per ${name}: ${error}`)\n return ''\n }\n }\n\n // Genera variabili solo per i colori forniti\n const primaryVars = `${generateOpacityVariants(settings.primaryColor, 'primary')} ${generateBrightnessVariants(settings.primaryColor, 'primary')}`\n const secondaryVars = `${generateOpacityVariants(settings.secondaryColor, 'secondary')} ${generateBrightnessVariants(settings.secondaryColor, 'secondary')}`\n const accentVars = `${generateOpacityVariants(settings.secondaryColor, 'accent')} ${generateBrightnessVariants(settings.secondaryColor, 'accent')}`\n const darkVars = `${generateOpacityVariants(settings.secondaryColor, 'dark')} ${generateBrightnessVariants(settings.secondaryColor, 'dark')}`\n const lightVars = `${generateOpacityVariants(settings.secondaryColor, 'light')} ${generateBrightnessVariants(settings.secondaryColor, 'light')}`\n\n // Genera i valori dei font in modo sicuro\n const headingFontValue = settings.headingFont\n ? `'${settings.headingFont}', sans-serif`\n : 'system-layout, sans-serif'\n\n const textFontValue = settings.textFont\n ? `'${settings.textFont}', sans-serif`\n : 'system-layout, sans-serif'\n\n return `\n ${fontsToImport}\n\n :root {\n --font-heading: ${headingFontValue};\n --font-text: ${textFontValue};\n --color-white: #ffffff;\n --color-black: #000000;\n --color-foreground: ${settings.foregroundColor || '#FFFFFF'};\n ${primaryVars}\n ${secondaryVars}\n ${accentVars}\n ${darkVars}\n ${lightVars}\n }\n `\n}\n"],"names":["hexToRgb","hex","cleanedHex","replace","test","Error","expandedHex","length","split","map","char","join","r","parseInt","slice","g","b","settings","fontWeights","fontsToImport","headingFont","textFont","filter","Boolean","f","generateOpacityVariants","color","name","rgbValue","console","warn","opacityVars","Array","from","_","i","opacity","error","generateBrightnessVariants","clamp","value","Math","max","min","round","mixWith","target","amount","steps","labels","lighter","step","label","darker","primaryVars","primaryColor","secondaryVars","secondaryColor","accentVars","darkVars","lightVars","foregroundColor"],"mappings":"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"}
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=[{label:"Academic Cap",value:"AcademicCapIcon"},{label:"Adjustments Horizontal",value:"AdjustmentsHorizontalIcon"},{label:"Adjustments Vertical",value:"AdjustmentsVerticalIcon"},{label:"Archive Box Arrow Down",value:"ArchiveBoxArrowDownIcon"},{label:"Archive Box X Mark",value:"ArchiveBoxXMarkIcon"},{label:"Archive Box",value:"ArchiveBoxIcon"},{label:"Arrow Down Circle",value:"ArrowDownCircleIcon"},{label:"Arrow Down",value:"ArrowDownIcon"},{label:"Arrow Left Circle",value:"ArrowLeftCircleIcon"},{label:"Arrow Left",value:"ArrowLeftIcon"},{label:"Arrow Right Circle",value:"ArrowRightCircleIcon"},{label:"Arrow Right",value:"ArrowRightIcon"},{label:"Arrow Up Circle",value:"ArrowUpCircleIcon"},{label:"Arrow Up",value:"ArrowUpIcon"},{label:"Bell Alert",value:"BellAlertIcon"},{label:"Bell",value:"BellIcon"},{label:"Bookmark Square",value:"BookmarkSquareIcon"},{label:"Bookmark",value:"BookmarkIcon"},{label:"Building Office",value:"BuildingOfficeIcon"},{label:"Calendar",value:"CalendarIcon"},{label:"Camera",value:"CameraIcon"},{label:"Chart Bar",value:"ChartBarIcon"},{label:"Chat Bubble Left Right",value:"ChatBubbleLeftRightIcon"},{label:"Chat Bubble Left",value:"ChatBubbleLeftIcon"},{label:"Check Circle",value:"CheckCircleIcon"},{label:"Check",value:"CheckIcon"},{label:"Chevron Down",value:"ChevronDownIcon"},{label:"Chevron Left",value:"ChevronLeftIcon"},{label:"Chevron Right",value:"ChevronRightIcon"},{label:"Chevron Up",value:"ChevronUpIcon"},{label:"Clock",value:"ClockIcon"},{label:"Cloud Arrow Up",value:"CloudArrowUpIcon"},{label:"Cloud",value:"CloudIcon"},{label:"Code Bracket",value:"CodeBracketIcon"},{label:"Cog",value:"CogIcon"},{label:"Command Line",value:"CommandLineIcon"},{label:"Computer Desktop",value:"ComputerDesktopIcon"},{label:"Credit Card",value:"CreditCardIcon"},{label:"Document",value:"DocumentIcon"},{label:"Envelope",value:"EnvelopeIcon"},{label:"Exclamation Circle",value:"ExclamationCircleIcon"},{label:"Exclamation Triangle",value:"ExclamationTriangleIcon"},{label:"Eye",value:"EyeIcon"},{label:"Face Smile",value:"FaceSmileIcon"},{label:"Film",value:"FilmIcon"},{label:"Finger Print",value:"FingerPrintIcon"},{label:"Fire",value:"FireIcon"},{label:"Flag",value:"FlagIcon"},{label:"Folder Open",value:"FolderOpenIcon"},{label:"Folder",value:"FolderIcon"},{label:"Gift",value:"GiftIcon"},{label:"Globe Alt",value:"GlobeAltIcon"},{label:"Globe Europe Africa",value:"GlobeEuropeAfricaIcon"},{label:"Hand Raised",value:"HandRaisedIcon"},{label:"Heart",value:"HeartIcon"},{label:"Home",value:"HomeIcon"},{label:"Identification",value:"IdentificationIcon"},{label:"Information Circle",value:"InformationCircleIcon"},{label:"Key",value:"KeyIcon"},{label:"Link",value:"LinkIcon"},{label:"List Bullet",value:"ListBulletIcon"},{label:"Lock Closed",value:"LockClosedIcon"},{label:"Lock Open",value:"LockOpenIcon"},{label:"Magnifying Glass Circle",value:"MagnifyingGlassCircleIcon"},{label:"Magnifying Glass",value:"MagnifyingGlassIcon"},{label:"Map Pin",value:"MapPinIcon"},{label:"Map",value:"MapIcon"},{label:"Moon",value:"MoonIcon"},{label:"Paper Airplane",value:"PaperAirplaneIcon"},{label:"Paper Clip",value:"PaperClipIcon"},{label:"Pause Circle",value:"PauseCircleIcon"},{label:"Pencil Square",value:"PencilSquareIcon"},{label:"Pencil",value:"PencilIcon"},{label:"Phone Arrow Up Right",value:"PhoneArrowUpRightIcon"},{label:"Phone X Mark",value:"PhoneXMarkIcon"},{label:"Phone",value:"PhoneIcon"},{label:"Photo",value:"PhotoIcon"},{label:"Play Circle",value:"PlayCircleIcon"},{label:"Play",value:"PlayIcon"},{label:"Plus Circle",value:"PlusCircleIcon"},{label:"Plus",value:"PlusIcon"},{label:"Power",value:"PowerIcon"},{label:"Question Mark Circle",value:"QuestionMarkCircleIcon"},{label:"Rocket Launch",value:"RocketLaunchIcon"},{label:"Rss",value:"RssIcon"},{label:"Scale",value:"ScaleIcon"},{label:"Server",value:"ServerIcon"},{label:"Share",value:"ShareIcon"},{label:"Shield Check",value:"ShieldCheckIcon"},{label:"Shield Exclamation",value:"ShieldExclamationIcon"},{label:"Shopping Bag",value:"ShoppingBagIcon"},{label:"Shopping Cart",value:"ShoppingCartIcon"},{label:"Star",value:"StarIcon"},{label:"Stop Circle",value:"StopCircleIcon"},{label:"Sun",value:"SunIcon"},{label:"Tag",value:"TagIcon"},{label:"Trash",value:"TrashIcon"},{label:"Trophy",value:"TrophyIcon"},{label:"User Circle",value:"UserCircleIcon"},{label:"User Group",value:"UserGroupIcon"},{label:"User",value:"UserIcon"},{label:"Users",value:"UsersIcon"},{label:"Video Camera",value:"VideoCameraIcon"},{label:"Wifi",value:"WifiIcon"},{label:"Window",value:"WindowIcon"},{label:"Wrench Screwdriver",value:"WrenchScrewdriverIcon"},{label:"Wrench",value:"WrenchIcon"},{label:"X Circle",value:"XCircleIcon"},{label:"X Mark",value:"XMarkIcon"}],l=e=>{const l=e.replace(/^#/,"");if(!/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(l))throw new Error(`Colore HEX non valido: ${e}`);const a=3===l.length?l.split("").map(e=>e+e).join(""):l;return{r:parseInt(a.slice(0,2),16),g:parseInt(a.slice(2,4),16),b:parseInt(a.slice(4,6),16)}};function a(e){const a=[300,400,500,600,700,800],o=[e.headingFont,e.textFont].filter(Boolean).map(e=>e?`@import url('https://fonts.googleapis.com/css2?family=${e.replace(/ /g,"+")}:wght@${a.join(";")}&display=swap');`:"").join("\n"),n=(e,a)=>{if(!e)return"";try{const o=l(e);if(!o||"number"!=typeof o.r||"number"!=typeof o.g||"number"!=typeof o.b)return console.warn(`Impossibile convertire il colore ${a}: ${e}`),"";const{r:n,g:r,b:c}=o,i=Array.from({length:9},(e,l)=>{const o=10*(l+1);return`--color-${a}-${o}: rgba(${n}, ${r}, ${c}, ${o/100});`}).join("\n");return`\n --color-${a}: rgb(${n}, ${r}, ${c}); /* Default (opacità 1) */\n ${i}\n `}catch(e){return console.warn(`Errore nella generazione delle varianti di opacità per ${a}: ${e}`),""}},r=(e,a)=>{if(!e)return"";try{const o=l(e);if(!o||"number"!=typeof o.r||"number"!=typeof o.g||"number"!=typeof o.b)return console.warn(`Impossibile convertire il colore ${a}: ${e}`),"";const{r:n,g:r,b:c}=o,i=e=>Math.max(0,Math.min(255,Math.round(e))),u=(e,l)=>`${i(n+(e-n)*l)},${i(r+(e-r)*l)},${i(c+(e-c)*l)}`,t=[.2,.4,.6,.8],b=[10,20,30,40],v=t.map((e,l)=>{const o=b[l];return`--color-${a}-light-${o}: rgb(${u(255,e)});`}).join("\n"),I=t.map((e,l)=>{const o=b[l];return`--color-${a}-dark-${o}: rgb(${u(0,e)});`}).join("\n");return`--color-${a}: rgb(${n}, ${r}, ${c});\n ${v}\n ${I}`}catch(e){return console.warn(`Errore nella generazione delle varianti di brightness per ${a}: ${e}`),""}},c=`${n(e.primaryColor,"primary")} ${r(e.primaryColor,"primary")}`,i=`${n(e.secondaryColor,"secondary")} ${r(e.secondaryColor,"secondary")}`,u=`${n(e.secondaryColor,"accent")} ${r(e.secondaryColor,"accent")}`,t=`${n(e.secondaryColor,"dark")} ${r(e.secondaryColor,"dark")}`,b=`${n(e.secondaryColor,"light")} ${r(e.secondaryColor,"light")}`;return`\n ${o}\n\n :root {\n --font-heading: ${e.headingFont?`'${e.headingFont}', sans-serif`:"system-layout, sans-serif"};\n --font-text: ${e.textFont?`'${e.textFont}', sans-serif`:"system-layout, sans-serif"};\n --color-white: #ffffff;\n --color-black: #000000;\n --color-foreground: ${e.foregroundColor||"#FFFFFF"};\n ${c}\n ${i}\n ${u}\n ${t}\n ${b}\n }\n `}export{a as generateCssVars,e as iconsList};
|
|
2
|
+
//# sourceMappingURL=index.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../../src/utils/iconsList.ts","../../src/hexToRgb.ts","../../src/utils/generateCssVars.ts"],"sourcesContent":["export const iconsList = [\n { label: 'Academic Cap', value: 'AcademicCapIcon' },\n { label: 'Adjustments Horizontal', value: 'AdjustmentsHorizontalIcon' },\n { label: 'Adjustments Vertical', value: 'AdjustmentsVerticalIcon' },\n { label: 'Archive Box Arrow Down', value: 'ArchiveBoxArrowDownIcon' },\n { label: 'Archive Box X Mark', value: 'ArchiveBoxXMarkIcon' },\n { label: 'Archive Box', value: 'ArchiveBoxIcon' },\n { label: 'Arrow Down Circle', value: 'ArrowDownCircleIcon' },\n { label: 'Arrow Down', value: 'ArrowDownIcon' },\n { label: 'Arrow Left Circle', value: 'ArrowLeftCircleIcon' },\n { label: 'Arrow Left', value: 'ArrowLeftIcon' },\n { label: 'Arrow Right Circle', value: 'ArrowRightCircleIcon' },\n { label: 'Arrow Right', value: 'ArrowRightIcon' },\n { label: 'Arrow Up Circle', value: 'ArrowUpCircleIcon' },\n { label: 'Arrow Up', value: 'ArrowUpIcon' },\n { label: 'Bell Alert', value: 'BellAlertIcon' },\n { label: 'Bell', value: 'BellIcon' },\n { label: 'Bookmark Square', value: 'BookmarkSquareIcon' },\n { label: 'Bookmark', value: 'BookmarkIcon' },\n { label: 'Building Office', value: 'BuildingOfficeIcon' },\n { label: 'Calendar', value: 'CalendarIcon' },\n { label: 'Camera', value: 'CameraIcon' },\n { label: 'Chart Bar', value: 'ChartBarIcon' },\n { label: 'Chat Bubble Left Right', value: 'ChatBubbleLeftRightIcon' },\n { label: 'Chat Bubble Left', value: 'ChatBubbleLeftIcon' },\n { label: 'Check Circle', value: 'CheckCircleIcon' },\n { label: 'Check', value: 'CheckIcon' },\n { label: 'Chevron Down', value: 'ChevronDownIcon' },\n { label: 'Chevron Left', value: 'ChevronLeftIcon' },\n { label: 'Chevron Right', value: 'ChevronRightIcon' },\n { label: 'Chevron Up', value: 'ChevronUpIcon' },\n { label: 'Clock', value: 'ClockIcon' },\n { label: 'Cloud Arrow Up', value: 'CloudArrowUpIcon' },\n { label: 'Cloud', value: 'CloudIcon' },\n { label: 'Code Bracket', value: 'CodeBracketIcon' },\n { label: 'Cog', value: 'CogIcon' },\n { label: 'Command Line', value: 'CommandLineIcon' },\n { label: 'Computer Desktop', value: 'ComputerDesktopIcon' },\n { label: 'Credit Card', value: 'CreditCardIcon' },\n { label: 'Document', value: 'DocumentIcon' },\n { label: 'Envelope', value: 'EnvelopeIcon' },\n { label: 'Exclamation Circle', value: 'ExclamationCircleIcon' },\n { label: 'Exclamation Triangle', value: 'ExclamationTriangleIcon' },\n { label: 'Eye', value: 'EyeIcon' },\n { label: 'Face Smile', value: 'FaceSmileIcon' },\n { label: 'Film', value: 'FilmIcon' },\n { label: 'Finger Print', value: 'FingerPrintIcon' },\n { label: 'Fire', value: 'FireIcon' },\n { label: 'Flag', value: 'FlagIcon' },\n { label: 'Folder Open', value: 'FolderOpenIcon' },\n { label: 'Folder', value: 'FolderIcon' },\n { label: 'Gift', value: 'GiftIcon' },\n { label: 'Globe Alt', value: 'GlobeAltIcon' },\n { label: 'Globe Europe Africa', value: 'GlobeEuropeAfricaIcon' },\n { label: 'Hand Raised', value: 'HandRaisedIcon' },\n { label: 'Heart', value: 'HeartIcon' },\n { label: 'Home', value: 'HomeIcon' },\n { label: 'Identification', value: 'IdentificationIcon' },\n { label: 'Information Circle', value: 'InformationCircleIcon' },\n { label: 'Key', value: 'KeyIcon' },\n { label: 'Link', value: 'LinkIcon' },\n { label: 'List Bullet', value: 'ListBulletIcon' },\n { label: 'Lock Closed', value: 'LockClosedIcon' },\n { label: 'Lock Open', value: 'LockOpenIcon' },\n { label: 'Magnifying Glass Circle', value: 'MagnifyingGlassCircleIcon' },\n { label: 'Magnifying Glass', value: 'MagnifyingGlassIcon' },\n { label: 'Map Pin', value: 'MapPinIcon' },\n { label: 'Map', value: 'MapIcon' },\n { label: 'Moon', value: 'MoonIcon' },\n { label: 'Paper Airplane', value: 'PaperAirplaneIcon' },\n { label: 'Paper Clip', value: 'PaperClipIcon' },\n { label: 'Pause Circle', value: 'PauseCircleIcon' },\n { label: 'Pencil Square', value: 'PencilSquareIcon' },\n { label: 'Pencil', value: 'PencilIcon' },\n { label: 'Phone Arrow Up Right', value: 'PhoneArrowUpRightIcon' },\n { label: 'Phone X Mark', value: 'PhoneXMarkIcon' },\n { label: 'Phone', value: 'PhoneIcon' },\n { label: 'Photo', value: 'PhotoIcon' },\n { label: 'Play Circle', value: 'PlayCircleIcon' },\n { label: 'Play', value: 'PlayIcon' },\n { label: 'Plus Circle', value: 'PlusCircleIcon' },\n { label: 'Plus', value: 'PlusIcon' },\n { label: 'Power', value: 'PowerIcon' },\n { label: 'Question Mark Circle', value: 'QuestionMarkCircleIcon' },\n { label: 'Rocket Launch', value: 'RocketLaunchIcon' },\n { label: 'Rss', value: 'RssIcon' },\n { label: 'Scale', value: 'ScaleIcon' },\n { label: 'Server', value: 'ServerIcon' },\n { label: 'Share', value: 'ShareIcon' },\n { label: 'Shield Check', value: 'ShieldCheckIcon' },\n { label: 'Shield Exclamation', value: 'ShieldExclamationIcon' },\n { label: 'Shopping Bag', value: 'ShoppingBagIcon' },\n { label: 'Shopping Cart', value: 'ShoppingCartIcon' },\n { label: 'Star', value: 'StarIcon' },\n { label: 'Stop Circle', value: 'StopCircleIcon' },\n { label: 'Sun', value: 'SunIcon' },\n { label: 'Tag', value: 'TagIcon' },\n { label: 'Trash', value: 'TrashIcon' },\n { label: 'Trophy', value: 'TrophyIcon' },\n { label: 'User Circle', value: 'UserCircleIcon' },\n { label: 'User Group', value: 'UserGroupIcon' },\n { label: 'User', value: 'UserIcon' },\n { label: 'Users', value: 'UsersIcon' },\n { label: 'Video Camera', value: 'VideoCameraIcon' },\n { label: 'Wifi', value: 'WifiIcon' },\n { label: 'Window', value: 'WindowIcon' },\n { label: 'Wrench Screwdriver', value: 'WrenchScrewdriverIcon' },\n { label: 'Wrench', value: 'WrenchIcon' },\n { label: 'X Circle', value: 'XCircleIcon' },\n { label: 'X Mark', value: 'XMarkIcon' },\n]\n","const hexToRgb = (hex: string): { r: number; g: number; b: number } => {\n // Rimuove il simbolo `#` se presente\n const cleanedHex = hex.replace(/^#/, '');\n\n // Controlla che il colore sia valido (3 o 6 caratteri)\n if (!/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(cleanedHex)) {\n throw new Error(`Colore HEX non valido: ${hex}`);\n }\n\n // In caso di formato corto (es. \"FFF\"), lo converte in formato lungo (es. \"FFFFFF\")\n const expandedHex =\n cleanedHex.length === 3\n ? cleanedHex\n .split('')\n .map(char => char + char)\n .join('')\n : cleanedHex;\n\n // Converte il valore HEX in decimali per R, G e B\n const r = parseInt(expandedHex.slice(0, 2), 16);\n const g = parseInt(expandedHex.slice(2, 4), 16);\n const b = parseInt(expandedHex.slice(4, 6), 16);\n\n return { r, g, b };\n};\n\nexport default hexToRgb;","import hexToRgb from '../hexToRgb'\n\nexport function generateCssVars(settings: {\n headingFont?: string\n textFont?: string\n foregroundColor?: string\n primaryColor?: string\n secondaryColor?: string\n accentColor?: string\n darkColor?: string\n lightColor?: string\n}): string {\n // Gestione robusta dei font\n const fontWeights = [300, 400, 500, 600, 700, 800]\n\n const fontsToImport = [settings.headingFont, settings.textFont]\n .filter(Boolean)\n .map((f) => {\n if (!f) return ''\n // Aggiungiamo il parametro wght per specificare i pesi da caricare\n return `@import url('https://fonts.googleapis.com/css2?family=${f.replace(\n / /g,\n '+',\n )}:wght@${fontWeights.join(';')}&display=swap');`\n })\n .join('\\n')\n\n const generateOpacityVariants = (color: string | undefined, name: string): string => {\n if (!color) {\n return ''\n }\n\n try {\n const rgbValue = hexToRgb(color)\n\n if (\n !rgbValue ||\n typeof rgbValue.r !== 'number' ||\n typeof rgbValue.g !== 'number' ||\n typeof rgbValue.b !== 'number'\n ) {\n console.warn(`Impossibile convertire il colore ${name}: ${color}`)\n return ''\n }\n\n const { r, g, b } = rgbValue\n\n const opacityVars = Array.from({ length: 9 }, (_, i) => {\n const opacity = (i + 1) * 10\n return `--color-${name}-${opacity}: rgba(${r}, ${g}, ${b}, ${opacity / 100});`\n }).join('\\n')\n\n return `\n --color-${name}: rgb(${r}, ${g}, ${b}); /* Default (opacità 1) */\n ${opacityVars}\n `\n } catch (error) {\n console.warn(`Errore nella generazione delle varianti di opacità per ${name}: ${error}`)\n return ''\n }\n }\n\n const generateBrightnessVariants = (color: string | undefined, name: string): string => {\n if (!color) {\n return ''\n }\n\n try {\n const rgbValue = hexToRgb(color)\n\n if (\n !rgbValue ||\n typeof rgbValue.r !== 'number' ||\n typeof rgbValue.g !== 'number' ||\n typeof rgbValue.b !== 'number'\n ) {\n console.warn(`Impossibile convertire il colore ${name}: ${color}`)\n return ''\n }\n\n const { r, g, b } = rgbValue\n\n const clamp = (value: number) => Math.max(0, Math.min(255, Math.round(value)))\n\n const mixWith = (target: number, amount: number) =>\n `${clamp(r + (target - r) * amount)},${clamp(\n g + (target - g) * amount,\n )},${clamp(b + (target - b) * amount)}`\n\n const steps = [0.2, 0.4, 0.6, 0.8] // → 20 / 40 / 60 / 80 se vuoi estendere\n const labels = [10, 20, 30, 40]\n\n const lighter = steps\n .map((step, i) => {\n const label = labels[i]\n return `--color-${name}-light-${label}: rgb(${mixWith(255, step)});`\n })\n .join('\\n')\n\n const darker = steps\n .map((step, i) => {\n const label = labels[i]\n return `--color-${name}-dark-${label}: rgb(${mixWith(0, step)});`\n })\n .join('\\n')\n\n return `--color-${name}: rgb(${r}, ${g}, ${b});\n ${lighter}\n ${darker}`\n } catch (error) {\n console.warn(`Errore nella generazione delle varianti di brightness per ${name}: ${error}`)\n return ''\n }\n }\n\n // Genera variabili solo per i colori forniti\n const primaryVars = `${generateOpacityVariants(settings.primaryColor, 'primary')} ${generateBrightnessVariants(settings.primaryColor, 'primary')}`\n const secondaryVars = `${generateOpacityVariants(settings.secondaryColor, 'secondary')} ${generateBrightnessVariants(settings.secondaryColor, 'secondary')}`\n const accentVars = `${generateOpacityVariants(settings.secondaryColor, 'accent')} ${generateBrightnessVariants(settings.secondaryColor, 'accent')}`\n const darkVars = `${generateOpacityVariants(settings.secondaryColor, 'dark')} ${generateBrightnessVariants(settings.secondaryColor, 'dark')}`\n const lightVars = `${generateOpacityVariants(settings.secondaryColor, 'light')} ${generateBrightnessVariants(settings.secondaryColor, 'light')}`\n\n // Genera i valori dei font in modo sicuro\n const headingFontValue = settings.headingFont\n ? `'${settings.headingFont}', sans-serif`\n : 'system-layout, sans-serif'\n\n const textFontValue = settings.textFont\n ? `'${settings.textFont}', sans-serif`\n : 'system-layout, sans-serif'\n\n return `\n ${fontsToImport}\n\n :root {\n --font-heading: ${headingFontValue};\n --font-text: ${textFontValue};\n --color-white: #ffffff;\n --color-black: #000000;\n --color-foreground: ${settings.foregroundColor || '#FFFFFF'};\n ${primaryVars}\n ${secondaryVars}\n ${accentVars}\n ${darkVars}\n ${lightVars}\n }\n `\n}\n"],"names":["iconsList","label","value","hexToRgb","hex","cleanedHex","replace","test","Error","expandedHex","length","split","map","char","join","r","parseInt","slice","g","b","generateCssVars","settings","fontWeights","fontsToImport","headingFont","textFont","filter","Boolean","f","generateOpacityVariants","color","name","rgbValue","console","warn","opacityVars","Array","from","_","i","opacity","error","generateBrightnessVariants","clamp","Math","max","min","round","mixWith","target","amount","steps","labels","lighter","step","darker","primaryVars","primaryColor","secondaryVars","secondaryColor","accentVars","darkVars","lightVars","foregroundColor"],"mappings":"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"}
|
package/dist/utils/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
|
|
2
|
-
export const fieldAlignContent = {
|
|
3
|
-
name: 'content',
|
|
4
|
-
label: 'Align Content',
|
|
5
|
-
type: 'select',
|
|
6
|
-
virtual: true,
|
|
7
|
-
admin: { width: '25%' },
|
|
8
|
-
options: [
|
|
9
|
-
{ label: 'Start', value: 'start' },
|
|
10
|
-
{ label: 'Center', value: 'center' },
|
|
11
|
-
{ label: 'End', value: 'end' },
|
|
12
|
-
{ label: 'Between', value: 'between' },
|
|
13
|
-
{ label: 'Around', value: 'around' },
|
|
14
|
-
{ label: 'Evenly', value: 'evenly' },
|
|
15
|
-
],
|
|
16
|
-
hooks: {
|
|
17
|
-
afterRead: [getValueFromClassNameString],
|
|
18
|
-
},
|
|
19
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { getValueFromClassNameString } from '../utils/getValueFromClassNameField';
|
|
2
|
-
export const fieldAlignItems = {
|
|
3
|
-
name: 'items',
|
|
4
|
-
label: 'Align Items',
|
|
5
|
-
type: 'select',
|
|
6
|
-
virtual: true,
|
|
7
|
-
admin: { width: '25%' },
|
|
8
|
-
options: [
|
|
9
|
-
{ label: 'Start', value: 'start' },
|
|
10
|
-
{ label: 'Center', value: 'center' },
|
|
11
|
-
{ label: 'End', value: 'end' },
|
|
12
|
-
{ label: 'Stretch', value: 'stretch' },
|
|
13
|
-
{ label: 'Baseline', value: 'baseline' },
|
|
14
|
-
],
|
|
15
|
-
hooks: {
|
|
16
|
-
afterRead: [getValueFromClassNameString],
|
|
17
|
-
},
|
|
18
|
-
};
|