libreria-astro-lefebvre 0.0.35 → 0.0.37
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 +7 -4
- package/src/carbins/Formulario_2025_Teruel.ts +127 -0
- package/src/components/Astro/Contenido_2025_Alcorcon.astro +48 -48
- package/src/components/Astro/Contenido_2025_Granada.astro +239 -239
- package/src/components/Astro/Contenido_2025_Montevideo.astro +41 -35
- package/src/components/Astro/Formulario_2025_Teruel.astro +125 -0
- package/src/components/Astro/Repetidor_2025_Cabra.astro +152 -152
- package/src/components/Astro/Repetidor_2025_Dubai.astro +29 -29
- package/src/components/Astro/Repetidor_2025_Menorca.astro +44 -43
- package/src/components/Astro/Repetidor_2025_Michigan.astro +61 -45
- package/src/components/Astro/Repetidor_2025_Orcasitas.astro +59 -2
- package/src/components/Astro/Titulo_2025_Algeciras.astro +58 -57
- package/src/generated/componentRegistry.ts +2 -0
- package/src/index.ts +3 -1
- package/src/limbo/LimboProvider.astro +71 -0
- package/src/limbo/index.ts +16 -0
- package/src/limbo/init.ts +174 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "libreria-astro-lefebvre",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.37",
|
|
4
4
|
"description": "Librería de componentes Astro, React y Vue para Lefebvre",
|
|
5
5
|
"author": "Equipo web desarrollo Lefebvre",
|
|
6
6
|
"type": "module",
|
|
@@ -10,7 +10,9 @@
|
|
|
10
10
|
"types": "./src/env.d.ts",
|
|
11
11
|
"default": "./src/index.ts"
|
|
12
12
|
},
|
|
13
|
-
"./list": "./src/list.ts"
|
|
13
|
+
"./list": "./src/list.ts",
|
|
14
|
+
"./limbo": "./src/limbo/index.ts",
|
|
15
|
+
"./limbo/LimboProvider.astro": "./src/limbo/LimboProvider.astro"
|
|
14
16
|
},
|
|
15
17
|
"files": [
|
|
16
18
|
"src"
|
|
@@ -23,7 +25,8 @@
|
|
|
23
25
|
"design-system"
|
|
24
26
|
],
|
|
25
27
|
"peerDependencies": {
|
|
26
|
-
"astro": "^5.11.0"
|
|
28
|
+
"astro": "^5.11.0",
|
|
29
|
+
"limbo-component": "latest"
|
|
27
30
|
},
|
|
28
31
|
"scripts": {
|
|
29
32
|
"generate:registry": "node scripts/generateRegistry.js"
|
|
@@ -31,4 +34,4 @@
|
|
|
31
34
|
"devDependencies": {
|
|
32
35
|
"typescript": "^5.8.3"
|
|
33
36
|
}
|
|
34
|
-
}
|
|
37
|
+
}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import type { ComponentMetadata } from '../interfaces/types';
|
|
2
|
+
|
|
3
|
+
export const metadata: ComponentMetadata = {
|
|
4
|
+
component_name: 'Contenido_2025_Teruel',
|
|
5
|
+
category: 'Contenido',
|
|
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,48 +1,48 @@
|
|
|
1
|
-
---
|
|
2
|
-
const {
|
|
3
|
-
title,
|
|
4
|
-
subtitle,
|
|
5
|
-
description,
|
|
6
|
-
txtBtn,
|
|
7
|
-
linkBtn,
|
|
8
|
-
alt,
|
|
9
|
-
src,
|
|
10
|
-
iframeSrc,
|
|
11
|
-
showBtn = true
|
|
12
|
-
} = Astro.props;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
---
|
|
16
|
-
|
|
17
|
-
<section class="w-full flex items-center justify-center pb-[36px]">
|
|
18
|
-
|
|
19
|
-
<article class="w-full flex flex-col items-center justify-center p-6 md:p-0">
|
|
20
|
-
|
|
21
|
-
<div class="max-w-7xl w-full flex justify-center items-center relative md:w-4/5">
|
|
22
|
-
<div class="relative w-full max-w-7xl min-h-[400px] md:min-h-[500px] lg:min-h-[auto]">
|
|
23
|
-
{src && src !== "" ? (
|
|
24
|
-
<img src={src} alt={alt} title={title} class="object-cover object-center w-full h-full lg:max-h-[446px] min-h-[400px] md:min-h-[500px] lg:min-h-[auto] rounded-2xl">
|
|
25
|
-
) : (
|
|
26
|
-
<video autoplay loop muted playsinline class="object-cover object-center w-full h-full lg:max-h-[446px] min-h-[400px] md:min-h-[500px] lg:min-h-[auto] rounded-2xl">
|
|
27
|
-
<source src={iframeSrc} type="video/mp4" />
|
|
28
|
-
</video>
|
|
29
|
-
)}
|
|
30
|
-
|
|
31
|
-
{(title || subtitle || description || (showBtn && linkBtn)) && (
|
|
32
|
-
<div class="absolute inset-0 flex flex-col justify-center items-center p-4 md:p-6 lg:p-8 z-10">
|
|
33
|
-
<div class="max-w-4xl w-full text-center">
|
|
34
|
-
{title && <h2 class="text-[#262626] font-poppins text-[28px] sm:text-[36px] md:text-[48px] lg:text-[64px] font-medium text-center leading-tight mb-4">{title}</h2>}
|
|
35
|
-
{subtitle && <p class="text-[#262626] font-poppins text-[18px] sm:text-[22px] md:text-[28px] lg:text-[32px] font-normal leading-tight text-center mb-4">{subtitle}</p>}
|
|
36
|
-
{description && <div class="text-[#363942] font-poppins text-sm sm:text-base md:text-lg lg:text-xl font-normal leading-
|
|
37
|
-
|
|
38
|
-
{showBtn && linkBtn && (
|
|
39
|
-
<a href={linkBtn} target="_self" class="inline-block h-[44px] md:h-[48px] text-[#ffffff] font-inter font-semibold bg-[#2134F1] px-[20px] md:px-[28px] py-[10px] md:py-[12px] border border-[#2134F1] rounded-xl hover:bg-[#ffffff] transition-all duration-300 hover:text-[#262626] hover:border-[#262626] text-sm md:text-base">{txtBtn}</a>
|
|
40
|
-
)}
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
)}
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
</article>
|
|
47
|
-
</section>
|
|
48
|
-
|
|
1
|
+
---
|
|
2
|
+
const {
|
|
3
|
+
title,
|
|
4
|
+
subtitle,
|
|
5
|
+
description,
|
|
6
|
+
txtBtn,
|
|
7
|
+
linkBtn,
|
|
8
|
+
alt,
|
|
9
|
+
src,
|
|
10
|
+
iframeSrc,
|
|
11
|
+
showBtn = true
|
|
12
|
+
} = Astro.props;
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
---
|
|
16
|
+
|
|
17
|
+
<section class="w-full flex items-center justify-center pb-[36px]">
|
|
18
|
+
|
|
19
|
+
<article class="w-full flex flex-col items-center justify-center p-6 md:p-0">
|
|
20
|
+
|
|
21
|
+
<div class="max-w-7xl w-full flex justify-center items-center relative md:w-4/5">
|
|
22
|
+
<div class="relative w-full max-w-7xl min-h-[400px] md:min-h-[500px] lg:min-h-[auto]">
|
|
23
|
+
{src && src !== "" ? (
|
|
24
|
+
<img src={src} alt={alt} title={title} class="object-cover object-center w-full h-full lg:max-h-[446px] min-h-[400px] md:min-h-[500px] lg:min-h-[auto] rounded-2xl">
|
|
25
|
+
) : (
|
|
26
|
+
<video autoplay loop muted playsinline class="object-cover object-center w-full h-full lg:max-h-[446px] min-h-[400px] md:min-h-[500px] lg:min-h-[auto] rounded-2xl">
|
|
27
|
+
<source src={iframeSrc} type="video/mp4" />
|
|
28
|
+
</video>
|
|
29
|
+
)}
|
|
30
|
+
|
|
31
|
+
{(title || subtitle || description || (showBtn && linkBtn)) && (
|
|
32
|
+
<div class="absolute inset-0 flex flex-col justify-center items-center p-4 md:p-6 lg:p-8 z-10">
|
|
33
|
+
<div class="max-w-4xl w-full text-center">
|
|
34
|
+
{title && <h2 class="text-[#262626] font-poppins text-[28px] sm:text-[36px] md:text-[48px] lg:text-[64px] font-medium text-center leading-tight mb-4">{title}</h2>}
|
|
35
|
+
{subtitle && <p class="text-[#262626] font-poppins text-[18px] sm:text-[22px] md:text-[28px] lg:text-[32px] font-normal leading-tight text-center mb-4">{subtitle}</p>}
|
|
36
|
+
{description && <div class="text-[#363942] font-poppins text-sm sm:text-base md:text-lg lg:text-xl font-normal leading-[28px] mb-6 text-center" set:html={description}></div>}
|
|
37
|
+
|
|
38
|
+
{showBtn && linkBtn && (
|
|
39
|
+
<a href={linkBtn} target="_self" class="inline-block h-[44px] md:h-[48px] text-[#ffffff] font-inter font-semibold bg-[#2134F1] px-[20px] md:px-[28px] py-[10px] md:py-[12px] border border-[#2134F1] rounded-xl hover:bg-[#ffffff] transition-all duration-300 hover:text-[#262626] hover:border-[#262626] text-sm md:text-base">{txtBtn}</a>
|
|
40
|
+
)}
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
)}
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</article>
|
|
47
|
+
</section>
|
|
48
|
+
|