@openrails/contentkit-ui 0.104.0-rc.1 → 0.104.0-rc.3

package/dist/components/groups/group-members.js

@@ -0,0 +1,474 @@
+import { useMessages as e } from "../../i18n/context.js";
+import { ContentKitUiRoot as t } from "../../scope.js";
+import { useContentKitClient as n } from "../../react/context.js";
+import { useGroupMembers as r, useKinds as i } from "../../react/groups.js";
+import { Button as a, buttonVariants as o } from "../../ui/button.js";
+import { SortableList as s } from "../sortable-list.js";
+import { Badge as c } from "../../ui/badge.js";
+import { Select as l, SelectContent as u, SelectItem as d, SelectTrigger as f, SelectValue as p } from "../../ui/select.js";
+import { Skeleton as m } from "../../ui/skeleton.js";
+import { ErrorLine as h, contentError as g, formatDate as _, useAction as v } from "../social/parts.js";
+import { useTypeahead as y } from "../../react/discovery.js";
+import { labelOf as b } from "./parts.js";
+import { WindowFields as x } from "./entity-chips.js";
+import { accessLabel as S, contentStatus as C } from "../admin/content-manager.js";
+import { useCallback as w, useEffect as T, useId as E, useMemo as D, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { cn as M } from "cn";
+import { Cancel01Icon as N, Image01Icon as P, Tick02Icon as F } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as I } from "@hugeicons/react";
+//#region src/components/groups/group-members.tsx
+var L = "__none__", R = 100, z = (e) => `${e.content_id}|${e.version_id ?? ""}`;
+function B(e, t) {
+	let [n, r] = O(/* @__PURE__ */ new Map()), i = D(() => [...new Set(e)].sort(), [e]);
+	return T(() => {
+		let e = i.filter((e) => !n.has(e));
+		if (!e.length) return;
+		let a = new AbortController(), o = [];
+		for (let t = 0; t < e.length; t += R) o.push(e.slice(t, t + R));
+		return Promise.all(o.map((e) => t.contents.manage({
+			ids: e,
+			limit: e.length
+		}, a.signal).catch(() => []))).then((e) => {
+			a.signal.aborted || r((t) => {
+				let n = new Map(t);
+				for (let t of e.flat()) n.set(t.id, t);
+				return n;
+			});
+		}), () => a.abort();
+	}, [i, t]), n;
+}
+var V = (e) => e?.cover?.url ?? e?.versions.find((e) => e.cover?.url)?.cover?.url;
+function H(l) {
+	let u = e(), { t: d } = u, f = n(l.client), { kinds: p } = i({ client: l.client }), y = p?.entity_kinds?.[l.group.kind] ?? {}, w = r(l.group.id, {
+		pageSize: l.pageSize,
+		client: l.client
+	}), T = B(D(() => w.items.map((e) => e.content_id).filter(Boolean), [w.items]), f), E = v("membership.save", l.onError), [L, R] = O(null), [H, W] = O({}), G = (e) => T.get(e.content_id ?? "")?.title || e.content_id || "", K = (e) => `${G(e)}${e.version_id ? ` (${d("memberships.version")})` : ""}`, ee = (e) => [...new Map(e.map((e) => [z(e), {
+		content_id: e.content_id,
+		version_id: e.version_id
+	}])).values()], q = ({ id: e, ...t }) => t, J = (e, t) => /* @__PURE__ */ j(k, { children: [
+		t && t.access.level !== "public" && /* @__PURE__ */ A(c, {
+			variant: "secondary",
+			children: S(d, t.access, l.labels)
+		}),
+		t && (t.state === "deleted" || C(t) !== "published") && /* @__PURE__ */ A(c, {
+			variant: t.state === "deleted" ? "destructive" : "outline",
+			children: d(t.state === "deleted" ? "contentManager.deleted" : `contentManager.${C(t)}`)
+		}),
+		e.version_id && /* @__PURE__ */ A(c, {
+			variant: "outline",
+			children: d("memberships.version")
+		}),
+		e.role && /* @__PURE__ */ A(c, {
+			variant: "secondary",
+			children: b(l.labels, e.role)
+		}),
+		e.state === "proposed" && /* @__PURE__ */ A(c, {
+			variant: "secondary",
+			children: d("memberships.proposed")
+		})
+	] }), Y = (e) => /* @__PURE__ */ j(k, { children: [
+		e.state === "proposed" && /* @__PURE__ */ A(a, {
+			size: "icon-xs",
+			variant: "secondary",
+			disabled: E.pending,
+			"aria-label": `${d("memberships.accept")}: ${K(e)}`,
+			title: d("memberships.accept"),
+			onClick: () => void E.run(() => w.add([{
+				...q(e),
+				state: "active"
+			}])),
+			children: /* @__PURE__ */ A(I, {
+				icon: F,
+				strokeWidth: 2.5
+			})
+		}),
+		l.onUseCover && !e.version_id && /* @__PURE__ */ A(a, {
+			size: "icon-xs",
+			variant: "secondary",
+			"aria-label": `${d("memberships.useCover")}: ${K(e)}`,
+			title: d("memberships.useCover"),
+			disabled: E.pending || l.group.cover?.content_id === e.content_id && !l.group.cover?.auto,
+			onClick: () => void E.run(() => l.onUseCover(e.content_id)),
+			children: /* @__PURE__ */ A(I, {
+				icon: P,
+				strokeWidth: 2
+			})
+		}),
+		/* @__PURE__ */ A(a, {
+			size: "icon-xs",
+			variant: "secondary",
+			disabled: E.pending,
+			"aria-label": d("memberships.remove", { name: K(e) }),
+			title: d("common.remove"),
+			onClick: () => void E.run(() => w.remove([q(e)])),
+			children: /* @__PURE__ */ A(I, {
+				icon: N,
+				strokeWidth: 2.5
+			})
+		})
+	] }), X = (e) => y.windows && (L === e.id ? /* @__PURE__ */ j("span", {
+		className: "flex flex-wrap items-center gap-1",
+		children: [
+			/* @__PURE__ */ A(x, {
+				from: H.from,
+				until: H.until,
+				name: K(e),
+				onChange: (e) => W((t) => ({
+					from: "active_from" in e ? e.active_from : t.from,
+					until: "active_until" in e ? e.active_until : t.until
+				}))
+			}),
+			/* @__PURE__ */ A(a, {
+				size: "xs",
+				disabled: E.pending,
+				onClick: () => void E.run(() => w.add([{
+					...q(e),
+					active_from: H.from,
+					active_until: H.until
+				}])).then((e) => e !== void 0 && R(null)),
+				children: d("common.save")
+			}),
+			/* @__PURE__ */ A(a, {
+				size: "xs",
+				variant: "ghost",
+				onClick: () => R(null),
+				children: d("common.cancel")
+			})
+		]
+	}) : /* @__PURE__ */ A("button", {
+		type: "button",
+		className: "text-start text-xs text-muted-foreground hover:underline",
+		"data-ckui": "member-window",
+		onClick: () => {
+			W({
+				from: e.active_from,
+				until: e.active_until
+			}), R(e.id);
+		},
+		children: e.active_from || e.active_until ? d("memberships.window", {
+			from: e.active_from ? _(u, e.active_from) : "…",
+			until: e.active_until ? _(u, e.active_until) : "…"
+		}) : d("memberships.always")
+	})), Z = (e, t) => {
+		let n = V(e);
+		return n ? /* @__PURE__ */ A("img", {
+			src: n,
+			alt: "",
+			loading: "lazy",
+			className: M("object-cover", t)
+		}) : /* @__PURE__ */ A("span", {
+			"aria-hidden": !0,
+			className: M("bg-muted", t)
+		});
+	}, Q = (e, t, n) => {
+		let r = T.get(e.content_id ?? ""), i = r && l.contentHref?.(r);
+		return i ? /* @__PURE__ */ A("a", {
+			href: i,
+			className: M("hover:underline", n),
+			children: t
+		}) : /* @__PURE__ */ A("span", {
+			className: n,
+			children: t
+		});
+	}, te = (e) => {
+		let t = T.get(e.content_id ?? "");
+		return /* @__PURE__ */ j("li", {
+			className: "group/member relative grid content-start gap-1.5",
+			"data-ckui": "group-member",
+			"data-content": e.content_id,
+			"data-state": e.state ?? "active",
+			children: [
+				l.renderContent ? l.renderContent(e, t) : /* @__PURE__ */ j(k, { children: [Q(e, Z(t, "aspect-[7/10] w-full rounded-md"), "block"), Q(e, G(e), M("line-clamp-2 text-sm font-medium break-words", !t && "font-mono text-xs"))] }),
+				/* @__PURE__ */ A("span", {
+					className: "flex flex-wrap gap-1",
+					children: J(e, t)
+				}),
+				X(e),
+				/* @__PURE__ */ A("span", {
+					className: "absolute end-1 top-1 flex gap-1 opacity-0 transition-opacity group-hover/member:opacity-100 focus-within:opacity-100",
+					children: Y(e)
+				})
+			]
+		}, e.id);
+	}, ne = (e, t) => {
+		let n = T.get(e.content_id ?? "");
+		return /* @__PURE__ */ j("div", {
+			className: "group/member flex flex-wrap items-center gap-2",
+			"data-ckui": "group-member",
+			"data-content": e.content_id,
+			"data-state": e.state ?? "active",
+			children: [
+				t,
+				e.position !== void 0 && /* @__PURE__ */ A("span", {
+					className: "w-8 text-xs text-muted-foreground tabular-nums",
+					children: e.position
+				}),
+				l.renderContent ? /* @__PURE__ */ A("span", {
+					className: "min-w-0 flex-1",
+					children: l.renderContent(e, n)
+				}) : /* @__PURE__ */ j(k, { children: [Q(e, Z(n, "h-12 w-9 rounded-sm"), "shrink-0"), Q(e, G(e), M("min-w-0 flex-1 break-words", !n && "font-mono text-xs"))] }),
+				J(e, n),
+				X(e),
+				/* @__PURE__ */ A("span", {
+					className: "flex gap-1 opacity-60 transition-opacity group-hover/member:opacity-100 focus-within:opacity-100",
+					children: Y(e)
+				})
+			]
+		});
+	}, $ = D(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of w.items) {
+			let n = T.get(t.content_id ?? "")?.kind ?? "";
+			e.set(n, [...e.get(n) ?? [], t]);
+		}
+		return [...e].sort(([e], [t]) => e === "" ? 1 : t === "" ? -1 : e.localeCompare(t));
+	}, [w.items, T]), re = y.version_level ? [] : Object.entries(p?.kinds ?? {}).flatMap(([e, t]) => {
+		let n = t.entities?.includes(l.group.kind) ? l.newContentHref?.(e, l.group) : void 0;
+		return n ? [{
+			kind: e,
+			href: n
+		}] : [];
+	});
+	return /* @__PURE__ */ j(t, {
+		appearance: l.appearance,
+		className: M("grid gap-3 text-sm", l.className),
+		"data-ckui": "group-members",
+		children: [
+			/* @__PURE__ */ A("h3", {
+				className: "font-medium",
+				children: d("memberships.members")
+			}),
+			re.length > 0 && /* @__PURE__ */ A("div", {
+				className: "flex flex-wrap gap-2",
+				children: re.map((e) => /* @__PURE__ */ A("a", {
+					href: e.href,
+					className: o({
+						variant: "outline",
+						size: "sm"
+					}),
+					"data-ckui": "group-member-new",
+					children: d("memberships.newContent", {
+						kind: b(l.labels, e.kind),
+						name: l.group.name
+					})
+				}, e.kind))
+			}),
+			/* @__PURE__ */ A(U, {
+				spec: y,
+				labels: l.labels,
+				client: f,
+				onAdd: (e) => E.run(() => w.add([e]))
+			}),
+			w.loading && !w.items.length ? /* @__PURE__ */ A(m, { className: "h-40 w-full" }) : w.error && !w.items.length ? /* @__PURE__ */ j("div", {
+				role: "alert",
+				className: "grid justify-items-start gap-2",
+				children: [/* @__PURE__ */ A("p", {
+					className: "text-destructive",
+					children: g(u, w.error)
+				}), /* @__PURE__ */ A(a, {
+					size: "sm",
+					variant: "outline",
+					onClick: w.reload,
+					children: d("common.retry")
+				})]
+			}) : w.items.length ? y.ordered ? /* @__PURE__ */ A(s, {
+				items: w.items,
+				id: (e) => e.id,
+				name: K,
+				label: d("memberships.members"),
+				disabled: E.pending,
+				onMove: (e, t) => {
+					let n = [...w.items], [r] = n.splice(e, 1);
+					n.splice(t, 0, r), E.run(() => w.reorder(ee(n)));
+				},
+				children: (e, t) => ne(e, t)
+			}) : $.map(([e, t]) => /* @__PURE__ */ j("section", {
+				className: "grid gap-2",
+				"data-ckui": "group-members-kind",
+				"data-kind": e,
+				children: [$.length > 1 && e && /* @__PURE__ */ A("h4", {
+					className: "text-xs font-medium text-muted-foreground uppercase",
+					children: b(l.labels, e)
+				}), /* @__PURE__ */ A("ul", {
+					className: "grid grid-cols-[repeat(auto-fill,minmax(7.5rem,1fr))] gap-3",
+					children: t.map(te)
+				})]
+			}, e || "other")) : /* @__PURE__ */ A("p", {
+				className: "text-muted-foreground",
+				children: d("memberships.noMembers")
+			}),
+			w.hasMore && /* @__PURE__ */ j("div", {
+				className: "grid justify-items-center gap-2",
+				children: [w.error && /* @__PURE__ */ A("p", {
+					role: "alert",
+					className: "text-destructive",
+					children: g(u, w.error)
+				}), /* @__PURE__ */ A(a, {
+					variant: "outline",
+					size: "sm",
+					disabled: w.loadingMore,
+					onClick: () => void w.loadMore(),
+					children: w.loadingMore ? d("groups.loading") : w.error ? d("common.retry") : d("groups.loadMore")
+				})]
+			}),
+			/* @__PURE__ */ A(h, { error: E.error })
+		]
+	});
+}
+function U({ spec: t, labels: n, client: r, onAdd: i }) {
+	let { t: o } = e(), s = E(), [c, m] = O(""), [h, g] = O(0), [_, v] = O(null), [S, C] = O(""), [D, k] = O(""), [N, P] = O(), [F, I] = O(), R = w((e, t) => r.discovery.adminSuggestions({
+		q: e.q,
+		display_language: e.display_language,
+		include_contents: !0,
+		include_entities: !1,
+		limit: 8
+	}, t), [r]), z = y(c, {
+		request: R,
+		client: r,
+		limit: 8
+	}), B = z.contents, V = c.trim() !== "" && !_ && B.length > 0;
+	T(() => g(0), [c]);
+	let H = !!t.version_level || !!t.roles?.length || !!t.windows, U = () => {
+		m(""), v(null), C("");
+	}, W = (e, t) => void i({
+		content_id: e.id,
+		version_id: t || void 0,
+		role: D || void 0,
+		active_from: N,
+		active_until: F
+	}).then((e) => e !== void 0 && U()), G = (e) => {
+		if (!H) return W(e);
+		v({ card: e }), m(e.title), t.version_level && r.contents.manage({
+			ids: [e.id],
+			limit: 1
+		}).then((t) => v((n) => n?.card.id === e.id ? {
+			card: e,
+			versions: t[0]?.versions
+		} : n), () => void 0);
+	};
+	return /* @__PURE__ */ j("div", {
+		className: "grid gap-2",
+		"data-ckui": "add-member",
+		children: [/* @__PURE__ */ j("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ A("input", {
+					id: `${s}-q`,
+					role: "combobox",
+					"aria-label": o("memberships.searchContent"),
+					"aria-expanded": V,
+					"aria-controls": `${s}-list`,
+					"aria-activedescendant": V ? `${s}-${h}` : void 0,
+					"aria-autocomplete": "list",
+					autoComplete: "off",
+					className: "h-8 w-full rounded-md border border-input bg-transparent px-2.5 text-sm outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40",
+					placeholder: o("memberships.searchContent"),
+					value: c,
+					onChange: (e) => {
+						m(e.target.value), v(null);
+					},
+					onKeyDown: (e) => {
+						e.key === "ArrowDown" && V ? (e.preventDefault(), g((e) => Math.min(B.length - 1, e + 1))) : e.key === "ArrowUp" && V ? (e.preventDefault(), g((e) => Math.max(0, e - 1))) : e.key === "Enter" && V ? (e.preventDefault(), G(B[h])) : e.key === "Escape" && U();
+					}
+				}),
+				V && /* @__PURE__ */ A("ul", {
+					id: `${s}-list`,
+					role: "listbox",
+					"aria-label": o("memberships.searchContent"),
+					className: "absolute start-0 top-full z-10 mt-1 grid w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md",
+					children: B.map((e, t) => /* @__PURE__ */ j("li", {
+						id: `${s}-${t}`,
+						role: "option",
+						"aria-selected": t === h,
+						className: M("flex cursor-pointer items-center gap-2 px-2 py-1.5 text-sm", t === h && "bg-accent text-accent-foreground"),
+						onMouseEnter: () => g(t),
+						onMouseDown: (t) => {
+							t.preventDefault(), G(e);
+						},
+						children: [
+							e.cover[0]?.url ? /* @__PURE__ */ A("img", {
+								src: e.cover[0].url,
+								alt: "",
+								className: "h-9 w-6 shrink-0 rounded-sm object-cover"
+							}) : /* @__PURE__ */ A("span", {
+								"aria-hidden": !0,
+								className: "h-9 w-6 shrink-0 rounded-sm bg-muted"
+							}),
+							/* @__PURE__ */ A("span", {
+								className: "min-w-0 flex-1 truncate",
+								children: e.title
+							}),
+							/* @__PURE__ */ A("span", {
+								className: "text-xs text-muted-foreground",
+								children: b(n, e.kind)
+							})
+						]
+					}, e.id))
+				}),
+				c.trim() !== "" && !_ && !z.loading && z.query === c.trim() && !B.length && /* @__PURE__ */ A("p", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: o("memberships.noMatches")
+				})
+			]
+		}), _ && /* @__PURE__ */ j("div", {
+			className: "flex flex-wrap items-end gap-2",
+			"data-ckui": "add-member-details",
+			children: [
+				t.version_level && /* @__PURE__ */ j(l, {
+					value: S || L,
+					onValueChange: (e) => C(e === L ? "" : String(e)),
+					children: [/* @__PURE__ */ A(f, {
+						size: "sm",
+						"aria-label": o("memberships.version"),
+						children: /* @__PURE__ */ A(p, { children: (e) => e === L ? o("memberships.wholeContent") : _.versions?.find((t) => t.id === e)?.title ?? e })
+					}), /* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(d, {
+						value: L,
+						children: o("memberships.wholeContent")
+					}), (_.versions ?? []).map((e, t) => /* @__PURE__ */ A(d, {
+						value: e.id,
+						children: e.title || `#${t + 1}`
+					}, e.id))] })]
+				}),
+				!!t.roles?.length && /* @__PURE__ */ j(l, {
+					value: D || L,
+					onValueChange: (e) => k(e === L ? "" : String(e)),
+					children: [/* @__PURE__ */ A(f, {
+						size: "sm",
+						"aria-label": o("memberships.role"),
+						children: /* @__PURE__ */ A(p, { children: (e) => e === L ? o("memberships.noRole") : b(n, e) })
+					}), /* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(d, {
+						value: L,
+						children: o("memberships.noRole")
+					}), t.roles.map((e) => /* @__PURE__ */ A(d, {
+						value: e,
+						children: b(n, e)
+					}, e))] })]
+				}),
+				t.windows && /* @__PURE__ */ A(x, {
+					from: N,
+					until: F,
+					name: o("memberships.newMember"),
+					onChange: (e) => {
+						"active_from" in e && P(e.active_from), "active_until" in e && I(e.active_until);
+					}
+				}),
+				/* @__PURE__ */ A(a, {
+					size: "sm",
+					onClick: () => W(_.card, S),
+					children: o("memberships.addMember")
+				}),
+				/* @__PURE__ */ A(a, {
+					size: "sm",
+					variant: "ghost",
+					onClick: U,
+					children: o("common.cancel")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { H as GroupMembers };
+
+//# sourceMappingURL=group-members.js.map

package/dist/components/groups/group-members.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-members.js","names":[],"sources":["../../../src/components/groups/group-members.tsx"],"sourcesContent":["import { Cancel01Icon, Image01Icon, Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"cn\";\nimport { useCallback, useEffect, useId, useMemo, useState, type ReactNode } from \"react\";\nimport type { ContentKitUiAppearance } from \"../../appearance.js\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { TypeaheadQuery } from \"../../client/discovery.js\";\nimport type { Card, Content, GroupDetail, GroupKind, Membership } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useContentKitClient, type ContentKitErrorHandler } from \"../../react/context.js\";\nimport { useTypeahead } from \"../../react/discovery.js\";\nimport { useGroupMembers, useKinds, type Member } from \"../../react/groups.js\";\nimport { ContentKitUiRoot } from \"../../scope.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button, buttonVariants } from \"#ckui/ui/button\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { Skeleton } from \"#ckui/ui/skeleton\";\nimport { accessLabel, contentStatus } from \"../admin/content-manager.js\";\nimport { SortableList } from \"../sortable-list.js\";\nimport { contentError, ErrorLine, formatDate, useAction } from \"../social/parts.js\";\nimport { WindowFields } from \"./entity-chips.js\";\nimport { labelOf, type Labels } from \"./parts.js\";\n\nconst NONE = \"__none__\";\n// The managed listing hydrates at most this many ids per request.\nconst BATCH = 100;\n\nexport interface GroupMembersProps {\n  group: Pick<GroupDetail, \"id\" | \"kind\" | \"name\" | \"slug\" | \"cover\" | \"code\">;\n  labels?: Labels;\n  /** Where a member's card links, e.g. its admin editor; none: not a link. */\n  contentHref?: (content: Content) => string | undefined;\n  /** Where a new item of a content kind starts already in this group, e.g. the host's editor with `?with=<code>`; none: no action. */\n  newContentHref?: (contentKind: string, group: GroupMembersProps[\"group\"]) => string | undefined;\n  /** Replaces a member's card body; default its cover and title. */\n  renderContent?: (member: Membership, content?: Content) => ReactNode;\n  /** Select a member's cover as the group's. */\n  onUseCover?: (contentId: string) => Promise<unknown>;\n  pageSize?: number;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n  className?: string;\n  appearance?: ContentKitUiAppearance;\n}\n\nconst refKey = (x: Membership) => `${x.content_id}|${x.version_id ?? \"\"}`;\n\n/** Members' contents by id through the managed listing: drafts and deleted ones too. */\nfunction useMemberContents(ids: readonly string[], client: ContentKitClient) {\n  const [byId, setById] = useState<ReadonlyMap<string, Content>>(new Map());\n  const wanted = useMemo(() => [...new Set(ids)].sort(), [ids]);\n  useEffect(() => {\n    const missing = wanted.filter((id) => !byId.has(id));\n    if (!missing.length) return;\n    const ctl = new AbortController();\n    const batches: string[][] = [];\n    for (let i = 0; i < missing.length; i += BATCH) batches.push(missing.slice(i, i + BATCH));\n    // A failed lookup leaves the member's id as its label; the list stays usable.\n    void Promise.all(batches.map((b) => client.contents.manage({ ids: b, limit: b.length }, ctl.signal).catch(() => [] as Content[]))).then((pages) => {\n      if (ctl.signal.aborted) return;\n      setById((cur) => {\n        const next = new Map(cur);\n        for (const c of pages.flat()) next.set(c.id, c);\n        return next;\n      });\n    });\n    return () => ctl.abort();\n    // byId is read, not a trigger: only new ids fetch.\n  }, [wanted, client]); // eslint-disable-line react-hooks/exhaustive-deps\n  return byId;\n}\n\nconst coverOf = (c?: Content) => c?.cover?.url ?? c?.versions.find((v) => v.cover?.url)?.cover?.url;\n\n/**\n * Staff: an entity's contents as cover cards grouped by content kind (an\n * ordered kind as a reorderable list), each with its access, state, role and\n * version; add one by searching titles, remove or use its cover on hover.\n */\nexport function GroupMembers(p: GroupMembersProps) {\n  const m = useMessages();\n  const { t } = m;\n  const client = useContentKitClient(p.client);\n  const { kinds } = useKinds({ client: p.client });\n  const spec: GroupKind = kinds?.entity_kinds?.[p.group.kind] ?? {};\n  const members = useGroupMembers(p.group.id, { pageSize: p.pageSize, client: p.client });\n  const contents = useMemberContents(\n    useMemo(() => members.items.map((x) => x.content_id!).filter(Boolean), [members.items]),\n    client,\n  );\n  const save = useAction(\"membership.save\", p.onError);\n  const [editing, setEditing] = useState<string | null>(null);\n  const [win, setWin] = useState<{ from?: string; until?: string }>({});\n  const title = (x: Membership) => contents.get(x.content_id ?? \"\")?.title || x.content_id || \"\";\n  const spoken = (x: Member) => `${title(x)}${x.version_id ? ` (${t(\"memberships.version\")})` : \"\"}`;\n  // Every role of one member shares its place: order unique content and version pairs.\n  const order = (items: Member[]) => [...new Map(items.map((x) => [refKey(x), { content_id: x.content_id!, version_id: x.version_id }])).values()];\n  const strip = ({ id: _id, ...x }: Member): Membership => x;\n  const badges = (x: Member, c?: Content) => (\n    <>\n      {c && c.access.level !== \"public\" && <Badge variant=\"secondary\">{accessLabel(t, c.access, p.labels)}</Badge>}\n      {c && (c.state === \"deleted\" || contentStatus(c) !== \"published\") && (\n        <Badge variant={c.state === \"deleted\" ? \"destructive\" : \"outline\"}>{t(c.state === \"deleted\" ? \"contentManager.deleted\" : `contentManager.${contentStatus(c)}`)}</Badge>\n      )}\n      {x.version_id && <Badge variant=\"outline\">{t(\"memberships.version\")}</Badge>}\n      {x.role && <Badge variant=\"secondary\">{labelOf(p.labels, x.role)}</Badge>}\n      {x.state === \"proposed\" && <Badge variant=\"secondary\">{t(\"memberships.proposed\")}</Badge>}\n    </>\n  );\n  const actions = (x: Member) => (\n    <>\n      {x.state === \"proposed\" && (\n        <Button size=\"icon-xs\" variant=\"secondary\" disabled={save.pending} aria-label={`${t(\"memberships.accept\")}: ${spoken(x)}`} title={t(\"memberships.accept\")}\n          onClick={() => void save.run(() => members.add([{ ...strip(x), state: \"active\" }]))}>\n          <HugeiconsIcon icon={Tick02Icon} strokeWidth={2.5} />\n        </Button>\n      )}\n      {p.onUseCover && !x.version_id && (\n        <Button size=\"icon-xs\" variant=\"secondary\" aria-label={`${t(\"memberships.useCover\")}: ${spoken(x)}`} title={t(\"memberships.useCover\")}\n          disabled={save.pending || (p.group.cover?.content_id === x.content_id && !p.group.cover?.auto)}\n          onClick={() => void save.run(() => p.onUseCover!(x.content_id!))}>\n          <HugeiconsIcon icon={Image01Icon} strokeWidth={2} />\n        </Button>\n      )}\n      <Button size=\"icon-xs\" variant=\"secondary\" disabled={save.pending} aria-label={t(\"memberships.remove\", { name: spoken(x) })} title={t(\"common.remove\")}\n        onClick={() => void save.run(() => members.remove([strip(x)]))}>\n        <HugeiconsIcon icon={Cancel01Icon} strokeWidth={2.5} />\n      </Button>\n    </>\n  );\n  const dates = (x: Member) =>\n    spec.windows &&\n    (editing === x.id ? (\n      <span className=\"flex flex-wrap items-center gap-1\">\n        <WindowFields from={win.from} until={win.until} name={spoken(x)} onChange={(w) => setWin((cur) => ({ from: \"active_from\" in w ? w.active_from : cur.from, until: \"active_until\" in w ? w.active_until : cur.until }))} />\n        <Button size=\"xs\" disabled={save.pending} onClick={() => void save.run(() => members.add([{ ...strip(x), active_from: win.from, active_until: win.until }])).then((d) => d !== undefined && setEditing(null))}>\n          {t(\"common.save\")}\n        </Button>\n        <Button size=\"xs\" variant=\"ghost\" onClick={() => setEditing(null)}>\n          {t(\"common.cancel\")}\n        </Button>\n      </span>\n    ) : (\n      <button type=\"button\" className=\"text-start text-xs text-muted-foreground hover:underline\" data-ckui=\"member-window\"\n        onClick={() => {\n          setWin({ from: x.active_from, until: x.active_until });\n          setEditing(x.id);\n        }}>\n        {x.active_from || x.active_until\n          ? t(\"memberships.window\", { from: x.active_from ? formatDate(m, x.active_from) : \"…\", until: x.active_until ? formatDate(m, x.active_until) : \"…\" })\n          : t(\"memberships.always\")}\n      </button>\n    ));\n  const thumb = (c: Content | undefined, className: string) => {\n    const url = coverOf(c);\n    return url ? <img src={url} alt=\"\" loading=\"lazy\" className={cn(\"object-cover\", className)} /> : <span aria-hidden className={cn(\"bg-muted\", className)} />;\n  };\n  const linked = (x: Member, body: ReactNode, className?: string) => {\n    const c = contents.get(x.content_id ?? \"\");\n    const href = c && p.contentHref?.(c);\n    return href ? <a href={href} className={cn(\"hover:underline\", className)}>{body}</a> : <span className={className}>{body}</span>;\n  };\n  const card = (x: Member) => {\n    const c = contents.get(x.content_id ?? \"\");\n    return (\n      <li key={x.id} className=\"group/member relative grid content-start gap-1.5\" data-ckui=\"group-member\" data-content={x.content_id} data-state={x.state ?? \"active\"}>\n        {p.renderContent ? (\n          p.renderContent(x, c)\n        ) : (\n          <>\n            {linked(x, thumb(c, \"aspect-[7/10] w-full rounded-md\"), \"block\")}\n            {linked(x, title(x), cn(\"line-clamp-2 text-sm font-medium break-words\", !c && \"font-mono text-xs\"))}\n          </>\n        )}\n        <span className=\"flex flex-wrap gap-1\">{badges(x, c)}</span>\n        {dates(x)}\n        <span className=\"absolute end-1 top-1 flex gap-1 opacity-0 transition-opacity group-hover/member:opacity-100 focus-within:opacity-100\">{actions(x)}</span>\n      </li>\n    );\n  };\n  const row = (x: Member, handle?: ReactNode) => {\n    const c = contents.get(x.content_id ?? \"\");\n    return (\n      <div className=\"group/member flex flex-wrap items-center gap-2\" data-ckui=\"group-member\" data-content={x.content_id} data-state={x.state ?? \"active\"}>\n        {handle}\n        {x.position !== undefined && <span className=\"w-8 text-xs text-muted-foreground tabular-nums\">{x.position}</span>}\n        {p.renderContent ? (\n          <span className=\"min-w-0 flex-1\">{p.renderContent(x, c)}</span>\n        ) : (\n          <>\n            {linked(x, thumb(c, \"h-12 w-9 rounded-sm\"), \"shrink-0\")}\n            {linked(x, title(x), cn(\"min-w-0 flex-1 break-words\", !c && \"font-mono text-xs\"))}\n          </>\n        )}\n        {badges(x, c)}\n        {dates(x)}\n        <span className=\"flex gap-1 opacity-60 transition-opacity group-hover/member:opacity-100 focus-within:opacity-100\">{actions(x)}</span>\n      </div>\n    );\n  };\n  // Unordered kinds read best as covers per content kind; unknown kinds last.\n  const byKind = useMemo(() => {\n    const out = new Map<string, Member[]>();\n    for (const x of members.items) {\n      const kind = contents.get(x.content_id ?? \"\")?.kind ?? \"\";\n      out.set(kind, [...(out.get(kind) ?? []), x]);\n    }\n    return [...out].sort(([a], [b]) => (a === \"\" ? 1 : b === \"\" ? -1 : a.localeCompare(b)));\n  }, [members.items, contents]);\n  // Version-level kinds link a version, which a new item does not have yet.\n  const starts = spec.version_level\n    ? []\n    : Object.entries(kinds?.kinds ?? {}).flatMap(([kind, k]) => {\n        const href = k.entities?.includes(p.group.kind) ? p.newContentHref?.(kind, p.group) : undefined;\n        return href ? [{ kind, href }] : [];\n      });\n  return (\n    <ContentKitUiRoot appearance={p.appearance} className={cn(\"grid gap-3 text-sm\", p.className)} data-ckui=\"group-members\">\n      <h3 className=\"font-medium\">{t(\"memberships.members\")}</h3>\n      {starts.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {starts.map((x) => (\n            <a key={x.kind} href={x.href} className={buttonVariants({ variant: \"outline\", size: \"sm\" })} data-ckui=\"group-member-new\">\n              {t(\"memberships.newContent\", { kind: labelOf(p.labels, x.kind), name: p.group.name })}\n            </a>\n          ))}\n        </div>\n      )}\n      <AddContent spec={spec} labels={p.labels} client={client} onAdd={(x) => save.run(() => members.add([x]))} />\n      {members.loading && !members.items.length ? (\n        <Skeleton className=\"h-40 w-full\" />\n      ) : members.error && !members.items.length ? (\n        <div role=\"alert\" className=\"grid justify-items-start gap-2\">\n          <p className=\"text-destructive\">{contentError(m, members.error)}</p>\n          <Button size=\"sm\" variant=\"outline\" onClick={members.reload}>\n            {t(\"common.retry\")}\n          </Button>\n        </div>\n      ) : !members.items.length ? (\n        <p className=\"text-muted-foreground\">{t(\"memberships.noMembers\")}</p>\n      ) : spec.ordered ? (\n        <SortableList\n          items={members.items}\n          id={(x) => x.id}\n          name={spoken}\n          label={t(\"memberships.members\")}\n          disabled={save.pending}\n          onMove={(from, to) => {\n            const items = [...members.items];\n            const [moved] = items.splice(from, 1);\n            items.splice(to, 0, moved!);\n            void save.run(() => members.reorder(order(items)));\n          }}\n        >\n          {(x, handle) => row(x, handle)}\n        </SortableList>\n      ) : (\n        byKind.map(([kind, items]) => (\n          <section key={kind || \"other\"} className=\"grid gap-2\" data-ckui=\"group-members-kind\" data-kind={kind}>\n            {byKind.length > 1 && kind && <h4 className=\"text-xs font-medium text-muted-foreground uppercase\">{labelOf(p.labels, kind)}</h4>}\n            <ul className=\"grid grid-cols-[repeat(auto-fill,minmax(7.5rem,1fr))] gap-3\">{items.map(card)}</ul>\n          </section>\n        ))\n      )}\n      {members.hasMore && (\n        <div className=\"grid justify-items-center gap-2\">\n          {members.error && <p role=\"alert\" className=\"text-destructive\">{contentError(m, members.error)}</p>}\n          <Button variant=\"outline\" size=\"sm\" disabled={members.loadingMore} onClick={() => void members.loadMore()}>\n            {members.loadingMore ? t(\"groups.loading\") : members.error ? t(\"common.retry\") : t(\"groups.loadMore\")}\n          </Button>\n        </div>\n      )}\n      <ErrorLine error={save.error} />\n    </ContentKitUiRoot>\n  );\n}\n\n/** A title search over contents the caller manages; picking one adds it, after its role, version or dates when the kind has them. */\nfunction AddContent({ spec, labels, client, onAdd }: { spec: GroupKind; labels?: Labels; client: ContentKitClient; onAdd: (m: Membership) => Promise<unknown> }) {\n  const { t } = useMessages();\n  const id = useId();\n  const [text, setText] = useState(\"\");\n  const [active, setActive] = useState(0);\n  const [picked, setPicked] = useState<{ card: Card; versions?: Content[\"versions\"] } | null>(null);\n  const [version, setVersion] = useState(\"\");\n  const [role, setRole] = useState(\"\");\n  const [from, setFrom] = useState<string>();\n  const [until, setUntil] = useState<string>();\n  const request = useCallback(\n    (q: TypeaheadQuery, signal: AbortSignal) =>\n      client.discovery.adminSuggestions({ q: q.q, display_language: q.display_language, include_contents: true, include_entities: false, limit: 8 }, signal),\n    [client],\n  );\n  const found = useTypeahead(text, { request, client, limit: 8 });\n  const results = found.contents;\n  const listOpen = text.trim() !== \"\" && !picked && results.length > 0;\n  useEffect(() => setActive(0), [text]);\n  const detailed = !!spec.version_level || !!spec.roles?.length || !!spec.windows;\n  const reset = () => {\n    setText(\"\");\n    setPicked(null);\n    setVersion(\"\");\n  };\n  const add = (card: Card, v?: string) =>\n    void onAdd({ content_id: card.id, version_id: v || undefined, role: role || undefined, active_from: from, active_until: until }).then((d) => d !== undefined && reset());\n  const pick = (card: Card) => {\n    if (!detailed) return add(card);\n    setPicked({ card });\n    setText(card.title);\n    // A version-level kind links one version: list the picked content's.\n    if (spec.version_level)\n      void client.contents.manage({ ids: [card.id], limit: 1 }).then(\n        (r) => setPicked((cur) => (cur?.card.id === card.id ? { card, versions: r[0]?.versions } : cur)),\n        () => undefined,\n      );\n  };\n  return (\n    <div className=\"grid gap-2\" data-ckui=\"add-member\">\n      <div className=\"relative\">\n        <input\n          id={`${id}-q`}\n          role=\"combobox\"\n          aria-label={t(\"memberships.searchContent\")}\n          aria-expanded={listOpen}\n          aria-controls={`${id}-list`}\n          aria-activedescendant={listOpen ? `${id}-${active}` : undefined}\n          aria-autocomplete=\"list\"\n          autoComplete=\"off\"\n          className=\"h-8 w-full rounded-md border border-input bg-transparent px-2.5 text-sm outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40\"\n          placeholder={t(\"memberships.searchContent\")}\n          value={text}\n          onChange={(e) => {\n            setText(e.target.value);\n            setPicked(null);\n          }}\n          onKeyDown={(e) => {\n            if (e.key === \"ArrowDown\" && listOpen) {\n              e.preventDefault();\n              setActive((a) => Math.min(results.length - 1, a + 1));\n            } else if (e.key === \"ArrowUp\" && listOpen) {\n              e.preventDefault();\n              setActive((a) => Math.max(0, a - 1));\n            } else if (e.key === \"Enter\" && listOpen) {\n              e.preventDefault();\n              pick(results[active]!);\n            } else if (e.key === \"Escape\") reset();\n          }}\n        />\n        {listOpen && (\n          <ul id={`${id}-list`} role=\"listbox\" aria-label={t(\"memberships.searchContent\")} className=\"absolute start-0 top-full z-10 mt-1 grid w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md\">\n            {results.map((c, i) => (\n              <li\n                key={c.id}\n                id={`${id}-${i}`}\n                role=\"option\"\n                aria-selected={i === active}\n                className={cn(\"flex cursor-pointer items-center gap-2 px-2 py-1.5 text-sm\", i === active && \"bg-accent text-accent-foreground\")}\n                onMouseEnter={() => setActive(i)}\n                onMouseDown={(e) => {\n                  e.preventDefault();\n                  pick(c);\n                }}\n              >\n                {c.cover[0]?.url ? <img src={c.cover[0].url} alt=\"\" className=\"h-9 w-6 shrink-0 rounded-sm object-cover\" /> : <span aria-hidden className=\"h-9 w-6 shrink-0 rounded-sm bg-muted\" />}\n                <span className=\"min-w-0 flex-1 truncate\">{c.title}</span>\n                <span className=\"text-xs text-muted-foreground\">{labelOf(labels, c.kind)}</span>\n              </li>\n            ))}\n          </ul>\n        )}\n        {text.trim() !== \"\" && !picked && !found.loading && found.query === text.trim() && !results.length && (\n          <p className=\"mt-1 text-xs text-muted-foreground\">{t(\"memberships.noMatches\")}</p>\n        )}\n      </div>\n      {picked && (\n        <div className=\"flex flex-wrap items-end gap-2\" data-ckui=\"add-member-details\">\n          {spec.version_level && (\n            <Select value={version || NONE} onValueChange={(v) => setVersion(v === NONE ? \"\" : String(v))}>\n              <SelectTrigger size=\"sm\" aria-label={t(\"memberships.version\")}>\n                <SelectValue>{(v: string) => (v === NONE ? t(\"memberships.wholeContent\") : (picked.versions?.find((x) => x.id === v)?.title ?? v))}</SelectValue>\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value={NONE}>{t(\"memberships.wholeContent\")}</SelectItem>\n                {(picked.versions ?? []).map((v, i) => (\n                  <SelectItem key={v.id} value={v.id}>\n                    {v.title || `#${i + 1}`}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          )}\n          {!!spec.roles?.length && (\n            <Select value={role || NONE} onValueChange={(v) => setRole(v === NONE ? \"\" : String(v))}>\n              <SelectTrigger size=\"sm\" aria-label={t(\"memberships.role\")}>\n                <SelectValue>{(v: string) => (v === NONE ? t(\"memberships.noRole\") : labelOf(labels, v))}</SelectValue>\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value={NONE}>{t(\"memberships.noRole\")}</SelectItem>\n                {spec.roles.map((r) => (\n                  <SelectItem key={r} value={r}>\n                    {labelOf(labels, r)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          )}\n          {spec.windows && (\n            <WindowFields\n              from={from}\n              until={until}\n              name={t(\"memberships.newMember\")}\n              onChange={(w) => {\n                if (\"active_from\" in w) setFrom(w.active_from);\n                if (\"active_until\" in w) setUntil(w.active_until);\n              }}\n            />\n          )}\n          <Button size=\"sm\" onClick={() => add(picked.card, version)}>\n            {t(\"memberships.addMember\")}\n          </Button>\n          <Button size=\"sm\" variant=\"ghost\" onClick={reset}>\n            {t(\"common.cancel\")}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,IAAM,IAAO,YAEP,IAAQ,KAoBR,KAAU,MAAkB,GAAG,EAAE,WAAW,GAAG,EAAE,cAAc;AAGrE,SAAS,EAAkB,GAAwB,GAA0B;CAC3E,IAAM,CAAC,GAAM,KAAW,kBAAuC,IAAI,IAAI,CAAC,GAClE,IAAS,QAAc,CAAC,GAAG,IAAI,IAAI,CAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAG,CAAC;CAmB5D,OAlBA,QAAgB;EACd,IAAM,IAAU,EAAO,QAAQ,MAAO,CAAC,EAAK,IAAI,CAAE,CAAC;EACnD,IAAI,CAAC,EAAQ,QAAQ;EACrB,IAAM,IAAM,IAAI,gBAAgB,GAC1B,IAAsB,CAAC;EAC7B,KAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,KAAK,GAAO,EAAQ,KAAK,EAAQ,MAAM,GAAG,IAAI,CAAK,CAAC;EAUxF,OARA,QAAa,IAAI,EAAQ,KAAK,MAAM,EAAO,SAAS,OAAO;GAAE,KAAK;GAAG,OAAO,EAAE;EAAO,GAAG,EAAI,MAAM,CAAC,CAAC,YAAY,CAAC,CAAc,CAAC,CAAC,CAAC,CAAC,MAAM,MAAU;GAC7I,EAAI,OAAO,WACf,GAAS,MAAQ;IACf,IAAM,IAAO,IAAI,IAAI,CAAG;IACxB,KAAK,IAAM,KAAK,EAAM,KAAK,GAAG,EAAK,IAAI,EAAE,IAAI,CAAC;IAC9C,OAAO;GACT,CAAC;EACH,CAAC,SACY,EAAI,MAAM;CAEzB,GAAG,CAAC,GAAQ,CAAM,CAAC,GACZ;AACT;AAEA,IAAM,KAAW,MAAgB,GAAG,OAAO,OAAO,GAAG,SAAS,MAAM,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO;AAOhG,SAAgB,EAAa,GAAsB;CACjD,IAAM,IAAI,EAAY,GAChB,EAAE,SAAM,GACR,IAAS,EAAoB,EAAE,MAAM,GACrC,EAAE,aAAU,EAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,GACzC,IAAkB,GAAO,eAAe,EAAE,MAAM,SAAS,CAAC,GAC1D,IAAU,EAAgB,EAAE,MAAM,IAAI;EAAE,UAAU,EAAE;EAAU,QAAQ,EAAE;CAAO,CAAC,GAChF,IAAW,EACf,QAAc,EAAQ,MAAM,KAAK,MAAM,EAAE,UAAW,CAAC,CAAC,OAAO,OAAO,GAAG,CAAC,EAAQ,KAAK,CAAC,GACtF,CACF,GACM,IAAO,EAAU,mBAAmB,EAAE,OAAO,GAC7C,CAAC,GAAS,KAAc,EAAwB,IAAI,GACpD,CAAC,GAAK,KAAU,EAA4C,CAAC,CAAC,GAC9D,KAAS,MAAkB,EAAS,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,IACtF,KAAU,MAAc,GAAG,EAAM,CAAC,IAAI,EAAE,aAAa,KAAK,EAAE,qBAAqB,EAAE,KAAK,MAExF,MAAS,MAAoB,CAAC,GAAG,IAAI,IAAI,EAAM,KAAK,MAAM,CAAC,EAAO,CAAC,GAAG;EAAE,YAAY,EAAE;EAAa,YAAY,EAAE;CAAW,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GACzI,KAAS,EAAE,IAAI,GAAK,GAAG,QAA4B,GACnD,KAAU,GAAW,MACzB,kBAAA,GAAA,EAAA,UAAA;EACG,KAAK,EAAE,OAAO,UAAU,YAAY,kBAAC,GAAD;GAAO,SAAQ;GAAa,UAAA,EAAY,GAAG,EAAE,QAAQ,EAAE,MAAM;EAAS,CAAA;EAC1G,MAAM,EAAE,UAAU,aAAa,EAAc,CAAC,MAAM,gBACnD,kBAAC,GAAD;GAAO,SAAS,EAAE,UAAU,YAAY,gBAAgB;GAAY,UAAA,EAAE,EAAE,UAAU,YAAY,2BAA2B,kBAAkB,EAAc,CAAC,GAAG;EAAS,CAAA;EAEvK,EAAE,cAAc,kBAAC,GAAD;GAAO,SAAQ;GAAW,UAAA,EAAE,qBAAqB;EAAS,CAAA;EAC1E,EAAE,QAAQ,kBAAC,GAAD;GAAO,SAAQ;GAAa,UAAA,EAAQ,EAAE,QAAQ,EAAE,IAAI;EAAS,CAAA;EACvE,EAAE,UAAU,cAAc,kBAAC,GAAD;GAAO,SAAQ;GAAa,UAAA,EAAE,sBAAsB;EAAS,CAAA;CACxF,EAAA,CAAA,GAEE,KAAW,MACf,kBAAA,GAAA,EAAA,UAAA;EACG,EAAE,UAAU,cACX,kBAAC,GAAD;GAAQ,MAAK;GAAU,SAAQ;GAAY,UAAU,EAAK;GAAS,cAAY,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAO,CAAC;GAAK,OAAO,EAAE,oBAAoB;GACtJ,eAAe,KAAK,EAAK,UAAU,EAAQ,IAAI,CAAC;IAAE,GAAG,EAAM,CAAC;IAAG,OAAO;GAAS,CAAC,CAAC,CAAC;GAClF,UAAA,kBAAC,GAAD;IAAe,MAAM;IAAY,aAAa;GAAM,CAAA;EAC9C,CAAA;EAET,EAAE,cAAc,CAAC,EAAE,cAClB,kBAAC,GAAD;GAAQ,MAAK;GAAU,SAAQ;GAAY,cAAY,GAAG,EAAE,sBAAsB,EAAE,IAAI,EAAO,CAAC;GAAK,OAAO,EAAE,sBAAsB;GAClI,UAAU,EAAK,WAAY,EAAE,MAAM,OAAO,eAAe,EAAE,cAAc,CAAC,EAAE,MAAM,OAAO;GACzF,eAAe,KAAK,EAAK,UAAU,EAAE,WAAY,EAAE,UAAW,CAAC;GAC/D,UAAA,kBAAC,GAAD;IAAe,MAAM;IAAa,aAAa;GAAI,CAAA;EAC7C,CAAA;EAEV,kBAAC,GAAD;GAAQ,MAAK;GAAU,SAAQ;GAAY,UAAU,EAAK;GAAS,cAAY,EAAE,sBAAsB,EAAE,MAAM,EAAO,CAAC,EAAE,CAAC;GAAG,OAAO,EAAE,eAAe;GACnJ,eAAe,KAAK,EAAK,UAAU,EAAQ,OAAO,CAAC,EAAM,CAAC,CAAC,CAAC,CAAC;GAC7D,UAAA,kBAAC,GAAD;IAAe,MAAM;IAAc,aAAa;GAAM,CAAA;EAChD,CAAA;CACR,EAAA,CAAA,GAEE,KAAS,MACb,EAAK,YACJ,MAAY,EAAE,KACb,kBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA;GACE,kBAAC,GAAD;IAAc,MAAM,EAAI;IAAM,OAAO,EAAI;IAAO,MAAM,EAAO,CAAC;IAAG,WAAW,MAAM,GAAQ,OAAS;KAAE,MAAM,iBAAiB,IAAI,EAAE,cAAc,EAAI;KAAM,OAAO,kBAAkB,IAAI,EAAE,eAAe,EAAI;IAAM,EAAE;GAAI,CAAA;GACxN,kBAAC,GAAD;IAAQ,MAAK;IAAK,UAAU,EAAK;IAAS,eAAe,KAAK,EAAK,UAAU,EAAQ,IAAI,CAAC;KAAE,GAAG,EAAM,CAAC;KAAG,aAAa,EAAI;KAAM,cAAc,EAAI;IAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,MAAM,MAAM,KAAA,KAAa,EAAW,IAAI,CAAC;IACzM,UAAA,EAAE,aAAa;GACV,CAAA;GACR,kBAAC,GAAD;IAAQ,MAAK;IAAK,SAAQ;IAAQ,eAAe,EAAW,IAAI;IAC7D,UAAA,EAAE,eAAe;GACZ,CAAA;EACJ;CAEN,CAAA,IAAA,kBAAC,UAAD;EAAQ,MAAK;EAAS,WAAU;EAA2D,aAAU;EACnG,eAAe;GAEb,AADA,EAAO;IAAE,MAAM,EAAE;IAAa,OAAO,EAAE;GAAa,CAAC,GACrD,EAAW,EAAE,EAAE;EACjB;EACC,UAAA,EAAE,eAAe,EAAE,eAChB,EAAE,sBAAsB;GAAE,MAAM,EAAE,cAAc,EAAW,GAAG,EAAE,WAAW,IAAI;GAAK,OAAO,EAAE,eAAe,EAAW,GAAG,EAAE,YAAY,IAAI;EAAI,CAAC,IACjJ,EAAE,oBAAoB;CACpB,CAAA,IAEN,KAAS,GAAwB,MAAsB;EAC3D,IAAM,IAAM,EAAQ,CAAC;EACrB,OAAO,IAAM,kBAAC,OAAD;GAAK,KAAK;GAAK,KAAI;GAAG,SAAQ;GAAO,WAAW,EAAG,gBAAgB,CAAS;EAAI,CAAA,IAAI,kBAAC,QAAD;GAAM,eAAA;GAAY,WAAW,EAAG,YAAY,CAAS;EAAI,CAAA;CAC5J,GACM,KAAU,GAAW,GAAiB,MAAuB;EACjE,IAAM,IAAI,EAAS,IAAI,EAAE,cAAc,EAAE,GACnC,IAAO,KAAK,EAAE,cAAc,CAAC;EACnC,OAAO,IAAO,kBAAC,KAAD;GAAS;GAAM,WAAW,EAAG,mBAAmB,CAAS;GAAI,UAAA;EAAQ,CAAA,IAAI,kBAAC,QAAD;GAAiB;GAAY,UAAA;EAAW,CAAA;CACjI,GACM,MAAQ,MAAc;EAC1B,IAAM,IAAI,EAAS,IAAI,EAAE,cAAc,EAAE;EACzC,OACE,kBAAC,MAAD;GAAe,WAAU;GAAmD,aAAU;GAAe,gBAAc,EAAE;GAAY,cAAY,EAAE,SAAS;GAAxJ,UAAA;IACG,EAAE,gBACD,EAAE,cAAc,GAAG,CAAC,IAEpB,kBAAA,GAAA,EAAA,UAAA,CACG,EAAO,GAAG,EAAM,GAAG,iCAAiC,GAAG,OAAO,GAC9D,EAAO,GAAG,EAAM,CAAC,GAAG,EAAG,gDAAgD,CAAC,KAAK,mBAAmB,CAAC,CAClG,EAAA,CAAA;IAEJ,kBAAC,QAAD;KAAM,WAAU;KAAwB,UAAA,EAAO,GAAG,CAAC;IAAQ,CAAA;IAC1D,EAAM,CAAC;IACR,kBAAC,QAAD;KAAM,WAAU;KAAwH,UAAA,EAAQ,CAAC;IAAQ,CAAA;GACvJ;EAZK,GAAA,EAAE,EAYP;CAER,GACM,MAAO,GAAW,MAAuB;EAC7C,IAAM,IAAI,EAAS,IAAI,EAAE,cAAc,EAAE;EACzC,OACE,kBAAC,OAAD;GAAK,WAAU;GAAiD,aAAU;GAAe,gBAAc,EAAE;GAAY,cAAY,EAAE,SAAS;GAA5I,UAAA;IACG;IACA,EAAE,aAAa,KAAA,KAAa,kBAAC,QAAD;KAAM,WAAU;KAAkD,UAAA,EAAE;IAAe,CAAA;IAC/G,EAAE,gBACD,kBAAC,QAAD;KAAM,WAAU;KAAkB,UAAA,EAAE,cAAc,GAAG,CAAC;IAAQ,CAAA,IAE9D,kBAAA,GAAA,EAAA,UAAA,CACG,EAAO,GAAG,EAAM,GAAG,qBAAqB,GAAG,UAAU,GACrD,EAAO,GAAG,EAAM,CAAC,GAAG,EAAG,8BAA8B,CAAC,KAAK,mBAAmB,CAAC,CAChF,EAAA,CAAA;IAEH,EAAO,GAAG,CAAC;IACX,EAAM,CAAC;IACR,kBAAC,QAAD;KAAM,WAAU;KAAoG,UAAA,EAAQ,CAAC;IAAQ,CAAA;GAClI;;CAET,GAEM,IAAS,QAAc;EAC3B,IAAM,oBAAM,IAAI,IAAsB;EACtC,KAAK,IAAM,KAAK,EAAQ,OAAO;GAC7B,IAAM,IAAO,EAAS,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,QAAQ;GACvD,EAAI,IAAI,GAAM,CAAC,GAAI,EAAI,IAAI,CAAI,KAAK,CAAC,GAAI,CAAC,CAAC;EAC7C;EACA,OAAO,CAAC,GAAG,CAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAQ,MAAM,KAAK,IAAI,MAAM,KAAK,KAAK,EAAE,cAAc,CAAC,CAAE;CACxF,GAAG,CAAC,EAAQ,OAAO,CAAQ,CAAC,GAEtB,KAAS,EAAK,gBAChB,CAAC,IACD,OAAO,QAAQ,GAAO,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAM,OAAO;EACxD,IAAM,IAAO,EAAE,UAAU,SAAS,EAAE,MAAM,IAAI,IAAI,EAAE,iBAAiB,GAAM,EAAE,KAAK,IAAI,KAAA;EACtF,OAAO,IAAO,CAAC;GAAE;GAAM;EAAK,CAAC,IAAI,CAAC;CACpC,CAAC;CACL,OACE,kBAAC,GAAD;EAAkB,YAAY,EAAE;EAAY,WAAW,EAAG,sBAAsB,EAAE,SAAS;EAAG,aAAU;EAAxG,UAAA;GACE,kBAAC,MAAD;IAAI,WAAU;IAAe,UAAA,EAAE,qBAAqB;GAAM,CAAA;GACzD,GAAO,SAAS,KACf,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,GAAO,KAAK,MACX,kBAAC,KAAD;KAAgB,MAAM,EAAE;KAAM,WAAW,EAAe;MAAE,SAAS;MAAW,MAAM;KAAK,CAAC;KAAG,aAAU;KACpG,UAAA,EAAE,0BAA0B;MAAE,MAAM,EAAQ,EAAE,QAAQ,EAAE,IAAI;MAAG,MAAM,EAAE,MAAM;KAAK,CAAC;IACnF,GAFK,EAAE,IAEP,CACJ;GACE,CAAA;GAEP,kBAAC,GAAD;IAAkB;IAAM,QAAQ,EAAE;IAAgB;IAAQ,QAAQ,MAAM,EAAK,UAAU,EAAQ,IAAI,CAAC,CAAC,CAAC,CAAC;GAAI,CAAA;GAC1G,EAAQ,WAAW,CAAC,EAAQ,MAAM,SACjC,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,IACjC,EAAQ,SAAS,CAAC,EAAQ,MAAM,SAClC,kBAAC,OAAD;IAAK,MAAK;IAAQ,WAAU;IAA5B,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;KAAoB,UAAA,EAAa,GAAG,EAAQ,KAAK;IAAK,CAAA,GACnE,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAAQ;KAAU,SAAS,EAAQ;KAClD,UAAA,EAAE,cAAc;IACX,CAAA,CACL;GACH,CAAA,IAAC,EAAQ,MAAM,SAEf,EAAK,UACP,kBAAC,GAAD;IACE,OAAO,EAAQ;IACf,KAAK,MAAM,EAAE;IACb,MAAM;IACN,OAAO,EAAE,qBAAqB;IAC9B,UAAU,EAAK;IACf,SAAS,GAAM,MAAO;KACpB,IAAM,IAAQ,CAAC,GAAG,EAAQ,KAAK,GACzB,CAAC,KAAS,EAAM,OAAO,GAAM,CAAC;KAEpC,AADA,EAAM,OAAO,GAAI,GAAG,CAAM,GAC1B,EAAU,UAAU,EAAQ,QAAQ,GAAM,CAAK,CAAC,CAAC;IACnD;IAEE,WAAA,GAAG,MAAW,GAAI,GAAG,CAAM;GACjB,CAAA,IAEd,EAAO,KAAK,CAAC,GAAM,OACjB,kBAAC,WAAD;IAA+B,WAAU;IAAa,aAAU;IAAqB,aAAW;IAAhG,UAAA,CACG,EAAO,SAAS,KAAK,KAAQ,kBAAC,MAAD;KAAI,WAAU;KAAuD,UAAA,EAAQ,EAAE,QAAQ,CAAI;IAAM,CAAA,GAC/H,kBAAC,MAAD;KAAI,WAAU;KAA+D,UAAA,EAAM,IAAI,EAAI;IAAM,CAAA,CAC1F;GAHK,GAAA,KAAQ,OAGb,CACV,IAvBD,kBAAC,KAAD;IAAG,WAAU;IAAyB,UAAA,EAAE,uBAAuB;GAAK,CAAA;GAyBrE,EAAQ,WACP,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,EAAQ,SAAS,kBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;KAAoB,UAAA,EAAa,GAAG,EAAQ,KAAK;IAAK,CAAA,GAClG,kBAAC,GAAD;KAAQ,SAAQ;KAAU,MAAK;KAAK,UAAU,EAAQ;KAAa,eAAe,KAAK,EAAQ,SAAS;KACrG,UAAA,EAAQ,cAAc,EAAE,gBAAgB,IAAI,EAAQ,QAAQ,EAAE,cAAc,IAAI,EAAE,iBAAiB;IAC9F,CAAA,CACL;;GAEP,kBAAC,GAAD,EAAW,OAAO,EAAK,MAAQ,CAAA;EACf;;AAEtB;AAGA,SAAS,EAAW,EAAE,SAAM,WAAQ,WAAQ,YAAqH;CAC/J,IAAM,EAAE,SAAM,EAAY,GACpB,IAAK,EAAM,GACX,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,CAAC,GAAQ,KAAa,EAAS,CAAC,GAChC,CAAC,GAAQ,KAAa,EAAgE,IAAI,GAC1F,CAAC,GAAS,KAAc,EAAS,EAAE,GACnC,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,CAAC,GAAM,KAAW,EAAiB,GACnC,CAAC,GAAO,KAAY,EAAiB,GACrC,IAAU,GACb,GAAmB,MAClB,EAAO,UAAU,iBAAiB;EAAE,GAAG,EAAE;EAAG,kBAAkB,EAAE;EAAkB,kBAAkB;EAAM,kBAAkB;EAAO,OAAO;CAAE,GAAG,CAAM,GACvJ,CAAC,CAAM,CACT,GACM,IAAQ,EAAa,GAAM;EAAE;EAAS;EAAQ,OAAO;CAAE,CAAC,GACxD,IAAU,EAAM,UAChB,IAAW,EAAK,KAAK,MAAM,MAAM,CAAC,KAAU,EAAQ,SAAS;CACnE,QAAgB,EAAU,CAAC,GAAG,CAAC,CAAI,CAAC;CACpC,IAAM,IAAW,CAAC,CAAC,EAAK,iBAAiB,CAAC,CAAC,EAAK,OAAO,UAAU,CAAC,CAAC,EAAK,SAClE,UAAc;EAGlB,AAFA,EAAQ,EAAE,GACV,EAAU,IAAI,GACd,EAAW,EAAE;CACf,GACM,KAAO,GAAY,MACvB,KAAK,EAAM;EAAE,YAAY,EAAK;EAAI,YAAY,KAAK,KAAA;EAAW,MAAM,KAAQ,KAAA;EAAW,aAAa;EAAM,cAAc;CAAM,CAAC,CAAC,CAAC,MAAM,MAAM,MAAM,KAAA,KAAa,EAAM,CAAC,GACnK,KAAQ,MAAe;EAC3B,IAAI,CAAC,GAAU,OAAO,EAAI,CAAI;EAI9B,AAHA,EAAU,EAAE,QAAK,CAAC,GAClB,EAAQ,EAAK,KAAK,GAEd,EAAK,iBACP,EAAY,SAAS,OAAO;GAAE,KAAK,CAAC,EAAK,EAAE;GAAG,OAAO;EAAE,CAAC,CAAC,CAAC,MACvD,MAAM,GAAW,MAAS,GAAK,KAAK,OAAO,EAAK,KAAK;GAAE;GAAM,UAAU,EAAE,EAAE,EAAE;EAAS,IAAI,CAAI,SACzF,KAAA,CACR;CACJ;CACA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAa,aAAU;EAAtC,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,SAAD;KACE,IAAI,GAAG,EAAG;KACV,MAAK;KACL,cAAY,EAAE,2BAA2B;KACzC,iBAAe;KACf,iBAAe,GAAG,EAAG;KACrB,yBAAuB,IAAW,GAAG,EAAG,GAAG,MAAW,KAAA;KACtD,qBAAkB;KAClB,cAAa;KACb,WAAU;KACV,aAAa,EAAE,2BAA2B;KAC1C,OAAO;KACP,WAAW,MAAM;MAEf,AADA,EAAQ,EAAE,OAAO,KAAK,GACtB,EAAU,IAAI;KAChB;KACA,YAAY,MAAM;MAChB,AAAI,EAAE,QAAQ,eAAe,KAC3B,EAAE,eAAe,GACjB,GAAW,MAAM,KAAK,IAAI,EAAQ,SAAS,GAAG,IAAI,CAAC,CAAC,KAC3C,EAAE,QAAQ,aAAa,KAChC,EAAE,eAAe,GACjB,GAAW,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC,KAC1B,EAAE,QAAQ,WAAW,KAC9B,EAAE,eAAe,GACjB,EAAK,EAAQ,EAAQ,KACZ,EAAE,QAAQ,YAAU,EAAM;KACvC;IACD,CAAA;IACA,KACC,kBAAC,MAAD;KAAI,IAAI,GAAG,EAAG;KAAQ,MAAK;KAAU,cAAY,EAAE,2BAA2B;KAAG,WAAU;KACxF,UAAA,EAAQ,KAAK,GAAG,MACf,kBAAC,MAAD;MAEE,IAAI,GAAG,EAAG,GAAG;MACb,MAAK;MACL,iBAAe,MAAM;MACrB,WAAW,EAAG,8DAA8D,MAAM,KAAU,kCAAkC;MAC9H,oBAAoB,EAAU,CAAC;MAC/B,cAAc,MAAM;OAElB,AADA,EAAE,eAAe,GACjB,EAAK,CAAC;MACR;MAVF,UAAA;OAYG,EAAE,MAAM,EAAE,EAAE,MAAM,kBAAC,OAAD;QAAK,KAAK,EAAE,MAAM,EAAE,CAAC;QAAK,KAAI;QAAG,WAAU;OAA4C,CAAA,IAAI,kBAAC,QAAD;QAAM,eAAA;QAAY,WAAU;OAAwC,CAAA;OAClL,kBAAC,QAAD;QAAM,WAAU;QAA2B,UAAA,EAAE;OAAY,CAAA;OACzD,kBAAC,QAAD;QAAM,WAAU;QAAiC,UAAA,EAAQ,GAAQ,EAAE,IAAI;OAAQ,CAAA;MAC7E;KAdG,GAAA,EAAE,EAcL,CACL;IACC,CAAA;IAEL,EAAK,KAAK,MAAM,MAAM,CAAC,KAAU,CAAC,EAAM,WAAW,EAAM,UAAU,EAAK,KAAK,KAAK,CAAC,EAAQ,UAC1F,kBAAC,KAAD;KAAG,WAAU;KAAsC,UAAA,EAAE,uBAAuB;IAAK,CAAA;GAEhF;EACJ,CAAA,GAAA,KACC,kBAAC,OAAD;GAAK,WAAU;GAAiC,aAAU;GAA1D,UAAA;IACG,EAAK,iBACJ,kBAAC,GAAD;KAAQ,OAAO,KAAW;KAAM,gBAAgB,MAAM,EAAW,MAAM,IAAO,KAAK,OAAO,CAAC,CAAC;KAA5F,UAAA,CACE,kBAAC,GAAD;MAAe,MAAK;MAAK,cAAY,EAAE,qBAAqB;MAC1D,UAAA,kBAAC,GAAD,EAAA,WAAe,MAAe,MAAM,IAAO,EAAE,0BAA0B,IAAK,EAAO,UAAU,MAAM,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,SAAS,EAAiB,CAAA;KACnI,CAAA,GACf,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,OAAO;MAAO,UAAA,EAAE,0BAA0B;KAAc,CAAA,IAClE,EAAO,YAAY,CAAC,EAAA,CAAG,KAAK,GAAG,MAC/B,kBAAC,GAAD;MAAuB,OAAO,EAAE;MAC7B,UAAA,EAAE,SAAS,IAAI,IAAI;KACV,GAFK,EAAE,EAEP,CACb,CACY,EAAA,CAAA,CACT;;IAET,CAAC,CAAC,EAAK,OAAO,UACb,kBAAC,GAAD;KAAQ,OAAO,KAAQ;KAAM,gBAAgB,MAAM,EAAQ,MAAM,IAAO,KAAK,OAAO,CAAC,CAAC;KAAtF,UAAA,CACE,kBAAC,GAAD;MAAe,MAAK;MAAK,cAAY,EAAE,kBAAkB;MACvD,UAAA,kBAAC,GAAD,EAAA,WAAe,MAAe,MAAM,IAAO,EAAE,oBAAoB,IAAI,EAAQ,GAAQ,CAAC,EAAgB,CAAA;KACzF,CAAA,GACf,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,OAAO;MAAO,UAAA,EAAE,oBAAoB;KAAc,CAAA,GAC7D,EAAK,MAAM,KAAK,MACf,kBAAC,GAAD;MAAoB,OAAO;MACxB,UAAA,EAAQ,GAAQ,CAAC;KACR,GAFK,CAEL,CACb,CACY,EAAA,CAAA,CACT;;IAET,EAAK,WACJ,kBAAC,GAAD;KACQ;KACC;KACP,MAAM,EAAE,uBAAuB;KAC/B,WAAW,MAAM;MAEf,AADI,iBAAiB,KAAG,EAAQ,EAAE,WAAW,GACzC,kBAAkB,KAAG,EAAS,EAAE,YAAY;KAClD;IACD,CAAA;IAEH,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAAe,EAAI,EAAO,MAAM,CAAO;KACtD,UAAA,EAAE,uBAAuB;IACpB,CAAA;IACR,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAAQ;KAAQ,SAAS;KACxC,UAAA,EAAE,eAAe;IACZ,CAAA;GACL;EAEJ,CAAA,CAAA;;AAET"}