{
  "component_name": "related-post",
  "version": "1.0.0",
  "description": "Seccion de posts relacionados con grid de cards y paginacion",
  "groups": {
    "visibility": {
      "label": "Visibilidad",
      "priority": 10,
      "fields": {
        "is_enabled": {
          "type": "boolean",
          "label": "Activar componente",
          "default": true,
          "editable": true,
          "required": true
        },
        "show_on_desktop": {
          "type": "boolean",
          "label": "Mostrar en escritorio",
          "default": true,
          "editable": true,
          "description": "Muestra el componente en pantallas >= 992px"
        },
        "show_on_mobile": {
          "type": "boolean",
          "label": "Mostrar en movil",
          "default": true,
          "editable": true,
          "description": "Muestra el componente en pantallas < 992px"
        },
        "show_on_pages": {
          "type": "select",
          "label": "Mostrar en",
          "default": "posts",
          "editable": true,
          "options": ["all", "posts", "pages"],
          "description": "Tipos de contenido donde se muestra"
        }
      }
    },
    "content": {
      "label": "Contenido",
      "priority": 20,
      "fields": {
        "section_title": {
          "type": "text",
          "label": "Titulo de seccion",
          "default": "Descubre Mas Contenido",
          "editable": true
        },
        "posts_per_page": {
          "type": "text",
          "label": "Posts por pagina",
          "default": "12",
          "editable": true,
          "description": "Numero de posts a mostrar"
        },
        "orderby": {
          "type": "select",
          "label": "Ordenar por",
          "default": "rand",
          "editable": true,
          "options": ["rand", "date", "title", "comment_count", "menu_order"],
          "description": "Criterio de ordenamiento"
        },
        "order": {
          "type": "select",
          "label": "Direccion",
          "default": "DESC",
          "editable": true,
          "options": ["ASC", "DESC"],
          "description": "Ascendente o descendente"
        },
        "show_pagination": {
          "type": "boolean",
          "label": "Mostrar paginacion",
          "default": true,
          "editable": true
        },
        "pagination_text_first": {
          "type": "text",
          "label": "Texto Inicio",
          "default": "Inicio",
          "editable": true
        },
        "pagination_text_last": {
          "type": "text",
          "label": "Texto Fin",
          "default": "Fin",
          "editable": true
        },
        "pagination_text_more": {
          "type": "text",
          "label": "Texto Ver mas",
          "default": "Ver mas",
          "editable": true
        }
      }
    },
    "typography": {
      "label": "Tipografia",
      "priority": 30,
      "fields": {
        "section_title_size": {
          "type": "text",
          "label": "Tamano titulo seccion",
          "default": "1.75rem",
          "editable": true,
          "description": "Clase h3 de Bootstrap"
        },
        "section_title_weight": {
          "type": "text",
          "label": "Peso titulo seccion",
          "default": "500",
          "editable": true
        },
        "card_title_size": {
          "type": "text",
          "label": "Tamano titulo card",
          "default": "1rem",
          "editable": true,
          "description": "Clase h6 de Bootstrap"
        },
        "card_title_weight": {
          "type": "text",
          "label": "Peso titulo card",
          "default": "500",
          "editable": true
        }
      }
    },
    "colors": {
      "label": "Colores",
      "priority": 40,
      "fields": {
        "section_title_color": {
          "type": "color",
          "label": "Color titulo seccion",
          "default": "#212529",
          "editable": true
        },
        "card_bg_color": {
          "type": "color",
          "label": "Fondo card",
          "default": "#ffffff",
          "editable": true
        },
        "card_title_color": {
          "type": "color",
          "label": "Color titulo card",
          "default": "#212529",
          "editable": true
        },
        "card_hover_bg_color": {
          "type": "color",
          "label": "Fondo card hover",
          "default": "#f8f9fa",
          "editable": true
        },
        "pagination_bg_color": {
          "type": "color",
          "label": "Fondo paginacion",
          "default": "#ffffff",
          "editable": true
        },
        "pagination_text_color": {
          "type": "color",
          "label": "Texto paginacion",
          "default": "#0d6efd",
          "editable": true
        },
        "pagination_active_bg": {
          "type": "color",
          "label": "Fondo activo paginacion",
          "default": "#0d6efd",
          "editable": true
        },
        "pagination_active_text": {
          "type": "color",
          "label": "Texto activo paginacion",
          "default": "#ffffff",
          "editable": true
        }
      }
    },
    "spacing": {
      "label": "Espaciado",
      "priority": 50,
      "fields": {
        "section_margin_top": {
          "type": "text",
          "label": "Margen superior",
          "default": "3rem",
          "editable": true,
          "description": "my-5 de Bootstrap"
        },
        "section_margin_bottom": {
          "type": "text",
          "label": "Margen inferior",
          "default": "3rem",
          "editable": true
        },
        "title_margin_bottom": {
          "type": "text",
          "label": "Margen inf. titulo",
          "default": "1.5rem",
          "editable": true,
          "description": "mb-4 de Bootstrap"
        },
        "grid_gap": {
          "type": "text",
          "label": "Espacio entre cards",
          "default": "1.5rem",
          "editable": true,
          "description": "g-4 de Bootstrap"
        },
        "card_padding": {
          "type": "text",
          "label": "Padding card",
          "default": "1.5rem",
          "editable": true,
          "description": "p-4 de Bootstrap"
        },
        "pagination_margin_top": {
          "type": "text",
          "label": "Margen sup. paginacion",
          "default": "1rem",
          "editable": true,
          "description": "mt-4 de Bootstrap"
        }
      }
    },
    "visual_effects": {
      "label": "Efectos Visuales",
      "priority": 60,
      "fields": {
        "card_border_radius": {
          "type": "text",
          "label": "Radio borde card",
          "default": "0.375rem",
          "editable": true
        },
        "card_shadow": {
          "type": "text",
          "label": "Sombra card",
          "default": "0 .125rem .25rem rgba(0,0,0,.075)",
          "editable": true,
          "description": "shadow-sm de Bootstrap"
        },
        "card_hover_shadow": {
          "type": "text",
          "label": "Sombra card hover",
          "default": "0 .5rem 1rem rgba(0,0,0,.15)",
          "editable": true
        },
        "card_transition": {
          "type": "text",
          "label": "Transicion card",
          "default": "0.3s ease",
          "editable": true
        }
      }
    },
    "layout": {
      "label": "Disposicion",
      "priority": 80,
      "fields": {
        "columns_desktop": {
          "type": "select",
          "label": "Columnas desktop",
          "default": "3",
          "editable": true,
          "options": ["2", "3", "4"],
          "description": "Columnas en pantallas grandes"
        },
        "columns_tablet": {
          "type": "select",
          "label": "Columnas tablet",
          "default": "2",
          "editable": true,
          "options": ["1", "2", "3"],
          "description": "Columnas en pantallas medianas"
        },
        "columns_mobile": {
          "type": "select",
          "label": "Columnas movil",
          "default": "1",
          "editable": true,
          "options": ["1", "2"],
          "description": "Columnas en pantallas pequenas"
        }
      }
    }
  }
}
