8f4e854a20
- HeroSectionRenderer: namespace herosection → HeroSection (PascalCase) - TopNotificationBarFormBuilder: namespace UI → Ui - TopNotificationBarRenderer: @package docblock corregido - LegacyDBManagerAdapter: ROITheme\Component → ROITheme\Shared - LegacyDBManagerAdapter: ROITheme\Domain\Component → ROITheme\Shared\Domain\Entities - functions-addon: actualizada referencia a HeroSectionRenderer 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
276 lines
8.6 KiB
JSON
276 lines
8.6 KiB
JSON
{
|
|
"component_name": "hero",
|
|
"version": "1.0.0",
|
|
"description": "Sección hero con título del post/página, badges de categorías y fondo degradado",
|
|
"groups": {
|
|
"visibility": {
|
|
"label": "Visibilidad",
|
|
"priority": 10,
|
|
"fields": {
|
|
"is_enabled": {
|
|
"type": "boolean",
|
|
"label": "Mostrar sección Hero",
|
|
"default": true,
|
|
"editable": true,
|
|
"required": true,
|
|
"description": "Activa o desactiva la sección hero"
|
|
},
|
|
"show_on_desktop": {
|
|
"type": "boolean",
|
|
"label": "Mostrar en desktop",
|
|
"default": true,
|
|
"editable": true,
|
|
"required": true,
|
|
"description": "Muestra el hero en dispositivos desktop (≥768px)"
|
|
},
|
|
"show_on_mobile": {
|
|
"type": "boolean",
|
|
"label": "Mostrar en mobile",
|
|
"default": true,
|
|
"editable": true,
|
|
"required": true,
|
|
"description": "Muestra el hero en dispositivos móviles (<768px)"
|
|
},
|
|
"show_on_pages": {
|
|
"type": "select",
|
|
"label": "Mostrar en",
|
|
"default": "posts",
|
|
"editable": true,
|
|
"required": true,
|
|
"options": {
|
|
"all": "Todas las páginas",
|
|
"posts": "Solo posts individuales",
|
|
"pages": "Solo páginas",
|
|
"home": "Solo página de inicio"
|
|
},
|
|
"description": "Define en qué tipo de contenido se mostrará el hero"
|
|
}
|
|
}
|
|
},
|
|
"content": {
|
|
"label": "Contenido",
|
|
"priority": 20,
|
|
"fields": {
|
|
"show_categories": {
|
|
"type": "boolean",
|
|
"label": "Mostrar badges de categorías",
|
|
"default": true,
|
|
"editable": true,
|
|
"description": "Muestra las categorías del post como badges sobre el título"
|
|
},
|
|
"show_badge_icon": {
|
|
"type": "boolean",
|
|
"label": "Mostrar ícono en badges",
|
|
"default": true,
|
|
"editable": true,
|
|
"description": "Muestra un ícono junto al texto de cada badge"
|
|
},
|
|
"badge_icon_class": {
|
|
"type": "text",
|
|
"label": "Clase del ícono de badge",
|
|
"default": "bi-folder-fill",
|
|
"editable": true,
|
|
"placeholder": "bi-folder-fill",
|
|
"description": "Clase Bootstrap Icons para los badges de categorías"
|
|
},
|
|
"title_tag": {
|
|
"type": "select",
|
|
"label": "Etiqueta HTML del título",
|
|
"default": "h1",
|
|
"editable": true,
|
|
"options": {
|
|
"h1": "H1 (recomendado para SEO)",
|
|
"h2": "H2",
|
|
"div": "DIV (sin semántica)"
|
|
},
|
|
"description": "Etiqueta HTML para el título principal"
|
|
}
|
|
}
|
|
},
|
|
"colors": {
|
|
"label": "Colores",
|
|
"priority": 30,
|
|
"fields": {
|
|
"gradient_start": {
|
|
"type": "color",
|
|
"label": "Color degradado (inicio)",
|
|
"default": "#1e3a5f",
|
|
"editable": true,
|
|
"description": "Color inicial del degradado de fondo (navy primary)"
|
|
},
|
|
"gradient_end": {
|
|
"type": "color",
|
|
"label": "Color degradado (fin)",
|
|
"default": "#2c5282",
|
|
"editable": true,
|
|
"description": "Color final del degradado de fondo (navy light)"
|
|
},
|
|
"title_color": {
|
|
"type": "color",
|
|
"label": "Color del título",
|
|
"default": "#FFFFFF",
|
|
"editable": true,
|
|
"description": "Color del texto del título principal"
|
|
},
|
|
"badge_bg_color": {
|
|
"type": "color",
|
|
"label": "Color fondo badges",
|
|
"default": "#FFFFFF",
|
|
"editable": true,
|
|
"description": "Color de fondo de los badges (se aplica con transparencia)"
|
|
},
|
|
"badge_text_color": {
|
|
"type": "color",
|
|
"label": "Color texto badges",
|
|
"default": "#FFFFFF",
|
|
"editable": true,
|
|
"description": "Color del texto de los badges de categorías"
|
|
},
|
|
"badge_icon_color": {
|
|
"type": "color",
|
|
"label": "Color ícono badges",
|
|
"default": "#FFB800",
|
|
"editable": true,
|
|
"description": "Color del ícono en los badges (orange light)"
|
|
},
|
|
"badge_hover_bg": {
|
|
"type": "color",
|
|
"label": "Color fondo badges (hover)",
|
|
"default": "#FF8600",
|
|
"editable": true,
|
|
"description": "Color de fondo al pasar el mouse sobre badges"
|
|
}
|
|
}
|
|
},
|
|
"typography": {
|
|
"label": "Tipografía",
|
|
"priority": 40,
|
|
"fields": {
|
|
"title_font_size": {
|
|
"type": "text",
|
|
"label": "Tamaño título desktop",
|
|
"default": "2.5rem",
|
|
"editable": true,
|
|
"description": "Tamaño de fuente del título en desktop (display-5)"
|
|
},
|
|
"title_font_size_mobile": {
|
|
"type": "text",
|
|
"label": "Tamaño título mobile",
|
|
"default": "1.75rem",
|
|
"editable": true,
|
|
"description": "Tamaño de fuente del título en dispositivos móviles"
|
|
},
|
|
"title_font_weight": {
|
|
"type": "select",
|
|
"label": "Peso del título",
|
|
"default": "700",
|
|
"editable": true,
|
|
"options": {
|
|
"400": "Normal (400)",
|
|
"500": "Medium (500)",
|
|
"600": "Semibold (600)",
|
|
"700": "Bold (700)"
|
|
},
|
|
"description": "Peso de la fuente del título"
|
|
},
|
|
"title_line_height": {
|
|
"type": "text",
|
|
"label": "Altura de línea título",
|
|
"default": "1.4",
|
|
"editable": true,
|
|
"description": "Espaciado entre líneas del título"
|
|
},
|
|
"badge_font_size": {
|
|
"type": "text",
|
|
"label": "Tamaño fuente badges",
|
|
"default": "0.813rem",
|
|
"editable": true,
|
|
"description": "Tamaño de fuente de los badges de categorías"
|
|
}
|
|
}
|
|
},
|
|
"spacing": {
|
|
"label": "Espaciado",
|
|
"priority": 50,
|
|
"fields": {
|
|
"padding_vertical": {
|
|
"type": "text",
|
|
"label": "Padding vertical",
|
|
"default": "3rem",
|
|
"editable": true,
|
|
"description": "Espaciado interno superior e inferior"
|
|
},
|
|
"margin_bottom": {
|
|
"type": "text",
|
|
"label": "Margen inferior",
|
|
"default": "1.5rem",
|
|
"editable": true,
|
|
"description": "Espacio debajo del hero"
|
|
},
|
|
"badge_padding": {
|
|
"type": "text",
|
|
"label": "Padding de badges",
|
|
"default": "0.375rem 0.875rem",
|
|
"editable": true,
|
|
"description": "Espaciado interno de los badges"
|
|
},
|
|
"badge_border_radius": {
|
|
"type": "text",
|
|
"label": "Border radius badges",
|
|
"default": "20px",
|
|
"editable": true,
|
|
"description": "Redondeo de esquinas de los badges"
|
|
},
|
|
"min_height": {
|
|
"type": "text",
|
|
"label": "Altura mínima del hero",
|
|
"default": "120px",
|
|
"editable": true,
|
|
"description": "Altura mínima del contenedor hero para prevenir layout shift (CLS)"
|
|
},
|
|
"title_min_height": {
|
|
"type": "text",
|
|
"label": "Altura mínima del título",
|
|
"default": "3rem",
|
|
"editable": true,
|
|
"description": "Altura mínima del título para prevenir layout shift (CLS)"
|
|
},
|
|
"badge_min_height": {
|
|
"type": "text",
|
|
"label": "Altura mínima de badges",
|
|
"default": "32px",
|
|
"editable": true,
|
|
"description": "Altura mínima de los badges para prevenir layout shift (CLS)"
|
|
}
|
|
}
|
|
},
|
|
"visual_effects": {
|
|
"label": "Efectos",
|
|
"priority": 60,
|
|
"fields": {
|
|
"box_shadow": {
|
|
"type": "text",
|
|
"label": "Sombra del hero",
|
|
"default": "0 4px 16px rgba(30, 58, 95, 0.25)",
|
|
"editable": true,
|
|
"description": "Sombra CSS del contenedor hero"
|
|
},
|
|
"title_text_shadow": {
|
|
"type": "text",
|
|
"label": "Sombra del título",
|
|
"default": "1px 1px 2px rgba(0, 0, 0, 0.2)",
|
|
"editable": true,
|
|
"description": "Sombra del texto del título para mejor legibilidad"
|
|
},
|
|
"badge_backdrop_blur": {
|
|
"type": "text",
|
|
"label": "Blur de fondo badges",
|
|
"default": "10px",
|
|
"editable": true,
|
|
"description": "Efecto blur del fondo de los badges"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|