vue-cesium/es/components/ui/spinner/spinner-oval.mjs

Vue 3.x components for CesiumJS.

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

"use strict";
const svg = [
  h(
    "g",
    {
      transform: "translate(1 1)",
      "stroke-width": "2",
      fill: "none",
      "fill-rule": "evenodd"
    },
    [
      h("circle", {
        "stroke-opacity": ".5",
        cx: "18",
        cy: "18",
        r: "18"
      }),
      h(
        "path",
        {
          d: "M36 18c0-9.94-8.06-18-18-18"
        },
        [
          h("animateTransform", {
            attributeName: "transform",
            type: "rotate",
            from: "0 18 18",
            to: "360 18 18",
            dur: "1s",
            repeatCount: "indefinite"
          })
        ]
      )
    ]
  )
];
var SpinnerOval = defineComponent({
  name: "VcSpinnerOval",
  props: useSpinnerProps,
  setup(props) {
    const { cSize, classes } = useSpinner(props);
    return () => h(
      "svg",
      {
        class: classes.value,
        stroke: "currentColor",
        width: cSize.value,
        height: cSize.value,
        viewBox: "0 0 38 38",
        xmlns: "http://www.w3.org/2000/svg"
      },
      svg
    );
  }
});

export { SpinnerOval as default };
//# sourceMappingURL=spinner-oval.mjs.map