libreria-astro-lefebvre 0.1.93 → 0.1.94

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "libreria-astro-lefebvre",
-  "version": "0.1.93",
+  "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/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/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,