(base): Añade componente Badge

Incluye soporte específico en Bootsier (`BadgeBootsier`) para fijar el
color de fondo con contraste de texto garantizado.
This commit is contained in:
Manuel Cillero 2026-08-01 12:15:00 +02:00
parent 3e83f8e35e
commit 4cc72aac0e
4 changed files with 120 additions and 0 deletions

View file

@ -0,0 +1,47 @@
use pagetop::prelude::*;
use crate::theme::*;
pub use pagetop::base::component::Badge;
const EXTRA_TEXT_BG: &str = "bootsier.badge.text_bg";
/// Extensión de Bootsier para [`Badge`].
///
/// Proporciona el método [`with_text_bg()`](Self::with_text_bg) para fijar el color de fondo del
/// badge usando un color de texto con contraste suficiente garantizado.
///
/// ```rust,no_run
/// use pagetop::prelude::*;
/// use pagetop_bootsier::theme::*;
///
/// let admin = bs::Badge::new()
/// .with_label(L10n::n("Admin"))
/// .with_text_bg(ThemeColor::Danger);
/// ```
pub trait BadgeBootsier {
#[builder_fn]
fn with_text_bg(self, color: ThemeColor) -> Self;
}
impl BadgeBootsier for Badge {
/// Establece el color de fondo usando un color de texto con contraste garantizado.
///
/// Igual a `with_prop(PropsOp::add_classes(class::TextColor::Bg(color)))`, pero sin el riesgo
/// de acumular más de una clase `text-bg-{color}` si se llama varias veces.
#[builder_fn]
fn with_text_bg(mut self, color: ThemeColor) -> Self {
self.alter_prop(PropsOp::set_extra(EXTRA_TEXT_BG, color));
self
}
}
// **< Badge SETUP >********************************************************************************
pub(crate) fn setup(badge: &mut Badge) {
let color = badge.props().extra_or(EXTRA_TEXT_BG, ThemeColor::Secondary);
badge.alter_prop(PropsOp::replace_classes(
"badge",
util::join!("badge ", class::TextColor::Bg(color).to_class()),
));
}