@webitel/ui-sdk 25.12.29 → 25.12.31

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 (24) hide show
  1. package/dist/{install-BlgO8vvA.js → install-CkCE4wb4.js} +1726 -1682
  2. package/dist/{plyr-DJyswX07.js → plyr-D5AzYFbZ.js} +1 -1
  3. package/dist/ui-sdk.css +1 -1
  4. package/dist/ui-sdk.js +1 -1
  5. package/dist/ui-sdk.umd.cjs +2 -2
  6. package/dist/{vidstack-Bq6c3Bam-DjwO73JH.js → vidstack-Bq6c3Bam-DLm0nk14.js} +2 -2
  7. package/dist/{vidstack-D2pY00kU-9GfP8TVc.js → vidstack-D2pY00kU-B9Y7vnNb.js} +2 -2
  8. package/dist/{vidstack-DDXt6fpN-DS4AECfL.js → vidstack-DDXt6fpN-VFB83UcC.js} +1 -1
  9. package/dist/{vidstack-D_-9AA6_-bomzWQ4f.js → vidstack-D_-9AA6_-bbRtBltZ.js} +1 -1
  10. package/dist/{vidstack-DqAw8m9J-CDpaNq7k.js → vidstack-DqAw8m9J-BgNg5ph2.js} +1 -1
  11. package/dist/{vidstack-audio-kqV18cx_.js → vidstack-audio-DQBbzw_h.js} +2 -2
  12. package/dist/{vidstack-dash-CQ4hwM3M.js → vidstack-dash-D19AviQy.js} +3 -3
  13. package/dist/{vidstack-google-cast-DTdO4f40.js → vidstack-google-cast-B4rh-Zyl.js} +3 -3
  14. package/dist/{vidstack-hls-f3oAxxux.js → vidstack-hls-BBl9mEna.js} +3 -3
  15. package/dist/{vidstack-video-D0EY01uq.js → vidstack-video-NZRlgWyK.js} +2 -2
  16. package/dist/{vidstack-vimeo-X0J_rLd3.js → vidstack-vimeo-e6HlIR5k.js} +3 -3
  17. package/dist/{vidstack-youtube-Crx9X7UA.js → vidstack-youtube-Cg2euP6_.js} +2 -2
  18. package/dist/{vuex.esm-bundler-hTIuzsPk.js → vuex.esm-bundler-Bx9LEGao.js} +1 -1
  19. package/package.json +1 -1
  20. package/src/components/wt-tree/wt-tree.vue +11 -1
  21. package/src/components/wt-tree-line/wt-tree-line.vue +21 -1
  22. package/src/composables/useTableColumnDrag/useTableColumnDrag.ts +81 -2
  23. package/types/components/wt-tree/wt-tree.vue.d.ts +11 -1
  24. package/types/components/wt-tree-line/wt-tree-line.vue.d.ts +21 -1
@@ -5,8 +5,8 @@ var ot = (n) => {
5
5
  var Xt = (n, t, s) => t in n ? Qt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
6
6
  var N = (n, t, s) => Xt(n, typeof t != "symbol" ? t + "" : t, s), X = (n, t, s) => t.has(n) || ot("Cannot " + s);
7
7
  var i = (n, t, s) => (X(n, t, "read from private field"), s ? s.call(n) : t.get(n)), d = (n, t, s) => t.has(n) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s), c = (n, t, s, r) => (X(n, t, "write to private field"), r ? r.call(n, s) : t.set(n, s), s), a = (n, t, s) => (X(n, t, "access private method"), s);
8
- import { A as Yt, z as ut, B as j, C as Zt, b as ti, E as nt, e as lt, F as _, G as ii, H as ei, f as si, J as ai, l as rt, K as dt, D as ni, L as Y, M as Z } from "./install-BlgO8vvA.js";
9
- import { R as ri } from "./vidstack-DqAw8m9J-CDpaNq7k.js";
8
+ import { A as Yt, z as ut, B as j, C as Zt, b as ti, E as nt, e as lt, F as _, G as ii, H as ei, f as si, J as ai, l as rt, K as dt, D as ni, L as Y, M as Z } from "./install-CkCE4wb4.js";
9
+ import { R as ri } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
10
10
  let q = null, K = [], z = [];
11
11
  function ht() {
12
12
  return q ?? (q = new AudioContext());
@@ -5,7 +5,7 @@ var w = (t) => {
5
5
  var P = (t, e, a) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
6
6
  var u = (t, e, a) => P(t, typeof e != "symbol" ? e + "" : e, a), C = (t, e, a) => e.has(t) || w("Cannot " + a);
7
7
  var c = (t, e, a) => (C(t, e, "read from private field"), a ? a.call(t) : e.get(t)), m = (t, e, a) => e.has(t) ? w("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), y = (t, e, a, o) => (C(t, e, "write to private field"), o ? o.call(t, a) : e.set(t, a), a), s = (t, e, a) => (C(t, e, "access private method"), a);
8
- import { l as b, k as A, V as O, G as D, f as R, o as G } from "./install-BlgO8vvA.js";
8
+ import { l as b, k as A, V as O, G as D, f as R, o as G } from "./install-CkCE4wb4.js";
9
9
  function M() {
10
10
  return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
11
11
  }
@@ -94,7 +94,7 @@ class F {
94
94
  async load(e) {
95
95
  if (!c(this, n))
96
96
  throw Error("[vidstack] google cast player was not initialized");
97
- return new (await import("./vidstack-google-cast-DTdO4f40.js")).GoogleCastProvider(c(this, n), e);
97
+ return new (await import("./vidstack-google-cast-B4rh-Zyl.js")).GoogleCastProvider(c(this, n), e);
98
98
  }
99
99
  }
100
100
  n = new WeakMap(), r = new WeakSet(), S = async function(e) {
@@ -5,7 +5,7 @@ var g = (s) => {
5
5
  var M = (s, t, i) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
6
6
  var c = (s, t, i) => M(s, typeof t != "symbol" ? t + "" : t, i), h = (s, t, i) => t.has(s) || g("Cannot " + i);
7
7
  var e = (s, t, i) => (h(s, t, "read from private field"), i ? i.call(s) : t.get(s)), l = (s, t, i) => t.has(s) ? g("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, i), p = (s, t, i, a) => (h(s, t, "write to private field"), a ? a.call(s, i) : t.set(s, i), i), u = (s, t, i) => (h(s, t, "access private method"), i);
8
- import { M as w, l as f, e as A, f as P, U as O, b as S } from "./install-BlgO8vvA.js";
8
+ import { M as w, l as f, e as A, f as P, U as O, b as S } from "./install-CkCE4wb4.js";
9
9
  var r, o, b, m;
10
10
  class J {
11
11
  constructor(t) {
@@ -1,4 +1,4 @@
1
- import { c as d, a as i, I as l, e as m } from "./install-BlgO8vvA.js";
1
+ import { c as d, a as i, I as l, e as m } from "./install-CkCE4wb4.js";
2
2
  const p = /* @__PURE__ */ i(
3
3
  '<svg viewBox="0 0 32 32" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"></svg>'
4
4
  );
@@ -3,7 +3,7 @@ var l = (i) => {
3
3
  };
4
4
  var m = (i, t, s) => t.has(i) || l("Cannot " + s);
5
5
  var r = (i, t, s) => (m(i, t, "read from private field"), s ? s.call(i) : t.get(i)), e = (i, t, s) => t.has(i) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), h = (i, t, s, f) => (m(i, t, "write to private field"), f ? f.call(i, s) : t.set(i, s), s), c = (i, t, s) => (m(i, t, "access private method"), s);
6
- import { m as p, v as u } from "./install-BlgO8vvA.js";
6
+ import { m as p, v as u } from "./install-CkCE4wb4.js";
7
7
  var o, a, n, d;
8
8
  class F {
9
9
  constructor(t) {
@@ -1,8 +1,8 @@
1
1
  var a = Object.defineProperty;
2
2
  var o = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
3
3
  var r = (i, e, t) => o(i, typeof e != "symbol" ? e + "" : e, t);
4
- import { s as p } from "./install-BlgO8vvA.js";
5
- import { H as d, a as u } from "./vidstack-Bq6c3Bam-DjwO73JH.js";
4
+ import { s as p } from "./install-CkCE4wb4.js";
5
+ import { H as d, a as u } from "./vidstack-Bq6c3Bam-DLm0nk14.js";
6
6
  class n extends d {
7
7
  constructor(t, s) {
8
8
  super(t, s);
@@ -5,9 +5,9 @@ var Y = (n) => {
5
5
  var wt = (n, t, e) => t in n ? vt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
6
6
  var I = (n, t, e) => wt(n, typeof t != "symbol" ? t + "" : t, e), b = (n, t, e) => t.has(n) || Y("Cannot " + e);
7
7
  var i = (n, t, e) => (b(n, t, "read from private field"), e ? e.call(n) : t.get(n)), f = (n, t, e) => t.has(n) ? Y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), p = (n, t, e, r) => (b(n, t, "write to private field"), r ? r.call(n, e) : t.set(n, e), e), h = (n, t, e) => (b(n, t, "access private method"), e);
8
- import { r as Et, b as _, d as Lt, f as At, Q as z, l as J, e as Dt, D as N, h as xt, j as O, T as Mt, L as q, t as Ct, u as Nt, v as Rt, k as Ft, m as Z, n as Pt, o as qt, q as _t } from "./install-BlgO8vvA.js";
9
- import { VideoProvider as $t } from "./vidstack-video-D0EY01uq.js";
10
- import { R as jt } from "./vidstack-DqAw8m9J-CDpaNq7k.js";
8
+ import { r as Et, b as _, d as Lt, f as At, Q as z, l as J, e as Dt, D as N, h as xt, j as O, T as Mt, L as q, t as Ct, u as Nt, v as Rt, k as Ft, m as Z, n as Pt, o as qt, q as _t } from "./install-CkCE4wb4.js";
9
+ import { VideoProvider as $t } from "./vidstack-video-NZRlgWyK.js";
10
+ import { R as jt } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
11
11
  function W(n) {
12
12
  try {
13
13
  return new Intl.DisplayNames(navigator.languages, { type: "language" }).of(n) ?? null;
@@ -5,9 +5,9 @@ var Q = (d) => {
5
5
  var vt = (d, t, s) => t in d ? Lt(d, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[t] = s;
6
6
  var G = (d, t, s) => vt(d, typeof t != "symbol" ? t + "" : t, s), O = (d, t, s) => t.has(d) || Q("Cannot " + s);
7
7
  var e = (d, t, s) => (O(d, t, "read from private field"), s ? s.call(d) : t.get(d)), T = (d, t, s) => t.has(d) ? Q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, s), l = (d, t, s, i) => (O(d, t, "write to private field"), i ? i.call(d, s) : t.set(d, s), s), r = (d, t, s) => (O(d, t, "access private method"), s);
8
- import { A as St, N as L, W as Z, z as At, D as tt, f as V, l as et, e as It, X as bt, L as Rt } from "./install-BlgO8vvA.js";
9
- import { R as wt } from "./vidstack-DqAw8m9J-CDpaNq7k.js";
10
- import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-9GfP8TVc.js";
8
+ import { A as St, N as L, W as Z, z as At, D as tt, f as V, l as et, e as It, X as bt, L as Rt } from "./install-CkCE4wb4.js";
9
+ import { R as wt } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
10
+ import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-B9Y7vnNb.js";
11
11
  var g, _, at;
12
12
  class _t {
13
13
  constructor(t) {
@@ -5,9 +5,9 @@ var q = (n) => {
5
5
  var ot = (n, t, i) => t in n ? rt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
6
6
  var _ = (n, t, i) => ot(n, typeof t != "symbol" ? t + "" : t, i), R = (n, t, i) => t.has(n) || q("Cannot " + i);
7
7
  var e = (n, t, i) => (R(n, t, "read from private field"), i ? i.call(n) : t.get(n)), f = (n, t, i) => t.has(n) ? q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, i), p = (n, t, i, s) => (R(n, t, "write to private field"), s ? s.call(n, i) : t.set(n, i), i), a = (n, t, i) => (R(n, t, "access private method"), i);
8
- import { i as ht, b as C, d as at, f as O, Q as N, l as V, e as dt, D as x, h as ut, T as ct, j, L as $, k as lt, m as k, n as ft, o as pt, q as vt } from "./install-BlgO8vvA.js";
9
- import { VideoProvider as yt } from "./vidstack-video-D0EY01uq.js";
10
- import { R as gt } from "./vidstack-DqAw8m9J-CDpaNq7k.js";
8
+ import { i as ht, b as C, d as at, f as O, Q as N, l as V, e as dt, D as x, h as ut, T as ct, j, L as $, k as lt, m as k, n as ft, o as pt, q as vt } from "./install-CkCE4wb4.js";
9
+ import { VideoProvider as yt } from "./vidstack-video-NZRlgWyK.js";
10
+ import { R as gt } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
11
11
  const Lt = (n) => ut(n);
12
12
  var T, h, o, D, b, r, E, M, U, F, Q, K, W, B, J, X, Y, z, G, Z, tt;
13
13
  class St {
@@ -5,8 +5,8 @@ var b = (i) => {
5
5
  var N = (i, t, e) => t in i ? $(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
6
6
  var y = (i, t, e) => N(i, typeof t != "symbol" ? t + "" : t, e), E = (i, t, e) => t.has(i) || b("Cannot " + e);
7
7
  var s = (i, t, e) => (E(i, t, "read from private field"), e ? e.call(i) : t.get(i)), r = (i, t, e) => t.has(i) ? b("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), c = (i, t, e, n) => (E(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), p = (i, t, e) => (E(i, t, "access private method"), e);
8
- import { s as U, w as V, x as A, y as j, z as C, l as q, D as z, E as F, T as Y, j as v } from "./install-BlgO8vvA.js";
9
- import { H as _, a as B } from "./vidstack-Bq6c3Bam-DjwO73JH.js";
8
+ import { s as U, w as V, x as A, y as j, z as C, l as q, D as z, E as F, T as Y, j as v } from "./install-CkCE4wb4.js";
9
+ import { H as _, a as B } from "./vidstack-Bq6c3Bam-DLm0nk14.js";
10
10
  var P, f, k, D, H;
11
11
  class G {
12
12
  constructor(t, e) {
@@ -5,9 +5,9 @@ var N = (r) => {
5
5
  var de = (r, c, e) => c in r ? ue(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
6
6
  var b = (r, c, e) => de(r, typeof c != "symbol" ? c + "" : c, e), S = (r, c, e) => c.has(r) || N("Cannot " + e);
7
7
  var t = (r, c, e) => (S(r, c, "read from private field"), e ? e.call(r) : c.get(r)), f = (r, c, e) => c.has(r) ? N("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(r) : c.set(r, e), u = (r, c, e, i) => (S(r, c, "write to private field"), i ? i.call(r, e) : c.set(r, e), e), o = (r, c, e) => (S(r, c, "access private method"), e);
8
- import { A as fe, M as U, N as C, d as pe, e as q, f as Q, b as ye, O as _, L as R, l as be, P as ke, T as ve, Q as W } from "./install-BlgO8vvA.js";
9
- import { R as me } from "./vidstack-DqAw8m9J-CDpaNq7k.js";
10
- import { E as we } from "./vidstack-DDXt6fpN-DS4AECfL.js";
8
+ import { A as fe, M as U, N as C, d as pe, e as q, f as Q, b as ye, O as _, L as R, l as be, P as ke, T as ve, Q as W } from "./install-CkCE4wb4.js";
9
+ import { R as me } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
10
+ import { E as we } from "./vidstack-DDXt6fpN-VFB83UcC.js";
11
11
  import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
12
12
  const Ce = [
13
13
  "bufferend",
@@ -5,8 +5,8 @@ var B = (r) => {
5
5
  var q = (r, n, e) => n in r ? A(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
6
6
  var T = (r, n, e) => q(r, typeof n != "symbol" ? n + "" : n, e), M = (r, n, e) => n.has(r) || B("Cannot " + e);
7
7
  var s = (r, n, e) => (M(r, n, "read from private field"), e ? e.call(r) : n.get(r)), p = (r, n, e) => n.has(r) ? B("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(r) : n.set(r, e), l = (r, n, e, t) => (M(r, n, "write to private field"), t ? t.call(r, e) : n.set(r, e), e), o = (r, n, e) => (M(r, n, "access private method"), e);
8
- import { A as z, M as G, d as H, e as J, b as K, O as Q, N as C, R as W, v as $, S as X } from "./install-BlgO8vvA.js";
9
- import { E as Z } from "./vidstack-DDXt6fpN-DS4AECfL.js";
8
+ import { A as z, M as G, d as H, e as J, b as K, O as Q, N as C, R as W, v as $, S as X } from "./install-CkCE4wb4.js";
9
+ import { E as Z } from "./vidstack-DDXt6fpN-VFB83UcC.js";
10
10
  import { resolveYouTubeVideoId as ee } from "./vidstack-Dm1xEU9Q-qSXq3AI-.js";
11
11
  const b = {
12
12
  Ended: 0,
@@ -1,4 +1,4 @@
1
- import { p as d } from "./install-BlgO8vvA.js";
1
+ import { p as d } from "./install-CkCE4wb4.js";
2
2
  import { inject as lt, effectScope as dt, reactive as vt, watch as J, computed as pt } from "vue";
3
3
  function ht() {
4
4
  return W().__VUE_DEVTOOLS_GLOBAL_HOOK__;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "25.12.29",
3
+ "version": "25.12.31",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",
@@ -15,7 +15,17 @@
15
15
  :multiple="multiple"
16
16
  :allow-parent="allowParent"
17
17
  @update:model-value="emit('update:modelValue', $event)"
18
- />
18
+ >
19
+ <template
20
+ v-if="$slots['item-prefix']"
21
+ #item-prefix="slotProps"
22
+ >
23
+ <slot
24
+ name="item-prefix"
25
+ v-bind="slotProps"
26
+ />
27
+ </template>
28
+ </wt-tree-line>
19
29
  </div>
20
30
  <div
21
31
  v-if="mode === WtTreeMode.List"
@@ -18,6 +18,16 @@
18
18
  @click="collapsed = !collapsed"
19
19
  />
20
20
  </div>
21
+ <slot
22
+ name="item-prefix"
23
+ class="mr-1"
24
+ :data="data"
25
+ :root-data="rootData || data"
26
+ :nested-level="nestedLevel"
27
+ :active="displayActiveState"
28
+ :has-children="!!(data[childrenProp] && data[childrenProp].length)"
29
+ :selected-parent="selectedParent"
30
+ />
21
31
  <div
22
32
  :class="{
23
33
  active: displayActiveState,
@@ -55,7 +65,17 @@
55
65
  :root-data="rootData || data"
56
66
  @open-parent="onOpenParent"
57
67
  @update:model-value="emit('update:modelValue', $event)"
58
- />
68
+ >
69
+ <template
70
+ v-if="$slots['item-prefix']"
71
+ #item-prefix="slotProps"
72
+ >
73
+ <slot
74
+ name="item-prefix"
75
+ v-bind="slotProps"
76
+ />
77
+ </template>
78
+ </wt-tree-line>
59
79
  </div>
60
80
  </wt-expand-transition>
61
81
  </template>
@@ -1,4 +1,50 @@
1
1
  export const useTableColumnDrag = (table, reorderableColumns) => {
2
+ let animationFrameId = null;
3
+ let containerEl = null;
4
+ let currentMouseX = null;
5
+ let isDragging = false;
6
+
7
+ const autoScroll = () => {
8
+ if (!containerEl || !isDragging || currentMouseX === null) return;
9
+
10
+ const rect = containerEl.getBoundingClientRect();
11
+ const scrollZone = 150; // pixels from edge to trigger scroll
12
+ const minScrollSpeed = 1; // minimum scroll speed
13
+ const maxScrollSpeed = 25; // maximum scroll speed
14
+
15
+ const distanceFromLeft = currentMouseX - rect.left;
16
+ const distanceFromRight = rect.right - currentMouseX;
17
+
18
+ // Easing function for smooth acceleration (ease-in-out cubic)
19
+ const easeInOutCubic = (t) => {
20
+ return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
21
+ };
22
+
23
+ // Determine scroll direction and distance
24
+ let scrollDirection = 0; // -1 for left, 1 for right, 0 for no scroll
25
+ let distance = 0;
26
+
27
+ if (distanceFromLeft < scrollZone && containerEl.scrollLeft > 0) {
28
+ scrollDirection = -1;
29
+ distance = distanceFromLeft;
30
+ } else if (distanceFromRight < scrollZone) {
31
+ scrollDirection = 1;
32
+ distance = distanceFromRight;
33
+ }
34
+
35
+ // Apply scroll if needed
36
+ if (scrollDirection !== 0) {
37
+ const proximity = 1 - (distance / scrollZone); // 0 to 1, where 1 is at the edge
38
+ const easedProximity = easeInOutCubic(proximity);
39
+ const scrollSpeed = minScrollSpeed + (maxScrollSpeed - minScrollSpeed) * easedProximity;
40
+ containerEl.scrollLeft += scrollSpeed * scrollDirection;
41
+
42
+ animationFrameId = requestAnimationFrame(autoScroll);
43
+ } else {
44
+ animationFrameId = null;
45
+ }
46
+ };
47
+
2
48
  const tableDragHandler = (event) => {
3
49
  event.dataTransfer.effectAllowed = 'move'
4
50
  const copyEl = event.target.cloneNode(true);
@@ -12,16 +58,49 @@ export const useTableColumnDrag = (table, reorderableColumns) => {
12
58
  setTimeout(() => {
13
59
  document.body.removeChild(copyEl);
14
60
  }, 0);
61
+
62
+ // Initialize dragging state
63
+ isDragging = true;
64
+ if (!containerEl) {
65
+ containerEl = table.value?.$el?.querySelector('.p-datatable-table-container');
66
+ }
15
67
  }
68
+
69
+ const tableDragOverHandler = (event) => {
70
+ // Update mouse position
71
+ currentMouseX = event.clientX;
72
+
73
+ // Start animation loop if not already running
74
+ if (!animationFrameId && isDragging) {
75
+ animationFrameId = requestAnimationFrame(autoScroll);
76
+ }
77
+ };
78
+
79
+ const tableDragEndHandler = () => {
80
+ // Stop animation loop
81
+ if (animationFrameId) {
82
+ cancelAnimationFrame(animationFrameId);
83
+ animationFrameId = null;
84
+ }
85
+ isDragging = false;
86
+ currentMouseX = null;
87
+ containerEl = null;
88
+ };
16
89
 
17
90
  const addTableDragListener = () => {
18
91
  if (!reorderableColumns) return;
19
- table.value?.$el?.addEventListener('dragstart', tableDragHandler);
92
+ const el = table.value?.$el;
93
+ el?.addEventListener('dragstart', tableDragHandler);
94
+ el?.addEventListener('dragover', tableDragOverHandler);
95
+ el?.addEventListener('dragend', tableDragEndHandler);
20
96
  }
21
97
 
22
98
  const removeTableDragListener = () => {
23
99
  if (!reorderableColumns) return;
24
- table.value?.$el?.removeEventListener('dragstart', tableDragHandler);
100
+ const el = table.value?.$el;
101
+ el?.removeEventListener('dragstart', tableDragHandler);
102
+ el?.removeEventListener('dragover', tableDragOverHandler);
103
+ el?.removeEventListener('dragend', tableDragEndHandler);
25
104
  }
26
105
 
27
106
  return {
@@ -27,7 +27,11 @@ type __VLS_Props = {
27
27
  multiple?: boolean;
28
28
  allowParent?: boolean;
29
29
  };
30
- declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
30
+ declare var __VLS_8: any;
31
+ type __VLS_Slots = {} & {
32
+ 'item-prefix'?: (props: typeof __VLS_8) => any;
33
+ };
34
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
31
35
  select: (data: any) => any;
32
36
  "update:modelValue": (value: any) => any;
33
37
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
@@ -38,4 +42,10 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
38
42
  childrenProp: string;
39
43
  allowParent: boolean;
40
44
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
45
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
41
46
  export default _default;
47
+ type __VLS_WithSlots<T, S> = T & {
48
+ new (): {
49
+ $slots: S;
50
+ };
51
+ };
@@ -18,7 +18,21 @@ type __VLS_Props = {
18
18
  searchedProp?: string;
19
19
  rootData?: unknown;
20
20
  };
21
- declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
21
+ declare var __VLS_17: {
22
+ data: unknown;
23
+ rootData: unknown;
24
+ nestedLevel: number;
25
+ active: any;
26
+ hasChildren: boolean;
27
+ selectedParent: boolean;
28
+ class: string;
29
+ }, __VLS_35: any;
30
+ type __VLS_Slots = {} & {
31
+ 'item-prefix'?: (props: typeof __VLS_17) => any;
32
+ } & {
33
+ 'item-prefix'?: (props: typeof __VLS_35) => any;
34
+ };
35
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
22
36
  "update:modelValue": (value: any) => any;
23
37
  openParent: () => any;
24
38
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
@@ -34,4 +48,10 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
34
48
  allowParent: boolean;
35
49
  searchedProp: string;
36
50
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
51
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
37
52
  export default _default;
53
+ type __VLS_WithSlots<T, S> = T & {
54
+ new (): {
55
+ $slots: S;
56
+ };
57
+ };