morya-ui 0.4.2 → 0.4.4

package/dist/timeline/index.js

@@ -1,23 +1,22 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../types-DGuu4Eg4.js";
-import { a as n, t as r } from "../Icon-od9Ob-Ay.js";
-import { t as i } from "../Scrollbar-DTeJ8P5b.js";
+import { a as t, t as n } from "../Icon-CmHjx7W8.js";
+import { t as r } from "../Scrollbar-DTeJ8P5b.js";
 import "./style.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, withCtx as S } from "vue";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, withCtx as x } from "vue";
 //#region src/components/Timeline/Timeline.vue?vue&type=script&setup=true&lang.ts
-var C = { class: "m-timeline__opposite" }, w = { class: "m-timeline__separator" }, T = {
+var S = { class: "m-timeline__opposite" }, C = { class: "m-timeline__separator" }, w = {
 	key: 1,
 	"aria-hidden": "true"
-}, E = { class: "m-timeline__content" }, D = {
+}, T = { class: "m-timeline__content" }, E = {
 	key: 0,
 	class: "m-timeline__status"
-}, O = { class: "m-timeline__opposite" }, k = { class: "m-timeline__separator" }, A = {
+}, D = { class: "m-timeline__opposite" }, O = { class: "m-timeline__separator" }, k = {
 	key: 1,
 	"aria-hidden": "true"
-}, j = { class: "m-timeline__content" }, M = {
+}, A = { class: "m-timeline__content" }, j = {
 	key: 0,
 	class: "m-timeline__status"
-}, N = /* @__PURE__ */ f({
+}, M = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "Timeline",
 	props: {
@@ -27,108 +26,104 @@ var C = { class: "m-timeline__opposite" }, w = { class: "m-timeline__separator"
 		layout: { default: "vertical" },
 		pending: { type: [Boolean, String] }
 	},
-	setup(f) {
-		let N = f, P = x(), { rootAttrs: F } = e(P, () => N.pt), I = o(() => N.pending === !0 ? "" : typeof N.pending == "string" ? N.pending : null), L = o(() => I.value == null ? N.value : [...N.value, {
-			content: I.value,
-			status: I.value || void 0
-		}]), R = o(() => [
+	setup(d) {
+		let M = d, N = b(), { rootAttrs: P } = e(N, () => M.pt), F = a(() => M.pending === !0 ? "" : typeof M.pending == "string" ? M.pending : null), I = a(() => F.value == null ? M.value : [...M.value, {
+			content: F.value,
+			status: F.value || void 0
+		}]), L = a(() => [
 			"m-timeline",
-			`m-timeline--${N.layout}`,
-			`m-timeline--${N.align}`,
-			{ "m-timeline--pending": I.value != null }
+			`m-timeline--${M.layout}`,
+			`m-timeline--${M.align}`,
+			{ "m-timeline--pending": F.value != null }
 		]);
-		function z(e) {
-			return N.align === "right" ? "right" : N.align === "alternate" ? e % 2 == 0 ? "left" : "right" : "left";
-		}
-		function B(e) {
-			if (e) return e === "help" ? "help" : t(e) ?? void 0;
+		function R(e) {
+			return M.align === "right" ? "right" : M.align === "alternate" ? e % 2 == 0 ? "left" : "right" : "left";
 		}
-		function V(e) {
+		function z(e) {
 			if (e.color) return {
 				background: e.color,
 				borderColor: e.color,
 				color: "var(--m-color-contrast-fg)"
 			};
 		}
-		function H(e) {
-			let t = B(e.severity);
-			return t ? `m-timeline__marker--${t}` : void 0;
+		function B(e) {
+			return e.type ? `m-timeline__marker--${e.type}` : void 0;
 		}
-		function U(e) {
-			if (e.icon && n(String(e.icon))) return e.icon;
+		function V(e) {
+			if (e.icon && t(String(e.icon))) return e.icon;
 		}
-		function W(e) {
-			return I.value != null && e === L.value.length - 1;
+		function H(e) {
+			return F.value != null && e === I.value.length - 1;
 		}
-		return (e, t) => f.layout === "horizontal" ? (g(), s(i, {
+		return (e, t) => d.layout === "horizontal" ? (h(), o(r, {
 			key: 0,
 			class: "m-timeline__scroll m-timeline__scroll--horizontal",
 			"fit-content": "",
 			"wrap-class": "m-timeline__scroll-wrap",
 			"view-class": "m-timeline__scroll-view"
 		}, {
-			default: S(() => [u("ul", p(b(F), { class: R.value }), [(g(!0), l(a, null, _(L.value, (n, i) => (g(), l("li", {
+			default: x(() => [l("ul", f(y(P), { class: L.value }), [(h(!0), c(i, null, g(I.value, (r, i) => (h(), c("li", {
 				key: i,
-				class: m(["m-timeline__event", [`m-timeline__event--${z(i)}`, { "m-timeline__event--pending": W(i) }]])
-			}, [v(e.$slots, "item", {
-				item: n,
+				class: p(["m-timeline__event", [`m-timeline__event--${R(i)}`, { "m-timeline__event--pending": H(i) }]])
+			}, [_(e.$slots, "item", {
+				item: r,
 				index: i
 			}, () => [
-				u("div", C, [v(e.$slots, "opposite", {
-					item: n,
+				l("div", S, [_(e.$slots, "opposite", {
+					item: r,
 					index: i
-				}, () => [d(y(n.date), 1)])]),
-				u("div", w, [v(e.$slots, "marker", {
-					item: n,
+				}, () => [u(v(r.date), 1)])]),
+				l("div", C, [_(e.$slots, "marker", {
+					item: r,
 					index: i
-				}, () => [u("span", {
-					class: m(["m-timeline__marker", H(n)]),
-					style: h(V(n))
-				}, [U(n) ? (g(), s(r, {
+				}, () => [l("span", {
+					class: p(["m-timeline__marker", B(r)]),
+					style: m(z(r))
+				}, [V(r) ? (h(), o(n, {
 					key: 0,
-					name: U(n),
+					name: V(r),
 					size: "sm"
-				}, null, 8, ["name"])) : n.icon ? (g(), l("span", T, y(n.icon), 1)) : c("", !0)], 6)]), v(e.$slots, "connector", {
-					item: n,
+				}, null, 8, ["name"])) : r.icon ? (h(), c("span", w, v(r.icon), 1)) : s("", !0)], 6)]), _(e.$slots, "connector", {
+					item: r,
 					index: i
-				}, () => [t[0] ||= u("span", { class: "m-timeline__connector" }, null, -1)])]),
-				u("div", E, [v(e.$slots, "content", {
-					item: n,
+				}, () => [t[0] ||= l("span", { class: "m-timeline__connector" }, null, -1)])]),
+				l("div", T, [_(e.$slots, "content", {
+					item: r,
 					index: i
-				}, () => [n.status ? (g(), l("div", D, y(n.status), 1)) : c("", !0), u("div", null, y(n.content), 1)])])
+				}, () => [r.status ? (h(), c("div", E, v(r.status), 1)) : s("", !0), l("div", null, v(r.content), 1)])])
 			])], 2))), 128))], 16)]),
 			_: 3
-		})) : (g(), l("ul", p({ key: 1 }, b(F), { class: R.value }), [(g(!0), l(a, null, _(L.value, (n, i) => (g(), l("li", {
+		})) : (h(), c("ul", f({ key: 1 }, y(P), { class: L.value }), [(h(!0), c(i, null, g(I.value, (r, i) => (h(), c("li", {
 			key: i,
-			class: m(["m-timeline__event", [`m-timeline__event--${z(i)}`, { "m-timeline__event--pending": W(i) }]])
-		}, [v(e.$slots, "item", {
-			item: n,
+			class: p(["m-timeline__event", [`m-timeline__event--${R(i)}`, { "m-timeline__event--pending": H(i) }]])
+		}, [_(e.$slots, "item", {
+			item: r,
 			index: i
 		}, () => [
-			u("div", O, [v(e.$slots, "opposite", {
-				item: n,
+			l("div", D, [_(e.$slots, "opposite", {
+				item: r,
 				index: i
-			}, () => [d(y(n.date), 1)])]),
-			u("div", k, [v(e.$slots, "marker", {
-				item: n,
+			}, () => [u(v(r.date), 1)])]),
+			l("div", O, [_(e.$slots, "marker", {
+				item: r,
 				index: i
-			}, () => [u("span", {
-				class: m(["m-timeline__marker", H(n)]),
-				style: h(V(n))
-			}, [U(n) ? (g(), s(r, {
+			}, () => [l("span", {
+				class: p(["m-timeline__marker", B(r)]),
+				style: m(z(r))
+			}, [V(r) ? (h(), o(n, {
 				key: 0,
-				name: U(n),
+				name: V(r),
 				size: "sm"
-			}, null, 8, ["name"])) : n.icon ? (g(), l("span", A, y(n.icon), 1)) : c("", !0)], 6)]), v(e.$slots, "connector", {
-				item: n,
+			}, null, 8, ["name"])) : r.icon ? (h(), c("span", k, v(r.icon), 1)) : s("", !0)], 6)]), _(e.$slots, "connector", {
+				item: r,
 				index: i
-			}, () => [t[1] ||= u("span", { class: "m-timeline__connector" }, null, -1)])]),
-			u("div", j, [v(e.$slots, "content", {
-				item: n,
+			}, () => [t[1] ||= l("span", { class: "m-timeline__connector" }, null, -1)])]),
+			l("div", A, [_(e.$slots, "content", {
+				item: r,
 				index: i
-			}, () => [n.status ? (g(), l("div", M, y(n.status), 1)) : c("", !0), u("div", null, y(n.content), 1)])])
+			}, () => [r.status ? (h(), c("div", j, v(r.status), 1)) : s("", !0), l("div", null, v(r.content), 1)])])
 		])], 2))), 128))], 16));
 	}
 });
 //#endregion
-export { N as MTimeline };
+export { M as MTimeline };