libreria-astro-lefebvre 0.1.92 → 0.1.94

package/package.json

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

package/src/carbins/Contenido_2025_Cordoba.ts

@@ -56,19 +56,11 @@ export const metadata: ComponentMetadata = {
     {
       name: 'bigImage',
       type: 'image',
-      help: 'Imagen subida desde Limbo que sustituye al icono SVG predefinido (solo si "Mostrar icono grande" está activado). Opcional: si se deja vacía se usa el icono seleccionado en "Icono". Se muestra a 66x66 px dentro de la caja blanca de 90x90',
-      label: 'Imagen del icono',
+      help: 'Imagen subida desde Limbo que sustituye al icono SVG predefinido (solo si "Mostrar icono grande" está activado). Opcional: si se deja vacía se usa el icono seleccionado en "Icono". Se muestra a 66x66 px dentro de la caja blanca de 90x90 y usa el "Texto del título" como texto alternativo',
+      label: 'Imagen del icono (Limbo)',
       mandatory: false,
       example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png'
     },
-    {
-      name: 'bigImageAlt',
-      type: 'text',
-      help: 'Texto alternativo de la "Imagen del icono" para accesibilidad. Solo aplica si se ha subido una imagen',
-      label: 'Alt de la imagen del icono',
-      mandatory: false,
-      example_value: 'Sello de certificación ISO 27001'
-    },
     {
       name: 'bigIconUrl',
       type: 'text',

package/src/carbins/Contenido_2026_Mallorca.ts

@@ -94,8 +94,7 @@ export const metadata: ComponentMetadata = {
           { name: 'description', type: 'textArea', help: 'Descripción del item. Se muestra debajo del título centrada y como texto plano (no admite HTML)', label: 'Descripción', example_value: 'Gestión de la seguridad de la información conforme a estándares internacionales' },
           { name: 'showBigIco', type: 'boolean', help: 'Si está activado, muestra el icono grande seleccionado junto al contenido del item. Si está desactivado, NO se muestra icono (el hueco queda vacío)', label: 'Mostrar icono grande', options: ['false', 'true'], options_labels: ['Falso', 'Verdadero'], example_value: true },
           { name: 'bigIcon', type: 'select', help: 'Icono grande que se muestra junto al item (solo si "Mostrar icono grande" está activado). Si se elige un valor fuera de la lista, no aparece ningún icono. Se ignora si se rellena "Imagen del icono"', label: 'Icono grande', options: ['bigIA', 'bigIso1', 'bigIso2', 'bigGDPR', 'bigIso3'], options_labels: ['IA', 'Iso1', 'Iso2', 'GDPR', 'Iso3'], example_value: 'bigIso2' },
-          { name: 'bigImage', type: 'image', help: 'Imagen subida desde Limbo que sustituye al icono SVG predefinido (solo si "Mostrar icono grande" está activado). Opcional: si se deja vacía se usa el icono seleccionado en "Icono grande". Se muestra a 66x66 px dentro de la caja blanca de 90x90', label: 'Imagen del icono', example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png' },
-          { name: 'bigImageAlt', type: 'text', help: 'Texto alternativo de la "Imagen del icono" para accesibilidad. Solo aplica si se ha subido una imagen', label: 'Alt de la imagen del icono', example_value: 'Sello de certificación ISO 27001' },
+          { name: 'bigImage', type: 'image', help: 'Imagen subida desde Limbo que sustituye al icono SVG predefinido (solo si "Mostrar icono grande" está activado). Opcional: si se deja vacía se usa el icono seleccionado en "Icono grande". Se muestra a 66x66 px dentro de la caja blanca de 90x90 y usa el "Título" del item como texto alternativo', label: 'Imagen del icono (Limbo)', example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png' },
           { name: 'bigIconUrl', type: 'text', help: 'URL de descarga del icono. Si se rellena, el icono se convierte en un enlace de descarga (atributo download). Si se deja vacío, el icono se muestra sin enlace. ATENCIÓN: el navegador solo fuerza la descarga si el archivo es del mismo origen', label: 'Enlace de descarga del icono', mandatory: false }
         ]
       }

package/src/carbins/Grid_2026_Aldaia.ts

@@ -0,0 +1,39 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Grid_2026_Aldaia',
+  category: 'Contenido con listas',
+  name: 'Grid de cards con título: 3 columnas en escritorio y carrusel horizontal en móvil 2026',
+  description: 'Bloque con título opcional (h2 centrado) y un listado de cards Contenido_2025_Montevideo (imagen, etiqueta, título y descripción, toda la card clicable). En escritorio se muestra como grid de máximo 3 columnas (2 en tablet) que crece en filas según el número de ítems. En móvil las cards se disponen en una fila con scroll horizontal y snap. Emite un ItemList en JSON-LD con los ítems',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['grid', 'card', 'carrusel', 'scroll', 'imagen', 'boletines', 'listado'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      mandatory: false,
+      label: 'Título del bloque',
+      help: 'Título (h2) centrado que aparece encima del grid. Si se deja vacío, no se muestra ningún título',
+      example_value: 'Descubre nuestros boletines'
+    },
+    {
+      name: 'items',
+      type: 'list',
+      label: 'Listado de cards',
+      mandatory: false,
+      help: 'Cards del bloque. En escritorio se muestran en un grid de 3 columnas (a partir de la cuarta card se crea una nueva fila); en móvil se muestran en una fila con scroll horizontal. Cada card se renderiza con el componente Contenido_2025_Montevideo',
+      items: {
+        type: 'object',
+        fields: [
+          { name: 'title', type: 'text', label: 'Título', help: 'Título de la card (h3). Se muestra siempre', example_value: 'Apuntes & Consejos Impuestos' },
+          { name: 'tag', type: 'text', label: 'Etiqueta', help: 'Etiqueta en mayúsculas que aparece sobre el título (p. ej. la materia). Si se deja vacía, NO se muestra', example_value: 'Fiscal' },
+          { name: 'description', type: 'textArea', label: 'Descripción', help: 'Descripción breve de la card, debajo del título. Si se deja vacía, no ocupa espacio visible', example_value: 'Novedades fiscales explicadas de forma clara y práctica' },
+          { name: 'link', type: 'text', label: 'Url del enlace', help: 'URL de destino al hacer click en la card (toda la card es clicable). Si se deja vacío, apunta a "#" (no navega)', example_value: '/fiscal-impuestos' },
+          { name: 'image', type: 'image', label: 'Imagen', help: 'Imagen de la card (parte superior, proporción 16:9). Se renderiza siempre; si se deja vacía aparece una imagen rota', example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png' },
+          { name: 'altImage', type: 'text', label: 'Alt de la imagen', help: 'Texto alternativo de la imagen para accesibilidad', example_value: 'Portada del boletín Apuntes & Consejos Impuestos' }
+        ]
+      }
+    }
+  ]
+};

package/src/components/Astro/Contenido_2025_Cordoba.astro

@@ -1,5 +1,4 @@
 ---
-import LimboImage from '../LimboImage.astro';
 import { extractImageUrl } from '../../lib/functions.js';
 
 const {
@@ -9,7 +8,6 @@ const {
     showBigIco = true,
     bigIcon,
     bigImage = "",
-    bigImageAlt = "",
     bigIconUrl = "",
     positionFlex = "items-center",
     flexOrientationIcoText = "flex-row",
@@ -17,10 +15,6 @@ const {
 
 const hasIconUrl = bigIconUrl.trim() !== "";
 
-// Imagen subida desde Limbo. Si viene informada tiene prioridad sobre el SVG de `icons`.
-const bigImageUrl = extractImageUrl(bigImage);
-const hasBigImage = !!bigImageUrl;
-
 const icons = {
     bigIA: `<svg xmlns="http://www.w3.org/2000/svg" width="66" height="66" viewBox="0 0 90 90" fill="none">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M34.9743 10.2823C30.0487 10.4208 26.5609 10.7976 23.846 11.4846C17.4799 13.0969 13.4907 17.0832 11.8811 23.4491C10.8533 27.5047 10.5957 31.8345 10.5957 45.0207C10.5957 58.2069 10.8533 62.5368 11.8811 66.5951C12.7842 70.1631 14.5295 73.1328 16.8787 75.108C20.1892 77.8865 24.1369 79.1192 31.2649 79.6012C36.2598 79.9392 54.5797 79.9392 59.5718 79.6012C64.6082 79.2605 67.8799 78.5735 70.5727 77.2881C74.947 75.2021 77.7367 71.5926 79.011 66.368C79.9945 62.3401 80.241 58.0462 80.241 44.9792C80.241 32.0063 79.9917 27.6986 79.011 23.6735C77.4181 17.1497 73.4399 13.1135 66.9907 11.4818C64.1816 10.7699 60.9708 10.4347 55.4856 10.2768C52.358 10.1854 38.2405 10.1909 34.9716 10.2823H34.9743ZM35.2292 15.446C26.1869 15.748 22.4166 16.7009 19.7599 19.3603C17.3414 21.7787 16.3856 25.0143 15.9424 32.2722C15.7928 34.7239 15.7928 55.3204 15.9424 57.772C16.3856 65.0299 17.3414 68.2655 19.7599 70.6839C22.1783 73.1023 25.414 74.058 32.6722 74.5013C35.1239 74.6509 55.7211 74.6509 58.1756 74.5013C65.4338 74.058 68.6695 73.1023 71.088 70.6839C73.5064 68.2655 74.4622 65.0299 74.9054 57.772C75.055 55.3204 75.055 34.7239 74.9054 32.2722C74.4622 25.0143 73.5064 21.7787 71.088 19.3603C68.6972 16.9696 65.564 16.0277 58.4221 15.5513C57.1533 15.4654 37.3236 15.3767 35.232 15.4488L35.2292 15.446Z" fill="#262626"/>
@@ -63,7 +57,12 @@ const icons = {
     </svg>`,
 };
 
-const iconSvg = icons[bigIcon] ?? "";
+// bigImage llega como JSON de Limbo (original + recortes). extractImageUrl lo resuelve a la URL final.
+// Si hay imagen de Limbo prevalece sobre el SVG predefinido.
+const limboImageUrl = extractImageUrl(bigImage);
+const iconSvg = limboImageUrl
+    ? `<img src="${limboImageUrl}" alt="${title.replace(/"/g, '&quot;')}" width="66" height="66" class="w-full h-full object-contain" loading="lazy" />`
+    : (icons[bigIcon] ?? "");
 
 ---
 
@@ -75,21 +74,10 @@ const iconSvg = icons[bigIcon] ?? "";
                     href={bigIconUrl}
                     download
                     class="flex justify-center items-center bg-[#ffffff] p-3 w-[90px] h-[90px] shrink-0"
-                >
-                    {hasBigImage ? (
-                        <LimboImage src={bigImage} alt={bigImageAlt} class="w-full h-full object-contain" width="66" height="66" />
-                    ) : (
-                        <Fragment set:html={iconSvg} />
-                    )}
-                </a>
+                    set:html={iconSvg}
+                />
             ) : (
-                <div class="flex justify-center items-center bg-[#ffffff] p-3 w-[90px] h-[90px] shrink-0">
-                    {hasBigImage ? (
-                        <LimboImage src={bigImage} alt={bigImageAlt} class="w-full h-full object-contain" width="66" height="66" />
-                    ) : (
-                        <Fragment set:html={iconSvg} />
-                    )}
-                </div>
+                <div class="flex justify-center items-center bg-[#ffffff] p-3 w-[90px] h-[90px] shrink-0" set:html={iconSvg} />
             )
         ) : (
             <div class="w-0 h-0"></div>

package/src/components/Astro/Contenido_2026_Mallorca.astro

@@ -30,7 +30,6 @@ const {
                 showBigIco={item.showBigIco}
                 bigIcon={item.bigIcon}
                 bigImage={item.bigImage}
-                bigImageAlt={item.bigImageAlt}
                 bigIconUrl={item.bigIconUrl}
             />
         ))}  

package/src/components/Astro/Grid_2026_Aldaia.astro

@@ -0,0 +1,74 @@
+---
+import Contenido_2025_Montevideo from "./Contenido_2025_Montevideo.astro";
+import { extractImageUrl, PAGE_ENTITY_ID } from '../../lib/functions.js';
+
+interface AldaiaItem {
+    title?: string;
+    tag?: string;
+    image?: string;
+    altImage?: string;
+    link?: string;
+    description?: string;
+}
+
+const {
+    title = '',
+    items = [],
+}: { title?: string; items?: AldaiaItem[] } = Astro.props;
+
+// isPartOf hacia el nodo de página (#webpage por defecto). Opt-out con pageId="".
+// itemListId opcional: si se pasa, el ItemList lleva ese @id (para ser mainEntity de la CollectionPage).
+const { pageId = PAGE_ENTITY_ID, itemListId = '' } = Astro.props;
+
+const escapeJson = (s = "") => String(s).replace(/<[^>]*>/g, '').replace(/\\/g, '\\\\').replace(/"/g, '\\"').replace(/</g, '\\u003c').replace(/>/g, '\\u003e').replace(/[\n\r\t]+/g, ' ');
+
+const structuredData = `<script type="application/ld+json">
+{
+    "@context": "https://schema.org",
+    "@type": "ItemList",${itemListId ? `
+    "@id": "${itemListId}",` : ''}${pageId ? `
+    "isPartOf": { "@id": "${pageId}" },` : ''}${title ? `
+    "name": "${escapeJson(title)}",` : ''}
+    "numberOfItems": ${items.length},
+    "itemListElement": [${items.map((item: AldaiaItem, i: number) => `{
+        "@type": "ListItem",
+        "position": ${i + 1},
+        "name": "${escapeJson(item.title)}"${item.description ? `,
+        "description": "${escapeJson(item.description)}"` : ""}${item.image ? `,
+        "image": "${escapeJson(extractImageUrl(item.image))}"` : ""}${item.link ? `,
+        "url": "${escapeJson(item.link)}"` : ""}
+    }`).join(',')}]
+}
+</script>`;
+---
+
+<section class="w-full max-w-7xl mx-auto flex flex-col mb-4">
+    {title && title.trim() !== '' && (
+        <h2 class="font-poppins text-[#262626] text-[36px] md:text-[40px] font-normal text-center leading-[48px] my-8 md:mb-8 px-8" set:html={title}></h2>
+    )}
+    <ul class="aldaia-list list-none m-0 flex gap-4 overflow-x-auto snap-x snap-mandatory px-8 scroll-px-8 pb-4 md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-8 md:overflow-visible md:pb-0 lg:px-0">
+        {items.map((item: AldaiaItem) => (
+            <li class="shrink-0 w-72 snap-start flex md:w-auto">
+                <Contenido_2025_Montevideo
+                    link={item.link}
+                    image={item.image}
+                    altImage={item.altImage}
+                    title={item.title}
+                    tag={item.tag}
+                    description={item.description} />
+            </li>
+        ))}
+    </ul>
+</section>
+
+<Fragment set:html={structuredData} />
+
+<style>
+    /* Ocultar la barra de scroll del carrusel en móvil (se navega con gesto/snap). */
+    .aldaia-list {
+        scrollbar-width: none;
+    }
+    .aldaia-list::-webkit-scrollbar {
+        display: none;
+    }
+</style>

package/src/generated/componentRegistry.ts

@@ -48,6 +48,7 @@ import * as Formulario_2026_Carabanchel from '../carbins/Formulario_2026_Caraban
 import * as Formulario_2026_Wichita from '../carbins/Formulario_2026_Wichita.ts';
 import * as Galeria_2026_Segorbe from '../carbins/Galeria_2026_Segorbe.ts';
 import * as GeometricShapeCard from '../carbins/GeometricShapeCard.ts';
+import * as Grid_2026_Aldaia from '../carbins/Grid_2026_Aldaia.ts';
 import * as HeaderCorporativo from '../carbins/HeaderCorporativo.ts';
 import * as Hero_2025_Benidorm from '../carbins/Hero_2025_Benidorm.ts';
 import * as Hero_2026_Benidorm from '../carbins/Hero_2026_Benidorm.ts';
@@ -143,6 +144,7 @@ export const components = [
   {component: Formulario_2026_Wichita},
   {component: Galeria_2026_Segorbe},
   {component: GeometricShapeCard},
+  {component: Grid_2026_Aldaia},
   {component: HeaderCorporativo},
   {component: Hero_2025_Benidorm},
   {component: Hero_2026_Benidorm},

package/src/index.ts

@@ -55,6 +55,7 @@ import Formulario_2026_Wichita from './components/Astro/Formulario_2026_Wichita.
 import Galeria_2026_Segorbe from './components/Astro/Galeria_2026_Segorbe.astro';
 import GeometricShape from './components/Astro/GeometricShape.astro';
 import GeometricShapeCard from './components/Astro/GeometricShapeCard.astro';
+import Grid_2026_Aldaia from './components/Astro/Grid_2026_Aldaia.astro';
 import HeaderCorporativo from './components/Astro/HeaderCorporativo.astro';
 import Hero_2025_Benidorm from './components/Astro/Hero_2025_Benidorm.astro';
 import Hero_2026_Benidorm from './components/Astro/Hero_2026_Benidorm.astro';
@@ -103,7 +104,7 @@ import ReactButton from './components/React/ReactButton.jsx';
 // Exporta todos los componentes uno a uno para que puedan ser usados directamente.
 
 
-export { VueButton, Author_2025_Algarve, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Cabecera_2026_Bilbao, Cabecera_2026_Dakota, Cabecera_2026_Madrid, Calculadora_2026_Lisboa, Card_2025_Malta, Contenido_2025_Alcorcon, Contenido_2025_Cordoba, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, Contenido_2026_Cabra, Contenido_2026_Denia, Contenido_2026_Dubai, Contenido_2026_Estepona, Contenido_2026_Estocolmo, Contenido_2026_Huesca, Contenido_2026_Jaen, Contenido_2026_Leon, Contenido_2026_Mallorca, Contenido_2026_Marruecos, Contenido_2026_Menorca, Contenido_2026_Michigan, Contenido_2026_Moraira, Contenido_2026_Mostoles, Contenido_2026_Orcasitas, Contenido_2026_Oslo, Contenido_2026_Quito, Contenido_2026_Seattle, Contenido_2026_Sevilla, Contenido_2026_Tokyo, Contenido_2026_Ubeda, Contenido_2026_Yakarta, CorpFooter, CorpHero, CorpNavigation, Enlace_2025_Venecia, FAQ_2025_Hiroshima, Footer_2025_Napoles, Formulario_2025_Nara, Formulario_2025_Seul, Formulario_2025_Teruel, Formulario_2026_Carabanchel, Formulario_2026_Wichita, Galeria_2026_Segorbe, GeometricShape, GeometricShapeCard, HeaderCorporativo, Hero_2025_Benidorm, Hero_2026_Benidorm, Hero_2026_Lliria, ImageTextSimple, Imagen_2025_Bogota, Imagen_2025_Fukushima, Imagen_2026_Algar, Indice_2025_Taiwan, Mapa_2026_Girona, Modal_2025_Sagunto, Modal_2026_Almeria, Paginacion_2025_Paris, RRSS_2025_Pisa, SEO_Head_Section, SEO_Schema_Page, Separador_2025_Reinosa, Separador_2025_Toledo, Separador_2026_Teulada, Share_2025_Florencia, SpectrumSeparator, Sumario_2025_Beijing, Tabla_2025_Fuenlabrada, Tabla_2026_Cadiz, Tag_2025_Bolonia, TestHijo, TestPadre, Test_2026_Gaza, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Texto_2025_Kyoto, Texto_2026_Alicante, Texto_2026_Castellon, Tiempo_2025_Londres, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, Video_2025_Polop, Video_2025_Valencia, Video_2026_Andujar, ReactButton };
+export { VueButton, Author_2025_Algarve, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Cabecera_2026_Bilbao, Cabecera_2026_Dakota, Cabecera_2026_Madrid, Calculadora_2026_Lisboa, Card_2025_Malta, Contenido_2025_Alcorcon, Contenido_2025_Cordoba, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, Contenido_2026_Cabra, Contenido_2026_Denia, Contenido_2026_Dubai, Contenido_2026_Estepona, Contenido_2026_Estocolmo, Contenido_2026_Huesca, Contenido_2026_Jaen, Contenido_2026_Leon, Contenido_2026_Mallorca, Contenido_2026_Marruecos, Contenido_2026_Menorca, Contenido_2026_Michigan, Contenido_2026_Moraira, Contenido_2026_Mostoles, Contenido_2026_Orcasitas, Contenido_2026_Oslo, Contenido_2026_Quito, Contenido_2026_Seattle, Contenido_2026_Sevilla, Contenido_2026_Tokyo, Contenido_2026_Ubeda, Contenido_2026_Yakarta, CorpFooter, CorpHero, CorpNavigation, Enlace_2025_Venecia, FAQ_2025_Hiroshima, Footer_2025_Napoles, Formulario_2025_Nara, Formulario_2025_Seul, Formulario_2025_Teruel, Formulario_2026_Carabanchel, Formulario_2026_Wichita, Galeria_2026_Segorbe, GeometricShape, GeometricShapeCard, Grid_2026_Aldaia, HeaderCorporativo, Hero_2025_Benidorm, Hero_2026_Benidorm, Hero_2026_Lliria, ImageTextSimple, Imagen_2025_Bogota, Imagen_2025_Fukushima, Imagen_2026_Algar, Indice_2025_Taiwan, Mapa_2026_Girona, Modal_2025_Sagunto, Modal_2026_Almeria, Paginacion_2025_Paris, RRSS_2025_Pisa, SEO_Head_Section, SEO_Schema_Page, Separador_2025_Reinosa, Separador_2025_Toledo, Separador_2026_Teulada, Share_2025_Florencia, SpectrumSeparator, Sumario_2025_Beijing, Tabla_2025_Fuenlabrada, Tabla_2026_Cadiz, Tag_2025_Bolonia, TestHijo, TestPadre, Test_2026_Gaza, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Texto_2025_Kyoto, Texto_2026_Alicante, Texto_2026_Castellon, Tiempo_2025_Londres, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, Video_2025_Polop, Video_2025_Valencia, Video_2026_Andujar, ReactButton };
 
 
 // Exporta la función listComponents para que sea usado en el Pagebuilder en Vue.
@@ -170,6 +171,7 @@ export const components = {
   Galeria_2026_Segorbe: Galeria_2026_Segorbe,
   GeometricShape: GeometricShape,
   GeometricShapeCard: GeometricShapeCard,
+  Grid_2026_Aldaia: Grid_2026_Aldaia,
   HeaderCorporativo: HeaderCorporativo,
   Hero_2025_Benidorm: Hero_2025_Benidorm,
   Hero_2026_Benidorm: Hero_2026_Benidorm,