morya-ui 0.1.1 → 0.2.2

package/dist/command-menu/index.js

@@ -1,12 +1,13 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t } from "../overlay-oR-5MDuE.js";
-import { t as n } from "../Scrollbar-BGCxnXaQ.js";
-import { t as r } from "../icon-xUOyawgJ.js";
-import { t as i } from "../useModalOverlay-Beo3CEAt.js";
-import { c as a } from "../config-CI8_WBbE.js";
-import { n as o } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../Scrollbar-DoNZvgX2.js";
+import { t as i } from "../icon-xUOyawgJ.js";
+import { t as a } from "../useModalOverlay-Beo3CEAt.js";
+import { c as o } from "../config-CI8_WBbE.js";
+import { n as s } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as s, Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, toRef as C, unref as w, vModelText as T, watch as E, withCtx as D, withDirectives as O, withModifiers as k } from "vue";
+import { Fragment as c, Teleport as l, Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeProps as v, nextTick as ee, normalizeClass as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, toRef as w, unref as T, useAttrs as te, vModelText as ne, watch as E, withCtx as D, withDirectives as O, withModifiers as k } from "vue";
 //#region src/components/CommandMenu/CommandMenu.vue?vue&type=script&setup=true&lang.ts
 var A = ["aria-label"], j = ["placeholder", "aria-label"], M = [
 	"aria-selected",
@@ -23,9 +24,11 @@ var A = ["aria-label"], j = ["placeholder", "aria-label"], M = [
 }, I = {
 	key: 0,
 	class: "m-commandmenu__empty"
-}, L = /* @__PURE__ */ g({
+}, L = /* @__PURE__ */ _({
+	inheritAttrs: !1,
 	__name: "CommandMenu",
 	props: {
+		pt: {},
 		model: { default: () => [] },
 		modelValue: {
 			type: Boolean,
@@ -39,92 +42,91 @@ var A = ["aria-label"], j = ["placeholder", "aria-label"], M = [
 		appendTo: {}
 	},
 	emits: ["update:modelValue"],
-	setup(g, { emit: L }) {
-		let R = g, z = L, B = a(), V = o(), H = u(() => R.placeholder ?? V.value.searchCommands), U = b(""), W = b(null), G = b(null), K = b(0), q = u(() => t(R, B.value.appendTo)), J = u(() => {
-			let e = U.value.trim().toLowerCase();
+	setup(_, { emit: L }) {
+		let R = _, z = te(), { rootAttrs: B } = e(z, () => R.pt), V = L, H = o(), U = s(), W = d(() => R.placeholder ?? U.value.searchCommands), G = x(""), K = x(null), q = x(null), J = x(0), Y = d(() => n(R, H.value.appendTo)), X = d(() => {
+			let e = G.value.trim().toLowerCase();
 			return e ? R.model.filter((t) => t.label.toLowerCase().includes(e)) : R.model;
 		});
-		function Y() {
-			z("update:modelValue", !1);
+		function Z() {
+			V("update:modelValue", !1);
 		}
-		function X(e) {
-			e.disabled || (e.command?.(), Y());
+		function Q(e) {
+			e.disabled || (e.command?.(), Z());
 		}
-		function Z(e) {
-			return r(e.icon);
+		function $(e) {
+			return i(e.icon);
 		}
-		function Q(e) {
-			if (e.key === "ArrowDown" && (e.preventDefault(), K.value = Math.min(J.value.length - 1, K.value + 1)), e.key === "ArrowUp" && (e.preventDefault(), K.value = Math.max(0, K.value - 1)), e.key === "Enter") {
-				let t = J.value[K.value];
-				t && (e.preventDefault(), X(t));
+		function re(e) {
+			if (e.key === "ArrowDown" && (e.preventDefault(), J.value = Math.min(X.value.length - 1, J.value + 1)), e.key === "ArrowUp" && (e.preventDefault(), J.value = Math.max(0, J.value - 1)), e.key === "Enter") {
+				let t = X.value[J.value];
+				t && (e.preventDefault(), Q(t));
 			}
 		}
-		return i({
-			open: C(R, "modelValue"),
-			container: W,
+		return a({
+			open: w(R, "modelValue"),
+			container: K,
 			blockScroll: !0,
 			autoFocus: !1,
-			onEscape: Y,
+			onEscape: Z,
 			onOpen: () => {
-				U.value = "", K.value = 0;
+				G.value = "", J.value = 0;
 			}
 		}), E(() => R.modelValue, async (e) => {
-			e && (await _(), G.value?.focus());
-		}), E(J, () => {
-			K.value = 0;
-		}), (t, r) => (y(), d(c, {
-			to: q.value.to,
-			disabled: q.value.disabled
-		}, [h(l, { name: "m-fade" }, {
-			default: D(() => [g.modelValue ? (y(), p("div", {
-				key: 0,
+			e && (await ee(), q.value?.focus());
+		}), E(X, () => {
+			J.value = 0;
+		}), (e, n) => (b(), f(l, {
+			to: Y.value.to,
+			disabled: Y.value.disabled
+		}, [g(u, { name: "m-fade" }, {
+			default: D(() => [_.modelValue ? (b(), m("div", v({ key: 0 }, T(B), {
 				class: "m-commandmenu-backdrop",
-				onClick: k(Y, ["self"])
-			}, [m("div", {
+				onClick: k(Z, ["self"])
+			}), [h("div", {
 				ref_key: "panelRef",
-				ref: W,
+				ref: K,
 				class: "m-commandmenu",
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": w(V).commandPalette,
+				"aria-label": T(U).commandPalette,
 				tabindex: "-1",
-				onKeydown: Q
-			}, [O(m("input", {
+				onKeydown: re
+			}, [O(h("input", {
 				ref_key: "inputRef",
-				ref: G,
-				"onUpdate:modelValue": r[0] ||= (e) => U.value = e,
+				ref: q,
+				"onUpdate:modelValue": n[0] ||= (e) => G.value = e,
 				class: "m-commandmenu__input",
 				type: "search",
-				placeholder: H.value,
-				"aria-label": w(V).searchCommands
-			}, null, 8, j), [[T, U.value]]), h(n, {
+				placeholder: W.value,
+				"aria-label": T(U).searchCommands
+			}, null, 8, j), [[ne, G.value]]), g(r, {
 				tag: "ul",
 				role: "listbox",
 				class: "m-commandmenu__list",
 				"fit-content": "",
 				"view-class": "m-commandmenu__list-view"
 			}, {
-				default: D(() => [(y(!0), p(s, null, x(J.value, (t, n) => (y(), p("li", {
-					key: `${t.label}-${n}`,
+				default: D(() => [(b(!0), m(c, null, S(X.value, (e, n) => (b(), m("li", {
+					key: `${e.label}-${n}`,
 					role: "presentation"
-				}, [m("button", {
+				}, [h("button", {
 					type: "button",
-					class: v(["m-commandmenu__item", { "m-commandmenu__item--active": n === K.value }]),
+					class: y(["m-commandmenu__item", { "m-commandmenu__item--active": n === J.value }]),
 					role: "option",
-					"aria-selected": n === K.value,
-					disabled: t.disabled,
-					onClick: (e) => X(t),
-					onMouseenter: (e) => K.value = n
+					"aria-selected": n === J.value,
+					disabled: e.disabled,
+					onClick: (t) => Q(e),
+					onMouseenter: (e) => J.value = n
 				}, [
-					Z(t) ? (y(), p("span", N, [h(e, {
-						name: Z(t),
+					$(e) ? (b(), m("span", N, [g(t, {
+						name: $(e),
 						size: "sm"
-					}, null, 8, ["name"])])) : f("", !0),
-					m("span", P, S(t.label), 1),
-					t.shortcut ? (y(), p("span", F, S(t.shortcut), 1)) : f("", !0)
-				], 42, M)]))), 128)), J.value.length ? f("", !0) : (y(), p("li", I, S(w(V).noMatch), 1))]),
+					}, null, 8, ["name"])])) : p("", !0),
+					h("span", P, C(e.label), 1),
+					e.shortcut ? (b(), m("span", F, C(e.shortcut), 1)) : p("", !0)
+				], 42, M)]))), 128)), X.value.length ? p("", !0) : (b(), m("li", I, C(T(U).noMatch), 1))]),
 				_: 1
-			})], 40, A)])) : f("", !0)]),
+			})], 40, A)], 16)) : p("", !0)]),
 			_: 1
 		})], 8, ["to", "disabled"]));
 	}