@well-insight/ui 0.1.7 → 0.1.9

package/dist/gallery/style.js

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

package/dist/gap-rHurpwNv.js

@@ -0,0 +1,41 @@
+//#region src/shared/gap.ts
+var e = {
+	small: "var(--wi-space-2)",
+	medium: "var(--wi-space-3)",
+	large: "var(--wi-space-4)"
+};
+function t(t = "medium") {
+	if (Array.isArray(t)) {
+		let e = `${t[0]}px`, n = `${t[1]}px`;
+		return {
+			row: n,
+			col: e,
+			css: `${n} ${e}`
+		};
+	}
+	if (typeof t == "number") {
+		let e = `${t}px`;
+		return {
+			row: e,
+			col: e,
+			css: e
+		};
+	}
+	let n = e[t] ?? e.medium;
+	return {
+		row: n,
+		col: n,
+		css: n
+	};
+}
+function n(e) {
+	if (e) return e === "start" ? "flex-start" : e === "end" ? "flex-end" : e;
+}
+function r(e = "start") {
+	return e === "start" ? "flex-start" : e === "end" ? "flex-end" : e;
+}
+function i(e, t) {
+	return e ? t ? "column-reverse" : "column" : t ? "row-reverse" : "row";
+}
+//#endregion
+export { r as i, i as n, t as r, n as t };

package/dist/grid/index.js

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