import { defineComponent as l, computed as a, createElementBlock as t, createCommentVNode as r, openBlock as s, createElementVNode as o } from "vue";
import { upgradeGraphical as n } from "./version.mjs";
const k = {
  key: 0,
  viewBox: "0 0 100 100",
  preserveAspectRatio: "none"
}, v = ["r", "stroke", "stroke-width", "fill"], p = {
  key: 1,
  viewBox: "0 0 100 100",
  preserveAspectRatio: "none"
}, d = ["stroke", "stroke-width", "fill"], h = {
  key: 2,
  viewBox: "0 0 100 100",
  preserveAspectRatio: "none"
}, c = ["stroke", "stroke-width", "fill"], u = {
  key: 3,
  viewBox: "0 0 100 100",
  preserveAspectRatio: "none"
}, _ = ["stroke", "stroke-width", "fill"], b = {
  key: 4,
  viewBox: "0 0 100 100",
  preserveAspectRatio: "none"
}, f = ["stroke", "stroke-width", "fill"], w = {
  key: 5,
  viewBox: "0 0 100 100",
  preserveAspectRatio: "none"
}, y = ["stroke", "stroke-width", "fill"], g = {
  key: 6,
  viewBox: "0 0 100 100",
  preserveAspectRatio: "none"
}, m = ["stroke", "stroke-width", "fill"], x = l({ name: "ShjGraphical" }), C = /* @__PURE__ */ l({
  ...x,
  props: {
    option: {}
  },
  setup(i) {
    const e = a(() => n(i.option));
    return (B, W) => e.value.base.type === "circle" ? (s(), t("svg", k, [
      o("circle", {
        cx: "50",
        cy: "50",
        r: Math.max(10, 50 - e.value.base.strokeWidth),
        stroke: e.value.base.stroke,
        "stroke-width": e.value.base.strokeWidth,
        fill: e.value.base.fill
      }, null, 8, v)
    ])) : e.value.base.type === "diamond" ? (s(), t("svg", p, [
      o("polygon", {
        points: "50,10 90,50 50,90 10,50",
        stroke: e.value.base.stroke,
        "stroke-width": e.value.base.strokeWidth,
        fill: e.value.base.fill
      }, null, 8, d)
    ])) : e.value.base.type === "hexagon" ? (s(), t("svg", h, [
      o("polygon", {
        points: "50,5 90,25 90,75 50,95 10,75 10,25",
        stroke: e.value.base.stroke,
        "stroke-width": e.value.base.strokeWidth,
        fill: e.value.base.fill
      }, null, 8, c)
    ])) : e.value.base.type === "isosceles-triangle" ? (s(), t("svg", u, [
      o("polygon", {
        points: "50,10 90,90 10,90",
        stroke: e.value.base.stroke,
        "stroke-width": e.value.base.strokeWidth,
        fill: e.value.base.fill
      }, null, 8, _)
    ])) : e.value.base.type === "pentagon" ? (s(), t("svg", b, [
      o("polygon", {
        points: "50,5 95,30 85,85 15,85 5,30",
        stroke: e.value.base.stroke,
        "stroke-width": e.value.base.strokeWidth,
        fill: e.value.base.fill
      }, null, 8, f)
    ])) : e.value.base.type === "rect" ? (s(), t("svg", w, [
      o("rect", {
        x: "0",
        y: "0",
        width: "100",
        height: "100",
        stroke: e.value.base.stroke,
        "stroke-width": e.value.base.strokeWidth,
        fill: e.value.base.fill
      }, null, 8, y)
    ])) : e.value.base.type === "right-triangle" ? (s(), t("svg", g, [
      o("polygon", {
        points: "10,10 10,90 90,90",
        stroke: e.value.base.stroke,
        "stroke-width": e.value.base.strokeWidth,
        fill: e.value.base.fill
      }, null, 8, m)
    ])) : r("", !0);
  }
});
export {
  C as default
};
