@well-insight/ui 0.1.6 → 0.1.8

package/dist/accordion/style.js

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

package/dist/asyncGuard-CPGT_TKu.js

@@ -0,0 +1,6 @@
+//#region src/shared/asyncGuard.ts
+async function e(e, ...t) {
+	return !e || await e(...t) !== !1;
+}
+//#endregion
+export { e as t };

package/dist/auto-complete/index.js

@@ -0,0 +1,206 @@
+import { t as e } from "../Icon-B6gOD07E.js";
+import { n as t, t as n } from "../overlay-oR-5MDuE.js";
+import { c as ee, o as te } from "../config-DWwce9jA.js";
+import { n as ne } from "../locale-CYkJyRd1.js";
+import "./style.js";
+import { Fragment as r, Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, ref as v, renderList as re, toDisplayString as y, unref as b, watch as x, withCtx as S, withModifiers as C } from "vue";
+//#region src/components/AutoComplete/AutoComplete.vue?vue&type=script&setup=true&lang.ts
+var w = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-expanded",
+	"aria-busy"
+], T = {
+	key: 0,
+	class: "wi-autocomplete__spinner",
+	"aria-hidden": "true"
+}, E = ["aria-label"], D = ["aria-label", "disabled"], O = {
+	key: 0,
+	class: "wi-autocomplete__status"
+}, k = ["aria-selected", "onMousedown"], A = /* @__PURE__ */ f({
+	__name: "AutoComplete",
+	props: {
+		modelValue: { default: "" },
+		suggestions: { default: () => [] },
+		dropdown: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "" },
+		size: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: ["update:modelValue", "complete"],
+	setup(f, { emit: A }) {
+		let j = f, M = A, N = ee(), P = ne(), F = te("AutoComplete", () => j.size), I = v(!1), L = v(null), R = v(null), z = v(null), B = v({}), V = v(-1), H = o(() => t(j, N.value.appendTo)), U = o(() => n(j, N.value.appendTo));
+		function W(e) {
+			return typeof e == "string" ? {
+				label: e,
+				value: e
+			} : e;
+		}
+		let G = o(() => j.suggestions.map(W)), K = o(() => {
+			let e = (j.modelValue ?? "").trim().toLowerCase();
+			return e ? G.value.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : G.value;
+		}), q = o(() => j.clearable && !!j.modelValue && !j.disabled), J = o(() => [
+			"wi-autocomplete",
+			`wi-autocomplete--${F.value}`,
+			{
+				"wi-autocomplete--disabled": j.disabled,
+				"wi-autocomplete--open": I.value,
+				"wi-autocomplete--loading": j.loading
+			}
+		]);
+		function Y() {
+			if (!U.value || !R.value) return;
+			let e = R.value.getBoundingClientRect();
+			B.value = {
+				left: `${e.left}px`,
+				width: `${e.width}px`,
+				top: `${e.bottom + 8}px`
+			};
+		}
+		function X(e) {
+			M("complete", e), I.value = !0, V.value = K.value.length ? 0 : -1, p(() => Y());
+		}
+		function ie(e) {
+			if (j.disabled) return;
+			let t = e.target.value;
+			M("update:modelValue", t), X(t);
+		}
+		function Z(e) {
+			j.disabled || (M("update:modelValue", e.value), I.value = !1);
+		}
+		function ae() {
+			j.disabled || (M("update:modelValue", ""), X(""));
+		}
+		function oe() {
+			if (!j.disabled) {
+				if (I.value) {
+					I.value = !1;
+					return;
+				}
+				X(j.modelValue ?? "");
+			}
+		}
+		function se(e) {
+			if (!I.value && (e.key === "ArrowDown" || e.key === "Enter")) {
+				X(j.modelValue ?? "");
+				return;
+			}
+			if (I.value) {
+				if (e.key === "Escape") {
+					I.value = !1;
+					return;
+				}
+				if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+					e.preventDefault();
+					let t = K.value.length;
+					if (!t) return;
+					let n = e.key === "ArrowDown" ? 1 : -1;
+					V.value = (V.value + n + t) % t;
+				}
+				if (e.key === "Enter" && V.value >= 0) {
+					e.preventDefault();
+					let t = K.value[V.value];
+					t != null && Z(t);
+				}
+			}
+		}
+		function Q(e) {
+			let t = e.target;
+			L.value?.contains(t) || z.value?.contains(t) || (I.value = !1);
+		}
+		function $() {
+			I.value && Y();
+		}
+		x(I, async (e) => {
+			e ? (document.addEventListener("click", Q), U.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)), await p(), Y()) : (document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
+		}), x(K, (e) => {
+			e.length ? V.value >= e.length && (V.value = 0) : V.value = -1;
+		}), g(() => {
+			document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
+		});
+		let ce = o(() => I.value && (K.value.length > 0 || j.loading));
+		return (t, n) => (_(), l("div", {
+			ref_key: "root",
+			ref: L,
+			class: m(J.value)
+		}, [u("div", {
+			ref_key: "trigger",
+			ref: R,
+			class: "wi-autocomplete__control"
+		}, [
+			u("input", {
+				class: "wi-autocomplete__input",
+				type: "text",
+				role: "combobox",
+				value: f.modelValue,
+				placeholder: f.placeholder,
+				disabled: f.disabled,
+				"aria-expanded": I.value,
+				"aria-busy": f.loading || void 0,
+				"aria-autocomplete": "list",
+				onInput: ie,
+				onKeydown: se,
+				onFocus: n[0] ||= (e) => X(f.modelValue ?? "")
+			}, null, 40, w),
+			f.loading ? (_(), l("span", T)) : q.value ? (_(), l("button", {
+				key: 1,
+				type: "button",
+				class: "wi-autocomplete__clear",
+				"aria-label": b(P).clearInput,
+				onClick: ae
+			}, " × ", 8, E)) : c("", !0),
+			f.dropdown ? (_(), l("button", {
+				key: 2,
+				type: "button",
+				class: "wi-autocomplete__dropdown",
+				"aria-label": b(P).showSuggestions,
+				disabled: f.disabled,
+				onClick: oe
+			}, [d(e, {
+				name: "chevron-down",
+				size: "sm"
+			})], 8, D)) : c("", !0)
+		], 512), (_(), s(i, {
+			to: H.value.to,
+			disabled: H.value.disabled
+		}, [d(a, { name: "wi-scale-fade" }, {
+			default: S(() => [ce.value ? (_(), l("ul", {
+				key: 0,
+				ref_key: "panel",
+				ref: z,
+				class: m(["wi-autocomplete__panel", { "wi-autocomplete__panel--teleported": U.value }]),
+				style: h(U.value ? B.value : void 0),
+				role: "listbox"
+			}, [f.loading && !K.value.length ? (_(), l("li", O, y(b(P).loading), 1)) : c("", !0), (_(!0), l(r, null, re(K.value, (e, t) => (_(), l("li", {
+				key: `${e.value}-${t}`,
+				class: m(["wi-autocomplete__item", { "wi-autocomplete__item--active": t === V.value }]),
+				role: "option",
+				"aria-selected": t === V.value,
+				onMousedown: C((t) => Z(e), ["prevent"])
+			}, y(e.label), 43, k))), 128))], 6)) : c("", !0)]),
+			_: 1
+		})], 8, ["to", "disabled"]))], 2));
+	}
+});
+//#endregion
+export { A as WiAutoComplete };