libreria-astro-lefebvre 0.1.65 → 0.1.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "libreria-astro-lefebvre",
-  "version": "0.1.65",
+  "version": "0.1.67",
   "description": "Librería de componentes Astro, React y Vue para Lefebvre",
   "author": "Equipo web desarrollo Lefebvre",
   "type": "module",

package/src/carbins/Contenido_2025_Malaga.ts

@@ -4,7 +4,7 @@ export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2025_Malaga',
   category: 'Contenido de Imagen',
   name: 'Sección hiper-configurable con texto, imagen o vídeo lateral, botón y modal LF2 2025',
-  description: 'Sección de contenido altamente configurable con más de 20 campos: título pequeño tipo badge, subtítulo h2 con tamaño conmutable (56px/46px/40px), descripción HTML, imagen o vídeo MP4 lateral opcional (posicionable a izquierda o derecha, mutuamente excluyentes: si se rellena el vídeo, la imagen se ignora), botón primario y botón secundario que abre un modal con formulario LF2 inyectado dinámicamente. Ofrece controles finos de alineación vertical, tamaño de fuente del texto, padding horizontal, ancho del contenedor (full/3-5/7xl) y variantes de orientación icono-texto',
+  description: 'Sección de contenido altamente configurable con más de 20 campos: título pequeño tipo badge, subtítulo h2 con tamaño conmutable (56px/46px/40px), descripción HTML, imagen o vídeo MP4 lateral opcional (posicionable a izquierda o derecha, mutuamente excluyentes: solo se muestra uno de los dos), botón primario y botón secundario que abre un modal con formulario LF2 inyectado dinámicamente. Ofrece controles finos de alineación vertical, tamaño de fuente del texto, padding horizontal, ancho del contenedor (full/3-5/7xl) y variantes de orientación icono-texto',
   framework: 'Astro',
   priority: 1,
   tags: ['contenido', 'imagen', 'video', 'icono', 'texto', 'modal', 'formulario', 'lf2', 'cta', 'boton'],
@@ -135,7 +135,7 @@ export const metadata: ComponentMetadata = {
       name: 'showImage',
       type: 'boolean',
       help: 'Si está activado, se renderiza el layout con media lateral (texto + imagen o vídeo). Si está desactivado, se renderiza un layout alternativo solo con texto (con más padding)',
-      label: 'Mostrar imagen',
+      label: 'Mostrar imagen/vídeo',
       mandatory: false,
       options: ['false', 'true'],
       options_labels: ['Falso', 'Verdadero'],
@@ -144,7 +144,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'image',
       type: 'image',
-      help: 'URL de la imagen principal. Solo se renderiza si "Mostrar imagen" está activado. Mutuamente exclusivo con el vídeo: si se rellena "URL del video", este campo se ignora',
+      help: 'URL de la imagen principal. Solo se renderiza si "Mostrar imagen" está activado. Mutuamente exclusivo con el vídeo: si "URL del video" está relleno, se muestra el vídeo en su lugar',
       label: 'Src de la imagen',
       mandatory: false,
       exclusive_group: 'media',
@@ -154,7 +154,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'iframeSrc',
       type: 'video',
-      help: 'URL del vídeo MP4 lateral (se reproduce con autoplay, muted y loop). Solo se renderiza si "Mostrar imagen" está activado. Tiene prioridad sobre la imagen: si se rellena, la imagen se ignora',
+      help: 'URL del vídeo MP4 lateral (se reproduce con autoplay, muted y loop). Solo se renderiza si "Mostrar imagen" está activado. Mutuamente exclusivo con la imagen: si este campo está relleno, se muestra el vídeo; si está vacío, la imagen',
       label: 'URL del video',
       mandatory: false,
       exclusive_group: 'media',

package/src/components/Astro/Contenido_2025_Malaga.astro

@@ -48,6 +48,9 @@ const imageSkyscraper = crops['skyscraper'] || ''; // Disponible para uso en el
 // Si no hay imagen configurada, se muestra una imagen por defecto
 const DEFAULT_IMAGE = 'https://assets.lefebvre.es/media/img/preview-comp/comp-w-4-3.png';
 const imageUrl = imageBase || extractImageUrl(image) || DEFAULT_IMAGE;
+// Imagen y vídeo son excluyentes (toggle en Mecano): si el campo de vídeo
+// está relleno se muestra el vídeo; si no, la imagen
+const videoUrl = iframeSrc || '';
 ---
 
 <section class="w-full flex items-center justify-center">
@@ -125,9 +128,9 @@ const imageUrl = imageBase || extractImageUrl(image) || DEFAULT_IMAGE;
                 )}
                 
                 <div class={`w-full md:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'} aspect-auto`}>
-                    {iframeSrc ? (
+                    {videoUrl ? (
                         <video autoplay loop muted playsinline preload="metadata" width="600" height="450" class="md:max-w-xl w-full md:w-[75%] h-auto object-cover rounded-lg m-auto">
-                            <source src={iframeSrc} type="video/mp4" />
+                            <source src={videoUrl} type="video/mp4" />
                         </video>
                     ) : (
                         <img src={imageUrl} alt={title} width="600" height="450" class="md:max-w-xl w-full md:w-[75%] h-auto object-cover rounded-lg m-auto" loading={loading} />