morya-ui 0.1.1

package/dist/scrollbar/style.js

@@ -0,0 +1,3 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Scrollbar/styles.css'

package/dist/select/index.js

@@ -0,0 +1,376 @@
+import { t as e } from "../Icon-DfpIfo2L.js";
+import { t } from "../useMId-BXFYayPP.js";
+import { n, t as ee } from "../overlay-oR-5MDuE.js";
+import { t as te } from "../overlayPlacement-Cd20JTD_.js";
+import { t as ne } from "../Scrollbar-BGCxnXaQ.js";
+import { c as re, i as ie, o as ae } from "../config-CI8_WBbE.js";
+import { n as oe, t as se } from "../locale-DYGhxekd.js";
+import "./style.js";
+import { Fragment as r, Teleport as ce, Transition as le, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as ue, createVNode as l, defineComponent as u, nextTick as de, normalizeClass as d, normalizeStyle as fe, onBeforeUnmount as pe, openBlock as f, ref as p, renderList as me, renderSlot as he, toDisplayString as m, unref as h, useSlots as ge, vModelText as _e, watch as ve, withCtx as ye, withDirectives as be, withModifiers as xe } from "vue";
+//#region src/components/Select/Select.vue?vue&type=script&setup=true&lang.ts
+var Se = ["for"], Ce = [
+	"id",
+	"tabindex",
+	"aria-expanded",
+	"aria-controls",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-disabled",
+	"aria-busy",
+	"aria-multiselectable"
+], we = {
+	key: 0,
+	class: "m-select__tags"
+}, Te = { class: "m-select__tag-label" }, Ee = [
+	"aria-label",
+	"disabled",
+	"onClick"
+], De = ["aria-label"], Oe = {
+	key: 1,
+	class: "m-select__value"
+}, ke = {
+	key: 2,
+	class: "m-select__spinner",
+	"aria-hidden": "true"
+}, Ae = { class: "m-select__suffix" }, je = ["aria-label"], Me = [
+	"id",
+	"aria-multiselectable",
+	"aria-label"
+], Ne = ["placeholder", "aria-label"], Pe = {
+	key: 0,
+	class: "m-select__empty",
+	role: "status"
+}, Fe = [
+	"aria-selected",
+	"disabled",
+	"onMouseenter",
+	"onClick"
+], Ie = {
+	key: 1,
+	class: "m-select__empty",
+	role: "status"
+}, Le = ["required", "value"], Re = ["id", "role"], g = /* @__PURE__ */ u({
+	__name: "Select",
+	props: {
+		modelValue: { default: void 0 },
+		options: {},
+		label: {},
+		helpText: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		errorMessage: {},
+		id: {},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		fluid: {
+			type: Boolean,
+			default: void 0
+		},
+		multiple: {
+			type: Boolean,
+			default: void 0
+		},
+		tag: {
+			type: Boolean,
+			default: void 0
+		},
+		remote: {
+			type: Boolean,
+			default: void 0
+		},
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		maxTagCount: {},
+		showClear: {
+			type: Boolean,
+			default: void 0
+		},
+		clearable: {
+			type: Boolean,
+			default: void 0
+		},
+		emptyMessage: {},
+		filter: {
+			type: Boolean,
+			default: void 0
+		},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {},
+		placement: { default: "bottom-start" }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"clear",
+		"show",
+		"hide",
+		"search",
+		"create"
+	],
+	setup(u, { emit: g }) {
+		let _ = u, v = g, ze = ge(), y = ie("Select"), b = re(), x = oe(), Be = p(null), S = p(null), C = p(null), w = p(null), T = p(!1), E = p(""), D = p(-1), Ve = p({}), O = p([]), He = t("m-select"), k = i(() => _.id ?? He), Ue = i(() => _.emptyMessage ?? x.value.emptyOptions), A = i(() => _.multiple ?? y.value.multiple ?? !1), We = i(() => _.tag ?? y.value.tag ?? !1), j = i(() => _.remote ?? y.value.remote ?? !1), M = i(() => _.loading ?? !1), Ge = i(() => _.fluid ?? y.value.fluid ?? !1), Ke = i(() => _.showClear ?? _.clearable ?? y.value.showClear ?? y.value.clearable ?? !1), N = i(() => _.filter ?? y.value.filter ?? !1), qe = ae("Select", () => _.size), Je = i(() => n(_, b.value.appendTo)), P = i(() => ee(_, b.value.appendTo)), F = i(() => _.invalid || !!_.errorMessage), I = i(() => _.errorMessage || _.helpText), Ye = i(() => !!_.errorMessage || F.value && !!_.helpText), L = i(() => A.value ? Array.isArray(_.modelValue) ? _.modelValue : _.modelValue == null ? [] : [_.modelValue] : _.modelValue == null || Array.isArray(_.modelValue) ? [] : [_.modelValue]), R = i(() => {
+			let e = new Set(_.options.map((e) => String(e.value))), t = [];
+			for (let n of O.value) e.has(String(n.value)) || (t.push(n), e.add(String(n.value)));
+			for (let n of L.value) e.has(String(n)) || (t.push({
+				label: String(n),
+				value: n
+			}), e.add(String(n)));
+			return [..._.options, ...t];
+		});
+		function Xe(e) {
+			return R.value.find((t) => t.value === e);
+		}
+		let z = i(() => L.value.map((e) => Xe(e) ?? {
+			label: String(e),
+			value: e
+		})), Ze = i(() => {
+			let e = z.value;
+			return _.maxTagCount == null || e.length <= _.maxTagCount ? e : e.slice(0, _.maxTagCount);
+		}), B = i(() => Math.max(0, z.value.length - Ze.value.length)), V = i(() => A.value ? void 0 : z.value[0]), Qe = i(() => V.value?.label ?? _.placeholder ?? x.value.selectPlaceholder), H = i(() => L.value.length > 0), $e = i(() => Ke.value && H.value && !_.disabled), U = i(() => E.value.trim()), W = i(() => !We.value || !N.value || !U.value ? !1 : !R.value.some((e) => e.label.toLowerCase() === U.value.toLowerCase() || String(e.value) === U.value)), et = i(() => {
+			if (j.value) return _.options;
+			let e = U.value.toLowerCase();
+			return e ? R.value.filter((t) => t.label.toLowerCase().includes(e)) : R.value;
+		}), G = i(() => W.value ? [{
+			label: U.value,
+			value: U.value,
+			created: !0
+		}, ...et.value] : et.value), K = i(() => G.value.filter((e) => !e.disabled)), tt = i(() => se(x.value.createOption, { value: U.value })), nt = i(() => se(x.value.moreTags, { count: B.value }));
+		function q(e) {
+			return L.value.some((t) => t === e);
+		}
+		function J(e) {
+			v("update:modelValue", e), v("change", e);
+		}
+		function rt() {
+			if (!P.value || !S.value) return;
+			let e = S.value.getBoundingClientRect();
+			Ve.value = te(e, _.placement === "bottom-end" ? "bottom-end" : "bottom-start", { minWidth: `${e.width}px` });
+		}
+		function Y(e) {
+			_.disabled || T.value === e || (T.value = e, e ? (E.value = "", D.value = Math.max(0, K.value.findIndex((e) => !e.created && q(e.value))), v("show"), de(() => {
+				rt(), N.value ? w.value?.focus({ preventScroll: !0 }) : C.value?.focus({ preventScroll: !0 });
+			})) : (E.value = "", v("hide")));
+		}
+		function X(e) {
+			if (!e.disabled) {
+				if (e.created) {
+					it();
+					return;
+				}
+				if (A.value) {
+					J(q(e.value) ? L.value.filter((t) => t !== e.value) : [...L.value, e.value]);
+					return;
+				}
+				J(e.value), Y(!1), S.value?.focus({ preventScroll: !0 });
+			}
+		}
+		function it() {
+			let e = U.value;
+			if (!e || !W.value) return;
+			let t = {
+				label: e,
+				value: e
+			};
+			O.value.some((e) => e.value === t.value) || (O.value = [...O.value, t]), v("create", t), X({ ...t }), E.value = "";
+		}
+		function at(e, t) {
+			t.stopPropagation(), t.preventDefault(), !(_.disabled || !A.value) && J(L.value.filter((t) => t !== e));
+		}
+		function ot(e) {
+			e?.stopPropagation(), e?.preventDefault(), !(_.disabled || !H.value) && (J(A.value ? [] : void 0), v("clear"), S.value?.focus({ preventScroll: !0 }));
+		}
+		function st(e) {
+			_.disabled || [
+				"Enter",
+				" ",
+				"ArrowDown",
+				"ArrowUp"
+			].includes(e.key) && (e.preventDefault(), T.value || Y(!0));
+		}
+		function Z(e) {
+			if (e.key === "Escape") {
+				e.preventDefault(), Y(!1), S.value?.focus({ preventScroll: !0 });
+				return;
+			}
+			let t = K.value.length;
+			if (t && ((e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), D.value = (D.value + (e.key === "ArrowDown" ? 1 : -1) + t) % t), e.key === "Home" && (e.preventDefault(), D.value = 0), e.key === "End" && (e.preventDefault(), D.value = t - 1), e.key === "Enter" || e.key === " " && e.target !== w.value)) {
+				let t = K.value[D.value];
+				t && (e.preventDefault(), X(t));
+			}
+		}
+		function Q(e) {
+			T.value && !Be.value?.contains(e.target) && !C.value?.contains(e.target) && Y(!1);
+		}
+		function $() {
+			T.value && rt();
+		}
+		return ve(E, (e) => {
+			D.value = K.value.length ? 0 : -1, T.value && (N.value || j.value) && v("search", e);
+		}), ve(T, (e) => {
+			e && j.value && v("search", E.value), e ? (document.addEventListener("click", Q), P.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0))) : (document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
+		}), pe(() => {
+			document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
+		}), (t, n) => (f(), s("div", {
+			ref_key: "root",
+			ref: Be,
+			class: d(["m-select-field", { "m-select-field--fluid": Ge.value }])
+		}, [
+			u.label ? (f(), s("label", {
+				key: 0,
+				class: "m-select-field__label",
+				for: k.value
+			}, m(u.label), 9, Se)) : o("", !0),
+			c("div", { class: d(["m-select__control", {
+				"m-select__control--clearable": $e.value,
+				"m-select__control--open": T.value
+			}]) }, [c("div", {
+				id: k.value,
+				ref_key: "trigger",
+				ref: S,
+				class: d(["m-select", [`m-select--${h(qe)}`, {
+					"m-select--invalid": F.value,
+					"m-select--open": T.value,
+					"m-select--placeholder": !H.value,
+					"m-select--fluid": Ge.value,
+					"m-select--multiple": A.value,
+					"m-select--disabled": u.disabled,
+					"m-select--loading": M.value
+				}]]),
+				role: "combobox",
+				tabindex: u.disabled ? -1 : 0,
+				"aria-expanded": T.value,
+				"aria-haspopup": "listbox",
+				"aria-controls": `${k.value}-listbox`,
+				"aria-invalid": F.value || void 0,
+				"aria-describedby": I.value ? `${k.value}-help` : void 0,
+				"aria-disabled": u.disabled || void 0,
+				"aria-busy": M.value || void 0,
+				"aria-multiselectable": A.value || void 0,
+				onClick: n[0] ||= (e) => Y(!T.value),
+				onKeydown: st
+			}, [A.value && H.value ? (f(), s("div", we, [(f(!0), s(r, null, me(Ze.value, (t) => (f(), s("span", {
+				key: String(t.value),
+				class: "m-select__tag"
+			}, [c("span", Te, m(t.label), 1), c("button", {
+				class: "m-select__tag-remove",
+				type: "button",
+				"aria-label": h(x).removeTag,
+				disabled: u.disabled,
+				onClick: (e) => at(t.value, e)
+			}, [l(e, {
+				name: "close",
+				size: "sm"
+			})], 8, Ee)]))), 128)), B.value ? (f(), s("span", {
+				key: 0,
+				class: "m-select__tag wk-select__tag--more",
+				"aria-label": nt.value
+			}, " +" + m(B.value), 9, De)) : o("", !0)])) : (f(), s("span", Oe, [h(ze).value && H.value && V.value ? he(t.$slots, "value", { option: V.value }, void 0, void 0, 0) : (f(), s(r, { key: 1 }, [ue(m(Qe.value), 1)], 64))])), M.value ? (f(), s("span", ke)) : o("", !0)], 42, Ce), c("div", Ae, [$e.value ? (f(), s("button", {
+				key: 0,
+				class: "m-select__clear",
+				type: "button",
+				"aria-label": h(x).clear,
+				onClick: ot
+			}, [l(e, {
+				name: "close",
+				class: "m-control-affix-icon"
+			})], 8, je)) : o("", !0), c("span", {
+				class: d(["m-select__indicator", { "m-select__indicator--open": T.value }]),
+				"aria-hidden": "true"
+			}, [l(e, {
+				name: "chevron-down",
+				class: "m-control-affix-icon"
+			})], 2)])], 2),
+			(f(), a(ce, {
+				to: Je.value.to,
+				disabled: Je.value.disabled
+			}, [l(le, { name: "m-scale-fade" }, {
+				default: ye(() => [T.value ? (f(), s("div", {
+					key: 0,
+					id: `${k.value}-listbox`,
+					ref_key: "menu",
+					ref: C,
+					class: d(["m-select__menu", [`m-select__menu--${u.placement}`, { "m-select__menu--teleported": P.value }]]),
+					style: fe(P.value ? Ve.value : void 0),
+					role: "listbox",
+					tabindex: "-1",
+					"aria-multiselectable": A.value || void 0,
+					"aria-label": u.label ?? u.placeholder ?? h(x).selectOption,
+					onKeydown: Z
+				}, [N.value ? be((f(), s("input", {
+					key: 0,
+					ref_key: "filterInput",
+					ref: w,
+					"onUpdate:modelValue": n[1] ||= (e) => E.value = e,
+					class: "m-select__filter",
+					type: "search",
+					placeholder: h(x).searchPlaceholder,
+					"aria-label": h(x).filterOptions,
+					onClick: n[2] ||= xe(() => {}, ["stop"]),
+					onKeydown: xe(Z, ["stop"])
+				}, null, 40, Ne)), [[_e, E.value]]) : o("", !0), l(ne, {
+					class: "m-select__list",
+					"fit-content": "",
+					"wrap-class": "m-select__list-wrap",
+					"view-class": "m-select__list-view"
+				}, {
+					default: ye(() => [
+						M.value ? (f(), s("div", Pe, m(h(x).loading), 1)) : o("", !0),
+						(f(!0), s(r, null, me(G.value, (n) => (f(), s("button", {
+							key: n.created ? `__create:${String(n.value)}` : String(n.value),
+							class: d(["m-select__option", {
+								"m-select__option--selected": !n.created && q(n.value),
+								"m-select__option--highlighted": K.value[D.value]?.value === n.value && !!K.value[D.value]?.created == !!n.created,
+								"m-select__option--create": n.created
+							}]),
+							type: "button",
+							role: "option",
+							"aria-selected": n.created ? void 0 : q(n.value),
+							disabled: n.disabled,
+							onMouseenter: (e) => !n.disabled && (D.value = K.value.findIndex((e) => e.value === n.value && !!e.created == !!n.created)),
+							onClick: (e) => X(n)
+						}, [he(t.$slots, "option", { option: n }, () => [c("span", null, m(n.created ? tt.value : n.label), 1)]), !n.created && q(n.value) ? (f(), a(e, {
+							key: 0,
+							class: "m-select__check",
+							name: "check",
+							size: "sm"
+						})) : o("", !0)], 42, Fe))), 128)),
+						!G.value.length && !M.value ? (f(), s("div", Ie, m(Ue.value), 1)) : o("", !0)
+					]),
+					_: 3
+				})], 46, Me)) : o("", !0)]),
+				_: 3
+			})], 8, ["to", "disabled"])),
+			u.required ? (f(), s("input", {
+				key: 1,
+				class: "m-select__required-input",
+				tabindex: "-1",
+				"aria-hidden": "true",
+				required: !H.value,
+				value: A.value ? L.value.join(",") : L.value[0]
+			}, null, 8, Le)) : o("", !0),
+			I.value ? (f(), s("span", {
+				key: 2,
+				id: `${k.value}-help`,
+				class: d(["m-select-field__help", { "m-select-field__help--invalid": Ye.value }]),
+				role: Ye.value ? "alert" : void 0
+			}, m(I.value), 11, Re)) : o("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { g as MSelect };