@webitel/ui-sdk 26.8.148 → 26.8.150

package/dist/{wt-button-DipbKGWn.js → wt-button-DnbIcGvU.js}

@@ -45,6 +45,7 @@ var w = /* @__PURE__ */ l({
 			default: !1
 		},
 		icon: { default: "" },
+		iconColor: {},
 		iconPrefix: { default: "" },
 		badge: {},
 		badgeSeverity: {},
@@ -108,12 +109,17 @@ var w = /* @__PURE__ */ l({
 					])) : o("", !0),
 					t.icon ? (p(), a(e, {
 						key: 2,
-						class: f({ "wt-button__icon--hidden": A.value }),
+						class: f({
+							"wt-button__icon--hidden": A.value,
+							"wt-button__icon--custom-color": t.iconColor
+						}),
+						color: t.iconColor,
 						icon: t.icon,
 						"icon-prefix": t.iconPrefix,
 						size: E[t.size]
 					}, null, 8, [
 						"class",
+						"color",
 						"icon",
 						"icon-prefix",
 						"size"

package/dist/{wt-chat-emoji-MsObqyU0.js → wt-chat-emoji-C6taiH7d.js}

@@ -1,7 +1,7 @@
-import "./components-BtmD0hC5.js";
+import "./components-7m-8aZmi.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { E as t, h as n } from "./enums-CKer6GJR.js";
-import { t as r } from "./wt-button-DipbKGWn.js";
+import { t as r } from "./wt-button-DnbIcGvU.js";
 import { n as i } from "./wt-toast-3-3ZylQ9.js";
 import { Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, nextTick as d, onBeforeUnmount as f, openBlock as p, ref as m, resolveDirective as h, unref as g, withDirectives as ee } from "vue";
 //#region node_modules/emoji-picker-element/database.js

package/dist/{wt-display-chip-items-Y1SE_tA1.js → wt-display-chip-items-BKezwH_o.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-BtmD0hC5.js";
+import { C as e, i as t } from "./components-7m-8aZmi.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./utils-DQQQIpjz.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-BJrKbYMu.js → wt-player-DUnqV23Z.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./wt-icon-B9Yy9aye.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as n } from "./enums-CKer6GJR.js";
-import { t as r } from "./wt-button-DipbKGWn.js";
+import { t as r } from "./wt-button-DnbIcGvU.js";
 import { n as i, t as a } from "./useVidstackSrc-aQcqC_v0.js";
 import { t as o } from "./wt-popover-BI6YyXy0.js";
 import { t as s } from "./wt-slider-x-Tch7RT.js";

package/dist/{wt-send-message-popup-DBrNMe7E.js → wt-send-message-popup-BWbiEroB.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-BtmD0hC5.js";
+import { n as e } from "./components-7m-8aZmi.js";
 import "./convertDuration-CIPonKKW.js";
-import { i as t, r as n } from "./clients-Czz3NjJo.js";
+import { i as t, r as n } from "./clients-x0gCJQbb.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as a, createTextVNode as o, createVNode as s, defineComponent 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-CDSzvRGt.js → wt-type-extension-value-input-DJVtErVH.js}

@@ -1,7 +1,7 @@
 import "./dist-EXdgfpvN.js";
 import { n as e } from "./genClient-CvWlQ0TZ.js";
-import { a as t, o as n, r, s as i, w as a } from "./components-BtmD0hC5.js";
-import { n as o, t as s } from "./clients-Czz3NjJo.js";
+import { a as t, o as n, r, s as i, w as a } from "./components-7m-8aZmi.js";
+import { n as o, t as s } from "./clients-x0gCJQbb.js";
 import { a as c, c as l, i as u, n as d, o as f, p, r as m, s as h, t as g } from "./enums-CKer6GJR.js";
 import { n as _ } from "./vue-i18n-VBiROMZ4.js";
 import "./wt-toast-3-3ZylQ9.js";

package/dist/{wt-vidstack-player-BlgiRlg8.js → wt-vidstack-player-BcldtEws.js}

@@ -1,8 +1,8 @@
-import { T as e } from "./components-BtmD0hC5.js";
+import { T as e } from "./components-7m-8aZmi.js";
 import "./convertDuration-CIPonKKW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as n } from "./enums-CKer6GJR.js";
-import "./wt-button-DipbKGWn.js";
+import "./wt-button-DnbIcGvU.js";
 import { t as r } from "./wt-icon-btn-8EHSKSxB.js";
 import { $ as i, C as a, D as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, P as ee, Q as _, R as te, S as v, U as ne, V as y, W as b, X as x, Y as re, Z as S, _ as C, a as ie, b as ae, c as oe, d as se, et as ce, f as le, g as ue, h as de, i as w, it as fe, j as pe, k as me, l as T, m as he, n as E, nt as D, o as O, ot as ge, p as k, q as A, r as j, rt as _e, t as ve, tt as ye, u as be, v as M, w as xe, y as Se, z as Ce } from "./vidstack-D9mvYVIz-DesuYgKV.js";
 import { _ as N, a as we, c as Te, d as Ee, f as De, g as Oe, h as ke, i as Ae, l as je, m as Me, n as Ne, o as Pe, p as Fe, r as Ie, s as Le, t as P, u as Re } from "./vidstack-CgfrU1hS-CNTJkyzm.js";

package/package.json

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

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

@@ -43,7 +43,11 @@
 
       <wt-icon
         v-if="icon"
-        :class="{ 'wt-button__icon--hidden': showLoader }"
+        :class="{
+          'wt-button__icon--hidden': showLoader,
+          'wt-button__icon--custom-color': iconColor,
+        }"
+        :color="iconColor"
         :icon="icon"
         :icon-prefix="iconPrefix"
         :size="iconButtonSizeMap[size]"
@@ -56,7 +60,12 @@
 import type { ButtonProps } from 'primevue';
 import { computed, inject, ref, toRef, useAttrs, watch } from 'vue';
 
-import { ButtonColor, ButtonVariant, ComponentSize } from '../../enums';
+import {
+	ButtonColor,
+	ButtonVariant,
+	ComponentSize,
+	type IconColor,
+} from '../../enums';
 import type { BadgeSeverity } from '../wt-badge-new/types/WtBadge';
 import WtBadge from '../wt-badge-new/wt-badge.vue';
 import WtIcon from '../wt-icon/wt-icon.vue';
@@ -81,6 +90,10 @@ interface WtButtonProps extends /* @vue-ignore */ ButtonProps {
 	wide?: boolean;
 	widthByContent?: boolean;
 	icon?: string;
+	/**
+	 * Overrides icon color; by default color is derived from button color/variant
+	 */
+	iconColor?: IconColor;
 	iconPrefix?: string;
 	badge?: string;
 	badgeSeverity?: BadgeSeverity;
@@ -165,6 +178,14 @@ watch(
   opacity: 0;
 }
 
+/*
+	Theme sets svg fill by button color; let the explicit iconColor
+	(set on .wt-icon) win. Disabled state keeps theme color.
+*/
+.p-button:not(:disabled) .wt-button__icon--custom-color svg {
+  fill: inherit !important;
+}
+
 .wt-badge.wt-badge--absolute {
   position: absolute;
   top: 0;

package/src/components/wt-single-select/__tests__/WtSingleSelect.spec.js

@@ -114,4 +114,29 @@ describe('WtSingleSelect', () => {
 			.vm.$emit('hide');
 		expect(wrapper.emitted().hide).toBeTruthy();
 	});
+
+	it('emits the filter text on search and on Enter', async () => {
+		const wrapper = mount(WtSingleSelect, {
+			global: {
+				stubs: {
+					Select: {
+						name: 'Select',
+						template: '<div><slot name="header" /></div>',
+					},
+				},
+			},
+		});
+		const filter = wrapper.findComponent({
+			name: 'wt-input-text',
+		});
+		await filter.vm.$emit('update:model-value', 'custom-file.mp3');
+		expect(wrapper.emitted('search-change')?.at(-1)).toEqual([
+			'custom-file.mp3',
+		]);
+
+		await filter.trigger('keydown.enter');
+		expect(wrapper.emitted('search-enter')?.at(-1)).toEqual([
+			'custom-file.mp3',
+		]);
+	});
 });

package/src/components/wt-single-select/wt-single-select.vue

@@ -46,8 +46,8 @@
           class="wt-single-select__input"
           :model-value="filterText"
           :size="ComponentSize.SM"
-          @update:model-value="filterOptions($event)"
-          @keydown.enter.stop="onInputKeydown"
+          @update:model-value="onFilterModelUpdate"
+          @keydown.enter.stop.prevent="onFilterEnter"
         >
           <template #suffix>
             <wt-icon v-if="allowCustomValues && filterText" disabled icon="select-custom-value-enter" />
@@ -194,6 +194,12 @@ const model = defineModel<string>({
 const emit = defineEmits<{
 	reset: [];
 	hide: [];
+	'search-change': [
+		value: string,
+	];
+	'search-enter': [
+		value: string,
+	];
 }>();
 
 const selectId = `select-${Math.random().toString(36).slice(2, 11)}`;
@@ -257,6 +263,18 @@ const handleDropdownHide = () => {
 	onDropdownHide();
 	emit('hide');
 };
+
+const onFilterModelUpdate = (value: string) => {
+	const text = value ?? '';
+	filterOptions(text);
+	emit('search-change', text);
+};
+
+const onFilterEnter = () => {
+	emit('search-enter', filterText.value);
+	onInputKeydown();
+	selectRef.value?.hide?.();
+};
 </script>
 
 <style scoped>

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

@@ -197,13 +197,13 @@ const button = {
             background: transparent;
             outline-offset: -1px;
         }
-        .p-button--icon-${ComponentSize.XS} {
+        .p-button.p-button--icon-${ComponentSize.XS} {
             padding: ${dt('button.icon.xs.padding')};
         }
-        .p-button--icon-${ComponentSize.SM} {
+        .p-button.p-button--icon-${ComponentSize.SM} {
             padding: ${dt('button.icon.sm.padding')};
         }
-        .p-button--icon-${ComponentSize.MD} {
+        .p-button.p-button--icon-${ComponentSize.MD} {
             padding: ${dt('button.icon.md.padding')};
         }
         .p-button--icon-active:disabled svg {