(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-loader-circular{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.pl-loader-circular__svg{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;width:100%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.pl-loader-circular__svg-circle{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes color{0%{stroke:var(--ic-02)}40%{stroke:var(--ic-02)}66%{stroke:var(--ic-02)}80%,90%{stroke:var(--ic-02)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
import { defineComponent as i, createElementBlock as c, openBlock as r, createElementVNode as l, normalizeStyle as t } from "vue";

const a = { class: "pl-loader-circular" }, o = {
  class: "pl-loader-circular__svg",
  viewBox: "25 25 50 50"
}, s = ["stroke"], p = /* @__PURE__ */ i({
  __name: "PlLoaderCircular",
  props: {
    size: { default: "16" }
  },
  setup(e) {
    return (n, d) => (r(), c("div", a, [
      l("div", {
        style: t({ height: `${e.size}px`, width: `${e.size}px`, "--main-color": `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}` }),
        class: "pl-circle-loader__wrapper"
      }, [
        (r(), c("svg", o, [
          l("circle", {
            class: "pl-loader-circular__svg-circle",
            cx: "50",
            cy: "50",
            r: "20",
            fill: "none",
            stroke: `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`,
            "stroke-width": "2"
          }, null, 8, s)
        ]))
      ], 4)
    ]));
  }
});
export {
  p as default
};
//# sourceMappingURL=PlLoaderCircular.vue.js.map
