@vc-shell/framework 2.5.0-pr346.16b7d63 → 2.5.0-pr348.52b97ab
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/{VcScheduler.vue_vue_type_script_setup_true_lang-1gGJthvU.js → VcScheduler.vue_vue_type_script_setup_true_lang-BpQMYp61.js} +716 -701
- package/dist/chunks/VcScheduler.vue_vue_type_script_setup_true_lang-BpQMYp61.js.map +1 -0
- package/dist/chunks/{VcScheduler.vue_vue_type_style_index_0_lang-BQ09AUgy.js → VcScheduler.vue_vue_type_style_index_0_lang-BFmpC0MN.js} +448 -440
- package/dist/chunks/VcScheduler.vue_vue_type_style_index_0_lang-BFmpC0MN.js.map +1 -0
- package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-C0IjvNtI.js → dashboard-feed-row.vue_vue_type_script_setup_true_lang-Ckjlhl5k.js} +63 -63
- package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-C0IjvNtI.js.map → dashboard-feed-row.vue_vue_type_script_setup_true_lang-Ckjlhl5k.js.map} +1 -1
- package/dist/dashboard/index.js +1 -1
- package/dist/framework.js +9 -9
- package/dist/shell/dashboard/draggable-dashboard/DraggableDashboard.vue.d.ts +5 -2
- package/dist/shell/dashboard/draggable-dashboard/DraggableDashboard.vue.d.ts.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/components/atoms/vc-button/vc-button.vue.d.ts.map +1 -1
- package/dist/ui/components/molecules/vc-popover/vc-popover.vue.d.ts +9 -0
- package/dist/ui/components/molecules/vc-popover/vc-popover.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-app/_internal/app-bar/components/AppHubPopover.vue.d.ts +2 -0
- package/dist/ui/components/organisms/vc-app/_internal/app-bar/components/AppHubPopover.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-app/_internal/layouts/DesktopLayout.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-auth-layout/vc-auth-layout.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-blade/_internal/BladeHeader.vue.d.ts.map +1 -1
- package/dist/ui/index.js +2 -2
- package/package.json +4 -4
- package/dist/chunks/VcScheduler.vue_vue_type_script_setup_true_lang-1gGJthvU.js.map +0 -1
- package/dist/chunks/VcScheduler.vue_vue_type_style_index_0_lang-BQ09AUgy.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
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 q, withCtx as ge, unref as Z, Fragment as
|
|
2
|
-
import { K as $e, L as xe, M as Se, A as Le } from "./VcScheduler.vue_vue_type_style_index_0_lang-
|
|
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 q, withCtx as ge, unref as Z, Fragment as ie, renderList as re, 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
|
+
import { K as $e, L as xe, M as Se, A as Le } from "./VcScheduler.vue_vue_type_style_index_0_lang-BFmpC0MN.js";
|
|
3
3
|
import { G as We } from "./vendor-gridstack-Beau2jQ7.js";
|
|
4
4
|
import { M as ze, _ as De } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-JB7OKRk6.js";
|
|
5
5
|
import "vee-validate";
|
|
@@ -181,7 +181,7 @@ function Me(t, s = 12) {
|
|
|
181
181
|
z.push(S);
|
|
182
182
|
h.set(b, z);
|
|
183
183
|
}
|
|
184
|
-
},
|
|
184
|
+
}, r = (o, y) => {
|
|
185
185
|
let f = 0;
|
|
186
186
|
for (; ; ) {
|
|
187
187
|
for (let k = 0; k <= s - o; k++)
|
|
@@ -192,7 +192,7 @@ function Me(t, s = 12) {
|
|
|
192
192
|
return { x: 0, y: f };
|
|
193
193
|
};
|
|
194
194
|
for (const o of t) {
|
|
195
|
-
const y =
|
|
195
|
+
const y = r(o.size.width, o.size.height);
|
|
196
196
|
a.set(o.id, y), W(y.x, y.y, o.size.width, o.size.height);
|
|
197
197
|
}
|
|
198
198
|
return a;
|
|
@@ -201,7 +201,7 @@ 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 W = s.get(p.id),
|
|
204
|
+
const W = s.get(p.id), r = p.position, o = W ?? r ?? { x: 0, y: 0 };
|
|
205
205
|
h.set(p.id, o);
|
|
206
206
|
}
|
|
207
207
|
return h;
|
|
@@ -234,23 +234,23 @@ const Pe = {
|
|
|
234
234
|
}
|
|
235
235
|
};
|
|
236
236
|
function Oe(t, s = {}) {
|
|
237
|
-
const { gridOptions: a = {}, resizable: h = !1, autoSave: p = !0, onLayoutChange: W } = s,
|
|
237
|
+
const { gridOptions: a = {}, resizable: h = !1, autoSave: p = !0, onLayoutChange: W } = s, r = he(null), o = D(/* @__PURE__ */ new Map()), y = D(!1), f = D(!1), k = {
|
|
238
238
|
...Pe,
|
|
239
239
|
...a,
|
|
240
240
|
disableResize: !h
|
|
241
|
-
}, b = (
|
|
242
|
-
if (
|
|
241
|
+
}, b = (i) => {
|
|
242
|
+
if (r.value) {
|
|
243
243
|
console.warn("[useGridstack] Grid already initialized");
|
|
244
244
|
return;
|
|
245
245
|
}
|
|
246
246
|
const l = oe();
|
|
247
|
-
o.value = ae(t.value, l),
|
|
247
|
+
o.value = ae(t.value, l), r.value = We.init(k, i), r.value.on("change", z), r.value.on("added", S), r.value.on("removed", Q);
|
|
248
248
|
const c = t.value.map((g) => {
|
|
249
249
|
const m = o.value.get(g.id);
|
|
250
250
|
return ee(g, m);
|
|
251
251
|
});
|
|
252
|
-
|
|
253
|
-
}, z = (
|
|
252
|
+
r.value.load(c), y.value = !0;
|
|
253
|
+
}, z = (i, l) => {
|
|
254
254
|
if (!f.value) {
|
|
255
255
|
for (const c of l) {
|
|
256
256
|
const { id: g, position: m } = te(c);
|
|
@@ -265,60 +265,60 @@ function Oe(t, s = {}) {
|
|
|
265
265
|
}
|
|
266
266
|
o.value = new Map(o.value), W?.(o.value), p && M();
|
|
267
267
|
}
|
|
268
|
-
}, S = (
|
|
268
|
+
}, S = (i, l) => {
|
|
269
269
|
for (const c of l) {
|
|
270
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
|
-
}, Q = (
|
|
274
|
+
}, Q = (i, 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
|
-
|
|
280
|
-
}, F = (
|
|
281
|
-
if (!
|
|
282
|
-
const l = o.value.get(
|
|
283
|
-
g &&
|
|
284
|
-
}, C = (
|
|
285
|
-
if (!
|
|
286
|
-
const l = document.querySelector(`[gs-id="${
|
|
287
|
-
l &&
|
|
288
|
-
}, H = (
|
|
289
|
-
const m = l.gridstackNode, $ = o.value.get(
|
|
290
|
-
o.value.set(
|
|
279
|
+
r.value && (r.value.off("change"), r.value.off("added"), r.value.off("removed"), r.value.destroy(!1), r.value = null, y.value = !1);
|
|
280
|
+
}, F = (i) => {
|
|
281
|
+
if (!r.value) return;
|
|
282
|
+
const l = o.value.get(i.id) ?? i.position, c = ee(i, l), g = document.querySelector(`[gs-id="${i.id}"]`);
|
|
283
|
+
g && r.value.makeWidget(g, c);
|
|
284
|
+
}, C = (i) => {
|
|
285
|
+
if (!r.value) return;
|
|
286
|
+
const l = document.querySelector(`[gs-id="${i}"]`);
|
|
287
|
+
l && r.value.removeWidget(l, !1), o.value.delete(i);
|
|
288
|
+
}, H = (i, l, c, g) => {
|
|
289
|
+
const m = l.gridstackNode, $ = o.value.get(i), 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
|
+
o.value.set(i, {
|
|
291
291
|
x: N,
|
|
292
292
|
y: L,
|
|
293
293
|
...typeof K == "number" ? { width: K } : {},
|
|
294
294
|
...typeof X == "number" ? { height: X } : {}
|
|
295
295
|
}), o.value = new Map(o.value);
|
|
296
|
-
}, V = (
|
|
297
|
-
if (!
|
|
298
|
-
const c = document.querySelector(`[gs-id="${
|
|
299
|
-
c && (f.value = !0,
|
|
300
|
-
}, A = (
|
|
301
|
-
if (!
|
|
302
|
-
const c = document.querySelector(`[gs-id="${
|
|
303
|
-
c && (f.value = !0,
|
|
296
|
+
}, V = (i, l) => {
|
|
297
|
+
if (!r.value) return;
|
|
298
|
+
const c = document.querySelector(`[gs-id="${i}"]`);
|
|
299
|
+
c && (f.value = !0, r.value.update(c, { x: l.x, y: l.y }), H(i, c, l), f.value = !1);
|
|
300
|
+
}, A = (i, l) => {
|
|
301
|
+
if (!r.value) return;
|
|
302
|
+
const c = document.querySelector(`[gs-id="${i}"]`);
|
|
303
|
+
c && (f.value = !0, r.value.update(c, { w: l.width, h: l.height }), H(i, c, void 0, l), f.value = !1);
|
|
304
304
|
}, M = () => {
|
|
305
305
|
ue(t.value, o.value);
|
|
306
306
|
}, T = () => {
|
|
307
|
-
const
|
|
308
|
-
|
|
307
|
+
const i = oe();
|
|
308
|
+
i && (o.value = ae(t.value, i), G());
|
|
309
309
|
}, I = () => {
|
|
310
310
|
o.value = /* @__PURE__ */ new Map();
|
|
311
|
-
for (const
|
|
312
|
-
|
|
311
|
+
for (const i of t.value)
|
|
312
|
+
i.position && o.value.set(i.id, { ...i.position });
|
|
313
313
|
G(), M();
|
|
314
314
|
}, G = () => {
|
|
315
|
-
if (
|
|
316
|
-
f.value = !0,
|
|
317
|
-
for (const
|
|
318
|
-
const l = o.value.get(
|
|
315
|
+
if (r.value) {
|
|
316
|
+
f.value = !0, r.value.batchUpdate();
|
|
317
|
+
for (const i of t.value) {
|
|
318
|
+
const l = o.value.get(i.id);
|
|
319
319
|
if (l) {
|
|
320
|
-
const c = document.querySelector(`[gs-id="${
|
|
321
|
-
c &&
|
|
320
|
+
const c = document.querySelector(`[gs-id="${i.id}"]`);
|
|
321
|
+
c && r.value.update(c, {
|
|
322
322
|
x: l.x,
|
|
323
323
|
y: l.y,
|
|
324
324
|
// Restores a persisted size; omitted when unknown so Gridstack keeps
|
|
@@ -328,21 +328,21 @@ function Oe(t, s = {}) {
|
|
|
328
328
|
});
|
|
329
329
|
}
|
|
330
330
|
}
|
|
331
|
-
|
|
331
|
+
r.value.batchUpdate(!1), f.value = !1;
|
|
332
332
|
}
|
|
333
|
-
}, E = (
|
|
334
|
-
if (!
|
|
335
|
-
|
|
333
|
+
}, E = (i) => {
|
|
334
|
+
if (!r.value) {
|
|
335
|
+
i();
|
|
336
336
|
return;
|
|
337
337
|
}
|
|
338
|
-
f.value = !0,
|
|
338
|
+
f.value = !0, r.value.batchUpdate(), i(), r.value.batchUpdate(!1), f.value = !1;
|
|
339
339
|
};
|
|
340
340
|
return le(
|
|
341
341
|
t,
|
|
342
|
-
async (
|
|
343
|
-
if (!
|
|
342
|
+
async (i, l) => {
|
|
343
|
+
if (!r.value || !y.value) return;
|
|
344
344
|
await de();
|
|
345
|
-
const c =
|
|
345
|
+
const c = i.filter((m) => !l?.some(($) => $.id === m.id)), g = l?.filter((m) => !i.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)
|
|
@@ -352,7 +352,7 @@ function Oe(t, s = {}) {
|
|
|
352
352
|
), pe(() => {
|
|
353
353
|
U();
|
|
354
354
|
}), {
|
|
355
|
-
grid:
|
|
355
|
+
grid: r,
|
|
356
356
|
layout: o,
|
|
357
357
|
isInitialized: y,
|
|
358
358
|
initGrid: b,
|
|
@@ -414,7 +414,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
414
414
|
return null;
|
|
415
415
|
}
|
|
416
416
|
}
|
|
417
|
-
const p = t, W = D(null),
|
|
417
|
+
const p = t, W = D(null), r = 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
420
|
}), k = xe(), b = se(() => k.getWidgets()), { layout: z, isInitialized: S, initGrid: Q, saveLayout: U, resetToDefaults: F, updateWidgetPosition: C, updateWidgetSize: H } = Oe(b, {
|
|
@@ -436,7 +436,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
436
436
|
width: u?.width ?? e.size.width,
|
|
437
437
|
height: u?.height ?? e.size.height
|
|
438
438
|
};
|
|
439
|
-
}, E = (e) => e.name || e.id,
|
|
439
|
+
}, E = (e) => e.name || e.id, i = (e) => {
|
|
440
440
|
A.value = e.id, M.value = { ...I(e) }, T.value = { ...G(e) }, L(
|
|
441
441
|
`${E(e)} picked up. Use arrow keys to move, Shift and arrow keys to resize, Enter to drop, Escape to cancel.`
|
|
442
442
|
);
|
|
@@ -466,7 +466,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
466
466
|
if (e.preventDefault(), n) l(u);
|
|
467
467
|
else {
|
|
468
468
|
const P = b.value.find((Y) => Y.id === A.value);
|
|
469
|
-
P && c(P),
|
|
469
|
+
P && c(P), i(u);
|
|
470
470
|
}
|
|
471
471
|
return;
|
|
472
472
|
}
|
|
@@ -480,8 +480,8 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
480
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
481
|
return `${n}, widget ${u + 1} of ${b.value.length}. ${d}`;
|
|
482
482
|
}, L = (e) => {
|
|
483
|
-
|
|
484
|
-
|
|
483
|
+
r.value = e, setTimeout(() => {
|
|
484
|
+
r.value = "";
|
|
485
485
|
}, 1e3);
|
|
486
486
|
}, K = async () => {
|
|
487
487
|
await de(), W.value && !S.value && Q(W.value);
|
|
@@ -509,7 +509,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
509
509
|
role: "list",
|
|
510
510
|
"aria-label": t.ariaLabel
|
|
511
511
|
}, [
|
|
512
|
-
(v(!0), _(
|
|
512
|
+
(v(!0), _(ie, null, re(b.value, (n, d) => (v(), _("div", {
|
|
513
513
|
key: n.id,
|
|
514
514
|
class: ce(["grid-stack-item", { "vc-gridstack-dashboard__item--grabbed": A.value === n.id }]),
|
|
515
515
|
"gs-id": n.id,
|
|
@@ -574,13 +574,13 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
574
574
|
"aria-busy": "true",
|
|
575
575
|
"aria-label": t.ariaLabel
|
|
576
576
|
}, [
|
|
577
|
-
(v(!0), _(
|
|
577
|
+
(v(!0), _(ie, null, re(y.value, (n, d) => (v(), q(Ne, {
|
|
578
578
|
key: `skeleton-${d}`,
|
|
579
579
|
class: "vc-gridstack-dashboard__skeleton-item",
|
|
580
580
|
style: ye(f(n))
|
|
581
581
|
}, null, 8, ["style"]))), 128))
|
|
582
582
|
], 8, Be)),
|
|
583
|
-
w("div", He, J(
|
|
583
|
+
w("div", He, J(r.value), 1)
|
|
584
584
|
]),
|
|
585
585
|
_: 1
|
|
586
586
|
}));
|
|
@@ -590,7 +590,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
590
590
|
props: {
|
|
591
591
|
showDragHandles: { type: Boolean, default: !1 },
|
|
592
592
|
resizable: { type: Boolean, default: !1 },
|
|
593
|
-
ariaLabel: {
|
|
593
|
+
ariaLabel: {}
|
|
594
594
|
},
|
|
595
595
|
setup(t, { expose: s }) {
|
|
596
596
|
const a = D(null);
|
|
@@ -687,7 +687,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
687
687
|
O(s.$slots, "default")
|
|
688
688
|
]));
|
|
689
689
|
}
|
|
690
|
-
}), st = { class: "tw-flex tw-items-center tw-gap-2.5 tw-min-w-0" },
|
|
690
|
+
}), st = { class: "tw-flex tw-items-center tw-gap-2.5 tw-min-w-0" }, it = {
|
|
691
691
|
key: 0,
|
|
692
692
|
class: "tw-flex tw-items-center tw-gap-3 tw-flex-shrink-0 tw-ml-3"
|
|
693
693
|
}, qo = /* @__PURE__ */ R({
|
|
@@ -701,7 +701,7 @@ const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = [
|
|
|
701
701
|
w("div", st, [
|
|
702
702
|
O(s.$slots, "default")
|
|
703
703
|
]),
|
|
704
|
-
s.$slots.trailing ? (v(), _("div",
|
|
704
|
+
s.$slots.trailing ? (v(), _("div", it, [
|
|
705
705
|
O(s.$slots, "trailing")
|
|
706
706
|
])) : B("", !0)
|
|
707
707
|
]));
|