libreria-astro-lefebvre 0.0.6 → 0.0.7

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,33 +1,33 @@
-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'
-    },
-  ]
+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/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/Titulo_2025_Algeciras.ts

@@ -0,0 +1,43 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Titulo_2025_Algeciras',
+  category: 'Título',
+  name: 'Título Genial 2025',
+  description: 'Título para el directorio de Genial en la corporativa de Lefebvre',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['title', '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: 'tipo',
+      type: 'select',
+      label: 'Etiqueta del título',
+      options: ['h1', 'h2', 'h2-mb64', 'h3', 'h3-mb32', 'h4', 'h5', 'h6', 'p'],
+      options_labels: ['H1', 'H2', 'H2 con margen inferior 64px', 'H3', 'H3 con margen inferior 32px', 'H4', 'H5', 'H6', 'Párrafo'],
+      example_value: 'h1'
+    },
+    {
+      name: 'flexJustify',
+      type: 'select',
+      label: 'Justificación del contenido',
+      options: ['justify-start', 'justify-center'],
+      options_labels: ['Izquierda', 'Centro'],
+      example_value: 'justify-start'
+    }    
+   ]
+};

package/src/carbins/Titulo_2025_Santorini.ts

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

package/src/carbins/VueButton.ts

@@ -1,35 +1,35 @@
-
-import type { ComponentMetadata } from '../interfaces/types';
-
-export const metadata: ComponentMetadata = {
-  component_name: 'VueButton',
-  category: 'Call to Action',
-  name: 'Botón en Vue',
-  description: 'Botón de prueba en Vue',
-  framework: 'Vue',
-  priority: 2,
-  tags: ['boton', 'interactivo', 'ejemplo'],
-   fields: [
-    {
-      name: 'label',
-      type: 'text',
-      label: 'Texto del botón',
-      mandatory: true,
-      example_value: 'Botón en Vue'
-    },    
-    {
-      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'
-    },
-  ]
-};
+
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'VueButton',
+  category: 'Call to Action',
+  name: 'Botón en Vue',
+  description: 'Botón de prueba en Vue',
+  framework: 'Vue',
+  priority: 2,
+  tags: ['boton', 'interactivo', 'ejemplo'],
+   fields: [
+    {
+      name: 'label',
+      type: 'text',
+      label: 'Texto del botón',
+      mandatory: true,
+      example_value: 'Botón en Vue'
+    },    
+    {
+      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/components/Astro/Button.astro

@@ -1,6 +1,6 @@
----
-
-const { label } = Astro.props;
-
----
+---
+
+const { label } = Astro.props;
+
+---
 <button class="btn bg-cyan-600 text-gray-200 p-2 rounded-lg font-bold m-4 cursor-pointer transition-colors duration-300 hover:bg-red-600">{label}</button>

package/src/components/Astro/CTA_2025_Formentera.astro

@@ -0,0 +1,20 @@
+---
+
+const {
+    buttonText = "xxx",
+    buttonUrl = "#",
+    frontColor = 'white',
+    backColor = '#2134F1',
+    borderColor = '#2134F1',
+} = Astro.props;
+
+---
+<a 
+    href={buttonUrl} 
+    class="font-bold block m-8 p-3 px-5 rounded-xl transition-colors duration-300"
+    style={`border: 1px solid ${borderColor}; background-color: ${backColor}; color: ${frontColor};`}
+    onmouseover={`this.style.backgroundColor='${frontColor}'; this.style.color='${backColor}';`}
+    onmouseout={`this.style.backgroundColor='${backColor}'; this.style.color='${frontColor}';`}
+>
+    {buttonText}
+</a>