@bulmil/core/dist/esm/bm-badge.entry.js

/*!
 * Bulmil - MIT License
 */
import { r as registerInstance, h } from './index-8f15c9d4.js';

const badgeCss = ".badge{background-color:#5851ff;border:2px solid transparent;border-radius:14px;box-shadow:0 0 0 2px white;color:white;font-size:0.65rem;height:14px;line-height:calc(7px + 1px);min-width:14px;overflow:hidden;padding:0.05rem 0.15rem;position:absolute;right:0;text-overflow:ellipsis;top:0;-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);white-space:nowrap}.badge.is-outlined{background-color:white;border-color:#5851ff;color:#5851ff}.badge.is-left{bottom:0;left:0;right:auto;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.badge.is-right{bottom:auto;left:auto;right:0;top:50%;-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%)}.badge.is-top{bottom:auto;left:50%;right:auto;top:0;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.badge.is-top-left{bottom:auto;left:0;right:auto;top:0;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.badge.is-top-right{bottom:auto;left:auto;right:0;top:0;-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%)}.badge.is-bottom{bottom:0;left:50%;right:auto;top:auto;-webkit-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.badge.is-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.badge.is-bottom-right{bottom:0;left:auto;right:0;top:auto;-webkit-transform:translate(50%, 50%);-ms-transform:translate(50%, 50%);transform:translate(50%, 50%)}.badge.is-white:not(.is-outlined){background-color:white;color:#0a0a0a}.badge.is-white.is-outlined{border-color:white;color:white}.badge.is-black:not(.is-outlined){background-color:#0a0a0a;color:white}.badge.is-black.is-outlined{border-color:#0a0a0a;color:#0a0a0a}.badge.is-light:not(.is-outlined){background-color:whitesmoke;color:rgba(0, 0, 0, 0.7)}.badge.is-light.is-outlined{border-color:whitesmoke;color:whitesmoke}.badge.is-dark:not(.is-outlined){background-color:#363636;color:#fff}.badge.is-dark.is-outlined{border-color:#363636;color:#363636}.badge.is-primary:not(.is-outlined){background-color:#5851ff;color:#fff}.badge.is-primary.is-outlined{border-color:#5851ff;color:#5851ff}.badge.is-primary.is-light{color:#0a00f0}.badge.is-primary.is-light:not(.is-outlined){background-color:#ebebff}.badge.is-primary.is-light.is-outlined{border-color:#5851ff}.badge.is-link:not(.is-outlined){background-color:#5851ff;color:#fff}.badge.is-link.is-outlined{border-color:#5851ff;color:#5851ff}.badge.is-link.is-light{color:#0a00f0}.badge.is-link.is-light:not(.is-outlined){background-color:#ebebff}.badge.is-link.is-light.is-outlined{border-color:#5851ff}.badge.is-info:not(.is-outlined){background-color:#3e8ed0;color:#fff}.badge.is-info.is-outlined{border-color:#3e8ed0;color:#3e8ed0}.badge.is-info.is-light{color:#296fa8}.badge.is-info.is-light:not(.is-outlined){background-color:#eff5fb}.badge.is-info.is-light.is-outlined{border-color:#3e8ed0}.badge.is-success:not(.is-outlined){background-color:#48c78e;color:#fff}.badge.is-success.is-outlined{border-color:#48c78e;color:#48c78e}.badge.is-success.is-light{color:#257953}.badge.is-success.is-light:not(.is-outlined){background-color:#effaf5}.badge.is-success.is-light.is-outlined{border-color:#48c78e}.badge.is-warning:not(.is-outlined){background-color:#ffe08a;color:rgba(0, 0, 0, 0.7)}.badge.is-warning.is-outlined{border-color:#ffe08a;color:#ffe08a}.badge.is-warning.is-light{color:#946c00}.badge.is-warning.is-light:not(.is-outlined){background-color:#fffaeb}.badge.is-warning.is-light.is-outlined{border-color:#ffe08a}.badge.is-danger:not(.is-outlined){background-color:#f14668;color:#fff}.badge.is-danger.is-outlined{border-color:#f14668;color:#f14668}.badge.is-danger.is-light{color:#cc0f35}.badge.is-danger.is-light:not(.is-outlined){background-color:#feecf0}.badge.is-danger.is-light.is-outlined{border-color:#f14668}.tabs li{position:relative}";

let Badge = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    /**
     * Is outlined
     */
    this.isOutlined = false;
    /**
     * Is light
     */
    this.isLight = false;
  }
  render() {
    return (h("span", { class: {
        badge: true,
        [this.color]: Boolean(this.color),
        [this.position]: Boolean(this.position),
        'is-light': this.isLight,
        'is-outlined': this.isOutlined,
      } }, h("slot", null)));
  }
};
Badge.style = badgeCss;

export { Badge as bm_badge };