import { defineComponent as t, openBlock as l, createElementBlock as a, createStaticVNode as s, computed as v, normalizeClass as b, createElementVNode as o, createBlock as d, createCommentVNode as u } from "vue";
const m = { class: "load-rotaryLine-container" }, y = /* @__PURE__ */ t({
  name: "ClLoadRotaryLine",
  __name: "RotaryLine",
  setup(e) {
    return (c, i) => (l(), a("div", m, [...i[0] || (i[0] = [
      s('<div class="rotary-line rotary-line-1"><div></div></div><div class="rotary-line rotary-line-2"><div></div></div><div class="rotary-line rotary-line-3"><div></div></div><div class="rotary-line rotary-line-4"><div></div></div><div class="rotary-line rotary-line-5"><div></div></div><div class="rotary-line rotary-line-6"><div></div></div><div class="rotary-line rotary-line-7"><div></div></div><div class="rotary-line rotary-line-8"><div></div></div><div class="rotary-line rotary-line-9"><div></div></div><div class="rotary-line rotary-line-10"><div></div></div><div class="rotary-line rotary-line-11"><div></div></div><div class="rotary-line rotary-line-12"><div></div></div>', 12)
    ])]));
  }
}), B = { class: "load-circleBubble-container" }, _ = /* @__PURE__ */ t({
  name: "ClLoadCircleBubble",
  __name: "CircleBubble",
  setup(e) {
    return (c, i) => (l(), a("div", B, [...i[0] || (i[0] = [
      s('<div class="circleBubble-container circleBubble-container1"><div class="circleBubble-item circleBubble-item1"></div><div class="circleBubble-item circleBubble-item2"></div><div class="circleBubble-item circleBubble-item3"></div><div class="circleBubble-item circleBubble-item4"></div></div><div class="circleBubble-container circleBubble-container2"><div class="circleBubble-item circleBubble-item1"></div><div class="circleBubble-item circleBubble-item2"></div><div class="circleBubble-item circleBubble-item3"></div><div class="circleBubble-item circleBubble-item4"></div></div><div class="circleBubble-container circleBubble-container3"><div class="circleBubble-item circleBubble-item1"></div><div class="circleBubble-item circleBubble-item2"></div><div class="circleBubble-item circleBubble-item3"></div><div class="circleBubble-item circleBubble-item4"></div></div>', 3)
    ])]));
  }
}), p = /* @__PURE__ */ t({
  name: "ClLoadCircleNotch",
  __name: "CircleNotch",
  props: {
    color: {}
  },
  setup(e) {
    const c = e, i = v(() => {
      const r = {
        "load-circleNotch-container": !0
      }, { color: n } = c;
      return n && n !== "default" && (r["circleNotch-white"] = !0), r;
    });
    return (r, n) => (l(), a("div", {
      class: b(i.value)
    }, null, 2));
  }
}), f = { class: "loader" }, h = /* @__PURE__ */ t({
  name: "ClLoadBallColor4",
  __name: "BallColor4",
  setup(e) {
    return (c, i) => (l(), a("div", f, [...i[0] || (i[0] = [
      o("span", { style: { "--i": "1", "--c": "#2ecc71" } }, null, -1),
      o("span", { style: { "--i": "2", "--c": "#3498db" } }, null, -1),
      o("span", { style: { "--i": "3", "--c": "#f1c40f" } }, null, -1),
      o("span", { style: { "--i": "4", "--c": "#e74c3c" } }, null, -1)
    ])]));
  }
}), L = /* @__PURE__ */ t({
  name: "ClLoad",
  __name: "Index",
  props: {
    theme: {
      type: String,
      default: "rotaryLine",
      validator: (e) => ["rotaryLine", "circleNotch", "circleBubble", "ballColor4"].indexOf(e) !== -1
    },
    size: {
      type: String,
      default: "large"
    },
    color: {
      type: String,
      default: "default"
    }
  },
  setup(e) {
    const c = e, i = v(() => {
      const r = {
        "panel-load": !0
      };
      return r[`load-${c.theme || "rotaryLine"}`] = !0, r[`${c.theme || "rotaryLine"}-${c.size || "large"}`] = !0, r;
    });
    return (r, n) => (l(), a("div", {
      class: b(i.value)
    }, [
      e.theme === "rotaryLine" ? (l(), d(y, { key: 0 })) : e.theme === "circleNotch" ? (l(), d(p, {
        key: 1,
        color: e.color
      }, null, 8, ["color"])) : e.theme === "circleBubble" ? (l(), d(_, { key: 2 })) : e.theme === "ballColor4" ? (l(), d(h, { key: 3 })) : u("", !0)
    ], 2));
  }
});
export {
  L as _
};
//# sourceMappingURL=Index.vue_vue_type_script_setup_true_lang-Cuv5NgcY.js.map
