@vc-shell/framework 2.4.0-pr302.e9fab59 → 2.4.0-pr303.f20ea90
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/dist/chunks/VcAiAgentPanel.vue_vue_type_style_index_0_lang-CZdY18Hq.js.map +1 -1
- package/dist/chunks/VcScheduler.vue_vue_type_script_setup_true_lang-CfaVA4mj.js.map +1 -1
- package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-DSujdkDw.js → dashboard-feed-row.vue_vue_type_script_setup_true_lang-BCsJG_hk.js} +146 -141
- package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-DSujdkDw.js.map → dashboard-feed-row.vue_vue_type_script_setup_true_lang-BCsJG_hk.js.map} +1 -1
- package/dist/core/blade-navigation/utils/bladeRouterGuard.d.ts +2 -1
- package/dist/core/blade-navigation/utils/bladeRouterGuard.d.ts.map +1 -1
- package/dist/dashboard/index.js +1 -1
- package/dist/framework.js +4 -4
- package/dist/framework.js.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/injection-keys.d.ts +2 -1
- package/dist/injection-keys.d.ts.map +1 -1
- package/dist/shell/dashboard/draggable-dashboard/GridstackDashboard.vue.d.ts.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/components/organisms/vc-data-table/VcDataTable.vue.d.ts +2 -1
- package/dist/ui/components/organisms/vc-data-table/VcDataTable.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-data-table/components/GlobalFiltersPanel.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-data-table/components/TableSearchHeader.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-data-table/components/mobile/PullToRefresh.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-scheduler/_internal/SchedulerToolbar.vue.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { shallowRef as he, ref as D, watch as le, nextTick as de, onUnmounted as pe, openBlock as v, createElementBlock as _, createStaticVNode as me, defineComponent as
|
|
1
|
+
import { shallowRef as he, ref as D, watch as le, nextTick as de, onUnmounted as pe, openBlock as v, createElementBlock as _, createStaticVNode as me, defineComponent as R, inject as fe, computed as se, onMounted as ve, createBlock as Y, withCtx as ge, unref as Z, Fragment as re, renderList as ie, normalizeStyle as ye, normalizeClass as ce, createElementVNode as w, createCommentVNode as B, resolveDynamicComponent as _e, mergeProps as be, toDisplayString as J, renderSlot as O, createVNode as we, withDirectives as ke } from "vue";
|
|
2
2
|
import { q as $e, r as xe, s as Se, l as Le } from "./VcScheduler.vue_vue_type_style_index_0_lang-BTg4PjTB.js";
|
|
3
|
-
import { G as
|
|
4
|
-
import { M as
|
|
3
|
+
import { G as We } from "./vendor-gridstack-Beau2jQ7.js";
|
|
4
|
+
import { M as ze, _ as De } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-CZdY18Hq.js";
|
|
5
5
|
import "vee-validate";
|
|
6
6
|
import "./vendor-tiptap-starter-kit-ny-AoaO_.js";
|
|
7
7
|
import "./vendor-tiptap-extension-underline-Bo1pXXDN.js";
|
|
@@ -82,7 +82,7 @@ import "./ExtensionPoint.vue_vue_type_style_index_0_lang-B1R06zHa.js";
|
|
|
82
82
|
import "./vendor-truncate-html-ChA1T5zy.js";
|
|
83
83
|
import "./vendor-sortablejs-Bsvu-FKn.js";
|
|
84
84
|
const j = "vc-dashboard-layout";
|
|
85
|
-
function
|
|
85
|
+
function ee(t, s) {
|
|
86
86
|
const a = s ?? t.position;
|
|
87
87
|
return {
|
|
88
88
|
id: t.id,
|
|
@@ -96,7 +96,7 @@ function Z(t, s) {
|
|
|
96
96
|
minH: 2
|
|
97
97
|
};
|
|
98
98
|
}
|
|
99
|
-
function
|
|
99
|
+
function te(t) {
|
|
100
100
|
return {
|
|
101
101
|
id: t.id ?? "",
|
|
102
102
|
position: {
|
|
@@ -122,7 +122,7 @@ function Ae(t) {
|
|
|
122
122
|
});
|
|
123
123
|
return s;
|
|
124
124
|
}
|
|
125
|
-
function
|
|
125
|
+
function oe() {
|
|
126
126
|
try {
|
|
127
127
|
const t = localStorage.getItem(j);
|
|
128
128
|
if (!t) return null;
|
|
@@ -168,18 +168,18 @@ function Ge() {
|
|
|
168
168
|
}
|
|
169
169
|
function Pe(t, s = 12) {
|
|
170
170
|
const a = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), p = (o, y, f, k) => {
|
|
171
|
-
for (let
|
|
172
|
-
const
|
|
171
|
+
for (let b = y; b < y + k; b++) {
|
|
172
|
+
const z = h.get(b) || [];
|
|
173
173
|
for (let S = o; S < o + f; S++)
|
|
174
|
-
if (
|
|
174
|
+
if (z.includes(S)) return !1;
|
|
175
175
|
}
|
|
176
176
|
return !0;
|
|
177
|
-
},
|
|
178
|
-
for (let
|
|
179
|
-
const
|
|
177
|
+
}, W = (o, y, f, k) => {
|
|
178
|
+
for (let b = y; b < y + k; b++) {
|
|
179
|
+
const z = h.get(b) || [];
|
|
180
180
|
for (let S = o; S < o + f; S++)
|
|
181
|
-
|
|
182
|
-
h.set(
|
|
181
|
+
z.push(S);
|
|
182
|
+
h.set(b, z);
|
|
183
183
|
}
|
|
184
184
|
}, i = (o, y) => {
|
|
185
185
|
let f = 0;
|
|
@@ -193,15 +193,15 @@ function Pe(t, s = 12) {
|
|
|
193
193
|
};
|
|
194
194
|
for (const o of t) {
|
|
195
195
|
const y = i(o.size.width, o.size.height);
|
|
196
|
-
a.set(o.id, y),
|
|
196
|
+
a.set(o.id, y), W(y.x, y.y, o.size.width, o.size.height);
|
|
197
197
|
}
|
|
198
198
|
return a;
|
|
199
199
|
}
|
|
200
|
-
function
|
|
200
|
+
function ae(t, s) {
|
|
201
201
|
if (s && s.size > 0) {
|
|
202
202
|
const h = /* @__PURE__ */ new Map();
|
|
203
203
|
for (const p of t) {
|
|
204
|
-
const
|
|
204
|
+
const W = s.get(p.id), i = p.position, o = W ?? i ?? { x: 0, y: 0 };
|
|
205
205
|
h.set(p.id, o);
|
|
206
206
|
}
|
|
207
207
|
return h;
|
|
@@ -234,84 +234,84 @@ const Me = {
|
|
|
234
234
|
}
|
|
235
235
|
};
|
|
236
236
|
function Oe(t, s = {}) {
|
|
237
|
-
const { gridOptions: a = {}, resizable: h = !1, autoSave: p = !0, onLayoutChange:
|
|
237
|
+
const { gridOptions: a = {}, resizable: h = !1, autoSave: p = !0, onLayoutChange: W } = s, i = he(null), o = D(/* @__PURE__ */ new Map()), y = D(!1), f = D(!1), k = {
|
|
238
238
|
...Me,
|
|
239
239
|
...a,
|
|
240
240
|
disableResize: !h
|
|
241
|
-
},
|
|
241
|
+
}, b = (r) => {
|
|
242
242
|
if (i.value) {
|
|
243
243
|
console.warn("[useGridstack] Grid already initialized");
|
|
244
244
|
return;
|
|
245
245
|
}
|
|
246
|
-
const l =
|
|
247
|
-
o.value =
|
|
246
|
+
const l = oe();
|
|
247
|
+
o.value = ae(t.value, l), i.value = We.init(k, r), i.value.on("change", z), i.value.on("added", S), i.value.on("removed", Q);
|
|
248
248
|
const c = t.value.map((g) => {
|
|
249
249
|
const m = o.value.get(g.id);
|
|
250
|
-
return
|
|
250
|
+
return ee(g, m);
|
|
251
251
|
});
|
|
252
252
|
i.value.load(c), y.value = !0;
|
|
253
|
-
},
|
|
253
|
+
}, z = (r, l) => {
|
|
254
254
|
if (!f.value) {
|
|
255
255
|
for (const c of l) {
|
|
256
|
-
const { id: g, position: m } =
|
|
256
|
+
const { id: g, position: m } = te(c);
|
|
257
257
|
if (g) {
|
|
258
|
-
const $ = o.value.get(g),
|
|
258
|
+
const $ = o.value.get(g), N = typeof c.w == "number" ? c.w : $?.width, L = typeof c.h == "number" ? c.h : $?.height;
|
|
259
259
|
o.value.set(g, {
|
|
260
260
|
...m,
|
|
261
|
-
...typeof
|
|
261
|
+
...typeof N == "number" ? { width: N } : {},
|
|
262
262
|
...typeof L == "number" ? { height: L } : {}
|
|
263
263
|
});
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
|
-
o.value = new Map(o.value),
|
|
266
|
+
o.value = new Map(o.value), W?.(o.value), p && P();
|
|
267
267
|
}
|
|
268
268
|
}, S = (r, l) => {
|
|
269
269
|
for (const c of l) {
|
|
270
|
-
const { id: g, position: m } =
|
|
270
|
+
const { id: g, position: m } = te(c);
|
|
271
271
|
g && !o.value.has(g) && o.value.set(g, m);
|
|
272
272
|
}
|
|
273
273
|
o.value = new Map(o.value);
|
|
274
|
-
},
|
|
274
|
+
}, Q = (r, l) => {
|
|
275
275
|
for (const c of l)
|
|
276
276
|
c.id && o.value.delete(c.id);
|
|
277
277
|
o.value = new Map(o.value);
|
|
278
|
-
},
|
|
278
|
+
}, U = () => {
|
|
279
279
|
i.value && (i.value.off("change"), i.value.off("added"), i.value.off("removed"), i.value.destroy(!1), i.value = null, y.value = !1);
|
|
280
|
-
},
|
|
280
|
+
}, F = (r) => {
|
|
281
281
|
if (!i.value) return;
|
|
282
|
-
const l = o.value.get(r.id) ?? r.position, c =
|
|
282
|
+
const l = o.value.get(r.id) ?? r.position, c = ee(r, l), g = document.querySelector(`[gs-id="${r.id}"]`);
|
|
283
283
|
g && i.value.makeWidget(g, c);
|
|
284
|
-
},
|
|
284
|
+
}, C = (r) => {
|
|
285
285
|
if (!i.value) return;
|
|
286
286
|
const l = document.querySelector(`[gs-id="${r}"]`);
|
|
287
287
|
l && i.value.removeWidget(l, !1), o.value.delete(r);
|
|
288
|
-
},
|
|
289
|
-
const m = l.gridstackNode, $ = o.value.get(r),
|
|
288
|
+
}, H = (r, l, c, g) => {
|
|
289
|
+
const m = l.gridstackNode, $ = o.value.get(r), N = m?.x ?? c?.x ?? $?.x ?? 0, L = m?.y ?? c?.y ?? $?.y ?? 0, K = m?.w ?? g?.width ?? $?.width, X = m?.h ?? g?.height ?? $?.height;
|
|
290
290
|
o.value.set(r, {
|
|
291
|
-
x:
|
|
291
|
+
x: N,
|
|
292
292
|
y: L,
|
|
293
|
-
...typeof
|
|
294
|
-
...typeof
|
|
293
|
+
...typeof K == "number" ? { width: K } : {},
|
|
294
|
+
...typeof X == "number" ? { height: X } : {}
|
|
295
295
|
}), o.value = new Map(o.value);
|
|
296
296
|
}, q = (r, l) => {
|
|
297
297
|
if (!i.value) return;
|
|
298
298
|
const c = document.querySelector(`[gs-id="${r}"]`);
|
|
299
|
-
c && (f.value = !0, i.value.update(c, { x: l.x, y: l.y }),
|
|
300
|
-
},
|
|
299
|
+
c && (f.value = !0, i.value.update(c, { x: l.x, y: l.y }), H(r, c, l), f.value = !1);
|
|
300
|
+
}, A = (r, l) => {
|
|
301
301
|
if (!i.value) return;
|
|
302
302
|
const c = document.querySelector(`[gs-id="${r}"]`);
|
|
303
|
-
c && (f.value = !0, i.value.update(c, { w: l.width, h: l.height }),
|
|
303
|
+
c && (f.value = !0, i.value.update(c, { w: l.width, h: l.height }), H(r, c, void 0, l), f.value = !1);
|
|
304
304
|
}, P = () => {
|
|
305
305
|
ue(t.value, o.value);
|
|
306
|
-
}, E = () => {
|
|
307
|
-
const r = te();
|
|
308
|
-
r && (o.value = oe(t.value, r), A());
|
|
309
306
|
}, T = () => {
|
|
307
|
+
const r = oe();
|
|
308
|
+
r && (o.value = ae(t.value, r), G());
|
|
309
|
+
}, I = () => {
|
|
310
310
|
o.value = /* @__PURE__ */ new Map();
|
|
311
311
|
for (const r of t.value)
|
|
312
312
|
r.position && o.value.set(r.id, { ...r.position });
|
|
313
|
-
|
|
314
|
-
},
|
|
313
|
+
G(), P();
|
|
314
|
+
}, G = () => {
|
|
315
315
|
if (i.value) {
|
|
316
316
|
f.value = !0, i.value.batchUpdate();
|
|
317
317
|
for (const r of t.value) {
|
|
@@ -330,7 +330,7 @@ function Oe(t, s = {}) {
|
|
|
330
330
|
}
|
|
331
331
|
i.value.batchUpdate(!1), f.value = !1;
|
|
332
332
|
}
|
|
333
|
-
},
|
|
333
|
+
}, E = (r) => {
|
|
334
334
|
if (!i.value) {
|
|
335
335
|
r();
|
|
336
336
|
return;
|
|
@@ -344,27 +344,27 @@ function Oe(t, s = {}) {
|
|
|
344
344
|
await de();
|
|
345
345
|
const c = r.filter((m) => !l?.some(($) => $.id === m.id)), g = l?.filter((m) => !r.some(($) => $.id === m.id)).map((m) => m.id) ?? [];
|
|
346
346
|
for (const m of g)
|
|
347
|
-
|
|
347
|
+
C(m);
|
|
348
348
|
for (const m of c)
|
|
349
|
-
|
|
349
|
+
F(m);
|
|
350
350
|
},
|
|
351
351
|
{ deep: !1 }
|
|
352
352
|
), pe(() => {
|
|
353
|
-
|
|
353
|
+
U();
|
|
354
354
|
}), {
|
|
355
355
|
grid: i,
|
|
356
356
|
layout: o,
|
|
357
357
|
isInitialized: y,
|
|
358
|
-
initGrid:
|
|
359
|
-
destroyGrid:
|
|
360
|
-
addWidget:
|
|
361
|
-
removeWidget:
|
|
358
|
+
initGrid: b,
|
|
359
|
+
destroyGrid: U,
|
|
360
|
+
addWidget: F,
|
|
361
|
+
removeWidget: C,
|
|
362
362
|
updateWidgetPosition: q,
|
|
363
|
-
updateWidgetSize:
|
|
363
|
+
updateWidgetSize: A,
|
|
364
364
|
saveLayout: P,
|
|
365
|
-
loadLayout:
|
|
366
|
-
resetToDefaults:
|
|
367
|
-
batchUpdate:
|
|
365
|
+
loadLayout: T,
|
|
366
|
+
resetToDefaults: I,
|
|
367
|
+
batchUpdate: E
|
|
368
368
|
};
|
|
369
369
|
}
|
|
370
370
|
const Ee = {}, Te = {
|
|
@@ -385,7 +385,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
385
385
|
role: "status",
|
|
386
386
|
"aria-live": "polite",
|
|
387
387
|
"aria-atomic": "true"
|
|
388
|
-
}, ne = 2, Ke = /* @__PURE__ */
|
|
388
|
+
}, ne = 2, Ke = /* @__PURE__ */ R({
|
|
389
389
|
__name: "GridstackDashboard",
|
|
390
390
|
props: {
|
|
391
391
|
showDragHandles: { type: Boolean, default: !1 },
|
|
@@ -414,10 +414,10 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
414
414
|
return null;
|
|
415
415
|
}
|
|
416
416
|
}
|
|
417
|
-
const p = t,
|
|
417
|
+
const p = t, W = D(null), i = D(""), o = fe(ze, D(!0)), y = se(() => o.value ? [] : h() ?? a), f = (e) => ({
|
|
418
418
|
gridColumn: `${e.x + 1} / span ${e.w}`,
|
|
419
419
|
gridRow: `${e.y + 1} / span ${e.h}`
|
|
420
|
-
}), k = xe(),
|
|
420
|
+
}), k = xe(), b = se(() => k.getWidgets()), { layout: z, isInitialized: S, initGrid: Q, saveLayout: U, resetToDefaults: F, updateWidgetPosition: C, updateWidgetSize: H } = Oe(b, {
|
|
421
421
|
resizable: p.resizable,
|
|
422
422
|
autoSave: !0,
|
|
423
423
|
gridOptions: {
|
|
@@ -430,39 +430,44 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
430
430
|
k.updateWidgetPosition(u, n);
|
|
431
431
|
L("Widget positions updated");
|
|
432
432
|
}
|
|
433
|
-
}), q = (e) =>
|
|
434
|
-
const u =
|
|
433
|
+
}), q = (e) => z.value.get(e), A = D(null), P = D(null), T = D(null), I = (e) => z.value.get(e.id) ?? e.position ?? { x: 0, y: 0 }, G = (e) => {
|
|
434
|
+
const u = z.value.get(e.id);
|
|
435
435
|
return {
|
|
436
436
|
width: u?.width ?? e.size.width,
|
|
437
437
|
height: u?.height ?? e.size.height
|
|
438
438
|
};
|
|
439
|
-
},
|
|
440
|
-
|
|
441
|
-
`${
|
|
439
|
+
}, E = (e) => e.name || e.id, r = (e) => {
|
|
440
|
+
A.value = e.id, P.value = { ...I(e) }, T.value = { ...G(e) }, L(
|
|
441
|
+
`${E(e)} picked up. Use arrow keys to move, Shift and arrow keys to resize, Enter to drop, Escape to cancel.`
|
|
442
442
|
);
|
|
443
443
|
}, l = (e) => {
|
|
444
|
-
|
|
445
|
-
const { x: u, y: n } =
|
|
446
|
-
L(`${
|
|
444
|
+
A.value = null, P.value = null, T.value = null, U();
|
|
445
|
+
const { x: u, y: n } = I(e);
|
|
446
|
+
L(`${E(e)} dropped at column ${u + 1}, row ${n + 1}.`);
|
|
447
447
|
}, c = (e) => {
|
|
448
|
-
const u = P.value, n =
|
|
449
|
-
n && (n.width !== d.width || n.height !== d.height) &&
|
|
448
|
+
const u = P.value, n = T.value, d = G(e);
|
|
449
|
+
n && (n.width !== d.width || n.height !== d.height) && H(e.id, n), u && C(e.id, u), A.value = null, P.value = null, T.value = null, L(`Move cancelled. ${E(e)} returned to its original position and size.`);
|
|
450
450
|
}, g = (e, u, n) => {
|
|
451
|
-
const d =
|
|
451
|
+
const d = I(e), x = { x: d.x + u, y: d.y + n };
|
|
452
452
|
if (x.x < 0 || x.y < 0) return;
|
|
453
|
-
|
|
454
|
-
const
|
|
455
|
-
L(`${
|
|
453
|
+
C(e.id, x);
|
|
454
|
+
const M = I(e);
|
|
455
|
+
L(`${E(e)} moved to column ${M.x + 1}, row ${M.y + 1}.`);
|
|
456
456
|
}, m = (e, u, n) => {
|
|
457
|
-
const d =
|
|
458
|
-
if (x === d.width &&
|
|
459
|
-
|
|
460
|
-
const
|
|
461
|
-
L(`${
|
|
457
|
+
const d = G(e), x = u ? Math.max(ne, d.width + u) : d.width, M = n ? Math.max(ne, d.height + n) : d.height;
|
|
458
|
+
if (x === d.width && M === d.height) return;
|
|
459
|
+
H(e.id, { width: x, height: M });
|
|
460
|
+
const V = G(e);
|
|
461
|
+
L(`${E(e)} resized to ${V.width} by ${V.height} cells.`);
|
|
462
462
|
}, $ = (e, u) => {
|
|
463
|
-
|
|
463
|
+
if (e.target !== e.currentTarget) return;
|
|
464
|
+
const n = A.value === u.id;
|
|
464
465
|
if (e.key === "Enter" || e.key === " ") {
|
|
465
|
-
e.preventDefault(), n
|
|
466
|
+
if (e.preventDefault(), n) l(u);
|
|
467
|
+
else {
|
|
468
|
+
const M = b.value.find((V) => V.id === A.value);
|
|
469
|
+
M && c(M), r(u);
|
|
470
|
+
}
|
|
466
471
|
return;
|
|
467
472
|
}
|
|
468
473
|
if (e.key === "Escape" && n) {
|
|
@@ -471,95 +476,95 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
471
476
|
}
|
|
472
477
|
const d = e.key === "ArrowLeft" ? -1 : e.key === "ArrowRight" ? 1 : 0, x = e.key === "ArrowUp" ? -1 : e.key === "ArrowDown" ? 1 : 0;
|
|
473
478
|
d === 0 && x === 0 || !n || (e.preventDefault(), e.shiftKey ? p.resizable && m(u, d, x) : g(u, d, x));
|
|
474
|
-
},
|
|
475
|
-
const n = e.name || e.id, d =
|
|
476
|
-
return `${n}, widget ${u + 1} of ${
|
|
479
|
+
}, N = (e, u) => {
|
|
480
|
+
const n = e.name || e.id, d = A.value === e.id ? "Picked up. Arrow keys move, Enter drops, Escape cancels." : "Press Enter to pick up and rearrange with the arrow keys.";
|
|
481
|
+
return `${n}, widget ${u + 1} of ${b.value.length}. ${d}`;
|
|
477
482
|
}, L = (e) => {
|
|
478
483
|
i.value = e, setTimeout(() => {
|
|
479
484
|
i.value = "";
|
|
480
485
|
}, 1e3);
|
|
481
|
-
},
|
|
482
|
-
await de(),
|
|
486
|
+
}, K = async () => {
|
|
487
|
+
await de(), W.value && !S.value && Q(W.value);
|
|
483
488
|
};
|
|
484
|
-
return ve(
|
|
485
|
-
e &&
|
|
489
|
+
return ve(K), le(o, (e) => {
|
|
490
|
+
e && K();
|
|
486
491
|
}), s({
|
|
487
492
|
rearrangeWidgets: () => {
|
|
488
|
-
|
|
493
|
+
F();
|
|
489
494
|
},
|
|
490
495
|
recalculateLayout: () => {
|
|
491
496
|
},
|
|
492
|
-
saveLayout:
|
|
493
|
-
useBuiltInPositions: () => (
|
|
494
|
-
}), (e, u) => (v(),
|
|
497
|
+
saveLayout: U,
|
|
498
|
+
useBuiltInPositions: () => (F(), !0)
|
|
499
|
+
}), (e, u) => (v(), Y(Se, {
|
|
495
500
|
"no-padding": "",
|
|
496
501
|
class: "vc-gridstack-dashboard"
|
|
497
502
|
}, {
|
|
498
503
|
default: ge(() => [
|
|
499
|
-
|
|
504
|
+
Z(o) ? (v(), _("div", {
|
|
500
505
|
key: 1,
|
|
501
506
|
ref_key: "gridRef",
|
|
502
|
-
ref:
|
|
507
|
+
ref: W,
|
|
503
508
|
class: "grid-stack vc-gridstack-dashboard__grid",
|
|
504
509
|
role: "list",
|
|
505
510
|
"aria-label": t.ariaLabel
|
|
506
511
|
}, [
|
|
507
|
-
(v(!0), _(re, null, ie(
|
|
512
|
+
(v(!0), _(re, null, ie(b.value, (n, d) => (v(), _("div", {
|
|
508
513
|
key: n.id,
|
|
509
|
-
class: ce(["grid-stack-item", { "vc-gridstack-dashboard__item--grabbed":
|
|
514
|
+
class: ce(["grid-stack-item", { "vc-gridstack-dashboard__item--grabbed": A.value === n.id }]),
|
|
510
515
|
"gs-id": n.id,
|
|
511
516
|
"gs-x": q(n.id)?.x ?? n.position?.x ?? 0,
|
|
512
517
|
"gs-y": q(n.id)?.y ?? n.position?.y ?? 0,
|
|
513
|
-
"gs-w":
|
|
514
|
-
"gs-h":
|
|
518
|
+
"gs-w": G(n).width,
|
|
519
|
+
"gs-h": G(n).height,
|
|
515
520
|
"gs-min-w": 2,
|
|
516
521
|
"gs-min-h": 2,
|
|
517
522
|
role: "listitem",
|
|
518
523
|
tabindex: "0",
|
|
519
|
-
"aria-label":
|
|
524
|
+
"aria-label": N(n, d),
|
|
520
525
|
onKeydown: (x) => $(x, n)
|
|
521
526
|
}, [
|
|
522
|
-
|
|
527
|
+
w("div", Fe, [
|
|
523
528
|
t.showDragHandles ? (v(), _("div", Ce, [...u[0] || (u[0] = [
|
|
524
|
-
|
|
529
|
+
w("svg", {
|
|
525
530
|
width: "16",
|
|
526
531
|
height: "16",
|
|
527
532
|
viewBox: "0 0 16 16",
|
|
528
533
|
fill: "currentColor"
|
|
529
534
|
}, [
|
|
530
|
-
|
|
535
|
+
w("circle", {
|
|
531
536
|
cx: "5",
|
|
532
537
|
cy: "3",
|
|
533
538
|
r: "1.5"
|
|
534
539
|
}),
|
|
535
|
-
|
|
540
|
+
w("circle", {
|
|
536
541
|
cx: "11",
|
|
537
542
|
cy: "3",
|
|
538
543
|
r: "1.5"
|
|
539
544
|
}),
|
|
540
|
-
|
|
545
|
+
w("circle", {
|
|
541
546
|
cx: "5",
|
|
542
547
|
cy: "8",
|
|
543
548
|
r: "1.5"
|
|
544
549
|
}),
|
|
545
|
-
|
|
550
|
+
w("circle", {
|
|
546
551
|
cx: "11",
|
|
547
552
|
cy: "8",
|
|
548
553
|
r: "1.5"
|
|
549
554
|
}),
|
|
550
|
-
|
|
555
|
+
w("circle", {
|
|
551
556
|
cx: "5",
|
|
552
557
|
cy: "13",
|
|
553
558
|
r: "1.5"
|
|
554
559
|
}),
|
|
555
|
-
|
|
560
|
+
w("circle", {
|
|
556
561
|
cx: "11",
|
|
557
562
|
cy: "13",
|
|
558
563
|
r: "1.5"
|
|
559
564
|
})
|
|
560
565
|
], -1)
|
|
561
|
-
])])) :
|
|
562
|
-
(v(),
|
|
566
|
+
])])) : B("", !0),
|
|
567
|
+
(v(), Y(_e(n.component), be({ ref_for: !0 }, n.props || {}, { class: "vc-gridstack-dashboard__widget-content" }), null, 16))
|
|
563
568
|
])
|
|
564
569
|
], 42, Ue))), 128))
|
|
565
570
|
], 8, Re)) : (v(), _("div", {
|
|
@@ -569,18 +574,18 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
569
574
|
"aria-busy": "true",
|
|
570
575
|
"aria-label": t.ariaLabel
|
|
571
576
|
}, [
|
|
572
|
-
(v(!0), _(re, null, ie(y.value, (n, d) => (v(),
|
|
577
|
+
(v(!0), _(re, null, ie(y.value, (n, d) => (v(), Y(Ne, {
|
|
573
578
|
key: `skeleton-${d}`,
|
|
574
579
|
class: "vc-gridstack-dashboard__skeleton-item",
|
|
575
580
|
style: ye(f(n))
|
|
576
581
|
}, null, 8, ["style"]))), 128))
|
|
577
582
|
], 8, Be)),
|
|
578
|
-
|
|
583
|
+
w("div", He, J(i.value), 1)
|
|
579
584
|
]),
|
|
580
585
|
_: 1
|
|
581
586
|
}));
|
|
582
587
|
}
|
|
583
|
-
}), No = /* @__PURE__ */
|
|
588
|
+
}), No = /* @__PURE__ */ R({
|
|
584
589
|
__name: "DraggableDashboard",
|
|
585
590
|
props: {
|
|
586
591
|
showDragHandles: { type: Boolean, default: !1 },
|
|
@@ -600,7 +605,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
600
605
|
a.value?.saveLayout?.();
|
|
601
606
|
},
|
|
602
607
|
useBuiltInPositions: () => a.value?.useBuiltInPositions?.() ?? !1
|
|
603
|
-
}), (o, y) => (v(),
|
|
608
|
+
}), (o, y) => (v(), Y(Ke, {
|
|
604
609
|
ref_key: "dashboardRef",
|
|
605
610
|
ref: a,
|
|
606
611
|
"show-drag-handles": t.showDragHandles,
|
|
@@ -608,7 +613,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
608
613
|
"aria-label": t.ariaLabel
|
|
609
614
|
}, null, 8, ["show-drag-handles", "resizable", "aria-label"]));
|
|
610
615
|
}
|
|
611
|
-
}), Bo =
|
|
616
|
+
}), Bo = ee, Ro = te, Uo = oe, Fo = ue, Co = ae, Ho = Ge, Ko = j, je = { class: "dashboard-widget-card" }, qe = { class: "dashboard-widget-card__header" }, Ve = { class: "dashboard-widget-card__header-content" }, Ye = {
|
|
612
617
|
key: 0,
|
|
613
618
|
class: "dashboard-widget-card__icon-wrapper"
|
|
614
619
|
}, Je = { class: "dashboard-widget-card__title" }, Qe = {
|
|
@@ -620,7 +625,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
620
625
|
}, Ze = { class: "dashboard-widget-card__body" }, et = {
|
|
621
626
|
key: 1,
|
|
622
627
|
class: "dashboard-widget-card__footer"
|
|
623
|
-
}, jo = /* @__PURE__ */
|
|
628
|
+
}, jo = /* @__PURE__ */ R({
|
|
624
629
|
__name: "dashboard-widget-card",
|
|
625
630
|
props: {
|
|
626
631
|
header: {},
|
|
@@ -630,37 +635,37 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
630
635
|
setup(t) {
|
|
631
636
|
const s = t;
|
|
632
637
|
return (a, h) => (v(), _("div", je, [
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
638
|
+
w("div", qe, [
|
|
639
|
+
O(a.$slots, "header", {}, () => [
|
|
640
|
+
w("div", Ve, [
|
|
636
641
|
t.icon ? (v(), _("div", Ye, [
|
|
637
|
-
we(
|
|
642
|
+
we(Z(De), {
|
|
638
643
|
class: "dashboard-widget-card__icon",
|
|
639
644
|
icon: t.icon,
|
|
640
645
|
size: "l"
|
|
641
646
|
}, null, 8, ["icon"])
|
|
642
|
-
])) :
|
|
643
|
-
|
|
647
|
+
])) : B("", !0),
|
|
648
|
+
w("div", Je, J(s.header), 1)
|
|
644
649
|
])
|
|
645
650
|
]),
|
|
646
651
|
a.$slots.actions ? (v(), _("div", Qe, [
|
|
647
|
-
|
|
648
|
-
])) :
|
|
652
|
+
O(a.$slots, "actions")
|
|
653
|
+
])) : B("", !0)
|
|
649
654
|
]),
|
|
650
655
|
a.$slots.stats ? (v(), _("div", Xe, [
|
|
651
|
-
|
|
652
|
-
])) :
|
|
656
|
+
O(a.$slots, "stats")
|
|
657
|
+
])) : B("", !0),
|
|
653
658
|
ke((v(), _("div", Ze, [
|
|
654
|
-
|
|
659
|
+
O(a.$slots, "content")
|
|
655
660
|
])), [
|
|
656
|
-
[
|
|
661
|
+
[Z(Le), t.loading]
|
|
657
662
|
]),
|
|
658
663
|
a.$slots.footer ? (v(), _("div", et, [
|
|
659
|
-
|
|
660
|
-
])) :
|
|
664
|
+
O(a.$slots, "footer")
|
|
665
|
+
])) : B("", !0)
|
|
661
666
|
]));
|
|
662
667
|
}
|
|
663
|
-
}), tt = { class: "dashboard-stat-item" }, ot = { class: "dashboard-stat-item__label" }, qo = /* @__PURE__ */
|
|
668
|
+
}), tt = { class: "dashboard-stat-item" }, ot = { class: "dashboard-stat-item__label" }, qo = /* @__PURE__ */ R({
|
|
664
669
|
__name: "dashboard-stat-item",
|
|
665
670
|
props: {
|
|
666
671
|
value: {},
|
|
@@ -669,23 +674,23 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
669
674
|
},
|
|
670
675
|
setup(t) {
|
|
671
676
|
return (s, a) => (v(), _("div", tt, [
|
|
672
|
-
|
|
677
|
+
w("div", {
|
|
673
678
|
class: ce(["dashboard-stat-item__value", t.variant ? `dashboard-stat-item__value--${t.variant}` : ""])
|
|
674
|
-
},
|
|
675
|
-
|
|
679
|
+
}, J(t.value), 3),
|
|
680
|
+
w("div", ot, J(t.label), 1)
|
|
676
681
|
]));
|
|
677
682
|
}
|
|
678
|
-
}), at = { class: "tw-divide-y tw-divide-[var(--neutrals-200)]" }, Vo = /* @__PURE__ */
|
|
683
|
+
}), at = { class: "tw-divide-y tw-divide-[var(--neutrals-200)]" }, Vo = /* @__PURE__ */ R({
|
|
679
684
|
__name: "dashboard-feed-list",
|
|
680
685
|
setup(t) {
|
|
681
686
|
return (s, a) => (v(), _("div", at, [
|
|
682
|
-
|
|
687
|
+
O(s.$slots, "default")
|
|
683
688
|
]));
|
|
684
689
|
}
|
|
685
690
|
}), st = { class: "tw-flex tw-items-center tw-gap-2.5 tw-min-w-0" }, rt = {
|
|
686
691
|
key: 0,
|
|
687
692
|
class: "tw-flex tw-items-center tw-gap-3 tw-flex-shrink-0 tw-ml-3"
|
|
688
|
-
}, Yo = /* @__PURE__ */
|
|
693
|
+
}, Yo = /* @__PURE__ */ R({
|
|
689
694
|
__name: "dashboard-feed-row",
|
|
690
695
|
emits: ["click"],
|
|
691
696
|
setup(t) {
|
|
@@ -693,12 +698,12 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
693
698
|
class: "dashboard-feed-row",
|
|
694
699
|
onClick: a[0] || (a[0] = (h) => s.$emit("click"))
|
|
695
700
|
}, [
|
|
696
|
-
|
|
697
|
-
|
|
701
|
+
w("div", st, [
|
|
702
|
+
O(s.$slots, "default")
|
|
698
703
|
]),
|
|
699
704
|
s.$slots.trailing ? (v(), _("div", rt, [
|
|
700
|
-
|
|
701
|
-
])) :
|
|
705
|
+
O(s.$slots, "trailing")
|
|
706
|
+
])) : B("", !0)
|
|
702
707
|
]));
|
|
703
708
|
}
|
|
704
709
|
});
|