@well-insight/ui 0.1.6 → 0.1.8

package/dist/confirm-popup/style.js

@@ -0,0 +1,5 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Button/styles.css'
+import '../components/Icon/styles.css'
+import '../components/ConfirmPopup/styles.css'

package/dist/context-menu/index.js

@@ -0,0 +1,174 @@
+import { a as e, t } from "../Icon-B6gOD07E.js";
+import { n, t as r } from "../overlay-oR-5MDuE.js";
+import { c as i } from "../config-DWwce9jA.js";
+import "./style.js";
+import { Fragment as a, Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, watch as C, withCtx as w, withModifiers as T } from "vue";
+//#region src/components/ContextMenu/ContextMenuNodes.vue?vue&type=script&setup=true&lang.ts
+var E = {
+	key: 0,
+	class: "wi-contextmenu__separator",
+	role: "separator"
+}, D = ["onMouseenter"], O = ["disabled"], k = {
+	key: 0,
+	class: "wi-contextmenu__icon",
+	"aria-hidden": "true"
+}, A = {
+	key: 0,
+	class: "wi-contextmenu__submenu",
+	role: "menu"
+}, j = ["disabled", "onClick"], M = {
+	key: 0,
+	class: "wi-contextmenu__icon",
+	"aria-hidden": "true"
+}, N = /* @__PURE__ */ h({
+	__name: "ContextMenuNodes",
+	props: { items: {} },
+	emits: ["activate"],
+	setup(n, { emit: r }) {
+		let i = b(null);
+		function o(t) {
+			return t.icon && e(t.icon) ? t.icon : void 0;
+		}
+		return (e, r) => (y(!0), d(a, null, x(n.items, (n, s) => (y(), d(a, { key: n.key ?? n.label ?? s }, [n.separator ? (y(), d("div", E)) : n.items?.length ? (y(), d("div", {
+			key: 1,
+			class: "wi-contextmenu__submenu-wrap",
+			onMouseenter: (e) => i.value = s,
+			onMouseleave: r[1] ||= (e) => i.value = null
+		}, [f("button", {
+			type: "button",
+			class: "wi-contextmenu__item wi-contextmenu__item--parent",
+			role: "menuitem",
+			disabled: n.disabled
+		}, [
+			o(n) || n.icon ? (y(), d("span", k, [o(n) ? (y(), l(t, {
+				key: 0,
+				name: o(n),
+				size: "sm"
+			}, null, 8, ["name"])) : (y(), d(a, { key: 1 }, [p(S(n.icon), 1)], 64))])) : u("", !0),
+			p(" " + S(n.label) + " ", 1),
+			r[2] ||= f("span", {
+				class: "wi-contextmenu__caret",
+				"aria-hidden": "true"
+			}, "▸", -1)
+		], 8, O), i.value === s ? (y(), d("div", A, [m(N, {
+			items: n.items,
+			onActivate: r[0] ||= (t) => e.$emit("activate", t)
+		}, null, 8, ["items"])])) : u("", !0)], 40, D)) : (y(), d("button", {
+			key: 2,
+			type: "button",
+			class: "wi-contextmenu__item",
+			role: "menuitem",
+			disabled: n.disabled,
+			onClick: (t) => e.$emit("activate", n)
+		}, [o(n) || n.icon ? (y(), d("span", M, [o(n) ? (y(), l(t, {
+			key: 0,
+			name: o(n),
+			size: "sm"
+		}, null, 8, ["name"])) : (y(), d(a, { key: 1 }, [p(S(n.icon), 1)], 64))])) : u("", !0), p(" " + S(n.label), 1)], 8, j))], 64))), 128));
+	}
+}), P = /* @__PURE__ */ h({
+	__name: "ContextMenu",
+	props: {
+		model: {},
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		position: {},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: ["update:modelValue", "update:position"],
+	setup(e, { expose: t, emit: a }) {
+		let f = e, p = a, h = i(), x = b(null), S = b({
+			x: 0,
+			y: 0
+		}), E = c(() => n(f, h.value.appendTo)), D = c(() => r(f, h.value.appendTo)), O = c(() => {
+			let e = f.position ?? S.value;
+			return {
+				left: `${e.x}px`,
+				top: `${e.y}px`
+			};
+		});
+		function k() {
+			p("update:modelValue", !1);
+		}
+		function A(e) {
+			let t = "clientX" in e ? {
+				x: e.clientX,
+				y: e.clientY
+			} : {
+				x: e.x,
+				y: e.y
+			};
+			"preventDefault" in e && e.preventDefault(), S.value = t, p("update:position", t), p("update:modelValue", !0);
+		}
+		function j(e) {
+			e.disabled || e.separator || (e.command?.(), k());
+		}
+		function M(e) {
+			f.modelValue && x.value && !x.value.contains(e.target) && k();
+		}
+		function P(e) {
+			e.key === "Escape" && k();
+		}
+		return C(() => f.modelValue, (e) => {
+			e ? (document.addEventListener("click", M), document.addEventListener("keydown", P), document.addEventListener("contextmenu", M)) : (document.removeEventListener("click", M), document.removeEventListener("keydown", P), document.removeEventListener("contextmenu", M));
+		}, { immediate: !0 }), v(() => {
+			document.removeEventListener("click", M), document.removeEventListener("keydown", P), document.removeEventListener("contextmenu", M);
+		}), t({
+			show: A,
+			hide: k
+		}), (t, n) => (y(), l(o, {
+			to: E.value.to,
+			disabled: E.value.disabled
+		}, [m(s, { name: "wi-scale-fade" }, {
+			default: w(() => [e.modelValue ? (y(), d("div", {
+				key: 0,
+				ref_key: "root",
+				ref: x,
+				class: g(["wi-contextmenu", { "wi-contextmenu--teleported": D.value }]),
+				role: "menu",
+				style: _(O.value),
+				onClick: n[0] ||= T(() => {}, ["stop"])
+			}, [m(N, {
+				items: e.model,
+				onActivate: j
+			}, null, 8, ["items"])], 6)) : u("", !0)]),
+			_: 1
+		})], 8, ["to", "disabled"]));
+	}
+});
+//#endregion
+//#region src/components/ContextMenu/useContextMenu.ts
+function F() {
+	let e = b(!1), t = b({
+		x: 0,
+		y: 0
+	});
+	function n(n) {
+		"preventDefault" in n && n.preventDefault();
+		let r = "clientX" in n ? {
+			x: n.clientX,
+			y: n.clientY
+		} : {
+			x: n.x,
+			y: n.y
+		};
+		t.value = r, e.value = !0;
+	}
+	function r() {
+		e.value = !1;
+	}
+	return {
+		visible: e,
+		position: t,
+		show: n,
+		hide: r
+	};
+}
+//#endregion
+export { P as WiContextMenu, F as useContextMenu };