@plumile/backoffice-react 0.1.105 → 0.1.107

package/lib/esm/{sidebarUtils-BgCBLJLv.js → components/backoffice/layout/sidebarUtils.js}

@@ -1,50 +1,56 @@
 //#region src/components/backoffice/layout/sidebarUtils.ts
-var e = (e, t) => e(t), t = (e, t) => !!(e === t || t !== "/" && e.startsWith(`${t}/`)), n = (e) => ({ main: { entities: Object.keys(e) } }), r = (e, t) => t?.groups ?? n(e), i = (e) => e.items == null ? e.entities?.map((e) => ({
+var e = (e, t) => e(t), t = (e, t) => !!(e === t || t !== "/" && e.startsWith(`${t}/`)), n = (e) => ({ main: { entities: Object.keys(e) } }), r = (e, t) => t?.groups ?? n(e), i = (e) => e.kind === "dashboard" ? {
+	kind: "dashboard",
+	id: e.id ?? "dashboard"
+} : {
+	kind: e.kind,
+	id: e.id
+}, a = (e) => e.items == null ? e.entities?.map((e) => ({
 	kind: "entity",
 	id: e
-})) ?? [] : e.items, a = (e, t) => {
+})) ?? [] : e.items, o = (e, t) => {
 	let n = t?.hubs?.[e.id];
 	return {
 		...n,
 		...e,
 		groups: e.groups ?? n?.groups ?? []
 	};
-}, o = (e) => {
+}, s = (e) => {
 	let t = [], n = /* @__PURE__ */ new Set();
 	return e.groups.forEach((e) => {
 		e.items.forEach((e) => {
 			n.has(e.id) || (n.add(e.id), t.push(e.id));
 		});
 	}), t;
-}, s = (e, t) => {
+}, c = (e, t) => {
 	let n = [], r = /* @__PURE__ */ new Set();
-	return Object.entries(e).forEach(([e, o]) => {
-		i(o).forEach((i) => {
-			i.kind !== "hub" || r.has(i.id) || (r.add(i.id), n.push({
+	return Object.entries(e).forEach(([e, i]) => {
+		a(i).forEach((a) => {
+			a.kind !== "hub" || r.has(a.id) || (r.add(a.id), n.push({
 				groupId: e,
-				hub: a(i, t),
-				icon: i.icon ?? o.icon
+				hub: o(a, t),
+				icon: a.icon ?? i.icon
 			}));
 		});
 	}), Object.values(t?.hubs ?? {}).forEach((e) => {
 		r.has(e.id) || (r.add(e.id), n.push({
 			groupId: null,
-			hub: a(e, t),
+			hub: o(e, t),
 			icon: e.icon
 		}));
 	}), n;
-}, c = (e, t) => i(e).flatMap((e) => e.kind === "entity" || e.kind === "tool" ? [e.id] : e.kind === "hub" ? o(a(e, t)) : []), l = (e, t) => {
+}, l = (e, t) => a(e).flatMap((e) => e.kind === "entity" || e.kind === "tool" ? [e.id] : e.kind === "hub" ? s(o(e, t)) : []), u = (e, t) => {
 	let n = /* @__PURE__ */ new Map();
 	return Object.entries(e).forEach(([e, r]) => {
-		i(r).forEach((i) => {
+		a(r).forEach((i) => {
 			if (i.kind !== "dashboard") {
 				if (i.kind === "hub") {
-					let s = a(i, t);
-					o(s).forEach((t) => {
+					let a = o(i, t);
+					s(a).forEach((t) => {
 						n.has(t) || n.set(t, {
 							groupId: e,
 							groupIcon: r.icon,
-							itemIcon: i.icon ?? s.icon
+							itemIcon: i.icon ?? a.icon
 						});
 					});
 					return;
@@ -57,7 +63,7 @@ var e = (e, t) => e(t), t = (e, t) => !!(e === t || t !== "/" && e.startsWith(`$
 			}
 		});
 	}), n;
-}, u = (e, t, n, r) => {
+}, d = (e, t, n, r) => {
 	let i = t[e];
 	if (i == null) return !1;
 	let a = {
@@ -68,21 +74,25 @@ var e = (e, t) => e(t), t = (e, t) => !!(e === t || t !== "/" && e.startsWith(`$
 		kind: "tool",
 		id: e
 	}), n?.isItemVisible == null ? i.kind === "tool" ? !0 : i.hasList : n.isItemVisible(a, r);
-}, d = (e, t, n, r) => {
+}, f = (e, t, n, r) => {
 	let i = [], a = /* @__PURE__ */ new Set();
 	return Object.entries(e).forEach(([, e]) => {
-		e.isVisible != null && !e.isVisible(r) || c(e, n).forEach((e) => {
-			a.has(e) || u(e, t, n, r) && (a.add(e), i.push(e));
+		e.isVisible != null && !e.isVisible(r) || l(e, n).forEach((e) => {
+			a.has(e) || d(e, t, n, r) && (a.add(e), i.push(e));
 		});
 	}), i;
-}, f = (e, n) => {
+}, p = (e, n) => {
 	let r = Object.entries(n);
 	for (let [n, i] of r) if (i.kind === "tool") {
 		if (t(e, i.routes.list)) return n;
 	} else if (i.hasList && t(e, i.routes.list)) return n;
 	return null;
+}, m = (e, t, n, r, i) => {
+	if (t == null || !d(t, n, r, i)) return null;
+	for (let [n, a] of Object.entries(e)) if ((a.isVisible == null || a.isVisible(i)) && l(a, r).includes(t)) return n;
+	return null;
 };
 //#endregion
-export { o as a, a as c, i, s as l, t as n, e as o, f as r, r as s, l as t, d as u };
+export { n as buildDefaultGroups, u as buildEntityGroupLookup, t as isActivePath, p as resolveActiveEntityId, m as resolveActiveGroupId, l as resolveGroupEntityIds, a as resolveGroupItems, s as resolveHubEntityIds, i as resolveItemDescriptor, e as resolveLabel, r as resolveSidebarGroups, o as resolveSidebarHub, c as resolveSidebarHubEntries, f as resolveVisibleEntityIds };
 
-//# sourceMappingURL=sidebarUtils-BgCBLJLv.js.map
+//# sourceMappingURL=sidebarUtils.js.map

package/lib/esm/{sidebarUtils-BgCBLJLv.js.map → components/backoffice/layout/sidebarUtils.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebarUtils-BgCBLJLv.js","names":[],"sources":["../../src/components/backoffice/layout/sidebarUtils.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeIconComponent,\n  BackofficeSidebarGroupConfig,\n  BackofficeSidebarItemDescriptor,\n  BackofficeSidebarItemConfig,\n  BackofficeSidebarHubConfig,\n  BackofficeResolvedSidebarHubConfig,\n} from '../../../provider/types.js';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isActivePath = (pathname: string, href: string): boolean => {\n  if (pathname === href) {\n    return true;\n  }\n  if (href !== '/' && pathname.startsWith(`${href}/`)) {\n    return true;\n  }\n  return false;\n};\n\nexport const buildDefaultGroups = (\n  entities: BackofficeEntityManifestMap,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  const entityIds = Object.keys(entities);\n\n  return {\n    main: {\n      entities: entityIds,\n    },\n  };\n};\n\nexport const resolveSidebarGroups = (\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  return sidebar?.groups ?? buildDefaultGroups(entities);\n};\n\nexport type EntityGroupLookup = Map<\n  string,\n  {\n    groupId: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n  }\n>;\n\nexport const resolveItemDescriptor = (\n  item: BackofficeSidebarItemConfig,\n): BackofficeSidebarItemDescriptor => {\n  if (item.kind === 'dashboard') {\n    return { kind: 'dashboard', id: item.id ?? 'dashboard' };\n  }\n  return { kind: item.kind, id: item.id };\n};\n\nexport const resolveGroupItems = (\n  group: BackofficeSidebarGroupConfig,\n): readonly BackofficeSidebarItemConfig[] => {\n  if (group.items != null) {\n    return group.items;\n  }\n  return (\n    group.entities?.map((entityId) => {\n      return { kind: 'entity', id: entityId } as const;\n    }) ?? []\n  );\n};\n\nexport const resolveSidebarHub = (\n  item: BackofficeSidebarHubConfig,\n  sidebar: BackofficeSidebarConfig | undefined,\n): BackofficeResolvedSidebarHubConfig => {\n  const registeredHub = sidebar?.hubs?.[item.id];\n  return {\n    ...registeredHub,\n    ...item,\n    groups: item.groups ?? registeredHub?.groups ?? [],\n  };\n};\n\nexport const resolveHubEntityIds = (\n  hub: BackofficeResolvedSidebarHubConfig,\n): readonly string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n  hub.groups.forEach((group) => {\n    group.items.forEach((item) => {\n      if (seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push(item.id);\n    });\n  });\n  return output;\n};\n\nexport type ResolvedSidebarHubEntry = {\n  groupId: string | null;\n  hub: BackofficeResolvedSidebarHubConfig;\n  icon?: BackofficeIconComponent;\n};\n\nexport const resolveSidebarHubEntries = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar: BackofficeSidebarConfig | undefined,\n): readonly ResolvedSidebarHubEntry[] => {\n  const output: ResolvedSidebarHubEntry[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind !== 'hub' || seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push({\n        groupId,\n        hub: resolveSidebarHub(item, sidebar),\n        icon: item.icon ?? group.icon,\n      });\n    });\n  });\n\n  Object.values(sidebar?.hubs ?? {}).forEach((hub) => {\n    if (seen.has(hub.id)) {\n      return;\n    }\n    seen.add(hub.id);\n    output.push({\n      groupId: null,\n      hub: resolveSidebarHub(hub, sidebar),\n      icon: hub.icon,\n    });\n  });\n\n  return output;\n};\n\nexport const resolveGroupEntityIds = (\n  group: BackofficeSidebarGroupConfig,\n  sidebar?: BackofficeSidebarConfig,\n): readonly string[] => {\n  return resolveGroupItems(group).flatMap((item) => {\n    if (item.kind === 'entity' || item.kind === 'tool') {\n      return [item.id];\n    }\n    if (item.kind === 'hub') {\n      return resolveHubEntityIds(resolveSidebarHub(item, sidebar));\n    }\n    return [];\n  });\n};\n\nexport const buildEntityGroupLookup = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar?: BackofficeSidebarConfig,\n): EntityGroupLookup => {\n  const lookup: EntityGroupLookup = new Map();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind === 'dashboard') {\n        return;\n      }\n\n      if (item.kind === 'hub') {\n        const hub = resolveSidebarHub(item, sidebar);\n        resolveHubEntityIds(hub).forEach((entityId) => {\n          if (!lookup.has(entityId)) {\n            lookup.set(entityId, {\n              groupId,\n              groupIcon: group.icon,\n              itemIcon: item.icon ?? hub.icon,\n            });\n          }\n        });\n        return;\n      }\n\n      if (!lookup.has(item.id)) {\n        lookup.set(item.id, {\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: item.icon,\n        });\n      }\n    });\n  });\n\n  return lookup;\n};\n\nconst isEntityVisible = (\n  entityId: string,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): boolean => {\n  const config = entities[entityId];\n  if (config == null) {\n    return false;\n  }\n\n  let descriptor: BackofficeSidebarItemDescriptor = {\n    kind: 'entity',\n    id: entityId,\n  };\n  if (config.kind === 'tool') {\n    descriptor = { kind: 'tool', id: entityId };\n  }\n\n  if (sidebar?.isItemVisible != null) {\n    return sidebar.isItemVisible(descriptor, permissions);\n  }\n\n  if (config.kind === 'tool') {\n    return true;\n  }\n  return config.hasList;\n};\n\nexport const resolveVisibleEntityIds = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n    resolveGroupEntityIds(group, sidebar).forEach((entityId) => {\n      if (seen.has(entityId)) {\n        return;\n      }\n      if (!isEntityVisible(entityId, entities, sidebar, permissions)) {\n        return;\n      }\n      seen.add(entityId);\n      output.push(entityId);\n    });\n  });\n\n  return output;\n};\n\nexport const resolveActiveEntityId = (\n  pathname: string,\n  entities: BackofficeEntityManifestMap,\n): string | null => {\n  const entries = Object.entries(entities);\n  for (const [entityId, config] of entries) {\n    if (config.kind === 'tool') {\n      if (isActivePath(pathname, config.routes.list)) {\n        return entityId;\n      }\n    } else if (config.hasList && isActivePath(pathname, config.routes.list)) {\n      return entityId;\n    }\n  }\n  return null;\n};\n\nexport const resolveActiveGroupId = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  activeEntityId: string | null,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string | null => {\n  if (activeEntityId == null) {\n    return null;\n  }\n\n  if (!isEntityVisible(activeEntityId, entities, sidebar, permissions)) {\n    return null;\n  }\n\n  for (const [groupId, group] of Object.entries(groups)) {\n    const isVisible = group.isVisible == null || group.isVisible(permissions);\n    if (\n      isVisible &&\n      resolveGroupEntityIds(group, sidebar).includes(activeEntityId)\n    ) {\n      return groupId;\n    }\n  }\n\n  return null;\n};\n"],"mappings":"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"}
+{"version":3,"file":"sidebarUtils.js","names":[],"sources":["../../../../../src/components/backoffice/layout/sidebarUtils.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeIconComponent,\n  BackofficeSidebarGroupConfig,\n  BackofficeSidebarItemDescriptor,\n  BackofficeSidebarItemConfig,\n  BackofficeSidebarHubConfig,\n  BackofficeResolvedSidebarHubConfig,\n} from '../../../provider/types.js';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isActivePath = (pathname: string, href: string): boolean => {\n  if (pathname === href) {\n    return true;\n  }\n  if (href !== '/' && pathname.startsWith(`${href}/`)) {\n    return true;\n  }\n  return false;\n};\n\nexport const buildDefaultGroups = (\n  entities: BackofficeEntityManifestMap,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  const entityIds = Object.keys(entities);\n\n  return {\n    main: {\n      entities: entityIds,\n    },\n  };\n};\n\nexport const resolveSidebarGroups = (\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  return sidebar?.groups ?? buildDefaultGroups(entities);\n};\n\nexport type EntityGroupLookup = Map<\n  string,\n  {\n    groupId: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n  }\n>;\n\nexport const resolveItemDescriptor = (\n  item: BackofficeSidebarItemConfig,\n): BackofficeSidebarItemDescriptor => {\n  if (item.kind === 'dashboard') {\n    return { kind: 'dashboard', id: item.id ?? 'dashboard' };\n  }\n  return { kind: item.kind, id: item.id };\n};\n\nexport const resolveGroupItems = (\n  group: BackofficeSidebarGroupConfig,\n): readonly BackofficeSidebarItemConfig[] => {\n  if (group.items != null) {\n    return group.items;\n  }\n  return (\n    group.entities?.map((entityId) => {\n      return { kind: 'entity', id: entityId } as const;\n    }) ?? []\n  );\n};\n\nexport const resolveSidebarHub = (\n  item: BackofficeSidebarHubConfig,\n  sidebar: BackofficeSidebarConfig | undefined,\n): BackofficeResolvedSidebarHubConfig => {\n  const registeredHub = sidebar?.hubs?.[item.id];\n  return {\n    ...registeredHub,\n    ...item,\n    groups: item.groups ?? registeredHub?.groups ?? [],\n  };\n};\n\nexport const resolveHubEntityIds = (\n  hub: BackofficeResolvedSidebarHubConfig,\n): readonly string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n  hub.groups.forEach((group) => {\n    group.items.forEach((item) => {\n      if (seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push(item.id);\n    });\n  });\n  return output;\n};\n\nexport type ResolvedSidebarHubEntry = {\n  groupId: string | null;\n  hub: BackofficeResolvedSidebarHubConfig;\n  icon?: BackofficeIconComponent;\n};\n\nexport const resolveSidebarHubEntries = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar: BackofficeSidebarConfig | undefined,\n): readonly ResolvedSidebarHubEntry[] => {\n  const output: ResolvedSidebarHubEntry[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind !== 'hub' || seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push({\n        groupId,\n        hub: resolveSidebarHub(item, sidebar),\n        icon: item.icon ?? group.icon,\n      });\n    });\n  });\n\n  Object.values(sidebar?.hubs ?? {}).forEach((hub) => {\n    if (seen.has(hub.id)) {\n      return;\n    }\n    seen.add(hub.id);\n    output.push({\n      groupId: null,\n      hub: resolveSidebarHub(hub, sidebar),\n      icon: hub.icon,\n    });\n  });\n\n  return output;\n};\n\nexport const resolveGroupEntityIds = (\n  group: BackofficeSidebarGroupConfig,\n  sidebar?: BackofficeSidebarConfig,\n): readonly string[] => {\n  return resolveGroupItems(group).flatMap((item) => {\n    if (item.kind === 'entity' || item.kind === 'tool') {\n      return [item.id];\n    }\n    if (item.kind === 'hub') {\n      return resolveHubEntityIds(resolveSidebarHub(item, sidebar));\n    }\n    return [];\n  });\n};\n\nexport const buildEntityGroupLookup = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar?: BackofficeSidebarConfig,\n): EntityGroupLookup => {\n  const lookup: EntityGroupLookup = new Map();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind === 'dashboard') {\n        return;\n      }\n\n      if (item.kind === 'hub') {\n        const hub = resolveSidebarHub(item, sidebar);\n        resolveHubEntityIds(hub).forEach((entityId) => {\n          if (!lookup.has(entityId)) {\n            lookup.set(entityId, {\n              groupId,\n              groupIcon: group.icon,\n              itemIcon: item.icon ?? hub.icon,\n            });\n          }\n        });\n        return;\n      }\n\n      if (!lookup.has(item.id)) {\n        lookup.set(item.id, {\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: item.icon,\n        });\n      }\n    });\n  });\n\n  return lookup;\n};\n\nconst isEntityVisible = (\n  entityId: string,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): boolean => {\n  const config = entities[entityId];\n  if (config == null) {\n    return false;\n  }\n\n  let descriptor: BackofficeSidebarItemDescriptor = {\n    kind: 'entity',\n    id: entityId,\n  };\n  if (config.kind === 'tool') {\n    descriptor = { kind: 'tool', id: entityId };\n  }\n\n  if (sidebar?.isItemVisible != null) {\n    return sidebar.isItemVisible(descriptor, permissions);\n  }\n\n  if (config.kind === 'tool') {\n    return true;\n  }\n  return config.hasList;\n};\n\nexport const resolveVisibleEntityIds = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n    resolveGroupEntityIds(group, sidebar).forEach((entityId) => {\n      if (seen.has(entityId)) {\n        return;\n      }\n      if (!isEntityVisible(entityId, entities, sidebar, permissions)) {\n        return;\n      }\n      seen.add(entityId);\n      output.push(entityId);\n    });\n  });\n\n  return output;\n};\n\nexport const resolveActiveEntityId = (\n  pathname: string,\n  entities: BackofficeEntityManifestMap,\n): string | null => {\n  const entries = Object.entries(entities);\n  for (const [entityId, config] of entries) {\n    if (config.kind === 'tool') {\n      if (isActivePath(pathname, config.routes.list)) {\n        return entityId;\n      }\n    } else if (config.hasList && isActivePath(pathname, config.routes.list)) {\n      return entityId;\n    }\n  }\n  return null;\n};\n\nexport const resolveActiveGroupId = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  activeEntityId: string | null,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string | null => {\n  if (activeEntityId == null) {\n    return null;\n  }\n\n  if (!isEntityVisible(activeEntityId, entities, sidebar, permissions)) {\n    return null;\n  }\n\n  for (const [groupId, group] of Object.entries(groups)) {\n    const isVisible = group.isVisible == null || group.isVisible(permissions);\n    if (\n      isVisible &&\n      resolveGroupEntityIds(group, sidebar).includes(activeEntityId)\n    ) {\n      return groupId;\n    }\n  }\n\n  return null;\n};\n"],"mappings":"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"}

package/lib/esm/components/backoffice/list/RowFlagsCell.css.js

@@ -0,0 +1,7 @@
+/* empty css                            */
+//#region src/components/backoffice/list/RowFlagsCell.css.ts
+var e = "wy96wu0", t = "wy96wu1", n = "wy96wu2";
+//#endregion
+export { t as container, n as flag, e as rowFlagsColumnCell };
+
+//# sourceMappingURL=RowFlagsCell.css.js.map

package/lib/esm/components/backoffice/list/RowFlagsCell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowFlagsCell.css.js","names":[],"sources":["../../../../../src/components/backoffice/list/RowFlagsCell.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const rowFlagsColumnCell = style({\n  justifyContent: 'center',\n  padding: '0 4px',\n});\n\nexport const container = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 6,\n  width: '100%',\n});\n\nexport const flag = style({\n  display: 'grid',\n  placeItems: 'center',\n  width: 24,\n  height: 24,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/list/RowFlagsCell.js

@@ -0,0 +1,37 @@
+import { container as e, flag as t } from "./RowFlagsCell.css.js";
+import { useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/backoffice/list/RowFlagsCell.tsx
+var i = ({ row: i, flags: a, tApp: o }) => {
+	let s = n(() => {
+		let e = [];
+		for (let t of a) {
+			let n = t.render(i);
+			n != null && n !== "" && n !== !1 && e.push({
+				id: t.id,
+				node: n,
+				label: t.label(i)(o)
+			});
+		}
+		return e;
+	}, [
+		a,
+		i,
+		o
+	]), c = s.map((e) => e.label.trim()).filter((e) => e !== "").join(", "), l;
+	return c !== "" && (l = c), /* @__PURE__ */ r("div", {
+		className: e,
+		"aria-label": l,
+		children: s.map((e) => /* @__PURE__ */ r("span", {
+			className: t,
+			title: e.label,
+			role: "img",
+			"aria-label": e.label,
+			children: e.node
+		}, e.id))
+	});
+};
+//#endregion
+export { i as RowFlagsCell };
+
+//# sourceMappingURL=RowFlagsCell.js.map

package/lib/esm/components/backoffice/list/RowFlagsCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowFlagsCell.js","names":[],"sources":["../../../../../src/components/backoffice/list/RowFlagsCell.tsx"],"sourcesContent":["import { useMemo, type JSX, type ReactNode } from 'react';\nimport type { TFunction } from 'i18next';\n\nimport type { BackofficeRowFlagSpec } from '@plumile/backoffice-core/types.js';\n\nimport * as styles from './RowFlagsCell.css.js';\n\nexport type RowFlagsCellProps<Row> = {\n  row: Row;\n  flags: readonly BackofficeRowFlagSpec<Row>[];\n  tApp: TFunction;\n};\n\n/**\n * Renders row-level flags (icons) in a dedicated compact column.\n */\nexport const RowFlagsCell = <Row,>({\n  row,\n  flags,\n  tApp,\n}: RowFlagsCellProps<Row>): JSX.Element => {\n  const resolved = useMemo(() => {\n    const out: { id: string; node: ReactNode; label: string }[] = [];\n    for (const flag of flags) {\n      const node = flag.render(row) as ReactNode;\n      if (node != null && node !== '' && node !== false) {\n        out.push({ id: flag.id, node, label: flag.label(row)(tApp) });\n      }\n    }\n    return out;\n  }, [flags, row, tApp]);\n\n  const ariaLabel = resolved\n    .map((entry) => {\n      return entry.label.trim();\n    })\n    .filter((label) => {\n      return label !== '';\n    })\n    .join(', ');\n\n  let ariaLabelProp: string | undefined;\n  if (ariaLabel !== '') {\n    ariaLabelProp = ariaLabel;\n  }\n\n  return (\n    <div className={styles.container} aria-label={ariaLabelProp}>\n      {resolved.map((entry) => {\n        return (\n          <span\n            key={entry.id}\n            className={styles.flag}\n            title={entry.label}\n            role=\"img\"\n            aria-label={entry.label}\n          >\n            {entry.node}\n          </span>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAgBA,IAAa,KAAsB,EACjC,QACA,UACA,cACyC;CACzC,IAAM,IAAW,QAAc;EAC7B,IAAM,IAAwD,EAAE;EAChE,KAAK,IAAM,KAAQ,GAAO;GACxB,IAAM,IAAO,EAAK,OAAO,EAAI;GAC7B,AAAI,KAAQ,QAAQ,MAAS,MAAM,MAAS,MAC1C,EAAI,KAAK;IAAE,IAAI,EAAK;IAAI;IAAM,OAAO,EAAK,MAAM,EAAI,CAAC,EAAK;IAAE,CAAC;;EAGjE,OAAO;IACN;EAAC;EAAO;EAAK;EAAK,CAAC,EAEhB,IAAY,EACf,KAAK,MACG,EAAM,MAAM,MAAM,CACzB,CACD,QAAQ,MACA,MAAU,GACjB,CACD,KAAK,KAAK,EAET;CAKJ,OAJI,MAAc,OAChB,IAAgB,IAIhB,kBAAC,OAAD;EAAK,WAAW;EAAkB,cAAY;YAC3C,EAAS,KAAK,MAEX,kBAAC,QAAD;GAEE,WAAW;GACX,OAAO,EAAM;GACb,MAAK;GACL,cAAY,EAAM;aAEjB,EAAM;GACF,EAPA,EAAM,GAON,CAET;EACE,CAAA"}

package/lib/esm/components/backoffice/lists/BackofficeListToolbar.js

@@ -0,0 +1,33 @@
+import { container as e, density as t, responsiveMode as n } from "./backofficeListToolbar.css.js";
+import { cx as r } from "@plumile/ui";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/backoffice/lists/BackofficeListToolbar.tsx
+var o = ({ activeFilters: o, className: s, density: c = "compact", filterDrawerTrigger: l, primaryFilters: u, responsiveMode: d = "auto", sortControl: f, utilityActions: p }) => {
+	let m = u != null || l != null, h = f != null || p != null, g = m || h, _ = o != null;
+	return !g && !_ ? null : /* @__PURE__ */ a("div", {
+		className: r(e, t[c], n[d], s),
+		children: [g && /* @__PURE__ */ a("div", {
+			className: "sqlyj42 txvbqb9iy txvbqbcp txvbqbao7 txvbqbu7g",
+			children: [m && /* @__PURE__ */ a("div", {
+				className: "sqlyj43 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbk5y",
+				children: [u, l]
+			}), h && /* @__PURE__ */ a("div", {
+				className: "sqlyj44 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7 txvbqbk5y",
+				children: [f != null && /* @__PURE__ */ i("div", {
+					className: "sqlyj45 txvbqb9ip txvbqbcp txvbqbk5y",
+					children: f
+				}), p != null && /* @__PURE__ */ i("div", {
+					className: "sqlyj46 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7",
+					children: p
+				})]
+			})]
+		}), _ && /* @__PURE__ */ i("div", {
+			className: "txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbp6g txvbqb4sg txvbqb1qg txvbqb2cg",
+			children: o
+		})]
+	});
+};
+//#endregion
+export { o as BackofficeListToolbar, o as default };
+
+//# sourceMappingURL=BackofficeListToolbar.js.map

package/lib/esm/components/backoffice/lists/BackofficeListToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeListToolbar.js","names":[],"sources":["../../../../../src/components/backoffice/lists/BackofficeListToolbar.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui';\n\nimport * as styles from './backofficeListToolbar.css.js';\n\nexport type BackofficeListToolbarDensity = 'compact' | 'default';\n\nexport type BackofficeListToolbarResponsiveMode = 'auto' | 'stacked';\n\nexport type BackofficeListToolbarProps = {\n  primaryFilters?: ReactNode;\n  filterDrawerTrigger?: ReactNode;\n  sortControl?: ReactNode;\n  utilityActions?: ReactNode;\n  activeFilters?: ReactNode;\n  density?: BackofficeListToolbarDensity;\n  responsiveMode?: BackofficeListToolbarResponsiveMode;\n  className?: string;\n};\n\nexport const BackofficeListToolbar = ({\n  activeFilters,\n  className,\n  density = 'compact',\n  filterDrawerTrigger,\n  primaryFilters,\n  responsiveMode = 'auto',\n  sortControl,\n  utilityActions,\n}: BackofficeListToolbarProps): JSX.Element | null => {\n  const hasFilters = primaryFilters != null || filterDrawerTrigger != null;\n  const hasRightControls = sortControl != null || utilityActions != null;\n  const hasMainRow = hasFilters || hasRightControls;\n  const hasActiveFilters = activeFilters != null;\n\n  if (!hasMainRow && !hasActiveFilters) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.container,\n        styles.density[density],\n        styles.responsiveMode[responsiveMode],\n        className,\n      )}\n    >\n      {hasMainRow && (\n        <div className={styles.mainRow}>\n          {hasFilters && (\n            <div className={styles.filtersGroup}>\n              {primaryFilters}\n              {filterDrawerTrigger}\n            </div>\n          )}\n          {hasRightControls && (\n            <div className={styles.rightGroup}>\n              {sortControl != null && (\n                <div className={styles.sortGroup}>{sortControl}</div>\n              )}\n              {utilityActions != null && (\n                <div className={styles.actionsGroup}>{utilityActions}</div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      {hasActiveFilters && (\n        <div className={styles.activeFiltersRow}>{activeFilters}</div>\n      )}\n    </div>\n  );\n};\n\nexport default BackofficeListToolbar;\n"],"mappings":";;;;AAqBA,IAAa,KAAyB,EACpC,kBACA,cACA,SAAA,IAAU,WACV,wBACA,mBACA,gBAAA,IAAiB,QACjB,gBACA,wBACoD;CACpD,IAAM,IAAa,KAAkB,QAAQ,KAAuB,MAC9D,IAAmB,KAAe,QAAQ,KAAkB,MAC5D,IAAa,KAAc,GAC3B,IAAmB,KAAiB;CAM1C,OAJI,CAAC,KAAc,CAAC,IACX,OAIP,kBAAC,OAAD;EACE,WAAW,EACT,GACA,EAAe,IACf,EAAsB,IACtB,EACD;YANH,CAQG,KACC,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,KACC,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,GACA,EACG;OAEP,KACC,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,KAAe,QACd,kBAAC,OAAD;KAAK,WAAW;eAAmB;KAAkB,CAAA,EAEtD,KAAkB,QACjB,kBAAC,OAAD;KAAK,WAAW;eAAsB;KAAqB,CAAA,CAEzD;MAEJ;MAEP,KACC,kBAAC,OAAD;GAAK,WAAW;aAA0B;GAAoB,CAAA,CAE5D"}

package/lib/esm/components/backoffice/lists/backofficeListToolbar.css.js

@@ -0,0 +1,13 @@
+/* empty css                                     */
+//#region src/components/backoffice/lists/backofficeListToolbar.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqbu7g", t = {
+	compact: "txvbqbao7",
+	default: "txvbqbaog"
+}, n = {
+	auto: "sqlyj40",
+	stacked: "sqlyj41"
+}, r = "sqlyj42 txvbqb9iy txvbqbcp txvbqbao7 txvbqbu7g", i = "sqlyj43 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbk5y", a = "sqlyj44 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7 txvbqbk5y", o = "sqlyj45 txvbqb9ip txvbqbcp txvbqbk5y", s = "sqlyj46 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7", c = "txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbp6g txvbqb4sg txvbqb1qg txvbqb2cg";
+//#endregion
+export { s as actionsGroup, c as activeFiltersRow, e as container, t as density, i as filtersGroup, r as mainRow, n as responsiveMode, a as rightGroup, o as sortGroup };
+
+//# sourceMappingURL=backofficeListToolbar.css.js.map

package/lib/esm/components/backoffice/lists/backofficeListToolbar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeListToolbar.css.js","names":[],"sources":["../../../../../src/components/backoffice/lists/backofficeListToolbar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\nconst TABLET_MEDIA_QUERY = 'screen and (max-width: 1023px)';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  width: 'full',\n});\n\nexport const density = {\n  compact: sprinkles({\n    gap: 2,\n  }),\n  default: sprinkles({\n    gap: 3,\n  }),\n};\n\nexport const responsiveMode = {\n  auto: style({}),\n  stacked: style({}),\n};\n\nexport const mainRow = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'center',\n    gap: 2,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    selectors: {\n      [`${responsiveMode.stacked} &`]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const filtersGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    gap: 2,\n    minWidth: 0,\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const rightGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    flexWrap: 'wrap',\n    gap: 2,\n    minWidth: 0,\n  }),\n  {\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        justifyContent: 'flex-start',\n      },\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const sortGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    minWidth: 0,\n  }),\n  {\n    width: '11.5rem',\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const actionsGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    flexWrap: 'wrap',\n    gap: 2,\n  }),\n  {\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        justifyContent: 'flex-start',\n      },\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const activeFiltersRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n  gap: 2,\n  paddingTop: 2,\n  borderTopWidth: 'px',\n  borderStyle: 'solid',\n  borderTopColor: 'borderSubtle',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/overview/BackofficeOverviewLayout.js

@@ -0,0 +1,31 @@
+import { aside as e, container as t, content as n, primary as r, summary as i } from "./backofficeOverviewLayout.css.js";
+import { cx as a } from "@plumile/ui";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/backoffice/overview/BackofficeOverviewLayout.tsx
+var c = ({ summary: c, aside: l, children: u, className: d }) => {
+	let f = null;
+	c != null && (f = /* @__PURE__ */ o("div", {
+		className: i,
+		children: c
+	}));
+	let p = null;
+	l != null && (p = /* @__PURE__ */ o("aside", {
+		className: e,
+		children: l
+	}));
+	let m = null;
+	return (u != null || p != null) && (m = /* @__PURE__ */ o("div", {
+		className: r,
+		children: u
+	})), /* @__PURE__ */ s("div", {
+		className: a(t, d),
+		children: [f, /* @__PURE__ */ s("div", {
+			className: n,
+			children: [m, p]
+		})]
+	});
+};
+//#endregion
+export { c as BackofficeOverviewLayout, c as default };
+
+//# sourceMappingURL=BackofficeOverviewLayout.js.map

package/lib/esm/components/backoffice/overview/BackofficeOverviewLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeOverviewLayout.js","names":[],"sources":["../../../../../src/components/backoffice/overview/BackofficeOverviewLayout.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui';\n\nimport * as styles from './backofficeOverviewLayout.css.js';\n\nexport type BackofficeOverviewLayoutProps = {\n  summary?: ReactNode;\n  aside?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeOverviewLayout = ({\n  summary,\n  aside,\n  children,\n  className,\n}: BackofficeOverviewLayoutProps): JSX.Element => {\n  let summaryNode: JSX.Element | null = null;\n  if (summary != null) {\n    summaryNode = <div className={styles.summary}>{summary}</div>;\n  }\n\n  let asideNode: JSX.Element | null = null;\n  if (aside != null) {\n    asideNode = <aside className={styles.aside}>{aside}</aside>;\n  }\n\n  let primaryNode: JSX.Element | null = null;\n  if (children != null || asideNode != null) {\n    primaryNode = <div className={styles.primary}>{children}</div>;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      {summaryNode}\n      <div className={styles.content}>\n        {primaryNode}\n        {asideNode}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeOverviewLayout;\n"],"mappings":";;;;AAaA,IAAa,KAA4B,EACvC,SAAA,GACA,OAAA,GACA,aACA,mBACgD;CAChD,IAAI,IAAkC;CACtC,AAAI,KAAW,SACb,IAAc,kBAAC,OAAD;EAAK,WAAW;YAAiB;EAAc,CAAA;CAG/D,IAAI,IAAgC;CACpC,AAAI,KAAS,SACX,IAAY,kBAAC,SAAD;EAAO,WAAW;YAAe;EAAc,CAAA;CAG7D,IAAI,IAAkC;CAKtC,QAJI,KAAY,QAAQ,KAAa,UACnC,IAAc,kBAAC,OAAD;EAAK,WAAW;EAAiB;EAAe,CAAA,GAI9D,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C,CACG,GACD,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,GACA,EACG;KACF"}

package/lib/esm/components/backoffice/overview/backofficeOverviewLayout.css.js

@@ -0,0 +1,7 @@
+/* empty css                                        */
+//#region src/components/backoffice/overview/backofficeOverviewLayout.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbap7", t = "txvbqb9ip txvbqbai7 txvbqbaop", n = "txvbqb9iy txvbqbbwy txvbqbap7 txvbqbcg", r = "txvbqb9ip txvbqbai7 txvbqbap7", i = "txvbqb9ip txvbqbai7 txvbqbap7";
+//#endregion
+export { i as aside, e as container, n as content, r as primary, t as summary };
+
+//# sourceMappingURL=backofficeOverviewLayout.css.js.map

package/lib/esm/components/backoffice/overview/backofficeOverviewLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeOverviewLayout.css.js","names":[],"sources":["../../../../../src/components/backoffice/overview/backofficeOverviewLayout.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const summary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const content = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: 'twoFrOneFr',\n  gap: 6,\n  alignItems: 'flex-start',\n});\n\nexport const primary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const aside = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/pickers/EntityIdPickerDialog.js

@@ -0,0 +1,117 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeErrorBoundary as t } from "../errors/BackofficeErrorBoundary.js";
+import { useBackofficePickerEntityLoader as n } from "../../../provider/useBackofficeEntityLoader.js";
+import { loadingLabel as r, loadingState as i } from "./entityIdPickerDialog.css.js";
+import { EntityPickerShell as a } from "./shared/EntityPickerShell.js";
+import { EntityPickerList as o } from "./shared/EntityPickerList.js";
+import { Suspense as s, useCallback as c, useEffect as l, useMemo as u, useState as d } from "react";
+import { BackofficeEmptyState as f, Button as p, InlineBanner as m, Modal as h, Spinner as g } from "@plumile/ui";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import * as x from "react-relay";
+//#region src/components/backoffice/pickers/EntityIdPickerDialog.tsx
+var { useFragment: S, useLazyLoadQuery: C } = x, w = "store-and-network", T = (e, t) => e(t), E = ({ config: e, search: t, scope: n, fetchKey: r, onSelectId: i }) => {
+	let a = u(() => {
+		let r = t.trim();
+		return e.buildQueryVariables({
+			search: r,
+			scope: n
+		});
+	}, [
+		e,
+		n,
+		t
+	]), s = C(e.query, a, {
+		fetchPolicy: w,
+		fetchKey: r
+	}), c = S(e.fragment, s), l = e.getConnection(c);
+	return /* @__PURE__ */ v(o, {
+		items: u(() => l.edges.map((t) => {
+			let n = e.toRow(t.node);
+			return {
+				id: e.getRowId(n),
+				title: n.title,
+				subtitle: n.subtitle
+			};
+		}), [e, l.edges]),
+		onSelectId: i
+	});
+}, D = (e, t) => /* @__PURE__ */ v(_, { children: /* @__PURE__ */ v(p, {
+	type: "button",
+	variant: "secondary",
+	onClick: e,
+	children: t
+}) }), O = ({ message: e }) => /* @__PURE__ */ v(m, {
+	tone: "warning",
+	title: e,
+	children: null
+}), k = ({ label: e }) => /* @__PURE__ */ y("div", {
+	className: i,
+	role: "status",
+	"aria-live": "polite",
+	children: [/* @__PURE__ */ v(g, {
+		size: 18,
+		ariaLabel: e
+	}), /* @__PURE__ */ v("span", {
+		className: r,
+		children: e
+	})]
+}), A = ({ isOpen: r, entity: i, title: o, scope: g, onClose: _, onSelectId: y }) => {
+	let { t: x } = b(), { t: S } = e(), [C, w] = d(""), [A, j] = d(0), M = n(i, { enabled: r }), N;
+	M.status === "loaded" && (N = M.module.config.picker), l(() => {
+		r && (w(""), j((e) => e + 1));
+	}, [r]);
+	let P = u(() => D(_, S("common.actions.close")), [_, S]), F = c((e) => {
+		w(e), j((e) => e + 1);
+	}, []), I = c((e) => {
+		y(e), _();
+	}, [_, y]);
+	if (!r) return null;
+	let L;
+	N?.searchPlaceholder != null && (L = T(N.searchPlaceholder, x));
+	let R = C.trim(), z = N?.searchRequired === !0, B;
+	return B = M.status === "loading" ? /* @__PURE__ */ v(k, { label: S("common.loading") }) : N == null ? /* @__PURE__ */ v(O, { message: S("picker.unavailable", { entity: i }) }) : z && R === "" ? /* @__PURE__ */ v(f, { title: S("picker.searchRequired") }) : /* @__PURE__ */ v(E, {
+		config: N,
+		search: C,
+		scope: g,
+		fetchKey: A,
+		onSelectId: I
+	}), /* @__PURE__ */ v(h, {
+		isOpen: r,
+		onClose: _,
+		title: o,
+		footer: P,
+		children: /* @__PURE__ */ v(a, {
+			search: C,
+			onSearchChange: F,
+			searchPlaceholder: L,
+			searchEnabled: N?.searchEnabled ?? !0,
+			children: /* @__PURE__ */ v(t, {
+				fallback: (e) => {
+					let { reset: t } = e;
+					return /* @__PURE__ */ v(m, {
+						tone: "danger",
+						title: S("picker.errors.loadFailed"),
+						actions: /* @__PURE__ */ v(p, {
+							type: "button",
+							variant: "secondary",
+							onClick: () => {
+								t(), j((e) => e + 1);
+							},
+							children: S("common.actions.retry")
+						}),
+						children: null
+					});
+				},
+				children: /* @__PURE__ */ v(s, {
+					fallback: /* @__PURE__ */ v(k, { label: S("common.loading") }),
+					children: B
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { A as EntityIdPickerDialog, A as default };
+
+//# sourceMappingURL=EntityIdPickerDialog.js.map

package/lib/esm/components/backoffice/pickers/EntityIdPickerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityIdPickerDialog.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/EntityIdPickerDialog.tsx"],"sourcesContent":["import {\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type JSX,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\n\nimport {\n  BackofficeEmptyState,\n  Button,\n  InlineBanner,\n  Modal,\n  Spinner,\n} from '@plumile/ui';\nimport type {\n  BackofficePickerScope,\n  BackofficeRuntimeEntityPickerConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\n\nimport { EntityPickerShell } from './shared/EntityPickerShell.js';\nimport { EntityPickerList } from './shared/EntityPickerList.js';\nimport type { EntityPickerRowViewModel } from './types.js';\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useFragment, useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  isOpen: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope<Record<string, unknown>>;\n  onClose: () => void;\n  onSelectId: (id: string) => void;\n};\n\nconst PICKER_FETCH_POLICY = 'store-and-network' as const;\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\ntype PickerBodyProps = {\n  config: BackofficeRuntimeEntityPickerConfig;\n  search: string;\n  scope?: BackofficePickerScope<Record<string, unknown>>;\n  fetchKey: number;\n  onSelectId: (id: string) => void;\n};\n\ntype RuntimePickerRow = {\n  title: string;\n  subtitle?: string | null | undefined;\n};\n\nconst PickerBody = ({\n  config,\n  search,\n  scope,\n  fetchKey,\n  onSelectId,\n}: PickerBodyProps): JSX.Element => {\n  const variables = useMemo(() => {\n    const trimmed = search.trim();\n    return config.buildQueryVariables({ search: trimmed, scope });\n  }, [config, scope, search]);\n\n  const queryData = useLazyLoadQuery(config.query, variables, {\n    fetchPolicy: PICKER_FETCH_POLICY,\n    fetchKey,\n  });\n\n  const fragmentData = useFragment(\n    config.fragment,\n    queryData as never,\n  ) as unknown;\n\n  const connection = config.getConnection(fragmentData);\n\n  const items = useMemo<readonly EntityPickerRowViewModel[]>(() => {\n    return connection.edges.map((edge) => {\n      const row = config.toRow(edge.node) as RuntimePickerRow;\n      const id = config.getRowId(row);\n      return {\n        id,\n        title: row.title,\n        subtitle: row.subtitle,\n      };\n    });\n  }, [config, connection.edges]);\n\n  return <EntityPickerList items={items} onSelectId={onSelectId} />;\n};\n\nconst buildFooter = (onClose: () => void, closeLabel: string): JSX.Element => {\n  return (\n    <>\n      <Button type=\"button\" variant=\"secondary\" onClick={onClose}>\n        {closeLabel}\n      </Button>\n    </>\n  );\n};\n\nconst PickerUnavailable = ({ message }: { message: string }) => {\n  return (\n    <InlineBanner tone=\"warning\" title={message}>\n      {null}\n    </InlineBanner>\n  );\n};\n\nconst PickerLoading = ({ label }: { label: string }): JSX.Element => {\n  return (\n    <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n      <Spinner size={18} ariaLabel={label} />\n      <span className={styles.loadingLabel}>{label}</span>\n    </div>\n  );\n};\n\nexport const EntityIdPickerDialog = ({\n  isOpen,\n  entity,\n  title,\n  scope,\n  onClose,\n  onSelectId,\n}: EntityIdPickerDialogProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [search, setSearch] = useState('');\n  const [fetchKey, setFetchKey] = useState(0);\n  const entityState = useBackofficePickerEntityLoader(entity, {\n    enabled: isOpen,\n  });\n\n  let pickerConfig: BackofficeRuntimeEntityPickerConfig | undefined;\n  if (entityState.status === 'loaded') {\n    pickerConfig = entityState.module.config.picker as\n      | BackofficeRuntimeEntityPickerConfig\n      | undefined;\n  }\n\n  useEffect(() => {\n    if (isOpen) {\n      setSearch('');\n      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [isOpen]);\n\n  const footer = useMemo(() => {\n    return buildFooter(onClose, t('common.actions.close'));\n  }, [onClose, t]);\n\n  const handleSearchChange = useCallback((next: string) => {\n    setSearch(next);\n    setFetchKey((value) => {\n      return value + 1;\n    });\n  }, []);\n\n  const handleSelectId = useCallback(\n    (id: string) => {\n      onSelectId(id);\n      onClose();\n    },\n    [onClose, onSelectId],\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  let resolvedSearchPlaceholder: string | undefined;\n  if (pickerConfig?.searchPlaceholder != null) {\n    resolvedSearchPlaceholder = resolveLabel(\n      pickerConfig.searchPlaceholder,\n      tApp,\n    );\n  }\n\n  const trimmedSearch = search.trim();\n  const isSearchRequired = pickerConfig?.searchRequired === true;\n\n  let pickerNode: JSX.Element;\n  if (entityState.status === 'loading') {\n    pickerNode = <PickerLoading label={t('common.loading')} />;\n  } else if (pickerConfig != null) {\n    if (isSearchRequired && trimmedSearch === '') {\n      pickerNode = <BackofficeEmptyState title={t('picker.searchRequired')} />;\n    } else {\n      pickerNode = (\n        <PickerBody\n          config={pickerConfig}\n          search={search}\n          scope={scope}\n          fetchKey={fetchKey}\n          onSelectId={handleSelectId}\n        />\n      );\n    }\n  } else {\n    pickerNode = (\n      <PickerUnavailable message={t('picker.unavailable', { entity })} />\n    );\n  }\n\n  return (\n    <Modal isOpen={isOpen} onClose={onClose} title={title} footer={footer}>\n      <EntityPickerShell\n        search={search}\n        onSearchChange={handleSearchChange}\n        searchPlaceholder={resolvedSearchPlaceholder}\n        searchEnabled={pickerConfig?.searchEnabled ?? true}\n      >\n        <BackofficeErrorBoundary\n          fallback={(args: { error: unknown; reset: () => void }) => {\n            const { reset } = args;\n            return (\n              <InlineBanner\n                tone=\"danger\"\n                title={t('picker.errors.loadFailed')}\n                actions={\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={() => {\n                      reset();\n                      setFetchKey((value) => {\n                        return value + 1;\n                      });\n                    }}\n                  >\n                    {t('common.actions.retry')}\n                  </Button>\n                }\n              >\n                {null}\n              </InlineBanner>\n            );\n          }}\n        >\n          <Suspense fallback={<PickerLoading label={t('common.loading')} />}>\n            {pickerNode}\n          </Suspense>\n        </BackofficeErrorBoundary>\n      </EntityPickerShell>\n    </Modal>\n  );\n};\n\nexport type { BackofficePickerScope } from '@plumile/backoffice-core/types.js';\n\nexport default EntityIdPickerDialog;\n"],"mappings":"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"}

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js

@@ -0,0 +1,7 @@
+/* empty css                                    */
+//#region src/components/backoffice/pickers/entityIdPickerDialog.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "txvbqbnvg txvbqboip txvbqbp6p txvbqblyg txvbqbva1 txvbqb8y txvbqbt6y", n = "txvbqbnw7 txvbqbojg txvbqbp6y txvbqblyp txvbqb9ip txvbqbcp txvbqbdoy txvbqbao7 txvbqbva1", r = "txvbqb8y txvbqbva1", i = "txvbqb9ip txvbqbao7 txvbqbcp", a = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbai7 txvbqbt6p", o = "txvbqbv9z txvbqbamg txvbqb97 txvbqbf4y", s = "txvbqbva1 txvbqb8y txvbqbf4y", c = "txvbqbva3 txvbqb8p txvbqbf4y txvbqbuxg";
+//#endregion
+export { e as layout, r as loadingLabel, n as loadingState, i as row, c as rowMeta, s as rowSubtitle, a as rowText, o as rowTitle, t as searchRequiredMessage };
+
+//# sourceMappingURL=entityIdPickerDialog.css.js.map

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityIdPickerDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const layout = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const searchRequiredMessage = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  textAlign: 'center',\n  paddingY: 3,\n  paddingX: 0,\n});\n\nexport const loadingState = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 2,\n  paddingY: 4,\n  paddingX: 3,\n  color: 'textSecondary',\n});\n\nexport const loadingLabel = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const row = sprinkles({\n  display: 'flex',\n  gap: 2,\n  alignItems: 'center',\n});\n\nexport const rowText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  textAlign: 'left',\n});\n\nexport const rowTitle = sprinkles({\n  color: 'text',\n  fontWeight: 'medium',\n  fontSize: 'base',\n  lineHeight: 1.2,\n});\n\nexport const rowSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 1.2,\n});\n\nexport const rowMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js

@@ -0,0 +1,27 @@
+import { useBackofficeReactTranslation as e } from "../../../../i18n/useBackofficeReactTranslation.js";
+import { EntityPickerRowBase as t } from "./EntityPickerRowBase.js";
+import { BackofficeEmptyState as n, Button as r } from "@plumile/ui";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/backoffice/pickers/shared/EntityPickerList.tsx
+var a = ({ items: a, onSelectId: o, emptyState: s }) => {
+	let { t: c } = e();
+	return a.length === 0 ? s ?? /* @__PURE__ */ i(n, {
+		title: c("picker.empty.title"),
+		description: c("picker.empty.description")
+	}) : /* @__PURE__ */ i("div", { children: a.map((e) => /* @__PURE__ */ i(r, {
+		type: "button",
+		variant: "text",
+		onClick: () => {
+			o(e.id);
+		},
+		width: "full",
+		children: /* @__PURE__ */ i(t, {
+			title: e.title,
+			subtitle: e.subtitle
+		})
+	}, e.id)) });
+};
+//#endregion
+export { a as EntityPickerList, a as default };
+
+//# sourceMappingURL=EntityPickerList.js.map

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPickerList.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerList.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { BackofficeEmptyState, Button } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\nimport { EntityPickerRowBase } from './EntityPickerRowBase.js';\nimport type { EntityPickerRowViewModel } from '../types.js';\n\nexport type EntityPickerListProps = {\n  items: readonly EntityPickerRowViewModel[];\n  onSelectId: (id: string) => void;\n  emptyState?: JSX.Element;\n};\n\nexport const EntityPickerList = ({\n  items,\n  onSelectId,\n  emptyState,\n}: EntityPickerListProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return (\n      emptyState ?? (\n        <BackofficeEmptyState\n          title={t('picker.empty.title')}\n          description={t('picker.empty.description')}\n        />\n      )\n    );\n  }\n\n  return (\n    <div>\n      {items.map((item) => {\n        return (\n          <Button\n            key={item.id}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() => {\n              onSelectId(item.id);\n            }}\n            width=\"full\"\n          >\n            <EntityPickerRowBase title={item.title} subtitle={item.subtitle} />\n          </Button>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default EntityPickerList;\n"],"mappings":";;;;;AAcA,IAAa,KAAoB,EAC/B,UACA,eACA,oBACwC;CACxC,IAAM,EAAE,SAAM,GAA+B;CAa7C,OAXI,EAAM,WAAW,IAEjB,KACE,kBAAC,GAAD;EACE,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,2BAA2B;EAC1C,CAAA,GAMN,kBAAC,OAAD,EAAA,UACG,EAAM,KAAK,MAER,kBAAC,GAAD;EAEE,MAAK;EACL,SAAQ;EACR,eAAe;GACb,EAAW,EAAK,GAAG;;EAErB,OAAM;YAEN,kBAAC,GAAD;GAAqB,OAAO,EAAK;GAAO,UAAU,EAAK;GAAY,CAAA;EAC5D,EATF,EAAK,GASH,CAEX,EACE,CAAA"}

package/lib/esm/components/backoffice/pickers/shared/EntityPickerRowBase.js

@@ -0,0 +1,23 @@
+import { row as e, rowSubtitle as t, rowText as n, rowTitle as r } from "../entityIdPickerDialog.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/backoffice/pickers/shared/EntityPickerRowBase.tsx
+var o = ({ title: o, subtitle: s }) => {
+	let c = null;
+	return s != null && (c = /* @__PURE__ */ i("div", {
+		className: t,
+		children: s
+	})), /* @__PURE__ */ i("div", {
+		className: e,
+		children: /* @__PURE__ */ a("div", {
+			className: n,
+			children: [/* @__PURE__ */ i("div", {
+				className: r,
+				children: o
+			}), c]
+		})
+	});
+};
+//#endregion
+export { o as EntityPickerRowBase, o as default };
+
+//# sourceMappingURL=EntityPickerRowBase.js.map

package/lib/esm/components/backoffice/pickers/shared/EntityPickerRowBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPickerRowBase.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerRowBase.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from '../entityIdPickerDialog.css.js';\n\nexport type EntityPickerRowBaseProps = {\n  title: ReactNode;\n  subtitle?: ReactNode;\n};\n\nexport const EntityPickerRowBase = ({\n  title,\n  subtitle,\n}: EntityPickerRowBaseProps): JSX.Element => {\n  let subtitleNode: ReactNode | null = null;\n  if (subtitle != null) {\n    subtitleNode = <div className={styles.rowSubtitle}>{subtitle}</div>;\n  }\n\n  return (\n    <div className={styles.row}>\n      <div className={styles.rowText}>\n        <div className={styles.rowTitle}>{title}</div>\n        {subtitleNode}\n      </div>\n    </div>\n  );\n};\n\nexport default EntityPickerRowBase;\n"],"mappings":";;;AASA,IAAa,KAAuB,EAClC,UACA,kBAC2C;CAC3C,IAAI,IAAiC;CAKrC,OAJI,KAAY,SACd,IAAe,kBAAC,OAAD;EAAK,WAAW;YAAqB;EAAe,CAAA,GAInE,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,OAAD;IAAK,WAAW;cAAkB;IAAY,CAAA,EAC7C,EACG;;EACF,CAAA"}

package/lib/esm/components/backoffice/pickers/shared/EntityPickerShell.js

@@ -0,0 +1,28 @@
+import { useBackofficeReactTranslation as e } from "../../../../i18n/useBackofficeReactTranslation.js";
+import { layout as t } from "../entityIdPickerDialog.css.js";
+import { useId as n } from "react";
+import { Input as r } from "@plumile/ui";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/backoffice/pickers/shared/EntityPickerShell.tsx
+var o = ({ search: o, onSearchChange: s, searchPlaceholder: c, searchEnabled: l = !0, children: u }) => {
+	let { t: d } = e(), f = n(), p = c ?? d("picker.searchPlaceholder.default"), m = null;
+	return l && (m = /* @__PURE__ */ i(r, {
+		id: f,
+		name: "backoffice-entity-picker-search",
+		value: o,
+		onChange: (e) => {
+			s(e.target.value);
+		},
+		placeholder: p,
+		"aria-label": p,
+		size: "small",
+		fullWidth: !0
+	})), /* @__PURE__ */ a("div", {
+		className: t,
+		children: [m, u]
+	});
+};
+//#endregion
+export { o as EntityPickerShell, o as default };
+
+//# sourceMappingURL=EntityPickerShell.js.map

package/lib/esm/components/backoffice/pickers/shared/EntityPickerShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPickerShell.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode, useId } from 'react';\n\nimport { Input } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from '../entityIdPickerDialog.css.js';\n\nexport type EntityPickerShellProps = {\n  search: string;\n  onSearchChange: (next: string) => void;\n  searchPlaceholder?: string;\n  searchEnabled?: boolean;\n  children: ReactNode;\n};\n\nexport const EntityPickerShell = ({\n  search,\n  onSearchChange,\n  searchPlaceholder,\n  searchEnabled = true,\n  children,\n}: EntityPickerShellProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const searchInputId = useId();\n  const resolvedPlaceholder =\n    searchPlaceholder ?? t('picker.searchPlaceholder.default');\n  let searchNode: JSX.Element | null = null;\n  if (searchEnabled) {\n    searchNode = (\n      <Input\n        id={searchInputId}\n        name=\"backoffice-entity-picker-search\"\n        value={search}\n        onChange={(event) => {\n          onSearchChange(event.target.value);\n        }}\n        placeholder={resolvedPlaceholder}\n        aria-label={resolvedPlaceholder}\n        size=\"small\"\n        fullWidth\n      />\n    );\n  }\n\n  return (\n    <div className={styles.layout}>\n      {searchNode}\n      {children}\n    </div>\n  );\n};\n\nexport default EntityPickerShell;\n"],"mappings":";;;;;;AAgBA,IAAa,KAAqB,EAChC,WACA,mBACA,sBACA,mBAAgB,IAChB,kBACyC;CACzC,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAgB,GAAO,EACvB,IACJ,KAAqB,EAAE,mCAAmC,EACxD,IAAiC;CAkBrC,OAjBI,MACF,IACE,kBAAC,GAAD;EACE,IAAI;EACJ,MAAK;EACL,OAAO;EACP,WAAW,MAAU;GACnB,EAAe,EAAM,OAAO,MAAM;;EAEpC,aAAa;EACb,cAAY;EACZ,MAAK;EACL,WAAA;EACA,CAAA,GAKJ,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,GACA,EACG"}