@webitel/ui-sdk 26.6.44 → 26.6.45

package/dist/wt-button-BJmzJIU6.js

@@ -0,0 +1,134 @@
+import { t as e } from "./wt-icon-pxO7IjwV.js";
+import { c as t, d as n, u as r } from "./enums-pbYAJNeb.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createTextVNode as c, defineComponent as l, inject as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, resolveComponent as g, toDisplayString as _, toRef as v, unref as y, useAttrs as b, watch as x, withCtx as S, withModifiers as C } from "vue";
+//#endregion
+//#region src/components/wt-badge-new/wt-badge.vue
+var w = /* @__PURE__ */ l({
+	__name: "wt-badge",
+	props: {
+		value: { default: "" },
+		severity: { default: null },
+		size: { default: t.MD }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => {
+			let r = g("p-badge");
+			return p(), a(r, {
+				value: t.value,
+				class: f([[t.size && `p-badge--${t.size}`, t.severity && `p-badge--${t.severity}`], "wt-badge typo-caption"])
+			}, {
+				default: S(() => [h(e.$slots, "default")], void 0, !0),
+				_: 3
+			}, 8, ["value", "class"]);
+		};
+	}
+}), T = { class: "wt-button__contents" }, E = /* @__PURE__ */ l({
+	__name: "wt-button",
+	props: {
+		color: { default: n.PRIMARY },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: t.MD },
+		wide: {
+			type: Boolean,
+			default: !1
+		},
+		widthByContent: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { default: "" },
+		iconPrefix: { default: "" },
+		badge: {},
+		badgeSeverity: {},
+		badgeAbsolutePosition: { type: Boolean },
+		variant: { default: r.ACTIVE }
+	},
+	emits: ["click"],
+	setup(n, { emit: r }) {
+		let l = {
+			[t.XS]: "extra-small",
+			[t.SM]: "small",
+			[t.MD]: "medium"
+		}, E = {
+			[t.XS]: "sm",
+			[t.SM]: "sm",
+			[t.MD]: "md"
+		}, D = n, O = r, k = b(), A = m(!1), j = i(() => ({ "wt-badge--absolute": D.badgeAbsolutePosition })), M = v(u("darkMode")), N = i(() => M.value ? "on-dark" : "on-light");
+		return x(() => D.loading, (e) => {
+			e ? A.value = !0 : setTimeout(() => {
+				A.value = e;
+			}, 1e3);
+		}, { immediate: !0 }), (r, i) => {
+			let u = g("wt-loader"), m = g("p-button");
+			return p(), a(m, d(y(k), {
+				class: [{
+					"p-button--width-by-content": n.widthByContent || n.icon,
+					"p-button--wide": n.wide,
+					"p-button--with-badge": D.badge,
+					"p-button--loading": A.value,
+					"p-button--icon": n.icon,
+					[`p-button--size-${n.size}`]: !0,
+					[`p-button--icon-${n.variant} p-button--icon-${n.size}`]: n.icon
+				}, "wt-button typo-button typo-button"],
+				disabled: n.disabled,
+				loading: A.value,
+				severity: n.color,
+				size: l[n.size],
+				variant: n.variant
+			}, { onClick: i[0] ||= C((e) => O("click", e), ["prevent"]) }), {
+				default: S(() => [A.value ? (p(), a(u, {
+					key: 0,
+					color: N.value,
+					size: "sm"
+				}, null, 8, ["color"])) : o("", !0), s("div", T, [
+					n.icon ? o("", !0) : h(r.$slots, "default", { key: 0 }, () => [i[1] ||= c(" no content provided", -1)]),
+					D.badge ? (p(), a(w, {
+						key: 1,
+						value: D.badge,
+						severity: D.badgeSeverity,
+						class: f(j.value),
+						size: y(t).MD
+					}, {
+						default: S(() => [h(r.$slots, "badge", {}, () => [c(_(D.badge), 1)])]),
+						_: 3
+					}, 8, [
+						"value",
+						"severity",
+						"class",
+						"size"
+					])) : o("", !0),
+					n.icon ? (p(), a(e, {
+						key: 2,
+						class: f({ "wt-button__icon--hidden": A.value }),
+						icon: n.icon,
+						"icon-prefix": n.iconPrefix,
+						size: E[n.size]
+					}, null, 8, [
+						"class",
+						"icon",
+						"icon-prefix",
+						"size"
+					])) : o("", !0)
+				])], void 0, !0),
+				_: 3
+			}, 16, [
+				"class",
+				"disabled",
+				"loading",
+				"severity",
+				"size",
+				"variant"
+			]);
+		};
+	}
+});
+//#endregion
+export { w as n, E as t };

package/dist/{wt-chat-emoji-DuiKO7nU.js → wt-chat-emoji-D3jwmQoi.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./chunk-CY3AvKd6.js";
 import { n as t, t as n } from "./dist-BYiYpK00.js";
-import "./components-C0M-1soD.js";
+import "./components-Z7U49tas.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as i } from "./enums-pbYAJNeb.js";
-import { t as a } from "./wt-button-DENbrKdy.js";
+import { t as a } from "./wt-button-BJmzJIU6.js";
 import "./sortQueryAdapters-CyYXvnDN.js";
 import { t as o } from "./isObject-Dgs_L5xI.js";
 import { a as s, i as c, n as l, o as u, r as d, s as f } from "./debounce-DrmECuJ2.js";

package/dist/{wt-display-chip-items-DUcN6Vny.js → wt-display-chip-items-DJEixQxK.js}

@@ -1,4 +1,4 @@
-import { c as e, i as t } from "./components-C0M-1soD.js";
+import { c as e, i as t } from "./components-Z7U49tas.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./displayText-CtaxzaBz.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-player-uidPXSTe.js → wt-player-DROQ1CPs.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./wt-icon-pxO7IjwV.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as n } from "./enums-pbYAJNeb.js";
-import { t as r } from "./wt-button-DENbrKdy.js";
+import { t as r } from "./wt-button-BJmzJIU6.js";
 import { n as i, t as a } from "./useVidstackSrc-DfNrFbOO.js";
 import { t as o } from "./wt-popover-CJZH3wMl.js";
 import { t as s } from "./wt-slider-BS3SoGht.js";

package/dist/{wt-send-message-popup-CSA7ukEd.js → wt-send-message-popup-tV8OM9Au.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./components-C0M-1soD.js";
+import { n as e } from "./components-Z7U49tas.js";
 import { t } from "./vue-i18n-B8Px6VcD.js";
 import { n, r } from "./clients-aQCH0OHp.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, inject as c, mergeProps as l, onMounted as u, openBlock as d, ref as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-type-extension-value-input-DRU_RX4Y.js → wt-type-extension-value-input-B6VJ9AKB.js}

@@ -1,4 +1,4 @@
-import { a as e, o as t, r as n, s as r } from "./components-C0M-1soD.js";
+import { a as e, o as t, r as n, s as r } from "./components-Z7U49tas.js";
 import { t as i } from "./enums-pbYAJNeb.js";
 import { t as a } from "./vue-i18n-B8Px6VcD.js";
 import { t as o } from "./clients-aQCH0OHp.js";

package/dist/{wt-vidstack-player-CkNUXibU.js → wt-vidstack-player-BjULgk7W.js}

@@ -1,7 +1,7 @@
-import { l as e } from "./components-C0M-1soD.js";
+import { l as e } from "./components-Z7U49tas.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as n } from "./enums-pbYAJNeb.js";
-import "./wt-button-DENbrKdy.js";
+import "./wt-button-BJmzJIU6.js";
 import { t as r } from "./wt-icon-btn-CjjI4cgE.js";
 import { $ as i, A as a, B as o, C as s, F as c, G as l, H as u, I as d, J as f, K as p, L as m, M as h, N as g, O as ee, P as te, Q as _, R as ne, T as re, U as v, W as ie, X as ae, Y as oe, Z as y, _ as b, a as se, at as ce, b as le, c as ue, d as de, et as x, f as fe, g as pe, h as me, i as S, it as he, k as ge, l as C, m as _e, n as w, nt as ve, o as T, p as E, q as D, r as O, rt as k, st as ye, t as be, tt as xe, u as Se, v as A, w as j, x as Ce, y as we, z as Te } from "./vidstack-BGSTndAW-CyKM_CM4.js";
 import { _ as Ee, a as De, c as Oe, f as ke, g as Ae, h as je, i as Me, l as Ne, n as Pe, r as Fe, s as Ie, t as Le, u as Re, v as ze, x as Be, y as Ve } from "./useVidstackSrc-DfNrFbOO.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.6.44",
+	"version": "26.6.45",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

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

@@ -53,8 +53,7 @@
 
 <script lang="ts" setup>
 import type { ButtonProps } from 'primevue';
-import { computed, inject, ref, useAttrs, watch } from 'vue';
-import { useStore } from 'vuex';
+import { computed, inject, toRef, ref, useAttrs, watch } from 'vue';
 
 import { ButtonColor, ButtonVariant, ComponentSize } from '../../enums';
 import WtBadge from '../wt-badge-new/wt-badge.vue';
@@ -111,28 +110,7 @@ const badgeClass = computed(() => ({
 	'wt-badge--absolute': props.badgeAbsolutePosition,
 }));
 
-// @Ler24
-// Compatibility mode for Vuex (old mode) and when there is no Vuex in project (new mode)
-let store = null;
-try {
-	store = useStore();
-} catch {
-	store = null;
-}
-
-const injectDarkMode = inject('darkMode');
-
-const darkMode = computed(() => {
-	if (injectDarkMode?.value) {
-		return injectDarkMode.value;
-	}
-
-	if (store?.getters) {
-		return store.getters['appearance/DARK_MODE'] ?? false;
-	}
-
-	return false;
-});
+const darkMode = toRef(inject<boolean>('darkMode'));
 
 /**
  * @author: @Opelsandr Palonnyi

package/src/modules/TableComponentModule/composables/useTableEmpty.js

@@ -1,7 +1,6 @@
 import deepmerge from 'deepmerge';
-import { computed, inject } from 'vue';
+import { computed, inject, toRef } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useStore } from 'vuex';
 
 import { EmptyCause } from '../../../enums/index';
 import { isEmpty } from '../../../scripts/index.js';
@@ -14,7 +13,6 @@ export const useTableEmpty = (
 	{ dataList, filters, error, isLoading },
 	overrides = {},
 ) => {
-	const store = useStore();
 	const { t } = useI18n();
 
 	// use computed, so that at locale change, texts will be updated too
@@ -62,17 +60,7 @@ export const useTableEmpty = (
 
 	const merged = computed(() => deepmerge(defaults.value, overrides));
 
-	let darkMode = computed(() => false);
-
-	try {
-		darkMode = inject('darkMode');
-	} catch {
-		try {
-			darkMode = computed(() => store.getters['appearance/DARK_MODE']);
-		} catch {
-			console.warn('"darkMode" value not found, using "false" as default');
-		}
-	}
+	const darkMode = toRef(inject('darkMode'));
 
 	const emptyState = computed(() => {
 		return !isLoading?.value && !error?.value && !dataList?.value?.length;