@webitel/ui-sdk 25.10.90 → 25.10.91

package/dist/{vidstack-Bq6c3Bam-Dt91l1hv.js → vidstack-Bq6c3Bam-C-SY9_Dw.js}

@@ -5,8 +5,8 @@ var ot = (n) => {
 var Xt = (n, t, s) => t in n ? Qt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
 var M = (n, t, s) => Xt(n, typeof t != "symbol" ? t + "" : t, s), X = (n, t, s) => t.has(n) || ot("Cannot " + s);
 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);
-import { y as Yt, x as ut, z as j, A as Zt, b as ti, E as nt, e as lt, B as _, C as ii, F as ei, d as si, G as ai, l as rt, H as dt, D as ni, L as Y, J as Z } from "./install-B4vWq9GQ.js";
-import { R as ri } from "./vidstack-DqAw8m9J-DHNsgwAI.js";
+import { y as Yt, x as ut, z as j, A as Zt, b as ti, E as nt, e as lt, B as _, C as ii, F as ei, d as si, G as ai, l as rt, H as dt, D as ni, L as Y, J as Z } from "./install-CO3ofi4C.js";
+import { R as ri } from "./vidstack-DqAw8m9J-B7sk_dj4.js";
 let q = null, z = [], J = [];
 function ht() {
   return q ?? (q = new AudioContext());

package/dist/{vidstack-D2pY00kU-CAgSlCu-.js → vidstack-D2pY00kU-DH-koX4W.js}

@@ -5,7 +5,7 @@ var w = (t) => {
 var P = (t, e, a) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var u = (t, e, a) => P(t, typeof e != "symbol" ? e + "" : e, a), C = (t, e, a) => e.has(t) || w("Cannot " + a);
 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);
-import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-B4vWq9GQ.js";
+import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-CO3ofi4C.js";
 function G() {
   return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
 }
@@ -94,7 +94,7 @@ class F {
   async load(e) {
     if (!c(this, n))
       throw Error("[vidstack] google cast player was not initialized");
-    return new (await import("./vidstack-google-cast-CbsgguoY.js")).GoogleCastProvider(c(this, n), e);
+    return new (await import("./vidstack-google-cast-C7PR10CB.js")).GoogleCastProvider(c(this, n), e);
   }
 }
 n = new WeakMap(), r = new WeakSet(), S = async function(e) {

package/dist/{vidstack-DDXt6fpN-hiGqsvbr.js → vidstack-DDXt6fpN-BzePwQyW.js}

@@ -5,7 +5,7 @@ var g = (s) => {
 var w = (s, t, i) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
 var c = (s, t, i) => w(s, typeof t != "symbol" ? t + "" : t, i), h = (s, t, i) => t.has(s) || g("Cannot " + i);
 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);
-import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-B4vWq9GQ.js";
+import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-CO3ofi4C.js";
 var r, o, b, m;
 class W {
   constructor(t) {

package/dist/{vidstack-D_-9AA6_-he5f8Zza.js → vidstack-D_-9AA6_-D20zrTPM.js}

@@ -1,4 +1,4 @@
-import { c as d, a as i, I as l, e as m } from "./install-B4vWq9GQ.js";
+import { c as d, a as i, I as l, e as m } from "./install-CO3ofi4C.js";
 const p = /* @__PURE__ */ i(
   '<svg viewBox="0 0 32 32" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"></svg>'
 );

package/dist/{vidstack-DqAw8m9J-DHNsgwAI.js → vidstack-DqAw8m9J-B7sk_dj4.js}

@@ -3,7 +3,7 @@ var l = (i) => {
 };
 var c = (i, t, s) => t.has(i) || l("Cannot " + s);
 var r = (i, t, s) => (c(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) => (c(i, t, "write to private field"), f ? f.call(i, s) : t.set(i, s), s), m = (i, t, s) => (c(i, t, "access private method"), s);
-import { j as p, t as u } from "./install-B4vWq9GQ.js";
+import { j as p, t as u } from "./install-CO3ofi4C.js";
 var o, a, n, d;
 class F {
   constructor(t) {

package/dist/{vidstack-audio-CmP4y3iO.js → vidstack-audio-BYa3MZ1I.js}

@@ -1,8 +1,8 @@
 var a = Object.defineProperty;
 var o = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var r = (i, e, t) => o(i, typeof e != "symbol" ? e + "" : e, t);
-import { s as p } from "./install-B4vWq9GQ.js";
-import { H as d, a as u } from "./vidstack-Bq6c3Bam-Dt91l1hv.js";
+import { s as p } from "./install-CO3ofi4C.js";
+import { H as d, a as u } from "./vidstack-Bq6c3Bam-C-SY9_Dw.js";
 class n extends d {
   constructor(t, s) {
     super(t, s);

package/dist/{vidstack-dash-9VXqSKEY.js → vidstack-dash-BDFvi9Lh.js}

@@ -5,9 +5,9 @@ var Y = (n) => {
 var wt = (n, t, e) => t in n ? vt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var I = (n, t, e) => wt(n, typeof t != "symbol" ? t + "" : t, e), b = (n, t, e) => t.has(n) || Y("Cannot " + e);
 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);
-import { o as Et, b as _, p as Lt, d as At, Q as z, l as J, e as Dt, D as N, f as xt, g as O, T as Mt, L as q, q as Ct, r as Nt, t as Rt, h as Ft, j as Z, k as Pt, m as qt, n as _t } from "./install-B4vWq9GQ.js";
-import { VideoProvider as $t } from "./vidstack-video-DtrrV9zJ.js";
-import { R as jt } from "./vidstack-DqAw8m9J-DHNsgwAI.js";
+import { o as Et, b as _, p as Lt, d as At, Q as z, l as J, e as Dt, D as N, f as xt, g as O, T as Mt, L as q, q as Ct, r as Nt, t as Rt, h as Ft, j as Z, k as Pt, m as qt, n as _t } from "./install-CO3ofi4C.js";
+import { VideoProvider as $t } from "./vidstack-video-LeTL9uMe.js";
+import { R as jt } from "./vidstack-DqAw8m9J-B7sk_dj4.js";
 function W(n) {
   try {
     return new Intl.DisplayNames(navigator.languages, { type: "language" }).of(n) ?? null;

package/dist/{vidstack-google-cast-CbsgguoY.js → vidstack-google-cast-C7PR10CB.js}

@@ -5,9 +5,9 @@ var W = (d) => {
 var vt = (d, t, s) => t in d ? Lt(d, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[t] = s;
 var G = (d, t, s) => vt(d, typeof t != "symbol" ? t + "" : t, s), O = (d, t, s) => t.has(d) || W("Cannot " + s);
 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) ? W("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);
-import { y as St, K as L, U as Z, x as At, D as tt, d as V, l as et, e as It, V as bt, L as Rt } from "./install-B4vWq9GQ.js";
-import { R as wt } from "./vidstack-DqAw8m9J-DHNsgwAI.js";
-import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-CAgSlCu-.js";
+import { y as St, K as L, U as Z, x as At, D as tt, d as V, l as et, e as It, V as bt, L as Rt } from "./install-CO3ofi4C.js";
+import { R as wt } from "./vidstack-DqAw8m9J-B7sk_dj4.js";
+import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-DH-koX4W.js";
 var g, _, at;
 class _t {
   constructor(t) {

package/dist/{vidstack-hls-CTPMuz0x.js → vidstack-hls-COFqJqec.js}

@@ -5,9 +5,9 @@ var N = (n) => {
 var ot = (n, t, i) => t in n ? rt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
 var _ = (n, t, i) => ot(n, typeof t != "symbol" ? t + "" : t, i), R = (n, t, i) => t.has(n) || N("Cannot " + i);
 var e = (n, t, i) => (R(n, t, "read from private field"), i ? i.call(n) : t.get(n)), p = (n, t, i) => t.has(n) ? N("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, i), f = (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);
-import { i as ht, b as C, p as at, d as O, Q as V, l as j, e as dt, D as x, f as ut, T as ct, g as k, L as $, h as lt, j as q, k as pt, m as ft, n as vt } from "./install-B4vWq9GQ.js";
-import { VideoProvider as yt } from "./vidstack-video-DtrrV9zJ.js";
-import { R as gt } from "./vidstack-DqAw8m9J-DHNsgwAI.js";
+import { i as ht, b as C, p as at, d as O, Q as V, l as j, e as dt, D as x, f as ut, T as ct, g as k, L as $, h as lt, j as q, k as pt, m as ft, n as vt } from "./install-CO3ofi4C.js";
+import { VideoProvider as yt } from "./vidstack-video-LeTL9uMe.js";
+import { R as gt } from "./vidstack-DqAw8m9J-B7sk_dj4.js";
 const Lt = (n) => ut(n);
 var T, h, o, D, b, r, E, M, U, F, Q, K, W, B, J, X, Y, z, G, Z, tt;
 class St {

package/dist/{vidstack-video-DtrrV9zJ.js → vidstack-video-LeTL9uMe.js}

@@ -5,8 +5,8 @@ var b = (i) => {
 var N = (i, t, e) => t in i ? $(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var m = (i, t, e) => N(i, typeof t != "symbol" ? t + "" : t, e), E = (i, t, e) => t.has(i) || b("Cannot " + e);
 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);
-import { s as U, u as V, v as A, w as q, x as C, l as F, D as Y, E as _, T as j, g as v } from "./install-B4vWq9GQ.js";
-import { H as z, a as B } from "./vidstack-Bq6c3Bam-Dt91l1hv.js";
+import { s as U, u as V, v as A, w as q, x as C, l as F, D as Y, E as _, T as j, g as v } from "./install-CO3ofi4C.js";
+import { H as z, a as B } from "./vidstack-Bq6c3Bam-C-SY9_Dw.js";
 var P, f, k, D, H;
 class G {
   constructor(t, e) {

package/dist/{vidstack-vimeo-CV9EDsve.js → vidstack-vimeo-8YeMFCVb.js}

@@ -5,9 +5,9 @@ var N = (r) => {
 var de = (r, c, e) => c in r ? ue(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
 var b = (r, c, e) => de(r, typeof c != "symbol" ? c + "" : c, e), S = (r, c, e) => c.has(r) || N("Cannot " + e);
 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);
-import { y as fe, J as U, K as C, p as pe, e as q, d as Q, b as ye, M as _, L as R, l as be, N as ke, T as ve, Q as J } from "./install-B4vWq9GQ.js";
-import { R as me } from "./vidstack-DqAw8m9J-DHNsgwAI.js";
-import { E as we } from "./vidstack-DDXt6fpN-hiGqsvbr.js";
+import { y as fe, J as U, K as C, p as pe, e as q, d as Q, b as ye, M as _, L as R, l as be, N as ke, T as ve, Q as J } from "./install-CO3ofi4C.js";
+import { R as me } from "./vidstack-DqAw8m9J-B7sk_dj4.js";
+import { E as we } from "./vidstack-DDXt6fpN-BzePwQyW.js";
 import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
 const Ce = [
   "bufferend",

package/dist/{vidstack-youtube-BIX9nr1p.js → vidstack-youtube-BIFVXn4F.js}

@@ -5,8 +5,8 @@ var B = (r) => {
 var N = (r, n, e) => n in r ? K(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
 var T = (r, n, e) => N(r, typeof n != "symbol" ? n + "" : n, e), R = (r, n, e) => n.has(r) || B("Cannot " + e);
 var s = (r, n, e) => (R(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) => (R(r, n, "write to private field"), t ? t.call(r, e) : n.set(r, e), e), o = (r, n, e) => (R(r, n, "access private method"), e);
-import { y as q, J as z, p as A, e as G, b as H, M as Q, K as C, O as W, t as $, P as X } from "./install-B4vWq9GQ.js";
-import { E as Z } from "./vidstack-DDXt6fpN-hiGqsvbr.js";
+import { y as q, J as z, p as A, e as G, b as H, M as Q, K as C, O as W, t as $, P as X } from "./install-CO3ofi4C.js";
+import { E as Z } from "./vidstack-DDXt6fpN-BzePwQyW.js";
 import { resolveYouTubeVideoId as ee } from "./vidstack-Dm1xEU9Q-qSXq3AI-.js";
 const b = {
   Ended: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.90",
+  "version": "25.10.91",
   "private": false,
   "scripts": {
     "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",
@@ -55,7 +55,7 @@
     "@vuelidate/validators": "^2.0.4",
     "@vuepic/vue-datepicker": "^4.5.1",
     "@vueuse/components": "^13.0.0",
-    "@webitel/api-services": "^0.0.66",
+    "@webitel/api-services": "^0.0.69",
     "@webitel/styleguide": "^24.12.81",
     "autosize": "^6.0.1",
     "axios": "^1.8.3",

package/src/components/wt-table/wt-table.vue

@@ -206,9 +206,10 @@
 <script lang="ts" setup>
 import type { DataTableProps } from 'primevue';
 import { VirtualScrollerLazyEvent } from 'primevue/virtualscroller';
-import { computed, defineProps, nextTick, ref, useSlots, useTemplateRef, withDefaults } from 'vue';
+import { computed, defineProps, nextTick, onMounted, onUnmounted, ref, useSlots, useTemplateRef, withDefaults } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import { useTableColumnDrag } from '../../composables';
 import { getNextSortOrder } from '../../scripts/sortQueryAdapters.js';
 import type { WtTableHeader } from './types/WtTable';
 
@@ -303,6 +304,11 @@ const table = useTemplateRef('table');
 const tableKey = ref(0);
 const expandedRows = ref([]);
 
+const {
+  addTableDragListener,
+  removeTableDragListener,
+} = useTableColumnDrag(table, props.reorderableColumns);
+
 // table's columns that should be excluded from reorder
 const excludeColumnsFromReorder = ['row-select', 'row-reorder', 'row-actions', 'row-expander'];
 
@@ -427,6 +433,7 @@ const columnReorder = () => {
   tableKey.value += 1;
   emit('column-reorder', newOrder)
   nextTick(() => {
+    addTableDragListener();
     table.value.$el.querySelector('.p-datatable-table-container').scrollLeft = containerElScrollLeft
   })
 }
@@ -454,6 +461,14 @@ const virtualScroll = computed(() => {
     numToleratedItems: VIRTUAL_SCROLL_TOLERATED_ITEMS, // Number of items to pre-render outside visible area
   };
 });
+
+onMounted(() => {
+  addTableDragListener();
+})
+
+onUnmounted(() => {
+  removeTableDragListener();
+})
 </script>
 
 <style lang="scss">

package/src/composables/index.ts

@@ -8,5 +8,6 @@ export * from './useDestroyableSortable/useDestroyableSortable';
 export * from './useGalleriaFullscreen/useGalleriaFullscreen';
 export * from './useGalleriaMaskClick/useGalleriaMaskClick';
 export * from './useRepresentableAgentPauseCause/useRepresentableAgentPauseCause';
+export * from './useTableColumnDrag/useTableColumnDrag'
 export * from './useValidate/useValidate';
 export * from './useWtTable/useWtTable';

package/src/composables/useTableColumnDrag/useTableColumnDrag.ts

@@ -0,0 +1,31 @@
+export const useTableColumnDrag = (table, reorderableColumns) => {
+  const tableDragHandler = (event) => {
+    event.dataTransfer.effectAllowed = 'move'
+    const copyEl = event.target.cloneNode(true);
+    copyEl.style.position = 'absolute';
+    copyEl.style.top = '-9999px';
+    copyEl.style.background = 'var(--p-datatable-header-cell-drag-background)';
+    copyEl.style.width = event.target.offsetWidth + 'px';
+    document.body.appendChild(copyEl);
+    event.dataTransfer.setDragImage(copyEl, event.offsetX, event.offsetY);
+    // Clean up after drag starts
+    setTimeout(() => {
+      document.body.removeChild(copyEl);
+    }, 0);
+  }
+  
+  const addTableDragListener = () => {
+    if (!reorderableColumns) return;
+    table.value?.$el?.addEventListener('dragstart', tableDragHandler);
+  }
+  
+  const removeTableDragListener = () => {
+    if (!reorderableColumns) return;
+    table.value?.$el?.removeEventListener('dragstart', tableDragHandler);
+  }
+
+  return {
+    addTableDragListener,
+    removeTableDragListener,
+  };
+};

package/src/plugins/primevue/theme/components/table/table.js

@@ -77,9 +77,27 @@ const table = {
             background: ${dt('datatable.row.hoverBackground')};
         }
 
+        /* remove primevue's indicator and adjust styles for custom  */
+        .p-datatable-row-reorder-indicator-down {
+            height: 100%;
+            z-index: 1;
+            margin-top: -41px;
+            width: 1px;
+            background: ${dt('datatable.reorderIndicator.color')};
+            margin-left: 7px;
+        }
+
+        .p-datatable-row-reorder-indicator-down svg {
+            display: none;
+        }
+        
         .p-datatable-tbody > tr:hover + .p-datatable-row-expansion {
             background: ${dt('datatable.row.hoverBackground')};
         }
+
+        .p-datatable-header-cell:not(:has(.wt-table__th__sort-arrow)) {
+          background: ${dt('datatable.headerCell.background')};
+        }
         `,
 };
 

package/types/composables/index.d.ts

@@ -8,5 +8,6 @@ export * from './useDestroyableSortable/useDestroyableSortable';
 export * from './useGalleriaFullscreen/useGalleriaFullscreen';
 export * from './useGalleriaMaskClick/useGalleriaMaskClick';
 export * from './useRepresentableAgentPauseCause/useRepresentableAgentPauseCause';
+export * from './useTableColumnDrag/useTableColumnDrag';
 export * from './useValidate/useValidate';
 export * from './useWtTable/useWtTable';

package/types/composables/useTableColumnDrag/useTableColumnDrag.d.ts

@@ -0,0 +1,4 @@
+export declare const useTableColumnDrag: (table: any, reorderableColumns: any) => {
+    addTableDragListener: () => void;
+    removeTableDragListener: () => void;
+};