libreria-astro-lefebvre 0.2.27 → 0.2.29

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "libreria-astro-lefebvre",
3
- "version": "0.2.27",
3
+ "version": "0.2.29",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
@@ -3,9 +3,9 @@ import type { ComponentMetadata } from "../interfaces/types";
3
3
  export const metadata: ComponentMetadata = {
4
4
  component_name: "Contenido_2026_Tokyo",
5
5
  category: "Contenido con listas",
6
- name: "Bloque con imagen de escudo de fondo y grid lateral de logos clicables 2026",
6
+ name: "Bloque con grid lateral de logos clicables 2026",
7
7
  description:
8
- "Bloque de contenido con una imagen de escudo como background, título h2, descripción HTML, botón tipo enlace con flecha a la derecha y un grid lateral de logos/imágenes clicables (renderizados con Imagen_2025_Fukushima). El ancho del bloque de texto se adapta automáticamente al número de logos: 1→texto a 2/3, 2→texto a 1/2, 3 o más→texto a 1/3",
8
+ "Bloque de contenido con fondo transparente, título h2, descripción HTML, botón tipo enlace con flecha a la derecha y un grid lateral de logos/imágenes clicables (renderizados con Imagen_2025_Fukushima). El ancho del bloque de texto se adapta automáticamente al número de logos: 1→texto a 2/3, 2→texto a 1/2, 3 o más→texto a 1/3",
9
9
  framework: "Astro",
10
10
  priority: 1,
11
11
  tags: ["contenido", "imagen", "grid", "logos", "cta", "enlace"],
@@ -53,41 +53,6 @@ export const metadata: ComponentMetadata = {
53
53
  mandatory: false,
54
54
  example_value: "/genia-l/certificaciones",
55
55
  },
56
- {
57
- name: "subdirectory",
58
- type: "text",
59
- help: 'Ruta base del sitio (p. ej. "/genia-l") que se concatena a la URL de la imagen de fondo del bloque (el escudo). Si se deja vacío, la imagen de fondo se carga desde la raíz del sitio: "/images/genial/ico-shield.webp"',
60
- label: "Subdirectorio",
61
- mandatory: false,
62
- example_value: "/genia-l",
63
- },
64
- {
65
- name: "bgColor",
66
- type: "text",
67
- help: "Color de fondo del bloque. Acepta nombre CSS o código hex. Si se deja vacío se usa #ebe7da",
68
- label: "Color de fondo",
69
- mandatory: false,
70
- example_value: "#ebe7da",
71
- },
72
- {
73
- name: "showBgImage",
74
- type: "boolean",
75
- help: "Activa o desactiva la imagen de fondo del bloque. Si está desactivada solo se ve el color de fondo",
76
- label: "Mostrar imagen de fondo",
77
- mandatory: false,
78
- options: ["false", "true"],
79
- options_labels: ["Falso", "Verdadero"],
80
- example_value: true,
81
- },
82
- {
83
- name: "bgImage",
84
- type: "image",
85
- help: 'Imagen de fondo del bloque. Solo se usa si "Mostrar imagen de fondo" está activado. Si se deja vacía se usa el escudo por defecto (/images/genial/ico-shield.webp)',
86
- label: "Imagen de fondo",
87
- mandatory: false,
88
- example_value:
89
- "https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png",
90
- },
91
56
  {
92
57
  name: "items",
93
58
  type: "list",
@@ -124,8 +124,8 @@ const structuredData = `<script type="application/ld+json">
124
124
 
125
125
  <style>
126
126
  .active{
127
- background-color: #1b1b1b;
128
- color: #ffffff;
127
+ background-color: #1b1b1b !important;
128
+ color: #ffffff !important;
129
129
  max-width: none;
130
130
  max-height: none;
131
131
  font-size: 16px;
@@ -1,6 +1,5 @@
1
1
  ---
2
2
  import Imagen_2025_Fukushima from './Imagen_2025_Fukushima.astro';
3
- import { extractImageUrl } from '../../lib/functions.js';
4
3
 
5
4
  const {
6
5
  title,
@@ -8,17 +7,10 @@ const {
8
7
  buttonText,
9
8
  buttonUrl,
10
9
  showBtn,
11
- items,
12
- subdirectory = '',
13
- bgColor = '#ebe7da',
14
- showBgImage = true,
15
- bgImage = ''
10
+ items
16
11
  } = Astro.props;
17
-
18
- // Sin imagen propia se mantiene el escudo por defecto
19
- const bgImageUrl = extractImageUrl(bgImage) || `${subdirectory}/images/genial/ico-shield.webp`;
20
12
  ---
21
- <article class="w-full max-w-7xl flex flex-col md:flex-row text-center items-center justify-center p-6 md:p-12 bg-cover bg-no-repeat bg-position-[center_center] md:bg-auto md:bg-position-[-60px_center] rounded-2xl" style={`background-color: ${bgColor || '#ebe7da'};${showBgImage ? ` background-image: url(${bgImageUrl})` : ''}`}>
13
+ <article class="w-full max-w-7xl flex flex-col md:flex-row text-center items-center justify-center py-6 md:py-12 rounded-2xl">
22
14
  <div class={`w-full ${items.length === 1 ? 'md:w-2/3' : items.length === 2 ? 'md:w-1/2' : 'md:w-1/3'} flex flex-col text-left p-0 mb-4 md:pl-[140px]`}>
23
15
  <h2 class="text-[28px] leading-9 md:text-[32px] md:leading-10 mb-4 font-heading text-[#1b1b1b] font-normal">{title}</h2>
24
16
  <div class="max-w-[900px] text-[#403830] font-body font-normal text-base not-italic leading-6 flex flex-col gap-4 mb-8">