libreria-astro-lefebvre/src/carbins/RRSS_2025_Pisa.ts

Librería de componentes Astro, React y Vue para Lefebvre

import type { ComponentMetadata } from '../interfaces/types';

export const metadata: ComponentMetadata = {
  component_name: 'RRSS_2025_Pisa',
  category: 'Imagen',
  name: 'Iconos circulares de RRSS, email, imprimir y copiar enlace condicionales 2025',
  description: 'Bloque horizontal de iconos circulares que incluye perfiles de redes sociales (Facebook, LinkedIn, X/Twitter, Instagram, YouTube, WhatsApp), email (mailto auto-generado) y dos acciones: imprimir (window.print) y copiar URL al portapapeles (con tooltip "Enlace copiado"). Los iconos de RRSS/email aparecen SOLO si su URL/dirección está rellena; imprimir y copiar se activan con toggles boolean. Los enlaces externos abren en nueva pestaña con rel="noopener noreferrer"',
  framework: 'Astro',
  priority: 1,
  tags: ['rrss', 'redes sociales', 'compartir', 'iconos', 'email'],
  fields: [
    {
      name: 'selectorApiShare',
      type: 'text',
      help: 'Selector CSS para inyectar la botonera de compartir de Atenea/Share (no añadir punto delante). Si se deja vacío, la botonera de Atenea NO se inyecta. La integración de Atenea/Share debe estar configurada para inyectar en ese selector. Si añades un selector, no es necesario completar el resto de campos.',
      label: 'Selector para inyectar botonera de Atenea/Share (opcional)',
      mandatory: false,
      example_value: ''
    },
    {
      name: 'facebook',
      type: 'text',
      help: 'URL del perfil de Facebook. Si se deja vacío, el icono de Facebook NO aparece. Se abre en nueva pestaña con rel="noopener noreferrer"',
      label: 'URL del perfil de Facebook',
      mandatory: false,
      example_value: 'https://facebook.com/lefebvre.es'
    },
    {
      name: 'linkedin',
      type: 'text',
      help: 'URL del perfil de LinkedIn. Si se deja vacío, el icono de LinkedIn NO aparece. Se abre en nueva pestaña',
      label: 'URL del perfil de LinkedIn',
      mandatory: false,
      example_value: 'https://linkedin.com/company/lefebvre-es'
    },
    {
      name: 'twitter',
      type: 'text',
      help: 'URL del perfil de Twitter/X. Si se deja vacío, el icono de X NO aparece. Se abre en nueva pestaña',
      label: 'URL del perfil de X',
      mandatory: false,
      example_value: 'https://x.com/lefebvre_es'
    },
    {
      name: 'instagram',
      type: 'text',
      help: 'URL del perfil de Instagram. Si se deja vacío, el icono de Instagram NO aparece. Se abre en nueva pestaña',
      label: 'URL del perfil de Instagram',
      mandatory: false,
      example_value: 'https://instagram.com/lefebvre_es'
    },
    {
      name: 'youtube',
      type: 'text',
      help: 'URL del canal de YouTube. Si se deja vacío, el icono de YouTube NO aparece. Se abre en nueva pestaña',
      label: 'URL del canal de YouTube',
      mandatory: false,
      example_value: 'https://youtube.com/@lefebvre'
    },
    {
      name: 'whatsapp',
      type: 'text',
      help: 'URL/enlace de WhatsApp (formato wa.me/código+número o URL completa). Si se deja vacío, el icono de WhatsApp NO aparece. Se abre en nueva pestaña',
      label: 'URL de WhatsApp',
      mandatory: false,
      example_value: 'https://wa.me/34600000000'
    },
    {
      name: 'email',
      type: 'text',
      help: 'Dirección de email SIN "mailto:" (el componente añade el prefijo automáticamente). Si se deja vacío, el icono de email NO aparece. Al hacer clic abre el cliente de correo predeterminado',
      label: 'Dirección de email',
      mandatory: false,
      example_value: 'contacto@lefebvre.es'
    },
    {
      name: 'print',
      type: 'boolean',
      help: 'Si está activado, muestra un botón con icono de imprimir que ejecuta window.print() en la página actual. Si está desactivado, el botón NO aparece',
      label: 'Mostrar botón de imprimir',
      mandatory: false,
      options: ['false', 'true'],
      options_labels: ['Falso', 'Verdadero'],
      example_value: false
    },
    {
      name: 'copyLink',
      type: 'boolean',
      help: 'Si está activado, muestra un botón con icono de copiar enlace que copia la URL definida en "URL a copiar" al portapapeles (con tooltip de confirmación "Enlace copiado"). Si está desactivado, el botón NO aparece',
      label: 'Mostrar botón de copiar enlace',
      mandatory: false,
      options: ['false', 'true'],
      options_labels: ['Falso', 'Verdadero'],
      example_value: false
    },
    {
      name: 'copyUrl',
      type: 'text',
      help: 'URL que se copiará al portapapeles al pulsar el botón de copiar. Solo tiene efecto si "Mostrar botón de copiar enlace" está activado. Si se deja vacío, el botón copiará una cadena vacía',
      label: 'URL a copiar al portapapeles',
      mandatory: false,
      example_value: 'https://lefebvre.es/genia-l/'
    },
  ]
};