libreria-astro-lefebvre 0.1.9 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "libreria-astro-lefebvre",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Librería de componentes Astro, React y Vue para Lefebvre",
   "author": "Equipo web desarrollo Lefebvre",
   "type": "module",

package/src/carbins/Contenido_2026_Moraira.ts

@@ -28,7 +28,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'showBtn',
       type: 'boolean',
-      help: 'Activa o desactiva el botón primario. Recuerda: también requiere "Enlace del botón" relleno; si está vacío el botón no aparece',
+      help: 'Activa o desactiva el botón. Recuerda: también requiere "Enlace del botón" relleno; si está vacío el botón no aparece',
       label: 'Mostrar botón',
       mandatory: false,
       options: ['false', 'true'],

package/src/carbins/Formulario_2026_Wichita.ts

@@ -12,7 +12,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'title',
       type: 'text',
-      help: 'Introduce el título del formulario',
+      help: 'Título (h2) del bloque. No admite HTML',
       label: 'Texto del título',
       mandatory: false,
       example_value: 'Pruébalo ya'
@@ -20,7 +20,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'description',
       type: 'text',
-      help: 'Introduce la descripción del formulario',
+      help: 'Descripción que aparece debajo del título. No admite HTML',
       label: 'Texto de la descripción',
       mandatory: false,
       example_value: 'Texto descriptivo del título'
@@ -33,18 +33,10 @@ export const metadata: ComponentMetadata = {
       mandatory: false,
       example_value: 'Texto descriptivo del título'
     },
-    {
-      name: 'imageSrc',
-      type: 'image',
-      help: 'Introduce la URL de la imagen del formulario',
-      label: 'Src de la imagen',
-      mandatory: false,
-      example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-3-4.png'
-    },
     {
       name: 'lf2FormTitle',
       type: 'text',
-      help: 'Introduce el título del formulario en LF2',
+      help: 'Nombre EXACTO del formulario tal como está dado de alta en LF2 (incluye normalmente un código numérico + nombre). Este valor se pasa a apiManager.pintarFormularioAutogestionado() para cargar el formulario correcto. Si es erróneo, el formulario no se renderizará',
       label: 'Título del formulario en LF2',
       mandatory: false,
       example_value: '27925 Formulario Vamos Más Allá'
@@ -52,7 +44,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'businessAction',
       type: 'text',
-      help: 'Introduce el identificador businessAction del formulario en LF2',
+      help: 'Identificador de acción comercial de LF2 que se asociará al lead. Si se deja vacío, no se envía acción comercial (el formulario funciona pero sin tracking de acción específica)',
       label: 'businessAction del formulario en LF2',
       mandatory: false,
       example_value: '27925'
@@ -60,30 +52,11 @@ export const metadata: ComponentMetadata = {
     {
       name: 'orientation',
       type: 'select',
-      help: 'Selecciona la posición de la imagen respecto al formulario',
+      help: 'Posición del formulario respecto al texto. "Izquierda" coloca el formulario a la izquierda (flex-row); "Derecha" lo coloca a la derecha (flex-row-reverse)',
       label: 'Orientación del contenido',
       options: ['left', 'right'],
       options_labels: ['Izquierda', 'Derecha'],
       example_value: 'left'
     },
-    {
-      name: 'loading',
-      type: 'select',
-      help: 'Selecciona el tipo de carga de la imagen: diferida o inmediata',
-      label: 'Carga de la imagen',
-      options: ['lazy', 'eager'],
-      options_labels: ['Diferida', 'Inmediata'],
-      example_value: 'lazy'
-    },
-    {
-      name: 'showImage',
-      type: 'boolean',
-      help: 'Indica si se debe mostrar la imagen',
-      label: 'Mostrar imagen',
-      mandatory: false,
-      options: ['false', 'true'],
-      options_labels: ['Falso', 'Verdadero'],
-      example_value: true
-    } 
    ]
 };

package/src/components/Astro/Contenido_2026_Moraira.astro

@@ -39,7 +39,7 @@ const hasContent = title || description;
                 {hasContent && (
                 <div class="w-full max-w-7xl flex flex-col items-center justify-center text-left gap-4">
                     {title && <h3 class="text-[#262626] font-poppins text-2xl font-semibold leading-8">{title}</h3>}
-                    {description && <p class="text-[#627384] font-inter text-base font-normal leading-6" set:html={description}></p>}
+                    {description && <p class="text-[#363942] font-inter text-base font-normal leading-6" set:html={description}></p>}
                 </div>
                 )}
 

package/src/components/Astro/Formulario_2026_Wichita.astro

@@ -6,15 +6,11 @@ const {
     subTitle,
     description = "",
     mainContent="",
-    showImage = false,
     orientation = "left",
-    imageSrc,
     lf2FormTitle = "Formulario de contacto",
     businessAction = false,
-    loading = "lazy"
 } = Astro.props;
 
-const imageSrcUrl = extractImageUrl(imageSrc);
 const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
 
 const escapeJson = (s = "") => String(s).replace(/<[^>]*>/g, '').replace(/\\/g, '\\\\').replace(/"/g, '\\"').replace(/</g, '\\u003c').replace(/>/g, '\\u003e').replace(/[\n\r\t]+/g, ' ');
@@ -36,18 +32,6 @@ const structuredData = `<script type="application/ld+json">
 
 <div class="w-full flex flex-col md:flex-row px-6 md:px-4 lg:px-0 gap-8">
      <div class="max-w-7xl w-full mx-auto flex justify-start flex-col px-12 bg-[linear-gradient(to_right,#E3E3EE,#FFFFFF,#D7EBF5)]">
-    {showImage ? (
-        <article class="flex flex-col items-center justify-center">
-            <div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-between`}>
-                <div class="w-full flex justify-start mt-12 mb-8 flex-col">
-                    <div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3"></div>
-                </div>
-                <div class={`w-full p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
-                    <img src={imageSrcUrl} alt={title} width="600" height="650" class="w-full md:w-4/5 min-h-auto md:min-h-[650px] object-cover rounded-lg" loading={loading}/>
-                </div>
-            </div>
-        </article>
-    ) : (
         <article class="flex flex-col items-center justify-center">
             <div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
                 <div class="w-full md:w-1/3 flex justify-start mt-12 mb-8 flex-col">
@@ -61,7 +45,6 @@ const structuredData = `<script type="application/ld+json">
                 </div>
             </div>
         </article>
-    )}
     </div>
 </div>