@vc-shell/framework 2.5.0-pr347.0afabd1 → 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.
Files changed (25) hide show
  1. package/dist/chunks/{VcScheduler.vue_vue_type_script_setup_true_lang-Bz7sJCuE.js → VcScheduler.vue_vue_type_script_setup_true_lang-BpQMYp61.js} +2762 -2746
  2. package/dist/chunks/VcScheduler.vue_vue_type_script_setup_true_lang-BpQMYp61.js.map +1 -0
  3. package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-gTovzepO.js → dashboard-feed-row.vue_vue_type_script_setup_true_lang-Ckjlhl5k.js} +62 -62
  4. package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-gTovzepO.js.map → dashboard-feed-row.vue_vue_type_script_setup_true_lang-Ckjlhl5k.js.map} +1 -1
  5. package/dist/core/composables/usePopup/index.d.ts.map +1 -1
  6. package/dist/core/utilities/focus.d.ts +14 -0
  7. package/dist/core/utilities/focus.d.ts.map +1 -1
  8. package/dist/dashboard/index.js +1 -1
  9. package/dist/framework.js +376 -375
  10. package/dist/shell/dashboard/draggable-dashboard/DraggableDashboard.vue.d.ts +5 -2
  11. package/dist/shell/dashboard/draggable-dashboard/DraggableDashboard.vue.d.ts.map +1 -1
  12. package/dist/tsconfig.tsbuildinfo +1 -1
  13. package/dist/ui/components/molecules/vc-popover/vc-popover.vue.d.ts +9 -0
  14. package/dist/ui/components/molecules/vc-popover/vc-popover.vue.d.ts.map +1 -1
  15. package/dist/ui/components/organisms/vc-app/_internal/app-bar/components/AppHubPopover.vue.d.ts +2 -0
  16. package/dist/ui/components/organisms/vc-app/_internal/app-bar/components/AppHubPopover.vue.d.ts.map +1 -1
  17. package/dist/ui/components/organisms/vc-app/_internal/layouts/DesktopLayout.vue.d.ts.map +1 -1
  18. package/dist/ui/components/organisms/vc-auth-layout/vc-auth-layout.vue.d.ts.map +1 -1
  19. package/dist/ui/components/organisms/vc-blade/_internal/BladeHeader.vue.d.ts.map +1 -1
  20. package/dist/ui/components/organisms/vc-data-table/components/VcColumn.vue.d.ts +2 -2
  21. package/dist/ui/components/organisms/vc-scheduler/VcScheduler.vue.d.ts +1 -1
  22. package/dist/ui/components/organisms/vc-scheduler/VcScheduler.vue.d.ts.map +1 -1
  23. package/dist/ui/index.js +1 -1
  24. package/package.json +4 -4
  25. package/dist/chunks/VcScheduler.vue_vue_type_script_setup_true_lang-Bz7sJCuE.js.map +0 -1
@@ -1,4 +1,4 @@
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 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";
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
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";
@@ -181,7 +181,7 @@ function Me(t, s = 12) {
181
181
  z.push(S);
182
182
  h.set(b, z);
183
183
  }
184
- }, i = (o, y) => {
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 = i(o.size.width, o.size.height);
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), i = p.position, o = W ?? i ?? { x: 0, y: 0 };
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, i = he(null), o = D(/* @__PURE__ */ new Map()), y = D(!1), f = D(!1), k = {
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 = (r) => {
242
- if (i.value) {
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), i.value = We.init(k, r), i.value.on("change", z), i.value.on("added", S), i.value.on("removed", Q);
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
- i.value.load(c), y.value = !0;
253
- }, z = (r, l) => {
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 = (r, l) => {
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 = (r, l) => {
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
- 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
- }, F = (r) => {
281
- if (!i.value) return;
282
- const l = o.value.get(r.id) ?? r.position, c = ee(r, l), g = document.querySelector(`[gs-id="${r.id}"]`);
283
- g && i.value.makeWidget(g, c);
284
- }, C = (r) => {
285
- if (!i.value) return;
286
- const l = document.querySelector(`[gs-id="${r}"]`);
287
- l && i.value.removeWidget(l, !1), o.value.delete(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
- o.value.set(r, {
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 = (r, l) => {
297
- if (!i.value) return;
298
- const c = document.querySelector(`[gs-id="${r}"]`);
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
- if (!i.value) return;
302
- const c = document.querySelector(`[gs-id="${r}"]`);
303
- c && (f.value = !0, i.value.update(c, { w: l.width, h: l.height }), H(r, c, void 0, l), f.value = !1);
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 r = oe();
308
- r && (o.value = ae(t.value, r), G());
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 r of t.value)
312
- r.position && o.value.set(r.id, { ...r.position });
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 (i.value) {
316
- f.value = !0, i.value.batchUpdate();
317
- for (const r of t.value) {
318
- const l = o.value.get(r.id);
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="${r.id}"]`);
321
- c && i.value.update(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
- i.value.batchUpdate(!1), f.value = !1;
331
+ r.value.batchUpdate(!1), f.value = !1;
332
332
  }
333
- }, E = (r) => {
334
- if (!i.value) {
335
- r();
333
+ }, E = (i) => {
334
+ if (!r.value) {
335
+ i();
336
336
  return;
337
337
  }
338
- f.value = !0, i.value.batchUpdate(), r(), i.value.batchUpdate(!1), f.value = !1;
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 (r, l) => {
343
- if (!i.value || !y.value) return;
342
+ async (i, l) => {
343
+ if (!r.value || !y.value) return;
344
344
  await de();
345
- const c = r.filter((m) => !l?.some(($) => $.id === m.id)), g = l?.filter((m) => !r.some(($) => $.id === m.id)).map((m) => m.id) ?? [];
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: i,
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), i = D(""), o = fe(ze, D(!0)), y = se(() => o.value ? [] : h() ?? a), f = (e) => ({
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, r = (e) => {
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), r(u);
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
- i.value = e, setTimeout(() => {
484
- i.value = "";
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), _(re, null, ie(b.value, (n, d) => (v(), _("div", {
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), _(re, null, ie(y.value, (n, d) => (v(), q(Ne, {
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(i.value), 1)
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: { default: "Dashboard widgets. Drag widgets to rearrange." }
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" }, rt = {
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", rt, [
704
+ s.$slots.trailing ? (v(), _("div", it, [
705
705
  O(s.$slots, "trailing")
706
706
  ])) : B("", !0)
707
707
  ]));