@opensig/opendesign/es/rate/ORateItem.vue.mjs

import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createVNode, unref } from "vue";
import { rateItemProps } from "./types.mjs";
import { IconStar } from "../_utils/icons.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "ORateItem",
  props: rateItemProps,
  emits: ["hover", "change"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const emits = __emit;
    const onHover = (isHalf) => {
      emits("hover", isHalf);
    };
    const onClick = (isHalf) => {
      emits("change", isHalf);
    };
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock(
        "div",
        {
          class: normalizeClass(["o-rate-item", { "is-full": props.status === "full", "is-half": props.status === "half" }])
        },
        [
          createElementVNode(
            "span",
            {
              class: "o-rate-icon o-rate-icon-top",
              onMouseenter: _cache[0] || (_cache[0] = ($event) => onHover(true)),
              onClick: _cache[1] || (_cache[1] = ($event) => onClick(true))
            },
            [
              renderSlot(_ctx.$slots, "default", {}, () => [
                createVNode(unref(IconStar))
              ])
            ],
            32
            /* NEED_HYDRATION */
          ),
          createElementVNode(
            "span",
            {
              class: "o-rate-icon o-rate-icon-bottom",
              onMouseenter: _cache[2] || (_cache[2] = ($event) => onHover(false)),
              onClick: _cache[3] || (_cache[3] = ($event) => onClick(false))
            },
            [
              renderSlot(_ctx.$slots, "default", {}, () => [
                createVNode(unref(IconStar))
              ])
            ],
            32
            /* NEED_HYDRATION */
          )
        ],
        2
        /* CLASS */
      );
    };
  }
});
export {
  _sfc_main as default
};