vue-cesium
Version:
Vue 3.x components for CesiumJS.
120 lines (117 loc) • 2.34 kB
JavaScript
import { h, defineComponent } from 'vue';
import useSpinner, { useSpinnerProps } from './use-spinner.mjs';
"use strict";
const svg = [
h(
"circle",
{
cx: "15",
cy: "15",
r: "15"
},
[
h("animate", {
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: "0.8s",
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}),
h("animate", {
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: "0.8s",
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
})
]
),
h(
"circle",
{
cx: "60",
cy: "15",
r: "9",
"fill-opacity": ".3"
},
[
h("animate", {
attributeName: "r",
from: "9",
to: "9",
begin: "0s",
dur: "0.8s",
values: "9;15;9",
calcMode: "linear",
repeatCount: "indefinite"
}),
h("animate", {
attributeName: "fill-opacity",
from: ".5",
to: ".5",
begin: "0s",
dur: "0.8s",
values: ".5;1;.5",
calcMode: "linear",
repeatCount: "indefinite"
})
]
),
h(
"circle",
{
cx: "105",
cy: "15",
r: "15"
},
[
h("animate", {
attributeName: "r",
from: "15",
to: "15",
begin: "0s",
dur: "0.8s",
values: "15;9;15",
calcMode: "linear",
repeatCount: "indefinite"
}),
h("animate", {
attributeName: "fill-opacity",
from: "1",
to: "1",
begin: "0s",
dur: "0.8s",
values: "1;.5;1",
calcMode: "linear",
repeatCount: "indefinite"
})
]
)
];
var SpinnerDots = defineComponent({
name: "VcSpinnerDots",
props: useSpinnerProps,
setup(props) {
const { cSize, classes } = useSpinner(props);
return () => h(
"svg",
{
class: classes.value,
fill: "currentColor",
width: cSize.value,
height: cSize.value,
viewBox: "0 0 120 30",
xmlns: "http://www.w3.org/2000/svg"
},
svg
);
}
});
export { SpinnerDots as default };
//# sourceMappingURL=spinner-dots.mjs.map