@webitel/ui-sdk 25.12.17 → 25.12.19

package/dist/{vidstack-Bq6c3Bam-Q5nXtJz2.js → vidstack-Bq6c3Bam-DsrzVnIy.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-Cofa5LGE.js";
-import { R as ri } from "./vidstack-DqAw8m9J-BRlVVRQk.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-Cc5v28sQ.js";
+import { R as ri } from "./vidstack-DqAw8m9J-PZilPgEJ.js";
 let q = null, z = [], J = [];
 function ht() {
   return q ?? (q = new AudioContext());

package/dist/{vidstack-D2pY00kU-D40uCWAe.js → vidstack-D2pY00kU-CfifXGPD.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-Cofa5LGE.js";
+import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-Cc5v28sQ.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-CZozQtbi.js")).GoogleCastProvider(c(this, n), e);
+    return new (await import("./vidstack-google-cast-BHt8nVcL.js")).GoogleCastProvider(c(this, n), e);
   }
 }
 n = new WeakMap(), r = new WeakSet(), S = async function(e) {

package/dist/{vidstack-DDXt6fpN-FvFDbAsa.js → vidstack-DDXt6fpN-DLvflmce.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-Cofa5LGE.js";
+import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-Cc5v28sQ.js";
 var r, o, b, m;
 class W {
   constructor(t) {

package/dist/{vidstack-D_-9AA6_-C-Htwec0.js → vidstack-D_-9AA6_-GJSNStr6.js}

@@ -1,4 +1,4 @@
-import { c as d, a as i, I as l, e as m } from "./install-Cofa5LGE.js";
+import { c as d, a as i, I as l, e as m } from "./install-Cc5v28sQ.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-BRlVVRQk.js → vidstack-DqAw8m9J-PZilPgEJ.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-Cofa5LGE.js";
+import { j as p, t as u } from "./install-Cc5v28sQ.js";
 var o, a, n, d;
 class F {
   constructor(t) {

package/dist/{vidstack-audio-7C38pp1_.js → vidstack-audio-DAQFDjfz.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-Cofa5LGE.js";
-import { H as d, a as u } from "./vidstack-Bq6c3Bam-Q5nXtJz2.js";
+import { s as p } from "./install-Cc5v28sQ.js";
+import { H as d, a as u } from "./vidstack-Bq6c3Bam-DsrzVnIy.js";
 class n extends d {
   constructor(t, s) {
     super(t, s);

package/dist/{vidstack-dash-CxSwyU7C.js → vidstack-dash-Baa-mmY0.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-Cofa5LGE.js";
-import { VideoProvider as $t } from "./vidstack-video-B0Lpleo1.js";
-import { R as jt } from "./vidstack-DqAw8m9J-BRlVVRQk.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-Cc5v28sQ.js";
+import { VideoProvider as $t } from "./vidstack-video-UBob8Q-T.js";
+import { R as jt } from "./vidstack-DqAw8m9J-PZilPgEJ.js";
 function W(n) {
   try {
     return new Intl.DisplayNames(navigator.languages, { type: "language" }).of(n) ?? null;

package/dist/{vidstack-google-cast-CZozQtbi.js → vidstack-google-cast-BHt8nVcL.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-Cofa5LGE.js";
-import { R as wt } from "./vidstack-DqAw8m9J-BRlVVRQk.js";
-import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-D40uCWAe.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-Cc5v28sQ.js";
+import { R as wt } from "./vidstack-DqAw8m9J-PZilPgEJ.js";
+import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-CfifXGPD.js";
 var g, _, at;
 class _t {
   constructor(t) {

package/dist/{vidstack-hls-CQlW-xbx.js → vidstack-hls-Vlmn3t6k.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-Cofa5LGE.js";
-import { VideoProvider as yt } from "./vidstack-video-B0Lpleo1.js";
-import { R as gt } from "./vidstack-DqAw8m9J-BRlVVRQk.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-Cc5v28sQ.js";
+import { VideoProvider as yt } from "./vidstack-video-UBob8Q-T.js";
+import { R as gt } from "./vidstack-DqAw8m9J-PZilPgEJ.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-B0Lpleo1.js → vidstack-video-UBob8Q-T.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-Cofa5LGE.js";
-import { H as z, a as B } from "./vidstack-Bq6c3Bam-Q5nXtJz2.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-Cc5v28sQ.js";
+import { H as z, a as B } from "./vidstack-Bq6c3Bam-DsrzVnIy.js";
 var P, f, k, D, H;
 class G {
   constructor(t, e) {

package/dist/{vidstack-vimeo-C6sbp9kx.js → vidstack-vimeo-DOSdlknH.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-Cofa5LGE.js";
-import { R as me } from "./vidstack-DqAw8m9J-BRlVVRQk.js";
-import { E as we } from "./vidstack-DDXt6fpN-FvFDbAsa.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-Cc5v28sQ.js";
+import { R as me } from "./vidstack-DqAw8m9J-PZilPgEJ.js";
+import { E as we } from "./vidstack-DDXt6fpN-DLvflmce.js";
 import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
 const Ce = [
   "bufferend",

package/dist/{vidstack-youtube-eXJkySAi.js → vidstack-youtube-BYufexS8.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-Cofa5LGE.js";
-import { E as Z } from "./vidstack-DDXt6fpN-FvFDbAsa.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-Cc5v28sQ.js";
+import { E as Z } from "./vidstack-DDXt6fpN-DLvflmce.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.12.17",
+  "version": "25.12.19",
   "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",
@@ -56,7 +56,7 @@
     "@vuepic/vue-datepicker": "^4.5.1",
     "@vueuse/components": "^13.0.0",
     "@webitel/api-services": "^0.0.74",
-    "@webitel/styleguide": "^24.12.82",
+    "@webitel/styleguide": "^24.12.83",
     "autosize": "^6.0.1",
     "axios": "^1.8.3",
     "clipboard-copy": "^4.0.1",

package/src/assets/icons/sprite/attention--filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0001 29.3332C23.3639 29.3332 29.3334 23.3636 29.3334 15.9998C29.3334 8.63604 23.3639 2.6665 16.0001 2.6665C8.63628 2.6665 2.66675 8.63604 2.66675 15.9998C2.66675 23.3636 8.63628 29.3332 16.0001 29.3332ZM17.3334 9.33317C17.3334 8.59679 16.7365 7.99984 16.0001 7.99984C15.2637 7.99984 14.6667 8.59679 14.6667 9.33317V16.6665C14.6667 17.4029 15.2637 17.9998 16.0001 17.9998C16.7365 17.9998 17.3334 17.4029 17.3334 16.6665V9.33317ZM16.0001 20.6665C16.7365 20.6665 17.3334 21.2635 17.3334 21.9998V22.6665C17.3334 23.4029 16.7365 23.9998 16.0001 23.9998C15.2637 23.9998 14.6667 23.4029 14.6667 22.6665V21.9998C14.6667 21.2635 15.2637 20.6665 16.0001 20.6665Z"/>
+</svg>

package/src/assets/icons/sprite/dislike.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0872 16.7802L13.5626 20.9277C11.9858 23.5182 8 22.4005 8 19.3679L8 17.0001C8 16.4478 7.55228 16.0001 7 16.0001L5.82843 16.0001C5.03278 16.0001 4.26971 15.6841 3.70711 15.1214L3.14859 14.5629C2.3595 13.7738 2.07361 12.6119 2.40647 11.5468L4.10694 6.1053C4.49832 4.85287 5.65823 4.00012 6.97038 4.00012L12.7984 4.00012C13.4797 4.00012 14.1406 4.23197 14.6725 4.65752L15.7005 5.47987C16.05 5.1808 16.5039 5.00018 17 5.00018L20 5.00018C21.1046 5.00018 22 5.89561 22 7.00018L22 15.0002C22 16.1047 21.1046 17.0002 20 17.0002L17 17.0002C16.6711 17.0002 16.3608 16.9208 16.0872 16.7802ZM11.8542 19.8878C11.3286 20.7513 10 20.3787 10 19.3679L10 17.0001C10 15.3433 8.65685 14.0001 7 14.0001L5.82843 14.0001C5.56321 14.0001 5.30886 13.8948 5.12132 13.7072L4.56281 13.1487C4.29977 12.8857 4.20448 12.4984 4.31544 12.1433L6.0159 6.70185C6.14636 6.28437 6.533 6.00012 6.97038 6.00012L12.7984 6.00012C13.0255 6.00012 13.2458 6.0774 13.4231 6.21925L14.6247 7.1805C14.8619 7.37027 15 7.65759 15 7.96137L15 14.4393C15 14.6227 14.9496 14.8026 14.8542 14.9592L11.8542 19.8878ZM17 15.0002L20 15.0002L20 7.00018L17 7.00018L17 15.0002Z"/>
+</svg>

package/src/assets/icons/sprite/done--filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9997 2.6665C23.3634 2.6665 29.3335 8.63586 29.3337 15.9995C29.3337 23.3633 23.3635 29.3335 15.9997 29.3335C8.63605 29.3333 2.66669 23.3632 2.66669 15.9995C2.66686 8.63597 8.63616 2.66668 15.9997 2.6665ZM22.861 11.6489C22.2989 11.1733 21.4578 11.2431 20.9821 11.8052L14.5847 19.3657L10.2761 15.0571C9.75536 14.5364 8.91101 14.5364 8.39032 15.0571C7.86977 15.5778 7.86968 16.4222 8.39032 16.9429L13.7243 22.2759C13.988 22.5394 14.3499 22.681 14.7224 22.6655C15.0947 22.65 15.4435 22.4792 15.6843 22.1948L23.0182 13.5278C23.4938 12.9657 23.4231 12.1245 22.861 11.6489Z"/>
+</svg>

package/src/assets/icons/sprite/index.js

@@ -15,6 +15,7 @@ import arrowUp from './arrow-up.svg';
 import assignee from './assignee.svg';
 import attach from './attach.svg';
 import attention from './attention.svg';
+import attentionFilled from './attention--filled.svg';
 import azure from './azure.svg';
 import back from './back.svg';
 import bell from './bell.svg';
@@ -76,8 +77,10 @@ import contacts from './contacts.svg';
 import copy from './copy.svg';
 import customChatGateway from './custom-chat-gateway.svg';
 import darkMode from './dark-mode.svg';
+import dislike from './dislike.svg';
 import docs from './docs.svg';
 import done from './done.svg';
+import doneFilled from './done--filled.svg';
 import download from './download.svg';
 import downloadPdf from './download-pdf.svg'
 import edit from './edit.svg';
@@ -103,6 +106,7 @@ import job from './job.svg';
 import jobAccept from './job--accept.svg';
 import jobEnd from './job--end.svg';
 import json from './json.svg';
+import like from './like.svg';
 import link from './link.svg';
 import loadPreset from './load-preset.svg';
 import lock from './lock.svg';
@@ -238,6 +242,7 @@ export default objCamelToKebab({
   arrowMix,
   attach,
   attention,
+  'attention--filled': attentionFilled,
   azure,
   addFilter,
   addContact,
@@ -248,6 +253,7 @@ export default objCamelToKebab({
   breadCrumbs,
   bot,
   calendar,
+  dislike,
   darkMode,
 
   call,
@@ -326,6 +332,7 @@ export default objCamelToKebab({
   history,
   hold,
   impacted,
+  like,
   link,
   lock,
   logout,
@@ -371,6 +378,7 @@ export default objCamelToKebab({
   roundedInfo,
   role,
   done,
+  'done--filled': doneFilled,
   search,
   sendArrow,
   settings,

package/src/assets/icons/sprite/like.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.91283 8.21987L10.4374 4.07235C12.0142 1.48188 16 2.59957 16 5.6322V7.99994C16 8.55222 16.4477 8.99994 17 8.99994H18.1716C18.9672 8.99994 19.7303 9.31601 20.2929 9.87861L20.8514 10.4371C21.6405 11.2262 21.9264 12.3881 21.5935 13.4533L19.8931 18.8948C19.5017 20.1472 18.3418 20.9999 17.0296 20.9999H11.2016C10.5203 20.9999 9.85942 20.7681 9.32748 20.3425L8.29954 19.5202C7.94999 19.8193 7.49609 19.9999 7 19.9999H4C2.89543 19.9999 2 19.1044 2 17.9999V9.99988C2 8.89531 2.89543 7.99988 4 7.99988H7C7.32885 7.99988 7.63916 8.07925 7.91283 8.21987ZM12.1458 5.11225C12.6714 4.24876 14 4.62132 14 5.6322V7.99994C14 9.65679 15.3431 10.9999 17 10.9999H18.1716C18.4368 10.9999 18.6911 11.1053 18.8787 11.2928L19.4372 11.8513C19.7002 12.1144 19.7955 12.5017 19.6846 12.8567L17.9841 18.2982C17.8536 18.7157 17.467 18.9999 17.0296 18.9999H11.2016C10.9745 18.9999 10.7542 18.9227 10.5769 18.7808L9.37531 17.8196C9.13809 17.6298 9 17.3425 9 17.0387V10.5608C9 10.3774 9.05044 10.1975 9.1458 10.0408L12.1458 5.11225ZM7 9.99988H4L4 17.9999H7V9.99988Z"/>
+</svg>

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

@@ -108,25 +108,30 @@
       }"
       :sortable="isColSortable(col)"
     >
-
       <template #header>
-        <div class="wt-table__th__content">
-          <span v-tooltip="col.text">
-            {{ col.text }}
-          </span>
-          <wt-icon
-            v-if="col.sort === 'asc'"
-            class="wt-table__th__sort-arrow wt-table__th__sort-arrow--asc"
-            icon="sort-arrow-up"
-            size="sm"
-          />
-          <wt-icon
-            v-else-if="col.sort === 'desc'"
-            class="wt-table__th__sort-arrow wt-table__th__sort-arrow--desc"
-            icon="sort-arrow-down"
-            size="sm"
-          />
-        </div>
+        <slot
+          :index="idx"
+          :header="col"
+          :name="`header-${col.value}`"
+        >
+          <div class="wt-table__th__content">
+            <span v-tooltip="col.text">
+              {{ col.text }}
+            </span>
+            <wt-icon
+              v-if="col.sort === 'asc'"
+              class="wt-table__th__sort-arrow wt-table__th__sort-arrow--asc"
+              icon="sort-arrow-up"
+              size="sm"
+            />
+            <wt-icon
+              v-else-if="col.sort === 'desc'"
+              class="wt-table__th__sort-arrow wt-table__th__sort-arrow--desc"
+              icon="sort-arrow-down"
+              size="sm"
+            />
+          </div>
+        </slot>
       </template>
 
       <template #body="{ data: row, index }">