libreria-astro-lefebvre 0.0.51 → 0.0.52
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 +3 -9
- package/src/components/Astro/Contenido_2025_Alcorcon.astro +1 -1
- package/src/components/Astro/Contenido_2025_Malaga.astro +1 -1
- package/src/components/Astro/Formulario_2025_Seul.astro +1 -1
- package/src/components/Astro/Formulario_2025_Teruel.astro +2 -2
- package/src/components/Astro/Imagen_2025_Bogota.astro +2 -1
- package/src/components/Astro/Imagen_2025_Fukushima.astro +2 -2
- package/src/components/Astro/TextImageBlock.astro +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "libreria-astro-lefebvre",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.52",
|
|
4
4
|
"description": "Librería de componentes Astro, React y Vue para Lefebvre",
|
|
5
5
|
"author": "Equipo web desarrollo Lefebvre",
|
|
6
6
|
"type": "module",
|
|
@@ -28,18 +28,12 @@
|
|
|
28
28
|
],
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"astro": "^5.11.0",
|
|
31
|
-
"limbo-component": "latest"
|
|
32
|
-
"vue": "^3.3.0",
|
|
33
|
-
"react": "^18.0.0 || ^19.0.0",
|
|
34
|
-
"react-dom": "^18.0.0 || ^19.0.0"
|
|
31
|
+
"limbo-component": "latest"
|
|
35
32
|
},
|
|
36
33
|
"scripts": {
|
|
37
34
|
"generate:registry": "node scripts/generateRegistry.js"
|
|
38
35
|
},
|
|
39
36
|
"devDependencies": {
|
|
40
|
-
"typescript": "^5.8.3"
|
|
41
|
-
"vue": "^3.5.0",
|
|
42
|
-
"react": "^19.0.0",
|
|
43
|
-
"react-dom": "^19.0.0"
|
|
37
|
+
"typescript": "^5.8.3"
|
|
44
38
|
}
|
|
45
39
|
}
|
|
@@ -23,7 +23,7 @@ const srcUrl = extractImageUrl(src);
|
|
|
23
23
|
<div class="max-w-7xl w-full flex justify-center items-center relative md:w-4/5">
|
|
24
24
|
<div class="relative w-full max-w-7xl min-h-[400px] md:min-h-[500px] lg:min-h-[auto]">
|
|
25
25
|
{srcUrl && srcUrl !== "" ? (
|
|
26
|
-
<img src={srcUrl} 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"
|
|
26
|
+
<img src={srcUrl} 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" loading="lazy" />
|
|
27
27
|
) : (
|
|
28
28
|
<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">
|
|
29
29
|
<source src={iframeSrc} type="video/mp4" />
|
|
@@ -96,7 +96,7 @@ const imageUrl = extractImageUrl(image);
|
|
|
96
96
|
)}
|
|
97
97
|
|
|
98
98
|
<div class={`w-full lg:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'} aspect-square`}>
|
|
99
|
-
<img src={imageUrl} alt={title} class="w-[100%] h-[100%] object-cover rounded-lg" />
|
|
99
|
+
<img src={imageUrl} alt={title} class="w-[100%] h-[100%] object-cover rounded-lg" loading="lazy"/>
|
|
100
100
|
</div>
|
|
101
101
|
</div>
|
|
102
102
|
</article>
|
|
@@ -46,7 +46,7 @@ const structuredData = `<script type="application/ld+json">
|
|
|
46
46
|
<div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3"></div>
|
|
47
47
|
</div>
|
|
48
48
|
<div class={`w-full p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
49
|
-
<img src={imageSrcUrl} alt={title} class="w-full md:w-4/5 min-h-auto md:min-h-[650px] object-cover rounded-lg" />
|
|
49
|
+
<img src={imageSrcUrl} alt={title} class="w-full md:w-4/5 min-h-auto md:min-h-[650px] object-cover rounded-lg" loading="lazy"/>
|
|
50
50
|
</div>
|
|
51
51
|
</div>
|
|
52
52
|
</article>
|
|
@@ -56,7 +56,7 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
56
56
|
)}
|
|
57
57
|
</div>
|
|
58
58
|
<div class={`w-full md:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
59
|
-
<img src={imageSrcUrl} alt={title} class="w-full md:w-1/2 rounded-2xl" />
|
|
59
|
+
<img src={imageSrcUrl} alt={title} class="w-full md:w-1/2 rounded-2xl" loading="lazy"/>
|
|
60
60
|
</div>
|
|
61
61
|
</div>
|
|
62
62
|
|
|
@@ -69,7 +69,7 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
69
69
|
</div>
|
|
70
70
|
<div class="w-full h-full flex flex-col lg:flex-row items-start justify-center gap-8">
|
|
71
71
|
<div class="w-full lg:w-1/3 flex justify-center items-center p-0 lg:p-4 mt-[32px] lg:mt-0">
|
|
72
|
-
<img src={imageModalUrl} alt={altModal} class="w-fit" />
|
|
72
|
+
<img src={imageModalUrl} alt={altModal} class="w-fit" loading="lazy"/>
|
|
73
73
|
</div>
|
|
74
74
|
<div class="w-full lg:w-2/3">
|
|
75
75
|
<h2 class="font-poppins text-[#262626] text-[28px] lg:text-[32px] font-normal text-left leading-[40px] mb-[32px]">{titleModal}</h2>
|
|
@@ -41,10 +41,11 @@ const structuredData = `<script type="application/ld+json">
|
|
|
41
41
|
<div class="absolute inset-0">
|
|
42
42
|
|
|
43
43
|
{src ? (
|
|
44
|
-
<LimboImage
|
|
44
|
+
<LimboImage // Esto es como un <IMG>
|
|
45
45
|
src={src}
|
|
46
46
|
alt={alt || title || ''}
|
|
47
47
|
title={title}
|
|
48
|
+
loading="lazy"
|
|
48
49
|
class="object-cover object-center w-full h-full rounded-2xl shadow-lg"
|
|
49
50
|
fallback={iframeSrc}
|
|
50
51
|
/>
|
|
@@ -17,12 +17,12 @@ const imageUrl = extractImageUrl(image);
|
|
|
17
17
|
<div class="w-full">
|
|
18
18
|
{(link && link !== '') ? (
|
|
19
19
|
<a href={link} class="w-full flex flex-col flex-1 justify-center items-center">
|
|
20
|
-
<img class="max-w-[80px] w-fit mb-4" src={imageUrl} alt={altImage} />
|
|
20
|
+
<img class="max-w-[80px] w-fit mb-4" src={imageUrl} alt={altImage} loading="lazy"/>
|
|
21
21
|
<p class="text-[14px] text-[#363942]" set:html={descriptionImage}></p>
|
|
22
22
|
</a>
|
|
23
23
|
) : (
|
|
24
24
|
<div class="w-full flex flex-col flex-1 justify-center items-center max-h-[94px]">
|
|
25
|
-
<img class="max-w-[80px] w-fit mb-4" src={imageUrl} alt={altImage} />
|
|
25
|
+
<img class="max-w-[80px] w-fit mb-4" src={imageUrl} alt={altImage} loading="lazy"/>
|
|
26
26
|
</div>
|
|
27
27
|
<div class="w-full flex flex-col flex-1 justify-center items-center">
|
|
28
28
|
<p class="text-[14px] text-[#363942]" set:html={descriptionImage}></p>
|
|
@@ -26,7 +26,7 @@ const imageUrl = extractImageUrl(image);
|
|
|
26
26
|
</div>
|
|
27
27
|
</div>
|
|
28
28
|
<div class={`w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
29
|
-
<img src={imageUrl} alt={title} class="w-4/5 h-auto rounded" />
|
|
29
|
+
<img src={imageUrl} alt={title} class="w-4/5 h-auto rounded" loading="lazy"/>
|
|
30
30
|
</div>
|
|
31
31
|
</div>
|
|
32
32
|
</article>
|