morya-ui 0.3.8 → 0.4.0

package/dist/{Pagination-lJ7cce6g.js → Pagination-BkPBWEQq.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./Icon-od9Ob-Ay.js";
-import { t as n } from "./Select-DyxORH6Q.js";
-import { n as r, t as i } from "./locale-xavS6-Hw.js";
+import { t as n } from "./Select-DzfyO0FE.js";
+import { n as r, t as i } from "./locale-Dnk0UIie.js";
 import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, unref as _, useAttrs as v } from "vue";
 //#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
 var y = ["aria-label"], b = ["disabled", "aria-label"], x = {
@@ -33,10 +33,15 @@ var y = ["aria-label"], b = ["disabled", "aria-label"], x = {
 			type: Boolean,
 			default: !1
 		},
+		size: { default: "medium" },
 		showSizePicker: {
 			type: Boolean,
 			default: !1
 		},
+		showSizeChanger: {
+			type: Boolean,
+			default: !1
+		},
 		pageSizes: { default: () => [
 			10,
 			20,
@@ -59,83 +64,83 @@ var y = ["aria-label"], b = ["disabled", "aria-label"], x = {
 		"update:pageSize"
 	],
 	setup(d, { expose: A, emit: j }) {
-		let M = d, N = j, P = v(), { rootAttrs: F } = e(P, () => M.pt), I = r(), L = o(() => Math.max(1, M.pageSize ?? M.rows)), R = o(() => Math.max(1, Math.ceil(M.totalRecords / L.value))), z = o(() => Math.min(Math.max(1, M.modelValue), R.value)), B = o(() => (z.value - 1) * L.value), V = o(() => {
-			let e = Math.min(M.pageLinkSize, R.value), t = Math.min(Math.max(1, z.value - Math.floor(e / 2)), R.value - e + 1);
+		let M = d, N = j, P = v(), { rootAttrs: F } = e(P, () => M.pt), I = r(), L = o(() => Math.max(1, M.pageSize ?? M.rows)), R = o(() => M.showSizePicker || M.showSizeChanger), z = o(() => Math.max(1, Math.ceil(M.totalRecords / L.value))), B = o(() => Math.min(Math.max(1, M.modelValue), z.value)), V = o(() => (B.value - 1) * L.value), H = o(() => {
+			let e = Math.min(M.pageLinkSize, z.value), t = Math.min(Math.max(1, B.value - Math.floor(e / 2)), z.value - e + 1);
 			return Array.from({ length: e }, (e, n) => t + n);
-		}), H = o(() => {
+		}), U = o(() => {
 			let e = [...M.pageSizes];
 			return e.includes(L.value) || e.unshift(L.value), e;
-		}), U = o(() => !M.showQuickJumper || M.simple ? [] : Array.from({ length: R.value }, (e, t) => {
+		}), W = o(() => !M.showQuickJumper || M.simple ? [] : Array.from({ length: z.value }, (e, t) => {
 			let n = t + 1;
 			return {
 				label: String(n),
 				value: n
 			};
-		})), W = o(() => ({ control: { "aria-label": I.value.jumpToPage } }));
-		function G(e) {
-			let t = Math.min(Math.max(1, e), R.value);
-			M.disabled || t === z.value || (N("update:modelValue", t), N("page", t));
-		}
+		})), G = o(() => ({ control: { "aria-label": I.value.jumpToPage } }));
 		function K(e) {
+			let t = Math.min(Math.max(1, e), z.value);
+			M.disabled || t === B.value || (N("update:modelValue", t), N("page", t));
+		}
+		function q(e) {
 			if (M.disabled || e === L.value) return;
 			N("update:rows", e), N("update:pageSize", e);
-			let t = Math.max(1, Math.ceil(M.totalRecords / e)), n = Math.min(z.value, t);
-			n !== z.value && (N("update:modelValue", n), N("page", n));
+			let t = Math.max(1, Math.ceil(M.totalRecords / e)), n = Math.min(B.value, t);
+			n !== B.value && (N("update:modelValue", n), N("page", n));
 		}
-		function q(e) {
+		function J(e) {
 			let t = Number(e.target.value);
-			Number.isFinite(t) && K(t);
+			Number.isFinite(t) && q(t);
 		}
-		function J(e) {
+		function Y(e) {
 			if (typeof e != "number" && typeof e != "string") return;
 			let t = typeof e == "number" ? e : Number(e);
-			Number.isFinite(t) && G(t);
+			Number.isFinite(t) && K(t);
 		}
-		function Y(e) {
+		function X(e) {
 			return i(I.value.page, { page: e });
 		}
 		return A({
-			first: B,
-			pageCount: R
+			first: V,
+			pageCount: z
 		}), (e, r) => (m(), c("nav", f(_(F), {
-			class: ["m-pagination", { "m-pagination--simple": d.simple }],
+			class: ["m-pagination", [`m-pagination--${d.size}`, { "m-pagination--simple": d.simple }]],
 			"aria-label": _(I).pagination
 		}), [
 			l("button", {
 				type: "button",
 				class: "m-pagination__button",
-				disabled: d.disabled || z.value === 1,
+				disabled: d.disabled || B.value === 1,
 				"aria-label": _(I).prevPage,
-				onClick: r[0] ||= (e) => G(z.value - 1)
+				onClick: r[0] ||= (e) => K(B.value - 1)
 			}, [u(t, {
 				name: "chevron-left",
 				size: "sm"
 			})], 8, b),
-			d.simple ? (m(), c("span", x, g(z.value) + " / " + g(R.value), 1)) : (m(!0), c(a, { key: 1 }, h(V.value, (e) => (m(), c("button", {
+			d.simple ? (m(), c("span", x, g(B.value) + " / " + g(z.value), 1)) : (m(!0), c(a, { key: 1 }, h(H.value, (e) => (m(), c("button", {
 				key: e,
 				type: "button",
-				class: p(["m-pagination__button", { "m-pagination__button--active": e === z.value }]),
+				class: p(["m-pagination__button", { "m-pagination__button--active": e === B.value }]),
 				disabled: d.disabled,
-				"aria-label": Y(e),
-				"aria-current": e === z.value ? "page" : void 0,
-				onClick: (t) => G(e)
+				"aria-label": X(e),
+				"aria-current": e === B.value ? "page" : void 0,
+				onClick: (t) => K(e)
 			}, g(e), 11, S))), 128)),
 			l("button", {
 				type: "button",
 				class: "m-pagination__button",
-				disabled: d.disabled || z.value === R.value,
+				disabled: d.disabled || B.value === z.value,
 				"aria-label": _(I).nextPage,
-				onClick: r[1] ||= (e) => G(z.value + 1)
+				onClick: r[1] ||= (e) => K(B.value + 1)
 			}, [u(t, {
 				name: "chevron-right",
 				size: "sm"
 			})], 8, C),
-			d.showSizePicker && !d.simple ? (m(), c("label", w, [l("span", T, g(_(I).itemsPerPage), 1), l("select", {
+			R.value && !d.simple ? (m(), c("label", w, [l("span", T, g(_(I).itemsPerPage), 1), l("select", {
 				class: "m-pagination__select",
 				disabled: d.disabled,
 				value: L.value,
-				onChange: q
-			}, [(m(!0), c(a, null, h(H.value, (e) => (m(), c("option", {
+				onChange: J
+			}, [(m(!0), c(a, null, h(U.value, (e) => (m(), c("option", {
 				key: e,
 				value: e
 			}, g(e), 9, D))), 128))], 40, E)])) : s("", !0),
@@ -144,17 +149,17 @@ var y = ["aria-label"], b = ["disabled", "aria-label"], x = {
 				u(n, {
 					class: "m-pagination__jumper-select",
 					size: "small",
-					"model-value": z.value,
-					options: U.value,
+					"model-value": B.value,
+					options: W.value,
 					disabled: d.disabled,
-					filter: R.value > 10,
-					pt: W.value,
-					"onUpdate:modelValue": J
+					"show-search": z.value > 10,
+					pt: G.value,
+					"onUpdate:modelValue": Y
 				}, null, 8, [
 					"model-value",
 					"options",
 					"disabled",
-					"filter",
+					"show-search",
 					"pt"
 				]),
 				_(I).pageClassifier ? (m(), c("span", k, g(_(I).pageClassifier), 1)) : s("", !0)

package/dist/{Popover-CQ2VYpFJ.js → Popover-B_2c9NWs.js}

@@ -1,9 +1,9 @@
 import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
-import { t } from "./useMotionTransition-tW0yeJsy.js";
-import { n, t as r } from "./overlay-oR-5MDuE.js";
-import { t as i } from "./overlayPlacement-qwEJPVS4.js";
-import { t as a } from "./useMId-BXFYayPP.js";
-import { c as o } from "./config-De8ueCY-.js";
+import { n as t, t as n } from "./overlay-oR-5MDuE.js";
+import { t as r } from "./overlayPlacement-qwEJPVS4.js";
+import { t as i } from "./useMId-BXFYayPP.js";
+import { t as a } from "./useMotionTransition-S2rlviyZ.js";
+import { c as o } from "./config-COgrsSV2.js";
 import { Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as ee, openBlock as b, ref as x, renderSlot as S, unref as C, useAttrs as te, watch as ne, withCtx as re } from "vue";
 //#region src/components/Popover/Popover.vue?vue&type=script&setup=true&lang.ts
 var ie = ["aria-expanded", "aria-controls"], ae = ["id"], w = /* @__PURE__ */ h({
@@ -39,12 +39,12 @@ var ie = ["aria-expanded", "aria-controls"], ae = ["id"], w = /* @__PURE__ */ h(
 		"hide"
 	],
 	setup(h, { expose: w, emit: T }) {
-		let E = h, D = T, O = te(), { rootAttrs: k } = e(O, () => E.pt), A = o(), { transitionName: j, transitionCss: M } = t({
+		let E = h, D = T, O = te(), { rootAttrs: k } = e(O, () => E.pt), A = o(), { transitionName: j, transitionCss: M } = a({
 			role: "popup",
 			local: () => E.transition,
 			componentName: "Popover",
 			fallback: "scale-fade"
-		}), N = a(), P = x(null), F = x(null), I = x(null), L = x({}), R = l(() => n(E, A.value.appendTo)), z = l(() => r(E, A.value.appendTo)), B, V;
+		}), N = i(), P = x(null), F = x(null), I = x(null), L = x({}), R = l(() => t(E, A.value.appendTo)), z = l(() => n(E, A.value.appendTo)), B, V;
 		function H(e) {
 			e && E.disabled || D("update:modelValue", e);
 		}
@@ -120,7 +120,7 @@ var ie = ["aria-expanded", "aria-controls"], ae = ["id"], w = /* @__PURE__ */ h(
 			}
 		}
 		function X() {
-			!z.value || !F.value || (L.value = i(F.value.getBoundingClientRect(), E.placement));
+			!z.value || !F.value || (L.value = r(F.value.getBoundingClientRect(), E.placement));
 		}
 		function Z(e) {
 			let t = e.target;

package/dist/ProgressSpinner-B_OJG_0l.js

@@ -0,0 +1,106 @@
+import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { i as t } from "./types-DGuu4Eg4.js";
+import { t as n } from "./usePauseOffscreen-BIikV_gj.js";
+import { n as r } from "./locale-Dnk0UIie.js";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, useSlots as y, watch as b } from "vue";
+//#region src/components/ProgressSpinner/ProgressSpinner.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-busy"], S = ["inert"], C = {
+	key: 0,
+	class: "m-progress-spinner-wrap__overlay"
+}, w = ["aria-label"], T = ["stroke-width"], E = {
+	key: 0,
+	class: "m-progress-spinner__description"
+}, D = ["aria-label"], O = ["stroke-width"], k = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "ProgressSpinner",
+	props: {
+		pt: {},
+		strokeWidth: { default: "2" },
+		animationDuration: { default: "1s" },
+		ariaLabel: {},
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		delay: { default: 0 },
+		size: {},
+		description: {},
+		tip: {}
+	},
+	setup(c) {
+		let k = c, A = v(), { rootAttrs: j } = e(A, () => k.pt), M = y(), N = r(), P = i(() => k.ariaLabel ?? N.value.loading), F = i(() => k.description ?? k.tip), I = i(() => !!M.default), L = i(() => t(k.size)), R = m(k.show && k.delay <= 0), z = m(null), { pauseAttrs: B } = n(z, () => R.value), V = null;
+		function H() {
+			V !== null && (clearTimeout(V), V = null);
+		}
+		b(() => [
+			k.show,
+			k.delay,
+			I.value
+		], ([e, t]) => {
+			if (H(), !e) {
+				R.value = !1;
+				return;
+			}
+			if (!t) {
+				R.value = !0;
+				return;
+			}
+			R.value = !1, V = setTimeout(() => {
+				R.value = !0, V = null;
+			}, t);
+		}, { immediate: !0 }), f(H);
+		let U = i(() => ({ animationDuration: k.animationDuration })), W = i(() => ({
+			"m-progress-spinner--small": L.value === "small",
+			"m-progress-spinner--large": L.value === "large"
+		}));
+		return (e, t) => I.value ? (p(), o("div", l({
+			key: 0,
+			ref_key: "rootRef",
+			ref: z
+		}, {
+			..._(j),
+			..._(B)
+		}, {
+			class: ["m-progress-spinner-wrap", { "m-progress-spinner-wrap--active": R.value }],
+			"aria-busy": R.value || void 0
+		}), [s("div", {
+			class: "m-progress-spinner-wrap__content",
+			inert: R.value || void 0
+		}, [h(e.$slots, "default")], 8, S), R.value ? (p(), o("div", C, [(p(), o("svg", {
+			class: u(["m-progress-spinner", W.value]),
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": P.value,
+			style: d(U.value)
+		}, [s("circle", {
+			class: "m-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": c.strokeWidth
+		}, null, 8, T)], 14, w)), F.value ? (p(), o("p", E, g(F.value), 1)) : a("", !0)])) : a("", !0)], 16, x)) : (p(), o("svg", l({
+			key: 1,
+			ref_key: "rootRef",
+			ref: z
+		}, {
+			..._(j),
+			..._(B)
+		}, {
+			class: ["m-progress-spinner", W.value],
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": P.value,
+			style: U.value
+		}), [s("circle", {
+			class: "m-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": c.strokeWidth
+		}, null, 8, O)], 16, D));
+	}
+});
+//#endregion
+export { k as t };

package/dist/{Radio-BbJ_Jyil.js → Radio-Bxd806ys.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./useComponentAttrs-e-5QAjdw.js";
 import { t } from "./useMId-BXFYayPP.js";
-import { o as n } from "./config-De8ueCY-.js";
+import { o as n } from "./config-COgrsSV2.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, inject as l, mergeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h } from "vue";
 //#region src/components/Radio/types.ts
 var g = Symbol("muRadioGroup"), _ = ["for"], v = [

package/dist/Segmented-BRMSmXCl.js

@@ -0,0 +1,115 @@
+import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { t } from "./useMId-BXFYayPP.js";
+import { t as n } from "./Icon-od9Ob-Ay.js";
+import { t as r } from "./useMenuKeyboard-BedmYE4W.js";
+import { o as i } from "./config-COgrsSV2.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, useAttrs as y, watch as b } from "vue";
+//#region src/components/Segmented/Segmented.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-label"], S = [
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"tabindex",
+	"onChange"
+], C = { class: "m-segmented__label" }, w = { class: "m-segmented__text" }, T = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "Segmented",
+	props: {
+		pt: {},
+		modelValue: {},
+		options: {},
+		size: {},
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		shape: { default: "default" },
+		label: {},
+		name: {}
+	},
+	emits: ["update:modelValue"],
+	setup(d, { emit: T }) {
+		let E = d, D = T, O = y(), { rootAttrs: k } = e(O, () => E.pt), A = i("Segmented", () => E.size), j = t("m-segmented"), M = o(() => E.name ?? j);
+		function N(e) {
+			return typeof e == "string" ? {
+				label: e,
+				value: e
+			} : {
+				label: e.label ?? String(e.value),
+				value: e.value,
+				icon: e.icon,
+				disabled: e.disabled
+			};
+		}
+		let P = o(() => E.options.map(N)), F = o(() => [
+			"m-segmented",
+			`m-segmented--${A.value}`,
+			{
+				"m-segmented--block": E.block,
+				"m-segmented--disabled": E.disabled,
+				"m-segmented--round": E.shape === "round"
+			}
+		]);
+		function I(e) {
+			return E.modelValue === e.value;
+		}
+		function L(e) {
+			E.disabled || e.disabled || D("update:modelValue", e.value);
+		}
+		let R = h(null), z = r({
+			itemCount: () => P.value.length,
+			isItemDisabled: (e) => !!P.value[e]?.disabled,
+			orientation: "horizontal",
+			enabled: () => !E.disabled,
+			onActivate: (e) => {
+				let t = P.value[e];
+				t && L(t);
+			}
+		});
+		function B(e) {
+			if (z.activeIndex.value >= 0) return z.tabindexFor(e);
+			let t = P.value.findIndex((e) => I(e));
+			return e === (t >= 0 && !P.value[t]?.disabled ? t : P.value.findIndex((e) => !e.disabled)) ? 0 : -1;
+		}
+		function V(e) {
+			z.onKeydown(e);
+		}
+		return b(z.activeIndex, (e) => {
+			e < 0 || (R.value?.querySelectorAll(".m-segmented__input"))?.[e]?.focus({ preventScroll: !0 });
+		}), (e, t) => (m(), l("div", f(v(k), {
+			ref_key: "root",
+			ref: R,
+			class: F.value,
+			role: "radiogroup",
+			"aria-label": d.label,
+			onKeydown: V
+		}), [(m(!0), l(a, null, g(P.value, (e, t) => (m(), l("label", {
+			key: String(e.value),
+			class: p(["m-segmented__item", {
+				"m-segmented__item--checked": I(e),
+				"m-segmented__item--disabled": d.disabled || e.disabled
+			}])
+		}, [u("input", {
+			class: "m-segmented__input",
+			type: "radio",
+			name: M.value,
+			value: String(e.value),
+			checked: I(e),
+			disabled: d.disabled || e.disabled,
+			tabindex: B(t),
+			onChange: (t) => L(e)
+		}, null, 40, S), u("span", C, [e.icon ? (m(), s(n, {
+			key: 0,
+			name: e.icon,
+			class: "m-segmented__icon",
+			"aria-hidden": "true"
+		}, null, 8, ["name"])) : c("", !0), u("span", w, _(e.label), 1)])], 2))), 128))], 16, x));
+	}
+});
+//#endregion
+export { T as t };