@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
28 lines (27 loc) • 1.05 kB
JavaScript
import { defineComponent as r, openBlock as e, createBlock as n } from "vue";
import { useCommon as t } from "../../composables/useCommon.js";
import a from "../icon/Icon.vue.js";
const i = {
...t.props(),
icon: {
type: String,
default: '<g stroke-width="0"><path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25"/><path fill="currentColor" d="M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z"><animateTransform attributeName="transform" dur="0.65s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g>'
}
}, p = {
name: "XSpinner",
validators: {
...t.validators()
}
}, u = /* @__PURE__ */ r({
...p,
props: i,
setup(s) {
return (o, m) => (e(), n(a, {
icon: o.icon,
size: o.size
}, null, 8, ["icon", "size"]));
}
});
export {
u as default
};