libreria-astro-lefebvre 0.0.37 → 0.0.39
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/package.json
CHANGED
|
@@ -1,127 +1,127 @@
|
|
|
1
|
-
import type { ComponentMetadata } from '../interfaces/types';
|
|
2
|
-
|
|
3
|
-
export const metadata: ComponentMetadata = {
|
|
4
|
-
component_name: '
|
|
5
|
-
category: '
|
|
6
|
-
name: 'Contenido en formato horizontal que abre un popup con formulario e imagen',
|
|
7
|
-
description: 'Contenido en formato horizontal que abre un popup con formulario e imagen',
|
|
8
|
-
framework: 'Astro',
|
|
9
|
-
priority: 1,
|
|
10
|
-
tags: ['contenido', 'card','imagen', 'popup', 'genial'],
|
|
11
|
-
fields: [
|
|
12
|
-
{
|
|
13
|
-
name: 'orientation',
|
|
14
|
-
label: 'Orientación del contenido',
|
|
15
|
-
mandatory: false,
|
|
16
|
-
example_value: 'left',
|
|
17
|
-
type: 'select',
|
|
18
|
-
options: ['left', 'right'],
|
|
19
|
-
options_labels: ['Izquierda', 'Derecha'],
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
name: 'bottomBorder',
|
|
23
|
-
type: 'boolean',
|
|
24
|
-
label: 'Mostrar borde inferior',
|
|
25
|
-
mandatory: false,
|
|
26
|
-
example_value: true
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
name: 'title',
|
|
30
|
-
type: 'text',
|
|
31
|
-
label: 'Texto del título',
|
|
32
|
-
mandatory: false,
|
|
33
|
-
example_value: 'Pruébalo ya'
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
name: 'description',
|
|
37
|
-
type: 'text',
|
|
38
|
-
label: 'Texto de la descripción',
|
|
39
|
-
mandatory: false,
|
|
40
|
-
example_value: 'Texto descriptivo del título'
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
name: 'showBtn',
|
|
44
|
-
type: 'boolean',
|
|
45
|
-
label: 'Mostrar botón',
|
|
46
|
-
mandatory: false,
|
|
47
|
-
example_value: false
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
name: 'linkBtn',
|
|
51
|
-
type: 'text',
|
|
52
|
-
label: 'Url del enlace',
|
|
53
|
-
mandatory: false,
|
|
54
|
-
example_value: '#'
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
name: 'lf2FormTitle',
|
|
58
|
-
type: 'text',
|
|
59
|
-
label: 'Título del formulario LF2',
|
|
60
|
-
mandatory: false,
|
|
61
|
-
example_value: ''
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
name: 'txtBtn',
|
|
65
|
-
type: 'text',
|
|
66
|
-
label: 'Texto del botón',
|
|
67
|
-
mandatory: false,
|
|
68
|
-
example_value: 'Saber más'
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
name: 'showBtnModal',
|
|
72
|
-
type: 'boolean',
|
|
73
|
-
label: 'Mostrar botón modal',
|
|
74
|
-
mandatory: false,
|
|
75
|
-
example_value: false
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
name: 'titleModal',
|
|
79
|
-
type: 'text',
|
|
80
|
-
label: 'Texto del título modal',
|
|
81
|
-
mandatory: false,
|
|
82
|
-
example_value: 'Pruébalo ya'
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
name: 'subtitleModal',
|
|
86
|
-
type: 'text',
|
|
87
|
-
label: 'Texto del subtítulo modal',
|
|
88
|
-
mandatory: false,
|
|
89
|
-
example_value: ''
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
name: 'descriptionModal',
|
|
93
|
-
type: 'text',
|
|
94
|
-
label: 'Texto de la descripción modal',
|
|
95
|
-
mandatory: false,
|
|
96
|
-
example_value: ''
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
name: 'imageModal',
|
|
100
|
-
type: 'text',
|
|
101
|
-
label: 'Src de la imagen modal',
|
|
102
|
-
mandatory: false,
|
|
103
|
-
example_value: ''
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
name: 'altModal',
|
|
107
|
-
type: 'text',
|
|
108
|
-
label: 'Alt de la imagen modal',
|
|
109
|
-
mandatory: false,
|
|
110
|
-
example_value: ''
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
name: 'txtBtnModal',
|
|
114
|
-
type: 'text',
|
|
115
|
-
label: 'Texto del botón modal',
|
|
116
|
-
mandatory: false,
|
|
117
|
-
example_value: 'Saber más'
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
name: 'imageSrc',
|
|
121
|
-
type: 'text',
|
|
122
|
-
label: 'Src de la imagen',
|
|
123
|
-
mandatory: false,
|
|
124
|
-
example_value: ''
|
|
125
|
-
}
|
|
126
|
-
]
|
|
127
|
-
};
|
|
1
|
+
import type { ComponentMetadata } from '../interfaces/types';
|
|
2
|
+
|
|
3
|
+
export const metadata: ComponentMetadata = {
|
|
4
|
+
component_name: 'Formulario_2025_Teruel',
|
|
5
|
+
category: 'Formulario',
|
|
6
|
+
name: 'Contenido en formato horizontal que abre un popup con formulario e imagen',
|
|
7
|
+
description: 'Contenido en formato horizontal que abre un popup con formulario e imagen',
|
|
8
|
+
framework: 'Astro',
|
|
9
|
+
priority: 1,
|
|
10
|
+
tags: ['contenido', 'card','imagen', 'popup', 'genial'],
|
|
11
|
+
fields: [
|
|
12
|
+
{
|
|
13
|
+
name: 'orientation',
|
|
14
|
+
label: 'Orientación del contenido',
|
|
15
|
+
mandatory: false,
|
|
16
|
+
example_value: 'left',
|
|
17
|
+
type: 'select',
|
|
18
|
+
options: ['left', 'right'],
|
|
19
|
+
options_labels: ['Izquierda', 'Derecha'],
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
name: 'bottomBorder',
|
|
23
|
+
type: 'boolean',
|
|
24
|
+
label: 'Mostrar borde inferior',
|
|
25
|
+
mandatory: false,
|
|
26
|
+
example_value: true
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
name: 'title',
|
|
30
|
+
type: 'text',
|
|
31
|
+
label: 'Texto del título',
|
|
32
|
+
mandatory: false,
|
|
33
|
+
example_value: 'Pruébalo ya'
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
name: 'description',
|
|
37
|
+
type: 'text',
|
|
38
|
+
label: 'Texto de la descripción',
|
|
39
|
+
mandatory: false,
|
|
40
|
+
example_value: 'Texto descriptivo del título'
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
name: 'showBtn',
|
|
44
|
+
type: 'boolean',
|
|
45
|
+
label: 'Mostrar botón',
|
|
46
|
+
mandatory: false,
|
|
47
|
+
example_value: false
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
name: 'linkBtn',
|
|
51
|
+
type: 'text',
|
|
52
|
+
label: 'Url del enlace',
|
|
53
|
+
mandatory: false,
|
|
54
|
+
example_value: '#'
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
name: 'lf2FormTitle',
|
|
58
|
+
type: 'text',
|
|
59
|
+
label: 'Título del formulario LF2',
|
|
60
|
+
mandatory: false,
|
|
61
|
+
example_value: ''
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
name: 'txtBtn',
|
|
65
|
+
type: 'text',
|
|
66
|
+
label: 'Texto del botón',
|
|
67
|
+
mandatory: false,
|
|
68
|
+
example_value: 'Saber más'
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
name: 'showBtnModal',
|
|
72
|
+
type: 'boolean',
|
|
73
|
+
label: 'Mostrar botón modal',
|
|
74
|
+
mandatory: false,
|
|
75
|
+
example_value: false
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
name: 'titleModal',
|
|
79
|
+
type: 'text',
|
|
80
|
+
label: 'Texto del título modal',
|
|
81
|
+
mandatory: false,
|
|
82
|
+
example_value: 'Pruébalo ya'
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
name: 'subtitleModal',
|
|
86
|
+
type: 'text',
|
|
87
|
+
label: 'Texto del subtítulo modal',
|
|
88
|
+
mandatory: false,
|
|
89
|
+
example_value: ''
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
name: 'descriptionModal',
|
|
93
|
+
type: 'text',
|
|
94
|
+
label: 'Texto de la descripción modal',
|
|
95
|
+
mandatory: false,
|
|
96
|
+
example_value: ''
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
name: 'imageModal',
|
|
100
|
+
type: 'text',
|
|
101
|
+
label: 'Src de la imagen modal',
|
|
102
|
+
mandatory: false,
|
|
103
|
+
example_value: ''
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
name: 'altModal',
|
|
107
|
+
type: 'text',
|
|
108
|
+
label: 'Alt de la imagen modal',
|
|
109
|
+
mandatory: false,
|
|
110
|
+
example_value: ''
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
name: 'txtBtnModal',
|
|
114
|
+
type: 'text',
|
|
115
|
+
label: 'Texto del botón modal',
|
|
116
|
+
mandatory: false,
|
|
117
|
+
example_value: 'Saber más'
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
name: 'imageSrc',
|
|
121
|
+
type: 'text',
|
|
122
|
+
label: 'Src de la imagen',
|
|
123
|
+
mandatory: false,
|
|
124
|
+
example_value: ''
|
|
125
|
+
}
|
|
126
|
+
]
|
|
127
|
+
};
|
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import type { ComponentMetadata } from '../interfaces/types';
|
|
2
|
-
|
|
3
|
-
export const metadata: ComponentMetadata = {
|
|
4
|
-
component_name: 'Repetidor_2025_Menorca',
|
|
5
|
-
category: 'Repetidor',
|
|
6
|
-
name: '
|
|
7
|
-
description: 'Repetidor de contenido con icono para el directorio de Genial en la corporativa de Lefebvre',
|
|
8
|
-
framework: 'Astro',
|
|
9
|
-
priority: 1,
|
|
10
|
-
tags: ['contenido', 'genial', 'icono'],
|
|
11
|
-
fields: [
|
|
12
|
-
|
|
13
|
-
{
|
|
14
|
-
name: 'positionFlex',
|
|
15
|
-
type: 'select',
|
|
16
|
-
label: 'Posición del item',
|
|
17
|
-
options: ['items-start', 'items-center'],
|
|
18
|
-
options_labels: ['Principio', 'Centrado'],
|
|
19
|
-
example_value: 'items-start'
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
name: 'positionBtnFlex',
|
|
23
|
-
type: 'select',
|
|
24
|
-
label: 'Posición del botón',
|
|
25
|
-
options: ['justify-center', 'justify-start'],
|
|
26
|
-
options_labels: ['Centrado', 'Principio'],
|
|
27
|
-
example_value: 'justify-center'
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
name: 'flexOrientationIcoText',
|
|
31
|
-
type: 'select',
|
|
32
|
-
label: 'Flex del icono del item',
|
|
33
|
-
options: ['flex-row', 'flex-col'],
|
|
34
|
-
options_labels: ['Horizontal', 'Vertical'],
|
|
35
|
-
example_value: 'flex-row'
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
name: 'flexOrientationBlockIcoText',
|
|
39
|
-
type: 'select',
|
|
40
|
-
label: 'Flex del item',
|
|
41
|
-
options: ['flex-row', 'flex-col'],
|
|
42
|
-
options_labels: ['Horizontal', 'Vertical'],
|
|
43
|
-
example_value: 'flex-row'
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
name: 'headingType',
|
|
47
|
-
type: 'select',
|
|
48
|
-
label: 'Etiqueta del título',
|
|
49
|
-
options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'],
|
|
50
|
-
options_labels: ['H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'Span'],
|
|
51
|
-
example_value: 'h2'
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
name: 'btnLabel',
|
|
55
|
-
type: 'text',
|
|
56
|
-
label: 'Label del botón',
|
|
57
|
-
mandatory: false,
|
|
58
|
-
example_value: 'Texto del botón'
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
name: 'buttonUrl',
|
|
62
|
-
type: 'text',
|
|
63
|
-
label: 'Enlace del botón',
|
|
64
|
-
mandatory: false,
|
|
65
|
-
example_value: 'https://www.ejemplo.com'
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
name: 'showBtn',
|
|
69
|
-
type: 'boolean',
|
|
70
|
-
label: 'Mostrar botón',
|
|
71
|
-
mandatory: false,
|
|
72
|
-
example_value: true
|
|
73
|
-
}
|
|
74
|
-
]
|
|
75
|
-
};
|
|
1
|
+
import type { ComponentMetadata } from '../interfaces/types';
|
|
2
|
+
|
|
3
|
+
export const metadata: ComponentMetadata = {
|
|
4
|
+
component_name: 'Repetidor_2025_Menorca',
|
|
5
|
+
category: 'Repetidor',
|
|
6
|
+
name: 'Otro repetidor de contenido con icono Genial 2025',
|
|
7
|
+
description: 'Repetidor de contenido con icono para el directorio de Genial en la corporativa de Lefebvre',
|
|
8
|
+
framework: 'Astro',
|
|
9
|
+
priority: 1,
|
|
10
|
+
tags: ['contenido', 'genial', 'icono'],
|
|
11
|
+
fields: [
|
|
12
|
+
|
|
13
|
+
{
|
|
14
|
+
name: 'positionFlex',
|
|
15
|
+
type: 'select',
|
|
16
|
+
label: 'Posición del item',
|
|
17
|
+
options: ['items-start', 'items-center'],
|
|
18
|
+
options_labels: ['Principio', 'Centrado'],
|
|
19
|
+
example_value: 'items-start'
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
name: 'positionBtnFlex',
|
|
23
|
+
type: 'select',
|
|
24
|
+
label: 'Posición del botón',
|
|
25
|
+
options: ['justify-center', 'justify-start'],
|
|
26
|
+
options_labels: ['Centrado', 'Principio'],
|
|
27
|
+
example_value: 'justify-center'
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
name: 'flexOrientationIcoText',
|
|
31
|
+
type: 'select',
|
|
32
|
+
label: 'Flex del icono del item',
|
|
33
|
+
options: ['flex-row', 'flex-col'],
|
|
34
|
+
options_labels: ['Horizontal', 'Vertical'],
|
|
35
|
+
example_value: 'flex-row'
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
name: 'flexOrientationBlockIcoText',
|
|
39
|
+
type: 'select',
|
|
40
|
+
label: 'Flex del item',
|
|
41
|
+
options: ['flex-row', 'flex-col'],
|
|
42
|
+
options_labels: ['Horizontal', 'Vertical'],
|
|
43
|
+
example_value: 'flex-row'
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
name: 'headingType',
|
|
47
|
+
type: 'select',
|
|
48
|
+
label: 'Etiqueta del título',
|
|
49
|
+
options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'],
|
|
50
|
+
options_labels: ['H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'Span'],
|
|
51
|
+
example_value: 'h2'
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
name: 'btnLabel',
|
|
55
|
+
type: 'text',
|
|
56
|
+
label: 'Label del botón',
|
|
57
|
+
mandatory: false,
|
|
58
|
+
example_value: 'Texto del botón'
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
name: 'buttonUrl',
|
|
62
|
+
type: 'text',
|
|
63
|
+
label: 'Enlace del botón',
|
|
64
|
+
mandatory: false,
|
|
65
|
+
example_value: 'https://www.ejemplo.com'
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
name: 'showBtn',
|
|
69
|
+
type: 'boolean',
|
|
70
|
+
label: 'Mostrar botón',
|
|
71
|
+
mandatory: false,
|
|
72
|
+
example_value: true
|
|
73
|
+
}
|
|
74
|
+
]
|
|
75
|
+
};
|
|
@@ -16,7 +16,7 @@ const {
|
|
|
16
16
|
imageModal = '',
|
|
17
17
|
altModal = '',
|
|
18
18
|
titleModal = '',
|
|
19
|
-
subtitleModal = '',
|
|
19
|
+
// subtitleModal = '',
|
|
20
20
|
descriptionModal = '',
|
|
21
21
|
lf2FormTitle = '',
|
|
22
22
|
|
|
@@ -27,6 +27,16 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
27
27
|
|
|
28
28
|
---
|
|
29
29
|
|
|
30
|
+
<style is:global>
|
|
31
|
+
.font-inter ul {
|
|
32
|
+
list-style: disc;
|
|
33
|
+
padding-left: 32px;
|
|
34
|
+
}
|
|
35
|
+
.modal-guia {
|
|
36
|
+
scrollbar-width: thin;
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
39
|
+
|
|
30
40
|
<article id={`article-${randomId}`} class="w-full flex flex-col pb-4 mb-4 items-center justify-center border-0 md:border-b-1 border-b-[#B6B7BB]" style={bottomBorder ? '' : 'border-bottom: none;'} >
|
|
31
41
|
<div class={`flex-col flex md:${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-center gap-4 mb-8 md:mb-0`}>
|
|
32
42
|
<div class="w-full md:w-1/2 p-4 flex flex-col flex-wrap ">
|
|
@@ -49,19 +59,19 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
49
59
|
|
|
50
60
|
</article>
|
|
51
61
|
|
|
52
|
-
<div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-[48px] top-0 left-0 z-9999 hidden bg-gray-100/90">
|
|
53
|
-
<div class="flex flex-col
|
|
62
|
+
<div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-[48px] top-0 left-0 z-9999 hidden bg-gray-100/90 flex items-center justify-center">
|
|
63
|
+
<div class="flex flex-col w-full md:w-4/5 max-w-[1000px] max-h-[calc(100vh-96px)] m-auto p-4 rounded-2xl bg-white shadow-lg border border-[#B6B7BB] overflow-y-auto modal-guia">
|
|
54
64
|
<div class="w-full flex justify-end">
|
|
55
65
|
<button id={`js-close-teruel-popup-${randomId}`} class="js-close-popup w-auto transition-transform hover:scale-125 cursor-pointer">X</button>
|
|
56
66
|
</div>
|
|
57
|
-
<div class="w-full h-full flex flex-col
|
|
58
|
-
<div class="w-full
|
|
67
|
+
<div class="w-full h-full flex flex-col lg:flex-row items-start justify-center gap-8">
|
|
68
|
+
<div class="w-full lg:w-1/3 flex justify-center items-center p-0 lg:p-4 mt-[32px] lg:mt-0">
|
|
59
69
|
<img src={imageModal} alt={altModal} class="w-fit" />
|
|
60
70
|
</div>
|
|
61
|
-
<div class="w-full
|
|
62
|
-
<h2 class="font-poppins text-[#262626] text-[28px]
|
|
63
|
-
<h3 class="font-poppins text-[#262626] text-[20px]
|
|
64
|
-
<div class="font-inter text-base font-normal leading-[24px]" set:html={descriptionModal} />
|
|
71
|
+
<div class="w-full lg:w-2/3">
|
|
72
|
+
<h2 class="font-poppins text-[#262626] text-[28px] lg:text-[32px] font-normal text-left leading-[40px] mb-[32px]">{titleModal}</h2>
|
|
73
|
+
<!-- <h3 class="font-poppins text-[#262626] text-[20px] lg:text-[24px] font-semibold text-left leading-[32px] mb-[8px]">{subtitleModal}</h3> -->
|
|
74
|
+
<div class="font-inter text-base font-normal leading-[24px] mb-[32px]" set:html={descriptionModal} />
|
|
65
75
|
<div id={`lf2-form-container-${randomId}`} class="w-full">
|
|
66
76
|
<!--FORMULARIO -->
|
|
67
77
|
</div>
|
|
@@ -122,4 +132,5 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
122
132
|
});
|
|
123
133
|
});
|
|
124
134
|
|
|
125
|
-
</script>
|
|
135
|
+
</script>
|
|
136
|
+
|