morya-ui 0.1.1

package/dist/carousel/style.js

@@ -0,0 +1,4 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Icon/styles.css'
+import '../components/Carousel/styles.css'

package/dist/cascade-select/index.js

@@ -0,0 +1,309 @@
+import { t as e } from "../Icon-DfpIfo2L.js";
+import { t } from "../useMId-BXFYayPP.js";
+import { n, t as r } from "../overlay-oR-5MDuE.js";
+import { t as ee } from "../overlayPlacement-Cd20JTD_.js";
+import { t as te } from "../useMenuKeyboard-BedmYE4W.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 } from "../locale-DYGhxekd.js";
+import "./style.js";
+import { Fragment as i, Teleport as se, Transition as ce, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, normalizeStyle as le, onBeforeUnmount as ue, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as de, watch as b, withCtx as x } from "vue";
+//#region src/components/CascadeSelect/CascadeSelect.vue?vue&type=script&setup=true&lang.ts
+var fe = ["for"], pe = [
+	"id",
+	"disabled",
+	"aria-expanded",
+	"aria-controls",
+	"aria-invalid",
+	"aria-describedby"
+], me = {
+	key: 1,
+	class: "m-cascadeselect__label"
+}, he = { class: "m-select__suffix" }, ge = ["aria-label"], _e = ["id"], ve = ["id"], ye = [
+	"disabled",
+	"aria-selected",
+	"onClick"
+], S = /* @__PURE__ */ d({
+	__name: "CascadeSelect",
+	props: {
+		modelValue: { default: null },
+		options: {},
+		label: {},
+		helpText: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		errorMessage: {},
+		id: {},
+		placeholder: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		fluid: {
+			type: Boolean,
+			default: void 0
+		},
+		clearable: {
+			type: Boolean,
+			default: void 0
+		},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: ["update:modelValue", "clear"],
+	setup(d, { emit: S }) {
+		let C = d, w = S, be = de(), T = ie("CascadeSelect"), E = re(), D = oe(), xe = ae("CascadeSelect", () => C.size), O = h(!1), k = h(null), A = h(null), j = h(null), M = h({}), N = h([]), Se = t("m-cascadeselect"), P = a(() => C.id ?? Se), F = a(() => n(C, E.value.appendTo)), I = a(() => r(C, E.value.appendTo)), Ce = a(() => C.clearable ?? T.value.clearable ?? !1), we = a(() => C.fluid ?? T.value.fluid ?? !1), L = a(() => C.invalid || !!C.errorMessage), R = a(() => C.errorMessage || C.helpText), Te = a(() => !!C.errorMessage || L.value && !!C.helpText), z = a(() => C.modelValue != null), B = a(() => Ce.value && z.value && !C.disabled), Ee = a(() => K(C.options, C.modelValue) ?? C.placeholder ?? D.value.selectPlaceholder);
+		function V(e, t) {
+			if (t != null) for (let n of e) {
+				if (n.value === t) return n;
+				if (n.children?.length) {
+					let e = V(n.children, t);
+					if (e) return e;
+				}
+			}
+		}
+		let H = a(() => V(C.options, C.modelValue)), U = h(0), W = a(() => `${P.value}-panel`), G = te({
+			itemCount: () => N.value[U.value]?.length ?? 0,
+			isItemDisabled: (e) => !!N.value[U.value]?.[e]?.disabled,
+			enabled: O,
+			onActivate: (e) => ke(e),
+			onEscape: () => {
+				O.value = !1;
+			},
+			returnFocusTo: A
+		});
+		function K(e, t) {
+			if (t == null) return null;
+			for (let n of e) {
+				if (n.value === t) return n.label;
+				if (n.children?.length) {
+					let e = K(n.children, t);
+					if (e) return e;
+				}
+			}
+			return null;
+		}
+		function q() {
+			if (!A.value) return;
+			let e = A.value.getBoundingClientRect(), t = `${e.width}px`;
+			M.value = I.value ? ee(e, "bottom-start", {
+				minWidth: t,
+				width: t
+			}) : {
+				minWidth: t,
+				width: t
+			};
+		}
+		function J(e, t) {
+			for (let n of e) {
+				if (n.value === t) return [e];
+				if (n.children?.length) {
+					let r = J(n.children, t);
+					if (r) return [e, ...r];
+				}
+			}
+			return null;
+		}
+		function Y() {
+			let e = G.activeIndex.value;
+			e < 0 || ((j.value?.querySelectorAll(".m-cascadeselect__column")[U.value])?.querySelectorAll(".m-cascadeselect__option")[e])?.focus({ preventScroll: !0 });
+		}
+		function X() {
+			O.value = !0;
+			let e = C.modelValue == null ? null : J(C.options, C.modelValue);
+			N.value = e ?? [C.options], U.value = N.value.length - 1;
+			let t = (N.value[U.value] ?? []).findIndex((e) => e.value === C.modelValue);
+			G.setActive(t), t < 0 && G.moveFirst(), f(() => {
+				q(), Y();
+			});
+		}
+		function De() {
+			if (!C.disabled) {
+				if (O.value) {
+					O.value = !1;
+					return;
+				}
+				X();
+			}
+		}
+		function Oe(e, t) {
+			Z(e, t), U.value = t + 1, f(() => {
+				G.moveFirst(), Y();
+			});
+		}
+		function ke(e) {
+			let t = N.value[U.value]?.[e];
+			if (!(!t || t.disabled)) {
+				if (t.children?.length) {
+					Oe(t, U.value);
+					return;
+				}
+				Z(t, U.value);
+			}
+		}
+		function Ae(e) {
+			if (O.value) {
+				if (e.key === "ArrowRight") {
+					e.preventDefault();
+					let t = N.value[U.value]?.[G.activeIndex.value];
+					t?.children?.length && !t.disabled && Oe(t, U.value);
+					return;
+				}
+				if (e.key === "ArrowLeft") {
+					if (e.preventDefault(), U.value > 0) {
+						let e = N.value[U.value];
+						--U.value;
+						let t = (N.value[U.value] ?? []).findIndex((t) => t.children === e);
+						G.setActive(t >= 0 ? t : 0), Y();
+					}
+					return;
+				}
+				G.onKeydown(e);
+			}
+		}
+		function je(e) {
+			if (!C.disabled) {
+				if (!O.value) {
+					(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), X());
+					return;
+				}
+				Ae(e);
+			}
+		}
+		b([G.activeIndex, U], () => {
+			O.value && Y();
+		});
+		function Me(e) {
+			e.stopPropagation(), e.preventDefault(), !(C.disabled || !z.value) && (w("update:modelValue", null), w("clear"), A.value?.focus({ preventScroll: !0 }));
+		}
+		function Z(e, t) {
+			if (!e.disabled) {
+				if (e.children?.length) {
+					N.value = [...N.value.slice(0, t + 1), e.children], f(() => q());
+					return;
+				}
+				w("update:modelValue", e.value), O.value = !1, A.value?.focus({ preventScroll: !0 });
+			}
+		}
+		function Q(e) {
+			let t = e.target;
+			k.value?.contains(t) || j.value?.contains(t) || (O.value = !1);
+		}
+		function $() {
+			O.value && q();
+		}
+		return b(O, (e) => {
+			e ? (document.addEventListener("click", Q), I.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0))) : (document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
+		}), ue(() => {
+			document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
+		}), (t, n) => (m(), c("div", {
+			ref_key: "root",
+			ref: k,
+			class: p(["m-select-field wk-cascadeselect", [`m-cascadeselect--${y(xe)}`, {
+				"m-select-field--fluid": we.value,
+				"m-cascadeselect--disabled": d.disabled,
+				"m-cascadeselect--open": O.value
+			}]])
+		}, [
+			d.label ? (m(), c("label", {
+				key: 0,
+				class: "m-select-field__label",
+				for: P.value
+			}, v(d.label), 9, fe)) : s("", !0),
+			l("div", { class: p(["m-cascadeselect__control wk-select__control", {
+				"m-select__control--clearable": B.value,
+				"m-select__control--open": O.value
+			}]) }, [l("button", {
+				id: P.value,
+				ref_key: "trigger",
+				ref: A,
+				type: "button",
+				class: p(["m-cascadeselect__trigger", {
+					"m-cascadeselect__trigger--invalid": L.value,
+					"m-cascadeselect__trigger--placeholder": !z.value
+				}]),
+				role: "combobox",
+				disabled: d.disabled,
+				"aria-expanded": O.value,
+				"aria-controls": O.value ? W.value : void 0,
+				"aria-invalid": L.value || void 0,
+				"aria-describedby": R.value ? `${P.value}-help` : void 0,
+				"aria-haspopup": "listbox",
+				onClick: De,
+				onKeydown: je
+			}, [y(be).value && z.value && H.value ? _(t.$slots, "value", { option: H.value }, void 0, void 0, 0) : (m(), c("span", me, v(Ee.value), 1))], 42, pe), l("div", he, [B.value ? (m(), c("button", {
+				key: 0,
+				class: "m-select__clear",
+				type: "button",
+				"aria-label": y(D).clear,
+				onClick: Me
+			}, [u(e, {
+				name: "close",
+				class: "m-control-affix-icon"
+			})], 8, ge)) : s("", !0), l("span", {
+				class: p(["m-select__indicator", { "m-select__indicator--open": O.value }]),
+				"aria-hidden": "true"
+			}, [u(e, {
+				name: "chevron-down",
+				class: "m-control-affix-icon"
+			})], 2)])], 2),
+			R.value ? (m(), c("p", {
+				key: 1,
+				id: `${P.value}-help`,
+				class: p(["m-select-field__help", { "m-select-field__help--invalid": Te.value }])
+			}, v(R.value), 11, _e)) : s("", !0),
+			(m(), o(se, {
+				to: F.value.to,
+				disabled: F.value.disabled
+			}, [u(ce, { name: "m-scale-fade" }, {
+				default: x(() => [O.value ? (m(), c("div", {
+					key: 0,
+					id: W.value,
+					ref_key: "panel",
+					ref: j,
+					class: p(["m-cascadeselect__panel", { "m-cascadeselect__panel--teleported": I.value }]),
+					style: le(M.value),
+					role: "listbox",
+					onKeydown: Ae
+				}, [(m(!0), c(i, null, g(N.value, (n, r) => (m(), o(ne, {
+					key: r,
+					tag: "ul",
+					class: "m-cascadeselect__column",
+					"fit-content": "",
+					"view-class": "m-cascadeselect__column-list"
+				}, {
+					default: x(() => [(m(!0), c(i, null, g(n, (n) => (m(), c("li", { key: String(n.value) }, [l("button", {
+						type: "button",
+						class: p(["m-cascadeselect__option", {
+							"m-cascadeselect__option--selected": n.value === d.modelValue,
+							"m-cascadeselect__option--parent": !!n.children?.length
+						}]),
+						disabled: n.disabled,
+						role: "option",
+						"aria-selected": n.value === d.modelValue,
+						onClick: (e) => Z(n, r)
+					}, [_(t.$slots, "option", { option: n }, () => [l("span", null, v(n.label), 1)]), n.children?.length ? (m(), o(e, {
+						key: 0,
+						name: "chevron-right",
+						size: "sm",
+						"aria-hidden": "true"
+					})) : s("", !0)], 10, ye)]))), 128))]),
+					_: 2
+				}, 1024))), 128))], 46, ve)) : s("", !0)]),
+				_: 3
+			})], 8, ["to", "disabled"]))
+		], 2));
+	}
+});
+//#endregion
+export { S as MCascadeSelect };