@cobaltcore-dev/aurora 0.8.1 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/README.md +47 -13
  2. package/dist/client/AuroraApp.d.ts +14 -0
  3. package/dist/client/ContentHeader-D4jlOG-9.mjs +96 -0
  4. package/dist/client/ContentHeader-D4jlOG-9.mjs.map +1 -0
  5. package/dist/client/DeleteVersionsModal-CyYZfB8d.mjs +331 -0
  6. package/dist/client/DeleteVersionsModal-CyYZfB8d.mjs.map +1 -0
  7. package/dist/client/Slot-CWb612-_.mjs +28 -0
  8. package/dist/client/Slot-CWb612-_.mjs.map +1 -0
  9. package/dist/client/{SortInput-VK7IYqQv.mjs → SortInput-DLcusjGZ.mjs} +8 -8
  10. package/dist/client/SortInput-DLcusjGZ.mjs.map +1 -0
  11. package/dist/client/_auth-DXJkv9QO.mjs.map +1 -1
  12. package/dist/client/{_flavorId-iZE2j210.mjs → _flavorId-DsD2VTKA.mjs} +3 -3
  13. package/dist/client/{_flavorId-iZE2j210.mjs.map → _flavorId-DsD2VTKA.mjs.map} +1 -1
  14. package/dist/client/{_flavorId-DU4gcFna.mjs → _flavorId-Dy7EYQum.mjs} +2 -2
  15. package/dist/client/{_flavorId-DU4gcFna.mjs.map → _flavorId-Dy7EYQum.mjs.map} +1 -1
  16. package/dist/client/{_floatingIpId-B5GMSLeQ.mjs → _floatingIpId-BjVbeNw_.mjs} +2 -2
  17. package/dist/client/{_floatingIpId-B5GMSLeQ.mjs.map → _floatingIpId-BjVbeNw_.mjs.map} +1 -1
  18. package/dist/client/{_floatingIpId-C2-BeRmF.mjs → _floatingIpId-j17rCQqG2.mjs} +2 -2
  19. package/dist/client/_floatingIpId-j17rCQqG2.mjs.map +1 -0
  20. package/dist/client/{_imageId-zmaSymWe.mjs → _imageId-BjfhqAje.mjs} +2 -2
  21. package/dist/client/{_imageId-zmaSymWe.mjs.map → _imageId-BjfhqAje.mjs.map} +1 -1
  22. package/dist/client/{_pcaId-BwTvJJgh.mjs → _pcaId-Bo7yHkNW.mjs} +3 -3
  23. package/dist/client/{_pcaId-BwTvJJgh.mjs.map → _pcaId-Bo7yHkNW.mjs.map} +1 -1
  24. package/dist/client/{_pcaId-DUHQd0rB.mjs → _pcaId-CKkCVC7b.mjs} +2 -2
  25. package/dist/client/{_pcaId-DUHQd0rB.mjs.map → _pcaId-CKkCVC7b.mjs.map} +1 -1
  26. package/dist/client/_projectId-B_2sZKk-.mjs.map +1 -1
  27. package/dist/client/_projectId-CARHuZTU.mjs +106 -0
  28. package/dist/client/_projectId-CARHuZTU.mjs.map +1 -0
  29. package/dist/client/_projectId-CY8W0IF6.mjs +27 -0
  30. package/dist/client/_projectId-CY8W0IF6.mjs.map +1 -0
  31. package/dist/client/_projectId-Dbck_MFa.mjs +290 -0
  32. package/dist/client/_projectId-Dbck_MFa.mjs.map +1 -0
  33. package/dist/client/{_securityGroupId-DYxmXUOP.mjs → _securityGroupId-CkN0CGVg.mjs} +3 -3
  34. package/dist/client/{_securityGroupId-DYxmXUOP.mjs.map → _securityGroupId-CkN0CGVg.mjs.map} +1 -1
  35. package/dist/client/{_securityGroupId-fhK1CuZh.mjs → _securityGroupId-gSEZbBII.mjs} +2 -2
  36. package/dist/client/{_securityGroupId-fhK1CuZh.mjs.map → _securityGroupId-gSEZbBII.mjs.map} +1 -1
  37. package/dist/client/{_storageType-CepuevDG.mjs → _storageType-6k8lUnQo.mjs} +2 -2
  38. package/dist/client/{_storageType-CepuevDG.mjs.map → _storageType-6k8lUnQo.mjs.map} +1 -1
  39. package/dist/client/_storageType-CLTxXjQZ.mjs +3048 -0
  40. package/dist/client/_storageType-CLTxXjQZ.mjs.map +1 -0
  41. package/dist/client/{constants-J5nm9hbP.mjs → constants-PMXUGI4Q.mjs} +2 -2
  42. package/dist/client/{constants-J5nm9hbP.mjs.map → constants-PMXUGI4Q.mjs.map} +1 -1
  43. package/dist/client/{flavors-8bZVlzzb.mjs → flavors-BclEwobO.mjs} +2 -2
  44. package/dist/client/{flavors-8bZVlzzb.mjs.map → flavors-BclEwobO.mjs.map} +1 -1
  45. package/dist/client/{flavors-BfsEBUE-.mjs → flavors-p2TKcqP-.mjs} +4 -4
  46. package/dist/client/{flavors-BfsEBUE-.mjs.map → flavors-p2TKcqP-.mjs.map} +1 -1
  47. package/dist/client/{floatingips-Dq4DXQYb.mjs → floatingips-ph0ZxJw8.mjs} +3 -3
  48. package/dist/client/{floatingips-Dq4DXQYb.mjs.map → floatingips-ph0ZxJw8.mjs.map} +1 -1
  49. package/dist/client/{images-BPnTuKFO2.mjs → images-BblnyWJq.mjs} +4 -4
  50. package/dist/client/images-BblnyWJq.mjs.map +1 -0
  51. package/dist/client/{images-8FOgju2f.mjs → images-CXdghaMW.mjs} +2 -2
  52. package/dist/client/{images-8FOgju2f.mjs.map → images-CXdghaMW.mjs.map} +1 -1
  53. package/dist/client/index.js +261 -247
  54. package/dist/client/index.js.map +1 -1
  55. package/dist/client/{md-CYTrL5dq.mjs → md-CyCflQee.mjs} +10 -28
  56. package/dist/client/{md-CYTrL5dq.mjs.map → md-CyCflQee.mjs.map} +1 -1
  57. package/dist/client/{objects-DKWp9RtR.mjs → objects-B9Jh3SMG.mjs} +4 -3
  58. package/dist/client/objects-B9Jh3SMG.mjs.map +1 -0
  59. package/dist/client/objects-Bw25cE1m.mjs +5970 -0
  60. package/dist/client/objects-Bw25cE1m.mjs.map +1 -0
  61. package/dist/client/objects-o2Cj_ndZ.mjs.map +1 -1
  62. package/dist/client/{pca-5wOBf_KI.mjs → pca-CiLPHmK7.mjs} +4 -4
  63. package/dist/client/{pca-5wOBf_KI.mjs.map → pca-CiLPHmK7.mjs.map} +1 -1
  64. package/dist/client/{pca-dhrOFfrE.mjs → pca-DUrQ_tIg.mjs} +2 -2
  65. package/dist/client/{pca-dhrOFfrE.mjs.map → pca-DUrQ_tIg.mjs.map} +1 -1
  66. package/dist/client/{projects-B_PPyZD1.mjs → projects-B5topuei.mjs} +2 -2
  67. package/dist/client/projects-B5topuei.mjs.map +1 -0
  68. package/dist/client/projects-CHYn7L5e.mjs.map +1 -1
  69. package/dist/client/projects-DNd3UTas.mjs +110 -0
  70. package/dist/client/projects-DNd3UTas.mjs.map +1 -0
  71. package/dist/client/projects-yiK0HGSA.mjs.map +1 -1
  72. package/dist/client/routeInfo-Dy9l-wFB.mjs +31 -0
  73. package/dist/client/routeInfo-Dy9l-wFB.mjs.map +1 -0
  74. package/dist/client/{securitygroups-CNFLu9zS.mjs → securitygroups-CcA2TpAt.mjs} +2 -2
  75. package/dist/client/{securitygroups-CNFLu9zS.mjs.map → securitygroups-CcA2TpAt.mjs.map} +1 -1
  76. package/dist/client/{useListWithFiltering-v2A0-SZb.mjs → useListWithFiltering-CVzhMyEA.mjs} +2 -2
  77. package/dist/client/{useListWithFiltering-v2A0-SZb.mjs.map → useListWithFiltering-CVzhMyEA.mjs.map} +1 -1
  78. package/dist/server/index.js +282 -48
  79. package/package.json +3 -3
  80. package/dist/client/ContentHeader-C51H95X8.mjs +0 -85
  81. package/dist/client/ContentHeader-C51H95X8.mjs.map +0 -1
  82. package/dist/client/SortInput-VK7IYqQv.mjs.map +0 -1
  83. package/dist/client/_floatingIpId-C2-BeRmF.mjs.map +0 -1
  84. package/dist/client/_projectId-C8BaEHUj.mjs +0 -273
  85. package/dist/client/_projectId-C8BaEHUj.mjs.map +0 -1
  86. package/dist/client/_projectId-COt93OEF.mjs +0 -84
  87. package/dist/client/_projectId-COt93OEF.mjs.map +0 -1
  88. package/dist/client/_storageType-B-qGcGUQ.mjs +0 -3244
  89. package/dist/client/_storageType-B-qGcGUQ.mjs.map +0 -1
  90. package/dist/client/images-BPnTuKFO2.mjs.map +0 -1
  91. package/dist/client/objects-DKWp9RtR.mjs.map +0 -1
  92. package/dist/client/objects-DaCuy_CB.mjs +0 -5708
  93. package/dist/client/objects-DaCuy_CB.mjs.map +0 -1
  94. package/dist/client/projects-B_PPyZD1.mjs.map +0 -1
  95. package/dist/client/projects-Dmewygrp.mjs +0 -105
  96. package/dist/client/projects-Dmewygrp.mjs.map +0 -1
  97. package/dist/client/routeInfo-CHiJfum5.mjs +0 -73
  98. package/dist/client/routeInfo-CHiJfum5.mjs.map +0 -1
@@ -1,273 +0,0 @@
1
- import { B as e, M as t, O as n, P as r, W as i, X as a, Y as o, a as s, st as c, y as l } from "./build-BdRRmNf5.mjs";
2
- import { n as u, r as d, t as f } from "./routeInfo-CHiJfum5.mjs";
3
- import { t as p } from "./helpers-1PpYf-fC.mjs";
4
- import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
5
- import { useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
6
- import { Outlet as x, useLoaderData as S, useMatches as C, useNavigate as w, useParams as T, useRouteContext as E } from "@tanstack/react-router";
7
- import { useLingui as D } from "@lingui/react";
8
- //#region src/client/routes/_auth/projects/-components/SideNavBar.tsx
9
- var O = ({ projectId: n, projectName: r, domainName: i, availableServices: a }) => {
10
- let { i18n: o, _: u } = D(), v = w(), x = C(), { provider: S } = T({ strict: !1 }), { slots: O } = E({ strict: !1 }), k = [...x].reverse().find((e) => f(e.staticData)), A = k && f(k.staticData) ? k.staticData : void 0, j = A?.section ?? null, M = A?.service ?? null, N = p(a), [P, F] = b({
11
- compute: !0,
12
- network: !0,
13
- storage: !0,
14
- services: !0
15
- }), I = y(null), L = y(!1);
16
- _(() => {
17
- let e = I.current;
18
- I.current = j;
19
- let t = L.current;
20
- if (L.current = !0, t && j && j !== e && j in P) {
21
- F((e) => ({
22
- ...e,
23
- [j]: !1
24
- }));
25
- let e = j;
26
- setTimeout(() => F((t) => ({
27
- ...t,
28
- [e]: !0
29
- })), 0);
30
- }
31
- }, [j]);
32
- let R = [...N.image?.glance ? [{
33
- service: "images",
34
- label: o._({ id: "an5hVd" }),
35
- to: "/projects/$projectId/compute/images",
36
- params: { projectId: n }
37
- }] : [], ...N?.compute?.nova ? [{
38
- service: "flavors",
39
- label: o._({ id: "neiJm0" }),
40
- to: "/projects/$projectId/compute/flavors",
41
- params: { projectId: n }
42
- }] : []], z = [...N.network ? [{
43
- service: "securitygroups",
44
- label: o._({ id: "4opp4r" }),
45
- to: "/projects/$projectId/network/securitygroups",
46
- params: { projectId: n }
47
- }, {
48
- service: "floatingips",
49
- label: o._({ id: "u77/s4" }),
50
- to: "/projects/$projectId/network/floatingips",
51
- params: { projectId: n }
52
- }] : []], B = [...N?.["object-store"]?.swift ? [{
53
- service: "containers",
54
- label: o._({ id: "+OEi73" }),
55
- to: "/projects/$projectId/storage/$provider/$storageType",
56
- params: {
57
- projectId: n,
58
- provider: "swift",
59
- storageType: "containers"
60
- }
61
- }] : [], {
62
- service: "ceph-containers",
63
- label: o._({ id: "KhNDX4" }),
64
- to: "/projects/$projectId/storage/$provider/$storageType",
65
- params: {
66
- projectId: n,
67
- provider: "ceph",
68
- storageType: "buckets"
69
- }
70
- }], V = [...N.pca?.["clavis-beta"] || N.pca?.["clavis-dev"] ? [{
71
- service: "pca",
72
- label: o._({ id: "miy5mb" }),
73
- to: "/projects/$projectId/services/pca",
74
- params: { projectId: n }
75
- }] : []];
76
- return /*#__PURE__*/ h(t, {
77
- ariaLabel: "Project Side Navigation",
78
- children: /*#__PURE__*/ g(m, { children: [/*#__PURE__*/ h(e, { children: /*#__PURE__*/ g(m, { children: [
79
- /*#__PURE__*/ h(s, {
80
- onClick: () => v({
81
- to: "/projects/$projectId",
82
- params: { projectId: n }
83
- }),
84
- label: /*#__PURE__*/ g(m, { children: [i && /*#__PURE__*/ g("p", {
85
- className: "text-theme-light text-xs leading-4 font-bold",
86
- children: [i, " /"]
87
- }), /*#__PURE__*/ h("p", {
88
- className: "leading-5 font-normal",
89
- children: r
90
- })] })
91
- }),
92
- /*#__PURE__*/ h(c, { spacing: "1" }),
93
- /*#__PURE__*/ h(l, {
94
- label: o._({ id: "rp0Bd0" }),
95
- open: P.compute,
96
- children: R.map(({ service: e, label: t, to: n, params: r }) => /*#__PURE__*/ h(s, {
97
- onClick: () => v({
98
- to: n,
99
- params: r
100
- }),
101
- label: t,
102
- selected: j === "compute" && M === e
103
- }, t))
104
- }),
105
- z.length > 0 && /*#__PURE__*/ h(l, {
106
- label: o._({ id: "OR475H" }),
107
- open: P.network,
108
- children: z.map(({ service: e, label: t, to: n, params: r }) => /*#__PURE__*/ h(s, {
109
- onClick: () => v({
110
- to: n,
111
- params: r
112
- }),
113
- label: t,
114
- selected: j === "network" && M === e
115
- }, t))
116
- }),
117
- B.length > 0 && /*#__PURE__*/ h(l, {
118
- label: o._({ id: "BrrIs8" }),
119
- open: P.storage,
120
- children: B.map(({ service: e, label: t, to: n, params: r }) => /*#__PURE__*/ h(s, {
121
- onClick: () => v({
122
- to: n,
123
- params: r
124
- }),
125
- label: t,
126
- selected: j === "storage" && M === "containers" ? r.provider === S : M === e
127
- }, t))
128
- }),
129
- V.length > 0 && /*#__PURE__*/ h(l, {
130
- label: o._({ id: "MILoeL" }),
131
- open: P.services,
132
- children: V.map(({ service: e, label: t, to: n, params: r }) => /*#__PURE__*/ h(s, {
133
- onClick: () => v({
134
- to: n,
135
- params: r
136
- }),
137
- label: t,
138
- selected: j === "services" && M === e
139
- }, t))
140
- })
141
- ] }) }), O?.sideNavBanner && /*#__PURE__*/ h(d, { component: O.sideNavBanner })] })
142
- });
143
- };
144
- //#endregion
145
- //#region src/client/components/ProjectView/ProjectInfoBox.tsx
146
- function k({ projectInfo: e }) {
147
- let { i18n: t, _: n } = D(), r = w(), o = C(), { projectId: s } = T({ strict: !1 });
148
- return /*#__PURE__*/ h(a, {
149
- className: "relative z-1 mt-8 mb-4",
150
- children: v(() => {
151
- let n = {
152
- Compute: t._({ id: "rp0Bd0" }),
153
- Network: t._({ id: "OR475H" }),
154
- Storage: t._({ id: "BrrIs8" }),
155
- Services: t._({ id: "MILoeL" }),
156
- Images: t._({ id: "an5hVd" }),
157
- Flavors: t._({ id: "neiJm0" }),
158
- "Security Groups": t._({ id: "4opp4r" }),
159
- "Floating IPs": t._({ id: "u77/s4" }),
160
- "PCA (Clavis)": t._({ id: "miy5mb" })
161
- }, i = (e) => e === "swift" ? t._({ id: "+OEi73" }) : e === "ceph" ? t._({ id: "KhNDX4" }) : t._({ id: "BrrIs8" }), a = [];
162
- a.push({
163
- icon: "home",
164
- label: t._({ id: "i0qMbr" }),
165
- onClick: () => r({ to: "/projects" })
166
- }), e.domain?.name && a.push({ label: e.domain.name });
167
- let c = o.filter((e) => e.routeId !== "/_auth/projects/$projectId" && e.routeId.startsWith("/_auth/projects/$projectId")), l = c[c.length - 1], u = l && f(l.staticData) ? l.staticData : void 0;
168
- if (!l || !u) return a.push({
169
- label: e.name,
170
- active: !0
171
- }), a;
172
- a.push({
173
- label: e.name,
174
- onClick: () => r({
175
- to: "/projects/$projectId",
176
- params: { projectId: s }
177
- })
178
- });
179
- let d = l.params;
180
- if (u.sectionCrumb?.to) {
181
- let { labelKey: e, to: t } = u.sectionCrumb, i = e ? n[e] : void 0;
182
- a.push({
183
- label: i,
184
- onClick: () => r({
185
- to: t,
186
- params: d
187
- })
188
- });
189
- }
190
- if (u.crumb) {
191
- let { labelKey: e, to: t, useParamAsLabel: o } = u.crumb, s = o ? i(d[o]) : e ? n[e] : void 0;
192
- if (u.isDetail) {
193
- if (a.push({
194
- label: s,
195
- onClick: () => r({
196
- to: t,
197
- params: d
198
- })
199
- }), u.intermediateCrumb) {
200
- let { to: e, useParamAsLabel: t, useParentTitleAsLabel: n } = u.intermediateCrumb, i = c[c.length - 2]?.meta?.find((e) => e != null && "title" in e)?.title, o = n ? i ?? (t ? d[t] : void 0) : t ? d[t] : void 0;
201
- a.push(e ? {
202
- label: o,
203
- onClick: () => r({
204
- to: e,
205
- params: d
206
- })
207
- } : { label: o });
208
- }
209
- let e = l.meta?.find((e) => e != null && "title" in e)?.title;
210
- e && a.push({
211
- label: e,
212
- active: !0
213
- });
214
- } else a.push(t ? {
215
- label: s,
216
- onClick: () => r({
217
- to: t,
218
- params: d
219
- })
220
- } : {
221
- label: s,
222
- active: !0
223
- });
224
- }
225
- return a;
226
- }, [
227
- o,
228
- e,
229
- s,
230
- r,
231
- n
232
- ]).map((e, t) => /*#__PURE__*/ h(i, {
233
- label: e.label,
234
- icon: e.icon,
235
- onClick: e.onClick,
236
- active: e.active
237
- }, t))
238
- });
239
- }
240
- //#endregion
241
- //#region src/client/routes/_auth/projects/$projectId.tsx?tsr-split=component
242
- function A() {
243
- let { availableServices: e, projectId: t, crumbProject: i, crumbDomain: a } = S({ from: u.id });
244
- return /*#__PURE__*/ h(r, {
245
- embedded: !0,
246
- sideNavigation: /*#__PURE__*/ h(O, {
247
- availableServices: e,
248
- projectId: t,
249
- projectName: i?.name || t,
250
- domainName: a?.name
251
- }),
252
- className: "h-min-screen",
253
- children: /*#__PURE__*/ h(n, { children: /*#__PURE__*/ h(o, {
254
- direction: "vertical",
255
- distribution: "start",
256
- alignment: "stretch",
257
- className: "xl:flex-row",
258
- gap: "6",
259
- children: /*#__PURE__*/ g("div", {
260
- className: "min-w-0 flex-1",
261
- children: [/*#__PURE__*/ h(k, { projectInfo: {
262
- id: t,
263
- name: i?.name || t,
264
- domain: i?.domain
265
- } }), /*#__PURE__*/ h(x, {})]
266
- })
267
- }) })
268
- });
269
- }
270
- //#endregion
271
- export { A as component };
272
-
273
- //# sourceMappingURL=_projectId-C8BaEHUj.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"_projectId-C8BaEHUj.mjs","names":["useNavigate","useMatches","useParams","useRouteContext","useState","useEffect","useRef","getServiceIndex","SideNavigation","SideNavigationList","SideNavigationGroup","SideNavigationItem","Divider","isRouteInfo","Slot","SideNavBar","projectId","projectName","domainName","availableServices","useLingui","navigate","matches","provider","strict","slots","activeMatch","reverse","find","m","staticData","activeRouteInfo","undefined","activeSection","section","activeService","service","serviceIndex","openSections","setOpenSections","compute","network","storage","services","prevSectionRef","mountedRef","prev","current","wasMounted","s","setTimeout","computeServices","label","t","to","params","networkServices","storageServices","storageType","pcaServices","clavisServices","ariaLabel","onClick","p","className","spacing","open","map","selected","length","isStorageContainers","isSelected","sideNavBanner","component","Breadcrumb","BreadcrumbItem","useMatches","useNavigate","useParams","useMemo","isRouteInfo","ProjectInfoBox","projectInfo","useLingui","navigate","matches","projectId","strict","breadcrumbs","crumbLabels","Compute","t","Network","Storage","Services","Images","Flavors","resolveProviderLabel","provider","items","push","icon","label","onClick","to","domain","name","projectMatches","filter","m","routeId","startsWith","deepest","length","info","staticData","undefined","active","params","sectionCrumb","labelKey","crumb","useParamAsLabel","resolvedLabel","isDetail","intermediateCrumb","iTo","iParam","useParentTitleAsLabel","parentMatch","parentTitle","meta","find","title","iLabel","className","map","item","index","Outlet","useLoaderData","AppShell","Container","Stack","SideNavBar","ProjectInfoBox","Route","RouteComponent","availableServices","projectId","crumbProject","crumbDomain","from","id","name","domain","component"],"sources":["../../src/client/routes/_auth/projects/-components/SideNavBar.tsx","../../src/client/components/ProjectView/ProjectInfoBox.tsx","../../src/client/routes/_auth/projects/$projectId.tsx?tsr-split=component"],"sourcesContent":["import { useNavigate, useMatches, useParams, useRouteContext } from \"@tanstack/react-router\"\nimport { useState, useEffect, useRef } from \"react\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport {\n SideNavigation,\n SideNavigationList,\n SideNavigationGroup,\n SideNavigationItem,\n Divider,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { isRouteInfo } from \"@/client/routes/routeInfo\"\nimport { Slot } from \"@/client/components/Slot\"\n\ninterface SideNavBarProps {\n projectId: string\n projectName: string\n domainName?: string\n availableServices: {\n type: string\n name: string\n }[]\n}\n\nexport const SideNavBar = ({ projectId, projectName, domainName, availableServices }: SideNavBarProps) => {\n const { t } = useLingui()\n const navigate = useNavigate()\n const matches = useMatches()\n const { provider } = useParams({ strict: false }) as { provider?: string }\n const { slots } = useRouteContext({ strict: false })\n\n // Read active section/service from the deepest match that has valid RouteInfo staticData\n const activeMatch = [...matches].reverse().find((m) => isRouteInfo(m.staticData))\n const activeRouteInfo = activeMatch && isRouteInfo(activeMatch.staticData) ? activeMatch.staticData : undefined\n const activeSection = activeRouteInfo?.section ?? null\n const activeService = activeRouteInfo?.service ?? null\n\n const serviceIndex = getServiceIndex(availableServices)\n\n const [openSections, setOpenSections] = useState({ compute: true, network: true, storage: true, services: true })\n const prevSectionRef = useRef<string | null>(null)\n const mountedRef = useRef(false)\n\n useEffect(() => {\n const prev = prevSectionRef.current\n prevSectionRef.current = activeSection\n const wasMounted = mountedRef.current\n mountedRef.current = true\n // Skip on initial mount: all sections start open, Juno initializes correctly from the open prop.\n // Only re-open when navigating to a section that Juno may have internally collapsed.\n if (!wasMounted) return\n if (activeSection && activeSection !== prev && activeSection in openSections) {\n // Set false first, then true in the next tick so Juno's useEffect([open]) sees the change\n // even if the section was already true in our state (Juno may have internally collapsed it).\n setOpenSections((s) => ({ ...s, [activeSection]: false }))\n const section = activeSection\n setTimeout(() => setOpenSections((s) => ({ ...s, [section]: true })), 0)\n }\n }, [activeSection])\n\n const computeServices = [\n ...(serviceIndex[\"image\"]?.[\"glance\"]\n ? [\n {\n service: \"images\",\n label: t`Images`,\n to: \"/projects/$projectId/compute/images\" as const,\n params: { projectId },\n },\n ]\n : []),\n ...(serviceIndex?.[\"compute\"]?.[\"nova\"]\n ? [\n {\n service: \"flavors\",\n label: t`Flavors`,\n to: \"/projects/$projectId/compute/flavors\" as const,\n params: { projectId },\n },\n ]\n : []),\n ]\n\n const networkServices = [\n ...(serviceIndex[\"network\"]\n ? [\n {\n service: \"securitygroups\",\n label: t`Security Groups`,\n to: \"/projects/$projectId/network/securitygroups\" as const,\n params: { projectId },\n },\n {\n service: \"floatingips\",\n label: t`Floating IPs`,\n to: \"/projects/$projectId/network/floatingips\" as const,\n params: { projectId },\n },\n ]\n : []),\n ]\n\n const storageServices = [\n ...(serviceIndex?.[\"object-store\"]?.[\"swift\"]\n ? [\n {\n service: \"containers\",\n label: t`Object Storage (Swift)`,\n to: \"/projects/$projectId/storage/$provider/$storageType\" as const,\n params: { projectId, provider: \"swift\", storageType: \"containers\" },\n },\n ]\n : []),\n {\n service: \"ceph-containers\",\n label: t`Object Storage (Ceph)`,\n to: \"/projects/$projectId/storage/$provider/$storageType\" as const,\n params: { projectId, provider: \"ceph\", storageType: \"buckets\" },\n },\n ]\n\n // temporary as clavis is not fully GA, after GA replace with [\"pca\"]?.[\"clavis\"]\n const pcaServices = serviceIndex[\"pca\"]?.[\"clavis-beta\"] || serviceIndex[\"pca\"]?.[\"clavis-dev\"]\n const clavisServices = [\n ...(pcaServices\n ? [\n {\n service: \"pca\",\n label: t`PCA (Clavis)`,\n to: \"/projects/$projectId/services/pca\" as const,\n params: { projectId },\n },\n ]\n : []),\n ]\n\n return (\n <SideNavigation ariaLabel=\"Project Side Navigation\">\n <>\n <SideNavigationList>\n <>\n <SideNavigationItem\n onClick={() => navigate({ to: \"/projects/$projectId\", params: { projectId } })}\n label={\n <>\n {domainName && <p className=\"text-theme-light text-xs leading-4 font-bold\">{domainName} /</p>}\n <p className=\"leading-5 font-normal\">{projectName}</p>\n </>\n }\n />\n <Divider spacing=\"1\" />\n <SideNavigationGroup label={t`Compute`} open={openSections.compute}>\n {computeServices.map(({ service, label, to, params }) => (\n <SideNavigationItem\n key={label}\n onClick={() => navigate({ to, params })}\n label={label}\n selected={activeSection === \"compute\" && activeService === service}\n />\n ))}\n </SideNavigationGroup>\n\n {networkServices.length > 0 && (\n <SideNavigationGroup label={t`Network`} open={openSections.network}>\n {networkServices.map(({ service, label, to, params }) => (\n <SideNavigationItem\n key={label}\n onClick={() => navigate({ to, params })}\n label={label}\n selected={activeSection === \"network\" && activeService === service}\n />\n ))}\n </SideNavigationGroup>\n )}\n\n {storageServices.length > 0 && (\n <SideNavigationGroup label={t`Storage`} open={openSections.storage}>\n {storageServices.map(({ service, label, to, params }) => {\n // For storage services with provider param, match against current provider\n const isStorageContainers = activeSection === \"storage\" && activeService === \"containers\"\n const isSelected = isStorageContainers ? params.provider === provider : activeService === service\n\n return (\n <SideNavigationItem\n key={label}\n onClick={() => navigate({ to, params })}\n label={label}\n selected={isSelected}\n />\n )\n })}\n </SideNavigationGroup>\n )}\n\n {clavisServices.length > 0 && (\n <SideNavigationGroup label={t`Services`} open={openSections.services}>\n {clavisServices.map(({ service, label, to, params }) => (\n <SideNavigationItem\n key={label}\n onClick={() => navigate({ to, params })}\n label={label}\n selected={activeSection === \"services\" && activeService === service}\n />\n ))}\n </SideNavigationGroup>\n )}\n </>\n </SideNavigationList>\n {slots?.sideNavBanner && <Slot component={slots.sideNavBanner} />}\n </>\n </SideNavigation>\n )\n}\n","import { Breadcrumb, BreadcrumbItem, KnownIcons } from \"@cloudoperators/juno-ui-components\"\nimport { useMatches, useNavigate, useParams } from \"@tanstack/react-router\"\nimport { useMemo } from \"react\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { isRouteInfo, CrumbLabelKey } from \"@/client/routes/routeInfo\"\n\ninterface ProjectInfoBoxProps {\n projectInfo: {\n id: string\n name: string\n description?: string\n domain?: {\n name?: string\n }\n }\n}\n\nexport function ProjectInfoBox({ projectInfo }: ProjectInfoBoxProps) {\n const { t } = useLingui()\n const navigate = useNavigate()\n const matches = useMatches()\n const { projectId } = useParams({ strict: false }) as { projectId: string }\n\n const breadcrumbs = useMemo(() => {\n const crumbLabels: Record<CrumbLabelKey, string> = {\n Compute: t`Compute`,\n Network: t`Network`,\n Storage: t`Storage`,\n Services: t`Services`,\n Images: t`Images`,\n Flavors: t`Flavors`,\n \"Security Groups\": t`Security Groups`,\n \"Floating IPs\": t`Floating IPs`,\n \"PCA (Clavis)\": t`PCA (Clavis)`,\n }\n\n const resolveProviderLabel = (provider: string | undefined) => {\n if (provider === \"swift\") return t`Object Storage (Swift)`\n if (provider === \"ceph\") return t`Object Storage (Ceph)`\n return t`Storage`\n }\n\n const items: Array<{ label?: string; icon?: KnownIcons; onClick?: () => void; active?: boolean }> = []\n\n items.push({ icon: \"home\", label: t`Home`, onClick: () => navigate({ to: \"/projects\" }) })\n\n if (projectInfo.domain?.name) {\n items.push({ label: projectInfo.domain.name })\n }\n\n const projectMatches = matches.filter(\n (m) => m.routeId !== \"/_auth/projects/$projectId\" && m.routeId.startsWith(\"/_auth/projects/$projectId\")\n )\n const deepest = projectMatches[projectMatches.length - 1]\n\n const info = deepest ? (isRouteInfo(deepest.staticData) ? deepest.staticData : undefined) : undefined\n\n if (!deepest || !info) {\n items.push({ label: projectInfo.name, active: true })\n return items\n }\n\n items.push({\n label: projectInfo.name,\n onClick: () => navigate({ to: \"/projects/$projectId\", params: { projectId } }),\n })\n\n const params = deepest.params as Record<string, string>\n\n if (info.sectionCrumb?.to) {\n const { labelKey, to } = info.sectionCrumb\n const label = labelKey ? crumbLabels[labelKey] : undefined\n items.push({ label, onClick: () => navigate({ to: to as never, params: params as never }) })\n }\n\n if (info.crumb) {\n const { labelKey, to, useParamAsLabel } = info.crumb\n const resolvedLabel = useParamAsLabel\n ? resolveProviderLabel(params[useParamAsLabel])\n : labelKey\n ? crumbLabels[labelKey]\n : undefined\n\n if (info.isDetail) {\n items.push({ label: resolvedLabel, onClick: () => navigate({ to: to as never, params: params as never }) })\n\n if (info.intermediateCrumb) {\n const { to: iTo, useParamAsLabel: iParam, useParentTitleAsLabel } = info.intermediateCrumb\n const parentMatch = projectMatches[projectMatches.length - 2]\n const parentTitle = parentMatch?.meta?.find((m) => m != null && \"title\" in m)?.title as string | undefined\n const iLabel = useParentTitleAsLabel\n ? (parentTitle ?? (iParam ? params[iParam] : undefined))\n : iParam\n ? params[iParam]\n : undefined\n items.push(\n iTo\n ? { label: iLabel, onClick: () => navigate({ to: iTo as never, params: params as never }) }\n : { label: iLabel }\n )\n }\n\n const title = deepest.meta?.find((m) => m != null && \"title\" in m)?.title as string | undefined\n if (title) items.push({ label: title, active: true })\n } else {\n items.push(\n to\n ? { label: resolvedLabel, onClick: () => navigate({ to: to as never, params: params as never }) }\n : { label: resolvedLabel, active: true }\n )\n }\n }\n\n return items\n }, [matches, projectInfo, projectId, navigate, t])\n\n return (\n <Breadcrumb className=\"relative z-1 mt-8 mb-4\">\n {breadcrumbs.map((item, index) => (\n <BreadcrumbItem key={index} label={item.label} icon={item.icon} onClick={item.onClick} active={item.active} />\n ))}\n </Breadcrumb>\n )\n}\n","import { createFileRoute, Outlet, useLoaderData } from \"@tanstack/react-router\"\nimport { AppShell, Container, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { SideNavBar } from \"@/client/routes/_auth/projects/-components/SideNavBar\"\nimport { ProjectInfoBox } from \"@/client/components/ProjectView/ProjectInfoBox\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId\")({\n component: RouteComponent,\n errorComponent: ({ error }) => {\n return <RouteError error={error} />\n },\n loader: async (options) => {\n const { context, params } = options\n const data = await context.trpcClient?.auth.setCurrentScope.mutate({\n type: \"project\",\n projectId: params.projectId || \"\",\n })\n\n const [availableServices, projects] = await Promise.all([\n context.trpcClient?.auth.getAvailableServices.query(),\n context.trpcClient?.project.getAuthProjects.query().catch(() => null),\n ])\n\n const accountId = data?.domain?.id || \"\"\n const description = projects?.find((p) => p.id === params.projectId)?.description ?? null\n\n return {\n trpcClient: context.trpcClient,\n crumbDomain: { path: `/projects`, name: data?.domain?.name },\n crumbProject: data?.project,\n availableServices,\n accountId,\n projectId: params.projectId,\n description,\n }\n },\n})\n\nfunction RouteComponent() {\n const { availableServices, projectId, crumbProject, crumbDomain } = useLoaderData({ from: Route.id })\n\n return (\n <AppShell\n embedded\n sideNavigation={\n <SideNavBar\n availableServices={availableServices!}\n projectId={projectId}\n projectName={crumbProject?.name || projectId}\n domainName={crumbDomain?.name}\n />\n }\n className=\"h-min-screen\"\n >\n <Container>\n <Stack direction=\"vertical\" distribution=\"start\" alignment=\"stretch\" className=\"xl:flex-row\" gap=\"6\">\n {/* Main content area */}\n <div className=\"min-w-0 flex-1\">\n <ProjectInfoBox\n projectInfo={{\n id: projectId,\n name: crumbProject?.name || projectId,\n domain: crumbProject?.domain,\n }}\n />\n <Outlet />\n </div>\n </Stack>\n </Container>\n </AppShell>\n )\n}\n"],"mappings":"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"}
@@ -1,84 +0,0 @@
1
- import { Y as e, c as t, u as n } from "./build-BdRRmNf5.mjs";
2
- import { t as r } from "./helpers-1PpYf-fC.mjs";
3
- import { t as i } from "./ContentHeader-C51H95X8.mjs";
4
- import { jsx as a, jsxs as o } from "react/jsx-runtime";
5
- import { useLoaderData as s, useNavigate as c } from "@tanstack/react-router";
6
- import { Trans as l, useLingui as u } from "@lingui/react";
7
- //#region src/client/routes/_auth/projects/$projectId/index.tsx?tsr-split=component
8
- function d({ group: e, label: r, to: i }) {
9
- let s = c();
10
- return /*#__PURE__*/ o(n, {
11
- onClick: () => s({ to: i }),
12
- className: "flex min-h-40 flex-col gap-4 px-3 pt-2 pb-3",
13
- "data-testid": "service-card",
14
- children: [/*#__PURE__*/ o("div", {
15
- className: "flex min-w-0 flex-col",
16
- children: [/*#__PURE__*/ o("div", {
17
- className: "flex items-center gap-1",
18
- children: [/*#__PURE__*/ a("p", {
19
- className: "text-theme-light text-xs leading-5 font-medium",
20
- children: e
21
- }), /*#__PURE__*/ a(t, {
22
- icon: "expandLess",
23
- size: "16",
24
- className: "text-theme-high"
25
- })]
26
- }), /*#__PURE__*/ a("p", {
27
- className: "text-theme-high text-lg leading-7 font-bold",
28
- "data-testid": "service-card-label",
29
- children: r
30
- })]
31
- }), /*#__PURE__*/ a("div", { className: "flex-1" })]
32
- });
33
- }
34
- function f() {
35
- let { crumbProject: t, availableServices: n, projectId: c, description: f } = s({ from: "/_auth/projects/$projectId" }), { i18n: p, _: m } = u(), h = r(n ?? []), g = `/projects/${c}`, _ = [];
36
- return h.image?.glance && _.push({
37
- group: p._({ id: "rp0Bd0" }),
38
- label: p._({ id: "an5hVd" }),
39
- to: `${g}/compute/images`
40
- }), h.compute?.nova && _.push({
41
- group: p._({ id: "rp0Bd0" }),
42
- label: p._({ id: "neiJm0" }),
43
- to: `${g}/compute/flavors`
44
- }), h.network && (_.push({
45
- group: p._({ id: "OR475H" }),
46
- label: p._({ id: "4opp4r" }),
47
- to: `${g}/network/securitygroups`
48
- }), _.push({
49
- group: p._({ id: "OR475H" }),
50
- label: p._({ id: "u77/s4" }),
51
- to: `${g}/network/floatingips`
52
- })), h["object-store"]?.swift && _.push({
53
- group: p._({ id: "BrrIs8" }),
54
- label: p._({ id: "+OEi73" }),
55
- to: `${g}/storage/swift/containers`
56
- }), h["object-store-ceph"]?.ceph && _.push({
57
- group: p._({ id: "BrrIs8" }),
58
- label: p._({ id: "KhNDX4" }),
59
- to: `${g}/storage/ceph/buckets`
60
- }), (h.pca?.["clavis-dev"] || h.pca?.["clavis-beta"]) && _.push({
61
- group: p._({ id: "MILoeL" }),
62
- label: p._({ id: "miy5mb" }),
63
- to: `${g}/services/pca`
64
- }), /*#__PURE__*/ o(e, {
65
- direction: "vertical",
66
- gap: "6",
67
- className: "pb-4",
68
- children: [/*#__PURE__*/ a(i, {
69
- title: t?.name ?? p._({ id: "e0NrBM" }),
70
- projectId: c,
71
- description: f
72
- }), _.length > 0 ? /*#__PURE__*/ a("div", {
73
- className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4",
74
- children: _.map((e) => /*#__PURE__*/ a(d, { ...e }, e.to))
75
- }) : /*#__PURE__*/ a("p", {
76
- className: "text-theme-light text-sm",
77
- children: /*#__PURE__*/ a(l, { id: "Q1W//7" })
78
- })]
79
- });
80
- }
81
- //#endregion
82
- export { f as component };
83
-
84
- //# sourceMappingURL=_projectId-COt93OEF.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"_projectId-COt93OEF.mjs","names":["useLoaderData","useNavigate","Card","Icon","Stack","getServiceIndex","Trans","useLingui","ContentHeader","ServiceCardProps","group","label","to","ServiceCard","navigate","RouteComponent","crumbProject","availableServices","projectId","description","from","t","serviceIndex","base","cards","push","name","length","map","card","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/index.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, useLoaderData, useNavigate } from \"@tanstack/react-router\"\nimport { Card, Icon, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/\")({\n component: RouteComponent,\n})\n\ninterface ServiceCardProps {\n group: string\n label: string\n to: string\n}\n\nfunction ServiceCard({ group, label, to }: ServiceCardProps) {\n const navigate = useNavigate()\n return (\n <Card\n onClick={() => navigate({ to: to as never })}\n className=\"flex min-h-40 flex-col gap-4 px-3 pt-2 pb-3\"\n data-testid=\"service-card\"\n >\n <div className=\"flex min-w-0 flex-col\">\n <div className=\"flex items-center gap-1\">\n <p className=\"text-theme-light text-xs leading-5 font-medium\">{group}</p>\n <Icon icon=\"expandLess\" size=\"16\" className=\"text-theme-high\" />\n </div>\n <p className=\"text-theme-high text-lg leading-7 font-bold\" data-testid=\"service-card-label\">\n {label}\n </p>\n </div>\n <div className=\"flex-1\" />\n </Card>\n )\n}\n\nfunction RouteComponent() {\n const { crumbProject, availableServices, projectId, description } = useLoaderData({\n from: \"/_auth/projects/$projectId\",\n })\n const { t } = useLingui()\n\n const serviceIndex = getServiceIndex(availableServices ?? [])\n const base = `/projects/${projectId}`\n\n const cards: ServiceCardProps[] = []\n\n if (serviceIndex[\"image\"]?.[\"glance\"])\n cards.push({ group: t`Compute`, label: t`Images`, to: `${base}/compute/images` })\n if (serviceIndex[\"compute\"]?.[\"nova\"])\n cards.push({ group: t`Compute`, label: t`Flavors`, to: `${base}/compute/flavors` })\n if (serviceIndex[\"network\"]) {\n cards.push({ group: t`Network`, label: t`Security Groups`, to: `${base}/network/securitygroups` })\n cards.push({ group: t`Network`, label: t`Floating IPs`, to: `${base}/network/floatingips` })\n }\n if (serviceIndex[\"object-store\"]?.[\"swift\"])\n cards.push({ group: t`Storage`, label: t`Object Storage (Swift)`, to: `${base}/storage/swift/containers` })\n if (serviceIndex[\"object-store-ceph\"]?.[\"ceph\"])\n cards.push({ group: t`Storage`, label: t`Object Storage (Ceph)`, to: `${base}/storage/ceph/buckets` })\n if (serviceIndex[\"pca\"]?.[\"clavis-dev\"] || serviceIndex[\"pca\"]?.[\"clavis-beta\"]) {\n cards.push({ group: t`Services`, label: t`PCA (Clavis)`, to: `${base}/services/pca` })\n }\n\n return (\n <Stack direction=\"vertical\" gap=\"6\" className=\"pb-4\">\n <ContentHeader title={crumbProject?.name ?? t`Project`} projectId={projectId} description={description} />\n {cards.length > 0 ? (\n <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4\">\n {cards.map((card) => (\n <ServiceCard key={card.to} {...card} />\n ))}\n </div>\n ) : (\n <p className=\"text-theme-light text-sm\">\n <Trans>No services available for this project.</Trans>\n </p>\n )}\n </Stack>\n )\n}\n"],"mappings":";;;;;;;AAiBA,SAASa,EAAY,EAAEH,UAAOC,UAAOC,SAAsB;CACzD,IAAME,IAAWb,EAAAA;CACjB,OACE,gBAAC,GAAA;EACC,eAAea,EAAS,EAAMF,MAAY,CAAA;EAC1C,WAAU;EACV,eAAY;aAEZ,gBAAC,OAAA;GAAI,WAAU;cACb,gBAAC,OAAA;IAAI,WAAU;eACb,gBAAC,KAAA;KAAE,WAAU;eAAkDF;QAC/D,gBAAC,GAAA;KAAK,MAAK;KAAa,MAAK;KAAK,WAAU;;OAE9C,gBAAC,KAAA;IAAE,WAAU;IAA8C,eAAY;cACpEC;;MAGL,gBAAC,OAAA,EAAI,WAAU,SAAA,CAAA,CAAA;;AAGrB;AAEA,SAASI,IAAAA;CACP,IAAM,EAAEC,iBAAcC,sBAAmBC,cAAWC,mBAAgBnB,EAAc,EAChFoB,MAAM,6BACR,CAAA,GACM,EAAA,MAAA,GAAA,GAAA,MAAQb,EAAAA,GAERe,IAAejB,EAAgBY,KAAqB,CAAA,CAAE,GACtDM,IAAO,aAAaL,KAEpBM,IAA4B,CAAA;CAkBlC,OAhBIF,EAAa,OAAW,UAC1BE,EAAMC,KAAK;EAAEf,OAAOW,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWV,OAAOU,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAUT,IAAI,GAAGW,EAAI;CAAkB,CAAA,GAC7ED,EAAa,SAAa,QAC5BE,EAAMC,KAAK;EAAEf,OAAOW,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWV,OAAOU,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWT,IAAI,GAAGW,EAAI;CAAmB,CAAA,GAC/ED,EAAa,YACfE,EAAMC,KAAK;EAAEf,OAAOW,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWV,OAAOU,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAmBT,IAAI,GAAGW,EAAI;CAA0B,CAAA,GAChGC,EAAMC,KAAK;EAAEf,OAAOW,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWV,OAAOU,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAgBT,IAAI,GAAGW,EAAI;CAAuB,CAAA,IAExFD,EAAa,iBAAkB,SACjCE,EAAMC,KAAK;EAAEf,OAAOW,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWV,OAAOU,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAA0BT,IAAI,GAAGW,EAAI;CAA4B,CAAA,GACvGD,EAAa,sBAAuB,QACtCE,EAAMC,KAAK;EAAEf,OAAOW,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAWV,OAAOU,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAyBT,IAAI,GAAGW,EAAI;CAAwB,CAAA,IAClGD,EAAa,MAAS,iBAAiBA,EAAa,MAAS,mBAC/DE,EAAMC,KAAK;EAAEf,OAAOW,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAYV,OAAOU,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;EAAgBT,IAAI,GAAGW,EAAI;CAAgB,CAAA,GAIpF,gBAAC,GAAA;EAAM,WAAU;EAAW,KAAI;EAAI,WAAU;aAC5C,gBAAC,GAAA;GAAc,OAAOP,GAAcU,QAAQL,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;GAAsBH;GAAwBC;MAC1FK,EAAMG,SAAS,IACd,gBAAC,OAAA;GAAI,WAAU;aACZH,EAAMI,KAAKC,MACV,gBAAC,GAAA,EAA0B,GAAIA,EAAAA,GAAbA,EAAKjB,EAAE,CAAA;OAI7B,gBAAC,KAAA;GAAE,WAAU;aACX,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;AAKV"}