@object-ui/layout 3.3.0 → 3.3.2
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.
- package/CHANGELOG.md +19 -0
- package/README.md +21 -1
- package/dist/index.js +731 -716
- package/dist/index.umd.cjs +3 -3
- package/dist/packages/layout/src/NavigationRenderer.d.ts +2 -1
- package/package.json +42 -7
- package/.turbo/turbo-build.log +0 -38
- package/src/AppSchemaRenderer.tsx +0 -480
- package/src/AppShell.tsx +0 -149
- package/src/NavigationRenderer.tsx +0 -746
- package/src/Page.tsx +0 -39
- package/src/PageCard.tsx +0 -12
- package/src/PageHeader.tsx +0 -35
- package/src/ResponsiveGrid.tsx +0 -118
- package/src/SidebarNav.tsx +0 -164
- package/src/__tests__/AppSchemaRenderer.test.tsx +0 -408
- package/src/__tests__/NavigationRenderer.test.tsx +0 -562
- package/src/index.ts +0 -96
- package/src/stories/AppShell.stories.tsx +0 -110
- package/src/stories/ResponsiveGrid.stories.tsx +0 -110
- package/src/stories/SidebarNav.stories.tsx +0 -223
- package/tsconfig.json +0 -9
- package/vite.config.ts +0 -39
package/dist/index.js
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import { ComponentRegistry as e } from "@object-ui/core";
|
|
2
2
|
import t, { createContext as n, memo as r, useCallback as i, useContext as a, useEffect as o, useLayoutEffect as s, useMemo as c, useReducer as l, useRef as u, useState as d } from "react";
|
|
3
|
-
import { Badge as f, Collapsible as p, CollapsibleContent as m, CollapsibleTrigger as h, Input as g, Separator as _, Sidebar as v, SidebarContent as y, SidebarFooter as b, SidebarGroup as x, SidebarGroupContent as S, SidebarGroupLabel as C, SidebarHeader as w, SidebarInput as T, SidebarInset as E, SidebarMenu as D, SidebarMenuAction as ee, SidebarMenuButton as O, SidebarMenuItem as k, SidebarMenuSub as A, SidebarMenuSubButton as te, SidebarMenuSubItem as ne, SidebarProvider as j,
|
|
4
|
-
import { Link as
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { menuItemToNavigationItem as ce } from "@object-ui/types";
|
|
3
|
+
import { Badge as f, Collapsible as p, CollapsibleContent as m, CollapsibleTrigger as h, Input as g, Separator as _, Sidebar as v, SidebarContent as y, SidebarFooter as b, SidebarGroup as x, SidebarGroupContent as S, SidebarGroupLabel as C, SidebarHeader as w, SidebarInput as T, SidebarInset as E, SidebarMenu as D, SidebarMenuAction as ee, SidebarMenuButton as O, SidebarMenuItem as k, SidebarMenuSub as A, SidebarMenuSubButton as te, SidebarMenuSubItem as ne, SidebarProvider as j, cn as M, getLazyIcon as N } from "@object-ui/components";
|
|
4
|
+
import { Link as P, NavLink as re, useLocation as F } from "react-router-dom";
|
|
5
|
+
import { ChevronRight as I, FileText as ie, GripVertical as L, Layers as R, Pin as ae, PinOff as oe, Search as se, Star as z } from "lucide-react";
|
|
6
|
+
import { createPortal as B, unstable_batchedUpdates as ce } from "react-dom";
|
|
7
|
+
import { menuItemToNavigationItem as V } from "@object-ui/types";
|
|
9
8
|
import { SchemaRenderer as le } from "@object-ui/react";
|
|
10
9
|
//#region \0rolldown/runtime.js
|
|
11
|
-
var
|
|
10
|
+
var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ue = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
|
|
12
11
|
if (typeof require < "u") return require.apply(this, arguments);
|
|
13
12
|
throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
|
|
14
|
-
}),
|
|
13
|
+
}), de = /* @__PURE__ */ H(((e) => {
|
|
15
14
|
var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
|
|
16
15
|
function r(e, n, r) {
|
|
17
16
|
var i = null;
|
|
@@ -26,7 +25,7 @@ var L = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), R
|
|
|
26
25
|
};
|
|
27
26
|
}
|
|
28
27
|
e.Fragment = n, e.jsx = r, e.jsxs = r;
|
|
29
|
-
})),
|
|
28
|
+
})), fe = /* @__PURE__ */ H(((e) => {
|
|
30
29
|
process.env.NODE_ENV !== "production" && (function() {
|
|
31
30
|
function t(e) {
|
|
32
31
|
if (e == null) return null;
|
|
@@ -157,7 +156,7 @@ var L = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), R
|
|
|
157
156
|
var m = Object.keys(n).filter(function(e) {
|
|
158
157
|
return e !== "key";
|
|
159
158
|
});
|
|
160
|
-
o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}",
|
|
159
|
+
o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", P[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />", o, p, m, p), P[p + o] = !0);
|
|
161
160
|
}
|
|
162
161
|
if (p = null, i !== void 0 && (r(i), p = "" + i), s(n) && (r(n.key), p = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
|
|
163
162
|
else i = n;
|
|
@@ -169,41 +168,41 @@ var L = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), R
|
|
|
169
168
|
function p(e) {
|
|
170
169
|
return typeof e == "object" && !!e && e.$$typeof === h;
|
|
171
170
|
}
|
|
172
|
-
var m =
|
|
171
|
+
var m = ue("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), x = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), O = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, A = Array.isArray, te = console.createTask ? console.createTask : function() {
|
|
173
172
|
return null;
|
|
174
173
|
};
|
|
175
174
|
m = { react_stack_bottom_frame: function(e) {
|
|
176
175
|
return e();
|
|
177
176
|
} };
|
|
178
|
-
var ne, j = {},
|
|
177
|
+
var ne, j = {}, M = m.react_stack_bottom_frame.bind(m, o)(), N = te(i(o)), P = {};
|
|
179
178
|
e.Fragment = _, e.jsx = function(e, t, n) {
|
|
180
179
|
var r = 1e4 > O.recentlyCreatedOwnerStacks++;
|
|
181
|
-
return d(e, t, n, !1, r ? Error("react-stack-top-frame") :
|
|
180
|
+
return d(e, t, n, !1, r ? Error("react-stack-top-frame") : M, r ? te(i(e)) : N);
|
|
182
181
|
}, e.jsxs = function(e, t, n) {
|
|
183
182
|
var r = 1e4 > O.recentlyCreatedOwnerStacks++;
|
|
184
|
-
return d(e, t, n, !0, r ? Error("react-stack-top-frame") :
|
|
183
|
+
return d(e, t, n, !0, r ? Error("react-stack-top-frame") : M, r ? te(i(e)) : N);
|
|
185
184
|
};
|
|
186
185
|
})();
|
|
187
|
-
})),
|
|
188
|
-
process.env.NODE_ENV === "production" ? t.exports =
|
|
186
|
+
})), U = (/* @__PURE__ */ H(((e, t) => {
|
|
187
|
+
process.env.NODE_ENV === "production" ? t.exports = de() : t.exports = fe();
|
|
189
188
|
})))();
|
|
190
|
-
function
|
|
191
|
-
return /* @__PURE__ */ (0,
|
|
189
|
+
function pe({ title: e, description: t, action: n, className: r, children: i, ...a }) {
|
|
190
|
+
return /* @__PURE__ */ (0, U.jsx)("div", {
|
|
192
191
|
className: M("flex flex-col gap-4 pb-4 md:pb-8", r),
|
|
193
192
|
...a,
|
|
194
|
-
children: /* @__PURE__ */ (0,
|
|
195
|
-
className: "flex items-
|
|
196
|
-
children: [/* @__PURE__ */ (0,
|
|
197
|
-
className: "flex flex-col gap-1",
|
|
198
|
-
children: [/* @__PURE__ */ (0,
|
|
199
|
-
className: "text-2xl font-bold tracking-tight md:text-3xl",
|
|
193
|
+
children: /* @__PURE__ */ (0, U.jsxs)("div", {
|
|
194
|
+
className: "flex flex-wrap items-end gap-x-4 gap-y-2",
|
|
195
|
+
children: [/* @__PURE__ */ (0, U.jsxs)("div", {
|
|
196
|
+
className: "flex flex-col gap-1 min-w-0",
|
|
197
|
+
children: [/* @__PURE__ */ (0, U.jsx)("h1", {
|
|
198
|
+
className: "text-2xl font-bold tracking-tight md:text-3xl truncate",
|
|
200
199
|
children: e
|
|
201
|
-
}), t && /* @__PURE__ */ (0,
|
|
200
|
+
}), t && /* @__PURE__ */ (0, U.jsx)("p", {
|
|
202
201
|
className: "text-sm text-muted-foreground",
|
|
203
202
|
children: t
|
|
204
203
|
})]
|
|
205
|
-
}), (n || i) && /* @__PURE__ */ (0,
|
|
206
|
-
className: "flex items-center gap-2",
|
|
204
|
+
}), (n || i) && /* @__PURE__ */ (0, U.jsxs)("div", {
|
|
205
|
+
className: "flex items-center gap-2 ml-auto sm:ml-0",
|
|
207
206
|
children: [n, i]
|
|
208
207
|
})]
|
|
209
208
|
})
|
|
@@ -211,7 +210,7 @@ function V({ title: e, description: t, action: n, className: r, children: i, ...
|
|
|
211
210
|
}
|
|
212
211
|
//#endregion
|
|
213
212
|
//#region src/AppShell.tsx
|
|
214
|
-
function
|
|
213
|
+
function W(e) {
|
|
215
214
|
let t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
|
|
216
215
|
if (!t) return null;
|
|
217
216
|
let n = parseInt(t[1], 16) / 255, r = parseInt(t[2], 16) / 255, i = parseInt(t[3], 16) / 255, a = Math.max(n, r, i), o = Math.min(n, r, i), s = 0, c = 0, l = (a + o) / 2;
|
|
@@ -231,23 +230,32 @@ function de(e) {
|
|
|
231
230
|
}
|
|
232
231
|
return `${Math.round(s * 360)} ${Math.round(c * 100)}% ${Math.round(l * 100)}%`;
|
|
233
232
|
}
|
|
234
|
-
function
|
|
233
|
+
function me(e) {
|
|
234
|
+
let t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
|
|
235
|
+
if (!t) return "0 0% 100%";
|
|
236
|
+
let n = (e) => {
|
|
237
|
+
let t = e / 255;
|
|
238
|
+
return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
|
|
239
|
+
}, r = n(parseInt(t[1], 16)), i = n(parseInt(t[2], 16)), a = n(parseInt(t[3], 16));
|
|
240
|
+
return .2126 * r + .7152 * i + .0722 * a > .6 ? "222 47% 11%" : "0 0% 100%";
|
|
241
|
+
}
|
|
242
|
+
function he(e, t) {
|
|
235
243
|
o(() => {
|
|
236
244
|
let n = document.documentElement;
|
|
237
245
|
if (e?.primaryColor) {
|
|
238
|
-
let t =
|
|
239
|
-
t && (n.style.setProperty("--brand-primary", e.primaryColor), n.style.setProperty("--brand-primary-hsl", t));
|
|
240
|
-
} else n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl");
|
|
246
|
+
let t = W(e.primaryColor);
|
|
247
|
+
t && (n.style.setProperty("--brand-primary", e.primaryColor), n.style.setProperty("--brand-primary-hsl", t), n.style.setProperty("--primary", t), n.style.setProperty("--primary-foreground", me(e.primaryColor)), n.style.setProperty("--ring", t), n.style.setProperty("--sidebar-primary", t), n.style.setProperty("--sidebar-ring", t));
|
|
248
|
+
} else n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl"), n.style.removeProperty("--primary"), n.style.removeProperty("--primary-foreground"), n.style.removeProperty("--ring"), n.style.removeProperty("--sidebar-primary"), n.style.removeProperty("--sidebar-ring");
|
|
241
249
|
if (e?.accentColor) {
|
|
242
|
-
let t =
|
|
243
|
-
t && (n.style.setProperty("--brand-accent", e.accentColor), n.style.setProperty("--brand-accent-hsl", t));
|
|
244
|
-
} else n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl");
|
|
250
|
+
let t = W(e.accentColor);
|
|
251
|
+
t && (n.style.setProperty("--brand-accent", e.accentColor), n.style.setProperty("--brand-accent-hsl", t), n.style.setProperty("--accent", t), n.style.setProperty("--accent-foreground", me(e.accentColor)));
|
|
252
|
+
} else n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl"), n.style.removeProperty("--accent"), n.style.removeProperty("--accent-foreground");
|
|
245
253
|
if (e?.favicon) {
|
|
246
254
|
let t = document.querySelector("#favicon") || document.querySelector("link[rel=\"icon\"]");
|
|
247
255
|
t && (t.href = e.favicon);
|
|
248
256
|
}
|
|
249
257
|
return t && (document.title = t), () => {
|
|
250
|
-
n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl"), n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl");
|
|
258
|
+
n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl"), n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl"), n.style.removeProperty("--primary"), n.style.removeProperty("--primary-foreground"), n.style.removeProperty("--ring"), n.style.removeProperty("--sidebar-primary"), n.style.removeProperty("--sidebar-ring"), n.style.removeProperty("--accent"), n.style.removeProperty("--accent-foreground");
|
|
251
259
|
};
|
|
252
260
|
}, [
|
|
253
261
|
e?.primaryColor,
|
|
@@ -256,29 +264,32 @@ function fe(e, t) {
|
|
|
256
264
|
t
|
|
257
265
|
]);
|
|
258
266
|
}
|
|
259
|
-
function
|
|
260
|
-
return
|
|
267
|
+
function ge({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a }) {
|
|
268
|
+
return he(a, a?.title), /* @__PURE__ */ (0, U.jsxs)(j, {
|
|
261
269
|
defaultOpen: i,
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
270
|
+
className: "!flex-col",
|
|
271
|
+
children: [/* @__PURE__ */ (0, U.jsx)("header", {
|
|
272
|
+
className: "sticky top-0 z-30 flex h-14 w-full shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4",
|
|
273
|
+
children: t
|
|
274
|
+
}), /* @__PURE__ */ (0, U.jsxs)("div", {
|
|
275
|
+
className: "flex flex-1 min-h-0 w-full",
|
|
276
|
+
children: [e, /* @__PURE__ */ (0, U.jsx)(E, {
|
|
277
|
+
className: "min-w-0",
|
|
278
|
+
children: /* @__PURE__ */ (0, U.jsx)("main", {
|
|
279
|
+
className: M("flex-1 min-w-0 overflow-auto p-3 sm:p-4 md:p-6", r),
|
|
280
|
+
children: n
|
|
281
|
+
})
|
|
282
|
+
})]
|
|
283
|
+
})]
|
|
273
284
|
});
|
|
274
285
|
}
|
|
275
286
|
//#endregion
|
|
276
287
|
//#region src/PageCard.tsx
|
|
277
|
-
function
|
|
278
|
-
return /* @__PURE__ */ (0,
|
|
288
|
+
function _e({ className: e, children: t, ...n }) {
|
|
289
|
+
return /* @__PURE__ */ (0, U.jsx)("div", {
|
|
279
290
|
className: M("rounded-xl border bg-card text-card-foreground shadow", e),
|
|
280
291
|
...n,
|
|
281
|
-
children: /* @__PURE__ */ (0,
|
|
292
|
+
children: /* @__PURE__ */ (0, U.jsx)("div", {
|
|
282
293
|
className: "p-6",
|
|
283
294
|
children: t
|
|
284
295
|
})
|
|
@@ -286,7 +297,7 @@ function me({ className: e, children: t, ...n }) {
|
|
|
286
297
|
}
|
|
287
298
|
//#endregion
|
|
288
299
|
//#region src/ResponsiveGrid.tsx
|
|
289
|
-
var
|
|
300
|
+
var ve = {
|
|
290
301
|
xs: {
|
|
291
302
|
1: "grid-cols-1",
|
|
292
303
|
2: "grid-cols-2",
|
|
@@ -336,11 +347,11 @@ var he = {
|
|
|
336
347
|
12: "2xl:grid-cols-12"
|
|
337
348
|
}
|
|
338
349
|
};
|
|
339
|
-
function
|
|
350
|
+
function ye(e) {
|
|
340
351
|
if (!e) return "grid-cols-1";
|
|
341
352
|
let t = [];
|
|
342
353
|
for (let [n, r] of Object.entries(e)) {
|
|
343
|
-
let e =
|
|
354
|
+
let e = ve[n];
|
|
344
355
|
if (e && r) {
|
|
345
356
|
let n = Object.keys(e).map(Number).reduce((e, t) => Math.abs(t - r) < Math.abs(e - r) ? t : e);
|
|
346
357
|
t.push(e[n]);
|
|
@@ -348,7 +359,7 @@ function H(e) {
|
|
|
348
359
|
}
|
|
349
360
|
return t.join(" ") || "grid-cols-1";
|
|
350
361
|
}
|
|
351
|
-
var
|
|
362
|
+
var be = {
|
|
352
363
|
0: "gap-0",
|
|
353
364
|
1: "gap-1",
|
|
354
365
|
2: "gap-2",
|
|
@@ -357,53 +368,53 @@ var ge = {
|
|
|
357
368
|
5: "gap-5",
|
|
358
369
|
6: "gap-6",
|
|
359
370
|
8: "gap-8"
|
|
360
|
-
},
|
|
361
|
-
className: M("grid",
|
|
371
|
+
}, xe = ({ columns: e, gap: t = 4, className: n, children: r }) => /* @__PURE__ */ (0, U.jsx)("div", {
|
|
372
|
+
className: M("grid", ye(e), typeof t == "number" ? be[t] || `gap-${t}` : "", n),
|
|
362
373
|
children: r
|
|
363
374
|
});
|
|
364
375
|
//#endregion
|
|
365
376
|
//#region ../../node_modules/.pnpm/@dnd-kit+utilities@3.2.2_react@19.2.5/node_modules/@dnd-kit/utilities/dist/utilities.esm.js
|
|
366
|
-
function
|
|
377
|
+
function Se() {
|
|
367
378
|
var e = [...arguments];
|
|
368
379
|
return c(() => (t) => {
|
|
369
380
|
e.forEach((e) => e(t));
|
|
370
381
|
}, e);
|
|
371
382
|
}
|
|
372
|
-
var
|
|
373
|
-
function
|
|
383
|
+
var Ce = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0;
|
|
384
|
+
function G(e) {
|
|
374
385
|
let t = Object.prototype.toString.call(e);
|
|
375
386
|
return t === "[object Window]" || t === "[object global]";
|
|
376
387
|
}
|
|
377
|
-
function
|
|
388
|
+
function we(e) {
|
|
378
389
|
return "nodeType" in e;
|
|
379
390
|
}
|
|
380
|
-
function
|
|
381
|
-
return e ?
|
|
391
|
+
function K(e) {
|
|
392
|
+
return e ? G(e) ? e : we(e) ? e.ownerDocument?.defaultView ?? window : window : window;
|
|
382
393
|
}
|
|
383
|
-
function
|
|
384
|
-
let { Document: t } =
|
|
394
|
+
function Te(e) {
|
|
395
|
+
let { Document: t } = K(e);
|
|
385
396
|
return e instanceof t;
|
|
386
397
|
}
|
|
387
|
-
function
|
|
388
|
-
return
|
|
398
|
+
function Ee(e) {
|
|
399
|
+
return G(e) ? !1 : e instanceof K(e).HTMLElement;
|
|
389
400
|
}
|
|
390
|
-
function
|
|
391
|
-
return e instanceof
|
|
401
|
+
function De(e) {
|
|
402
|
+
return e instanceof K(e).SVGElement;
|
|
392
403
|
}
|
|
393
|
-
function
|
|
394
|
-
return e ?
|
|
404
|
+
function Oe(e) {
|
|
405
|
+
return e ? G(e) ? e.document : we(e) ? Te(e) ? e : Ee(e) || De(e) ? e.ownerDocument : document : document : document;
|
|
395
406
|
}
|
|
396
|
-
var
|
|
397
|
-
function
|
|
407
|
+
var q = Ce ? s : o;
|
|
408
|
+
function ke(e) {
|
|
398
409
|
let t = u(e);
|
|
399
|
-
return
|
|
410
|
+
return q(() => {
|
|
400
411
|
t.current = e;
|
|
401
412
|
}), i(function() {
|
|
402
413
|
var e = [...arguments];
|
|
403
414
|
return t.current == null ? void 0 : t.current(...e);
|
|
404
415
|
}, []);
|
|
405
416
|
}
|
|
406
|
-
function
|
|
417
|
+
function Ae() {
|
|
407
418
|
let e = u(null);
|
|
408
419
|
return [i((t, n) => {
|
|
409
420
|
e.current = setInterval(t, n);
|
|
@@ -411,41 +422,41 @@ function we() {
|
|
|
411
422
|
e.current !== null && (clearInterval(e.current), e.current = null);
|
|
412
423
|
}, [])];
|
|
413
424
|
}
|
|
414
|
-
function
|
|
425
|
+
function je(e, t) {
|
|
415
426
|
t === void 0 && (t = [e]);
|
|
416
427
|
let n = u(e);
|
|
417
|
-
return
|
|
428
|
+
return q(() => {
|
|
418
429
|
n.current !== e && (n.current = e);
|
|
419
430
|
}, t), n;
|
|
420
431
|
}
|
|
421
|
-
function
|
|
432
|
+
function Me(e, t) {
|
|
422
433
|
let n = u();
|
|
423
434
|
return c(() => {
|
|
424
435
|
let t = e(n.current);
|
|
425
436
|
return n.current = t, t;
|
|
426
437
|
}, [...t]);
|
|
427
438
|
}
|
|
428
|
-
function
|
|
429
|
-
let t =
|
|
439
|
+
function Ne(e) {
|
|
440
|
+
let t = ke(e), n = u(null);
|
|
430
441
|
return [n, i((e) => {
|
|
431
442
|
e !== n.current && t?.(e, n.current), n.current = e;
|
|
432
443
|
}, [])];
|
|
433
444
|
}
|
|
434
|
-
function
|
|
445
|
+
function Pe(e) {
|
|
435
446
|
let t = u();
|
|
436
447
|
return o(() => {
|
|
437
448
|
t.current = e;
|
|
438
449
|
}, [e]), t.current;
|
|
439
450
|
}
|
|
440
|
-
var
|
|
441
|
-
function
|
|
451
|
+
var Fe = {};
|
|
452
|
+
function Ie(e, t) {
|
|
442
453
|
return c(() => {
|
|
443
454
|
if (t) return t;
|
|
444
|
-
let n =
|
|
445
|
-
return
|
|
455
|
+
let n = Fe[e] == null ? 0 : Fe[e] + 1;
|
|
456
|
+
return Fe[e] = n, e + "-" + n;
|
|
446
457
|
}, [e, t]);
|
|
447
458
|
}
|
|
448
|
-
function
|
|
459
|
+
function Le(e) {
|
|
449
460
|
return function(t) {
|
|
450
461
|
return [...arguments].slice(1).reduce((t, n) => {
|
|
451
462
|
let r = Object.entries(n);
|
|
@@ -457,22 +468,22 @@ function je(e) {
|
|
|
457
468
|
}, { ...t });
|
|
458
469
|
};
|
|
459
470
|
}
|
|
460
|
-
var
|
|
461
|
-
function
|
|
471
|
+
var Re = /* @__PURE__ */ Le(1), ze = /* @__PURE__ */ Le(-1);
|
|
472
|
+
function Be(e) {
|
|
462
473
|
return "clientX" in e && "clientY" in e;
|
|
463
474
|
}
|
|
464
|
-
function
|
|
475
|
+
function Ve(e) {
|
|
465
476
|
if (!e) return !1;
|
|
466
|
-
let { KeyboardEvent: t } =
|
|
477
|
+
let { KeyboardEvent: t } = K(e.target);
|
|
467
478
|
return t && e instanceof t;
|
|
468
479
|
}
|
|
469
|
-
function
|
|
480
|
+
function He(e) {
|
|
470
481
|
if (!e) return !1;
|
|
471
|
-
let { TouchEvent: t } =
|
|
482
|
+
let { TouchEvent: t } = K(e.target);
|
|
472
483
|
return t && e instanceof t;
|
|
473
484
|
}
|
|
474
|
-
function
|
|
475
|
-
if (
|
|
485
|
+
function Ue(e) {
|
|
486
|
+
if (He(e)) {
|
|
476
487
|
if (e.touches && e.touches.length) {
|
|
477
488
|
let { clientX: t, clientY: n } = e.touches[0];
|
|
478
489
|
return {
|
|
@@ -487,12 +498,12 @@ function Le(e) {
|
|
|
487
498
|
};
|
|
488
499
|
}
|
|
489
500
|
}
|
|
490
|
-
return
|
|
501
|
+
return Be(e) ? {
|
|
491
502
|
x: e.clientX,
|
|
492
503
|
y: e.clientY
|
|
493
504
|
} : null;
|
|
494
505
|
}
|
|
495
|
-
var
|
|
506
|
+
var We = /* @__PURE__ */ Object.freeze({
|
|
496
507
|
Translate: { toString(e) {
|
|
497
508
|
if (!e) return;
|
|
498
509
|
let { x: t, y: n } = e;
|
|
@@ -504,27 +515,27 @@ var Re = /* @__PURE__ */ Object.freeze({
|
|
|
504
515
|
return "scaleX(" + t + ") scaleY(" + n + ")";
|
|
505
516
|
} },
|
|
506
517
|
Transform: { toString(e) {
|
|
507
|
-
if (e) return [
|
|
518
|
+
if (e) return [We.Translate.toString(e), We.Scale.toString(e)].join(" ");
|
|
508
519
|
} },
|
|
509
520
|
Transition: { toString(e) {
|
|
510
521
|
let { property: t, duration: n, easing: r } = e;
|
|
511
522
|
return t + " " + n + "ms " + r;
|
|
512
523
|
} }
|
|
513
|
-
}),
|
|
514
|
-
function
|
|
515
|
-
return e.matches(
|
|
524
|
+
}), Ge = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
|
|
525
|
+
function Ke(e) {
|
|
526
|
+
return e.matches(Ge) ? e : e.querySelector(Ge);
|
|
516
527
|
}
|
|
517
528
|
//#endregion
|
|
518
529
|
//#region ../../node_modules/.pnpm/@dnd-kit+accessibility@3.1.1_react@19.2.5/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
|
|
519
|
-
var
|
|
520
|
-
function
|
|
530
|
+
var qe = { display: "none" };
|
|
531
|
+
function Je(e) {
|
|
521
532
|
let { id: n, value: r } = e;
|
|
522
533
|
return t.createElement("div", {
|
|
523
534
|
id: n,
|
|
524
|
-
style:
|
|
535
|
+
style: qe
|
|
525
536
|
}, r);
|
|
526
537
|
}
|
|
527
|
-
function
|
|
538
|
+
function Ye(e) {
|
|
528
539
|
let { id: n, announcement: r, ariaLiveType: i = "assertive" } = e;
|
|
529
540
|
return t.createElement("div", {
|
|
530
541
|
id: n,
|
|
@@ -547,7 +558,7 @@ function Ue(e) {
|
|
|
547
558
|
"aria-atomic": !0
|
|
548
559
|
}, r);
|
|
549
560
|
}
|
|
550
|
-
function
|
|
561
|
+
function Xe() {
|
|
551
562
|
let [e, t] = d("");
|
|
552
563
|
return {
|
|
553
564
|
announce: i((e) => {
|
|
@@ -558,22 +569,22 @@ function We() {
|
|
|
558
569
|
}
|
|
559
570
|
//#endregion
|
|
560
571
|
//#region ../../node_modules/.pnpm/@dnd-kit+core@6.3.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/@dnd-kit/core/dist/core.esm.js
|
|
561
|
-
var
|
|
562
|
-
function
|
|
563
|
-
let t = a(
|
|
572
|
+
var Ze = /* @__PURE__ */ n(null);
|
|
573
|
+
function Qe(e) {
|
|
574
|
+
let t = a(Ze);
|
|
564
575
|
o(() => {
|
|
565
576
|
if (!t) throw Error("useDndMonitor must be used within a children of <DndContext>");
|
|
566
577
|
return t(e);
|
|
567
578
|
}, [e, t]);
|
|
568
579
|
}
|
|
569
|
-
function
|
|
580
|
+
function $e() {
|
|
570
581
|
let [e] = d(() => /* @__PURE__ */ new Set()), t = i((t) => (e.add(t), () => e.delete(t)), [e]);
|
|
571
582
|
return [i((t) => {
|
|
572
583
|
let { type: n, event: r } = t;
|
|
573
584
|
e.forEach((e) => e[n]?.call(e, r));
|
|
574
585
|
}, [e]), t];
|
|
575
586
|
}
|
|
576
|
-
var
|
|
587
|
+
var et = { draggable: "\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n " }, tt = {
|
|
577
588
|
onDragStart(e) {
|
|
578
589
|
let { active: t } = e;
|
|
579
590
|
return "Picked up draggable item " + t.id + ".";
|
|
@@ -591,11 +602,11 @@ var Je = { draggable: "\n To pick up a draggable item, press the space bar.\n
|
|
|
591
602
|
return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
|
|
592
603
|
}
|
|
593
604
|
};
|
|
594
|
-
function
|
|
595
|
-
let { announcements: n =
|
|
605
|
+
function nt(e) {
|
|
606
|
+
let { announcements: n = tt, container: r, hiddenTextDescribedById: i, screenReaderInstructions: a = et } = e, { announce: s, announcement: l } = Xe(), u = Ie("DndLiveRegion"), [f, p] = d(!1);
|
|
596
607
|
if (o(() => {
|
|
597
608
|
p(!0);
|
|
598
|
-
}, []),
|
|
609
|
+
}, []), Qe(c(() => ({
|
|
599
610
|
onDragStart(e) {
|
|
600
611
|
let { active: t } = e;
|
|
601
612
|
s(n.onDragStart({ active: t }));
|
|
@@ -629,27 +640,27 @@ function Xe(e) {
|
|
|
629
640
|
}));
|
|
630
641
|
}
|
|
631
642
|
}), [s, n])), !f) return null;
|
|
632
|
-
let m = t.createElement(t.Fragment, null, t.createElement(
|
|
643
|
+
let m = t.createElement(t.Fragment, null, t.createElement(Je, {
|
|
633
644
|
id: i,
|
|
634
645
|
value: a.draggable
|
|
635
|
-
}), t.createElement(
|
|
646
|
+
}), t.createElement(Ye, {
|
|
636
647
|
id: u,
|
|
637
648
|
announcement: l
|
|
638
649
|
}));
|
|
639
|
-
return r ?
|
|
650
|
+
return r ? B(m, r) : m;
|
|
640
651
|
}
|
|
641
652
|
var J;
|
|
642
653
|
(function(e) {
|
|
643
654
|
e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
|
|
644
655
|
})(J ||= {});
|
|
645
|
-
function
|
|
646
|
-
function
|
|
656
|
+
function rt() {}
|
|
657
|
+
function it(e, t) {
|
|
647
658
|
return c(() => ({
|
|
648
659
|
sensor: e,
|
|
649
660
|
options: t ?? {}
|
|
650
661
|
}), [e, t]);
|
|
651
662
|
}
|
|
652
|
-
function
|
|
663
|
+
function at() {
|
|
653
664
|
var e = [...arguments];
|
|
654
665
|
return c(() => [...e].filter((e) => e != null), [...e]);
|
|
655
666
|
}
|
|
@@ -657,34 +668,34 @@ var Y = /* @__PURE__ */ Object.freeze({
|
|
|
657
668
|
x: 0,
|
|
658
669
|
y: 0
|
|
659
670
|
});
|
|
660
|
-
function
|
|
671
|
+
function ot(e, t) {
|
|
661
672
|
return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
|
|
662
673
|
}
|
|
663
|
-
function
|
|
674
|
+
function st(e, t) {
|
|
664
675
|
let { data: { value: n } } = e, { data: { value: r } } = t;
|
|
665
676
|
return n - r;
|
|
666
677
|
}
|
|
667
|
-
function
|
|
678
|
+
function ct(e, t) {
|
|
668
679
|
let { data: { value: n } } = e, { data: { value: r } } = t;
|
|
669
680
|
return r - n;
|
|
670
681
|
}
|
|
671
|
-
function
|
|
682
|
+
function lt(e, t) {
|
|
672
683
|
if (!e || e.length === 0) return null;
|
|
673
684
|
let [n] = e;
|
|
674
685
|
return t ? n[t] : n;
|
|
675
686
|
}
|
|
676
|
-
function
|
|
687
|
+
function ut(e, t, n) {
|
|
677
688
|
return t === void 0 && (t = e.left), n === void 0 && (n = e.top), {
|
|
678
689
|
x: t + e.width * .5,
|
|
679
690
|
y: n + e.height * .5
|
|
680
691
|
};
|
|
681
692
|
}
|
|
682
|
-
var
|
|
683
|
-
let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i =
|
|
693
|
+
var dt = (e) => {
|
|
694
|
+
let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = ut(t, t.left, t.top), a = [];
|
|
684
695
|
for (let e of r) {
|
|
685
696
|
let { id: t } = e, r = n.get(t);
|
|
686
697
|
if (r) {
|
|
687
|
-
let n =
|
|
698
|
+
let n = ot(ut(r), i);
|
|
688
699
|
a.push({
|
|
689
700
|
id: t,
|
|
690
701
|
data: {
|
|
@@ -694,9 +705,9 @@ var at = (e) => {
|
|
|
694
705
|
});
|
|
695
706
|
}
|
|
696
707
|
}
|
|
697
|
-
return a.sort(
|
|
708
|
+
return a.sort(st);
|
|
698
709
|
};
|
|
699
|
-
function
|
|
710
|
+
function ft(e, t) {
|
|
700
711
|
let n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), i = Math.min(t.left + t.width, e.left + e.width), a = Math.min(t.top + t.height, e.top + e.height), o = i - r, s = a - n;
|
|
701
712
|
if (r < i && n < a) {
|
|
702
713
|
let n = t.width * t.height, r = e.width * e.height, i = o * s, a = i / (n + r - i);
|
|
@@ -704,12 +715,12 @@ function ot(e, t) {
|
|
|
704
715
|
}
|
|
705
716
|
return 0;
|
|
706
717
|
}
|
|
707
|
-
var
|
|
718
|
+
var pt = (e) => {
|
|
708
719
|
let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = [];
|
|
709
720
|
for (let e of r) {
|
|
710
721
|
let { id: r } = e, a = n.get(r);
|
|
711
722
|
if (a) {
|
|
712
|
-
let n =
|
|
723
|
+
let n = ft(a, t);
|
|
713
724
|
n > 0 && i.push({
|
|
714
725
|
id: r,
|
|
715
726
|
data: {
|
|
@@ -719,22 +730,22 @@ var st = (e) => {
|
|
|
719
730
|
});
|
|
720
731
|
}
|
|
721
732
|
}
|
|
722
|
-
return i.sort(
|
|
733
|
+
return i.sort(ct);
|
|
723
734
|
};
|
|
724
|
-
function
|
|
735
|
+
function mt(e, t, n) {
|
|
725
736
|
return {
|
|
726
737
|
...e,
|
|
727
738
|
scaleX: t && n ? t.width / n.width : 1,
|
|
728
739
|
scaleY: t && n ? t.height / n.height : 1
|
|
729
740
|
};
|
|
730
741
|
}
|
|
731
|
-
function
|
|
742
|
+
function ht(e, t) {
|
|
732
743
|
return e && t ? {
|
|
733
744
|
x: e.left - t.left,
|
|
734
745
|
y: e.top - t.top
|
|
735
746
|
} : Y;
|
|
736
747
|
}
|
|
737
|
-
function
|
|
748
|
+
function gt(e) {
|
|
738
749
|
return function(t) {
|
|
739
750
|
return [...arguments].slice(1).reduce((t, n) => ({
|
|
740
751
|
...t,
|
|
@@ -745,8 +756,8 @@ function ut(e) {
|
|
|
745
756
|
}), { ...t });
|
|
746
757
|
};
|
|
747
758
|
}
|
|
748
|
-
var
|
|
749
|
-
function
|
|
759
|
+
var _t = /* @__PURE__ */ gt(1);
|
|
760
|
+
function vt(e) {
|
|
750
761
|
if (e.startsWith("matrix3d(")) {
|
|
751
762
|
let t = e.slice(9, -1).split(/, /);
|
|
752
763
|
return {
|
|
@@ -766,8 +777,8 @@ function ft(e) {
|
|
|
766
777
|
}
|
|
767
778
|
return null;
|
|
768
779
|
}
|
|
769
|
-
function
|
|
770
|
-
let r =
|
|
780
|
+
function yt(e, t, n) {
|
|
781
|
+
let r = vt(t);
|
|
771
782
|
if (!r) return e;
|
|
772
783
|
let { scaleX: i, scaleY: a, x: o, y: s } = r, c = e.left - o - (1 - i) * parseFloat(n), l = e.top - s - (1 - a) * parseFloat(n.slice(n.indexOf(" ") + 1)), u = i ? e.width / i : e.width, d = a ? e.height / a : e.height;
|
|
773
784
|
return {
|
|
@@ -779,13 +790,13 @@ function pt(e, t, n) {
|
|
|
779
790
|
left: c
|
|
780
791
|
};
|
|
781
792
|
}
|
|
782
|
-
var
|
|
783
|
-
function
|
|
784
|
-
t === void 0 && (t =
|
|
793
|
+
var bt = { ignoreTransform: !1 };
|
|
794
|
+
function xt(e, t) {
|
|
795
|
+
t === void 0 && (t = bt);
|
|
785
796
|
let n = e.getBoundingClientRect();
|
|
786
797
|
if (t.ignoreTransform) {
|
|
787
|
-
let { transform: t, transformOrigin: r } =
|
|
788
|
-
t && (n =
|
|
798
|
+
let { transform: t, transformOrigin: r } = K(e).getComputedStyle(e);
|
|
799
|
+
t && (n = yt(n, t, r));
|
|
789
800
|
}
|
|
790
801
|
let { top: r, left: i, width: a, height: o, bottom: s, right: c } = n;
|
|
791
802
|
return {
|
|
@@ -797,10 +808,10 @@ function ht(e, t) {
|
|
|
797
808
|
right: c
|
|
798
809
|
};
|
|
799
810
|
}
|
|
800
|
-
function
|
|
801
|
-
return
|
|
811
|
+
function St(e) {
|
|
812
|
+
return xt(e, { ignoreTransform: !0 });
|
|
802
813
|
}
|
|
803
|
-
function
|
|
814
|
+
function Ct(e) {
|
|
804
815
|
let t = e.innerWidth, n = e.innerHeight;
|
|
805
816
|
return {
|
|
806
817
|
top: 0,
|
|
@@ -811,11 +822,11 @@ function _t(e) {
|
|
|
811
822
|
height: n
|
|
812
823
|
};
|
|
813
824
|
}
|
|
814
|
-
function
|
|
815
|
-
return t === void 0 && (t =
|
|
825
|
+
function wt(e, t) {
|
|
826
|
+
return t === void 0 && (t = K(e).getComputedStyle(e)), t.position === "fixed";
|
|
816
827
|
}
|
|
817
|
-
function
|
|
818
|
-
t === void 0 && (t =
|
|
828
|
+
function Tt(e, t) {
|
|
829
|
+
t === void 0 && (t = K(e).getComputedStyle(e));
|
|
819
830
|
let n = /(auto|scroll|overlay)/;
|
|
820
831
|
return [
|
|
821
832
|
"overflow",
|
|
@@ -826,48 +837,48 @@ function yt(e, t) {
|
|
|
826
837
|
return typeof r == "string" ? n.test(r) : !1;
|
|
827
838
|
});
|
|
828
839
|
}
|
|
829
|
-
function
|
|
840
|
+
function Et(e, t) {
|
|
830
841
|
let n = [];
|
|
831
842
|
function r(i) {
|
|
832
843
|
if (t != null && n.length >= t || !i) return n;
|
|
833
|
-
if (
|
|
834
|
-
if (!
|
|
835
|
-
let a =
|
|
836
|
-
return i !== e &&
|
|
844
|
+
if (Te(i) && i.scrollingElement != null && !n.includes(i.scrollingElement)) return n.push(i.scrollingElement), n;
|
|
845
|
+
if (!Ee(i) || De(i) || n.includes(i)) return n;
|
|
846
|
+
let a = K(e).getComputedStyle(i);
|
|
847
|
+
return i !== e && Tt(i, a) && n.push(i), wt(i, a) ? n : r(i.parentNode);
|
|
837
848
|
}
|
|
838
849
|
return e ? r(e) : n;
|
|
839
850
|
}
|
|
840
|
-
function
|
|
841
|
-
let [t] =
|
|
851
|
+
function Dt(e) {
|
|
852
|
+
let [t] = Et(e, 1);
|
|
842
853
|
return t ?? null;
|
|
843
854
|
}
|
|
844
|
-
function
|
|
845
|
-
return !
|
|
855
|
+
function Ot(e) {
|
|
856
|
+
return !Ce || !e ? null : G(e) ? e : we(e) ? Te(e) || e === Oe(e).scrollingElement ? window : Ee(e) ? e : null : null;
|
|
846
857
|
}
|
|
847
|
-
function
|
|
848
|
-
return
|
|
858
|
+
function kt(e) {
|
|
859
|
+
return G(e) ? e.scrollX : e.scrollLeft;
|
|
849
860
|
}
|
|
850
|
-
function
|
|
851
|
-
return
|
|
861
|
+
function At(e) {
|
|
862
|
+
return G(e) ? e.scrollY : e.scrollTop;
|
|
852
863
|
}
|
|
853
|
-
function
|
|
864
|
+
function jt(e) {
|
|
854
865
|
return {
|
|
855
|
-
x:
|
|
856
|
-
y:
|
|
866
|
+
x: kt(e),
|
|
867
|
+
y: At(e)
|
|
857
868
|
};
|
|
858
869
|
}
|
|
859
870
|
var X;
|
|
860
871
|
(function(e) {
|
|
861
872
|
e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
|
|
862
873
|
})(X ||= {});
|
|
863
|
-
function
|
|
864
|
-
return !
|
|
874
|
+
function Mt(e) {
|
|
875
|
+
return !Ce || !e ? !1 : e === document.scrollingElement;
|
|
865
876
|
}
|
|
866
|
-
function
|
|
877
|
+
function Nt(e) {
|
|
867
878
|
let t = {
|
|
868
879
|
x: 0,
|
|
869
880
|
y: 0
|
|
870
|
-
}, n =
|
|
881
|
+
}, n = Mt(e) ? {
|
|
871
882
|
height: window.innerHeight,
|
|
872
883
|
width: window.innerWidth
|
|
873
884
|
} : {
|
|
@@ -886,14 +897,14 @@ function Dt(e) {
|
|
|
886
897
|
minScroll: t
|
|
887
898
|
};
|
|
888
899
|
}
|
|
889
|
-
var
|
|
900
|
+
var Pt = {
|
|
890
901
|
x: .2,
|
|
891
902
|
y: .2
|
|
892
903
|
};
|
|
893
|
-
function
|
|
904
|
+
function Ft(e, t, n, r, i) {
|
|
894
905
|
let { top: a, left: o, right: s, bottom: c } = n;
|
|
895
|
-
r === void 0 && (r = 10), i === void 0 && (i =
|
|
896
|
-
let { isTop: l, isBottom: u, isLeft: d, isRight: f } =
|
|
906
|
+
r === void 0 && (r = 10), i === void 0 && (i = Pt);
|
|
907
|
+
let { isTop: l, isBottom: u, isLeft: d, isRight: f } = Nt(e), p = {
|
|
897
908
|
x: 0,
|
|
898
909
|
y: 0
|
|
899
910
|
}, m = {
|
|
@@ -908,7 +919,7 @@ function kt(e, t, n, r, i) {
|
|
|
908
919
|
speed: m
|
|
909
920
|
};
|
|
910
921
|
}
|
|
911
|
-
function
|
|
922
|
+
function It(e) {
|
|
912
923
|
if (e === document.scrollingElement) {
|
|
913
924
|
let { innerWidth: e, innerHeight: t } = window;
|
|
914
925
|
return {
|
|
@@ -930,37 +941,37 @@ function At(e) {
|
|
|
930
941
|
height: e.clientHeight
|
|
931
942
|
};
|
|
932
943
|
}
|
|
933
|
-
function
|
|
934
|
-
return e.reduce((e, t) =>
|
|
944
|
+
function Lt(e) {
|
|
945
|
+
return e.reduce((e, t) => Re(e, jt(t)), Y);
|
|
935
946
|
}
|
|
936
|
-
function
|
|
937
|
-
return e.reduce((e, t) => e +
|
|
947
|
+
function Rt(e) {
|
|
948
|
+
return e.reduce((e, t) => e + kt(t), 0);
|
|
938
949
|
}
|
|
939
|
-
function
|
|
940
|
-
return e.reduce((e, t) => e +
|
|
950
|
+
function zt(e) {
|
|
951
|
+
return e.reduce((e, t) => e + At(t), 0);
|
|
941
952
|
}
|
|
942
|
-
function
|
|
943
|
-
if (t === void 0 && (t =
|
|
953
|
+
function Bt(e, t) {
|
|
954
|
+
if (t === void 0 && (t = xt), !e) return;
|
|
944
955
|
let { top: n, left: r, bottom: i, right: a } = t(e);
|
|
945
|
-
|
|
956
|
+
Dt(e) && (i <= 0 || a <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
|
|
946
957
|
block: "center",
|
|
947
958
|
inline: "center"
|
|
948
959
|
});
|
|
949
960
|
}
|
|
950
|
-
var
|
|
961
|
+
var Vt = [[
|
|
951
962
|
"x",
|
|
952
963
|
["left", "right"],
|
|
953
|
-
|
|
964
|
+
Rt
|
|
954
965
|
], [
|
|
955
966
|
"y",
|
|
956
967
|
["top", "bottom"],
|
|
957
|
-
|
|
958
|
-
]],
|
|
968
|
+
zt
|
|
969
|
+
]], Ht = class {
|
|
959
970
|
constructor(e, t) {
|
|
960
971
|
this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
|
|
961
|
-
let n =
|
|
972
|
+
let n = Et(t), r = Lt(n);
|
|
962
973
|
this.rect = { ...e }, this.width = e.width, this.height = e.height;
|
|
963
|
-
for (let [e, t, i] of
|
|
974
|
+
for (let [e, t, i] of Vt) for (let a of t) Object.defineProperty(this, a, {
|
|
964
975
|
get: () => {
|
|
965
976
|
let t = i(n), o = r[e] - t;
|
|
966
977
|
return this.rect[a] + o;
|
|
@@ -969,7 +980,7 @@ var Ft = [[
|
|
|
969
980
|
});
|
|
970
981
|
Object.defineProperty(this, "rect", { enumerable: !1 });
|
|
971
982
|
}
|
|
972
|
-
},
|
|
983
|
+
}, Ut = class {
|
|
973
984
|
constructor(e) {
|
|
974
985
|
this.target = void 0, this.listeners = [], this.removeAll = () => {
|
|
975
986
|
this.listeners.forEach((e) => this.target?.removeEventListener(...e));
|
|
@@ -984,11 +995,11 @@ var Ft = [[
|
|
|
984
995
|
]);
|
|
985
996
|
}
|
|
986
997
|
};
|
|
987
|
-
function
|
|
988
|
-
let { EventTarget: t } =
|
|
989
|
-
return e instanceof t ? e :
|
|
998
|
+
function Wt(e) {
|
|
999
|
+
let { EventTarget: t } = K(e);
|
|
1000
|
+
return e instanceof t ? e : Oe(e);
|
|
990
1001
|
}
|
|
991
|
-
function
|
|
1002
|
+
function Gt(e, t) {
|
|
992
1003
|
let n = Math.abs(e.x), r = Math.abs(e.y);
|
|
993
1004
|
return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t ? r > t.y : !1;
|
|
994
1005
|
}
|
|
@@ -996,17 +1007,17 @@ var Z;
|
|
|
996
1007
|
(function(e) {
|
|
997
1008
|
e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
|
|
998
1009
|
})(Z ||= {});
|
|
999
|
-
function
|
|
1010
|
+
function Kt(e) {
|
|
1000
1011
|
e.preventDefault();
|
|
1001
1012
|
}
|
|
1002
|
-
function
|
|
1013
|
+
function qt(e) {
|
|
1003
1014
|
e.stopPropagation();
|
|
1004
1015
|
}
|
|
1005
1016
|
var Q;
|
|
1006
1017
|
(function(e) {
|
|
1007
1018
|
e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter", e.Tab = "Tab";
|
|
1008
1019
|
})(Q ||= {});
|
|
1009
|
-
var
|
|
1020
|
+
var Jt = {
|
|
1010
1021
|
start: [Q.Space, Q.Enter],
|
|
1011
1022
|
cancel: [Q.Esc],
|
|
1012
1023
|
end: [
|
|
@@ -1014,7 +1025,7 @@ var Ht = {
|
|
|
1014
1025
|
Q.Enter,
|
|
1015
1026
|
Q.Tab
|
|
1016
1027
|
]
|
|
1017
|
-
},
|
|
1028
|
+
}, Yt = (e, t) => {
|
|
1018
1029
|
let { currentCoordinates: n } = t;
|
|
1019
1030
|
switch (e.code) {
|
|
1020
1031
|
case Q.Right: return {
|
|
@@ -1034,22 +1045,22 @@ var Ht = {
|
|
|
1034
1045
|
y: n.y - 25
|
|
1035
1046
|
};
|
|
1036
1047
|
}
|
|
1037
|
-
},
|
|
1048
|
+
}, Xt = class {
|
|
1038
1049
|
constructor(e) {
|
|
1039
1050
|
this.props = void 0, this.autoScrollEnabled = !1, this.referenceCoordinates = void 0, this.listeners = void 0, this.windowListeners = void 0, this.props = e;
|
|
1040
1051
|
let { event: { target: t } } = e;
|
|
1041
|
-
this.props = e, this.listeners = new
|
|
1052
|
+
this.props = e, this.listeners = new Ut(Oe(t)), this.windowListeners = new Ut(K(t)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
|
|
1042
1053
|
}
|
|
1043
1054
|
attach() {
|
|
1044
1055
|
this.handleStart(), this.windowListeners.add(Z.Resize, this.handleCancel), this.windowListeners.add(Z.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(Z.Keydown, this.handleKeyDown));
|
|
1045
1056
|
}
|
|
1046
1057
|
handleStart() {
|
|
1047
1058
|
let { activeNode: e, onStart: t } = this.props, n = e.node.current;
|
|
1048
|
-
n &&
|
|
1059
|
+
n && Bt(n), t(Y);
|
|
1049
1060
|
}
|
|
1050
1061
|
handleKeyDown(e) {
|
|
1051
|
-
if (
|
|
1052
|
-
let { active: t, context: n, options: r } = this.props, { keyboardCodes: i =
|
|
1062
|
+
if (Ve(e)) {
|
|
1063
|
+
let { active: t, context: n, options: r } = this.props, { keyboardCodes: i = Jt, coordinateGetter: a = Yt, scrollBehavior: o = "smooth" } = r, { code: s } = e;
|
|
1053
1064
|
if (i.end.includes(s)) {
|
|
1054
1065
|
this.handleEnd(e);
|
|
1055
1066
|
return;
|
|
@@ -1069,12 +1080,12 @@ var Ht = {
|
|
|
1069
1080
|
currentCoordinates: l
|
|
1070
1081
|
});
|
|
1071
1082
|
if (u) {
|
|
1072
|
-
let t =
|
|
1083
|
+
let t = ze(u, l), r = {
|
|
1073
1084
|
x: 0,
|
|
1074
1085
|
y: 0
|
|
1075
1086
|
}, { scrollableAncestors: i } = n.current;
|
|
1076
1087
|
for (let n of i) {
|
|
1077
|
-
let i = e.code, { isTop: a, isRight: s, isLeft: c, isBottom: l, maxScroll: d, minScroll: f } =
|
|
1088
|
+
let i = e.code, { isTop: a, isRight: s, isLeft: c, isBottom: l, maxScroll: d, minScroll: f } = Nt(n), p = It(n), m = {
|
|
1078
1089
|
x: Math.min(i === Q.Right ? p.right - p.width / 2 : p.right, Math.max(i === Q.Right ? p.left : p.left + p.width / 2, u.x)),
|
|
1079
1090
|
y: Math.min(i === Q.Down ? p.bottom - p.height / 2 : p.bottom, Math.max(i === Q.Down ? p.top : p.top + p.height / 2, u.y))
|
|
1080
1091
|
}, h = i === Q.Right && !s || i === Q.Left && !c, g = i === Q.Down && !l || i === Q.Up && !a;
|
|
@@ -1108,7 +1119,7 @@ var Ht = {
|
|
|
1108
1119
|
break;
|
|
1109
1120
|
}
|
|
1110
1121
|
}
|
|
1111
|
-
this.handleMove(e,
|
|
1122
|
+
this.handleMove(e, Re(ze(u, this.referenceCoordinates), r));
|
|
1112
1123
|
}
|
|
1113
1124
|
}
|
|
1114
1125
|
}
|
|
@@ -1128,10 +1139,10 @@ var Ht = {
|
|
|
1128
1139
|
this.listeners.removeAll(), this.windowListeners.removeAll();
|
|
1129
1140
|
}
|
|
1130
1141
|
};
|
|
1131
|
-
|
|
1142
|
+
Xt.activators = [{
|
|
1132
1143
|
eventName: "onKeyDown",
|
|
1133
1144
|
handler: (e, t, n) => {
|
|
1134
|
-
let { keyboardCodes: r =
|
|
1145
|
+
let { keyboardCodes: r = Jt, onActivation: i } = t, { active: a } = n, { code: o } = e.nativeEvent;
|
|
1135
1146
|
if (r.start.includes(o)) {
|
|
1136
1147
|
let t = a.activatorNode.current;
|
|
1137
1148
|
return t && e.target !== t ? !1 : (e.preventDefault(), i?.({ event: e.nativeEvent }), !0);
|
|
@@ -1139,31 +1150,31 @@ Wt.activators = [{
|
|
|
1139
1150
|
return !1;
|
|
1140
1151
|
}
|
|
1141
1152
|
}];
|
|
1142
|
-
function
|
|
1153
|
+
function Zt(e) {
|
|
1143
1154
|
return !!(e && "distance" in e);
|
|
1144
1155
|
}
|
|
1145
|
-
function
|
|
1156
|
+
function Qt(e) {
|
|
1146
1157
|
return !!(e && "delay" in e);
|
|
1147
1158
|
}
|
|
1148
|
-
var
|
|
1159
|
+
var $t = class {
|
|
1149
1160
|
constructor(e, t, n) {
|
|
1150
|
-
n === void 0 && (n =
|
|
1161
|
+
n === void 0 && (n = Wt(e.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = e, this.events = t;
|
|
1151
1162
|
let { event: r } = e, { target: i } = r;
|
|
1152
|
-
this.props = e, this.events = t, this.document =
|
|
1163
|
+
this.props = e, this.events = t, this.document = Oe(i), this.documentListeners = new Ut(this.document), this.listeners = new Ut(n), this.windowListeners = new Ut(K(i)), this.initialCoordinates = Ue(r) ?? Y, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
|
|
1153
1164
|
}
|
|
1154
1165
|
attach() {
|
|
1155
1166
|
let { events: e, props: { options: { activationConstraint: t, bypassActivationConstraint: n } } } = this;
|
|
1156
|
-
if (this.listeners.add(e.move.name, this.handleMove, { passive: !1 }), this.listeners.add(e.end.name, this.handleEnd), e.cancel && this.listeners.add(e.cancel.name, this.handleCancel), this.windowListeners.add(Z.Resize, this.handleCancel), this.windowListeners.add(Z.DragStart,
|
|
1167
|
+
if (this.listeners.add(e.move.name, this.handleMove, { passive: !1 }), this.listeners.add(e.end.name, this.handleEnd), e.cancel && this.listeners.add(e.cancel.name, this.handleCancel), this.windowListeners.add(Z.Resize, this.handleCancel), this.windowListeners.add(Z.DragStart, Kt), this.windowListeners.add(Z.VisibilityChange, this.handleCancel), this.windowListeners.add(Z.ContextMenu, Kt), this.documentListeners.add(Z.Keydown, this.handleKeydown), t) {
|
|
1157
1168
|
if (n != null && n({
|
|
1158
1169
|
event: this.props.event,
|
|
1159
1170
|
activeNode: this.props.activeNode,
|
|
1160
1171
|
options: this.props.options
|
|
1161
1172
|
})) return this.handleStart();
|
|
1162
|
-
if (
|
|
1173
|
+
if (Qt(t)) {
|
|
1163
1174
|
this.timeoutId = setTimeout(this.handleStart, t.delay), this.handlePending(t);
|
|
1164
1175
|
return;
|
|
1165
1176
|
}
|
|
1166
|
-
if (
|
|
1177
|
+
if (Zt(t)) {
|
|
1167
1178
|
this.handlePending(t);
|
|
1168
1179
|
return;
|
|
1169
1180
|
}
|
|
@@ -1179,18 +1190,18 @@ var qt = class {
|
|
|
1179
1190
|
}
|
|
1180
1191
|
handleStart() {
|
|
1181
1192
|
let { initialCoordinates: e } = this, { onStart: t } = this.props;
|
|
1182
|
-
e && (this.activated = !0, this.documentListeners.add(Z.Click,
|
|
1193
|
+
e && (this.activated = !0, this.documentListeners.add(Z.Click, qt, { capture: !0 }), this.removeTextSelection(), this.documentListeners.add(Z.SelectionChange, this.removeTextSelection), t(e));
|
|
1183
1194
|
}
|
|
1184
1195
|
handleMove(e) {
|
|
1185
1196
|
let { activated: t, initialCoordinates: n, props: r } = this, { onMove: i, options: { activationConstraint: a } } = r;
|
|
1186
1197
|
if (!n) return;
|
|
1187
|
-
let o =
|
|
1198
|
+
let o = Ue(e) ?? Y, s = ze(n, o);
|
|
1188
1199
|
if (!t && a) {
|
|
1189
|
-
if (
|
|
1190
|
-
if (a.tolerance != null &&
|
|
1191
|
-
if (
|
|
1200
|
+
if (Zt(a)) {
|
|
1201
|
+
if (a.tolerance != null && Gt(s, a.tolerance)) return this.handleCancel();
|
|
1202
|
+
if (Gt(s, a.distance)) return this.handleStart();
|
|
1192
1203
|
}
|
|
1193
|
-
if (
|
|
1204
|
+
if (Qt(a) && Gt(s, a.tolerance)) return this.handleCancel();
|
|
1194
1205
|
this.handlePending(a, s);
|
|
1195
1206
|
return;
|
|
1196
1207
|
}
|
|
@@ -1211,80 +1222,80 @@ var qt = class {
|
|
|
1211
1222
|
var e;
|
|
1212
1223
|
(e = this.document.getSelection()) == null || e.removeAllRanges();
|
|
1213
1224
|
}
|
|
1214
|
-
},
|
|
1225
|
+
}, en = {
|
|
1215
1226
|
cancel: { name: "pointercancel" },
|
|
1216
1227
|
move: { name: "pointermove" },
|
|
1217
1228
|
end: { name: "pointerup" }
|
|
1218
|
-
},
|
|
1229
|
+
}, tn = class extends $t {
|
|
1219
1230
|
constructor(e) {
|
|
1220
|
-
let { event: t } = e, n =
|
|
1221
|
-
super(e,
|
|
1231
|
+
let { event: t } = e, n = Oe(t.target);
|
|
1232
|
+
super(e, en, n);
|
|
1222
1233
|
}
|
|
1223
1234
|
};
|
|
1224
|
-
|
|
1235
|
+
tn.activators = [{
|
|
1225
1236
|
eventName: "onPointerDown",
|
|
1226
1237
|
handler: (e, t) => {
|
|
1227
1238
|
let { nativeEvent: n } = e, { onActivation: r } = t;
|
|
1228
1239
|
return !n.isPrimary || n.button !== 0 ? !1 : (r?.({ event: n }), !0);
|
|
1229
1240
|
}
|
|
1230
1241
|
}];
|
|
1231
|
-
var
|
|
1242
|
+
var nn = {
|
|
1232
1243
|
move: { name: "mousemove" },
|
|
1233
1244
|
end: { name: "mouseup" }
|
|
1234
|
-
},
|
|
1245
|
+
}, rn;
|
|
1235
1246
|
(function(e) {
|
|
1236
1247
|
e[e.RightClick = 2] = "RightClick";
|
|
1237
|
-
})(
|
|
1238
|
-
var
|
|
1248
|
+
})(rn ||= {});
|
|
1249
|
+
var an = class extends $t {
|
|
1239
1250
|
constructor(e) {
|
|
1240
|
-
super(e,
|
|
1251
|
+
super(e, nn, Oe(e.event.target));
|
|
1241
1252
|
}
|
|
1242
1253
|
};
|
|
1243
|
-
|
|
1254
|
+
an.activators = [{
|
|
1244
1255
|
eventName: "onMouseDown",
|
|
1245
1256
|
handler: (e, t) => {
|
|
1246
1257
|
let { nativeEvent: n } = e, { onActivation: r } = t;
|
|
1247
|
-
return n.button ===
|
|
1258
|
+
return n.button === rn.RightClick ? !1 : (r?.({ event: n }), !0);
|
|
1248
1259
|
}
|
|
1249
1260
|
}];
|
|
1250
|
-
var
|
|
1261
|
+
var on = {
|
|
1251
1262
|
cancel: { name: "touchcancel" },
|
|
1252
1263
|
move: { name: "touchmove" },
|
|
1253
1264
|
end: { name: "touchend" }
|
|
1254
|
-
},
|
|
1265
|
+
}, sn = class extends $t {
|
|
1255
1266
|
constructor(e) {
|
|
1256
|
-
super(e,
|
|
1267
|
+
super(e, on);
|
|
1257
1268
|
}
|
|
1258
1269
|
static setup() {
|
|
1259
|
-
return window.addEventListener(
|
|
1270
|
+
return window.addEventListener(on.move.name, e, {
|
|
1260
1271
|
capture: !1,
|
|
1261
1272
|
passive: !1
|
|
1262
1273
|
}), function() {
|
|
1263
|
-
window.removeEventListener(
|
|
1274
|
+
window.removeEventListener(on.move.name, e);
|
|
1264
1275
|
};
|
|
1265
1276
|
function e() {}
|
|
1266
1277
|
}
|
|
1267
1278
|
};
|
|
1268
|
-
|
|
1279
|
+
sn.activators = [{
|
|
1269
1280
|
eventName: "onTouchStart",
|
|
1270
1281
|
handler: (e, t) => {
|
|
1271
1282
|
let { nativeEvent: n } = e, { onActivation: r } = t, { touches: i } = n;
|
|
1272
1283
|
return i.length > 1 ? !1 : (r?.({ event: n }), !0);
|
|
1273
1284
|
}
|
|
1274
1285
|
}];
|
|
1275
|
-
var
|
|
1286
|
+
var cn;
|
|
1276
1287
|
(function(e) {
|
|
1277
1288
|
e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
|
|
1278
|
-
})(
|
|
1279
|
-
var
|
|
1289
|
+
})(cn ||= {});
|
|
1290
|
+
var ln;
|
|
1280
1291
|
(function(e) {
|
|
1281
1292
|
e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
|
|
1282
|
-
})(
|
|
1283
|
-
function
|
|
1284
|
-
let { acceleration: t, activator: n =
|
|
1293
|
+
})(ln ||= {});
|
|
1294
|
+
function un(e) {
|
|
1295
|
+
let { acceleration: t, activator: n = cn.Pointer, canScroll: r, draggingRect: a, enabled: s, interval: l = 5, order: d = ln.TreeOrder, pointerCoordinates: f, scrollableAncestors: p, scrollableAncestorRects: m, delta: h, threshold: g } = e, _ = fn({
|
|
1285
1296
|
delta: h,
|
|
1286
1297
|
disabled: !s
|
|
1287
|
-
}), [v, y] =
|
|
1298
|
+
}), [v, y] = Ae(), b = u({
|
|
1288
1299
|
x: 0,
|
|
1289
1300
|
y: 0
|
|
1290
1301
|
}), x = u({
|
|
@@ -1292,13 +1303,13 @@ function rn(e) {
|
|
|
1292
1303
|
y: 0
|
|
1293
1304
|
}), S = c(() => {
|
|
1294
1305
|
switch (n) {
|
|
1295
|
-
case
|
|
1306
|
+
case cn.Pointer: return f ? {
|
|
1296
1307
|
top: f.y,
|
|
1297
1308
|
bottom: f.y,
|
|
1298
1309
|
left: f.x,
|
|
1299
1310
|
right: f.x
|
|
1300
1311
|
} : null;
|
|
1301
|
-
case
|
|
1312
|
+
case cn.DraggableRect: return a;
|
|
1302
1313
|
}
|
|
1303
1314
|
}, [
|
|
1304
1315
|
n,
|
|
@@ -1309,7 +1320,7 @@ function rn(e) {
|
|
|
1309
1320
|
if (!e) return;
|
|
1310
1321
|
let t = b.current.x * x.current.x, n = b.current.y * x.current.y;
|
|
1311
1322
|
e.scrollBy(t, n);
|
|
1312
|
-
}, []), T = c(() => d ===
|
|
1323
|
+
}, []), T = c(() => d === ln.TreeOrder ? [...p].reverse() : p, [d, p]);
|
|
1313
1324
|
o(() => {
|
|
1314
1325
|
if (!s || !p.length || !S) {
|
|
1315
1326
|
y();
|
|
@@ -1319,7 +1330,7 @@ function rn(e) {
|
|
|
1319
1330
|
if (r?.(e) === !1) continue;
|
|
1320
1331
|
let n = m[p.indexOf(e)];
|
|
1321
1332
|
if (!n) continue;
|
|
1322
|
-
let { direction: i, speed: a } =
|
|
1333
|
+
let { direction: i, speed: a } = Ft(e, n, S, t, g);
|
|
1323
1334
|
for (let e of ["x", "y"]) _[e][i[e]] || (a[e] = 0, i[e] = 0);
|
|
1324
1335
|
if (a.x > 0 || a.y > 0) {
|
|
1325
1336
|
y(), C.current = e, v(w, l), b.current = a, x.current = i;
|
|
@@ -1349,7 +1360,7 @@ function rn(e) {
|
|
|
1349
1360
|
JSON.stringify(g)
|
|
1350
1361
|
]);
|
|
1351
1362
|
}
|
|
1352
|
-
var
|
|
1363
|
+
var dn = {
|
|
1353
1364
|
x: {
|
|
1354
1365
|
[X.Backward]: !1,
|
|
1355
1366
|
[X.Forward]: !1
|
|
@@ -1359,10 +1370,10 @@ var an = {
|
|
|
1359
1370
|
[X.Forward]: !1
|
|
1360
1371
|
}
|
|
1361
1372
|
};
|
|
1362
|
-
function
|
|
1363
|
-
let { delta: t, disabled: n } = e, r =
|
|
1364
|
-
return
|
|
1365
|
-
if (n || !r || !e) return
|
|
1373
|
+
function fn(e) {
|
|
1374
|
+
let { delta: t, disabled: n } = e, r = Pe(t);
|
|
1375
|
+
return Me((e) => {
|
|
1376
|
+
if (n || !r || !e) return dn;
|
|
1366
1377
|
let i = {
|
|
1367
1378
|
x: Math.sign(t.x - r.x),
|
|
1368
1379
|
y: Math.sign(t.y - r.y)
|
|
@@ -1383,11 +1394,11 @@ function on(e) {
|
|
|
1383
1394
|
r
|
|
1384
1395
|
]);
|
|
1385
1396
|
}
|
|
1386
|
-
function
|
|
1397
|
+
function pn(e, t) {
|
|
1387
1398
|
let n = t == null ? void 0 : e.get(t), r = n ? n.node.current : null;
|
|
1388
|
-
return
|
|
1399
|
+
return Me((e) => t == null ? null : r ?? e ?? null, [r, t]);
|
|
1389
1400
|
}
|
|
1390
|
-
function
|
|
1401
|
+
function mn(e, t) {
|
|
1391
1402
|
return c(() => e.reduce((e, n) => {
|
|
1392
1403
|
let { sensor: r } = n, i = r.activators.map((e) => ({
|
|
1393
1404
|
eventName: e.eventName,
|
|
@@ -1396,21 +1407,21 @@ function cn(e, t) {
|
|
|
1396
1407
|
return [...e, ...i];
|
|
1397
1408
|
}, []), [e, t]);
|
|
1398
1409
|
}
|
|
1399
|
-
var
|
|
1410
|
+
var hn;
|
|
1400
1411
|
(function(e) {
|
|
1401
1412
|
e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
|
|
1402
|
-
})(
|
|
1403
|
-
var
|
|
1413
|
+
})(hn ||= {});
|
|
1414
|
+
var gn;
|
|
1404
1415
|
(function(e) {
|
|
1405
1416
|
e.Optimized = "optimized";
|
|
1406
|
-
})(
|
|
1407
|
-
var
|
|
1408
|
-
function
|
|
1409
|
-
let { dragging: n, dependencies: r, config: a } = t, [s, c] = d(null), { frequency: l, measure: f, strategy: p } = a, m = u(e), h = b(), g =
|
|
1417
|
+
})(gn ||= {});
|
|
1418
|
+
var _n = /* @__PURE__ */ new Map();
|
|
1419
|
+
function vn(e, t) {
|
|
1420
|
+
let { dragging: n, dependencies: r, config: a } = t, [s, c] = d(null), { frequency: l, measure: f, strategy: p } = a, m = u(e), h = b(), g = je(h), _ = i(function(e) {
|
|
1410
1421
|
e === void 0 && (e = []), !g.current && c((t) => t === null ? e : t.concat(e.filter((e) => !t.includes(e))));
|
|
1411
|
-
}, [g]), v = u(null), y =
|
|
1412
|
-
if (h && !n) return
|
|
1413
|
-
if (!t || t ===
|
|
1422
|
+
}, [g]), v = u(null), y = Me((t) => {
|
|
1423
|
+
if (h && !n) return _n;
|
|
1424
|
+
if (!t || t === _n || m.current !== e || s != null) {
|
|
1414
1425
|
let t = /* @__PURE__ */ new Map();
|
|
1415
1426
|
for (let n of e) {
|
|
1416
1427
|
if (!n) continue;
|
|
@@ -1418,7 +1429,7 @@ function fn(e, t) {
|
|
|
1418
1429
|
t.set(n.id, n.rect.current);
|
|
1419
1430
|
continue;
|
|
1420
1431
|
}
|
|
1421
|
-
let e = n.node.current, r = e ? new
|
|
1432
|
+
let e = n.node.current, r = e ? new Ht(f(e), e) : null;
|
|
1422
1433
|
n.rect.current = r, r && t.set(n.id, r);
|
|
1423
1434
|
}
|
|
1424
1435
|
return t;
|
|
@@ -1453,39 +1464,39 @@ function fn(e, t) {
|
|
|
1453
1464
|
};
|
|
1454
1465
|
function b() {
|
|
1455
1466
|
switch (p) {
|
|
1456
|
-
case
|
|
1457
|
-
case
|
|
1467
|
+
case hn.Always: return !1;
|
|
1468
|
+
case hn.BeforeDragging: return n;
|
|
1458
1469
|
default: return !n;
|
|
1459
1470
|
}
|
|
1460
1471
|
}
|
|
1461
1472
|
}
|
|
1462
|
-
function
|
|
1463
|
-
return
|
|
1473
|
+
function yn(e, t) {
|
|
1474
|
+
return Me((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
|
|
1464
1475
|
}
|
|
1465
|
-
function
|
|
1466
|
-
return
|
|
1476
|
+
function bn(e, t) {
|
|
1477
|
+
return yn(e, t);
|
|
1467
1478
|
}
|
|
1468
|
-
function
|
|
1469
|
-
let { callback: t, disabled: n } = e, r =
|
|
1479
|
+
function xn(e) {
|
|
1480
|
+
let { callback: t, disabled: n } = e, r = ke(t), i = c(() => {
|
|
1470
1481
|
if (n || typeof window > "u" || window.MutationObserver === void 0) return;
|
|
1471
1482
|
let { MutationObserver: e } = window;
|
|
1472
1483
|
return new e(r);
|
|
1473
1484
|
}, [r, n]);
|
|
1474
1485
|
return o(() => () => i?.disconnect(), [i]), i;
|
|
1475
1486
|
}
|
|
1476
|
-
function
|
|
1477
|
-
let { callback: t, disabled: n } = e, r =
|
|
1487
|
+
function Sn(e) {
|
|
1488
|
+
let { callback: t, disabled: n } = e, r = ke(t), i = c(() => {
|
|
1478
1489
|
if (n || typeof window > "u" || window.ResizeObserver === void 0) return;
|
|
1479
1490
|
let { ResizeObserver: e } = window;
|
|
1480
1491
|
return new e(r);
|
|
1481
1492
|
}, [n]);
|
|
1482
1493
|
return o(() => () => i?.disconnect(), [i]), i;
|
|
1483
1494
|
}
|
|
1484
|
-
function
|
|
1485
|
-
return new
|
|
1495
|
+
function Cn(e) {
|
|
1496
|
+
return new Ht(xt(e), e);
|
|
1486
1497
|
}
|
|
1487
|
-
function
|
|
1488
|
-
t === void 0 && (t =
|
|
1498
|
+
function wn(e, t, n) {
|
|
1499
|
+
t === void 0 && (t = Cn);
|
|
1489
1500
|
let [r, i] = d(null);
|
|
1490
1501
|
function a() {
|
|
1491
1502
|
i((r) => {
|
|
@@ -1495,7 +1506,7 @@ function vn(e, t, n) {
|
|
|
1495
1506
|
return JSON.stringify(r) === JSON.stringify(i) ? r : i;
|
|
1496
1507
|
});
|
|
1497
1508
|
}
|
|
1498
|
-
let o =
|
|
1509
|
+
let o = xn({ callback(t) {
|
|
1499
1510
|
if (e) for (let n of t) {
|
|
1500
1511
|
let { type: t, target: r } = n;
|
|
1501
1512
|
if (t === "childList" && r instanceof HTMLElement && r.contains(e)) {
|
|
@@ -1503,36 +1514,36 @@ function vn(e, t, n) {
|
|
|
1503
1514
|
break;
|
|
1504
1515
|
}
|
|
1505
1516
|
}
|
|
1506
|
-
} }), s =
|
|
1507
|
-
return
|
|
1517
|
+
} }), s = Sn({ callback: a });
|
|
1518
|
+
return q(() => {
|
|
1508
1519
|
a(), e ? (s?.observe(e), o?.observe(document.body, {
|
|
1509
1520
|
childList: !0,
|
|
1510
1521
|
subtree: !0
|
|
1511
1522
|
})) : (s?.disconnect(), o?.disconnect());
|
|
1512
1523
|
}, [e]), r;
|
|
1513
1524
|
}
|
|
1514
|
-
function
|
|
1515
|
-
return
|
|
1525
|
+
function Tn(e) {
|
|
1526
|
+
return ht(e, yn(e));
|
|
1516
1527
|
}
|
|
1517
|
-
var
|
|
1518
|
-
function
|
|
1519
|
-
let t = u(e), n =
|
|
1528
|
+
var En = [];
|
|
1529
|
+
function Dn(e) {
|
|
1530
|
+
let t = u(e), n = Me((n) => e ? n && n !== En && e && t.current && e.parentNode === t.current.parentNode ? n : Et(e) : En, [e]);
|
|
1520
1531
|
return o(() => {
|
|
1521
1532
|
t.current = e;
|
|
1522
1533
|
}, [e]), n;
|
|
1523
1534
|
}
|
|
1524
|
-
function
|
|
1535
|
+
function On(e) {
|
|
1525
1536
|
let [t, n] = d(null), r = u(e), a = i((e) => {
|
|
1526
|
-
let t =
|
|
1527
|
-
t && n((e) => e ? (e.set(t,
|
|
1537
|
+
let t = Ot(e.target);
|
|
1538
|
+
t && n((e) => e ? (e.set(t, jt(t)), new Map(e)) : null);
|
|
1528
1539
|
}, []);
|
|
1529
1540
|
return o(() => {
|
|
1530
1541
|
let t = r.current;
|
|
1531
1542
|
if (e !== t) {
|
|
1532
1543
|
i(t);
|
|
1533
1544
|
let o = e.map((e) => {
|
|
1534
|
-
let t =
|
|
1535
|
-
return t ? (t.addEventListener("scroll", a, { passive: !0 }), [t,
|
|
1545
|
+
let t = Ot(e);
|
|
1546
|
+
return t ? (t.addEventListener("scroll", a, { passive: !0 }), [t, jt(t)]) : null;
|
|
1536
1547
|
}).filter((e) => e != null);
|
|
1537
1548
|
n(o.length ? new Map(o) : null), r.current = e;
|
|
1538
1549
|
}
|
|
@@ -1541,12 +1552,12 @@ function Sn(e) {
|
|
|
1541
1552
|
};
|
|
1542
1553
|
function i(e) {
|
|
1543
1554
|
e.forEach((e) => {
|
|
1544
|
-
|
|
1555
|
+
Ot(e)?.removeEventListener("scroll", a);
|
|
1545
1556
|
});
|
|
1546
1557
|
}
|
|
1547
|
-
}, [a, e]), c(() => e.length ? t ? Array.from(t.values()).reduce((e, t) =>
|
|
1558
|
+
}, [a, e]), c(() => e.length ? t ? Array.from(t.values()).reduce((e, t) => Re(e, t), Y) : Lt(e) : Y, [e, t]);
|
|
1548
1559
|
}
|
|
1549
|
-
function
|
|
1560
|
+
function kn(e, t) {
|
|
1550
1561
|
t === void 0 && (t = []);
|
|
1551
1562
|
let n = u(null);
|
|
1552
1563
|
return o(() => {
|
|
@@ -1554,11 +1565,11 @@ function Cn(e, t) {
|
|
|
1554
1565
|
}, t), o(() => {
|
|
1555
1566
|
let t = e !== Y;
|
|
1556
1567
|
t && !n.current && (n.current = e), !t && n.current && (n.current = null);
|
|
1557
|
-
}, [e]), n.current ?
|
|
1568
|
+
}, [e]), n.current ? ze(e, n.current) : Y;
|
|
1558
1569
|
}
|
|
1559
|
-
function
|
|
1570
|
+
function An(e) {
|
|
1560
1571
|
o(() => {
|
|
1561
|
-
if (!
|
|
1572
|
+
if (!Ce) return;
|
|
1562
1573
|
let t = e.map((e) => {
|
|
1563
1574
|
let { sensor: t } = e;
|
|
1564
1575
|
return t.setup == null ? void 0 : t.setup();
|
|
@@ -1571,7 +1582,7 @@ function wn(e) {
|
|
|
1571
1582
|
return t;
|
|
1572
1583
|
}));
|
|
1573
1584
|
}
|
|
1574
|
-
function
|
|
1585
|
+
function jn(e, t) {
|
|
1575
1586
|
return c(() => e.reduce((e, n) => {
|
|
1576
1587
|
let { eventName: r, handler: i } = n;
|
|
1577
1588
|
return e[r] = (e) => {
|
|
@@ -1579,30 +1590,30 @@ function Tn(e, t) {
|
|
|
1579
1590
|
}, e;
|
|
1580
1591
|
}, {}), [e, t]);
|
|
1581
1592
|
}
|
|
1582
|
-
function
|
|
1583
|
-
return c(() => e ?
|
|
1593
|
+
function Mn(e) {
|
|
1594
|
+
return c(() => e ? Ct(e) : null, [e]);
|
|
1584
1595
|
}
|
|
1585
|
-
var
|
|
1586
|
-
function
|
|
1587
|
-
t === void 0 && (t =
|
|
1588
|
-
let [n] = e, r =
|
|
1596
|
+
var Nn = [];
|
|
1597
|
+
function Pn(e, t) {
|
|
1598
|
+
t === void 0 && (t = xt);
|
|
1599
|
+
let [n] = e, r = Mn(n ? K(n) : null), [i, a] = d(Nn);
|
|
1589
1600
|
function o() {
|
|
1590
|
-
a(() => e.length ? e.map((e) =>
|
|
1601
|
+
a(() => e.length ? e.map((e) => Mt(e) ? r : new Ht(t(e), e)) : Nn);
|
|
1591
1602
|
}
|
|
1592
|
-
let s =
|
|
1593
|
-
return
|
|
1603
|
+
let s = Sn({ callback: o });
|
|
1604
|
+
return q(() => {
|
|
1594
1605
|
s?.disconnect(), o(), e.forEach((e) => s?.observe(e));
|
|
1595
1606
|
}, [e]), i;
|
|
1596
1607
|
}
|
|
1597
|
-
function
|
|
1608
|
+
function Fn(e) {
|
|
1598
1609
|
if (!e) return null;
|
|
1599
1610
|
if (e.children.length > 1) return e;
|
|
1600
1611
|
let t = e.children[0];
|
|
1601
|
-
return
|
|
1612
|
+
return Ee(t) ? t : e;
|
|
1602
1613
|
}
|
|
1603
|
-
function
|
|
1604
|
-
let { measure: t } = e, [n, r] = d(null), a =
|
|
1605
|
-
for (let { target: n } of e) if (
|
|
1614
|
+
function In(e) {
|
|
1615
|
+
let { measure: t } = e, [n, r] = d(null), a = Sn({ callback: i((e) => {
|
|
1616
|
+
for (let { target: n } of e) if (Ee(n)) {
|
|
1606
1617
|
r((e) => {
|
|
1607
1618
|
let r = t(n);
|
|
1608
1619
|
return e ? {
|
|
@@ -1613,8 +1624,8 @@ function An(e) {
|
|
|
1613
1624
|
});
|
|
1614
1625
|
break;
|
|
1615
1626
|
}
|
|
1616
|
-
}, [t]) }), [o, s] =
|
|
1617
|
-
let n =
|
|
1627
|
+
}, [t]) }), [o, s] = Ne(i((e) => {
|
|
1628
|
+
let n = Fn(e);
|
|
1618
1629
|
a?.disconnect(), n && a?.observe(n), r(n ? t(n) : null);
|
|
1619
1630
|
}, [t, a]));
|
|
1620
1631
|
return c(() => ({
|
|
@@ -1627,21 +1638,21 @@ function An(e) {
|
|
|
1627
1638
|
s
|
|
1628
1639
|
]);
|
|
1629
1640
|
}
|
|
1630
|
-
var
|
|
1631
|
-
sensor:
|
|
1641
|
+
var Ln = [{
|
|
1642
|
+
sensor: tn,
|
|
1632
1643
|
options: {}
|
|
1633
1644
|
}, {
|
|
1634
|
-
sensor:
|
|
1645
|
+
sensor: Xt,
|
|
1635
1646
|
options: {}
|
|
1636
|
-
}],
|
|
1637
|
-
draggable: { measure:
|
|
1647
|
+
}], Rn = { current: {} }, zn = {
|
|
1648
|
+
draggable: { measure: St },
|
|
1638
1649
|
droppable: {
|
|
1639
|
-
measure:
|
|
1640
|
-
strategy:
|
|
1641
|
-
frequency:
|
|
1650
|
+
measure: St,
|
|
1651
|
+
strategy: hn.WhileDragging,
|
|
1652
|
+
frequency: gn.Optimized
|
|
1642
1653
|
},
|
|
1643
|
-
dragOverlay: { measure:
|
|
1644
|
-
},
|
|
1654
|
+
dragOverlay: { measure: xt }
|
|
1655
|
+
}, Bn = class extends Map {
|
|
1645
1656
|
get(e) {
|
|
1646
1657
|
return e == null ? void 0 : super.get(e) ?? void 0;
|
|
1647
1658
|
}
|
|
@@ -1657,7 +1668,7 @@ var jn = [{
|
|
|
1657
1668
|
getNodeFor(e) {
|
|
1658
1669
|
return this.get(e)?.node.current ?? void 0;
|
|
1659
1670
|
}
|
|
1660
|
-
},
|
|
1671
|
+
}, Vn = {
|
|
1661
1672
|
activatorEvent: null,
|
|
1662
1673
|
active: null,
|
|
1663
1674
|
activeNode: null,
|
|
@@ -1666,31 +1677,31 @@ var jn = [{
|
|
|
1666
1677
|
containerNodeRect: null,
|
|
1667
1678
|
draggableNodes: /* @__PURE__ */ new Map(),
|
|
1668
1679
|
droppableRects: /* @__PURE__ */ new Map(),
|
|
1669
|
-
droppableContainers: /* @__PURE__ */ new
|
|
1680
|
+
droppableContainers: /* @__PURE__ */ new Bn(),
|
|
1670
1681
|
over: null,
|
|
1671
1682
|
dragOverlay: {
|
|
1672
1683
|
nodeRef: { current: null },
|
|
1673
1684
|
rect: null,
|
|
1674
|
-
setRef:
|
|
1685
|
+
setRef: rt
|
|
1675
1686
|
},
|
|
1676
1687
|
scrollableAncestors: [],
|
|
1677
1688
|
scrollableAncestorRects: [],
|
|
1678
|
-
measuringConfiguration:
|
|
1679
|
-
measureDroppableContainers:
|
|
1689
|
+
measuringConfiguration: zn,
|
|
1690
|
+
measureDroppableContainers: rt,
|
|
1680
1691
|
windowRect: null,
|
|
1681
1692
|
measuringScheduled: !1
|
|
1682
|
-
},
|
|
1693
|
+
}, Hn = /* @__PURE__ */ n({
|
|
1683
1694
|
activatorEvent: null,
|
|
1684
1695
|
activators: [],
|
|
1685
1696
|
active: null,
|
|
1686
1697
|
activeNodeRect: null,
|
|
1687
1698
|
ariaDescribedById: { draggable: "" },
|
|
1688
|
-
dispatch:
|
|
1699
|
+
dispatch: rt,
|
|
1689
1700
|
draggableNodes: /* @__PURE__ */ new Map(),
|
|
1690
1701
|
over: null,
|
|
1691
|
-
measureDroppableContainers:
|
|
1692
|
-
}),
|
|
1693
|
-
function
|
|
1702
|
+
measureDroppableContainers: rt
|
|
1703
|
+
}), Un = /* @__PURE__ */ n(Vn);
|
|
1704
|
+
function Wn() {
|
|
1694
1705
|
return {
|
|
1695
1706
|
draggable: {
|
|
1696
1707
|
active: null,
|
|
@@ -1704,10 +1715,10 @@ function Rn() {
|
|
|
1704
1715
|
y: 0
|
|
1705
1716
|
}
|
|
1706
1717
|
},
|
|
1707
|
-
droppable: { containers: new
|
|
1718
|
+
droppable: { containers: new Bn() }
|
|
1708
1719
|
};
|
|
1709
1720
|
}
|
|
1710
|
-
function
|
|
1721
|
+
function Gn(e, t) {
|
|
1711
1722
|
switch (t.type) {
|
|
1712
1723
|
case J.DragStart: return {
|
|
1713
1724
|
...e,
|
|
@@ -1744,7 +1755,7 @@ function zn(e, t) {
|
|
|
1744
1755
|
}
|
|
1745
1756
|
};
|
|
1746
1757
|
case J.RegisterDroppable: {
|
|
1747
|
-
let { element: n } = t, { id: r } = n, i = new
|
|
1758
|
+
let { element: n } = t, { id: r } = n, i = new Bn(e.droppable.containers);
|
|
1748
1759
|
return i.set(r, n), {
|
|
1749
1760
|
...e,
|
|
1750
1761
|
droppable: {
|
|
@@ -1756,7 +1767,7 @@ function zn(e, t) {
|
|
|
1756
1767
|
case J.SetDroppableDisabled: {
|
|
1757
1768
|
let { id: n, key: r, disabled: i } = t, a = e.droppable.containers.get(n);
|
|
1758
1769
|
if (!a || r !== a.key) return e;
|
|
1759
|
-
let o = new
|
|
1770
|
+
let o = new Bn(e.droppable.containers);
|
|
1760
1771
|
return o.set(n, {
|
|
1761
1772
|
...a,
|
|
1762
1773
|
disabled: i
|
|
@@ -1771,7 +1782,7 @@ function zn(e, t) {
|
|
|
1771
1782
|
case J.UnregisterDroppable: {
|
|
1772
1783
|
let { id: n, key: r } = t, i = e.droppable.containers.get(n);
|
|
1773
1784
|
if (!i || r !== i.key) return e;
|
|
1774
|
-
let a = new
|
|
1785
|
+
let a = new Bn(e.droppable.containers);
|
|
1775
1786
|
return a.delete(n), {
|
|
1776
1787
|
...e,
|
|
1777
1788
|
droppable: {
|
|
@@ -1783,11 +1794,11 @@ function zn(e, t) {
|
|
|
1783
1794
|
default: return e;
|
|
1784
1795
|
}
|
|
1785
1796
|
}
|
|
1786
|
-
function
|
|
1787
|
-
let { disabled: t } = e, { active: n, activatorEvent: r, draggableNodes: i } = a(
|
|
1797
|
+
function Kn(e) {
|
|
1798
|
+
let { disabled: t } = e, { active: n, activatorEvent: r, draggableNodes: i } = a(Hn), s = Pe(r), c = Pe(n?.id);
|
|
1788
1799
|
return o(() => {
|
|
1789
1800
|
if (!t && !r && s && c != null) {
|
|
1790
|
-
if (!
|
|
1801
|
+
if (!Ve(s) || document.activeElement === s.target) return;
|
|
1791
1802
|
let e = i.get(c);
|
|
1792
1803
|
if (!e) return;
|
|
1793
1804
|
let { activatorNode: t, node: n } = e;
|
|
@@ -1795,7 +1806,7 @@ function Bn(e) {
|
|
|
1795
1806
|
requestAnimationFrame(() => {
|
|
1796
1807
|
for (let e of [t.current, n.current]) {
|
|
1797
1808
|
if (!e) continue;
|
|
1798
|
-
let t =
|
|
1809
|
+
let t = Ke(e);
|
|
1799
1810
|
if (t) {
|
|
1800
1811
|
t.focus();
|
|
1801
1812
|
break;
|
|
@@ -1811,25 +1822,25 @@ function Bn(e) {
|
|
|
1811
1822
|
s
|
|
1812
1823
|
]), null;
|
|
1813
1824
|
}
|
|
1814
|
-
function
|
|
1825
|
+
function qn(e, t) {
|
|
1815
1826
|
let { transform: n, ...r } = t;
|
|
1816
1827
|
return e != null && e.length ? e.reduce((e, t) => t({
|
|
1817
1828
|
transform: e,
|
|
1818
1829
|
...r
|
|
1819
1830
|
}), n) : n;
|
|
1820
1831
|
}
|
|
1821
|
-
function
|
|
1832
|
+
function Jn(e) {
|
|
1822
1833
|
return c(() => ({
|
|
1823
1834
|
draggable: {
|
|
1824
|
-
...
|
|
1835
|
+
...zn.draggable,
|
|
1825
1836
|
...e?.draggable
|
|
1826
1837
|
},
|
|
1827
1838
|
droppable: {
|
|
1828
|
-
...
|
|
1839
|
+
...zn.droppable,
|
|
1829
1840
|
...e?.droppable
|
|
1830
1841
|
},
|
|
1831
1842
|
dragOverlay: {
|
|
1832
|
-
...
|
|
1843
|
+
...zn.dragOverlay,
|
|
1833
1844
|
...e?.dragOverlay
|
|
1834
1845
|
}
|
|
1835
1846
|
}), [
|
|
@@ -1838,12 +1849,12 @@ function Hn(e) {
|
|
|
1838
1849
|
e?.dragOverlay
|
|
1839
1850
|
]);
|
|
1840
1851
|
}
|
|
1841
|
-
function
|
|
1852
|
+
function Yn(e) {
|
|
1842
1853
|
let { activeNode: t, measure: n, initialRect: r, config: i = !0 } = e, a = u(!1), { x: o, y: s } = typeof i == "boolean" ? {
|
|
1843
1854
|
x: i,
|
|
1844
1855
|
y: i
|
|
1845
1856
|
} : i;
|
|
1846
|
-
|
|
1857
|
+
q(() => {
|
|
1847
1858
|
if (!o && !s || !t) {
|
|
1848
1859
|
a.current = !1;
|
|
1849
1860
|
return;
|
|
@@ -1851,9 +1862,9 @@ function Un(e) {
|
|
|
1851
1862
|
if (a.current || !r) return;
|
|
1852
1863
|
let e = t?.node.current;
|
|
1853
1864
|
if (!e || e.isConnected === !1) return;
|
|
1854
|
-
let i =
|
|
1865
|
+
let i = ht(n(e), r);
|
|
1855
1866
|
if (o || (i.x = 0), s || (i.y = 0), a.current = !0, Math.abs(i.x) > 0 || Math.abs(i.y) > 0) {
|
|
1856
|
-
let t =
|
|
1867
|
+
let t = Dt(e);
|
|
1857
1868
|
t && t.scrollBy({
|
|
1858
1869
|
top: i.y,
|
|
1859
1870
|
left: i.x
|
|
@@ -1867,40 +1878,40 @@ function Un(e) {
|
|
|
1867
1878
|
n
|
|
1868
1879
|
]);
|
|
1869
1880
|
}
|
|
1870
|
-
var
|
|
1881
|
+
var Xn = /* @__PURE__ */ n({
|
|
1871
1882
|
...Y,
|
|
1872
1883
|
scaleX: 1,
|
|
1873
1884
|
scaleY: 1
|
|
1874
|
-
}),
|
|
1885
|
+
}), Zn;
|
|
1875
1886
|
(function(e) {
|
|
1876
1887
|
e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
|
|
1877
|
-
})(
|
|
1878
|
-
var
|
|
1879
|
-
let { id: n, accessibility: r, autoScroll: a = !0, children: s, sensors: f =
|
|
1888
|
+
})(Zn ||= {});
|
|
1889
|
+
var Qn = /* @__PURE__ */ r(function(e) {
|
|
1890
|
+
let { id: n, accessibility: r, autoScroll: a = !0, children: s, sensors: f = Ln, collisionDetection: p = pt, measuring: m, modifiers: h, ...g } = e, [_, v] = l(Gn, void 0, Wn), [y, b] = $e(), [x, S] = d(Zn.Uninitialized), C = x === Zn.Initialized, { draggable: { active: w, nodes: T, translate: E }, droppable: { containers: D } } = _, ee = w == null ? null : T.get(w), O = u({
|
|
1880
1891
|
initial: null,
|
|
1881
1892
|
translated: null
|
|
1882
1893
|
}), k = c(() => w == null ? null : {
|
|
1883
1894
|
id: w,
|
|
1884
|
-
data: ee?.data ??
|
|
1895
|
+
data: ee?.data ?? Rn,
|
|
1885
1896
|
rect: O
|
|
1886
|
-
}, [w, ee]), A = u(null), [te, ne] = d(null), [j,
|
|
1897
|
+
}, [w, ee]), A = u(null), [te, ne] = d(null), [j, M] = d(null), N = je(g, Object.values(g)), P = Ie("DndDescribedBy", n), re = c(() => D.getEnabled(), [D]), F = Jn(m), { droppableRects: I, measureDroppableContainers: ie, measuringScheduled: L } = vn(re, {
|
|
1887
1898
|
dragging: C,
|
|
1888
1899
|
dependencies: [E.x, E.y],
|
|
1889
|
-
config:
|
|
1890
|
-
}),
|
|
1891
|
-
|
|
1900
|
+
config: F.droppable
|
|
1901
|
+
}), R = pn(T, w), ae = c(() => j ? Ue(j) : null, [j]), oe = Me(), se = bn(R, F.draggable.measure);
|
|
1902
|
+
Yn({
|
|
1892
1903
|
activeNode: w == null ? null : T.get(w),
|
|
1893
|
-
config:
|
|
1894
|
-
initialRect:
|
|
1895
|
-
measure:
|
|
1904
|
+
config: oe.layoutShiftCompensation,
|
|
1905
|
+
initialRect: se,
|
|
1906
|
+
measure: F.draggable.measure
|
|
1896
1907
|
});
|
|
1897
|
-
let
|
|
1908
|
+
let z = wn(R, F.draggable.measure, se), B = wn(R ? R.parentElement : null), V = u({
|
|
1898
1909
|
activatorEvent: null,
|
|
1899
1910
|
active: null,
|
|
1900
|
-
activeNode:
|
|
1911
|
+
activeNode: R,
|
|
1901
1912
|
collisionRect: null,
|
|
1902
1913
|
collisions: null,
|
|
1903
|
-
droppableRects:
|
|
1914
|
+
droppableRects: I,
|
|
1904
1915
|
draggableNodes: T,
|
|
1905
1916
|
draggingNode: null,
|
|
1906
1917
|
draggingNodeRect: null,
|
|
@@ -1908,44 +1919,44 @@ var Kn = /* @__PURE__ */ r(function(e) {
|
|
|
1908
1919
|
over: null,
|
|
1909
1920
|
scrollableAncestors: [],
|
|
1910
1921
|
scrollAdjustedTranslate: null
|
|
1911
|
-
}),
|
|
1922
|
+
}), le = D.getNodeFor(V.current.over?.id), H = In({ measure: F.dragOverlay.measure }), ue = H.nodeRef.current ?? R, de = C ? H.rect ?? z : null, fe = !!(H.nodeRef.current && H.rect), U = Tn(fe ? null : z), pe = Mn(ue ? K(ue) : null), W = Dn(C ? le ?? R : null), me = Pn(W), he = qn(h, {
|
|
1912
1923
|
transform: {
|
|
1913
|
-
x: E.x -
|
|
1914
|
-
y: E.y -
|
|
1924
|
+
x: E.x - U.x,
|
|
1925
|
+
y: E.y - U.y,
|
|
1915
1926
|
scaleX: 1,
|
|
1916
1927
|
scaleY: 1
|
|
1917
1928
|
},
|
|
1918
1929
|
activatorEvent: j,
|
|
1919
1930
|
active: k,
|
|
1920
|
-
activeNodeRect:
|
|
1921
|
-
containerNodeRect:
|
|
1922
|
-
draggingNodeRect:
|
|
1923
|
-
over:
|
|
1924
|
-
overlayNodeRect:
|
|
1925
|
-
scrollableAncestors:
|
|
1926
|
-
scrollableAncestorRects:
|
|
1927
|
-
windowRect:
|
|
1928
|
-
}),
|
|
1931
|
+
activeNodeRect: z,
|
|
1932
|
+
containerNodeRect: B,
|
|
1933
|
+
draggingNodeRect: de,
|
|
1934
|
+
over: V.current.over,
|
|
1935
|
+
overlayNodeRect: H.rect,
|
|
1936
|
+
scrollableAncestors: W,
|
|
1937
|
+
scrollableAncestorRects: me,
|
|
1938
|
+
windowRect: pe
|
|
1939
|
+
}), ge = ae ? Re(ae, E) : null, _e = On(W), ve = kn(_e), ye = kn(_e, [z]), be = Re(he, ve), xe = de ? _t(de, he) : null, Se = k && xe ? p({
|
|
1929
1940
|
active: k,
|
|
1930
|
-
collisionRect:
|
|
1931
|
-
droppableRects:
|
|
1932
|
-
droppableContainers:
|
|
1933
|
-
pointerCoordinates:
|
|
1934
|
-
}) : null, Ce =
|
|
1941
|
+
collisionRect: xe,
|
|
1942
|
+
droppableRects: I,
|
|
1943
|
+
droppableContainers: re,
|
|
1944
|
+
pointerCoordinates: ge
|
|
1945
|
+
}) : null, Ce = lt(Se, "id"), [G, we] = d(null), Te = mt(fe ? he : Re(he, ye), G?.rect ?? null, z), Ee = u(null), De = i((e, t) => {
|
|
1935
1946
|
let { sensor: n, options: r } = t;
|
|
1936
1947
|
if (A.current == null) return;
|
|
1937
1948
|
let i = T.get(A.current);
|
|
1938
1949
|
if (!i) return;
|
|
1939
1950
|
let a = e.nativeEvent;
|
|
1940
|
-
|
|
1951
|
+
Ee.current = new n({
|
|
1941
1952
|
active: A.current,
|
|
1942
1953
|
activeNode: i,
|
|
1943
1954
|
event: a,
|
|
1944
1955
|
options: r,
|
|
1945
|
-
context:
|
|
1956
|
+
context: V,
|
|
1946
1957
|
onAbort(e) {
|
|
1947
1958
|
if (!T.get(e)) return;
|
|
1948
|
-
let { onDragAbort: t } =
|
|
1959
|
+
let { onDragAbort: t } = N.current, n = { id: e };
|
|
1949
1960
|
t?.(n), y({
|
|
1950
1961
|
type: "onDragAbort",
|
|
1951
1962
|
event: n
|
|
@@ -1953,7 +1964,7 @@ var Kn = /* @__PURE__ */ r(function(e) {
|
|
|
1953
1964
|
},
|
|
1954
1965
|
onPending(e, t, n, r) {
|
|
1955
1966
|
if (!T.get(e)) return;
|
|
1956
|
-
let { onDragPending: i } =
|
|
1967
|
+
let { onDragPending: i } = N.current, a = {
|
|
1957
1968
|
id: e,
|
|
1958
1969
|
constraint: t,
|
|
1959
1970
|
initialCoordinates: n,
|
|
@@ -1969,7 +1980,7 @@ var Kn = /* @__PURE__ */ r(function(e) {
|
|
|
1969
1980
|
if (t == null) return;
|
|
1970
1981
|
let n = T.get(t);
|
|
1971
1982
|
if (!n) return;
|
|
1972
|
-
let { onDragStart: r } =
|
|
1983
|
+
let { onDragStart: r } = N.current, i = {
|
|
1973
1984
|
activatorEvent: a,
|
|
1974
1985
|
active: {
|
|
1975
1986
|
id: t,
|
|
@@ -1977,15 +1988,15 @@ var Kn = /* @__PURE__ */ r(function(e) {
|
|
|
1977
1988
|
rect: O
|
|
1978
1989
|
}
|
|
1979
1990
|
};
|
|
1980
|
-
|
|
1981
|
-
r?.(i), S(
|
|
1991
|
+
ce(() => {
|
|
1992
|
+
r?.(i), S(Zn.Initializing), v({
|
|
1982
1993
|
type: J.DragStart,
|
|
1983
1994
|
initialCoordinates: e,
|
|
1984
1995
|
active: t
|
|
1985
1996
|
}), y({
|
|
1986
1997
|
type: "onDragStart",
|
|
1987
1998
|
event: i
|
|
1988
|
-
}), ne(
|
|
1999
|
+
}), ne(Ee.current), M(a);
|
|
1989
2000
|
});
|
|
1990
2001
|
},
|
|
1991
2002
|
onMove(e) {
|
|
@@ -1999,9 +2010,9 @@ var Kn = /* @__PURE__ */ r(function(e) {
|
|
|
1999
2010
|
});
|
|
2000
2011
|
function o(e) {
|
|
2001
2012
|
return async function() {
|
|
2002
|
-
let { active: t, collisions: n, over: r, scrollAdjustedTranslate: i } =
|
|
2013
|
+
let { active: t, collisions: n, over: r, scrollAdjustedTranslate: i } = V.current, o = null;
|
|
2003
2014
|
if (t && i) {
|
|
2004
|
-
let { cancelDrop: s } =
|
|
2015
|
+
let { cancelDrop: s } = N.current;
|
|
2005
2016
|
o = {
|
|
2006
2017
|
activatorEvent: a,
|
|
2007
2018
|
active: t,
|
|
@@ -2010,11 +2021,11 @@ var Kn = /* @__PURE__ */ r(function(e) {
|
|
|
2010
2021
|
over: r
|
|
2011
2022
|
}, e === J.DragEnd && typeof s == "function" && await Promise.resolve(s(o)) && (e = J.DragCancel);
|
|
2012
2023
|
}
|
|
2013
|
-
A.current = null,
|
|
2014
|
-
v({ type: e }), S(
|
|
2024
|
+
A.current = null, ce(() => {
|
|
2025
|
+
v({ type: e }), S(Zn.Uninitialized), we(null), ne(null), M(null), Ee.current = null;
|
|
2015
2026
|
let t = e === J.DragEnd ? "onDragEnd" : "onDragCancel";
|
|
2016
2027
|
if (o) {
|
|
2017
|
-
let e =
|
|
2028
|
+
let e = N.current[t];
|
|
2018
2029
|
e?.(o), y({
|
|
2019
2030
|
type: t,
|
|
2020
2031
|
event: o
|
|
@@ -2023,37 +2034,37 @@ var Kn = /* @__PURE__ */ r(function(e) {
|
|
|
2023
2034
|
});
|
|
2024
2035
|
};
|
|
2025
2036
|
}
|
|
2026
|
-
}, [T]),
|
|
2037
|
+
}, [T]), Oe = mn(f, i((e, t) => (n, r) => {
|
|
2027
2038
|
let i = n.nativeEvent, a = T.get(r);
|
|
2028
2039
|
if (A.current !== null || !a || i.dndKit || i.defaultPrevented) return;
|
|
2029
2040
|
let o = { active: a };
|
|
2030
|
-
e(n, t.options, o) === !0 && (i.dndKit = { capturedBy: t.sensor }, A.current = r,
|
|
2031
|
-
}, [T,
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
}, [
|
|
2035
|
-
let { onDragMove: e } =
|
|
2041
|
+
e(n, t.options, o) === !0 && (i.dndKit = { capturedBy: t.sensor }, A.current = r, De(n, t));
|
|
2042
|
+
}, [T, De]));
|
|
2043
|
+
An(f), q(() => {
|
|
2044
|
+
z && x === Zn.Initializing && S(Zn.Initialized);
|
|
2045
|
+
}, [z, x]), o(() => {
|
|
2046
|
+
let { onDragMove: e } = N.current, { active: t, activatorEvent: n, collisions: r, over: i } = V.current;
|
|
2036
2047
|
if (!t || !n) return;
|
|
2037
2048
|
let a = {
|
|
2038
2049
|
active: t,
|
|
2039
2050
|
activatorEvent: n,
|
|
2040
2051
|
collisions: r,
|
|
2041
2052
|
delta: {
|
|
2042
|
-
x:
|
|
2043
|
-
y:
|
|
2053
|
+
x: be.x,
|
|
2054
|
+
y: be.y
|
|
2044
2055
|
},
|
|
2045
2056
|
over: i
|
|
2046
2057
|
};
|
|
2047
|
-
|
|
2058
|
+
ce(() => {
|
|
2048
2059
|
e?.(a), y({
|
|
2049
2060
|
type: "onDragMove",
|
|
2050
2061
|
event: a
|
|
2051
2062
|
});
|
|
2052
2063
|
});
|
|
2053
|
-
}, [
|
|
2054
|
-
let { active: e, activatorEvent: t, collisions: n, droppableContainers: r, scrollAdjustedTranslate: i } =
|
|
2064
|
+
}, [be.x, be.y]), o(() => {
|
|
2065
|
+
let { active: e, activatorEvent: t, collisions: n, droppableContainers: r, scrollAdjustedTranslate: i } = V.current;
|
|
2055
2066
|
if (!e || A.current == null || !t || !i) return;
|
|
2056
|
-
let { onDragOver: a } =
|
|
2067
|
+
let { onDragOver: a } = N.current, o = r.get(Ce), s = o && o.rect.current ? {
|
|
2057
2068
|
id: o.id,
|
|
2058
2069
|
rect: o.rect.current,
|
|
2059
2070
|
data: o.data,
|
|
@@ -2068,124 +2079,124 @@ var Kn = /* @__PURE__ */ r(function(e) {
|
|
|
2068
2079
|
},
|
|
2069
2080
|
over: s
|
|
2070
2081
|
};
|
|
2071
|
-
|
|
2082
|
+
ce(() => {
|
|
2072
2083
|
we(s), a?.(c), y({
|
|
2073
2084
|
type: "onDragOver",
|
|
2074
2085
|
event: c
|
|
2075
2086
|
});
|
|
2076
2087
|
});
|
|
2077
|
-
}, [Ce]),
|
|
2078
|
-
|
|
2088
|
+
}, [Ce]), q(() => {
|
|
2089
|
+
V.current = {
|
|
2079
2090
|
activatorEvent: j,
|
|
2080
2091
|
active: k,
|
|
2081
|
-
activeNode:
|
|
2082
|
-
collisionRect:
|
|
2092
|
+
activeNode: R,
|
|
2093
|
+
collisionRect: xe,
|
|
2083
2094
|
collisions: Se,
|
|
2084
|
-
droppableRects:
|
|
2095
|
+
droppableRects: I,
|
|
2085
2096
|
draggableNodes: T,
|
|
2086
|
-
draggingNode:
|
|
2087
|
-
draggingNodeRect:
|
|
2097
|
+
draggingNode: ue,
|
|
2098
|
+
draggingNodeRect: de,
|
|
2088
2099
|
droppableContainers: D,
|
|
2089
|
-
over:
|
|
2090
|
-
scrollableAncestors:
|
|
2091
|
-
scrollAdjustedTranslate:
|
|
2100
|
+
over: G,
|
|
2101
|
+
scrollableAncestors: W,
|
|
2102
|
+
scrollAdjustedTranslate: be
|
|
2092
2103
|
}, O.current = {
|
|
2093
|
-
initial:
|
|
2094
|
-
translated:
|
|
2104
|
+
initial: de,
|
|
2105
|
+
translated: xe
|
|
2095
2106
|
};
|
|
2096
2107
|
}, [
|
|
2097
2108
|
k,
|
|
2098
|
-
|
|
2109
|
+
R,
|
|
2099
2110
|
Se,
|
|
2100
|
-
|
|
2111
|
+
xe,
|
|
2101
2112
|
T,
|
|
2113
|
+
ue,
|
|
2102
2114
|
de,
|
|
2103
|
-
|
|
2104
|
-
F,
|
|
2115
|
+
I,
|
|
2105
2116
|
D,
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
]),
|
|
2110
|
-
...
|
|
2117
|
+
G,
|
|
2118
|
+
W,
|
|
2119
|
+
be
|
|
2120
|
+
]), un({
|
|
2121
|
+
...oe,
|
|
2111
2122
|
delta: E,
|
|
2112
|
-
draggingRect:
|
|
2113
|
-
pointerCoordinates:
|
|
2114
|
-
scrollableAncestors:
|
|
2115
|
-
scrollableAncestorRects:
|
|
2123
|
+
draggingRect: xe,
|
|
2124
|
+
pointerCoordinates: ge,
|
|
2125
|
+
scrollableAncestors: W,
|
|
2126
|
+
scrollableAncestorRects: me
|
|
2116
2127
|
});
|
|
2117
|
-
let
|
|
2128
|
+
let ke = c(() => ({
|
|
2118
2129
|
active: k,
|
|
2119
|
-
activeNode:
|
|
2120
|
-
activeNodeRect:
|
|
2130
|
+
activeNode: R,
|
|
2131
|
+
activeNodeRect: z,
|
|
2121
2132
|
activatorEvent: j,
|
|
2122
2133
|
collisions: Se,
|
|
2123
|
-
containerNodeRect:
|
|
2124
|
-
dragOverlay:
|
|
2134
|
+
containerNodeRect: B,
|
|
2135
|
+
dragOverlay: H,
|
|
2125
2136
|
draggableNodes: T,
|
|
2126
2137
|
droppableContainers: D,
|
|
2127
|
-
droppableRects:
|
|
2128
|
-
over:
|
|
2129
|
-
measureDroppableContainers:
|
|
2130
|
-
scrollableAncestors:
|
|
2131
|
-
scrollableAncestorRects:
|
|
2132
|
-
measuringConfiguration:
|
|
2133
|
-
measuringScheduled:
|
|
2134
|
-
windowRect:
|
|
2138
|
+
droppableRects: I,
|
|
2139
|
+
over: G,
|
|
2140
|
+
measureDroppableContainers: ie,
|
|
2141
|
+
scrollableAncestors: W,
|
|
2142
|
+
scrollableAncestorRects: me,
|
|
2143
|
+
measuringConfiguration: F,
|
|
2144
|
+
measuringScheduled: L,
|
|
2145
|
+
windowRect: pe
|
|
2135
2146
|
}), [
|
|
2136
2147
|
k,
|
|
2137
|
-
I,
|
|
2138
2148
|
R,
|
|
2149
|
+
z,
|
|
2139
2150
|
j,
|
|
2140
2151
|
Se,
|
|
2141
|
-
|
|
2142
|
-
|
|
2152
|
+
B,
|
|
2153
|
+
H,
|
|
2143
2154
|
T,
|
|
2144
2155
|
D,
|
|
2156
|
+
I,
|
|
2157
|
+
G,
|
|
2158
|
+
ie,
|
|
2159
|
+
W,
|
|
2160
|
+
me,
|
|
2145
2161
|
F,
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
ge,
|
|
2150
|
-
P,
|
|
2151
|
-
oe,
|
|
2152
|
-
he
|
|
2153
|
-
]), Ne = c(() => ({
|
|
2162
|
+
L,
|
|
2163
|
+
pe
|
|
2164
|
+
]), Ae = c(() => ({
|
|
2154
2165
|
activatorEvent: j,
|
|
2155
|
-
activators:
|
|
2166
|
+
activators: Oe,
|
|
2156
2167
|
active: k,
|
|
2157
|
-
activeNodeRect:
|
|
2158
|
-
ariaDescribedById: { draggable:
|
|
2168
|
+
activeNodeRect: z,
|
|
2169
|
+
ariaDescribedById: { draggable: P },
|
|
2159
2170
|
dispatch: v,
|
|
2160
2171
|
draggableNodes: T,
|
|
2161
|
-
over:
|
|
2162
|
-
measureDroppableContainers:
|
|
2172
|
+
over: G,
|
|
2173
|
+
measureDroppableContainers: ie
|
|
2163
2174
|
}), [
|
|
2164
2175
|
j,
|
|
2165
|
-
|
|
2176
|
+
Oe,
|
|
2166
2177
|
k,
|
|
2167
|
-
|
|
2178
|
+
z,
|
|
2168
2179
|
v,
|
|
2169
|
-
|
|
2180
|
+
P,
|
|
2170
2181
|
T,
|
|
2171
|
-
|
|
2172
|
-
|
|
2182
|
+
G,
|
|
2183
|
+
ie
|
|
2173
2184
|
]);
|
|
2174
|
-
return t.createElement(
|
|
2185
|
+
return t.createElement(Ze.Provider, { value: b }, t.createElement(Hn.Provider, { value: Ae }, t.createElement(Un.Provider, { value: ke }, t.createElement(Xn.Provider, { value: Te }, s)), t.createElement(Kn, { disabled: r?.restoreFocus === !1 })), t.createElement(nt, {
|
|
2175
2186
|
...r,
|
|
2176
|
-
hiddenTextDescribedById:
|
|
2187
|
+
hiddenTextDescribedById: P
|
|
2177
2188
|
}));
|
|
2178
|
-
function
|
|
2189
|
+
function Me() {
|
|
2179
2190
|
let e = te?.autoScrollEnabled === !1, t = typeof a == "object" ? a.enabled === !1 : a === !1, n = C && !e && !t;
|
|
2180
2191
|
return typeof a == "object" ? {
|
|
2181
2192
|
...a,
|
|
2182
2193
|
enabled: n
|
|
2183
2194
|
} : { enabled: n };
|
|
2184
2195
|
}
|
|
2185
|
-
}),
|
|
2186
|
-
function
|
|
2187
|
-
let { id: t, data: n, disabled: r = !1, attributes: i } = e, o =
|
|
2188
|
-
return
|
|
2196
|
+
}), $n = /* @__PURE__ */ n(null), er = "button", tr = "Draggable";
|
|
2197
|
+
function nr(e) {
|
|
2198
|
+
let { id: t, data: n, disabled: r = !1, attributes: i } = e, o = Ie(tr), { activators: s, activatorEvent: l, active: u, activeNodeRect: d, ariaDescribedById: f, draggableNodes: p, over: m } = a(Hn), { role: h = er, roleDescription: g = "draggable", tabIndex: _ = 0 } = i ?? {}, v = u?.id === t, y = a(v ? Xn : $n), [b, x] = Ne(), [S, C] = Ne(), w = jn(s, t), T = je(n);
|
|
2199
|
+
return q(() => (p.set(t, {
|
|
2189
2200
|
id: t,
|
|
2190
2201
|
key: o,
|
|
2191
2202
|
node: b,
|
|
@@ -2202,7 +2213,7 @@ function Xn(e) {
|
|
|
2202
2213
|
role: h,
|
|
2203
2214
|
tabIndex: _,
|
|
2204
2215
|
"aria-disabled": r,
|
|
2205
|
-
"aria-pressed": v && h ===
|
|
2216
|
+
"aria-pressed": v && h === er ? !0 : void 0,
|
|
2206
2217
|
"aria-roledescription": g,
|
|
2207
2218
|
"aria-describedby": f.draggable
|
|
2208
2219
|
}), [
|
|
@@ -2222,15 +2233,15 @@ function Xn(e) {
|
|
|
2222
2233
|
transform: y
|
|
2223
2234
|
};
|
|
2224
2235
|
}
|
|
2225
|
-
function
|
|
2226
|
-
return a(
|
|
2236
|
+
function rr() {
|
|
2237
|
+
return a(Un);
|
|
2227
2238
|
}
|
|
2228
|
-
var
|
|
2229
|
-
function
|
|
2230
|
-
let { data: t, disabled: n = !1, id: r, resizeObserverConfig: s } = e, c =
|
|
2231
|
-
|
|
2239
|
+
var ir = "Droppable", ar = { timeout: 25 };
|
|
2240
|
+
function or(e) {
|
|
2241
|
+
let { data: t, disabled: n = !1, id: r, resizeObserverConfig: s } = e, c = Ie(ir), { active: l, dispatch: d, over: f, measureDroppableContainers: p } = a(Hn), m = u({ disabled: n }), h = u(!1), g = u(null), _ = u(null), { disabled: v, updateMeasurementsFor: y, timeout: b } = {
|
|
2242
|
+
...ar,
|
|
2232
2243
|
...s
|
|
2233
|
-
}, x =
|
|
2244
|
+
}, x = je(y ?? r), S = Sn({
|
|
2234
2245
|
callback: i(() => {
|
|
2235
2246
|
if (!h.current) {
|
|
2236
2247
|
h.current = !0;
|
|
@@ -2241,9 +2252,9 @@ function er(e) {
|
|
|
2241
2252
|
}, b);
|
|
2242
2253
|
}, [b]),
|
|
2243
2254
|
disabled: v || !l
|
|
2244
|
-
}), [C, w] =
|
|
2255
|
+
}), [C, w] = Ne(i((e, t) => {
|
|
2245
2256
|
S && (t && (S.unobserve(t), h.current = !1), e && S.observe(e));
|
|
2246
|
-
}, [S])), T =
|
|
2257
|
+
}, [S])), T = je(t);
|
|
2247
2258
|
return o(() => {
|
|
2248
2259
|
!S || !C.current || (S.disconnect(), h.current = !1, S.observe(C.current));
|
|
2249
2260
|
}, [C, S]), o(() => (d({
|
|
@@ -2283,43 +2294,43 @@ function er(e) {
|
|
|
2283
2294
|
}
|
|
2284
2295
|
//#endregion
|
|
2285
2296
|
//#region ../../node_modules/.pnpm/@dnd-kit+sortable@10.0.0_@dnd-kit+core@6.3.1_react-dom@19.2.5_react@19.2.5__react@19.2.5__react@19.2.5/node_modules/@dnd-kit/sortable/dist/sortable.esm.js
|
|
2286
|
-
function
|
|
2297
|
+
function sr(e, t, n) {
|
|
2287
2298
|
let r = e.slice();
|
|
2288
2299
|
return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
|
|
2289
2300
|
}
|
|
2290
|
-
function
|
|
2301
|
+
function cr(e, t) {
|
|
2291
2302
|
return e.reduce((e, n, r) => {
|
|
2292
2303
|
let i = t.get(n);
|
|
2293
2304
|
return i && (e[r] = i), e;
|
|
2294
2305
|
}, Array(e.length));
|
|
2295
2306
|
}
|
|
2296
|
-
function
|
|
2307
|
+
function lr(e) {
|
|
2297
2308
|
return e !== null && e >= 0;
|
|
2298
2309
|
}
|
|
2299
|
-
function
|
|
2310
|
+
function ur(e, t) {
|
|
2300
2311
|
if (e === t) return !0;
|
|
2301
2312
|
if (e.length !== t.length) return !1;
|
|
2302
2313
|
for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
|
|
2303
2314
|
return !0;
|
|
2304
2315
|
}
|
|
2305
|
-
function
|
|
2316
|
+
function dr(e) {
|
|
2306
2317
|
return typeof e == "boolean" ? {
|
|
2307
2318
|
draggable: e,
|
|
2308
2319
|
droppable: e
|
|
2309
2320
|
} : e;
|
|
2310
2321
|
}
|
|
2311
|
-
var
|
|
2312
|
-
let { rects: t, activeIndex: n, overIndex: r, index: i } = e, a =
|
|
2322
|
+
var fr = (e) => {
|
|
2323
|
+
let { rects: t, activeIndex: n, overIndex: r, index: i } = e, a = sr(t, r, n), o = t[i], s = a[i];
|
|
2313
2324
|
return !s || !o ? null : {
|
|
2314
2325
|
x: s.left - o.left,
|
|
2315
2326
|
y: s.top - o.top,
|
|
2316
2327
|
scaleX: s.width / o.width,
|
|
2317
2328
|
scaleY: s.height / o.height
|
|
2318
2329
|
};
|
|
2319
|
-
},
|
|
2330
|
+
}, pr = {
|
|
2320
2331
|
scaleX: 1,
|
|
2321
2332
|
scaleY: 1
|
|
2322
|
-
},
|
|
2333
|
+
}, mr = (e) => {
|
|
2323
2334
|
let { activeIndex: t, activeNodeRect: n, index: r, rects: i, overIndex: a } = e, o = i[t] ?? n;
|
|
2324
2335
|
if (!o) return null;
|
|
2325
2336
|
if (r === t) {
|
|
@@ -2327,45 +2338,45 @@ var or = (e) => {
|
|
|
2327
2338
|
return e ? {
|
|
2328
2339
|
x: 0,
|
|
2329
2340
|
y: t < a ? e.top + e.height - (o.top + o.height) : e.top - o.top,
|
|
2330
|
-
...
|
|
2341
|
+
...pr
|
|
2331
2342
|
} : null;
|
|
2332
2343
|
}
|
|
2333
|
-
let s =
|
|
2344
|
+
let s = hr(i, r, t);
|
|
2334
2345
|
return r > t && r <= a ? {
|
|
2335
2346
|
x: 0,
|
|
2336
2347
|
y: -o.height - s,
|
|
2337
|
-
...
|
|
2348
|
+
...pr
|
|
2338
2349
|
} : r < t && r >= a ? {
|
|
2339
2350
|
x: 0,
|
|
2340
2351
|
y: o.height + s,
|
|
2341
|
-
...
|
|
2352
|
+
...pr
|
|
2342
2353
|
} : {
|
|
2343
2354
|
x: 0,
|
|
2344
2355
|
y: 0,
|
|
2345
|
-
...
|
|
2356
|
+
...pr
|
|
2346
2357
|
};
|
|
2347
2358
|
};
|
|
2348
|
-
function
|
|
2359
|
+
function hr(e, t, n) {
|
|
2349
2360
|
let r = e[t], i = e[t - 1], a = e[t + 1];
|
|
2350
2361
|
return r ? n < t ? i ? r.top - (i.top + i.height) : a ? a.top - (r.top + r.height) : 0 : a ? a.top - (r.top + r.height) : i ? r.top - (i.top + i.height) : 0 : 0;
|
|
2351
2362
|
}
|
|
2352
|
-
var
|
|
2363
|
+
var gr = "Sortable", _r = /* @__PURE__ */ t.createContext({
|
|
2353
2364
|
activeIndex: -1,
|
|
2354
|
-
containerId:
|
|
2365
|
+
containerId: gr,
|
|
2355
2366
|
disableTransforms: !1,
|
|
2356
2367
|
items: [],
|
|
2357
2368
|
overIndex: -1,
|
|
2358
2369
|
useDragOverlay: !1,
|
|
2359
2370
|
sortedRects: [],
|
|
2360
|
-
strategy:
|
|
2371
|
+
strategy: fr,
|
|
2361
2372
|
disabled: {
|
|
2362
2373
|
draggable: !1,
|
|
2363
2374
|
droppable: !1
|
|
2364
2375
|
}
|
|
2365
2376
|
});
|
|
2366
|
-
function
|
|
2367
|
-
let { children: n, id: r, items: i, strategy: a =
|
|
2368
|
-
|
|
2377
|
+
function vr(e) {
|
|
2378
|
+
let { children: n, id: r, items: i, strategy: a = fr, disabled: s = !1 } = e, { active: l, dragOverlay: d, droppableRects: f, over: p, measureDroppableContainers: m } = rr(), h = Ie(gr, r), g = d.rect !== null, _ = c(() => i.map((e) => typeof e == "object" && "id" in e ? e.id : e), [i]), v = l != null, y = l ? _.indexOf(l.id) : -1, b = p ? _.indexOf(p.id) : -1, x = u(_), S = !ur(_, x.current), C = b !== -1 && y === -1 || S, w = dr(s);
|
|
2379
|
+
q(() => {
|
|
2369
2380
|
S && v && m(_);
|
|
2370
2381
|
}, [
|
|
2371
2382
|
S,
|
|
@@ -2383,7 +2394,7 @@ function fr(e) {
|
|
|
2383
2394
|
items: _,
|
|
2384
2395
|
overIndex: b,
|
|
2385
2396
|
useDragOverlay: g,
|
|
2386
|
-
sortedRects:
|
|
2397
|
+
sortedRects: cr(_, f),
|
|
2387
2398
|
strategy: a
|
|
2388
2399
|
}), [
|
|
2389
2400
|
y,
|
|
@@ -2397,29 +2408,29 @@ function fr(e) {
|
|
|
2397
2408
|
g,
|
|
2398
2409
|
a
|
|
2399
2410
|
]);
|
|
2400
|
-
return t.createElement(
|
|
2411
|
+
return t.createElement(_r.Provider, { value: T }, n);
|
|
2401
2412
|
}
|
|
2402
|
-
var
|
|
2413
|
+
var yr = (e) => {
|
|
2403
2414
|
let { id: t, items: n, activeIndex: r, overIndex: i } = e;
|
|
2404
|
-
return
|
|
2405
|
-
},
|
|
2415
|
+
return sr(n, r, i).indexOf(t);
|
|
2416
|
+
}, br = (e) => {
|
|
2406
2417
|
let { containerId: t, isSorting: n, wasDragging: r, index: i, items: a, newIndex: o, previousItems: s, previousContainerId: c, transition: l } = e;
|
|
2407
2418
|
return !l || !r || s !== a && i === o ? !1 : n ? !0 : o !== i && t === c;
|
|
2408
|
-
},
|
|
2419
|
+
}, xr = {
|
|
2409
2420
|
duration: 200,
|
|
2410
2421
|
easing: "ease"
|
|
2411
|
-
},
|
|
2412
|
-
property:
|
|
2422
|
+
}, Sr = "transform", Cr = /* @__PURE__ */ We.Transition.toString({
|
|
2423
|
+
property: Sr,
|
|
2413
2424
|
duration: 0,
|
|
2414
2425
|
easing: "linear"
|
|
2415
|
-
}),
|
|
2416
|
-
function
|
|
2426
|
+
}), wr = { roleDescription: "sortable" };
|
|
2427
|
+
function Tr(e) {
|
|
2417
2428
|
let { disabled: t, index: n, node: r, rect: i } = e, [a, s] = d(null), c = u(n);
|
|
2418
|
-
return
|
|
2429
|
+
return q(() => {
|
|
2419
2430
|
if (!t && n !== c.current && r.current) {
|
|
2420
2431
|
let e = i.current;
|
|
2421
2432
|
if (e) {
|
|
2422
|
-
let t =
|
|
2433
|
+
let t = xt(r.current, { ignoreTransform: !0 }), n = {
|
|
2423
2434
|
x: e.left - t.left,
|
|
2424
2435
|
y: e.top - t.top,
|
|
2425
2436
|
scaleX: e.width / t.width,
|
|
@@ -2438,8 +2449,8 @@ function yr(e) {
|
|
|
2438
2449
|
a && s(null);
|
|
2439
2450
|
}, [a]), a;
|
|
2440
2451
|
}
|
|
2441
|
-
function
|
|
2442
|
-
let { animateLayoutChanges: t =
|
|
2452
|
+
function Er(e) {
|
|
2453
|
+
let { animateLayoutChanges: t = br, attributes: n, disabled: r, data: i, getNewIndex: s = yr, id: l, strategy: d, resizeObserverConfig: f, transition: p = xr } = e, { items: m, containerId: h, activeIndex: g, disabled: _, disableTransforms: v, sortedRects: y, overIndex: b, useDragOverlay: x, strategy: S } = a(_r), C = Dr(r, _), w = m.indexOf(l), T = c(() => ({
|
|
2443
2454
|
sortable: {
|
|
2444
2455
|
containerId: h,
|
|
2445
2456
|
index: w,
|
|
@@ -2451,7 +2462,7 @@ function br(e) {
|
|
|
2451
2462
|
i,
|
|
2452
2463
|
w,
|
|
2453
2464
|
m
|
|
2454
|
-
]), E = c(() => m.slice(m.indexOf(l)), [m, l]), { rect: D, node: ee, isOver: O, setNodeRef: k } =
|
|
2465
|
+
]), E = c(() => m.slice(m.indexOf(l)), [m, l]), { rect: D, node: ee, isOver: O, setNodeRef: k } = or({
|
|
2455
2466
|
id: l,
|
|
2456
2467
|
data: T,
|
|
2457
2468
|
disabled: C.droppable,
|
|
@@ -2459,98 +2470,98 @@ function br(e) {
|
|
|
2459
2470
|
updateMeasurementsFor: E,
|
|
2460
2471
|
...f
|
|
2461
2472
|
}
|
|
2462
|
-
}), { active: A, activatorEvent: te, activeNodeRect: ne, attributes: j, setNodeRef:
|
|
2473
|
+
}), { active: A, activatorEvent: te, activeNodeRect: ne, attributes: j, setNodeRef: M, listeners: N, isDragging: P, over: re, setActivatorNodeRef: F, transform: I } = nr({
|
|
2463
2474
|
id: l,
|
|
2464
2475
|
data: T,
|
|
2465
2476
|
attributes: {
|
|
2466
|
-
...
|
|
2477
|
+
...wr,
|
|
2467
2478
|
...n
|
|
2468
2479
|
},
|
|
2469
2480
|
disabled: C.draggable
|
|
2470
|
-
}),
|
|
2481
|
+
}), ie = Se(k, M), L = !!A, R = L && !v && lr(g) && lr(b), ae = !x && P, oe = R ? (ae && R ? I : null) ?? (d ?? S)({
|
|
2471
2482
|
rects: y,
|
|
2472
2483
|
activeNodeRect: ne,
|
|
2473
2484
|
activeIndex: g,
|
|
2474
2485
|
overIndex: b,
|
|
2475
2486
|
index: w
|
|
2476
|
-
}) : null,
|
|
2487
|
+
}) : null, se = lr(g) && lr(b) ? s({
|
|
2477
2488
|
id: l,
|
|
2478
2489
|
items: m,
|
|
2479
2490
|
activeIndex: g,
|
|
2480
2491
|
overIndex: b
|
|
2481
|
-
}) : w,
|
|
2482
|
-
activeId:
|
|
2492
|
+
}) : w, z = A?.id, B = u({
|
|
2493
|
+
activeId: z,
|
|
2483
2494
|
items: m,
|
|
2484
|
-
newIndex:
|
|
2495
|
+
newIndex: se,
|
|
2485
2496
|
containerId: h
|
|
2486
|
-
}),
|
|
2497
|
+
}), ce = m !== B.current.items, V = t({
|
|
2487
2498
|
active: A,
|
|
2488
2499
|
containerId: h,
|
|
2489
|
-
isDragging:
|
|
2490
|
-
isSorting:
|
|
2500
|
+
isDragging: P,
|
|
2501
|
+
isSorting: L,
|
|
2491
2502
|
id: l,
|
|
2492
2503
|
index: w,
|
|
2493
2504
|
items: m,
|
|
2494
|
-
newIndex:
|
|
2495
|
-
previousItems:
|
|
2496
|
-
previousContainerId:
|
|
2505
|
+
newIndex: B.current.newIndex,
|
|
2506
|
+
previousItems: B.current.items,
|
|
2507
|
+
previousContainerId: B.current.containerId,
|
|
2497
2508
|
transition: p,
|
|
2498
|
-
wasDragging:
|
|
2499
|
-
}),
|
|
2500
|
-
disabled: !
|
|
2509
|
+
wasDragging: B.current.activeId != null
|
|
2510
|
+
}), le = Tr({
|
|
2511
|
+
disabled: !V,
|
|
2501
2512
|
index: w,
|
|
2502
2513
|
node: ee,
|
|
2503
2514
|
rect: D
|
|
2504
2515
|
});
|
|
2505
2516
|
return o(() => {
|
|
2506
|
-
|
|
2517
|
+
L && B.current.newIndex !== se && (B.current.newIndex = se), h !== B.current.containerId && (B.current.containerId = h), m !== B.current.items && (B.current.items = m);
|
|
2507
2518
|
}, [
|
|
2508
|
-
|
|
2509
|
-
|
|
2519
|
+
L,
|
|
2520
|
+
se,
|
|
2510
2521
|
h,
|
|
2511
2522
|
m
|
|
2512
2523
|
]), o(() => {
|
|
2513
|
-
if (
|
|
2514
|
-
if (
|
|
2515
|
-
|
|
2524
|
+
if (z === B.current.activeId) return;
|
|
2525
|
+
if (z != null && B.current.activeId == null) {
|
|
2526
|
+
B.current.activeId = z;
|
|
2516
2527
|
return;
|
|
2517
2528
|
}
|
|
2518
2529
|
let e = setTimeout(() => {
|
|
2519
|
-
|
|
2530
|
+
B.current.activeId = z;
|
|
2520
2531
|
}, 50);
|
|
2521
2532
|
return () => clearTimeout(e);
|
|
2522
|
-
}, [
|
|
2533
|
+
}, [z]), {
|
|
2523
2534
|
active: A,
|
|
2524
2535
|
activeIndex: g,
|
|
2525
2536
|
attributes: j,
|
|
2526
2537
|
data: T,
|
|
2527
2538
|
rect: D,
|
|
2528
2539
|
index: w,
|
|
2529
|
-
newIndex:
|
|
2540
|
+
newIndex: se,
|
|
2530
2541
|
items: m,
|
|
2531
2542
|
isOver: O,
|
|
2532
|
-
isSorting:
|
|
2533
|
-
isDragging:
|
|
2534
|
-
listeners:
|
|
2543
|
+
isSorting: L,
|
|
2544
|
+
isDragging: P,
|
|
2545
|
+
listeners: N,
|
|
2535
2546
|
node: ee,
|
|
2536
2547
|
overIndex: b,
|
|
2537
|
-
over:
|
|
2538
|
-
setNodeRef:
|
|
2539
|
-
setActivatorNodeRef:
|
|
2548
|
+
over: re,
|
|
2549
|
+
setNodeRef: ie,
|
|
2550
|
+
setActivatorNodeRef: F,
|
|
2540
2551
|
setDroppableNodeRef: k,
|
|
2541
|
-
setDraggableNodeRef:
|
|
2542
|
-
transform:
|
|
2543
|
-
transition:
|
|
2552
|
+
setDraggableNodeRef: M,
|
|
2553
|
+
transform: le ?? oe,
|
|
2554
|
+
transition: H()
|
|
2544
2555
|
};
|
|
2545
|
-
function
|
|
2546
|
-
if (
|
|
2547
|
-
if (!(
|
|
2556
|
+
function H() {
|
|
2557
|
+
if (le || ce && B.current.newIndex === w) return Cr;
|
|
2558
|
+
if (!(ae && !Ve(te) || !p) && (L || V)) return We.Transition.toString({
|
|
2548
2559
|
...p,
|
|
2549
|
-
property:
|
|
2560
|
+
property: Sr
|
|
2550
2561
|
});
|
|
2551
2562
|
}
|
|
2552
2563
|
}
|
|
2553
|
-
function
|
|
2564
|
+
function Dr(e, t) {
|
|
2554
2565
|
return typeof e == "boolean" ? {
|
|
2555
2566
|
draggable: e,
|
|
2556
2567
|
droppable: !1
|
|
@@ -2562,14 +2573,8 @@ function xr(e, t) {
|
|
|
2562
2573
|
Q.Down, Q.Right, Q.Up, Q.Left;
|
|
2563
2574
|
//#endregion
|
|
2564
2575
|
//#region src/NavigationRenderer.tsx
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
if (!e) return F.FileText;
|
|
2568
|
-
let t = Sr.get(e);
|
|
2569
|
-
if (t) return t;
|
|
2570
|
-
if (F[e]) return Sr.set(e, F[e]), F[e];
|
|
2571
|
-
let n = e.split("-").filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
|
|
2572
|
-
return F[n] ? (Sr.set(e, F[n]), F[n]) : F.FileText;
|
|
2576
|
+
function Or(e) {
|
|
2577
|
+
return e ? N(e) : ie;
|
|
2573
2578
|
}
|
|
2574
2579
|
function $(e, t) {
|
|
2575
2580
|
if (typeof e == "string") return e;
|
|
@@ -2582,12 +2587,12 @@ function $(e, t) {
|
|
|
2582
2587
|
}
|
|
2583
2588
|
return e.defaultValue || e.key;
|
|
2584
2589
|
}
|
|
2585
|
-
function
|
|
2590
|
+
function kr(e, t, n) {
|
|
2586
2591
|
let r = $(e.label, n);
|
|
2587
2592
|
return t && e.type === "object" && e.objectName && typeof e.label == "string" ? t(e.objectName, r) : r;
|
|
2588
2593
|
}
|
|
2589
|
-
var
|
|
2590
|
-
function
|
|
2594
|
+
var Ar = (e) => !(e === !1 || e === "false"), jr = () => !0;
|
|
2595
|
+
function Mr(e, t) {
|
|
2591
2596
|
switch (e.type) {
|
|
2592
2597
|
case "object": {
|
|
2593
2598
|
let n = `${t}/${e.objectName ?? ""}`;
|
|
@@ -2618,13 +2623,13 @@ function Dr(e, t) {
|
|
|
2618
2623
|
};
|
|
2619
2624
|
}
|
|
2620
2625
|
}
|
|
2621
|
-
function
|
|
2626
|
+
function Nr(e, t) {
|
|
2622
2627
|
if (!t.trim()) return e;
|
|
2623
2628
|
let n = t.toLowerCase().trim();
|
|
2624
2629
|
return e.reduce((e, r) => {
|
|
2625
2630
|
if (r.type === "separator") return e;
|
|
2626
2631
|
if (r.type === "group" && r.children?.length) {
|
|
2627
|
-
let n =
|
|
2632
|
+
let n = Nr(r.children, t);
|
|
2628
2633
|
return n.length > 0 && e.push({
|
|
2629
2634
|
...r,
|
|
2630
2635
|
children: n
|
|
@@ -2633,22 +2638,22 @@ function Or(e, t) {
|
|
|
2633
2638
|
return $(r.label).toLowerCase().includes(n) && e.push(r), e;
|
|
2634
2639
|
}, []);
|
|
2635
2640
|
}
|
|
2636
|
-
var
|
|
2637
|
-
function
|
|
2638
|
-
let { attributes: u, listeners: d, setNodeRef: f, transform: p, transition: m, isDragging: h } =
|
|
2641
|
+
var Pr = 5;
|
|
2642
|
+
function Fr({ item: e, basePath: t, evalVis: n, checkPerm: r, onAction: i, enablePinning: a, onPinToggle: o, enableReorder: s, resolveObjectLabel: c, t: l }) {
|
|
2643
|
+
let { attributes: u, listeners: d, setNodeRef: f, transform: p, transition: m, isDragging: h } = Er({
|
|
2639
2644
|
id: e.id,
|
|
2640
2645
|
disabled: !s
|
|
2641
2646
|
});
|
|
2642
|
-
return /* @__PURE__ */ (0,
|
|
2647
|
+
return /* @__PURE__ */ (0, U.jsx)("div", {
|
|
2643
2648
|
ref: f,
|
|
2644
2649
|
style: {
|
|
2645
|
-
transform:
|
|
2650
|
+
transform: We.Transform.toString(p),
|
|
2646
2651
|
transition: m,
|
|
2647
2652
|
opacity: h ? .5 : void 0,
|
|
2648
2653
|
zIndex: h ? 10 : void 0
|
|
2649
2654
|
},
|
|
2650
2655
|
...u,
|
|
2651
|
-
children: /* @__PURE__ */ (0,
|
|
2656
|
+
children: /* @__PURE__ */ (0, U.jsx)(Ir, {
|
|
2652
2657
|
item: e,
|
|
2653
2658
|
basePath: t,
|
|
2654
2659
|
evalVis: n,
|
|
@@ -2662,22 +2667,22 @@ function Ar({ item: e, basePath: t, evalVis: n, checkPerm: r, onAction: i, enabl
|
|
|
2662
2667
|
})
|
|
2663
2668
|
});
|
|
2664
2669
|
}
|
|
2665
|
-
function
|
|
2666
|
-
let u =
|
|
2670
|
+
function Ir({ item: e, basePath: t, evalVis: n, checkPerm: r, onAction: i, enablePinning: a, onPinToggle: o, dragListeners: s, resolveObjectLabel: c, t: l }) {
|
|
2671
|
+
let u = F(), [g, v] = d(e.defaultOpen !== !1);
|
|
2667
2672
|
if (!n(e.visible) || e.requiredPermissions?.length && !r(e.requiredPermissions)) return null;
|
|
2668
|
-
if (e.type === "separator") return /* @__PURE__ */ (0,
|
|
2673
|
+
if (e.type === "separator") return /* @__PURE__ */ (0, U.jsx)(_, { className: "my-2" });
|
|
2669
2674
|
if (e.type === "group") {
|
|
2670
2675
|
let s = (e.children ?? []).slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0));
|
|
2671
|
-
return /* @__PURE__ */ (0,
|
|
2676
|
+
return /* @__PURE__ */ (0, U.jsx)(p, {
|
|
2672
2677
|
open: g,
|
|
2673
2678
|
onOpenChange: v,
|
|
2674
|
-
children: /* @__PURE__ */ (0,
|
|
2679
|
+
children: /* @__PURE__ */ (0, U.jsxs)(x, { children: [/* @__PURE__ */ (0, U.jsx)(C, {
|
|
2675
2680
|
asChild: !0,
|
|
2676
|
-
children: /* @__PURE__ */ (0,
|
|
2681
|
+
children: /* @__PURE__ */ (0, U.jsxs)(h, {
|
|
2677
2682
|
className: "flex w-full items-center justify-between",
|
|
2678
|
-
children: [$(e.label, l), /* @__PURE__ */ (0,
|
|
2683
|
+
children: [$(e.label, l), /* @__PURE__ */ (0, U.jsx)(I, { className: `ml-auto h-4 w-4 transition-transform ${g ? "rotate-90" : ""}` })]
|
|
2679
2684
|
})
|
|
2680
|
-
}), /* @__PURE__ */ (0,
|
|
2685
|
+
}), /* @__PURE__ */ (0, U.jsx)(m, { children: /* @__PURE__ */ (0, U.jsx)(S, { children: /* @__PURE__ */ (0, U.jsx)(D, { children: s.map((e) => /* @__PURE__ */ (0, U.jsx)(Ir, {
|
|
2681
2686
|
item: e,
|
|
2682
2687
|
basePath: t,
|
|
2683
2688
|
evalVis: n,
|
|
@@ -2691,79 +2696,79 @@ function jr({ item: e, basePath: t, evalVis: n, checkPerm: r, onAction: i, enabl
|
|
|
2691
2696
|
});
|
|
2692
2697
|
}
|
|
2693
2698
|
if (e.type === "action") {
|
|
2694
|
-
let t =
|
|
2695
|
-
return /* @__PURE__ */ (0,
|
|
2696
|
-
s && /* @__PURE__ */ (0,
|
|
2699
|
+
let t = Or(e.icon);
|
|
2700
|
+
return /* @__PURE__ */ (0, U.jsxs)(k, { children: [
|
|
2701
|
+
s && /* @__PURE__ */ (0, U.jsx)("span", {
|
|
2697
2702
|
className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
|
|
2698
2703
|
"aria-label": "Drag to reorder",
|
|
2699
2704
|
...s,
|
|
2700
|
-
children: /* @__PURE__ */ (0,
|
|
2705
|
+
children: /* @__PURE__ */ (0, U.jsx)(L, { className: "h-3.5 w-3.5" })
|
|
2701
2706
|
}),
|
|
2702
|
-
/* @__PURE__ */ (0,
|
|
2707
|
+
/* @__PURE__ */ (0, U.jsxs)(O, {
|
|
2703
2708
|
tooltip: $(e.label, l),
|
|
2704
2709
|
onClick: () => i?.(e),
|
|
2705
2710
|
children: [
|
|
2706
|
-
/* @__PURE__ */ (0,
|
|
2707
|
-
/* @__PURE__ */ (0,
|
|
2708
|
-
e.badge != null && /* @__PURE__ */ (0,
|
|
2711
|
+
/* @__PURE__ */ (0, U.jsx)(t, { className: "h-4 w-4" }),
|
|
2712
|
+
/* @__PURE__ */ (0, U.jsx)("span", { children: $(e.label, l) }),
|
|
2713
|
+
e.badge != null && /* @__PURE__ */ (0, U.jsx)(f, {
|
|
2709
2714
|
variant: e.badgeVariant ?? "default",
|
|
2710
2715
|
className: "ml-auto text-[10px] px-1.5 py-0",
|
|
2711
2716
|
children: e.badge
|
|
2712
2717
|
})
|
|
2713
2718
|
]
|
|
2714
2719
|
}),
|
|
2715
|
-
a && o && /* @__PURE__ */ (0,
|
|
2720
|
+
a && o && /* @__PURE__ */ (0, U.jsx)(ee, {
|
|
2716
2721
|
showOnHover: !0,
|
|
2717
2722
|
onClick: () => o(e.id, !e.pinned),
|
|
2718
2723
|
"aria-label": e.pinned ? `Unpin ${$(e.label, l)}` : `Pin ${$(e.label, l)}`,
|
|
2719
|
-
children: e.pinned ? /* @__PURE__ */ (0,
|
|
2724
|
+
children: e.pinned ? /* @__PURE__ */ (0, U.jsx)(oe, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, U.jsx)(ae, { className: "h-3.5 w-3.5" })
|
|
2720
2725
|
})
|
|
2721
2726
|
] });
|
|
2722
2727
|
}
|
|
2723
|
-
let y =
|
|
2724
|
-
/* @__PURE__ */ (0,
|
|
2725
|
-
/* @__PURE__ */ (0,
|
|
2726
|
-
e.badge != null && /* @__PURE__ */ (0,
|
|
2728
|
+
let y = Or(e.icon), { href: b, external: w } = Mr(e, t), T = b !== "#" && u.pathname.startsWith(b), E = kr(e, c, l), A = /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
|
|
2729
|
+
/* @__PURE__ */ (0, U.jsx)(y, { className: "h-4 w-4" }),
|
|
2730
|
+
/* @__PURE__ */ (0, U.jsx)("span", { children: E }),
|
|
2731
|
+
e.badge != null && /* @__PURE__ */ (0, U.jsx)(f, {
|
|
2727
2732
|
variant: e.badgeVariant ?? "default",
|
|
2728
2733
|
className: "ml-auto text-[10px] px-1.5 py-0",
|
|
2729
2734
|
children: e.badge
|
|
2730
2735
|
})
|
|
2731
2736
|
] });
|
|
2732
|
-
return /* @__PURE__ */ (0,
|
|
2733
|
-
s && /* @__PURE__ */ (0,
|
|
2737
|
+
return /* @__PURE__ */ (0, U.jsxs)(k, { children: [
|
|
2738
|
+
s && /* @__PURE__ */ (0, U.jsx)("span", {
|
|
2734
2739
|
className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
|
|
2735
2740
|
"aria-label": "Drag to reorder",
|
|
2736
2741
|
...s,
|
|
2737
|
-
children: /* @__PURE__ */ (0,
|
|
2742
|
+
children: /* @__PURE__ */ (0, U.jsx)(L, { className: "h-3.5 w-3.5" })
|
|
2738
2743
|
}),
|
|
2739
|
-
/* @__PURE__ */ (0,
|
|
2744
|
+
/* @__PURE__ */ (0, U.jsx)(O, {
|
|
2740
2745
|
asChild: !0,
|
|
2741
2746
|
isActive: T,
|
|
2742
2747
|
tooltip: E,
|
|
2743
|
-
children: w ? /* @__PURE__ */ (0,
|
|
2748
|
+
children: w ? /* @__PURE__ */ (0, U.jsx)("a", {
|
|
2744
2749
|
href: b,
|
|
2745
2750
|
target: "_blank",
|
|
2746
2751
|
rel: "noopener noreferrer",
|
|
2747
2752
|
children: A
|
|
2748
|
-
}) : /* @__PURE__ */ (0,
|
|
2753
|
+
}) : /* @__PURE__ */ (0, U.jsx)(P, {
|
|
2749
2754
|
to: b,
|
|
2750
2755
|
children: A
|
|
2751
2756
|
})
|
|
2752
2757
|
}),
|
|
2753
|
-
a && o && /* @__PURE__ */ (0,
|
|
2758
|
+
a && o && /* @__PURE__ */ (0, U.jsx)(ee, {
|
|
2754
2759
|
showOnHover: !0,
|
|
2755
2760
|
onClick: () => o(e.id, !e.pinned),
|
|
2756
2761
|
"aria-label": e.pinned ? `Unpin ${E}` : `Pin ${E}`,
|
|
2757
|
-
children: e.pinned ? /* @__PURE__ */ (0,
|
|
2762
|
+
children: e.pinned ? /* @__PURE__ */ (0, U.jsx)(oe, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, U.jsx)(ae, { className: "h-3.5 w-3.5" })
|
|
2758
2763
|
})
|
|
2759
2764
|
] });
|
|
2760
2765
|
}
|
|
2761
|
-
function
|
|
2762
|
-
let p = c(() => a ?
|
|
2766
|
+
function Lr({ items: e, basePath: t = "", evaluateVisibility: n = Ar, checkPermission: r = jr, onAction: i, searchQuery: a, enablePinning: o, onPinToggle: s, enableReorder: l, onReorder: u, resolveObjectLabel: d, t: f }) {
|
|
2767
|
+
let p = c(() => a ? Nr(e, a) : e, [e, a]), m = c(() => Rr(p), [p]), h = p.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), g = at(it(tn, { activationConstraint: { distance: Pr } }), it(Xt)), _ = (e) => {
|
|
2763
2768
|
let { active: t, over: n } = e;
|
|
2764
2769
|
if (!n || t.id === n.id || !u) return;
|
|
2765
2770
|
let r = h.findIndex((e) => e.id === t.id), i = h.findIndex((e) => e.id === n.id);
|
|
2766
|
-
r === -1 || i === -1 || u(
|
|
2771
|
+
r === -1 || i === -1 || u(sr(h, r, i).map((e, t) => ({
|
|
2767
2772
|
...e,
|
|
2768
2773
|
order: t
|
|
2769
2774
|
})));
|
|
@@ -2776,29 +2781,29 @@ function Mr({ items: e, basePath: t = "", evaluateVisibility: n = Tr, checkPermi
|
|
|
2776
2781
|
onPinToggle: s,
|
|
2777
2782
|
resolveObjectLabel: d,
|
|
2778
2783
|
t: f
|
|
2779
|
-
}, y = h.some((e) => e.type === "group"), b = m.length > 0 && o ? /* @__PURE__ */ (0,
|
|
2784
|
+
}, y = h.some((e) => e.type === "group"), b = m.length > 0 && o ? /* @__PURE__ */ (0, U.jsxs)(x, { children: [/* @__PURE__ */ (0, U.jsxs)(C, {
|
|
2780
2785
|
className: "flex items-center gap-1.5",
|
|
2781
|
-
children: [/* @__PURE__ */ (0,
|
|
2782
|
-
}), /* @__PURE__ */ (0,
|
|
2786
|
+
children: [/* @__PURE__ */ (0, U.jsx)(z, { className: "h-3.5 w-3.5" }), "Favorites"]
|
|
2787
|
+
}), /* @__PURE__ */ (0, U.jsx)(S, { children: /* @__PURE__ */ (0, U.jsx)(D, { children: m.map((e) => /* @__PURE__ */ (0, U.jsx)(Ir, {
|
|
2783
2788
|
item: e,
|
|
2784
2789
|
...v
|
|
2785
2790
|
}, `fav-${e.id}`)) }) })] }) : null;
|
|
2786
2791
|
if (!y) {
|
|
2787
2792
|
let e = h.filter((e) => e.type !== "group").map((e) => e.id);
|
|
2788
|
-
return /* @__PURE__ */ (0,
|
|
2793
|
+
return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [b, /* @__PURE__ */ (0, U.jsx)(x, { children: /* @__PURE__ */ (0, U.jsx)(S, { children: l ? /* @__PURE__ */ (0, U.jsx)(Qn, {
|
|
2789
2794
|
sensors: g,
|
|
2790
|
-
collisionDetection:
|
|
2795
|
+
collisionDetection: dt,
|
|
2791
2796
|
onDragEnd: _,
|
|
2792
|
-
children: /* @__PURE__ */ (0,
|
|
2797
|
+
children: /* @__PURE__ */ (0, U.jsx)(vr, {
|
|
2793
2798
|
items: e,
|
|
2794
|
-
strategy:
|
|
2795
|
-
children: /* @__PURE__ */ (0,
|
|
2799
|
+
strategy: mr,
|
|
2800
|
+
children: /* @__PURE__ */ (0, U.jsx)(D, { children: h.map((e) => /* @__PURE__ */ (0, U.jsx)(Fr, {
|
|
2796
2801
|
item: e,
|
|
2797
2802
|
enableReorder: l,
|
|
2798
2803
|
...v
|
|
2799
2804
|
}, e.id)) })
|
|
2800
2805
|
})
|
|
2801
|
-
}) : /* @__PURE__ */ (0,
|
|
2806
|
+
}) : /* @__PURE__ */ (0, U.jsx)(D, { children: h.map((e) => /* @__PURE__ */ (0, U.jsx)(Ir, {
|
|
2802
2807
|
item: e,
|
|
2803
2808
|
...v
|
|
2804
2809
|
}, e.id)) }) }) })] });
|
|
@@ -2806,54 +2811,54 @@ function Mr({ items: e, basePath: t = "", evaluateVisibility: n = Tr, checkPermi
|
|
|
2806
2811
|
let w = [], T = [], E = (e) => {
|
|
2807
2812
|
if (T.length === 0) return;
|
|
2808
2813
|
let t = T;
|
|
2809
|
-
T = [], w.push(/* @__PURE__ */ (0,
|
|
2814
|
+
T = [], w.push(/* @__PURE__ */ (0, U.jsx)(x, { children: /* @__PURE__ */ (0, U.jsx)(S, { children: /* @__PURE__ */ (0, U.jsx)(D, { children: t.map((e) => /* @__PURE__ */ (0, U.jsx)(Ir, {
|
|
2810
2815
|
item: e,
|
|
2811
2816
|
...v
|
|
2812
2817
|
}, e.id)) }) }) }, e));
|
|
2813
2818
|
};
|
|
2814
2819
|
return h.forEach((e, t) => {
|
|
2815
|
-
e.type === "group" ? (E(`leaf-${t}`), w.push(/* @__PURE__ */ (0,
|
|
2820
|
+
e.type === "group" ? (E(`leaf-${t}`), w.push(/* @__PURE__ */ (0, U.jsx)(Ir, {
|
|
2816
2821
|
item: e,
|
|
2817
2822
|
...v
|
|
2818
2823
|
}, e.id))) : T.push(e);
|
|
2819
|
-
}), E("leaf-end"), /* @__PURE__ */ (0,
|
|
2824
|
+
}), E("leaf-end"), /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [b, w] });
|
|
2820
2825
|
}
|
|
2821
|
-
function
|
|
2826
|
+
function Rr(e) {
|
|
2822
2827
|
let t = [];
|
|
2823
|
-
for (let n of e) n.pinned && n.type !== "group" && n.type !== "separator" && t.push(n), n.children?.length && t.push(...
|
|
2828
|
+
for (let n of e) n.pinned && n.type !== "group" && n.type !== "separator" && t.push(n), n.children?.length && t.push(...Rr(n.children));
|
|
2824
2829
|
return t;
|
|
2825
2830
|
}
|
|
2826
2831
|
//#endregion
|
|
2827
2832
|
//#region src/AppSchemaRenderer.tsx
|
|
2828
|
-
function
|
|
2833
|
+
function zr({ areas: e, activeAreaId: t, onAreaChange: n, evalVis: r, checkPerm: i }) {
|
|
2829
2834
|
let a = e.filter((e) => !(!r(e.visible) || e.requiredPermissions?.length && !i(e.requiredPermissions)));
|
|
2830
|
-
return a.length <= 1 ? null : /* @__PURE__ */ (0,
|
|
2835
|
+
return a.length <= 1 ? null : /* @__PURE__ */ (0, U.jsxs)(x, { children: [/* @__PURE__ */ (0, U.jsxs)(C, {
|
|
2831
2836
|
className: "flex items-center gap-1.5",
|
|
2832
|
-
children: [/* @__PURE__ */ (0,
|
|
2833
|
-
}), /* @__PURE__ */ (0,
|
|
2834
|
-
let r =
|
|
2835
|
-
return /* @__PURE__ */ (0,
|
|
2837
|
+
children: [/* @__PURE__ */ (0, U.jsx)(R, { className: "h-3.5 w-3.5" }), "Area"]
|
|
2838
|
+
}), /* @__PURE__ */ (0, U.jsx)(S, { children: /* @__PURE__ */ (0, U.jsx)(D, { children: a.map((e) => {
|
|
2839
|
+
let r = Or(e.icon);
|
|
2840
|
+
return /* @__PURE__ */ (0, U.jsx)(k, { children: /* @__PURE__ */ (0, U.jsxs)(O, {
|
|
2836
2841
|
isActive: e.id === t,
|
|
2837
2842
|
tooltip: $(e.label),
|
|
2838
2843
|
onClick: () => n(e.id),
|
|
2839
|
-
children: [/* @__PURE__ */ (0,
|
|
2844
|
+
children: [/* @__PURE__ */ (0, U.jsx)(r, { className: "h-4 w-4" }), /* @__PURE__ */ (0, U.jsx)("span", { children: $(e.label) })]
|
|
2840
2845
|
}) }, e.id);
|
|
2841
2846
|
}) }) })] });
|
|
2842
2847
|
}
|
|
2843
|
-
function
|
|
2844
|
-
let n =
|
|
2845
|
-
return r.length === 0 ? null : /* @__PURE__ */ (0,
|
|
2848
|
+
function Br({ items: e, basePath: t }) {
|
|
2849
|
+
let n = F(), r = e.filter((e) => e.type !== "group" && e.type !== "separator").slice(0, 5);
|
|
2850
|
+
return r.length === 0 ? null : /* @__PURE__ */ (0, U.jsx)("div", {
|
|
2846
2851
|
className: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around border-t bg-background/95 backdrop-blur-sm px-2 py-1 sm:hidden safe-area-bottom",
|
|
2847
2852
|
role: "navigation",
|
|
2848
2853
|
"aria-label": "Mobile navigation",
|
|
2849
2854
|
children: r.map((e) => {
|
|
2850
|
-
let r =
|
|
2855
|
+
let r = Or(e.icon), i = "#";
|
|
2851
2856
|
e.type === "object" ? (i = `${t}/${e.objectName}`, e.viewName && (i += `/view/${e.viewName}`)) : e.type === "dashboard" ? i = e.dashboardName ? `${t}/dashboard/${e.dashboardName}` : "#" : e.type === "page" ? i = e.pageName ? `${t}/page/${e.pageName}` : "#" : e.type === "report" ? i = e.reportName ? `${t}/report/${e.reportName}` : "#" : e.type === "url" && (i = e.url ?? "#");
|
|
2852
2857
|
let a = i !== "#" && n.pathname.startsWith(i);
|
|
2853
|
-
return /* @__PURE__ */ (0,
|
|
2858
|
+
return /* @__PURE__ */ (0, U.jsxs)(P, {
|
|
2854
2859
|
to: i,
|
|
2855
2860
|
className: `flex flex-col items-center gap-0.5 px-2 py-1.5 transition-colors min-w-[44px] min-h-[44px] justify-center ${a ? "text-primary" : "text-muted-foreground hover:text-foreground"}`,
|
|
2856
|
-
children: [/* @__PURE__ */ (0,
|
|
2861
|
+
children: [/* @__PURE__ */ (0, U.jsx)(r, { className: "h-5 w-5" }), /* @__PURE__ */ (0, U.jsx)("span", {
|
|
2857
2862
|
className: "text-[10px] truncate max-w-[60px]",
|
|
2858
2863
|
children: $(e.label)
|
|
2859
2864
|
})]
|
|
@@ -2861,46 +2866,46 @@ function Fr({ items: e, basePath: t }) {
|
|
|
2861
2866
|
})
|
|
2862
2867
|
});
|
|
2863
2868
|
}
|
|
2864
|
-
function
|
|
2865
|
-
let _ =
|
|
2866
|
-
return /* @__PURE__ */ (0,
|
|
2869
|
+
function Vr({ schema: e, basePath: t, evalVis: n, checkPerm: r, onAction: i, sidebarHeader: a, sidebarFooter: o, sidebarExtra: s, activeAreaId: c, setActiveAreaId: l, resolvedNavigation: u, enableSearch: f, enablePinning: p, onPinToggle: m, enableReorder: h, onReorder: g }) {
|
|
2870
|
+
let _ = Or(e.logo), x = e.areas ?? [], [S, C] = d("");
|
|
2871
|
+
return /* @__PURE__ */ (0, U.jsxs)(v, {
|
|
2867
2872
|
collapsible: "icon",
|
|
2868
2873
|
children: [
|
|
2869
|
-
/* @__PURE__ */ (0,
|
|
2874
|
+
/* @__PURE__ */ (0, U.jsxs)(w, { children: [a ?? /* @__PURE__ */ (0, U.jsx)(D, { children: /* @__PURE__ */ (0, U.jsx)(k, { children: /* @__PURE__ */ (0, U.jsxs)(O, {
|
|
2870
2875
|
size: "lg",
|
|
2871
2876
|
tooltip: e.title ?? e.name,
|
|
2872
|
-
children: [/* @__PURE__ */ (0,
|
|
2877
|
+
children: [/* @__PURE__ */ (0, U.jsx)("div", {
|
|
2873
2878
|
className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground",
|
|
2874
|
-
children: e.logo && e.logo.startsWith("http") ? /* @__PURE__ */ (0,
|
|
2879
|
+
children: e.logo && e.logo.startsWith("http") ? /* @__PURE__ */ (0, U.jsx)("img", {
|
|
2875
2880
|
src: e.logo,
|
|
2876
2881
|
alt: e.title ?? "",
|
|
2877
2882
|
className: "size-6 object-contain"
|
|
2878
|
-
}) : /* @__PURE__ */ (0,
|
|
2879
|
-
}), /* @__PURE__ */ (0,
|
|
2883
|
+
}) : /* @__PURE__ */ (0, U.jsx)(_, { className: "size-4" })
|
|
2884
|
+
}), /* @__PURE__ */ (0, U.jsxs)("div", {
|
|
2880
2885
|
className: "grid flex-1 text-left text-sm leading-tight",
|
|
2881
|
-
children: [/* @__PURE__ */ (0,
|
|
2886
|
+
children: [/* @__PURE__ */ (0, U.jsx)("span", {
|
|
2882
2887
|
className: "truncate font-semibold",
|
|
2883
2888
|
children: e.title ?? e.name ?? "App"
|
|
2884
|
-
}), e.description && /* @__PURE__ */ (0,
|
|
2889
|
+
}), e.description && /* @__PURE__ */ (0, U.jsx)("span", {
|
|
2885
2890
|
className: "truncate text-xs text-muted-foreground",
|
|
2886
2891
|
children: e.description
|
|
2887
2892
|
})]
|
|
2888
2893
|
})]
|
|
2889
|
-
}) }) }), f && /* @__PURE__ */ (0,
|
|
2894
|
+
}) }) }), f && /* @__PURE__ */ (0, U.jsx)(T, {
|
|
2890
2895
|
placeholder: "Search navigation…",
|
|
2891
2896
|
value: S,
|
|
2892
2897
|
onChange: (e) => C(e.target.value),
|
|
2893
2898
|
"aria-label": "Search navigation"
|
|
2894
2899
|
})] }),
|
|
2895
|
-
/* @__PURE__ */ (0,
|
|
2896
|
-
x.length > 1 && c && /* @__PURE__ */ (0,
|
|
2900
|
+
/* @__PURE__ */ (0, U.jsxs)(y, { children: [
|
|
2901
|
+
x.length > 1 && c && /* @__PURE__ */ (0, U.jsx)(zr, {
|
|
2897
2902
|
areas: x,
|
|
2898
2903
|
activeAreaId: c,
|
|
2899
2904
|
onAreaChange: l,
|
|
2900
2905
|
evalVis: n,
|
|
2901
2906
|
checkPerm: r
|
|
2902
2907
|
}),
|
|
2903
|
-
/* @__PURE__ */ (0,
|
|
2908
|
+
/* @__PURE__ */ (0, U.jsx)(Lr, {
|
|
2904
2909
|
items: u,
|
|
2905
2910
|
basePath: t,
|
|
2906
2911
|
evaluateVisibility: n,
|
|
@@ -2914,12 +2919,12 @@ function Ir({ schema: e, basePath: t, evalVis: n, checkPerm: r, onAction: i, sid
|
|
|
2914
2919
|
}),
|
|
2915
2920
|
s
|
|
2916
2921
|
] }),
|
|
2917
|
-
o && /* @__PURE__ */ (0,
|
|
2922
|
+
o && /* @__PURE__ */ (0, U.jsx)(b, { children: o })
|
|
2918
2923
|
]
|
|
2919
2924
|
});
|
|
2920
2925
|
}
|
|
2921
|
-
function
|
|
2922
|
-
let x = r ?? ((e) => !(e === !1 || e === "false")), S = i ?? (() => !0), C = c(() => (e.menu ?? []).map((e, t) =>
|
|
2926
|
+
function Hr({ schema: e, basePath: t = "", mobileNavMode: n = "drawer", evaluateVisibility: r, checkPermission: i, onAction: a, navbar: s, sidebarHeader: l, sidebarFooter: u, sidebarExtra: f, children: p, className: m, defaultOpen: h = !0, enableSearch: g, enablePinning: _, onPinToggle: v, enableReorder: y, onReorder: b }) {
|
|
2927
|
+
let x = r ?? ((e) => !(e === !1 || e === "false")), S = i ?? (() => !0), C = c(() => (e.menu ?? []).map((e, t) => V(e, t)), [e.menu]), w = e.navigation ?? C, T = e.areas ?? [], [E, D] = d(() => T.length > 0 ? T[0].id : null), ee = T.map((e) => e.id).join(",");
|
|
2923
2928
|
o(() => {
|
|
2924
2929
|
T.length > 0 ? D((e) => T.some((t) => t.id === e) ? e : T[0].id) : D(null);
|
|
2925
2930
|
}, [e.name, ee]);
|
|
@@ -2928,8 +2933,8 @@ function Lr({ schema: e, basePath: t = "", mobileNavMode: n = "drawer", evaluate
|
|
|
2928
2933
|
favicon: e.favicon,
|
|
2929
2934
|
logo: e.logo
|
|
2930
2935
|
};
|
|
2931
|
-
return /* @__PURE__ */ (0,
|
|
2932
|
-
sidebar: /* @__PURE__ */ (0,
|
|
2936
|
+
return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)(ge, {
|
|
2937
|
+
sidebar: /* @__PURE__ */ (0, U.jsx)(Vr, {
|
|
2933
2938
|
schema: e,
|
|
2934
2939
|
basePath: t,
|
|
2935
2940
|
evalVis: x,
|
|
@@ -2952,26 +2957,26 @@ function Lr({ schema: e, basePath: t = "", mobileNavMode: n = "drawer", evaluate
|
|
|
2952
2957
|
defaultOpen: h,
|
|
2953
2958
|
branding: k,
|
|
2954
2959
|
children: p
|
|
2955
|
-
}), n === "bottom_nav" && /* @__PURE__ */ (0,
|
|
2960
|
+
}), n === "bottom_nav" && /* @__PURE__ */ (0, U.jsx)(Br, {
|
|
2956
2961
|
items: O,
|
|
2957
2962
|
basePath: t
|
|
2958
2963
|
})] });
|
|
2959
2964
|
}
|
|
2960
2965
|
//#endregion
|
|
2961
2966
|
//#region src/Page.tsx
|
|
2962
|
-
var
|
|
2963
|
-
function
|
|
2964
|
-
let a =
|
|
2965
|
-
return /* @__PURE__ */ (0,
|
|
2967
|
+
var Ur = (e) => e ? Array.isArray(e) ? e : [e] : [];
|
|
2968
|
+
function Wr({ schema: e, className: t, style: n, id: r, ...i }) {
|
|
2969
|
+
let a = Ur(e.children);
|
|
2970
|
+
return /* @__PURE__ */ (0, U.jsxs)("div", {
|
|
2966
2971
|
id: r || e.id,
|
|
2967
2972
|
className: M("flex flex-col h-full space-y-4", t),
|
|
2968
2973
|
style: n,
|
|
2969
|
-
children: [/* @__PURE__ */ (0,
|
|
2974
|
+
children: [/* @__PURE__ */ (0, U.jsx)(pe, {
|
|
2970
2975
|
title: e.title,
|
|
2971
2976
|
description: e.description
|
|
2972
|
-
}), /* @__PURE__ */ (0,
|
|
2977
|
+
}), /* @__PURE__ */ (0, U.jsx)("div", {
|
|
2973
2978
|
className: "flex-1 overflow-auto",
|
|
2974
|
-
children: a.map((e, t) => /* @__PURE__ */ (0,
|
|
2979
|
+
children: a.map((e, t) => /* @__PURE__ */ (0, U.jsx)(le, {
|
|
2975
2980
|
schema: e,
|
|
2976
2981
|
...i
|
|
2977
2982
|
}, e?.id || t))
|
|
@@ -2980,38 +2985,38 @@ function zr({ schema: e, className: t, style: n, id: r, ...i }) {
|
|
|
2980
2985
|
}
|
|
2981
2986
|
//#endregion
|
|
2982
2987
|
//#region src/SidebarNav.tsx
|
|
2983
|
-
function
|
|
2988
|
+
function Gr(e) {
|
|
2984
2989
|
return "items" in e && !("href" in e);
|
|
2985
2990
|
}
|
|
2986
|
-
function
|
|
2987
|
-
return e.children && e.children.length > 0 ? /* @__PURE__ */ (0,
|
|
2991
|
+
function Kr({ item: e, pathname: t }) {
|
|
2992
|
+
return e.children && e.children.length > 0 ? /* @__PURE__ */ (0, U.jsx)(p, {
|
|
2988
2993
|
asChild: !0,
|
|
2989
2994
|
defaultOpen: !0,
|
|
2990
2995
|
className: "group/collapsible",
|
|
2991
|
-
children: /* @__PURE__ */ (0,
|
|
2996
|
+
children: /* @__PURE__ */ (0, U.jsxs)(k, { children: [/* @__PURE__ */ (0, U.jsx)(h, {
|
|
2992
2997
|
asChild: !0,
|
|
2993
|
-
children: /* @__PURE__ */ (0,
|
|
2998
|
+
children: /* @__PURE__ */ (0, U.jsxs)(O, {
|
|
2994
2999
|
tooltip: e.title,
|
|
2995
3000
|
children: [
|
|
2996
|
-
e.icon && /* @__PURE__ */ (0,
|
|
2997
|
-
/* @__PURE__ */ (0,
|
|
2998
|
-
e.badge != null && /* @__PURE__ */ (0,
|
|
3001
|
+
e.icon && /* @__PURE__ */ (0, U.jsx)(e.icon, {}),
|
|
3002
|
+
/* @__PURE__ */ (0, U.jsx)("span", { children: e.title }),
|
|
3003
|
+
e.badge != null && /* @__PURE__ */ (0, U.jsx)(f, {
|
|
2999
3004
|
variant: e.badgeVariant || "default",
|
|
3000
3005
|
className: "ml-auto mr-1 h-5 min-w-5 px-1 text-xs",
|
|
3001
3006
|
children: e.badge
|
|
3002
3007
|
}),
|
|
3003
|
-
/* @__PURE__ */ (0,
|
|
3008
|
+
/* @__PURE__ */ (0, U.jsx)(I, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
|
|
3004
3009
|
]
|
|
3005
3010
|
})
|
|
3006
|
-
}), /* @__PURE__ */ (0,
|
|
3011
|
+
}), /* @__PURE__ */ (0, U.jsx)(m, { children: /* @__PURE__ */ (0, U.jsx)(A, { children: e.children.map((e) => /* @__PURE__ */ (0, U.jsx)(ne, { children: /* @__PURE__ */ (0, U.jsx)(te, {
|
|
3007
3012
|
asChild: !0,
|
|
3008
3013
|
isActive: t === e.href,
|
|
3009
|
-
children: /* @__PURE__ */ (0,
|
|
3014
|
+
children: /* @__PURE__ */ (0, U.jsxs)(re, {
|
|
3010
3015
|
to: e.href,
|
|
3011
3016
|
children: [
|
|
3012
|
-
e.icon && /* @__PURE__ */ (0,
|
|
3013
|
-
/* @__PURE__ */ (0,
|
|
3014
|
-
e.badge != null && /* @__PURE__ */ (0,
|
|
3017
|
+
e.icon && /* @__PURE__ */ (0, U.jsx)(e.icon, {}),
|
|
3018
|
+
/* @__PURE__ */ (0, U.jsx)("span", { children: e.title }),
|
|
3019
|
+
e.badge != null && /* @__PURE__ */ (0, U.jsx)(f, {
|
|
3015
3020
|
variant: e.badgeVariant || "default",
|
|
3016
3021
|
className: "ml-auto h-5 min-w-5 px-1 text-xs",
|
|
3017
3022
|
children: e.badge
|
|
@@ -3019,16 +3024,16 @@ function Vr({ item: e, pathname: t }) {
|
|
|
3019
3024
|
]
|
|
3020
3025
|
})
|
|
3021
3026
|
}) }, e.href)) }) })] })
|
|
3022
|
-
}) : /* @__PURE__ */ (0,
|
|
3027
|
+
}) : /* @__PURE__ */ (0, U.jsx)(k, { children: /* @__PURE__ */ (0, U.jsx)(O, {
|
|
3023
3028
|
asChild: !0,
|
|
3024
3029
|
isActive: t === e.href,
|
|
3025
3030
|
tooltip: e.title,
|
|
3026
|
-
children: /* @__PURE__ */ (0,
|
|
3031
|
+
children: /* @__PURE__ */ (0, U.jsxs)(re, {
|
|
3027
3032
|
to: e.href,
|
|
3028
3033
|
children: [
|
|
3029
|
-
e.icon && /* @__PURE__ */ (0,
|
|
3030
|
-
/* @__PURE__ */ (0,
|
|
3031
|
-
e.badge != null && /* @__PURE__ */ (0,
|
|
3034
|
+
e.icon && /* @__PURE__ */ (0, U.jsx)(e.icon, {}),
|
|
3035
|
+
/* @__PURE__ */ (0, U.jsx)("span", { children: e.title }),
|
|
3036
|
+
e.badge != null && /* @__PURE__ */ (0, U.jsx)(f, {
|
|
3032
3037
|
variant: e.badgeVariant || "default",
|
|
3033
3038
|
className: "ml-auto h-5 min-w-5 px-1 text-xs",
|
|
3034
3039
|
children: e.badge
|
|
@@ -3037,8 +3042,8 @@ function Vr({ item: e, pathname: t }) {
|
|
|
3037
3042
|
})
|
|
3038
3043
|
}) });
|
|
3039
3044
|
}
|
|
3040
|
-
function
|
|
3041
|
-
let s =
|
|
3045
|
+
function qr({ items: e, title: n = "Application", className: r, collapsible: i = "icon", searchEnabled: a = !1, searchPlaceholder: o = "Search..." }) {
|
|
3046
|
+
let s = F(), [c, l] = t.useState(""), u = t.useMemo(() => e.length === 0 ? [] : Gr(e[0]) ? e.map((e) => ({
|
|
3042
3047
|
groupLabel: e.label,
|
|
3043
3048
|
items: e.items
|
|
3044
3049
|
})) : [{ items: e }], [e]), d = t.useMemo(() => {
|
|
@@ -3049,14 +3054,14 @@ function Hr({ items: e, title: n = "Application", className: r, collapsible: i =
|
|
|
3049
3054
|
items: t.items.filter((t) => t.title.toLowerCase().includes(e) || t.children?.some((t) => t.title.toLowerCase().includes(e)))
|
|
3050
3055
|
})).filter((e) => e.items.length > 0);
|
|
3051
3056
|
}, [u, c]);
|
|
3052
|
-
return /* @__PURE__ */ (0,
|
|
3057
|
+
return /* @__PURE__ */ (0, U.jsx)(v, {
|
|
3053
3058
|
className: r,
|
|
3054
3059
|
collapsible: i,
|
|
3055
|
-
children: /* @__PURE__ */ (0,
|
|
3060
|
+
children: /* @__PURE__ */ (0, U.jsxs)(y, { children: [a && /* @__PURE__ */ (0, U.jsx)("div", {
|
|
3056
3061
|
className: "px-3 py-2",
|
|
3057
|
-
children: /* @__PURE__ */ (0,
|
|
3062
|
+
children: /* @__PURE__ */ (0, U.jsxs)("div", {
|
|
3058
3063
|
className: "relative",
|
|
3059
|
-
children: [/* @__PURE__ */ (0,
|
|
3064
|
+
children: [/* @__PURE__ */ (0, U.jsx)(se, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ (0, U.jsx)(g, {
|
|
3060
3065
|
type: "search",
|
|
3061
3066
|
placeholder: o,
|
|
3062
3067
|
value: c,
|
|
@@ -3064,16 +3069,26 @@ function Hr({ items: e, title: n = "Application", className: r, collapsible: i =
|
|
|
3064
3069
|
className: "pl-8 h-9"
|
|
3065
3070
|
})]
|
|
3066
3071
|
})
|
|
3067
|
-
}), d.map((e, t) => /* @__PURE__ */ (0,
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3072
|
+
}), d.map((e, t) => /* @__PURE__ */ (0, U.jsxs)(x, { children: [
|
|
3073
|
+
t > 0 && /* @__PURE__ */ (0, U.jsx)("div", {
|
|
3074
|
+
className: "mx-3 mb-1 h-px bg-sidebar-border/60",
|
|
3075
|
+
"aria-hidden": !0
|
|
3076
|
+
}),
|
|
3077
|
+
/* @__PURE__ */ (0, U.jsx)(C, {
|
|
3078
|
+
className: "text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60",
|
|
3079
|
+
children: e.groupLabel || n
|
|
3080
|
+
}),
|
|
3081
|
+
/* @__PURE__ */ (0, U.jsx)(S, { children: /* @__PURE__ */ (0, U.jsx)(D, { children: e.items.map((e) => /* @__PURE__ */ (0, U.jsx)(Kr, {
|
|
3082
|
+
item: e,
|
|
3083
|
+
pathname: s.pathname
|
|
3084
|
+
}, e.href)) }) })
|
|
3085
|
+
] }, e.groupLabel || t))] })
|
|
3071
3086
|
});
|
|
3072
3087
|
}
|
|
3073
3088
|
//#endregion
|
|
3074
3089
|
//#region src/index.ts
|
|
3075
|
-
function
|
|
3076
|
-
e.register("page-header",
|
|
3090
|
+
function Jr() {
|
|
3091
|
+
e.register("page-header", pe, {
|
|
3077
3092
|
namespace: "layout",
|
|
3078
3093
|
label: "Page Header",
|
|
3079
3094
|
category: "Layout",
|
|
@@ -3084,16 +3099,16 @@ function Ur() {
|
|
|
3084
3099
|
name: "description",
|
|
3085
3100
|
type: "string"
|
|
3086
3101
|
}]
|
|
3087
|
-
}), e.register("page:header",
|
|
3102
|
+
}), e.register("page:header", pe, { namespace: "layout" }), e.register("page:card", _e, {
|
|
3088
3103
|
namespace: "layout",
|
|
3089
3104
|
label: "Page Card",
|
|
3090
3105
|
category: "Layout",
|
|
3091
3106
|
isContainer: !0
|
|
3092
|
-
}), e.register("app-shell",
|
|
3107
|
+
}), e.register("app-shell", ge, {
|
|
3093
3108
|
namespace: "layout",
|
|
3094
3109
|
label: "App Shell",
|
|
3095
3110
|
category: "Layout"
|
|
3096
|
-
}), e.register("responsive-grid",
|
|
3111
|
+
}), e.register("responsive-grid", xe, {
|
|
3097
3112
|
namespace: "layout",
|
|
3098
3113
|
label: "Responsive Grid",
|
|
3099
3114
|
category: "Layout",
|
|
@@ -3105,7 +3120,7 @@ function Ur() {
|
|
|
3105
3120
|
name: "gap",
|
|
3106
3121
|
type: "number"
|
|
3107
3122
|
}]
|
|
3108
|
-
}), e.register("navigation-renderer",
|
|
3123
|
+
}), e.register("navigation-renderer", Lr, {
|
|
3109
3124
|
namespace: "layout",
|
|
3110
3125
|
label: "Navigation Renderer",
|
|
3111
3126
|
category: "Layout",
|
|
@@ -3116,7 +3131,7 @@ function Ur() {
|
|
|
3116
3131
|
name: "basePath",
|
|
3117
3132
|
type: "string"
|
|
3118
3133
|
}]
|
|
3119
|
-
}), e.register("app-schema-renderer",
|
|
3134
|
+
}), e.register("app-schema-renderer", Hr, {
|
|
3120
3135
|
namespace: "layout",
|
|
3121
3136
|
label: "App Schema Renderer",
|
|
3122
3137
|
category: "Layout",
|
|
@@ -3138,7 +3153,7 @@ function Ur() {
|
|
|
3138
3153
|
});
|
|
3139
3154
|
}
|
|
3140
3155
|
try {
|
|
3141
|
-
|
|
3156
|
+
Jr();
|
|
3142
3157
|
} catch {}
|
|
3143
3158
|
//#endregion
|
|
3144
|
-
export {
|
|
3159
|
+
export { Hr as AppSchemaRenderer, ge as AppShell, Lr as NavigationRenderer, Wr as Page, _e as PageCard, pe as PageHeader, xe as ResponsiveGrid, qr as SidebarNav, Nr as filterNavigationItems, Jr as registerLayout, Or as resolveIcon, $ as resolveLabel, he as useAppShellBranding };
|