morya-ui 0.1.1

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,197 @@
+import { t as e } from "../Icon-DfpIfo2L.js";
+import { n as t, t as n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../icon-xUOyawgJ.js";
+import { t as i } from "../key-CaQYVkjh.js";
+import { c as a } from "../config-CI8_WBbE.js";
+import "./style.js";
+import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode 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, renderSlot as S, toDisplayString as C, watch as w, withCtx as T, withModifiers as E } from "vue";
+//#region src/components/ContextMenu/ContextMenuNodes.vue?vue&type=script&setup=true&lang.ts
+var D = {
+	key: 0,
+	class: "m-contextmenu__separator",
+	role: "separator"
+}, O = ["onMouseenter"], k = ["disabled"], A = {
+	key: 0,
+	class: "m-contextmenu__icon",
+	"aria-hidden": "true"
+}, j = { class: "m-contextmenu__label" }, M = {
+	key: 1,
+	class: "m-contextmenu__shortcut"
+}, N = {
+	class: "m-contextmenu__caret",
+	"aria-hidden": "true"
+}, P = {
+	key: 0,
+	class: "m-contextmenu__submenu",
+	role: "menu"
+}, F = ["disabled", "onClick"], I = {
+	key: 0,
+	class: "m-contextmenu__icon",
+	"aria-hidden": "true"
+}, L = { class: "m-contextmenu__label" }, R = {
+	key: 1,
+	class: "m-contextmenu__shortcut"
+}, z = /* @__PURE__ */ h({
+	__name: "ContextMenuNodes",
+	props: { items: {} },
+	emits: ["activate"],
+	setup(t, { emit: n }) {
+		let a = b(null);
+		function s(e, t) {
+			return i(e, t, "cm");
+		}
+		function c(e) {
+			return r(e.icon);
+		}
+		return (n, r) => (y(!0), f(o, null, x(t.items, (t, i) => (y(), f(o, { key: s(t, i) }, [t.separator ? (y(), f("div", D)) : t.items?.length ? (y(), f("div", {
+			key: 1,
+			class: "m-contextmenu__submenu-wrap",
+			onMouseenter: (e) => a.value = i,
+			onMouseleave: r[1] ||= (e) => a.value = null
+		}, [p("button", {
+			type: "button",
+			class: "m-contextmenu__item wk-contextmenu__item--parent",
+			role: "menuitem",
+			disabled: t.disabled
+		}, [
+			c(t) ? (y(), f("span", A, [m(e, {
+				name: c(t),
+				size: "sm"
+			}, null, 8, ["name"])])) : d("", !0),
+			p("span", j, C(t.label), 1),
+			t.shortcut ? (y(), f("span", M, C(t.shortcut), 1)) : d("", !0),
+			p("span", N, [m(e, {
+				name: "chevron-right",
+				size: "sm"
+			})])
+		], 8, k), a.value === i ? (y(), f("div", P, [m(z, {
+			items: t.items,
+			onActivate: r[0] ||= (e) => n.$emit("activate", e)
+		}, null, 8, ["items"])])) : d("", !0)], 40, O)) : (y(), f("button", {
+			key: 2,
+			type: "button",
+			class: "m-contextmenu__item",
+			role: "menuitem",
+			disabled: t.disabled,
+			onClick: (e) => n.$emit("activate", t)
+		}, [
+			c(t) ? (y(), f("span", I, [m(e, {
+				name: c(t),
+				size: "sm"
+			}, null, 8, ["name"])])) : d("", !0),
+			p("span", L, C(t.label), 1),
+			t.shortcut ? (y(), f("span", R, C(t.shortcut), 1)) : d("", !0)
+		], 8, F))], 64))), 128));
+	}
+}), B = /* @__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: r, emit: i }) {
+		let h = e, x = i, C = a(), D = b(null), O = b({
+			x: 0,
+			y: 0
+		}), k = l(() => t(h, C.value.appendTo)), A = l(() => n(h, C.value.appendTo)), j = l(() => {
+			let e = h.position ?? O.value;
+			return {
+				left: `${e.x}px`,
+				top: `${e.y}px`
+			};
+		});
+		function M(e) {
+			h.model.length && P(e);
+		}
+		function N() {
+			x("update:modelValue", !1);
+		}
+		function P(e) {
+			let t = "clientX" in e ? {
+				x: e.clientX,
+				y: e.clientY
+			} : {
+				x: e.x,
+				y: e.y
+			};
+			"preventDefault" in e && e.preventDefault(), O.value = t, x("update:position", t), x("update:modelValue", !0);
+		}
+		function F(e) {
+			e.disabled || e.separator || (e.command?.(), N());
+		}
+		function I(e) {
+			h.modelValue && D.value && !D.value.contains(e.target) && N();
+		}
+		function L(e) {
+			e.key === "Escape" && N();
+		}
+		return w(() => h.modelValue, (e) => {
+			e ? (document.addEventListener("click", I), document.addEventListener("keydown", L), document.addEventListener("contextmenu", I)) : (document.removeEventListener("click", I), document.removeEventListener("keydown", L), document.removeEventListener("contextmenu", I));
+		}, { immediate: !0 }), v(() => {
+			document.removeEventListener("click", I), document.removeEventListener("keydown", L), document.removeEventListener("contextmenu", I);
+		}), r({
+			show: P,
+			hide: N
+		}), (t, n) => (y(), f(o, null, [p("div", {
+			class: "m-contextmenu-anchor",
+			onContextmenu: M
+		}, [S(t.$slots, "default")], 32), (y(), u(s, {
+			to: k.value.to,
+			disabled: k.value.disabled
+		}, [m(c, { name: "m-scale-fade" }, {
+			default: T(() => [e.modelValue ? (y(), f("div", {
+				key: 0,
+				ref_key: "root",
+				ref: D,
+				class: g(["m-contextmenu", { "m-contextmenu--teleported": A.value }]),
+				role: "menu",
+				style: _(j.value),
+				onClick: n[0] ||= E(() => {}, ["stop"])
+			}, [m(z, {
+				items: e.model,
+				onActivate: F
+			}, null, 8, ["items"])], 6)) : d("", !0)]),
+			_: 1
+		})], 8, ["to", "disabled"]))], 64));
+	}
+});
+//#endregion
+//#region src/components/ContextMenu/useContextMenu.ts
+function V() {
+	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 { B as MContextMenu, V as useContextMenu };