@webitel/ui-sdk 25.10.82 → 25.10.84
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/{install-DBR-K4F6.js → install-BmZ6-3sJ.js} +4698 -4677
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +95 -95
- package/dist/{vidstack-Bq6c3Bam-BuzugB1w.js → vidstack-Bq6c3Bam-DN58qrOT.js} +2 -2
- package/dist/{vidstack-D2pY00kU-CnjgsBsi.js → vidstack-D2pY00kU-EhMJlZIJ.js} +2 -2
- package/dist/{vidstack-DDXt6fpN-Ci-HmT5j.js → vidstack-DDXt6fpN-POYUn2ho.js} +1 -1
- package/dist/{vidstack-D_-9AA6_-BW7UkB0r.js → vidstack-D_-9AA6_-DHL12-HW.js} +1 -1
- package/dist/{vidstack-DqAw8m9J-BwTVLasg.js → vidstack-DqAw8m9J-b0gejX5g.js} +1 -1
- package/dist/{vidstack-audio-D0g7g-aJ.js → vidstack-audio-pa4Pt6pK.js} +2 -2
- package/dist/{vidstack-dash-BQRTtAsS.js → vidstack-dash-CQ6ScaZE.js} +3 -3
- package/dist/{vidstack-google-cast-CRtE67zp.js → vidstack-google-cast-BLZCPaua.js} +3 -3
- package/dist/{vidstack-hls-CPgnIv5K.js → vidstack-hls-Yg39BR_f.js} +3 -3
- package/dist/{vidstack-video-CnCg7wEY.js → vidstack-video-BG5Q7Uqy.js} +2 -2
- package/dist/{vidstack-vimeo-CEBGUDTq.js → vidstack-vimeo-49coSOUb.js} +3 -3
- package/dist/{vidstack-youtube-7LLAQUlC.js → vidstack-youtube-BDDJEW9Z.js} +2 -2
- package/package.json +1 -1
- package/src/components/wt-galleria/wt-galleria.vue +22 -2
- package/src/components/wt-table/wt-table.vue +2 -5
- package/src/composables/index.ts +1 -0
- package/src/composables/useGalleriaMaskClick/useGalleriaMaskClick.ts +25 -0
- package/types/components/wt-table/wt-table.vue.d.ts +10 -10
- package/types/composables/index.d.ts +1 -0
- package/types/composables/useGalleriaMaskClick/useGalleriaMaskClick.d.ts +4 -0
|
@@ -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 M = (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 { 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-
|
|
9
|
-
import { R as ri } from "./vidstack-DqAw8m9J-
|
|
8
|
+
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-BmZ6-3sJ.js";
|
|
9
|
+
import { R as ri } from "./vidstack-DqAw8m9J-b0gejX5g.js";
|
|
10
10
|
let q = null, z = [], J = [];
|
|
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, h as A, S as O, C as D, d as R, m as M } from "./install-
|
|
8
|
+
import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-BmZ6-3sJ.js";
|
|
9
9
|
function G() {
|
|
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-
|
|
97
|
+
return new (await import("./vidstack-google-cast-BLZCPaua.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 w = (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) => w(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 { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-
|
|
8
|
+
import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-BmZ6-3sJ.js";
|
|
9
9
|
var r, o, b, m;
|
|
10
10
|
class W {
|
|
11
11
|
constructor(t) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as d, a as i, I as l, e as m } from "./install-
|
|
1
|
+
import { c as d, a as i, I as l, e as m } from "./install-BmZ6-3sJ.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 c = (i, t, s) => t.has(i) || l("Cannot " + s);
|
|
5
5
|
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);
|
|
6
|
-
import { j as p, t as u } from "./install-
|
|
6
|
+
import { j as p, t as u } from "./install-BmZ6-3sJ.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-
|
|
5
|
-
import { H as d, a as u } from "./vidstack-Bq6c3Bam-
|
|
4
|
+
import { s as p } from "./install-BmZ6-3sJ.js";
|
|
5
|
+
import { H as d, a as u } from "./vidstack-Bq6c3Bam-DN58qrOT.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 { 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-
|
|
9
|
-
import { VideoProvider as $t } from "./vidstack-video-
|
|
10
|
-
import { R as jt } from "./vidstack-DqAw8m9J-
|
|
8
|
+
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-BmZ6-3sJ.js";
|
|
9
|
+
import { VideoProvider as $t } from "./vidstack-video-BG5Q7Uqy.js";
|
|
10
|
+
import { R as jt } from "./vidstack-DqAw8m9J-b0gejX5g.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 W = (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) || W("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) ? 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);
|
|
8
|
-
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-
|
|
9
|
-
import { R as wt } from "./vidstack-DqAw8m9J-
|
|
10
|
-
import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-
|
|
8
|
+
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-BmZ6-3sJ.js";
|
|
9
|
+
import { R as wt } from "./vidstack-DqAw8m9J-b0gejX5g.js";
|
|
10
|
+
import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-EhMJlZIJ.js";
|
|
11
11
|
var g, _, at;
|
|
12
12
|
class _t {
|
|
13
13
|
constructor(t) {
|
|
@@ -5,9 +5,9 @@ var N = (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) || N("Cannot " + i);
|
|
7
7
|
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);
|
|
8
|
-
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-
|
|
9
|
-
import { VideoProvider as yt } from "./vidstack-video-
|
|
10
|
-
import { R as gt } from "./vidstack-DqAw8m9J-
|
|
8
|
+
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-BmZ6-3sJ.js";
|
|
9
|
+
import { VideoProvider as yt } from "./vidstack-video-BG5Q7Uqy.js";
|
|
10
|
+
import { R as gt } from "./vidstack-DqAw8m9J-b0gejX5g.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 m = (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, 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-
|
|
9
|
-
import { H as z, a as B } from "./vidstack-Bq6c3Bam-
|
|
8
|
+
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-BmZ6-3sJ.js";
|
|
9
|
+
import { H as z, a as B } from "./vidstack-Bq6c3Bam-DN58qrOT.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 { 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-
|
|
9
|
-
import { R as me } from "./vidstack-DqAw8m9J-
|
|
10
|
-
import { E as we } from "./vidstack-DDXt6fpN-
|
|
8
|
+
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-BmZ6-3sJ.js";
|
|
9
|
+
import { R as me } from "./vidstack-DqAw8m9J-b0gejX5g.js";
|
|
10
|
+
import { E as we } from "./vidstack-DDXt6fpN-POYUn2ho.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 N = (r, n, e) => n in r ? K(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
|
|
6
6
|
var T = (r, n, e) => N(r, typeof n != "symbol" ? n + "" : n, e), R = (r, n, e) => n.has(r) || B("Cannot " + e);
|
|
7
7
|
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);
|
|
8
|
-
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-
|
|
9
|
-
import { E as Z } from "./vidstack-DDXt6fpN-
|
|
8
|
+
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-BmZ6-3sJ.js";
|
|
9
|
+
import { E as Z } from "./vidstack-DDXt6fpN-POYUn2ho.js";
|
|
10
10
|
import { resolveYouTubeVideoId as ee } from "./vidstack-Dm1xEU9Q-qSXq3AI-.js";
|
|
11
11
|
const b = {
|
|
12
12
|
Ended: 0,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webitel/ui-sdk",
|
|
3
|
-
"version": "25.10.
|
|
3
|
+
"version": "25.10.84",
|
|
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",
|
|
@@ -105,9 +105,9 @@
|
|
|
105
105
|
<script setup lang="ts">
|
|
106
106
|
import { useDeleteConfirmationPopup } from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup';
|
|
107
107
|
import type { GalleriaProps } from 'primevue';
|
|
108
|
-
import { computed, defineModel, defineProps, ref, useTemplateRef,watch } from 'vue';
|
|
108
|
+
import { computed, defineModel, defineProps, nextTick, onMounted, onUnmounted, ref, useTemplateRef, watch } from 'vue';
|
|
109
109
|
|
|
110
|
-
import { useGalleriaFullscreen } from '../../composables'
|
|
110
|
+
import { useGalleriaFullscreen, useGalleriaMaskClick } from '../../composables'
|
|
111
111
|
import DeleteConfirmationPopup from '../../modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
|
|
112
112
|
import type { WtGalleriaItem } from './types/WtGalleria.d.ts';
|
|
113
113
|
interface Props extends GalleriaProps{
|
|
@@ -131,6 +131,11 @@ const {
|
|
|
131
131
|
toggleFullScreen
|
|
132
132
|
} = useGalleriaFullscreen(galleria)
|
|
133
133
|
|
|
134
|
+
const {
|
|
135
|
+
listenMaskElementClick,
|
|
136
|
+
removeMaskElementClick
|
|
137
|
+
} = useGalleriaMaskClick(visible)
|
|
138
|
+
|
|
134
139
|
const {
|
|
135
140
|
isVisible: isDeleteConfirmationPopup,
|
|
136
141
|
deleteCount,
|
|
@@ -164,6 +169,11 @@ watch(() => currentImage.value, (oldValue, newValue) => {
|
|
|
164
169
|
watch(() => visible.value, () => {
|
|
165
170
|
if (!visible.value) {
|
|
166
171
|
activeIndex.value = 0
|
|
172
|
+
removeMaskElementClick()
|
|
173
|
+
} else {
|
|
174
|
+
nextTick(() => {
|
|
175
|
+
listenMaskElementClick()
|
|
176
|
+
})
|
|
167
177
|
}
|
|
168
178
|
})
|
|
169
179
|
|
|
@@ -172,6 +182,16 @@ watch(() => props.value, () => {
|
|
|
172
182
|
visible.value = false
|
|
173
183
|
}
|
|
174
184
|
})
|
|
185
|
+
|
|
186
|
+
onMounted(() => {
|
|
187
|
+
if (visible.value) {
|
|
188
|
+
listenMaskElementClick()
|
|
189
|
+
}
|
|
190
|
+
})
|
|
191
|
+
|
|
192
|
+
onUnmounted(() => {
|
|
193
|
+
removeMaskElementClick()
|
|
194
|
+
})
|
|
175
195
|
</script>
|
|
176
196
|
|
|
177
197
|
<style lang="scss">
|
|
@@ -111,12 +111,9 @@
|
|
|
111
111
|
|
|
112
112
|
<template #header>
|
|
113
113
|
<div class="wt-table__th__content">
|
|
114
|
-
<
|
|
115
|
-
<template #activator>
|
|
116
|
-
{{ col.text }}
|
|
117
|
-
</template>
|
|
114
|
+
<span v-tooltip="col.text">
|
|
118
115
|
{{ col.text }}
|
|
119
|
-
</
|
|
116
|
+
</span>
|
|
120
117
|
<wt-icon
|
|
121
118
|
v-if="col.sort === 'asc'"
|
|
122
119
|
class="wt-table__th__sort-arrow wt-table__th__sort-arrow--asc"
|
package/src/composables/index.ts
CHANGED
|
@@ -6,6 +6,7 @@ export * from './useCard/useCardTabs';
|
|
|
6
6
|
export * from './useClose/useClose';
|
|
7
7
|
export * from './useDestroyableSortable/useDestroyableSortable';
|
|
8
8
|
export * from './useGalleriaFullscreen/useGalleriaFullscreen';
|
|
9
|
+
export * from './useGalleriaMaskClick/useGalleriaMaskClick';
|
|
9
10
|
export * from './useRepresentableAgentPauseCause/useRepresentableAgentPauseCause';
|
|
10
11
|
export * from './useValidate/useValidate';
|
|
11
12
|
export * from './useWtTable/useWtTable';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// primevue's galleria doesn't support hiding on mask click so there is a custom solution
|
|
2
|
+
export const useGalleriaMaskClick = (visible) => {
|
|
3
|
+
const onMaskClick = () => {
|
|
4
|
+
visible.value = false
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
const onGalleriaClick = (e) => {
|
|
8
|
+
e.stopPropagation();
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const listenMaskElementClick = () => {
|
|
12
|
+
document.querySelector('.p-galleria-mask')?.addEventListener('click', onMaskClick);
|
|
13
|
+
document.querySelector('.p-galleria')?.addEventListener('click', onGalleriaClick); // for stop triggering mask click
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
const removeMaskElementClick = () => {
|
|
17
|
+
document.querySelector('.p-galleria-mask')?.removeEventListener('click', onMaskClick);
|
|
18
|
+
document.querySelector('.p-galleria')?.removeEventListener('click', onGalleriaClick);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
return {
|
|
22
|
+
listenMaskElementClick,
|
|
23
|
+
removeMaskElementClick
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -85,27 +85,27 @@ declare const virtualScroll: import("vue").ComputedRef<{
|
|
|
85
85
|
numToleratedItems: number;
|
|
86
86
|
}>;
|
|
87
87
|
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
88
|
-
declare var
|
|
88
|
+
declare var __VLS_68: string, __VLS_69: {
|
|
89
89
|
index: any;
|
|
90
90
|
item: any;
|
|
91
|
-
},
|
|
91
|
+
}, __VLS_72: `${string}-footer`, __VLS_73: {}, __VLS_79: {}, __VLS_81: {
|
|
92
92
|
index: any;
|
|
93
93
|
item: any;
|
|
94
|
-
},
|
|
94
|
+
}, __VLS_83: {
|
|
95
95
|
item: any;
|
|
96
|
-
},
|
|
96
|
+
}, __VLS_85: {};
|
|
97
97
|
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
98
|
-
[K in NonNullable<typeof
|
|
98
|
+
[K in NonNullable<typeof __VLS_68>]?: (props: typeof __VLS_69) => any;
|
|
99
99
|
} & {
|
|
100
|
-
[K in NonNullable<typeof
|
|
100
|
+
[K in NonNullable<typeof __VLS_72>]?: (props: typeof __VLS_73) => any;
|
|
101
101
|
} & {
|
|
102
|
-
'actions-header'?: (props: typeof
|
|
102
|
+
'actions-header'?: (props: typeof __VLS_79) => any;
|
|
103
103
|
} & {
|
|
104
|
-
actions?: (props: typeof
|
|
104
|
+
actions?: (props: typeof __VLS_81) => any;
|
|
105
105
|
} & {
|
|
106
|
-
expansion?: (props: typeof
|
|
106
|
+
expansion?: (props: typeof __VLS_83) => any;
|
|
107
107
|
} & {
|
|
108
|
-
footer?: (props: typeof
|
|
108
|
+
footer?: (props: typeof __VLS_85) => any;
|
|
109
109
|
}>;
|
|
110
110
|
declare const __VLS_self: import("vue").DefineComponent<Props, {
|
|
111
111
|
emit: typeof emit;
|
|
@@ -6,6 +6,7 @@ export * from './useCard/useCardTabs';
|
|
|
6
6
|
export * from './useClose/useClose';
|
|
7
7
|
export * from './useDestroyableSortable/useDestroyableSortable';
|
|
8
8
|
export * from './useGalleriaFullscreen/useGalleriaFullscreen';
|
|
9
|
+
export * from './useGalleriaMaskClick/useGalleriaMaskClick';
|
|
9
10
|
export * from './useRepresentableAgentPauseCause/useRepresentableAgentPauseCause';
|
|
10
11
|
export * from './useValidate/useValidate';
|
|
11
12
|
export * from './useWtTable/useWtTable';
|