libreria-astro-lefebvre 0.0.5 → 0.0.7

package/src/carbins/GeometricShapeCard.ts

@@ -1,7 +1,10 @@
+// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview
+
 import type { ComponentMetadata } from '../interfaces/types';
 
 export const metadata: ComponentMetadata = {
   component_name: 'GeometricShapeCard',
+  category: 'Imagen',
   name: 'Tarjeta con figura geométrica',
   description: 'Tarjeta con figura geométrica y botón de leer más.',
   framework: 'Astro',
@@ -11,46 +14,54 @@ export const metadata: ComponentMetadata = {
       name: 'title',
       type: 'text',
       label: 'Título',
-      mandatory: true
+      mandatory: true,
+      example_value: 'Título de la tarjeta'
     },    
     {
       name: 'mainContent',
       type: 'textArea',
       label: 'Contenido principal (HTML)',
-      mandatory: true
+      mandatory: true,
+      example_value: '<p>Este es el <b>contenido</b> principal.</p>'
     },
     {
       name: 'secondaryContent',
       type: 'textArea',
       label: 'Contenido secundario (HTML) que aparece al leer más',
-      mandatory: false
+      mandatory: false,
+      example_value: '<p>Este es el contenido secundario.</p>'
     },
     {
       name: 'imageSrc',
       type: 'text',
       label: 'URL de la imagen',
-      mandatory: true
+      mandatory: true,
+      example_value: 'https://via.placeholder.com/150'
     },
     {
       name: 'figure',
       type: 'select',
       label: 'Tipo de figura',
       options: ['Trapeze', 'Trapeze2', 'Leaf', 'Sphere'],
-      options_labels: ['Trapecio', 'Trapecio II', 'Hoja de parra', 'Esfera']
+      options_labels: ['Trapecio', 'Trapecio II', 'Hoja de parra', 'Esfera'],
+      example_value: 'Trapeze'
     },
     {
       name: 'orientation',
       type: 'select',
       label: 'Orientación de la figura',
       options: ['right', 'left'],
-      options_labels: ['Derecha','Izquierda']
+      options_labels: ['Derecha','Izquierda'],
+      example_value: 'right'
     },
     {
       name: 'gradiantIndex',
       type: 'select',
       label: 'Gradiante',
       options: [0, 1, 2, 3, 4],
-      options_labels: ['Lefebvre España', 'Lefebvre Sarrut', 'Lefebvre Italia', 'Lefebvre Toovalu', 'Bandera de España']
+      options_labels: ['Lefebvre España', 'Lefebvre Sarrut', 'Lefebvre Italia', 'Lefebvre Toovalu', 'Bandera de España'],
+      example_value: 0
     },
   ]
-};
+  
+};

package/src/carbins/HeaderCorporativo.ts

@@ -0,0 +1,34 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'HeaderCorporativo',
+  category: 'Cabecera',
+  name: 'Header Corporativo',
+  description: 'Header de prueba en Astro',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['header', 'navegación'],
+   fields: [
+    {
+      name: 'logo',
+      type: 'text',
+      label: 'URL del logo',
+      mandatory: false,
+      example_value: 'https://espacioasesoria.com/wp-content/themes/lf-espacioasesoria-theme/src/images/logo-espacio-asesoria.png'
+    },
+    {
+      name: 'alt',
+      type: 'text',
+      label: 'Texto alternativo',
+      mandatory: false,
+      example_value: 'https://lefebvre.es'
+    },
+    {
+      name: 'showLefebvreLogo',
+      type: 'boolean',
+      label: 'Mostrar logo de Lefebvre',
+      mandatory: false,
+      example_value: true
+    },
+  ]
+};

package/src/carbins/ImageTextSimple.ts

@@ -0,0 +1,45 @@
+// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview
+
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'ImageTextSimple',
+  category: 'Imagen',
+  name: 'Contenido con imagen/video simple',
+  description: 'Contenido con imagen/video simple, título y texto',
+  framework: 'Astro',
+  tags: ['card', 'interactivo','lefebvre.es'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Título',
+      mandatory: true,
+      example_value: 'Soluciones para activar el conocimiento'
+    },    
+    {
+      name: 'description',
+      type: 'textArea',
+      label: 'Contenido principal (HTML)',
+      mandatory: true,
+      example_value: `<p>En Lefebvre buscamos ofrecer a nuestros clientes <strong>soluciones específicas, relevantes e integrales</strong>.
+       Para ello, las adaptamos a las características y necesidades de cada empresa y sector, haciendo hincapié en los puntos críticos de cada uno de ellos para contribuir positivamente a su desarrollo. </p>
+        `
+    },
+    {
+      name: 'image',
+      type: 'text',
+      label: 'URL de la imagen',
+      mandatory: true,
+      example_value: 'https://lefebvre.es/build/images/img-map.57810cde.webp'
+    },
+    {
+      name: 'video',
+      type: 'text',
+      label: 'URL del video',
+      mandatory: true,
+      example_value: 'https://www.youtube.com/embed/3gJIiEdYKR0'
+    },    
+  ]
+  
+};

package/src/carbins/Imagen_2025_Bogota.ts

@@ -0,0 +1,69 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Imagen_2025_Bogota',
+  category: 'Imagen',
+  name: 'Imagen Banner Genial 2025',
+  description: 'Imagen Banner para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['banner', 'imagen', 'genial'],
+   fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Texto del título',
+      mandatory: false,
+      example_value: 'Pruébalo ya'
+    },
+    {
+      name: 'description',
+      type: 'text',
+      label: 'Texto de la descripción',
+      mandatory: false,
+      example_value: 'Texto descriptivo del título'
+    },
+    {
+      name: 'txtBtn',
+      type: 'text',
+      label: 'Label del botón',
+      mandatory: false,
+      example_value: 'Texto del botón'
+    },
+    {
+      name: 'linkBtn',
+      type: 'text',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com'
+    },
+    {
+      name: 'alt',
+      type: 'text',
+      label: 'Texto alternativo del botón',
+      mandatory: false,
+      example_value: 'Texto alternativo del botón'
+    },
+    {
+      name: 'src',
+      type: 'text',
+      label: 'Src de la imagen',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com/imagen.jpg'
+    },
+    {
+      name: 'iframeSrc',
+      type: 'text',
+      label: 'Src del iframe',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com/video.mp4'
+    },
+    {
+      name: 'showBtn',
+      type: 'boolean',
+      label: 'Mostrar botón',
+      mandatory: false,
+      example_value: true
+    }
+   ]
+};

package/src/carbins/ReactButton.ts

@@ -1,9 +1,33 @@
-import type { ComponentMetadata } from '../interfaces/types';
-
-export const metadata: ComponentMetadata = {
-  component_name: 'ReactButton',
-  name: 'Botón en React',
-  description: 'Botón de prueba en React',
-  framework: 'React',
-  tags: ['boton', 'interactivo', 'ejemplo'],
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'ReactButton',
+  category: 'Call to Action',
+  name: 'Botón en React',
+  description: 'Botón de prueba en React',
+  framework: 'React',
+  tags: ['boton', 'interactivo', 'ejemplo'],
+  fields: [
+    {
+      name: 'label',
+      type: 'text',
+      label: 'Texto del botón',
+      mandatory: true,
+      example_value: 'Botón en React'
+    },    
+    {
+      name: 'href',
+      type: 'text',
+      label: 'Url de destino',
+      mandatory: true,
+      example_value: 'https://lefebvre.es'
+    },
+    {
+      name: 'target',
+      type: 'text',
+      label: 'Indicar si se abre en la misma ventana o en una nueva (_blank)',
+      mandatory: false,
+      example_value: '_blank'
+    },
+  ]
 };

package/src/carbins/Repetidor_2025_Cabra.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Cabra',
+  category: 'Repetidor',
+  name: 'Repetidor de contenido con tabs Genial 2025',
+  description: 'Repetidor de contenido con tabs para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'genial'],
+  fields: []
+};

package/src/carbins/Repetidor_2025_Dubai.ts

@@ -0,0 +1,48 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Dubai',
+  category: 'Repetidor',
+  name: 'Carrusel Genial 2025',
+  description: 'Carrusel para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'carrusel', 'genial'],
+   fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Texto del título',
+      mandatory: false,
+      example_value: 'Pruébalo ya'
+    },
+    {
+      name: 'description',
+      type: 'text',
+      label: 'Texto de la descripción',
+      mandatory: false,
+      example_value: 'Texto descriptivo del título'
+    },
+    {
+      name: 'buttonText',
+      type: 'text',
+      label: 'Label del botón',
+      mandatory: false,
+      example_value: 'Texto del botón'
+    },
+    {
+      name: 'buttonUrl',
+      type: 'text',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com'
+    },
+    {
+      name: 'showBtn',
+      type: 'boolean',
+      label: 'Mostrar botón',
+      mandatory: false,
+      example_value: true
+    } 
+   ]
+};

package/src/carbins/Repetidor_2025_Estocolmo.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Estocolmo',
+  category: 'Repetidor',
+  name: 'Repetidor de contenido Genial 2025',
+  description: 'Repetidor de contenido para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'genial'],
+  fields: []
+};

package/src/carbins/Repetidor_2025_Menorca.ts

@@ -0,0 +1,75 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Menorca',
+  category: 'Repetidor',
+  name: 'Repetidor de contenido con icono Genial 2025',
+  description: 'Repetidor de contenido con icono para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'genial', 'icono'],
+  fields: [
+   
+    {
+      name: 'positionFlex',
+      type: 'select',
+      label: 'Posición del item',
+      options: ['items-start', 'items-center'],
+      options_labels: ['Principio', 'Centrado'],
+      example_value: 'items-start'
+    },
+    {
+      name: 'positionBtnFlex',
+      type: 'select',
+      label: 'Posición del botón',
+      options: ['justify-center', 'justify-start'],
+      options_labels: ['Centrado', 'Principio'],
+      example_value: 'justify-center'
+    },
+    {
+      name: 'flexOrientationIcoText',
+      type: 'select',
+      label: 'Flex del icono del item',
+      options: ['flex-row', 'flex-col'],
+      options_labels: ['Horizontal', 'Vertical'],
+      example_value: 'flex-row'
+    },    
+    {
+      name: 'flexOrientationBlockIcoText',
+      type: 'select',
+      label: 'Flex del item',
+      options: ['flex-row', 'flex-col'],
+      options_labels: ['Horizontal', 'Vertical'],
+      example_value: 'flex-row'
+    },    
+    {
+      name: 'headingType',
+      type: 'select',
+      label: 'Etiqueta del título',
+      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'],
+      options_labels: ['H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'Span'],
+      example_value: 'h2'
+    },
+    {
+      name: 'btnLabel',
+      type: 'text',
+      label: 'Label del botón',
+      mandatory: false,
+      example_value: 'Texto del botón'
+    },
+    {
+      name: 'buttonUrl',
+      type: 'text',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com'
+    },
+    {
+      name: 'showBtn',
+      type: 'boolean',
+      label: 'Mostrar botón',
+      mandatory: false,
+      example_value: true
+    } 
+   ]
+};

package/src/carbins/Repetidor_2025_Michigan.ts

@@ -0,0 +1,21 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Michigan',
+  category: 'Repetidor',
+  name: 'Repetidor artículo con texto e imagen Genial 2025',
+  description: 'Repetidor para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['texto', 'imagen', 'genial'],
+   fields: [
+    {
+      name: 'orientation',
+      type: 'select',
+      label: 'Alineación del contenido',
+      options: ['left', 'right'],
+      options_labels: ['Izquierda', 'Derecha'],
+      example_value: 'left'
+    },
+   ]
+};

package/src/carbins/Repetidor_2025_Orcasitas.ts

@@ -0,0 +1,34 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Orcasitas',
+  category: 'Repetidor',
+  name: 'Carrusel Genial 2025',
+  description: 'Carrusel para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'carrusel', 'genial'],
+   fields: [
+    {
+      name: 'slidesToShow',
+      type: 'text',
+      label: 'Número de slides a mostrar',
+      mandatory: false,
+      example_value: '3'
+    },
+    {
+      name: 'slidesToScroll',
+      type: 'text',
+      label: 'Número de slides a desplazar',
+      mandatory: false,
+      example_value: '1'
+    },
+    {
+      name: 'loadScript',
+      type: 'boolean',
+      label: 'Cargar dependencias',
+      mandatory: false,
+      example_value: true
+    } 
+   ]
+};

package/src/carbins/Repetidor_2025_Oslo.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Oslo',
+  category: 'Repetidor',
+  name: 'Listado con popups Genial 2025',
+  description: 'Listado con popups para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'popup', 'genial'],
+   fields: []
+};

package/src/carbins/Repetidor_2025_Quito.ts

@@ -0,0 +1,20 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Quito',
+  category: 'Repetidor',
+  name: 'Texto con icono Genial 2025',
+  description: 'Texto con icono para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['texto', 'genial'],
+   fields: [
+     {
+      name: 'title',
+      type: 'text',
+      label: 'Título del bloque',
+      mandatory: false,
+      example_value: 'Test'
+    }
+   ]
+};

package/src/carbins/Repetidor_2025_Seatle.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Seatle',
+  category: 'Repetidor',
+  name: 'Repetidor con cards Genial 2025',
+  description: 'Repetidor con tarjetas para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['repetidor', 'cards', 'genial'],
+   fields: []
+};

package/src/carbins/Repetidor_2025_Tokyo.ts

@@ -0,0 +1,48 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Tokyo',
+  category: 'Repetidor',
+  name: 'Repetidor de contenido Genial 2025',
+  description: 'Repetidor de contenido para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'genial'],
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Texto del título',
+      mandatory: false,
+      example_value: 'Pruébalo ya'
+    },   
+    {
+      name: 'description',
+      type: 'text',
+      label: 'Texto de la descripción',
+      mandatory: false,
+      example_value: 'Texto descriptivo del título'
+    },
+    {
+      name: 'buttonText',
+      type: 'text',
+      label: 'Label del botón',
+      mandatory: false,
+      example_value: 'Texto del botón'
+    },
+    {
+      name: 'buttonUrl',
+      type: 'text',
+      label: 'Enlace del botón',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com'
+    },
+    {
+      name: 'showBtn',
+      type: 'boolean',
+      label: 'Mostrar botón',
+      mandatory: false,
+      example_value: true
+    } 
+   ]
+};

package/src/carbins/Repetidor_2025_Ubeda.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Ubeda',
+  category: 'Repetidor',
+  name: 'Repetidor Texto bloque Genial 2025',
+  description: 'Repetidor con texto bloque para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['contenido', 'texto', 'genial'],
+   fields: []
+};

package/src/carbins/Repetidor_2025_Yakarta.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Repetidor_2025_Yakarta',
+  category: 'Repetidor',
+  name: 'Listado vídeos acordeón Genial 2025',
+  description: 'Listado de vídeos en acordeón para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['acordeon', 'video', 'genial'],
+   fields: []
+};

package/src/carbins/Separador_2025_Reinosa.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Separador_2025_Reinosa',
+  category: 'Separador',
+  name: 'Separador de contenido Genial 2025',
+  description: 'Separador de contenido para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['spectrum', 'genial'],
+  fields: []
+};

package/src/carbins/SpectrumSeparator.ts

@@ -0,0 +1,12 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'SpectrumSeparator',
+  category: 'Separador',
+  name: 'Separador de Espectro',
+  description: 'Separador de espectro',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['separador','lefebvre.es'],
+  fields: []
+};

package/src/carbins/TestPadre.ts

@@ -0,0 +1,20 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'TestPadre',
+  category: 'Texto',
+  name: 'TestPadre',
+  description: 'TestPadre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['texto'],
+   fields: [
+    {
+      name: 'texto',
+      type: 'text',
+      label: 'Texto',
+      mandatory: false,
+      example_value: 'Prueba de texto'
+    }
+  ]
+};

package/src/carbins/TextBox.ts

@@ -0,0 +1,27 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'TextBox',
+  category: 'Texto',
+  name: 'Caja de texto',
+  description: 'Caja de texto en Astro',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['texto'],
+   fields: [
+    {
+      name: 'htmlCode',
+      type: 'textArea',
+      label: 'Código HTML',
+      mandatory: false,
+      example_value: '<p>Lo que quieras...</p>'
+    },
+    {
+      name: 'addShadow',
+      type: 'boolean',
+      label: 'Añadir sombra',
+      mandatory: false,
+      example_value: true
+    },
+  ]
+};