morya-ui 0.1.1 → 0.2.2

package/dist/pick-list/index.js

@@ -1,37 +1,40 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, withKeys as _, withModifiers as v } from "vue";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as y, withKeys as b, withModifiers as x } from "vue";
 //#region src/components/PickList/PickList.vue?vue&type=script&setup=true&lang.ts
-var y = { class: "m-picklist" }, b = { class: "m-picklist__listbox" }, x = { class: "m-picklist__header" }, S = {
+var S = { class: "m-picklist__listbox" }, C = { class: "m-picklist__header" }, w = {
 	class: "m-picklist__list",
 	role: "listbox",
 	"aria-multiselectable": "true",
 	tabindex: "0"
-}, C = [
+}, T = [
 	"aria-selected",
 	"onClick",
 	"onKeydown"
-], w = {
+], E = {
 	key: 0,
 	class: "m-picklist__empty",
 	role: "status"
-}, T = { class: "m-picklist__controls" }, E = ["aria-label", "disabled"], D = ["aria-label", "disabled"], O = ["aria-label", "disabled"], k = ["aria-label", "disabled"], A = { class: "m-picklist__listbox" }, j = { class: "m-picklist__header" }, M = {
+}, D = { class: "m-picklist__controls" }, O = ["aria-label", "disabled"], k = ["aria-label", "disabled"], A = ["aria-label", "disabled"], j = ["aria-label", "disabled"], M = { class: "m-picklist__listbox" }, N = { class: "m-picklist__header" }, P = {
 	class: "m-picklist__list",
 	role: "listbox",
 	"aria-multiselectable": "true",
 	tabindex: "0"
-}, N = [
+}, F = [
 	"aria-selected",
 	"onClick",
 	"onKeydown"
-], P = {
+], I = {
 	key: 0,
 	class: "m-picklist__empty",
 	role: "status"
-}, F = /* @__PURE__ */ l({
+}, L = /* @__PURE__ */ u({
+	inheritAttrs: !1,
 	__name: "PickList",
 	props: {
+		pt: {},
 		source: { default: () => [] },
 		target: { default: () => [] },
 		dataKey: {},
@@ -40,109 +43,109 @@ var y = { class: "m-picklist" }, b = { class: "m-picklist__listbox" }, x = { cla
 		emptyMessage: {}
 	},
 	emits: ["update:source", "update:target"],
-	setup(l, { emit: F }) {
-		let I = l, L = F, R = f([]), z = f([]), B = t(), V = r(() => I.sourceHeader ?? B.value.sourceHeader), H = r(() => I.targetHeader ?? B.value.targetHeader), U = r(() => I.emptyMessage ?? B.value.emptyMessage);
-		function W(e, t) {
-			return I.dataKey && e && typeof e == "object" && I.dataKey in e ? String(e[I.dataKey]) : t;
+	setup(u, { emit: L }) {
+		let R = u, z = y(), { rootAttrs: B } = e(z, () => R.pt), V = L, H = m([]), U = m([]), W = n(), G = i(() => R.sourceHeader ?? W.value.sourceHeader), K = i(() => R.targetHeader ?? W.value.targetHeader), q = i(() => R.emptyMessage ?? W.value.emptyMessage);
+		function J(e, t) {
+			return R.dataKey && e && typeof e == "object" && R.dataKey in e ? String(e[R.dataKey]) : t;
 		}
-		function G(e, t, n) {
-			return (e === "source" ? R : z).value.includes(W(t, n));
+		function Y(e, t, n) {
+			return (e === "source" ? H : U).value.includes(J(t, n));
 		}
-		function K(e, t, n) {
-			let r = e === "source" ? R : z, i = W(t, n);
+		function X(e, t, n) {
+			let r = e === "source" ? H : U, i = J(t, n);
 			r.value = r.value.indexOf(i) >= 0 ? r.value.filter((e) => e !== i) : [...r.value, i];
 		}
-		function q() {
-			if (!R.value.length) return;
-			let e = I.source.filter((e, t) => G("source", e, t)), t = I.source.filter((e, t) => !G("source", e, t));
-			L("update:source", t), L("update:target", [...I.target, ...e]), R.value = [];
+		function Z() {
+			if (!H.value.length) return;
+			let e = R.source.filter((e, t) => Y("source", e, t)), t = R.source.filter((e, t) => !Y("source", e, t));
+			V("update:source", t), V("update:target", [...R.target, ...e]), H.value = [];
 		}
-		function J() {
-			if (!z.value.length) return;
-			let e = I.target.filter((e, t) => G("target", e, t)), t = I.target.filter((e, t) => !G("target", e, t));
-			L("update:target", t), L("update:source", [...I.source, ...e]), z.value = [];
+		function Q() {
+			if (!U.value.length) return;
+			let e = R.target.filter((e, t) => Y("target", e, t)), t = R.target.filter((e, t) => !Y("target", e, t));
+			V("update:target", t), V("update:source", [...R.source, ...e]), U.value = [];
 		}
-		function Y() {
-			I.source.length && (L("update:target", [...I.target, ...I.source]), L("update:source", []), R.value = []);
+		function $() {
+			R.source.length && (V("update:target", [...R.target, ...R.source]), V("update:source", []), H.value = []);
 		}
-		function X() {
-			I.target.length && (L("update:source", [...I.source, ...I.target]), L("update:target", []), z.value = []);
+		function ee() {
+			R.target.length && (V("update:source", [...R.source, ...R.target]), V("update:target", []), U.value = []);
 		}
-		return (t, r) => (d(), a("div", y, [
-			o("div", b, [o("div", x, h(V.value), 1), o("ul", S, [(d(!0), a(n, null, p(l.source, (e, n) => (d(), a("li", {
-				key: W(e, n),
-				class: u(["m-picklist__item", { "m-picklist__item--selected": G("source", e, n) }]),
+		return (e, n) => (p(), o("div", d(v(B), { class: "m-picklist" }), [
+			s("div", S, [s("div", C, _(G.value), 1), s("ul", w, [(p(!0), o(r, null, h(u.source, (t, n) => (p(), o("li", {
+				key: J(t, n),
+				class: f(["m-picklist__item", { "m-picklist__item--selected": Y("source", t, n) }]),
 				role: "option",
-				"aria-selected": G("source", e, n),
+				"aria-selected": Y("source", t, n),
 				tabindex: "0",
-				onClick: (t) => K("source", e, n),
-				onKeydown: [_(v((t) => K("source", e, n), ["prevent"]), ["enter"]), _(v((t) => K("source", e, n), ["prevent"]), ["space"])]
-			}, [m(t.$slots, "item", {
-				item: e,
+				onClick: (e) => X("source", t, n),
+				onKeydown: [b(x((e) => X("source", t, n), ["prevent"]), ["enter"]), b(x((e) => X("source", t, n), ["prevent"]), ["space"])]
+			}, [g(e.$slots, "item", {
+				item: t,
 				index: n
-			}, () => [s(h(e), 1)])], 42, C))), 128)), l.source.length ? i("", !0) : (d(), a("li", w, [m(t.$slots, "empty", {}, () => [s(h(U.value), 1)])]))])]),
-			o("div", T, [
-				o("button", {
+			}, () => [c(_(t), 1)])], 42, T))), 128)), u.source.length ? a("", !0) : (p(), o("li", E, [g(e.$slots, "empty", {}, () => [c(_(q.value), 1)])]))])]),
+			s("div", D, [
+				s("button", {
 					type: "button",
 					class: "m-picklist__btn",
-					"aria-label": g(B).moveAllToTarget,
-					disabled: !l.source.length,
-					onClick: Y
-				}, [c(e, {
+					"aria-label": v(W).moveAllToTarget,
+					disabled: !u.source.length,
+					onClick: $
+				}, [l(t, {
 					name: "chevron-right",
 					size: "sm"
-				}), c(e, {
+				}), l(t, {
 					name: "chevron-right",
 					size: "sm"
-				})], 8, E),
-				o("button", {
+				})], 8, O),
+				s("button", {
 					type: "button",
 					class: "m-picklist__btn",
-					"aria-label": g(B).moveToTarget,
-					disabled: !R.value.length,
-					onClick: q
-				}, [c(e, {
+					"aria-label": v(W).moveToTarget,
+					disabled: !H.value.length,
+					onClick: Z
+				}, [l(t, {
 					name: "chevron-right",
 					size: "sm"
-				})], 8, D),
-				o("button", {
+				})], 8, k),
+				s("button", {
 					type: "button",
 					class: "m-picklist__btn",
-					"aria-label": g(B).moveToSource,
-					disabled: !z.value.length,
-					onClick: J
-				}, [c(e, {
+					"aria-label": v(W).moveToSource,
+					disabled: !U.value.length,
+					onClick: Q
+				}, [l(t, {
 					name: "chevron-left",
 					size: "sm"
-				})], 8, O),
-				o("button", {
+				})], 8, A),
+				s("button", {
 					type: "button",
 					class: "m-picklist__btn",
-					"aria-label": g(B).moveAllToSource,
-					disabled: !l.target.length,
-					onClick: X
-				}, [c(e, {
+					"aria-label": v(W).moveAllToSource,
+					disabled: !u.target.length,
+					onClick: ee
+				}, [l(t, {
 					name: "chevron-left",
 					size: "sm"
-				}), c(e, {
+				}), l(t, {
 					name: "chevron-left",
 					size: "sm"
-				})], 8, k)
+				})], 8, j)
 			]),
-			o("div", A, [o("div", j, h(H.value), 1), o("ul", M, [(d(!0), a(n, null, p(l.target, (e, n) => (d(), a("li", {
-				key: W(e, n),
-				class: u(["m-picklist__item", { "m-picklist__item--selected": G("target", e, n) }]),
+			s("div", M, [s("div", N, _(K.value), 1), s("ul", P, [(p(!0), o(r, null, h(u.target, (t, n) => (p(), o("li", {
+				key: J(t, n),
+				class: f(["m-picklist__item", { "m-picklist__item--selected": Y("target", t, n) }]),
 				role: "option",
-				"aria-selected": G("target", e, n),
+				"aria-selected": Y("target", t, n),
 				tabindex: "0",
-				onClick: (t) => K("target", e, n),
-				onKeydown: [_(v((t) => K("target", e, n), ["prevent"]), ["enter"]), _(v((t) => K("target", e, n), ["prevent"]), ["space"])]
-			}, [m(t.$slots, "item", {
-				item: e,
+				onClick: (e) => X("target", t, n),
+				onKeydown: [b(x((e) => X("target", t, n), ["prevent"]), ["enter"]), b(x((e) => X("target", t, n), ["prevent"]), ["space"])]
+			}, [g(e.$slots, "item", {
+				item: t,
 				index: n
-			}, () => [s(h(e), 1)])], 42, N))), 128)), l.target.length ? i("", !0) : (d(), a("li", P, [m(t.$slots, "empty", {}, () => [s(h(U.value), 1)])]))])])
-		]));
+			}, () => [c(_(t), 1)])], 42, F))), 128)), u.target.length ? a("", !0) : (p(), o("li", I, [g(e.$slots, "empty", {}, () => [c(_(q.value), 1)])]))])])
+		], 16));
 	}
 });
 //#endregion
-export { F as MPickList };
+export { L as MPickList };