morya-ui 0.2.2 → 0.2.4

package/dist/tiered-menu/style.js

@@ -1,4 +1,5 @@
 import '../theme/styles.css'
 import '../styles/base.css'
 import '../components/Icon/styles.css'
+import '../components/Scrollbar/styles.css'
 import '../components/TieredMenu/styles.css'

package/dist/timeline/index.js

@@ -1,16 +1,23 @@
 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 { t as i } from "../Scrollbar-DoNZvgX2.js";
 import "./style.js";
-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";
+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";
 //#region src/components/Timeline/Timeline.vue?vue&type=script&setup=true&lang.ts
-var x = { class: "m-timeline__opposite" }, S = { class: "m-timeline__separator" }, C = {
+var C = { class: "m-timeline__opposite" }, w = { class: "m-timeline__separator" }, T = {
 	key: 1,
 	"aria-hidden": "true"
-}, w = { class: "m-timeline__content" }, T = {
+}, E = { class: "m-timeline__content" }, D = {
 	key: 0,
 	class: "m-timeline__status"
-}, E = /* @__PURE__ */ d({
+}, O = { class: "m-timeline__opposite" }, k = { class: "m-timeline__separator" }, A = {
+	key: 1,
+	"aria-hidden": "true"
+}, j = { class: "m-timeline__content" }, M = {
+	key: 0,
+	class: "m-timeline__status"
+}, N = /* @__PURE__ */ f({
 	inheritAttrs: !1,
 	__name: "Timeline",
 	props: {
@@ -20,70 +27,108 @@ var x = { class: "m-timeline__opposite" }, S = { class: "m-timeline__separator"
 		layout: { default: "vertical" },
 		pending: { type: [Boolean, String] }
 	},
-	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(() => [
+	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(() => [
 			"m-timeline",
-			`m-timeline--${E.layout}`,
-			`m-timeline--${E.align}`,
-			{ "m-timeline--pending": k.value != null }
+			`m-timeline--${N.layout}`,
+			`m-timeline--${N.align}`,
+			{ "m-timeline--pending": I.value != null }
 		]);
-		function M(e) {
-			return E.align === "right" ? "right" : E.align === "alternate" ? e % 2 == 0 ? "left" : "right" : "left";
+		function z(e) {
+			return N.align === "right" ? "right" : N.align === "alternate" ? e % 2 == 0 ? "left" : "right" : "left";
 		}
-		function N(e) {
+		function B(e) {
 			if (e) return e === "help" ? "help" : t(e) ?? void 0;
 		}
-		function P(e) {
+		function V(e) {
 			if (e.color) return {
 				background: e.color,
 				borderColor: e.color,
 				color: "var(--m-color-contrast-fg)"
 			};
 		}
-		function F(e) {
-			let t = N(e.severity);
+		function H(e) {
+			let t = B(e.severity);
 			return t ? `m-timeline__marker--${t}` : void 0;
 		}
-		function I(e) {
+		function U(e) {
 			if (e.icon && n(String(e.icon))) return e.icon;
 		}
-		function L(e) {
-			return k.value != null && e === A.value.length - 1;
+		function W(e) {
+			return I.value != null && e === L.value.length - 1;
 		}
-		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", {
+		return (e, t) => f.layout === "horizontal" ? (g(), s(i, {
+			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", {
+				key: i,
+				class: m(["m-timeline__event", [`m-timeline__event--${z(i)}`, { "m-timeline__event--pending": W(i) }]])
+			}, [v(e.$slots, "item", {
+				item: n,
+				index: i
+			}, () => [
+				u("div", C, [v(e.$slots, "opposite", {
+					item: n,
+					index: i
+				}, () => [d(y(n.date), 1)])]),
+				u("div", w, [v(e.$slots, "marker", {
+					item: n,
+					index: i
+				}, () => [u("span", {
+					class: m(["m-timeline__marker", H(n)]),
+					style: h(V(n))
+				}, [U(n) ? (g(), s(r, {
+					key: 0,
+					name: U(n),
+					size: "sm"
+				}, null, 8, ["name"])) : n.icon ? (g(), l("span", T, y(n.icon), 1)) : c("", !0)], 6)]), v(e.$slots, "connector", {
+					item: n,
+					index: i
+				}, () => [t[0] ||= u("span", { class: "m-timeline__connector" }, null, -1)])]),
+				u("div", E, [v(e.$slots, "content", {
+					item: n,
+					index: i
+				}, () => [n.status ? (g(), l("div", D, y(n.status), 1)) : c("", !0), u("div", null, y(n.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", {
 			key: i,
-			class: p(["m-timeline__event", [`m-timeline__event--${M(i)}`, { "m-timeline__event--pending": L(i) }]])
-		}, [_(e.$slots, "item", {
+			class: m(["m-timeline__event", [`m-timeline__event--${z(i)}`, { "m-timeline__event--pending": W(i) }]])
+		}, [v(e.$slots, "item", {
 			item: n,
 			index: i
 		}, () => [
-			l("div", x, [_(e.$slots, "opposite", {
+			u("div", O, [v(e.$slots, "opposite", {
 				item: n,
 				index: i
-			}, () => [u(v(n.date), 1)])]),
-			l("div", S, [_(e.$slots, "marker", {
+			}, () => [d(y(n.date), 1)])]),
+			u("div", k, [v(e.$slots, "marker", {
 				item: n,
 				index: i
-			}, () => [l("span", {
-				class: p(["m-timeline__marker", F(n)]),
-				style: m(P(n))
-			}, [I(n) ? (h(), o(r, {
+			}, () => [u("span", {
+				class: m(["m-timeline__marker", H(n)]),
+				style: h(V(n))
+			}, [U(n) ? (g(), s(r, {
 				key: 0,
-				name: I(n),
+				name: U(n),
 				size: "sm"
-			}, null, 8, ["name"])) : n.icon ? (h(), c("span", C, v(n.icon), 1)) : s("", !0)], 6)]), _(e.$slots, "connector", {
+			}, null, 8, ["name"])) : n.icon ? (g(), l("span", A, y(n.icon), 1)) : c("", !0)], 6)]), v(e.$slots, "connector", {
 				item: n,
 				index: i
-			}, () => [t[0] ||= l("span", { class: "m-timeline__connector" }, null, -1)])]),
-			l("div", w, [_(e.$slots, "content", {
+			}, () => [t[1] ||= u("span", { class: "m-timeline__connector" }, null, -1)])]),
+			u("div", j, [v(e.$slots, "content", {
 				item: n,
 				index: i
-			}, () => [n.status ? (h(), c("div", T, v(n.status), 1)) : s("", !0), l("div", null, v(n.content), 1)])])
+			}, () => [n.status ? (g(), l("div", M, y(n.status), 1)) : c("", !0), u("div", null, y(n.content), 1)])])
 		])], 2))), 128))], 16));
 	}
 });
 //#endregion
-export { E as MTimeline };
+export { N as MTimeline };