morya-ui 0.5.0 → 0.5.1

package/dist/context-menu/index.js

@@ -4,12 +4,12 @@ import { t as r } from "../useFloatingViewportSync-wLLKIGUA.js";
 import { t as i } from "../useMotionTransition-DohkfWRB.js";
 import { t as a } from "../Icon-CmHjx7W8.js";
 import { t as o } from "../Scrollbar-DTeJ8P5b.js";
-import { t as s } from "../icon-H8prbteT.js";
-import { t as c } from "../key-CaQYVkjh.js";
-import { t as l } from "../FlyoutSubmenu-C1n-fr6i.js";
-import { l as u } from "../config-Cd20zAyW.js";
+import { t as s } from "../key-CaQYVkjh.js";
+import { n as c, t as l } from "../icon-CUrSaD8r.js";
+import { t as u } from "../FlyoutSubmenu-C1n-fr6i.js";
+import { l as d } from "../config-Cd20zAyW.js";
 import "./style.js";
-import { Fragment as d, Teleport as f, Transition as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, mergeModels as x, mergeProps as S, nextTick as C, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as E, openBlock as D, ref as O, renderList as k, renderSlot as A, toDisplayString as j, unref as M, useAttrs as N, useModel as P, watch as F, withCtx as I, withModifiers as L } from "vue";
+import { Fragment as f, Teleport as p, Transition as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, mergeModels as S, mergeProps as C, nextTick as w, normalizeClass as T, normalizeStyle as ee, onBeforeUnmount as E, openBlock as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, unref as N, useAttrs as te, useModel as P, watch as F, withCtx as I, withModifiers as L } from "vue";
 //#region src/components/ContextMenu/ContextMenuNodes.vue?vue&type=script&setup=true&lang.ts
 var R = {
 	key: 0,
@@ -32,79 +32,86 @@ var R = {
 }, q = { class: "m-contextmenu__label" }, J = {
 	key: 1,
 	class: "m-contextmenu__shortcut"
-}, Y = /* @__PURE__ */ b({
+}, Y = /* @__PURE__ */ x({
 	__name: "ContextMenuNodes",
 	props: { items: {} },
 	emits: ["activate"],
 	setup(e, { emit: t }) {
 		let n = O(null), r = O(null), i;
-		function u() {
+		function d() {
 			i && clearTimeout(i), i = void 0;
 		}
-		function f() {
-			u(), i = setTimeout(() => {
+		function p() {
+			d(), i = setTimeout(() => {
 				n.value = null, r.value = null;
 			}, 150);
 		}
-		function p(e, t) {
-			return c(e, t, "cm");
+		function m(e, t) {
+			return s(e, t, "cm");
 		}
-		function m(e) {
-			return s(e.icon);
+		function h(e) {
+			return typeof e.icon == "string" ? l(e.icon) : void 0;
 		}
-		function h(e, t) {
-			u(), n.value = e;
+		function x(e) {
+			return c(e.icon);
+		}
+		function S(e) {
+			return !!(h(e) || x(e));
+		}
+		function C(e, t) {
+			d(), n.value = e;
 			let i = t.currentTarget;
 			r.value = i?.querySelector(".m-contextmenu__item--parent") ?? i;
 		}
-		function b() {
-			u();
+		function w() {
+			d();
 		}
-		function x() {
-			f();
+		function T() {
+			p();
 		}
-		return (t, i) => (D(!0), _(d, null, k(e.items, (e, s) => (D(), _(d, { key: p(e, s) }, [e.separator ? (D(), _("div", R)) : e.items?.length ? (D(), _("div", {
+		return (t, i) => (D(!0), v(f, null, k(e.items, (e, s) => (D(), v(f, { key: m(e, s) }, [e.separator ? (D(), v("div", R)) : e.items?.length ? (D(), v("div", {
 			key: 1,
 			class: "m-contextmenu__submenu-wrap",
-			onMouseenter: (e) => h(s, e),
-			onMouseleave: i[1] ||= (e) => f()
-		}, [v("button", {
+			onMouseenter: (e) => C(s, e),
+			onMouseleave: i[1] ||= (e) => p()
+		}, [y("button", {
 			type: "button",
 			class: "m-contextmenu__item m-contextmenu__item--parent",
 			role: "menuitem",
 			disabled: e.disabled
 		}, [
-			m(e) ? (D(), _("span", V, [y(a, {
-				name: m(e),
+			S(e) ? (D(), v("span", V, [h(e) ? (D(), g(a, {
+				key: 0,
+				name: h(e),
 				size: "sm"
-			}, null, 8, ["name"])])) : g("", !0),
-			v("span", H, j(e.label), 1),
-			e.shortcut ? (D(), _("span", U, j(e.shortcut), 1)) : g("", !0),
-			v("span", W, [y(a, {
+			}, null, 8, ["name"])) : x(e) ? (D(), g(j(x(e)), { key: 1 })) : _("", !0)])) : _("", !0),
+			y("span", H, M(e.label), 1),
+			e.shortcut ? (D(), v("span", U, M(e.shortcut), 1)) : _("", !0),
+			y("span", W, [b(a, {
 				name: "chevron-right",
 				size: "sm"
 			})])
-		], 8, B), y(l, {
+		], 8, B), b(u, {
 			open: n.value === s,
 			anchor: n.value === s ? r.value : null,
 			"panel-class": "m-contextmenu__submenu",
-			onEnter: b,
-			onLeave: x
+			onEnter: w,
+			onLeave: T
 		}, {
-			default: I(() => [y(o, {
+			default: I(() => [b(o, {
 				class: "m-contextmenu__submenu-scroll",
 				"fit-content": "",
 				"wrap-class": "m-contextmenu__submenu-wrap-inner",
 				"view-class": "m-contextmenu__submenu-view"
 			}, {
-				default: I(() => [y(Y, {
+				default: I(() => [b(Y, {
 					items: e.items,
 					onActivate: i[0] ||= (e) => t.$emit("activate", e)
 				}, null, 8, ["items"])]),
 				_: 2
 			}, 1024)]),
 			_: 2
-		}, 1032, ["open", "anchor"])], 40, z)) : (D(), _("button", {
+		}, 1032, ["open", "anchor"])], 40, z)) : (D(), v("button", {
 			key: 2,
 			type: "button",
 			class: "m-contextmenu__item",
@@ -112,18 +119,19 @@ var R = {
 			disabled: e.disabled,
 			onClick: (n) => t.$emit("activate", e)
 		}, [
-			m(e) ? (D(), _("span", K, [y(a, {
-				name: m(e),
+			S(e) ? (D(), v("span", K, [h(e) ? (D(), g(a, {
+				key: 0,
+				name: h(e),
 				size: "sm"
-			}, null, 8, ["name"])])) : g("", !0),
-			v("span", q, j(e.label), 1),
-			e.shortcut ? (D(), _("span", J, j(e.shortcut), 1)) : g("", !0)
+			}, null, 8, ["name"])) : x(e) ? (D(), g(j(x(e)), { key: 1 })) : _("", !0)])) : _("", !0),
+			y("span", q, M(e.label), 1),
+			e.shortcut ? (D(), v("span", J, M(e.shortcut), 1)) : _("", !0)
 		], 8, G))], 64))), 128));
 	}
-}), X = /* @__PURE__ */ b({
+}), X = /* @__PURE__ */ x({
 	inheritAttrs: !1,
 	__name: "ContextMenu",
-	props: /*@__PURE__*/ x({
+	props: /*@__PURE__*/ S({
 		pt: {},
 		model: {},
 		teleport: {
@@ -146,28 +154,28 @@ var R = {
 	}),
 	emits: ["update:modelValue", "update:position"],
 	setup(a, { expose: s }) {
-		let c = a, l = P(a, "modelValue"), b = P(a, "position"), x = N(), { rootAttrs: k } = e(x, () => c.pt), j = u(), { transitionName: R, transitionCss: z } = i({
+		let c = a, l = P(a, "modelValue"), u = P(a, "position"), x = te(), { rootAttrs: S } = e(x, () => c.pt), k = d(), { transitionName: j, transitionCss: M } = i({
 			role: "popup",
 			local: () => c.transition,
 			componentName: "ContextMenu",
 			fallback: "scale-fade"
-		}), B = O(null), V = O({
+		}), R = O(null), z = O({
 			x: 0,
 			y: 0
-		}), H = m(() => t(c, j.value.appendTo)), U = m(() => n(c, j.value.appendTo)), W = m(() => {
-			let e = b.value ?? V.value;
+		}), B = h(() => t(c, k.value.appendTo)), V = h(() => n(c, k.value.appendTo)), H = h(() => {
+			let e = u.value ?? z.value;
 			return {
 				left: `${e.x}px`,
 				top: `${e.y}px`
 			};
 		});
-		function G(e) {
-			c.model.length && q(e);
+		function U(e) {
+			c.model.length && G(e);
 		}
-		function K() {
+		function W() {
 			l.value = !1;
 		}
-		function q(e) {
+		function G(e) {
 			let t = "clientX" in e ? {
 				x: e.clientX,
 				y: e.clientY
@@ -175,71 +183,71 @@ var R = {
 				x: e.x,
 				y: e.y
 			};
-			"preventDefault" in e && e.preventDefault(), "stopPropagation" in e && e.stopPropagation(), V.value = t, b.value = t, l.value = !0;
+			"preventDefault" in e && e.preventDefault(), "stopPropagation" in e && e.stopPropagation(), z.value = t, u.value = t, l.value = !0;
 		}
-		function J(e) {
-			e.disabled || e.separator || (e.command?.(), K());
+		function K(e) {
+			e.disabled || e.separator || (e.command?.(), W());
 		}
-		function X(e) {
-			l.value && B.value && !B.value.contains(e.target) && K();
+		function q(e) {
+			l.value && R.value && !R.value.contains(e.target) && W();
 		}
-		function Z(e) {
-			e.key === "Escape" && K();
+		function J(e) {
+			e.key === "Escape" && W();
 		}
-		function ee(e) {
+		function X(e) {
 			if (!e || e.type !== "scroll") return !1;
 			let t = e.target;
-			return t instanceof Node ? B.value?.contains(t) ? !0 : t instanceof Element && !!t.closest(".m-contextmenu, .m-contextmenu__submenu") : !1;
+			return t instanceof Node ? R.value?.contains(t) ? !0 : t instanceof Element && !!t.closest(".m-contextmenu, .m-contextmenu__submenu") : !1;
 		}
-		function te(e) {
-			!l.value || ee(e) || K();
+		function Z(e) {
+			!l.value || X(e) || W();
 		}
 		let Q = 0;
 		function $() {
-			document.removeEventListener("click", X), document.removeEventListener("keydown", Z), document.removeEventListener("contextmenu", X);
+			document.removeEventListener("click", q), document.removeEventListener("keydown", J), document.removeEventListener("contextmenu", q);
 		}
 		return F(l, (e) => {
 			if ($(), !e) return;
-			document.addEventListener("click", X), document.addEventListener("keydown", Z);
+			document.addEventListener("click", q), document.addEventListener("keydown", J);
 			let t = ++Q;
-			C(() => {
-				t === Q && l.value && document.addEventListener("contextmenu", X);
+			w(() => {
+				t === Q && l.value && document.addEventListener("contextmenu", q);
 			});
-		}, { immediate: !0 }), r(l, te), E(() => {
+		}, { immediate: !0 }), r(l, Z), E(() => {
 			$();
 		}), s({
-			show: q,
-			hide: K
-		}), (e, t) => (D(), _(d, null, [v("div", S(M(k), {
+			show: G,
+			hide: W
+		}), (e, t) => (D(), v(f, null, [y("div", C(N(S), {
 			class: "m-contextmenu-anchor",
-			onContextmenu: G
-		}), [A(e.$slots, "default")], 16), (D(), h(f, {
-			to: H.value.to,
-			disabled: H.value.disabled
-		}, [y(p, {
-			name: M(R),
-			css: M(z)
+			onContextmenu: U
+		}), [A(e.$slots, "default")], 16), (D(), g(p, {
+			to: B.value.to,
+			disabled: B.value.disabled
+		}, [b(m, {
+			name: N(j),
+			css: N(M)
 		}, {
-			default: I(() => [l.value ? (D(), _("div", {
+			default: I(() => [l.value ? (D(), v("div", {
 				key: 0,
 				ref_key: "root",
-				ref: B,
-				class: w(["m-contextmenu", { "m-contextmenu--teleported": U.value }]),
+				ref: R,
+				class: T(["m-contextmenu", { "m-contextmenu--teleported": V.value }]),
 				role: "menu",
-				style: T(W.value),
+				style: ee(H.value),
 				onClick: t[0] ||= L(() => {}, ["stop"])
-			}, [y(o, {
+			}, [b(o, {
 				class: "m-contextmenu__scroll",
 				"fit-content": "",
 				"wrap-class": "m-contextmenu__scroll-wrap",
 				"view-class": "m-contextmenu__scroll-view"
 			}, {
-				default: I(() => [y(Y, {
+				default: I(() => [b(Y, {
 					items: a.model,
-					onActivate: J
+					onActivate: K
 				}, null, 8, ["items"])]),
 				_: 1
-			})], 6)) : g("", !0)]),
+			})], 6)) : _("", !0)]),
 			_: 1
 		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 64));
 	}

package/dist/data-view/index.js

@@ -1,6 +1,6 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Loading-DE9Iaiao.js";
-import { t as n } from "../Pagination-DpNOb0CS.js";
+import { t as n } from "../Pagination-B8WYoL2a.js";
 import { n as r } from "../locale-BcxMPufl.js";
 import "./style.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, useSlots as x, watch as S, withCtx as C } from "vue";

package/dist/dock/index.js

@@ -1,18 +1,18 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Icon-CmHjx7W8.js";
-import { t as n } from "../icon-H8prbteT.js";
+import { n, t as r } from "../icon-CUrSaD8r.js";
 import "./style.js";
-import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useSlots as _ } from "vue";
+import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderList as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, useAttrs as v, useSlots as y } from "vue";
 //#region src/components/Dock/Dock.vue?vue&type=script&setup=true&lang.ts
-var v = { class: "m-dock__list" }, y = [
+var b = { class: "m-dock__list" }, x = [
 	"title",
 	"aria-label",
 	"disabled",
 	"onClick"
-], b = {
+], S = {
 	class: "m-dock__icon",
 	"aria-hidden": "true"
-}, x = /* @__PURE__ */ l({
+}, C = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "Dock",
 	props: {
@@ -20,33 +20,36 @@ var v = { class: "m-dock__list" }, y = [
 		model: { default: () => [] },
 		position: { default: "bottom" }
 	},
-	setup(l) {
-		let x = l, S = g(), { rootAttrs: C } = e(S, () => x.pt), w = _(), T = i(() => ["m-dock", `m-dock--${x.position}`]);
-		function E(e) {
+	setup(u) {
+		let C = u, w = v(), { rootAttrs: T } = e(w, () => C.pt), E = y(), D = a(() => ["m-dock", `m-dock--${C.position}`]);
+		function O(e) {
 			e.disabled || e.command?.();
 		}
-		function D(e) {
+		function k(e) {
+			return typeof e.icon == "string" ? r(e.icon) : void 0;
+		}
+		function A(e) {
 			return n(e.icon);
 		}
-		return (e, n) => (d(), o("nav", u(h(C), {
-			class: T.value,
+		return (e, n) => (f(), s("nav", d(_(T), {
+			class: D.value,
 			"aria-label": "Dock"
-		}), [s("ul", v, [h(w).default ? p(e.$slots, "default", {}, void 0, void 0, 0) : (d(!0), o(r, { key: 1 }, f(l.model, (e, n) => (d(), o("li", {
+		}), [c("ul", b, [_(E).default ? m(e.$slots, "default", {}, void 0, void 0, 0) : (f(!0), s(i, { key: 1 }, p(u.model, (e, n) => (f(), s("li", {
 			key: `${e.label}-${n}`,
 			class: "m-dock__item"
-		}, [s("button", {
+		}, [c("button", {
 			type: "button",
 			class: "m-dock__button",
 			title: e.label,
 			"aria-label": e.label,
 			disabled: e.disabled,
-			onClick: (t) => E(e)
-		}, [s("span", b, [D(e) ? (d(), a(t, {
+			onClick: (t) => O(e)
+		}, [c("span", S, [k(e) ? (f(), o(t, {
 			key: 0,
-			name: D(e),
+			name: k(e),
 			size: "sm"
-		}, null, 8, ["name"])) : (d(), o(r, { key: 1 }, [c(m(e.label.slice(0, 1)), 1)], 64))])], 8, y)]))), 128))])], 16));
+		}, null, 8, ["name"])) : A(e) ? (f(), o(h(A(e)), { key: 1 })) : (f(), s(i, { key: 2 }, [l(g(e.label.slice(0, 1)), 1)], 64))])], 8, x)]))), 128))])], 16));
 	}
 });
 //#endregion
-export { x as MDock };
+export { C as MDock };