morya-ui 0.1.1

package/dist/gallery/style.js

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

package/dist/grid/index.js

@@ -0,0 +1,190 @@
+import { a as e, t } from "../vnode-C7Y1SjKB.js";
+import { n } from "../responsive-DA5bxylA.js";
+import "./style.js";
+import { Comment as r, Fragment as i, cloneVNode as a, computed as o, createBlock as s, createElementBlock as c, defineComponent as l, inject as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, provide as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, toRef as S, unref as C, useAttrs as w, useSlots as T, watch as E } from "vue";
+//#region src/components/Grid/types.ts
+var D = Symbol("muGrid"), O = "__M_GRID_ITEM__", k = /* @__PURE__ */ l({
+	name: "MGrid",
+	inheritAttrs: !1,
+	__name: "Grid",
+	props: {
+		layoutShiftDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		responsive: { default: "self" },
+		cols: { default: 24 },
+		xGap: { default: 0 },
+		yGap: { default: 0 },
+		itemResponsive: {
+			type: Boolean,
+			default: !1
+		},
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		collapsedRows: { default: 1 },
+		itemStyle: {}
+	},
+	setup(l) {
+		let u = l, f = T(), p = v(null), C = v(void 0), w = v(!1), O = /* @__PURE__ */ new Set([
+			"small",
+			"medium",
+			"large"
+		]);
+		function k(e) {
+			return typeof e == "string" && O.has(e.trim());
+		}
+		let A = o(() => {
+			if (u.itemResponsive) return !0;
+			let e = /^\d+(\.\d+)?$/;
+			return !e.test(String(u.cols)) || !e.test(String(u.xGap)) && !k(u.xGap) || !e.test(String(u.yGap)) && !k(u.yGap);
+		});
+		function j() {
+			if (!A.value) {
+				C.value = void 0;
+				return;
+			}
+			if (u.responsive === "self") {
+				C.value = p.value?.clientWidth;
+				return;
+			}
+			C.value = typeof window < "u" ? window.innerWidth : void 0;
+		}
+		let M = null;
+		function N() {
+			M?.disconnect(), M = null, typeof window < "u" && window.removeEventListener("resize", j), A.value && (u.responsive === "self" && p.value && typeof ResizeObserver < "u" ? (M = new ResizeObserver(() => j()), M.observe(p.value)) : u.responsive === "screen" && typeof window < "u" && window.addEventListener("resize", j));
+		}
+		h(() => {
+			j(), N();
+		}), m(() => {
+			M?.disconnect(), typeof window < "u" && window.removeEventListener("resize", j);
+		}), E(() => [
+			u.responsive,
+			u.cols,
+			u.xGap,
+			u.yGap,
+			u.itemResponsive,
+			u.collapsed,
+			u.collapsedRows
+		], () => {
+			j(), N();
+		});
+		let P = o(() => n(u.cols, C.value) ?? 24);
+		function F(t, r) {
+			return k(t) ? e(t.trim()) : `${n(t, r) ?? 0}px`;
+		}
+		let I = o(() => F(u.xGap, C.value)), L = o(() => F(u.yGap, C.value)), R = o(() => ({
+			display: "grid",
+			width: "100%",
+			gridTemplateColumns: `repeat(${P.value}, minmax(0, 1fr))`,
+			columnGap: I.value,
+			rowGap: L.value
+		}));
+		function z(e) {
+			let t = e.type;
+			return typeof t == "string" || t == null ? !1 : !!(t.__M_GRID_ITEM__ || t.name === "MGridItem" || t.name === "MGi" || t.__name === "GridItem");
+		}
+		function B(e) {
+			if (w.value = !1, u.layoutShiftDisabled) return e;
+			let t = P.value, i = [];
+			for (let t of e) {
+				if (t.type === r) {
+					i.push({
+						node: t,
+						span: 0,
+						offset: 0,
+						suffix: !1
+					});
+					continue;
+				}
+				if (!z(t)) continue;
+				let e = n(t.props?.span ?? 1, C.value) ?? 1, a = n(t.props?.offset ?? 0, C.value) ?? 0, o = t.props?.suffix !== void 0 && t.props?.suffix !== !1;
+				e !== 0 && i.push({
+					node: t,
+					span: e,
+					offset: a,
+					suffix: o
+				});
+			}
+			let o = 0, s = i[i.length - 1];
+			s?.suffix && (o = Math.min(s.span + s.offset, t));
+			let c = 0, l = !1;
+			return i.map((e) => {
+				if (e.node.type === r || e.span === 0) return e.node;
+				let n = Math.min(e.span + e.offset, t), i = !0, s;
+				if (e.suffix && (s = t + 1 - Math.min(e.span, t)), u.collapsed && !e.suffix) {
+					if (l) i = !1, w.value = !0;
+					else {
+						let e = c % t, r = c;
+						n + e > t && (r += t - e), n + r + o > u.collapsedRows * t ? (l = !0, i = !1, w.value = !0) : c = r + n;
+					}
+				} else if (!e.suffix) {
+					let e = c % t;
+					n + e > t && (c += t - e), c += n;
+				}
+				return a(e.node, {
+					privateSpan: n,
+					privateOffset: e.offset,
+					privateColStart: s,
+					privateShow: i
+				});
+			});
+		}
+		let V = o(() => B(t(f.default?.())));
+		return _(D, {
+			overflow: w,
+			itemStyle: S(u, "itemStyle"),
+			xGap: I,
+			layoutShiftDisabled: S(u, "layoutShiftDisabled"),
+			assignLayout: (e, t) => t,
+			register: () => void 0,
+			unregister: () => void 0
+		}), (e, t) => (g(), c("div", d({
+			ref_key: "rootEl",
+			ref: p,
+			class: "m-grid",
+			style: R.value
+		}, e.$attrs), [l.layoutShiftDisabled ? b(e.$slots, "default", {}, void 0, void 0, 0) : (g(!0), c(i, { key: 1 }, y(V.value, (e, t) => (g(), s(x(e), { key: t }))), 128))], 16));
+	}
+}), A = /* @__PURE__ */ l({
+	name: "MGridItem",
+	inheritAttrs: !1,
+	[O]: !0,
+	__name: "GridItem",
+	props: {
+		span: { default: 1 },
+		offset: { default: 0 },
+		suffix: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, r = w(), i = u(D, null), a = o(() => {
+			let e = r.privateSpan;
+			return typeof e == "number" ? e : n(t.span, void 0) ?? 1;
+		}), s = o(() => {
+			let e = r.privateOffset;
+			return typeof e == "number" ? e : n(t.offset, void 0) ?? 0;
+		}), l = o(() => r.privateColStart), d = o(() => r.privateShow !== !1), m = o(() => {
+			let e = a.value, t = s.value, n = i?.xGap.value ?? "0px", o = l.value;
+			return [
+				i?.itemStyle.value,
+				r.style,
+				{
+					display: d.value ? void 0 : "none",
+					gridColumn: o ? `${o} / span ${e}` : `span ${e} / span ${e}`,
+					marginLeft: t > 0 ? `calc((100% - (${e} - 1) * ${n}) / ${e} * ${t} + ${n} * ${t})` : void 0
+				}
+			];
+		}), h = o(() => i?.overflow.value ?? !1);
+		return (e, t) => (g(), c("div", {
+			class: f(["m-grid-item", C(r).class]),
+			style: p(m.value)
+		}, [b(e.$slots, "default", { overflow: h.value })], 6));
+	}
+});
+//#endregion
+export { A as MGi, A as MGridItem, k as MGrid, D as M_GRID_KEY };