webim-adapter 2.7.5 → 2.7.6

package/build/webim-adapter.js

@@ -3320,16 +3320,17 @@ var Lr = (e, t) => {
 	color: "inherit",
 	textDecoration: "none"
 });
-function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField: r = "", orderField: i = "", langField: a = "", root: u = "group", groupField: f = "", groupValue: p = "", rootEntry: _ = "", depth: v = 0, expand: y = "current", toggleOnClick: b = !0, indent: x = 16, lines: S = "none", lineColor: C = "", iconField: w = "", branchIcon: T = "", leafIcon: E = "", toggleIcon: D = "caret", toggleSize: O = 16, dividers: k = "none", dividerColor: A = "", dividerWidth: j = 1, hoverBg: M = "", hoverColor: N = "", currentBg: P = "", currentColor: F = "", placeholder: I = "", style: L, nodeRef: R }) {
-	let { tenant: z, apiUrl: B, locale: V } = o(X), H = o(Jt)?.[e], U = Number(x) || 0, W = (S === "solid" || S === "dotted") && U >= 8, K = W ? `1px ${S} ${C || "currentColor"}` : "", ee = C ? 1 : .5, q = (e) => 16 + (e - 2) * U + 6, J = `wb-mt-${c().replace(/[^a-zA-Z0-9_-]/g, "")}`, te = [
+function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField: r = "", orderField: i = "", langField: a = "", root: u = "group", groupField: f = "", groupValue: p = "", rootEntry: _ = "", depth: v = 0, expand: y = "current", toggleOnClick: b = !0, indent: x = 16, lines: S = "none", lineColor: C = "", iconField: w = "", branchIcon: T = "", leafIcon: E = "", toggleIcon: D = "caret", toggleSize: O = 16, dividers: k = "none", dividerColor: A = "", dividerWidth: j = 1, linkColor: M = "", hoverBg: N = "", hoverColor: P = "", currentBg: F = "", currentColor: I = "", placeholder: L = "", style: R, nodeRef: z }) {
+	let { tenant: B, apiUrl: V, locale: H } = o(X), U = o(Jt)?.[e], W = Number(x) || 0, K = (S === "solid" || S === "dotted") && W >= 8, ee = K ? `1px ${S} ${C || "currentColor"}` : "", q = C ? 1 : .5, J = (e) => 16 + (e - 2) * W + 6, te = `wb-mt-${c().replace(/[^a-zA-Z0-9_-]/g, "")}`, ne = [
 		"solid",
 		"dashed",
 		"dotted"
-	].includes(k) ? `${Math.min(Math.max(Number(j) || 1, 1), 8)}px ${k} ${A || "rgba(148, 163, 184, 0.35)"}` : "", ne = [
-		te && `.${J} [data-wb-part~="link"]{border-top:${te};}.${J} > [data-wb-part~="item"]:first-of-type > [data-wb-part~="link"]{border-top:0;}`,
-		(M || N) && `.${J} a:hover{${M ? `background-color:${M};` : ""}${N ? `color:${N};` : ""}}`,
-		(P || F) && `.${J} a[aria-current="page"]{${P ? `background-color:${P};` : ""}${F ? `color:${F};` : ""}}`
-	].filter(Boolean).join(""), re = (e) => {
+	].includes(k) ? `${Math.min(Math.max(Number(j) || 1, 1), 8)}px ${k} ${A || "rgba(148, 163, 184, 0.35)"}` : "", re = [
+		ne && `.${te} [data-wb-part~="link"]{border-top:${ne};}.${te} > [data-wb-part~="item"]:first-of-type > [data-wb-part~="link"]{border-top:0;}`,
+		M && `.${te} a{color:${M} !important;}`,
+		(N || P) && `.${te} a:hover{${N ? `background-color:${N} !important;` : ""}${P ? `color:${P} !important;` : ""}}`,
+		(F || I) && `.${te} a[aria-current="page"]{${F ? `background-color:${F} !important;` : ""}${I ? `color:${I} !important;` : ""}}`
+	].filter(Boolean).join(""), ie = (e) => {
 		let t = e.icon || (e.children.length > 0 ? T : E);
 		return t ? /^(https?:)?\/\/|^\//.test(t) ? /* @__PURE__ */ h("img", {
 			...Z("icon"),
@@ -3358,32 +3359,32 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 			},
 			children: /* @__PURE__ */ h("path", { d: Ar[t] })
 		}) : null : null;
-	}, ie = Math.min(Math.max(Number(O) || 16, 8), 40), ae = (e) => D === "plus" ? /* @__PURE__ */ h("path", { d: e ? Ar.minus : Ar.plus }) : D === "chevron" ? /* @__PURE__ */ h("path", { d: Ar["chevron-right"] }) : null, [oe, se] = d(null), [ce, le] = d(""), [ue, de] = d({});
+	}, ae = Math.min(Math.max(Number(O) || 16, 8), 40), oe = (e) => D === "plus" ? /* @__PURE__ */ h("path", { d: e ? Ar.minus : Ar.plus }) : D === "chevron" ? /* @__PURE__ */ h("path", { d: Ar["chevron-right"] }) : null, [se, ce] = d(null), [le, ue] = d(""), [de, fe] = d({});
 	s(() => {
-		le(window.location.pathname);
+		ue(window.location.pathname);
 	}, []), s(() => {
-		if (!e || H) return;
+		if (!e || U) return;
 		let t = !0, n = new URLSearchParams({ all: "1" });
-		return V && n.set("locale", V), fetch(`${B}/dynamic/${encodeURIComponent(e)}?${n}`, { headers: z ? { "x-tenant": z } : {} }).then((e) => e.json()).then((e) => {
+		return H && n.set("locale", H), fetch(`${V}/dynamic/${encodeURIComponent(e)}?${n}`, { headers: B ? { "x-tenant": B } : {} }).then((e) => e.json()).then((e) => {
 			let n = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
-			t && se(n);
-		}).catch(() => t && se([])), () => {
+			t && ce(n);
+		}).catch(() => t && ce([])), () => {
 			t = !1;
 		};
 	}, [
 		e,
-		z,
 		B,
 		V,
-		H
+		H,
+		U
 	]);
-	let fe = l(() => Ir(H ?? oe ?? [], {
+	let pe = l(() => Ir(U ?? se ?? [], {
 		labelField: t,
 		hrefField: n,
 		parentField: r,
 		orderField: i,
 		langField: a,
-		language: V,
+		language: H,
 		root: u,
 		groupField: f,
 		groupValue: p,
@@ -3391,38 +3392,38 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 		depth: v,
 		iconField: w
 	}), [
-		H,
-		oe,
+		U,
+		se,
 		t,
 		n,
 		r,
 		i,
 		a,
-		V,
+		H,
 		u,
 		f,
 		p,
 		_,
 		v,
 		w
-	]), pe = l(() => {
-		let e = /* @__PURE__ */ new Set(), t = (n, r) => n.some((n) => Lr(n.href, ce) ? ([...r, n.key].forEach((t) => e.add(t)), !0) : t(n.children, [...r, n.key]));
-		return t(fe, []), e;
-	}, [fe, ce]), me = (e) => e.key in ue ? ue[e.key] : y === "all" || y === "current" && pe.has(e.key), he = (e) => de((t) => ({
+	]), me = l(() => {
+		let e = /* @__PURE__ */ new Set(), t = (n, r) => n.some((n) => Lr(n.href, le) ? ([...r, n.key].forEach((t) => e.add(t)), !0) : t(n.children, [...r, n.key]));
+		return t(pe, []), e;
+	}, [pe, le]), he = (e) => e.key in de ? de[e.key] : y === "all" || y === "current" && me.has(e.key), ge = (e) => fe((t) => ({
 		...t,
-		[e.key]: !me(e)
-	})), ge = (e, t) => ({
+		[e.key]: !he(e)
+	})), _e = (e, t) => ({
 		position: "absolute",
-		left: q(e),
+		left: J(e),
 		pointerEvents: "none",
-		opacity: ee,
-		borderLeft: K,
+		opacity: q,
+		borderLeft: ee,
 		...t
-	}), _e = (e, t, n) => !W || e < 2 ? null : /* @__PURE__ */ g(m, { children: [
+	}), ve = (e, t, n) => !K || e < 2 ? null : /* @__PURE__ */ g(m, { children: [
 		t.map((e, t) => e ? /* @__PURE__ */ h("span", {
 			...Z("line"),
 			"aria-hidden": !0,
-			style: ge(t + 2, {
+			style: _e(t + 2, {
 				top: 0,
 				bottom: 0
 			})
@@ -3430,7 +3431,7 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 		/* @__PURE__ */ h("span", {
 			...Z("line"),
 			"aria-hidden": !0,
-			style: ge(e, n ? {
+			style: _e(e, n ? {
 				top: 0,
 				height: "50%"
 			} : {
@@ -3443,16 +3444,16 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 			"aria-hidden": !0,
 			style: {
 				position: "absolute",
-				left: q(e),
+				left: J(e),
 				top: "50%",
-				width: Math.max(4, U - 8),
+				width: Math.max(4, W - 8),
 				pointerEvents: "none",
-				opacity: ee,
-				borderTop: K
+				opacity: q,
+				borderTop: ee
 			}
 		})
-	] }), ve = (e, t, n = []) => e.map((r, i) => {
-		let a = r.children.length > 0, o = a && me(r), s = Lr(r.href, ce), c = W && t > 1, l = i === e.length - 1;
+	] }), ye = (e, t, n = []) => e.map((r, i) => {
+		let a = r.children.length > 0, o = a && he(r), s = Lr(r.href, le), c = K && t > 1, l = i === e.length - 1;
 		return /* @__PURE__ */ g("div", {
 			...Z("item", o && "item-open"),
 			children: [/* @__PURE__ */ g("a", {
@@ -3461,16 +3462,16 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 				"aria-current": s ? "page" : void 0,
 				"aria-expanded": a ? o : void 0,
 				onClick: a && (b || !r.href) ? (e) => {
-					e.preventDefault(), he(r);
+					e.preventDefault(), ge(r);
 				} : void 0,
 				style: {
 					...Rr,
-					paddingLeft: 16 + (t - 1) * U,
+					paddingLeft: 16 + (t - 1) * W,
 					fontWeight: s ? 600 : void 0,
 					...c ? { position: "relative" } : null
 				},
 				children: [
-					_e(t, n, l),
+					ve(t, n, l),
 					/* @__PURE__ */ g("span", {
 						style: {
 							display: "flex",
@@ -3478,7 +3479,7 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 							gap: 8,
 							minWidth: 0
 						},
-						children: [re(r), /* @__PURE__ */ h("span", {
+						children: [ie(r), /* @__PURE__ */ h("span", {
 							...Z("label"),
 							children: r.label
 						})]
@@ -3488,7 +3489,7 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 						tabIndex: -1,
 						"aria-label": o ? "Collapse" : "Expand",
 						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), he(r);
+							e.preventDefault(), e.stopPropagation(), ge(r);
 						},
 						style: {
 							flexShrink: 0,
@@ -3502,8 +3503,8 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 						children: D === "plus" || D === "chevron" ? /* @__PURE__ */ h("svg", {
 							...Z("toggle"),
 							viewBox: "0 0 24 24",
-							width: ie + 2,
-							height: ie + 2,
+							width: ae + 2,
+							height: ae + 2,
 							fill: "none",
 							stroke: "currentColor",
 							strokeWidth: "2",
@@ -3514,12 +3515,12 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 								transition: "transform .2s",
 								transform: D === "chevron" && o ? "rotate(90deg)" : "none"
 							},
-							children: ae(o)
+							children: oe(o)
 						}) : /* @__PURE__ */ h("svg", {
 							...Z("toggle"),
 							viewBox: "0 0 24 24",
-							width: ie,
-							height: ie,
+							width: ae,
+							height: ae,
 							"aria-hidden": !0,
 							style: {
 								transition: "transform .2s",
@@ -3534,23 +3535,23 @@ function zr({ source: e = "", labelField: t = "", hrefField: n = "", parentField
 				]
 			}), o ? /* @__PURE__ */ h("div", {
 				...Z("children"),
-				children: ve(r.children, t + 1, t > 1 ? [...n, !l] : n)
+				children: ye(r.children, t + 1, t > 1 ? [...n, !l] : n)
 			}) : null]
 		}, r.key);
 	});
 	return /* @__PURE__ */ g("nav", {
-		ref: R,
+		ref: z,
 		"aria-label": "Menu",
-		className: ne ? J : void 0,
-		style: { ...G(L) },
-		children: [ne ? /* @__PURE__ */ h("style", { children: ne }) : null, fe.length ? ve(fe, 1) : I ? /* @__PURE__ */ h("div", {
+		className: re ? te : void 0,
+		style: { ...G(R) },
+		children: [re ? /* @__PURE__ */ h("style", { children: re }) : null, pe.length ? ye(pe, 1) : L ? /* @__PURE__ */ h("div", {
 			...Z("empty"),
 			style: {
 				padding: "10px 16px",
 				opacity: .6,
 				fontSize: 14
 			},
-			children: I
+			children: L
 		}) : null]
 	});
 }
@@ -7293,7 +7294,10 @@ function Ca({ drawerId: e = "", breakpoint: t = "tablet", side: n = "left", widt
 				zIndex: 6,
 				overflowY: "auto",
 				boxSizing: "border-box",
-				margin: 0,
+				marginTop: 0,
+				marginRight: 0,
+				marginBottom: 0,
+				marginLeft: 0,
 				maxWidth: "none",
 				maxHeight: "none",
 				boxShadow: "0 0 40px rgba(15, 23, 42, .28)"
@@ -7357,10 +7361,15 @@ function Ca({ drawerId: e = "", breakpoint: t = "tablet", side: n = "left", widt
 		style: {
 			outline: "none",
 			...W ? {
-				background: "var(--page-surface, #ffffff)",
+				backgroundColor: "var(--page-surface, #ffffff)",
 				color: "var(--page-text, #111827)",
 				boxShadow: "0 0 0 1px var(--page-border, rgba(148, 163, 184, .4))"
 			} : null,
+			...!W && !z ? {
+				width: L,
+				maxWidth: "100%",
+				boxSizing: "border-box"
+			} : null,
 			...G(T),
 			...W ? ee : null
 		},