@opensig/opendesign/es/badge/OBadge.vue.mjs

import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot, createElementVNode, normalizeStyle, toDisplayString } from "vue";
import { badgeProps } from "./types.mjs";
import { isNumber } from "../_utils/is.mjs";
const _hoisted_1 = { class: "o-badge-label" };
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "OBadge",
  props: badgeProps,
  setup(__props) {
    const props = __props;
    const content = computed(() => {
      if (props.dot) {
        return "";
      }
      if (isNumber(props.value) && isNumber(props.max)) {
        return props.value < props.max ? `${props.value}` : `${props.max}+`;
      }
      return props.value;
    });
    const style = computed(() => {
      const [x, y] = props.offset;
      const right = isNumber(x) ? `${x * -1}px` : `calc(${x} * -1)`;
      const top = isNumber(y) ? `${y}px` : `${y}`;
      return {
        right,
        top
      };
    });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock(
        "div",
        {
          class: normalizeClass(["o-badge", [`o-badge-${props.color}`, { "o-badge-dot": props.dot, "o-badge-only": !_ctx.$slots.default }]])
        },
        [
          renderSlot(_ctx.$slots, "default"),
          createElementVNode(
            "sup",
            {
              class: "o-badge-content",
              style: normalizeStyle(style.value)
            },
            [
              renderSlot(_ctx.$slots, "content", {}, () => [
                createElementVNode(
                  "div",
                  _hoisted_1,
                  toDisplayString(content.value),
                  1
                  /* TEXT */
                )
              ])
            ],
            4
            /* STYLE */
          )
        ],
        2
        /* CLASS */
      );
    };
  }
});
export {
  _sfc_main as default
};