import { defineComponent, useCssVars, unref, toRefs, ref, openBlock, createElementBlock } from "vue";
import "./index.vue_vue_type_style_index_0_scoped_true_lang.mjs";
import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.mjs";
const _hoisted_1 = ["loop", "muted", "width", "height", "src"];
const __default__ = defineComponent({ name: "EVideo" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    useCssVars((_ctx) => ({
      "a3626b2c": unref(fit)
    }));
    const { w, h } = toRefs(props.chartConfig.attr);
    const { dataset, loop, muted, fit } = toRefs(props.chartConfig.option);
    const vVideoRef = ref(null);
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("video", {
        ref_key: "vVideoRef",
        ref: vVideoRef,
        class: "go-video",
        preload: "auto",
        crossOrigin: "anonymous",
        playsinline: "",
        autoplay: "",
        loop: unref(loop),
        muted: unref(muted),
        width: unref(w),
        height: unref(h),
        src: unref(dataset)
      }, null, 8, _hoisted_1);
    };
  }
});
var _EVideo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b241d2a"]]);
export { _EVideo as default };
