@webitel/ui-sdk 26.8.98 → 26.8.99

package/dist/{wt-chat-emoji-CEagxzmF.js → wt-chat-emoji-DGnuASX3.js}

@@ -1,4 +1,4 @@
-import "./components-Bbzj_P4l.js";
+import "./components-CMBVRgca.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-B_9ZBu01.js";
 import { t as n } from "./wt-button-CNQAK85M.js";

package/dist/{wt-display-chip-items-DaoXxPnn.js → wt-display-chip-items-DVE5aPNw.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-Bbzj_P4l.js";
+import { C as e, i as t } from "./components-CMBVRgca.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { s as r } from "./utils-DReAiJBV.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-send-message-popup-DlNzrav9.js → wt-send-message-popup-DNRwANy-.js}

@@ -1,5 +1,5 @@
-import { n as e, r as t } from "./clients-D7xoQatS.js";
-import { n } from "./components-Bbzj_P4l.js";
+import { n as e, r as t } from "./clients-DenpsPyu.js";
+import { n } from "./components-CMBVRgca.js";
 import { t as r } from "./vue-i18n-B88GcHzn.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-LfOZd5LP.js → wt-type-extension-value-input-CUx43R8o.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-D7xoQatS.js";
-import { a as t, o as n, r, s as i } from "./components-Bbzj_P4l.js";
+import { t as e } from "./clients-DenpsPyu.js";
+import { a as t, o as n, r, s as i } from "./components-CMBVRgca.js";
 import { t as a } from "./enums-B_9ZBu01.js";
 import { t as o } from "./vue-i18n-B88GcHzn.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, unref as _, useModel as v } from "vue";

package/dist/{wt-vidstack-player-DwrfsR41.js → wt-vidstack-player-_x_GEpy4.js}

@@ -1,4 +1,4 @@
-import { D as e } from "./components-Bbzj_P4l.js";
+import { D as e } from "./components-CMBVRgca.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-B_9ZBu01.js";
 import "./wt-button-CNQAK85M.js";

package/package.json

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

package/src/components/wt-input-text/__tests__/WtInputText.spec.js

@@ -28,32 +28,55 @@ describe('WtInputText', () => {
 		expect(wrapper.find('.wt-label').text()).toBe('Name');
 	});
 
-	it('trims the value by default on input', () => {
+	it('does not trim the value on input', () => {
 		const wrapper = mount(WtInputText);
 		const input = wrapper.findComponent({
 			name: 'InputText',
 		});
 		input.vm.$emit('update:model-value', '  hello  ');
 		expect(wrapper.emitted()['update:modelValue'][0]).toEqual([
-			'hello',
+			'  hello  ',
 		]);
 	});
 
-	it('does not trim the value when preventTrim is true', () => {
+	it('trims the value on blur by default', async () => {
 		const wrapper = mount(WtInputText, {
 			props: {
-				preventTrim: true,
+				modelValue: '  hello  ',
 			},
 		});
 		const input = wrapper.findComponent({
 			name: 'InputText',
 		});
-		input.vm.$emit('update:model-value', '  hello  ');
+		await input.vm.$emit('blur', new Event('blur'));
 		expect(wrapper.emitted()['update:modelValue'][0]).toEqual([
-			'  hello  ',
+			'hello',
 		]);
 	});
 
+	it('does not trim the value on blur when preventTrim is true', async () => {
+		const wrapper = mount(WtInputText, {
+			props: {
+				modelValue: '  hello  ',
+				preventTrim: true,
+			},
+		});
+		const input = wrapper.findComponent({
+			name: 'InputText',
+		});
+		await input.vm.$emit('blur', new Event('blur'));
+		expect(wrapper.emitted()['update:modelValue']).toBeFalsy();
+	});
+
+	it('emits blur when the underlying input is blurred', async () => {
+		const wrapper = mount(WtInputText);
+		const input = wrapper.findComponent({
+			name: 'InputText',
+		});
+		await input.vm.$emit('blur', new Event('blur'));
+		expect(wrapper.emitted().blur).toBeTruthy();
+	});
+
 	it('toggles the eye icon and masks the input when hideInputValue is true', async () => {
 		const wrapper = mount(WtInputText, {
 			props: {

package/src/components/wt-input-text/wt-input-text.vue

@@ -37,6 +37,7 @@
         @update:model-value="inputHandler"
         @keyup="handleKeyup"
         @focus="emit('focus', $event)"
+        @blur="handleBlur"
       />
       <p-input-group-addon
         v-if="hideInputValue || $slots.suffix"
@@ -135,6 +136,9 @@ const emit = defineEmits<{
 	focus: [
 		FocusEvent,
 	];
+	blur: [
+		FocusEvent,
+	];
 }>();
 
 const slots = useSlots();
@@ -170,8 +174,14 @@ const requiredLabel = computed(() => {
 });
 
 const inputHandler = (value: string) => {
-	const handledValue = props.preventTrim ? value : value.trim();
-	model.value = handledValue;
+	model.value = value;
+};
+
+const handleBlur = (event: FocusEvent) => {
+	if (!props.preventTrim && typeof model.value === 'string') {
+		model.value = model.value.trim();
+	}
+	emit('blur', event);
 };
 
 const isValueHidden = ref(props.hideInputValue);