import { defineComponent, getCurrentInstance, createCommentVNode } from 'vue';
import '../../../composables/index.mjs';
import { accessToken, ellipsoid, minimumLevel, maximumLevel, rectangle, credit } from '../../../utils/cesium-props.mjs';
import { kebabCase } from '../../../utils/util.mjs';
import useProviders from '../../../composables/use-providers/index.mjs';

var ProviderImageryMapbox = defineComponent({
  name: "VcProviderImageryMapbox",
  props: {
    url: {
      type: String,
      default: "https://api.mapbox.com/styles/v1/"
    },
    username: {
      type: String,
      default: "mapbox"
    },
    styleId: String,
    ...accessToken,
    tilesize: {
      type: Number,
      default: 512
    },
    scaleFactor: Boolean,
    ...ellipsoid,
    ...minimumLevel,
    ...maximumLevel,
    ...rectangle,
    ...credit
  },
  emits: ["beforeLoad", "ready", "destroyed", "readyPromise"],
  setup(props, ctx) {
    const instance = getCurrentInstance();
    instance.cesiumClass = "MapboxStyleImageryProvider";
    useProviders(props, ctx, instance);
    return () => {
      var _a;
      return createCommentVNode(kebabCase(((_a = instance.proxy) == null ? void 0 : _a.$options.name) || ""));
    };
  }
});

export { ProviderImageryMapbox as default };
//# sourceMappingURL=index.mjs.map
