vue-cesium
Version:
Vue 3.x components for CesiumJS.
230 lines (227 loc) • 5.26 kB
JavaScript
import { h, defineComponent } from 'vue';
import useSpinner, { useSpinnerProps } from './use-spinner.mjs';
"use strict";
const svg = [
h(
"g",
{
"stroke-width": "4",
"stroke-linecap": "round"
},
[
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(180)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: "1;.85;.7;.65;.55;.45;.35;.25;.15;.1;0;1",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(210)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: "0;1;.85;.7;.65;.55;.45;.35;.25;.15;.1;0",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(240)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: ".1;0;1;.85;.7;.65;.55;.45;.35;.25;.15;.1",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(270)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: ".15;.1;0;1;.85;.7;.65;.55;.45;.35;.25;.15",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(300)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: ".25;.15;.1;0;1;.85;.7;.65;.55;.45;.35;.25",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(330)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: ".35;.25;.15;.1;0;1;.85;.7;.65;.55;.45;.35",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(0)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: ".45;.35;.25;.15;.1;0;1;.85;.7;.65;.55;.45",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(30)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: ".55;.45;.35;.25;.15;.1;0;1;.85;.7;.65;.55",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(60)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: ".65;.55;.45;.35;.25;.15;.1;0;1;.85;.7;.65",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(90)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: ".7;.65;.55;.45;.35;.25;.15;.1;0;1;.85;.7",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(120)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: ".85;.7;.65;.55;.45;.35;.25;.15;.1;0;1;.85",
repeatCount: "indefinite"
})
]
),
h(
"line",
{
y1: "17",
y2: "29",
transform: "translate(32,32) rotate(150)"
},
[
h("animate", {
attributeName: "stroke-opacity",
dur: "750ms",
values: "1;.85;.7;.65;.55;.45;.35;.25;.15;.1;0;1",
repeatCount: "indefinite"
})
]
)
]
)
];
var SpinnerIos = defineComponent({
name: "VcSpinnerIos",
props: useSpinnerProps,
setup(props) {
const { cSize, classes } = useSpinner(props);
return () => h(
"svg",
{
class: classes.value,
width: cSize.value,
height: cSize.value,
stroke: "currentColor",
fill: "currentColor",
viewBox: "0 0 64 64"
},
svg
);
}
});
export { SpinnerIos as default };
//# sourceMappingURL=spinner-ios.mjs.map