@vizejs/ui 0.386.0 → 0.388.0

package/dist/positioner-BYmQk86M.mjs

@@ -0,0 +1,38 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { p as positionerContext } from "./positioner-DaPo2YxM.mjs";
+import { createElementBlock, defineComponent, onMounted, onUpdated, openBlock, renderSlot, unref, useTemplateRef, watchEffect } from "vue";
+//#endregion
+//#region src/families/overlays/positioner/positioner-arrow.vue
+var positioner_arrow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "positioner-arrow",
+	setup(__props, { expose: __expose }) {
+		const positioner = positionerContext.use();
+		const element = useTemplateRef("element");
+		onMounted(() => {
+			positioner.setArrow(element.value);
+		});
+		onUpdated(() => {
+			positioner.setArrow(element.value);
+		});
+		watchEffect(() => {
+			if (element.value) element.value.style.cssText = positioner.arrowStyle.value;
+		}, { flush: "sync" });
+		__expose({
+			element,
+			x: positioner.arrowX,
+			y: positioner.arrowY
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "element",
+				ref: element,
+				"data-vize-ui": "positioner-arrow"
+			}, [renderSlot(_ctx.$slots, "default", {
+				x: unref(positioner).arrowX.value,
+				y: unref(positioner).arrowY.value
+			}, void 0, true)], 512);
+		};
+	}
+}), [["__scopeId", "data-v-1395c1dc"]]);
+//#endregion
+export { positioner_arrow_default as t };