@well-insight/ui 0.1.7 → 0.1.8

package/dist/carousel/style.js

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

package/dist/cascade-select/index.js

@@ -0,0 +1,129 @@
+import { n as e, t } from "../overlay-oR-5MDuE.js";
+import { c as n, o as r } from "../config-DWwce9jA.js";
+import { n as i } from "../locale-CYkJyRd1.js";
+import "./style.js";
+import { Fragment as a, Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
+//#region src/components/CascadeSelect/CascadeSelect.vue?vue&type=script&setup=true&lang.ts
+var E = ["disabled", "aria-expanded"], D = { class: "wi-cascadeselect__label" }, O = [
+	"disabled",
+	"aria-selected",
+	"onClick"
+], k = {
+	key: 0,
+	"aria-hidden": "true"
+}, A = /* @__PURE__ */ m({
+	__name: "CascadeSelect",
+	props: {
+		modelValue: { default: null },
+		options: {},
+		placeholder: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: ["update:modelValue"],
+	setup(m, { emit: A }) {
+		let j = m, M = A, N = n(), P = i(), F = r("CascadeSelect", () => j.size), I = b(!1), L = b(null), R = b(null), z = b(null), B = b({}), V = b([]), H = c(() => e(j, N.value.appendTo)), U = c(() => t(j, N.value.appendTo)), W = c(() => G(j.options, j.modelValue) ?? j.placeholder ?? P.value.selectPlaceholder);
+		function G(e, t) {
+			for (let n of e) {
+				if (n.value === t) return n.label;
+				if (n.children?.length) {
+					let e = G(n.children, t);
+					if (e) return e;
+				}
+			}
+			return null;
+		}
+		function K() {
+			if (!R.value) return;
+			let e = R.value.getBoundingClientRect(), t = `${e.width}px`;
+			B.value = U.value ? {
+				left: `${e.left}px`,
+				minWidth: t,
+				top: `${e.bottom + 8}px`,
+				width: t
+			} : {
+				minWidth: t,
+				width: t
+			};
+		}
+		function q() {
+			j.disabled || (I.value = !I.value, I.value && (V.value = [j.options], h(() => K())));
+		}
+		function J(e, t) {
+			if (!e.disabled) {
+				if (e.children?.length) {
+					V.value = [...V.value.slice(0, t + 1), e.children], h(() => K());
+					return;
+				}
+				M("update:modelValue", e.value), I.value = !1;
+			}
+		}
+		function Y(e) {
+			let t = e.target;
+			L.value?.contains(t) || z.value?.contains(t) || (I.value = !1);
+		}
+		function X() {
+			I.value && K();
+		}
+		return w(I, (e) => {
+			e ? (document.addEventListener("click", Y), U.value && (window.addEventListener("resize", X), window.addEventListener("scroll", X, !0))) : (document.removeEventListener("click", Y), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0));
+		}), v(() => {
+			document.removeEventListener("click", Y), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0);
+		}), (e, t) => (y(), d("div", {
+			ref_key: "root",
+			ref: L,
+			class: g(["wi-cascadeselect", [`wi-cascadeselect--${C(F)}`, {
+				"wi-cascadeselect--disabled": m.disabled,
+				"wi-cascadeselect--open": I.value
+			}]])
+		}, [f("button", {
+			ref_key: "trigger",
+			ref: R,
+			type: "button",
+			class: "wi-cascadeselect__trigger",
+			disabled: m.disabled,
+			"aria-expanded": I.value,
+			"aria-haspopup": "listbox",
+			onClick: q
+		}, [f("span", D, S(W.value), 1), t[0] ||= f("span", {
+			class: "wi-cascadeselect__caret",
+			"aria-hidden": "true"
+		}, "▾", -1)], 8, E), (y(), l(o, {
+			to: H.value.to,
+			disabled: H.value.disabled
+		}, [p(s, { name: "wi-scale-fade" }, {
+			default: T(() => [I.value ? (y(), d("div", {
+				key: 0,
+				ref_key: "panel",
+				ref: z,
+				class: g(["wi-cascadeselect__panel", { "wi-cascadeselect__panel--teleported": U.value }]),
+				style: _(B.value),
+				role: "listbox"
+			}, [(y(!0), d(a, null, x(V.value, (e, t) => (y(), d("ul", {
+				key: t,
+				class: "wi-cascadeselect__column"
+			}, [(y(!0), d(a, null, x(e, (e) => (y(), d("li", { key: String(e.value) }, [f("button", {
+				type: "button",
+				class: g(["wi-cascadeselect__option", {
+					"wi-cascadeselect__option--selected": e.value === m.modelValue,
+					"wi-cascadeselect__option--parent": !!e.children?.length
+				}]),
+				disabled: e.disabled,
+				role: "option",
+				"aria-selected": e.value === m.modelValue,
+				onClick: (n) => J(e, t)
+			}, [f("span", null, S(e.label), 1), e.children?.length ? (y(), d("span", k, "›")) : u("", !0)], 10, O)]))), 128))]))), 128))], 6)) : u("", !0)]),
+			_: 1
+		})], 8, ["to", "disabled"]))], 2));
+	}
+});
+//#endregion
+export { A as WiCascadeSelect };