libreria-astro-lefebvre 0.0.41 → 0.0.42
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
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { ComponentMetadata } from '../interfaces/types';
|
|
2
|
+
|
|
3
|
+
export const metadata: ComponentMetadata = {
|
|
4
|
+
component_name: 'Imagen_2025_Fukushima',
|
|
5
|
+
category: 'Imagen',
|
|
6
|
+
name: 'Imagen logotipo Cert Genial 2025',
|
|
7
|
+
description: 'Imagen para el directorio de Genial en la corporativa de Lefebvre logotipos certificados',
|
|
8
|
+
framework: 'Astro',
|
|
9
|
+
priority: 1,
|
|
10
|
+
tags: ['imagen', 'genial', 'certificado', 'logo'],
|
|
11
|
+
fields: [
|
|
12
|
+
{
|
|
13
|
+
name: 'image',
|
|
14
|
+
type: 'text',
|
|
15
|
+
label: 'Src de la imagen del logo',
|
|
16
|
+
mandatory: false,
|
|
17
|
+
example_value: 'https://lefebvre.es/genia-l/images/genial/img-iso4.webp'
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
name: 'descriptionImage',
|
|
21
|
+
type: 'text',
|
|
22
|
+
label: 'Texto del logotipo',
|
|
23
|
+
mandatory: false,
|
|
24
|
+
example_value: 'Gatitos peludos'
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
name: 'link',
|
|
28
|
+
type: 'text',
|
|
29
|
+
label: 'Enlace de la imagen',
|
|
30
|
+
mandatory: false,
|
|
31
|
+
example_value: 'https://lefebvre.es'
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
name: 'altImage',
|
|
35
|
+
type: 'text',
|
|
36
|
+
label: 'Texto alternativo de la imagen',
|
|
37
|
+
mandatory: false,
|
|
38
|
+
example_value: 'Texto alternativo del logotipo'
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
const {
|
|
3
|
+
link = false,
|
|
4
|
+
image,
|
|
5
|
+
altImage,
|
|
6
|
+
descriptionImage
|
|
7
|
+
} = Astro.props;
|
|
8
|
+
|
|
9
|
+
---
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
<article class="w-1/3 flex-wrap md:w-1/3 md:flex-nowrap lg:w-1/2 p-1 py-[16px] md:p-[16px]">
|
|
13
|
+
<div class="w-full flex flex-col">
|
|
14
|
+
<div class="w-full">
|
|
15
|
+
{(link && link !== '') ? (
|
|
16
|
+
<a href={link} class="w-full flex flex-col flex-1 justify-center items-center">
|
|
17
|
+
<img class="max-w-[80px] w-fit mb-4" src={image} alt={altImage} />
|
|
18
|
+
<p class="text-[14px] text-[#363942]" set:html={descriptionImage}></p>
|
|
19
|
+
</a>
|
|
20
|
+
) : (
|
|
21
|
+
<div class="w-full flex flex-col flex-1 justify-center items-center max-h-[94px]">
|
|
22
|
+
<img class="max-w-[80px] w-fit mb-4" src={image} alt={altImage} />
|
|
23
|
+
</div>
|
|
24
|
+
<div class="w-full flex flex-col flex-1 justify-center items-center">
|
|
25
|
+
<p class="text-[14px] text-[#363942]" set:html={descriptionImage}></p>
|
|
26
|
+
</div>
|
|
27
|
+
)}
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
</article>
|
|
@@ -1,57 +1,46 @@
|
|
|
1
|
-
---
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
)
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
<img class="max-w-[80px] w-fit mb-4" src={item.image} alt={item.altImage} />
|
|
47
|
-
</div>
|
|
48
|
-
<div class="w-full flex flex-col flex-1 justify-center items-center">
|
|
49
|
-
<p class="text-[14px] text-[#363942]" set:html={item.descriptionImage}></p>
|
|
50
|
-
</div>
|
|
51
|
-
)}
|
|
52
|
-
</div>
|
|
53
|
-
</div>
|
|
54
|
-
</article>
|
|
55
|
-
))}
|
|
56
|
-
</div>
|
|
1
|
+
---
|
|
2
|
+
import Imagen_2025_Fukushima from './Imagen_2025_Fukushima.astro';
|
|
3
|
+
|
|
4
|
+
const {
|
|
5
|
+
title,
|
|
6
|
+
description,
|
|
7
|
+
buttonText,
|
|
8
|
+
buttonUrl,
|
|
9
|
+
showBtn,
|
|
10
|
+
items
|
|
11
|
+
} = Astro.props;
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
<article class="w-full flex flex-col md:flex-row text-center items-center justify-center p-6 md:p-12 bg-cover bg-[url(https://assets.lefebvre.es/media/icons-2/png/icon-shield-228x248.png)] bg-[#F5F6FA] bg-no-repeat bg-position-[center_center] md:bg-auto md:bg-position-[-60px_center] rounded-2xl">
|
|
15
|
+
<div class="w-full md:w-2/3 flex flex-col text-left p-0 mb-4 md:pl-[140px]">
|
|
16
|
+
<h2 class="text-[28px] md:text-[2em] leading-[36px] md:leading-[46px] mb-[16px] font-poppins text-[#262626] font-normal">{title}</h2>
|
|
17
|
+
<div class="max-w-[900px] text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8">
|
|
18
|
+
<p set:html={description}></p>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="w-full flex">
|
|
21
|
+
{showBtn ? (
|
|
22
|
+
<div class="flex justify-center gap-2">
|
|
23
|
+
<a href={buttonUrl} class="pl-0 lg:pl-[20px] font-inter font-semibold text-base text-[#001978] hover:text-[#262626] transition-all duration-300 cursor-pointer">{buttonText}</a>
|
|
24
|
+
<div class="flex justify-center">
|
|
25
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
26
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.7455 20.8049C7.43901 20.5263 7.41642 20.052 7.69505 19.7455L14.7364 12L7.69505 4.2545C7.41642 3.94801 7.43901 3.47367 7.7455 3.19504C8.05199 2.91641 8.52633 2.939 8.80496 3.24549L16.305 11.4955C16.565 11.7816 16.565 12.2184 16.305 12.5045L8.80496 20.7545C8.52633 21.061 8.05199 21.0836 7.7455 20.8049Z" fill="#001978"/>
|
|
27
|
+
</svg>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
) : (
|
|
32
|
+
<div class="flex justify-center"></div>
|
|
33
|
+
)}
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
<div class="w-full max-w-7xl flex flex-wrap p-0 lg:flex-nowrap md:p-4 justify-center lg:justify-end items-start ">
|
|
37
|
+
{items.map(item => (
|
|
38
|
+
<Imagen_2025_Fukushima
|
|
39
|
+
link={item.link}
|
|
40
|
+
image={item.image}
|
|
41
|
+
altImage={item.altImage}
|
|
42
|
+
descriptionImage={item.descriptionImage}
|
|
43
|
+
/>
|
|
44
|
+
))}
|
|
45
|
+
</div>
|
|
57
46
|
</article>
|
|
@@ -18,6 +18,7 @@ import * as GeometricShapeCard from '../carbins/GeometricShapeCard.ts';
|
|
|
18
18
|
import * as HeaderCorporativo from '../carbins/HeaderCorporativo.ts';
|
|
19
19
|
import * as ImageTextSimple from '../carbins/ImageTextSimple.ts';
|
|
20
20
|
import * as Imagen_2025_Bogota from '../carbins/Imagen_2025_Bogota.ts';
|
|
21
|
+
import * as Imagen_2025_Fukushima from '../carbins/Imagen_2025_Fukushima.ts';
|
|
21
22
|
import * as ReactButton from '../carbins/ReactButton.ts';
|
|
22
23
|
import * as Repetidor_2025_Cabra from '../carbins/Repetidor_2025_Cabra.ts';
|
|
23
24
|
import * as Repetidor_2025_Dubai from '../carbins/Repetidor_2025_Dubai.ts';
|
|
@@ -67,6 +68,7 @@ export const components = [
|
|
|
67
68
|
{component: HeaderCorporativo},
|
|
68
69
|
{component: ImageTextSimple},
|
|
69
70
|
{component: Imagen_2025_Bogota},
|
|
71
|
+
{component: Imagen_2025_Fukushima},
|
|
70
72
|
{component: ReactButton},
|
|
71
73
|
{component: Repetidor_2025_Cabra},
|
|
72
74
|
{component: Repetidor_2025_Dubai},
|
package/src/index.ts
CHANGED
|
@@ -24,6 +24,7 @@ import GeometricShapeCard from './components/Astro/GeometricShapeCard.astro';
|
|
|
24
24
|
import HeaderCorporativo from './components/Astro/HeaderCorporativo.astro';
|
|
25
25
|
import ImageTextSimple from './components/Astro/ImageTextSimple.astro';
|
|
26
26
|
import Imagen_2025_Bogota from './components/Astro/Imagen_2025_Bogota.astro';
|
|
27
|
+
import Imagen_2025_Fukushima from './components/Astro/Imagen_2025_Fukushima.astro';
|
|
27
28
|
import Repetidor_2025_Cabra from './components/Astro/Repetidor_2025_Cabra.astro';
|
|
28
29
|
import Repetidor_2025_Cordoba from './components/Astro/Repetidor_2025_Cordoba.astro';
|
|
29
30
|
import Repetidor_2025_Dubai from './components/Astro/Repetidor_2025_Dubai.astro';
|
|
@@ -58,7 +59,7 @@ import ReactButton from './components/React/ReactButton.jsx';
|
|
|
58
59
|
// Exporta todos los componentes uno a uno para que puedan ser usados directamente.
|
|
59
60
|
|
|
60
61
|
|
|
61
|
-
export { VueButton, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Contenido_2025_Alcorcon, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, CorpFooter, CorpHero, CorpNavigation, FooterCorporativo, Footer_2025_Napoles, Formulario_2025_Seul, Formulario_2025_Teruel, GeometricShape, GeometricShapeCard, HeaderCorporativo, ImageTextSimple, Imagen_2025_Bogota, Repetidor_2025_Cabra, Repetidor_2025_Cordoba, Repetidor_2025_Dubai, Repetidor_2025_Estocolmo, Repetidor_2025_Mallorca, Repetidor_2025_Menorca, Repetidor_2025_Michigan, Repetidor_2025_Orcasitas, Repetidor_2025_Oslo, Repetidor_2025_Quito, Repetidor_2025_Seattle, Repetidor_2025_Tokyo, Repetidor_2025_Ubeda, Repetidor_2025_Yakarta, SEO_Head_Section, Separador_2025_Reinosa, SpectrumSeparator, TestHijo, TestPadre, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, Video_2025_Polop, Video_2025_Valencia, ReactButton };
|
|
62
|
+
export { VueButton, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Contenido_2025_Alcorcon, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, CorpFooter, CorpHero, CorpNavigation, FooterCorporativo, Footer_2025_Napoles, Formulario_2025_Seul, Formulario_2025_Teruel, GeometricShape, GeometricShapeCard, HeaderCorporativo, ImageTextSimple, Imagen_2025_Bogota, Imagen_2025_Fukushima, Repetidor_2025_Cabra, Repetidor_2025_Cordoba, Repetidor_2025_Dubai, Repetidor_2025_Estocolmo, Repetidor_2025_Mallorca, Repetidor_2025_Menorca, Repetidor_2025_Michigan, Repetidor_2025_Orcasitas, Repetidor_2025_Oslo, Repetidor_2025_Quito, Repetidor_2025_Seattle, Repetidor_2025_Tokyo, Repetidor_2025_Ubeda, Repetidor_2025_Yakarta, SEO_Head_Section, Separador_2025_Reinosa, SpectrumSeparator, TestHijo, TestPadre, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, Video_2025_Polop, Video_2025_Valencia, ReactButton };
|
|
62
63
|
|
|
63
64
|
|
|
64
65
|
// Exporta la función listComponents para que sea usado en el Pagebuilder en Vue.
|
|
@@ -94,6 +95,7 @@ export const components = {
|
|
|
94
95
|
HeaderCorporativo: HeaderCorporativo,
|
|
95
96
|
ImageTextSimple: ImageTextSimple,
|
|
96
97
|
Imagen_2025_Bogota: Imagen_2025_Bogota,
|
|
98
|
+
Imagen_2025_Fukushima: Imagen_2025_Fukushima,
|
|
97
99
|
Repetidor_2025_Cabra: Repetidor_2025_Cabra,
|
|
98
100
|
Repetidor_2025_Cordoba: Repetidor_2025_Cordoba,
|
|
99
101
|
Repetidor_2025_Dubai: Repetidor_2025_Dubai,
|