@webitel/ui-sdk 26.8.98 → 26.8.100

package/dist/{wt-type-extension-value-input-LfOZd5LP.js → wt-type-extension-value-input-Cd0towde.js}

@@ -1,6 +1,6 @@
-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 a } from "./enums-B_9ZBu01.js";
+import { a as e, o as t, r as n, s as r } from "./components-CB2t5ag8.js";
+import { t as i } from "./clients-ClR-VL_c.js";
+import { t as a } from "./enums-Bd-8yrmg.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";
 //#endregion
@@ -34,11 +34,11 @@ var y = /* @__PURE__ */ d({
 			searchMethod: O(y.field.lookup)
 		})), E = s(() => ({ ...T.value })), D = (e) => {
 			f.value = e;
-		}, O = ({ path: t = "", display: n = "", primary: r = "" } = {}) => (i) => e.getLookup({
-			...i,
-			path: t,
-			display: n,
-			primary: r
+		}, O = ({ path: e = "", display: t = "", primary: n = "" } = {}) => (r) => i.getLookup({
+			...r,
+			path: e,
+			display: t,
+			primary: n
 		}), k = (e) => {
 			let t = e ?? {};
 			if (Object.values(t).length === 0) return D(null);
@@ -52,7 +52,7 @@ var y = /* @__PURE__ */ d({
 				name: e.name
 			})));
 		};
-		return (e, o) => {
+		return (i, o) => {
 			let s = g("wt-input-text"), f = g("wt-input-number");
 			return d.field.kind === _(a).Text ? (m(), c(s, p({ key: 0 }, w.value, {
 				"model-value": C.value,
@@ -60,44 +60,44 @@ var y = /* @__PURE__ */ d({
 			}), null, 16, ["model-value"])) : d.field.kind === _(a).Number ? (m(), c(f, p({ key: 1 }, w.value, {
 				"model-value": C.value,
 				"onUpdate:modelValue": D
-			}), null, 16, ["model-value"])) : d.field.kind === _(a).Boolean ? h(e.$slots, _(a).Boolean, {
+			}), null, 16, ["model-value"])) : d.field.kind === _(a).Boolean ? h(i.$slots, _(a).Boolean, {
 				key: 2,
 				defaultProps: { ...w.value }
-			}, () => [u(_(t), p(w.value, {
+			}, () => [u(_(e), p(w.value, {
 				"model-value": C.value,
 				"onUpdate:modelValue": D
-			}), null, 16, ["model-value"])]) : d.field.kind === _(a).Select ? h(e.$slots, _(a).Select, {
+			}), null, 16, ["model-value"])]) : d.field.kind === _(a).Select ? h(i.$slots, _(a).Select, {
 				key: 3,
 				defaultProps: {
 					...w.value,
 					...T.value,
 					value: C.value
 				}
-			}, () => [u(_(n), p(w.value, {
+			}, () => [u(_(t), p(w.value, {
 				"model-value": C.value,
 				"search-method": O(d.field.lookup),
 				"data-key": "id",
 				"onUpdate:modelValue": k
-			}), null, 16, ["model-value", "search-method"])]) : d.field.kind === _(a).Multiselect ? h(e.$slots, _(a).Multiselect, {
+			}), null, 16, ["model-value", "search-method"])]) : d.field.kind === _(a).Multiselect ? h(i.$slots, _(a).Multiselect, {
 				key: 4,
 				defaultProps: {
 					...w.value,
 					...E.value,
 					value: C.value
 				}
-			}, () => [u(_(i), p({
+			}, () => [u(_(r), p({
 				...w.value,
 				...E.value
 			}, {
 				"model-value": C.value,
 				"onUpdate:modelValue": A
-			}), null, 16, ["model-value"])]) : d.field.kind === _(a).Calendar ? h(e.$slots, _(a).Calendar, {
+			}), null, 16, ["model-value"])]) : d.field.kind === _(a).Calendar ? h(i.$slots, _(a).Calendar, {
 				key: 5,
 				defaultProps: {
 					...w.value,
 					value: C.value
 				}
-			}, () => [u(_(r), p(w.value, {
+			}, () => [u(_(n), p(w.value, {
 				"model-value": C.value,
 				"show-time": "",
 				"onUpdate:modelValue": D

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

@@ -1,8 +1,9 @@
-import { D as e } from "./components-Bbzj_P4l.js";
+import { w as e } from "./components-CB2t5ag8.js";
+import "./convertDuration-CGW5IDMW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as n } from "./enums-B_9ZBu01.js";
-import "./wt-button-CNQAK85M.js";
-import { t as r } from "./wt-icon-btn-DDElLZil.js";
+import { c as n } from "./enums-Bd-8yrmg.js";
+import "./wt-button-BzYDkfhK.js";
+import { t as r } from "./wt-icon-btn-CeGGT2PO.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";
 import { _ as ze, a as Be, c as Ve, f as He, g as Ue, h as We, i as Ge, l as Ke, n as qe, r as Je, s as Ye, t as Xe, u as Ze, v as Qe, x as $e, y as et } from "./useVidstackSrc-aQcqC_v0.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.98",
+	"version": "26.8.100",
 	"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);

package/src/enums/FormatDateMode/FormatDateMode.ts

@@ -1,10 +1 @@
-export const FormatDateMode = {
-	DATE: 'date',
-	TIME: 'time',
-	TIME_SEC: 'timeSec',
-	DATETIME: 'datetime',
-	DATETIME_SHORT: 'datetimeShort',
-} as const;
-
-export type FormatDateMode =
-	(typeof FormatDateMode)[keyof typeof FormatDateMode];
+export { FormatDateMode } from '@webitel/api-services/enums';

package/src/scripts/convertDuration.js

@@ -1,15 +1,3 @@
-const convertDuration = (duration) => {
-	if (!duration) return '00:00:00';
-
-	let hour = `${Math.floor(duration / 3600)}`;
-	let min = `${Math.floor((duration % 3600) / 60)}`;
-	let sec = `${Math.floor((duration % 3600) % 60)}`;
-
-	if (hour.length === 1) hour = `0${hour}`;
-	if (min.length === 1) min = `0${min}`;
-	if (sec.length === 1) sec = `0${sec}`;
-
-	return `${hour}:${min}:${sec}`;
-};
+import { convertDuration } from '@webitel/api-services/scripts';
 
 export default convertDuration;

package/src/utils/formatDate.ts

@@ -1,37 +1 @@
-import { uk } from 'date-fns/locale';
-import { formatInTimeZone } from 'date-fns-tz';
-
-import type { FormatDateMode } from '../enums';
-import { TIMEZONE_STORAGE_KEY } from '../modules/Userinfo/constants/UserSettingsConstants';
-
-function getUserTimeZone(): string {
-	return (
-		localStorage.getItem(TIMEZONE_STORAGE_KEY) ||
-		Intl.DateTimeFormat().resolvedOptions().timeZone
-	);
-}
-
-// https://date-fns.org/v4.1.0/docs/format
-const formatStringMap = {
-	date: 'P', // dd.MM.yyyy (13.11.2025)
-	time: 'p', // HH:mm (15:53)
-	timeSec: 'pp', // HH:mm:ss (15:53:00)
-	datetime: 'Ppp', // dd.MM.yyyy, HH:mm:ss (13.11.2025, 15:53:00)
-	datetimeShort: 'Pp', // dd.MM.yyyy, HH:mm (13.11.2025, 15:53)
-};
-
-export function formatDate(
-	date: string | number | Date,
-	to: (typeof FormatDateMode)[keyof typeof FormatDateMode],
-	{
-		timezone = undefined,
-	}: {
-		timezone?: string;
-	} = {},
-): string {
-	const timeZone = timezone ?? getUserTimeZone();
-
-	return formatInTimeZone(date, timeZone, formatStringMap[to], {
-		locale: uk,
-	});
-}
+export { formatDate } from '@webitel/api-services/utils';