import { n as s, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
import { c as d } from "../chunks/component.styles.CRO4Odto.js";
import { c as p } from "../chunks/custom-element.L4WJXn1j.js";
import { i as u, x as m } from "../chunks/lit-element.jLBm65_O.js";
import { e as x } from "../chunks/class-map.BiVq-cVR.js";
const v = u`:host{display:inline-flex}.badge{font-size:var(--font-size,var(--cx-font-size-small));font-weight:var(--cx-font-weight-medium);letter-spacing:var(--cx-letter-spacing-normal);border-radius:var(--cx-border-radius-small);border:solid 1px var(--cx-color-neutral-0);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:inherit;justify-content:center;align-items:center;line-height:normal;display:inline-flex}.badge--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.badge--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.badge--neutral{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.badge--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.badge--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-danger-0)}.badge--x-small{padding:var(--cx-spacing-2x-small) var(--cx-spacing-x-small);height:var(--cx-spacing-x-small);min-width:var(--cx-spacing-x-small);font-size:var(--font-size,var(--cx-font-size-2x-small))}.badge--small{padding:var(--cx-spacing-2x-small) var(--cx-spacing-x-small);height:var(--cx-input-height-small);min-width:var(--cx-input-height-small)}.badge--medium{padding:var(--cx-spacing-x-small) var(--cx-spacing-small);height:var(--cx-input-height-medium);min-width:var(--cx-input-height-medium)}.badge--large{padding:var(--cx-spacing-small) var(--cx-spacing-medium);height:var(--cx-input-height-large);min-width:var(--cx-input-height-large)}.badge--pill{border-radius:var(--cx-border-radius-pill)}.badge--pulse{animation:1.5s infinite pulse}.badge--pulse.badge--primary{--pulse-color:var(--cx-color-primary)}.badge--pulse.badge--success{--pulse-color:var(--cx-color-success)}.badge--pulse.badge--neutral{--pulse-color:var(--cx-color-neutral-600)}.badge--pulse.badge--warning{--pulse-color:var(--cx-color-warning)}.badge--pulse.badge--danger{--pulse-color:var(--cx-color-danger)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--pulse-color)}70%{box-shadow:0 0 0 .5rem #0000}to{box-shadow:0 0 #0000}}`;
var b = Object.defineProperty, h = Object.getOwnPropertyDescriptor, a = (n, l, c, o) => {
  for (var r = o > 1 ? void 0 : o ? h(l, c) : l, i = n.length - 1, t; i >= 0; i--)
    (t = n[i]) && (r = (o ? t(l, c, r) : t(r)) || r);
  return o && r && b(l, c, r), r;
};
let e = class extends g {
  constructor() {
    super(...arguments), this.variant = "primary", this.pill = !1, this.pulse = !1, this.size = "medium";
  }
  render() {
    return m`<span part="base" class=${x({
      badge: !0,
      "badge--danger": this.variant === "danger",
      "badge--large": this.size === "large",
      "badge--medium": this.size === "medium",
      "badge--neutral": this.variant === "neutral",
      "badge--pill": this.pill,
      "badge--primary": this.variant === "primary",
      "badge--pulse": this.pulse,
      "badge--small": this.size === "small",
      "badge--success": this.variant === "success",
      "badge--warning": this.variant === "warning",
      "badge--x-small": this.size === "x-small"
    })} role="status"><slot></slot></span>`;
  }
};
e.styles = [d, v];
a([
  s({ reflect: !0 })
], e.prototype, "variant", 2);
a([
  s({ reflect: !0, type: Boolean })
], e.prototype, "pill", 2);
a([
  s({ reflect: !0, type: Boolean })
], e.prototype, "pulse", 2);
a([
  s({ reflect: !0 })
], e.prototype, "size", 2);
e = a([
  p("cx-badge")
], e);
export {
  e as default
};
