@well-insight/ui 0.1.6 → 0.1.8

package/dist/Icon-B6gOD07E.js

@@ -0,0 +1,452 @@
+import { n as e } from "./types-tV3SEv3Q.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, renderSlot as l, useSlots as u } from "vue";
+//#region src/components/Icon/icons.ts
+var d = {
+	check: { primitives: [{
+		tag: "path",
+		d: "m3 8 3 3 7-7"
+	}] },
+	"check-circle": { primitives: [{
+		tag: "circle",
+		cx: 8,
+		cy: 8,
+		r: 5.5
+	}, {
+		tag: "path",
+		d: "m5.5 8.25 1.75 1.75 3.5-3.75"
+	}] },
+	close: { primitives: [{
+		tag: "path",
+		d: "m4 4 8 8M12 4l-8 8"
+	}] },
+	"x-circle": { primitives: [{
+		tag: "circle",
+		cx: 8,
+		cy: 8,
+		r: 5.5
+	}, {
+		tag: "path",
+		d: "m6 6 4 4M10 6l-4 4"
+	}] },
+	info: { primitives: [{
+		tag: "circle",
+		cx: 8,
+		cy: 8,
+		r: 5.5
+	}, {
+		tag: "path",
+		d: "M8 7v4M8 5.25h.01"
+	}] },
+	warning: { primitives: [{
+		tag: "path",
+		d: "M8 2.75 14.25 13.5H1.75L8 2.75Z"
+	}, {
+		tag: "path",
+		d: "M8 6.5v3.25M8 11.5h.01"
+	}] },
+	"alert-circle": { primitives: [{
+		tag: "circle",
+		cx: 8,
+		cy: 8,
+		r: 5.5
+	}, {
+		tag: "path",
+		d: "M8 5.25v4M8 11.25h.01"
+	}] },
+	"chevron-up": { primitives: [{
+		tag: "path",
+		d: "m4 10 4-4 4 4"
+	}] },
+	"chevron-down": { primitives: [{
+		tag: "path",
+		d: "m4 6 4 4 4-4"
+	}] },
+	"chevron-left": { primitives: [{
+		tag: "path",
+		d: "m10 4-4 4 4 4"
+	}] },
+	"chevron-right": { primitives: [{
+		tag: "path",
+		d: "m6 4 4 4-4 4"
+	}] },
+	"arrow-up": { primitives: [{
+		tag: "path",
+		d: "M8 12.5V3.5M4.5 7 8 3.5 11.5 7"
+	}] },
+	"arrow-down": { primitives: [{
+		tag: "path",
+		d: "M8 3.5v9M4.5 9 8 12.5 11.5 9"
+	}] },
+	"arrow-left": { primitives: [{
+		tag: "path",
+		d: "M12.5 8H3.5M7 4.5 3.5 8 7 11.5"
+	}] },
+	"arrow-right": { primitives: [{
+		tag: "path",
+		d: "M3.5 8h9M9 4.5 12.5 8 9 11.5"
+	}] },
+	plus: { primitives: [{
+		tag: "path",
+		d: "M8 3v10M3 8h10"
+	}] },
+	minus: { primitives: [{
+		tag: "path",
+		d: "M3 8h10"
+	}] },
+	search: { primitives: [{
+		tag: "circle",
+		cx: 7,
+		cy: 7,
+		r: 3.75
+	}, {
+		tag: "path",
+		d: "m10 10 3 3"
+	}] },
+	menu: { primitives: [{
+		tag: "path",
+		d: "M3 5h10M3 8h10M3 11h10"
+	}] },
+	more: { primitives: [
+		{
+			tag: "circle",
+			cx: 4,
+			cy: 8,
+			r: 1,
+			fill: "currentColor"
+		},
+		{
+			tag: "circle",
+			cx: 8,
+			cy: 8,
+			r: 1,
+			fill: "currentColor"
+		},
+		{
+			tag: "circle",
+			cx: 12,
+			cy: 8,
+			r: 1,
+			fill: "currentColor"
+		}
+	] },
+	"more-vertical": { primitives: [
+		{
+			tag: "circle",
+			cx: 8,
+			cy: 4,
+			r: 1,
+			fill: "currentColor"
+		},
+		{
+			tag: "circle",
+			cx: 8,
+			cy: 8,
+			r: 1,
+			fill: "currentColor"
+		},
+		{
+			tag: "circle",
+			cx: 8,
+			cy: 12,
+			r: 1,
+			fill: "currentColor"
+		}
+	] },
+	edit: { primitives: [{
+		tag: "path",
+		d: "m3 11.75-.5 2.75 2.75-.5L13 6.25 9.75 3 3 9.75v2Z"
+	}, {
+		tag: "path",
+		d: "m8.75 4 3.25 3.25"
+	}] },
+	trash: { primitives: [{
+		tag: "path",
+		d: "M3.5 5h9M6 5V3.5h4V5M5 5l.5 8h5l.5-8M6.75 7v4M9.25 7v4"
+	}] },
+	copy: { primitives: [{
+		tag: "rect",
+		x: 5.5,
+		y: 5.5,
+		width: 7,
+		height: 7,
+		rx: 1
+	}, {
+		tag: "path",
+		d: "M10.5 5.5V4.5a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1"
+	}] },
+	"external-link": { primitives: [{
+		tag: "path",
+		d: "M9 3.5h3.5V7M12.5 3.5 8 8"
+	}, {
+		tag: "path",
+		d: "M7 4.5H4.5a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9"
+	}] },
+	download: { primitives: [{
+		tag: "path",
+		d: "M8 3v7.5M5 8l3 3 3-3"
+	}, {
+		tag: "path",
+		d: "M3.5 12.5h9"
+	}] },
+	upload: { primitives: [{
+		tag: "path",
+		d: "M8 13V5.5M5 8l3-3 3 3"
+	}, {
+		tag: "path",
+		d: "M3.5 12.5h9"
+	}] },
+	filter: { primitives: [{
+		tag: "path",
+		d: "M2.5 3.5h11l-4 5v4l-3 1.5v-5.5l-4-5Z"
+	}] },
+	settings: { primitives: [{
+		tag: "circle",
+		cx: 8,
+		cy: 8,
+		r: 2
+	}, {
+		tag: "path",
+		d: "M8 2.5v1.2M8 12.3v1.2M2.5 8h1.2M12.3 8h1.2M4.1 4.1l.85.85M11.05 11.05l.85.85M4.1 11.9l.85-.85M11.05 4.95l.85-.85"
+	}] },
+	home: { primitives: [{
+		tag: "path",
+		d: "M2.5 7.5 8 3l5.5 4.5V13a.75.75 0 0 1-.75.75H3.25A.75.75 0 0 1 2.5 13V7.5Z"
+	}] },
+	user: { primitives: [{
+		tag: "circle",
+		cx: 8,
+		cy: 5.5,
+		r: 2.25
+	}, {
+		tag: "path",
+		d: "M3.5 13.25c0-2.35 2-4.25 4.5-4.25s4.5 1.9 4.5 4.25"
+	}] },
+	calendar: { primitives: [{
+		tag: "rect",
+		x: 2.5,
+		y: 3.5,
+		width: 11,
+		height: 10,
+		rx: 1
+	}, {
+		tag: "path",
+		d: "M5 2.5v2M11 2.5v2M2.5 6.5h11"
+	}] },
+	clock: { primitives: [{
+		tag: "circle",
+		cx: 8,
+		cy: 8,
+		r: 5.5
+	}, {
+		tag: "path",
+		d: "M8 5.25V8l2 1.5"
+	}] },
+	eye: { primitives: [{
+		tag: "path",
+		d: "M1.75 8S3.75 3.75 8 3.75 14.25 8 14.25 8 12.25 12.25 8 12.25 1.75 8 1.75 8Z"
+	}, {
+		tag: "circle",
+		cx: 8,
+		cy: 8,
+		r: 1.75
+	}] },
+	"eye-off": { primitives: [
+		{
+			tag: "path",
+			d: "m2.5 2.5 11 11M6.2 6.35A2.25 2.25 0 0 0 9.65 9.8"
+		},
+		{
+			tag: "path",
+			d: "M4.1 4.45C2.7 5.5 1.75 8 1.75 8S3.75 12.25 8 12.25c1.15 0 2.15-.3 3-.75"
+		},
+		{
+			tag: "path",
+			d: "M11.35 9.4C12.95 8.35 14.25 8 14.25 8S12.25 3.75 8 3.75c-.55 0-1.05.05-1.5.15"
+		}
+	] },
+	lock: { primitives: [{
+		tag: "rect",
+		x: 3.5,
+		y: 7,
+		width: 9,
+		height: 6.5,
+		rx: 1
+	}, {
+		tag: "path",
+		d: "M5.5 7V5.25a2.5 2.5 0 0 1 5 0V7"
+	}] },
+	unlock: { primitives: [{
+		tag: "rect",
+		x: 3.5,
+		y: 7,
+		width: 9,
+		height: 6.5,
+		rx: 1
+	}, {
+		tag: "path",
+		d: "M5.5 7V5.25a2.5 2.5 0 0 1 4.85-.75"
+	}] },
+	link: { primitives: [
+		{
+			tag: "path",
+			d: "M6.5 9.5 5.25 10.75a2.25 2.25 0 0 1-3.18-3.18L3.75 6"
+		},
+		{
+			tag: "path",
+			d: "M9.5 6.5 10.75 5.25a2.25 2.25 0 1 1 3.18 3.18L12.25 10"
+		},
+		{
+			tag: "path",
+			d: "m6.5 9.5 3-3"
+		}
+	] },
+	refresh: { primitives: [{
+		tag: "path",
+		d: "M13 8a5 5 0 1 1-1.4-3.4"
+	}, {
+		tag: "path",
+		d: "M13 3.5V6.5H10"
+	}] },
+	loader: {
+		spin: !0,
+		primitives: [{
+			tag: "path",
+			d: "M8 2.75a5.25 5.25 0 1 1-4.55 2.63"
+		}]
+	},
+	star: { primitives: [{
+		tag: "path",
+		d: "m8 2.5 1.55 3.15 3.45.5-2.5 2.45.6 3.45L8 10.4l-3.1 1.65.6-3.45-2.5-2.45 3.45-.5L8 2.5Z"
+	}] },
+	heart: { primitives: [{
+		tag: "path",
+		d: "M8 13.25S2.75 9.75 2.75 6.4A2.65 2.65 0 0 1 8 5.1a2.65 2.65 0 0 1 5.25 1.3c0 3.35-5.25 6.85-5.25 6.85Z"
+	}] },
+	grip: { primitives: [
+		{
+			tag: "circle",
+			cx: 5.5,
+			cy: 4.5,
+			r: 1,
+			fill: "currentColor"
+		},
+		{
+			tag: "circle",
+			cx: 10.5,
+			cy: 4.5,
+			r: 1,
+			fill: "currentColor"
+		},
+		{
+			tag: "circle",
+			cx: 5.5,
+			cy: 8,
+			r: 1,
+			fill: "currentColor"
+		},
+		{
+			tag: "circle",
+			cx: 10.5,
+			cy: 8,
+			r: 1,
+			fill: "currentColor"
+		},
+		{
+			tag: "circle",
+			cx: 5.5,
+			cy: 11.5,
+			r: 1,
+			fill: "currentColor"
+		},
+		{
+			tag: "circle",
+			cx: 10.5,
+			cy: 11.5,
+			r: 1,
+			fill: "currentColor"
+		}
+	] }
+}, f = Object.keys(d);
+function p(e) {
+	return e in d;
+}
+function m(e) {
+	return d[e];
+}
+//#endregion
+//#region src/components/Icon/Icon.vue?vue&type=script&setup=true&lang.ts
+var h = ["aria-label", "aria-hidden"], g = {
+	key: 1,
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "1.8",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, _ = ["d"], v = [
+	"cx",
+	"cy",
+	"r",
+	"fill"
+], y = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], b = ["points"], x = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], S = /* @__PURE__ */ a({
+	__name: "Icon",
+	props: {
+		name: {},
+		label: {},
+		size: { default: "md" }
+	},
+	setup(a) {
+		let d = a, f = u(), S = n(() => e(d.size)), C = n(() => {
+			if (!(!d.name || !p(d.name))) return m(d.name);
+		}), w = n(() => !!f.default), T = n(() => w.value || !!C.value), E = n(() => [
+			"wi-icon",
+			`wi-icon--${S.value}`,
+			{ "wi-icon--spin": C.value?.spin }
+		]);
+		return (e, n) => T.value ? (s(), i("span", {
+			key: 0,
+			class: o(E.value),
+			"aria-label": a.label,
+			"aria-hidden": a.label ? void 0 : "true",
+			role: "img"
+		}, [w.value ? l(e.$slots, "default", {}, void 0, void 0, 0) : C.value ? (s(), i("svg", g, [(s(!0), i(t, null, c(C.value.primitives, (e, n) => (s(), i(t, { key: n }, [e.tag === "path" ? (s(), i("path", {
+			key: 0,
+			d: e.d
+		}, null, 8, _)) : e.tag === "circle" ? (s(), i("circle", {
+			key: 1,
+			cx: e.cx,
+			cy: e.cy,
+			r: e.r,
+			fill: e.fill ?? "none"
+		}, null, 8, v)) : e.tag === "line" ? (s(), i("line", {
+			key: 2,
+			x1: e.x1,
+			y1: e.y1,
+			x2: e.x2,
+			y2: e.y2
+		}, null, 8, y)) : e.tag === "polyline" ? (s(), i("polyline", {
+			key: 3,
+			points: e.points
+		}, null, 8, b)) : e.tag === "rect" ? (s(), i("rect", {
+			key: 4,
+			x: e.x,
+			y: e.y,
+			width: e.width,
+			height: e.height,
+			rx: e.rx
+		}, null, 8, x)) : r("", !0)], 64))), 128))])) : r("", !0)], 10, h)) : r("", !0);
+	}
+});
+//#endregion
+export { p as a, d as i, m as n, f as r, S as t };

package/dist/Pagination-C-F_ZDXr.js

@@ -0,0 +1,148 @@
+import { n as e, t } from "./locale-CYkJyRd1.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, withKeys as m, withModifiers as h } from "vue";
+//#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-label"], _ = ["disabled", "aria-label"], v = {
+	key: 0,
+	class: "wi-pagination__simple",
+	"aria-current": "page"
+}, y = [
+	"disabled",
+	"aria-label",
+	"aria-current",
+	"onClick"
+], b = ["disabled", "aria-label"], x = {
+	key: 2,
+	class: "wi-pagination__sizer"
+}, S = { class: "wi-pagination__sizer-label" }, C = ["disabled", "value"], w = ["value"], T = {
+	key: 3,
+	class: "wi-pagination__jumper"
+}, E = [
+	"max",
+	"disabled",
+	"value",
+	"onKeydown"
+], D = { key: 0 }, O = /* @__PURE__ */ s({
+	__name: "Pagination",
+	props: {
+		modelValue: { default: 1 },
+		totalRecords: {},
+		rows: { default: 10 },
+		pageSize: {},
+		pageLinkSize: { default: 5 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showSizePicker: {
+			type: Boolean,
+			default: !1
+		},
+		pageSizes: { default: () => [
+			10,
+			20,
+			50,
+			100
+		] },
+		showQuickJumper: {
+			type: Boolean,
+			default: !1
+		},
+		simple: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"page",
+		"update:rows",
+		"update:pageSize"
+	],
+	setup(s, { expose: O, emit: k }) {
+		let A = s, j = k, M = e(), N = u(""), P = r(() => Math.max(1, A.pageSize ?? A.rows)), F = r(() => Math.max(1, Math.ceil(A.totalRecords / P.value))), I = r(() => Math.min(Math.max(1, A.modelValue), F.value)), L = r(() => (I.value - 1) * P.value), R = r(() => {
+			let e = Math.min(A.pageLinkSize, F.value), t = Math.min(Math.max(1, I.value - Math.floor(e / 2)), F.value - e + 1);
+			return Array.from({ length: e }, (e, n) => t + n);
+		}), z = r(() => {
+			let e = [...A.pageSizes];
+			return e.includes(P.value) || e.unshift(P.value), e;
+		});
+		function B(e) {
+			let t = Math.min(Math.max(1, e), F.value);
+			A.disabled || t === I.value || (j("update:modelValue", t), j("page", t));
+		}
+		function V(e) {
+			if (A.disabled || e === P.value) return;
+			j("update:rows", e), j("update:pageSize", e);
+			let t = Math.max(1, Math.ceil(A.totalRecords / e)), n = Math.min(I.value, t);
+			n !== I.value && (j("update:modelValue", n), j("page", n));
+		}
+		function H(e) {
+			let t = Number(e.target.value);
+			Number.isFinite(t) && V(t);
+		}
+		function U() {
+			let e = Number.parseInt(N.value, 10);
+			N.value = "", Number.isFinite(e) && B(e);
+		}
+		function W(e) {
+			return t(M.value.page, { page: e });
+		}
+		return O({
+			first: L,
+			pageCount: F
+		}), (e, t) => (l(), a("nav", {
+			class: c(["wi-pagination", { "wi-pagination--simple": s.simple }]),
+			"aria-label": p(M).pagination
+		}, [
+			o("button", {
+				type: "button",
+				class: "wi-pagination__button",
+				disabled: s.disabled || I.value === 1,
+				"aria-label": p(M).prevPage,
+				onClick: t[0] ||= (e) => B(I.value - 1)
+			}, "‹", 8, _),
+			s.simple ? (l(), a("span", v, f(I.value) + " / " + f(F.value), 1)) : (l(!0), a(n, { key: 1 }, d(R.value, (e) => (l(), a("button", {
+				key: e,
+				type: "button",
+				class: c(["wi-pagination__button", { "wi-pagination__button--active": e === I.value }]),
+				disabled: s.disabled,
+				"aria-label": W(e),
+				"aria-current": e === I.value ? "page" : void 0,
+				onClick: (t) => B(e)
+			}, f(e), 11, y))), 128)),
+			o("button", {
+				type: "button",
+				class: "wi-pagination__button",
+				disabled: s.disabled || I.value === F.value,
+				"aria-label": p(M).nextPage,
+				onClick: t[1] ||= (e) => B(I.value + 1)
+			}, "›", 8, b),
+			s.showSizePicker && !s.simple ? (l(), a("label", x, [o("span", S, f(p(M).itemsPerPage), 1), o("select", {
+				class: "wi-pagination__select",
+				disabled: s.disabled,
+				value: P.value,
+				onChange: H
+			}, [(l(!0), a(n, null, d(z.value, (e) => (l(), a("option", {
+				key: e,
+				value: e
+			}, f(e), 9, w))), 128))], 40, C)])) : i("", !0),
+			s.showQuickJumper && !s.simple ? (l(), a("label", T, [
+				o("span", null, f(p(M).jumpToPage), 1),
+				o("input", {
+					class: "wi-pagination__input",
+					type: "number",
+					min: "1",
+					max: F.value,
+					disabled: s.disabled,
+					value: N.value,
+					onInput: t[2] ||= (e) => N.value = e.target.value,
+					onKeydown: m(h(U, ["prevent"]), ["enter"]),
+					onBlur: U
+				}, null, 40, E),
+				p(M).pageClassifier ? (l(), a("span", D, f(p(M).pageClassifier), 1)) : i("", !0)
+			])) : i("", !0)
+		], 10, g));
+	}
+});
+//#endregion
+export { O as t };

package/dist/ProgressSpinner-YThgaSzb.js

@@ -0,0 +1,85 @@
+import { n as e } from "./types-tV3SEv3Q.js";
+import { n as t } from "./locale-CYkJyRd1.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, useSlots as m, watch as h } from "vue";
+//#region src/components/ProgressSpinner/ProgressSpinner.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "wi-progress-spinner-wrap__content" }, _ = {
+	key: 0,
+	class: "wi-progress-spinner-wrap__overlay"
+}, v = ["aria-label"], y = ["stroke-width"], b = {
+	key: 0,
+	class: "wi-progress-spinner__description"
+}, x = ["aria-label"], S = ["stroke-width"], C = /* @__PURE__ */ o({
+	__name: "ProgressSpinner",
+	props: {
+		strokeWidth: { default: "2" },
+		animationDuration: { default: "1s" },
+		ariaLabel: {},
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		delay: { default: 0 },
+		size: {},
+		description: {}
+	},
+	setup(o) {
+		let C = o, w = m(), T = t(), E = n(() => C.ariaLabel ?? T.value.loading), D = n(() => !!w.default), O = n(() => e(C.size)), k = d(C.show && C.delay <= 0), A = null;
+		function j() {
+			A !== null && (clearTimeout(A), A = null);
+		}
+		h(() => [
+			C.show,
+			C.delay,
+			D.value
+		], ([e, t]) => {
+			if (j(), !e) {
+				k.value = !1;
+				return;
+			}
+			if (!t) {
+				k.value = !0;
+				return;
+			}
+			k.value = !1, A = setTimeout(() => {
+				k.value = !0, A = null;
+			}, t);
+		}, { immediate: !0 }), l(j);
+		let M = n(() => ({ animationDuration: C.animationDuration })), N = n(() => ({
+			"wi-progress-spinner--small": O.value === "small",
+			"wi-progress-spinner--large": O.value === "large"
+		}));
+		return (e, t) => D.value ? (u(), i("div", {
+			key: 0,
+			class: s(["wi-progress-spinner-wrap", { "wi-progress-spinner-wrap--active": k.value }])
+		}, [a("div", g, [f(e.$slots, "default")]), k.value ? (u(), i("div", _, [(u(), i("svg", {
+			class: s(["wi-progress-spinner", N.value]),
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": E.value,
+			style: c(M.value)
+		}, [a("circle", {
+			class: "wi-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": o.strokeWidth
+		}, null, 8, y)], 14, v)), o.description ? (u(), i("p", b, p(o.description), 1)) : r("", !0)])) : r("", !0)], 2)) : (u(), i("svg", {
+			key: 1,
+			class: s(["wi-progress-spinner", N.value]),
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": E.value,
+			style: c(M.value)
+		}, [a("circle", {
+			class: "wi-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": o.strokeWidth
+		}, null, 8, S)], 14, x));
+	}
+});
+//#endregion
+export { C as t };