casc-cesium/es/components/ui/spinner/spinner-orbit.mjs

Vue 3.x components for CesiumJS.

import { h, defineComponent } from 'vue';
import useSpinner, { useSpinnerProps } from './use-spinner.mjs';

const svg = [
  h("circle", {
    cx: "50",
    cy: "50",
    r: "44",
    fill: "none",
    "stroke-width": "4",
    "stroke-opacity": ".5",
    stroke: "currentColor"
  }),
  h("circle", {
    cx: "8",
    cy: "54",
    r: "6",
    fill: "currentColor",
    "stroke-width": "3",
    stroke: "currentColor"
  }, [
    h("animateTransform", {
      attributeName: "transform",
      type: "rotate",
      from: "0 50 48",
      to: "360 50 52",
      dur: "2s",
      repeatCount: "indefinite"
    })
  ])
];
var SpinnerOrbit = defineComponent({
  name: "VcSpinnerOrbit",
  props: useSpinnerProps,
  setup(props) {
    const { cSize, classes } = useSpinner(props);
    return () => h("svg", {
      class: classes.value,
      width: cSize.value,
      height: cSize.value,
      viewBox: "0 0 100 100",
      preserveAspectRatio: "xMidYMid",
      xmlns: "http://www.w3.org/2000/svg"
    }, svg);
  }
});

export { SpinnerOrbit as default };
//# sourceMappingURL=spinner-orbit.mjs.map