morya-ui 0.1.1 → 0.2.2

package/dist/timeline/index.js

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