"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const Vue = require("vue");
const constants = require("./constants.js");
const arrow = require("./arrow.js");
const pluginVue_exportHelper = require("../../../_virtual/plugin-vue_export-helper.js");
const index = require("../../../hooks/use-namespace/index.js");
const O = Vue.defineComponent({
  name: "ElPopperArrow",
  inheritAttrs: false
}), y = /* @__PURE__ */ Vue.defineComponent({
  ...O,
  props: arrow.popperArrowProps,
  setup(p, { expose: a }) {
    const n = p, s = index.useNamespace("popper"), { arrowOffset: f, arrowRef: r, arrowStyle: l } = Vue.inject(constants.POPPER_CONTENT_INJECTION_KEY, void 0);
    return Vue.watch(() => n.arrowOffset, (e) => {
      f.value = e;
    }), Vue.onBeforeUnmount(() => {
      r.value = void 0;
    }), a({
      arrowRef: r
    }), (e, A) => (Vue.openBlock(), Vue.createElementBlock("span", {
      ref_key: "arrowRef",
      ref: r,
      class: Vue.normalizeClass(Vue.unref(s).e("arrow")),
      style: Vue.normalizeStyle(Vue.unref(l)),
      "data-popper-arrow": ""
    }, null, 6));
  }
});
var R = /* @__PURE__ */ pluginVue_exportHelper.default(y, [["__file", "arrow.vue"]]);
exports.default = R;
