@seniorsistemas/tecnologia-webcomponents/dist/esm/tec-status-badge.entry.js

A webcomponents library for Senior Sistemas - Suite BPM products.

import { r as registerInstance, h, e as Host } from './index-4b6bf994.js';
import { T as TecStatus } from './status.model-707ae827.js';

const statusBadgeCss = "@import url(https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Volkhov:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Oxygen+Mono&family=Roboto+Mono:wght@300;400;500;600;700&display=swap);.bg-default{background:#f6f8fa}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2x1{font-size:1.5rem;line-height:2rem}.text-3x1{font-size:1.875rem;line-height:2.25rem}.text-4x1{font-size:2.25rem;line-height:2.5rem}.text-5x1{font-size:3rem;line-height:3rem}.text-6x1{font-size:3.75rem;line-height:3.75rem}.text-7x1{font-size:4.5rem;line-height:4.5rem}.text-8x1{font-size:6rem;line-height:6rem}.text-9x1{font-size:8rem;line-height:8rem}.text-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Almarai,Inter,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-serif{font-family:ui-serif,Volkhov,Libre Baskerville,Georgia,serif,serif}.text-mono{font-family:ui-monospace,Fira Mono,Roboto Mono,Oxygen Mono,Consolas,monospace,monospace}.text-title{font-family:Inter,sans-serif}@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@500;700&family=Open+Sans:wght@400;600&display=swap\"); *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([theme=light]){--tecnologia-color-primary:#3c9bec;--tecnologia-color-secondary:#cbd0d8;--tecnologia-color-danger:#ec3c43;--tecnologia-color-success:#00c99a;--tecnologia-color-warning:#ff9800}:host([theme=light]) .bg-primary{background-color:#3c9bec}:host([theme=light]) .bg-secondary{background-color:#cbd0d8}:host([theme=light]) .bg-danger{background-color:#ec3c43}:host([theme=light]) .bg-success{background-color:#00c99a}:host([theme=light]) .bg-warning{background-color:#ff9800}:host([theme=dark]){--tecnologia-color-primary:#7dbcf2;--tecnologia-color-secondary:#cbd0d8;--tecnologia-color-danger:#ec3c43;--tecnologia-color-success:#00c99a;--tecnologia-color-warning:#ff9800}:host([theme=dark]) .bg-primary{background-color:#7dbcf2}:host([theme=dark]) .bg-secondary{background-color:#cbd0d8}:host([theme=dark]) .bg-danger{background-color:#ec3c43}:host([theme=dark]) .bg-success{background-color:#00c99a}:host([theme=dark]) .bg-warning{background-color:#ff9800}:host{display:block}.badge .badge-value{background:#e9f3fc;color:#307cbc;font-size:0.9375rem;padding:0.6rem 1.0667rem;border-radius:15rem;line-height:2rem;white-space:pre-wrap;-webkit-box-decoration-break:clone;box-decoration-break:clone}.badge .badge-value.primary{background:#e5f9f4;color:#00c99a}.badge .badge-value.secondary{background:#f6f6f6;color:#646464}.badge .badge-value.success{background:#e5f9f4;color:#00a07b}.badge .badge-value.danger{background:#ffecf1;color:#b23154}.badge .badge-value.warn{background-color:#ffe0b2;color:#ffa726}.badge .badge-value.info{background:#e9f3fc;color:#307cbc}";

const StatusBadge = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    /**
     * The status of badge (color)
     */
    this.status = TecStatus.primary;
  }
  render() {
    return (h(Host, null, h("div", { class: "badge text-sans" }, h("span", { class: `badge-value ${this.status}` }, this.badgeText))));
  }
};
StatusBadge.style = statusBadgeCss;

export { StatusBadge as tec_status_badge };